@charset "UTF-8";
/**
 * Foundation for Sites by ZURB
 * Version 6.5.3
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
@media print, screen and (min-width: 40em) {
  .reveal, .reveal.tiny, .reveal.small, .reveal.large {
    right: auto;
    left: auto;
    margin: 0 auto; } }

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

pre {
  font-family: monospace, monospace;
  font-size: 1em; }

a {
  background-color: transparent; }

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted; }

b,
strong {
  font-weight: bolder; }

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

small {
  font-size: 80%; }

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

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

img {
  border-style: none; }

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

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

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

fieldset {
  padding: 0.35em 0.75em 0.625em; }

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal; }

progress {
  vertical-align: baseline; }

textarea {
  overflow: auto; }

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

details {
  display: block; }

summary {
  display: list-item; }

template {
  display: none; }

[hidden] {
  display: none; }

.foundation-mq {
  font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; }

html {
  box-sizing: border-box;
  font-size: 100%; }

*,
*::before,
*::after {
  box-sizing: inherit; }

body {
  margin: 0;
  padding: 0;
  background: #fefefe;
  font-family: "Open Sans", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.5;
  color: #50524c;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic; }

textarea {
  height: auto;
  min-height: 50px;
  border-radius: 6px; }

select {
  box-sizing: border-box;
  width: 100%;
  border-radius: 6px; }

.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
  max-width: none !important; }

button {
  padding: 0;
  appearance: none;
  border: 0;
  border-radius: 6px;
  background: transparent;
  line-height: 1;
  cursor: auto; }
  [data-whatinput='mouse'] button {
    outline: 0; }

pre {
  overflow: auto; }

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; }

.is-visible {
  display: block !important; }

.is-hidden {
  display: none !important; }

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'],
textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 2.4375rem;
  margin: 0 0 1rem;
  padding: 0.5rem;
  border: 1px #cfcfcf solid;
  border-radius: 6px;
  background-color: #fffffe;
  box-shadow: none;
  font-family: inherit;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  color: #50524c;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  appearance: none; }
  [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus,
  textarea:focus {
    outline: none;
    border: 1px solid #3d3d3d;
    background-color: #fffffe;
    box-shadow: 0 0 5px #969696;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }

textarea {
  max-width: 100%; }
  textarea[rows] {
    height: auto; }

input:disabled, input[readonly],
textarea:disabled,
textarea[readonly] {
  background-color: #cfcfcf;
  cursor: not-allowed; }

[type='submit'],
[type='button'] {
  appearance: none;
  border-radius: 6px; }

input[type='search'] {
  box-sizing: border-box; }

::placeholder {
  color: #969696; }

[type='file'],
[type='checkbox'],
[type='radio'] {
  margin: 0 0 1rem; }

[type='checkbox'] + label,
[type='radio'] + label {
  display: inline-block;
  vertical-align: baseline;
  margin-left: 0.5rem;
  margin-right: 1rem;
  margin-bottom: 0; }
  [type='checkbox'] + label[for],
  [type='radio'] + label[for] {
    cursor: pointer; }

label > [type='checkbox'],
label > [type='radio'] {
  margin-right: 0.5rem; }

[type='file'] {
  width: 100%; }

label {
  display: block;
  margin: 0;
  font-size: 100%;
  font-weight: normal;
  line-height: 1.6;
  color: #50524c; }
  label.middle {
    margin: 0 0 1rem;
    padding: 0.5625rem 0; }

.help-text {
  margin-top: -0.5rem;
  font-size: 0.8125rem;
  font-style: italic;
  color: #131313; }

.input-group {
  display: flex;
  width: 100%;
  margin-bottom: 1rem;
  align-items: stretch; }
  .input-group > :first-child, .input-group > :first-child.input-group-button > * {
    border-radius: 6px 0 0 6px; }
  .input-group > :last-child, .input-group > :last-child.input-group-button > * {
    border-radius: 0 6px 6px 0; }

.input-group-label, .input-group-field, .input-group-button, .input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
  margin: 0;
  white-space: nowrap; }

.input-group-label {
  padding: 0 1rem;
  border: 1px solid #969696;
  background: #cfcfcf;
  color: #131313;
  text-align: center;
  white-space: nowrap;
  display: flex;
  flex: 0 0 auto;
  align-items: center; }
  .input-group-label:first-child {
    border-right: 0; }
  .input-group-label:last-child {
    border-left: 0; }

.input-group-field {
  border-radius: 0;
  flex: 1 1 0px;
  min-width: 0; }

.input-group-button {
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  display: flex;
  flex: 0 0 auto; }
  .input-group-button a,
  .input-group-button input,
  .input-group-button button,
  .input-group-button label {
    align-self: stretch;
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1rem; }

fieldset {
  margin: 0;
  padding: 0;
  border: 0; }

legend {
  max-width: 100%;
  margin-bottom: 0.5rem; }

.fieldset {
  margin: 1.125rem 0;
  padding: 1.25rem;
  border: 1px solid #969696; }
  .fieldset legend {
    margin: 0;
    margin-left: -0.1875rem;
    padding: 0 0.1875rem; }

select {
  height: 2.4375rem;
  margin: 0 0 1rem;
  padding: 0.5rem;
  appearance: none;
  border: 1px #cfcfcf solid;
  border-radius: 6px;
  background-color: #fffffe;
  font-family: inherit;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  color: #50524c;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%2861, 61, 61%29'></polygon></svg>");
  background-origin: content-box;
  background-position: right -1rem center;
  background-repeat: no-repeat;
  background-size: 9px 6px;
  padding-right: 1.5rem;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
  @media screen and (min-width: 0\0) {
    select {
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } }
  select:focus {
    outline: none;
    border: 1px solid #3d3d3d;
    background-color: #fffffe;
    box-shadow: 0 0 5px #969696;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
  select:disabled {
    background-color: #cfcfcf;
    cursor: not-allowed; }
  select::-ms-expand {
    display: none; }
  select[multiple] {
    height: auto;
    background-image: none; }

.is-invalid-input:not(:focus) {
  border-color: #d41c24;
  background-color: #fbe8e8; }
  .is-invalid-input:not(:focus)::placeholder {
    color: #d41c24; }

.is-invalid-label {
  color: #d41c24; }

.form-error {
  display: none;
  margin-top: -0.5rem;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: bold;
  color: #d41c24; }
  .form-error.is-visible {
    display: block; }

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0; }

p {
  margin-bottom: 1rem;
  font-size: inherit;
  line-height: 1.6;
  text-rendering: optimizeLegibility; }

em,
i {
  font-style: italic;
  line-height: inherit; }

strong,
b {
  font-weight: bold;
  line-height: inherit; }

small {
  font-size: 80%;
  line-height: inherit; }

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-family: "Open Sans", Helvetica, Roboto, Arial, sans-serif;
  font-style: normal;
  font-weight: 600;
  color: inherit;
  text-rendering: optimizeLegibility; }
  h1 small, .h1 small,
  h2 small, .h2 small,
  h3 small, .h3 small,
  h4 small, .h4 small,
  h5 small, .h5 small,
  h6 small, .h6 small {
    line-height: 0;
    color: #969696; }

h1, .h1 {
  font-size: 1.375rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem; }

h2, .h2 {
  font-size: 1.25rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem; }

h3, .h3 {
  font-size: 1.1875rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem; }

h4, .h4 {
  font-size: 1.125rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem; }

h5, .h5 {
  font-size: 1.0625rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem; }

h6, .h6 {
  font-size: 1rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem; }

@media print, screen and (min-width: 40em) {
  h1, .h1 {
    font-size: 1.5rem; }
  h2, .h2 {
    font-size: 1.25rem; }
  h3, .h3 {
    font-size: 1.25rem; }
  h4, .h4 {
    font-size: 1.125rem; }
  h5, .h5 {
    font-size: 1.125rem; }
  h6, .h6 {
    font-size: 1rem; } }

a {
  line-height: inherit;
  color: #d41c24;
  text-decoration: none;
  cursor: pointer; }
  a:hover, a:focus {
    color: #b6181f; }
  a img {
    border: 0; }

hr {
  clear: both;
  max-width: 75rem;
  height: 0;
  margin: 1.25rem auto;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #969696;
  border-left: 0; }

ul,
ol,
dl {
  margin-bottom: 1rem;
  list-style-position: outside;
  line-height: 1.6; }

li {
  font-size: inherit; }

ul {
  margin-left: 1.25rem;
  list-style-type: disc; }

ol {
  margin-left: 1.25rem; }

ul ul, ol ul, ul ol, ol ol {
  margin-left: 1.25rem;
  margin-bottom: 0; }

dl {
  margin-bottom: 1rem; }
  dl dt {
    margin-bottom: 0.3rem;
    font-weight: bold; }

blockquote {
  margin: 0 0 1rem;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
  border-left: 1px solid #969696; }
  blockquote, blockquote p {
    line-height: 1.6;
    color: #3d3d3d; }

cite {
  display: block;
  font-size: 0.8125rem;
  color: #3d3d3d; }
  cite:before {
    content: "— "; }

abbr, abbr[title] {
  border-bottom: 1px dotted #131313;
  cursor: help;
  text-decoration: none; }

figure {
  margin: 0; }

code {
  padding: 0.125rem 0.3125rem 0.0625rem;
  border: 1px solid #969696;
  background-color: #cfcfcf;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #131313; }

kbd {
  margin: 0;
  padding: 0.125rem 0.25rem 0;
  background-color: #cfcfcf;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  color: #131313;
  border-radius: 6px; }

.subheader {
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  font-weight: normal;
  line-height: 1.4;
  color: #3d3d3d; }

.lead {
  font-size: 125%;
  line-height: 1.6; }

.stat {
  font-size: 2.5rem;
  line-height: 1; }
  p + .stat {
    margin-top: -1rem; }

ul.no-bullet, ol.no-bullet {
  margin-left: 0;
  list-style: none; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

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

.text-justify {
  text-align: justify; }

@media print, screen and (min-width: 40em) {
  .medium-text-left {
    text-align: left; }
  .medium-text-right {
    text-align: right; }
  .medium-text-center {
    text-align: center; }
  .medium-text-justify {
    text-align: justify; } }

@media print, screen and (min-width: 64em) {
  .large-text-left {
    text-align: left; }
  .large-text-right {
    text-align: right; }
  .large-text-center {
    text-align: center; }
  .large-text-justify {
    text-align: justify; } }

@media screen and (min-width: 75em) {
  .xlarge-text-left {
    text-align: left; }
  .xlarge-text-right {
    text-align: right; }
  .xlarge-text-center {
    text-align: center; }
  .xlarge-text-justify {
    text-align: justify; } }

.show-for-print {
  display: none !important; }

@media print {
  * {
    background: transparent !important;
    box-shadow: none !important;
    color: black !important;
    text-shadow: none !important; }
  .show-for-print {
    display: block !important; }
  .hide-for-print {
    display: none !important; }
  table.show-for-print {
    display: table !important; }
  thead.show-for-print {
    display: table-header-group !important; }
  tbody.show-for-print {
    display: table-row-group !important; }
  tr.show-for-print {
    display: table-row !important; }
  td.show-for-print {
    display: table-cell !important; }
  th.show-for-print {
    display: table-cell !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  .ir a:after,
  a[href^='javascript:']:after,
  a[href^='#']:after {
    content: ''; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  pre,
  blockquote {
    border: 1px solid #50524c;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .print-break-inside {
    page-break-inside: auto; } }

.primary {
  color: #CF292C; }

.disabled {
  opacity: 0.5;
  cursor: not-allowed; }

.busy::before {
  font-family: "FontAwesome";
  content: "";
  display: inline-block;
  margin-right: .5rem; }

.busy:before {
  animation: fa-spin 2s infinite linear; }

.no-margin {
  margin: 0 !important; }

.nowrap {
  white-space: nowrap; }

.blue {
  color: #0d47a1; }

.yellow {
  color: orange; }

.red {
  color: darkred; }

.gray {
  color: #cfcfcf; }

.green {
  color: darkgreen; }

body {
  padding: 98px 0 0 0; }

@media screen and (min-width: 40em) {
  body {
    padding: 138px 0 0 0; } }

hr.primary {
  border-bottom: 1px #CF292C solid; }

.lcase {
  text-transform: lowercase; }

.ucase {
  text-transform: uppercase; }

/* options
  $base-grid: true,
  $margin-grid: true,
  $padding-grid: true,
  $block-grid: true,
  $collapse: true,
  $offset: true,
  $vertical-grid: true,
  $frame-grid: true
  */
