@charset "UTF-8";
.fade-in-left {
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
  -webkit-animation-delay: 200ms;
          animation-delay: 200ms;
  -webkit-animation-duration: 1500ms;
          animation-duration: 1500ms;
}

.fade-in-right {
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;
  -webkit-animation-delay: 200ms;
          animation-delay: 200ms;
  -webkit-animation-duration: 1500ms;
          animation-duration: 1500ms;
}

.fade-in-up {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
  -webkit-animation-delay: 200ms;
          animation-delay: 200ms;
  -webkit-animation-duration: 1500ms;
          animation-duration: 1500ms;
}

.fade-in-down {
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown;
  -webkit-animation-delay: 200ms;
          animation-delay: 200ms;
  -webkit-animation-duration: 1500ms;
          animation-duration: 1500ms;
}

.fade-out {
  -webkit-animation: 1s fadeOut;
          animation: 1s fadeOut;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.hide {
  display: none;
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
.lds-ring {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}

.lds-ring div {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid #fff;
  border-radius: 50%;
  -webkit-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
          animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
  -webkit-animation-delay: -0.45s;
          animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
  -webkit-animation-delay: -0.15s;
          animation-delay: -0.15s;
}

@-webkit-keyframes lds-ring {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes lds-ring {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/*Test*/
@media print, screen and (min-width: 40em) {
  .reveal.large, .reveal.small, .reveal.tiny, .reveal {
    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 {
  -webkit-box-sizing: content-box;
          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;
  -webkit-text-decoration: underline dotted;
          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 {
  -webkit-box-sizing: border-box;
          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] {
  -webkit-box-sizing: border-box;
          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=81.25em&xxlarge=106.25em";
}

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

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

body {
  margin: 0;
  padding: 0;
  background: #fefefe;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.5;
  color: #0a0a0a;
  -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: 0;
}

select {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  border-radius: 0;
}

.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;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  border-radius: 0;
  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;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 2.4375rem;
  margin: 0 0 1rem;
  padding: 0.5rem;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: #fefefe;
  -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
          box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
  font-family: inherit;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  color: #0a0a0a;
  -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  -webkit-appearance: none;
     -moz-appearance: none;
          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 #8a8a8a;
  background-color: #fefefe;
  -webkit-box-shadow: 0 0 5px #cacaca;
          box-shadow: 0 0 5px #cacaca;
  -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
}

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

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

[type=submit],
[type=button] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0;
}

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

::-webkit-input-placeholder {
  color: #cacaca;
}

::-moz-placeholder {
  color: #cacaca;
}

:-ms-input-placeholder {
  color: #cacaca;
}

::-ms-input-placeholder {
  color: #cacaca;
}

::placeholder {
  color: #cacaca;
}

[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: 0.875rem;
  font-weight: normal;
  line-height: 1.8;
  color: #0a0a0a;
}
label.middle {
  margin: 0 0 1rem;
  padding: 0.5625rem 0;
}

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

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

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

.input-group-label {
  padding: 0 1rem;
  border: 1px solid #cacaca;
  background: #e6e6e6;
  color: #0a0a0a;
  text-align: center;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          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;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0px;
  min-width: 0;
}

.input-group-button {
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      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 #cacaca;
}
.fieldset legend {
  margin: 0;
  margin-left: -0.1875rem;
  padding: 0 0.1875rem;
}

select {
  height: 2.4375rem;
  margin: 0 0 1rem;
  padding: 0.5rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: #fefefe;
  font-family: inherit;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  color: #0a0a0a;
  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%28138, 138, 138%29'></polygon></svg>");
  background-origin: content-box;
  background-position: right -1rem center;
  background-repeat: no-repeat;
  background-size: 9px 6px;
  padding-right: 1.5rem;
  -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
}
@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 #8a8a8a;
  background-color: #fefefe;
  -webkit-box-shadow: 0 0 5px #cacaca;
          box-shadow: 0 0 5px #cacaca;
  -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
}
select:disabled {
  background-color: #e6e6e6;
  cursor: not-allowed;
}
select::-ms-expand {
  display: none;
}
select[multiple] {
  height: auto;
  background-image: none;
}
select:not([multiple]) {
  padding-top: 0;
  padding-bottom: 0;
}

.is-invalid-input:not(:focus) {
  border-color: #cc4b37;
  background-color: #f9ecea;
}
.is-invalid-input:not(:focus)::-webkit-input-placeholder {
  color: #cc4b37;
}
.is-invalid-input:not(:focus)::-moz-placeholder {
  color: #cc4b37;
}
.is-invalid-input:not(:focus):-ms-input-placeholder {
  color: #cc4b37;
}
.is-invalid-input:not(:focus)::-ms-input-placeholder {
  color: #cc4b37;
}
.is-invalid-input:not(:focus)::placeholder {
  color: #cc4b37;
}

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

.form-error {
  display: none;
  margin-top: -0.5rem;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: bold;
  color: #cc4b37;
}
.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: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  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: #cacaca;
}

h1, .h1 {
  font-size: 1.5rem;
  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: 3rem;
  }
  h2, .h2 {
    font-size: 2.5rem;
  }
  h3, .h3 {
    font-size: 1.9375rem;
  }
  h4, .h4 {
    font-size: 1.5625rem;
  }
  h5, .h5 {
    font-size: 1.25rem;
  }
  h6, .h6 {
    font-size: 1rem;
  }
}
a {
  line-height: inherit;
  color: #1779ba;
  text-decoration: none;
  cursor: pointer;
}
a:hover, a:focus {
  color: #1468a0;
}
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 #cacaca;
  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, ul ol, ol ul, 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 #cacaca;
}
blockquote, blockquote p {
  line-height: 1.6;
  color: #8a8a8a;
}

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

figure {
  margin: 0;
}

kbd {
  margin: 0;
  padding: 0.125rem 0.25rem 0;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  color: #0a0a0a;
}

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

.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;
}

.cite-block, cite {
  display: block;
  color: #8a8a8a;
  font-size: 0.8125rem;
}
.cite-block:before, cite:before {
  content: "— ";
}

.code-inline, code {
  border: 1px solid #cacaca;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #0a0a0a;
  display: inline;
  max-width: 100%;
  word-wrap: break-word;
  padding: 0.125rem 0.3125rem 0.0625rem;
}

.code-block {
  border: 1px solid #cacaca;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #0a0a0a;
  display: block;
  overflow: auto;
  white-space: pre;
  padding: 1rem;
  margin-bottom: 1.5rem;
}

.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: 81.25em) {
  .xlarge-text-left {
    text-align: left;
  }
  .xlarge-text-right {
    text-align: right;
  }
  .xlarge-text-center {
    text-align: center;
  }
  .xlarge-text-justify {
    text-align: justify;
  }
}
@media screen and (min-width: 106.25em) {
  .xxlarge-text-left {
    text-align: left;
  }
  .xxlarge-text-right {
    text-align: right;
  }
  .xxlarge-text-center {
    text-align: center;
  }
  .xxlarge-text-justify {
    text-align: justify;
  }
}
.show-for-print {
  display: none !important;
}

@media print {
  * {
    background: transparent !important;
    color: black !important;
    -webkit-print-color-adjust: economy;
            color-adjust: economy;
    -webkit-box-shadow: none !important;
            box-shadow: none !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 #8a8a8a;
    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;
  }
}
.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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}

.cell {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  min-height: 0px;
  min-width: 0px;
  width: 100%;
}
.cell.auto {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0px;
}
.cell.shrink {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          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 {
  -ms-flex-preferred-size: auto;
      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 {
    -ms-flex-preferred-size: auto;
        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 {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
}
@media screen and (min-width: 81.25em) {
  .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 {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
}
@media screen and (min-width: 106.25em) {
  .grid-x > .xxlarge-shrink, .grid-x > .xxlarge-full, .grid-x > .xxlarge-1, .grid-x > .xxlarge-2, .grid-x > .xxlarge-3, .grid-x > .xxlarge-4, .grid-x > .xxlarge-5, .grid-x > .xxlarge-6, .grid-x > .xxlarge-7, .grid-x > .xxlarge-8, .grid-x > .xxlarge-9, .grid-x > .xxlarge-10, .grid-x > .xxlarge-11, .grid-x > .xxlarge-12 {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
}
.grid-x > .small-12, .grid-x > .small-11, .grid-x > .small-10, .grid-x > .small-9, .grid-x > .small-8, .grid-x > .small-7, .grid-x > .small-6, .grid-x > .small-5, .grid-x > .small-4, .grid-x > .small-3, .grid-x > .small-2, .grid-x > .small-1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

@media print, screen and (min-width: 40em) {
  .grid-x > .medium-auto {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
    width: auto;
  }
  .grid-x > .medium-12, .grid-x > .medium-11, .grid-x > .medium-10, .grid-x > .medium-9, .grid-x > .medium-8, .grid-x > .medium-7, .grid-x > .medium-6, .grid-x > .medium-5, .grid-x > .medium-4, .grid-x > .medium-3, .grid-x > .medium-2, .grid-x > .medium-1, .grid-x > .medium-shrink {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
  .grid-x > .medium-shrink {
    width: auto;
  }
  .grid-x > .medium-1 {
    width: 8.3333333333%;
  }
  .grid-x > .medium-2 {
    width: 16.6666666667%;
  }
  .grid-x > .medium-3 {
    width: 25%;
  }
  .grid-x > .medium-4 {
    width: 33.3333333333%;
  }
  .grid-x > .medium-5 {
    width: 41.6666666667%;
  }
  .grid-x > .medium-6 {
    width: 50%;
  }
  .grid-x > .medium-7 {
    width: 58.3333333333%;
  }
  .grid-x > .medium-8 {
    width: 66.6666666667%;
  }
  .grid-x > .medium-9 {
    width: 75%;
  }
  .grid-x > .medium-10 {
    width: 83.3333333333%;
  }
  .grid-x > .medium-11 {
    width: 91.6666666667%;
  }
  .grid-x > .medium-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .grid-x > .large-auto {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
    width: auto;
  }
  .grid-x > .large-12, .grid-x > .large-11, .grid-x > .large-10, .grid-x > .large-9, .grid-x > .large-8, .grid-x > .large-7, .grid-x > .large-6, .grid-x > .large-5, .grid-x > .large-4, .grid-x > .large-3, .grid-x > .large-2, .grid-x > .large-1, .grid-x > .large-shrink {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
  .grid-x > .large-shrink {
    width: auto;
  }
  .grid-x > .large-1 {
    width: 8.3333333333%;
  }
  .grid-x > .large-2 {
    width: 16.6666666667%;
  }
  .grid-x > .large-3 {
    width: 25%;
  }
  .grid-x > .large-4 {
    width: 33.3333333333%;
  }
  .grid-x > .large-5 {
    width: 41.6666666667%;
  }
  .grid-x > .large-6 {
    width: 50%;
  }
  .grid-x > .large-7 {
    width: 58.3333333333%;
  }
  .grid-x > .large-8 {
    width: 66.6666666667%;
  }
  .grid-x > .large-9 {
    width: 75%;
  }
  .grid-x > .large-10 {
    width: 83.3333333333%;
  }
  .grid-x > .large-11 {
    width: 91.6666666667%;
  }
  .grid-x > .large-12 {
    width: 100%;
  }
}
@media screen and (min-width: 81.25em) {
  .grid-x > .xlarge-auto {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
    width: auto;
  }
  .grid-x > .xlarge-12, .grid-x > .xlarge-11, .grid-x > .xlarge-10, .grid-x > .xlarge-9, .grid-x > .xlarge-8, .grid-x > .xlarge-7, .grid-x > .xlarge-6, .grid-x > .xlarge-5, .grid-x > .xlarge-4, .grid-x > .xlarge-3, .grid-x > .xlarge-2, .grid-x > .xlarge-1, .grid-x > .xlarge-shrink {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
  .grid-x > .xlarge-shrink {
    width: auto;
  }
  .grid-x > .xlarge-1 {
    width: 8.3333333333%;
  }
  .grid-x > .xlarge-2 {
    width: 16.6666666667%;
  }
  .grid-x > .xlarge-3 {
    width: 25%;
  }
  .grid-x > .xlarge-4 {
    width: 33.3333333333%;
  }
  .grid-x > .xlarge-5 {
    width: 41.6666666667%;
  }
  .grid-x > .xlarge-6 {
    width: 50%;
  }
  .grid-x > .xlarge-7 {
    width: 58.3333333333%;
  }
  .grid-x > .xlarge-8 {
    width: 66.6666666667%;
  }
  .grid-x > .xlarge-9 {
    width: 75%;
  }
  .grid-x > .xlarge-10 {
    width: 83.3333333333%;
  }
  .grid-x > .xlarge-11 {
    width: 91.6666666667%;
  }
  .grid-x > .xlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 106.25em) {
  .grid-x > .xxlarge-auto {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
    width: auto;
  }
  .grid-x > .xxlarge-12, .grid-x > .xxlarge-11, .grid-x > .xxlarge-10, .grid-x > .xxlarge-9, .grid-x > .xxlarge-8, .grid-x > .xxlarge-7, .grid-x > .xxlarge-6, .grid-x > .xxlarge-5, .grid-x > .xxlarge-4, .grid-x > .xxlarge-3, .grid-x > .xxlarge-2, .grid-x > .xxlarge-1, .grid-x > .xxlarge-shrink {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
  .grid-x > .xxlarge-shrink {
    width: auto;
  }
  .grid-x > .xxlarge-1 {
    width: 8.3333333333%;
  }
  .grid-x > .xxlarge-2 {
    width: 16.6666666667%;
  }
  .grid-x > .xxlarge-3 {
    width: 25%;
  }
  .grid-x > .xxlarge-4 {
    width: 33.3333333333%;
  }
  .grid-x > .xxlarge-5 {
    width: 41.6666666667%;
  }
  .grid-x > .xxlarge-6 {
    width: 50%;
  }
  .grid-x > .xxlarge-7 {
    width: 58.3333333333%;
  }
  .grid-x > .xxlarge-8 {
    width: 66.6666666667%;
  }
  .grid-x > .xxlarge-9 {
    width: 75%;
  }
  .grid-x > .xxlarge-10 {
    width: 83.3333333333%;
  }
  .grid-x > .xxlarge-11 {
    width: 91.6666666667%;
  }
  .grid-x > .xxlarge-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.3333333333% - 1.25rem);
}
.grid-margin-x > .small-2 {
  width: calc(16.6666666667% - 1.25rem);
}
.grid-margin-x > .small-3 {
  width: calc(25% - 1.25rem);
}
.grid-margin-x > .small-4 {
  width: calc(33.3333333333% - 1.25rem);
}
.grid-margin-x > .small-5 {
  width: calc(41.6666666667% - 1.25rem);
}
.grid-margin-x > .small-6 {
  width: calc(50% - 1.25rem);
}
.grid-margin-x > .small-7 {
  width: calc(58.3333333333% - 1.25rem);
}
.grid-margin-x > .small-8 {
  width: calc(66.6666666667% - 1.25rem);
}
.grid-margin-x > .small-9 {
  width: calc(75% - 1.25rem);
}
.grid-margin-x > .small-10 {
  width: calc(83.3333333333% - 1.25rem);
}
.grid-margin-x > .small-11 {
  width: calc(91.6666666667% - 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.3333333333% - 1.875rem);
  }
  .grid-margin-x > .small-2 {
    width: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-x > .small-3 {
    width: calc(25% - 1.875rem);
  }
  .grid-margin-x > .small-4 {
    width: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-x > .small-5 {
    width: calc(41.6666666667% - 1.875rem);
  }
  .grid-margin-x > .small-6 {
    width: calc(50% - 1.875rem);
  }
  .grid-margin-x > .small-7 {
    width: calc(58.3333333333% - 1.875rem);
  }
  .grid-margin-x > .small-8 {
    width: calc(66.6666666667% - 1.875rem);
  }
  .grid-margin-x > .small-9 {
    width: calc(75% - 1.875rem);
  }
  .grid-margin-x > .small-10 {
    width: calc(83.3333333333% - 1.875rem);
  }
  .grid-margin-x > .small-11 {
    width: calc(91.6666666667% - 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.3333333333% - 1.875rem);
  }
  .grid-margin-x > .medium-2 {
    width: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-x > .medium-3 {
    width: calc(25% - 1.875rem);
  }
  .grid-margin-x > .medium-4 {
    width: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-x > .medium-5 {
    width: calc(41.6666666667% - 1.875rem);
  }
  .grid-margin-x > .medium-6 {
    width: calc(50% - 1.875rem);
  }
  .grid-margin-x > .medium-7 {
    width: calc(58.3333333333% - 1.875rem);
  }
  .grid-margin-x > .medium-8 {
    width: calc(66.6666666667% - 1.875rem);
  }
  .grid-margin-x > .medium-9 {
    width: calc(75% - 1.875rem);
  }
  .grid-margin-x > .medium-10 {
    width: calc(83.3333333333% - 1.875rem);
  }
  .grid-margin-x > .medium-11 {
    width: calc(91.6666666667% - 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.3333333333% - 1.875rem);
  }
  .grid-margin-x > .large-2 {
    width: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-x > .large-3 {
    width: calc(25% - 1.875rem);
  }
  .grid-margin-x > .large-4 {
    width: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-x > .large-5 {
    width: calc(41.6666666667% - 1.875rem);
  }
  .grid-margin-x > .large-6 {
    width: calc(50% - 1.875rem);
  }
  .grid-margin-x > .large-7 {
    width: calc(58.3333333333% - 1.875rem);
  }
  .grid-margin-x > .large-8 {
    width: calc(66.6666666667% - 1.875rem);
  }
  .grid-margin-x > .large-9 {
    width: calc(75% - 1.875rem);
  }
  .grid-margin-x > .large-10 {
    width: calc(83.3333333333% - 1.875rem);
  }
  .grid-margin-x > .large-11 {
    width: calc(91.6666666667% - 1.875rem);
  }
  .grid-margin-x > .large-12 {
    width: calc(100% - 1.875rem);
  }
}
@media screen and (min-width: 81.25em) {
  .grid-margin-x > .xlarge-auto {
    width: auto;
  }
  .grid-margin-x > .xlarge-shrink {
    width: auto;
  }
  .grid-margin-x > .xlarge-1 {
    width: calc(8.3333333333% - 1.875rem);
  }
  .grid-margin-x > .xlarge-2 {
    width: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-x > .xlarge-3 {
    width: calc(25% - 1.875rem);
  }
  .grid-margin-x > .xlarge-4 {
    width: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-x > .xlarge-5 {
    width: calc(41.6666666667% - 1.875rem);
  }
  .grid-margin-x > .xlarge-6 {
    width: calc(50% - 1.875rem);
  }
  .grid-margin-x > .xlarge-7 {
    width: calc(58.3333333333% - 1.875rem);
  }
  .grid-margin-x > .xlarge-8 {
    width: calc(66.6666666667% - 1.875rem);
  }
  .grid-margin-x > .xlarge-9 {
    width: calc(75% - 1.875rem);
  }
  .grid-margin-x > .xlarge-10 {
    width: calc(83.3333333333% - 1.875rem);
  }
  .grid-margin-x > .xlarge-11 {
    width: calc(91.6666666667% - 1.875rem);
  }
  .grid-margin-x > .xlarge-12 {
    width: calc(100% - 1.875rem);
  }
}
@media screen and (min-width: 106.25em) {
  .grid-margin-x > .xxlarge-auto {
    width: auto;
  }
  .grid-margin-x > .xxlarge-shrink {
    width: auto;
  }
  .grid-margin-x > .xxlarge-1 {
    width: calc(8.3333333333% - 1.875rem);
  }
  .grid-margin-x > .xxlarge-2 {
    width: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-x > .xxlarge-3 {
    width: calc(25% - 1.875rem);
  }
  .grid-margin-x > .xxlarge-4 {
    width: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-x > .xxlarge-5 {
    width: calc(41.6666666667% - 1.875rem);
  }
  .grid-margin-x > .xxlarge-6 {
    width: calc(50% - 1.875rem);
  }
  .grid-margin-x > .xxlarge-7 {
    width: calc(58.3333333333% - 1.875rem);
  }
  .grid-margin-x > .xxlarge-8 {
    width: calc(66.6666666667% - 1.875rem);
  }
  .grid-margin-x > .xxlarge-9 {
    width: calc(75% - 1.875rem);
  }
  .grid-margin-x > .xxlarge-10 {
    width: calc(83.3333333333% - 1.875rem);
  }
  .grid-margin-x > .xxlarge-11 {
    width: calc(91.6666666667% - 1.875rem);
  }
  .grid-margin-x > .xxlarge-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.3333333333%;
}

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

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

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

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

.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.3333333333%;
  }
  .medium-up-4 > .cell {
    width: 25%;
  }
  .medium-up-5 > .cell {
    width: 20%;
  }
  .medium-up-6 > .cell {
    width: 16.6666666667%;
  }
  .medium-up-7 > .cell {
    width: 14.2857142857%;
  }
  .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.3333333333%;
  }
  .large-up-4 > .cell {
    width: 25%;
  }
  .large-up-5 > .cell {
    width: 20%;
  }
  .large-up-6 > .cell {
    width: 16.6666666667%;
  }
  .large-up-7 > .cell {
    width: 14.2857142857%;
  }
  .large-up-8 > .cell {
    width: 12.5%;
  }
}
@media screen and (min-width: 81.25em) {
  .xlarge-up-1 > .cell {
    width: 100%;
  }
  .xlarge-up-2 > .cell {
    width: 50%;
  }
  .xlarge-up-3 > .cell {
    width: 33.3333333333%;
  }
  .xlarge-up-4 > .cell {
    width: 25%;
  }
  .xlarge-up-5 > .cell {
    width: 20%;
  }
  .xlarge-up-6 > .cell {
    width: 16.6666666667%;
  }
  .xlarge-up-7 > .cell {
    width: 14.2857142857%;
  }
  .xlarge-up-8 > .cell {
    width: 12.5%;
  }
}
@media screen and (min-width: 106.25em) {
  .xxlarge-up-1 > .cell {
    width: 100%;
  }
  .xxlarge-up-2 > .cell {
    width: 50%;
  }
  .xxlarge-up-3 > .cell {
    width: 33.3333333333%;
  }
  .xxlarge-up-4 > .cell {
    width: 25%;
  }
  .xxlarge-up-5 > .cell {
    width: 20%;
  }
  .xxlarge-up-6 > .cell {
    width: 16.6666666667%;
  }
  .xxlarge-up-7 > .cell {
    width: 14.2857142857%;
  }
  .xxlarge-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.3333333333% - 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.6666666667% - 1.25rem);
}

.grid-margin-x.small-up-7 > .cell {
  width: calc(14.2857142857% - 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.3333333333% - 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.6666666667% - 1.875rem);
  }
  .grid-margin-x.small-up-7 > .cell {
    width: calc(14.2857142857% - 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.3333333333% - 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.6666666667% - 1.875rem);
  }
  .grid-margin-x.medium-up-7 > .cell {
    width: calc(14.2857142857% - 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.3333333333% - 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.6666666667% - 1.875rem);
  }
  .grid-margin-x.large-up-7 > .cell {
    width: calc(14.2857142857% - 1.875rem);
  }
  .grid-margin-x.large-up-8 > .cell {
    width: calc(12.5% - 1.875rem);
  }
}
@media screen and (min-width: 81.25em) {
  .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.3333333333% - 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.6666666667% - 1.875rem);
  }
  .grid-margin-x.xlarge-up-7 > .cell {
    width: calc(14.2857142857% - 1.875rem);
  }
  .grid-margin-x.xlarge-up-8 > .cell {
    width: calc(12.5% - 1.875rem);
  }
}
@media screen and (min-width: 106.25em) {
  .grid-margin-x.xxlarge-up-1 > .cell {
    width: calc(100% - 1.875rem);
  }
  .grid-margin-x.xxlarge-up-2 > .cell {
    width: calc(50% - 1.875rem);
  }
  .grid-margin-x.xxlarge-up-3 > .cell {
    width: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-x.xxlarge-up-4 > .cell {
    width: calc(25% - 1.875rem);
  }
  .grid-margin-x.xxlarge-up-5 > .cell {
    width: calc(20% - 1.875rem);
  }
  .grid-margin-x.xxlarge-up-6 > .cell {
    width: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-x.xxlarge-up-7 > .cell {
    width: calc(14.2857142857% - 1.875rem);
  }
  .grid-margin-x.xxlarge-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.3333333333%;
}
.small-margin-collapse > .small-2 {
  width: 16.6666666667%;
}
.small-margin-collapse > .small-3 {
  width: 25%;
}
.small-margin-collapse > .small-4 {
  width: 33.3333333333%;
}
.small-margin-collapse > .small-5 {
  width: 41.6666666667%;
}
.small-margin-collapse > .small-6 {
  width: 50%;
}
.small-margin-collapse > .small-7 {
  width: 58.3333333333%;
}
.small-margin-collapse > .small-8 {
  width: 66.6666666667%;
}
.small-margin-collapse > .small-9 {
  width: 75%;
}
.small-margin-collapse > .small-10 {
  width: 83.3333333333%;
}
.small-margin-collapse > .small-11 {
  width: 91.6666666667%;
}
.small-margin-collapse > .small-12 {
  width: 100%;
}
@media print, screen and (min-width: 40em) {
  .small-margin-collapse > .medium-1 {
    width: 8.3333333333%;
  }
  .small-margin-collapse > .medium-2 {
    width: 16.6666666667%;
  }
  .small-margin-collapse > .medium-3 {
    width: 25%;
  }
  .small-margin-collapse > .medium-4 {
    width: 33.3333333333%;
  }
  .small-margin-collapse > .medium-5 {
    width: 41.6666666667%;
  }
  .small-margin-collapse > .medium-6 {
    width: 50%;
  }
  .small-margin-collapse > .medium-7 {
    width: 58.3333333333%;
  }
  .small-margin-collapse > .medium-8 {
    width: 66.6666666667%;
  }
  .small-margin-collapse > .medium-9 {
    width: 75%;
  }
  .small-margin-collapse > .medium-10 {
    width: 83.3333333333%;
  }
  .small-margin-collapse > .medium-11 {
    width: 91.6666666667%;
  }
  .small-margin-collapse > .medium-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .small-margin-collapse > .large-1 {
    width: 8.3333333333%;
  }
  .small-margin-collapse > .large-2 {
    width: 16.6666666667%;
  }
  .small-margin-collapse > .large-3 {
    width: 25%;
  }
  .small-margin-collapse > .large-4 {
    width: 33.3333333333%;
  }
  .small-margin-collapse > .large-5 {
    width: 41.6666666667%;
  }
  .small-margin-collapse > .large-6 {
    width: 50%;
  }
  .small-margin-collapse > .large-7 {
    width: 58.3333333333%;
  }
  .small-margin-collapse > .large-8 {
    width: 66.6666666667%;
  }
  .small-margin-collapse > .large-9 {
    width: 75%;
  }
  .small-margin-collapse > .large-10 {
    width: 83.3333333333%;
  }
  .small-margin-collapse > .large-11 {
    width: 91.6666666667%;
  }
  .small-margin-collapse > .large-12 {
    width: 100%;
  }
}
@media screen and (min-width: 81.25em) {
  .small-margin-collapse > .xlarge-1 {
    width: 8.3333333333%;
  }
  .small-margin-collapse > .xlarge-2 {
    width: 16.6666666667%;
  }
  .small-margin-collapse > .xlarge-3 {
    width: 25%;
  }
  .small-margin-collapse > .xlarge-4 {
    width: 33.3333333333%;
  }
  .small-margin-collapse > .xlarge-5 {
    width: 41.6666666667%;
  }
  .small-margin-collapse > .xlarge-6 {
    width: 50%;
  }
  .small-margin-collapse > .xlarge-7 {
    width: 58.3333333333%;
  }
  .small-margin-collapse > .xlarge-8 {
    width: 66.6666666667%;
  }
  .small-margin-collapse > .xlarge-9 {
    width: 75%;
  }
  .small-margin-collapse > .xlarge-10 {
    width: 83.3333333333%;
  }
  .small-margin-collapse > .xlarge-11 {
    width: 91.6666666667%;
  }
  .small-margin-collapse > .xlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 106.25em) {
  .small-margin-collapse > .xxlarge-1 {
    width: 8.3333333333%;
  }
  .small-margin-collapse > .xxlarge-2 {
    width: 16.6666666667%;
  }
  .small-margin-collapse > .xxlarge-3 {
    width: 25%;
  }
  .small-margin-collapse > .xxlarge-4 {
    width: 33.3333333333%;
  }
  .small-margin-collapse > .xxlarge-5 {
    width: 41.6666666667%;
  }
  .small-margin-collapse > .xxlarge-6 {
    width: 50%;
  }
  .small-margin-collapse > .xxlarge-7 {
    width: 58.3333333333%;
  }
  .small-margin-collapse > .xxlarge-8 {
    width: 66.6666666667%;
  }
  .small-margin-collapse > .xxlarge-9 {
    width: 75%;
  }
  .small-margin-collapse > .xxlarge-10 {
    width: 83.3333333333%;
  }
  .small-margin-collapse > .xxlarge-11 {
    width: 91.6666666667%;
  }
  .small-margin-collapse > .xxlarge-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.3333333333%;
  }
  .medium-margin-collapse > .small-2 {
    width: 16.6666666667%;
  }
  .medium-margin-collapse > .small-3 {
    width: 25%;
  }
  .medium-margin-collapse > .small-4 {
    width: 33.3333333333%;
  }
  .medium-margin-collapse > .small-5 {
    width: 41.6666666667%;
  }
  .medium-margin-collapse > .small-6 {
    width: 50%;
  }
  .medium-margin-collapse > .small-7 {
    width: 58.3333333333%;
  }
  .medium-margin-collapse > .small-8 {
    width: 66.6666666667%;
  }
  .medium-margin-collapse > .small-9 {
    width: 75%;
  }
  .medium-margin-collapse > .small-10 {
    width: 83.3333333333%;
  }
  .medium-margin-collapse > .small-11 {
    width: 91.6666666667%;
  }
  .medium-margin-collapse > .small-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 40em) {
  .medium-margin-collapse > .medium-1 {
    width: 8.3333333333%;
  }
  .medium-margin-collapse > .medium-2 {
    width: 16.6666666667%;
  }
  .medium-margin-collapse > .medium-3 {
    width: 25%;
  }
  .medium-margin-collapse > .medium-4 {
    width: 33.3333333333%;
  }
  .medium-margin-collapse > .medium-5 {
    width: 41.6666666667%;
  }
  .medium-margin-collapse > .medium-6 {
    width: 50%;
  }
  .medium-margin-collapse > .medium-7 {
    width: 58.3333333333%;
  }
  .medium-margin-collapse > .medium-8 {
    width: 66.6666666667%;
  }
  .medium-margin-collapse > .medium-9 {
    width: 75%;
  }
  .medium-margin-collapse > .medium-10 {
    width: 83.3333333333%;
  }
  .medium-margin-collapse > .medium-11 {
    width: 91.6666666667%;
  }
  .medium-margin-collapse > .medium-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .medium-margin-collapse > .large-1 {
    width: 8.3333333333%;
  }
  .medium-margin-collapse > .large-2 {
    width: 16.6666666667%;
  }
  .medium-margin-collapse > .large-3 {
    width: 25%;
  }
  .medium-margin-collapse > .large-4 {
    width: 33.3333333333%;
  }
  .medium-margin-collapse > .large-5 {
    width: 41.6666666667%;
  }
  .medium-margin-collapse > .large-6 {
    width: 50%;
  }
  .medium-margin-collapse > .large-7 {
    width: 58.3333333333%;
  }
  .medium-margin-collapse > .large-8 {
    width: 66.6666666667%;
  }
  .medium-margin-collapse > .large-9 {
    width: 75%;
  }
  .medium-margin-collapse > .large-10 {
    width: 83.3333333333%;
  }
  .medium-margin-collapse > .large-11 {
    width: 91.6666666667%;
  }
  .medium-margin-collapse > .large-12 {
    width: 100%;
  }
}
@media screen and (min-width: 81.25em) {
  .medium-margin-collapse > .xlarge-1 {
    width: 8.3333333333%;
  }
  .medium-margin-collapse > .xlarge-2 {
    width: 16.6666666667%;
  }
  .medium-margin-collapse > .xlarge-3 {
    width: 25%;
  }
  .medium-margin-collapse > .xlarge-4 {
    width: 33.3333333333%;
  }
  .medium-margin-collapse > .xlarge-5 {
    width: 41.6666666667%;
  }
  .medium-margin-collapse > .xlarge-6 {
    width: 50%;
  }
  .medium-margin-collapse > .xlarge-7 {
    width: 58.3333333333%;
  }
  .medium-margin-collapse > .xlarge-8 {
    width: 66.6666666667%;
  }
  .medium-margin-collapse > .xlarge-9 {
    width: 75%;
  }
  .medium-margin-collapse > .xlarge-10 {
    width: 83.3333333333%;
  }
  .medium-margin-collapse > .xlarge-11 {
    width: 91.6666666667%;
  }
  .medium-margin-collapse > .xlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 106.25em) {
  .medium-margin-collapse > .xxlarge-1 {
    width: 8.3333333333%;
  }
  .medium-margin-collapse > .xxlarge-2 {
    width: 16.6666666667%;
  }
  .medium-margin-collapse > .xxlarge-3 {
    width: 25%;
  }
  .medium-margin-collapse > .xxlarge-4 {
    width: 33.3333333333%;
  }
  .medium-margin-collapse > .xxlarge-5 {
    width: 41.6666666667%;
  }
  .medium-margin-collapse > .xxlarge-6 {
    width: 50%;
  }
  .medium-margin-collapse > .xxlarge-7 {
    width: 58.3333333333%;
  }
  .medium-margin-collapse > .xxlarge-8 {
    width: 66.6666666667%;
  }
  .medium-margin-collapse > .xxlarge-9 {
    width: 75%;
  }
  .medium-margin-collapse > .xxlarge-10 {
    width: 83.3333333333%;
  }
  .medium-margin-collapse > .xxlarge-11 {
    width: 91.6666666667%;
  }
  .medium-margin-collapse > .xxlarge-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.3333333333%;
  }
  .large-margin-collapse > .small-2 {
    width: 16.6666666667%;
  }
  .large-margin-collapse > .small-3 {
    width: 25%;
  }
  .large-margin-collapse > .small-4 {
    width: 33.3333333333%;
  }
  .large-margin-collapse > .small-5 {
    width: 41.6666666667%;
  }
  .large-margin-collapse > .small-6 {
    width: 50%;
  }
  .large-margin-collapse > .small-7 {
    width: 58.3333333333%;
  }
  .large-margin-collapse > .small-8 {
    width: 66.6666666667%;
  }
  .large-margin-collapse > .small-9 {
    width: 75%;
  }
  .large-margin-collapse > .small-10 {
    width: 83.3333333333%;
  }
  .large-margin-collapse > .small-11 {
    width: 91.6666666667%;
  }
  .large-margin-collapse > .small-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .large-margin-collapse > .medium-1 {
    width: 8.3333333333%;
  }
  .large-margin-collapse > .medium-2 {
    width: 16.6666666667%;
  }
  .large-margin-collapse > .medium-3 {
    width: 25%;
  }
  .large-margin-collapse > .medium-4 {
    width: 33.3333333333%;
  }
  .large-margin-collapse > .medium-5 {
    width: 41.6666666667%;
  }
  .large-margin-collapse > .medium-6 {
    width: 50%;
  }
  .large-margin-collapse > .medium-7 {
    width: 58.3333333333%;
  }
  .large-margin-collapse > .medium-8 {
    width: 66.6666666667%;
  }
  .large-margin-collapse > .medium-9 {
    width: 75%;
  }
  .large-margin-collapse > .medium-10 {
    width: 83.3333333333%;
  }
  .large-margin-collapse > .medium-11 {
    width: 91.6666666667%;
  }
  .large-margin-collapse > .medium-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .large-margin-collapse > .large-1 {
    width: 8.3333333333%;
  }
  .large-margin-collapse > .large-2 {
    width: 16.6666666667%;
  }
  .large-margin-collapse > .large-3 {
    width: 25%;
  }
  .large-margin-collapse > .large-4 {
    width: 33.3333333333%;
  }
  .large-margin-collapse > .large-5 {
    width: 41.6666666667%;
  }
  .large-margin-collapse > .large-6 {
    width: 50%;
  }
  .large-margin-collapse > .large-7 {
    width: 58.3333333333%;
  }
  .large-margin-collapse > .large-8 {
    width: 66.6666666667%;
  }
  .large-margin-collapse > .large-9 {
    width: 75%;
  }
  .large-margin-collapse > .large-10 {
    width: 83.3333333333%;
  }
  .large-margin-collapse > .large-11 {
    width: 91.6666666667%;
  }
  .large-margin-collapse > .large-12 {
    width: 100%;
  }
}
@media screen and (min-width: 81.25em) {
  .large-margin-collapse > .xlarge-1 {
    width: 8.3333333333%;
  }
  .large-margin-collapse > .xlarge-2 {
    width: 16.6666666667%;
  }
  .large-margin-collapse > .xlarge-3 {
    width: 25%;
  }
  .large-margin-collapse > .xlarge-4 {
    width: 33.3333333333%;
  }
  .large-margin-collapse > .xlarge-5 {
    width: 41.6666666667%;
  }
  .large-margin-collapse > .xlarge-6 {
    width: 50%;
  }
  .large-margin-collapse > .xlarge-7 {
    width: 58.3333333333%;
  }
  .large-margin-collapse > .xlarge-8 {
    width: 66.6666666667%;
  }
  .large-margin-collapse > .xlarge-9 {
    width: 75%;
  }
  .large-margin-collapse > .xlarge-10 {
    width: 83.3333333333%;
  }
  .large-margin-collapse > .xlarge-11 {
    width: 91.6666666667%;
  }
  .large-margin-collapse > .xlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 106.25em) {
  .large-margin-collapse > .xxlarge-1 {
    width: 8.3333333333%;
  }
  .large-margin-collapse > .xxlarge-2 {
    width: 16.6666666667%;
  }
  .large-margin-collapse > .xxlarge-3 {
    width: 25%;
  }
  .large-margin-collapse > .xxlarge-4 {
    width: 33.3333333333%;
  }
  .large-margin-collapse > .xxlarge-5 {
    width: 41.6666666667%;
  }
  .large-margin-collapse > .xxlarge-6 {
    width: 50%;
  }
  .large-margin-collapse > .xxlarge-7 {
    width: 58.3333333333%;
  }
  .large-margin-collapse > .xxlarge-8 {
    width: 66.6666666667%;
  }
  .large-margin-collapse > .xxlarge-9 {
    width: 75%;
  }
  .large-margin-collapse > .xxlarge-10 {
    width: 83.3333333333%;
  }
  .large-margin-collapse > .xxlarge-11 {
    width: 91.6666666667%;
  }
  .large-margin-collapse > .xxlarge-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: 81.25em) {
  .xlarge-margin-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .xlarge-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0;
  }
}
@media screen and (min-width: 81.25em) {
  .xlarge-margin-collapse > .small-1 {
    width: 8.3333333333%;
  }
  .xlarge-margin-collapse > .small-2 {
    width: 16.6666666667%;
  }
  .xlarge-margin-collapse > .small-3 {
    width: 25%;
  }
  .xlarge-margin-collapse > .small-4 {
    width: 33.3333333333%;
  }
  .xlarge-margin-collapse > .small-5 {
    width: 41.6666666667%;
  }
  .xlarge-margin-collapse > .small-6 {
    width: 50%;
  }
  .xlarge-margin-collapse > .small-7 {
    width: 58.3333333333%;
  }
  .xlarge-margin-collapse > .small-8 {
    width: 66.6666666667%;
  }
  .xlarge-margin-collapse > .small-9 {
    width: 75%;
  }
  .xlarge-margin-collapse > .small-10 {
    width: 83.3333333333%;
  }
  .xlarge-margin-collapse > .small-11 {
    width: 91.6666666667%;
  }
  .xlarge-margin-collapse > .small-12 {
    width: 100%;
  }
}
@media screen and (min-width: 81.25em) {
  .xlarge-margin-collapse > .medium-1 {
    width: 8.3333333333%;
  }
  .xlarge-margin-collapse > .medium-2 {
    width: 16.6666666667%;
  }
  .xlarge-margin-collapse > .medium-3 {
    width: 25%;
  }
  .xlarge-margin-collapse > .medium-4 {
    width: 33.3333333333%;
  }
  .xlarge-margin-collapse > .medium-5 {
    width: 41.6666666667%;
  }
  .xlarge-margin-collapse > .medium-6 {
    width: 50%;
  }
  .xlarge-margin-collapse > .medium-7 {
    width: 58.3333333333%;
  }
  .xlarge-margin-collapse > .medium-8 {
    width: 66.6666666667%;
  }
  .xlarge-margin-collapse > .medium-9 {
    width: 75%;
  }
  .xlarge-margin-collapse > .medium-10 {
    width: 83.3333333333%;
  }
  .xlarge-margin-collapse > .medium-11 {
    width: 91.6666666667%;
  }
  .xlarge-margin-collapse > .medium-12 {
    width: 100%;
  }
}
@media screen and (min-width: 81.25em) {
  .xlarge-margin-collapse > .large-1 {
    width: 8.3333333333%;
  }
  .xlarge-margin-collapse > .large-2 {
    width: 16.6666666667%;
  }
  .xlarge-margin-collapse > .large-3 {
    width: 25%;
  }
  .xlarge-margin-collapse > .large-4 {
    width: 33.3333333333%;
  }
  .xlarge-margin-collapse > .large-5 {
    width: 41.6666666667%;
  }
  .xlarge-margin-collapse > .large-6 {
    width: 50%;
  }
  .xlarge-margin-collapse > .large-7 {
    width: 58.3333333333%;
  }
  .xlarge-margin-collapse > .large-8 {
    width: 66.6666666667%;
  }
  .xlarge-margin-collapse > .large-9 {
    width: 75%;
  }
  .xlarge-margin-collapse > .large-10 {
    width: 83.3333333333%;
  }
  .xlarge-margin-collapse > .large-11 {
    width: 91.6666666667%;
  }
  .xlarge-margin-collapse > .large-12 {
    width: 100%;
  }
}
@media screen and (min-width: 81.25em) {
  .xlarge-margin-collapse > .xlarge-1 {
    width: 8.3333333333%;
  }
  .xlarge-margin-collapse > .xlarge-2 {
    width: 16.6666666667%;
  }
  .xlarge-margin-collapse > .xlarge-3 {
    width: 25%;
  }
  .xlarge-margin-collapse > .xlarge-4 {
    width: 33.3333333333%;
  }
  .xlarge-margin-collapse > .xlarge-5 {
    width: 41.6666666667%;
  }
  .xlarge-margin-collapse > .xlarge-6 {
    width: 50%;
  }
  .xlarge-margin-collapse > .xlarge-7 {
    width: 58.3333333333%;
  }
  .xlarge-margin-collapse > .xlarge-8 {
    width: 66.6666666667%;
  }
  .xlarge-margin-collapse > .xlarge-9 {
    width: 75%;
  }
  .xlarge-margin-collapse > .xlarge-10 {
    width: 83.3333333333%;
  }
  .xlarge-margin-collapse > .xlarge-11 {
    width: 91.6666666667%;
  }
  .xlarge-margin-collapse > .xlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 106.25em) {
  .xlarge-margin-collapse > .xxlarge-1 {
    width: 8.3333333333%;
  }
  .xlarge-margin-collapse > .xxlarge-2 {
    width: 16.6666666667%;
  }
  .xlarge-margin-collapse > .xxlarge-3 {
    width: 25%;
  }
  .xlarge-margin-collapse > .xxlarge-4 {
    width: 33.3333333333%;
  }
  .xlarge-margin-collapse > .xxlarge-5 {
    width: 41.6666666667%;
  }
  .xlarge-margin-collapse > .xxlarge-6 {
    width: 50%;
  }
  .xlarge-margin-collapse > .xxlarge-7 {
    width: 58.3333333333%;
  }
  .xlarge-margin-collapse > .xxlarge-8 {
    width: 66.6666666667%;
  }
  .xlarge-margin-collapse > .xxlarge-9 {
    width: 75%;
  }
  .xlarge-margin-collapse > .xxlarge-10 {
    width: 83.3333333333%;
  }
  .xlarge-margin-collapse > .xxlarge-11 {
    width: 91.6666666667%;
  }
  .xlarge-margin-collapse > .xxlarge-12 {
    width: 100%;
  }
}

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

@media screen and (min-width: 106.25em) {
  .xxlarge-margin-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .xxlarge-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0;
  }
}
@media screen and (min-width: 106.25em) {
  .xxlarge-margin-collapse > .small-1 {
    width: 8.3333333333%;
  }
  .xxlarge-margin-collapse > .small-2 {
    width: 16.6666666667%;
  }
  .xxlarge-margin-collapse > .small-3 {
    width: 25%;
  }
  .xxlarge-margin-collapse > .small-4 {
    width: 33.3333333333%;
  }
  .xxlarge-margin-collapse > .small-5 {
    width: 41.6666666667%;
  }
  .xxlarge-margin-collapse > .small-6 {
    width: 50%;
  }
  .xxlarge-margin-collapse > .small-7 {
    width: 58.3333333333%;
  }
  .xxlarge-margin-collapse > .small-8 {
    width: 66.6666666667%;
  }
  .xxlarge-margin-collapse > .small-9 {
    width: 75%;
  }
  .xxlarge-margin-collapse > .small-10 {
    width: 83.3333333333%;
  }
  .xxlarge-margin-collapse > .small-11 {
    width: 91.6666666667%;
  }
  .xxlarge-margin-collapse > .small-12 {
    width: 100%;
  }
}
@media screen and (min-width: 106.25em) {
  .xxlarge-margin-collapse > .medium-1 {
    width: 8.3333333333%;
  }
  .xxlarge-margin-collapse > .medium-2 {
    width: 16.6666666667%;
  }
  .xxlarge-margin-collapse > .medium-3 {
    width: 25%;
  }
  .xxlarge-margin-collapse > .medium-4 {
    width: 33.3333333333%;
  }
  .xxlarge-margin-collapse > .medium-5 {
    width: 41.6666666667%;
  }
  .xxlarge-margin-collapse > .medium-6 {
    width: 50%;
  }
  .xxlarge-margin-collapse > .medium-7 {
    width: 58.3333333333%;
  }
  .xxlarge-margin-collapse > .medium-8 {
    width: 66.6666666667%;
  }
  .xxlarge-margin-collapse > .medium-9 {
    width: 75%;
  }
  .xxlarge-margin-collapse > .medium-10 {
    width: 83.3333333333%;
  }
  .xxlarge-margin-collapse > .medium-11 {
    width: 91.6666666667%;
  }
  .xxlarge-margin-collapse > .medium-12 {
    width: 100%;
  }
}
@media screen and (min-width: 106.25em) {
  .xxlarge-margin-collapse > .large-1 {
    width: 8.3333333333%;
  }
  .xxlarge-margin-collapse > .large-2 {
    width: 16.6666666667%;
  }
  .xxlarge-margin-collapse > .large-3 {
    width: 25%;
  }
  .xxlarge-margin-collapse > .large-4 {
    width: 33.3333333333%;
  }
  .xxlarge-margin-collapse > .large-5 {
    width: 41.6666666667%;
  }
  .xxlarge-margin-collapse > .large-6 {
    width: 50%;
  }
  .xxlarge-margin-collapse > .large-7 {
    width: 58.3333333333%;
  }
  .xxlarge-margin-collapse > .large-8 {
    width: 66.6666666667%;
  }
  .xxlarge-margin-collapse > .large-9 {
    width: 75%;
  }
  .xxlarge-margin-collapse > .large-10 {
    width: 83.3333333333%;
  }
  .xxlarge-margin-collapse > .large-11 {
    width: 91.6666666667%;
  }
  .xxlarge-margin-collapse > .large-12 {
    width: 100%;
  }
}
@media screen and (min-width: 106.25em) {
  .xxlarge-margin-collapse > .xlarge-1 {
    width: 8.3333333333%;
  }
  .xxlarge-margin-collapse > .xlarge-2 {
    width: 16.6666666667%;
  }
  .xxlarge-margin-collapse > .xlarge-3 {
    width: 25%;
  }
  .xxlarge-margin-collapse > .xlarge-4 {
    width: 33.3333333333%;
  }
  .xxlarge-margin-collapse > .xlarge-5 {
    width: 41.6666666667%;
  }
  .xxlarge-margin-collapse > .xlarge-6 {
    width: 50%;
  }
  .xxlarge-margin-collapse > .xlarge-7 {
    width: 58.3333333333%;
  }
  .xxlarge-margin-collapse > .xlarge-8 {
    width: 66.6666666667%;
  }
  .xxlarge-margin-collapse > .xlarge-9 {
    width: 75%;
  }
  .xxlarge-margin-collapse > .xlarge-10 {
    width: 83.3333333333%;
  }
  .xxlarge-margin-collapse > .xlarge-11 {
    width: 91.6666666667%;
  }
  .xxlarge-margin-collapse > .xlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 106.25em) {
  .xxlarge-margin-collapse > .xxlarge-1 {
    width: 8.3333333333%;
  }
  .xxlarge-margin-collapse > .xxlarge-2 {
    width: 16.6666666667%;
  }
  .xxlarge-margin-collapse > .xxlarge-3 {
    width: 25%;
  }
  .xxlarge-margin-collapse > .xxlarge-4 {
    width: 33.3333333333%;
  }
  .xxlarge-margin-collapse > .xxlarge-5 {
    width: 41.6666666667%;
  }
  .xxlarge-margin-collapse > .xxlarge-6 {
    width: 50%;
  }
  .xxlarge-margin-collapse > .xxlarge-7 {
    width: 58.3333333333%;
  }
  .xxlarge-margin-collapse > .xxlarge-8 {
    width: 66.6666666667%;
  }
  .xxlarge-margin-collapse > .xxlarge-9 {
    width: 75%;
  }
  .xxlarge-margin-collapse > .xxlarge-10 {
    width: 83.3333333333%;
  }
  .xxlarge-margin-collapse > .xxlarge-11 {
    width: 91.6666666667%;
  }
  .xxlarge-margin-collapse > .xxlarge-12 {
    width: 100%;
  }
}

@media screen and (min-width: 106.25em) {
  .xxlarge-padding-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .xxlarge-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.3333333333%;
}

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

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

.grid-margin-x > .small-offset-2 {
  margin-left: calc(16.6666666667% + 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.3333333333%;
}

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

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

.grid-margin-x > .small-offset-5 {
  margin-left: calc(41.6666666667% + 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.3333333333%;
}

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

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

.grid-margin-x > .small-offset-8 {
  margin-left: calc(66.6666666667% + 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.3333333333%;
}

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

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

.grid-margin-x > .small-offset-11 {
  margin-left: calc(91.6666666667% + 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.3333333333%;
  }
  .grid-margin-x > .medium-offset-1 {
    margin-left: calc(8.3333333333% + 0.9375rem);
  }
  .medium-offset-2 {
    margin-left: 16.6666666667%;
  }
  .grid-margin-x > .medium-offset-2 {
    margin-left: calc(16.6666666667% + 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.3333333333%;
  }
  .grid-margin-x > .medium-offset-4 {
    margin-left: calc(33.3333333333% + 0.9375rem);
  }
  .medium-offset-5 {
    margin-left: 41.6666666667%;
  }
  .grid-margin-x > .medium-offset-5 {
    margin-left: calc(41.6666666667% + 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.3333333333%;
  }
  .grid-margin-x > .medium-offset-7 {
    margin-left: calc(58.3333333333% + 0.9375rem);
  }
  .medium-offset-8 {
    margin-left: 66.6666666667%;
  }
  .grid-margin-x > .medium-offset-8 {
    margin-left: calc(66.6666666667% + 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.3333333333%;
  }
  .grid-margin-x > .medium-offset-10 {
    margin-left: calc(83.3333333333% + 0.9375rem);
  }
  .medium-offset-11 {
    margin-left: 91.6666666667%;
  }
  .grid-margin-x > .medium-offset-11 {
    margin-left: calc(91.6666666667% + 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.3333333333%;
  }
  .grid-margin-x > .large-offset-1 {
    margin-left: calc(8.3333333333% + 0.9375rem);
  }
  .large-offset-2 {
    margin-left: 16.6666666667%;
  }
  .grid-margin-x > .large-offset-2 {
    margin-left: calc(16.6666666667% + 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.3333333333%;
  }
  .grid-margin-x > .large-offset-4 {
    margin-left: calc(33.3333333333% + 0.9375rem);
  }
  .large-offset-5 {
    margin-left: 41.6666666667%;
  }
  .grid-margin-x > .large-offset-5 {
    margin-left: calc(41.6666666667% + 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.3333333333%;
  }
  .grid-margin-x > .large-offset-7 {
    margin-left: calc(58.3333333333% + 0.9375rem);
  }
  .large-offset-8 {
    margin-left: 66.6666666667%;
  }
  .grid-margin-x > .large-offset-8 {
    margin-left: calc(66.6666666667% + 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.3333333333%;
  }
  .grid-margin-x > .large-offset-10 {
    margin-left: calc(83.3333333333% + 0.9375rem);
  }
  .large-offset-11 {
    margin-left: 91.6666666667%;
  }
  .grid-margin-x > .large-offset-11 {
    margin-left: calc(91.6666666667% + 0.9375rem);
  }
}
@media screen and (min-width: 81.25em) {
  .xlarge-offset-0 {
    margin-left: 0%;
  }
  .grid-margin-x > .xlarge-offset-0 {
    margin-left: calc(0% + 0.9375rem);
  }
  .xlarge-offset-1 {
    margin-left: 8.3333333333%;
  }
  .grid-margin-x > .xlarge-offset-1 {
    margin-left: calc(8.3333333333% + 0.9375rem);
  }
  .xlarge-offset-2 {
    margin-left: 16.6666666667%;
  }
  .grid-margin-x > .xlarge-offset-2 {
    margin-left: calc(16.6666666667% + 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.3333333333%;
  }
  .grid-margin-x > .xlarge-offset-4 {
    margin-left: calc(33.3333333333% + 0.9375rem);
  }
  .xlarge-offset-5 {
    margin-left: 41.6666666667%;
  }
  .grid-margin-x > .xlarge-offset-5 {
    margin-left: calc(41.6666666667% + 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.3333333333%;
  }
  .grid-margin-x > .xlarge-offset-7 {
    margin-left: calc(58.3333333333% + 0.9375rem);
  }
  .xlarge-offset-8 {
    margin-left: 66.6666666667%;
  }
  .grid-margin-x > .xlarge-offset-8 {
    margin-left: calc(66.6666666667% + 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.3333333333%;
  }
  .grid-margin-x > .xlarge-offset-10 {
    margin-left: calc(83.3333333333% + 0.9375rem);
  }
  .xlarge-offset-11 {
    margin-left: 91.6666666667%;
  }
  .grid-margin-x > .xlarge-offset-11 {
    margin-left: calc(91.6666666667% + 0.9375rem);
  }
}
@media screen and (min-width: 106.25em) {
  .xxlarge-offset-0 {
    margin-left: 0%;
  }
  .grid-margin-x > .xxlarge-offset-0 {
    margin-left: calc(0% + 0.9375rem);
  }
  .xxlarge-offset-1 {
    margin-left: 8.3333333333%;
  }
  .grid-margin-x > .xxlarge-offset-1 {
    margin-left: calc(8.3333333333% + 0.9375rem);
  }
  .xxlarge-offset-2 {
    margin-left: 16.6666666667%;
  }
  .grid-margin-x > .xxlarge-offset-2 {
    margin-left: calc(16.6666666667% + 0.9375rem);
  }
  .xxlarge-offset-3 {
    margin-left: 25%;
  }
  .grid-margin-x > .xxlarge-offset-3 {
    margin-left: calc(25% + 0.9375rem);
  }
  .xxlarge-offset-4 {
    margin-left: 33.3333333333%;
  }
  .grid-margin-x > .xxlarge-offset-4 {
    margin-left: calc(33.3333333333% + 0.9375rem);
  }
  .xxlarge-offset-5 {
    margin-left: 41.6666666667%;
  }
  .grid-margin-x > .xxlarge-offset-5 {
    margin-left: calc(41.6666666667% + 0.9375rem);
  }
  .xxlarge-offset-6 {
    margin-left: 50%;
  }
  .grid-margin-x > .xxlarge-offset-6 {
    margin-left: calc(50% + 0.9375rem);
  }
  .xxlarge-offset-7 {
    margin-left: 58.3333333333%;
  }
  .grid-margin-x > .xxlarge-offset-7 {
    margin-left: calc(58.3333333333% + 0.9375rem);
  }
  .xxlarge-offset-8 {
    margin-left: 66.6666666667%;
  }
  .grid-margin-x > .xxlarge-offset-8 {
    margin-left: calc(66.6666666667% + 0.9375rem);
  }
  .xxlarge-offset-9 {
    margin-left: 75%;
  }
  .grid-margin-x > .xxlarge-offset-9 {
    margin-left: calc(75% + 0.9375rem);
  }
  .xxlarge-offset-10 {
    margin-left: 83.3333333333%;
  }
  .grid-margin-x > .xxlarge-offset-10 {
    margin-left: calc(83.3333333333% + 0.9375rem);
  }
  .xxlarge-offset-11 {
    margin-left: 91.6666666667%;
  }
  .grid-margin-x > .xxlarge-offset-11 {
    margin-left: calc(91.6666666667% + 0.9375rem);
  }
}
.grid-y {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
}
.grid-y > .cell {
  height: auto;
  max-height: 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 {
  -ms-flex-preferred-size: auto;
      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 {
    -ms-flex-preferred-size: auto;
        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 {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
}
@media screen and (min-width: 81.25em) {
  .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 {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
}
@media screen and (min-width: 106.25em) {
  .grid-y > .xxlarge-shrink, .grid-y > .xxlarge-full, .grid-y > .xxlarge-1, .grid-y > .xxlarge-2, .grid-y > .xxlarge-3, .grid-y > .xxlarge-4, .grid-y > .xxlarge-5, .grid-y > .xxlarge-6, .grid-y > .xxlarge-7, .grid-y > .xxlarge-8, .grid-y > .xxlarge-9, .grid-y > .xxlarge-10, .grid-y > .xxlarge-11, .grid-y > .xxlarge-12 {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
}
.grid-y > .small-12, .grid-y > .small-11, .grid-y > .small-10, .grid-y > .small-9, .grid-y > .small-8, .grid-y > .small-7, .grid-y > .small-6, .grid-y > .small-5, .grid-y > .small-4, .grid-y > .small-3, .grid-y > .small-2, .grid-y > .small-1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.grid-y > .small-1 {
  height: 8.3333333333%;
}
.grid-y > .small-2 {
  height: 16.6666666667%;
}
.grid-y > .small-3 {
  height: 25%;
}
.grid-y > .small-4 {
  height: 33.3333333333%;
}
.grid-y > .small-5 {
  height: 41.6666666667%;
}
.grid-y > .small-6 {
  height: 50%;
}
.grid-y > .small-7 {
  height: 58.3333333333%;
}
.grid-y > .small-8 {
  height: 66.6666666667%;
}
.grid-y > .small-9 {
  height: 75%;
}
.grid-y > .small-10 {
  height: 83.3333333333%;
}
.grid-y > .small-11 {
  height: 91.6666666667%;
}
.grid-y > .small-12 {
  height: 100%;
}
@media print, screen and (min-width: 40em) {
  .grid-y > .medium-auto {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
    height: auto;
  }
  .grid-y > .medium-12, .grid-y > .medium-11, .grid-y > .medium-10, .grid-y > .medium-9, .grid-y > .medium-8, .grid-y > .medium-7, .grid-y > .medium-6, .grid-y > .medium-5, .grid-y > .medium-4, .grid-y > .medium-3, .grid-y > .medium-2, .grid-y > .medium-1, .grid-y > .medium-shrink {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
  .grid-y > .medium-shrink {
    height: auto;
  }
  .grid-y > .medium-1 {
    height: 8.3333333333%;
  }
  .grid-y > .medium-2 {
    height: 16.6666666667%;
  }
  .grid-y > .medium-3 {
    height: 25%;
  }
  .grid-y > .medium-4 {
    height: 33.3333333333%;
  }
  .grid-y > .medium-5 {
    height: 41.6666666667%;
  }
  .grid-y > .medium-6 {
    height: 50%;
  }
  .grid-y > .medium-7 {
    height: 58.3333333333%;
  }
  .grid-y > .medium-8 {
    height: 66.6666666667%;
  }
  .grid-y > .medium-9 {
    height: 75%;
  }
  .grid-y > .medium-10 {
    height: 83.3333333333%;
  }
  .grid-y > .medium-11 {
    height: 91.6666666667%;
  }
  .grid-y > .medium-12 {
    height: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .grid-y > .large-auto {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
    height: auto;
  }
  .grid-y > .large-12, .grid-y > .large-11, .grid-y > .large-10, .grid-y > .large-9, .grid-y > .large-8, .grid-y > .large-7, .grid-y > .large-6, .grid-y > .large-5, .grid-y > .large-4, .grid-y > .large-3, .grid-y > .large-2, .grid-y > .large-1, .grid-y > .large-shrink {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
  .grid-y > .large-shrink {
    height: auto;
  }
  .grid-y > .large-1 {
    height: 8.3333333333%;
  }
  .grid-y > .large-2 {
    height: 16.6666666667%;
  }
  .grid-y > .large-3 {
    height: 25%;
  }
  .grid-y > .large-4 {
    height: 33.3333333333%;
  }
  .grid-y > .large-5 {
    height: 41.6666666667%;
  }
  .grid-y > .large-6 {
    height: 50%;
  }
  .grid-y > .large-7 {
    height: 58.3333333333%;
  }
  .grid-y > .large-8 {
    height: 66.6666666667%;
  }
  .grid-y > .large-9 {
    height: 75%;
  }
  .grid-y > .large-10 {
    height: 83.3333333333%;
  }
  .grid-y > .large-11 {
    height: 91.6666666667%;
  }
  .grid-y > .large-12 {
    height: 100%;
  }
}
@media screen and (min-width: 81.25em) {
  .grid-y > .xlarge-auto {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
    height: auto;
  }
  .grid-y > .xlarge-12, .grid-y > .xlarge-11, .grid-y > .xlarge-10, .grid-y > .xlarge-9, .grid-y > .xlarge-8, .grid-y > .xlarge-7, .grid-y > .xlarge-6, .grid-y > .xlarge-5, .grid-y > .xlarge-4, .grid-y > .xlarge-3, .grid-y > .xlarge-2, .grid-y > .xlarge-1, .grid-y > .xlarge-shrink {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
  .grid-y > .xlarge-shrink {
    height: auto;
  }
  .grid-y > .xlarge-1 {
    height: 8.3333333333%;
  }
  .grid-y > .xlarge-2 {
    height: 16.6666666667%;
  }
  .grid-y > .xlarge-3 {
    height: 25%;
  }
  .grid-y > .xlarge-4 {
    height: 33.3333333333%;
  }
  .grid-y > .xlarge-5 {
    height: 41.6666666667%;
  }
  .grid-y > .xlarge-6 {
    height: 50%;
  }
  .grid-y > .xlarge-7 {
    height: 58.3333333333%;
  }
  .grid-y > .xlarge-8 {
    height: 66.6666666667%;
  }
  .grid-y > .xlarge-9 {
    height: 75%;
  }
  .grid-y > .xlarge-10 {
    height: 83.3333333333%;
  }
  .grid-y > .xlarge-11 {
    height: 91.6666666667%;
  }
  .grid-y > .xlarge-12 {
    height: 100%;
  }
}
@media screen and (min-width: 106.25em) {
  .grid-y > .xxlarge-auto {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
    height: auto;
  }
  .grid-y > .xxlarge-12, .grid-y > .xxlarge-11, .grid-y > .xxlarge-10, .grid-y > .xxlarge-9, .grid-y > .xxlarge-8, .grid-y > .xxlarge-7, .grid-y > .xxlarge-6, .grid-y > .xxlarge-5, .grid-y > .xxlarge-4, .grid-y > .xxlarge-3, .grid-y > .xxlarge-2, .grid-y > .xxlarge-1, .grid-y > .xxlarge-shrink {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
  .grid-y > .xxlarge-shrink {
    height: auto;
  }
  .grid-y > .xxlarge-1 {
    height: 8.3333333333%;
  }
  .grid-y > .xxlarge-2 {
    height: 16.6666666667%;
  }
  .grid-y > .xxlarge-3 {
    height: 25%;
  }
  .grid-y > .xxlarge-4 {
    height: 33.3333333333%;
  }
  .grid-y > .xxlarge-5 {
    height: 41.6666666667%;
  }
  .grid-y > .xxlarge-6 {
    height: 50%;
  }
  .grid-y > .xxlarge-7 {
    height: 58.3333333333%;
  }
  .grid-y > .xxlarge-8 {
    height: 66.6666666667%;
  }
  .grid-y > .xxlarge-9 {
    height: 75%;
  }
  .grid-y > .xxlarge-10 {
    height: 83.3333333333%;
  }
  .grid-y > .xxlarge-11 {
    height: 91.6666666667%;
  }
  .grid-y > .xxlarge-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.3333333333% - 1.25rem);
}
.grid-margin-y > .small-2 {
  height: calc(16.6666666667% - 1.25rem);
}
.grid-margin-y > .small-3 {
  height: calc(25% - 1.25rem);
}
.grid-margin-y > .small-4 {
  height: calc(33.3333333333% - 1.25rem);
}
.grid-margin-y > .small-5 {
  height: calc(41.6666666667% - 1.25rem);
}
.grid-margin-y > .small-6 {
  height: calc(50% - 1.25rem);
}
.grid-margin-y > .small-7 {
  height: calc(58.3333333333% - 1.25rem);
}
.grid-margin-y > .small-8 {
  height: calc(66.6666666667% - 1.25rem);
}
.grid-margin-y > .small-9 {
  height: calc(75% - 1.25rem);
}
.grid-margin-y > .small-10 {
  height: calc(83.3333333333% - 1.25rem);
}
.grid-margin-y > .small-11 {
  height: calc(91.6666666667% - 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.3333333333% - 1.875rem);
  }
  .grid-margin-y > .small-2 {
    height: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-y > .small-3 {
    height: calc(25% - 1.875rem);
  }
  .grid-margin-y > .small-4 {
    height: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-y > .small-5 {
    height: calc(41.6666666667% - 1.875rem);
  }
  .grid-margin-y > .small-6 {
    height: calc(50% - 1.875rem);
  }
  .grid-margin-y > .small-7 {
    height: calc(58.3333333333% - 1.875rem);
  }
  .grid-margin-y > .small-8 {
    height: calc(66.6666666667% - 1.875rem);
  }
  .grid-margin-y > .small-9 {
    height: calc(75% - 1.875rem);
  }
  .grid-margin-y > .small-10 {
    height: calc(83.3333333333% - 1.875rem);
  }
  .grid-margin-y > .small-11 {
    height: calc(91.6666666667% - 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.3333333333% - 1.875rem);
  }
  .grid-margin-y > .medium-2 {
    height: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-y > .medium-3 {
    height: calc(25% - 1.875rem);
  }
  .grid-margin-y > .medium-4 {
    height: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-y > .medium-5 {
    height: calc(41.6666666667% - 1.875rem);
  }
  .grid-margin-y > .medium-6 {
    height: calc(50% - 1.875rem);
  }
  .grid-margin-y > .medium-7 {
    height: calc(58.3333333333% - 1.875rem);
  }
  .grid-margin-y > .medium-8 {
    height: calc(66.6666666667% - 1.875rem);
  }
  .grid-margin-y > .medium-9 {
    height: calc(75% - 1.875rem);
  }
  .grid-margin-y > .medium-10 {
    height: calc(83.3333333333% - 1.875rem);
  }
  .grid-margin-y > .medium-11 {
    height: calc(91.6666666667% - 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.3333333333% - 1.875rem);
  }
  .grid-margin-y > .large-2 {
    height: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-y > .large-3 {
    height: calc(25% - 1.875rem);
  }
  .grid-margin-y > .large-4 {
    height: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-y > .large-5 {
    height: calc(41.6666666667% - 1.875rem);
  }
  .grid-margin-y > .large-6 {
    height: calc(50% - 1.875rem);
  }
  .grid-margin-y > .large-7 {
    height: calc(58.3333333333% - 1.875rem);
  }
  .grid-margin-y > .large-8 {
    height: calc(66.6666666667% - 1.875rem);
  }
  .grid-margin-y > .large-9 {
    height: calc(75% - 1.875rem);
  }
  .grid-margin-y > .large-10 {
    height: calc(83.3333333333% - 1.875rem);
  }
  .grid-margin-y > .large-11 {
    height: calc(91.6666666667% - 1.875rem);
  }
  .grid-margin-y > .large-12 {
    height: calc(100% - 1.875rem);
  }
}
@media screen and (min-width: 81.25em) {
  .grid-margin-y > .xlarge-auto {
    height: auto;
  }
  .grid-margin-y > .xlarge-shrink {
    height: auto;
  }
  .grid-margin-y > .xlarge-1 {
    height: calc(8.3333333333% - 1.875rem);
  }
  .grid-margin-y > .xlarge-2 {
    height: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-y > .xlarge-3 {
    height: calc(25% - 1.875rem);
  }
  .grid-margin-y > .xlarge-4 {
    height: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-y > .xlarge-5 {
    height: calc(41.6666666667% - 1.875rem);
  }
  .grid-margin-y > .xlarge-6 {
    height: calc(50% - 1.875rem);
  }
  .grid-margin-y > .xlarge-7 {
    height: calc(58.3333333333% - 1.875rem);
  }
  .grid-margin-y > .xlarge-8 {
    height: calc(66.6666666667% - 1.875rem);
  }
  .grid-margin-y > .xlarge-9 {
    height: calc(75% - 1.875rem);
  }
  .grid-margin-y > .xlarge-10 {
    height: calc(83.3333333333% - 1.875rem);
  }
  .grid-margin-y > .xlarge-11 {
    height: calc(91.6666666667% - 1.875rem);
  }
  .grid-margin-y > .xlarge-12 {
    height: calc(100% - 1.875rem);
  }
}
@media screen and (min-width: 106.25em) {
  .grid-margin-y > .xxlarge-auto {
    height: auto;
  }
  .grid-margin-y > .xxlarge-shrink {
    height: auto;
  }
  .grid-margin-y > .xxlarge-1 {
    height: calc(8.3333333333% - 1.875rem);
  }
  .grid-margin-y > .xxlarge-2 {
    height: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-y > .xxlarge-3 {
    height: calc(25% - 1.875rem);
  }
  .grid-margin-y > .xxlarge-4 {
    height: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-y > .xxlarge-5 {
    height: calc(41.6666666667% - 1.875rem);
  }
  .grid-margin-y > .xxlarge-6 {
    height: calc(50% - 1.875rem);
  }
  .grid-margin-y > .xxlarge-7 {
    height: calc(58.3333333333% - 1.875rem);
  }
  .grid-margin-y > .xxlarge-8 {
    height: calc(66.6666666667% - 1.875rem);
  }
  .grid-margin-y > .xxlarge-9 {
    height: calc(75% - 1.875rem);
  }
  .grid-margin-y > .xxlarge-10 {
    height: calc(83.3333333333% - 1.875rem);
  }
  .grid-margin-y > .xxlarge-11 {
    height: calc(91.6666666667% - 1.875rem);
  }
  .grid-margin-y > .xxlarge-12 {
    height: calc(100% - 1.875rem);
  }
}

.grid-frame {
  overflow: hidden;
  position: relative;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-height: 100%;
}
.cell-block-container > .grid-x {
  max-height: 100%;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

@media print, screen and (min-width: 40em) {
  .medium-grid-frame {
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-height: 100%;
  }
  .medium-cell-block-container > .grid-x {
    max-height: 100%;
    -ms-flex-wrap: nowrap;
        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;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-height: 100%;
  }
  .large-cell-block-container > .grid-x {
    max-height: 100%;
    -ms-flex-wrap: nowrap;
        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: 81.25em) {
  .xlarge-grid-frame {
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-height: 100%;
  }
  .xlarge-cell-block-container > .grid-x {
    max-height: 100%;
    -ms-flex-wrap: nowrap;
        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;
  }
}
@media screen and (min-width: 106.25em) {
  .xxlarge-grid-frame {
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    width: 100vw;
  }
  .cell .xxlarge-grid-frame {
    width: 100%;
  }
  .xxlarge-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .xxlarge-cell-block-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-height: 100%;
  }
  .xxlarge-cell-block-container > .grid-x {
    max-height: 100%;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .xxlarge-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;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  height: 100vh;
}
@media print, screen and (min-width: 40em) {
  .grid-y.medium-grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    height: 100vh;
  }
}
@media print, screen and (min-width: 64em) {
  .grid-y.large-grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    height: 100vh;
  }
}
@media screen and (min-width: 81.25em) {
  .grid-y.xlarge-grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    height: 100vh;
  }
}
@media screen and (min-width: 106.25em) {
  .grid-y.xxlarge-grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            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: 81.25em) {
  .cell .grid-y.xlarge-grid-frame {
    height: 100%;
  }
}
@media screen and (min-width: 106.25em) {
  .cell .grid-y.xxlarge-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.3333333333% - 1.25rem);
}
.grid-margin-y > .small-2 {
  height: calc(16.6666666667% - 1.25rem);
}
.grid-margin-y > .small-3 {
  height: calc(25% - 1.25rem);
}
.grid-margin-y > .small-4 {
  height: calc(33.3333333333% - 1.25rem);
}
.grid-margin-y > .small-5 {
  height: calc(41.6666666667% - 1.25rem);
}
.grid-margin-y > .small-6 {
  height: calc(50% - 1.25rem);
}
.grid-margin-y > .small-7 {
  height: calc(58.3333333333% - 1.25rem);
}
.grid-margin-y > .small-8 {
  height: calc(66.6666666667% - 1.25rem);
}
.grid-margin-y > .small-9 {
  height: calc(75% - 1.25rem);
}
.grid-margin-y > .small-10 {
  height: calc(83.3333333333% - 1.25rem);
}
.grid-margin-y > .small-11 {
  height: calc(91.6666666667% - 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.3333333333% - 1.875rem);
  }
  .grid-margin-y > .small-2 {
    height: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-y > .small-3 {
    height: calc(25% - 1.875rem);
  }
  .grid-margin-y > .small-4 {
    height: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-y > .small-5 {
    height: calc(41.6666666667% - 1.875rem);
  }
  .grid-margin-y > .small-6 {
    height: calc(50% - 1.875rem);
  }
  .grid-margin-y > .small-7 {
    height: calc(58.3333333333% - 1.875rem);
  }
  .grid-margin-y > .small-8 {
    height: calc(66.6666666667% - 1.875rem);
  }
  .grid-margin-y > .small-9 {
    height: calc(75% - 1.875rem);
  }
  .grid-margin-y > .small-10 {
    height: calc(83.3333333333% - 1.875rem);
  }
  .grid-margin-y > .small-11 {
    height: calc(91.6666666667% - 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.3333333333% - 1.875rem);
  }
  .grid-margin-y > .medium-2 {
    height: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-y > .medium-3 {
    height: calc(25% - 1.875rem);
  }
  .grid-margin-y > .medium-4 {
    height: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-y > .medium-5 {
    height: calc(41.6666666667% - 1.875rem);
  }
  .grid-margin-y > .medium-6 {
    height: calc(50% - 1.875rem);
  }
  .grid-margin-y > .medium-7 {
    height: calc(58.3333333333% - 1.875rem);
  }
  .grid-margin-y > .medium-8 {
    height: calc(66.6666666667% - 1.875rem);
  }
  .grid-margin-y > .medium-9 {
    height: calc(75% - 1.875rem);
  }
  .grid-margin-y > .medium-10 {
    height: calc(83.3333333333% - 1.875rem);
  }
  .grid-margin-y > .medium-11 {
    height: calc(91.6666666667% - 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.3333333333% - 1.875rem);
  }
  .grid-margin-y > .large-2 {
    height: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-y > .large-3 {
    height: calc(25% - 1.875rem);
  }
  .grid-margin-y > .large-4 {
    height: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-y > .large-5 {
    height: calc(41.6666666667% - 1.875rem);
  }
  .grid-margin-y > .large-6 {
    height: calc(50% - 1.875rem);
  }
  .grid-margin-y > .large-7 {
    height: calc(58.3333333333% - 1.875rem);
  }
  .grid-margin-y > .large-8 {
    height: calc(66.6666666667% - 1.875rem);
  }
  .grid-margin-y > .large-9 {
    height: calc(75% - 1.875rem);
  }
  .grid-margin-y > .large-10 {
    height: calc(83.3333333333% - 1.875rem);
  }
  .grid-margin-y > .large-11 {
    height: calc(91.6666666667% - 1.875rem);
  }
  .grid-margin-y > .large-12 {
    height: calc(100% - 1.875rem);
  }
}
@media screen and (min-width: 81.25em) {
  .grid-margin-y > .xlarge-auto {
    height: auto;
  }
  .grid-margin-y > .xlarge-shrink {
    height: auto;
  }
  .grid-margin-y > .xlarge-1 {
    height: calc(8.3333333333% - 1.875rem);
  }
  .grid-margin-y > .xlarge-2 {
    height: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-y > .xlarge-3 {
    height: calc(25% - 1.875rem);
  }
  .grid-margin-y > .xlarge-4 {
    height: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-y > .xlarge-5 {
    height: calc(41.6666666667% - 1.875rem);
  }
  .grid-margin-y > .xlarge-6 {
    height: calc(50% - 1.875rem);
  }
  .grid-margin-y > .xlarge-7 {
    height: calc(58.3333333333% - 1.875rem);
  }
  .grid-margin-y > .xlarge-8 {
    height: calc(66.6666666667% - 1.875rem);
  }
  .grid-margin-y > .xlarge-9 {
    height: calc(75% - 1.875rem);
  }
  .grid-margin-y > .xlarge-10 {
    height: calc(83.3333333333% - 1.875rem);
  }
  .grid-margin-y > .xlarge-11 {
    height: calc(91.6666666667% - 1.875rem);
  }
  .grid-margin-y > .xlarge-12 {
    height: calc(100% - 1.875rem);
  }
}
@media screen and (min-width: 106.25em) {
  .grid-margin-y > .xxlarge-auto {
    height: auto;
  }
  .grid-margin-y > .xxlarge-shrink {
    height: auto;
  }
  .grid-margin-y > .xxlarge-1 {
    height: calc(8.3333333333% - 1.875rem);
  }
  .grid-margin-y > .xxlarge-2 {
    height: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-y > .xxlarge-3 {
    height: calc(25% - 1.875rem);
  }
  .grid-margin-y > .xxlarge-4 {
    height: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-y > .xxlarge-5 {
    height: calc(41.6666666667% - 1.875rem);
  }
  .grid-margin-y > .xxlarge-6 {
    height: calc(50% - 1.875rem);
  }
  .grid-margin-y > .xxlarge-7 {
    height: calc(58.3333333333% - 1.875rem);
  }
  .grid-margin-y > .xxlarge-8 {
    height: calc(66.6666666667% - 1.875rem);
  }
  .grid-margin-y > .xxlarge-9 {
    height: calc(75% - 1.875rem);
  }
  .grid-margin-y > .xxlarge-10 {
    height: calc(83.3333333333% - 1.875rem);
  }
  .grid-margin-y > .xxlarge-11 {
    height: calc(91.6666666667% - 1.875rem);
  }
  .grid-margin-y > .xxlarge-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: 81.25em) {
  .grid-frame.grid-margin-y {
    height: calc(100vh + 1.875rem);
  }
}
@media screen and (min-width: 106.25em) {
  .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: 81.25em) {
  .grid-margin-y.xlarge-grid-frame {
    height: calc(100vh + 1.875rem);
  }
}
@media screen and (min-width: 106.25em) {
  .grid-margin-y.xxlarge-grid-frame {
    height: calc(100vh + 1.875rem);
  }
}
.button {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 1rem 0;
  padding: 0.85em 1em;
  border: 1px solid transparent;
  border-radius: 0;
  -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
  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;
}
[data-whatinput=mouse] .button {
  outline: 0;
}
.button.tiny {
  font-size: 0.6rem;
}
.button.small {
  font-size: 0.75rem;
}
.button.large {
  font-size: 1.25rem;
}
.button.expanded {
  display: block;
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}
.button, .button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus {
  background-color: #1779ba;
  color: #fefefe;
}
.button:hover, .button:focus {
  background-color: #14679e;
  color: #fefefe;
}
.button.primary, .button.primary.disabled, .button.primary[disabled], .button.primary.disabled:hover, .button.primary[disabled]:hover, .button.primary.disabled:focus, .button.primary[disabled]:focus {
  background-color: #1779ba;
  color: #fefefe;
}
.button.primary:hover, .button.primary:focus {
  background-color: #126195;
  color: #fefefe;
}
.button.secondary, .button.secondary.disabled, .button.secondary[disabled], .button.secondary.disabled:hover, .button.secondary[disabled]:hover, .button.secondary.disabled:focus, .button.secondary[disabled]:focus {
  background-color: #767676;
  color: #fefefe;
}
.button.secondary:hover, .button.secondary:focus {
  background-color: #5e5e5e;
  color: #fefefe;
}
.button.success, .button.success.disabled, .button.success[disabled], .button.success.disabled:hover, .button.success[disabled]:hover, .button.success.disabled:focus, .button.success[disabled]:focus {
  background-color: #3adb76;
  color: #0a0a0a;
}
.button.success:hover, .button.success:focus {
  background-color: #22bb5b;
  color: #0a0a0a;
}
.button.warning, .button.warning.disabled, .button.warning[disabled], .button.warning.disabled:hover, .button.warning[disabled]:hover, .button.warning.disabled:focus, .button.warning[disabled]:focus {
  background-color: #ffae00;
  color: #0a0a0a;
}
.button.warning:hover, .button.warning:focus {
  background-color: #cc8b00;
  color: #0a0a0a;
}
.button.alert, .button.alert.disabled, .button.alert[disabled], .button.alert.disabled:hover, .button.alert[disabled]:hover, .button.alert.disabled:focus, .button.alert[disabled]:focus {
  background-color: #cc4b37;
  color: #fefefe;
}
.button.alert:hover, .button.alert:focus {
  background-color: #a53b2a;
  color: #fefefe;
}
.button.hollow, .button.hollow:hover, .button.hollow:focus, .button.hollow.disabled, .button.hollow.disabled:hover, .button.hollow.disabled:focus, .button.hollow[disabled], .button.hollow[disabled]:hover, .button.hollow[disabled]:focus {
  background-color: transparent;
}
.button.hollow, .button.hollow.disabled, .button.hollow[disabled], .button.hollow.disabled:hover, .button.hollow[disabled]:hover, .button.hollow.disabled:focus, .button.hollow[disabled]:focus {
  border: 1px solid #1779ba;
  color: #1779ba;
}
.button.hollow:hover, .button.hollow:focus {
  border-color: #0c3d5d;
  color: #0c3d5d;
}
.button.hollow.primary, .button.hollow.primary.disabled, .button.hollow.primary[disabled], .button.hollow.primary.disabled:hover, .button.hollow.primary[disabled]:hover, .button.hollow.primary.disabled:focus, .button.hollow.primary[disabled]:focus {
  border: 1px solid #1779ba;
  color: #1779ba;
}
.button.hollow.primary:hover, .button.hollow.primary:focus {
  border-color: #0c3d5d;
  color: #0c3d5d;
}
.button.hollow.secondary, .button.hollow.secondary.disabled, .button.hollow.secondary[disabled], .button.hollow.secondary.disabled:hover, .button.hollow.secondary[disabled]:hover, .button.hollow.secondary.disabled:focus, .button.hollow.secondary[disabled]:focus {
  border: 1px solid #767676;
  color: #767676;
}
.button.hollow.secondary:hover, .button.hollow.secondary:focus {
  border-color: #3b3b3b;
  color: #3b3b3b;
}
.button.hollow.success, .button.hollow.success.disabled, .button.hollow.success[disabled], .button.hollow.success.disabled:hover, .button.hollow.success[disabled]:hover, .button.hollow.success.disabled:focus, .button.hollow.success[disabled]:focus {
  border: 1px solid #3adb76;
  color: #3adb76;
}
.button.hollow.success:hover, .button.hollow.success:focus {
  border-color: #157539;
  color: #157539;
}
.button.hollow.warning, .button.hollow.warning.disabled, .button.hollow.warning[disabled], .button.hollow.warning.disabled:hover, .button.hollow.warning[disabled]:hover, .button.hollow.warning.disabled:focus, .button.hollow.warning[disabled]:focus {
  border: 1px solid #ffae00;
  color: #ffae00;
}
.button.hollow.warning:hover, .button.hollow.warning:focus {
  border-color: #805700;
  color: #805700;
}
.button.hollow.alert, .button.hollow.alert.disabled, .button.hollow.alert[disabled], .button.hollow.alert.disabled:hover, .button.hollow.alert[disabled]:hover, .button.hollow.alert.disabled:focus, .button.hollow.alert[disabled]:focus {
  border: 1px solid #cc4b37;
  color: #cc4b37;
}
.button.hollow.alert:hover, .button.hollow.alert:focus {
  border-color: #67251a;
  color: #67251a;
}
.button.clear, .button.clear:hover, .button.clear:focus, .button.clear.disabled, .button.clear.disabled:hover, .button.clear.disabled:focus, .button.clear[disabled], .button.clear[disabled]:hover, .button.clear[disabled]:focus {
  border-color: transparent;
  background-color: transparent;
}
.button.clear, .button.clear.disabled, .button.clear[disabled], .button.clear.disabled:hover, .button.clear[disabled]:hover, .button.clear.disabled:focus, .button.clear[disabled]:focus {
  color: #1779ba;
}
.button.clear:hover, .button.clear:focus {
  color: #0c3d5d;
}
.button.clear.primary, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary.disabled:hover, .button.clear.primary[disabled]:hover, .button.clear.primary.disabled:focus, .button.clear.primary[disabled]:focus {
  color: #1779ba;
}
.button.clear.primary:hover, .button.clear.primary:focus {
  color: #0c3d5d;
}
.button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary.disabled:hover, .button.clear.secondary[disabled]:hover, .button.clear.secondary.disabled:focus, .button.clear.secondary[disabled]:focus {
  color: #767676;
}
.button.clear.secondary:hover, .button.clear.secondary:focus {
  color: #3b3b3b;
}
.button.clear.success, .button.clear.success.disabled, .button.clear.success[disabled], .button.clear.success.disabled:hover, .button.clear.success[disabled]:hover, .button.clear.success.disabled:focus, .button.clear.success[disabled]:focus {
  color: #3adb76;
}
.button.clear.success:hover, .button.clear.success:focus {
  color: #157539;
}
.button.clear.warning, .button.clear.warning.disabled, .button.clear.warning[disabled], .button.clear.warning.disabled:hover, .button.clear.warning[disabled]:hover, .button.clear.warning.disabled:focus, .button.clear.warning[disabled]:focus {
  color: #ffae00;
}
.button.clear.warning:hover, .button.clear.warning:focus {
  color: #805700;
}
.button.clear.alert, .button.clear.alert.disabled, .button.clear.alert[disabled], .button.clear.alert.disabled:hover, .button.clear.alert[disabled]:hover, .button.clear.alert.disabled:focus, .button.clear.alert[disabled]:focus {
  color: #cc4b37;
}
.button.clear.alert:hover, .button.clear.alert:focus {
  color: #67251a;
}
.button.disabled, .button[disabled] {
  opacity: 0.25;
  cursor: not-allowed;
}
.button.dropdown::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 0.4em;
  content: "";
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #fefefe transparent transparent;
  position: relative;
  top: 0.4em;
  display: inline-block;
  float: right;
  margin-left: 1em;
}
.button.dropdown.hollow::after, .button.dropdown.clear::after {
  border-top-color: #1779ba;
}
.button.dropdown.hollow.primary::after, .button.dropdown.clear.primary::after {
  border-top-color: #1779ba;
}
.button.dropdown.hollow.secondary::after, .button.dropdown.clear.secondary::after {
  border-top-color: #767676;
}
.button.dropdown.hollow.success::after, .button.dropdown.clear.success::after {
  border-top-color: #3adb76;
}
.button.dropdown.hollow.warning::after, .button.dropdown.clear.warning::after {
  border-top-color: #ffae00;
}
.button.dropdown.hollow.alert::after, .button.dropdown.clear.alert::after {
  border-top-color: #cc4b37;
}
.button.arrow-only::after {
  top: -0.1em;
  float: none;
  margin-left: 0;
}

a.button:hover, a.button:focus {
  text-decoration: none;
}

.button-group {
  margin-bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.button-group::before, .button-group::after {
  display: table;
  content: " ";
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.button-group::after {
  clear: both;
}
.button-group::before, .button-group::after {
  display: none;
}
.button-group .button {
  margin: 0;
  margin-right: 1px;
  margin-bottom: 1px;
  font-size: 0.9rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.button-group .button:last-child {
  margin-right: 0;
}
.button-group.tiny .button {
  font-size: 0.6rem;
}
.button-group.small .button {
  font-size: 0.75rem;
}
.button-group.large .button {
  font-size: 1.25rem;
}
.button-group.expanded .button {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0px;
  margin-right: 0;
}
.button-group.primary .button, .button-group.primary .button.disabled, .button-group.primary .button[disabled], .button-group.primary .button.disabled:hover, .button-group.primary .button[disabled]:hover, .button-group.primary .button.disabled:focus, .button-group.primary .button[disabled]:focus {
  background-color: #1779ba;
  color: #fefefe;
}
.button-group.primary .button:hover, .button-group.primary .button:focus {
  background-color: #126195;
  color: #fefefe;
}
.button-group.secondary .button, .button-group.secondary .button.disabled, .button-group.secondary .button[disabled], .button-group.secondary .button.disabled:hover, .button-group.secondary .button[disabled]:hover, .button-group.secondary .button.disabled:focus, .button-group.secondary .button[disabled]:focus {
  background-color: #767676;
  color: #fefefe;
}
.button-group.secondary .button:hover, .button-group.secondary .button:focus {
  background-color: #5e5e5e;
  color: #fefefe;
}
.button-group.success .button, .button-group.success .button.disabled, .button-group.success .button[disabled], .button-group.success .button.disabled:hover, .button-group.success .button[disabled]:hover, .button-group.success .button.disabled:focus, .button-group.success .button[disabled]:focus {
  background-color: #3adb76;
  color: #0a0a0a;
}
.button-group.success .button:hover, .button-group.success .button:focus {
  background-color: #22bb5b;
  color: #0a0a0a;
}
.button-group.warning .button, .button-group.warning .button.disabled, .button-group.warning .button[disabled], .button-group.warning .button.disabled:hover, .button-group.warning .button[disabled]:hover, .button-group.warning .button.disabled:focus, .button-group.warning .button[disabled]:focus {
  background-color: #ffae00;
  color: #0a0a0a;
}
.button-group.warning .button:hover, .button-group.warning .button:focus {
  background-color: #cc8b00;
  color: #0a0a0a;
}
.button-group.alert .button, .button-group.alert .button.disabled, .button-group.alert .button[disabled], .button-group.alert .button.disabled:hover, .button-group.alert .button[disabled]:hover, .button-group.alert .button.disabled:focus, .button-group.alert .button[disabled]:focus {
  background-color: #cc4b37;
  color: #fefefe;
}
.button-group.alert .button:hover, .button-group.alert .button:focus {
  background-color: #a53b2a;
  color: #fefefe;
}
.button-group.hollow .button, .button-group.hollow .button:hover, .button-group.hollow .button:focus, .button-group.hollow .button.disabled, .button-group.hollow .button.disabled:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled], .button-group.hollow .button[disabled]:hover, .button-group.hollow .button[disabled]:focus {
  background-color: transparent;
}
.button-group.hollow .button, .button-group.hollow .button.disabled, .button-group.hollow .button[disabled], .button-group.hollow .button.disabled:hover, .button-group.hollow .button[disabled]:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled]:focus {
  border: 1px solid #1779ba;
  color: #1779ba;
}
.button-group.hollow .button:hover, .button-group.hollow .button:focus {
  border-color: #0c3d5d;
  color: #0c3d5d;
}
.button-group.hollow.primary .button, .button-group.hollow.primary .button.disabled, .button-group.hollow.primary .button[disabled], .button-group.hollow.primary .button.disabled:hover, .button-group.hollow.primary .button[disabled]:hover, .button-group.hollow.primary .button.disabled:focus, .button-group.hollow.primary .button[disabled]:focus, .button-group.hollow .button.primary, .button-group.hollow .button.primary.disabled, .button-group.hollow .button.primary[disabled], .button-group.hollow .button.primary.disabled:hover, .button-group.hollow .button.primary[disabled]:hover, .button-group.hollow .button.primary.disabled:focus, .button-group.hollow .button.primary[disabled]:focus {
  border: 1px solid #1779ba;
  color: #1779ba;
}
.button-group.hollow.primary .button:hover, .button-group.hollow.primary .button:focus, .button-group.hollow .button.primary:hover, .button-group.hollow .button.primary:focus {
  border-color: #0c3d5d;
  color: #0c3d5d;
}
.button-group.hollow.secondary .button, .button-group.hollow.secondary .button.disabled, .button-group.hollow.secondary .button[disabled], .button-group.hollow.secondary .button.disabled:hover, .button-group.hollow.secondary .button[disabled]:hover, .button-group.hollow.secondary .button.disabled:focus, .button-group.hollow.secondary .button[disabled]:focus, .button-group.hollow .button.secondary, .button-group.hollow .button.secondary.disabled, .button-group.hollow .button.secondary[disabled], .button-group.hollow .button.secondary.disabled:hover, .button-group.hollow .button.secondary[disabled]:hover, .button-group.hollow .button.secondary.disabled:focus, .button-group.hollow .button.secondary[disabled]:focus {
  border: 1px solid #767676;
  color: #767676;
}
.button-group.hollow.secondary .button:hover, .button-group.hollow.secondary .button:focus, .button-group.hollow .button.secondary:hover, .button-group.hollow .button.secondary:focus {
  border-color: #3b3b3b;
  color: #3b3b3b;
}
.button-group.hollow.success .button, .button-group.hollow.success .button.disabled, .button-group.hollow.success .button[disabled], .button-group.hollow.success .button.disabled:hover, .button-group.hollow.success .button[disabled]:hover, .button-group.hollow.success .button.disabled:focus, .button-group.hollow.success .button[disabled]:focus, .button-group.hollow .button.success, .button-group.hollow .button.success.disabled, .button-group.hollow .button.success[disabled], .button-group.hollow .button.success.disabled:hover, .button-group.hollow .button.success[disabled]:hover, .button-group.hollow .button.success.disabled:focus, .button-group.hollow .button.success[disabled]:focus {
  border: 1px solid #3adb76;
  color: #3adb76;
}
.button-group.hollow.success .button:hover, .button-group.hollow.success .button:focus, .button-group.hollow .button.success:hover, .button-group.hollow .button.success:focus {
  border-color: #157539;
  color: #157539;
}
.button-group.hollow.warning .button, .button-group.hollow.warning .button.disabled, .button-group.hollow.warning .button[disabled], .button-group.hollow.warning .button.disabled:hover, .button-group.hollow.warning .button[disabled]:hover, .button-group.hollow.warning .button.disabled:focus, .button-group.hollow.warning .button[disabled]:focus, .button-group.hollow .button.warning, .button-group.hollow .button.warning.disabled, .button-group.hollow .button.warning[disabled], .button-group.hollow .button.warning.disabled:hover, .button-group.hollow .button.warning[disabled]:hover, .button-group.hollow .button.warning.disabled:focus, .button-group.hollow .button.warning[disabled]:focus {
  border: 1px solid #ffae00;
  color: #ffae00;
}
.button-group.hollow.warning .button:hover, .button-group.hollow.warning .button:focus, .button-group.hollow .button.warning:hover, .button-group.hollow .button.warning:focus {
  border-color: #805700;
  color: #805700;
}
.button-group.hollow.alert .button, .button-group.hollow.alert .button.disabled, .button-group.hollow.alert .button[disabled], .button-group.hollow.alert .button.disabled:hover, .button-group.hollow.alert .button[disabled]:hover, .button-group.hollow.alert .button.disabled:focus, .button-group.hollow.alert .button[disabled]:focus, .button-group.hollow .button.alert, .button-group.hollow .button.alert.disabled, .button-group.hollow .button.alert[disabled], .button-group.hollow .button.alert.disabled:hover, .button-group.hollow .button.alert[disabled]:hover, .button-group.hollow .button.alert.disabled:focus, .button-group.hollow .button.alert[disabled]:focus {
  border: 1px solid #cc4b37;
  color: #cc4b37;
}
.button-group.hollow.alert .button:hover, .button-group.hollow.alert .button:focus, .button-group.hollow .button.alert:hover, .button-group.hollow .button.alert:focus {
  border-color: #67251a;
  color: #67251a;
}
.button-group.clear .button, .button-group.clear .button:hover, .button-group.clear .button:focus, .button-group.clear .button.disabled, .button-group.clear .button.disabled:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled], .button-group.clear .button[disabled]:hover, .button-group.clear .button[disabled]:focus {
  border-color: transparent;
  background-color: transparent;
}
.button-group.clear .button, .button-group.clear .button.disabled, .button-group.clear .button[disabled], .button-group.clear .button.disabled:hover, .button-group.clear .button[disabled]:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled]:focus {
  color: #1779ba;
}
.button-group.clear .button:hover, .button-group.clear .button:focus {
  color: #0c3d5d;
}
.button-group.clear.primary .button, .button-group.clear.primary .button.disabled, .button-group.clear.primary .button[disabled], .button-group.clear.primary .button.disabled:hover, .button-group.clear.primary .button[disabled]:hover, .button-group.clear.primary .button.disabled:focus, .button-group.clear.primary .button[disabled]:focus, .button-group.clear .button.primary, .button-group.clear .button.primary.disabled, .button-group.clear .button.primary[disabled], .button-group.clear .button.primary.disabled:hover, .button-group.clear .button.primary[disabled]:hover, .button-group.clear .button.primary.disabled:focus, .button-group.clear .button.primary[disabled]:focus {
  color: #1779ba;
}
.button-group.clear.primary .button:hover, .button-group.clear.primary .button:focus, .button-group.clear .button.primary:hover, .button-group.clear .button.primary:focus {
  color: #0c3d5d;
}
.button-group.clear.secondary .button, .button-group.clear.secondary .button.disabled, .button-group.clear.secondary .button[disabled], .button-group.clear.secondary .button.disabled:hover, .button-group.clear.secondary .button[disabled]:hover, .button-group.clear.secondary .button.disabled:focus, .button-group.clear.secondary .button[disabled]:focus, .button-group.clear .button.secondary, .button-group.clear .button.secondary.disabled, .button-group.clear .button.secondary[disabled], .button-group.clear .button.secondary.disabled:hover, .button-group.clear .button.secondary[disabled]:hover, .button-group.clear .button.secondary.disabled:focus, .button-group.clear .button.secondary[disabled]:focus {
  color: #767676;
}
.button-group.clear.secondary .button:hover, .button-group.clear.secondary .button:focus, .button-group.clear .button.secondary:hover, .button-group.clear .button.secondary:focus {
  color: #3b3b3b;
}
.button-group.clear.success .button, .button-group.clear.success .button.disabled, .button-group.clear.success .button[disabled], .button-group.clear.success .button.disabled:hover, .button-group.clear.success .button[disabled]:hover, .button-group.clear.success .button.disabled:focus, .button-group.clear.success .button[disabled]:focus, .button-group.clear .button.success, .button-group.clear .button.success.disabled, .button-group.clear .button.success[disabled], .button-group.clear .button.success.disabled:hover, .button-group.clear .button.success[disabled]:hover, .button-group.clear .button.success.disabled:focus, .button-group.clear .button.success[disabled]:focus {
  color: #3adb76;
}
.button-group.clear.success .button:hover, .button-group.clear.success .button:focus, .button-group.clear .button.success:hover, .button-group.clear .button.success:focus {
  color: #157539;
}
.button-group.clear.warning .button, .button-group.clear.warning .button.disabled, .button-group.clear.warning .button[disabled], .button-group.clear.warning .button.disabled:hover, .button-group.clear.warning .button[disabled]:hover, .button-group.clear.warning .button.disabled:focus, .button-group.clear.warning .button[disabled]:focus, .button-group.clear .button.warning, .button-group.clear .button.warning.disabled, .button-group.clear .button.warning[disabled], .button-group.clear .button.warning.disabled:hover, .button-group.clear .button.warning[disabled]:hover, .button-group.clear .button.warning.disabled:focus, .button-group.clear .button.warning[disabled]:focus {
  color: #ffae00;
}
.button-group.clear.warning .button:hover, .button-group.clear.warning .button:focus, .button-group.clear .button.warning:hover, .button-group.clear .button.warning:focus {
  color: #805700;
}
.button-group.clear.alert .button, .button-group.clear.alert .button.disabled, .button-group.clear.alert .button[disabled], .button-group.clear.alert .button.disabled:hover, .button-group.clear.alert .button[disabled]:hover, .button-group.clear.alert .button.disabled:focus, .button-group.clear.alert .button[disabled]:focus, .button-group.clear .button.alert, .button-group.clear .button.alert.disabled, .button-group.clear .button.alert[disabled], .button-group.clear .button.alert.disabled:hover, .button-group.clear .button.alert[disabled]:hover, .button-group.clear .button.alert.disabled:focus, .button-group.clear .button.alert[disabled]:focus {
  color: #cc4b37;
}
.button-group.clear.alert .button:hover, .button-group.clear.alert .button:focus, .button-group.clear .button.alert:hover, .button-group.clear .button.alert:focus {
  color: #67251a;
}
.button-group.no-gaps .button {
  margin-right: -0.0625rem;
}
.button-group.no-gaps .button + .button {
  border-left-color: transparent;
}
.button-group.stacked, .button-group.stacked-for-small, .button-group.stacked-for-medium {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
.button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child {
  margin-bottom: 0;
}
.button-group.stacked.expanded .button, .button-group.stacked-for-small.expanded .button, .button-group.stacked-for-medium.expanded .button {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0px;
  margin-right: 0;
}
@media print, screen and (min-width: 40em) {
  .button-group.stacked-for-small .button {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin-bottom: 0;
  }
}
@media print, screen and (min-width: 64em) {
  .button-group.stacked-for-medium .button {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin-bottom: 0;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .button-group.stacked-for-small.expanded {
    display: block;
  }
  .button-group.stacked-for-small.expanded .button {
    display: block;
    margin-right: 0;
  }
}
@media print, screen and (max-width: 63.99875em) {
  .button-group.stacked-for-medium.expanded {
    display: block;
  }
  .button-group.stacked-for-medium.expanded .button {
    display: block;
    margin-right: 0;
  }
}

.close-button {
  position: absolute;
  z-index: 10;
  color: #8a8a8a;
  cursor: pointer;
}
[data-whatinput=mouse] .close-button {
  outline: 0;
}
.close-button:hover, .close-button:focus {
  color: #0a0a0a;
}
.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;
}

.label {
  display: inline-block;
  padding: 0.33333rem 0.5rem;
  border-radius: 0;
  font-size: 0.8rem;
  line-height: 1;
  white-space: nowrap;
  cursor: default;
  background: #1779ba;
  color: #fefefe;
}
.label.primary {
  background: #1779ba;
  color: #fefefe;
}
.label.secondary {
  background: #767676;
  color: #fefefe;
}
.label.success {
  background: #3adb76;
  color: #0a0a0a;
}
.label.warning {
  background: #ffae00;
  color: #0a0a0a;
}
.label.alert {
  background: #cc4b37;
  color: #fefefe;
}

.progress {
  height: 1rem;
  margin-bottom: 1rem;
  border-radius: 0;
  background-color: #cacaca;
}
.progress.primary .progress-meter {
  background-color: #1779ba;
}
.progress.secondary .progress-meter {
  background-color: #767676;
}
.progress.success .progress-meter {
  background-color: #3adb76;
}
.progress.warning .progress-meter {
  background-color: #ffae00;
}
.progress.alert .progress-meter {
  background-color: #cc4b37;
}

.progress-meter {
  position: relative;
  display: block;
  width: 0%;
  height: 100%;
  background-color: #1779ba;
}

.progress-meter-text {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin: 0;
  font-size: 0.75rem;
  font-weight: bold;
  color: #fefefe;
  white-space: nowrap;
}

.slider {
  position: relative;
  height: 0.5rem;
  margin-top: 1.25rem;
  margin-bottom: 2.25rem;
  background-color: #e6e6e6;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -ms-touch-action: none;
      touch-action: none;
}

.slider-fill {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  max-width: 100%;
  height: 0.5rem;
  background-color: #cacaca;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.slider-fill.is-dragging {
  -webkit-transition: all 0s linear;
  transition: all 0s linear;
}

.slider-handle {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  z-index: 1;
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 0;
  background-color: #1779ba;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}
[data-whatinput=mouse] .slider-handle {
  outline: 0;
}
.slider-handle:hover {
  background-color: #14679e;
}
.slider-handle.is-dragging {
  -webkit-transition: all 0s linear;
  transition: all 0s linear;
}

.slider.disabled,
.slider[disabled] {
  opacity: 0.25;
  cursor: not-allowed;
}

.slider.vertical {
  display: inline-block;
  width: 0.5rem;
  height: 12.5rem;
  margin: 0 1.25rem;
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1);
}
.slider.vertical .slider-fill {
  top: 0;
  width: 0.5rem;
  max-height: 100%;
}
.slider.vertical .slider-handle {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1.4rem;
  height: 1.4rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.switch {
  height: 2rem;
  position: relative;
  margin-bottom: 1rem;
  outline: 0;
  font-size: 0.875rem;
  font-weight: bold;
  color: #fefefe;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.switch-input {
  position: absolute;
  margin-bottom: 0;
  opacity: 0;
}

.switch-paddle {
  position: relative;
  display: block;
  width: 4rem;
  height: 2rem;
  border-radius: 0;
  background: #cacaca;
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  font-weight: inherit;
  color: inherit;
  cursor: pointer;
}
input + .switch-paddle {
  margin: 0;
}
.switch-paddle::after {
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  border-radius: 0;
  background: #fefefe;
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  content: "";
}
input:checked ~ .switch-paddle {
  background: #1779ba;
}
input:checked ~ .switch-paddle::after {
  left: 2.25rem;
}
input:disabled ~ .switch-paddle {
  cursor: not-allowed;
  opacity: 0.5;
}
[data-whatinput=mouse] input:focus ~ .switch-paddle {
  outline: 0;
}

.switch-inactive, .switch-active {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.switch-active {
  left: 8%;
  display: none;
}
input:checked + label > .switch-active {
  display: block;
}

.switch-inactive {
  right: 15%;
}
input:checked + label > .switch-inactive {
  display: none;
}

.switch.tiny {
  height: 1.5rem;
}
.switch.tiny .switch-paddle {
  width: 3rem;
  height: 1.5rem;
  font-size: 0.625rem;
}
.switch.tiny .switch-paddle::after {
  top: 0.25rem;
  left: 0.25rem;
  width: 1rem;
  height: 1rem;
}
.switch.tiny input:checked ~ .switch-paddle::after {
  left: 1.75rem;
}

.switch.small {
  height: 1.75rem;
}
.switch.small .switch-paddle {
  width: 3.5rem;
  height: 1.75rem;
  font-size: 0.75rem;
}
.switch.small .switch-paddle::after {
  top: 0.25rem;
  left: 0.25rem;
  width: 1.25rem;
  height: 1.25rem;
}
.switch.small input:checked ~ .switch-paddle::after {
  left: 2rem;
}

.switch.large {
  height: 2.5rem;
}
.switch.large .switch-paddle {
  width: 5rem;
  height: 2.5rem;
  font-size: 1rem;
}
.switch.large .switch-paddle::after {
  top: 0.25rem;
  left: 0.25rem;
  width: 2rem;
  height: 2rem;
}
.switch.large input:checked ~ .switch-paddle::after {
  left: 2.75rem;
}

table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 1rem;
  border-radius: 0;
}
thead,
tbody,
tfoot {
  border: 1px solid #f1f1f1;
  background-color: #fefefe;
}

caption {
  padding: 0.5rem 0.625rem 0.625rem;
  font-weight: bold;
}

thead {
  background: #f8f8f8;
  color: #0a0a0a;
}

tfoot {
  background: #f1f1f1;
  color: #0a0a0a;
}

thead tr,
tfoot tr {
  background: transparent;
}
thead th,
thead td,
tfoot th,
tfoot td {
  padding: 0.5rem 0.625rem 0.625rem;
  font-weight: bold;
  text-align: left;
}

tbody th,
tbody td {
  padding: 0.5rem 0.625rem 0.625rem;
}

tbody tr:nth-child(even) {
  border-bottom: 0;
  background-color: #f1f1f1;
}

table.unstriped tbody {
  background-color: #fefefe;
}
table.unstriped tbody tr {
  border-bottom: 0;
  border-bottom: 1px solid #f1f1f1;
  background-color: #fefefe;
}

@media print, screen and (max-width: 63.99875em) {
  table.stack thead {
    display: none;
  }
  table.stack tfoot {
    display: none;
  }
  table.stack tr,
  table.stack th,
  table.stack td {
    display: block;
  }
  table.stack td {
    border-top: 0;
  }
}

table.scroll {
  display: block;
  width: 100%;
  overflow-x: auto;
}

table.hover thead tr:hover {
  background-color: #f3f3f3;
}
table.hover tfoot tr:hover {
  background-color: #ececec;
}
table.hover tbody tr:hover {
  background-color: #f9f9f9;
}
table.hover:not(.unstriped) tr:nth-of-type(even):hover {
  background-color: #ececec;
}

.table-scroll {
  overflow-x: auto;
}

.badge {
  display: inline-block;
  min-width: 2.1em;
  padding: 0.3em;
  border-radius: 50%;
  font-size: 0.6rem;
  text-align: center;
  background: #1779ba;
  color: #fefefe;
}
.badge.primary {
  background: #1779ba;
  color: #fefefe;
}
.badge.secondary {
  background: #767676;
  color: #fefefe;
}
.badge.success {
  background: #3adb76;
  color: #0a0a0a;
}
.badge.warning {
  background: #ffae00;
  color: #0a0a0a;
}
.badge.alert {
  background: #cc4b37;
  color: #fefefe;
}

.breadcrumbs {
  margin: 0 0 1rem 0;
  list-style: none;
}
.breadcrumbs::before, .breadcrumbs::after {
  display: table;
  content: " ";
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.breadcrumbs::after {
  clear: both;
}
.breadcrumbs li {
  float: left;
  font-size: 0.6875rem;
  color: #0a0a0a;
  cursor: default;
  text-transform: uppercase;
}
.breadcrumbs li:not(:last-child)::after {
  position: relative;
  margin: 0 0.75rem;
  opacity: 1;
  content: "/";
  color: #cacaca;
}
.breadcrumbs a {
  color: #1779ba;
}
.breadcrumbs a:hover {
  text-decoration: underline;
}
.breadcrumbs .disabled {
  color: #cacaca;
  cursor: not-allowed;
}

.callout {
  position: relative;
  margin: 0 0 0 0;
  padding: 1rem;
  border: 1px solid rgba(10, 10, 10, 0.25);
  border-radius: 0;
  background-color: white;
  color: #0a0a0a;
}
.callout > :first-child {
  margin-top: 0;
}
.callout > :last-child {
  margin-bottom: 0;
}
.callout.primary {
  background-color: #d7ecfa;
  color: #0a0a0a;
}
.callout.secondary {
  background-color: #eaeaea;
  color: #0a0a0a;
}
.callout.success {
  background-color: #e1faea;
  color: #0a0a0a;
}
.callout.warning {
  background-color: #fff3d9;
  color: #0a0a0a;
}
.callout.alert {
  background-color: #f7e4e1;
  color: #0a0a0a;
}
.callout.small {
  padding-top: 0.5rem;
  padding-right: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
}
.callout.large {
  padding-top: 3rem;
  padding-right: 3rem;
  padding-bottom: 3rem;
  padding-left: 3rem;
}

.card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-bottom: 1rem;
  border: 1px solid #e6e6e6;
  border-radius: 0;
  background: #fefefe;
  -webkit-box-shadow: none;
          box-shadow: none;
  overflow: hidden;
  color: #0a0a0a;
}
.card > :last-child {
  margin-bottom: 0;
}

.card-divider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  padding: 1rem;
  background: #e6e6e6;
}
.card-divider > :last-child {
  margin-bottom: 0;
}

.card-section {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  padding: 1rem;
}
.card-section > :last-child {
  margin-bottom: 0;
}

.card-image {
  min-height: 1px;
}

.dropdown-pane {
  position: absolute;
  z-index: 10;
  display: none;
  width: 300px;
  padding: 1rem;
  visibility: hidden;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: #fefefe;
  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;
}

.pagination {
  margin-left: 0;
  margin-bottom: 1rem;
}
.pagination::before, .pagination::after {
  display: table;
  content: " ";
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.pagination::after {
  clear: both;
}
.pagination li {
  margin-right: 0.0625rem;
  border-radius: 0;
  font-size: 0.875rem;
  display: none;
}
.pagination li:last-child, .pagination li:first-child {
  display: inline-block;
}
@media print, screen and (min-width: 40em) {
  .pagination li {
    display: inline-block;
  }
}
.pagination a,
.pagination button {
  display: block;
  padding: 0.1875rem 0.625rem;
  border-radius: 0;
  color: #0a0a0a;
}
.pagination a:hover,
.pagination button:hover {
  background: #e6e6e6;
}
.pagination .current {
  padding: 0.1875rem 0.625rem;
  background: #1779ba;
  color: #fefefe;
  cursor: default;
}
.pagination .disabled {
  padding: 0.1875rem 0.625rem;
  color: #cacaca;
  cursor: not-allowed;
}
.pagination .disabled:hover {
  background: transparent;
}
.pagination .ellipsis::after {
  padding: 0.1875rem 0.625rem;
  content: "…";
  color: #0a0a0a;
}

.pagination-previous a::before,
.pagination-previous.disabled::before {
  display: inline-block;
  margin-right: 0.5rem;
  content: "«";
}

.pagination-next a::after,
.pagination-next.disabled::after {
  display: inline-block;
  margin-left: 0.5rem;
  content: "»";
}

.has-tip {
  position: relative;
  display: inline-block;
  border-bottom: dotted 1px #8a8a8a;
  font-weight: bold;
  cursor: help;
}

.tooltip {
  position: absolute;
  top: calc(100% + 0.6495rem);
  z-index: 1200;
  max-width: 10rem;
  padding: 0.75rem;
  border-radius: 0;
  background-color: #0a0a0a;
  font-size: 80%;
  color: #fefefe;
}
.tooltip::before {
  position: absolute;
}
.tooltip.bottom::before {
  display: block;
  width: 0;
  height: 0;
  border: inset 0.75rem;
  content: "";
  border-top-width: 0;
  border-bottom-style: solid;
  border-color: transparent transparent #0a0a0a;
  bottom: 100%;
}
.tooltip.bottom.align-center::before {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.tooltip.top::before {
  display: block;
  width: 0;
  height: 0;
  border: inset 0.75rem;
  content: "";
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #0a0a0a transparent transparent;
  top: 100%;
  bottom: auto;
}
.tooltip.top.align-center::before {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.tooltip.left::before {
  display: block;
  width: 0;
  height: 0;
  border: inset 0.75rem;
  content: "";
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #0a0a0a;
  left: 100%;
}
.tooltip.left.align-center::before {
  bottom: auto;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.tooltip.right::before {
  display: block;
  width: 0;
  height: 0;
  border: inset 0.75rem;
  content: "";
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #0a0a0a transparent transparent;
  right: 100%;
  left: auto;
}
.tooltip.right.align-center::before {
  bottom: auto;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.tooltip.align-top::before {
  bottom: auto;
  top: 10%;
}
.tooltip.align-bottom::before {
  bottom: 10%;
  top: auto;
}
.tooltip.align-left::before {
  left: 10%;
  right: auto;
}
.tooltip.align-right::before {
  left: auto;
  right: 10%;
}

.accordion {
  margin-left: 0;
  background: #fefefe;
  list-style-type: none;
}
.accordion[disabled] .accordion-title {
  cursor: not-allowed;
}

.accordion-item:first-child > :first-child {
  border-radius: 0 0 0 0;
}
.accordion-item:last-child > :last-child {
  border-radius: 0 0 0 0;
}

.accordion-title {
  position: relative;
  display: block;
  padding: 1.25rem 1rem;
  border: 1px solid #e6e6e6;
  border-bottom: 0;
  font-size: 0.75rem;
  line-height: 1;
  color: #1779ba;
}
:last-child:not(.is-active) > .accordion-title {
  border-bottom: 1px solid #e6e6e6;
  border-radius: 0 0 0 0;
}
.accordion-title:hover, .accordion-title:focus {
  background-color: #e6e6e6;
}
.accordion-title::before {
  position: absolute;
  top: 50%;
  right: 1rem;
  margin-top: -0.5rem;
  content: "+";
}
.is-active > .accordion-title::before {
  content: "–";
}

.accordion-content {
  display: none;
  padding: 1rem;
  border: 1px solid #e6e6e6;
  border-bottom: 0;
  background-color: #fefefe;
  color: #0a0a0a;
}
:last-child > .accordion-content:last-child {
  border-bottom: 1px solid #e6e6e6;
}

.media-object {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1rem;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.media-object img {
  max-width: none;
}
@media print, screen and (max-width: 39.99875em) {
  .media-object.stack-for-small {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.media-object-section {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
.media-object-section:first-child {
  padding-right: 1rem;
}
.media-object-section:last-child:not(:nth-child(2)) {
  padding-left: 1rem;
}
.media-object-section > :last-child {
  margin-bottom: 0;
}
@media print, screen and (max-width: 39.99875em) {
  .stack-for-small .media-object-section {
    padding: 0;
    padding-bottom: 1rem;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
  .stack-for-small .media-object-section img {
    width: 100%;
  }
}
.media-object-section.main-section {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0px;
}

.orbit {
  position: relative;
}

.orbit-container {
  position: relative;
  height: 0;
  margin: 0;
  list-style: none;
  overflow: hidden;
}

.orbit-slide {
  width: 100%;
  position: absolute;
}
.orbit-slide.no-motionui.is-active {
  top: 0;
  left: 0;
}

.orbit-figure {
  margin: 0;
}

.orbit-image {
  width: 100%;
  max-width: 100%;
  margin: 0;
}

.orbit-caption {
  position: absolute;
  bottom: 0;
  width: 100%;
  margin-bottom: 0;
  padding: 1rem;
  background-color: rgba(10, 10, 10, 0.5);
  color: #fefefe;
}

.orbit-next, .orbit-previous {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 10;
  padding: 1rem;
  color: #fefefe;
}
[data-whatinput=mouse] .orbit-next, [data-whatinput=mouse] .orbit-previous {
  outline: 0;
}
.orbit-next:hover, .orbit-previous:hover, .orbit-next:active, .orbit-previous:active, .orbit-next:focus, .orbit-previous:focus {
  background-color: rgba(10, 10, 10, 0.5);
}

.orbit-previous {
  left: 0;
}

.orbit-next {
  left: auto;
  right: 0;
}

.orbit-bullets {
  position: relative;
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
  text-align: center;
}
[data-whatinput=mouse] .orbit-bullets {
  outline: 0;
}
.orbit-bullets button {
  width: 1.2rem;
  height: 1.2rem;
  margin: 0.1rem;
  border-radius: 50%;
  background-color: #cacaca;
}
.orbit-bullets button:hover {
  background-color: #8a8a8a;
}
.orbit-bullets button.is-active {
  background-color: #8a8a8a;
}

.responsive-embed,
.flex-video {
  position: relative;
  height: 0;
  margin-bottom: 1rem;
  padding-bottom: 75%;
  overflow: hidden;
}
.responsive-embed iframe,
.responsive-embed object,
.responsive-embed embed,
.responsive-embed video,
.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.responsive-embed.widescreen,
.flex-video.widescreen {
  padding-bottom: 56.25%;
}

.tabs {
  margin: 0;
  border: 1px solid #e6e6e6;
  background: #fefefe;
  list-style-type: none;
}
.tabs::before, .tabs::after {
  display: table;
  content: " ";
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.tabs::after {
  clear: both;
}

.tabs.vertical > li {
  display: block;
  float: none;
  width: auto;
}

.tabs.simple > li > a {
  padding: 0;
}
.tabs.simple > li > a:hover {
  background: transparent;
}

.tabs.primary {
  background: #1779ba;
}
.tabs.primary > li > a {
  color: #fefefe;
}
.tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
  background: #1673b1;
}

.tabs-title {
  float: left;
}
.tabs-title > a {
  display: block;
  padding: 1.25rem 1.5rem;
  font-size: 0.75rem;
  line-height: 1;
  color: #1779ba;
}
[data-whatinput=mouse] .tabs-title > a {
  outline: 0;
}
.tabs-title > a:hover {
  background: #fefefe;
  color: #1468a0;
}
.tabs-title > a:focus, .tabs-title > a[aria-selected=true] {
  background: #e6e6e6;
  color: #1779ba;
}

.tabs-content {
  border: 1px solid #e6e6e6;
  border-top: 0;
  background: #fefefe;
  color: #0a0a0a;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.tabs-content.vertical {
  border: 1px solid #e6e6e6;
  border-left: 0;
}

.tabs-panel {
  display: none;
  padding: 1rem;
}
.tabs-panel.is-active {
  display: block;
}

.thumbnail {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 1rem;
  border: 4px solid #fefefe;
  border-radius: 0;
  -webkit-box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
          box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
  line-height: 0;
}

a.thumbnail {
  -webkit-transition: -webkit-box-shadow 200ms ease-out;
  transition: -webkit-box-shadow 200ms ease-out;
  transition: box-shadow 200ms ease-out;
  transition: box-shadow 200ms ease-out, -webkit-box-shadow 200ms ease-out;
}
a.thumbnail:hover, a.thumbnail:focus {
  -webkit-box-shadow: 0 0 6px 1px rgba(23, 121, 186, 0.5);
          box-shadow: 0 0 6px 1px rgba(23, 121, 186, 0.5);
}
a.thumbnail image {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.menu {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
[data-whatinput=mouse] .menu li {
  outline: 0;
}
.menu a,
.menu .button {
  line-height: 1;
  text-decoration: none;
  display: block;
  padding: 0.7rem 1rem;
}
.menu input,
.menu select,
.menu a,
.menu button {
  margin-bottom: 0;
}
.menu input {
  display: inline-block;
}
.menu, .menu.horizontal {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.menu.vertical {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.menu.expanded li {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0px;
}
.menu.simple {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.menu.simple li + li {
  margin-left: 1rem;
}
.menu.simple a {
  padding: 0;
}
@media print, screen and (min-width: 40em) {
  .menu.medium-horizontal {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .menu.medium-vertical {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .menu.medium-expanded li {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
  }
  .menu.medium-simple li {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
  }
}
@media print, screen and (min-width: 64em) {
  .menu.large-horizontal {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .menu.large-vertical {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .menu.large-expanded li {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
  }
  .menu.large-simple li {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
  }
}
@media screen and (min-width: 81.25em) {
  .menu.xlarge-horizontal {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .menu.xlarge-vertical {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .menu.xlarge-expanded li {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
  }
  .menu.xlarge-simple li {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
  }
}
@media screen and (min-width: 106.25em) {
  .menu.xxlarge-horizontal {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .menu.xxlarge-vertical {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .menu.xxlarge-expanded li {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
  }
  .menu.xxlarge-simple li {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
  }
}
.menu.nested {
  margin-right: 0;
  margin-left: 1rem;
}
.menu.icons a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.menu.icon-top a, .menu.icon-right a, .menu.icon-bottom a, .menu.icon-left a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.menu.icon-left li a {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
}
.menu.icon-left li a img,
.menu.icon-left li a i,
.menu.icon-left li a svg {
  margin-right: 0.25rem;
}
.menu.icon-right li a {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
}
.menu.icon-right li a img,
.menu.icon-right li a i,
.menu.icon-right li a svg {
  margin-left: 0.25rem;
}
.menu.icon-top li a {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
}
.menu.icon-top li a img,
.menu.icon-top li a i,
.menu.icon-top li a svg {
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  margin-bottom: 0.25rem;
  text-align: center;
}
.menu.icon-bottom li a {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
}
.menu.icon-bottom li a img,
.menu.icon-bottom li a i,
.menu.icon-bottom li a svg {
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  margin-bottom: 0.25rem;
  text-align: center;
}
.menu .is-active > a {
  background: #1779ba;
  color: #fefefe;
}
.menu .active > a {
  background: #1779ba;
  color: #fefefe;
}
.menu.align-left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.menu.align-right li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.menu.align-right li .submenu li {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.menu.align-right.vertical li {
  display: block;
  text-align: right;
}
.menu.align-right.vertical li .submenu li {
  text-align: right;
}
.menu.align-right .nested {
  margin-right: 1rem;
  margin-left: 0;
}
.menu.align-center li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.menu.align-center li .submenu li {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.menu .menu-text {
  padding: 0.7rem 1rem;
  font-weight: bold;
  line-height: 1;
  color: inherit;
}

.menu-centered > .menu {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.menu-centered > .menu li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.menu-centered > .menu li .submenu li {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.no-js [data-responsive-menu] ul {
  display: none;
}

.menu-icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 16px;
  cursor: pointer;
}
.menu-icon::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background: #fefefe;
  -webkit-box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
          box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
  content: "";
}
.menu-icon:hover::after {
  background: #cacaca;
  -webkit-box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca;
          box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca;
}

.menu-icon.dark {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 16px;
  cursor: pointer;
}
.menu-icon.dark::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background: #0a0a0a;
  -webkit-box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a;
          box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a;
  content: "";
}
.menu-icon.dark:hover::after {
  background: #8a8a8a;
  -webkit-box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a;
          box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a;
}

.accordion-menu li {
  width: 100%;
}
.accordion-menu a {
  padding: 0.7rem 1rem;
}
.accordion-menu .is-accordion-submenu a {
  padding: 0.7rem 1rem;
}
.accordion-menu .nested.is-accordion-submenu {
  margin-right: 0;
  margin-left: 1rem;
}
.accordion-menu.align-right .nested.is-accordion-submenu {
  margin-right: 1rem;
  margin-left: 0;
}
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a {
  position: relative;
}
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: "";
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #1779ba transparent transparent;
  position: absolute;
  top: 50%;
  margin-top: -3px;
  right: 1rem;
}
.accordion-menu.align-left .is-accordion-submenu-parent > a::after {
  right: 1rem;
  left: auto;
}
.accordion-menu.align-right .is-accordion-submenu-parent > a::after {
  right: auto;
  left: 1rem;
}
.accordion-menu .is-accordion-submenu-parent[aria-expanded=true] > a::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}

.is-accordion-submenu-parent {
  position: relative;
}

.has-submenu-toggle > a {
  margin-right: 40px;
}

.submenu-toggle {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.submenu-toggle::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: "";
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #1779ba transparent transparent;
  top: 0;
  bottom: 0;
  margin: auto;
}

.submenu-toggle[aria-expanded=true]::after {
  -webkit-transform: scaleY(-1);
          transform: scaleY(-1);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}

.submenu-toggle-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.is-drilldown {
  position: relative;
  overflow: hidden;
}
.is-drilldown li {
  display: block;
}
.is-drilldown.animate-height {
  -webkit-transition: height 0.5s;
  transition: height 0.5s;
}

.drilldown a {
  padding: 0.7rem 1rem;
  background: #fefefe;
}
.drilldown .is-drilldown-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: -1;
  width: 100%;
  background: #fefefe;
  -webkit-transition: -webkit-transform 0.15s linear;
  transition: -webkit-transform 0.15s linear;
  transition: transform 0.15s linear;
  transition: transform 0.15s linear, -webkit-transform 0.15s linear;
}
.drilldown .is-drilldown-submenu.is-active {
  z-index: 1;
  display: block;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.drilldown .is-drilldown-submenu.is-closing {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.drilldown .is-drilldown-submenu a {
  padding: 0.7rem 1rem;
}
.drilldown .nested.is-drilldown-submenu {
  margin-right: 0;
  margin-left: 0;
}
.drilldown .drilldown-submenu-cover-previous {
  min-height: 100%;
}
.drilldown .is-drilldown-submenu-parent > a {
  position: relative;
}
.drilldown .is-drilldown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: "";
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #1779ba;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  right: 1rem;
}
.drilldown.align-left .is-drilldown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: "";
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #1779ba;
  right: 1rem;
  left: auto;
}
.drilldown.align-right .is-drilldown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: "";
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #1779ba transparent transparent;
  right: auto;
  left: 1rem;
}
.drilldown .js-drilldown-back > a::before {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: "";
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #1779ba transparent transparent;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.75rem;
}

.dropdown.menu > li.opens-left > .is-dropdown-submenu {
  top: 100%;
  right: 0;
  left: auto;
}
.dropdown.menu > li.opens-right > .is-dropdown-submenu {
  top: 100%;
  right: auto;
  left: 0;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a {
  position: relative;
  padding-right: 1.5rem;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: "";
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #1779ba transparent transparent;
  right: 5px;
  left: auto;
  margin-top: -3px;
}
[data-whatinput=mouse] .dropdown.menu a {
  outline: 0;
}
.dropdown.menu > li > a {
  padding: 0.7rem 1rem;
}
.dropdown.menu > li.is-active > a {
  background: transparent;
  color: #1779ba;
}
.no-js .dropdown.menu ul {
  display: none;
}
.dropdown.menu .nested.is-dropdown-submenu {
  margin-right: 0;
  margin-left: 0;
}
.dropdown.menu.vertical > li .is-dropdown-submenu {
  top: 0;
}
.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu {
  top: 0;
  right: 100%;
  left: auto;
}
.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu {
  right: auto;
  left: 100%;
}
.dropdown.menu.vertical > li > a::after {
  right: 14px;
}
.dropdown.menu.vertical > li.opens-left > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: "";
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #1779ba transparent transparent;
  right: auto;
  left: 5px;
}
.dropdown.menu.vertical > li.opens-right > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: "";
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #1779ba;
}
@media print, screen and (min-width: 40em) {
  .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto;
  }
  .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0;
  }
  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem;
  }
  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #1779ba transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px;
  }
  .dropdown.menu.medium-vertical > li .is-dropdown-submenu {
    top: 0;
  }
  .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto;
  }
  .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
  }
  .dropdown.menu.medium-vertical > li > a::after {
    right: 14px;
  }
  .dropdown.menu.medium-vertical > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #1779ba transparent transparent;
    right: auto;
    left: 5px;
  }
  .dropdown.menu.medium-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #1779ba;
  }
}
@media print, screen and (min-width: 64em) {
  .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto;
  }
  .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0;
  }
  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem;
  }
  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #1779ba transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px;
  }
  .dropdown.menu.large-vertical > li .is-dropdown-submenu {
    top: 0;
  }
  .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto;
  }
  .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
  }
  .dropdown.menu.large-vertical > li > a::after {
    right: 14px;
  }
  .dropdown.menu.large-vertical > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #1779ba transparent transparent;
    right: auto;
    left: 5px;
  }
  .dropdown.menu.large-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #1779ba;
  }
}
@media screen and (min-width: 81.25em) {
  .dropdown.menu.xlarge-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto;
  }
  .dropdown.menu.xlarge-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0;
  }
  .dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem;
  }
  .dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #1779ba transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px;
  }
  .dropdown.menu.xlarge-vertical > li .is-dropdown-submenu {
    top: 0;
  }
  .dropdown.menu.xlarge-vertical > li.opens-left > .is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto;
  }
  .dropdown.menu.xlarge-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
  }
  .dropdown.menu.xlarge-vertical > li > a::after {
    right: 14px;
  }
  .dropdown.menu.xlarge-vertical > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #1779ba transparent transparent;
    right: auto;
    left: 5px;
  }
  .dropdown.menu.xlarge-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #1779ba;
  }
}
@media screen and (min-width: 106.25em) {
  .dropdown.menu.xxlarge-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto;
  }
  .dropdown.menu.xxlarge-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0;
  }
  .dropdown.menu.xxlarge-horizontal > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem;
  }
  .dropdown.menu.xxlarge-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #1779ba transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px;
  }
  .dropdown.menu.xxlarge-vertical > li .is-dropdown-submenu {
    top: 0;
  }
  .dropdown.menu.xxlarge-vertical > li.opens-left > .is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto;
  }
  .dropdown.menu.xxlarge-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
  }
  .dropdown.menu.xxlarge-vertical > li > a::after {
    right: 14px;
  }
  .dropdown.menu.xxlarge-vertical > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #1779ba transparent transparent;
    right: auto;
    left: 5px;
  }
  .dropdown.menu.xxlarge-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #1779ba;
  }
}
.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
  top: 100%;
  right: 0;
  left: auto;
}

.is-dropdown-menu.vertical {
  width: 100px;
}
.is-dropdown-menu.vertical.align-right {
  float: right;
}

.is-dropdown-submenu-parent {
  position: relative;
}
.is-dropdown-submenu-parent a::after {
  position: absolute;
  top: 50%;
  right: 5px;
  left: auto;
  margin-top: -6px;
}
.is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {
  top: 100%;
  left: auto;
}
.is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
  right: 100%;
  left: auto;
}
.is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
  right: auto;
  left: 100%;
}

.is-dropdown-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 1;
  display: none;
  min-width: 200px;
  border: 1px solid #cacaca;
  background: #fefefe;
}
.dropdown .is-dropdown-submenu a {
  padding: 0.7rem 1rem;
}
.is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
  right: 14px;
}
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: "";
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #1779ba transparent transparent;
  right: auto;
  left: 5px;
}
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: "";
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #1779ba;
}
.is-dropdown-submenu .is-dropdown-submenu {
  margin-top: -1px;
}
.is-dropdown-submenu > li {
  width: 100%;
}
.is-dropdown-submenu.js-dropdown-active {
  display: block;
}

.is-off-canvas-open {
  overflow: hidden;
}

.js-off-canvas-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity 0.5s ease, visibility 0.5s ease;
  transition: opacity 0.5s ease, visibility 0.5s ease;
  background: rgba(254, 254, 254, 0.25);
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
}
.js-off-canvas-overlay.is-visible {
  opacity: 1;
  visibility: visible;
}
.js-off-canvas-overlay.is-closable {
  cursor: pointer;
}
.js-off-canvas-overlay.is-overlay-absolute {
  position: absolute;
}
.js-off-canvas-overlay.is-overlay-fixed {
  position: fixed;
}

.off-canvas-wrapper {
  position: relative;
  overflow: hidden;
}

.off-canvas {
  position: fixed;
  z-index: 12;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  background: #e6e6e6;
}
[data-whatinput=mouse] .off-canvas {
  outline: 0;
}
.off-canvas.is-transition-push {
  z-index: 12;
}
.off-canvas.is-closed {
  visibility: hidden;
}
.off-canvas.is-transition-overlap {
  z-index: 13;
}
.off-canvas.is-transition-overlap.is-open {
  -webkit-box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
          box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
}
.off-canvas.is-open {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.off-canvas-absolute {
  position: absolute;
  z-index: 12;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  background: #e6e6e6;
}
[data-whatinput=mouse] .off-canvas-absolute {
  outline: 0;
}
.off-canvas-absolute.is-transition-push {
  z-index: 12;
}
.off-canvas-absolute.is-closed {
  visibility: hidden;
}
.off-canvas-absolute.is-transition-overlap {
  z-index: 13;
}
.off-canvas-absolute.is-transition-overlap.is-open {
  -webkit-box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
          box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
}
.off-canvas-absolute.is-open {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.position-left {
  top: 0;
  left: 0;
  height: 100%;
  overflow-y: auto;
  width: 250px;
  -webkit-transform: translateX(-250px);
          transform: translateX(-250px);
}
.off-canvas-content .off-canvas.position-left {
  -webkit-transform: translateX(-250px);
          transform: translateX(-250px);
}
.off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.off-canvas-content.is-open-left.has-transition-push {
  -webkit-transform: translateX(250px);
          transform: translateX(250px);
}

.position-left.is-transition-push {
  -webkit-box-shadow: inset -13px 0 20px -13px rgba(10, 10, 10, 0.25);
          box-shadow: inset -13px 0 20px -13px rgba(10, 10, 10, 0.25);
}

.position-right {
  top: 0;
  right: 0;
  height: 100%;
  overflow-y: auto;
  width: 250px;
  -webkit-transform: translateX(250px);
          transform: translateX(250px);
}
.off-canvas-content .off-canvas.position-right {
  -webkit-transform: translateX(250px);
          transform: translateX(250px);
}
.off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.off-canvas-content.is-open-right.has-transition-push {
  -webkit-transform: translateX(-250px);
          transform: translateX(-250px);
}

.position-right.is-transition-push {
  -webkit-box-shadow: inset 13px 0 20px -13px rgba(10, 10, 10, 0.25);
          box-shadow: inset 13px 0 20px -13px rgba(10, 10, 10, 0.25);
}

.position-top {
  top: 0;
  left: 0;
  width: 100%;
  overflow-x: auto;
  height: 250px;
  -webkit-transform: translateY(-250px);
          transform: translateY(-250px);
}
.off-canvas-content .off-canvas.position-top {
  -webkit-transform: translateY(-250px);
          transform: translateY(-250px);
}
.off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.off-canvas-content.is-open-top.has-transition-push {
  -webkit-transform: translateY(250px);
          transform: translateY(250px);
}

.position-top.is-transition-push {
  -webkit-box-shadow: inset 0 -13px 20px -13px rgba(10, 10, 10, 0.25);
          box-shadow: inset 0 -13px 20px -13px rgba(10, 10, 10, 0.25);
}

.position-bottom {
  bottom: 0;
  left: 0;
  width: 100%;
  overflow-x: auto;
  height: 250px;
  -webkit-transform: translateY(250px);
          transform: translateY(250px);
}
.off-canvas-content .off-canvas.position-bottom {
  -webkit-transform: translateY(250px);
          transform: translateY(250px);
}
.off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.off-canvas-content.is-open-bottom.has-transition-push {
  -webkit-transform: translateY(-250px);
          transform: translateY(-250px);
}

.position-bottom.is-transition-push {
  -webkit-box-shadow: inset 0 13px 20px -13px rgba(10, 10, 10, 0.25);
          box-shadow: inset 0 13px 20px -13px rgba(10, 10, 10, 0.25);
}

.off-canvas-content {
  -webkit-transform: none;
          transform: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.off-canvas-content.has-transition-overlap, .off-canvas-content.has-transition-push {
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
.off-canvas-content.has-transition-push {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.off-canvas-content .off-canvas.is-open {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

@media print, screen and (min-width: 40em) {
  .position-left.reveal-for-medium {
    -webkit-transform: none;
            transform: none;
    z-index: 12;
    -webkit-transition: none;
    transition: none;
    visibility: visible;
  }
  .position-left.reveal-for-medium .close-button {
    display: none;
  }
  .off-canvas-content .position-left.reveal-for-medium {
    -webkit-transform: none;
            transform: none;
  }
  .off-canvas-content.has-reveal-left {
    margin-left: 250px;
  }
  .position-left.reveal-for-medium ~ .off-canvas-content {
    margin-left: 250px;
  }
  .position-right.reveal-for-medium {
    -webkit-transform: none;
            transform: none;
    z-index: 12;
    -webkit-transition: none;
    transition: none;
    visibility: visible;
  }
  .position-right.reveal-for-medium .close-button {
    display: none;
  }
  .off-canvas-content .position-right.reveal-for-medium {
    -webkit-transform: none;
            transform: none;
  }
  .off-canvas-content.has-reveal-right {
    margin-right: 250px;
  }
  .position-right.reveal-for-medium ~ .off-canvas-content {
    margin-right: 250px;
  }
  .position-top.reveal-for-medium {
    -webkit-transform: none;
            transform: none;
    z-index: 12;
    -webkit-transition: none;
    transition: none;
    visibility: visible;
  }
  .position-top.reveal-for-medium .close-button {
    display: none;
  }
  .off-canvas-content .position-top.reveal-for-medium {
    -webkit-transform: none;
            transform: none;
  }
  .off-canvas-content.has-reveal-top {
    margin-top: 250px;
  }
  .position-top.reveal-for-medium ~ .off-canvas-content {
    margin-top: 250px;
  }
  .position-bottom.reveal-for-medium {
    -webkit-transform: none;
            transform: none;
    z-index: 12;
    -webkit-transition: none;
    transition: none;
    visibility: visible;
  }
  .position-bottom.reveal-for-medium .close-button {
    display: none;
  }
  .off-canvas-content .position-bottom.reveal-for-medium {
    -webkit-transform: none;
            transform: none;
  }
  .off-canvas-content.has-reveal-bottom {
    margin-bottom: 250px;
  }
  .position-bottom.reveal-for-medium ~ .off-canvas-content {
    margin-bottom: 250px;
  }
}
@media print, screen and (min-width: 64em) {
  .position-left.reveal-for-large {
    -webkit-transform: none;
            transform: none;
    z-index: 12;
    -webkit-transition: none;
    transition: none;
    visibility: visible;
  }
  .position-left.reveal-for-large .close-button {
    display: none;
  }
  .off-canvas-content .position-left.reveal-for-large {
    -webkit-transform: none;
            transform: none;
  }
  .off-canvas-content.has-reveal-left {
    margin-left: 250px;
  }
  .position-left.reveal-for-large ~ .off-canvas-content {
    margin-left: 250px;
  }
  .position-right.reveal-for-large {
    -webkit-transform: none;
            transform: none;
    z-index: 12;
    -webkit-transition: none;
    transition: none;
    visibility: visible;
  }
  .position-right.reveal-for-large .close-button {
    display: none;
  }
  .off-canvas-content .position-right.reveal-for-large {
    -webkit-transform: none;
            transform: none;
  }
  .off-canvas-content.has-reveal-right {
    margin-right: 250px;
  }
  .position-right.reveal-for-large ~ .off-canvas-content {
    margin-right: 250px;
  }
  .position-top.reveal-for-large {
    -webkit-transform: none;
            transform: none;
    z-index: 12;
    -webkit-transition: none;
    transition: none;
    visibility: visible;
  }
  .position-top.reveal-for-large .close-button {
    display: none;
  }
  .off-canvas-content .position-top.reveal-for-large {
    -webkit-transform: none;
            transform: none;
  }
  .off-canvas-content.has-reveal-top {
    margin-top: 250px;
  }
  .position-top.reveal-for-large ~ .off-canvas-content {
    margin-top: 250px;
  }
  .position-bottom.reveal-for-large {
    -webkit-transform: none;
            transform: none;
    z-index: 12;
    -webkit-transition: none;
    transition: none;
    visibility: visible;
  }
  .position-bottom.reveal-for-large .close-button {
    display: none;
  }
  .off-canvas-content .position-bottom.reveal-for-large {
    -webkit-transform: none;
            transform: none;
  }
  .off-canvas-content.has-reveal-bottom {
    margin-bottom: 250px;
  }
  .position-bottom.reveal-for-large ~ .off-canvas-content {
    margin-bottom: 250px;
  }
}
@media screen and (min-width: 81.25em) {
  .position-left.reveal-for-xlarge {
    -webkit-transform: none;
            transform: none;
    z-index: 12;
    -webkit-transition: none;
    transition: none;
    visibility: visible;
  }
  .position-left.reveal-for-xlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-left.reveal-for-xlarge {
    -webkit-transform: none;
            transform: none;
  }
  .off-canvas-content.has-reveal-left {
    margin-left: 250px;
  }
  .position-left.reveal-for-xlarge ~ .off-canvas-content {
    margin-left: 250px;
  }
  .position-right.reveal-for-xlarge {
    -webkit-transform: none;
            transform: none;
    z-index: 12;
    -webkit-transition: none;
    transition: none;
    visibility: visible;
  }
  .position-right.reveal-for-xlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-right.reveal-for-xlarge {
    -webkit-transform: none;
            transform: none;
  }
  .off-canvas-content.has-reveal-right {
    margin-right: 250px;
  }
  .position-right.reveal-for-xlarge ~ .off-canvas-content {
    margin-right: 250px;
  }
  .position-top.reveal-for-xlarge {
    -webkit-transform: none;
            transform: none;
    z-index: 12;
    -webkit-transition: none;
    transition: none;
    visibility: visible;
  }
  .position-top.reveal-for-xlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-top.reveal-for-xlarge {
    -webkit-transform: none;
            transform: none;
  }
  .off-canvas-content.has-reveal-top {
    margin-top: 250px;
  }
  .position-top.reveal-for-xlarge ~ .off-canvas-content {
    margin-top: 250px;
  }
  .position-bottom.reveal-for-xlarge {
    -webkit-transform: none;
            transform: none;
    z-index: 12;
    -webkit-transition: none;
    transition: none;
    visibility: visible;
  }
  .position-bottom.reveal-for-xlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-bottom.reveal-for-xlarge {
    -webkit-transform: none;
            transform: none;
  }
  .off-canvas-content.has-reveal-bottom {
    margin-bottom: 250px;
  }
  .position-bottom.reveal-for-xlarge ~ .off-canvas-content {
    margin-bottom: 250px;
  }
}
@media screen and (min-width: 106.25em) {
  .position-left.reveal-for-xxlarge {
    -webkit-transform: none;
            transform: none;
    z-index: 12;
    -webkit-transition: none;
    transition: none;
    visibility: visible;
  }
  .position-left.reveal-for-xxlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-left.reveal-for-xxlarge {
    -webkit-transform: none;
            transform: none;
  }
  .off-canvas-content.has-reveal-left {
    margin-left: 250px;
  }
  .position-left.reveal-for-xxlarge ~ .off-canvas-content {
    margin-left: 250px;
  }
  .position-right.reveal-for-xxlarge {
    -webkit-transform: none;
            transform: none;
    z-index: 12;
    -webkit-transition: none;
    transition: none;
    visibility: visible;
  }
  .position-right.reveal-for-xxlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-right.reveal-for-xxlarge {
    -webkit-transform: none;
            transform: none;
  }
  .off-canvas-content.has-reveal-right {
    margin-right: 250px;
  }
  .position-right.reveal-for-xxlarge ~ .off-canvas-content {
    margin-right: 250px;
  }
  .position-top.reveal-for-xxlarge {
    -webkit-transform: none;
            transform: none;
    z-index: 12;
    -webkit-transition: none;
    transition: none;
    visibility: visible;
  }
  .position-top.reveal-for-xxlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-top.reveal-for-xxlarge {
    -webkit-transform: none;
            transform: none;
  }
  .off-canvas-content.has-reveal-top {
    margin-top: 250px;
  }
  .position-top.reveal-for-xxlarge ~ .off-canvas-content {
    margin-top: 250px;
  }
  .position-bottom.reveal-for-xxlarge {
    -webkit-transform: none;
            transform: none;
    z-index: 12;
    -webkit-transition: none;
    transition: none;
    visibility: visible;
  }
  .position-bottom.reveal-for-xxlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-bottom.reveal-for-xxlarge {
    -webkit-transform: none;
            transform: none;
  }
  .off-canvas-content.has-reveal-bottom {
    margin-bottom: 250px;
  }
  .position-bottom.reveal-for-xxlarge ~ .off-canvas-content {
    margin-bottom: 250px;
  }
}
@media print, screen and (min-width: 40em) {
  .off-canvas.in-canvas-for-medium {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    -webkit-transition: none;
    transition: none;
  }
  .off-canvas.in-canvas-for-medium.position-left, .off-canvas.in-canvas-for-medium.position-right, .off-canvas.in-canvas-for-medium.position-top, .off-canvas.in-canvas-for-medium.position-bottom {
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-transform: none;
            transform: none;
  }
  .off-canvas.in-canvas-for-medium .close-button {
    display: none;
  }
}
@media print, screen and (min-width: 64em) {
  .off-canvas.in-canvas-for-large {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    -webkit-transition: none;
    transition: none;
  }
  .off-canvas.in-canvas-for-large.position-left, .off-canvas.in-canvas-for-large.position-right, .off-canvas.in-canvas-for-large.position-top, .off-canvas.in-canvas-for-large.position-bottom {
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-transform: none;
            transform: none;
  }
  .off-canvas.in-canvas-for-large .close-button {
    display: none;
  }
}
@media screen and (min-width: 81.25em) {
  .off-canvas.in-canvas-for-xlarge {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    -webkit-transition: none;
    transition: none;
  }
  .off-canvas.in-canvas-for-xlarge.position-left, .off-canvas.in-canvas-for-xlarge.position-right, .off-canvas.in-canvas-for-xlarge.position-top, .off-canvas.in-canvas-for-xlarge.position-bottom {
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-transform: none;
            transform: none;
  }
  .off-canvas.in-canvas-for-xlarge .close-button {
    display: none;
  }
}
@media screen and (min-width: 106.25em) {
  .off-canvas.in-canvas-for-xxlarge {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    -webkit-transition: none;
    transition: none;
  }
  .off-canvas.in-canvas-for-xxlarge.position-left, .off-canvas.in-canvas-for-xxlarge.position-right, .off-canvas.in-canvas-for-xxlarge.position-top, .off-canvas.in-canvas-for-xxlarge.position-bottom {
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-transform: none;
            transform: none;
  }
  .off-canvas.in-canvas-for-xxlarge .close-button {
    display: none;
  }
}
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(10, 10, 10, 0.45);
  overflow-y: auto;
}

.reveal {
  z-index: 1006;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: none;
  padding: 1rem;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: #fefefe;
  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 print, 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;
}

.sticky-container {
  position: relative;
}

.sticky {
  position: relative;
  z-index: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.sticky.is-stuck {
  position: fixed;
  z-index: 5;
  width: 100%;
}
.sticky.is-stuck.is-at-top {
  top: 0;
}
.sticky.is-stuck.is-at-bottom {
  bottom: 0;
}

.sticky.is-anchored {
  position: relative;
  right: auto;
  left: auto;
}
.sticky.is-anchored.is-at-bottom {
  bottom: 0;
}

.title-bar {
  padding: 0.5rem;
  background: #0a0a0a;
  color: #fefefe;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.title-bar .menu-icon {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.title-bar-left,
.title-bar-right {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0px;
}

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

.title-bar-title {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
}

.top-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.top-bar,
.top-bar ul {
  background-color: #e6e6e6;
}
.top-bar input {
  max-width: 200px;
  margin-right: 1rem;
}
.top-bar .input-group-field {
  width: 100%;
  margin-right: 0;
}
.top-bar input.button {
  width: auto;
}
.top-bar .top-bar-left,
.top-bar .top-bar-right {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
@media print, screen and (min-width: 40em) {
  .top-bar {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .top-bar .top-bar-left {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    margin-right: auto;
  }
  .top-bar .top-bar-right {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    margin-left: auto;
  }
}
@media print, screen and (max-width: 63.99875em) {
  .top-bar.stacked-for-medium {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .top-bar.stacked-for-medium .top-bar-left,
  .top-bar.stacked-for-medium .top-bar-right {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
@media print, screen and (max-width: 81.24875em) {
  .top-bar.stacked-for-large {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .top-bar.stacked-for-large .top-bar-left,
  .top-bar.stacked-for-large .top-bar-right {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
@media print, screen and (max-width: 106.24875em) {
  .top-bar.stacked-for-xlarge {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .top-bar.stacked-for-xlarge .top-bar-left,
  .top-bar.stacked-for-xlarge .top-bar-right {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
.top-bar.stacked-for-xxlarge {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.top-bar.stacked-for-xxlarge .top-bar-left,
.top-bar.stacked-for-xxlarge .top-bar-right {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

.top-bar-title {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 0.5rem 1rem 0.5rem 0;
}

.top-bar-left,
.top-bar-right {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.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: " ";
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.clearfix::after {
  clear: both;
}

.align-left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.align-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.align-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.align-justify {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.align-spaced {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

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

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

.align-center.vertical.menu > li > a {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.align-top {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

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

.align-bottom {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

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

.align-middle {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.align-self-middle {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.align-stretch {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.align-self-stretch {
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}

.align-center-middle {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}

.small-order-1 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.small-order-2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.small-order-3 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

.small-order-4 {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}

.small-order-5 {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}

.small-order-6 {
  -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6;
}

@media print, screen and (min-width: 40em) {
  .medium-order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .medium-order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .medium-order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .medium-order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .medium-order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .medium-order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
}
@media print, screen and (min-width: 64em) {
  .large-order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .large-order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .large-order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .large-order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .large-order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .large-order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
}
@media screen and (min-width: 81.25em) {
  .xlarge-order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .xlarge-order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .xlarge-order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .xlarge-order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .xlarge-order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .xlarge-order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
}
@media screen and (min-width: 106.25em) {
  .xxlarge-order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .xxlarge-order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .xxlarge-order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .xxlarge-order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .xxlarge-order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .xxlarge-order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
}
.flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flex-child-auto {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

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

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

.flex-dir-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.flex-dir-row-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.flex-dir-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.flex-dir-column-reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

@media print, screen and (min-width: 40em) {
  .medium-flex-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .medium-flex-child-auto {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
  .medium-flex-child-grow {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
  }
  .medium-flex-child-shrink {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
  }
  .medium-flex-dir-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .medium-flex-dir-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .medium-flex-dir-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .medium-flex-dir-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
@media print, screen and (min-width: 64em) {
  .large-flex-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .large-flex-child-auto {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
  .large-flex-child-grow {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
  }
  .large-flex-child-shrink {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
  }
  .large-flex-dir-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .large-flex-dir-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .large-flex-dir-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .large-flex-dir-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
@media screen and (min-width: 81.25em) {
  .xlarge-flex-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .xlarge-flex-child-auto {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
  .xlarge-flex-child-grow {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
  }
  .xlarge-flex-child-shrink {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
  }
  .xlarge-flex-dir-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .xlarge-flex-dir-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .xlarge-flex-dir-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .xlarge-flex-dir-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
@media screen and (min-width: 106.25em) {
  .xxlarge-flex-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .xxlarge-flex-child-auto {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
  .xxlarge-flex-child-grow {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
  }
  .xxlarge-flex-child-shrink {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
  }
  .xxlarge-flex-dir-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .xxlarge-flex-dir-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .xxlarge-flex-dir-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .xxlarge-flex-dir-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.hide {
  display: none !important;
}

.invisible {
  visibility: hidden;
}

@media print, 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 print, 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 print, screen and (min-width: 64em) and (max-width: 81.24875em) {
  .hide-for-large-only {
    display: none !important;
  }
}

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

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

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

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

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

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

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

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

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

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

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

.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;
  }
}

/* Screen reader only */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

#blazor-error-ui {
  background: lightyellow;
  bottom: 0;
  -webkit-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
          box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
  display: none;
  left: 0;
  padding: 1.5rem;
  position: fixed;
  width: 100%;
  z-index: 1000;
  font-size: 1rem;
  font-weight: bold;
}
#blazor-error-ui .dismiss {
  cursor: pointer;
  position: absolute;
  right: 0.75rem;
  top: 1.2rem;
}

@font-face {
  font-family: "M-Bold";
  src: url("/css/font/Montserrat/Montserrat-Bold.eot?#iefix") format("embedded-opentype"), url("/css/font/Montserrat/Montserrat-Bold.otf") format("opentype"), url("/css/font/Montserrat/Montserrat-Bold.woff") format("woff"), url("/css/font/Montserrat/Montserrat-Bold.ttf") format("truetype"), url("/css/font/Montserrat/Montserrat-Bold.svg#Montserrat-Bold") format("svg");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "M-Med";
  src: url("/css/font/Montserrat/Montserrat-Medium.eot?#iefix") format("embedded-opentype"), url("/css/font/Montserrat/Montserrat-Medium.otf") format("opentype"), url("/css/font/Montserrat/Montserrat-Medium.woff") format("woff"), url("/css/font/Montserrat/Montserrat-Medium.ttf") format("truetype"), url("/css/font/Montserrat/Montserrat-Medium.svg#Montserrat-Medium") format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "M-Reg";
  src: url("/css/font/Montserrat/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), url("/css/font/Montserrat/Montserrat-Regular.otf") format("opentype"), url("/css/font/Montserrat/Montserrat-Regular.woff") format("woff"), url("/css/font/Montserrat/Montserrat-Regular.ttf") format("truetype"), url("/css/font/Montserrat/Montserrat-Regular.svg#Montserrat-Regular") format("svg");
  font-weight: 400;
  font-style: normal;
}
/**
 * Clear inner floats
 */
.clearfix::after {
  clear: both;
  content: "";
  display: table;
}

/**
 * Hide text while making it readable for screen readers
 * 1. Needed in WebKit-based browsers because of an implementation bug;
 *    See: https://code.google.com/p/chromium/issues/detail?id=457146
 */
.hide-text {
  overflow: hidden;
  padding: 0; /* 1 */
  text-indent: 101%;
  white-space: nowrap;
}

/**
 * Hide element while making it readable for screen readers
 * Shamelessly borrowed from HTML5Boilerplate:
 * https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css#L119-L133
 */
.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.uppercase {
  text-transform: uppercase;
}

/*.dark {
    color: white;
    background-color: #303030;
}

.warning {
    color: white;
    background-color: orangered;
}

.success {
    color: white;
    background-color: #43a047;
}*/
.sticky { /* Safari */
  position: sticky;
  top: 0;
  left: 0;
  transform: none;
  -webkit-transform: none;
}
@media only screen and (max-width: 40em) {
  .sticky.medium-up {
    position: relative;
  }
}

input.expanded {
  width: 100%;
}

input[type=checkbox].large {
  width: 32px;
  height: 32px;
}

input[type=radio] {
  cursor: pointer;
}

.v-align-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /*justify-content: center;*/
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.contact-us-links {
  font-size: 1rem;
}

/* Fix for IE11 background scrolling */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html {
    overflow: hidden;
    height: 100%;
  }
  body {
    overflow: auto;
    height: 100%;
  }
}
.selectable-list a {
  background-color: #2196f3;
  color: white;
  display: block;
  padding: 10px;
  text-align: center;
}
.selectable-list a > p {
  margin: 0;
}
.selectable-list a.selected {
  background-color: #22bb5b;
}

/**
* Basic typography style for copy text
*/
body, a, input, select, textarea, div {
  font-family: "Sora", "Roboto", "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
}

body {
  color: rgb(34, 34, 34);
  font-size: 12px;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Roboto Condensed", Calibri, "Gill Sans", "Gill Sans MT", sans-serif;
}

h1 {
  font-size: 3rem;
}
h1 small {
  font-size: 0.8rem;
  color: #757575;
}
@media screen and (min-width: 40em) {
  h1.medium-inline {
    display: inline;
  }
}

h4 i {
  margin-right: 20px;
}
h4.underline {
  border-bottom: 2px solid #dcdcdc;
}

textarea {
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

a {
  color: #c00;
}

em {
  font-style: normal;
  color: red;
}

p.large, span.large, ul.large {
  font-size: 1rem;
  font-family: "Sora", "Roboto", "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
}
p.medium, span.medium, ul.medium {
  font-size: 0.8rem;
  font-family: "Sora", "Roboto", "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
}

.text-strikethrough {
  text-decoration: line-through;
}

.text-warning {
  font-weight: bold;
  color: red;
}
.text-warning a {
  color: #1779ba;
}

.text-price-sale {
  font-weight: bold;
  color: red;
}

html, body, .msv {
  height: 100%;
}

.off-canvas-content {
  min-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.page-body {
  background: url(https://msvstatic.blob.core.windows.net/manual/background-image-dark1.jpg) no-repeat center center fixed;
  background-size: cover;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.hero-image img {
  width: 100%;
}

.news-article-list {
  background-color: #585858;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  height: 100%;
}
.news-article-list:hover {
  opacity: 0.75;
  background-color: grey;
}
.news-article-list .icon {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1.8rem;
  padding: 8px;
  color: white;
  z-index: 3;
}
.news-article-list .text-content {
  font-size: 1rem;
  padding: 15px;
  color: white;
  background-color: grey;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.news-article-list .text-content .date {
  font-weight: bold;
  margin-bottom: 0;
}
.news-article-list.type-News {
  background: #f39200;
}
.news-article-list.type-News img {
  border-top: 10px solid #f39200;
}
.news-article-list.type-News .icon {
  background: #f39200;
}
.news-article-list.type-Facebook {
  background: #3C5A9A;
}
.news-article-list.type-Facebook img {
  border-top: 10px solid #3C5A9A;
}
.news-article-list.type-Facebook .icon {
  background: #3C5A9A;
}
.news-article-list.type-Twitter {
  background: #1DA1F3;
}
.news-article-list.type-Twitter img {
  border-top: 10px solid #1DA1F3;
}
.news-article-list.type-Twitter .icon {
  background: #1DA1F3;
}
.news-article-list.type-Instagram {
  background: #EF6429;
}
.news-article-list.type-Instagram img {
  border-top: 10px solid #EF6429;
}
.news-article-list.type-Instagram .icon {
  background: #EF6429;
}

.time-slot-selector {
  margin: 0;
}
.time-slot-selector li {
  list-style: none;
}
.time-slot-selector a.button {
  margin: 0;
}
.time-slot-selector .month {
  font-size: 1.3rem;
  color: red;
  display: block;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", Calibri, "Gill Sans", "Gill Sans MT", sans-serif;
}
.time-slot-selector .day {
  display: block;
  font-size: 1.1rem;
}
.time-slot-selector p {
  margin: 0;
}
.time-slot-selector p.large {
  font-family: "Roboto Condensed", Calibri, "Gill Sans", "Gill Sans MT", sans-serif;
  font-size: 1.3rem;
}

.my-reconnect-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  overflow: hidden;
  text-align: center;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.my-reconnect-modal.components-reconnect-show, .my-reconnect-modal.components-reconnect-failed, .my-reconnect-modal.components-reconnect-rejected {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.my-reconnect-modal .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: black;
  opacity: 0.8;
  z-index: 1001;
}
.my-reconnect-modal .message {
  display: none;
  font-size: 1.2rem;
  background-color: white;
  z-index: 1002;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.my-reconnect-modal .message h3 {
  background-color: black;
  padding: 20px 10px;
  font-weight: bold;
  color: white;
  font-size: 1.5rem;
}
.my-reconnect-modal .message .show, .my-reconnect-modal .message .failed, .my-reconnect-modal .message .rejected {
  display: none;
  font-size: 1.2rem;
  background-color: white;
  padding: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.my-reconnect-modal.components-reconnect-show .message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.my-reconnect-modal.components-reconnect-show .message .show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.my-reconnect-modal.components-reconnect-failed .message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.my-reconnect-modal.components-reconnect-failed .message .failed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.my-reconnect-modal.components-reconnect-rejected .message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.my-reconnect-modal.components-reconnect-rejected .message .rejected {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#cookies-eu-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 100;
  background-color: black;
  color: white;
  width: 100%;
  font-size: 1rem;
  padding: 10px;
}
#cookies-eu-banner .button {
  margin: 0;
  padding: 5px;
}
#cookies-eu-banner .button.alert {
  border: 0;
}

.video-js {
  margin-bottom: 30px;
}

.ticket-hotline {
  -ms-grid-row: 2;
  grid-row: 2;
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-column-span: 2;
  grid-column-end: 3;
  text-align: right;
}
.ticket-hotline .label {
  background: none;
  color: black;
  white-space: normal;
}
.ticket-hotline h5 {
  display: inline-block;
  color: black;
  margin-bottom: 0;
}
.ticket-hotline .phone-warning {
  font-size: 8px;
  display: block;
  color: black;
}

@-webkit-keyframes fader {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fader {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.banner {
  display: none;
  position: relative;
}
.banner.active {
  display: block;
  /*causes the page to visibly reload after pre-render, need to apply only when changing slide after intial load */
  /*animation-name: fader;
  animation-duration: 1s;*/
}
.banner .desc {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-transform: uppercase;
  /*        @media screen and (max-width: 40em) {
      width: 50%;
      height: 100%;
  }*/
}
@media screen and (min-width: 40em) and (max-width: 64em) {
  .banner .desc {
    position: static;
  }
}
.banner .desc > .grid-container {
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
  margin-bottom: 20px;
  padding: 20px;
}
@media screen and (min-width: 40em) and (max-width: 64em) {
  .banner .desc > .grid-container {
    background-color: #4b4b4b;
  }
}
.banner .desc > .grid-container h4 {
  margin: 0;
}
.banner .desc > .grid-container p {
  margin: 0;
}
.banner .desc > .grid-container a.button {
  margin-bottom: 0;
}
@media screen and (max-width: 40em) {
  .banner .desc > .grid-container a.button {
    width: unset;
  }
}
.banner .desc > .grid-container ul {
  margin: 0;
  list-style: none;
  float: right;
}
.banner .desc > .grid-container ul li {
  float: left;
  margin-right: 10px;
}

.msv header {
  background-color: #252525;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #252525), color-stop(48.5%, #464646), color-stop(48.5%, #000), to(#111));
  background-image: linear-gradient(#252525 0, #464646 48.5%, #000 48.5%, #111 100%);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  /* This is the top part of the page, containing the company logo*/
}
.msv header .grid-container {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 50px 50px;
  grid-template-rows: 50px 50px;
  -ms-grid-columns: 271px auto;
  grid-template-columns: 271px auto;
}
.msv header .grid-container > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.msv header .grid-container > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
.msv header .grid-container > *:nth-child(3) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}
.msv header .grid-container > *:nth-child(4) {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}
.msv header .grid-container .company-logo {
  position: relative;
}
.msv header .grid-container .company-logo .header-content {
  position: absolute;
  bottom: -40px;
}
.msv header .grid-container .company-logo .header-content .header-logo {
  margin-bottom: 20px;
}
.msv header .grid-container .company-logo .header-content .header-logo img {
  width: 100%;
  height: 51px;
  display: inline-block;
  vertical-align: middle;
}
@media screen and (max-width: 40em) {
  .msv header .grid-container .company-logo .header-content {
    bottom: 10px;
  }
  .msv header .grid-container .company-logo .header-content .header-logo {
    margin-bottom: 0px;
  }
  .msv header .grid-container .company-logo .header-content .header-logo img {
    width: auto;
    height: 30px;
  }
}
.msv header .grid-container .circuits-bar {
  position: relative;
}
.msv header .grid-container .circuits-bar #circuit-links {
  position: absolute;
  bottom: -3px;
}
.msv header .grid-container .circuits-bar #circuit-links li {
  display: table-cell;
  vertical-align: top;
  margin: 0;
  padding: 0 15px 0 10px;
}
.msv header .grid-container .circuits-bar #circuit-links a {
  text-decoration: none;
  font-weight: bold;
  color: white;
}
.msv header .grid-container .ticket-hotline .label {
  color: white;
}
.msv header .grid-container .ticket-hotline h5 {
  color: white;
}
.msv header .grid-container .ticket-hotline .phone-warning {
  color: white;
}
.msv .banner .desc > .grid-container {
  background-color: transparent;
  margin-bottom: 0;
  padding: 0;
}
.msv .banner .desc > .grid-container .button {
  margin-top: 10px;
}
.msv .banner .desc > .grid-container .cell.align-self-middle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.msv .banner .desc > .grid-container ul li a {
  color: #d0d0d0;
  font-size: 1.2rem;
}
.msv .banner .desc > .grid-container ul li a > .fas {
  border: 1px solid white;
}
.msv .banner .desc > .grid-container ul li.selected a {
  color: red;
}

/*Need this to prevent the menu looking weird on first load*/
.is-dropdown-submenu-parent .menu {
  display: none;
}
.is-dropdown-submenu-parent .menu.is-dropdown-submenu.js-dropdown-active {
  display: block;
}

#menu-offscreen-canvas {
  background-color: #212121;
  color: white;
}

.menu-off-screen {
  color: white;
  list-style: none;
  display: block;
}
.menu-off-screen .is-drilldown-submenu {
  background: none !important;
}
.menu-off-screen .is-drilldown-submenu-parent > a::after {
  border-color: transparent transparent transparent white;
}
.menu-off-screen .js-drilldown-back > a::before {
  border-color: transparent white transparent transparent;
}
.menu-off-screen li, .menu-off-screen .drilldown a {
  background-color: #424242;
  border-left: 2px solid red;
  margin-bottom: 5px;
  margin-left: 1rem;
  margin-right: 10px;
  padding: 2.5px;
}
.menu-off-screen li .fa-caret-right, .menu-off-screen .drilldown a .fa-caret-right {
  float: right;
}
.menu-off-screen li i, .menu-off-screen .drilldown a i {
  font-size: 20px;
}
.menu-off-screen li :hover, .menu-off-screen .drilldown a :hover {
  background: #E53935;
}
.menu-off-screen li:hover, .menu-off-screen .drilldown a:hover {
  background: #E53935;
}
.menu-off-screen a li {
  color: white;
}
.menu-off-screen li a::after {
  color: white;
}
.menu-off-screen li a, .menu-off-screen .drilldown a {
  color: white;
  background-color: #424242;
}
.menu-off-screen ul li a {
  color: white;
  background-color: #424242;
}

.navigation-bar {
  background-color: transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fe0809), to(#681403));
  background-image: linear-gradient(#fe0809, #681403);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fe0809), color-stop(100%, #681403));
  -webkit-box-shadow: 0 8px 8px 0 #464646;
          box-shadow: 0 8px 8px 0 #464646;
}
.navigation-bar .top-bar {
  background-color: transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fe0809), to(#681403));
  background-image: linear-gradient(#fe0809, #681403);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fe0809), color-stop(100%, #681403));
  padding: 0;
}
.navigation-bar .top-bar ul.dropdown.menu {
  background: none;
}
.navigation-bar .dropdown.menu > li:hover {
  background-color: rgba(255, 255, 255, 0.9);
}
.navigation-bar .dropdown.menu > li:hover > a {
  color: #434343;
}
.navigation-bar .dropdown.menu > li > a {
  color: white;
  font-size: 0.7rem;
  font-weight: bold;
}
.navigation-bar .dropdown.menu > li.is-dropdown-submenu-parent:hover > a::after {
  border-color: #434343 transparent transparent;
}
.navigation-bar .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  border-color: rgba(0, 0, 0, 0.4) transparent transparent transparent;
}
.navigation-bar .is-dropdown-submenu {
  z-index: 5;
}

.menu-dropdown {
  list-style: none;
  margin: 0;
  padding: 0;
}
.menu-dropdown li {
  display: block;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  float: left;
  position: relative;
}
.menu-dropdown li .dropdown {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  margin: 0;
  padding: 0;
  left: 0;
  display: none;
  min-width: 200px;
}
.menu-dropdown li .dropdown:hover {
  visibility: visible;
  opacity: 1;
  display: block;
}
.menu-dropdown li .dropdown li {
  clear: both;
  width: 100%;
}
.menu-dropdown li:hover {
  cursor: pointer;
}
.menu-dropdown li:hover > ul {
  visibility: visible;
  opacity: 1;
  display: block;
}

.dropdown.menu > li > a {
  padding: 0.7rem 0.5rem;
}

footer {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
footer #page-footer #page-footer-top {
  background-color: transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fe0809), to(#681403));
  background-image: linear-gradient(#fe0809, #681403);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fe0809), color-stop(100%, #681403));
  color: #fff;
  font-weight: bold;
}
footer #page-footer #page-footer-top span {
  padding: 5px 0 5px 0;
  display: block;
}
footer #page-footer #page-footer-top span.multi {
  padding: 2px 0 2px 0;
}
footer #page-footer #page-footer-bottom {
  background-color: #000;
  color: #c8c8c8;
  padding: 8px 0 0 0;
}
footer #page-footer #page-footer-bottom a {
  color: #c8c8c8;
}

.social-bar {
  font-size: 1rem;
  text-transform: uppercase;
}
.social-bar a {
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.social-bar a strong {
  font-size: 0.75rem;
  margin-left: 10px;
}
.social-bar i {
  font-size: 2rem;
}
.social-bar .fb {
  background: #3C5A9A;
}
.social-bar .fb:hover {
  background: #2A3F6B;
}
.social-bar .tw {
  background: #1DA1F3;
}
.social-bar .tw:hover {
  background: #1470AA;
}
.social-bar .ig {
  background: #EF6429;
}
.social-bar .ig:hover {
  background: #A7461D;
}
.social-bar .nws {
  background: #D60000;
}
.social-bar .nws:hover {
  background: #950000;
}
.social-bar .yt {
  background: #FF0000;
}
.social-bar .yt:hover {
  background: #d60000;
}
.social-bar .wb {
  background: #525252;
}
.social-bar .wb:hover {
  background: #383838;
}
.social-bar .wb i.fa-stack-1x {
  color: #525252;
  font-size: 1.4rem;
}

.bmw {
  /*a {
      color: black;

      &:hover {
          color: blue;
      }
  }*/
}
@media (max-width: 63.99875em) {
  .bmw h1 {
    font-size: 2rem;
  }
}
.bmw .bmw-light-blue {
  color: #0083f2;
}
.bmw .section-container {
  background-color: white;
}
@media screen and (max-width: 40em) {
  .bmw.msv header .grid-container .company-logo .header-content {
    bottom: -25px;
  }
}
.bmw.msv header .grid-container .company-logo .header-content .header-logo {
  margin-bottom: 10px;
}
@media screen and (max-width: 40em) {
  .bmw.msv header .grid-container .company-logo .header-content .header-logo {
    margin-bottom: 0;
  }
}
.bmw.msv header .grid-container .company-logo .header-content .header-logo img {
  height: auto;
}
.bmw header.header {
  font-size: 1rem;
  width: 100%;
  height: 95px;
  padding: 0 20px;
  background-color: white;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
  font-weight: bold;
  text-transform: uppercase;
}
.bmw header.header .menu-icon::after {
  background: black;
  -webkit-box-shadow: 0 7px 0 black, 0 14px 0 black;
          box-shadow: 0 7px 0 black, 0 14px 0 black;
}
.bmw header.header .header-text {
  float: left;
  padding-top: 20px;
}
@media (max-width: 63.99875em) {
  .bmw header.header .header-text {
    padding-top: 10px;
  }
}
.bmw header.header .links {
  float: right;
  /*margin-right: 213px;*/
  margin-right: 80px;
  padding: 30px 20px 0 0;
}
.bmw header.header .links a {
  margin-right: 20px;
}
@media (max-width: 63.99875em) {
  .bmw header.header .links {
    padding-top: 5px;
    margin-right: 105px;
  }
}
.bmw header.header .images {
  position: absolute;
  top: 0;
  right: 20px;
  /*width: 213px;*/
  width: 80px;
  z-index: 3;
}
.bmw header.header .images div {
  float: right;
}
.bmw header.header .images .bmw-logo-a-wrapper {
  width: 75px;
  padding-top: 30px;
  margin-right: 30px;
}
.bmw header.header .images .bmw-logo-b-wrapper {
  width: 105px;
}
@media (max-width: 63.99875em) {
  .bmw header.header .images {
    width: 155px;
    right: 5px;
  }
  .bmw header.header .images .bmw-logo-a-wrapper {
    padding-top: 15px;
    width: 45px;
    margin-right: 10px;
  }
  .bmw header.header .images .bmw-logo-b-wrapper {
    width: 70px;
  }
}
@media (max-width: 63.99875em) {
  .bmw header.header {
    height: 55px;
  }
}
.bmw .page {
  /*background-color: white;
  background-image: none;*/
  font-size: 1rem;
}
.bmw .page h1, .bmw .page h2 {
  font-weight: bold;
  text-transform: uppercase;
}
.bmw .hero {
  margin: 0 auto 20px auto;
  position: relative;
}
.bmw .hero .hero-image-container {
  position: relative;
  width: 100%;
}
.bmw .hero .hero-image {
  width: 100%;
  height: auto;
  position: relative;
  min-height: 240px;
  max-height: 500px;
  background: center center #fff;
  background-size: cover;
  overflow: hidden;
  margin: 0;
}
.bmw .hero .hero-image:after {
  content: "";
  display: block;
  padding-bottom: 56.25%;
}
.bmw .image-widescreen {
  padding-bottom: 56.65%;
  background-position: 50%;
  background-size: cover;
  margin-bottom: 20px;
}
.bmw .video-container {
  color: white;
  margin-top: 40px;
}
.bmw .video-container .grid-container {
  position: relative;
}
.bmw .video-container .hero-image-container {
  display: none;
}
.bmw .video-container .hero-image-container.show {
  display: block;
}
.bmw .video-container .text {
  padding-left: 20px;
  z-index: 3;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate(0, 150%);
          transform: translate(0, 150%);
}
@media (max-width: 63.99875em) {
  .bmw .video-container .grid-container {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0;
  }
  .bmw .video-container .text {
    position: relative;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    bottom: 0;
    padding-left: 0;
  }
}
.bmw .video-container .button {
  color: white;
  font-size: 2rem;
  margin-bottom: 0;
}
.bmw .video-container h3 {
  font-weight: bold;
  font-size: 2.4rem;
}
@media (max-width: 63.99875em) {
  .bmw .video-container h3 {
    display: none;
  }
}
.bmw .video-container .media {
  display: none;
}
.bmw .video-container .media.show {
  display: block;
}
.bmw .video-container .media .video-player {
  width: 100%;
  height: 100%;
}
.bmw .video-container .media iframe {
  min-height: 48vh;
}
.bmw .explore-models .grid-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
@media (max-width: 63.99875em) {
  .bmw .explore-models .grid-container {
    position: relative;
  }
}
.bmw .explore-models h3 {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.6rem;
}
.bmw .explore-models .text {
  background-color: white;
  width: 400px;
  padding: 40px;
  z-index: 3;
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
@media (max-width: 63.99875em) {
  .bmw .explore-models .text {
    position: relative;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    width: 100%;
    right: 0;
    top: 0;
    padding: 20px;
    margin-top: 20px;
  }
}
.bmw .explore-models .text .button {
  margin-bottom: 0;
  color: white;
}
.bmw .testimonial {
  margin: 30px 0;
  font-size: 1.7rem;
  padding: 0 30px;
  font-weight: 300;
  border-bottom: 0px;
}
.bmw .terms-and-conditions {
  margin-top: 20px;
  padding-bottom: 20px;
}
.bmw .terms-and-conditions h4 {
  text-transform: uppercase;
  font-weight: bold;
}
.bmw .terms-and-conditions p {
  margin-bottom: 0;
  font-size: 0.7rem;
}
.bmw .page-break-bar {
  background-color: #bbbbbb;
  background-image: none;
}
.bmw footer.footer {
  font-size: 1rem;
  padding-top: 20px;
  background-color: #e6e6e6;
}
.bmw footer.footer .footer-top {
  border-bottom: 1px solid #BDBDBD;
}
.bmw footer.footer .footer-top p {
  margin-bottom: 5px;
}
.bmw footer.footer .footer-top p a {
  font-weight: bold;
}
@media (max-width: 63.99875em) {
  .bmw footer.footer .footer-top .follow-us {
    margin-top: 20px;
  }
}
.bmw footer.footer .footer-top .follow-us ul {
  margin: 0;
}
.bmw footer.footer .footer-top .follow-us ul li {
  display: inline-block;
  margin-left: 10px;
}
.bmw footer.footer .footer-top .follow-us ul li .button.secondary {
  border: 0;
  font-size: 1.2rem;
  padding: 8px;
}
.bmw footer.footer .footer-bottom {
  margin-top: 20px;
}
.bmw footer.footer .footer-bottom .copyright-list {
  list-style: none;
  margin: 0;
  margin-bottom: 20px;
}
@media (max-width: 63.99875em) {
  .bmw footer.footer .footer-bottom .copyright-list li {
    display: inline-block;
    margin-right: 20px;
  }
}
.bmw footer.footer .footer-bottom .links {
  list-style: none;
  margin: 0;
}
.bmw footer.footer .footer-bottom .links li {
  display: inline-block;
}
.bmw footer.footer .footer-bottom .links a {
  /*font-family: "BMWType_Bold";*/
  font-size: 12px;
  margin: 0 10px;
  vertical-align: middle;
  text-decoration: none;
  color: #3b3b3b;
  border-bottom: 1px solid transparent;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.bmw footer.footer .footer-bottom .links a:hover {
  text-decoration: none;
  color: #0653b6;
  border-bottom: 1px solid #0653b6;
}
.bmw footer.footer .footer-top, .bmw footer.footer .footer-bottom {
  margin-left: 20px;
  margin-right: 20px;
}
.bmw #selected-product {
  color: white;
}
.bmw #selected-product .grid-container {
  position: relative;
}
.bmw #selected-product .text {
  padding-left: 20px;
  z-index: 3;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate(0, 50%);
          transform: translate(0, 50%);
}
.bmw #selected-product .text {
  max-width: 300px;
}
.bmw #selected-product h1 {
  font-weight: bold;
  text-transform: uppercase;
}
@media (max-width: 63.99875em) {
  .bmw #selected-product h1 {
    font-size: 2rem;
  }
  .bmw #selected-product .text {
    -webkit-transform: translate(0, 20%);
            transform: translate(0, 20%);
  }
}
.bmw #selected-product-desc {
  font-size: 0.9rem;
}
.bmw .card {
  border: 0;
}
.bmw .card .card-divider {
  background: #424242;
  color: white;
}
.bmw .full-screen-modal {
  display: none;
  /** Position and style */
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100%;
  text-align: center;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
}
.bmw .full-screen-modal.show {
  display: block;
}
.bmw .full-screen-modal .media {
  padding: 50px;
  height: 100%;
}
.bmw .full-screen-modal .close-button {
  color: white;
}
.bmw .quantity-selector {
  margin-bottom: 20px;
}

.slick-dots {
  position: absolute;
  bottom: 3%;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 16px;
  height: 16px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.slick-dots li button:before {
  font-family: "slick";
  font-size: 16px;
  line-height: 16px;
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  content: "•";
  text-align: center;
  opacity: 1;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li button:after {
  font-family: "slick";
  font-size: 14px;
  line-height: 14px;
  position: absolute;
  top: 1px;
  left: 0;
  width: 16px;
  height: 16px;
  content: "•";
  text-align: center;
  opacity: 1;
  color: #d0d0d0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  color: white;
}

.slick-dots li.slick-active button:after {
  opacity: 1;
  color: #c01923;
}

/*.page-content-container {
    background-color: #FAFAFA;
    box-shadow: 10px 10px 9px -5px rgba(0,0,0,0.75);
    padding: 10px;

    h1 {
        margin: 0 0 10px 0;
    }

    margin-bottom: 10px;
}*/
.page-break-bar {
  /*padding: 0 0.9375rem 0 0.9375rem;*/
  max-width: 73.1rem;
  margin: 40px auto 0px auto;
  color: #fff;
  background-color: #ff0e0d;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fe0809), to(#a51403));
  background-image: linear-gradient(#fe0809, #a51403);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fe0809), color-stop(100%, #a51403));
}
.page-break-bar h4 {
  margin: 0;
  padding: 0.3em 0;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.3rem;
}
.page-break-bar a {
  color: white;
}
.page-break-bar em {
  color: white;
  font-style: italic;
}

.faq {
  margin-bottom: 0;
  margin-left: 0;
  background: #fefefe;
  list-style-type: none;
}

.accordion-title {
  background: #787878;
  background: -webkit-gradient(linear, left top, left bottom, from(#828282), to(#6c6c6c));
  background: linear-gradient(#828282 0%, #6c6c6c 100%);
  color: #fff;
  font-size: 0.8rem;
  border: 0;
  border-bottom: 2px solid #fff;
  text-transform: uppercase;
  font-weight: bold;
}

.accordion-title:hover {
  background: #787878;
  background: -webkit-gradient(linear, left top, left bottom, from(#c1c1c1), to(#b6b6b6));
  background: linear-gradient(#c1c1c1 0%, #b6b6b6 100%);
  color: #fff;
  text-decoration: none;
}

.accordion-title:focus {
  color: #fff;
}

.accordion-content {
  background: #dcdddf !important;
}

.accordion-title::before {
  content: "▼";
}

.is-active > .accordion-title::before {
  content: "▲";
}

.shop-header {
  background-color: #e0e0e0;
  min-height: 30px;
  border-top: 1px dashed #c8c8c8;
  border-bottom: 1px dashed #c8c8c8;
}

.shop-body {
  position: relative;
  /*Used on _GroupView_5*/
}
.shop-body .sep-y {
  border-right: 1px dashed #c8c8c8;
}
.shop-body .widget-desc {
  margin-bottom: 20px;
}
.shop-body .shop-product-section {
  margin-bottom: 20px;
}
.shop-body h3.header {
  font-size: 1.5rem;
  border-bottom: 2px solid red;
  margin-bottom: 10px;
}
.shop-body .base-product {
  border-bottom: 1px dashed #c8c8c8;
}
.shop-body .base-product .name {
  display: block;
}
.shop-body .base-product .desc {
  display: block;
  font-size: 0.8rem;
}
.shop-body .base-product .product-name-container {
  padding: 5px;
}
.shop-body .base-product .variant-name {
  display: block;
}
.shop-body .base-product .variant-desc {
  font-style: italic;
}
.shop-body .base-product .variant-product {
  border-bottom: 1px dashed #c8c8c8;
  min-height: 50px;
}
@media screen and (max-width: 40em) {
  .shop-body .base-product {
    border-bottom: 0;
  }
  .shop-body .base-product .name {
    background-color: #e0e0e0;
    padding: 5px 0 5px 5px;
  }
  .shop-body .base-product .product-name-container {
    padding: 0;
    margin: 10px 0;
  }
  .shop-body .base-product .small-product {
    background-color: #e0e0e0;
    min-height: 30px;
  }
  .shop-body .base-product .small-border-bottom {
    border-bottom: 1px dashed #c8c8c8;
    margin-bottom: 5px;
  }
  .shop-body .base-product .sep-y {
    border-right: 0;
  }
}
.shop-body .product-info {
  height: 100%;
  position: relative;
}
.shop-body .product-info > .grid-y {
  height: 100%;
}
.shop-body .product-info h3.header {
  font-size: 1.3rem;
}
.shop-body .product-info .image-container-cell {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.shop-body .product-info .image-container {
  text-align: center;
  position: relative;
}
.shop-body .product-info .image-container .more-info {
  position: absolute;
  background-color: rgba(200, 200, 200, 0.8);
  bottom: 0;
  left: 10%;
  width: 80%;
  height: 40px;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: black;
}
.shop-body .product-info .image-container .more-info span {
  margin-left: 10px;
  text-transform: uppercase;
  font-weight: bold;
}
.shop-body .product-info .image-container img.second {
  display: none;
}
.shop-body .product-info .image-container:hover .more-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.shop-body .product-info .image-container:hover img.first {
  display: none;
}
.shop-body .product-info .image-container:hover img.second {
  display: inline-block;
}
.shop-body .product-info .price-container {
  text-align: center;
}
.shop-body .product-info .price-container .text-price, .shop-body .product-info .price-container .text-price-sale {
  font-size: 1.1rem;
  font-weight: bold;
}

.step-page .page-break-bar {
  margin: 10px 0 10px 0;
}

.align-text-box-height a, .align-text-box-height .card {
  height: 100%;
}
.align-text-box-height .card-divider {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

/* Medium and up */
/*@media screen and (min-width: 40em) {*/
#basket-top-container {
  left: 0;
  top: 0;
  width: 100%;
  font-weight: normal;
  font-size: 0.8125rem;
  text-transform: uppercase;
  text-align: right;
  z-index: 3;
  background-color: black;
}
#basket-top-container.has-items { /* Safari */
  position: sticky;
}
#basket-top-container .grid-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 39px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
#basket-top-container a {
  border: none;
  color: white;
  display: inline-block;
  font-weight: bold;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
#basket-top-container.success a {
  font-weight: 900;
  color: green;
  letter-spacing: 2px;
}
#basket-top-container .expiry-time i.time {
  color: red;
  font-size: 1.2rem;
  font-style: normal;
}
#basket-top-container .button.btn-basket-extend {
  display: none;
  margin: 0;
  padding: 8px 15px;
}
#basket-top-container .button.btn-basket-extend.show {
  display: inline-block;
}
#basket-top-container .basket-container {
  position: relative;
  min-width: 300px;
}
#basket-top-container .basket-container #added-to-basket {
  position: absolute;
  background-color: black;
  color: white;
  font-size: 1.5rem;
  text-align: center;
  text-transform: none;
  -webkit-box-shadow: 10px 10px 9px -5px rgba(0, 0, 0, 0.75);
          box-shadow: 10px 10px 9px -5px rgba(0, 0, 0, 0.75);
  -webkit-transition: max-height 1s ease-in-out;
  transition: max-height 1s ease-in-out;
  max-height: 0px;
  cursor: pointer;
}
#basket-top-container .basket-container #added-to-basket > p {
  padding-top: 10px;
  opacity: 0;
  -webkit-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
  pointer-events: none;
}
#basket-top-container .basket-container #added-to-basket.show {
  max-height: 300px;
}
#basket-top-container .basket-container #added-to-basket.show > p {
  opacity: 1;
}

/*}*/
#basket-offscreen-canvas {
  width: 450px;
  -webkit-transform: translateX(450px);
          transform: translateX(450px);
  border-left: 3px solid white;
}
#basket-offscreen-canvas.is-open {
  -webkit-transform: translate(0);
          transform: translate(0);
}
@media (max-width: 450px) {
  #basket-offscreen-canvas {
    width: 100%;
  }
}

/* Because of the MSVT menu being aligned on the right, this was causing white space to appear, removed and it just means the
    screen doesnt get quite pushed enough for the basket, but i think it looks ok still
*/
/*.off-canvas-content.is-open-right.has-transition-push {
    transform: translateX(-450px);
}*/
.basket-offscreen:not(.checkout) h3 {
  text-transform: uppercase;
  background-color: #464646;
  color: white;
  padding: 10px;
  margin-bottom: 0;
}
.basket-offscreen .basket-total {
  font-size: 1.4rem;
  background-color: #464646;
  color: white;
  padding: 5px 10px;
}
.basket-offscreen .btn-checkout {
  margin-bottom: 10px;
}
.basket-offscreen hr {
  margin: 10px auto;
}
.basket-offscreen .delivery-info {
  font-size: 0.9rem;
  font-style: italic;
}
.basket-offscreen .basket-line > .info {
  padding-left: 10px;
}
@media (max-width: 450px) {
  .basket-offscreen .basket-line {
    padding-left: 10px;
  }
}
.basket-offscreen .basket-line .event-title {
  font-size: 1.2rem;
}
.basket-offscreen .basket-line .event-title p {
  margin-bottom: 0;
}
@media screen and (max-width: 40em) {
  .basket-offscreen .basket-line .event-title {
    text-align: center;
  }
}
.basket-offscreen .basket-line .text-price {
  margin-top: 2px;
  /*display: block;*/
  font-weight: bold;
}
.basket-offscreen .basket-line .product-name {
  font-size: 1rem;
  margin-bottom: 3px;
}
.basket-offscreen .basket-line .product-name.sub {
  font-size: 0.8rem;
}
.basket-offscreen .basket-line .additional-info {
  margin-bottom: 3px;
}
.basket-offscreen .basket-line .optional-extra {
  margin-top: 3px;
}
.basket-offscreen .basket-line hr {
  margin: 4px 0;
}
.basket-offscreen .basket-line .button, .basket-offscreen .basket-line .quantity-selector p, .basket-offscreen .basket-line .quantity-selector {
  margin-bottom: 0;
}
@media screen and (max-width: 40em) {
  .basket-offscreen .basket-line img {
    max-width: 140px;
  }
}
.basket-offscreen .expiry-time-container {
  margin-bottom: 20px;
  font-size: 1.4rem;
  background-color: black;
  color: white;
  text-align: center;
}
.basket-offscreen .expiry-time-container .expiry-time {
  font-size: 1rem;
  text-transform: uppercase;
}
.basket-offscreen .expiry-time-container .expiry-time i.time {
  color: red;
  font-size: 1.8rem;
  font-style: normal;
}
.basket-offscreen .button.btn-basket-extend {
  display: none;
  margin: 0;
  padding: 8px 15px;
}
.basket-offscreen .button.btn-basket-extend.show {
  display: inline-block;
}
.basket-offscreen.checkout h4 {
  margin: 0;
}
.basket-offscreen.checkout .button {
  margin: 0;
}
.basket-offscreen.checkout .expiry-time-container {
  background-color: transparent;
  color: black;
}
.basket-offscreen.checkout .amount-outstanding {
  margin-top: 30px;
}

.prerequisites input {
  margin: 0;
}

.basket-expired h3 {
  font-size: 1.6rem;
}
.basket-expired p {
  text-transform: none;
}

/* This is for the testing prodouct on the testing landing page */
.track-entry-vehicle h5.title {
  background-color: #fff;
  padding: 10px;
  text-align: center;
  font-size: 2em;
  margin-bottom: 0;
}
.track-entry-vehicle .price-table {
  font-size: 1.3em;
}
.track-entry-vehicle .price-table .header {
  background-color: #BCBDC1;
  border-top: 1px solid grey;
  border-bottom: 1px solid grey;
  font-weight: bold;
  padding: 10px;
}
.track-entry-vehicle .price-table .product-row {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  border-bottom: 1px solid grey;
}
.track-entry-vehicle .price-table .product-row .name {
  background-color: #DCDDDF;
  /*border-left: 1px solid grey;*/
  /*padding: 10px 0 10px 5px;*/
  padding-left: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.track-entry-vehicle .price-table .product-row .price {
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.track-entry-vehicle .price-table .product-row .button {
  margin: 5px;
}
.track-entry-vehicle .price-table .product-row .btn-add-product {
  font-size: 0.85rem;
}
.track-entry-vehicle .price-table .product-row .align-vert-wrapper {
  width: 100%;
}
.track-entry-vehicle .price-table .product-row .spacer {
  margin: 12px 5px;
}

/* The resveration dialog */
#track-entry-reservation-container {
  position: relative;
  min-height: 10em;
}
#track-entry-reservation-container .adding-to-reservation-container {
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#track-entry-reservation-container.adding .adding-to-reservation-container, #track-entry-reservation-container.success .adding-to-reservation-container, #track-entry-reservation-container.fail .adding-to-reservation-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#track-entry-reservation-container.adding .form, #track-entry-reservation-container.success .form, #track-entry-reservation-container.fail .form {
  display: none;
}
#track-entry-reservation-container p {
  margin: 20px 0 0 0;
}
#track-entry-reservation-container .button {
  margin: 20px 0 0 0;
}

/* This is displayed once a track entry product has been added into the basket, it contains optional extras that can be purchased */
#track-entry-add-to-basket-container {
  position: relative;
  min-height: 15em;
}
#track-entry-add-to-basket-container .optional-extras-container {
  -webkit-transition: max-height 0.5s ease-out;
  transition: max-height 0.5s ease-out;
  max-height: 0;
  height: auto;
}
#track-entry-add-to-basket-container .optional-extras-container h3 {
  opacity: 0;
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
}
#track-entry-add-to-basket-container .optional-extra-row {
  opacity: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
  position: relative;
}
#track-entry-add-to-basket-container .optional-extra-row .card {
  height: 100%;
}
#track-entry-add-to-basket-container .optional-extra-row .card-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#track-entry-add-to-basket-container .optional-extra-row .description {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
#track-entry-add-to-basket-container .optional-extra-row:nth-child(odd) {
  -webkit-transform: translate3d(200%, 0, 0);
          transform: translate3d(200%, 0, 0);
}
#track-entry-add-to-basket-container .optional-extra-row .card-divider {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#track-entry-add-to-basket-container.success > .adding-to-basket-container {
  -webkit-animation: 1s fadeOut 0.8s;
          animation: 1s fadeOut 0.8s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
#track-entry-add-to-basket-container.success .optional-extras-container {
  max-height: 2000px;
}
#track-entry-add-to-basket-container.success .optional-extras-container h3 {
  -webkit-animation: 1.5s fadeInDown 0.8s;
          animation: 1.5s fadeInDown 0.8s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
#track-entry-add-to-basket-container.success .optional-extra-row {
  -webkit-animation: 1.5s fadeInUp 0.8s;
          animation: 1.5s fadeInUp 0.8s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
#track-entry-add-to-basket-container.success .optional-extra-row:nth-child(even) {
  -webkit-animation: 1.5s fadeInDown 0.8s;
          animation: 1.5s fadeInDown 0.8s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
#track-entry-add-to-basket-container.fail .optional-extras-container {
  /*max-height: 0;*/
}
#track-entry-add-to-basket-container .optional-extra-row {
  border: 1px solid rgb(134, 134, 134);
  height: 100%;
}
#track-entry-add-to-basket-container .optional-extra-row > .grid-y {
  height: 100%;
}
#track-entry-add-to-basket-container .optional-extra-row .cell.grow {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
#track-entry-add-to-basket-container .optional-extra-row h5 {
  background-color: #464646;
  color: white;
  text-align: center;
  padding: 10px 0;
  margin-bottom: 0;
  font-size: 1rem;
}
#track-entry-add-to-basket-container .optional-extra-row h5 em {
  color: white;
  font-style: italic;
}
#track-entry-add-to-basket-container .optional-extra-row .table-spin input, #track-entry-add-to-basket-container .optional-extra-row .table-spin .button {
  margin-bottom: 0;
}
#track-entry-add-to-basket-container .optional-extra-row .description {
  font-size: 0.75rem;
}
#track-entry-add-to-basket-container.success.no-animate .optional-extra-row {
  -webkit-animation: none;
          animation: none;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  opacity: 1;
}
#track-entry-add-to-basket-container.success.no-delay .optional-extra-row {
  -webkit-animation: 1s fadeInUp 0s;
          animation: 1s fadeInUp 0s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
#track-entry-add-to-basket-container #btn-done {
  margin: 20px 0 0 0;
}
#track-entry-add-to-basket-container #btn-done.no-extras {
  margin: 160px 0 0 0;
}

.box-header-and-footer {
  height: 100%;
  margin-bottom: 20px;
}
.box-header-and-footer > .cell {
  width: 100%;
}
.box-header-and-footer.border {
  border-left: 3px solid #464646;
  border-right: 3px solid #464646;
  border-bottom: 3px solid #464646;
}
.box-header-and-footer h4.title {
  background-color: #464646;
  color: white;
  padding: 10px;
  margin-bottom: 0;
  text-align: center;
  font-size: 1rem;
}
.box-header-and-footer h4.title.large {
  font-size: 1.2rem;
}
.box-header-and-footer .cell.border {
  border-left: 1px solid #cb620f;
  border-right: 1px solid #cb620f;
}
.box-header-and-footer .logo {
  background-color: white;
  /*padding: 10px 0;*/
  text-align: center;
}
.box-header-and-footer .logo > img {
  vertical-align: unset;
}
.box-header-and-footer a.border {
  background-color: #2196f3;
  color: white;
  width: 100%;
  display: block;
  font-size: 1.1rem;
  padding: 10px;
  text-align: center;
}
.box-header-and-footer.small h4.title {
  font-size: 0.8rem;
}
.box-header-and-footer.small a.border {
  font-size: 1rem;
  padding: 8px;
}
.box-header-and-footer .button {
  margin: 0;
  font-weight: normal;
  padding: 10px;
  border-radius: 0;
}
.box-header-and-footer .button.tiny {
  /*padding: 10px;*/
}

.track-entry {
  margin-bottom: 20px;
  /* Added Optional Extras*/
}
.track-entry .driver-selection h4.underline.success {
  color: green;
}
.track-entry .driver-selection .why-info {
  display: inline;
  margin-left: 10px;
  font-style: initial;
}
.track-entry .page-break-bar {
  max-width: 75rem;
  margin: 20px 0 10px 0;
  padding: 5px 0;
}
.track-entry .page-break-bar h5 {
  font-size: 1.2rem;
  margin-bottom: 0;
}
.track-entry .page-break-bar .button {
  margin-bottom: 0;
}
.track-entry h4 span {
  font-size: 1.2rem;
}
.track-entry .optional-extras-title {
  /*margin-bottom: 20px;*/
}
.track-entry .optional-extras-title h4 {
  border-bottom: 1px solid red;
}
.track-entry .optional-extras-title h4 i {
  margin-right: 20px;
}
.track-entry .optional-extras-title h4 span {
  font-size: 1.2rem;
}
.track-entry .optional-extra-detail {
  position: relative;
}
.track-entry .optional-extra-detail .btn-remove-optional-extra {
  cursor: pointer;
  position: absolute;
  top: -18px;
  right: -10px;
  color: red;
}
.track-entry .optional-extra-detail .btn-remove-optional-extra > i {
  background-color: white;
  border: 2px solid white;
  border-radius: 30px;
  width: 30px;
  height: 30px;
  padding: 0;
  margin: 0;
}

.track-entry-select.card {
  /* This is for the boxes that allow you to select the driver/vehicle */
}
.track-entry-select.card .card-divider {
  padding: 10px;
  font-size: 0.9rem;
}
.track-entry-select.card .card-section {
  padding: 0;
}

.optional-extra-item {
  margin-bottom: 0.625rem;
  color: #fff;
}
.optional-extra-item:hover {
  color: #cc0000 !important;
}
.optional-extra-item .extra-item-wrapper {
  position: relative;
}
.optional-extra-item .optional-extra-text {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  padding: 0rem;
}
.optional-extra-item .optional-extra-text span {
  display: block;
  background: rgba(0, 0, 0, 0.6);
  text-align: center;
  padding: 0.5rem;
  font-weight: 900;
  font-size: 1.2em;
  text-transform: uppercase;
}

.optional-extras-available .optional-extra > .grid-x {
  background-color: white;
}
.optional-extras-available .optional-extra .price {
  font-size: 1rem;
  background-color: white;
  text-align: center;
  margin-bottom: 0;
  padding: 10px 0;
}
.optional-extras-available .optional-extra .table-spin {
  margin-bottom: 0;
  background-color: white;
}
.optional-extras-available .optional-extra .table-spin .button {
  margin-bottom: 0;
}
.optional-extras-available .optional-extra .table-spin input {
  margin-bottom: 0;
  text-align: center;
}
.optional-extras-available .optional-extra .btn-add-optional-extra {
  padding: 12px;
}

.select-series .card {
  border: 0;
}
.select-series .card .card-divider {
  background: #616161;
  color: white;
}
.select-series .card .card-section {
  padding: 0;
}

.quantity-selector {
  margin: 0;
}
.quantity-selector .button {
  margin: 0;
  background: white;
  border: 2px solid #ff280a;
  color: #ff280a;
}
.quantity-selector .button:hover {
  border-color: black;
  color: black;
}
.quantity-selector .table-spin-quantity {
  padding: 0 5px;
}
.quantity-selector .table-spin-quantity p {
  padding: 0 10px;
  text-align: center;
  font-weight: bold;
}
.quantity-selector .table-spin-quantity input {
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 0.8rem;
  height: 30px;
  min-width: 20px;
}

#menu-offscreen-canvas {
  background-color: black;
}

.menu-close-button {
  margin-bottom: 20px;
}

.adding-to-basket-container {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background-color: rgba(255, 255, 255, 0.9);
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  cursor: pointer;
  min-height: 136px;
}
.adding-to-basket-container.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.adding-to-basket-container .message {
  font-size: 1.2rem;
  text-align: center;
}
.adding-to-basket-container.success .message {
  color: #5cb85c;
}
.adding-to-basket-container.fail .message {
  color: red;
}

.adding-to-basket {
  border: 5px solid rgba(0, 0, 0, 0.2);
  border-left-color: #5cb85c;
  -webkit-animation-name: loader-spin;
          animation-name: loader-spin;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.adding-to-basket.success {
  -webkit-animation: none;
          animation: none;
  border-color: #5cb85c;
  -webkit-transition: border 500ms ease-out;
  transition: border 500ms ease-out;
}
.adding-to-basket.fail {
  -webkit-animation: none;
          animation: none;
  border-color: red;
  -webkit-transition: border 500ms ease-out;
  transition: border 500ms ease-out;
}
.adding-to-basket .result {
  display: none;
}
.adding-to-basket.success .result {
  display: block;
}
.adding-to-basket.success .result:after {
  opacity: 1;
  height: 4em;
  width: 2em;
  -webkit-transform-origin: left top;
          transform-origin: left top;
  border-right: 5px solid #5cb85c;
  border-top: 5px solid #5cb85c;
  content: "";
  left: 1.5em;
  top: 4em;
  position: absolute;
  -webkit-animation-duration: 800ms;
          animation-duration: 800ms;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-animation-name: show-success-tick;
          animation-name: show-success-tick;
  -webkit-transform: scaleX(-1) rotate(135deg);
          transform: scaleX(-1) rotate(135deg);
}
.adding-to-basket.fail .result {
  display: block;
  width: 4em;
  height: 4em;
  left: 1.7em;
  top: 1.7em;
  position: absolute;
}
.adding-to-basket.fail .result:before, .adding-to-basket.fail .result:after {
  content: "";
  width: 130%;
  height: 5px;
  position: absolute;
  top: 50%;
  left: 50%;
  background: red;
}
.adding-to-basket.fail .result:before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
.adding-to-basket.fail .result:after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}

.adding-to-basket, .adding-to-basket:after {
  border-radius: 50%;
  width: 8em;
  height: 8em;
}

@-webkit-keyframes loader-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes loader-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes show-success-tick {
  0% {
    height: 0;
    width: 0;
    opacity: 1;
  }
  20% {
    height: 0;
    width: 2em;
    opacity: 1;
  }
  40% {
    height: 4em;
    width: 2em;
    opacity: 1;
  }
  100% {
    height: 4em;
    width: 2em;
    opacity: 1;
  }
}
@keyframes show-success-tick {
  0% {
    height: 0;
    width: 0;
    opacity: 1;
  }
  20% {
    height: 0;
    width: 2em;
    opacity: 1;
  }
  40% {
    height: 4em;
    width: 2em;
    opacity: 1;
  }
  100% {
    height: 4em;
    width: 2em;
    opacity: 1;
  }
}
.button {
  background-color: #2196f3;
  border-radius: 4px;
  padding: 15px;
  color: #fff;
  font-size: 0.85rem;
  font-weight: bold;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.button.success {
  background-color: #43a047;
  color: white;
}
.button.primary {
  background-color: #2196f3;
}
.button.tiny {
  font-size: 0.5rem;
  padding: 8px;
}
.button.alert {
  background-color: #ff0e0d;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fe0809), to(#ab1403));
  background-image: linear-gradient(#fe0809, #ab1403);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fe0809), color-stop(100%, #ab1403));
  border: 1px solid white;
}
.button.alert:hover {
  background-color: #000;
}
.button.delete {
  background-color: #cc4b37;
  color: white;
}
.button.delete:hover {
  background-color: #a53b2a;
  color: #fefefe;
}
.button.secondary {
  background-color: #585858;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5a5a5a), color-stop(50%, #595959), color-stop(50%, #595959), to(#343434));
  background-image: linear-gradient(#5a5a5a 0%, #595959 50%, #595959 50%, #343434 100%);
  border: 1px solid #fff;
  -webkit-transition: none;
  transition: none;
}
.button.white-border {
  border: 1px solid white;
}
.button .icon {
  position: absolute;
  font-size: 1.5rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.button.icon-left .icon {
  margin-right: 10px;
  left: 5px;
}
.button.icon-left .text {
  float: right;
  padding-left: 30px;
  /*@media screen and (max-width: 40em) {
      padding-left: 15px;
  }*/
}
.button.icon-right .icon {
  right: 5px;
}
.button.icon-right .text {
  padding-right: 30px;
}
.button.no-icon-space i, .button.no-icon-space span {
  margin-left: 0;
}
.button.icon-only {
  min-width: 41px;
}
.button.icon-only .icon {
  -webkit-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
}
.button.rounded {
  border-radius: 30px;
  font-size: 1.2rem;
  background-color: black;
  padding: 13px 20px;
  position: relative;
  margin: 0;
  vertical-align: top;
  margin-top: 10px;
  color: white;
}
.button.rounded.selected {
  background: red;
}
.button.rounded > span {
  margin-left: 15px;
  font-family: "Roboto Condensed", Calibri, "Gill Sans", "Gill Sans MT", sans-serif;
  text-transform: uppercase;
}
.button.rounded p {
  margin-bottom: 5px;
}
@media screen and (max-width: 40em) {
  .button {
    font-size: 0.75rem;
  }
}
.button.disabled {
  padding: 15px; /*reset padding back to normal*/
}

#no-content-wrapper {
  color: white;
  text-align: center;
  font-size: 3rem;
}
#no-content-wrapper #no-content {
  width: 100%;
  padding: 20px;
  display: -ms-inline-grid;
  display: inline-grid;
  background-image: url("https://msvstatic.blob.core.windows.net/manual/no-records.jpg");
  background-size: cover;
  background-position: center;
}
#no-content-wrapper #no-content h4 {
  height: inherit;
  background: inherit;
  -webkit-background-clip: text;
  background-clip: text;
  color: white;
  text-align: center;
  font-size: 2.5rem;
  -webkit-filter: grayscale(1) drop-shadow(0.1em 0.1em black);
          filter: grayscale(1) drop-shadow(0.1em 0.1em black);
  font-weight: bold;
  -webkit-text-stroke: 1px black;
}
#no-content-wrapper #no-content span {
  font-size: 1.5rem;
  -webkit-filter: grayscale(1) drop-shadow(0.1em 0.1em black);
          filter: grayscale(1) drop-shadow(0.1em 0.1em black);
}
#no-content-wrapper #no-content i {
  font-size: 6rem;
  -webkit-filter: grayscale(1) drop-shadow(0.1em 0.1em black);
          filter: grayscale(1) drop-shadow(0.1em 0.1em black);
}

.toast {
  visibility: hidden;
  padding: 0.5rem;
  color: #fff;
  position: fixed;
  width: 300px;
  z-index: 5;
  border-top-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
  bottom: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  cursor: pointer;
}
.toast .toast-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 1rem; /* Safari */
  position: sticky;
  bottom: 1%;
}
.toast .toast-body p {
  margin-bottom: 0;
  text-align: center;
  font-size: 1rem;
}
.toast .toast-body h5 {
  text-align: center;
  font-weight: bold;
  font-size: 2rem;
}
.toast.toast-visible {
  visibility: visible;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-animation: fadein 1s;
          animation: fadein 1s;
}
.toast.bg-success {
  background-color: #43A047;
}
.toast.bg-info {
  background-color: #1E88E5;
}
.toast.bg-danger {
  background-color: #F44336;
}
.toast.bg-warning {
  background-color: #F57C00;
}

@-webkit-keyframes fadein {
  from {
    opacity: 0;
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

@keyframes fadein {
  from {
    opacity: 0;
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
.countDown_cont {
  font-family: Lato, Arial, Gadget, sans-serif;
  font-size: 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #333;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.countDown_cont .countDown_interval_cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  width: auto;
}
.countDown_cont .countDown_interval_cont:nth-child(n+1):not(:last-child) {
  margin-right: 1em;
}
.countDown_cont .countDown_interval_basic_cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.countDown_cont .countDown_interval_basic_cont_description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 0.3em;
  margin-top: 0.3em;
  font-size: 1.2em;
  font-weight: 700;
  color: #fff;
  text-shadow: 0.1em 0.1em 0.1em #000;
}
.countDown_cont .countDown_digit_cont {
  -webkit-perspective: 3.2em;
          perspective: 3.2em;
  -webkit-box-shadow: 0.1em 0.1em 0.1em rgba(0, 0, 0, 0.2);
          box-shadow: 0.1em 0.1em 0.1em rgba(0, 0, 0, 0.2);
  width: 1em;
  height: 1.6em;
  position: relative;
  line-height: 1.6em;
  font-size: 4em;
  font-weight: 700;
  border-radius: 0.08em;
}
@media screen and (max-width: 40em) {
  .countDown_cont .countDown_digit_cont {
    font-size: 2.7em;
  }
}
.countDown_cont .countDown_digit_cont:nth-child(n+1):not(:last-child) {
  margin-right: 0.05em;
}
.countDown_cont .countDown_digit_last_placeholder, .countDown_cont .countDown_digit_new_placeholder {
  position: absolute;
  left: 0;
  width: 100%;
  height: 50%;
  text-align: center;
  overflow: hidden;
}
.countDown_cont .countDown_digit_last_placeholder {
  bottom: 0;
  background: #fff;
  border-radius: 0 0 0.08em 0.08em;
}
.countDown_cont .countDown_digit_last_placeholder_inner {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  bottom: 50%;
  position: absolute;
}
.countDown_cont .countDown_digit_new_placeholder {
  top: 0;
  background: #f7f7f7;
  border-radius: 0.08em 0.08em 0 0;
}
.countDown_cont .countDown_digit_last_rotate, .countDown_cont .countDown_digit_new_rotate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 50%;
  font-weight: 700;
  position: absolute;
  top: 0;
  overflow: hidden;
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  border-radius: 0.08em 0.08em 0 0;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}
.countDown_cont .countDown_digit_last_rotate:after, .countDown_cont .countDown_digit_new_rotate:after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-bottom: 0.01em solid rgba(0, 0, 0, 0.1);
}
.countDown_cont .countDown_digit_last_rotate {
  -webkit-animation-name: countDown_flip_1;
          animation-name: countDown_flip_1;
  background: #f7f7f7;
}
.countDown_cont .countDown_digit_new_rotate {
  -webkit-animation-name: countDown_flip_2;
          animation-name: countDown_flip_2;
  background: #fff;
}
.countDown_cont .countDown_digit_new_rotated {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
  width: 100%;
  height: 100%;
}
.countDown_cont .countDown_digit_new_rotated_inner {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  bottom: 50%;
  position: absolute;
}

@-webkit-keyframes countDown_flip_1 {
  0% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
    z-index: 1;
  }
  100% {
    -webkit-transform: rotateX(-180deg);
            transform: rotateX(-180deg);
    z-index: 0;
  }
}

@keyframes countDown_flip_1 {
  0% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
    z-index: 1;
  }
  100% {
    -webkit-transform: rotateX(-180deg);
            transform: rotateX(-180deg);
    z-index: 0;
  }
}
@-webkit-keyframes countDown_flip_2 {
  0% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
    z-index: 0;
  }
  100% {
    -webkit-transform: rotateX(-180deg);
            transform: rotateX(-180deg);
    z-index: 1;
  }
}
@keyframes countDown_flip_2 {
  0% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
    z-index: 0;
  }
  100% {
    -webkit-transform: rotateX(-180deg);
            transform: rotateX(-180deg);
    z-index: 1;
  }
}
.data-table .paging-info .prev-page {
  color: black;
  margin: 0 15px;
}
.data-table .paging-info .prev-page.disabled {
  color: grey;
  opacity: 0.5;
}
.data-table .paging-info .next-page {
  color: black;
}
.data-table .paging-info .next-page.disabled {
  color: grey;
  opacity: 0.5;
}
.data-table .header {
  border-bottom: 1px solid #bdbdbd;
}
.data-table .header span {
  padding: 10px 0;
  display: block;
  color: #bdbdbd;
  text-transform: uppercase;
}
.data-table .row {
  border-bottom: 1px solid #EEEEEE;
}
.data-table .row.clickable {
  cursor: pointer;
}
.data-table .row span {
  display: block;
  text-align: left;
  padding: 8px 0;
  white-space: nowrap;
  overflow: hidden;
}
.data-table .row span.small {
  font-size: 0.85rem;
}
.data-table .row span i.small {
  font-size: 0.85rem;
}
.data-table .row:nth-child(odd) {
  background-color: #FAFAFA;
}
.data-table .row .button, .data-table .row input, .data-table .row .switch {
  margin: 0;
}
.data-table table .button, .data-table table input, .data-table table .switch {
  margin: 0;
}
.data-table.dark .header {
  background-color: #424242;
}
.data-table.dark .header span {
  color: white;
}
.data-table.dark .row {
  border-bottom: 0;
  background-color: #757575;
  color: white;
}

.reveal-container .reveal-small {
  max-height: 120px;
  overflow: hidden;
}
.reveal-container a {
  font-style: italic;
  font-weight: bold;
  padding-bottom: 20px;
}

.section-container {
  background-color: #FAFAFA;
  padding: 10px;
  margin-bottom: 20px;
  /*box-shadow: 10px 10px 9px -5px rgba(0,0,0,0.75);*/
  position: relative;
}
.section-container.sticky { /* Safari */
  position: sticky;
}
.section-container h3, .section-container .h3 {
  font-family: "Roboto Condensed", Calibri, "Gill Sans", "Gill Sans MT", sans-serif;
  font-size: 1.5rem;
  border-bottom: 3px solid red;
  padding-bottom: 8px;
}
.section-container h3 i, .section-container .h3 i {
  margin-right: 10px;
}
.section-container .content {
  padding: 10px;
}
.section-container select {
  margin: 0 0 0 0;
}
.section-container label {
  font-family: "Roboto Condensed", Calibri, "Gill Sans", "Gill Sans MT", sans-serif;
}
.section-container label > a {
  font-family: "Roboto Condensed", Calibri, "Gill Sans", "Gill Sans MT", sans-serif;
}
.section-container .input-group {
  margin-bottom: 0;
}
.section-container .input-group .button {
  padding: 10px 7px 7px 7px;
  border: 0;
}
.section-container input {
  margin-bottom: 0;
}
.section-container input[type=text]::-webkit-input-placeholder {
  font-size: 0.8rem;
}
.section-container input[type=text]::-moz-placeholder {
  font-size: 0.8rem;
}
.section-container input[type=text]:-ms-input-placeholder {
  font-size: 0.8rem;
}
.section-container input[type=text]::-ms-input-placeholder {
  font-size: 0.8rem;
}
.section-container input[type=text]::placeholder {
  font-size: 0.8rem;
}
.section-container .looked-up-address {
  background-color: #e0e0e0;
  padding: 10px;
  min-height: 100px;
  margin-bottom: 10px;
}
.section-container .looked-up-address .nick-name {
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 1rem;
}
.section-container .form-group {
  margin-bottom: 10px;
}
.section-container textarea {
  height: 30%;
  font-size: 0.8rem;
}
.section-container.bold-labels label {
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: bold;
}
.section-container.title {
  margin-bottom: 20px;
}

.photo-gallery {
  display: -ms-grid;
  display: grid;
}
@media screen and (max-width: 39.99em) {
  .photo-gallery {
    -ms-grid-rows: (1fr)[3];
    grid-template-rows: repeat(3, 1fr);
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
  }
  .photo-gallery > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .photo-gallery > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .photo-gallery > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .photo-gallery > *:nth-child(4) {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
  }
  .photo-gallery > *:nth-child(5) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .photo-gallery > *:nth-child(6) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .photo-gallery > *:nth-child(7) {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }
  .photo-gallery > *:nth-child(8) {
    -ms-grid-row: 2;
    -ms-grid-column: 4;
  }
  .photo-gallery > *:nth-child(9) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .photo-gallery > *:nth-child(10) {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
  .photo-gallery > *:nth-child(11) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .photo-gallery > *:nth-child(12) {
    -ms-grid-row: 3;
    -ms-grid-column: 4;
  }
  .photo-gallery .photo:nth-child(3), .photo-gallery .photo:nth-child(4) {
    -ms-grid-column-span: 2;
    grid-column: span 2;
    -ms-grid-row-span: 2;
    grid-row: span 2;
  }
  .photo-gallery .photo:nth-child(7), .photo-gallery .photo:nth-child(8), .photo-gallery .photo:nth-child(9), .photo-gallery .photo:nth-child(10), .photo-gallery .photo:nth-child(11), .photo-gallery .photo:nth-child(12) {
    display: none;
  }
}
@media screen and (min-width: 40em) and (max-width: 63.99em) {
  .photo-gallery {
    -ms-grid-rows: (1fr)[3];
    grid-template-rows: repeat(3, 1fr);
    -ms-grid-columns: (1fr)[6];
    grid-template-columns: repeat(6, 1fr);
  }
  .photo-gallery > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .photo-gallery > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .photo-gallery > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .photo-gallery > *:nth-child(4) {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
  }
  .photo-gallery > *:nth-child(5) {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }
  .photo-gallery > *:nth-child(6) {
    -ms-grid-row: 1;
    -ms-grid-column: 6;
  }
  .photo-gallery > *:nth-child(7) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .photo-gallery > *:nth-child(8) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .photo-gallery > *:nth-child(9) {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }
  .photo-gallery > *:nth-child(10) {
    -ms-grid-row: 2;
    -ms-grid-column: 4;
  }
  .photo-gallery > *:nth-child(11) {
    -ms-grid-row: 2;
    -ms-grid-column: 5;
  }
  .photo-gallery > *:nth-child(12) {
    -ms-grid-row: 2;
    -ms-grid-column: 6;
  }
  .photo-gallery > *:nth-child(13) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .photo-gallery > *:nth-child(14) {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
  .photo-gallery > *:nth-child(15) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .photo-gallery > *:nth-child(16) {
    -ms-grid-row: 3;
    -ms-grid-column: 4;
  }
  .photo-gallery > *:nth-child(17) {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
  }
  .photo-gallery > *:nth-child(18) {
    -ms-grid-row: 3;
    -ms-grid-column: 6;
  }
  .photo-gallery .photo:nth-child(3), .photo-gallery .photo:nth-child(6), .photo-gallery .photo:nth-child(7) {
    -ms-grid-column-span: 2;
    grid-column: span 2;
    -ms-grid-row-span: 2;
    grid-row: span 2;
  }
  .photo-gallery .photo:nth-child(10), .photo-gallery .photo:nth-child(11), .photo-gallery .photo:nth-child(12) {
    display: none;
  }
}
@media screen and (min-width: 64em) {
  .photo-gallery {
    -ms-grid-rows: (1fr)[3];
    grid-template-rows: repeat(3, 1fr);
    -ms-grid-columns: (1fr)[8];
    grid-template-columns: repeat(8, 1fr);
  }
  .photo-gallery > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .photo-gallery > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .photo-gallery > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .photo-gallery > *:nth-child(4) {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
  }
  .photo-gallery > *:nth-child(5) {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }
  .photo-gallery > *:nth-child(6) {
    -ms-grid-row: 1;
    -ms-grid-column: 6;
  }
  .photo-gallery > *:nth-child(7) {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
  }
  .photo-gallery > *:nth-child(8) {
    -ms-grid-row: 1;
    -ms-grid-column: 8;
  }
  .photo-gallery > *:nth-child(9) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .photo-gallery > *:nth-child(10) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .photo-gallery > *:nth-child(11) {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }
  .photo-gallery > *:nth-child(12) {
    -ms-grid-row: 2;
    -ms-grid-column: 4;
  }
  .photo-gallery > *:nth-child(13) {
    -ms-grid-row: 2;
    -ms-grid-column: 5;
  }
  .photo-gallery > *:nth-child(14) {
    -ms-grid-row: 2;
    -ms-grid-column: 6;
  }
  .photo-gallery > *:nth-child(15) {
    -ms-grid-row: 2;
    -ms-grid-column: 7;
  }
  .photo-gallery > *:nth-child(16) {
    -ms-grid-row: 2;
    -ms-grid-column: 8;
  }
  .photo-gallery > *:nth-child(17) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .photo-gallery > *:nth-child(18) {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
  .photo-gallery > *:nth-child(19) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .photo-gallery > *:nth-child(20) {
    -ms-grid-row: 3;
    -ms-grid-column: 4;
  }
  .photo-gallery > *:nth-child(21) {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
  }
  .photo-gallery > *:nth-child(22) {
    -ms-grid-row: 3;
    -ms-grid-column: 6;
  }
  .photo-gallery > *:nth-child(23) {
    -ms-grid-row: 3;
    -ms-grid-column: 7;
  }
  .photo-gallery > *:nth-child(24) {
    -ms-grid-row: 3;
    -ms-grid-column: 8;
  }
  .photo-gallery .photo:nth-child(3), .photo-gallery .photo:nth-child(6), .photo-gallery .photo:nth-child(7), .photo-gallery .photo:nth-child(8) {
    -ms-grid-column-span: 2;
    grid-column: span 2;
    -ms-grid-row-span: 2;
    grid-row: span 2;
  }
}
.photo-gallery .photo a {
  display: block;
  position: relative;
}
.photo-gallery .photo a .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}
.photo-gallery .photo a:hover .overlay {
  opacity: 1;
}

.main-calendar-header {
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 20px;
}
.main-calendar-header > .title {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 5px 10px;
}
.main-calendar-header > .title > h1 {
  font-size: 2.5rem;
  margin: 0;
}
.main-calendar-header > .buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  margin-left: auto;
}
.main-calendar-header .button-item {
  -ms-flex-negative: 1;
      flex-shrink: 1;
  font-size: 0.9rem;
  border-left: 2px solid #dedede;
  padding: 0 10px 0 40px;
  position: relative;
  background-color: black;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 17px;
}
.main-calendar-header .button-item.selected {
  background: red;
  color: white;
}
.main-calendar-header .button-item.secondary {
  background-color: white;
  color: #616161;
}
.main-calendar-header .button-item.secondary.selected {
  background-color: red;
  color: white;
}
.main-calendar-header .button-item > span {
  -ms-flex-negative: 1;
      flex-shrink: 1;
  margin: 0;
}
.main-calendar-header .button-item > i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  vertical-align: middle;
  left: 10px;
  font-size: 1.6rem;
}
@media screen and (max-width: 64em) {
  .main-calendar-header > .title {
    padding-left: 0px;
  }
  .main-calendar-header > .title > h1 {
    font-size: 2rem;
  }
  .main-calendar-header > .title .main-calendar-header .button-item {
    font-size: 0.8rem;
    padding: 10px 10px 10px 40px;
    line-height: 15px;
  }
}
@media screen and (max-width: 40em) {
  .main-calendar-header .button-item {
    font-size: 0.7rem;
    padding: 10px 10px 10px 40px;
  }
}

.calendar-header {
  font-size: 1.4em;
  padding: 10px;
  color: white;
  background: #FF0E0D;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fe0809), to(#a51403));
  background-image: linear-gradient(#fe0809, #a51403);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fe0809), color-stop(100%, #a51403));
  text-transform: uppercase;
  font-weight: 700;
}

.calendar .container {
  display: none;
}
.calendar.list .calendar-item {
  background-color: #eeeeee;
  /*.shuffle-item--visible {
      background-color: white;

      &:nth-of-type(odd) {
          background-color: #eeeeee;
      }
  }*/
}
.calendar.list .calendar-item.month-header {
  padding: 0;
}
.calendar.list .calendar-item.month-header .cell {
  text-align: center;
  background: #FF0E0D;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fe0809), to(#a51403));
  background-image: linear-gradient(#fe0809, #a51403);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fe0809), color-stop(100%, #a51403));
  color: white;
  padding: 5px 10px;
  font-weight: bold;
  font-size: 1.3rem;
}
.calendar.list .calendar-item .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.1em;
  padding: 7px;
  border-bottom: 1px solid #bdbdbd;
}
@media screen and (min-width: 64em) {
  .calendar.list .calendar-item .event-date {
    padding-left: 10px;
  }
}
.calendar.list .calendar-item .event-name {
  font-size: 1.2em;
  margin-bottom: 0;
}
.calendar.list .calendar-item .event-name .major {
  color: red;
  font-weight: 700;
}
.calendar.list .calendar-item .button {
  margin-bottom: 0;
}
.calendar.list .calendar-item .availability-excellent {
  color: green;
  font-weight: bold;
}
.calendar.list .calendar-item .availability-ok {
  color: green;
}
.calendar.list .calendar-item .availability-low {
  color: orange;
}
.calendar.grid .calendar-item.month-header {
  display: none;
}
.calendar.grid .calendar-item .container {
  padding: 10px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: white;
  margin: 10px 0px;
  text-align: left;
}
.calendar.grid .calendar-item .event-image {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.calendar.grid .calendar-item .info {
  height: 100%;
  padding: 5px 10px;
}
.calendar.grid .calendar-item .actions {
  padding: 5px 10px;
}
.calendar.grid .calendar-item .actions .more-info-link {
  position: absolute;
  bottom: 14px;
  right: 0;
}
.calendar.grid .calendar-item .event-name {
  font-size: 1.2rem;
  margin-bottom: 5px;
  line-height: 1.4;
}
.calendar.grid .calendar-item .event-date {
  font-family: "Roboto", Calibri, "Gill Sans", "Gill Sans MT", sans-serif;
  font-size: 1.2rem;
  margin-bottom: 0;
  color: red;
  font-weight: bold;
}
.calendar.grid .calendar-item .event-venue {
  font-family: "Roboto Condensed", Calibri, "Gill Sans", "Gill Sans MT", sans-serif;
  font-size: 0.8rem;
  margin-bottom: 5px;
}
.calendar.grid .calendar-item .event-venue i {
  margin-right: 10px;
}
.calendar.grid .calendar-item .button.alert {
  margin-top: 10px;
  text-transform: uppercase;
  font-weight: bold;
  padding: 14px 20px;
}
.calendar .event-type-icon {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  max-width: 120px;
}
@media screen and (max-width: 40em) {
  .calendar .event-type-icon {
    max-width: 80px;
  }
}

#calendar-list-header.grid {
  display: none;
}

.calendar-outer-container {
  background-color: white;
}

.calendar-search {
  display: none;
}
.calendar-search.show {
  display: block;
}

fieldset {
  border: 0;
}
fieldset.inline > legend {
  display: block;
  color: #95a5a6;
  font-size: 1.1rem;
  padding: 0;
  margin: 0;
  margin-bottom: 4px;
}
fieldset.inline > .inline-group > label {
  display: inline-block;
  padding: 0.75em 0.8em;
  border: 1px solid #34495e;
  font-size: 1rem;
  text-transform: none;
  font-weight: normal;
  float: left;
  cursor: pointer;
  text-align: center;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  border-radius: 0;
  background-color: rgba(52, 73, 94, 0);
}
fieldset.inline > .inline-group > label:not(:first-child) {
  margin-left: -1px;
}
fieldset.inline > .inline-group > label:first-child {
  border-radius: 3px 0 0 3px;
}
fieldset.inline > .inline-group > label:last-child {
  border-radius: 0 3px 3px 0;
}
fieldset.inline > .inline-group > label > input[type=radio] {
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
  position: absolute;
}
fieldset.inline > .inline-group > label > a {
  color: black;
  font-family: "Roboto Condensed", Calibri, "Gill Sans", "Gill Sans MT", sans-serif;
}
fieldset.inline > .inline-group > label.selected {
  background-color: #34495e;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
  color: white;
}
fieldset.inline > .inline-group > label.selected > a {
  color: white;
}

.calendar-filter {
  font-size: 1.5rem;
  color: white;
  margin-bottom: 20px;
}
.calendar-filter > .filter-item {
  background-color: #757575;
  padding: 10px;
  position: relative;
  cursor: pointer;
  text-align: center;
}
.calendar-filter > .filter-item p {
  margin-bottom: 0;
  font-family: "Roboto Condensed";
}
.calendar-filter > .filter-item.light {
  background-color: #757575;
}
.calendar-filter > .filter-item.dark {
  background-color: #616161;
}
.calendar-filter > .filter-item svg.large {
  font-size: 3rem;
  position: absolute;
  left: 15px;
}
.calendar-filter > .filter-item.selected {
  background-color: #c62828;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fe0809), to(#a51403));
  background-image: linear-gradient(#fe0809, #a51403);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fe0809), color-stop(100%, #a51403));
  border-right: 0;
}
.calendar-filter > .filter-item.selected .down-arrow {
  display: none;
}
.calendar-filter > .filter-item.selected:after {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -20px;
  bottom: -20px;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #a51403;
}

@media screen and (max-width: 40em) {
  .calendar-filter {
    font-size: 1rem;
  }
  .calendar.list .container.list-based .vertical-align-text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  fieldset.inline > .inline-group > label {
    font-size: 0.8rem;
  }
}
#calendar {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-weight: 900;
  text-transform: uppercase;
  border: 1px solid #D5D5D5;
  background-color: white;
  position: relative;
}
#calendar :root {
  --week-rows: 6;
}
#calendar .day-names {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[7];
  grid-template-columns: repeat(7, 1fr);
  background: #D5D5D5;
}
#calendar .day-names > p {
  text-align: center;
  margin: 0;
  padding: 8px;
}
#calendar .day-names, #calendar .days {
  font-size: 0.825em;
  color: #666;
}
#calendar > .body {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -ms-grid;
  display: grid;
  height: 100%;
  -ms-grid-rows: (1fr)[var(--week-rows)];
  grid-template-rows: repeat(var(--week-rows), 1fr);
  -ms-grid-columns: (1fr)[7];
  grid-template-columns: repeat(7, 1fr);
}
#calendar > .body > .day {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #F5F5F5;
  border-width: 1px 0 0 1px;
}
#calendar > .body > .day:nth-child(-n+7) {
  border-top-width: 0;
}
#calendar > .body > .day:nth-child(7n+1) {
  border-left-width: 0;
}
#calendar > .body > .day:nth-child(7n+6), #calendar > .body > .day:nth-child(7n+7) {
  background: #e0e0e0;
}
#calendar .spacer {
  background: #F5F5F5;
}
#calendar .day-number {
  position: absolute;
  right: 10px;
  top: 5px;
  font-size: 0.9rem;
  z-index: 2;
  color: #616161;
}
#calendar .day {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#calendar .event-info {
  height: 100%;
  background-color: #bdbdbd;
  color: #424242;
  padding: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  cursor: pointer;
  position: relative;
  opacity: 1;
}
#calendar .event-info.completed {
  background-color: #81c784;
}
#calendar .event-info:hover {
  background-color: yellow;
}
#calendar .event-info:not(:first-of-type) {
  border-top: 1px solid #F5F5F5;
}
#calendar .event-info > .event-name {
  text-transform: none;
  font-size: 0.8rem;
  display: block;
  padding: 10px;
}
#calendar .event-info.btn-add-event {
  background-color: unset;
  cursor: pointer;
}
#calendar .event-info.btn-add-event i {
  font-size: 2rem;
  color: #2196F3;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#calendar .event-info.btn-add-event:hover i {
  font-size: 3rem;
}
#calendar .event-info > .event-venue {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 3;
  border-radius: 0%;
  padding: 3px 5px;
}
#calendar .event-info .event-name {
  z-index: 2;
}
#calendar .event-info.BH > .event-venue {
  background-color: #f44336;
  color: white;
}
#calendar .event-info.DP > .event-venue {
  background-color: #757575;
  color: white;
}
#calendar .event-info.OP > .event-venue {
  background-color: #2196f3;
  color: white;
}
#calendar .event-info.SN > .event-venue {
  background-color: #ffeb3b;
  color: black;
}
#calendar .event-info.CP > .event-venue {
  background-color: #4caf50;
  color: white;
}
#calendar .event-info.not-visible {
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}
#calendar .empty-day {
  min-height: 100px;
}
#calendar .calendar-month {
  display: none;
}
#calendar .calendar-month.visible {
  display: -ms-grid;
  display: grid;
}
@media screen and (max-width: 40em) {
  #calendar > .body {
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  #calendar > .body > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  #calendar .body > .day:nth-child(7n+6), #calendar .body > .day:nth-child(7n+7) {
    background: unset;
  }
  #calendar .body > .day {
    /*border-bottom: 1px solid white;*/
    border: 0;
  }
  #calendar .empty-day {
    border-top: 1px solid white;
  }
  #calendar .event-info {
    min-height: 100px;
  }
  #calendar .day-names {
    display: none;
  }
}

.breadcrumbs.nav {
  background-color: white;
  padding: 10px;
}
@media screen and (min-width: 64em) {
  .breadcrumbs.nav {
    -webkit-box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.5);
            box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.5);
  }
}
.breadcrumbs.steps {
  background-color: #9e9e9e;
  border-radius: 4px;
  font-family: "Roboto Condensed", Calibri, "Gill Sans", "Gill Sans MT", sans-serif;
  margin: 0;
}
.breadcrumbs.steps li {
  color: white;
  padding: 4px 16px 4px 16px;
  font-size: 1.2em;
  text-transform: none;
  min-height: 28px;
}
.breadcrumbs.steps li a {
  font-family: "Roboto Condensed", Calibri, "Gill Sans", "Gill Sans MT", sans-serif;
  color: white;
  border-bottom-right-radius: 16px;
}
.breadcrumbs.steps li.active.selected {
  border-left: 5px solid #f44336;
  border-bottom-right-radius: 16px;
  background-color: #424242;
}
@media screen and (max-width: 64em) {
  .breadcrumbs.steps li {
    padding: 4px 6px 4px 6px;
    font-weight: normal;
    font-size: 1.1em;
  }
  .breadcrumbs.steps li.active {
    border-bottom-right-radius: 8px;
  }
}
@media screen and (max-width: 40em) {
  .breadcrumbs.steps li {
    font-size: 1em;
  }
}
.breadcrumbs.steps li:after, .breadcrumbs.steps li:not(:last-child)::after {
  content: "" !important;
  margin: 0;
}

.nav-menu-container .sticky {
  top: 30px;
}
.nav-menu-container .sticky h5.underline {
  border-bottom: 2px solid red;
}
.nav-menu-container .menu .active > a {
  background: #ff280a;
  color: white;
}
.nav-menu-container .menu > li > a {
  color: black;
  text-transform: uppercase;
  font-weight: bold;
}
.nav-menu-container .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
  border-color: black transparent transparent;
}

.nav-product-container .breadcrumbs {
  margin: 0 0 10px 0;
}
.nav-product-container .page-break-bar {
  margin: 10px 0;
}

.camping-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 50% 20px 50%;
  grid-template-columns: 50% 50%;
  -ms-grid-rows: 200px 20px 200px;
  grid-template-rows: 200px 200px;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  margin: auto;
  width: 80%;
}

.camping-grid > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.camping-grid > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

.camping-grid > *:nth-child(3) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.camping-grid > *:nth-child(4) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}
.camping-grid .cell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #2196f3;
  color: white;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.4rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  cursor: pointer;
}

:root {
  --aa-map-x: 0;
  --aa-map-y: 0;
  --aa-map-scale: 1;
  --aa-map-zoom-x: 0;
  --aa-map-zoom-y: 0;
  --aa-map-zoom-scale: 1;
}

.allocated-area-container {
  position: relative;
  overflow: hidden;
  /*.allocated-area-section-container {

      &.animate {
          transform-origin: 50% 50%;
          animation: 1s map-zoom;
          animation-fill-mode: forwards;
      }
  }*/
  /* THE SVG OVERVIEW MAP */
}
.allocated-area-container .btn-back {
  position: absolute;
  left: 10px;
  top: 10px;
}
.allocated-area-container #spot-not-allowed {
  position: absolute;
  background-color: red;
  color: white;
  border: 2px solid white;
  padding: 5px;
  cursor: pointer;
}
.allocated-area-container .day-selector {
  position: absolute;
  width: 300px;
  height: 200px;
  background-color: blue;
}
.allocated-area-container #svg-map-container {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: hidden;
  /* Need this for pan & zoom to work */
}
.allocated-area-container #svg-map-container svg {
  -webkit-animation: 0.5s fadeIn;
          animation: 0.5s fadeIn;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-transform: translate3d(var(--aa-map-x), var(--aa-map-y), 0) scale(var(--aa-map-scale));
          transform: translate3d(var(--aa-map-x), var(--aa-map-y), 0) scale(var(--aa-map-scale));
}
.allocated-area-container #svg-map-container.animate svg {
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-animation: 1s map-zoom;
          animation: 1s map-zoom;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.allocated-area-container .allocated-area {
  cursor: pointer;
}
.allocated-area-container .allocated-area .price-text, .allocated-area-container .allocated-area .name-text {
  font-family: "Roboto Condensed", Calibri, "Gill Sans", "Gill Sans MT", sans-serif;
  fill: #fff;
  font-size: 9px;
}
.allocated-area-container .allocated-area .name-text {
  font-size: 11px;
  font-weight: bold;
}
.allocated-area-container .allocated-area .outline {
  fill: #e52520;
}
.allocated-area-container .allocated-area .tool-tip {
  fill: #283583;
  stroke: #fff;
  stroke-miterlimit: 10;
}
.allocated-area-container .allocated-area:hover .tool-tip {
  fill: #0074D9;
}
.allocated-area-container .allocated-area .lines {
  stroke: #c6c6c6;
  stroke-width: 0.654;
  stroke-miterlimit: 10;
}
.allocated-area-container .allocated-area-section {
  cursor: pointer;
}
.allocated-area-container .allocated-area-section:hover .spot {
  fill: #14679e;
}
.allocated-area-container .allocated-area-section:hover .text {
  fill: #fefefe;
}
.allocated-area-container #Spots g {
  cursor: pointer;
}
.allocated-area-container #Spots g.in-basket .spot {
  fill: green;
}
.allocated-area-container #Spots g.in-basket .text {
  fill: none;
}
.allocated-area-container #Spots g:hover .spot {
  fill: yellow;
}
.allocated-area-container #Spots g:hover .text {
  fill: black;
}
.allocated-area-container #Spots g.disabled {
  cursor: not-allowed;
}
.allocated-area-container #Spots g.disabled .spot {
  fill: gray;
}
.allocated-area-container #Spots g.disabled .text {
  fill: gray;
}
.allocated-area-container #Spots g.not-allowed .spot {
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation: 2s spot-not-allowed;
          animation: 2s spot-not-allowed;
}

@-webkit-keyframes spot-not-allowed {
  0% {
    stroke: none;
    stroke-width: 0px;
    fill: #00aeef;
  }
  50% {
    stroke: red;
    stroke-width: 4px;
    fill: red;
  }
}

@keyframes spot-not-allowed {
  0% {
    stroke: none;
    stroke-width: 0px;
    fill: #00aeef;
  }
  50% {
    stroke: red;
    stroke-width: 4px;
    fill: red;
  }
}
@-webkit-keyframes map-zoom {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(var(--aa-map-x), var(--aa-map-y), 0) scale(var(--aa-map-scale));
            transform: translate3d(var(--aa-map-x), var(--aa-map-y), 0) scale(var(--aa-map-scale));
  }
  80% {
    opacity: 1;
    -webkit-transform: scale(2.5) translate3d(var(--aa-map-zoom-x), var(--aa-map-zoom-y), 0);
            transform: scale(2.5) translate3d(var(--aa-map-zoom-x), var(--aa-map-zoom-y), 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(2.5) translate3d(var(--aa-map-zoom-x), var(--aa-map-zoom-y), 0);
            transform: scale(2.5) translate3d(var(--aa-map-zoom-x), var(--aa-map-zoom-y), 0);
  }
}
@keyframes map-zoom {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(var(--aa-map-x), var(--aa-map-y), 0) scale(var(--aa-map-scale));
            transform: translate3d(var(--aa-map-x), var(--aa-map-y), 0) scale(var(--aa-map-scale));
  }
  80% {
    opacity: 1;
    -webkit-transform: scale(2.5) translate3d(var(--aa-map-zoom-x), var(--aa-map-zoom-y), 0);
            transform: scale(2.5) translate3d(var(--aa-map-zoom-x), var(--aa-map-zoom-y), 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(2.5) translate3d(var(--aa-map-zoom-x), var(--aa-map-zoom-y), 0);
            transform: scale(2.5) translate3d(var(--aa-map-zoom-x), var(--aa-map-zoom-y), 0);
  }
}
.grid-container.navigation.bottom {
  margin-top: 20px;
}

.product-recommendation .event-name {
  margin: 0;
  font-size: 0.8rem;
}
.product-recommendation .event-date {
  margin: 0 0 5px 0;
  font-size: 0.7rem;
}
.product-recommendation .shop-product-image {
  position: relative;
}
.product-recommendation .shop-product-image .shop-product-price {
  position: absolute;
  right: 0;
  top: 0;
  background-color: #fff;
  padding: 8px;
  font-weight: bold;
  color: #fff;
  font-size: 0.8rem;
  background: #ff0e0d;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fe0809), to(#ab1403));
  background-image: linear-gradient(#fe0809, #ab1403);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fe0809), color-stop(100%, #ab1403));
  border: 2px solid #fff;
}

.checkout .sticky {
  top: 20px;
  margin-bottom: 20px;
}
.checkout .validation-errors {
  font-size: 1rem;
}

.validation-errors .validation-message {
  font-size: 1.2rem;
}

#credit-card-container {
  /* select doesnt get an invalid applied to it, so just reduce the margin */
}
#credit-card-container input {
  margin-bottom: 1rem;
}
#credit-card-container select {
  margin-bottom: 5px;
}
#credit-card-container input.invalid, #credit-card-container select.invalid {
  margin-bottom: 5px;
}
#credit-card-container div.validation-message {
  margin-bottom: 20px;
}
#credit-card-container.in-complete form {
  position: relative;
}
#credit-card-container.in-complete form:after {
  content: "Please complete all the above fields first";
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  font-size: 2rem;
  color: red;
  text-align: center;
  vertical-align: middle;
}

.delivery-address .address-book-address, .billing-address .address-book-address {
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-bottom: 2px dashed grey;
  margin-bottom: 10px;
}
.delivery-address .edit-address, .billing-address .edit-address {
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.delivery-address .edit-address .content, .billing-address .edit-address .content {
  padding: 0;
}
.delivery-address .edit-address select, .billing-address .edit-address select {
  margin-bottom: 0;
}
.delivery-address .address-book-container, .billing-address .address-book-container {
  overflow-y: auto;
  max-height: 400px;
}

.delivery-option-list {
  list-style: none;
  margin: 0 0 10px 0;
}
.delivery-option-list li {
  margin-bottom: 5px;
}
.delivery-option-list label span {
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: bold;
  cursor: pointer;
}
.delivery-option-list label input[type=radio] {
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
}
.delivery-option-list .delivery-option-desc {
  padding-left: 25px;
}

.address-select thead th {
  background-color: #424242;
  color: white;
}
.address-select .button {
  margin: 0;
  font-size: 0.8rem;
}

.payment-option {
  border-bottom: 1px solid lightgrey;
  padding: 10px 0;
}
.payment-option.has-multiple.active {
  background-color: #eeeeee;
}
.payment-option label.title {
  font-size: 1.1rem;
  text-transform: none;
  font-weight: normal;
}
.payment-option input[type=radio] {
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
}

#worldpay-card-form .field {
  height: 40px;
  border: 1px solid grey;
  background-color: white;
  padding: 10px;
}

.feedback-questions input[type=radio], .feedback-questions input[type=checkbox] {
  width: 25px;
  height: 25px;
}
.feedback-questions label {
  cursor: pointer;
  font-size: 1rem;
}
.feedback-questions input[type=text] {
  margin-bottom: 10px;
}

.event-info.sticky {
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(109, 109, 109)), color-stop(55%, rgb(151, 151, 151)), color-stop(55%, rgb(151, 151, 151)), color-stop(90%, rgb(152, 152, 152)), color-stop(90%, rgb(152, 152, 152)), to(rgb(149, 153, 154)));
  background: linear-gradient(rgb(109, 109, 109) 0%, rgb(151, 151, 151) 55%, rgb(151, 151, 151) 55%, rgb(152, 152, 152) 90%, rgb(152, 152, 152) 90%, rgb(149, 153, 154) 100%);
  padding: 5px 0;
  z-index: 2;
  top: 0;
}
.event-info.sticky.basket-sticky {
  top: 39px;
}
@media only screen and (max-width: 40em) {
  .event-info.sticky.medium-up {
    top: 0;
  }
}
.event-info.sticky h6 {
  text-transform: uppercase;
  color: white;
  margin-bottom: 0;
}
.event-info.sticky h6.title {
  font-weight: 900;
}
.event-info.sticky .button {
  margin-bottom: 0;
}

.main-heading {
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgb(216, 216, 216)));
  background: linear-gradient(rgb(255, 255, 255) 0%, rgb(216, 216, 216) 100%);
  color: #676767;
  padding-top: 1.5em;
  margin-bottom: 20px;
}
.main-heading h1 {
  font-size: 1.7rem;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0;
  margin-bottom: 4px;
}
.main-heading h2 {
  font-size: 1.4rem;
  text-transform: uppercase;
  margin-bottom: 6px;
  font-weight: bold;
}
.main-heading h6 {
  font-size: 1.1rem;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-weight: bold;
}
.main-heading .event-info {
  border-bottom: 1px solid #cacaca;
  margin-bottom: 10px;
}

.tile-wrapper {
  position: relative;
}
.tile-wrapper .text {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.6);
  font-weight: bold;
  color: white;
  text-transform: uppercase;
  padding: 0.5rem;
  font-size: 0.85rem;
}
.tile-wrapper:hover .text {
  color: #c00;
}

.price-table {
  font-size: 0.9rem;
}
.price-table.camping {
  font-size: 0.75rem;
}
.price-table .sep-y {
  border-right: 1px solid grey;
}
.price-table .header {
  /*selects the bottom row of the header part*/
}
.price-table .header .product {
  background-color: #dcdddf;
  padding-top: 2px;
  border-bottom: 1px solid grey;
  border-top: 1px solid grey;
  font-weight: bold;
  border-right: 1px solid grey;
}
.price-table .header .price-channel {
  background-color: #bcbdc1;
  font-weight: bold;
  border-right: 1px solid grey;
}
.price-table .header .price-channel > .grid-x {
  height: 100%;
}
.price-table .header .price-channel > .grid-x > .cell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 30px;
}
.price-table .header:nth-child(2) {
  border-bottom: 1px solid grey;
}
.price-table .body {
  margin-bottom: 20px;
}
.price-table .body .product {
  border-bottom: 1px solid grey;
  min-height: 40px;
}
@media only screen and (max-width: 40em) {
  .price-table .body .product {
    margin-bottom: 20px;
  }
}
.price-table .body .product .desc {
  background-color: #dcdddf;
  border-left: 1px solid grey;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 10px;
}
@media only screen and (max-width: 40em) {
  .price-table .body .product .desc {
    background-color: unset;
    padding-left: 0;
    border: 0;
    display: block;
  }
}
.price-table .body .product .small-desc {
  border-left: 1px solid grey;
  border-top: 1px solid grey;
  padding-left: 2px;
}
@media only screen and (max-width: 40em) {
  .price-table .body .product .small-desc {
    font-size: 0.75rem;
  }
}
.price-table .body .product .small-header {
  border-top: 1px solid grey;
  font-weight: bold;
  min-height: 30px;
  background-color: #dcdddf;
}
@media only screen and (max-width: 40em) {
  .price-table .body .product .small-header {
    font-size: 0.75rem;
  }
}
.price-table .body .product .small-header > .small-desc {
  border-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.price-table .body .product .small-header > .grid-x {
  height: 100%;
}
@media only screen and (max-width: 40em) {
  .price-table .body .product .prices {
    border-top: 1px solid grey;
    font-size: 0.7rem;
  }
}
.price-table .body .product .prices > .grid-x {
  height: 100%;
}
.price-table .price-legal {
  font-size: 0.7rem;
}

#whats-racing-carousel .slick-prev {
  top: 0%;
  left: -5%;
  z-index: 1;
  font-size: 0;
  line-height: 0;
  position: absolute;
  display: block;
  width: 40px;
  height: 100%;
  padding: 0;
  -webkit-transform: translate(0, 0%);
          transform: translate(0, 0%);
  cursor: pointer;
  color: #fff;
  border: none;
  outline: none;
  background: rgba(0, 0, 0, 0.6);
}
#whats-racing-carousel .slick-prev:before {
  content: "◄";
}
#whats-racing-carousel .slick-prev:hover {
  color: black;
  outline: none;
  background: black;
}
#whats-racing-carousel .slick-next {
  top: 0%;
  right: -5%;
  font-size: 0;
  line-height: 0;
  position: absolute;
  display: block;
  width: 40px;
  height: 100%;
  padding: 0;
  -webkit-transform: translate(0, 0%);
          transform: translate(0, 0%);
  cursor: pointer;
  color: #fff;
  border: none;
  outline: none;
  background: rgba(0, 0, 0, 0.6);
}
#whats-racing-carousel .slick-next:before {
  content: "►";
}
#whats-racing-carousel .slick-next:hover {
  color: black;
  outline: none;
  background: black;
}
#whats-racing-carousel .container {
  position: relative;
}
#whats-racing-carousel .container .text {
  position: absolute;
  width: 100%;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 0.85em 1.25em;
  z-index: 101;
}
#whats-racing-carousel .container .text h4 {
  text-transform: uppercase;
  font-weight: bold;
}
#whats-racing-carousel .container .text p {
  font-size: 0.9rem;
}

#whats-racing-carousel-nav .slick-prev {
  top: 0%;
  left: -5%;
  z-index: 1;
  font-size: 0;
  line-height: 0;
  position: absolute;
  display: block;
  width: 40px;
  height: 100%;
  padding: 0;
  -webkit-transform: translate(0, 0%);
          transform: translate(0, 0%);
  cursor: pointer;
  color: #fff;
  border: none;
  outline: none;
  background: rgba(0, 0, 0, 0.6);
}
#whats-racing-carousel-nav .slick-prev:before {
  content: "◄";
}
#whats-racing-carousel-nav .slick-prev:hover {
  color: black;
  outline: none;
  background: black;
}
#whats-racing-carousel-nav .slick-next {
  top: 0%;
  right: -5%;
  font-size: 0;
  line-height: 0;
  position: absolute;
  display: block;
  width: 40px;
  height: 100%;
  padding: 0;
  -webkit-transform: translate(0, 0%);
          transform: translate(0, 0%);
  cursor: pointer;
  color: #fff;
  border: none;
  outline: none;
  background: rgba(0, 0, 0, 0.6);
}
#whats-racing-carousel-nav .slick-next:before {
  content: "►";
}
#whats-racing-carousel-nav .slick-next:hover {
  color: black;
  outline: none;
  background: black;
}
#whats-racing-carousel-nav .container {
  position: relative;
  margin: 0.125em;
}
#whats-racing-carousel-nav .container .text {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  padding: 0.85em 1.25em;
  z-index: 101;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#whats-racing-carousel-nav .container .text h5 {
  text-transform: uppercase;
  font-weight: bold;
}
#whats-racing-carousel-nav .slick-current .container > .text {
  background: rgba(204, 0, 0, 0.6);
}

.off-track-card {
  position: relative;
  overflow: hidden;
  color: #fff;
  margin-bottom: 20px;
}
.off-track-card .text {
  position: absolute;
  left: 0;
  top: 75%;
  background: #787878;
  border-top: 1px solid #fff;
  padding: 10px;
  height: 100%;
  width: 100%;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.off-track-card .text h6 {
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.3em;
  height: 40px;
}
.off-track-card .text h6:after {
  content: "▲";
  position: absolute;
  right: 10px;
}
.off-track-card .text padding {
  font-size: 1em;
}
.off-track-card.is-active .text {
  margin-top: 0;
  top: 20%;
}
.off-track-card.is-active .text h6:after {
  content: "▼";
}
@media screen and (min-width: 40em) {
  .off-track-card:hover .text {
    margin-top: 0;
    top: 20%;
  }
  .off-track-card:hover .text h6:after {
    content: "▼";
  }
}
@media screen and (max-width: 64em) {
  .off-track-card .text h6 {
    font-size: 1.2em;
  }
  .off-track-card .text p {
    font-size: 1em;
  }
}

.hospitality.light {
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0%, #fff), to(#dadada));
  background: linear-gradient(#fff, #fff 0%, #dadada 100%);
  color: #686868;
}
.hospitality.dark {
  background: #b1b1b1;
  color: #fff;
}
.hospitality .image {
  position: relative;
}
.hospitality .image .price {
  background-color: #fff;
  position: absolute;
  padding: 14px;
  top: 0;
  font-weight: bold;
  color: #fff;
  font-size: 1.2em;
  background: #ff0e0d;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fe0809), to(#ab1403));
  background-image: linear-gradient(#fe0809, #ab1403);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fe0809), color-stop(100%, #ab1403));
  border-bottom: 1px solid #fff;
}
@media screen and (min-width: 40em) {
  .hospitality .image .price.text-right {
    right: 0;
    border-left: 1px solid #fff;
  }
  .hospitality .image .price.text-left {
    left: 0;
    border-right: 1px solid #fff;
  }
}
.hospitality .text .title {
  margin-top: 10px;
  font-weight: 700;
  border-bottom: 1px solid;
  text-transform: uppercase;
}
.hospitality .text .desc {
  font-size: 0.9rem;
  text-align: justify;
  line-height: 1.6;
  text-rendering: optimizeLegibility;
  margin-bottom: 1rem;
}

form input, .form input {
  margin-bottom: 0;
}

@media screen and (max-width: 40em) {
  .label-container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.label-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.label-container input[type=checkbox] {
  margin-bottom: 0;
}
.label-container label {
  font-weight: bold;
  text-transform: uppercase;
}

.marketing-flags-container {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: minmax(38px, auto);
  grid-template-rows: minmax(38px, auto);
}
.marketing-flags-container.x3 {
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
}
.marketing-flags-container.x2 {
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}
.marketing-flags-container .marketing-flag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  cursor: pointer;
}
.marketing-flags-container .marketing-flag .text {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background-color: black;
  color: white;
  padding: 10px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.75rem;
  margin: 0 10px 10px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.marketing-flags-container .marketing-flag .checkbox-container {
  -ms-flex-negative: 1;
      flex-shrink: 1;
  text-align: center;
}
.marketing-flags-container .marketing-flag .checkbox {
  height: 32px;
  width: 32px;
  margin: 0 10px 20px 10px;
}
.marketing-flags-container .marketing-flag .image-container {
  -ms-flex-negative: 1;
      flex-shrink: 1;
  position: relative;
  margin: 0 10px;
  cursor: pointer;
  z-index: 2;
}
.marketing-flags-container .marketing-flag .image-container.selected:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(255, 0, 0, 0.4);
  z-index: 3;
}
@media screen and (max-width: 40em) {
  .marketing-flags-container.x3 {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
  .marketing-flags-container.x2 {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
}

.venue-select {
  cursor: pointer;
}

.session-date > ul {
  margin-left: 0;
}
.session-date > ul li {
  list-style: none;
  color: #c00;
  border-bottom: 1px dotted green;
  margin-bottom: 5px;
  font-size: 1rem;
  cursor: pointer;
}

.driving-experience-details p.venue {
  margin-bottom: 0;
}

.address-book-address a, .vehicle-detail a {
  display: block;
  font-size: 1rem;
  color: black;
  font-family: "Roboto Condensed", Calibri, "Gill Sans", "Gill Sans MT", sans-serif;
  text-transform: uppercase;
  padding: 5px 0;
}
.address-book-address a .fa-trash, .vehicle-detail a .fa-trash {
  color: red;
}
.address-book-address a .fa-check, .vehicle-detail a .fa-check {
  color: green;
}
.address-book-address a:hover, .vehicle-detail a:hover {
  background-color: #424242;
  color: #fff;
}

#my-account-container {
  position: relative;
}

.my-voucher-info {
  font-size: 1rem;
}
.my-voucher-info .title {
  font-size: 1.2rem;
}
.my-voucher-info p {
  margin-bottom: 5px;
  font-family: "Roboto Condensed", Calibri, "Gill Sans", "Gill Sans MT", sans-serif;
}

.vehicle-preview-image {
  max-width: 200px;
}

.driver-info .card {
  border: 0;
}
.driver-info .card-divider {
  font-family: "Roboto Condensed", Calibri, "Gill Sans", "Gill Sans MT", sans-serif;
  font-size: 1.2rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #616161;
  color: white;
}
.driver-info .img-holder {
  display: block;
  max-width: 200px;
  max-height: 200px;
  width: auto;
  height: auto;
  margin: auto auto;
}
.driver-info .button {
  margin-bottom: 0;
  border-radius: 0;
}

.my-account.vertical {
  background-color: white;
  -webkit-box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.5);
          box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.5);
  margin-left: 0px;
}
.my-account.vertical li {
  border-bottom: 1px solid #242424;
  padding: 0px;
  list-style: none;
}
.my-account.vertical li.is-active {
  border-left: 3px solid red;
  background-color: #E0E0E0;
}
.my-account.vertical li .icon {
  font-size: 2rem;
  margin-right: 20px;
  width: 40px;
  text-align: center;
}
.my-account.vertical li span {
  font-size: 0.9rem;
}
.my-account.vertical li a {
  font-family: "Roboto Condensed", Calibri, "Gill Sans", "Gill Sans MT", sans-serif;
  color: black;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px;
}
.my-account.vertical li:hover {
  background-color: #242424;
}
.my-account.vertical li:hover a {
  color: white;
}

.country-select {
  margin-bottom: 10px;
  /*img {
      max-width: 60px;
  }*/
}
.country-select span {
  font-size: 1.1rem;
}
.country-select .button {
  margin-bottom: 0;
}

.address-lookup-results {
  border: 1px solid #cacaca;
  -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
          box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
  background-color: white;
  display: none;
}
.address-lookup-results p.info {
  display: none;
  background-color: #dedede;
  margin: 0;
  padding: 2px 10px;
}
.address-lookup-results p.search-info {
  display: none;
  margin: 0;
  padding: 8px;
  font-size: 1rem;
}
.address-lookup-results ul {
  margin: 0;
  list-style: none;
  overflow-y: auto;
  max-height: 200px;
}
.address-lookup-results ul li {
  padding: 8px;
  border-bottom: 1px solid #dedede;
  margin: 0;
  cursor: pointer;
}
.address-lookup-results ul li p {
  margin-bottom: 0;
}
.address-lookup-results ul li p:first-child {
  margin-bottom: 0;
  font-weight: bold;
  font-size: 0.9rem;
}
.address-lookup-results ul li p:last-child {
  color: #616161;
}
.address-lookup-results ul li:hover {
  background-color: #424242;
}
.address-lookup-results ul li:hover p {
  color: white;
}
.address-lookup-results.searching {
  display: block;
}
.address-lookup-results.searching .info {
  display: block;
}
.address-lookup-results.has-results {
  display: block;
}
.address-lookup-results.has-results .info {
  display: block;
}

.details-saved-row {
  padding: 5px;
}
.details-saved-row .cell {
  border: 2px solid green;
}
.details-saved-row .details-saved {
  padding: 5px;
}
.details-saved-row .details-saved span {
  font-size: 1.5rem;
}

.account-credit-header {
  font-weight: bold;
  font-size: 14px;
  border-bottom: 1px solid black;
  margin-bottom: 10px;
}

.account-credit {
  border-bottom: 1px dashed #9E9E9E;
}
.account-credit .cell {
  border-right: 1px dotted #9e9e9e;
}
.account-credit .cell:last-child {
  border-right: none;
}

.details-failed-row {
  padding: 5px;
}
.details-failed-row .cell {
  border: 2px solid red;
}
.details-failed-row .details-saved {
  padding: 5px;
}
.details-failed-row .details-saved span {
  font-size: 1.5rem;
}

.order-details-container {
  -webkit-box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.75);
          box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.75);
  border: 2px solid #f0f0f0;
  margin-top: 10px;
}
.order-details-container .detail-header {
  font-size: 1.1rem;
  background-color: #E0E0E0;
  font-weight: bold;
  padding: 5px;
}
.order-details-container .orderline-wrapper {
  border-bottom: 1px dashed #E0E0E0;
}

.custom-tooltip {
  position: relative;
  border-bottom: 1px dotted black;
  font-size: 0.7rem;
  background-color: white;
  color: black;
  display: -ms-inline-grid;
  display: inline-grid;
}
.custom-tooltip .custom-tooltip-content {
  visibility: hidden;
  vertical-align: bottom;
  background-color: #212121;
  color: white;
  text-align: center;
  padding: 5px;
  border-radius: 6px;
  width: 180px;
  position: absolute;
  z-index: 1;
}

.custom-tooltip:hover .custom-tooltip-content {
  visibility: visible;
}

.order-value-span {
  margin-top: 5px;
  text-align: right;
}

.delivery-address-details {
  display: -ms-inline-grid;
  display: inline-grid;
}
.delivery-address-details span {
  font-style: italic;
}

.order-header label {
  font-weight: bold;
  font-size: 1.5rem;
}
.order-header span {
  font-size: 0.9rem;
}

.vehicle-type-header {
  text-align: center;
  font-size: 1rem;
  text-transform: uppercase;
  color: white;
  background-color: #757575;
  padding: 5px;
  margin-bottom: 10px;
}

#count-row {
  float: right;
  padding-bottom: 10px;
}
#count-row .cell span {
  font-weight: bold;
  font-size: 1rem;
}

.info-row {
  margin-left: 20px;
  margin-bottom: 10px;
  font-size: 1rem;
}
.info-row .cell {
  padding-left: 5px;
}

.info-name {
  font-weight: bold;
  margin-left: 10px;
}

.corp-guest-preview-header {
  font-size: 16px;
  font-weight: bold;
  background-color: #212121;
  color: white;
}
.corp-guest-preview-header .cell {
  border-right: 1px dotted white;
}
.corp-guest-preview-header .cell:last-child {
  border-right: none;
}

.corp-guest-preview-row {
  font-size: 14px;
  font-weight: normal;
  border-left: 1px solid black;
  border-right: 1px solid black;
  border-bottom: 1px dashed black;
  border-top: 1px dashed black;
}
.corp-guest-preview-row:first-child {
  border-top: 1px solid black;
}
.corp-guest-preview-row:nth-child(even) {
  background-color: #E0E0E0;
}
.corp-guest-preview-row:last-of-type {
  border-bottom: 1px solid black;
}
.corp-guest-preview-row .cell {
  border-right: 1px dotted black;
}
.corp-guest-preview-row .cell:last-child {
  border-right: none;
}
.corp-guest-preview-row .corp-guest-extras-preview {
  font-size: 12px;
}

.additional-extra-row {
  padding-bottom: 5px;
  border-bottom: 1px solid #BDBDBD;
  padding-top: 5px;
}
.additional-extra-row :last-of-type {
  border-bottom: none;
}

.guest-row {
  padding-top: 10px;
}
.guest-row :last-of-type {
  border-bottom: none;
}

.extra-info-row {
  border-bottom: 1px dashed black;
}
.extra-info-row .cell label {
  font-size: 1rem;
}

.guest-row {
  padding-bottom: 10px;
  border-bottom: 1px dashed black;
}
.guest-row .cell {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}
.guest-row .cell label {
  font-size: 1rem;
}

.guest-option-select {
  list-style: none;
  max-height: 300px;
  overflow: auto;
}
.guest-option-select .cell {
  display: -ms-grid;
  display: grid;
}
.guest-option-select .option-item {
  padding: 15px;
  border: 1px dashed black;
}
.guest-option-select .option-item.selected {
  background-color: #4CAF50;
}
.guest-option-select .option-item:hover {
  background-color: #FFEB3B;
  cursor: pointer;
}

.guest-wrapper:nth-child(odd) {
  background-color: #E0E0E0;
}
.guest-wrapper:nth-child(even) {
  background-color: #F5F5F5;
}
.guest-wrapper .option-multi {
  border: 1px dashed black;
  padding: 20px;
  cursor: pointer;
}
.guest-wrapper .option-multi:hover {
  background-color: #FFEB3B;
}
.guest-wrapper .disabled {
  cursor: not-allowed;
  border: 1px dashed black;
  padding: 20px;
  cursor: pointer;
}
.guest-wrapper .selected {
  background-color: #4CAF50;
}

.saf-signing {
  font-size: 1rem;
  max-width: 60rem;
}
.saf-signing .section-container {
  background-color: white;
}
.saf-signing .info-message {
  color: white;
  font-size: 1.5rem;
  width: 100%;
  margin-bottom: 20px;
  text-align: center;
}
@media screen and (max-width: 40em) {
  .saf-signing .info-message {
    font-size: 1.1rem;
  }
}
.saf-signing .info-message .required {
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: red;
  padding: 20px 0;
}
.saf-signing .info-message .confirmed {
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: green;
  padding: 20px 0;
}
.saf-signing h1 {
  text-align: center;
  text-transform: uppercase;
  font-size: 2rem;
  font-weight: bold;
}
.saf-signing h2 {
  font-size: 1.8rem;
  text-align: center;
  margin: 20px 0;
}
.saf-signing h3 {
  font-size: 1.4rem;
  text-transform: uppercase;
  border-bottom: 0;
  font-weight: bold;
}
.saf-signing .address span {
  display: block;
}
.saf-signing .lines-header {
  font-size: 1.1rem;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  padding: 7px 0;
  margin-bottom: 7px;
}
.saf-signing .saf-line {
  padding: 5px 0;
  border-bottom: 1px solid #E0E0E0;
}
.saf-signing .small p {
  font-size: 0.8rem;
  margin: 0;
}
.saf-signing canvas {
  border: 1px solid black;
  color: black;
  width: 100%;
  height: 275px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  border-radius: 10px;
  margin-top: 20px;
  cursor: crosshair;
}
.saf-signing .signature-pad--footer .description {
  margin: auto;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  border: 1px solid #9E9E9E;
  margin-bottom: 10px;
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  color: #9E9E9E;
}
.saf-signing .saf-logo {
  display: none;
}
.saf-signing .sig-confirm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  margin-bottom: 20px;
}
.saf-signing .sig-confirm img {
  border: 1px solid black;
  border-radius: 10px;
}

@media print {
  .msv.print body * {
    visibility: hidden;
  }
  .msv.print header * {
    display: none;
  }
  .msv.print .navigation-bar {
    display: none;
  }
  .msv.print #basket-top-container {
    display: none;
  }
  .msv.print footer {
    display: none;
  }
  .msv.print .button.large.alert {
    display: none;
  }
  .msv.print #wrapper * {
    visibility: visible;
  }
  .msv.print #page-body {
    position: relative;
  }
  .msv.print #page-content {
    position: static;
  }
  .msv.print #wrapper {
    position: absolute;
    top: 0;
    border: none;
    left: 0;
  }
  .msv.print #line-wrapper {
    min-height: 0;
  }
  .msv.print .saf-logo {
    visibility: visible;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 30px;
  }
  .msv.print .info-message {
    display: none;
  }
  .msv.print #btn-save {
    display: none;
  }
  .msv.print #btn-clear {
    display: none;
  }
  .msv.print canvas {
    height: 100px;
  }
  .msv.print .show-for-small-only {
    display: none;
  }
  .msv.print a[href]:after {
    content: none !important;
  }
  .msv.print .address {
    font-size: 0.8rem;
  }
}

.valid.modified:not([type=checkbox]) {
  outline: 1px solid #26b050;
}

.invalid {
  outline: 1px solid red;
}

.validation-message {
  color: red;
}

.media-page {
  /*    font-family: 'Roboto';
      padding: 0;
      margin: 0;
      height: 100vh;
      width: 100vw;*/
  /*#azuremediaplayer {
      width: 100%;
      height: 100%;
      position: relative;
  }*/
}
.media-page::before {
  background: url("/media/background.jpg") no-repeat center center fixed;
  background-size: cover;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  opacity: 0.7;
}
.media-page .header {
  -ms-grid-row: 1;
  grid-row: 1;
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-column-span: 3;
  grid-column-end: 4;
  height: 110px;
  background: url("/media/ps-header-bg.jpg") repeat-x;
  background-color: white;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
  padding-bottom: 10px;
  border-bottom: 3px solid #424242;
}
.media-page .headerContent {
  width: 980px;
  height: 110px;
  margin: 0px auto;
  padding: 0px;
  position: relative;
}
.media-page #PSLogo {
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.media-page #container {
  width: 100vw;
  height: 100vh;
}
.media-page .container-inner {
  position: relative;
  height: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 120px 120px auto 100px;
  grid-template-rows: 120px 120px auto 100px;
  -ms-grid-columns: 25% 50% 25%;
  grid-template-columns: 25% 50% 25%;
}
.media-page .container-inner > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.media-page .container-inner > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
.media-page .container-inner > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.media-page .container-inner > *:nth-child(4) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}
.media-page .container-inner > *:nth-child(5) {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}
.media-page .container-inner > *:nth-child(6) {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
}
.media-page .container-inner > *:nth-child(7) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}
.media-page .container-inner > *:nth-child(8) {
  -ms-grid-row: 3;
  -ms-grid-column: 2;
}
.media-page .container-inner > *:nth-child(9) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}
.media-page .container-inner > *:nth-child(10) {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}
.media-page .container-inner > *:nth-child(11) {
  -ms-grid-row: 4;
  -ms-grid-column: 2;
}
.media-page .container-inner > *:nth-child(12) {
  -ms-grid-row: 4;
  -ms-grid-column: 3;
}
.media-page #title-wrapper {
  -ms-grid-row: 2;
  grid-row: 2;
  -ms-grid-column: 2;
  grid-column: 2;
  text-align: center;
  background-color: #424242;
  color: white;
  border: 2px solid #212121;
  border-top: none;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  position: relative;
}
.media-page #title-wrapper h2 {
  font-size: 24px;
}
.media-page #title-wrapper h3 {
  font-size: 18px;
}
.media-page #video-player-wrapper {
  -ms-grid-row: 3;
  grid-row: 3;
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-column-span: 3;
  grid-column-end: 4;
  /*padding: 20px 40px 20px 20px;*/
  padding: 20px;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.media-page .inner {
  /*width: 100%;
  height: 100%;*/
  background-color: black;
}
.media-page #video-download {
  color: white;
  background-color: black;
  text-align: center;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-left: 2px solid #212121;
  border-right: 2px solid #212121;
  border-bottom: 2px solid #212121;
  padding: 10px 20px;
  display: inline-block;
  float: right;
}
.media-page #video-download > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: white;
  text-decoration: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.media-page #video-download > a > svg {
  display: inline-block;
  width: 30px;
  padding-right: 10px;
  fill: white;
}
@media screen and (max-width: 979px) {
  .media-page .container-inner {
    margin-top: 50px;
    -ms-grid-columns: 10% 80% 10%;
    grid-template-columns: 10% 80% 10%;
    height: calc(100vh - 50px);
  }
}
@media screen and (max-width: 40em) {
  .media-page .container-inner {
    -ms-grid-rows: 120px 120px auto 100px;
    grid-template-rows: 120px 120px auto 100px;
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
  .media-page .container-inner > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .media-page .container-inner > *:nth-child(2) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .media-page .container-inner > *:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .media-page .container-inner > *:nth-child(4) {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }
  .media-page #title-wrapper {
    -ms-grid-column: 1;
    grid-column: 1;
  }
  .media-page #video-player-wrapper {
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-column-span: 0;
    grid-column-end: 1;
    padding: 0;
  }
}

.can-work {
  background-color: #01579B !important;
  color: white !important;
  border: 5px solid #01579B;
}

.cannot-work {
  border: 5px solid #C62828;
  background-color: #C62828 !important;
  color: white !important;
}

.support-question-header span {
  font-size: 18px;
}

.support-answers-hover {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  color: white;
  overflow: hidden;
  width: 100%;
  height: 0;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 3;
}
.support-answers-hover ul li {
  margin-bottom: 0;
  font-size: 11px;
  font-weight: normal;
}

.event-info .event-name {
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
  width: 100%;
  overflow: hidden;
}

.event-info:hover .support-answers-hover {
  bottom: 0;
  height: 100%;
}
.event-info:hover .support-answers-hover span {
  margin-top: 5%;
}
.event-info:hover .support-answers-hover ul {
  margin-top: 5%;
  margin-left: 15%;
}
.event-info:hover .support-hide-hover {
  visibility: hidden;
}
.event-info:hover .support-name-move {
  top: 20%;
}

.support-body-text {
  font-size: 20px;
}

.support-question-title {
  padding-top: 20px;
  padding-bottom: 10px;
  font-size: 18px;
  border-bottom: 1px dotted black;
}

.support-buttons {
  margin-top: 40px;
}

.support-answered-wrapper {
  border-top: 1px dotted black;
}
.support-answered-wrapper .support-answered-header {
  font-size: 20px;
  padding-bottom: 20px;
}
.support-answered-wrapper .support-list-header {
  font-size: 18px;
  text-decoration: underline;
}
.support-answered-wrapper .support-answer-item {
  font-size: 16px;
  list-style: none;
}

.work-approved {
  border: 5px solid #2E7D32;
  background-color: #2E7D32 !important;
  color: white !important;
}

.confirm-event-name {
  padding-top: 10px;
  font-weight: bold;
  font-size: 20px;
}

.btn-cannot-work {
  background-color: #C62828;
  color: white;
}

.btn-can-work {
  background-color: #2E7D32;
  color: white;
}

.support-event-question {
  font-size: 18px;
}
.support-event-question .cell:first-child {
  font-weight: bold;
  font-size: 16px;
}

.support-question-checkbox {
  width: 25px;
  height: 25px;
}

.support-staff-ident .day-number {
  color: #424242;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.key-column {
  border: 1px dashed #9E9E9E;
  padding: 10px;
  border-radius: 5px;
  border-bottom-right-radius: 40px;
  margin-bottom: 20px;
}
.key-column .fa-square {
  font-size: 18px;
}
.key-column .key-title {
  padding-left: 35%;
  padding-bottom: 10px;
  font-weight: bold;
  text-decoration: underline;
  margin-bottom: 10px;
}

.support-cancel-message {
  font-size: 16px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.audio-player audio {
  display: none;
}
.audio-player .control {
  opacity: 0; /* transition: opacity .2s linear; */
  pointer-events: none;
  cursor: pointer;
}
.audio-player .not-started .play {
  opacity: 1;
}
.audio-player .not-started .progress-bar {
  display: none;
}
.audio-player .paused .play {
  opacity: 1;
}
.audio-player .playing .pause {
  opacity: 1;
}
.audio-player .playing .play {
  opacity: 0;
}
.audio-player .ended .stop {
  opacity: 1;
  pointer-events: none;
}
.audio-player .ended .progress-bar {
  display: none;
}
.audio-player .ended .progress-track {
  stroke-opacity: 1;
}
.audio-player .precache-bar .done {
  opacity: 0;
}
.audio-player .progress-bar, .audio-player .precache-bar {
  -webkit-transition: stroke-dashoffset 500ms;
  transition: stroke-dashoffset 500ms;
  stroke-dasharray: 298.1371428257;
  stroke-dashoffset: 298.1371428257;
}

.briefing .animate {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  color: #dedede;
}
.briefing .read {
  color: black;
  -webkit-animation: font-size-grow 1s;
          animation: font-size-grow 1s;
  font-size: 1rem;
}

@-webkit-keyframes font-size-grow {
  0% {
    font-size: 1rem;
  }
  50% {
    font-size: 1.6rem;
  }
  100% {
    font-size: 1rem;
  }
}

@keyframes font-size-grow {
  0% {
    font-size: 1rem;
  }
  50% {
    font-size: 1.6rem;
  }
  100% {
    font-size: 1rem;
  }
}
.championship-entry-events {
  font-size: 1rem;
  margin-bottom: 30px;
}
.championship-entry-events .grid-x {
  background-color: #eee;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 0;
}
.championship-entry-events .grid-x.header {
  background: #ff0e0d;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fe0809), to(#a51403));
  background-image: linear-gradient(#fe0809, #a51403);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fe0809), color-stop(100%, #a51403));
  color: white;
}
.championship-entry-events .grid-x .button {
  margin: 0;
}

.championship-entry-driver-select {
  font-size: 1rem;
}

.season-type-selector:hover {
  background-color: #FFEB3B;
}

.media-event-selection {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
}
.media-event-selection:hover {
  background-color: #FFEB3B;
}
.media-event-selection:nth-child(odd):hover {
  background-color: #FFEB3B;
}

.msvr .social-bar {
  background-color: #692A80;
  font-size: 1.8rem;
}
.msvr .social-bar a {
  color: white;
  padding: 5px;
}
.msvr .social-bar a:hover {
  background-color: #555;
  background: #333;
}
.msvr .social-bar a i {
  line-height: 28px;
}
.msvr .top-menu-bar {
  background-color: white;
  padding: 10px 0;
}
.msvr footer #page-footer #page-footer-top {
  background-color: #692A80;
  background-image: none;
}
.msvr footer #page-footer #page-footer-top a {
  color: white;
}
.msvr .section-container h3, .msvr .section-container .h3 {
  border-bottom: 3px solid #692A80;
}
.msvr .button.alert {
  background-color: #692A80;
  background-image: none;
}
.msvr .button.alert:hover {
  background-color: #542266;
  color: #FFF;
}
.msvr .page-break-bar {
  background: #692A80;
}
.msvr .championship-entry-events .grid-x.header {
  background: #692A80;
}
.msvr .modal-dialog .modal-header {
  background: #692A80;
}

body .msvt {
  font-family: "Cairo", sans-serif;
}
body .msvt a, body .msvt input, body .msvt select, body .msvt textarea, body .msvt label {
  font-family: "Cairo", sans-serif;
}

.msvt {
  height: 100%;
  /* the filter bar on calendar page */
}
.msvt .site-selector {
  margin-bottom: 30px;
}
.msvt .site-selector h3 {
  text-align: center;
  font-size: 1.8rem;
}
.msvt .site-selector .img-button {
  display: block;
  position: relative;
}
.msvt .site-selector .img-button .content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: white;
  background-color: rgba(0, 0, 0, 0.6);
}
.msvt .site-selector .img-button .content .icon {
  max-width: 100px;
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}
.msvt .site-selector .img-button .content h4 {
  font-size: 2.4rem;
  -webkit-transition: all linear 0.2s;
  transition: all linear 0.2s;
  margin-bottom: 0;
}
.msvt .site-selector .img-button .content p {
  margin-bottom: 0;
}
.msvt .site-selector .img-button:hover h4 {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.msvt .site-selector .img-button:hover .icon {
  -webkit-filter: unset;
          filter: unset;
}
@media only screen and (max-width: 940px) {
  .msvt .site-selector .img-button .content .icon {
    display: none;
  }
  .msvt .site-selector .img-button .content h4 {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 540px) {
  .msvt .site-selector .img-button .content h4 {
    font-size: 1.2rem;
  }
}
.msvt .top-bar1 {
  font-family: "Bai Jamjuree", sans-serif;
  font-weight: bold;
  background-color: #4b4b4b;
  color: white;
  padding: 2px 0;
  font-size: 0.75rem;
  text-transform: uppercase;
}
.msvt .top-bar1 a {
  font-family: "Bai Jamjuree", sans-serif;
  color: white;
}
.msvt .top-bar1 a:hover {
  color: #f39200;
}
.msvt .top-bar1 ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.msvt .top-bar1 ul li {
  float: left;
  margin-right: 15px;
}
.msvt .top-bar1 ul li a {
  color: white;
}
.msvt .top-bar1 .socials {
  font-size: 1.5rem;
}
@media only screen and (min-width: 40em) {
  .msvt .top-bar1 .socials {
    margin-right: 15px;
  }
}
@media only screen and (max-width: 40em) {
  .msvt .top-bar1 .socials {
    font-size: 2rem;
  }
}
.msvt .top-bar1 .contact-info {
  margin-right: 15px;
}
.msvt header {
  font-family: "Bai Jamjuree", sans-serif;
  font-weight: bold;
  background: none;
  background-color: black;
  z-index: 4;
  /*top: -1px;
  padding-top: 1px;*/
}
.msvt header .logo-img {
  margin: 1em 20px 1em 0px;
}
.msvt header .logo-img img {
  max-width: 160px;
  -webkit-transition: max-width 0.5s ease;
  transition: max-width 0.5s ease;
}
@media only screen and (max-width: 40em) {
  .msvt header .logo-img img {
    max-width: 100px;
  }
}
.msvt header .logo-title h2 {
  font-size: 1.1rem;
  font-weight: bold;
  line-height: 1;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  color: white;
  margin-right: 20px;
  -webkit-transition: font-size 0.5s ease;
  transition: font-size 0.5s ease;
}
.msvt header .logo-title h2:last-child {
  color: #f39200;
}
@media only screen and (max-width: 40em) {
  .msvt header .logo-title h2 {
    font-size: 0.8rem;
    margin: 0;
  }
}
.msvt header .menu-btn {
  font-size: 2rem;
  color: white;
}
.msvt header .basket-button {
  position: relative;
  padding-top: 5px;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 63.99em) {
  .msvt header .basket-button {
    padding-right: 20px;
  }
}
@media only screen and (max-width: 40em) {
  .msvt header .basket-button {
    padding-right: 0;
  }
}
.msvt header .basket-button:hover {
  color: #f39200;
}
.msvt header .basket-button i.fas {
  margin-right: 4px;
  font-size: 1.6rem;
}
@media screen and (max-width: 63.99em) {
  .msvt header .basket-button i.fas {
    font-size: 1.3rem;
  }
}
.msvt header .menu-dropdown {
  height: 100%;
  font-size: 0.9rem;
  color: white;
}
.msvt header .menu-dropdown > li {
  height: 100%;
}
.msvt header .menu-dropdown > li:hover > a {
  background-color: white;
  color: #f39200;
}
.msvt header .menu-dropdown > li > a {
  background-color: black;
  height: 100%;
  padding: 10px;
  margin: 0px;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: white;
  font-family: "Bai Jamjuree", sans-serif;
  font-weight: bold;
  /* Offers in the menu drops down onto a new line this fixes it */
}
.msvt header .menu-dropdown > li > a:hover {
  background-color: white;
  color: #f39200;
}
@media screen and (min-width: 1024px) and (max-width: 1074px) {
  .msvt header .menu-dropdown > li > a {
    padding: 10px 7px;
  }
}
.msvt header .menu-dropdown > li > .dropdown {
  background-color: black;
  border: 0;
  min-width: 300px;
}
.msvt header .menu-dropdown > li > .dropdown a {
  display: block;
  padding: 5px 10px;
  color: white;
}
.msvt header .menu-dropdown > li > .dropdown a:hover {
  background-color: #f39200;
}
.msvt header .menu-dropdown .active > a {
  background-color: #f39200;
  color: white;
}
.msvt header .is-dropdown-submenu {
  top: inherit;
  left: inherit;
}
.msvt header .expiry-time-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  padding: 5px;
  font-size: 0.8rem;
  max-width: 80px;
}
.msvt header .expiry-time-container .time {
  color: #f39200;
}
.msvt header.stuck {
  border-bottom: 5px solid #f39200;
}
.msvt header.stuck .logo-img {
  margin: 1em 20px 1em 0px;
}
@media only screen and (min-width: 40em) {
  .msvt header.stuck .logo-img img {
    max-width: 120px;
  }
}
@media only screen and (min-width: 40em) {
  .msvt header.stuck .logo-title h2 {
    font-size: 1rem;
  }
}
.msvt header.stuck .basket-button {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.msvt #menu-offscreen-canvas h4 {
  font-size: 1.2rem;
  text-transform: uppercase;
  margin: 0;
  padding: 10px;
}
.msvt .menu-off-screen li {
  border-left: 2px solid #f39200;
}
.msvt .menu-off-screen li:hover {
  background: #f39200;
}
.msvt .menu-off-screen li a:hover {
  color: white;
  background: #f39200;
}
.msvt .page-body {
  border-top: 20px solid #f39200;
  background: none;
}
.msvt .welcome-text {
  font-size: 1rem;
  margin-bottom: 20px;
}
.msvt .welcome-text:not(.no-bg) {
  background-color: #f39200;
  color: white;
}
.msvt .welcome-text h1 {
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 1.5rem;
  font-weight: bold;
  margin: 0px;
  padding: 10px;
  text-align: center;
  background-color: black;
  color: white;
  text-transform: uppercase;
}
@media only screen and (max-width: 40em) {
  .msvt .welcome-text h1 {
    font-size: 1.3rem;
  }
}
.msvt .welcome-text p {
  line-height: 1.2;
}
.msvt .welcome-text .text-content {
  padding: 2rem 0 1rem 0;
}
@media only screen and (max-width: 40em) {
  .msvt .welcome-text .text-content {
    padding: 1rem 0;
  }
}
.msvt .our-circuits {
  background-color: #4b4b4b;
  color: white;
}
.msvt .our-circuits h2 {
  margin-top: 20px;
  text-transform: uppercase;
  font-size: 1.5rem;
}
.msvt .our-circuits p {
  font-size: 1rem;
}
.msvt .our-circuits h5 {
  font-size: 0.9rem;
  margin: 0;
}
.msvt .our-circuits h6 {
  font-size: 0.9rem;
  font-family: "Cairo", sans-serif;
  font-weight: normal;
}
.msvt .our-circuits .button.small {
  padding: 5px;
}
.msvt .our-circuits .circuit-info img {
  max-width: 100px;
  width: 100%;
}
.msvt .our-circuits .circuit-info a {
  color: white;
}
.msvt .card {
  border: 0;
  background-color: #d5d5d5;
}
.msvt .card .card-divider {
  background-color: #4b4b4b;
  color: white;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.msvt .card .card-divider h5 {
  text-transform: uppercase;
}
.msvt .card ul {
  /*For the keypoints*/
  padding: 10px;
}
.msvt .card.main-color {
  border: 0;
  margin: 0;
}
.msvt .card.main-color .card-divider {
  background-color: #f39200;
  color: white;
  padding: 10px;
}
.msvt .card.main-color .card-section {
  background-color: #4b4b4b;
  color: white;
}
.msvt .card.key-points {
  margin-top: 20px;
}
.msvt .card.key-points .card-divider {
  font-family: "Bai Jamjuree", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
}
.msvt .event-page .welcome-text {
  margin: 0;
}
.msvt .event-page .welcome-text h1 {
  color: #f39200;
}
.msvt .event-page .circuit-layout .card img {
  -webkit-filter: grayscale(100%) brightness(1.6);
          filter: grayscale(100%) brightness(1.6);
}
.msvt .event-page .card .card-divider {
  text-transform: uppercase;
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 1rem;
  font-weight: bold;
}
.msvt .event-page .card p.large {
  /*For the noise limit*/
  padding: 10px 0;
}
.msvt .event-page .card .card-section {
  text-align: center;
  font-size: 1rem;
}
.msvt .event-page .card .timetable {
  padding: 10px;
}
.msvt .event-page .card .timetable table {
  font-size: 1rem;
  margin-bottom: 0;
}
.msvt .event-page p {
  font-size: 1rem;
}
.msvt .event-page .noise-limit p.large {
  padding: 5px;
  margin: 0;
}
.msvt .event-page .noise-limit p.large:first-of-type {
  padding-top: 10px;
}
.msvt .event-page .noise-limit p.large:last-of-type {
  padding-bottom: 10px;
}
.msvt .subscribe {
  background-color: #f39200;
  text-align: center;
  padding: 20px 0 30px 0;
}
.msvt .subscribe h3, .msvt .subscribe p {
  color: white;
}
.msvt .light-bg {
  background-color: #d5d5d5;
}
.msvt .dark-bg {
  background-color: #4b4b4b;
  color: white;
}
.msvt .padding {
  padding: 20px;
}
.msvt .quick-products {
  padding: 20px 0;
}
.msvt .quick-products .card-divider {
  text-transform: uppercase;
  padding: 13px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.msvt .quick-products a:hover .card-divider {
  background-color: #f39200;
}
.msvt .calendar-quick-view {
  text-align: center;
  padding-bottom: 20px;
}
.msvt .calendar-quick-view h2 {
  text-transform: uppercase;
  font-size: 1.8rem;
}
.msvt .calendar-quick-view .circuit-filter {
  margin-bottom: 20px;
}
.msvt .calendar-quick-view .circuit-filter a {
  color: black;
  font-size: 1rem;
  font-weight: bold;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.msvt .calendar-quick-view .circuit-filter .cell.active a {
  color: #f39200;
}
@media only screen and (max-width: 64em) {
  .msvt .calendar-quick-view .circuit-filter .cell {
    border: 1px solid black;
    margin-bottom: 10px;
    min-height: 40px;
    margin-left: 0px;
    margin-right: 0px;
  }
  .msvt .calendar-quick-view .circuit-filter a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 100%;
    font-weight: normal;
  }
  .msvt .calendar-quick-view .circuit-filter .cell.active {
    border: 0;
  }
  .msvt .calendar-quick-view .circuit-filter .cell.active a {
    background-color: #f39200;
    color: white;
  }
}
@media only screen and (max-width: 40em) {
  .msvt .calendar-quick-view .circuit-filter a {
    word-spacing: 100px;
  }
}
.msvt .calendar-quick-view .calendar-cards .card-divider {
  padding: 10px;
  text-align: left;
}
.msvt .calendar-quick-view .calendar-cards .card-divider p {
  font-size: 1rem;
  margin: 0;
  line-height: 1.3;
}
.msvt .calendar-quick-view .calendar-cards .card-divider p:nth-child(3) {
  margin-top: 5px;
  padding-right: 5px;
}
@media only screen and (max-width: 40em) {
  .msvt .calendar-quick-view .calendar-cards .card-divider p:nth-child(3) {
    margin-bottom: 10px;
  }
}
.msvt .calendar-quick-view .calendar-cards .button {
  padding: 0;
  height: 100%;
  margin: 0;
}
.msvt .calendar-quick-view .calendar-cards .button.expanded.v-align-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.msvt .page-break-bar {
  background-color: black;
  color: white;
  background-image: none;
  margin: 0;
  max-width: unset !important;
}
.msvt .page-break-bar h1, .msvt .page-break-bar h3 {
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 1.5rem;
  font-weight: bold;
  text-transform: uppercase;
  padding: 10px;
  margin: 0;
  text-align: center;
}
.msvt .login .section-container, .msvt #my-account-container .section-container, .msvt .summary .section-container {
  margin-bottom: 20px;
  padding-bottom: 10px;
}
.msvt .login .section-container .content, .msvt #my-account-container .section-container .content, .msvt .summary .section-container .content {
  padding: 0;
}
.msvt .login .section-container h3, .msvt #my-account-container .section-container h3, .msvt .summary .section-container h3 {
  margin-bottom: 0;
}
.msvt .login .section-container:not(.title):not(.footer), .msvt #my-account-container .section-container:not(.title):not(.footer), .msvt .summary .section-container:not(.title):not(.footer) {
  padding-bottom: 0;
  border: 2px solid black;
}
.msvt .login .section-container:not(.title):not(.footer) .content, .msvt #my-account-container .section-container:not(.title):not(.footer) .content, .msvt .summary .section-container:not(.title):not(.footer) .content {
  padding: 10px;
}
.msvt .login .welcome-text .text-content, .msvt #my-account-container .welcome-text .text-content {
  padding: 1rem 0 0 0;
}
.msvt #my-account-container .section-container h2 {
  text-transform: uppercase;
  font-size: 1.8rem;
}
.msvt .main-calendar-header {
  background-color: transparent;
}
.msvt .main-calendar-header > .buttons {
  min-height: 50px;
}
.msvt .main-calendar-header .button-item {
  background-color: black;
  color: white;
  border: 0;
}
.msvt .main-calendar-header .button-item.selected {
  background-color: white;
  color: black;
}
.msvt fieldset.inline > .inline-group > label.selected {
  background-color: black;
}
.msvt .calendar-header {
  background: black;
}
.msvt .calendar.list .calendar-item {
  background-color: white;
}
.msvt .calendar.list .calendar-item.month-header .cell {
  background: #f39200;
  text-align: left;
  text-transform: uppercase;
}
.msvt .calendar.list .calendar-item .container {
  border-bottom: 2px solid #bdbdbd;
}
@media screen and (max-width: 40em) {
  .msvt .calendar.list .calendar-item .event-venue, .msvt .calendar.list .calendar-item .event-circuit-layout {
    display: block;
  }
}
@media screen and (min-width: 40em) {
  .msvt .calendar.list .calendar-item .event-circuit-layout:before {
    content: " (";
  }
  .msvt .calendar.list .calendar-item .event-circuit-layout:after {
    content: ")";
  }
}
.msvt .calendar-outer-container {
  margin-bottom: 30px;
}
.msvt .calendar-outer-container .circuit-image {
  -webkit-filter: grayscale(100%) brightness(1.6);
          filter: grayscale(100%) brightness(1.6);
}
@media screen and (min-width: 64em) {
  .msvt .calendar.list .calendar-item .event-date {
    padding-left: 0px;
  }
}
.msvt .circuit-page .dark-bg {
  padding-bottom: 20px;
}
.msvt .circuit-page p {
  font-size: 1rem;
}
.msvt .product-info .content, .msvt .product-info .card {
  height: 100%;
}
.msvt .product-info .card-divider {
  font-size: 1.1rem;
  text-transform: uppercase;
  font-family: "Bai Jamjuree", sans-serif;
  font-weight: bold;
  background-color: black;
}
.msvt .product-info .card-section {
  padding: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
.msvt .product-info .product-desc {
  padding: 10px;
  font-size: 0.9rem;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.msvt .accordion .accordion-title {
  color: white;
  padding: 15px;
  background: #4b4b4b;
  font-size: 1.1rem;
}
.msvt .faq .text-content {
  padding: 1rem 0.5rem;
}
.msvt .faq p, .msvt .faq li {
  font-size: 1rem;
}
.msvt .checkout {
  background-color: #bcbcbc;
}
.msvt .checkout .page-body {
  border-top: none;
}
.msvt .checkout .section-container h3, .msvt .checkout .section-container .h3 {
  background-color: #464646;
  margin-bottom: 0;
}
.msvt .checkout .section-container.title {
  background: #bcbcbc;
}
.msvt .checkout .section-container .content {
  padding: 10px 20px;
}
.msvt .checkout .section-container p {
  padding: 0;
}
.msvt .checkout .amount-outstanding .price {
  color: #f39200;
}
.msvt .checkout .amount-outstanding p {
  margin: 0;
  padding: 0.5rem 0;
}
.msvt .checkout .basket-offscreen {
  background-color: white;
}
.msvt .summary .basket-offscreen .basket-line {
  padding: 0;
}
.msvt .summary .basket-line {
  margin-bottom: 20px;
}
.msvt .summary .basket-line p {
  padding: 0;
}
.msvt .summary .track-entry-select .price {
  color: #f39200;
  font-weight: bold;
}
.msvt .summary .track-entry-select .card-divider {
  font-size: 0.7rem;
}
.msvt .summary .section-container.loading {
  padding: 0;
  border: 0 !important;
}
.msvt .summary .section-container.loading > .content {
  padding: 0 !important;
}
.msvt .basket-offscreen .basket-line {
  padding: 0 0 0 10px;
}
.msvt .basket-offscreen .basket-line .event-title {
  font-family: "Bai Jamjuree", sans-serif;
}
.msvt .product-info .price-container {
  padding-bottom: 1rem;
}
.msvt .product-info .price-container .grid-x .cell .button {
  border-right: 3px solid black;
}
.msvt .product-info .price-container .grid-x .cell:last-child .button {
  border-right: 0;
}
.msvt .banner .desc > .grid-container .button {
  margin-top: 10px;
}
.msvt .banner .desc > .grid-container ul li a {
  color: white;
}
.msvt .banner .desc > .grid-container ul li.selected a {
  color: #f39200;
}
.msvt .meet-the-team {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.msvt .meet-the-team > .grid-x > .cell.shrink {
  background-color: black; /* picture cell */
}
.msvt .meet-the-team .header {
  background-color: black;
  color: white;
  padding: 10px;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.msvt .meet-the-team .header h5 {
  color: #f39200;
  margin: 0;
  text-align: center;
}
.msvt .meet-the-team .header p {
  margin: 0;
  text-align: center;
}
.msvt .meet-the-team .text-content {
  padding: 10px 15px;
  font-size: 0.9rem;
  background-color: #d5d5d5;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.msvt .meet-the-team .text-content p {
  margin: 0;
}
.msvt .testimonial {
  background-color: black;
  margin-bottom: 20px;
}
.msvt .testimonial .header {
  background-color: black;
  color: white;
  text-align: center;
  padding-top: 10px;
}
.msvt .testimonial .header h4, .msvt .testimonial .header h5 {
  text-transform: uppercase;
  color: #f39200;
  margin: 0;
}
.msvt .testimonial .header p {
  margin: 0;
  padding-bottom: 10px;
}
.msvt .testimonial .header p.large {
  font-size: 1.2rem;
}
.msvt .testimonial.main .header {
  padding-top: 0px;
}
.msvt .testimonial.main .header .v-align-text {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 64em) {
  .msvt .testimonial.main .header .v-align-text {
    padding-top: 10px;
  }
}
.msvt .testimonial .text-content {
  padding: 20px;
  font-size: 0.9rem;
  background-color: #d5d5d5;
}
.msvt .testimonial img {
  width: 100%;
}
@media screen and (min-width: 63.99em) {
  .msvt .testimonial img {
    max-width: 400px;
  }
}
.msvt .news-article {
  margin-top: 20px;
}
.msvt .news-article .text-content {
  font-size: 1rem;
}
.msvt .pagination {
  margin-top: 1rem;
}
.msvt .pagination .current {
  background: #f39200;
}

.msvt {
  /* general text styling */
  /* basket top */
  /*Button OVerride*/
  /*Modal*/
  /* Header bars */
  /* Track Entry */
  /* Track Entry Group */
  /* Body */
  /* Footer */
  /* Checkout */
}
.msvt em {
  font-style: normal;
  color: #f39200;
}
.msvt a {
  color: #f39200;
}
.msvt a:hover, .msvt a:focus {
  color: rgb(235, 190, 121);
}
.msvt h1, .msvt h2, .msvt h3, .msvt h4, .msvt h5, .msvt h6 {
  font-family: "Bai Jamjuree", sans-serif;
  font-weight: bold;
}
.msvt h1.underline, .msvt h4.underline {
  border-bottom: 1px solid rgb(243, 146, 0);
}
.msvt #basket-top-container {
  background-color: transparent;
  position: fixed;
  z-index: 21;
}
.msvt #basket-top-container a {
  border: 2px solid rgb(245, 245, 245);
  border-width: 2px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-top: 0px;
  padding: 0.5rem;
  background: rgb(37, 37, 37);
  color: rgb(243, 146, 0);
}
.msvt #basket-top-container a:hover {
  background: rgb(243, 146, 0);
  color: rgb(255, 255, 255);
}
.msvt .button {
  font-family: "Cairo", sans-serif;
  background: #f39200;
  color: white;
  font-weight: bold;
  border-radius: 0;
}
.msvt .button.secondary {
  background: #464646;
  border-color: #000;
}
.msvt .button.alert {
  background: #f39200;
  color: white;
}
.msvt .button.large {
  text-transform: uppercase;
}
.msvt .button.disabled {
  background: grey;
  opacity: 1;
}
.msvt .button.disabled:hover {
  background: grey;
}
.msvt .button:hover, .msvt .button:focus {
  background: rgb(134, 134, 134);
  color: white;
}
.msvt .modal-dialog {
  border: 2px solid rgb(134, 134, 134);
  font-family: "Cairo", sans-serif;
  border-radius: 0;
}
.msvt .modal-header {
  padding: 0;
  background: #f39200;
  color: white;
  border-bottom: 0px;
  border-radius: 0;
}
.msvt .modal-header h3 {
  padding: 10px;
  font-size: 1.6rem;
  margin-bottom: 0;
  text-transform: uppercase;
}
.msvt .modal-header h3.bm-title {
  background: #f39200;
}
.msvt .modal-header .btn-modal-close {
  color: white;
}
.msvt .modal-body h3 {
  font-size: 1.8rem;
  font-family: "Bai Jamjuree", sans-serif;
  font-weight: bold;
}
.msvt .page-title-bar {
  margin-bottom: 20px;
}
.msvt .page-title-bar h4 {
  /*font-family: 'Orbitron', sans-serif;*/
  font-weight: bold;
  border-bottom: 1px solid rgb(134, 134, 134);
}
.msvt .track-entry {
  /*        .page-break-bar {
      font-family: 'Cairo';
      background-color: #464646;
      color: white;
      background-image: none;

      h5 {
          font-size: 1.2rem;
          margin-bottom: 0;
      }

      .button {
          margin-bottom: 0;
      }
  }*/
}
.msvt .track-entry h4 {
  text-transform: uppercase;
}
.msvt .track-entry h4 span {
  font-size: 1.2rem;
  /*font-family: 'Orbitron', sans-serif;*/
}
.msvt .track-entry .box-header-and-footer h4.title {
  background-color: #464646;
  /*font-family: 'Orbitron', sans-serif;*/
  color: white;
  padding: 10px;
  margin-bottom: 0;
  text-align: center;
  font-size: 1rem;
}
.msvt .track-entry .box-header-and-footer.border {
  border: 0;
}
.msvt .track-entry .box-header-and-footer .cell.border {
  border-left: 1px solid #cb620f;
  border-right: 1px solid #cb620f;
}
.msvt .track-entry .box-header-and-footer .logo {
  background-color: white;
  padding: 10px 0;
}
.msvt .track-entry .box-header-and-footer .logo.border {
  border-left: 1px solid #cb620f;
  border-right: 1px solid #cb620f;
  border-bottom: 1px solid #cb620f;
}
.msvt .track-entry .box-header-and-footer .logo > img {
  vertical-align: unset;
}
.msvt .track-entry .box-header-and-footer a.border {
  background: #f39200;
  color: white;
  width: 100%;
  display: block;
  font-size: 1rem;
  padding: 10px;
  text-align: center;
}
.msvt .track-entry .box-header-and-footer.small h4.title {
  font-size: 0.8rem;
}
.msvt .track-entry .box-header-and-footer.small a.border {
  font-size: 1rem;
  padding: 8px;
}
.msvt .track-entry .box-header-and-footer .button {
  margin: 0;
}
.msvt .track-entry .optional-extras-title h4 {
  border-bottom: 1px solid #f39200;
  text-transform: uppercase;
}
.msvt #track-entry-add-to-basket-container .optional-extra-row {
  border: 0;
}
.msvt #track-entry-add-to-basket-container .optional-extra-row .card {
  height: 100%;
}
.msvt #track-entry-add-to-basket-container .optional-extra-row .card img {
  -webkit-filter: unset;
          filter: unset;
}
.msvt #track-entry-add-to-basket-container .optional-extra-row .card-divider {
  font-size: 0.7rem;
}
.msvt #track-entry-add-to-basket-container .optional-extra-row .quantity-selector {
  margin-bottom: 10px;
}
.msvt #track-entry-add-to-basket-container .optional-extra-row em {
  font-style: normal;
  color: #f39200;
}
.msvt .track-entry-group {
  border: 0;
  background-color: #d5d5d5;
  /*border-radius: 4px;*/
  margin-bottom: 20px;
}
.msvt .track-entry-group .header {
  background-color: black;
  color: white;
  text-align: center;
  padding: 10px 5px;
  margin-bottom: 0;
}
.msvt .track-entry-group .header h5 {
  font-family: "Cairo", sans-serif;
}
.msvt .track-entry-group .header em {
  font-size: 1.2rem;
}
.msvt .track-entry-group .header strong {
  color: #f39200;
}
.msvt .track-entry-group img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.msvt .track-entry-group .description {
  font-family: "Cairo", sans-serif;
  font-size: 0.8rem;
  /*border-bottom: 1px solid rgba(134, 134, 134, 1);*/
  margin-bottom: 0px;
  padding: 10px;
}
.msvt .track-entry-group .description p {
  margin: 0;
}
.msvt .track-entry-group .timetable {
  font-family: "Cairo", sans-serif;
  font-size: 0.8rem;
  padding: 10px;
  margin-bottom: 0;
}
.msvt .track-entry-group .timetable p {
  margin-bottom: 0;
}
.msvt .track-entry-group .button {
  margin-bottom: 0;
  text-transform: uppercase;
  /* Small only */
}
@media screen and (max-width: 39.9em) {
  .msvt .track-entry-group .button {
    padding: 7px;
    font-size: 0.8rem;
  }
}
.msvt .track-entry-group .button-container {
  background-color: #dedede;
  padding: 10px;
  text-align: center;
}
.msvt .event-info {
  background-color: #464646;
  padding: 10px;
  color: white;
  margin-bottom: 20px;
}
.msvt .event-info h1 {
  text-transform: uppercase;
  font-size: 2.3rem;
  margin: 10px 0 15px 0;
}
.msvt .event-info h6 {
  display: list-item; /* This has to be "list-item"                                               */
  list-style-type: disc; /* See https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type     */
  list-style-position: inside;
  text-transform: uppercase;
  font-size: 1.1rem;
  margin: 0;
}
@media screen and (max-width: 39.9em) {
  .msvt .event-info h6 {
    font-size: 0.9rem;
  }
}
.msvt .description-container {
  background-color: white;
  padding: 10px;
  border-radius: 4px;
}
.msvt .description-container .description {
  font-size: 1rem;
}
.msvt footer {
  color: white;
  border-top: 10px solid #f39200;
  background: rgb(0, 0, 0);
  padding-top: 10px;
}
.msvt footer h5 {
  font-family: "Bai Jamjuree", sans-serif;
  color: white;
  text-transform: uppercase;
  font-weight: bold;
}
.msvt footer ul {
  list-style-type: none;
  margin-left: 0;
}
.msvt footer li {
  margin-bottom: 0.125rem;
}
.msvt footer li a {
  color: white;
}
.msvt footer li a:hover {
  color: #f39200;
}
.msvt footer sup {
  color: white;
}
.msvt footer address {
  font-style: normal;
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 1rem;
}
.msvt footer .copyright-logo {
  background: #4b4b4b;
  padding: 10px 0;
}
.msvt footer .copyright-logo img {
  max-width: 100px;
}
.msvt footer .logo-img {
  max-width: 150px;
  padding: 5px 0 15px 0;
}
.msvt footer .socials {
  font-size: 3rem;
  margin-bottom: 30px;
}
.msvt footer .socials a {
  color: white;
}
.msvt footer .socials a:hover {
  color: #f39200;
}
.msvt .optional-extras-available > .grid-x {
  background-color: lightgray;
}
.msvt .optional-extras-container h3 {
  text-transform: uppercase;
  font-size: 1.4rem;
}
.msvt .optional-extras-container .optional-extra {
  margin: 10px 0;
  border-bottom: 1px solid grey;
}
.msvt .optional-extras-container .optional-extra .image {
  padding: 5px 30px 10px 30px;
}
.msvt .optional-extras-container .optional-extra-row .price {
  color: #f39200;
}
.msvt .section-container {
  /*border: 2px solid rgba(134,134,134,1);*/
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0px;
  background-color: white;
  /*.form-group {
      padding: 0.25rem 1rem;
  }*/
}
.msvt .section-container .content {
  padding: 10px 0;
}
.msvt .section-container h1 {
  text-transform: uppercase;
  font-size: 1.5rem;
}
.msvt .section-container h3, .msvt .section-container .h3 {
  color: white;
  font-family: "Bai Jamjuree", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1rem;
  background: black;
  color: rgb(245, 245, 245);
  border-bottom: 0 !important;
  padding: 0.75rem 1rem;
}
.msvt .section-container p {
  padding: 0.25rem 1rem;
}
.msvt .section-container p.text-warning {
  padding-top: 0.75rem;
}
.msvt .section-container ol {
  padding-left: 1rem;
  padding-right: 1rem;
}
.msvt .section-container .order-details-container .basket-offscreen p {
  padding: 0;
}
.msvt .quantity-selector .button {
  border: 2px solid black;
}
.msvt .my-reconnect-modal .message {
  border: 8px solid #f39200;
}
.msvt .my-reconnect-modal .message h3 {
  background-color: #f39200;
}
.msvt .lds-ring div {
  border: 8px solid #f39200;
  border-color: #f39200 transparent transparent transparent;
}
.msvt .my-account.vertical {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.msvt .service-available .page-title-bar {
  margin-bottom: 0;
}
.msvt .service-available .page-title-bar h4 {
  margin-bottom: 0;
}
.msvt .service-available .item {
  border-bottom: 1px solid black;
  padding: 10px 0;
}
.msvt .service-available .item:last-child {
  border-bottom: 0;
}

body .msvt-spain {
  font-family: "Open Sans", sans-serif;
}
body .msvt-spain a, body .msvt-spain input, body .msvt-spain select, body .msvt-spain textarea, body .msvt-spain label {
  font-family: "Open Sans", sans-serif;
}

.msvt-spain {
  height: 100%;
  /* the filter bar on calendar page */
}
.msvt-spain .site-selector {
  margin-bottom: 30px;
}
.msvt-spain .site-selector h3 {
  text-align: center;
  font-size: 1.8rem;
}
.msvt-spain .site-selector .img-button {
  display: block;
  position: relative;
}
.msvt-spain .site-selector .img-button .content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: white;
  background-color: rgba(0, 0, 0, 0.6);
}
.msvt-spain .site-selector .img-button .content .icon {
  max-width: 100px;
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}
.msvt-spain .site-selector .img-button .content h4 {
  font-size: 2.4rem;
  -webkit-transition: all linear 0.2s;
  transition: all linear 0.2s;
  margin-bottom: 0;
}
.msvt-spain .site-selector .img-button .content p {
  margin-bottom: 0;
}
.msvt-spain .site-selector .img-button:hover h4 {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.msvt-spain .site-selector .img-button:hover .icon {
  -webkit-filter: unset;
          filter: unset;
}
@media only screen and (max-width: 940px) {
  .msvt-spain .site-selector .img-button .content .icon {
    display: none;
  }
  .msvt-spain .site-selector .img-button .content h4 {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 540px) {
  .msvt-spain .site-selector .img-button .content h4 {
    font-size: 1.2rem;
  }
}
.msvt-spain .top-bar1 {
  font-family: "Rubik", sans-serif;
  font-weight: bold;
  background-color: #4b4b4b;
  color: white;
  padding: 2px 0;
  font-size: 0.75rem;
  text-transform: uppercase;
}
.msvt-spain .top-bar1 a {
  font-family: "Rubik", sans-serif;
  color: white;
}
.msvt-spain .top-bar1 a:hover {
  color: #009fe3;
}
.msvt-spain .top-bar1 ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.msvt-spain .top-bar1 ul li {
  float: left;
  margin-right: 15px;
}
.msvt-spain .top-bar1 ul li a {
  color: white;
}
.msvt-spain .top-bar1 .socials {
  font-size: 1.5rem;
}
@media only screen and (min-width: 40em) {
  .msvt-spain .top-bar1 .socials {
    margin-right: 15px;
  }
}
@media only screen and (max-width: 40em) {
  .msvt-spain .top-bar1 .socials {
    font-size: 2rem;
  }
}
.msvt-spain .top-bar1 .contact-info {
  margin-right: 15px;
}
.msvt-spain header {
  font-family: "Rubik", sans-serif;
  font-weight: bold;
  /*background: none;*/
  background-color: black;
  /*background: linear-gradient(0deg,rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.8) 100%);*/
  z-index: 4;
  /*top: -1px;
  padding-top: 1px;*/
}
.msvt-spain header .logo-img {
  margin: 1em 20px 1em 0px;
}
.msvt-spain header .logo-img img {
  max-width: 160px;
  -webkit-transition: max-width 0.5s ease;
  transition: max-width 0.5s ease;
}
@media only screen and (max-width: 40em) {
  .msvt-spain header .logo-img img {
    max-width: 100px;
  }
}
.msvt-spain header .logo-title h2 {
  font-size: 1.1rem;
  font-weight: bold;
  line-height: 1;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  color: white;
  margin-right: 20px;
  -webkit-transition: font-size 0.5s ease;
  transition: font-size 0.5s ease;
}
.msvt-spain header .logo-title h2:last-child {
  color: #ec1d23;
}
@media only screen and (max-width: 40em) {
  .msvt-spain header .logo-title h2 {
    font-size: 0.8rem;
    margin: 0;
  }
}
.msvt-spain header .menu-btn {
  font-size: 2rem;
  color: white;
}
.msvt-spain header .basket-button {
  position: relative;
  padding-top: 5px;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 63.99em) {
  .msvt-spain header .basket-button {
    padding-right: 20px;
  }
}
@media only screen and (max-width: 40em) {
  .msvt-spain header .basket-button {
    padding-right: 0;
  }
}
.msvt-spain header .basket-button:hover {
  color: #ec1d23;
}
.msvt-spain header .basket-button i.fas {
  margin-right: 4px;
  font-size: 1.6rem;
}
@media screen and (max-width: 63.99em) {
  .msvt-spain header .basket-button i.fas {
    font-size: 1.3rem;
  }
}
.msvt-spain header .menu-dropdown {
  height: 100%;
  font-size: 0.9rem;
  color: white;
}
.msvt-spain header .menu-dropdown > li {
  height: 100%;
}
.msvt-spain header .menu-dropdown > li:hover > a {
  background-color: white;
  color: #ec1d23;
}
.msvt-spain header .menu-dropdown > li > a {
  background-color: black;
  height: 100%;
  padding: 10px;
  margin: 0px;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: white;
  font-family: "Rubik", sans-serif;
  font-weight: bold;
  /* Offers in the menu drops down onto a new line this fixes it */
}
.msvt-spain header .menu-dropdown > li > a:hover {
  background-color: white;
  color: #ec1d23;
}
@media screen and (min-width: 1024px) and (max-width: 1074px) {
  .msvt-spain header .menu-dropdown > li > a {
    padding: 10px 7px;
  }
}
.msvt-spain header .menu-dropdown > li > .dropdown {
  background-color: black;
  border: 0;
  min-width: 300px;
}
.msvt-spain header .menu-dropdown > li > .dropdown a {
  display: block;
  padding: 5px 10px;
  color: white;
}
.msvt-spain header .menu-dropdown > li > .dropdown a:hover {
  background-color: #ec1d23;
}
.msvt-spain header .menu-dropdown .active > a {
  background-color: #ec1d23;
  color: white;
}
.msvt-spain header .is-dropdown-submenu {
  top: inherit;
  left: inherit;
}
.msvt-spain header .expiry-time-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  padding: 5px;
  font-size: 0.8rem;
  max-width: 80px;
}
.msvt-spain header .expiry-time-container .time {
  color: #ec1d23;
}
.msvt-spain header.stuck {
  border-bottom: 5px solid #009fe3;
}
.msvt-spain header.stuck .logo-img {
  margin: 1em 20px 1em 0px;
}
@media only screen and (min-width: 40em) {
  .msvt-spain header.stuck .logo-img img {
    max-width: 120px;
  }
}
@media only screen and (min-width: 40em) {
  .msvt-spain header.stuck .logo-title h2 {
    font-size: 1rem;
  }
}
.msvt-spain header.stuck .basket-button {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.msvt-spain #menu-offscreen-canvas h4 {
  font-size: 1.2rem;
  text-transform: uppercase;
  margin: 0;
  padding: 10px;
}
.msvt-spain .menu-off-screen li {
  border-left: 2px solid #009fe3;
}
.msvt-spain .menu-off-screen li:hover {
  background: #009fe3;
}
.msvt-spain .menu-off-screen li a:hover {
  color: white;
  background: #009fe3;
}
.msvt-spain .page-body {
  border-top: none;
  background: none;
}
.msvt-spain .welcome-text {
  font-size: 1rem;
  margin-bottom: 20px;
}
.msvt-spain .welcome-text:not(.no-bg) {
  background-color: #ec1d23;
  color: white;
  position: relative;
}
.msvt-spain .welcome-text h1 {
  font-family: "Rubik", sans-serif;
  font-size: 3rem;
  font-weight: bold;
  margin: 0;
  padding: 0 10px;
  text-align: center;
  background-color: #ec1d23;
  color: white;
  text-transform: uppercase;
  position: absolute;
  max-width: 75em;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  top: -80px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media only screen and (max-width: 1200px) {
  .msvt-spain .welcome-text h1 {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 40em) {
  .msvt-spain .welcome-text h1 {
    font-size: 1rem;
    top: -38px;
    width: 100%;
  }
}
.msvt-spain .welcome-text p {
  line-height: 1.2;
}
.msvt-spain .welcome-text .text-content {
  padding: 2rem 0 1rem 0;
}
@media only screen and (max-width: 40em) {
  .msvt-spain .welcome-text .text-content {
    padding: 1rem 0;
  }
}
.msvt-spain .our-circuits {
  background-color: #4b4b4b;
  color: white;
}
.msvt-spain .our-circuits h2 {
  margin-top: 20px;
  text-transform: uppercase;
  font-size: 1.5rem;
}
.msvt-spain .our-circuits p {
  font-size: 1rem;
}
.msvt-spain .our-circuits h5 {
  font-size: 0.9rem;
  margin: 0;
}
.msvt-spain .our-circuits h6 {
  font-size: 0.9rem;
  font-family: "Open Sans", sans-serif;
  font-weight: normal;
}
.msvt-spain .our-circuits .button.small {
  padding: 5px;
}
.msvt-spain .our-circuits .circuit-info img {
  max-width: 100px;
  width: 100%;
}
.msvt-spain .our-circuits .circuit-info a {
  color: white;
}
.msvt-spain .card {
  border: 0;
  background-color: #d5d5d5;
}
.msvt-spain .card .card-divider {
  background-color: #4b4b4b;
  color: white;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.msvt-spain .card .card-divider h5 {
  text-transform: uppercase;
}
.msvt-spain .card ul {
  /*For the keypoints*/
  padding: 10px;
}
.msvt-spain .card.main-color {
  border: 0;
  margin: 0;
}
.msvt-spain .card.main-color .card-divider {
  background-color: #ec1d23;
  color: white;
  padding: 10px;
}
.msvt-spain .card.main-color .card-section {
  background-color: #4b4b4b;
  color: white;
}
.msvt-spain .card.key-points {
  margin-top: 20px;
}
.msvt-spain .card.key-points .card-divider {
  font-family: "Rubik", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
}
.msvt-spain .event-page .grid-container {
  max-width: 100rem;
}
.msvt-spain .event-page .grid-container .cell.small-12.medium-6.large-12:has(> .noise-limit) {
  display: none;
}
.msvt-spain .event-page .welcome-text {
  margin: 0;
}
.msvt-spain .event-page .welcome-text h1 {
  color: white;
  bottom: 16px;
}
.msvt-spain .event-page .circuit-layout .card img {
  /*filter: grayscale(100%) brightness(1.6);*/
  padding: 10px;
}
.msvt-spain .event-page .card .card-divider {
  text-transform: uppercase;
  font-family: "Rubik", sans-serif;
  font-size: 1rem;
  font-weight: bold;
}
.msvt-spain .event-page .card p.large {
  /*For the noise limit*/
  padding: 10px 0;
}
.msvt-spain .event-page .card .card-section {
  text-align: center;
  font-size: 1rem;
}
.msvt-spain .event-page .card .timetable {
  padding: 0px;
}
.msvt-spain .event-page .card .timetable table {
  font-size: 1rem;
  margin-bottom: 0;
}
.msvt-spain .event-page .card .timetable table tr:nth-child(odd) {
  background: #eee;
}
.msvt-spain .event-page .card .timetable table td {
  padding: 5px 10px;
}
.msvt-spain .event-page .card .td-guide {
  padding: 10px;
}
.msvt-spain .event-page p {
  font-size: 1rem;
}
.msvt-spain .event-page .noise-limit p.large {
  padding: 5px;
  margin: 0;
}
.msvt-spain .event-page .noise-limit p.large:first-of-type {
  padding-top: 10px;
}
.msvt-spain .event-page .noise-limit p.large:last-of-type {
  padding-bottom: 10px;
}
.msvt-spain .event-page .photo-gallery {
  margin-top: 60px;
}
.msvt-spain .subscribe {
  background-color: #009fe3;
  text-align: center;
  padding: 20px 0 30px 0;
}
.msvt-spain .subscribe h3, .msvt-spain .subscribe p {
  color: white;
}
.msvt-spain .light-bg {
  background-color: #d5d5d5;
}
.msvt-spain .dark-bg {
  background-color: #4b4b4b;
  color: white;
}
.msvt-spain .padding {
  padding: 20px;
}
.msvt-spain .quick-products {
  padding: 20px 0;
}
.msvt-spain .quick-products .card-divider {
  text-transform: uppercase;
  padding: 13px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.msvt-spain .quick-products a:hover .card-divider {
  background-color: #009fe3;
}
.msvt-spain .calendar-quick-view {
  text-align: center;
  padding-bottom: 20px;
}
.msvt-spain .calendar-quick-view h2 {
  text-transform: uppercase;
  font-size: 1.8rem;
}
.msvt-spain .calendar-quick-view .circuit-filter {
  margin-bottom: 20px;
}
.msvt-spain .calendar-quick-view .circuit-filter a {
  color: black;
  font-size: 1rem;
  font-weight: bold;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.msvt-spain .calendar-quick-view .circuit-filter .cell.active a {
  color: #009fe3;
}
@media only screen and (max-width: 64em) {
  .msvt-spain .calendar-quick-view .circuit-filter .cell {
    border: 1px solid black;
    margin-bottom: 10px;
    min-height: 40px;
    margin-left: 0px;
    margin-right: 0px;
  }
  .msvt-spain .calendar-quick-view .circuit-filter a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 100%;
    font-weight: normal;
  }
  .msvt-spain .calendar-quick-view .circuit-filter .cell.active {
    border: 0;
  }
  .msvt-spain .calendar-quick-view .circuit-filter .cell.active a {
    background-color: #009fe3;
    color: white;
  }
}
@media only screen and (max-width: 40em) {
  .msvt-spain .calendar-quick-view .circuit-filter a {
    word-spacing: 100px;
  }
}
.msvt-spain .calendar-quick-view .calendar-cards .card-divider {
  padding: 10px;
  text-align: left;
}
.msvt-spain .calendar-quick-view .calendar-cards .card-divider p {
  font-size: 1rem;
  margin: 0;
  line-height: 1.3;
}
.msvt-spain .calendar-quick-view .calendar-cards .card-divider p:nth-child(3) {
  margin-top: 5px;
  padding-right: 5px;
}
@media only screen and (max-width: 40em) {
  .msvt-spain .calendar-quick-view .calendar-cards .card-divider p:nth-child(3) {
    margin-bottom: 10px;
  }
}
.msvt-spain .calendar-quick-view .calendar-cards .button {
  padding: 0;
  height: 100%;
  margin: 0;
}
.msvt-spain .calendar-quick-view .calendar-cards .button.expanded.v-align-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.msvt-spain .page-break-bar {
  background-color: black;
  color: white;
  background-image: none;
  margin: 0;
  max-width: unset !important;
}
.msvt-spain .page-break-bar h1, .msvt-spain .page-break-bar h3 {
  font-family: "Rubik", sans-serif;
  font-size: 1.5rem;
  font-weight: bold;
  text-transform: uppercase;
  padding: 10px;
  margin: 0;
  text-align: center;
}
.msvt-spain .login .section-container, .msvt-spain #my-account-container .section-container, .msvt-spain .summary .section-container {
  margin-bottom: 20px;
  padding-bottom: 10px;
}
.msvt-spain .login .section-container .content, .msvt-spain #my-account-container .section-container .content, .msvt-spain .summary .section-container .content {
  padding: 0;
}
.msvt-spain .login .section-container h3, .msvt-spain #my-account-container .section-container h3, .msvt-spain .summary .section-container h3 {
  margin-bottom: 0;
}
.msvt-spain .login .section-container:not(.title):not(.footer), .msvt-spain #my-account-container .section-container:not(.title):not(.footer), .msvt-spain .summary .section-container:not(.title):not(.footer) {
  padding-bottom: 0;
  border: 2px solid black;
}
.msvt-spain .login .section-container:not(.title):not(.footer) .content, .msvt-spain #my-account-container .section-container:not(.title):not(.footer) .content, .msvt-spain .summary .section-container:not(.title):not(.footer) .content {
  padding: 10px;
}
.msvt-spain .login .welcome-text .text-content, .msvt-spain #my-account-container .welcome-text .text-content {
  padding: 1rem 0 0 0;
}
.msvt-spain #my-account-container .section-container h2 {
  text-transform: uppercase;
  font-size: 1.8rem;
}
.msvt-spain .main-calendar-header {
  background-color: transparent;
}
.msvt-spain .main-calendar-header > .buttons {
  min-height: 50px;
}
.msvt-spain .main-calendar-header .button-item {
  background-color: black;
  color: white;
  border: 0;
}
.msvt-spain .main-calendar-header .button-item.selected {
  background-color: white;
  color: black;
}
.msvt-spain fieldset.inline > .inline-group > label.selected {
  background-color: black;
}
.msvt-spain .calendar-header {
  background: black;
  display: none;
}
.msvt-spain .calendar.list .calendar-item {
  background-color: white;
}
.msvt-spain .calendar.list .calendar-item.month-header .cell {
  background: white;
  color: black;
  text-align: left;
  text-transform: uppercase;
  border-bottom: 8px solid #ec1d23;
}
@media screen and (max-width: 40em) {
  .msvt-spain .calendar.list .calendar-item .event-venue, .msvt-spain .calendar.list .calendar-item .event-circuit-layout {
    display: block;
  }
}
@media screen and (min-width: 40em) {
  .msvt-spain .calendar.list .calendar-item .event-circuit-layout:before {
    content: " (";
  }
  .msvt-spain .calendar.list .calendar-item .event-circuit-layout:after {
    content: ")";
  }
}
.msvt-spain .calendar-outer-container {
  margin-bottom: 30px;
}
.msvt-spain .calendar-outer-container .circuit-image {
  -webkit-filter: grayscale(100%) brightness(1.6);
          filter: grayscale(100%) brightness(1.6);
}
@media screen and (min-width: 64em) {
  .msvt-spain .calendar.list .calendar-item .event-date {
    padding-left: 0px;
  }
}
.msvt-spain .circuit-page .dark-bg {
  padding-bottom: 20px;
}
.msvt-spain .circuit-page p {
  font-size: 1rem;
}
.msvt-spain .product-info .content, .msvt-spain .product-info .card {
  height: 100%;
}
.msvt-spain .product-info .card-divider {
  font-size: 1.1rem;
  text-transform: uppercase;
  font-family: "Rubik", sans-serif;
  font-weight: bold;
  background-color: black;
}
.msvt-spain .product-info .card-section {
  padding: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
.msvt-spain .product-info .product-desc {
  padding: 10px;
  font-size: 0.9rem;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.msvt-spain .accordion .accordion-title {
  color: white;
  padding: 15px;
  background: #4b4b4b;
  font-size: 1.1rem;
}
.msvt-spain .faq .text-content {
  padding: 1rem 0.5rem;
}
.msvt-spain .faq p, .msvt-spain .faq li {
  font-size: 1rem;
}
.msvt-spain .checkout {
  background-color: #bcbcbc;
}
.msvt-spain .checkout .page-body {
  border-top: none;
}
.msvt-spain .checkout .section-container h3, .msvt-spain .checkout .section-container .h3 {
  background-color: #464646;
  margin-bottom: 0;
}
.msvt-spain .checkout .section-container.title {
  background: #bcbcbc;
}
.msvt-spain .checkout .section-container .content {
  padding: 10px 20px;
}
.msvt-spain .checkout .section-container p {
  padding: 0;
}
.msvt-spain .checkout .amount-outstanding .price {
  color: #ec1d23;
}
.msvt-spain .checkout .amount-outstanding p {
  margin: 0;
  padding: 0.5rem 0;
}
.msvt-spain .checkout .basket-offscreen {
  background-color: white;
}
.msvt-spain .summary .basket-offscreen .basket-line {
  padding: 0;
}
.msvt-spain .summary .basket-line {
  margin-bottom: 20px;
}
.msvt-spain .summary .basket-line p {
  padding: 0;
}
.msvt-spain .summary .track-entry-select .price {
  color: #ec1d23;
  font-weight: bold;
}
.msvt-spain .summary .track-entry-select .card-divider {
  font-size: 0.7rem;
}
.msvt-spain .summary .section-container.loading {
  padding: 0;
  border: 0 !important;
}
.msvt-spain .summary .section-container.loading > .content {
  padding: 0 !important;
}
.msvt-spain .basket-offscreen .basket-line {
  padding: 0 0 0 10px;
}
.msvt-spain .basket-offscreen .basket-line .event-title {
  font-family: "Rubik", sans-serif;
}
.msvt-spain .product-info .price-container {
  padding-bottom: 1rem;
}
.msvt-spain .product-info .price-container .grid-x .cell .button {
  border-right: 3px solid black;
}
.msvt-spain .product-info .price-container .grid-x .cell:last-child .button {
  border-right: 0;
}
.msvt-spain .banner .desc > .grid-container .button {
  margin-top: 10px;
}
.msvt-spain .banner .desc > .grid-container ul li a {
  color: white;
}
.msvt-spain .banner .desc > .grid-container ul li.selected a {
  color: #ec1d23;
}
.msvt-spain .meet-the-team {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.msvt-spain .meet-the-team > .grid-x > .cell.shrink {
  background-color: black; /* picture cell */
}
.msvt-spain .meet-the-team .header {
  background-color: black;
  color: white;
  padding: 10px;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.msvt-spain .meet-the-team .header h5 {
  color: #ec1d23;
  margin: 0;
  text-align: center;
}
.msvt-spain .meet-the-team .header p {
  margin: 0;
  text-align: center;
}
.msvt-spain .meet-the-team .text-content {
  padding: 10px 15px;
  font-size: 0.9rem;
  background-color: #d5d5d5;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.msvt-spain .meet-the-team .text-content p {
  margin: 0;
}
.msvt-spain .testimonial {
  background-color: black;
  margin-bottom: 20px;
}
.msvt-spain .testimonial .header {
  background-color: black;
  color: white;
  text-align: center;
  padding-top: 10px;
}
.msvt-spain .testimonial .header h4, .msvt-spain .testimonial .header h5 {
  text-transform: uppercase;
  color: #ec1d23;
  margin: 0;
}
.msvt-spain .testimonial .header p {
  margin: 0;
  padding-bottom: 10px;
}
.msvt-spain .testimonial .header p.large {
  font-size: 1.2rem;
}
.msvt-spain .testimonial.main .header {
  padding-top: 0px;
}
.msvt-spain .testimonial.main .header .v-align-text {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 64em) {
  .msvt-spain .testimonial.main .header .v-align-text {
    padding-top: 10px;
  }
}
.msvt-spain .testimonial .text-content {
  padding: 20px;
  font-size: 0.9rem;
  background-color: #d5d5d5;
}
.msvt-spain .testimonial img {
  width: 100%;
}
@media screen and (min-width: 63.99em) {
  .msvt-spain .testimonial img {
    max-width: 400px;
  }
}
.msvt-spain .news-article {
  margin-top: 20px;
}
.msvt-spain .news-article .text-content {
  font-size: 1rem;
}
.msvt-spain .pagination {
  margin-top: 1rem;
}
.msvt-spain .pagination .current {
  background: #009fe3;
}

.msvt-spain {
  /* general text styling */
  /* basket top */
  /*Button OVerride*/
  /*Modal*/
  /* Header bars */
  /* Track Entry */
  /* Track Entry Group */
  /* Body */
  /* Footer */
  /* Checkout */
}
.msvt-spain em {
  font-style: normal;
  color: white;
}
.msvt-spain a {
  color: #ec1d23;
  font-weight: bold;
}
.msvt-spain a:hover, .msvt-spain a:focus {
  color: #1468a0;
}
.msvt-spain h1, .msvt-spain h2, .msvt-spain h3, .msvt-spain h4, .msvt-spain h5, .msvt-spain h6 {
  font-family: "Rubik", sans-serif;
  font-weight: bold;
}
.msvt-spain h1.underline, .msvt-spain h4.underline {
  border-bottom: 1px solid rgb(243, 146, 0);
}
.msvt-spain #basket-top-container {
  background-color: transparent;
  position: fixed;
  z-index: 21;
}
.msvt-spain #basket-top-container a {
  border: 2px solid rgb(245, 245, 245);
  border-width: 2px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-top: 0px;
  padding: 0.5rem;
  background: rgb(37, 37, 37);
  color: rgb(243, 146, 0);
}
.msvt-spain #basket-top-container a:hover {
  background: rgb(243, 146, 0);
  color: rgb(255, 255, 255);
}
.msvt-spain .button {
  font-family: "Open Sans", sans-serif;
  background: #ec1d23;
  color: white;
  font-weight: bold;
  border-radius: 0;
}
.msvt-spain .button.secondary {
  background: #464646;
  border-color: #000;
}
.msvt-spain .button.alert {
  background: #ec1d23;
  color: white;
}
.msvt-spain .button.large {
  text-transform: uppercase;
}
.msvt-spain .button.disabled {
  background: grey;
  opacity: 1;
}
.msvt-spain .button.disabled:hover {
  background: grey;
}
.msvt-spain .button:hover, .msvt-spain .button:focus {
  background: rgb(134, 134, 134);
  color: white;
}
.msvt-spain .modal-dialog {
  border: 2px solid rgb(134, 134, 134);
  font-family: "Open Sans", sans-serif;
  border-radius: 0;
}
.msvt-spain .modal-header {
  padding: 0;
  background: #ec1d23;
  color: white;
  border-bottom: 0px;
  border-radius: 0;
}
.msvt-spain .modal-header h3 {
  padding: 10px;
  font-size: 1.6rem;
  margin-bottom: 0;
  text-transform: uppercase;
}
.msvt-spain .modal-header h3.bm-title {
  background: #ec1d23;
}
.msvt-spain .modal-header .btn-modal-close {
  color: white;
}
.msvt-spain .modal-body h3 {
  font-size: 1.8rem;
  font-family: "Rubik", sans-serif;
  font-weight: bold;
}
.msvt-spain .page-title-bar {
  margin-bottom: 20px;
}
.msvt-spain .page-title-bar h4:not(:empty) {
  /*font-family: 'Open Sans', sans-serif;*/
  font-weight: bold;
  /* border-bottom: 1px solid rgb(134, 134, 134); */
  background-color: #ec1d23;
  text-align: center;
  color: white;
  font-size: 20px;
  text-transform: uppercase;
  padding: 12px;
}
.msvt-spain .track-entry {
  /*        .page-break-bar {
      font-family: 'Cairo';
      background-color: #464646;
      color: white;
      background-image: none;

      h5 {
          font-size: 1.2rem;
          margin-bottom: 0;
      }

      .button {
          margin-bottom: 0;
      }
  }*/
}
.msvt-spain .track-entry h4 {
  text-transform: uppercase;
}
.msvt-spain .track-entry h4 span {
  font-size: 1.2rem;
  /*font-family: 'Orbitron', sans-serif;*/
}
.msvt-spain .track-entry .box-header-and-footer h4.title {
  background-color: #464646;
  /*font-family: 'Orbitron', sans-serif;*/
  color: white;
  padding: 10px;
  margin-bottom: 0;
  text-align: center;
  font-size: 1rem;
}
.msvt-spain .track-entry .box-header-and-footer.border {
  border: 0;
}
.msvt-spain .track-entry .box-header-and-footer .cell.border {
  border-left: 1px solid #cb620f;
  border-right: 1px solid #cb620f;
}
.msvt-spain .track-entry .box-header-and-footer .logo {
  background-color: white;
  padding: 10px 0;
}
.msvt-spain .track-entry .box-header-and-footer .logo.border {
  border-left: 1px solid #cb620f;
  border-right: 1px solid #cb620f;
  border-bottom: 1px solid #cb620f;
}
.msvt-spain .track-entry .box-header-and-footer .logo > img {
  vertical-align: unset;
}
.msvt-spain .track-entry .box-header-and-footer a.border {
  background: #009fe3;
  color: white;
  width: 100%;
  display: block;
  font-size: 1rem;
  padding: 10px;
  text-align: center;
}
.msvt-spain .track-entry .box-header-and-footer.small h4.title {
  font-size: 0.8rem;
}
.msvt-spain .track-entry .box-header-and-footer.small a.border {
  font-size: 1rem;
  padding: 8px;
}
.msvt-spain .track-entry .box-header-and-footer .button {
  margin: 0;
}
.msvt-spain .track-entry .optional-extras-title h4 {
  border-bottom: 1px solid #009fe3;
  text-transform: uppercase;
}
.msvt-spain #track-entry-add-to-basket-container .optional-extra-row {
  border: 0;
}
.msvt-spain #track-entry-add-to-basket-container .optional-extra-row .card {
  height: 100%;
}
.msvt-spain #track-entry-add-to-basket-container .optional-extra-row .card img {
  -webkit-filter: unset;
          filter: unset;
}
.msvt-spain #track-entry-add-to-basket-container .optional-extra-row .card-divider {
  font-size: 0.7rem;
}
.msvt-spain #track-entry-add-to-basket-container .optional-extra-row .quantity-selector {
  margin-bottom: 10px;
}
.msvt-spain #track-entry-add-to-basket-container .optional-extra-row em {
  font-style: normal;
  color: #ec1d23;
}
.msvt-spain .track-entry-group {
  border: 0;
  background-color: #d5d5d5;
  /*border-radius: 4px;*/
  margin-bottom: 20px;
}
.msvt-spain .track-entry-group .header {
  background-color: #ec1d23;
  color: white;
  text-align: center;
  padding: 10px 5px;
  margin-bottom: 0;
}
.msvt-spain .track-entry-group .header h5 {
  text-transform: uppercase;
  font-size: 20px;
  margin-bottom: 0;
  text-align: left;
  padding-left: 5px;
}
.msvt-spain .track-entry-group .header em {
  font-size: 1.2rem;
}
.msvt-spain .track-entry-group .header strong {
  color: #ec1d23;
}
.msvt-spain .track-entry-group img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.msvt-spain .track-entry-group .description {
  font-family: "Open Sans", sans-serif;
  font-size: 0.8rem;
  /*border-bottom: 1px solid rgba(134, 134, 134, 1);*/
  margin-bottom: 0px;
  padding: 10px;
}
.msvt-spain .track-entry-group .description p {
  margin: 0;
}
.msvt-spain .track-entry-group .timetable {
  font-family: "Open Sans", sans-serif;
  font-size: 0.8rem;
  padding: 10px;
  margin-bottom: 0;
}
.msvt-spain .track-entry-group .timetable p {
  margin-bottom: 0;
}
.msvt-spain .track-entry-group .button {
  margin-bottom: 0;
  margin-left: 10px;
  text-transform: uppercase;
  background-color: #4ac0da;
  font-family: "Rubik", sans-serif;
  border-radius: 5px;
  font-size: 1rem;
  padding: 12px;
  /* Small only */
}
@media screen and (max-width: 39.9em) {
  .msvt-spain .track-entry-group .button {
    padding: 7px;
    font-size: 0.8rem;
  }
}
.msvt-spain .track-entry-group .button span.show-for-medium {
  padding-left: 10px;
}
.msvt-spain .track-entry-group .button-container {
  background-color: #dedede;
  padding: 10px;
  text-align: center;
}
.msvt-spain .track-entry-group .session-container {
  background: white;
}
@media (max-width: 40em) {
  .msvt-spain .track-entry-group .session-container .session:nth-child(1) {
    margin-top: 20px;
  }
}
.msvt-spain .track-entry-group .session-container .cell:not(.shrink):nth-child(1) {
  background: #ec1d23;
  color: white;
}
.msvt-spain .track-entry-group .session-container .cell:not(.shrink):nth-child(1) .button {
  background: #464646;
}
.msvt-spain .track-entry-group .session-container .cell:not(.shrink):nth-child(1) .button:hover {
  background: #868686;
}
.msvt-spain .track-entry-group .session-container .cell:not(.shrink):nth-child(2) {
  background: #464646;
  color: white;
}
.msvt-spain .track-entry-group .session-container .cell:not(.shrink):nth-child(3) {
  background: #868686;
  color: white;
}
.msvt-spain .track-entry-group .session-container .cell.shrink {
  margin: 0.25rem 0;
}
.msvt-spain .track-entry-group .session-container .session {
  /*padding: 10px;*/
  text-align: center;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 10px auto 10px auto;
  grid-template-columns: 1fr auto auto;
  width: 100%;
  grid-gap: 10px;
  border-bottom: 1px solid #565656;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.msvt-spain .track-entry-group .session-container .session:nth-child(3n+3) {
  border-bottom: 0;
}
.msvt-spain .track-entry-group .session-container .session strong {
  font-family: "Open Sans", sans-serif;
  font-size: 1.4em;
}
.msvt-spain .track-entry-group .session-container .session .variant-name {
  text-align: left;
  /*text-transform: uppercase;*/
  color: #565656;
  padding: 25px 0;
}
.msvt-spain .track-entry-group .session-container .session .variant-name h5 {
  font-size: 1.25rem;
  margin-bottom: 0;
}
.msvt-spain .track-entry-group .session-container .session .price-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 5px 0;
  min-width: 120px;
}
.msvt-spain .track-entry-group .session-container .session .price-container.one-price .container {
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
.msvt-spain .track-entry-group .session-container .session .price-container.one-price .container .web-price {
  padding: 10px 30px;
}
.msvt-spain .track-entry-group .session-container .session .price-container .container {
  display: -ms-grid;
  display: grid;
  border-radius: 5px;
  background-color: #7a7a7a;
  color: #fff;
  -ms-grid-columns: 1fr 2px 1fr;
  grid-template-columns: 1fr 2px 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.msvt-spain .track-entry-group .session-container .session .price-container .container .web-price {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px;
  font-family: "Rubik", sans-serif;
}
@media (max-width: 64em) {
  .msvt-spain .track-entry-group .session-container .session .price-container .container .web-price {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.msvt-spain .track-entry-group .session-container .session .price-container .container .web-price > span.label {
  font-size: 0.8rem;
  text-transform: uppercase;
  background: none;
  font-weight: 200;
  padding: 0;
}
.msvt-spain .track-entry-group .session-container .session .price-container .container .web-price > span.price {
  font-size: 1.2rem;
  font-weight: 800;
}
.msvt-spain .track-entry-group .session-container .session .price-container .container .divider {
  height: 30px;
  border-left: 1px solid white;
}
.msvt-spain .track-entry-group .session-container .session .price-container .container .gate-price {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px;
  font-family: "Rubik", sans-serif;
}
@media (max-width: 64em) {
  .msvt-spain .track-entry-group .session-container .session .price-container .container .gate-price {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.msvt-spain .track-entry-group .session-container .session .price-container .container .gate-price > span.label {
  font-size: 0.8rem;
  text-transform: uppercase;
  background: none;
  font-weight: 200;
  padding: 0;
}
.msvt-spain .track-entry-group .session-container .session .price-container .container .gate-price > span.price {
  font-size: 1.2rem;
  font-weight: 200;
  color: lightgray;
}
.msvt-spain .event-info {
  background-color: #464646;
  padding: 10px;
  color: white;
  margin-bottom: 20px;
}
.msvt-spain .event-info h1 {
  text-transform: uppercase;
  font-size: 2.3rem;
  margin: 10px 0 15px 0;
}
.msvt-spain .event-info h6 {
  display: list-item; /* This has to be "list-item"                                               */
  list-style-type: none; /* See https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type     */
  list-style-position: inside;
  text-transform: uppercase;
  font-size: 1.1rem;
  margin: 0;
  font-weight: 400;
}
@media screen and (max-width: 39.9em) {
  .msvt-spain .event-info h6 {
    font-size: 0.9rem;
  }
}
.msvt-spain .event-info .grid-container .grid-x .medium-4:nth-child(3) {
  display: none;
}
.msvt-spain .description-container {
  background-color: white;
  padding: 10px 0;
  border-radius: 4px;
}
.msvt-spain .description-container .description {
  font-size: 1rem;
}
.msvt-spain footer {
  color: white;
  /*border-top: 10px solid #009fe3;*/
  /*background: rgba(0, 0, 0, 1);*/
  background-image: url(https://msvstatic.blob.core.windows.net/high-res/dd1c4b5b-46d5-4964-bd58-bcea59661b60.jpg);
  background-color: rgba(0, 0, 0, 0.8);
  background-blend-mode: multiply;
  background-size: cover;
}
.msvt-spain footer h5 {
  font-family: "Rubik", sans-serif;
  color: white;
  text-transform: uppercase;
  font-weight: bold;
}
.msvt-spain footer ul {
  list-style-type: none;
  margin-left: 0;
}
.msvt-spain footer li {
  margin-bottom: 0.125rem;
}
.msvt-spain footer li a {
  color: white;
}
.msvt-spain footer li a:hover {
  color: #ec1d23;
}
.msvt-spain footer sup {
  color: white;
}
.msvt-spain footer address {
  font-style: normal;
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 1rem;
}
.msvt-spain footer .copyright-logo {
  background: black;
  padding: 10px 0;
  text-transform: uppercase;
}
.msvt-spain footer .copyright-logo img {
  max-width: 100px;
}
.msvt-spain footer .logo-img {
  max-width: 150px;
  padding: 5px 0 15px 0;
}
.msvt-spain footer .socials {
  font-size: 3rem;
  margin-bottom: 30px;
}
.msvt-spain footer .socials a {
  color: white;
}
.msvt-spain footer .socials a:hover {
  color: #ec1d23;
}
.msvt-spain .optional-extras-available > .grid-x {
  background-color: lightgray;
}
.msvt-spain .optional-extras-container h3 {
  text-transform: uppercase;
  font-size: 1.4rem;
}
.msvt-spain .optional-extras-container h3 em {
  color: #ec1d23;
}
.msvt-spain .optional-extras-container .optional-extra {
  margin: 10px 0;
  border-bottom: 1px solid grey;
}
.msvt-spain .optional-extras-container .optional-extra .image {
  padding: 5px 30px 10px 30px;
}
.msvt-spain .optional-extras-container .optional-extra-row .price {
  color: #ffa3a6;
}
.msvt-spain .section-container {
  /*border: 2px solid rgba(134,134,134,1);*/
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0px;
  background-color: white;
  /*.form-group {
      padding: 0.25rem 1rem;
  }*/
}
.msvt-spain .section-container .content {
  padding: 10px 0;
}
.msvt-spain .section-container h1 {
  text-transform: uppercase;
  /*font-size: 1.5rem;*/
}
.msvt-spain .section-container h3, .msvt-spain .section-container .h3 {
  color: white;
  font-family: "Rubik", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1rem;
  background: black;
  color: rgb(245, 245, 245);
  border-bottom: 0 !important;
  padding: 0.75rem 1rem;
}
.msvt-spain .section-container p {
  padding: 0.25rem 1rem;
}
.msvt-spain .section-container p.text-warning {
  padding-top: 0.75rem;
}
.msvt-spain .section-container ol {
  padding-left: 1rem;
  padding-right: 1rem;
}
.msvt-spain .section-container .order-details-container .basket-offscreen p {
  padding: 0;
}
.msvt-spain .quantity-selector .button {
  border: 2px solid black;
}
.msvt-spain .my-reconnect-modal .message {
  border: 8px solid #ec1d23;
}
.msvt-spain .my-reconnect-modal .message h3 {
  background-color: #ec1d23;
}
.msvt-spain .lds-ring div {
  border: 8px solid #009fe3;
  border-color: #009fe3 transparent transparent transparent;
}
.msvt-spain .my-account.vertical {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.msvt-spain .service-available .page-title-bar {
  margin-bottom: 0;
}
.msvt-spain .service-available .page-title-bar h4 {
  margin-bottom: 0;
  border-bottom: 0;
  padding: 0;
}
.msvt-spain .service-available .item {
  border-bottom: 1px solid black;
  padding: 10px 0;
}
.msvt-spain .service-available .item:last-child {
  border-bottom: 0;
}

.weglot-container.wg-default {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 98%;
  height: 0;
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
  z-index: 4 !important;
}
.weglot-container.wg-default > .weglot_switcher {
  position: absolute;
  top: 12px;
  right: 90px;
  /*@media only screen and (min-width: 40em) and (max-width: 64em) {
      right: 90px;
  }*/
}
@media only screen and (max-width: 40em) {
  .weglot-container.wg-default > .weglot_switcher {
    top: 5px;
    right: 40px;
  }
}

#lang-switch-container {
  width: 90px;
}

.noise-limit {
  display: none;
}

body .palmersport {
  margin: 0;
  padding: 0;
  background: #fefefe;
  font-family: "M-Reg", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #808285;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height: 100%;
}

.palmersport .page-body {
  background: #e9e9e9;
}
.palmersport.use-background .page-body {
  background: url(https://msvstatic.blob.core.windows.net/manual/background-image-dark1.jpg) no-repeat center center fixed;
  background-size: cover;
}
.palmersport h1, .palmersport .h1, .palmersport h2, .palmersport .h2, .palmersport h3, .palmersport .h3, .palmersport h4, .palmersport .h4, .palmersport h5, .palmersport .h5, .palmersport h6, .palmersport .h6 {
  font-family: "M-Bold";
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1.2;
}
.palmersport body, .palmersport a, .palmersport input, .palmersport select, .palmersport textarea {
  font-family: "M-Reg", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}
.palmersport h1 {
  font-size: 1.75rem;
}
.palmersport h1.blue {
  color: #00A8FF;
}
.palmersport h2 {
  font-size: 1.5rem;
}
.palmersport h3 {
  font-size: 1.25rem;
}
.palmersport h4 {
  font-size: 1.125rem;
}
.palmersport h5 {
  font-size: 1rem;
}
.palmersport .hr-blue-center {
  width: 25%;
  border: 1px solid #00A8FF;
}
.palmersport .hr-blue-left {
  margin-left: 0;
  width: 25%;
  border: 1px solid #00A8FF;
}
.palmersport a {
  color: #ED1C24;
  font-weight: 700;
}
.palmersport a:active, .palmersport a:hover {
  color: #00A8FF;
}
.palmersport .button {
  text-transform: uppercase;
  color: #fff;
  background: #545454;
  padding: 0.75em 1em;
  border: 0;
  font-weight: 700;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#6F6F6F), color-stop(50%, #6F6F6F), color-stop(50%, #545454), to(#545454));
  background-image: linear-gradient(to bottom, #6F6F6F 0%, #6F6F6F 50%, #545454 50%, #545454 100%);
}
.palmersport .button:hover, .palmersport .button:focus {
  background: #ED1C24;
  color: white;
}
.palmersport .button.secondary {
  background: #ED1C24;
  color: white;
}
.palmersport .ps-login .button.primary {
  background: #ED1C24;
  color: white;
}
.palmersport .ps-login .button.secondary {
  color: #fff;
  background: #545454;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#6F6F6F), color-stop(50%, #6F6F6F), color-stop(50%, #545454), to(#545454));
  background-image: linear-gradient(to bottom, #6F6F6F 0%, #6F6F6F 50%, #545454 50%, #545454 100%);
}
.palmersport .checkout .button.alert {
  background: #ED1C24;
  color: white;
}
.palmersport .checkout .button.secondary {
  color: #fff;
  background: #545454;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#6F6F6F), color-stop(50%, #6F6F6F), color-stop(50%, #545454), to(#545454));
  background-image: linear-gradient(to bottom, #6F6F6F 0%, #6F6F6F 50%, #545454 50%, #545454 100%);
}
.palmersport .page-break-bar h4 {
  font-size: 1.1rem;
  padding: 10px 0;
}
.palmersport .section-container h3 {
  font-size: 1.2rem;
  border-bottom: 3px solid #00A8FF;
}
.palmersport .section-container.title h2 {
  color: #00A8FF;
}
.palmersport .section-container.product-recommendation h3 {
  color: #00A8FF;
}
.palmersport .my-account.vertical li a {
  font-weight: normal;
}
.palmersport .catalog-widget {
  padding-top: 0.9375rem;
  background: url(/palmersport/fp-intro-bg.jpg) no-repeat top left;
  background-size: cover;
}
.palmersport .shop-body h3.header {
  font-size: 1.1rem;
}
.palmersport .shop-body .product-info {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: transparent;
  padding: 0;
}
.palmersport .shop-body .product-info h3.header {
  font-size: 1.1rem;
}
.palmersport header {
  z-index: 4;
}
.palmersport #header-wrapper {
  text-transform: uppercase;
  background: #464646;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#464646), color-stop(50%, #464646), color-stop(50%, #3E3E3E), to(#3E3E3E));
  background-image: linear-gradient(to bottom, #464646 0%, #464646 50%, #3E3E3E 50%, #3E3E3E 100%);
  position: relative;
  color: red;
}
.palmersport #header-wrapper figure {
  margin: 0;
  max-width: 100%;
  -webkit-transition: max-width 0.5s ease;
  transition: max-width 0.5s ease;
  padding: 0.75rem 1rem 1rem 0;
}
.palmersport .is-stuck #header-wrapper figure {
  max-width: 75%;
}
.palmersport .is-stuck .sub-nav-large, .palmersport .is-stuck .ps-title {
  display: none;
}
.palmersport #fp-intro, .palmersport .fp-intro {
  padding-top: 0.9375rem;
  background: url(/palmersport/fp-intro-bg.jpg) no-repeat top left;
  background-size: cover;
}
.palmersport .menu-btn a {
  display: inline-table;
  height: 100%;
  color: #fff;
}
.palmersport .menu-btn a:hover {
  color: #ED1C24;
  -webkit-text-fill-color: #ED1C24;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ED1C24;
}
.palmersport .menu-btn a span {
  display: table-cell;
  vertical-align: middle;
}
.palmersport .ps-title div {
  height: 100%;
  display: table;
}
.palmersport .ps-title h2 {
  display: table-cell;
  vertical-align: bottom;
  font-size: 0.75rem;
  margin: 0;
  padding: 0 0 1em;
}
.palmersport .ps-title a, .palmersport .ps-title h2 {
  color: #fff;
}
.palmersport .ps-title span {
  color: #02A9FF;
}
.palmersport #offCanvas {
  text-transform: uppercase;
  background: #464646;
  border-left: 1px solid #747474;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.palmersport #offCanvas .logo {
  background: #464646;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#464646), color-stop(50%, #464646), color-stop(50%, #3E3E3E), to(#3E3E3E));
  background-image: linear-gradient(to bottom, #464646 0%, #464646 50%, #3E3E3E 50%, #3E3E3E 100%);
}
.palmersport #offCanvas .logo img {
  padding: 1.5em;
}
.palmersport #offCanvas .logo a {
  background: none;
  border: 0;
}
.palmersport #offCanvas a {
  font-size: 0.8em;
  border-top: 1px solid #747474;
  border-bottom: 1px solid #bcbcbc;
  background: #ECECEC;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), color-stop(50%, #FFF), color-stop(50%, #ECECEC), to(#ECECEC));
  background-image: linear-gradient(to bottom, #FFF 0%, #FFF 50%, #ECECEC 50%, #ECECEC 100%);
  color: #4A4A4A;
  -webkit-text-fill-color: #4A4A4A;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #4A4A4A;
  font-weight: 700;
  outline: none;
}
.palmersport #offCanvas a:hover {
  color: #ED1C24;
  -webkit-text-fill-color: #ED1C24;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ED1C24;
  background: rgba(0, 0, 0, 0.1);
}
.palmersport #offCanvas a:after {
  display: block;
  border-color: transparent transparent transparent #ED1C24;
}
.palmersport #offCanvas .drilldown .is-drilldown-submenu {
  background: #464646;
}
.palmersport #footer-sitemap {
  padding: 0.9375rem;
  background: #575757 url("/images/footer-bg.jpg") no-repeat bottom right;
  color: #fff;
}
.palmersport #footer-sitemap a {
  color: #fff;
  font-size: 0.75em;
}
.palmersport #footer-sitemap a:hover {
  color: #02A9FF;
  text-decoration: underline;
}
.palmersport #footer-sitemap .align-self-top, .palmersport #footer-sitemap .align-self-top a {
  text-transform: uppercase;
  font-size: 1em;
}
.palmersport #footer-sitemap .contact, .palmersport #footer-sitemap .contact a {
  font-size: 0.75rem;
}
.palmersport #footer {
  background: #000;
  color: #fff;
}
.palmersport #footer img {
  padding: 0.5rem 0;
}
.palmersport #footer p {
  text-transform: uppercase;
  margin: 0;
  padding: 0.5em 0;
  font-size: 0.75em;
}
@media screen and (min-width: 64em) {
  .palmersport .align-center-large {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .palmersport #fp-intro, .palmersport #intro, .palmersport .fp-intro {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .palmersport #fp-social, .palmersport #evt-dates-footer, .palmersport #accordion-section {
    padding-bottom: 1.5rem;
  }
  .palmersport #jp-story-b {
    margin-bottom: 1.5rem;
  }
  .palmersport #header-wrapper .sub-nav-large {
    background: #000;
    font-size: 0.5rem;
    position: relative;
  }
  .palmersport #header-wrapper .sub-nav-large:after {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    height: 100%;
    width: 50%;
    background: #000;
  }
  .palmersport #header-wrapper .sub-nav-large a {
    color: #fff;
    padding: 0.4375rem;
  }
  .palmersport #header-wrapper .sub-nav-large a:hover {
    color: #ED1C24;
  }
  .palmersport #header-wrapper .sub-nav-large i {
    font-size: 2rem;
  }
  .palmersport #header-wrapper .sub-nav-large .brochure-button {
    background-color: red;
  }
  .palmersport #header-wrapper .sub-nav-large .brochure-button:hover {
    background-color: #c00;
  }
  .palmersport #header-wrapper .sub-nav-large .brochure-button:hover a:hover {
    color: white;
  }
  .palmersport #header-wrapper .main-nav {
    height: 100%;
    background: #ECECEC;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#bcbcbc), color-stop(3%, #bcbcbc), color-stop(3%, #FFF), color-stop(50%, #FFF), color-stop(50%, #ECECEC), color-stop(97%, #ECECEC), color-stop(97%, #bcbcbc), to(#bcbcbc));
    background-image: linear-gradient(to bottom, #bcbcbc 0%, #bcbcbc 3%, #FFF 3%, #FFF 50%, #ECECEC 50%, #ECECEC 97%, #bcbcbc 97%, #bcbcbc 100%);
    position: relative;
  }
  .palmersport #header-wrapper .main-nav:after {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    height: 100%;
    width: 50%;
    background: #ECECEC;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#bcbcbc), color-stop(3%, #bcbcbc), color-stop(3%, #FFF), color-stop(50%, #FFF), color-stop(50%, #ECECEC), color-stop(97%, #ECECEC), color-stop(97%, #bcbcbc), to(#bcbcbc));
    background-image: linear-gradient(to bottom, #bcbcbc 0%, #bcbcbc 3%, #FFF 3%, #FFF 50%, #ECECEC 50%, #ECECEC 97%, #bcbcbc 97%, #bcbcbc 100%);
  }
  .palmersport #header-wrapper .main-nav li a {
    height: 100%;
    font-size: 0.8em;
    color: #4A4A4A;
    -webkit-text-fill-color: #4A4A4A;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #4A4A4A;
    font-weight: 700;
    padding: 2rem 0.7rem;
    border-right: 1px solid #bcbcbc;
  }
  .palmersport #header-wrapper .main-nav li a:hover {
    color: #ED1C24;
    -webkit-text-fill-color: #ED1C24;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #ED1C24;
  }
  .palmersport #header-wrapper .main-nav li a:after {
    display: none;
  }
  .palmersport #header-wrapper .main-nav .submenu {
    height: auto;
    border: 0;
    background: rgba(62, 62, 62, 0.9);
    border-left: 1px solid #bcbcbc;
  }
  .palmersport #header-wrapper .main-nav .submenu li a {
    font-size: 0.75em;
    color: #fff;
    -webkit-text-fill-color: #fff;
    -webkit-text-stroke-width: 0;
    -webkit-text-stroke-color: #fff;
    padding: 0.75rem;
    border-bottom: 1px solid #747474;
    line-height: 1.25em;
  }
  .palmersport #header-wrapper .main-nav .submenu li a:hover {
    color: #ED1C24;
    -webkit-text-fill-color: #ED1C24;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #ED1C24;
    background: #000;
  }
  .palmersport #header-wrapper .main-nav .submenu li a:after {
    display: block;
    border-color: transparent transparent transparent #ED1C24;
  }
  .palmersport .is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
    right: 0.5rem;
  }
  .palmersport .is-stuck #header-wrapper figure {
    max-width: 75%;
    margin: auto;
  }
  .palmersport #fp-jp, .palmersport #fp-jp .jp-main-img, .palmersport #fp-hosp, .palmersport #fp-hosp .hosp-main-img {
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .palmersport #fp-map {
    background: url("/images/fp-map-bg.jpg") no-repeat top left;
    background-size: cover;
  }
  .palmersport #infowindow {
    width: 25%;
  }
  .palmersport #dir-wrapper {
    width: 33%;
  }
  .palmersport .voucher .accordion-title {
    line-height: 2rem;
  }
  .palmersport .voucher .accordion-title:before {
    margin-top: -1.25rem;
  }
  .palmersport .voucher .button {
    float: right;
    margin: 0;
    margin-right: 1rem;
  }
  .palmersport #event-options .event-option-itm, .palmersport #event-options .event-option-itm h4 span {
    background: #e9e9e9;
  }
  .palmersport .play-btn {
    position: absolute;
    width: 154px;
    height: 154px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background: url("/images/play-btn.png") no-repeat repeat top center;
    z-index: 2;
  }
  .palmersport .play-btn:hover {
    background-position: bottom center;
  }
  .palmersport #footer-sitemap .contact, .palmersport #footer-sitemap .contact a {
    font-size: 1rem;
  }
  .palmersport #img-gallery figcaption span, .palmersport .img-gallery figcaption span {
    font-size: 1vw;
  }
  .palmersport #img-gallery figcaption span i, .palmersport .img-gallery figcaption span i {
    font-size: 3vw;
  }
  .palmersport .plan-your-visit-accordion {
    height: 567px;
    overflow-x: auto;
    padding-right: 1rem;
    margin-bottom: 1rem;
  }
}
.palmersport .show-for-xlarge {
  visibility: hidden;
}
@media screen and (min-width: 84.375rem) {
  .palmersport .show-for-xlarge {
    visibility: visible;
  }
}
.palmersport .card {
  border: 0;
  -webkit-box-shadow: 10px 10px 10px -4px rgba(0, 0, 0, 0.27);
          box-shadow: 10px 10px 10px -4px rgba(0, 0, 0, 0.27);
}
.palmersport .card.activity-result {
  cursor: pointer;
}
.palmersport .card.activity-result:hover {
  background: gray;
  opacity: 0.75;
}
.palmersport .card.no-click {
  cursor: not-allowed;
}
.palmersport .card .card-divider {
  position: relative;
  background: #a4a4a4;
  color: white;
}
.palmersport .card .responsive-embed {
  cursor: pointer;
}
.palmersport .card .button.download {
  float: right;
}
.palmersport .card .button.share {
  float: left;
}
.palmersport .responsive-embed {
  background-color: black;
}
.palmersport .media-image-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
}
.palmersport .media-image-container img {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.palmersport section {
  padding-bottom: 20px;
}
.palmersport section.mercury, .palmersport section.mercury h3 {
  background: #e9e9e9;
}
.palmersport section.white, .palmersport section.white h3 {
  background: #fff;
}
.palmersport .sect-title {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(49%, rgba(0, 0, 0, 0)), color-stop(49%, rgb(158, 158, 158)), color-stop(51%, rgb(158, 158, 158)), color-stop(51%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 49%, rgb(158, 158, 158) 49%, rgb(158, 158, 158) 51%, rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, 0) 100%);
}
.palmersport .sect-title h3 {
  display: inline-table;
  margin: 0.5em 0;
  padding: 1em 0.5em;
}
.palmersport .sitemapLinks a, .palmersport .sitemapLinks .cell {
  font-family: "M-Bold";
  line-height: 1em;
}
.palmersport .sitemapLinks .cell {
  padding-bottom: 0.35em;
}
.palmersport .evt-car-block {
  display: block;
  position: relative;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
.palmersport .evt-car-block img {
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
.palmersport .evt-car-block h4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
  color: #555;
}
.palmersport .evt-car-block:hover {
  background: #e9e9e9;
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(233, 233, 233)), color-stop(33%, rgb(254, 254, 254)), color-stop(66%, rgb(254, 254, 254)), to(rgb(233, 233, 233)));
  background: linear-gradient(0deg, rgb(233, 233, 233) 0%, rgb(254, 254, 254) 33%, rgb(254, 254, 254) 66%, rgb(233, 233, 233) 100%);
}
.palmersport .evt-car-block:hover img {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
.palmersport .evt-car-block:hover .button {
  background: #ED1C24;
}
.palmersport .evt-car-block:hover::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 0.5rem;
  background: #e9e9e9;
  background: -webkit-gradient(linear, left top, right top, from(rgb(222, 222, 222)), to(rgb(233, 233, 233)));
  background: linear-gradient(90deg, rgb(222, 222, 222) 0%, rgb(233, 233, 233) 100%);
}
.palmersport .evt-car-block:hover::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0.5rem;
  background: #e9e9e9;
  background: -webkit-gradient(linear, left top, right top, from(rgb(233, 233, 233)), to(rgb(222, 222, 222)));
  background: linear-gradient(90deg, rgb(233, 233, 233) 0%, rgb(222, 222, 222) 100%);
}
.palmersport .guest-result {
  border: 2px solid #dedede;
  border-radius: 5px;
  background-color: white;
  position: relative;
}
.palmersport .guest-result .position {
  position: absolute;
  border-radius: 50%;
  border: 1px solid black;
  top: -15px;
  left: -15px;
  width: 30px;
  height: 30px;
  background-color: white;
  color: black;
}
.palmersport .guest-result .name {
  padding: 5px;
  color: black;
}
.palmersport .guest-result.mine {
  background-color: yellow;
}
.palmersport .company-logo {
  margin-bottom: 20px;
}
.palmersport .your-result {
  margin-bottom: 20px;
  text-transform: uppercase;
  font-size: 0.8rem;
}
.palmersport .your-result .cell {
  padding: 10px;
}
.palmersport .your-result .cell:nth-child(1) {
  background-color: #898989;
  color: white;
}
.palmersport .your-result .cell:nth-child(2) {
  background-color: #30ad13;
  color: white;
}
.palmersport .social-bar a {
  color: white;
}

.bsb {
  font-family: "Sora", sans-serif;
  /*    @media print {
      .top-bar1, header, .calendar-quick-view, footer {
          display: none;
      }
  }*/
}
.bsb .page-body {
  background: none;
  font-family: "Sora", sans-serif;
}
.bsb h1, .bsb h2, .bsb h3, .bsb h4, .bsb h5, .bsb h6 {
  font-family: "Exo", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
}
.bsb .button {
  font-family: "Exo", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 0;
  font-size: 0.9rem;
  margin-bottom: 0;
  padding: 15px;
}
.bsb .button.primary {
  background-color: #242d3c;
}
.bsb .button.primary:hover {
  background-color: #12171e;
}
.bsb .button.outline {
  background-color: transparent;
  border: 1px solid white;
}
.bsb .button.outline.selected {
  background-color: #b3202a;
  border: 1px solid #b3202a;
}
.bsb .button.outline.selected:hover {
  background-color: #5a1015;
}
.bsb .button.brand-col {
  background-color: #b3202a;
}
.bsb .button.brand-col:hover {
  background-color: #5a1015;
}
.bsb .button.secondary-col {
  background-color: #242d3c;
}
.bsb .button.secondary-col:hover {
  background-color: #12171e;
}
.bsb .button.third-col {
  background-color: #4e4e4e;
}
.bsb .button.third-col:hover {
  background-color: #272727;
}
.bsb .button.small {
  padding: 10px;
  font-size: 0.7rem;
}
.bsb .hero-image {
  position: relative;
}
.bsb .hero-image h1 {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: 0;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  background-color: #b3202a;
  font-size: 2rem;
  color: white;
  padding: 15px 20px;
  text-align: center;
  line-height: 30px;
}
@media print, screen and (max-width: 40em) {
  .bsb .hero-image h1 {
    font-size: 1.3rem;
    line-height: 20px;
  }
}
@media print, screen and (max-width: 64em) {
  .bsb .hero-image h1 {
    font-size: 1.3rem;
    line-height: 20px;
    min-width: 350px;
  }
}
.bsb .hero-image .overlay {
  background-color: rgba(34, 45, 60, 0.8);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.bsb .hero-image .logo {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: 0;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  text-align: center;
  max-width: 15%;
}
@media only screen and (max-width: 40em) {
  .bsb .hero-image .logo {
    max-width: 40%;
  }
}
.bsb .top-bar1 {
  background-color: #788190;
}
.bsb .top-bar1 a {
  color: white;
  font-family: "Exo", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
}
.bsb .top-bar1 .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  border-color: white transparent transparent;
}
.bsb .top-bar1 .dropdown.menu > li a:hover {
  background-color: #b3202a;
}
.bsb .top-bar1 .dropdown.menu > li > .is-dropdown-submenu {
  display: none;
}
.bsb .top-bar1 .dropdown.menu > li.is-active > a {
  background-color: #b3202a;
  color: white;
}
.bsb .top-bar1 .dropdown.menu > li.is-active > .is-dropdown-submenu {
  background-color: #788190;
  z-index: 2;
  display: block;
}
.bsb .top-bar1 .socials {
  font-size: 1.5rem;
}
@media only screen and (min-width: 40em) {
  .bsb .top-bar1 .socials {
    margin-right: 15px;
  }
}
.bsb .top-bar1 .socials a:hover {
  color: #b3202a;
}
.bsb .top-bar1 .contact-info {
  margin-right: 15px;
}
.bsb .top-bar1 #next-event-ticker h5, .bsb .top-bar1 #next-event-ticker p, .bsb .top-bar1 #next-event-ticker div {
  font-family: "Exo", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.9rem;
  display: inline;
  margin: 0;
  color: white;
}
.bsb .top-bar1 #next-event-ticker p, .bsb .top-bar1 #next-event-ticker div {
  font-weight: 400;
}
.bsb .top-bar1 #next-event-ticker div > p {
  text-transform: lowercase;
  word-break: keep-all;
  white-space: nowrap;
}
.bsb .top-bar1 .live-timing {
  background-color: red;
  padding: 10px;
}
.bsb .menu-off-screen .is-drilldown-submenu {
  background: #242d3c !important;
}
.bsb .rider-images-secondary-wrapper {
  -ms-flex-item-align: end;
      align-self: flex-end;
  padding-right: 10px;
}
.bsb #header {
  background-color: #242d3c;
  border-bottom: 6px solid #788190;
}
.bsb #header .logo-img {
  margin: 0;
  background-color: #b3202a;
  padding: 10px 20px;
}
@media print, screen and (max-width: 40em) {
  .bsb #header .logo-img img {
    max-width: 135px;
  }
}
.bsb #header .menu-dropdown {
  height: 100%;
  font-size: 1rem;
  color: white;
  float: right;
}
.bsb #header .menu-dropdown > li:hover > a {
  background-color: white;
  color: #b3202a;
}
.bsb #header .menu-dropdown > li > a {
  font-family: "Exo", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  padding: 12px 25px;
  margin: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: white;
}
.bsb #header .menu-dropdown > li > a:hover {
  background-color: white;
  color: #b3202a;
}
@media print, screen and (min-width: 1250px) {
  .bsb #header .menu-dropdown > li > a {
    padding: 12px 40px;
  }
}
.bsb #header .menu-dropdown > li > .dropdown {
  background-color: black;
  border: 0;
  min-width: 300px;
}
.bsb #header .menu-dropdown > li > .dropdown a {
  display: block;
  padding: 5px 10px;
  color: white;
}
.bsb #header .menu-dropdown > li > .dropdown a:hover {
  background-color: #f39200;
}
.bsb #header .menu-dropdown .active > a {
  background-color: #b3202a;
}
.bsb #header .is-dropdown-submenu {
  top: inherit;
  left: inherit;
}
.bsb #header .menu-btn {
  font-size: 2rem;
  color: white;
  margin-right: 20px;
}
.bsb #menu-offscreen-canvas {
  background-color: #242d3c;
}
.bsb #menu-offscreen-canvas > .grid-x .cell.auto {
  height: 40px;
}
.bsb #menu-offscreen-canvas .close-button {
  color: #788190;
}
.bsb #menu-offscreen-canvas h4 {
  display: none;
}
.bsb #menu-offscreen-canvas .menu-off-screen li {
  border: 0;
  background-color: transparent;
}
.bsb #menu-offscreen-canvas .menu-off-screen li a {
  font-family: "Exo", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 1rem;
  background-color: #788190;
  border-left: 8px solid #b3202a;
}
.bsb footer {
  background-color: #242d3c;
  color: white;
}
.bsb footer a {
  font-family: "Sora", sans-serif;
  font-weight: 400;
  color: white;
}
.bsb footer .footer-text img {
  margin: 0 20px 10px 0;
  max-width: 150px;
}
.bsb footer .social-bar a strong {
  font-size: 1rem;
}
.bsb footer .copyright-logo {
  background: #788190;
  padding: 10px 0;
  font-family: "Exo", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  font-weight: 400;
}
.bsb footer .copyright-logo img {
  max-width: 100px;
}
.bsb footer .partners {
  background-color: white;
  color: black;
}
.bsb footer .partners p {
  font-family: "Exo", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  font-weight: 400;
  margin: 0;
  text-align: center;
}
.bsb .social-bar a {
  font-family: "Exo", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
}
.bsb .social-bar a strong {
  font-weight: 600;
}
.bsb .powered-by {
  background-color: #0684b7;
  color: white;
  padding: 8px 0;
  margin-bottom: 30px;
}
.bsb .powered-by h5 {
  margin: 0;
  text-transform: uppercase;
}
.bsb .powered-by p {
  margin: 0;
  color: white;
  margin-right: 5px;
  line-height: unset;
}
@media print, screen and (max-width: 40em) {
  .bsb .powered-by img {
    max-width: 100px;
    padding: 10px 0;
  }
}
.bsb .powered-by:last-child {
  margin-bottom: 0;
}
.bsb .article-container {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  grid-gap: 30px;
  -ms-grid-columns: 1fr 30px 1fr;
  grid-template-columns: repeat(2, 1fr);
}
.bsb .article-container > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.bsb .article-container > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.bsb .article-container .news-article-list:nth-child(n+10) {
  display: none;
}
@media print, screen and (min-width: 641px) and (max-width: 1024px) {
  .bsb .article-container {
    -ms-grid-columns: 1fr 30px 1fr 30px 1fr;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media print, screen and (min-width: 1025px) and (max-width: 1300px) {
  .bsb .article-container {
    -ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr;
    grid-template-columns: repeat(4, 1fr);
  }
}
@media print, screen and (min-width: 1301px) and (max-width: 1700px) {
  .bsb .article-container {
    -ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr;
    grid-template-columns: repeat(5, 1fr);
  }
  .bsb .article-container .news-article-list:nth-child(n+10) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media print, screen and (min-width: 1701px) {
  .bsb .article-container {
    -ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr;
    grid-template-columns: repeat(6, 1fr);
  }
  .bsb .article-container .news-article-list:nth-child(n+10) {
    display: none;
  }
}
@media print, screen and (max-width: 641px) {
  .bsb .article-container .news-article-list:nth-child(n+6) {
    display: none;
  }
}
.bsb .article-container .news-article-list:first-child {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3; /* span from grid column line 1 to 3 (i.e., span 2 columns) */
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/3; /* same concept, but for rows */
}
.bsb .article-container .news-article-list:first-child .text-content {
  font-size: 2rem;
  line-height: 30px;
}
.bsb .news-article-container {
  padding: 40px 0;
}
.bsb .news-article-list {
  position: relative;
  background: #b3202a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.bsb .news-article-list .text-content {
  font-family: "Exo", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  padding: 10px;
  line-height: 16px;
  text-align: left;
  letter-spacing: 0.5px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.bsb .news-article-list .img-wrapper {
  overflow: hidden;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
.bsb .news-article-list .header {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  /* need this to make the lines go the right height - this has to match the .date tag below */
}
.bsb .news-article-list .header .bkgrd {
  background: repeating-linear-gradient(110deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 7px, rgba(255, 255, 255, 0.6) 7px, rgba(255, 255, 255, 0.6) 11px);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.bsb .news-article-list .header p {
  font-family: "Exo", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  color: white;
  font-size: 1rem;
  padding: 0 10px;
  margin-bottom: 0;
}
.bsb .news-article-list .date {
  font-family: "Exo", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  background-color: #788190;
  color: white;
  font-size: 1rem;
  padding: 0 10px;
  margin-bottom: 0;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
}
.bsb .news-article-list.type-News img {
  border-top: 0;
}
.bsb .news-article-list.type-News .icon, .bsb .news-article-list.type-News .text-content {
  background: #b3202a;
}
.bsb .news-article-list.type-Facebook {
  background: #3C5A9A;
}
.bsb .news-article-list.type-Facebook img {
  border-top: 0;
}
.bsb .news-article-list.type-Facebook .icon, .bsb .news-article-list.type-Facebook .text-content {
  background: #3C5A9A;
}
.bsb .news-article-list.type-Twitter {
  background: #1DA1F3;
}
.bsb .news-article-list.type-Twitter img {
  border-top: 0;
}
.bsb .news-article-list.type-Twitter .icon, .bsb .news-article-list.type-Twitter .text-content {
  background: #1DA1F3;
}
.bsb .news-article-list.type-Instagram {
  background: #EF6429;
}
.bsb .news-article-list.type-Instagram img {
  border-top: 0;
}
.bsb .news-article-list.type-Instagram .icon, .bsb .news-article-list.type-Instagram .text-content {
  background: #EF6429;
}
.bsb .news-article-list.type-YouTube img {
  border-top: 0;
}
.bsb .news-article-list.type-YouTube .icon, .bsb .news-article-list.type-YouTube .text-content {
  background: #ff0101;
}
.bsb .news-article-list img {
  -webkit-transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  width: 100%;
}
.bsb .news-article-list:hover img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.bsb .news-article-list.col-1 {
  background-color: #b3202a;
}
.bsb .news-article-list.col-1 .icon, .bsb .news-article-list.col-1 .text-content {
  background: #b3202a;
}
.bsb .news-article-list.col-2 {
  background-color: #25529d;
}
.bsb .news-article-list.col-2 .icon, .bsb .news-article-list.col-2 .text-content {
  background: #25529d;
}
.bsb .news-article-list.col-3 {
  background-color: #ffdc00;
  color: black;
}
.bsb .news-article-list.col-3 .icon, .bsb .news-article-list.col-3 .text-content {
  background: #ffdc00;
  color: black;
}
.bsb .news-article-list.col-4 {
  background-color: #8730a7;
}
.bsb .news-article-list.col-4 .icon, .bsb .news-article-list.col-4 .text-content {
  background: #8730a7;
}
.bsb .news-article-list.col-5 {
  background-color: #098927;
}
.bsb .news-article-list.col-5 .icon, .bsb .news-article-list.col-5 .text-content {
  background: #098927;
}
.bsb .news-article-list.col-6 {
  background-color: black;
}
.bsb .news-article-list.col-6 .icon, .bsb .news-article-list.col-6 .text-content {
  background: black;
}
.bsb .news-article-list.col-7 {
  background-color: #fe6000;
}
.bsb .news-article-list.col-7 .icon, .bsb .news-article-list.col-7 .text-content {
  background: #fe6000;
}
.bsb .calendar-quick-view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #242d3c;
  color: white;
  width: 100%;
}
@media print, screen and (min-width: 40em) {
  .bsb .calendar-quick-view {
    overflow: auto;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    padding: 30px 30px 40px 30px;
    /* Buttons */
    /* Up */
    /* Down */
    /* Left */
    /* Right */
  }
  .bsb .calendar-quick-view::-webkit-scrollbar {
    width: 16px;
    height: 16px;
  }
  .bsb .calendar-quick-view::-webkit-scrollbar-corner, .bsb .calendar-quick-view::-webkit-scrollbar-track {
    background-color: black;
  }
  .bsb .calendar-quick-view::-webkit-scrollbar-thumb {
    background-color: #b3202a;
    /*background-clip: padding-box;*/
    /*border: 2px solid black;*/
    border-radius: 20px;
  }
  .bsb .calendar-quick-view::-webkit-scrollbar-thumb:hover {
    background-color: #dd424d;
  }
  .bsb .calendar-quick-view::-webkit-scrollbar-thumb:active {
    background-color: #e15861;
  }
  .bsb .calendar-quick-view::-webkit-scrollbar-button:single-button {
    background-color: #b3202a;
    display: block;
    background-size: 10px;
    background-repeat: no-repeat;
  }
  .bsb .calendar-quick-view::-webkit-scrollbar-button:single-button:vertical:decrement {
    height: 12px;
    width: 16px;
    background-position: center 4px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(255, 255, 255)'><polygon points='50,00 0,50 100,50'/></svg>");
  }
  .bsb .calendar-quick-view::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(112, 112, 112)'><polygon points='50,00 0,50 100,50'/></svg>");
  }
  .bsb .calendar-quick-view::-webkit-scrollbar-button:single-button:vertical:decrement:active {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(128, 128, 128)'><polygon points='50,00 0,50 100,50'/></svg>");
  }
  .bsb .calendar-quick-view::-webkit-scrollbar-button:single-button:vertical:increment {
    height: 12px;
    width: 16px;
    background-position: center 2px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(255, 255, 255)'><polygon points='0,0 100,0 50,50'/></svg>");
  }
  .bsb .calendar-quick-view::-webkit-scrollbar-button:single-button:vertical:increment:hover {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(112, 112, 112)'><polygon points='0,0 100,0 50,50'/></svg>");
  }
  .bsb .calendar-quick-view::-webkit-scrollbar-button:single-button:vertical:increment:active {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(128, 128, 128)'><polygon points='0,0 100,0 50,50'/></svg>");
  }
  .bsb .calendar-quick-view::-webkit-scrollbar-button:single-button:horizontal:decrement {
    height: 12px;
    width: 12px;
    background-position: 3px 3px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(255, 255, 255)'><polygon points='0,50 50,100 50,0'/></svg>");
  }
  .bsb .calendar-quick-view::-webkit-scrollbar-button:single-button:horizontal:decrement:hover {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(112, 112, 112)'><polygon points='0,50 50,100 50,0'/></svg>");
  }
  .bsb .calendar-quick-view::-webkit-scrollbar-button:single-button:horizontal:decrement:active {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(128, 128, 128)'><polygon points='0,50 50,100 50,0'/></svg>");
  }
  .bsb .calendar-quick-view::-webkit-scrollbar-button:single-button:horizontal:increment {
    height: 12px;
    width: 12px;
    background-position: 3px 3px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(255, 255, 255)'><polygon points='0,0 0,100 50,50'/></svg>");
  }
  .bsb .calendar-quick-view::-webkit-scrollbar-button:single-button:horizontal:increment:hover {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(112, 112, 112)'><polygon points='0,0 0,100 50,50'/></svg>");
  }
  .bsb .calendar-quick-view::-webkit-scrollbar-button:single-button:horizontal:increment:active {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(128, 128, 128)'><polygon points='0,0 0,100 50,50'/></svg>");
  }
}
@media print, screen and (max-width: 40em) {
  .bsb .calendar-quick-view {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 10px 10px 20px 10px;
  }
}
.bsb .calendar-quick-view .round {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  border-width: 1px;
  border-style: solid;
  padding: 0;
  /* need this to make sure there is 30px of padding at the end*/
}
@media print, screen and (min-width: 40em) {
  .bsb .calendar-quick-view .round {
    max-width: 160px;
    min-height: 300px;
    margin-right: 10px;
    -o-border-image: linear-gradient(to bottom, rgb(120, 129, 144), rgba(120, 129, 144, 0)) 1 100%;
       border-image: -webkit-gradient(linear, left top, left bottom, from(rgb(120, 129, 144)), to(rgba(120, 129, 144, 0))) 1 100%;
       border-image: linear-gradient(to bottom, rgb(120, 129, 144), rgba(120, 129, 144, 0)) 1 100%;
    border-image-slice: 7 12 5;
  }
}
@media print, screen and (max-width: 40em) {
  .bsb .calendar-quick-view .round {
    border-color: rgb(120, 129, 144);
    margin-bottom: 15px;
  }
}
.bsb .calendar-quick-view .round img {
  max-width: 120px;
}
@media print, screen and (max-width: 40em) {
  .bsb .calendar-quick-view .round img {
    max-width: 50px;
  }
}
.bsb .calendar-quick-view .round h5, .bsb .calendar-quick-view .round h6 {
  margin-bottom: 0;
}
.bsb .calendar-quick-view .round h5 {
  font-size: 0.9rem;
}
.bsb .calendar-quick-view .round h6 {
  font-size: 0.8rem;
}
.bsb .calendar-quick-view .round.past img {
  -webkit-filter: opacity(0.3) brightness(0) invert(1);
          filter: opacity(0.3) brightness(0) invert(1);
}
.bsb .calendar-quick-view .round.past h5, .bsb .calendar-quick-view .round.past h6 {
  -webkit-filter: opacity(0.3);
          filter: opacity(0.3);
}
.bsb .calendar-quick-view .round .date-expanded, .bsb .calendar-quick-view .round .schedule, .bsb .calendar-quick-view .round .more-info {
  display: none;
}
.bsb .calendar-quick-view .round .number, .bsb .calendar-quick-view .round .layout {
  font-weight: 400;
}
.bsb .calendar-quick-view .round .expand-icon {
  font-size: 2rem;
}
@media print, screen and (max-width: 40em) {
  .bsb .calendar-quick-view .round .venue, .bsb .calendar-quick-view .round .layout, .bsb .calendar-quick-view .round .number, .bsb .calendar-quick-view .round .date {
    text-align: left;
    font-size: 1.2rem;
  }
}
.bsb .calendar-quick-view .round.selected {
  padding-bottom: 20px;
  cursor: auto;
}
@media print, screen and (min-width: 40em) {
  .bsb .calendar-quick-view .round.selected {
    /*min-width: 350px;*/
    max-width: unset;
  }
  .bsb .calendar-quick-view .round.selected .date-expanded {
    display: block;
  }
  .bsb .calendar-quick-view .round.selected .date {
    display: none;
  }
}
@media print, screen and (max-width: 40em) {
  .bsb .calendar-quick-view .round.selected {
    padding: 10px 5px;
  }
  .bsb .calendar-quick-view .round.selected .venue, .bsb .calendar-quick-view .round.selected .layout, .bsb .calendar-quick-view .round.selected .number, .bsb .calendar-quick-view .round.selected .date {
    display: block;
  }
  .bsb .calendar-quick-view .round.selected .layout {
    font-size: 1rem;
  }
  .bsb .calendar-quick-view .round.selected br {
    display: none;
  }
  .bsb .calendar-quick-view .round.selected img {
    max-width: 100px;
  }
  .bsb .calendar-quick-view .round.selected .venue {
    font-size: 1.3rem;
  }
  .bsb .calendar-quick-view .round.selected .date-expanded {
    font-size: 1.2rem;
  }
  .bsb .calendar-quick-view .round.selected .expand-icon {
    display: none;
  }
}
.bsb .calendar-quick-view .round.selected .info {
  border-bottom: 1px solid rgb(120, 129, 144);
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.bsb .calendar-quick-view .round.selected .number {
  display: none;
}
.bsb .calendar-quick-view .round.selected .schedule {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 10px;
}
.bsb .calendar-quick-view .round.selected .more-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
}
.bsb .calendar-quick-view .round.end, .bsb .calendar-quick-view .round.start {
  border: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0px;
  margin: 0;
}
.bsb .calendar-quick-view .round.end {
  min-width: 30px;
}
.bsb .calendar-quick-view .round.round-select {
  cursor: pointer;
}
.bsb .calendar-quick-view .round.round-select:hover {
  background: rgb(36, 45, 60);
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(36, 45, 60)), color-stop(56%, rgb(36, 45, 60)), to(rgb(18, 22, 29)));
  background: linear-gradient(0deg, rgb(36, 45, 60) 0%, rgb(36, 45, 60) 56%, rgb(18, 22, 29) 100%);
  border: 1px solid #788190;
}
.bsb .calendar-quick-view .round.round-select:hover img {
  -webkit-filter: opacity(1);
          filter: opacity(1);
}
.bsb .calendar-quick-view .round.round-select:hover h5, .bsb .calendar-quick-view .round.round-select:hover h6 {
  -webkit-filter: opacity(1);
          filter: opacity(1);
}
.bsb .calendar-quick-view .schedule {
  text-align: left;
}
.bsb .calendar-quick-view .schedule ul {
  list-style: none;
  margin: 0;
  width: 100%;
  -webkit-column-gap: 0px;
     -moz-column-gap: 0px;
          column-gap: 0px;
}
@media print, screen and (min-width: 40em) {
  .bsb .calendar-quick-view .schedule ul {
    -webkit-column-gap: 25px;
       -moz-column-gap: 25px;
            column-gap: 25px;
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
  }
}
.bsb .calendar-quick-view .schedule li {
  font-family: "Exo", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.7rem;
  font-weight: 400;
}
.bsb .calendar-quick-view .schedule li strong {
  font-weight: 600;
  text-align: left;
}
.bsb .calendar-quick-view .schedule li .mono-font {
  font-family: "Share Tech Mono", monospace;
}
.bsb .round-page .round-info-container {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  grid-gap: 30px;
  -ms-grid-columns: 1fr 30px 1fr;
  grid-template-columns: repeat(2, 1fr);
  padding-top: 20px;
}
.bsb .round-page .round-info-container > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.bsb .round-page .round-info-container > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
@media print, screen and (min-width: 641px) and (max-width: 1024px) {
  .bsb .round-page .round-info-container {
    /* Make the schedule span 2 columns so it appears underneath the map and stats*/
  }
  .bsb .round-page .round-info-container .cell.round-full {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
  }
}
@media print, screen and (min-width: 1025px) {
  .bsb .round-page .round-info-container {
    /* Make the map span 2 rows, so it forces the schedule to appear under the stats */
  }
  .bsb .round-page .round-info-container .cell:first-child {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3;
  }
}
@media print, screen and (max-width: 641px) {
  .bsb .round-page .round-info-container {
    /* force mobile to only show 1 column */
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
  }
}
.bsb .round-full {
  margin-top: 10px;
}
.bsb .round-full .schedule {
  text-align: left;
  background-color: #242d3c;
  color: white;
  padding: 10px;
}
.bsb .round-full .schedule ul {
  list-style: none;
  margin: 0;
  width: 100%;
  -webkit-column-gap: 0px;
     -moz-column-gap: 0px;
          column-gap: 0px;
}
@media print, screen and (min-width: 40em) {
  .bsb .round-full .schedule ul {
    -webkit-column-gap: 25px;
       -moz-column-gap: 25px;
            column-gap: 25px;
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
  }
}
.bsb .round-full .schedule li {
  font-family: "Exo", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.7rem;
  font-weight: 400;
  border-bottom: 1px solid #788190;
}
@media print, screen and (max-width: 40em) {
  .bsb .round-full .schedule li {
    font-size: 0.6rem;
  }
}
.bsb .round-full .schedule li strong {
  font-weight: 600;
  text-align: left;
}
.bsb .round-full .schedule li .time {
  font-weight: 400;
  font-family: "Share Tech Mono", monospace;
}
.bsb .standings {
  margin-bottom: 30px;
}
.bsb .standings .filter-bar {
  background-color: #788190;
  text-align: center;
  padding: 20px 0;
}
.bsb .standings .podium {
  color: white;
  background-color: #b3202a;
  background: -webkit-gradient(linear, left bottom, left top, from(#fff), color-stop(5%, #fff), color-stop(5%, #b3202a), color-stop(90%, #b3202a), color-stop(90%, #788190), to(#788190));
  background: linear-gradient(0deg, #fff 0%, #fff 5%, #b3202a 5%, #b3202a 90%, #788190 90%, #788190 100%);
  position: relative;
  margin-bottom: 20px;
}
.bsb .standings .podium .bkgrd {
  background: repeating-linear-gradient(110deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 7px, rgba(255, 255, 255, 0.2) 7px, rgba(255, 255, 255, 0.2) 11px);
  width: 100%;
  height: 100%;
  background-position: bottom center;
  background-size: 100% 50%;
  background-repeat: no-repeat;
}
.bsb .standings .podium h5, .bsb .standings .podium h6 {
  margin-bottom: 0;
}
.bsb .standings .podium .first .pos-bkgrd {
  padding: 12px;
  background-color: #bf9831;
}
.bsb .standings .podium .second .pos-bkgrd {
  padding: 6px;
  background-color: #a8a8a8;
}
.bsb .standings .podium .third .pos-bkgrd {
  padding: 6px;
  background-color: #834f1d;
}
.bsb .standings .standings-row-header {
  background-color: #242d3c;
  color: white;
}
.bsb .standings .standings-row-header h5 {
  margin: 0;
  padding: 8px 2px;
}
.bsb .standings .standings-row-header > .grid-x .cell:first-child {
  padding-left: 5px;
}
.bsb .standings .standings-row {
  border-bottom: 1px solid #99a0aa;
  padding: 6px 0;
}
.bsb .standings .standings-row h5, .bsb .standings .standings-row p {
  margin-bottom: 0;
}
.bsb .standings .standings-row h5 {
  font-size: 1rem;
}
.bsb .standings .standings-row .pos {
  font-weight: 600;
  font-family: "Share Tech Mono", monospace;
}
.bsb .standings .standings-row .driver {
  font-weight: 400;
}
.bsb .standings .standings-row .driver strong {
  font-weight: 600;
  color: #b3202a;
  font-weight: 600;
}
.bsb .standings .standings-row .team {
  font-size: 0.9rem;
  color: #99a0aa;
  font-weight: 400;
}
.bsb .standings .standings-row .points {
  font-weight: 400;
}
.bsb .standings .standings-row .points strong {
  font-weight: 400;
  font-family: "Share Tech Mono", monospace;
}
.bsb .standings .standings-row .time, .bsb .standings .standings-row .gap, .bsb .standings .standings-row .diff {
  font-weight: 400;
  font-family: "Share Tech Mono", monospace;
}
.bsb .standings #last-round-result {
  display: none;
}
.bsb .standings #last-round-result .round-title {
  background-color: #788190;
  padding-bottom: 20px;
}
.bsb .standings #last-round-result .round-title h5 {
  margin-bottom: 0;
  color: white;
  text-align: center;
}
.bsb .round-info {
  height: 100%;
  position: relative;
}
.bsb .round-info .overlay.past {
  background-color: rgba(34, 45, 60, 0.6);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.bsb .round-info > a {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.bsb .round-info > a > picture {
  text-align: center;
}
.bsb .round-info .card-divider {
  padding: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: white;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.bsb .round-info .card-divider .header {
  background-color: #788190;
  padding: 5px 12px;
}
.bsb .round-info .card-divider > .grid-x {
  height: 100%;
}
.bsb .round-info .card-divider .details {
  background-color: #b3202a;
  padding: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.bsb .round-info .card-divider .circuit-layout {
  background-color: #242d3c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.bsb .round-info .card-divider h3 {
  line-height: 28px;
  margin-bottom: 0;
  font-size: 1.5rem;
}
.bsb .round-info .card-divider p {
  margin-bottom: 0;
}
.bsb .round-info picture {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
.bsb .round-info .card-section {
  background-color: #788190;
  padding: 5px 0 10px 0;
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
@media print, screen and (min-width: 40em) {
  .bsb .round-info .card-section .grid-padding-y > .cell {
    padding-top: 10px;
    padding-bottom: 5px;
  }
}
.bsb .round-info .card-section .bkgrd {
  background: repeating-linear-gradient(110deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 7px, rgba(255, 255, 255, 0.2) 7px, rgba(255, 255, 255, 0.2) 11px);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 62px;
}
.bsb .round-info .card-section .button.disabled {
  color: #656565;
  opacity: 1;
}
.bsb .round-info .card-section .button.disabled.brand-col {
  background-color: #591014;
}
.bsb .round-info .card-section .button.disabled.secondary-col {
  background-color: #12161e;
}
.bsb .round-info .card-section .button.disabled.third-col {
  background-color: #272727;
}
.bsb .driver-info {
  color: white;
  background-color: #788190;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(90%, #788190), color-stop(90%, #fff), color-stop(90%, #fff));
  background: linear-gradient(0deg, #788190 90%, #fff 90%, #fff 90%);
  position: relative;
  border: 0;
  height: 100%;
}
.bsb .driver-info .card-section {
  background-color: #242d3c;
  padding: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.bsb .driver-info .card-section h4 {
  font-weight: 400;
  margin-bottom: 0;
  line-height: 24px;
}
.bsb .driver-info .card-section h4 strong {
  font-weight: 600;
}
.bsb .driver-info .bkgrd {
  background: repeating-linear-gradient(110deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 7px, rgba(255, 255, 255, 0.2) 7px, rgba(255, 255, 255, 0.2) 11px);
  background-position: bottom center;
  background-size: 100% 50%;
  background-repeat: no-repeat;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
.bsb .driver-info .bkgrd > picture > img {
  /*make the image float above everything else*/
  position: relative;
  -webkit-transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  width: 100%;
}
.bsb .driver-info .bkgrd > picture > img:hover {
  -webkit-filter: brightness(0.5);
          filter: brightness(0.5);
}
.bsb .driver-info .bkgrd1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
.bsb .driver-info .header {
  position: absolute;
  top: 10%;
  left: 0;
  width: 100%;
}
.bsb .driver-info .header .number {
  font-family: "Exo", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  background-color: #b3202a;
  font-size: 2rem;
  display: inline-block;
  padding: 0 20px;
  margin: 0;
}
.bsb .driver-info .header img {
  float: right;
  padding: 10px;
}
.bsb .driver-info.support {
  background: #788190;
}
.bsb .driver-info.support .header {
  top: 0;
}
.bsb .driver-info.support .bkgrd > picture > img {
  position: unset;
}
.bsb .driver-info.support .bkgrd1 {
  position: relative;
}
.bsb .driver-info.support p {
  margin-bottom: 0;
}
.bsb .driver-info.support .sub-classification {
  font-family: "Exo", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  position: absolute;
  font-size: 1.2rem;
  right: 0;
  bottom: 0;
  background-color: #b3202a;
  padding: 10px;
}
.bsb .page-info {
  margin-bottom: 20px;
}
.bsb .page-info .card {
  color: white;
  background-color: #788190;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(80%, rgb(120, 129, 144)), color-stop(80%, rgb(255, 255, 255)), to(rgb(255, 255, 255)));
  background: linear-gradient(0deg, rgb(120, 129, 144) 80%, rgb(255, 255, 255) 80%, rgb(255, 255, 255) 100%);
  position: relative;
  border: 0;
}
.bsb .page-info .card.legend {
  background: white;
}
.bsb .page-info .card .bkgrd {
  background: repeating-linear-gradient(110deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 7px, rgba(255, 255, 255, 0.2) 7px, rgba(255, 255, 255, 0.2) 11px);
  width: 100%;
  height: 100%;
  background-position: bottom center;
  background-size: 100% 50%;
  background-repeat: no-repeat;
}
.bsb .page-info .card .card-section {
  background-color: #242d3c;
  padding: 0px;
}
.bsb .page-info .card .card-section > .grid-x {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.bsb .page-info .card .card-section h4 {
  font-weight: 400;
  margin-bottom: 0;
  line-height: 32px;
  font-size: 2.2rem;
}
.bsb .page-info .card .card-section h4 strong {
  font-weight: 600;
}
.bsb .page-info .card .card-section .number {
  background-color: #b3202a;
}
.bsb .page-info .card .card-section .number p {
  font-family: "Exo", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 2rem;
  display: inline-block;
  padding: 0 20px;
  margin: 0;
}
.bsb .page-info .card .card-section .name {
  padding: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.bsb .page-info .card .card-section .name p {
  margin: 0;
}
.bsb .page-info .card .card-section .flag {
  padding: 0 10px 0 0;
}
.bsb .page-info .text-info {
  color: black;
}
.bsb .page-info .text-info .label {
  font-family: "Exo", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  color: black;
  font-size: 1rem;
  background-color: unset;
  white-space: normal;
}
.bsb .page-info .text-info > .grid-x {
  border-bottom: 1px solid #788190;
  padding: 5px 0;
}
.bsb .page-info .text-info > .grid-x:last-child {
  border-bottom: 0;
}
.bsb .driver-page {
  margin-top: 20px;
}
.bsb .driver-page .page-info .text-info {
  margin-top: 5%; /*Dont know why this number works, but it does*/
}
.bsb .team-info {
  color: white;
  border: 0;
  height: 100%;
}
.bsb .team-info > a {
  background-color: #788190;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(90%, #788190), color-stop(90%, #fff), color-stop(90%, #fff));
  background: linear-gradient(0deg, #788190 90%, #fff 90%, #fff 90%);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
.bsb .team-info img {
  -webkit-transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  width: 100%;
}
.bsb .team-info img:hover {
  -webkit-filter: brightness(0.5);
          filter: brightness(0.5);
}
.bsb .team-info .card-section {
  padding: 0;
  background-color: #242d3c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.bsb .team-info .card-section > a {
  width: 100%;
}
.bsb .team-info .card-section .team {
  padding: 15px;
  text-align: center;
}
.bsb .team-info .card-section h4 {
  margin-bottom: 0;
  line-height: 24px;
  color: white;
}
@media only screen and (max-width: 40em) {
  .bsb .team-info .card-section h4 {
    font-size: 1.5rem;
  }
}
.bsb .team-info .riders {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(90%, #b3202a), color-stop(90%, #242d3c));
  background: linear-gradient(0deg, #b3202a 90%, #242d3c 90%);
  color: white;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 10px;
}
.bsb .team-info .riders > .grid-x {
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.bsb .team-info .riders strong {
  font-weight: 600;
}
.bsb .team-info .riders p, .bsb .team-info .riders img {
  margin-bottom: 0;
}
.bsb .team-info .riders p {
  margin-top: 5px;
  font-family: "Exo", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 400;
  color: white;
  word-spacing: 100vw;
  line-height: 20px;
}
.bsb .team-info .riders .cell {
  text-align: center;
  position: relative;
}
.bsb .team-info .bkgrd {
  background: repeating-linear-gradient(110deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 7px, rgba(255, 255, 255, 0.2) 7px, rgba(255, 255, 255, 0.2) 11px);
  width: 100%;
  height: 100%;
  background-position: bottom center;
  background-size: 100% 50%;
  background-repeat: no-repeat;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
.bsb .team-info .header {
  position: absolute;
  top: 10%;
  left: 0;
  background-color: #b3202a;
  padding: 3px 15px;
}
.bsb .team-info .header img {
  max-width: 30px;
}
.bsb .team-page {
  margin-top: 20px;
}
.bsb .team-page .driver-info.owner .header .number {
  font-size: 1.5rem;
  padding: 5px 20px;
}
.bsb .team-page .page-info .card-section {
  padding: 20px;
}
.bsb .team-page .page-info .card-section h4 {
  font-weight: 600;
}
.bsb .team-page .page-info .text-info {
  margin-top: 5%;
}
.bsb .team-page .drivers {
  background-color: #242d3c;
  padding: 10px 0 30px 0;
}
.bsb .team-page .drivers .driver-info {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(90%, #788190), color-stop(90%, #242d3c), color-stop(90%, #242d3c));
  background: linear-gradient(0deg, #788190 90%, #242d3c 90%, #242d3c 90%);
}
.bsb .team-page .drivers .driver-info .card-section {
  background-color: #b3202a;
}
.bsb .biography {
  background-color: #b3202a;
  color: white;
  padding: 20px 0;
}
.bsb .biography h4 {
  text-align: center;
}
@media only screen and (min-width: 40em) {
  .bsb .biography .text {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
  }
}
.bsb .biography a {
  color: #788190;
}
.bsb .partner-container {
  margin: 20px 0;
}
.bsb .partner-container .partner-wrapper {
  position: relative;
  height: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.bsb .partner-container .partner {
  position: absolute;
  z-index: 1;
  margin: 0;
  padding: 0 10px;
  text-align: center;
  background-color: white;
}
.bsb .partner-container .partner.active {
  z-index: 3;
}
.bsb .partner-container .partner img {
  width: 130px;
}
.bsb .partner-container .partner figcaption {
  font-family: "Exo", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  color: #788190;
}
.bsb .partners > .grid-x .cell.medium-shrink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.bsb .partners > .grid-x .cell.medium-shrink > .cell {
  width: unset;
}
.bsb .partners > .grid-x .cell.medium-auto {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.bsb .partners img {
  max-width: 80px;
}
.bsb .partners .cell.static img {
  max-width: 150px;
}
.bsb .filter-bar {
  background-color: #788190;
  text-align: center;
  padding: 10px;
  /*margin-bottom: 30px;*/
}
.bsb .filter-bar ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.bsb .filter-bar ul li {
  color: #fff;
  background: #b3202a;
  display: block;
  float: left;
  position: relative;
  text-decoration: none;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  /*&:hover > ul,
  &:focus-within > ul,
  ul:hover,
  ul:focus {
      visibility: visible;
      opacity: 1;
      display: block;
  }*/
}
.bsb .filter-bar ul li a {
  font-family: "Exo", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  color: white;
  font-size: 1rem;
  padding: 5px 15px;
  display: block;
}
.bsb .filter-bar ul li a.selected {
  background-color: #242d3c;
}
.bsb .filter-bar ul li:hover, .bsb .filter-bar ul li:focus-within {
  background: red;
}
.bsb .filter-bar ul li:focus-within a {
  outline: none;
}
.bsb .filter-bar ul li ul {
  visibility: hidden;
  opacity: 0;
  min-width: 5rem;
  position: absolute;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  margin-top: 0px;
  left: 0;
  display: none;
  width: 100%;
  z-index: 10;
}
.bsb .filter-bar ul li ul > li > a {
  border-left: 1px solid white;
  border-right: 1px solid white;
}
.bsb .filter-bar ul li.show ul.dropdown {
  visibility: visible;
  opacity: 1;
  display: block;
}
.bsb .filter-bar ul li ul li {
  clear: both;
  width: 100%;
}
.bsb .results-page .calendar-quick-view .round, .bsb .standings-page .calendar-quick-view .round {
  min-height: unset;
  max-width: unset;
}
.bsb .results-page .calendar-quick-view .round.selected, .bsb .standings-page .calendar-quick-view .round.selected {
  min-width: 0;
  background-color: #b3202a;
  border: 0;
}
.bsb .results-page .calendar-quick-view .round.selected.end, .bsb .standings-page .calendar-quick-view .round.selected.end {
  background-color: unset;
}
.bsb .results-page .calendar-quick-view .round.selected .date, .bsb .results-page .calendar-quick-view .round.selected .number, .bsb .standings-page .calendar-quick-view .round.selected .date, .bsb .standings-page .calendar-quick-view .round.selected .number {
  display: block;
}
.bsb .results-page .button.outline, .bsb .standings-page .button.outline {
  border: 1px solid #788190;
  color: #788190;
}
.bsb .results-page .button.outline.selected, .bsb .standings-page .button.outline.selected {
  color: white;
}
.bsb .results-page .standings-container, .bsb .results-page .results-container, .bsb .standings-page .standings-container, .bsb .standings-page .results-container {
  overflow: auto;
  height: 80vh;
  /* Buttons */
  /* Up */
  /* Down */
  /* Left */
  /* Right */
}
@media only screen and (min-width: 40em) {
  .bsb .results-page .standings-container .name, .bsb .results-page .results-container .name, .bsb .standings-page .standings-container .name, .bsb .standings-page .results-container .name {
    position: sticky;
    left: 0;
    min-width: 180px;
  }
}
.bsb .results-page .standings-container::-webkit-scrollbar, .bsb .results-page .results-container::-webkit-scrollbar, .bsb .standings-page .standings-container::-webkit-scrollbar, .bsb .standings-page .results-container::-webkit-scrollbar {
  width: 16px;
  height: 16px;
}
.bsb .results-page .standings-container::-webkit-scrollbar-corner, .bsb .results-page .standings-container::-webkit-scrollbar-track, .bsb .results-page .results-container::-webkit-scrollbar-corner, .bsb .results-page .results-container::-webkit-scrollbar-track, .bsb .standings-page .standings-container::-webkit-scrollbar-corner, .bsb .standings-page .standings-container::-webkit-scrollbar-track, .bsb .standings-page .results-container::-webkit-scrollbar-corner, .bsb .standings-page .results-container::-webkit-scrollbar-track {
  background-color: black;
}
.bsb .results-page .standings-container::-webkit-scrollbar-thumb, .bsb .results-page .results-container::-webkit-scrollbar-thumb, .bsb .standings-page .standings-container::-webkit-scrollbar-thumb, .bsb .standings-page .results-container::-webkit-scrollbar-thumb {
  background-color: #b3202a;
  /*background-clip: padding-box;*/
  /*border: 2px solid black;*/
  border-radius: 20px;
}
.bsb .results-page .standings-container::-webkit-scrollbar-thumb:hover, .bsb .results-page .results-container::-webkit-scrollbar-thumb:hover, .bsb .standings-page .standings-container::-webkit-scrollbar-thumb:hover, .bsb .standings-page .results-container::-webkit-scrollbar-thumb:hover {
  background-color: #dd424d;
}
.bsb .results-page .standings-container::-webkit-scrollbar-thumb:active, .bsb .results-page .results-container::-webkit-scrollbar-thumb:active, .bsb .standings-page .standings-container::-webkit-scrollbar-thumb:active, .bsb .standings-page .results-container::-webkit-scrollbar-thumb:active {
  background-color: #e15861;
}
.bsb .results-page .standings-container::-webkit-scrollbar-button:single-button, .bsb .results-page .results-container::-webkit-scrollbar-button:single-button, .bsb .standings-page .standings-container::-webkit-scrollbar-button:single-button, .bsb .standings-page .results-container::-webkit-scrollbar-button:single-button {
  background-color: #b3202a;
  display: block;
  background-size: 10px;
  background-repeat: no-repeat;
}
.bsb .results-page .standings-container::-webkit-scrollbar-button:single-button:vertical:decrement, .bsb .results-page .results-container::-webkit-scrollbar-button:single-button:vertical:decrement, .bsb .standings-page .standings-container::-webkit-scrollbar-button:single-button:vertical:decrement, .bsb .standings-page .results-container::-webkit-scrollbar-button:single-button:vertical:decrement {
  height: 12px;
  width: 16px;
  background-position: center 4px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(255, 255, 255)'><polygon points='50,00 0,50 100,50'/></svg>");
}
.bsb .results-page .standings-container::-webkit-scrollbar-button:single-button:vertical:decrement:hover, .bsb .results-page .results-container::-webkit-scrollbar-button:single-button:vertical:decrement:hover, .bsb .standings-page .standings-container::-webkit-scrollbar-button:single-button:vertical:decrement:hover, .bsb .standings-page .results-container::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(112, 112, 112)'><polygon points='50,00 0,50 100,50'/></svg>");
}
.bsb .results-page .standings-container::-webkit-scrollbar-button:single-button:vertical:decrement:active, .bsb .results-page .results-container::-webkit-scrollbar-button:single-button:vertical:decrement:active, .bsb .standings-page .standings-container::-webkit-scrollbar-button:single-button:vertical:decrement:active, .bsb .standings-page .results-container::-webkit-scrollbar-button:single-button:vertical:decrement:active {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(128, 128, 128)'><polygon points='50,00 0,50 100,50'/></svg>");
}
.bsb .results-page .standings-container::-webkit-scrollbar-button:single-button:vertical:increment, .bsb .results-page .results-container::-webkit-scrollbar-button:single-button:vertical:increment, .bsb .standings-page .standings-container::-webkit-scrollbar-button:single-button:vertical:increment, .bsb .standings-page .results-container::-webkit-scrollbar-button:single-button:vertical:increment {
  height: 12px;
  width: 16px;
  background-position: center 2px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(255, 255, 255)'><polygon points='0,0 100,0 50,50'/></svg>");
}
.bsb .results-page .standings-container::-webkit-scrollbar-button:single-button:vertical:increment:hover, .bsb .results-page .results-container::-webkit-scrollbar-button:single-button:vertical:increment:hover, .bsb .standings-page .standings-container::-webkit-scrollbar-button:single-button:vertical:increment:hover, .bsb .standings-page .results-container::-webkit-scrollbar-button:single-button:vertical:increment:hover {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(112, 112, 112)'><polygon points='0,0 100,0 50,50'/></svg>");
}
.bsb .results-page .standings-container::-webkit-scrollbar-button:single-button:vertical:increment:active, .bsb .results-page .results-container::-webkit-scrollbar-button:single-button:vertical:increment:active, .bsb .standings-page .standings-container::-webkit-scrollbar-button:single-button:vertical:increment:active, .bsb .standings-page .results-container::-webkit-scrollbar-button:single-button:vertical:increment:active {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(128, 128, 128)'><polygon points='0,0 100,0 50,50'/></svg>");
}
.bsb .results-page .standings-container::-webkit-scrollbar-button:single-button:horizontal:decrement, .bsb .results-page .results-container::-webkit-scrollbar-button:single-button:horizontal:decrement, .bsb .standings-page .standings-container::-webkit-scrollbar-button:single-button:horizontal:decrement, .bsb .standings-page .results-container::-webkit-scrollbar-button:single-button:horizontal:decrement {
  height: 12px;
  width: 12px;
  background-position: 3px 3px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(255, 255, 255)'><polygon points='0,50 50,100 50,0'/></svg>");
}
.bsb .results-page .standings-container::-webkit-scrollbar-button:single-button:horizontal:decrement:hover, .bsb .results-page .results-container::-webkit-scrollbar-button:single-button:horizontal:decrement:hover, .bsb .standings-page .standings-container::-webkit-scrollbar-button:single-button:horizontal:decrement:hover, .bsb .standings-page .results-container::-webkit-scrollbar-button:single-button:horizontal:decrement:hover {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(112, 112, 112)'><polygon points='0,50 50,100 50,0'/></svg>");
}
.bsb .results-page .standings-container::-webkit-scrollbar-button:single-button:horizontal:decrement:active, .bsb .results-page .results-container::-webkit-scrollbar-button:single-button:horizontal:decrement:active, .bsb .standings-page .standings-container::-webkit-scrollbar-button:single-button:horizontal:decrement:active, .bsb .standings-page .results-container::-webkit-scrollbar-button:single-button:horizontal:decrement:active {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(128, 128, 128)'><polygon points='0,50 50,100 50,0'/></svg>");
}
.bsb .results-page .standings-container::-webkit-scrollbar-button:single-button:horizontal:increment, .bsb .results-page .results-container::-webkit-scrollbar-button:single-button:horizontal:increment, .bsb .standings-page .standings-container::-webkit-scrollbar-button:single-button:horizontal:increment, .bsb .standings-page .results-container::-webkit-scrollbar-button:single-button:horizontal:increment {
  height: 12px;
  width: 12px;
  background-position: 3px 3px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(255, 255, 255)'><polygon points='0,0 0,100 50,50'/></svg>");
}
.bsb .results-page .standings-container::-webkit-scrollbar-button:single-button:horizontal:increment:hover, .bsb .results-page .results-container::-webkit-scrollbar-button:single-button:horizontal:increment:hover, .bsb .standings-page .standings-container::-webkit-scrollbar-button:single-button:horizontal:increment:hover, .bsb .standings-page .results-container::-webkit-scrollbar-button:single-button:horizontal:increment:hover {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(112, 112, 112)'><polygon points='0,0 0,100 50,50'/></svg>");
}
.bsb .results-page .standings-container::-webkit-scrollbar-button:single-button:horizontal:increment:active, .bsb .results-page .results-container::-webkit-scrollbar-button:single-button:horizontal:increment:active, .bsb .standings-page .standings-container::-webkit-scrollbar-button:single-button:horizontal:increment:active, .bsb .standings-page .results-container::-webkit-scrollbar-button:single-button:horizontal:increment:active {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(128, 128, 128)'><polygon points='0,0 0,100 50,50'/></svg>");
}
.bsb .results-page #sessions, .bsb .standings-page #sessions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
}
.bsb .results-page #sessions .session, .bsb .standings-page #sessions .session {
  /*flex: 1 1 0px;*/
  min-width: 150px;
}
.bsb .results {
  /* reset all styles */
}
.bsb .results td, .bsb .results th, .bsb .results tr, .bsb .results tbody, .bsb .results thead, .bsb .results table {
  border: 0;
  background-color: white;
}
.bsb .results th {
  background-color: #242d3c;
  font-family: "Exo", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  color: white;
  padding: 10px;
  font-size: 1rem;
  position: sticky;
  top: 0;
  z-index: 3;
}
.bsb .results th h6 {
  font-size: 0.8rem;
}
.bsb .results tr:nth-child(even) td {
  background-color: #edeef0;
}
.bsb .results td {
  font-family: "Share Tech Mono", monospace;
  text-align: center;
  font-size: 1rem;
}
.bsb .results .pos {
  font-family: "Exo", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  color: #242d3c;
  font-size: 1rem;
}
.bsb .results .num {
  font-family: "Exo", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  background-color: #788190 !important;
  color: white;
  font-size: 1rem;
}
.bsb .results .name {
  text-align: left;
}
.bsb .results .name h4 {
  font-size: 1rem;
  font-weight: 400;
  margin: 0;
  line-height: 20px;
}
.bsb .results .name h4 strong {
  font-weight: 600;
  color: #b3202a;
}
.bsb .results .name p {
  margin: 0;
  line-height: 15px;
  font-family: "Sora", sans-serif;
  font-size: 0.8rem;
}
.bsb .results .points {
  font-family: "Exo", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 1rem;
}
@media only screen and (min-width: 40em) {
  .bsb .results .points {
    background-color: #b3202a !important;
    color: white;
  }
}
.bsb .results .rounds {
  font-weight: 600;
}
.bsb .results .alt-round {
  background-color: #edeef0 !important;
  width: 35px;
}
.bsb .results .round {
  background-color: white !important;
  width: 35px;
}
.bsb .results .circuit-img {
  max-width: 60px;
}
.bsb .results td.best {
  background-color: #788190 !important;
  color: white;
}
.bsb .results .no-results {
  font-size: 1.5rem;
}
@media only screen and (min-width: 40em) {
  .bsb .gallery-image-container.shuffle {
    margin: 30px;
  }
}
.bsb .gallery-image-container .grid-item {
  float: left;
  margin: 0px;
}
.bsb .gallery-image-container .grid-item img {
  padding: 0px;
  -webkit-filter: brightness(1.2);
          filter: brightness(1.2);
}
.bsb .gallery-image-container .grid-item,
.bsb .gallery-image-container .grid-sizer {
  padding: 0;
  width: 50%;
}
@media only screen and (min-width: 600px) {
  .bsb .gallery-image-container .grid-item,
  .bsb .gallery-image-container .grid-sizer {
    width: 33.33%;
  }
}
@media only screen and (min-width: 800px) {
  .bsb .gallery-image-container .grid-item,
  .bsb .gallery-image-container .grid-sizer {
    width: 25%;
  }
}
@media only screen and (min-width: 1200px) {
  .bsb .gallery-image-container .grid-item,
  .bsb .gallery-image-container .grid-sizer {
    width: 20%;
  }
}
@media only screen and (min-width: 1200px) {
  .bsb .gallery-image-container .grid-item,
  .bsb .gallery-image-container .grid-sizer {
    width: 16.66%;
  }
}
.bsb .gallery-image-container .aspect {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  overflow: hidden;
}
.bsb .gallery-image-container .aspect__inner {
  position: absolute;
  overflow: hidden;
  top: 10px;
  right: 10px;
  bottom: 10px;
  left: 10px;
}
.bsb .gallery-image-container .aspect--16x9 {
  padding-bottom: 66.6%;
}
.bsb .gallery-image-container .aspect--9x16 {
  padding-bottom: 133.2%;
}
.bsb .gallery-filter .selected {
  display: none;
}
.bsb .gallery-filter.selected .selected {
  display: inline;
}
.bsb .large-countdown {
  background-color: #788190;
  padding: 30px 0;
  color: white;
}
.bsb .large-countdown .v-align-text {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.bsb .large-countdown h4, .bsb .large-countdown h5 {
  margin-bottom: 0;
}
.bsb .large-countdown h5:first-child {
  margin-bottom: 10px;
}
.bsb .large-countdown .countdown {
  margin-bottom: 15px;
}
@media (max-width: 40em) {
  .bsb .large-countdown .countdown {
    width: 100%;
  }
}
.bsb .large-countdown .countdown h2 {
  font-family: "Share Tech Mono", monospace;
  font-weight: 800;
  font-size: 4rem;
  text-align: center;
  margin: 0;
  width: 75px;
}
@media (max-width: 40em) {
  .bsb .large-countdown .countdown h2 {
    width: auto;
  }
}
.bsb .large-countdown .countdown h3 {
  font-size: 1rem;
  text-align: center;
}
.bsb .news {
  font-size: 1rem;
  margin: 30px 0;
}
.bsb .support-page .news-article-container {
  background-color: #242d3c;
}
.bsb .partner-type > .card-divider {
  background-color: #b3202a;
  color: white;
}
.bsb .partner-type .partner {
  height: 100%;
  border: 1px solid #788190;
}
.bsb .partner-type .partner > .card-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  background-color: #242d3c;
  color: white;
  padding: 5px;
}
.bsb .partner-type .partner > .card-section h5 {
  font-size: 1rem;
}
.bsb .tv-listings {
  padding: 30px 0;
}
.bsb .tv-listings .grid-x {
  margin-bottom: 20px;
}
.bsb .tv-listings h5, .bsb .tv-listings p, .bsb .tv-listings strong {
  margin-bottom: 0;
}
.bsb .tv-listings .cell:nth-child(1) {
  background-color: #b3202a;
  color: white;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.bsb .tv-listings .cell:nth-child(1) p {
  font-size: 1rem;
  font-family: "Exo", sans-serif;
}
.bsb .tv-listings .cell:nth-child(2) {
  background-color: #242d3c;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  padding: 0 20px;
}
.bsb .tv-listings .cell:nth-child(3) {
  background-color: #788190;
  color: white;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.9rem;
}
.bsb .tv-listings img {
  max-width: 250px;
}
.bsb .swiper-button-next, .bsb .swiper-button-prev {
  color: white;
}

/* Lightbox styling */
.glightbox-bsb .gslide-description {
  background: #fff;
}
.glightbox-bsb .gdesc-inner {
  padding: 22px 20px;
}
.glightbox-bsb .gslide-title {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  color: #000;
  margin-bottom: 0px;
  font-size: 1.2rem;
}
.glightbox-bsb .gslide-desc {
  font-size: 0.86em;
  margin-bottom: 0;
  font-family: arial;
  line-height: 1.4em;
}
.glightbox-bsb .gclose, .glightbox-bsb .gnext, .glightbox-bsb .gprev {
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 4px;
}
.glightbox-bsb .gclose path, .glightbox-bsb .gnext path, .glightbox-bsb .gprev path {
  fill: #fff;
}
.glightbox-bsb button:focus:not(.focused):not(.disabled) {
  outline: 0;
}
.glightbox-bsb .gprev {
  position: absolute;
  top: -100%;
  left: 30px;
  width: 40px;
  height: 50px;
}
.glightbox-bsb .gnext {
  position: absolute;
  top: -100%;
  right: 30px;
  width: 40px;
  height: 50px;
}
.glightbox-bsb .gclose {
  width: 35px;
  height: 35px;
  top: 15px;
  right: 10px;
  position: absolute;
}
.glightbox-bsb .gclose svg {
  width: 18px;
  height: auto;
}
.glightbox-bsb .gclose:hover {
  opacity: 1;
}
@media (min-width: 769px) {
  .glightbox-bsb .gslide-media {
    -webkit-box-shadow: 1px 2px 9px 0 rgba(0, 0, 0, 0.65);
    box-shadow: 1px 2px 9px 0 rgba(0, 0, 0, 0.65);
  }
  .glightbox-bsb .description-left .gdesc-inner, .glightbox-bsb .description-right .gdesc-inner {
    position: absolute;
    height: 100%;
    overflow-y: auto;
  }
  .glightbox-bsb .gclose, .glightbox-bsb .gnext, .glightbox-bsb .gprev {
    background-color: rgba(0, 0, 0, 0.32);
  }
  .glightbox-bsb .gclose:hover, .glightbox-bsb .gnext:hover, .glightbox-bsb .gprev:hover {
    background-color: rgba(0, 0, 0, 0.7);
  }
  .glightbox-bsb .gprev {
    top: 45%;
  }
  .glightbox-bsb .gnext {
    top: 45%;
  }
}
@media (min-width: 992px) {
  .glightbox-bsb .gclose {
    opacity: 0.7;
    right: 20px;
  }
}

:root {
  --partner-total-width: -1440px;
}

@-webkit-keyframes partnerscroll {
  0% {
    margin-left: 0px;
  }
  100% {
    margin-left: var(--partner-total-width);
  }
}

@keyframes partnerscroll {
  0% {
    margin-left: 0px;
  }
  100% {
    margin-left: var(--partner-total-width);
  }
}
.page-venue {
  height: 100%;
}
.page-venue nav {
  background: rgb(0, 0, 0);
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), color-stop(30%, rgba(0, 0, 0, 0.5)), color-stop(73%, rgba(0, 0, 0, 0.8)));
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, 0.8) 73%);
  padding: 10px 0;
}
.page-venue nav img {
  padding: 5px;
}
.page-venue nav .menu-dropdown li {
  display: inline-block;
  float: none;
  font-size: 1rem;
  padding: 5px 20px 5px 10px;
  border-left: 3px solid white;
  text-align: left;
  line-height: 10px;
}
.page-venue nav .menu-dropdown li a {
  font-family: "Titillium Web", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  color: white;
  text-transform: uppercase;
  font-size: 0.7rem;
  font-weight: 600;
}
.page-venue nav .menu-dropdown li a span {
  display: block;
}
.page-venue nav .menu-dropdown li i {
  color: white;
}
.page-venue nav .icon {
  padding-left: 25px;
}
.page-venue nav .icon i {
  font-size: 1.4rem;
  color: white;
}
.page-venue nav .icon span {
  font-size: 0.7rem;
  color: white;
}
.page-venue nav .menu {
  background-color: red;
  color: white;
  font-size: 1.4rem;
  padding: 10px 30px 10px 10px;
  margin-left: 25px;
}
.page-venue video {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}
.page-venue body {
  margin: 0;
}
.page-venue .viewport-header {
  font-family: "Titillium Web", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  position: relative;
  height: 100%;
}
.page-venue .viewport-header > .info {
  display: inline-block;
  position: absolute;
  left: 5%;
  top: 40%;
}
.page-venue .viewport-header > .info .overlay {
  background: rgba(0, 0, 0, 0.6);
  padding: 30px;
  margin-bottom: 20px;
}
.page-venue .viewport-header > .info h1 {
  color: white;
  text-transform: uppercase;
  font-size: 3vw;
  margin: 0;
}
.page-venue .viewport-header > .info span {
  font-size: 1vw;
  text-transform: uppercase;
  color: white;
}
.page-venue .viewport-header > .info .button {
  background-color: red;
  -webkit-box-shadow: 7px 7px 6px -2px #000000;
  box-shadow: 7px 7px 6px -2px #000000;
  border-radius: 0;
  margin-right: 20px;
}
.page-venue main {
  background: rgba(0, 0, 0, 0.66);
  color: white;
  position: relative;
  padding: 1rem;
}
.page-venue main p {
  max-width: 600px;
  margin: 1rem auto;
}