.grid-container {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto; }
  @media print, screen and (min-width: 40em) {
    .grid-container {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
  .grid-container.fluid {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto; }
    @media print, screen and (min-width: 40em) {
      .grid-container.fluid {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem; } }
  .grid-container.full {
    padding-right: 0;
    padding-left: 0;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto; }

.grid-x {
  display: flex;
  flex-flow: row wrap; }

.cell {
  flex: 0 0 auto;
  min-height: 0px;
  min-width: 0px;
  width: 100%; }
  .cell.auto {
    flex: 1 1 0px; }
  .cell.shrink {
    flex: 0 0 auto; }

.grid-x > .auto {
  width: auto; }

.grid-x > .shrink {
  width: auto; }

.grid-x > .small-shrink, .grid-x > .small-full, .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 {
  flex-basis: auto; }

@media print, screen and (min-width: 40em) {
  .grid-x > .medium-shrink, .grid-x > .medium-full, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 {
    flex-basis: auto; } }

@media print, screen and (min-width: 64em) {
  .grid-x > .large-shrink, .grid-x > .large-full, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 {
    flex-basis: auto; } }

@media screen and (min-width: 75em) {
  .grid-x > .xlarge-shrink, .grid-x > .xlarge-full, .grid-x > .xlarge-1, .grid-x > .xlarge-2, .grid-x > .xlarge-3, .grid-x > .xlarge-4, .grid-x > .xlarge-5, .grid-x > .xlarge-6, .grid-x > .xlarge-7, .grid-x > .xlarge-8, .grid-x > .xlarge-9, .grid-x > .xlarge-10, .grid-x > .xlarge-11, .grid-x > .xlarge-12 {
    flex-basis: auto; } }

.grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 {
  flex: 0 0 auto; }

.grid-x > .small-1 {
  width: 8.33333%; }

.grid-x > .small-2 {
  width: 16.66667%; }

.grid-x > .small-3 {
  width: 25%; }

.grid-x > .small-4 {
  width: 33.33333%; }

.grid-x > .small-5 {
  width: 41.66667%; }

.grid-x > .small-6 {
  width: 50%; }

.grid-x > .small-7 {
  width: 58.33333%; }

.grid-x > .small-8 {
  width: 66.66667%; }

.grid-x > .small-9 {
  width: 75%; }

.grid-x > .small-10 {
  width: 83.33333%; }

.grid-x > .small-11 {
  width: 91.66667%; }

.grid-x > .small-12 {
  width: 100%; }

@media print, screen and (min-width: 40em) {
  .grid-x > .medium-auto {
    flex: 1 1 0px;
    width: auto; }
  .grid-x > .medium-shrink, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 {
    flex: 0 0 auto; }
  .grid-x > .medium-shrink {
    width: auto; }
  .grid-x > .medium-1 {
    width: 8.33333%; }
  .grid-x > .medium-2 {
    width: 16.66667%; }
  .grid-x > .medium-3 {
    width: 25%; }
  .grid-x > .medium-4 {
    width: 33.33333%; }
  .grid-x > .medium-5 {
    width: 41.66667%; }
  .grid-x > .medium-6 {
    width: 50%; }
  .grid-x > .medium-7 {
    width: 58.33333%; }
  .grid-x > .medium-8 {
    width: 66.66667%; }
  .grid-x > .medium-9 {
    width: 75%; }
  .grid-x > .medium-10 {
    width: 83.33333%; }
  .grid-x > .medium-11 {
    width: 91.66667%; }
  .grid-x > .medium-12 {
    width: 100%; } }

@media print, screen and (min-width: 64em) {
  .grid-x > .large-auto {
    flex: 1 1 0px;
    width: auto; }
  .grid-x > .large-shrink, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 {
    flex: 0 0 auto; }
  .grid-x > .large-shrink {
    width: auto; }
  .grid-x > .large-1 {
    width: 8.33333%; }
  .grid-x > .large-2 {
    width: 16.66667%; }
  .grid-x > .large-3 {
    width: 25%; }
  .grid-x > .large-4 {
    width: 33.33333%; }
  .grid-x > .large-5 {
    width: 41.66667%; }
  .grid-x > .large-6 {
    width: 50%; }
  .grid-x > .large-7 {
    width: 58.33333%; }
  .grid-x > .large-8 {
    width: 66.66667%; }
  .grid-x > .large-9 {
    width: 75%; }
  .grid-x > .large-10 {
    width: 83.33333%; }
  .grid-x > .large-11 {
    width: 91.66667%; }
  .grid-x > .large-12 {
    width: 100%; } }

@media screen and (min-width: 75em) {
  .grid-x > .xlarge-auto {
    flex: 1 1 0px;
    width: auto; }
  .grid-x > .xlarge-shrink, .grid-x > .xlarge-1, .grid-x > .xlarge-2, .grid-x > .xlarge-3, .grid-x > .xlarge-4, .grid-x > .xlarge-5, .grid-x > .xlarge-6, .grid-x > .xlarge-7, .grid-x > .xlarge-8, .grid-x > .xlarge-9, .grid-x > .xlarge-10, .grid-x > .xlarge-11, .grid-x > .xlarge-12 {
    flex: 0 0 auto; }
  .grid-x > .xlarge-shrink {
    width: auto; }
  .grid-x > .xlarge-1 {
    width: 8.33333%; }
  .grid-x > .xlarge-2 {
    width: 16.66667%; }
  .grid-x > .xlarge-3 {
    width: 25%; }
  .grid-x > .xlarge-4 {
    width: 33.33333%; }
  .grid-x > .xlarge-5 {
    width: 41.66667%; }
  .grid-x > .xlarge-6 {
    width: 50%; }
  .grid-x > .xlarge-7 {
    width: 58.33333%; }
  .grid-x > .xlarge-8 {
    width: 66.66667%; }
  .grid-x > .xlarge-9 {
    width: 75%; }
  .grid-x > .xlarge-10 {
    width: 83.33333%; }
  .grid-x > .xlarge-11 {
    width: 91.66667%; }
  .grid-x > .xlarge-12 {
    width: 100%; } }

.grid-margin-x:not(.grid-x) > .cell {
  width: auto; }

.grid-margin-y:not(.grid-y) > .cell {
  height: auto; }

.grid-margin-x {
  margin-left: -0.625rem;
  margin-right: -0.625rem; }
  @media print, screen and (min-width: 40em) {
    .grid-margin-x {
      margin-left: -0.9375rem;
      margin-right: -0.9375rem; } }
  .grid-margin-x > .cell {
    width: calc(100% - 1.25rem);
    margin-left: 0.625rem;
    margin-right: 0.625rem; }
  @media print, screen and (min-width: 40em) {
    .grid-margin-x > .cell {
      width: calc(100% - 1.875rem);
      margin-left: 0.9375rem;
      margin-right: 0.9375rem; } }
  .grid-margin-x > .auto {
    width: auto; }
  .grid-margin-x > .shrink {
    width: auto; }
  .grid-margin-x > .small-1 {
    width: calc(8.33333% - 1.25rem); }
  .grid-margin-x > .small-2 {
    width: calc(16.66667% - 1.25rem); }
  .grid-margin-x > .small-3 {
    width: calc(25% - 1.25rem); }
  .grid-margin-x > .small-4 {
    width: calc(33.33333% - 1.25rem); }
  .grid-margin-x > .small-5 {
    width: calc(41.66667% - 1.25rem); }
  .grid-margin-x > .small-6 {
    width: calc(50% - 1.25rem); }
  .grid-margin-x > .small-7 {
    width: calc(58.33333% - 1.25rem); }
  .grid-margin-x > .small-8 {
    width: calc(66.66667% - 1.25rem); }
  .grid-margin-x > .small-9 {
    width: calc(75% - 1.25rem); }
  .grid-margin-x > .small-10 {
    width: calc(83.33333% - 1.25rem); }
  .grid-margin-x > .small-11 {
    width: calc(91.66667% - 1.25rem); }
  .grid-margin-x > .small-12 {
    width: calc(100% - 1.25rem); }
  @media print, screen and (min-width: 40em) {
    .grid-margin-x > .auto {
      width: auto; }
    .grid-margin-x > .shrink {
      width: auto; }
    .grid-margin-x > .small-1 {
      width: calc(8.33333% - 1.875rem); }
    .grid-margin-x > .small-2 {
      width: calc(16.66667% - 1.875rem); }
    .grid-margin-x > .small-3 {
      width: calc(25% - 1.875rem); }
    .grid-margin-x > .small-4 {
      width: calc(33.33333% - 1.875rem); }
    .grid-margin-x > .small-5 {
      width: calc(41.66667% - 1.875rem); }
    .grid-margin-x > .small-6 {
      width: calc(50% - 1.875rem); }
    .grid-margin-x > .small-7 {
      width: calc(58.33333% - 1.875rem); }
    .grid-margin-x > .small-8 {
      width: calc(66.66667% - 1.875rem); }
    .grid-margin-x > .small-9 {
      width: calc(75% - 1.875rem); }
    .grid-margin-x > .small-10 {
      width: calc(83.33333% - 1.875rem); }
    .grid-margin-x > .small-11 {
      width: calc(91.66667% - 1.875rem); }
    .grid-margin-x > .small-12 {
      width: calc(100% - 1.875rem); }
    .grid-margin-x > .medium-auto {
      width: auto; }
    .grid-margin-x > .medium-shrink {
      width: auto; }
    .grid-margin-x > .medium-1 {
      width: calc(8.33333% - 1.875rem); }
    .grid-margin-x > .medium-2 {
      width: calc(16.66667% - 1.875rem); }
    .grid-margin-x > .medium-3 {
      width: calc(25% - 1.875rem); }
    .grid-margin-x > .medium-4 {
      width: calc(33.33333% - 1.875rem); }
    .grid-margin-x > .medium-5 {
      width: calc(41.66667% - 1.875rem); }
    .grid-margin-x > .medium-6 {
      width: calc(50% - 1.875rem); }
    .grid-margin-x > .medium-7 {
      width: calc(58.33333% - 1.875rem); }
    .grid-margin-x > .medium-8 {
      width: calc(66.66667% - 1.875rem); }
    .grid-margin-x > .medium-9 {
      width: calc(75% - 1.875rem); }
    .grid-margin-x > .medium-10 {
      width: calc(83.33333% - 1.875rem); }
    .grid-margin-x > .medium-11 {
      width: calc(91.66667% - 1.875rem); }
    .grid-margin-x > .medium-12 {
      width: calc(100% - 1.875rem); } }
  @media print, screen and (min-width: 64em) {
    .grid-margin-x > .large-auto {
      width: auto; }
    .grid-margin-x > .large-shrink {
      width: auto; }
    .grid-margin-x > .large-1 {
      width: calc(8.33333% - 1.875rem); }
    .grid-margin-x > .large-2 {
      width: calc(16.66667% - 1.875rem); }
    .grid-margin-x > .large-3 {
      width: calc(25% - 1.875rem); }
    .grid-margin-x > .large-4 {
      width: calc(33.33333% - 1.875rem); }
    .grid-margin-x > .large-5 {
      width: calc(41.66667% - 1.875rem); }
    .grid-margin-x > .large-6 {
      width: calc(50% - 1.875rem); }
    .grid-margin-x > .large-7 {
      width: calc(58.33333% - 1.875rem); }
    .grid-margin-x > .large-8 {
      width: calc(66.66667% - 1.875rem); }
    .grid-margin-x > .large-9 {
      width: calc(75% - 1.875rem); }
    .grid-margin-x > .large-10 {
      width: calc(83.33333% - 1.875rem); }
    .grid-margin-x > .large-11 {
      width: calc(91.66667% - 1.875rem); }
    .grid-margin-x > .large-12 {
      width: calc(100% - 1.875rem); } }
  @media screen and (min-width: 75em) {
    .grid-margin-x > .xlarge-auto {
      width: auto; }
    .grid-margin-x > .xlarge-shrink {
      width: auto; }
    .grid-margin-x > .xlarge-1 {
      width: calc(8.33333% - 1.875rem); }
    .grid-margin-x > .xlarge-2 {
      width: calc(16.66667% - 1.875rem); }
    .grid-margin-x > .xlarge-3 {
      width: calc(25% - 1.875rem); }
    .grid-margin-x > .xlarge-4 {
      width: calc(33.33333% - 1.875rem); }
    .grid-margin-x > .xlarge-5 {
      width: calc(41.66667% - 1.875rem); }
    .grid-margin-x > .xlarge-6 {
      width: calc(50% - 1.875rem); }
    .grid-margin-x > .xlarge-7 {
      width: calc(58.33333% - 1.875rem); }
    .grid-margin-x > .xlarge-8 {
      width: calc(66.66667% - 1.875rem); }
    .grid-margin-x > .xlarge-9 {
      width: calc(75% - 1.875rem); }
    .grid-margin-x > .xlarge-10 {
      width: calc(83.33333% - 1.875rem); }
    .grid-margin-x > .xlarge-11 {
      width: calc(91.66667% - 1.875rem); }
    .grid-margin-x > .xlarge-12 {
      width: calc(100% - 1.875rem); } }

.grid-padding-x .grid-padding-x {
  margin-right: -0.625rem;
  margin-left: -0.625rem; }
  @media print, screen and (min-width: 40em) {
    .grid-padding-x .grid-padding-x {
      margin-right: -0.9375rem;
      margin-left: -0.9375rem; } }

.grid-container:not(.full) > .grid-padding-x {
  margin-right: -0.625rem;
  margin-left: -0.625rem; }
  @media print, screen and (min-width: 40em) {
    .grid-container:not(.full) > .grid-padding-x {
      margin-right: -0.9375rem;
      margin-left: -0.9375rem; } }

.grid-padding-x > .cell {
  padding-right: 0.625rem;
  padding-left: 0.625rem; }
  @media print, screen and (min-width: 40em) {
    .grid-padding-x > .cell {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }

.small-up-1 > .cell {
  width: 100%; }

.small-up-2 > .cell {
  width: 50%; }

.small-up-3 > .cell {
  width: 33.33333%; }

.small-up-4 > .cell {
  width: 25%; }

.small-up-5 > .cell {
  width: 20%; }

.small-up-6 > .cell {
  width: 16.66667%; }

.small-up-7 > .cell {
  width: 14.28571%; }

.small-up-8 > .cell {
  width: 12.5%; }

@media print, screen and (min-width: 40em) {
  .medium-up-1 > .cell {
    width: 100%; }
  .medium-up-2 > .cell {
    width: 50%; }
  .medium-up-3 > .cell {
    width: 33.33333%; }
  .medium-up-4 > .cell {
    width: 25%; }
  .medium-up-5 > .cell {
    width: 20%; }
  .medium-up-6 > .cell {
    width: 16.66667%; }
  .medium-up-7 > .cell {
    width: 14.28571%; }
  .medium-up-8 > .cell {
    width: 12.5%; } }

@media print, screen and (min-width: 64em) {
  .large-up-1 > .cell {
    width: 100%; }
  .large-up-2 > .cell {
    width: 50%; }
  .large-up-3 > .cell {
    width: 33.33333%; }
  .large-up-4 > .cell {
    width: 25%; }
  .large-up-5 > .cell {
    width: 20%; }
  .large-up-6 > .cell {
    width: 16.66667%; }
  .large-up-7 > .cell {
    width: 14.28571%; }
  .large-up-8 > .cell {
    width: 12.5%; } }

@media screen and (min-width: 75em) {
  .xlarge-up-1 > .cell {
    width: 100%; }
  .xlarge-up-2 > .cell {
    width: 50%; }
  .xlarge-up-3 > .cell {
    width: 33.33333%; }
  .xlarge-up-4 > .cell {
    width: 25%; }
  .xlarge-up-5 > .cell {
    width: 20%; }
  .xlarge-up-6 > .cell {
    width: 16.66667%; }
  .xlarge-up-7 > .cell {
    width: 14.28571%; }
  .xlarge-up-8 > .cell {
    width: 12.5%; } }

.grid-margin-x.small-up-1 > .cell {
  width: calc(100% - 1.25rem); }

.grid-margin-x.small-up-2 > .cell {
  width: calc(50% - 1.25rem); }

.grid-margin-x.small-up-3 > .cell {
  width: calc(33.33333% - 1.25rem); }

.grid-margin-x.small-up-4 > .cell {
  width: calc(25% - 1.25rem); }

.grid-margin-x.small-up-5 > .cell {
  width: calc(20% - 1.25rem); }

.grid-margin-x.small-up-6 > .cell {
  width: calc(16.66667% - 1.25rem); }

.grid-margin-x.small-up-7 > .cell {
  width: calc(14.28571% - 1.25rem); }

.grid-margin-x.small-up-8 > .cell {
  width: calc(12.5% - 1.25rem); }

@media print, screen and (min-width: 40em) {
  .grid-margin-x.small-up-1 > .cell {
    width: calc(100% - 1.875rem); }
  .grid-margin-x.small-up-2 > .cell {
    width: calc(50% - 1.875rem); }
  .grid-margin-x.small-up-3 > .cell {
    width: calc(33.33333% - 1.875rem); }
  .grid-margin-x.small-up-4 > .cell {
    width: calc(25% - 1.875rem); }
  .grid-margin-x.small-up-5 > .cell {
    width: calc(20% - 1.875rem); }
  .grid-margin-x.small-up-6 > .cell {
    width: calc(16.66667% - 1.875rem); }
  .grid-margin-x.small-up-7 > .cell {
    width: calc(14.28571% - 1.875rem); }
  .grid-margin-x.small-up-8 > .cell {
    width: calc(12.5% - 1.875rem); }
  .grid-margin-x.medium-up-1 > .cell {
    width: calc(100% - 1.875rem); }
  .grid-margin-x.medium-up-2 > .cell {
    width: calc(50% - 1.875rem); }
  .grid-margin-x.medium-up-3 > .cell {
    width: calc(33.33333% - 1.875rem); }
  .grid-margin-x.medium-up-4 > .cell {
    width: calc(25% - 1.875rem); }
  .grid-margin-x.medium-up-5 > .cell {
    width: calc(20% - 1.875rem); }
  .grid-margin-x.medium-up-6 > .cell {
    width: calc(16.66667% - 1.875rem); }
  .grid-margin-x.medium-up-7 > .cell {
    width: calc(14.28571% - 1.875rem); }
  .grid-margin-x.medium-up-8 > .cell {
    width: calc(12.5% - 1.875rem); } }

@media print, screen and (min-width: 64em) {
  .grid-margin-x.large-up-1 > .cell {
    width: calc(100% - 1.875rem); }
  .grid-margin-x.large-up-2 > .cell {
    width: calc(50% - 1.875rem); }
  .grid-margin-x.large-up-3 > .cell {
    width: calc(33.33333% - 1.875rem); }
  .grid-margin-x.large-up-4 > .cell {
    width: calc(25% - 1.875rem); }
  .grid-margin-x.large-up-5 > .cell {
    width: calc(20% - 1.875rem); }
  .grid-margin-x.large-up-6 > .cell {
    width: calc(16.66667% - 1.875rem); }
  .grid-margin-x.large-up-7 > .cell {
    width: calc(14.28571% - 1.875rem); }
  .grid-margin-x.large-up-8 > .cell {
    width: calc(12.5% - 1.875rem); } }

@media screen and (min-width: 75em) {
  .grid-margin-x.xlarge-up-1 > .cell {
    width: calc(100% - 1.875rem); }
  .grid-margin-x.xlarge-up-2 > .cell {
    width: calc(50% - 1.875rem); }
  .grid-margin-x.xlarge-up-3 > .cell {
    width: calc(33.33333% - 1.875rem); }
  .grid-margin-x.xlarge-up-4 > .cell {
    width: calc(25% - 1.875rem); }
  .grid-margin-x.xlarge-up-5 > .cell {
    width: calc(20% - 1.875rem); }
  .grid-margin-x.xlarge-up-6 > .cell {
    width: calc(16.66667% - 1.875rem); }
  .grid-margin-x.xlarge-up-7 > .cell {
    width: calc(14.28571% - 1.875rem); }
  .grid-margin-x.xlarge-up-8 > .cell {
    width: calc(12.5% - 1.875rem); } }

.small-margin-collapse {
  margin-right: 0;
  margin-left: 0; }
  .small-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0; }
  .small-margin-collapse > .small-1 {
    width: 8.33333%; }
  .small-margin-collapse > .small-2 {
    width: 16.66667%; }
  .small-margin-collapse > .small-3 {
    width: 25%; }
  .small-margin-collapse > .small-4 {
    width: 33.33333%; }
  .small-margin-collapse > .small-5 {
    width: 41.66667%; }
  .small-margin-collapse > .small-6 {
    width: 50%; }
  .small-margin-collapse > .small-7 {
    width: 58.33333%; }
  .small-margin-collapse > .small-8 {
    width: 66.66667%; }
  .small-margin-collapse > .small-9 {
    width: 75%; }
  .small-margin-collapse > .small-10 {
    width: 83.33333%; }
  .small-margin-collapse > .small-11 {
    width: 91.66667%; }
  .small-margin-collapse > .small-12 {
    width: 100%; }
  @media print, screen and (min-width: 40em) {
    .small-margin-collapse > .medium-1 {
      width: 8.33333%; }
    .small-margin-collapse > .medium-2 {
      width: 16.66667%; }
    .small-margin-collapse > .medium-3 {
      width: 25%; }
    .small-margin-collapse > .medium-4 {
      width: 33.33333%; }
    .small-margin-collapse > .medium-5 {
      width: 41.66667%; }
    .small-margin-collapse > .medium-6 {
      width: 50%; }
    .small-margin-collapse > .medium-7 {
      width: 58.33333%; }
    .small-margin-collapse > .medium-8 {
      width: 66.66667%; }
    .small-margin-collapse > .medium-9 {
      width: 75%; }
    .small-margin-collapse > .medium-10 {
      width: 83.33333%; }
    .small-margin-collapse > .medium-11 {
      width: 91.66667%; }
    .small-margin-collapse > .medium-12 {
      width: 100%; } }
  @media print, screen and (min-width: 64em) {
    .small-margin-collapse > .large-1 {
      width: 8.33333%; }
    .small-margin-collapse > .large-2 {
      width: 16.66667%; }
    .small-margin-collapse > .large-3 {
      width: 25%; }
    .small-margin-collapse > .large-4 {
      width: 33.33333%; }
    .small-margin-collapse > .large-5 {
      width: 41.66667%; }
    .small-margin-collapse > .large-6 {
      width: 50%; }
    .small-margin-collapse > .large-7 {
      width: 58.33333%; }
    .small-margin-collapse > .large-8 {
      width: 66.66667%; }
    .small-margin-collapse > .large-9 {
      width: 75%; }
    .small-margin-collapse > .large-10 {
      width: 83.33333%; }
    .small-margin-collapse > .large-11 {
      width: 91.66667%; }
    .small-margin-collapse > .large-12 {
      width: 100%; } }
  @media screen and (min-width: 75em) {
    .small-margin-collapse > .xlarge-1 {
      width: 8.33333%; }
    .small-margin-collapse > .xlarge-2 {
      width: 16.66667%; }
    .small-margin-collapse > .xlarge-3 {
      width: 25%; }
    .small-margin-collapse > .xlarge-4 {
      width: 33.33333%; }
    .small-margin-collapse > .xlarge-5 {
      width: 41.66667%; }
    .small-margin-collapse > .xlarge-6 {
      width: 50%; }
    .small-margin-collapse > .xlarge-7 {
      width: 58.33333%; }
    .small-margin-collapse > .xlarge-8 {
      width: 66.66667%; }
    .small-margin-collapse > .xlarge-9 {
      width: 75%; }
    .small-margin-collapse > .xlarge-10 {
      width: 83.33333%; }
    .small-margin-collapse > .xlarge-11 {
      width: 91.66667%; }
    .small-margin-collapse > .xlarge-12 {
      width: 100%; } }

.small-padding-collapse {
  margin-right: 0;
  margin-left: 0; }
  .small-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0; }

@media print, screen and (min-width: 40em) {
  .medium-margin-collapse {
    margin-right: 0;
    margin-left: 0; }
    .medium-margin-collapse > .cell {
      margin-right: 0;
      margin-left: 0; } }

@media print, screen and (min-width: 40em) {
  .medium-margin-collapse > .small-1 {
    width: 8.33333%; }
  .medium-margin-collapse > .small-2 {
    width: 16.66667%; }
  .medium-margin-collapse > .small-3 {
    width: 25%; }
  .medium-margin-collapse > .small-4 {
    width: 33.33333%; }
  .medium-margin-collapse > .small-5 {
    width: 41.66667%; }
  .medium-margin-collapse > .small-6 {
    width: 50%; }
  .medium-margin-collapse > .small-7 {
    width: 58.33333%; }
  .medium-margin-collapse > .small-8 {
    width: 66.66667%; }
  .medium-margin-collapse > .small-9 {
    width: 75%; }
  .medium-margin-collapse > .small-10 {
    width: 83.33333%; }
  .medium-margin-collapse > .small-11 {
    width: 91.66667%; }
  .medium-margin-collapse > .small-12 {
    width: 100%; } }

@media print, screen and (min-width: 40em) {
  .medium-margin-collapse > .medium-1 {
    width: 8.33333%; }
  .medium-margin-collapse > .medium-2 {
    width: 16.66667%; }
  .medium-margin-collapse > .medium-3 {
    width: 25%; }
  .medium-margin-collapse > .medium-4 {
    width: 33.33333%; }
  .medium-margin-collapse > .medium-5 {
    width: 41.66667%; }
  .medium-margin-collapse > .medium-6 {
    width: 50%; }
  .medium-margin-collapse > .medium-7 {
    width: 58.33333%; }
  .medium-margin-collapse > .medium-8 {
    width: 66.66667%; }
  .medium-margin-collapse > .medium-9 {
    width: 75%; }
  .medium-margin-collapse > .medium-10 {
    width: 83.33333%; }
  .medium-margin-collapse > .medium-11 {
    width: 91.66667%; }
  .medium-margin-collapse > .medium-12 {
    width: 100%; } }

@media print, screen and (min-width: 64em) {
  .medium-margin-collapse > .large-1 {
    width: 8.33333%; }
  .medium-margin-collapse > .large-2 {
    width: 16.66667%; }
  .medium-margin-collapse > .large-3 {
    width: 25%; }
  .medium-margin-collapse > .large-4 {
    width: 33.33333%; }
  .medium-margin-collapse > .large-5 {
    width: 41.66667%; }
  .medium-margin-collapse > .large-6 {
    width: 50%; }
  .medium-margin-collapse > .large-7 {
    width: 58.33333%; }
  .medium-margin-collapse > .large-8 {
    width: 66.66667%; }
  .medium-margin-collapse > .large-9 {
    width: 75%; }
  .medium-margin-collapse > .large-10 {
    width: 83.33333%; }
  .medium-margin-collapse > .large-11 {
    width: 91.66667%; }
  .medium-margin-collapse > .large-12 {
    width: 100%; } }

@media screen and (min-width: 75em) {
  .medium-margin-collapse > .xlarge-1 {
    width: 8.33333%; }
  .medium-margin-collapse > .xlarge-2 {
    width: 16.66667%; }
  .medium-margin-collapse > .xlarge-3 {
    width: 25%; }
  .medium-margin-collapse > .xlarge-4 {
    width: 33.33333%; }
  .medium-margin-collapse > .xlarge-5 {
    width: 41.66667%; }
  .medium-margin-collapse > .xlarge-6 {
    width: 50%; }
  .medium-margin-collapse > .xlarge-7 {
    width: 58.33333%; }
  .medium-margin-collapse > .xlarge-8 {
    width: 66.66667%; }
  .medium-margin-collapse > .xlarge-9 {
    width: 75%; }
  .medium-margin-collapse > .xlarge-10 {
    width: 83.33333%; }
  .medium-margin-collapse > .xlarge-11 {
    width: 91.66667%; }
  .medium-margin-collapse > .xlarge-12 {
    width: 100%; } }

@media print, screen and (min-width: 40em) {
  .medium-padding-collapse {
    margin-right: 0;
    margin-left: 0; }
    .medium-padding-collapse > .cell {
      padding-right: 0;
      padding-left: 0; } }

@media print, screen and (min-width: 64em) {
  .large-margin-collapse {
    margin-right: 0;
    margin-left: 0; }
    .large-margin-collapse > .cell {
      margin-right: 0;
      margin-left: 0; } }

@media print, screen and (min-width: 64em) {
  .large-margin-collapse > .small-1 {
    width: 8.33333%; }
  .large-margin-collapse > .small-2 {
    width: 16.66667%; }
  .large-margin-collapse > .small-3 {
    width: 25%; }
  .large-margin-collapse > .small-4 {
    width: 33.33333%; }
  .large-margin-collapse > .small-5 {
    width: 41.66667%; }
  .large-margin-collapse > .small-6 {
    width: 50%; }
  .large-margin-collapse > .small-7 {
    width: 58.33333%; }
  .large-margin-collapse > .small-8 {
    width: 66.66667%; }
  .large-margin-collapse > .small-9 {
    width: 75%; }
  .large-margin-collapse > .small-10 {
    width: 83.33333%; }
  .large-margin-collapse > .small-11 {
    width: 91.66667%; }
  .large-margin-collapse > .small-12 {
    width: 100%; } }

@media print, screen and (min-width: 64em) {
  .large-margin-collapse > .medium-1 {
    width: 8.33333%; }
  .large-margin-collapse > .medium-2 {
    width: 16.66667%; }
  .large-margin-collapse > .medium-3 {
    width: 25%; }
  .large-margin-collapse > .medium-4 {
    width: 33.33333%; }
  .large-margin-collapse > .medium-5 {
    width: 41.66667%; }
  .large-margin-collapse > .medium-6 {
    width: 50%; }
  .large-margin-collapse > .medium-7 {
    width: 58.33333%; }
  .large-margin-collapse > .medium-8 {
    width: 66.66667%; }
  .large-margin-collapse > .medium-9 {
    width: 75%; }
  .large-margin-collapse > .medium-10 {
    width: 83.33333%; }
  .large-margin-collapse > .medium-11 {
    width: 91.66667%; }
  .large-margin-collapse > .medium-12 {
    width: 100%; } }

@media print, screen and (min-width: 64em) {
  .large-margin-collapse > .large-1 {
    width: 8.33333%; }
  .large-margin-collapse > .large-2 {
    width: 16.66667%; }
  .large-margin-collapse > .large-3 {
    width: 25%; }
  .large-margin-collapse > .large-4 {
    width: 33.33333%; }
  .large-margin-collapse > .large-5 {
    width: 41.66667%; }
  .large-margin-collapse > .large-6 {
    width: 50%; }
  .large-margin-collapse > .large-7 {
    width: 58.33333%; }
  .large-margin-collapse > .large-8 {
    width: 66.66667%; }
  .large-margin-collapse > .large-9 {
    width: 75%; }
  .large-margin-collapse > .large-10 {
    width: 83.33333%; }
  .large-margin-collapse > .large-11 {
    width: 91.66667%; }
  .large-margin-collapse > .large-12 {
    width: 100%; } }

@media screen and (min-width: 75em) {
  .large-margin-collapse > .xlarge-1 {
    width: 8.33333%; }
  .large-margin-collapse > .xlarge-2 {
    width: 16.66667%; }
  .large-margin-collapse > .xlarge-3 {
    width: 25%; }
  .large-margin-collapse > .xlarge-4 {
    width: 33.33333%; }
  .large-margin-collapse > .xlarge-5 {
    width: 41.66667%; }
  .large-margin-collapse > .xlarge-6 {
    width: 50%; }
  .large-margin-collapse > .xlarge-7 {
    width: 58.33333%; }
  .large-margin-collapse > .xlarge-8 {
    width: 66.66667%; }
  .large-margin-collapse > .xlarge-9 {
    width: 75%; }
  .large-margin-collapse > .xlarge-10 {
    width: 83.33333%; }
  .large-margin-collapse > .xlarge-11 {
    width: 91.66667%; }
  .large-margin-collapse > .xlarge-12 {
    width: 100%; } }

@media print, screen and (min-width: 64em) {
  .large-padding-collapse {
    margin-right: 0;
    margin-left: 0; }
    .large-padding-collapse > .cell {
      padding-right: 0;
      padding-left: 0; } }

@media screen and (min-width: 75em) {
  .xlarge-margin-collapse {
    margin-right: 0;
    margin-left: 0; }
    .xlarge-margin-collapse > .cell {
      margin-right: 0;
      margin-left: 0; } }

@media screen and (min-width: 75em) {
  .xlarge-margin-collapse > .small-1 {
    width: 8.33333%; }
  .xlarge-margin-collapse > .small-2 {
    width: 16.66667%; }
  .xlarge-margin-collapse > .small-3 {
    width: 25%; }
  .xlarge-margin-collapse > .small-4 {
    width: 33.33333%; }
  .xlarge-margin-collapse > .small-5 {
    width: 41.66667%; }
  .xlarge-margin-collapse > .small-6 {
    width: 50%; }
  .xlarge-margin-collapse > .small-7 {
    width: 58.33333%; }
  .xlarge-margin-collapse > .small-8 {
    width: 66.66667%; }
  .xlarge-margin-collapse > .small-9 {
    width: 75%; }
  .xlarge-margin-collapse > .small-10 {
    width: 83.33333%; }
  .xlarge-margin-collapse > .small-11 {
    width: 91.66667%; }
  .xlarge-margin-collapse > .small-12 {
    width: 100%; } }

@media screen and (min-width: 75em) {
  .xlarge-margin-collapse > .medium-1 {
    width: 8.33333%; }
  .xlarge-margin-collapse > .medium-2 {
    width: 16.66667%; }
  .xlarge-margin-collapse > .medium-3 {
    width: 25%; }
  .xlarge-margin-collapse > .medium-4 {
    width: 33.33333%; }
  .xlarge-margin-collapse > .medium-5 {
    width: 41.66667%; }
  .xlarge-margin-collapse > .medium-6 {
    width: 50%; }
  .xlarge-margin-collapse > .medium-7 {
    width: 58.33333%; }
  .xlarge-margin-collapse > .medium-8 {
    width: 66.66667%; }
  .xlarge-margin-collapse > .medium-9 {
    width: 75%; }
  .xlarge-margin-collapse > .medium-10 {
    width: 83.33333%; }
  .xlarge-margin-collapse > .medium-11 {
    width: 91.66667%; }
  .xlarge-margin-collapse > .medium-12 {
    width: 100%; } }

@media screen and (min-width: 75em) {
  .xlarge-margin-collapse > .large-1 {
    width: 8.33333%; }
  .xlarge-margin-collapse > .large-2 {
    width: 16.66667%; }
  .xlarge-margin-collapse > .large-3 {
    width: 25%; }
  .xlarge-margin-collapse > .large-4 {
    width: 33.33333%; }
  .xlarge-margin-collapse > .large-5 {
    width: 41.66667%; }
  .xlarge-margin-collapse > .large-6 {
    width: 50%; }
  .xlarge-margin-collapse > .large-7 {
    width: 58.33333%; }
  .xlarge-margin-collapse > .large-8 {
    width: 66.66667%; }
  .xlarge-margin-collapse > .large-9 {
    width: 75%; }
  .xlarge-margin-collapse > .large-10 {
    width: 83.33333%; }
  .xlarge-margin-collapse > .large-11 {
    width: 91.66667%; }
  .xlarge-margin-collapse > .large-12 {
    width: 100%; } }

@media screen and (min-width: 75em) {
  .xlarge-margin-collapse > .xlarge-1 {
    width: 8.33333%; }
  .xlarge-margin-collapse > .xlarge-2 {
    width: 16.66667%; }
  .xlarge-margin-collapse > .xlarge-3 {
    width: 25%; }
  .xlarge-margin-collapse > .xlarge-4 {
    width: 33.33333%; }
  .xlarge-margin-collapse > .xlarge-5 {
    width: 41.66667%; }
  .xlarge-margin-collapse > .xlarge-6 {
    width: 50%; }
  .xlarge-margin-collapse > .xlarge-7 {
    width: 58.33333%; }
  .xlarge-margin-collapse > .xlarge-8 {
    width: 66.66667%; }
  .xlarge-margin-collapse > .xlarge-9 {
    width: 75%; }
  .xlarge-margin-collapse > .xlarge-10 {
    width: 83.33333%; }
  .xlarge-margin-collapse > .xlarge-11 {
    width: 91.66667%; }
  .xlarge-margin-collapse > .xlarge-12 {
    width: 100%; } }

@media screen and (min-width: 75em) {
  .xlarge-padding-collapse {
    margin-right: 0;
    margin-left: 0; }
    .xlarge-padding-collapse > .cell {
      padding-right: 0;
      padding-left: 0; } }

.small-offset-0 {
  margin-left: 0%; }

.grid-margin-x > .small-offset-0 {
  margin-left: calc(0% + 0.625rem); }

.small-offset-1 {
  margin-left: 8.33333%; }

.grid-margin-x > .small-offset-1 {
  margin-left: calc(8.33333% + 0.625rem); }

.small-offset-2 {
  margin-left: 16.66667%; }

.grid-margin-x > .small-offset-2 {
  margin-left: calc(16.66667% + 0.625rem); }

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

.grid-margin-x > .small-offset-3 {
  margin-left: calc(25% + 0.625rem); }

.small-offset-4 {
  margin-left: 33.33333%; }

.grid-margin-x > .small-offset-4 {
  margin-left: calc(33.33333% + 0.625rem); }

.small-offset-5 {
  margin-left: 41.66667%; }

.grid-margin-x > .small-offset-5 {
  margin-left: calc(41.66667% + 0.625rem); }

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

.grid-margin-x > .small-offset-6 {
  margin-left: calc(50% + 0.625rem); }

.small-offset-7 {
  margin-left: 58.33333%; }

.grid-margin-x > .small-offset-7 {
  margin-left: calc(58.33333% + 0.625rem); }

.small-offset-8 {
  margin-left: 66.66667%; }

.grid-margin-x > .small-offset-8 {
  margin-left: calc(66.66667% + 0.625rem); }

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

.grid-margin-x > .small-offset-9 {
  margin-left: calc(75% + 0.625rem); }

.small-offset-10 {
  margin-left: 83.33333%; }

.grid-margin-x > .small-offset-10 {
  margin-left: calc(83.33333% + 0.625rem); }

.small-offset-11 {
  margin-left: 91.66667%; }

.grid-margin-x > .small-offset-11 {
  margin-left: calc(91.66667% + 0.625rem); }

@media print, screen and (min-width: 40em) {
  .medium-offset-0 {
    margin-left: 0%; }
  .grid-margin-x > .medium-offset-0 {
    margin-left: calc(0% + 0.9375rem); }
  .medium-offset-1 {
    margin-left: 8.33333%; }
  .grid-margin-x > .medium-offset-1 {
    margin-left: calc(8.33333% + 0.9375rem); }
  .medium-offset-2 {
    margin-left: 16.66667%; }
  .grid-margin-x > .medium-offset-2 {
    margin-left: calc(16.66667% + 0.9375rem); }
  .medium-offset-3 {
    margin-left: 25%; }
  .grid-margin-x > .medium-offset-3 {
    margin-left: calc(25% + 0.9375rem); }
  .medium-offset-4 {
    margin-left: 33.33333%; }
  .grid-margin-x > .medium-offset-4 {
    margin-left: calc(33.33333% + 0.9375rem); }
  .medium-offset-5 {
    margin-left: 41.66667%; }
  .grid-margin-x > .medium-offset-5 {
    margin-left: calc(41.66667% + 0.9375rem); }
  .medium-offset-6 {
    margin-left: 50%; }
  .grid-margin-x > .medium-offset-6 {
    margin-left: calc(50% + 0.9375rem); }
  .medium-offset-7 {
    margin-left: 58.33333%; }
  .grid-margin-x > .medium-offset-7 {
    margin-left: calc(58.33333% + 0.9375rem); }
  .medium-offset-8 {
    margin-left: 66.66667%; }
  .grid-margin-x > .medium-offset-8 {
    margin-left: calc(66.66667% + 0.9375rem); }
  .medium-offset-9 {
    margin-left: 75%; }
  .grid-margin-x > .medium-offset-9 {
    margin-left: calc(75% + 0.9375rem); }
  .medium-offset-10 {
    margin-left: 83.33333%; }
  .grid-margin-x > .medium-offset-10 {
    margin-left: calc(83.33333% + 0.9375rem); }
  .medium-offset-11 {
    margin-left: 91.66667%; }
  .grid-margin-x > .medium-offset-11 {
    margin-left: calc(91.66667% + 0.9375rem); } }

@media print, screen and (min-width: 64em) {
  .large-offset-0 {
    margin-left: 0%; }
  .grid-margin-x > .large-offset-0 {
    margin-left: calc(0% + 0.9375rem); }
  .large-offset-1 {
    margin-left: 8.33333%; }
  .grid-margin-x > .large-offset-1 {
    margin-left: calc(8.33333% + 0.9375rem); }
  .large-offset-2 {
    margin-left: 16.66667%; }
  .grid-margin-x > .large-offset-2 {
    margin-left: calc(16.66667% + 0.9375rem); }
  .large-offset-3 {
    margin-left: 25%; }
  .grid-margin-x > .large-offset-3 {
    margin-left: calc(25% + 0.9375rem); }
  .large-offset-4 {
    margin-left: 33.33333%; }
  .grid-margin-x > .large-offset-4 {
    margin-left: calc(33.33333% + 0.9375rem); }
  .large-offset-5 {
    margin-left: 41.66667%; }
  .grid-margin-x > .large-offset-5 {
    margin-left: calc(41.66667% + 0.9375rem); }
  .large-offset-6 {
    margin-left: 50%; }
  .grid-margin-x > .large-offset-6 {
    margin-left: calc(50% + 0.9375rem); }
  .large-offset-7 {
    margin-left: 58.33333%; }
  .grid-margin-x > .large-offset-7 {
    margin-left: calc(58.33333% + 0.9375rem); }
  .large-offset-8 {
    margin-left: 66.66667%; }
  .grid-margin-x > .large-offset-8 {
    margin-left: calc(66.66667% + 0.9375rem); }
  .large-offset-9 {
    margin-left: 75%; }
  .grid-margin-x > .large-offset-9 {
    margin-left: calc(75% + 0.9375rem); }
  .large-offset-10 {
    margin-left: 83.33333%; }
  .grid-margin-x > .large-offset-10 {
    margin-left: calc(83.33333% + 0.9375rem); }
  .large-offset-11 {
    margin-left: 91.66667%; }
  .grid-margin-x > .large-offset-11 {
    margin-left: calc(91.66667% + 0.9375rem); } }

@media screen and (min-width: 75em) {
  .xlarge-offset-0 {
    margin-left: 0%; }
  .grid-margin-x > .xlarge-offset-0 {
    margin-left: calc(0% + 0.9375rem); }
  .xlarge-offset-1 {
    margin-left: 8.33333%; }
  .grid-margin-x > .xlarge-offset-1 {
    margin-left: calc(8.33333% + 0.9375rem); }
  .xlarge-offset-2 {
    margin-left: 16.66667%; }
  .grid-margin-x > .xlarge-offset-2 {
    margin-left: calc(16.66667% + 0.9375rem); }
  .xlarge-offset-3 {
    margin-left: 25%; }
  .grid-margin-x > .xlarge-offset-3 {
    margin-left: calc(25% + 0.9375rem); }
  .xlarge-offset-4 {
    margin-left: 33.33333%; }
  .grid-margin-x > .xlarge-offset-4 {
    margin-left: calc(33.33333% + 0.9375rem); }
  .xlarge-offset-5 {
    margin-left: 41.66667%; }
  .grid-margin-x > .xlarge-offset-5 {
    margin-left: calc(41.66667% + 0.9375rem); }
  .xlarge-offset-6 {
    margin-left: 50%; }
  .grid-margin-x > .xlarge-offset-6 {
    margin-left: calc(50% + 0.9375rem); }
  .xlarge-offset-7 {
    margin-left: 58.33333%; }
  .grid-margin-x > .xlarge-offset-7 {
    margin-left: calc(58.33333% + 0.9375rem); }
  .xlarge-offset-8 {
    margin-left: 66.66667%; }
  .grid-margin-x > .xlarge-offset-8 {
    margin-left: calc(66.66667% + 0.9375rem); }
  .xlarge-offset-9 {
    margin-left: 75%; }
  .grid-margin-x > .xlarge-offset-9 {
    margin-left: calc(75% + 0.9375rem); }
  .xlarge-offset-10 {
    margin-left: 83.33333%; }
  .grid-margin-x > .xlarge-offset-10 {
    margin-left: calc(83.33333% + 0.9375rem); }
  .xlarge-offset-11 {
    margin-left: 91.66667%; }
  .grid-margin-x > .xlarge-offset-11 {
    margin-left: calc(91.66667% + 0.9375rem); } }

.grid-y {
  display: flex;
  flex-flow: column nowrap; }
  .grid-y > .cell {
    width: auto;
    max-width: none; }
  .grid-y > .auto {
    height: auto; }
  .grid-y > .shrink {
    height: auto; }
  .grid-y > .small-shrink, .grid-y > .small-full, .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 {
    flex-basis: auto; }
  @media print, screen and (min-width: 40em) {
    .grid-y > .medium-shrink, .grid-y > .medium-full, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 {
      flex-basis: auto; } }
  @media print, screen and (min-width: 64em) {
    .grid-y > .large-shrink, .grid-y > .large-full, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 {
      flex-basis: auto; } }
  @media screen and (min-width: 75em) {
    .grid-y > .xlarge-shrink, .grid-y > .xlarge-full, .grid-y > .xlarge-1, .grid-y > .xlarge-2, .grid-y > .xlarge-3, .grid-y > .xlarge-4, .grid-y > .xlarge-5, .grid-y > .xlarge-6, .grid-y > .xlarge-7, .grid-y > .xlarge-8, .grid-y > .xlarge-9, .grid-y > .xlarge-10, .grid-y > .xlarge-11, .grid-y > .xlarge-12 {
      flex-basis: auto; } }
  .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 {
    flex: 0 0 auto; }
  .grid-y > .small-1 {
    height: 8.33333%; }
  .grid-y > .small-2 {
    height: 16.66667%; }
  .grid-y > .small-3 {
    height: 25%; }
  .grid-y > .small-4 {
    height: 33.33333%; }
  .grid-y > .small-5 {
    height: 41.66667%; }
  .grid-y > .small-6 {
    height: 50%; }
  .grid-y > .small-7 {
    height: 58.33333%; }
  .grid-y > .small-8 {
    height: 66.66667%; }
  .grid-y > .small-9 {
    height: 75%; }
  .grid-y > .small-10 {
    height: 83.33333%; }
  .grid-y > .small-11 {
    height: 91.66667%; }
  .grid-y > .small-12 {
    height: 100%; }
  @media print, screen and (min-width: 40em) {
    .grid-y > .medium-auto {
      flex: 1 1 0px;
      height: auto; }
    .grid-y > .medium-shrink, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 {
      flex: 0 0 auto; }
    .grid-y > .medium-shrink {
      height: auto; }
    .grid-y > .medium-1 {
      height: 8.33333%; }
    .grid-y > .medium-2 {
      height: 16.66667%; }
    .grid-y > .medium-3 {
      height: 25%; }
    .grid-y > .medium-4 {
      height: 33.33333%; }
    .grid-y > .medium-5 {
      height: 41.66667%; }
    .grid-y > .medium-6 {
      height: 50%; }
    .grid-y > .medium-7 {
      height: 58.33333%; }
    .grid-y > .medium-8 {
      height: 66.66667%; }
    .grid-y > .medium-9 {
      height: 75%; }
    .grid-y > .medium-10 {
      height: 83.33333%; }
    .grid-y > .medium-11 {
      height: 91.66667%; }
    .grid-y > .medium-12 {
      height: 100%; } }
  @media print, screen and (min-width: 64em) {
    .grid-y > .large-auto {
      flex: 1 1 0px;
      height: auto; }
    .grid-y > .large-shrink, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 {
      flex: 0 0 auto; }
    .grid-y > .large-shrink {
      height: auto; }
    .grid-y > .large-1 {
      height: 8.33333%; }
    .grid-y > .large-2 {
      height: 16.66667%; }
    .grid-y > .large-3 {
      height: 25%; }
    .grid-y > .large-4 {
      height: 33.33333%; }
    .grid-y > .large-5 {
      height: 41.66667%; }
    .grid-y > .large-6 {
      height: 50%; }
    .grid-y > .large-7 {
      height: 58.33333%; }
    .grid-y > .large-8 {
      height: 66.66667%; }
    .grid-y > .large-9 {
      height: 75%; }
    .grid-y > .large-10 {
      height: 83.33333%; }
    .grid-y > .large-11 {
      height: 91.66667%; }
    .grid-y > .large-12 {
      height: 100%; } }
  @media screen and (min-width: 75em) {
    .grid-y > .xlarge-auto {
      flex: 1 1 0px;
      height: auto; }
    .grid-y > .xlarge-shrink, .grid-y > .xlarge-1, .grid-y > .xlarge-2, .grid-y > .xlarge-3, .grid-y > .xlarge-4, .grid-y > .xlarge-5, .grid-y > .xlarge-6, .grid-y > .xlarge-7, .grid-y > .xlarge-8, .grid-y > .xlarge-9, .grid-y > .xlarge-10, .grid-y > .xlarge-11, .grid-y > .xlarge-12 {
      flex: 0 0 auto; }
    .grid-y > .xlarge-shrink {
      height: auto; }
    .grid-y > .xlarge-1 {
      height: 8.33333%; }
    .grid-y > .xlarge-2 {
      height: 16.66667%; }
    .grid-y > .xlarge-3 {
      height: 25%; }
    .grid-y > .xlarge-4 {
      height: 33.33333%; }
    .grid-y > .xlarge-5 {
      height: 41.66667%; }
    .grid-y > .xlarge-6 {
      height: 50%; }
    .grid-y > .xlarge-7 {
      height: 58.33333%; }
    .grid-y > .xlarge-8 {
      height: 66.66667%; }
    .grid-y > .xlarge-9 {
      height: 75%; }
    .grid-y > .xlarge-10 {
      height: 83.33333%; }
    .grid-y > .xlarge-11 {
      height: 91.66667%; }
    .grid-y > .xlarge-12 {
      height: 100%; } }

.grid-padding-y .grid-padding-y {
  margin-top: -0.625rem;
  margin-bottom: -0.625rem; }
  @media print, screen and (min-width: 40em) {
    .grid-padding-y .grid-padding-y {
      margin-top: -0.9375rem;
      margin-bottom: -0.9375rem; } }

.grid-padding-y > .cell {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem; }
  @media print, screen and (min-width: 40em) {
    .grid-padding-y > .cell {
      padding-top: 0.9375rem;
      padding-bottom: 0.9375rem; } }

.grid-margin-y {
  margin-top: -0.625rem;
  margin-bottom: -0.625rem; }
  @media print, screen and (min-width: 40em) {
    .grid-margin-y {
      margin-top: -0.9375rem;
      margin-bottom: -0.9375rem; } }
  .grid-margin-y > .cell {
    height: calc(100% - 1.25rem);
    margin-top: 0.625rem;
    margin-bottom: 0.625rem; }
  @media print, screen and (min-width: 40em) {
    .grid-margin-y > .cell {
      height: calc(100% - 1.875rem);
      margin-top: 0.9375rem;
      margin-bottom: 0.9375rem; } }
  .grid-margin-y > .auto {
    height: auto; }
  .grid-margin-y > .shrink {
    height: auto; }
  .grid-margin-y > .small-1 {
    height: calc(8.33333% - 1.25rem); }
  .grid-margin-y > .small-2 {
    height: calc(16.66667% - 1.25rem); }
  .grid-margin-y > .small-3 {
    height: calc(25% - 1.25rem); }
  .grid-margin-y > .small-4 {
    height: calc(33.33333% - 1.25rem); }
  .grid-margin-y > .small-5 {
    height: calc(41.66667% - 1.25rem); }
  .grid-margin-y > .small-6 {
    height: calc(50% - 1.25rem); }
  .grid-margin-y > .small-7 {
    height: calc(58.33333% - 1.25rem); }
  .grid-margin-y > .small-8 {
    height: calc(66.66667% - 1.25rem); }
  .grid-margin-y > .small-9 {
    height: calc(75% - 1.25rem); }
  .grid-margin-y > .small-10 {
    height: calc(83.33333% - 1.25rem); }
  .grid-margin-y > .small-11 {
    height: calc(91.66667% - 1.25rem); }
  .grid-margin-y > .small-12 {
    height: calc(100% - 1.25rem); }
  @media print, screen and (min-width: 40em) {
    .grid-margin-y > .auto {
      height: auto; }
    .grid-margin-y > .shrink {
      height: auto; }
    .grid-margin-y > .small-1 {
      height: calc(8.33333% - 1.875rem); }
    .grid-margin-y > .small-2 {
      height: calc(16.66667% - 1.875rem); }
    .grid-margin-y > .small-3 {
      height: calc(25% - 1.875rem); }
    .grid-margin-y > .small-4 {
      height: calc(33.33333% - 1.875rem); }
    .grid-margin-y > .small-5 {
      height: calc(41.66667% - 1.875rem); }
    .grid-margin-y > .small-6 {
      height: calc(50% - 1.875rem); }
    .grid-margin-y > .small-7 {
      height: calc(58.33333% - 1.875rem); }
    .grid-margin-y > .small-8 {
      height: calc(66.66667% - 1.875rem); }
    .grid-margin-y > .small-9 {
      height: calc(75% - 1.875rem); }
    .grid-margin-y > .small-10 {
      height: calc(83.33333% - 1.875rem); }
    .grid-margin-y > .small-11 {
      height: calc(91.66667% - 1.875rem); }
    .grid-margin-y > .small-12 {
      height: calc(100% - 1.875rem); }
    .grid-margin-y > .medium-auto {
      height: auto; }
    .grid-margin-y > .medium-shrink {
      height: auto; }
    .grid-margin-y > .medium-1 {
      height: calc(8.33333% - 1.875rem); }
    .grid-margin-y > .medium-2 {
      height: calc(16.66667% - 1.875rem); }
    .grid-margin-y > .medium-3 {
      height: calc(25% - 1.875rem); }
    .grid-margin-y > .medium-4 {
      height: calc(33.33333% - 1.875rem); }
    .grid-margin-y > .medium-5 {
      height: calc(41.66667% - 1.875rem); }
    .grid-margin-y > .medium-6 {
      height: calc(50% - 1.875rem); }
    .grid-margin-y > .medium-7 {
      height: calc(58.33333% - 1.875rem); }
    .grid-margin-y > .medium-8 {
      height: calc(66.66667% - 1.875rem); }
    .grid-margin-y > .medium-9 {
      height: calc(75% - 1.875rem); }
    .grid-margin-y > .medium-10 {
      height: calc(83.33333% - 1.875rem); }
    .grid-margin-y > .medium-11 {
      height: calc(91.66667% - 1.875rem); }
    .grid-margin-y > .medium-12 {
      height: calc(100% - 1.875rem); } }
  @media print, screen and (min-width: 64em) {
    .grid-margin-y > .large-auto {
      height: auto; }
    .grid-margin-y > .large-shrink {
      height: auto; }
    .grid-margin-y > .large-1 {
      height: calc(8.33333% - 1.875rem); }
    .grid-margin-y > .large-2 {
      height: calc(16.66667% - 1.875rem); }
    .grid-margin-y > .large-3 {
      height: calc(25% - 1.875rem); }
    .grid-margin-y > .large-4 {
      height: calc(33.33333% - 1.875rem); }
    .grid-margin-y > .large-5 {
      height: calc(41.66667% - 1.875rem); }
    .grid-margin-y > .large-6 {
      height: calc(50% - 1.875rem); }
    .grid-margin-y > .large-7 {
      height: calc(58.33333% - 1.875rem); }
    .grid-margin-y > .large-8 {
      height: calc(66.66667% - 1.875rem); }
    .grid-margin-y > .large-9 {
      height: calc(75% - 1.875rem); }
    .grid-margin-y > .large-10 {
      height: calc(83.33333% - 1.875rem); }
    .grid-margin-y > .large-11 {
      height: calc(91.66667% - 1.875rem); }
    .grid-margin-y > .large-12 {
      height: calc(100% - 1.875rem); } }
  @media screen and (min-width: 75em) {
    .grid-margin-y > .xlarge-auto {
      height: auto; }
    .grid-margin-y > .xlarge-shrink {
      height: auto; }
    .grid-margin-y > .xlarge-1 {
      height: calc(8.33333% - 1.875rem); }
    .grid-margin-y > .xlarge-2 {
      height: calc(16.66667% - 1.875rem); }
    .grid-margin-y > .xlarge-3 {
      height: calc(25% - 1.875rem); }
    .grid-margin-y > .xlarge-4 {
      height: calc(33.33333% - 1.875rem); }
    .grid-margin-y > .xlarge-5 {
      height: calc(41.66667% - 1.875rem); }
    .grid-margin-y > .xlarge-6 {
      height: calc(50% - 1.875rem); }
    .grid-margin-y > .xlarge-7 {
      height: calc(58.33333% - 1.875rem); }
    .grid-margin-y > .xlarge-8 {
      height: calc(66.66667% - 1.875rem); }
    .grid-margin-y > .xlarge-9 {
      height: calc(75% - 1.875rem); }
    .grid-margin-y > .xlarge-10 {
      height: calc(83.33333% - 1.875rem); }
    .grid-margin-y > .xlarge-11 {
      height: calc(91.66667% - 1.875rem); }
    .grid-margin-y > .xlarge-12 {
      height: calc(100% - 1.875rem); } }

.grid-frame {
  overflow: hidden;
  position: relative;
  flex-wrap: nowrap;
  align-items: stretch;
  width: 100vw; }

.cell .grid-frame {
  width: 100%; }

.cell-block {
  overflow-x: auto;
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar; }

.cell-block-y {
  overflow-y: auto;
  max-height: 100%;
  min-height: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar; }

.cell-block-container {
  display: flex;
  flex-direction: column;
  max-height: 100%; }
  .cell-block-container > .grid-x {
    max-height: 100%;
    flex-wrap: nowrap; }

@media print, screen and (min-width: 40em) {
  .medium-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100vw; }
  .cell .medium-grid-frame {
    width: 100%; }
  .medium-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
  .medium-cell-block-container {
    display: flex;
    flex-direction: column;
    max-height: 100%; }
    .medium-cell-block-container > .grid-x {
      max-height: 100%;
      flex-wrap: nowrap; }
  .medium-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; } }

@media print, screen and (min-width: 64em) {
  .large-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100vw; }
  .cell .large-grid-frame {
    width: 100%; }
  .large-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
  .large-cell-block-container {
    display: flex;
    flex-direction: column;
    max-height: 100%; }
    .large-cell-block-container > .grid-x {
      max-height: 100%;
      flex-wrap: nowrap; }
  .large-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; } }

@media screen and (min-width: 75em) {
  .xlarge-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100vw; }
  .cell .xlarge-grid-frame {
    width: 100%; }
  .xlarge-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
  .xlarge-cell-block-container {
    display: flex;
    flex-direction: column;
    max-height: 100%; }
    .xlarge-cell-block-container > .grid-x {
      max-height: 100%;
      flex-wrap: nowrap; }
  .xlarge-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; } }

.grid-y.grid-frame {
  width: auto;
  overflow: hidden;
  position: relative;
  flex-wrap: nowrap;
  align-items: stretch;
  height: 100vh; }

@media print, screen and (min-width: 40em) {
  .grid-y.medium-grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100vh; } }

@media print, screen and (min-width: 64em) {
  .grid-y.large-grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100vh; } }

@media screen and (min-width: 75em) {
  .grid-y.xlarge-grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100vh; } }

.cell .grid-y.grid-frame {
  height: 100%; }

@media print, screen and (min-width: 40em) {
  .cell .grid-y.medium-grid-frame {
    height: 100%; } }

@media print, screen and (min-width: 64em) {
  .cell .grid-y.large-grid-frame {
    height: 100%; } }

@media screen and (min-width: 75em) {
  .cell .grid-y.xlarge-grid-frame {
    height: 100%; } }

.grid-margin-y {
  margin-top: -0.625rem;
  margin-bottom: -0.625rem; }
  @media print, screen and (min-width: 40em) {
    .grid-margin-y {
      margin-top: -0.9375rem;
      margin-bottom: -0.9375rem; } }
  .grid-margin-y > .cell {
    height: calc(100% - 1.25rem);
    margin-top: 0.625rem;
    margin-bottom: 0.625rem; }
  @media print, screen and (min-width: 40em) {
    .grid-margin-y > .cell {
      height: calc(100% - 1.875rem);
      margin-top: 0.9375rem;
      margin-bottom: 0.9375rem; } }
  .grid-margin-y > .auto {
    height: auto; }
  .grid-margin-y > .shrink {
    height: auto; }
  .grid-margin-y > .small-1 {
    height: calc(8.33333% - 1.25rem); }
  .grid-margin-y > .small-2 {
    height: calc(16.66667% - 1.25rem); }
  .grid-margin-y > .small-3 {
    height: calc(25% - 1.25rem); }
  .grid-margin-y > .small-4 {
    height: calc(33.33333% - 1.25rem); }
  .grid-margin-y > .small-5 {
    height: calc(41.66667% - 1.25rem); }
  .grid-margin-y > .small-6 {
    height: calc(50% - 1.25rem); }
  .grid-margin-y > .small-7 {
    height: calc(58.33333% - 1.25rem); }
  .grid-margin-y > .small-8 {
    height: calc(66.66667% - 1.25rem); }
  .grid-margin-y > .small-9 {
    height: calc(75% - 1.25rem); }
  .grid-margin-y > .small-10 {
    height: calc(83.33333% - 1.25rem); }
  .grid-margin-y > .small-11 {
    height: calc(91.66667% - 1.25rem); }
  .grid-margin-y > .small-12 {
    height: calc(100% - 1.25rem); }
  @media print, screen and (min-width: 40em) {
    .grid-margin-y > .auto {
      height: auto; }
    .grid-margin-y > .shrink {
      height: auto; }
    .grid-margin-y > .small-1 {
      height: calc(8.33333% - 1.875rem); }
    .grid-margin-y > .small-2 {
      height: calc(16.66667% - 1.875rem); }
    .grid-margin-y > .small-3 {
      height: calc(25% - 1.875rem); }
    .grid-margin-y > .small-4 {
      height: calc(33.33333% - 1.875rem); }
    .grid-margin-y > .small-5 {
      height: calc(41.66667% - 1.875rem); }
    .grid-margin-y > .small-6 {
      height: calc(50% - 1.875rem); }
    .grid-margin-y > .small-7 {
      height: calc(58.33333% - 1.875rem); }
    .grid-margin-y > .small-8 {
      height: calc(66.66667% - 1.875rem); }
    .grid-margin-y > .small-9 {
      height: calc(75% - 1.875rem); }
    .grid-margin-y > .small-10 {
      height: calc(83.33333% - 1.875rem); }
    .grid-margin-y > .small-11 {
      height: calc(91.66667% - 1.875rem); }
    .grid-margin-y > .small-12 {
      height: calc(100% - 1.875rem); }
    .grid-margin-y > .medium-auto {
      height: auto; }
    .grid-margin-y > .medium-shrink {
      height: auto; }
    .grid-margin-y > .medium-1 {
      height: calc(8.33333% - 1.875rem); }
    .grid-margin-y > .medium-2 {
      height: calc(16.66667% - 1.875rem); }
    .grid-margin-y > .medium-3 {
      height: calc(25% - 1.875rem); }
    .grid-margin-y > .medium-4 {
      height: calc(33.33333% - 1.875rem); }
    .grid-margin-y > .medium-5 {
      height: calc(41.66667% - 1.875rem); }
    .grid-margin-y > .medium-6 {
      height: calc(50% - 1.875rem); }
    .grid-margin-y > .medium-7 {
      height: calc(58.33333% - 1.875rem); }
    .grid-margin-y > .medium-8 {
      height: calc(66.66667% - 1.875rem); }
    .grid-margin-y > .medium-9 {
      height: calc(75% - 1.875rem); }
    .grid-margin-y > .medium-10 {
      height: calc(83.33333% - 1.875rem); }
    .grid-margin-y > .medium-11 {
      height: calc(91.66667% - 1.875rem); }
    .grid-margin-y > .medium-12 {
      height: calc(100% - 1.875rem); } }
  @media print, screen and (min-width: 64em) {
    .grid-margin-y > .large-auto {
      height: auto; }
    .grid-margin-y > .large-shrink {
      height: auto; }
    .grid-margin-y > .large-1 {
      height: calc(8.33333% - 1.875rem); }
    .grid-margin-y > .large-2 {
      height: calc(16.66667% - 1.875rem); }
    .grid-margin-y > .large-3 {
      height: calc(25% - 1.875rem); }
    .grid-margin-y > .large-4 {
      height: calc(33.33333% - 1.875rem); }
    .grid-margin-y > .large-5 {
      height: calc(41.66667% - 1.875rem); }
    .grid-margin-y > .large-6 {
      height: calc(50% - 1.875rem); }
    .grid-margin-y > .large-7 {
      height: calc(58.33333% - 1.875rem); }
    .grid-margin-y > .large-8 {
      height: calc(66.66667% - 1.875rem); }
    .grid-margin-y > .large-9 {
      height: calc(75% - 1.875rem); }
    .grid-margin-y > .large-10 {
      height: calc(83.33333% - 1.875rem); }
    .grid-margin-y > .large-11 {
      height: calc(91.66667% - 1.875rem); }
    .grid-margin-y > .large-12 {
      height: calc(100% - 1.875rem); } }
  @media screen and (min-width: 75em) {
    .grid-margin-y > .xlarge-auto {
      height: auto; }
    .grid-margin-y > .xlarge-shrink {
      height: auto; }
    .grid-margin-y > .xlarge-1 {
      height: calc(8.33333% - 1.875rem); }
    .grid-margin-y > .xlarge-2 {
      height: calc(16.66667% - 1.875rem); }
    .grid-margin-y > .xlarge-3 {
      height: calc(25% - 1.875rem); }
    .grid-margin-y > .xlarge-4 {
      height: calc(33.33333% - 1.875rem); }
    .grid-margin-y > .xlarge-5 {
      height: calc(41.66667% - 1.875rem); }
    .grid-margin-y > .xlarge-6 {
      height: calc(50% - 1.875rem); }
    .grid-margin-y > .xlarge-7 {
      height: calc(58.33333% - 1.875rem); }
    .grid-margin-y > .xlarge-8 {
      height: calc(66.66667% - 1.875rem); }
    .grid-margin-y > .xlarge-9 {
      height: calc(75% - 1.875rem); }
    .grid-margin-y > .xlarge-10 {
      height: calc(83.33333% - 1.875rem); }
    .grid-margin-y > .xlarge-11 {
      height: calc(91.66667% - 1.875rem); }
    .grid-margin-y > .xlarge-12 {
      height: calc(100% - 1.875rem); } }

.grid-frame.grid-margin-y {
  height: calc(100vh + 1.25rem); }
  @media print, screen and (min-width: 40em) {
    .grid-frame.grid-margin-y {
      height: calc(100vh + 1.875rem); } }
  @media print, screen and (min-width: 64em) {
    .grid-frame.grid-margin-y {
      height: calc(100vh + 1.875rem); } }
  @media screen and (min-width: 75em) {
    .grid-frame.grid-margin-y {
      height: calc(100vh + 1.875rem); } }

@media print, screen and (min-width: 40em) {
  .grid-margin-y.medium-grid-frame {
    height: calc(100vh + 1.875rem); } }

@media print, screen and (min-width: 64em) {
  .grid-margin-y.large-grid-frame {
    height: calc(100vh + 1.875rem); } }

@media screen and (min-width: 75em) {
  .grid-margin-y.xlarge-grid-frame {
    height: calc(100vh + 1.875rem); } }

.close-button {
  position: absolute;
  color: #3d3d3d;
  cursor: pointer; }
  [data-whatinput='mouse'] .close-button {
    outline: 0; }
  .close-button:hover, .close-button:focus {
    color: #131313; }
  .close-button.small {
    right: 0.66rem;
    top: 0.33em;
    font-size: 1.5em;
    line-height: 1; }
  .close-button, .close-button.medium {
    right: 1rem;
    top: 0.5rem;
    font-size: 2em;
    line-height: 1; }

/*@include foundation-callout;*/
.dropdown-pane {
  position: absolute;
  z-index: 10;
  display: none;
  width: 300px;
  padding: 1rem;
  visibility: hidden;
  border: 1px solid #cfcfcf;
  border-radius: 0;
  background-color: #fffffe;
  font-size: 1rem; }
  .dropdown-pane.is-opening {
    display: block; }
  .dropdown-pane.is-open {
    display: block;
    visibility: visible; }

.dropdown-pane.tiny {
  width: 100px; }

.dropdown-pane.small {
  width: 200px; }

.dropdown-pane.large {
  width: 400px; }

html.is-reveal-open {
  position: fixed;
  width: 100%;
  overflow-y: hidden; }
  html.is-reveal-open.zf-has-scroll {
    overflow-y: scroll; }
  html.is-reveal-open body {
    overflow-y: hidden; }

.reveal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1005;
  display: none;
  background-color: rgba(19, 19, 19, 0.45);
  overflow-y: auto; }

.reveal {
  z-index: 1006;
  backface-visibility: hidden;
  display: none;
  padding: 1rem;
  border: 1px solid #969696;
  border-radius: 6px;
  background-color: #fffffe;
  position: relative;
  top: 100px;
  margin-right: auto;
  margin-left: auto;
  overflow-y: auto; }
  [data-whatinput='mouse'] .reveal {
    outline: 0; }
  @media print, screen and (min-width: 40em) {
    .reveal {
      min-height: 0; } }
  .reveal .column {
    min-width: 0; }
  .reveal > :last-child {
    margin-bottom: 0; }
  @media print, screen and (min-width: 40em) {
    .reveal {
      width: 600px;
      max-width: 75rem; } }
  .reveal.collapse {
    padding: 0; }
  @media print, screen and (min-width: 40em) {
    .reveal.tiny {
      width: 30%;
      max-width: 75rem; } }
  @media print, screen and (min-width: 40em) {
    .reveal.small {
      width: 50%;
      max-width: 75rem; } }
  @media print, screen and (min-width: 40em) {
    .reveal.large {
      width: 90%;
      max-width: 75rem; } }
  .reveal.full {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    min-height: 100%;
    margin-left: 0;
    border: 0;
    border-radius: 0; }
  @media screen and (max-width: 39.99875em) {
    .reveal {
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      max-width: none;
      height: 100%;
      min-height: 100%;
      margin-left: 0;
      border: 0;
      border-radius: 0; } }
  .reveal.without-overlay {
    position: fixed; }

.float-left {
  float: left !important; }

.float-right {
  float: right !important; }

.float-center {
  display: block;
  margin-right: auto;
  margin-left: auto; }

.clearfix::before, .clearfix::after {
  display: table;
  content: ' ';
  flex-basis: 0;
  order: 1; }

.clearfix::after {
  clear: both; }

.align-left {
  justify-content: flex-start; }

.align-right {
  justify-content: flex-end; }

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

.align-justify {
  justify-content: space-between; }

.align-spaced {
  justify-content: space-around; }

.align-left.vertical.menu > li > a {
  justify-content: flex-start; }

.align-right.vertical.menu > li > a {
  justify-content: flex-end; }

.align-center.vertical.menu > li > a {
  justify-content: center; }

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

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

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

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

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

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

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

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

.align-center-middle {
  justify-content: center;
  align-items: center;
  align-content: center; }

.small-order-1 {
  order: 1; }

.small-order-2 {
  order: 2; }

.small-order-3 {
  order: 3; }

.small-order-4 {
  order: 4; }

.small-order-5 {
  order: 5; }

.small-order-6 {
  order: 6; }

@media print, screen and (min-width: 40em) {
  .medium-order-1 {
    order: 1; }
  .medium-order-2 {
    order: 2; }
  .medium-order-3 {
    order: 3; }
  .medium-order-4 {
    order: 4; }
  .medium-order-5 {
    order: 5; }
  .medium-order-6 {
    order: 6; } }

@media print, screen and (min-width: 64em) {
  .large-order-1 {
    order: 1; }
  .large-order-2 {
    order: 2; }
  .large-order-3 {
    order: 3; }
  .large-order-4 {
    order: 4; }
  .large-order-5 {
    order: 5; }
  .large-order-6 {
    order: 6; } }

@media screen and (min-width: 75em) {
  .xlarge-order-1 {
    order: 1; }
  .xlarge-order-2 {
    order: 2; }
  .xlarge-order-3 {
    order: 3; }
  .xlarge-order-4 {
    order: 4; }
  .xlarge-order-5 {
    order: 5; }
  .xlarge-order-6 {
    order: 6; } }

.flex-container {
  display: flex;
  flex-direction: row; }

.flex-child-auto {
  flex: 1 1 auto; }

.flex-child-grow {
  flex: 1 0 auto; }

.flex-child-shrink {
  flex: 0 1 auto; }

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

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

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

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

@media print, screen and (min-width: 40em) {
  .medium-flex-container {
    display: flex;
    flex-direction: row; }
  .medium-flex-child-auto {
    flex: 1 1 auto; }
  .medium-flex-child-grow {
    flex: 1 0 auto; }
  .medium-flex-child-shrink {
    flex: 0 1 auto; }
  .medium-flex-dir-row {
    flex-direction: row; }
  .medium-flex-dir-row-reverse {
    flex-direction: row-reverse; }
  .medium-flex-dir-column {
    flex-direction: column; }
  .medium-flex-dir-column-reverse {
    flex-direction: column-reverse; } }

@media print, screen and (min-width: 64em) {
  .large-flex-container {
    display: flex;
    flex-direction: row; }
  .large-flex-child-auto {
    flex: 1 1 auto; }
  .large-flex-child-grow {
    flex: 1 0 auto; }
  .large-flex-child-shrink {
    flex: 0 1 auto; }
  .large-flex-dir-row {
    flex-direction: row; }
  .large-flex-dir-row-reverse {
    flex-direction: row-reverse; }
  .large-flex-dir-column {
    flex-direction: column; }
  .large-flex-dir-column-reverse {
    flex-direction: column-reverse; } }

@media screen and (min-width: 75em) {
  .xlarge-flex-container {
    display: flex;
    flex-direction: row; }
  .xlarge-flex-child-auto {
    flex: 1 1 auto; }
  .xlarge-flex-child-grow {
    flex: 1 0 auto; }
  .xlarge-flex-child-shrink {
    flex: 0 1 auto; }
  .xlarge-flex-dir-row {
    flex-direction: row; }
  .xlarge-flex-dir-row-reverse {
    flex-direction: row-reverse; }
  .xlarge-flex-dir-column {
    flex-direction: column; }
  .xlarge-flex-dir-column-reverse {
    flex-direction: column-reverse; } }

.hide {
  display: none !important; }

.invisible {
  visibility: hidden; }

@media screen and (max-width: 39.99875em) {
  .hide-for-small-only {
    display: none !important; } }

@media screen and (max-width: 0em), screen and (min-width: 40em) {
  .show-for-small-only {
    display: none !important; } }

@media print, screen and (min-width: 40em) {
  .hide-for-medium {
    display: none !important; } }

@media screen and (max-width: 39.99875em) {
  .show-for-medium {
    display: none !important; } }

@media screen and (min-width: 40em) and (max-width: 63.99875em) {
  .hide-for-medium-only {
    display: none !important; } }

@media screen and (max-width: 39.99875em), screen and (min-width: 64em) {
  .show-for-medium-only {
    display: none !important; } }

@media print, screen and (min-width: 64em) {
  .hide-for-large {
    display: none !important; } }

@media screen and (max-width: 63.99875em) {
  .show-for-large {
    display: none !important; } }

@media screen and (min-width: 64em) and (max-width: 74.99875em) {
  .hide-for-large-only {
    display: none !important; } }

@media screen and (max-width: 63.99875em), screen and (min-width: 75em) {
  .show-for-large-only {
    display: none !important; } }

@media screen and (min-width: 75em) {
  .hide-for-xlarge {
    display: none !important; } }

@media screen and (max-width: 74.99875em) {
  .show-for-xlarge {
    display: none !important; } }

@media screen and (min-width: 75em) and (max-width: 89.99875em) {
  .hide-for-xlarge-only {
    display: none !important; } }

@media screen and (max-width: 74.99875em), screen and (min-width: 90em) {
  .show-for-xlarge-only {
    display: none !important; } }

.show-for-sr,
.show-on-focus {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0; }

.show-on-focus:active, .show-on-focus:focus {
  position: static !important;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal; }

.show-for-landscape,
.hide-for-portrait {
  display: block !important; }
  @media screen and (orientation: landscape) {
    .show-for-landscape,
    .hide-for-portrait {
      display: block !important; } }
  @media screen and (orientation: portrait) {
    .show-for-landscape,
    .hide-for-portrait {
      display: none !important; } }

.hide-for-landscape,
.show-for-portrait {
  display: none !important; }
  @media screen and (orientation: landscape) {
    .hide-for-landscape,
    .show-for-portrait {
      display: none !important; } }
  @media screen and (orientation: portrait) {
    .hide-for-landscape,
    .show-for-portrait {
      display: block !important; } }

.content-container {
  padding: 0 1rem; }
  @media screen and (min-width: 40em) {
    .content-container {
      max-width: 100%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (min-width: 64em) {
    .content-container {
      max-width: 62rem; } }
  @media screen and (min-width: 75em) {
    .content-container {
      max-width: 88rem; } }

.header-container {
  padding: 0 1rem; }
  @media screen and (min-width: 40em) {
    .header-container {
      max-width: 100%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (min-width: 64em) {
    .header-container {
      max-width: 62rem; } }
  @media screen and (min-width: 75em) {
    .header-container {
      max-width: 88rem; } }

.header {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  border-bottom: none;
  z-index: 100;
  height: auto; }
  .header__top {
    padding: .5rem 0;
    background: #131313;
    color: #fffffe;
    font-size: .9rem; }
    .header__top > .content-container {
      display: flex;
      flex-direction: row;
      justify-content: flex-end; }
      @supports (display: flex) and (gap: 10px) {
        .header__top > .content-container {
          gap: 0 0; } }
      @supports not ((display: flex) and (gap: 10px)) {
        .header__top > .content-container > * {
          margin: 0 0; }
          .header__top > .content-container > *:first-child {
            margin-left: 0; }
          .header__top > .content-container > *:last-child {
            margin-right: 0; } }
    .header__top__message {
      display: none;
      color: #eee; }
  .header__bottom {
    background: #fffffe;
    box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.2); }
    .header__bottom .content-container {
      height: 60px;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between; }
      .header__bottom .content-container > * {
        flex-shrink: 0; }
  .header__logo {
    height: 50px; }
  @media screen and (max-width: 39.99875em) {
    .header__navbar {
      position: absolute;
      left: 0;
      top: 98px;
      right: 0;
      z-index: 9999;
      background: #fffffe;
      box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.2);
      z-index: -1; } }
  @media screen and (min-width: 40em) and (max-width: 63.99875em) {
    .header {
      /* &__navbar {

            position: absolute;
            left: 0;
            top: responsive-map-get($header-height, medium);
            right: 0;
            z-index: 9999;
            height: 46px;
            background: $header-background;
            box-shadow: $header-box-shadow
        }*/ } }
  @media screen and (min-width: 40em) {
    .header__top .content-container {
      justify-content: space-between; }
    .header__top__message {
      display: block; }
    .header__bottom {
      /*padding: 1rem 0;*/ }
      .header__bottom .content-container {
        height: 100px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between; }
    .header .content-container {
      gap: 1rem;
      align-items: center; }
    .header__contactus {
      display: block;
      flex-shrink: 0;
      padding-left: 2rem;
      padding-right: 2rem; }
    .header__navbar {
      flex-grow: 1; }
    .header__logo {
      height: 70px; } }
  .header-tray {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    font-size: .9rem; }
    @supports (display: flex) and (gap: 10px) {
      .header-tray {
        gap: 0 0.5rem; } }
    @supports not ((display: flex) and (gap: 10px)) {
      .header-tray > * {
        margin: 0 0.25rem; }
        .header-tray > *:first-child {
          margin-left: 0; }
        .header-tray > *:last-child {
          margin-right: 0; } }
    .header-tray > li::after {
      content: '';
      padding: 0 .5rem;
      border-right: 1px #50524c solid; }
    .header-tray > li:last-of-type::after {
      display: none; }
    .header-tray > li a {
      color: #fffffe; }
    .header-tray > li.cart a {
      /*color: #44F082;*/ }
    .header-tray > li.bids::before {
      font-family: "FontAwesome";
      content: "";
      display: inline-block;
      margin-right: .5rem; }
    .header-tray > li.bids a {
      /*&::before {
                        color: $primary-color;
                    }*/
      /*color: #44F082;*/
      border-bottom: 2px #CF292C solid; }

.footer {
  background: #131313;
  padding: 2rem 0 1rem 0;
  color: #cfcfcf; }
  .footer a {
    color: inherit; }
  .footer .logo {
    width: 160px; }
  .footer .logo-section {
    display: flex;
    align-items: center;
    justify-content: center; }
  .footer .link-section__title {
    text-transform: uppercase;
    color: #eee;
    font-weight: bold; }
  .footer .link-section__links {
    list-style: none;
    margin: 0; }
  @media screen and (min-width: 40em) {
    .footer {
      padding: 1rem 0; } }

.strip {
  padding: 1.5rem 0;
  background: transparent; }
  .strip__container {
    padding: 0 1rem; }
    @media screen and (min-width: 40em) {
      .strip__container {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto; } }
    @media screen and (min-width: 64em) {
      .strip__container {
        max-width: 62rem; } }
    @media screen and (min-width: 75em) {
      .strip__container {
        max-width: 88rem; } }
  .strip__title {
    text-align: center;
    font-size: 1.8rem;
    font-weight: 300;
    margin: 0 0 1em 0;
    color: inherit; }
    .strip__title.divider {
      overflow: hidden;
      font-size: 1.3rem;
      color: inherit; }
      .strip__title.divider > span {
        position: relative; }
        .strip__title.divider > span::before, .strip__title.divider > span::after {
          content: '';
          display: inline-block;
          position: absolute;
          width: 99980px;
          top: 50%;
          height: 1px;
          border-bottom: 1px inherit solid; }
        .strip__title.divider > span::before {
          left: -99999px; }
        .strip__title.divider > span::after {
          right: -99999px; }
      @media screen and (min-width: 40em) {
        .strip__title.divider {
          font-size: 2.6rem; } }
  .strip--arrow {
    position: relative;
    z-index: 0;
    min-height: 80px; }
    .strip--arrow::before, .strip--arrow::after {
      content: '';
      position: absolute;
      width: 120px;
      height: 50px;
      bottom: 0;
      background: transparent;
      z-index: -1; }
    .strip--arrow::before {
      right: 50%;
      transform: skewY(15deg); }
    .strip--arrow::after {
      left: 50%;
      transform: skewY(-15deg); }
  .strip--alt {
    background: #eee; }
    .strip--alt.strip--arrow::before, .strip--alt.strip--arrow::after {
      background: #eee; }
  .strip--alt2 {
    background: #cfcfcf; }
    .strip--alt2.strip--arrow::before, .strip--alt2.strip--arrow::after {
      background: #cfcfcf; }
  .strip--dark {
    background: #131313;
    color: #ddd; }
    .strip--dark.strip--arrow::before, .strip--dark.strip--arrow::after {
      background: #131313; }
  .strip--trans {
    background: transparent; }
  .strip--banner {
    background-repeat: no-repeat;
    background-size: cover; }
  .strip--center > .strip__container {
    text-align: center; }
  .strip--full > .strip__container {
    padding: 0;
    max-width: 100%; }
    @media screen and (min-width: 40em) {
      .strip--full > .strip__container {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto; } }
  .strip--nopadding {
    padding: 0; }
    .strip--nopadding > .strip__container {
      padding: 0; }
  .strip--novpadding {
    padding-top: 0;
    padding-bottom: 0; }
    .strip--novpadding > .strip__container {
      padding-top: 0;
      padding-bottom: 0; }
  .strip--nohpadding {
    padding-left: 0;
    padding-left: 0; }
    .strip--nohpadding > .strip__container {
      padding-left: 0;
      padding-right: 0; }
  .strip--top-bar {
    border-top: 10px #CF292C solid; }
  .strip--bottom-bar {
    border-bottom: 10px #CF292C solid; }

@media screen and (min-width: 40em) {
  .menu-toggle {
    display: none; } }

.navbar {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%; }
  .navbar__logo {
    order: 0;
    max-width: 200px; }
  .navbar .menu-toggle {
    order: 1; }
  .navbar__menu {
    display: none; }
  @media screen and (max-width: 39.99875em) {
    .navbar--open {
      flex-wrap: wrap;
      padding: 0.5rem 0; }
      .navbar--open .menu {
        display: flex;
        flex-direction: column;
        flex-basis: 100%; } }
  @media screen and (min-width: 40em) {
    .navbar {
      flex-direction: row;
      justify-content: flex-end; }
      .navbar__logo {
        display: none; }
      .navbar__menu {
        display: flex; } }

.button {
  display: inline-block;
  background: #50524c;
  color: #fffffe;
  border-radius: 6px;
  padding: .5em 1em;
  text-align: center;
  line-height: 1.15;
  cursor: pointer;
  transition: background .25s ease-in-out; }
  .button--block {
    display: block;
    width: 100%; }
  .button--primary {
    background: #CF292C;
    color: #fffffe; }
    .button--primary:hover, .button--primary:focus {
      background: #da4649;
      color: white; }
    .button--primary.button--loading::after {
      border-color: #e98f90;
      border-top-color: #fffffe; }
    .button--primary.button--outline {
      background: transparent;
      border: 1px #CF292C solid;
      color: #CF292C; }
      .button--primary.button--outline:hover {
        background: white; }
      .button--primary.button--outline.button--loading::after {
        border-color: #e98f90;
        border-top-color: #CF292C; }
  .button--secondary {
    background: #50524c;
    color: #fff; }
    .button--secondary:hover, .button--secondary:focus {
      background: #656760;
      color: white; }
    .button--secondary.button--loading::after {
      border-color: #90938a;
      border-top-color: #fff; }
    .button--secondary.button--outline {
      background: transparent;
      border: 1px #50524c solid;
      color: #50524c; }
      .button--secondary.button--outline:hover {
        background: #e8e9e7; }
      .button--secondary.button--outline.button--loading::after {
        border-color: #90938a;
        border-top-color: #50524c; }
  .button--blue {
    background: #0d47a1;
    color: #fffffe; }
    .button--blue:hover, .button--blue:focus {
      background: #1058c7;
      color: white; }
    .button--blue.button--loading::after {
      border-color: #3e84ef;
      border-top-color: #fffffe; }
    .button--blue.button--outline {
      background: transparent;
      border: 1px #0d47a1 solid;
      color: #0d47a1; }
      .button--blue.button--outline:hover {
        background: #e3edfd; }
      .button--blue.button--outline.button--loading::after {
        border-color: #3e84ef;
        border-top-color: #0d47a1; }
  .button--green {
    background: darkgreen;
    color: #fffffe; }
    .button--green:hover, .button--green:focus {
      background: #008d00;
      color: white; }
    .button--green.button--loading::after {
      border-color: #00e400;
      border-top-color: #fffffe; }
    .button--green.button--outline {
      background: transparent;
      border: 1px darkgreen solid;
      color: darkgreen; }
      .button--green.button--outline:hover {
        background: #97ff97; }
      .button--green.button--outline.button--loading::after {
        border-color: #00e400;
        border-top-color: darkgreen; }
  .button--loading {
    position: relative;
    cursor: not-allowed; }
    .button--loading .button__text {
      visibility: hidden;
      opacity: 0; }
    .button--loading::after {
      content: "";
      position: absolute;
      width: 22px;
      height: 22px;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      /*border: 4px solid transparent;
            border-top-color: #ffffff;
            border-radius: 50%;
            animation: button-loading-spinner 1s ease infinite;*/
      border-radius: 50%;
      border-width: 3px;
      border-style: solid;
      border-color: #cfcfcf;
      border-top-color: #fffffe;
      animation: button-loading-spinner .6s linear infinite; }
  .button--disabled {
    opacity: 0.45;
    cursor: not-allowed; }
  .button--small {
    padding: .35em .75em;
    font-size: .9em; }
    .button--small.button--loading::after {
      width: 18px;
      height: 18px; }
  .button--tiny {
    font-size: .8em;
    padding: .25em .5em;
    font-size: .75em; }

button[disabled] {
  opacity: 0.45;
  cursor: not-allowed; }

@keyframes button-loading-spinner {
  to {
    transform: rotate(360deg); }
  /*from {
        transform: rotate(0turn);
    }

    to {
        transform: rotate(1turn);
    }*/ }

.menu {
  list-style-type: none;
  padding: 0;
  margin: 0; }
  .menu__item > a {
    display: block;
    position: relative;
    height: 40px;
    line-height: 40px;
    padding: 0 1rem;
    color: #131313;
    font-weight: 600;
    font-size: inherit; }
    .menu__item > a:hover {
      color: #131313; }
  @media screen and (min-width: 40em) {
    .menu__item {
      /* BEGIN MENU UNDERLINE ANIMATION */
      /* END MENU UNDERLINE ANIMATION */ }
      .menu__item > a {
        height: 30px;
        line-height: 30px; }
      .menu__item a::after,
      .menu__item.active > a::after {
        content: '';
        display: block;
        margin: auto;
        height: 4px;
        width: 0px;
        background: transparent;
        transition: all .5s ease; }
      .menu__item > a:hover::after,
      .menu__item:hover > a::after,
      .menu__item.active > a::after {
        width: 100% !important;
        background: #CF292C;
        border-radius: 2px; } }
  .menu__item.has-submenu > a {
    padding-right: 25px; }
    .menu__item.has-submenu > a::before {
      content: '';
      position: absolute;
      width: 10px;
      height: 10px;
      right: 5px;
      top: calc(50% - 5px);
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23131313' d='M0 7.33l2.829-2.83 9.175 9.339 9.167-9.339 2.829 2.83-11.996 12.17z'/%3E%3C/svg%3E");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: contain; }
  .menu__item__submenu {
    list-style-type: none;
    display: none;
    margin: 0;
    padding: 0;
    z-index: 9999; }
    .menu__item__submenu__item > a {
      display: block;
      height: 35px;
      line-height: 35px;
      padding: 0 1rem;
      color: #fffffe;
      background: #131313;
      font-size: inherit;
      font-weight: inherit; }
      .menu__item__submenu__item > a:hover {
        color: #fffffe;
        background-color: #363636; }
    @media screen and (min-width: 40em) {
      .menu__item__submenu__item:first-of-type > a {
        border-top-left-radius: 0;
        border-top-right-radius: 0; }
      .menu__item__submenu__item:last-of-type > a {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0; } }
  .menu__item.expand .menu__item__submenu {
    display: block; }
  .menu.arrow-white .has-submenu > a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23fffffe' d='M0 7.33l2.829-2.83 9.175 9.339 9.167-9.339 2.829 2.83-11.996 12.17z'/%3E%3C/svg%3E"); }
  .menu.arrow-black .has-submenu > a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23131313' d='M0 7.33l2.829-2.83 9.175 9.339 9.167-9.339 2.829 2.83-11.996 12.17z'/%3E%3C/svg%3E"); }
  @media screen and (min-width: 40em) {
    .menu {
      display: flex;
      flex-direction: row;
      gap: .5rem; }
      .menu__item__submenu {
        display: block;
        min-width: 200px;
        position: absolute;
        max-height: 0;
        overflow-y: hidden;
        transform: scaleY(0);
        transform-origin: top;
        transition: transform .1s linear; }
      .menu__item:hover .menu__item__submenu {
        max-height: none;
        transform: scaleY(1);
        /* Add a little bit of a gutter so leaving the submenu
                        by a little won't dismiss it */
        padding: .5rem 1rem 1rem 1rem;
        margin-left: -1rem; } }
  @media screen and (min-width: 64em) {
    .menu__item__submenu {
      min-width: 250px; } }

.menu-toggle {
  text-indent: -1000px;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 80' width='40' height='40' fill='%23131313'%3E %3Crect width='100' height='20'%3E%3C/rect%3E %3Crect y='30' width='100' height='20'%3E%3C/rect%3E %3Crect y='60' width='100' height='20'%3E%3C/rect%3E%3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain; }
  .menu-toggle.text {
    text-indent: 0;
    min-width: 24px;
    width: auto;
    padding-left: 30px;
    background-position: left center; }

.hero {
  position: relative;
  display: flex;
  height: 200px;
  width: 100%;
  padding: 0 1rem;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  /*transition: background 1.5s linear;*/ }
  .hero--slim {
    height: 100px; }
  .hero--overlay::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(96, 96, 96, 0.6);
    z-index: 0; }
  .hero--alt::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: -1px;
    background-color: inherit;
    z-index: 0;
    clip-path: polygon(0 100%, 0 85%, 33% 100%, 100% 85%, 100% 100%); }
  @media screen and (min-width: 40em) {
    .hero {
      height: 450px; }
      .hero--slim {
        /*transition: none;*/
        height: 225px; }
      .hero--alt::after {
        clip-path: polygon(0 100%, 0 90%, 33% 100%, 100% 80%, 100% 100%); } }
  .hero .hero__title {
    font-size: 1.8rem;
    font-weight: bold;
    color: #fff;
    z-index: 1;
    text-transform: uppercase;
    text-align: center;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.8); }
  @media screen and (min-width: 40em) {
    .hero .hero__title {
      font-size: 2.8rem; } }

.feature-strip {
  margin-top: -75px;
  width: 100%; }
  @media screen and (min-width: 40em) {
    .feature-strip {
      margin-top: -125px; } }

.feature-box {
  padding: 1rem;
  width: 100%;
  margin: 0 auto;
  background: #fffffe;
  border: 1px #eee solid;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.08) 0rem 0.5rem 1.6875rem 0rem; }
  .feature-box__item {
    display: flex;
    flex-direction: row;
    padding: 1rem 0;
    border-bottom: 1px #eee solid; }
    @supports (display: flex) and (gap: 10px) {
      .feature-box__item {
        gap: 0 1rem; } }
    @supports not ((display: flex) and (gap: 10px)) {
      .feature-box__item > * {
        margin: 0 0.5rem; }
        .feature-box__item > *:first-child {
          margin-left: 0; }
        .feature-box__item > *:last-child {
          margin-right: 0; } }
    @media screen and (max-width: 39.99875em) {
      .feature-box__item:last-of-type {
        padding-bottom: 0; } }
    .feature-box__item__title {
      font-weight: 600;
      text-transform: uppercase;
      text-align: left;
      color: #CF292C; }
      .feature-box__item__title small {
        font-size: inherit;
        color: #cfcfcf; }
    .feature-box__item__icon {
      width: 60px;
      height: auto;
      object-fit: contain; }
    .feature-box__item__description {
      color: #50524c;
      margin-bottom: 0;
      text-align: left; }
    .feature-box__item__cta {
      display: none;
      height: 32px;
      line-height: 32px;
      padding: 0 1.5rem;
      border: 1px #CF292C solid;
      border-radius: 16px;
      text-transform: uppercase;
      font-weight: 600;
      font-size: .9rem;
      transition: background .25s ease-in-out; }
      .feature-box__item__cta::after {
        font-family: "FontAwesome";
        content: "";
        display: inline-block;
        margin-left: .5rem; }
      .feature-box__item__cta:hover {
        background: whitesmoke; }
  @media screen and (max-width: 39.99875em) {
    .feature-box__item {
      align-items: center; }
      .feature-box__item:first-of-type {
        padding-top: 0; }
      .feature-box__item:last-of-type {
        border-bottom: none; } }
  @media screen and (min-width: 40em) {
    .feature-box {
      display: flex;
      flex-direction: row;
      max-width: 1000px;
      margin: 0 auto; }
      @supports (display: flex) and (gap: 10px) {
        .feature-box {
          gap: 0 1rem; } }
      @supports not ((display: flex) and (gap: 10px)) {
        .feature-box > * {
          margin: 0 0.5rem; }
          .feature-box > *:first-child {
            margin-left: 0; }
          .feature-box > *:last-child {
            margin-right: 0; } }
      .feature-box__item {
        display: flex;
        flex-direction: column;
        position: relative;
        padding: 1rem;
        align-items: center;
        width: calc(100%/3);
        border-bottom: none; }
        @supports (display: flex) and (gap: 10px) {
          .feature-box__item {
            gap: 1rem 0; } }
        @supports not ((display: flex) and (gap: 10px)) {
          .feature-box__item > * {
            margin: 0.5rem 0; }
            .feature-box__item > *:first-child {
              margin-top: 0; }
            .feature-box__item > *:last-child {
              margin-bottom: 0; } }
        .feature-box__item::after {
          content: '';
          position: absolute;
          right: 0;
          top: 15%;
          bottom: 15%;
          border-right: 1px #cfcfcf solid; }
        .feature-box__item:last-of-type::after {
          display: none; }
        .feature-box__item__icon {
          width: auto;
          height: 40px; }
        .feature-box__item__title {
          text-align: center;
          margin-bottom: 1rem; }
        .feature-box__item__description {
          text-align: center;
          margin-bottom: 1rem; }
        .feature-box__item__cta {
          display: inline-block; } }

.featured-units__container {
  display: flex;
  flex-direction: column; }
  @supports (display: flex) and (gap: 10px) {
    .featured-units__container {
      gap: 1rem 0; } }
  @supports not ((display: flex) and (gap: 10px)) {
    .featured-units__container > * {
      margin: 0.5rem 0; }
      .featured-units__container > *:first-child {
        margin-top: 0; }
      .featured-units__container > *:last-child {
        margin-bottom: 0; } }
  @media screen and (min-width: 40em) {
    .featured-units__container {
      display: flex;
      flex-direction: row;
      justify-content: space-evenly;
      flex-wrap: wrap; }
      @supports (display: flex) and (gap: 10px) {
        .featured-units__container {
          gap: 0 1rem; } }
      @supports not ((display: flex) and (gap: 10px)) {
        .featured-units__container > * {
          margin: 0 0.5rem; }
          .featured-units__container > *:first-child {
            margin-left: 0; }
          .featured-units__container > *:last-child {
            margin-right: 0; } }
      .featured-units__container .featured-unit {
        width: calc(50% - 1rem); } }
  @media screen and (min-width: 64em) {
    .featured-units__container {
      flex-wrap: nowrap; }
      .featured-units__container > .featured-unit {
        width: calc(25% - 1rem); } }

.featured-unit {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  border-bottom: 1px #eee solid;
  padding-bottom: 1rem; }
  @supports (display: flex) and (gap: 10px) {
    .featured-unit {
      gap: 0 1rem; } }
  @supports not ((display: flex) and (gap: 10px)) {
    .featured-unit > * {
      margin: 0 0.5rem; }
      .featured-unit > *:first-child {
        margin-left: 0; }
      .featured-unit > *:last-child {
        margin-right: 0; } }
  .featured-unit__header {
    position: relative;
    flex-basis: 35%; }
  .featured-unit__content {
    flex-basis: calc(60% - 1rem);
    padding: 0; }
  .featured-unit__footer {
    display: flex;
    flex-direction: row;
    flex-basis: 100%;
    justify-content: space-between;
    align-items: center;
    padding-top: 1rem; }
  .featured-unit__tag {
    position: absolute;
    left: .5rem;
    top: .5rem;
    background: #CF292Cbb;
    color: #fffffe;
    padding: .15rem .5rem;
    font-size: .8rem;
    border-radius: 4px; }
  .featured-unit__title {
    display: block;
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    color: inherit; }
  @media screen and (max-width: 39.99875em) {
    .featured-unit__specs {
      color: #50524c;
      font-size: .8rem;
      margin-bottom: 0; }
      .featured-unit__specs::before, .featured-unit__specs::after {
        display: table;
        content: ' ';
        flex-basis: 0;
        order: 1; }
      .featured-unit__specs::after {
        clear: both; }
      .featured-unit__specs dt, .featured-unit__specs dd {
        margin-bottom: 0; }
      .featured-unit__specs dt {
        display: inline-block;
        margin-right: .25rem; }
        .featured-unit__specs dt::after {
          content: ':'; }
      .featured-unit__specs dd {
        display: inline-block;
        margin-right: .5rem; } }
  @media screen and (min-width: 40em) {
    .featured-unit {
      display: flex;
      flex-direction: column;
      flex-wrap: nowrap;
      background: #fffffe;
      border: 1px #eee solid;
      border-radius: 6px;
      box-shadow: rgba(0, 0, 0, 0.08) 0rem 0.5rem 1.6875rem 0rem;
      overflow: hidden; }
      @supports (display: flex) and (gap: 10px) {
        .featured-unit {
          gap: 1rem 0; } }
      @supports not ((display: flex) and (gap: 10px)) {
        .featured-unit > * {
          margin: 0.5rem 0; }
          .featured-unit > *:first-child {
            margin-top: 0; }
          .featured-unit > *:last-child {
            margin-bottom: 0; } }
      .featured-unit__image {
        height: 200px;
        background: black;
        display: block;
        width: 100%;
        object-fit: cover; }
      .featured-unit__header {
        width: 100%; }
      .featured-unit__content {
        flex-basis: 100%;
        padding: 0 1rem; }
      .featured-unit__footer {
        padding: 0 1rem; }
      .featured-unit__title {
        margin-bottom: 1rem;
        font-size: 1.2rem;
        text-align: center; }
      .featured-unit__specs::before, .featured-unit__specs::after {
        display: table;
        content: ' ';
        flex-basis: 0;
        order: 1; }
      .featured-unit__specs::after {
        clear: both; }
      .featured-unit__specs dt {
        float: left;
        width: 35%;
        clear: left; }
      .featured-unit__specs dd {
        float: right;
        width: calc(65% - $global-margin); } }

.activity-panel {
  list-style: none;
  margin: 0 0 1rem 0;
  display: flex;
  flex-direction: column; }
  @supports (display: flex) and (gap: 10px) {
    .activity-panel {
      gap: 1rem 0; } }
  @supports not ((display: flex) and (gap: 10px)) {
    .activity-panel > * {
      margin: 0.5rem 0; }
      .activity-panel > *:first-child {
        margin-top: 0; }
      .activity-panel > *:last-child {
        margin-bottom: 0; } }
  .activity-panel__item {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 1rem 2rem;
    border: 1px #eee solid;
    box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.1);
    background: #fffffe;
    /*> a {
            font-weight: inherit;
            text-align: center
        }*/ }
    @supports (display: flex) and (gap: 10px) {
      .activity-panel__item {
        gap: 0 1rem; } }
    @supports not ((display: flex) and (gap: 10px)) {
      .activity-panel__item > * {
        margin: 0 0.5rem; }
        .activity-panel__item > *:first-child {
          margin-left: 0; }
        .activity-panel__item > *:last-child {
          margin-right: 0; } }
    .activity-panel__item__title, .activity-panel__item__value {
      display: block; }
    .activity-panel__item__value {
      color: #CF292C;
      font-weight: 600;
      font-size: 2rem; }
    .activity-panel__item__title {
      color: #50524c;
      text-transform: uppercase;
      font-weight: 600; }
  @media screen and (min-width: 40em) {
    .activity-panel {
      display: flex;
      flex-direction: row;
      justify-content: center; }
      @supports (display: flex) and (gap: 10px) {
        .activity-panel {
          gap: 0 2rem; } }
      @supports not ((display: flex) and (gap: 10px)) {
        .activity-panel > * {
          margin: 0 1rem; }
          .activity-panel > *:first-child {
            margin-left: 0; }
          .activity-panel > *:last-child {
            margin-right: 0; } }
      .activity-panel__item {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; }
        @supports (display: flex) and (gap: 10px) {
          .activity-panel__item {
            gap: 0 0; } }
        @supports not ((display: flex) and (gap: 10px)) {
          .activity-panel__item > * {
            margin: 0 0; }
            .activity-panel__item > *:first-child {
              margin-top: 0; }
            .activity-panel__item > *:last-child {
              margin-bottom: 0; } }
        .activity-panel__item > a {
          text-align: center; } }

.strip.certified-warranty {
  position: relative;
  z-index: 0; }
  .strip.certified-warranty::after {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: '';
    background: rgba(0, 0, 0, 0.5);
    z-index: -1; }

.banner {
  display: flex;
  flex-direction: column;
  color: #eee;
  padding: 1rem;
  height: auto; }
  @supports (display: flex) and (gap: 10px) {
    .banner {
      gap: 1rem 0; } }
  @supports not ((display: flex) and (gap: 10px)) {
    .banner > * {
      margin: 0.5rem 0; }
      .banner > *:first-child {
        margin-top: 0; }
      .banner > *:last-child {
        margin-bottom: 0; } }
  .banner__title {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.8rem;
    /*text-shadow: 2px 2px rgba(0,0,0,.75);*/ }
  .banner__subtitle {
    margin-bottom: 1rem;
    font-style: italic;
    font-size: 1.2rem;
    /*text-shadow: 2px 2px rgba(0,0,0,.75);*/ }
  .banner__cta {
    display: inline-block;
    color: inherit;
    padding: .5rem 1.5rem;
    margin-bottom: 1rem;
    border: 2px #eee solid;
    border-radius: 6px;
    /*text-shadow: 2px 2px rgba(0,0,0,.75);*/
    text-transform: uppercase;
    font-size: .9rem; }
    .banner__cta::after {
      font-family: "FontAwesome";
      content: "";
      display: inline-block;
      margin-left: .5rem; }
    .banner__cta:hover {
      color: #fffffe; }
  .banner__text {
    font-size: 1.2rem;
    /*text-shadow: 1px 1px rgba(0,0,0,.75);*/ }
  @media screen and (min-width: 40em) {
    .banner {
      height: 450px; }
      .banner > .content-container {
        display: flex;
        flex-direction: row;
        justify-content: space-evenly; }
        @supports (display: flex) and (gap: 10px) {
          .banner > .content-container {
            gap: 0 0; } }
        @supports not ((display: flex) and (gap: 10px)) {
          .banner > .content-container > * {
            margin: 0 0; }
            .banner > .content-container > *:first-child {
              margin-left: 0; }
            .banner > .content-container > *:last-child {
              margin-right: 0; } }
      .banner__title {
        font-size: 2.4rem; }
      .banner__subtitle {
        font-size: 1.4rem; }
      .banner__side-1 {
        position: relative;
        flex-basis: 50%;
        padding-top: 80px;
        z-index: 0; }
      .banner__side-2 {
        flex-basis: 50%;
        padding-top: 200px; } }

.strip--photos-header {
  position: relative;
  z-index: 0;
  overflow: hidden; }
  .strip--photos-header::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0px;
    bottom: 0px;
    z-index: -2;
    overflow: hidden;
    background: transparent url(https://www.arrowtruck.com/invImages/001_248564/image01.jpg?1107203932) no-repeat center center;
    background-size: cover;
    /* Add the blur effect */
    filter: blur(3px);
    -webkit-filter: blur(3px); }
  .strip--photos-header::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background: rgba(0, 0, 0, 0.5); }

.photos-header {
  height: 300px;
  overflow: hidden; }
  .photos-header__gallery {
    display: none; }
  .photos-header__photo {
    object-fit: cover;
    cursor: pointer; }
    .photos-header__photo--primary {
      width: 100%;
      height: 100%; }
  @media screen and (min-width: 40em) {
    .photos-header {
      height: 400px; } }
  @media screen and (min-width: 40em) {
    .photos-header {
      height: 450px;
      display: flex;
      flex-direction: row; }
      @supports (display: flex) and (gap: 10px) {
        .photos-header {
          gap: 0 0; } }
      @supports not ((display: flex) and (gap: 10px)) {
        .photos-header > * {
          margin: 0 0; }
          .photos-header > *:first-child {
            margin-left: 0; }
          .photos-header > *:last-child {
            margin-right: 0; } }
      .photos-header__photo--primary {
        width: 50%;
        flex-shrink: 1;
        height: auto; }
      .photos-header__gallery {
        width: 50%;
        padding: 0;
        list-style: none;
        margin: 0;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        background: #131313; }
        @supports (display: flex) and (gap: 10px) {
          .photos-header__gallery {
            gap: 0 0; } }
        @supports not ((display: flex) and (gap: 10px)) {
          .photos-header__gallery > * {
            margin: 0 0; }
            .photos-header__gallery > *:first-child {
              margin-left: 0; }
            .photos-header__gallery > *:last-child {
              margin-right: 0; } }
        .photos-header__gallery__item {
          height: calc(50%);
          width: calc(50% - 4px); }
          .photos-header__gallery__item:nth-of-type(1), .photos-header__gallery__item:nth-of-type(3) {
            margin-left: 4px;
            margin-right: 4px; }
          .photos-header__gallery__item:nth-of-type(1), .photos-header__gallery__item:nth-of-type(2) {
            margin-bottom: 4px; }
          .photos-header__gallery__item:nth-of-type(3), .photos-header__gallery__item:nth-of-type(4) {
            margin-bottom: -4px; }
          .photos-header__gallery__item > img {
            width: 100%;
            height: 100%; } }
  @media screen and (min-width: 75em) {
    .photos-header {
      max-height: 600px;
      height: 500px; } }

.image-popup {
  display: none;
  position: fixed;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 2rem;
  z-index: 100; }
  .image-popup img {
    width: auto;
    height: auto;
    object-fit: contain;
    box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.5);
    transition: transform 1s;
    z-index: 0;
    /*&::focus {
            transform: scale(1.5);
            cursor: zoom-in;
        }*/ }
  .image-popup__backdrop {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1; }
  .image-popup--visible {
    display: flex;
    animation: popup 250ms forwards; }
    .image-popup--visible .image-popup__backdrop {
      animation: popupBackdropFadein 750ms forwards;
      animation-delay: 250ms; }
  .image-popup--hidden {
    display: flex;
    animation: popupClose 250ms forwards;
    animation-delay: 250ms; }
    .image-popup--hidden .image-popup__backdrop {
      animation: popupBackdropFadeout 500ms forwards; }

@keyframes popup {
  0% {
    transform: scale(0); }
  100% {
    transform: scale(1); } }

@keyframes popupClose {
  0% {
    /*transform: scale(1);*/ }
  100% {
    transform: scale(0); } }

@keyframes popupBackdropFadein {
  0% {
    background-color: transparent; }
  100% {
    background-color: rgba(0, 0, 0, 0.6); } }

@keyframes popupBackdropFadeout {
  0% {
    background-color: rgba(0, 0, 0, 0.6); }
  100% {
    background-color: transparent; } }

.specsheet-header__identity {
  border-bottom: 1px #cfcfcf solid;
  margin-bottom: 1rem; }

.specsheet-header__title {
  display: block;
  font-size: 1.4rem;
  text-transform: uppercase; }

.specsheet-header__quickspecs {
  color: #50524c; }
  .specsheet-header__quickspecs__name {
    width: 100px; }

.specsheet-header__certified-logo {
  max-height: 40px;
  margin-bottom: 1rem; }
  @media screen and (min-width: 40em) {
    .specsheet-header__certified-logo {
      float: right;
      max-height: 50px;
      margin-bottom: 0; } }

.specsheet-header__tools {
  list-style: none;
  display: flex;
  flex-direction: row;
  margin: 0 0 1rem 0; }
  @supports (display: flex) and (gap: 10px) {
    .specsheet-header__tools {
      gap: 0 0; } }
  @supports not ((display: flex) and (gap: 10px)) {
    .specsheet-header__tools > * {
      margin: 0 0; }
      .specsheet-header__tools > *:first-child {
        margin-left: 0; }
      .specsheet-header__tools > *:last-child {
        margin-right: 0; } }
  .specsheet-header__tools__item {
    position: relative;
    padding: 0 1rem;
    text-align: center; }
    .specsheet-header__tools__item::after {
      content: '';
      position: absolute;
      border-right: 1px #cfcfcf solid;
      right: 0;
      top: 10%;
      bottom: 10%; }
    .specsheet-header__tools__item:last-of-type::after {
      display: none; }
    .specsheet-header__tools__item__icon {
      display: block;
      color: #CF292C;
      font-weight: bold;
      font-size: 1.2em !important; }
    .specsheet-header__tools__item__title {
      display: block;
      color: #50524c;
      font-weight: 600;
      font-size: .9rem; }
  @media screen and (max-width: 39.99875em) {
    .specsheet-header__tools {
      justify-content: center; }
      .specsheet-header__tools__item:first-of-type {
        padding-left: 0; }
      .specsheet-header__tools__item::last-of-type {
        padding-right: 0; } }
  @media screen and (min-width: 64em) {
    .specsheet-header__tools__item {
      padding: 0 2rem; }
      .specsheet-header__tools__item__title {
        font-size: 1rem; } }

.specsheet-header__buy-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 1px #eee solid;
  border-radius: 6px;
  padding: 1rem;
  box-shadow: rgba(0, 0, 0, 0.08) 0rem 0.5rem 1.6875rem 0rem; }
  .specsheet-header__buy-box__title {
    display: block;
    font-weight: 600;
    font-size: 1.6rem;
    color: #CF292C;
    margin-bottom: 1rem; }
    .specsheet-header__buy-box__title > em {
      color: #cfcfcf;
      font-size: .75em;
      font-style: normal; }
  .specsheet-header__buy-box__details {
    color: #50524c;
    padding-bottom: 1rem;
    margin-bottom: 1rem; }
    .specsheet-header__buy-box__details::before, .specsheet-header__buy-box__details::after {
      display: table;
      content: ' ';
      flex-basis: 0;
      order: 1; }
    .specsheet-header__buy-box__details::after {
      clear: both; }
  .specsheet-header__buy-box .button--addtocart .button__text::before {
    font-family: "FontAwesome";
    content: "";
    display: inline-block;
    margin-right: .5rem; }
  .specsheet-header__buy-box .button--bid .button__text::before {
    font-family: "FontAwesome";
    content: "";
    display: inline-block;
    margin-right: .5rem; }

@media screen and (min-width: 40em) {
  .specsheet-header {
    display: flex;
    flex-direction: row; }
    @supports (display: flex) and (gap: 10px) {
      .specsheet-header {
        gap: 0 1rem; } }
    @supports not ((display: flex) and (gap: 10px)) {
      .specsheet-header > * {
        margin: 0 0.5rem; }
        .specsheet-header > *:first-child {
          margin-left: 0; }
        .specsheet-header > *:last-child {
          margin-right: 0; } } }

ul.inline-list {
  list-style: none;
  margin: 0 0 1rem 0; }
  ul.inline-list::before, ul.inline-list::after {
    display: table;
    content: ' ';
    flex-basis: 0;
    order: 1; }
  ul.inline-list::after {
    clear: both; }
  ul.inline-list > li {
    float: left;
    margin-right: 1rem; }
    ul.inline-list > li:last-of-type {
      margin-right: 0; }
  ul.inline-list--divided > li {
    padding-right: 1rem;
    border-right: 1px #cfcfcf solid; }
    ul.inline-list--divided > li:last-of-type {
      border-right: none;
      padding-right: 0; }

ul.list--bottom-margin > li {
  margin-bottom: 1rem; }

ul.list--checks {
  list-style: none;
  margin: 0 0 1rem 0; }
  ul.list--checks > li::before {
    font-family: "FontAwesome";
    content: "";
    display: inline-block;
    margin-right: .5rem; }
  ul.list--checks--primary ::before {
    color: #CF292C; }

ul.list--arrows {
  list-style: none;
  margin: 0 0 1rem 0; }
  ul.list--arrows > li::before {
    font-family: "FontAwesome";
    content: "";
    display: inline-block;
    margin-right: .5rem; }
  ul.list--arrows--primary ::before {
    color: #CF292C; }

dl::before, dl::after {
  display: table;
  content: ' ';
  flex-basis: 0;
  order: 1; }

dl::after {
  clear: both; }

dl > dt, dl > dd {
  margin-bottom: .15rem; }

dl > dt {
  float: left;
  clear: left;
  margin-right: 1rem;
  font-weight: 600; }

dl > dd {
  float: left; }

/*$unit-specs-alt-background: rgb(248, 249, 250) !default;*/
.unit-specs {
  list-style: none;
  margin: 0;
  font-size: .9rem;
  padding: 0;
  color: #50524c; }
  .unit-specs__item {
    display: flex;
    flex-direction: row; }
    .unit-specs__item:not(:last-of-type) {
      /*border-bottom: 1px #dee2e6 solid;*/ }
    .unit-specs__item__name, .unit-specs__item__value {
      padding: 0.5rem 1rem;
      margin: 0; }
    .unit-specs__item__name {
      width: 40%;
      font-weight: 600; }
    .unit-specs__item__value {
      width: 60%; }
  @media screen and (max-width: 39.99875em) {
    .unit-specs__item:nth-of-type(even) {
      background: whitesmoke; } }
  @media screen and (min-width: 40em) {
    .unit-specs {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap; }
      @supports (display: flex) and (gap: 10px) {
        .unit-specs {
          gap: 0 0; } }
      @supports not ((display: flex) and (gap: 10px)) {
        .unit-specs > * {
          margin: 0 0; }
          .unit-specs > *:first-child {
            margin-left: 0; }
          .unit-specs > *:last-child {
            margin-right: 0; } }
      .unit-specs__item {
        display: flex;
        flex-direction: column;
        flex-basis: 50%; }
        .unit-specs__item:nth-of-type(4n + 3), .unit-specs__item:nth-of-type(4n + 4) {
          background: whitesmoke; }
        .unit-specs__item__name {
          width: 100%; }
        .unit-specs__item__value {
          width: 100%; } }
  @media screen and (min-width: 40em) and (max-width: 63.99875em) {
    .unit-specs__item__value {
      padding-top: 0; } }
  @media screen and (min-width: 64em) {
    .unit-specs__item {
      display: flex;
      flex-direction: row; }
      .unit-specs__item__name {
        width: 40%; }
      .unit-specs__item__value {
        width: 60%; } }

.box {
  border: 1px #eee solid;
  padding: 1rem;
  background: #fffffe;
  margin-bottom: 1rem; }
  .box--transparent {
    background: transparent; }
  .box--nopadding {
    padding: 0; }
  .box--shadow {
    box-shadow: rgba(0, 0, 0, 0.08) 0rem 0.5rem 1.6875rem 0rem; }
  .box--rounded {
    border-radius: 6px; }
  .box--primary {
    border-color: #CF292C; }
  .box--green {
    border-color: darkgreen; }
  .box__title {
    display: block;
    font-weight: 600;
    padding: 0 0 .25rem 0;
    margin-bottom: 1rem;
    text-transform: uppercase;
    /*border-bottom: 1px $medium-gray solid;*/ }

.listings-cont .paging {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: .5rem;
  margin: 1rem 0; }
  .listings-cont .paging > .button {
    width: 50%; }

@media screen and (min-width: 40em) {
  .listings-cont .paging {
    justify-content: flex-end; }
    .listings-cont .paging > .button {
      width: auto; } }

.listing {
  margin: 0 0 1rem 0;
  border: 1px #eee solid;
  border-radius: 6px;
  box-shadow: rgba(0, 0, 0, 0.08) 0rem 0.5rem 1.6875rem 0rem;
  font-size: 0.85rem;
  background: #fffffe;
  overflow: hidden; }
  .listing__side-container {
    position: relative;
    width: 100%;
    z-index: 0;
    /*&__tools {
            margin: 0;
            padding: .25rem .5rem;
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            height: 60px;
            list-style: none;
            z-index: 1;


            a {
                font-size: 1.2rem;
                color: $light-gray;
                z-index: 1;
            }

            &::before {
                content: '';
                position: absolute;
                left: 0;
                top: 0;
                right: 0;
                height: 60px;
                z-index: -1;
                background-image: linear-gradient(180deg, rgba(0,0,0,.4), rgba(0,0,0,0));
                pointer-events: none;
            }
        }

        .heart, heart-o {
            pointer-events: all
        }*/ }
    .listing__side-container::before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      height: 60px;
      z-index: 1;
      background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.4), transparent);
      pointer-events: none; }
    .listing__side-container .listing__bookmark {
      position: absolute;
      padding: .25rem;
      left: 0;
      top: 0;
      list-style: none;
      z-index: 1;
      font-size: 1.2rem;
      color: #eee;
      z-index: 1; }
    .listing__side-container .heart::after {
      font-family: "FontAwesome";
      content: "";
      display: inline-block;
      margin-left: .5rem; }
    .listing__side-container .heart-o::after {
      font-family: "FontAwesome";
      content: "";
      display: inline-block;
      margin-left: .5rem; }
  .listing__details-container {
    padding: 0.5rem 1rem;
    flex-grow: 1; }
  .listing__thumb {
    display: block;
    width: 100%;
    max-height: 160px;
    object-fit: cover;
    /*border: 1px $medium-gray solid;
        border-top-left-radius: $global-radius;*/
    z-index: 0; }
  .listing__header {
    margin-bottom: .5rem;
    border-bottom: 1px #cfcfcf solid;
    font-size: 1.4em;
    font-weight: 600;
    text-transform: uppercase; }
  .listing__footer {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: .75rem 0; }
    @supports (display: flex) and (gap: 10px) {
      .listing__footer {
        gap: 1rem 0; } }
    @supports not ((display: flex) and (gap: 10px)) {
      .listing__footer > * {
        margin: 0.5rem 0; }
        .listing__footer > *:first-child {
          margin-top: 0; }
        .listing__footer > *:last-child {
          margin-bottom: 0; } }
    .listing__footer > * {
      margin-top: 0 !important;
      margin-bottom: 0 !important; }
    .listing__footer__meta {
      list-style: none;
      margin: 0;
      display: flex;
      flex-direction: row;
      /*font-style: italic;*/
      color: #50524c;
      /*font-size: .9em;*/ }
      @supports (display: flex) and (gap: 10px) {
        .listing__footer__meta {
          gap: 0 1rem; } }
      @supports not ((display: flex) and (gap: 10px)) {
        .listing__footer__meta > * {
          margin: 0 0.5rem; }
          .listing__footer__meta > *:first-child {
            margin-left: 0; }
          .listing__footer__meta > *:last-child {
            margin-right: 0; } }
      .listing__footer__meta__item {
        border-right: 1px #cfcfcf solid;
        padding-right: 1rem; }
        .listing__footer__meta__item:last-of-type {
          border-right: 0;
          margin-right: 0;
          padding-right: 0; }
    @media screen and (min-width: 40em) {
      .listing__footer {
        flex-direction: row; } }
  .listing__cta {
    padding: .35rem 0;
    font-weight: 600;
    width: 100%;
    white-space: nowrap; }
    .listing__cta.button {
      padding: .5rem 2rem; }
    @media screen and (min-width: 40em) {
      .listing__cta {
        width: 135px; }
        .listing__cta.button {
          padding: .35rem 0; } }
    .listing__cta--addtocart .button__text::before {
      font-family: "FontAwesome";
      content: "";
      display: inline-block;
      margin-right: .5rem; }
    .listing__cta--bid .button__text::before {
      font-family: "FontAwesome";
      content: "";
      display: inline-block;
      margin-right: .5rem; }
  .listing__title {
    font-size: inherit;
    color: inherit; }
    .listing__title a {
      color: inherit; }
  .listing__price {
    color: #CF292C; }
    .listing__price__prefix {
      color: #cfcfcf;
      font-size: .8em;
      font-style: normal;
      margin-right: .5rem; }
  .listing__currency {
    color: #cfcfcf;
    font-size: .7em;
    font-style: normal; }
  .listing__specs {
    padding: 0;
    margin: 0;
    border-bottom: 1px #cfcfcf solid; }
    .listing__specs__name {
      width: 50%;
      margin-right: 0; }
    .listing__specs__value {
      width: 50%; }
  .listing [data-cart].add {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 1rem 0;
    padding: 0.85em 1em;
    border: 1px solid transparent;
    border-radius: 6px;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
    font-family: inherit;
    font-size: 0.9rem;
    -webkit-appearance: none;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    background-color: #CF292C;
    color: #fffffe; }
    [data-whatinput='mouse'] .listing [data-cart].add {
      outline: 0; }
    .listing [data-cart].add:hover, .listing [data-cart].add:focus {
      background-color: #b4181f;
      color: #fffffe; }
  .listing__certified-logo {
    display: block;
    padding: .5rem .25rem;
    height: 45px;
    margin: 0 auto; }
    @media screen and (max-width: 39.99875em) {
      .listing__certified-logo {
        position: absolute;
        padding: 3px;
        right: 5px;
        bottom: 5px;
        height: 30px;
        background: #fffffe;
        pointer-events: none; } }
  .listing .mybid {
    /*padding: 0 .25rem;
        background: $blue;
        border-radius: $global-radius;
        color: $white;*/
    /*border-bottom: 1px $blue solid;*/
    font-weight: 600; }
    .listing .mybid::before {
      font-family: "FontAwesome";
      content: "";
      display: inline-block;
      margin-right: .5rem; }
  @media screen and (min-width: 40em) {
    .listing {
      display: flex;
      flex-direction: row; }
      @supports (display: flex) and (gap: 10px) {
        .listing {
          gap: 0 0; } }
      @supports not ((display: flex) and (gap: 10px)) {
        .listing > * {
          margin: 0 0; }
          .listing > *:first-child {
            margin-left: 0; }
          .listing > *:last-child {
            margin-right: 0; } }
      .listing__side-container {
        flex-shrink: 0;
        width: 235px;
        position: relative;
        z-index: 0; }
      .listing__header {
        display: flex;
        flex-direction: row;
        justify-content: space-between; }
        @supports (display: flex) and (gap: 10px) {
          .listing__header {
            gap: 0 1rem; } }
        @supports not ((display: flex) and (gap: 10px)) {
          .listing__header > * {
            margin: 0 0.5rem; }
            .listing__header > *:first-child {
              margin-left: 0; }
            .listing__header > *:last-child {
              margin-right: 0; } }
      .listing__specs {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        /*column-count: 2;
            column-gap: $global-margin;*/ }
        @supports (display: flex) and (gap: 10px) {
          .listing__specs {
            gap: 0 0; } }
        @supports not ((display: flex) and (gap: 10px)) {
          .listing__specs > * {
            margin: 0 0; }
            .listing__specs > *:first-child {
              margin-left: 0; }
            .listing__specs > *:last-child {
              margin-right: 0; } }
        .listing__specs__name {
          width: 30%;
          margin-right: 0; }
        .listing__specs__value {
          width: 20%; } }

.results-bar {
  display: flex;
  flex-direction: row;
  /*justify-content: space-between;*/
  /*align-items: center;*/
  list-style: none;
  margin: 0 0 1rem 0;
  background-color: #50524c;
  border-radius: 6px;
  height: 50px;
  overflow: hidden; }
  @supports (display: flex) and (gap: 10px) {
    .results-bar {
      gap: 0 0; } }
  @supports not ((display: flex) and (gap: 10px)) {
    .results-bar > * {
      margin: 0 0; }
      .results-bar > *:first-child {
        margin-left: 0; }
      .results-bar > *:last-child {
        margin-right: 0; } }
  .results-bar__item {
    display: flex;
    align-items: center;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    color: #fffffe; }
  .results-bar__title {
    background: #3b3d38;
    /*font-weight: 600;*/
    display: none;
    justify-content: center; }
    @media screen and (min-width: 40em) {
      .results-bar__title {
        display: flex;
        width: 25%; } }
    @media screen and (min-width: 75em) {
      .results-bar__title {
        width: 25%; } }
  .results-bar__content {
    flex-grow: 1; }
  .results-bar .button {
    border-color: #fffffe;
    color: #fffffe;
    border-radius: 4px; }
    .results-bar .button:hover {
      color: #50524c; }
  .results-bar .dropdown-pane {
    color: initial; }
    .results-bar .dropdown-pane ul > li {
      margin-bottom: .25rem; }
    .results-bar .dropdown-pane a {
      color: #131313; }
      .results-bar .dropdown-pane a .fa {
        color: #CF292C; }
  @media screen and (min-width: 40em) {
    .results-bar__count {
      padding-left: 2rem;
      padding-right: 2rem; } }

.image-gallery {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center; }
  @supports (display: flex) and (gap: 10px) {
    .image-gallery {
      gap: 0 0.5rem; } }
  @supports not ((display: flex) and (gap: 10px)) {
    .image-gallery > * {
      margin: 0 0.25rem; }
      .image-gallery > *:first-child {
        margin-left: 0; }
      .image-gallery > *:last-child {
        margin-right: 0; } }
  .image-gallery__item {
    display: block;
    flex-grow: 1;
    flex-shrink: 1; }
    .image-gallery__item img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      cursor: pointer; }
  @media screen and (min-width: 40em) {
    .image-gallery__item {
      width: calc(33% - .5rem);
      height: 210px; } }
  @media screen and (min-width: 64em) {
    .image-gallery__item {
      width: calc(25% - .5rem);
      height: 300px; } }

@media screen and (max-width: 39.99875em) {
  .side-search-cont {
    position: absolute;
    left: 0;
    top: 0;
    background: #fefefe;
    z-index: 9999;
    width: 100vw;
    min-height: calc(100vh + 100px);
    transform: translateX(-100vh); }
    .side-search-cont.active {
      transform: translateX(0);
      transition: transform 250ms ease-in-out; }
      .side-search-cont.active + .listings-cont {
        display: none; } }

.side-search {
  /*.tabs {
        list-style: none;
        margin: 0 0 $global-margin 0;
        @include flex($direction: row, $gap: 0);

        &__item {
            width: 50%;
            flex-grow: 1;
            border: 1px $primary-color solid;
            color: $primary-color;
            background-color: inherit;
            transition: background-color 100ms ease-in-out;


            &:first-of-type {
                border-top-left-radius: $global-radius;
                border-bottom-left-radius: $global-radius;
            }

            &:last-of-type {
                border-top-right-radius: $global-radius;
                border-bottom-right-radius: $global-radius;
            }

            &.active {
                background-color: $primary-color;
                color: $white;
            }

            > a {
                display: block;
                padding: .25rem 0;
                text-align: center;
                color: inherit;
            }
        }
    }*/ }
  .side-search .advanced {
    /*display: none;*/
    overflow: hidden;
    height: 0 !important;
    opacity: 0;
    transition: height 0ms 400ms, opacity 600ms 0ms; }
  .side-search__title {
    display: block;
    margin-bottom: 1rem;
    font-weight: bold;
    text-transform: uppercase;
    /*border-bottom: 4px $primary-color solid;*/ }
  .side-search label:not(.fancy-check) {
    font-weight: 600;
    margin-bottom: .25rem; }
  .side-search .tabs {
    list-style: none;
    display: flex;
    flex-direction: row;
    margin: 0 0 1rem 0;
    /*justify-content: flex-start;*/ }
    @supports (display: flex) and (gap: 10px) {
      .side-search .tabs {
        gap: 0 2rem; } }
    @supports not ((display: flex) and (gap: 10px)) {
      .side-search .tabs > * {
        margin: 0 1rem; }
        .side-search .tabs > *:first-child {
          margin-left: 0; }
        .side-search .tabs > *:last-child {
          margin-right: 0; } }
    .side-search .tabs > li {
      /*width: calc(50% - 1rem);*/
      text-transform: uppercase;
      font-weight: 600; }
      .side-search .tabs > li:not(:last-of-type) {
        position: relative;
        /*padding-right: 1rem;
                border-right: 1px $medium-gray solid;*/ }
        .side-search .tabs > li:not(:last-of-type)::after {
          content: '';
          position: absolute;
          right: -1rem;
          top: 20%;
          bottom: 20%;
          border-right: 1px #bbb solid; }
      .side-search .tabs > li > a {
        color: #50524c; }
        .side-search .tabs > li > a::after {
          content: '';
          display: block;
          margin: auto;
          height: 4px;
          width: 0px;
          background: transparent;
          transition: all .5s ease; }
      .side-search .tabs > li.active > a::before {
        font-family: "FontAwesome";
        content: "";
        display: inline-block;
        margin-right: .5rem; }
      .side-search .tabs > li.active > a::before {
        color: #CF292C; }
      .side-search .tabs > li.active > a::after {
        width: 100% !important;
        background: #CF292C;
        border-radius: 2px; }
  .side-search.advanced .advanced {
    /*display: block;*/
    height: auto !important;
    opacity: 1; }

@media screen and (min-width: 40em) {
  .detailed-search {
    /*width: 32rem;*/ } }

@media screen and (min-width: 64em) {
  .detailed-search {
    /*width: 32rem;*/ } }

.detailed-search ul.countries {
  list-style: none;
  display: flex;
  flex-direction: row;
  margin: 1rem 0 2rem 0; }
  @supports (display: flex) and (gap: 10px) {
    .detailed-search ul.countries {
      gap: 0 2rem; } }
  @supports not ((display: flex) and (gap: 10px)) {
    .detailed-search ul.countries > * {
      margin: 0 1rem; }
      .detailed-search ul.countries > *:first-child {
        margin-left: 0; }
      .detailed-search ul.countries > *:last-child {
        margin-right: 0; } }
  @media screen and (max-width: 39.99875em) {
    .detailed-search ul.countries {
      justify-content: center; } }
  .detailed-search ul.countries > li {
    text-transform: uppercase;
    font-size: 1.2rem;
    font-weight: 600; }
    .detailed-search ul.countries > li:not(:last-of-type) {
      position: relative;
      /*padding-right: 1rem;
                border-right: 1px $medium-gray solid;*/ }
      .detailed-search ul.countries > li:not(:last-of-type)::after {
        content: '';
        position: absolute;
        right: -1rem;
        top: 20%;
        bottom: 20%;
        border-right: 1px #bbb solid; }
    .detailed-search ul.countries > li > a {
      color: #50524c; }
      .detailed-search ul.countries > li > a::after {
        content: '';
        display: block;
        margin: auto;
        height: 4px;
        width: 0px;
        background: transparent;
        transition: all .5s ease; }
    .detailed-search ul.countries > li.active > a::before {
      font-family: "FontAwesome";
      content: "";
      display: inline-block;
      margin-right: .5rem; }
    .detailed-search ul.countries > li.active > a::before {
      color: #CF292C; }
    .detailed-search ul.countries > li.active > a::after {
      width: 100% !important;
      background: #CF292C;
      border-radius: 2px; }

.results-header {
  margin-bottom: 1rem; }
  .results-header__message {
    font-size: 1.2rem;
    font-weight: 600; }

/* Customize the label (the container) */
.fancy-check {
  display: block;
  position: relative;
  padding-left: 1.75rem;
  margin-bottom: 1rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Hide the browser's default checkbox */
  /* Create a custom checkbox */
  /* Create the checkmark/indicator (hidden when not checked) */
  /* Show the checkmark when checked */
  /* Style the checkmark/indicator */ }
  .fancy-check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0; }
  .fancy-check .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 1.25rem;
    width: 1.25rem;
    background-color: #fffffe;
    border: 1px #CF292C solid;
    border-radius: 6px; }
  .fancy-check .radio {
    position: absolute;
    top: 0;
    left: 0;
    height: 1.25rem;
    width: 1.25rem;
    background-color: #fffffe;
    border: 1px #CF292C solid;
    border-radius: 50%; }
  .fancy-check--simple {
    padding-left: 0; }
  .fancy-check--small .checkmark, .fancy-check--small .radio {
    width: 1rem;
    height: 1rem; }
  .fancy-check--small .checkmark {
    border-radius: 3px; }
  .fancy-check:hover {
    /* On mouse-over, add a grey background color */ }
  .fancy-check .checkmark:after,
  .fancy-check .radio:after {
    content: '';
    position: absolute;
    display: none; }
  .fancy-check input:checked ~ .checkmark:after,
  .fancy-check input:checked ~ .radio:after {
    display: block; }
  .fancy-check .checkmark:after {
    left: calc(50% - 2px);
    top: calc(50% - 5px);
    width: 5px;
    height: 10px;
    border: solid #CF292C;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  .fancy-check .radio:after {
    top: calc(50% - 6px);
    left: calc(50% - 6px);
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #CF292C; }

.radio {
  position: relative;
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
  background-color: #fffffe;
  border: 1px #CF292C solid;
  border-radius: 50%; }
  .radio:after {
    content: '';
    position: absolute;
    display: none;
    top: calc(50% - 6px);
    left: calc(50% - 6px);
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #CF292C; }
  .radio--checked:after {
    display: block; }

.raised-form {
  display: flex;
  flex-direction: column;
  padding: 0;
  width: 100%;
  background: #fffffe; }
  @supports (display: flex) and (gap: 10px) {
    .raised-form {
      gap: 1rem 0; } }
  @supports not ((display: flex) and (gap: 10px)) {
    .raised-form > * {
      margin: 0.5rem 0; }
      .raised-form > *:first-child {
        margin-top: 0; }
      .raised-form > *:last-child {
        margin-bottom: 0; } }
  .raised-form__header {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 150px;
    background: transparent url(/Content/images/volvo-modal-header.jpg) no-repeat center center;
    background-size: cover;
    z-index: 0; }
    .raised-form__header .logo {
      width: auto;
      height: 50%; }
    .raised-form__header::after {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      background-color: rgba(128, 0, 0, 0.3);
      z-index: -1; }
  .raised-form__body {
    padding: 0 1rem 1rem 1rem; }
  .raised-form__footer {
    padding: 0 1rem 1rem 1rem;
    text-align: center; }
  .raised-form__title {
    text-align: center;
    text-transform: uppercase; }
  .raised-form__notice {
    font-style: italic;
    font-size: .9em; }
  .raised-form__form {
    display: flex;
    flex-direction: column; }
    @supports (display: flex) and (gap: 10px) {
      .raised-form__form {
        gap: 1rem 0; } }
    @supports not ((display: flex) and (gap: 10px)) {
      .raised-form__form > * {
        margin: 0.5rem 0; }
        .raised-form__form > *:first-child {
          margin-top: 0; }
        .raised-form__form > *:last-child {
          margin-bottom: 0; } }
  .raised-form__errors {
    margin-bottom: 1rem;
    padding: .5rem;
    border: 1px #d41c24 solid;
    color: #d41c24;
    border-radius: 4px;
    background-color: white; }

@media screen and (min-width: 40em) {
  .raised-form {
    border-radius: 10px;
    overflow: hidden;
    width: 75%;
    box-shadow: rgba(0, 0, 0, 0.08) 0rem 0.5rem 1.6875rem 0rem; }
    .raised-form--deeper {
      box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.4); }
    .raised-form__header {
      height: 200px; }
    .raised-form__form {
      display: flex;
      flex-direction: row; }
      @supports (display: flex) and (gap: 10px) {
        .raised-form__form {
          gap: 0 1rem; } }
      @supports not ((display: flex) and (gap: 10px)) {
        .raised-form__form > * {
          margin: 0 0.5rem; }
          .raised-form__form > *:first-child {
            margin-left: 0; }
          .raised-form__form > *:last-child {
            margin-right: 0; } }
      .raised-form__form > * {
        width: 50%; }
        .raised-form__form > *:first-of-type {
          padding-right: 1rem;
          border-right: 2px #eee solid; } }

@media screen and (min-width: 64em) {
  .raised-form {
    width: 56em; } }

.cart__list {
  list-style: none;
  margin: 0 0 1rem 0; }
  .cart__list__item {
    padding: .5rem 0;
    border: 1px #cfcfcf solid;
    margin-bottom: 1rem; }
    .cart__list__item__title {
      font-weight: 600;
      color: inherit; }
    .cart__list__item__price {
      color: #CF292C;
      font-weight: 600; }
    .cart__list__item__remove {
      font-weight: 600; }

.board {
  /*&__inbox-snapshot {

        &__icon {
            font-size: 2.2rem !important;
            color: #888
        }

        &__count {
            font-weight: bold;
        }
    }*/ }
  @media screen and (max-width: 39.99875em) {
    .board__sidebar {
      position: absolute;
      left: 0;
      top: 0;
      background: #fefefe;
      z-index: 9999;
      width: 100vw;
      min-height: calc(100vh + 100px);
      transform: translateX(-100vh);
      transition: transform 250ms ease-in-out; }
      .board__sidebar.active {
        transform: translateX(0); }
        .board__sidebar.active + .board__posts {
          display: none; } }
  .board__posts__item {
    padding: 1rem;
    margin: 0 0 1rem 0;
    background: #fffffe;
    border: 1px #eee solid;
    /*box-shadow: 2px 2px 6px 0 rgba(0,0,0,.1);*/
    border-radius: 6px;
    /*&__meta {
                list-style: none;
                @include flex($direction: row, $gap: 0);
                margin: 0;
                color: #888;
                font-size: .9em;

                &__item {
                    margin-right: $global-margin;
                    padding-right: $global-margin;
                    position: relative;

                    &::after {
                        content: '';
                        position: absolute;
                        right: 0;
                        top: 15%;
                        bottom: 15%;
                        border-left: 1px $medium-gray solid;
                    }

                    &:last-of-type {
                        margin-right: 0;
                        padding-right: 0;

                        &::after {
                            display: none;
                        }
                    }
                }
            }*/ }
    .board__posts__item__header {
      width: 100%; }
    .board__posts__item__content {
      display: flex;
      flex-direction: column; }
      @supports (display: flex) and (gap: 10px) {
        .board__posts__item__content {
          gap: 1rem 0; } }
      @supports not ((display: flex) and (gap: 10px)) {
        .board__posts__item__content > * {
          margin: 0.5rem 0; }
          .board__posts__item__content > *:first-child {
            margin-top: 0; }
          .board__posts__item__content > *:last-child {
            margin-bottom: 0; } }
    .board__posts__item__title {
      display: block;
      text-transform: uppercase;
      font-weight: 600;
      font-size: 1.2rem;
      color: inherit;
      margin-bottom: 1rem; }
    .board__posts__item__date {
      font-size: .9em;
      margin-bottom: .5rem; }
    .board__posts__item__description {
      /*color: #888;*/ }
      .board__posts__item__description .more {
        display: block;
        padding: .25rem 0;
        background-color: #eee;
        text-align: center;
        transition: background-color 250ms ease-in-out; }
        .board__posts__item__description .more::after {
          font-family: "FontAwesome";
          content: "";
          display: inline-block;
          margin-left: .5rem; }
        .board__posts__item__description .more:hover {
          background-color: #cfcfcf; }
      .board__posts__item__description.truncated > p {
        position: relative;
        z-index: 0; }
        .board__posts__item__description.truncated > p::after {
          content: '';
          position: absolute;
          left: 0;
          top: 0;
          right: 0;
          bottom: 0;
          z-index: 1;
          background: transparent;
          background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 80%, white 100%); }
      .board__posts__item__description.truncated .overflow-text {
        display: none;
        overflow: hidden; }
      .board__posts__item__description.truncated .more::after {
        font-family: "FontAwesome";
        content: "";
        display: inline-block;
        margin-left: .5rem; }
    .board__posts__item__images {
      list-style: none;
      margin: 0;
      display: flex;
      flex-direction: row; }
      @supports (display: flex) and (gap: 10px) {
        .board__posts__item__images {
          gap: 0 0.25rem; } }
      @supports not ((display: flex) and (gap: 10px)) {
        .board__posts__item__images > * {
          margin: 0 0.125rem; }
          .board__posts__item__images > *:first-child {
            margin-left: 0; }
          .board__posts__item__images > *:last-child {
            margin-right: 0; } }
      .board__posts__item__images img {
        height: 60px; }
    .board__posts__item__extra {
      padding-top: 1rem;
      border-top: 1px #cfcfcf solid; }
    .board__posts__item__meta {
      list-style: none;
      margin: 0;
      color: #666;
      font-size: .9em; }
      .board__posts__item__meta__item {
        position: relative;
        margin-bottom: .5rem; }
  .board__category__list {
    list-style: none;
    margin: 0 0 1rem 0; }
    .board__category__list__item {
      display: block;
      padding: .25rem 0;
      border-bottom: 1px #eee solid;
      font-weight: 600; }
      .board__category__list__item > a {
        display: block;
        /*color: $dark-gray;*/ }
      .board__category__list__item .badge {
        border-radius: 3px;
        color: #fffffe;
        background-color: #50524c;
        float: right;
        padding: 0 .25rem;
        font-size: .9em;
        font-weight: normal; }
      .board__category__list__item:last-of-type {
        border-bottom: 0; }
  .board .filter__group {
    border-bottom: 1px #cfcfcf solid;
    margin-bottom: 1rem; }
    .board .filter__group:last-of-type {
      border-bottom: none;
      margin-bottom: 0; }
    .board .filter__group__title {
      text-transform: uppercase;
      font-weight: 600;
      margin-bottom: .5rem; }
    .board .filter__group__items {
      margin-left: .5rem; }
  @media screen and (min-width: 40em) {
    .board {
      display: flex;
      flex-direction: row; }
      @supports (display: flex) and (gap: 10px) {
        .board {
          gap: 0 1rem; } }
      @supports not ((display: flex) and (gap: 10px)) {
        .board > * {
          margin: 0 0.5rem; }
          .board > *:first-child {
            margin-left: 0; }
          .board > *:last-child {
            margin-right: 0; } }
      .board__sidebar {
        display: flex;
        flex-direction: column;
        width: 25%;
        min-width: 300px; }
        @supports (display: flex) and (gap: 10px) {
          .board__sidebar {
            gap: 1rem 0; } }
        @supports not ((display: flex) and (gap: 10px)) {
          .board__sidebar > * {
            margin: 0.5rem 0; }
            .board__sidebar > *:first-child {
              margin-top: 0; }
            .board__sidebar > *:last-child {
              margin-bottom: 0; } }
      .board__posts {
        flex-grow: 1; }
        .board__posts__item {
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          flex-wrap: nowrap; }
          @supports (display: flex) and (gap: 10px) {
            .board__posts__item {
              gap: 0 1rem; } }
          @supports not ((display: flex) and (gap: 10px)) {
            .board__posts__item > * {
              margin: 0 0.5rem; }
              .board__posts__item > *:first-child {
                margin-left: 0; }
              .board__posts__item > *:last-child {
                margin-right: 0; } }
          .board__posts__item__content {
            justify-content: space-between;
            width: 65%; }
          .board__posts__item__extra {
            width: 35%;
            border-top: 0;
            border-left: 1px #cfcfcf solid;
            padding-left: 1rem; }
          .board__posts__item__footer {
            display: none;
            width: 100%; } }
  @media screen and (min-width: 64em) {
    .board__posts__item__content {
      width: 70%; }
    .board__posts__item__extra {
      flex-shrink: 0; }
    .board__posts__item__meta__item {
      white-space: nowrap; } }

.table {
  width: 100%;
  border-collapse: collapse; }
  .table th {
    text-align: left; }
    .table th.text-right {
      text-align: right; }
    .table th.text-center {
      text-align: center; }
    .table th > a {
      color: inherit; }
  .table th, .table td {
    padding: .5rem .5rem .5rem 0; }
    .table th:first-of-type, .table td:first-of-type {
      padding-left: 0; }
  .table--hover tbody > tr:hover {
    background: whitesmoke; }
  .table--formatted {
    font-size: .9rem; }
    .table--formatted thead {
      border-bottom: 1px #cfcfcf solid; }
      .table--formatted thead th {
        color: #50524c;
        font-weight: 600;
        text-transform: uppercase; }
    .table--formatted tr {
      border-bottom: 1px #eee solid; }

.tag {
  position: relative;
  color: #fffffe;
  background: #50524c;
  padding: .25em .5rem;
  font-size: .75rem;
  z-index: 0;
  border-radius: 3px;
  white-space: nowrap; }
  .tag--muted::after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.25);
    z-index: 0; }
  .tag--rounded {
    border-radius: 12px; }
  .tag--has-addon {
    display: inline-flex;
    padding: 0;
    overflow: hidden; }
  .tag__text {
    flex-grow: 1;
    padding: .25em .5rem;
    z-index: 0; }
  .tag__addon {
    display: block;
    flex-shrink: 1;
    padding: .25em .5rem;
    z-index: 0; }
  .tag--primary {
    background: #CF292C;
    color: #fffffe; }
    .tag--primary .tag__addon {
      background: #a42123; }
  .tag--secondary {
    background: #222;
    color: #fffffe; }
    .tag--secondary .tag__addon {
      background: #090909; }
  .tag--light-gray {
    background: #eee;
    color: #50524c; }
    .tag--light-gray .tag__addon {
      background: #d5d5d5; }
  .tag--gray {
    background: #cfcfcf;
    color: #fffffe; }
    .tag--gray .tag__addon {
      background: #b6b6b6; }
  .tag--dark-gray {
    background: #50524c;
    color: #fffffe; }
    .tag--dark-gray .tag__addon {
      background: #363833; }
  .tag--blue {
    background: #0d47a1;
    color: #fffffe; }
    .tag--blue .tag__addon {
      background: #093272; }
  .tag--yellow {
    background: orange;
    color: #fffffe; }
    .tag--yellow .tag__addon {
      background: #cc8400; }
  .tag--red {
    background: darkred;
    color: #fffffe; }
    .tag--red .tag__addon {
      background: #580000; }
  .tag--green {
    background: darkgreen;
    color: #fffffe; }
    .tag--green .tag__addon {
      background: #003100; }

.label--divider, label--divider {
  font-weight: 600;
  border-bottom: 1px #eee solid;
  margin-bottom: 1rem; }

.label.form-label, label.form-label {
  font-weight: 500; }

.breadcrumbs {
  display: none;
  list-style: none;
  margin: 0 0 1rem 0;
  font-size: .8rem; }
  @media screen and (min-width: 40em) {
    .breadcrumbs {
      display: flex;
      flex-direction: row;
      font-size: .9rem; }
      @supports (display: flex) and (gap: 10px) {
        .breadcrumbs {
          gap: 0 0; } }
      @supports not ((display: flex) and (gap: 10px)) {
        .breadcrumbs > * {
          margin: 0 0; }
          .breadcrumbs > *:first-child {
            margin-left: 0; }
          .breadcrumbs > *:last-child {
            margin-right: 0; } } }
  .breadcrumbs__item {
    color: #50524c; }
    .breadcrumbs__item::after {
      display: inline;
      padding: 0 .5rem;
      font-size: .8em;
      color: #cfcfcf;
      content: '>'; }
    .breadcrumbs__item:last-of-type::after {
      display: none; }
    @media screen and (max-width: 39.99875em) {
      .breadcrumbs__item:nth-of-type(4) {
        display: inline; } }

hr, .hr {
  border-bottom: 1px solid #cfcfcf; }

.form--inline {
  display: flex;
  flex-direction: row; }
  @supports (display: flex) and (gap: 10px) {
    .form--inline {
      gap: 0 1rem; } }
  @supports not ((display: flex) and (gap: 10px)) {
    .form--inline > * {
      margin: 0 0.5rem; }
      .form--inline > *:first-child {
        margin-left: 0; }
      .form--inline > *:last-child {
        margin-right: 0; } }

/* Customize the label (the container) */
.radio-tabs {
  list-style: none;
  margin: 0 0 1rem 0;
  display: flex;
  flex-direction: row;
  /* Hide the browser's default checkbox */
  /* Show the checkmark when checked */ }
  @supports (display: flex) and (gap: 10px) {
    .radio-tabs {
      gap: 0 0; } }
  @supports not ((display: flex) and (gap: 10px)) {
    .radio-tabs > * {
      margin: 0 0; }
      .radio-tabs > *:first-child {
        margin-left: 0; }
      .radio-tabs > *:last-child {
        margin-right: 0; } }
  .radio-tabs__item {
    width: 50%;
    flex-grow: 1;
    border: 1px #CF292C solid;
    color: #CF292C;
    text-align: center; }
    .radio-tabs__item:first-of-type {
      border-top-left-radius: 6px;
      border-bottom-left-radius: 6px; }
    .radio-tabs__item:last-of-type {
      border-top-right-radius: 6px;
      border-bottom-right-radius: 6px; }
    .radio-tabs__item.active {
      background-color: #CF292C;
      color: #fffffe; }
    .radio-tabs__item > a {
      display: block;
      padding: .25rem 0;
      text-align: center;
      color: inherit; }
  .radio-tabs input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0; }
  .radio-tabs:hover {
    /* On mouse-over, add a grey background color */ }
  .radio-tabs input:checked::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #000; }
  .radio-tabs input:checked ~ .checkmark:after,
  .radio-tabs input:checked ~ .radio:after {
    display: block; }

.dropdown-pane {
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.1); }

.reveal__header {
  position: relative;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  /*border-bottom: 1px $light-gray solid;*/ }
  .reveal__header__image {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px; }
    .reveal__header__image__caption {
      position: absolute;
      padding: .25rem .5rem;
      bottom: .25rem;
      left: .25rem;
      background: red;
      background: #fffffe;
      color: #50524c;
      font-weight: 700;
      font-size: .9em;
      border: 1px #eee solid;
      box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5); }

.reveal__title {
  font-weight: 600;
  font-size: 1.1em;
  margin-bottom: 1rem; }

.reveal__footer {
  padding-top: 1rem;
  margin-top: 1rem;
  border-top: 1px #eee solid; }
  .reveal__footer--right {
    text-align: right; }

@media screen and (min-width: 64em) {
  .reveal {
    width: 800px;
    max-width: 75rem; } }

.dashboard .sidebar-toggle {
  display: inline-block;
  padding: 1rem; }

.dashboard__sidebar {
  position: relative; }
  .dashboard__sidebar .sidebar-close {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    padding: 1rem;
    color: #50524c;
    font-size: 1.2rem; }
  @media screen and (max-width: 39.99875em) {
    .dashboard__sidebar {
      position: absolute;
      z-index: 10;
      top: 110px;
      width: calc(100% - 2rem);
      margin-left: -100vw;
      transition: margin-left 250ms ease-in-out; }
      .dashboard__sidebar--active {
        margin-left: 1rem; } }
  .dashboard__sidebar__menu {
    list-style: none;
    margin: 0; }
    .dashboard__sidebar__menu__item {
      margin: 1rem 0; }
      .dashboard__sidebar__menu__item > a {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        color: #50524c; }
        @supports (display: flex) and (gap: 10px) {
          .dashboard__sidebar__menu__item > a {
            gap: 0 1rem; } }
        @supports not ((display: flex) and (gap: 10px)) {
          .dashboard__sidebar__menu__item > a > * {
            margin: 0 0.5rem; }
            .dashboard__sidebar__menu__item > a > *:first-child {
              margin-left: 0; }
            .dashboard__sidebar__menu__item > a > *:last-child {
              margin-right: 0; } }
      .dashboard__sidebar__menu__item__icon {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 32px;
        height: 32px;
        border-radius: 10px;
        background: #eee;
        color: #50524c;
        transition: background 100ms ease-in-out; }
      .dashboard__sidebar__menu__item__title {
        flex: auto;
        font-weight: 600;
        font-size: .9rem; }
      .dashboard__sidebar__menu__item.active .dashboard__sidebar__menu__item__icon {
        background: #CF292C;
        color: #fffffe; }
      .dashboard__sidebar__menu__item.active .dashboard__sidebar__menu__item__title {
        color: #CF292C; }
      .dashboard__sidebar__menu__item:not(.active):hover > a .dashboard__sidebar__menu__item__icon {
        background: gainsboro;
        /*color: $white;*/ }
      .dashboard__sidebar__menu__item .badge {
        padding: 0 .35rem;
        background: rgba(0, 100, 0, 0.8);
        color: #fffffe;
        border-radius: 4px;
        font-size: .9em; }

@media print, screen and (min-width: 40em) {
  .dashboard {
    display: flex;
    flex-direction: row;
    padding: 1rem;
    min-height: 600px; }
    @supports (display: flex) and (gap: 10px) {
      .dashboard {
        gap: 0 1rem; } }
    @supports not ((display: flex) and (gap: 10px)) {
      .dashboard > * {
        margin: 0 0.5rem; }
        .dashboard > *:first-child {
          margin-left: 0; }
        .dashboard > *:last-child {
          margin-right: 0; } }
    .dashboard .sidebar-toggle {
      display: none; }
    .dashboard__sidebar {
      position: fixed;
      flex: 0 0 16rem; }
      .dashboard__sidebar .sidebar-close {
        display: none; }
    .dashboard__content {
      padding-left: 17rem;
      flex-grow: 1; } }

@media print, screen and (min-width: 64em) {
  .dashboard__sidebar {
    width: 16rem; }
  .dashboard__content {
    padding-left: 17rem; } }

.dashboard-widget__container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  list-style: none;
  margin: 0; }
  @supports (display: flex) and (gap: 10px) {
    .dashboard-widget__container {
      gap: 0 1rem; } }
  @supports not ((display: flex) and (gap: 10px)) {
    .dashboard-widget__container > * {
      margin: 0 0.5rem; }
      .dashboard-widget__container > *:first-child {
        margin-left: 0; }
      .dashboard-widget__container > *:last-child {
        margin-right: 0; } }
  .dashboard-widget__container > .dashboard-widget {
    display: flex;
    flex-direction: column; }
    @supports (display: flex) and (gap: 10px) {
      .dashboard-widget__container > .dashboard-widget {
        gap: 0 0; } }
    @supports not ((display: flex) and (gap: 10px)) {
      .dashboard-widget__container > .dashboard-widget > * {
        margin: 0 0; }
        .dashboard-widget__container > .dashboard-widget > *:first-child {
          margin-top: 0; }
        .dashboard-widget__container > .dashboard-widget > *:last-child {
          margin-bottom: 0; } }
    .dashboard-widget__container > .dashboard-widget .dashboard-widget__content {
      flex-grow: 1; }

.dashboard-widget {
  border: 1px #eee solid;
  padding: 1rem;
  background: #fffffe;
  margin-bottom: 1rem;
  /*box-shadow: $box-box-shadow;*/
  box-shadow: rgba(0, 0, 0, 0.13) 0px 1.6px 3.6px 0px, rgba(0, 0, 0, 0.11) 0px 0.3px 0.9px 0px;
  border-radius: 6px; }
  .dashboard-widget__header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: 1px #eee solid;
    margin: 0 0 1rem 0; }
    @supports (display: flex) and (gap: 10px) {
      .dashboard-widget__header {
        gap: 0 1rem; } }
    @supports not ((display: flex) and (gap: 10px)) {
      .dashboard-widget__header > * {
        margin: 0 0.5rem; }
        .dashboard-widget__header > *:first-child {
          margin-left: 0; }
        .dashboard-widget__header > *:last-child {
          margin-right: 0; } }
  .dashboard-widget__footer-cta {
    display: block;
    padding: .5rem;
    margin-left: -1rem;
    margin-right: -1rem;
    margin-bottom: -1rem;
    background: whitesmoke;
    font-weight: 600;
    text-align: center; }
  .dashboard-widget__title {
    display: block;
    color: #50524c;
    margin-bottom: 1rem;
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase; }
  .dashboard-widget-tab {
    color: #666;
    text-transform: uppercase;
    font-size: .8rem;
    font-weight: 600;
    position: relative; }
    .dashboard-widget-tab::after {
      content: '';
      display: block;
      margin: auto;
      height: 4px;
      width: 0px;
      background: transparent;
      transition: all .5s ease; }
    .dashboard-widget-tab.active::after {
      width: 100% !important;
      background: #CF292C;
      border-radius: 2px; }
  .dashboard-widget--icon {
    display: flex;
    flex-direction: row; }
    @supports (display: flex) and (gap: 10px) {
      .dashboard-widget--icon {
        gap: 0 2rem; } }
    @supports not ((display: flex) and (gap: 10px)) {
      .dashboard-widget--icon > * {
        margin: 0 1rem; }
        .dashboard-widget--icon > *:first-child {
          margin-left: 0; }
        .dashboard-widget--icon > *:last-child {
          margin-right: 0; } }
    .dashboard-widget--icon .dashboard-widget__icon {
      display: flex;
      align-items: center;
      padding: .75rem;
      color: #CF292C;
      font-size: 2rem;
      background: #fae4e4;
      border-radius: 6px; }
  .dashboard-widget--horz {
    display: flex;
    flex-direction: row; }
    @supports (display: flex) and (gap: 10px) {
      .dashboard-widget--horz {
        gap: 0 1rem; } }
    @supports not ((display: flex) and (gap: 10px)) {
      .dashboard-widget--horz > * {
        margin: 0 0.5rem; }
        .dashboard-widget--horz > *:first-child {
          margin-left: 0; }
        .dashboard-widget--horz > *:last-child {
          margin-right: 0; } }
  .dashboard-widget--counter .dashboard-widget__value {
    font-weight: 600;
    font-size: 2rem; }
  @media screen and (min-width: 40em) {
    .dashboard-widget {
      min-width: 200px; } }

.auction-card {
  border: 1px #eee solid;
  padding: 1rem;
  background: #fffffe;
  margin-bottom: 1rem;
  /*box-shadow: $box-box-shadow;*/
  box-shadow: rgba(0, 0, 0, 0.13) 0px 1.6px 3.6px 0px, rgba(0, 0, 0, 0.11) 0px 0.3px 0.9px 0px;
  border-radius: 6px;
  padding: 0;
  overflow: hidden;
  opacity: .65;
  transition: opacity 350ms ease-in-out; }
  .auction-card.active {
    opacity: 1; }
  .auction-card:not(.active):hover {
    opacity: 1; }
  .auction-card--add {
    opacity: 1;
    border: 1px #fffffe solid;
    transition: border 250ms ease-in-out; }
    .auction-card--add .auction-card__body {
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      @supports (display: flex) and (gap: 10px) {
        .auction-card--add .auction-card__body {
          gap: 1rem 0; } }
      @supports not ((display: flex) and (gap: 10px)) {
        .auction-card--add .auction-card__body > * {
          margin: 0.5rem 0; }
          .auction-card--add .auction-card__body > *:first-child {
            margin-top: 0; }
          .auction-card--add .auction-card__body > *:last-child {
            margin-bottom: 0; } }
      .auction-card--add .auction-card__body .fa {
        font-size: 2rem; }
    .auction-card--add:hover {
      border: 1px #CF292C solid; }
  .auction-card__header, .auction-card__body, .auction-card__footer {
    padding: 1rem; }
  .auction-card__header {
    background: #1a2b40; }
    .auction-card__header__title {
      display: block;
      color: #fffffe;
      font-size: 1.4rem;
      font-weight: 600; }
      .auction-card__header__title:hover {
        color: #fffffe; }
  .auction-card.active .auction-card__header {
    /*background-color: darkgreen;*/ }
  @media screen and (min-width: 40em) {
    .auction-card {
      min-width: 300px; } }

.announce-modal {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: fixed;
  z-index: 500;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0; }
  .announce-modal__outer {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3); }
  .announce-modal__inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 1;
    padding: 1rem;
    border: none;
    border-radius: 6px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
    background: #fffffe;
    color: #50524c;
    overflow: hidden; }
    @supports (display: flex) and (gap: 10px) {
      .announce-modal__inner {
        gap: 1rem 0; } }
    @supports not ((display: flex) and (gap: 10px)) {
      .announce-modal__inner > * {
        margin: 0.5rem 0; }
        .announce-modal__inner > *:first-child {
          margin-top: 0; }
        .announce-modal__inner > *:last-child {
          margin-bottom: 0; } }
  .announce-modal__header {
    display: none; }
    @media screen and (min-width: 40em) {
      .announce-modal__header {
        position: relative;
        display: block;
        width: 600px;
        height: 150px;
        margin-top: -1rem;
        background-size: cover;
        background-position: center center;
        z-index: 0; }
        .announce-modal__header::after {
          content: '';
          position: absolute;
          left: 0;
          top: 0;
          right: 0;
          bottom: 0;
          background-color: rgba(128, 0, 0, 0.3);
          z-index: -1; } }
  .announce-modal__icon {
    margin-top: -80px;
    width: 120px;
    height: 120px;
    object-fit: contain;
    z-index: 1; }
  .announce-modal__title {
    font-size: 2rem;
    font-weight: bold;
    text-align: center; }
  .announce-modal__message {
    font-size: 1.4rem;
    font-weight: 600;
    text-align: center; }
  .announce-modal__cta {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 1rem 0;
    padding: 0.85em 1em;
    border: 1px solid transparent;
    border-radius: 6px;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
    font-family: inherit;
    font-size: 0.9rem;
    -webkit-appearance: none;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    background-color: #CF292C;
    color: #fffffe;
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    /*font-size: 1.4rem;
        font-weight: 600;
        text-align: center*/ }
    [data-whatinput='mouse'] .announce-modal__cta {
      outline: 0; }
    .announce-modal__cta:hover, .announce-modal__cta:focus {
      background-color: #b4181f;
      color: #fffffe; }
  .announce-modal .noinv {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 1rem 0;
    padding: 0.85em 1em;
    border: 1px solid transparent;
    border-radius: 6px;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
    font-family: inherit;
    font-size: 0.9rem;
    -webkit-appearance: none;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    border: 1px solid #CF292C;
    color: #CF292C;
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    opacity: 0.45;
    cursor: not-allowed; }
    [data-whatinput='mouse'] .announce-modal .noinv {
      outline: 0; }
    .announce-modal .noinv, .announce-modal .noinv:hover, .announce-modal .noinv:focus {
      background-color: transparent; }
    .announce-modal .noinv.disabled, .announce-modal .noinv.disabled:hover, .announce-modal .noinv.disabled:focus, .announce-modal .noinv[disabled], .announce-modal .noinv[disabled]:hover, .announce-modal .noinv[disabled]:focus {
      background-color: transparent; }
    .announce-modal .noinv:hover, .announce-modal .noinv:focus {
      border-color: #681516;
      color: #681516; }
      .announce-modal .noinv:hover.disabled, .announce-modal .noinv:hover[disabled], .announce-modal .noinv:focus.disabled, .announce-modal .noinv:focus[disabled] {
        border: 1px solid #CF292C;
        color: #CF292C; }
  @media screen and (min-width: 40em) {
    .announce-modal__inner {
      flex-shrink: 0;
      width: 600px; } }

.announcement-banner {
  position: relative;
  background: #3c4760;
  color: #fffffe;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  @supports (display: flex) and (gap: 10px) {
    .announcement-banner {
      gap: 1rem 0; } }
  @supports not ((display: flex) and (gap: 10px)) {
    .announcement-banner > * {
      margin: 0.5rem 0; }
      .announcement-banner > *:first-child {
        margin-top: 0; }
      .announcement-banner > *:last-child {
        margin-bottom: 0; } }
  .announcement-banner__title {
    text-transform: uppercase;
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 0.5rem; }
  .announcement-banner__message {
    margin-bottom: 0;
    white-space: pre-line; }
  .announcement-banner__dismiss {
    position: absolute;
    top: 1rem;
    right: 1rem;
    font-size: 1.3rem !important;
    cursor: pointer; }

.announcement-stacker {
  position: absolute;
  display: flex;
  flex-direction: column;
  right: 20px;
  top: 160px;
  z-index: 1;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: .9rem; }
  .announcement-stacker__item {
    position: relative;
    margin-bottom: 1rem;
    /*height: 74px;*/
    z-index: 0;
    transform: translateX(100vw);
    -webkit-animation: slideFromLeft 0.5s forwards;
    -webkit-animation-delay: 2s;
    animation: slideFromLeft 0.75s forwards;
    animation-delay: 0.25s; }

@-webkit-keyframes slideFromLeft {
  100% {
    transform: translateX(0); } }

@keyframes slideFromLeft {
  100% {
    transform: translateX(0); } }
    .announcement-stacker__item--hidden {
      display: none; }
    .announcement-stacker__item__inner {
      position: relative;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
      padding: .5rem 1rem;
      color: #131313;
      box-shadow: 2px 2px 12px 0 rgba(0, 0, 0, 0.3);
      border: 2px #CF292C solid;
      border-top-left-radius: 37px;
      border-bottom-left-radius: 37px;
      border-top-right-radius: 10px;
      border-bottom-right-radius: 10px;
      z-index: -1;
      overflow: hidden; }
      .announcement-stacker__item__inner::before {
        position: absolute;
        content: '';
        z-index: -1;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: rgba(255, 255, 255, 0.8);
        transition: 250ms background ease-in-out; }
    .announcement-stacker__item:hover .announcement-stacker__item__inner {
      color: #131313; }
      .announcement-stacker__item:hover .announcement-stacker__item__inner::before {
        background: rgba(255, 255, 255, 0.9); }
    .announcement-stacker__item:last-of-type {
      margin-bottom: 0; }
    .announcement-stacker__item__icon {
      margin-right: .75rem; }
      .announcement-stacker__item__icon::before {
        font-family: "FontAwesome";
        content: "";
        display: inline-block;
        margin-right: .5rem; }
      .announcement-stacker__item__icon::before {
        display: flex;
        margin: 0;
        justify-content: center;
        align-items: center;
        width: 40px;
        height: 40px;
        border: 2px #CF292C solid;
        border-radius: 50%;
        font-size: 1.3rem;
        color: #CF292C;
        text-align: center; }
    .announcement-stacker__item__body {
      display: flex;
      flex-direction: column; }
    .announcement-stacker__item__title {
      font-weight: 600;
      font-size: 1em;
      margin: 0; }
    .announcement-stacker__item__subtitle {
      font-weight: 500;
      font-size: .9em; }
      .announcement-stacker__item__subtitle .show-when-truncated {
        display: none; }
      .announcement-stacker__item__subtitle .hide-when-truncated {
        display: inline; }
    .announcement-stacker__item__more {
      font-size: .9em;
      color: #CF292C;
      display: none; }
    .announcement-stacker__item.is-truncated .announcement-stacker__item__inner, .announcement-stacker__item.is-expanded .announcement-stacker__item__inner {
      padding-right: 30px; }
    .announcement-stacker__item.is-truncated .announcement-stacker__item__more, .announcement-stacker__item.is-expanded .announcement-stacker__item__more {
      display: inline-block;
      position: absolute;
      width: 20px;
      height: 20px;
      line-height: 20px;
      right: 10px;
      top: calc(50% - 10px);
      font-size: 20px;
      text-align: right;
      color: #CF292C; }
    .announcement-stacker__item.is-truncated .announcement-stacker__item__subtitle .show-when-truncated {
      display: inline; }
    .announcement-stacker__item.is-truncated .announcement-stacker__item__subtitle .hide-when-truncated {
      display: none; }
    .announcement-stacker__item.is-truncated .announcement-stacker__item__more::after {
      font-family: "FontAwesome";
      content: "";
      display: inline-block;
      margin-left: .5rem; }
    .announcement-stacker__item.is-expanded .announcement-stacker__item__more::after {
      font-family: "FontAwesome";
      content: "";
      display: inline-block;
      margin-left: .5rem; }
    .announcement-stacker__item.is-expanded .announcement-stacker__item__subtitle {
      white-space: normal; }
    .announcement-stacker__item__dismiss {
      position: absolute;
      top: -10px;
      right: -15px;
      cursor: pointer;
      margin: 0;
      z-index: 1; }
      .announcement-stacker__item__dismiss::before {
        font-family: "FontAwesome";
        content: "";
        display: inline-block;
        margin-right: .5rem; }
      .announcement-stacker__item__dismiss::before {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        font-size: 1rem;
        color: #fffffe;
        background: #CF292C;
        text-align: center; }
  @media screen and (min-width: 40em) {
    .announcement-stacker__item .announcement-stacker__item__subtitle {
      max-width: 425px;
      white-space: nowrap; } }

.announcement-list {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0 0 1rem 0;
  padding: 0; }
  @supports (display: flex) and (gap: 10px) {
    .announcement-list {
      gap: 1rem 0; } }
  @supports not ((display: flex) and (gap: 10px)) {
    .announcement-list > * {
      margin: 0.5rem 0; }
      .announcement-list > *:first-child {
        margin-top: 0; }
      .announcement-list > *:last-child {
        margin-bottom: 0; } }
  .announcement-list__item {
    display: flex;
    flex-direction: column;
    padding: 1rem;
    background: #fffffe;
    border: 1px #eee solid;
    border-radius: 6px;
    /*@include raised-panel();*/ }
    @supports (display: flex) and (gap: 10px) {
      .announcement-list__item {
        gap: 1rem 0; } }
    @supports not ((display: flex) and (gap: 10px)) {
      .announcement-list__item > * {
        margin: 0.5rem 0; }
        .announcement-list__item > *:first-child {
          margin-top: 0; }
        .announcement-list__item > *:last-child {
          margin-bottom: 0; } }
    .announcement-list__item__title {
      font-weight: 600;
      font-size: 1.1em; }
    .announcement-list__item__message {
      /*white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis*/ }
    .announcement-list__item__dates {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      font-size: .9em; }
      @supports (display: flex) and (gap: 10px) {
        .announcement-list__item__dates {
          gap: 0 1rem; } }
      @supports not ((display: flex) and (gap: 10px)) {
        .announcement-list__item__dates > * {
          margin: 0 0.5rem; }
          .announcement-list__item__dates > *:first-child {
            margin-left: 0; }
          .announcement-list__item__dates > *:last-child {
            margin-right: 0; } }
      .announcement-list__item__dates > dt {
        width: auto;
        margin-right: 0; }
    .announcement-list__item__tierlist {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      flex-wrap: wrap;
      margin: 0 0 1rem 0;
      padding: 0;
      list-style: none; }
      @supports (display: flex) and (gap: 10px) {
        .announcement-list__item__tierlist {
          gap: 0 0.5rem; } }
      @supports not ((display: flex) and (gap: 10px)) {
        .announcement-list__item__tierlist > * {
          margin: 0 0.25rem; }
          .announcement-list__item__tierlist > *:first-child {
            margin-left: 0; }
          .announcement-list__item__tierlist > *:last-child {
            margin-right: 0; } }
      .announcement-list__item__tierlist .tag {
        font-size: .75em; }
    .announcement-list__item__actions {
      list-style: none;
      margin: 0;
      padding: 1rem 0 0 0;
      border-top: 1px #eee solid;
      display: flex;
      flex-direction: row; }
      @supports (display: flex) and (gap: 10px) {
        .announcement-list__item__actions {
          gap: 0 1rem; } }
      @supports not ((display: flex) and (gap: 10px)) {
        .announcement-list__item__actions > * {
          margin: 0 0.5rem; }
          .announcement-list__item__actions > *:first-child {
            margin-left: 0; }
          .announcement-list__item__actions > *:last-child {
            margin-right: 0; } }
  @media screen and (min-width: 40em) {
    .announcement-list {
      /*flex-direction: row;
        flex-wrap: wrap;*/ }
      .announcement-list__item {
        flex-direction: row;
        justify-content: space-between; }
        .announcement-list__item__actions {
          flex-direction: column;
          padding: 0 1rem;
          border-top: none;
          border-left: 1px #eee solid;
          min-width: 150px; } }

.flex-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }
  @supports (display: flex) and (gap: 10px) {
    .flex-list {
      gap: 0 1rem; } }
  @supports not ((display: flex) and (gap: 10px)) {
    .flex-list > * {
      margin: 0 0.5rem; }
      .flex-list > *:first-child {
        margin-left: 0; }
      .flex-list > *:last-child {
        margin-right: 0; } }

ul.flex-list {
  margin: 0; }

div {
  box-sizing: border-box; }

.table-container {
  position: relative;
  display: block;
  margin: 2em auto; }

.flag-icon {
  margin-right: 0.1em; }

.flex-table {
  display: flex;
  flex-flow: row;
  border-left: solid 1px #d9d9d9;
  transition: 0.5s; }
  .flex-table:first-of-type {
    border-top: solid 1px #1565C0;
    border-left: solid 1px #1565C0; }
  .flex-table:first-of-type .flex-row {
    background: #1976D2;
    color: white;
    border-color: #1565C0; }
  .flex-table.row:nth-child(odd) .flex-row {
    background: #f4f2f1; }
  .flex-table:hover {
    background: #F5F5F5;
    transition: 500ms; }

.flex-row {
  width: calc(100% / 4);
  text-align: center;
  padding: 0.5em 0.5em;
  border-right: solid 1px #d9d9d9;
  border-bottom: solid 1px #d9d9d9; }

.rowspan {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: center; }

.column {
  display: flex;
  flex-flow: column wrap;
  width: 75%;
  padding: 0; }
  .column .flex-row {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    padding: 0;
    border: 0;
    border-bottom: solid 1px #d9d9d9; }
    .column .flex-row:hover {
      background: #F5F5F5;
      transition: 500ms; }

.flex-cell {
  width: calc(100% / 3);
  text-align: center;
  padding: 0.5em 0.5em;
  border-right: solid 1px #d9d9d9; }

@media all and (max-width: 767px) {
  .flex-row {
    width: calc(100% / 3); }
    .flex-row.first {
      width: 100%; }
  .column {
    width: 100%; } }

@media all and (max-width: 430px) {
  .flex-table .flex-row {
    border-bottom: 0; }
  .flex-table .flex-row:last-of-type {
    border-bottom: solid 1px #d9d9d9; }
  .header .flex-row {
    border-bottom: solid 1px; }
  .flex-row {
    width: 100%; }
    .flex-row.first {
      width: 100%;
      border-bottom: solid 1px #d9d9d9; }
  .column {
    width: 100%; }
    .column .flex-row {
      border-bottom: solid 1px #d9d9d9; }
  .flex-cell {
    width: 100%; } }

[data-quick-edit]:not(.disabled) {
  cursor: pointer; }
  [data-quick-edit]:not(.disabled).saving {
    color: #cfcfcf; }
    [data-quick-edit]:not(.disabled).saving::before {
      font-family: "FontAwesome";
      content: "";
      display: inline-block;
      margin-right: .5rem; }
    [data-quick-edit]:not(.disabled).saving:before {
      margin-right: .25rem;
      animation: fa-spin 2s infinite linear; }
  [data-quick-edit]:not(.disabled)[data-locked]:hover {
    opacity: 0.5;
    cursor: not-allowed; }
  [data-quick-edit]:not(.disabled):not(.editing):not(.saving):not([data-locked]):hover::before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f040";
    margin-right: .25rem; }

/*$callout-primary-background:;
$callout-primary-color:;

$callout-primary-background:;
$callout-primary-color: ;*/
/*$primary-color: #CF292C;
$extra-light-gray: whitesmoke;
$light-gray: #eee; //cfcfcf
$medium-gray: #cfcfcf;
$dark-gray: #50524c;
$blue: #0d47a1; //#2565AE;
$green: darkgreen;*/
.callout {
  position: relative;
  margin: 0 0 1rem 0;
  padding: 1rem;
  border-width: 1px;
  border-style: solid;
  border-radius: 6px;
  /*background-color: #fffffe;
    color: #50524c;*/ }
  .callout__cta {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 1rem 0;
    padding: 0.85em 1em;
    border: 1px solid transparent;
    border-radius: 6px;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
    font-family: inherit;
    font-size: 0.9rem;
    -webkit-appearance: none;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    background-color: #50524c;
    color: #fffffe;
    margin-bottom: 0; }
    [data-whatinput='mouse'] .callout__cta {
      outline: 0; }
    .callout__cta:hover, .callout__cta:focus {
      background-color: #b4181f;
      color: #fffffe; }
    .callout__cta::after {
      font-family: "FontAwesome";
      content: "";
      display: inline-block;
      margin-left: .5rem; }
  .callout--alert {
    border-color: #0d47a1;
    color: #0d47a1;
    background: #e3edfd; }
    .callout--alert .callout__cta {
      background: #0d47a1;
      color: #fffffe; }

.input-validation-error {
  border: 1px #cc0000 solid;
  color: #cc0000; }
  .input-validation-error:focus {
    border: 1px #cc0000 solid;
    color: #cc0000; }

.validation-summary {
  color: #cc0000; }

.validation-summary-errors {
  margin: 0 0 1rem 0;
  color: #cc0000;
  background: transparent; }
  .validation-summary-errors > ul {
    list-style: none; }
    .validation-summary-errors > ul > li::before {
      font-family: "FontAwesome";
      content: "";
      display: inline-block;
      margin-right: .5rem; }

.home .hero {
  z-index: -1; }

.home .dimmed {
  position: relative;
  z-index: 0; }

.home .dimmed::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  background-color: rgba(128, 128, 128, 0.5); }

.home-search {
  margin-top: 0; }
  .home-search .advanced {
    display: none;
    overflow: hidden;
    height: 0 !important;
    opacity: 0;
    transition: height 0ms 400ms, opacity 600ms 0ms; }
  .home-search.advanced .advanced {
    display: block; }
  .home-search .quicksearch__top {
    margin-bottom: 1rem; }
  .home-search ul.countries {
    list-style: none;
    display: flex;
    flex-direction: row;
    margin: 1rem 0 2rem 0; }
    @supports (display: flex) and (gap: 10px) {
      .home-search ul.countries {
        gap: 0 2rem; } }
    @supports not ((display: flex) and (gap: 10px)) {
      .home-search ul.countries > * {
        margin: 0 1rem; }
        .home-search ul.countries > *:first-child {
          margin-left: 0; }
        .home-search ul.countries > *:last-child {
          margin-right: 0; } }
    @media screen and (max-width: 39.99875em) {
      .home-search ul.countries {
        justify-content: center; } }
    .home-search ul.countries > li {
      text-transform: uppercase;
      font-size: 1.2rem;
      font-weight: 600; }
      .home-search ul.countries > li:not(:last-of-type) {
        position: relative;
        /*padding-right: 1rem;
                border-right: 1px $medium-gray solid;*/ }
        .home-search ul.countries > li:not(:last-of-type)::after {
          content: '';
          position: absolute;
          right: -1rem;
          top: 20%;
          bottom: 20%;
          border-right: 1px #bbb solid; }
      .home-search ul.countries > li > a {
        color: #50524c; }
        .home-search ul.countries > li > a::after {
          content: '';
          display: block;
          margin: auto;
          height: 4px;
          width: 0px;
          background: transparent;
          transition: all .5s ease; }
      .home-search ul.countries > li.active > a::before {
        font-family: "FontAwesome";
        content: "";
        display: inline-block;
        margin-right: .5rem; }
      .home-search ul.countries > li.active > a::before {
        color: #CF292C; }
      .home-search ul.countries > li.active > a::after {
        width: 100% !important;
        background: #CF292C;
        border-radius: 2px; }
  .home-search label:not(.fancy-check) {
    font-weight: 600;
    margin-bottom: .25rem; }
  .home-search select, .home-search input {
    margin-bottom: 0; }
  .home-search.advanced .advanced {
    /*display: block;*/
    height: auto !important;
    opacity: 1; }

.certified .intro {
  font-size: 1rem; }

.certified .cert-logo {
  height: 40px;
  object-fit: contain; }

.certified .hero {
  display: block;
  padding: 2rem 0;
  z-index: 0; }
  .certified .hero::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    z-index: -1;
    /*
            background: rgb(0,0,0);
            background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,.50) 70%, rgba(0,0,0,1) 100%);
            */
    background: white;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0.35) 70%, white 100%); }
  .certified .hero__title, .certified .hero__subtitle {
    text-shadow: none;
    /*text-shadow: 0 0 5px rgba(0, 0, 0, .5);*/ }
  .certified .hero__title {
    text-align: left;
    margin-bottom: 0;
    font-size: 2rem;
    font-weight: normal;
    color: #222;
    text-transform: none; }
  .certified .hero__subtitle {
    font-size: 1.1rem;
    font-weight: 600;
    color: #222;
    margin-bottom: 2rem; }
  .certified .hero .button {
    font-size: 1rem;
    text-transform: uppercase; }

.certified .reqlist {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  /*justify-content: center;*/
  list-style: none;
  margin: 0;
  padding: 0; }
  .certified .reqlist__item {
    padding: 0 1rem;
    width: 100%;
    color: #fffffe; }
    .certified .reqlist__item__title {
      font-size: 1.2rem; }
    .certified .reqlist__item__caption {
      font-size: 1rem; }

.certified #connected {
  position: relative; }
  @media screen and (max-width: 39.99875em) {
    .certified #connected {
      height: 550px; } }
  .certified #connected .strip__title {
    font-size: 1.4rem;
    font-weight: 600; }

.certified .strip--eligibility {
  border-bottom: 5px #CF292C solid; }

@media screen and (min-width: 40em) {
  .certified .intro-cell {
    font-size: 1.3rem; }
  .certified .cert-logo {
    height: 70px; }
  .certified .hero {
    padding: 5rem 0;
    height: 650px; }
    .certified .hero__title {
      display: flex;
      flex-direction: row;
      gap: .25rem;
      font-size: 1.6rem;
      font-weight: normal; }
    .certified .hero__subtitle {
      font-size: 3.4rem;
      font-weight: bold;
      margin-bottom: 2rem; }
  .certified .reqlist {
    flex-direction: row; }
    .certified .reqlist__item {
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      width: calc(100% /3);
      height: 400px;
      padding-bottom: 2rem;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      z-index: 0; }
      .certified .reqlist__item__title {
        font-size: 1.6rem;
        font-weight: bold; }
      .certified .reqlist__item__caption {
        font-size: 1rem;
        font-weight: 600; }
      .certified .reqlist__item::after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: -1;
        background: rgba(0, 0, 0, 0.3); }
  .certified #connected .cell {
    height: 500px; }
  .certified #connected .intro-cell {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 1rem; }
  .certified #connected .image-cell {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 2rem;
    background-position: center center;
    background-size: cover;
    font-size: 2.2rem;
    font-weight: 600;
    color: #fffffe;
    z-index: 0; }
    .certified #connected .image-cell::after {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      z-index: -1;
      background: black;
      background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 70%, black 100%); }
  .certified #connected .strip__title {
    font-size: 2rem; } }

.register-page {
  position: relative;
  padding-top: 0 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  align-items: center;
  background: transparent url(images/truck-bridge.bw.jpg) no-repeat center center;
  background-size: cover;
  z-index: 0; }
  .register-page .login-link {
    position: absolute;
    right: 2rem;
    top: 1rem;
    color: #fffffe;
    font-size: 1.2rem;
    text-shadow: 2px 2px rgba(0, 0, 0, 0.3); }
    .register-page .login-link::before {
      font-family: "FontAwesome";
      content: "";
      display: inline-block;
      margin-right: .5rem; }
  .register-page .register-panel__notice {
    font-style: italic;
    font-size: .9em; }

.login-page {
  padding-top: 1rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  align-items: center;
  background: transparent url(images/truck-bridge.bw.jpg) no-repeat center center;
  background-size: cover;
  z-index: 0;
  color: #fffffe; }
  @supports (display: flex) and (gap: 10px) {
    .login-page {
      gap: 0 0; } }
  @supports not ((display: flex) and (gap: 10px)) {
    .login-page > * {
      margin: 0 0; }
      .login-page > *:first-child {
        margin-top: 0; }
      .login-page > *:last-child {
        margin-bottom: 0; } }
  .login-page a {
    color: #fffffe; }
  .login-page::after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #454545;
    opacity: .7;
    z-index: -1; }
  .login-page .logo {
    display: block;
    margin-bottom: 1rem;
    width: auto;
    height: 70px; }
  .login-page .learn-more {
    display: inline-block;
    background: transparent;
    color: inherit;
    padding: .5rem 1.5rem;
    margin-bottom: 1rem;
    border: 2px #eee solid;
    border-radius: 6px;
    text-shadow: 2px 2px rgba(0, 0, 0, 0.3);
    text-transform: uppercase; }
    .login-page .learn-more::after {
      font-family: "FontAwesome";
      content: "";
      display: inline-block;
      margin-left: .5rem; }
    .login-page .learn-more:hover {
      color: #fffffe; }
  .login-page .intro {
    font-size: 1.3rem;
    font-weight: 600;
    /*text-shadow: 2px 2px rgba(0,0,0,.3);*/ }
  .login-page .login-form__title {
    margin-bottom: 1rem;
    font-weight: normal;
    font-size: 1.6rem;
    text-align: center; }
  .login-page .login-form label {
    display: block;
    width: 100%;
    margin-bottom: .25rem;
    text-align: left;
    font-size: 1rem;
    font-weight: 600;
    color: #fffffe; }
  .login-page .login-form .field-validation-error {
    display: block;
    color: orange;
    margin-bottom: 1rem;
    /*background: rgba(0,0,0,.45);*/
    /*border-radius: $global-radius;*/
    /*@include fa('\f06a', before); //fa-exclamation-circle*/ }
  .login-page .login-form__footer {
    margin-top: 1rem; }
  @media screen and (min-width: 40em) {
    .login-page .login-form__title {
      margin-bottom: 1rem;
      font-size: 1.8rem; } }
  .login-page .pane {
    display: block;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
    padding: 1rem;
    margin-bottom: 1rem;
    border: 1px #666 solid; }
    .login-page .pane::after {
      position: absolute;
      content: '';
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      background: #ccc;
      opacity: .6;
      z-index: -1; }
    .login-page .pane[tabindex] {
      cursor: pointer; }
    .login-page .pane__title {
      font-weight: 600;
      font-size: 1.2rem; }
    .login-page .pane__collapsed {
      max-height: 0;
      overflow: hidden;
      transition: max-height 250ms ease-in-out; }
    .login-page .pane--active::after {
      background: #eee; }
    .login-page .pane--active .pane--hide-when-active {
      display: none; }
    .login-page .pane--active .pane__collapsed {
      max-height: 700px;
      overflow: show; }
    @media screen and (min-width: 40em) {
      .login-page .pane {
        position: relative;
        padding: 1.5rem;
        width: 400px; } }
  .login-page .oem-logos {
    display: flex;
    flex-direction: row;
    margin-bottom: 2rem; }
    @supports (display: flex) and (gap: 10px) {
      .login-page .oem-logos {
        gap: 0 2rem; } }
    @supports not ((display: flex) and (gap: 10px)) {
      .login-page .oem-logos > * {
        margin: 0 1rem; }
        .login-page .oem-logos > *:first-child {
          margin-left: 0; }
        .login-page .oem-logos > *:last-child {
          margin-right: 0; } }
    .login-page .oem-logos img {
      height: 14px; }
  @media screen and (min-width: 40em) {
    .login-page {
      width: 100vw;
      height: 100vh;
      justify-content: center; }
      .login-page .logo {
        position: absolute;
        top: 3rem;
        left: 3rem;
        width: 200px; } }

.admin-portal {
  background-color: #f8f8f8; }
  .admin-portal .dashboard-widget {
    box-shadow: none;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.12);
    border: 0;
    border-radius: 0; }