/**
 * OVERVIEW
 *
 * IMPORTS
 * reset, core, patterns, plugins
 *
 * LAYOUT
 * Grid / Elements (icons, slideshow, other, ...)
 * Header / Main / Footer
 * Content elements (no overrides from main)
 * Pages (page overrides)
 *
 * Hooks (IE, ...)
 * Print
 */
/**
 * GUIDELINES
 *
 * CLASSES
 * Naming: lorem-ipsum
 * Abbreviations: Emmet - http://docs.emmet.io/cheat-sheet/ | example: .va-m
 *
 * MEDIAQUERIES
 * @media @mobile, @tabletMini, @tablet, @desktop, @netbook, @wide ...
 */
/* =============================================================================
   IMPORTS
   ========================================================================== */
/* CSS Reset */
/*
 * Esign reset.less
 * Adapted version of:
 * - Eric Meyer reset
 * - Boilerplate Normalize.css
 * - Normalize opentype
 */
html {
  overflow-y: scroll;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
html,
body {
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
cite,
code,
del,
dfn,
em,
img,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
dd,
dl,
dt,
li,
ol,
ul,
fieldset,
form,
label,
legend,
button,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  line-height: 1;
  font-family: inherit;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
time,
section,
main {
  display: block;
}
*,
*:before,
*:after {
  box-sizing: border-box;
  *behavior: url('../js/polyfills/boxsizing.htc');
}
/* HTML5 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}
/* TYPE */
a:focus {
  outline: thin dotted;
}
ol,
ul {
  list-style: none;
}
q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
/**
 * Turn on proper supercript numerals
 */
sup {
  top: -0.5em;
}
/**
 * Turn on proper subscript numerals
 */
sub {
  bottom: -0.25em;
}
figure {
  margin: 0;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}
svg:not(:root) {
  overflow: hidden;
}
/**
 * Turn on small caps for upper and lowercase letters
 */
abbr {
  text-transform: uppercase;
}
time {
  display: block;
}
/* FORMS */
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}
button,
input {
  line-height: normal;
  *overflow: visible;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
/* TABLE */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* Core */
/* Preboot.less
 * Variables and mixins to pre-ignite any new web development project
 * ------------------------------------------------------------------ */
/* 600px */
/* 767px */
/* 767px */
/* 980px */
/* 1024px */
/* 1350px */
/* 1500px */
/* 1725px */
/* Micro clearfix hack for clearing floats - h5bp.com/q */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}
.clearfix:after {
  clear: both;
}
/* Image replacement */
.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}
/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden {
  display: none !important;
  visibility: hidden;
}
.hide-mobile {
  display: none;
}
@media (min-width: 47em) {
  .hide-mobile {
    display: block;
  }
}
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.vh {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.vh.focusable:active,
.vh.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
/* Hide visually and from screenreaders, but maintain layout */
.invisible {
  visibility: hidden;
}
/* User select */
.text-truncate {
  text-overflow: ellipsis;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
}
/* Flexbox */
/* Direction of the elements inside a flexbox */
/* row | row-reverse | column | column-reverse */
/* Order elements (int) inside a flexbox */
/* Single line or multiple lines inside a flexbox */
/* nowrap | wrap | wrap-reverse */
/* Length of the item relative to the rest of the flexible items */
.column-break-inside-avoid {
  /* Chrome, Safari */
  /* Theoretically FF 20+ */
  break-inside: avoid-column;
  /* IE 11 */
}
/* ------------------------ */
/* LESS mixin for CSS arrow */
/* ------------------------ */
/* Usage
 * .arrow(size, color, direction, offset, border-size, border-color);
 */
/* Where
 * Size is the with of the arrow
 * Color is the color of the arrow (plain color required)
 * Direction is the orientation of the arrow (top, right, bottom, left)
 * Offset is the position of the arrow on its axis (px / em)
 * Border-size is the width of the border if there is one (optional; default "0")
 * Border-color is the color of the border if there is one (optional; default "inherit");
 */
/* Extra
 * Drop-shadows can be used on the element to create a shadow on the arrow as well
 */
.section {
  position: relative;
}
.section.section--skew {
  overflow: hidden;
  padding-bottom: 80px;
}
.section.section--skew:before {
  content: "";
  width: 100%;
  height: calc(120%);
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 25vw;
  display: block;
  pointer-events: none;
  transform: skewY(-5deg);
  background: radial-gradient(#014694 0%, #003168 100%);
}
@media (max-width: 47em) {
  .section.section--skew:before {
    transform: skewY(-10deg);
    top: 20vh;
  }
}
@media (min-width: 65em) {
  .section.section--skew:before {
    top: 8%;
  }
}
@media (min-width: 84em) {
  .section.section--skew:before {
    top: 10%;
  }
}
.section.section--skew h2,
.section.section--skew .h2,
.section.section--skew .h1,
.section.section--skew .h4,
.section.section--skew p,
.section.section--skew .button {
  color: #ffffff;
}
.section.section--skew + .section {
  margin-top: 0;
  padding-top: 90px;
}
.section.section--skew + .section.section--light {
  margin-top: 0;
}
.section.section--skew .post-item .title-stripper * {
  color: #ffffff;
}
.section + .section {
  margin-top: 80px;
}
.section + .section.section--no-mt {
  margin-top: 0;
}
@media (max-width: 47em) {
  .section + .section {
    margin-top: 50px;
  }
}
.section--top {
  padding-top: 80px;
}
@media (min-width: 65em) {
  .section--top {
    padding-top: 1.875vw;
  }
}
.section--top.section--skew {
  padding-top: 0;
}
@media (min-width: 47em) {
  .section--top.section--skew {
    padding-top: 80px;
  }
}
@media (max-width: 47em) {
  .section--top {
    padding-top: 50px;
  }
}
.section--light {
  background: #f3f7f9;
  padding: 80px 0;
}
@media (max-width: 47em) {
  .section--light {
    padding: 50px 0;
  }
}
.section--light-transition:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: block;
  right: 0;
  height: 30%;
  background-color: #f3f7f9;
  z-index: -1;
}
.section--dark {
  background: #0050a0;
  color: #ffffff;
  padding: 80px 0;
}
.section--dark h2,
.section--dark .h2,
.section--dark h3,
.section--dark .h3 {
  color: #ffffff;
}
@media (max-width: 47em) {
  .section--dark {
    padding: 50px 0;
  }
}
.section--no-p {
  padding: 0;
}
.section--no-pb {
  padding-bottom: 0;
}
.section--overflow-h {
  overflow: hidden;
}
.section--pattern {
  position: relative;
  color: #ffffff;
  padding: 30px 0 80px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.section--pattern::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 80vh;
  width: 100%;
  background-image: url("../images/pattern.jpg");
  background-size: cover;
  z-index: -1;
}
@media (min-width: 47em) {
  .section--pattern::before {
    width: 65vw;
    height: 70vh;
  }
}
@media (min-width: 47em) {
  .section--pattern {
    min-height: 70vh;
    padding: 60px 0 80px;
  }
}
.section--latest-news .section__inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-left: -30px;
}
.section--latest-news .section__inner h2 {
  width: 100%;
}
.section--latest-news .section__inner > * {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-left: 30px;
}
@media (min-width: 65em) {
  .section--latest-news .section__inner .section-inner__news {
    width: 67%;
  }
}
@media (min-width: 65em) {
  .section--latest-news .section__inner .section-inner__blocks {
    width: 33%;
  }
}
@media (min-width: 65em) {
  .section--latest-news .section__inner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.section--accent {
  padding: 40px 0;
  background-color: #0050a0;
  color: #ffffff;
}
.section--accent.section--no-p {
  padding: 0;
}
.section--accent .games-slider__item {
  color: #001b6f;
}
.section--medium-accent {
  padding: 40px 0;
}
@media (min-width: 47em) {
  .section--medium-accent {
    background-color: #0050a0;
    color: #ffffff;
  }
}
.section--medium-accent.section--no-p {
  padding: 0;
}
.section--medium-accent .games-slider__item {
  color: #001b6f;
}
.section--decorate-bottom-light {
  position: relative;
}
.section--decorate-bottom-light:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #f3f7f9;
  height: 25%;
}
.section--mt-0,
.section + .section--mt-0 {
  margin-top: 0;
}
.revealing-list--active li {
  animation: reveal 0.35s both;
}
@keyframes reveal {
  from {
    opacity: 0;
    transform: translateY(5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.preview-item {
  position: relative;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  text-decoration: none;
}
.preview-item * {
  text-decoration: none;
}
.preview-item.preview-item--relative {
  height: auto;
}
.preview-item.preview-item--relative .preview-item__visual,
.preview-item.preview-item--relative .preview-item__body {
  position: relative;
}
.preview-item.preview-item--relative .preview-item__visual {
  position: relative;
}
.preview-item.preview-item--relative .preview-item__visual .visual {
  position: relative;
}
.preview-item.preview-item--relative .preview-item__body {
  left: 0;
  bottom: 0;
  top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  min-height: 0;
}
.preview-item.preview-item--relative .preview-item__body--light {
  background: transparent;
  color: white;
}
.preview-item.preview-item--relative .preview-item__body--light * {
  color: white;
}
.preview-item.preview-item--relative .preview-item__body--light .button {
  color: white;
}
.preview-item.preview-item--teams,
.preview-item.preview-item--spotlight-page {
  aspect-ratio: 1.6;
}
.preview-item--link {
  cursor: pointer;
}
.preview-item--link:hover .button,
.preview-item--link:focus .button,
.preview-item--link:active .button {
  color: white;
}
.preview-item--link:hover .button:after,
.preview-item--link:focus .button:after,
.preview-item--link:active .button:after {
  right: 15px;
}
.preview-item--shadow {
  box-shadow: 0px 20px 60px rgba(11, 45, 97, 0.2);
}
.preview-item__body {
  position: relative;
  height: auto;
  width: 100%;
  padding: 25px 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  bottom: 0;
  left: 0;
  min-height: 180px;
}
.preview-item__body.preview-item__body--light {
  padding: 15px;
  width: auto;
  height: auto;
  bottom: 25px;
  left: 20px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-height: 0;
  color: #001b6f;
  margin-left: 30px;
}
.preview-item__body.preview-item__body--light .button {
  color: #001b6f;
}
@media (min-width: 47em) {
  .preview-item__body.preview-item__body--light {
    padding: 30px;
    margin-left: 0;
  }
}
.preview-item__body.preview-item__body--end {
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.preview-item__title {
  color: #001b6f;
}
.preview-item__title span,
.preview-item__title .h1,
.preview-item__title .h2 {
  display: block;
  max-width: 10ch;
  margin-bottom: 0.5em;
  color: #001b6f !important;
}
.preview-item__visual {
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: absolute;
}
.preview-item__visual .visual {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
  object-position: center;
}
.preview-item__visual .visual img {
  min-height: 100%;
  min-width: 100%;
}
.preview-item__visual img {
  min-height: 100%;
  min-width: 100%;
}
.preview-item--wide {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-left: -15px;
  margin-bottom: -15px;
}
.preview-item--wide .preview-item__visual {
  position: relative;
  padding-left: 15px;
  margin-bottom: 15px;
}
.preview-item--wide .preview-item__visual .visual {
  position: relative;
}
.preview-item--wide .preview-item__body {
  padding-left: 15px;
  -ms-flex: 1;
  flex: 1;
  padding-top: 0;
  padding-bottom: 0;
  min-height: 0;
  margin-bottom: 15px;
  padding-right: 0;
}
.preview-item--wide .preview-item__body date {
  margin-bottom: 0.4em;
  display: block;
}
.preview-item--wide .preview-item__body p {
  min-height: 0;
  margin-bottom: 0;
}
@media (max-width: 47em) {
  .preview-item--wide .preview-item__body {
    width: 100%;
  }
}
@media (min-width: 47em) {
  .preview-item--wide .preview-item__body {
    width: 100%;
  }
}
@media (min-width: 65em) {
  .preview-item--wide .preview-item__body {
    width: auto;
  }
  .preview-item--wide .preview-item__body p {
    min-height: 3em;
  }
}
.visual-overlay {
  position: absolute;
  top: 25px;
  left: 20px;
  right: 20px;
  width: calc(100% - 40px);
  height: auto;
  bottom: auto;
  min-height: 0 !important;
  min-width: 0 !important;
}
.modaal-fullscreen.modaal-wrapper {
  z-index: 100222;
}
.modaal-fullscreen .modaal-close {
  background: none !important;
  right: 0;
  top: 0;
}
.modaal-fullscreen .modaal-container {
  background: #0050a0;
}
.modaal-fullscreen .modaal-overlay {
  background-color: #0050a0;
}
.modaal-fullscreen .modaal-content-container {
  padding-top: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.mobile-nav__list {
  font-family: "Sofia Sans", Helvetica, Arial, Verdana, sans-serif;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.2em;
  font-weight: 700;
  letter-spacing: 0;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  text-decoration: none;
  text-transform: uppercase;
  list-style: none;
  margin: 0 0 -20px 0;
  width: 100%;
}
.mobile-nav__list span,
.mobile-nav__list a.button.button--minimal,
.mobile-nav__list a {
  padding: 8px 0;
  color: #ffffff;
  font-size: 26px;
  font-size: 2.6rem;
}
.mobile-nav__list a.button.button--minimal {
  font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5em;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  letter-spacing: 0;
  font-size: 18px;
  font-size: 1.8rem;
}
.mobile-nav__list + .mobile-nav__list {
  margin-top: 3.5rem;
}
.mobile-nav__list .button.link {
  color: #ffffff;
  text-decoration: none;
}
.mobile-nav__list li {
  margin-bottom: 10px;
}
.mobile-nav__list.mobile-nav__list--main span,
.mobile-nav__list.mobile-nav__list--main a {
  display: block;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 26px;
  font-size: 2.6rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  margin-bottom: 10px;
}
.mobile-nav__list.mobile-nav__list--main .accordion a,
.mobile-nav__list.mobile-nav__list--main .accordion span {
  border-bottom: 0;
  margin-bottom: 10px;
}
.mobile-nav__list.mobile-nav__list--main li ul {
  margin: 7px 0 0;
}
.mobile-nav__list.mobile-nav__list--main li ul li {
  line-height: 1em;
}
.mobile-nav__list.mobile-nav__list--main li ul a {
  font-family: "Sofia Sans", Helvetica, Arial, Verdana, sans-serif;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.2em;
  font-weight: 700;
  letter-spacing: 0;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0.1em 0;
  color: rgba(255, 255, 255, 0.75);
  text-transform: none;
  display: block;
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: 400;
}
.mobile-nav__list--sub {
  display: block;
  column-count: 2;
}
.mobile-nav__list--sub a {
  text-transform: uppercase;
  column-gap: 2rem;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 400;
}
.modaal-noscroll {
  overflow: visible !important;
}
.mobile-nav__logo {
  -ms-flex-item-align: center;
  align-self: center;
  margin-bottom: 2rem;
}
.dropdown {
  position: relative;
  cursor: pointer;
  isolation: isolate;
}
.dropdown:hover .dropdown__list,
.dropdown:focus-within .dropdown__list {
  opacity: 1;
  pointer-events: all;
  transform: translateY(0);
}
.dropdown:hover .dropdown__trigger:before,
.dropdown:focus-within .dropdown__trigger:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: -33%;
  right: -33%;
  height: 200%;
}
.dropdown__list {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 15rem;
  padding: 2rem 0;
  background: #ffffff;
  background: linear-gradient(#f3f3f3 0%, #fff 100%);
  box-shadow: 0px 20px 40px rgba(0, 65, 133, 0.16);
  transition: opacity 0.3s, transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  z-index: 5;
  opacity: 0;
  pointer-events: none;
  transform: translateY(15px);
  list-style: none;
}
.dropdown__list:before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0%;
  left: 2em;
  right: auto;
  border-left: inherit;
  border-bottom: inherit;
  width: 0.8em;
  height: 0.8em;
  border-radius: 0 0 0 0.2em;
  transform: rotate(45deg) translateY(-50%);
  background: linear-gradient(-45deg, #f3f3f3 100%, #fff 200%);
}
.dropdown__list:after {
  content: "";
  width: 40px;
  height: 40px;
  top: 0%;
  position: absolute;
  right: 2em;
  background: transparent;
  transform: translateY(-80%);
}
.dropdown__list li {
  margin-bottom: 0;
}
.dropdown__list li + li {
  margin-top: 0.2em;
}
.dropdown__list--right {
  right: 0;
  left: auto;
}
.dropdown__list--right:before {
  right: 2em;
  left: auto;
}
.dropdown__list--left {
  left: 0;
  right: auto;
}
.dropdown__list--left:before {
  left: 2em;
  right: auto;
}
.dropdown__link {
  text-decoration: none;
  color: #001b6f !important;
  line-height: 1.5em !important;
  display: block;
  padding: 0 2rem !important;
  text-transform: capitalize;
  font-weight: 600;
}
.dropdown__item--header + .dropdown__item:not(.dropdown__item--header) {
  margin-top: 1.4em;
}
.dropdown__trigger {
  position: relative;
}
.dropdown__trigger i::before {
  display: inline-block;
  transition: transform 0.2s linear;
}
.dropdown__trigger:hover i::before,
.dropdown__trigger:focus i::before {
  transform: rotate(-180deg);
}
.dropdown--main-nav .dropdown__trigger {
  white-space: nowrap;
  font-family: "Sofia Sans", Helvetica, Arial, Verdana, sans-serif;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.2em;
  font-weight: 700;
  letter-spacing: 0;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  text-decoration: none;
  text-transform: uppercase;
}
.dropdown--main-nav .dropdown__trigger i {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 0.2em;
  font-size: 0.8em;
}
.dropdown--more-menu {
  margin-left: 3vw;
  background-color: #a4c3d0;
  color: #ffffff;
  display: none;
}
.dropdown--more-menu .dropdown__trigger {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  text-transform: uppercase;
  height: 100%;
  background-color: #a4c3d0;
  border-color: #a4c3d0;
  padding: 0.6em 1.2em;
}
.dropdown--more-menu .dropdown__trigger i {
  margin-bottom: 20px;
}
.dropdown--more-menu .dropdown__trigger i + span {
  margin-left: 0;
  color: #ffffff;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4em;
}
@media (min-width: 65em) {
  .dropdown--more-menu {
    display: block;
  }
}
.dropdown--main-nav,
.dropdown--more-menu {
  position: static;
}
.dropdown--main-nav .dropdown__list,
.dropdown--more-menu .dropdown__list {
  left: 0;
  right: 0;
  background: #0050a0;
  color: #ffffff;
  transform: translateY(5px);
}
.dropdown--main-nav .dropdown__list li,
.dropdown--more-menu .dropdown__list li {
  display: -ms-flexbox;
  display: flex;
  padding-left: 1.5vw;
}
.dropdown--main-nav .dropdown__list a,
.dropdown--more-menu .dropdown__list a {
  text-transform: uppercase;
  color: #ffffff;
  text-decoration: none;
  font-size: 30px;
  font-size: 3rem;
}
@media (min-width: 47em) {
  .dropdown--main-nav .dropdown__list a,
  .dropdown--more-menu .dropdown__list a {
    font-weight: 700;
    font-size: 30px;
    font-size: 3rem;
  }
}
@media (min-width: 65em) {
  .dropdown--main-nav .dropdown__list a,
  .dropdown--more-menu .dropdown__list a {
    font-size: 30px;
    font-size: 3rem;
  }
}
@media (min-width: 108em) {
  .dropdown--main-nav .dropdown__list a,
  .dropdown--more-menu .dropdown__list a {
    font-size: 35px;
    font-size: 3.5rem;
  }
}
.dropdown--main-nav .dropdown__list:before,
.dropdown--more-menu .dropdown__list:before,
.dropdown--main-nav .dropdown__list:after,
.dropdown--more-menu .dropdown__list:after {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  transform: none;
  background: #0050a0;
}
.dropdown--main-nav .dropdown__list:before,
.dropdown--more-menu .dropdown__list:before {
  left: -100%;
}
.dropdown--main-nav .dropdown__list:after,
.dropdown--more-menu .dropdown__list:after {
  right: -100%;
}
.cookie-notification {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 41;
  opacity: 0;
  transition: 0.4s cubic-bezier(0, 0, 0.58, 1);
  font-size: 14px;
  pointer-events: none;
}
.cookie-notification.active {
  opacity: 1;
  pointer-events: all;
}
.cookie-notification button {
  float: none !important;
  padding: 10px 15px;
  font-size: 20px;
  font-size: 2rem;
}
.cookie-notification button.button--minimal {
  color: #001b6f;
  text-decoration: underline;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 400;
}
.cookie-notification button.button--minimal:hover,
.cookie-notification button.button--minimal:focus,
.cookie-notification button.button--minimal:active {
  color: #00238b !important;
}
@media (min-width: 768px) {
  .cookie-notification {
    bottom: 30px;
    left: 30px;
    right: inherit;
    width: 520px;
  }
}
.cookie-notification__title {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0.5em;
}
.cookie-notification__content {
  background-color: #f7fafc;
  box-shadow: 0px -3px 10px 0px rgba(0, 0, 0, 0.12);
  overflow-y: auto;
  padding: 30px;
  max-height: 100vh;
}
.cookie-notification__content .button-group a {
  color: #4a5568;
}
.cookie-notification__content .button-group a:hover,
.cookie-notification__content .button-group a:focus {
  color: #2d3748;
}
@media (min-width: 768px) {
  .cookie-notification__content {
    max-height: calc(100vh - 30px * 2);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.12);
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.cookie-notification__form {
  margin: 30px 0 0;
}
.cookie-notification__form .button {
  margin-bottom: 15px;
}
.cookie-notification__form .input-group {
  margin-bottom: 15px;
}
.cookie-notification__form .checkbox {
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.cookie-notification__form .checkbox label {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  font-size: 14px;
}
.cookie-notification__actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 15px 20px;
}
.cookie-notification__form-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 10px;
}
.show {
  display: block !important;
  opacity: 1 !important;
  pointer-events: all;
}
.product-tile {
  position: relative;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.product-tile:hover .product-tile__sizes,
.product-tile:focus .product-tile__sizes,
.product-tile:active .product-tile__sizes,
.product-tile:focus-within .product-tile__sizes {
  transform: translateX(0);
  transition: all $transitionDefault;
}
.product-tile--out-of-stock .product-tile__sizes {
  transform: translateX(0);
  transition: all $transitionDefault;
}
.product-tile--shadow:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  z-index: layer("cellar");
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  box-shadow: $dropShadow;
}
.product-tile__visual {
  position: relative;
  background: #ffffff;
  overflow: hidden;
}
.product-tile__content {
  background: #f3f7f9;
  padding: 3.75vw 2.8vw;
  -ms-flex: 1;
  flex: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (min-width: 65em) {
  .product-tile__content {
    padding: 1.25vw 1.56vw;
  }
}
@media (min-width: 84em) {
  .product-tile__content {
    padding: 20px 30px;
  }
}
.product-tile__name {
  font-size: 24px;
  font-size: 2.4rem;
  display: block;
}
@media (min-width: 47em) {
  .product-tile__name {
    font-size: 36px;
    font-size: 3.6rem;
  }
}
.product-tile__bottom {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-left: -1.56vw;
}
.product-tile__info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-left: 1.56vw;
  -ms-flex: 1;
  flex: 1;
}
.product-tile__price {
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 0.6em;
  margin-left: -0.5em;
}
.product-tile__price span {
  margin-left: 0.5em;
}
.product-tile__note {
  top: 10px;
  left: 10px;
  background: #0050a0;
  padding: 8px 12px;
  position: absolute;
  display: inline-block;
  color: #ffffff;
  font-weight: 700;
  max-width: 15ch;
  line-height: 1.4em;
}
.product-tile__label {
  position: absolute;
  left: 0.75vw;
  top: 0.75vw;
  background: #0050a0;
  line-height: 1.5em;
  padding: 0.5em;
  border-radius: 100%;
  font-size: rem(13px);
  color: #ffffff;
  aspect-ratio: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  transform: rotate(-30deg);
  pointer-events: none;
}
.product-tile__link {
  font-size: 16px;
  font-size: 1.6rem;
}
.tab-navigation-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 15px;
  overflow-x: scroll;
}
@media (min-width: 47em) {
  .tab-navigation-wrap {
    overflow-x: hidden;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: end;
    align-items: flex-end;
  }
}
.tab-navigation-wrap--center {
  -ms-flex-pack: center;
  justify-content: center;
}
.tab-navigation {
  list-style: none;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
}
.tab-navigation--inverse .tab-navigation__item {
  background-color: #ffffff;
  color: #0050a0;
}
.tab-navigation--inverse .tab-navigation__item:hover,
.tab-navigation--inverse .tab-navigation__item:active,
.tab-navigation--inverse .tab-navigation__item:focus,
.tab-navigation--inverse .tab-navigation__item--active {
  background-color: #0050a0;
  color: #ffffff;
}
.tab-navigation--inverse .tab-navigation__item:hover a,
.tab-navigation--inverse .tab-navigation__item:active a,
.tab-navigation--inverse .tab-navigation__item:focus a,
.tab-navigation--inverse .tab-navigation__item--active a {
  color: #ffffff;
}
.tab-navigation__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #0050a0;
  color: #ffffff;
  transition: background-color 0.25s ease-in, color 0.25s ease-in;
}
.tab-navigation__item:hover,
.tab-navigation__item:active,
.tab-navigation__item:focus,
.tab-navigation__item--active {
  background-color: #ffffff;
  color: #0050a0;
}
.tab-navigation__item:hover a,
.tab-navigation__item:active a,
.tab-navigation__item:focus a,
.tab-navigation__item--active a {
  color: #0050a0;
}
.tab-navigation__link {
  display: block;
  padding: 22px 25px 18px 25px;
  text-transform: uppercase;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  color: currentColor;
}
.accordion.--open .game-row .icon-arrow {
  transform: scaleY(-1);
}
.game-group:last-child {
  margin-bottom: 80px;
}
.game-group__title {
  text-transform: capitalize;
}
.game-row {
  padding: 15px;
  background-color: #ffffff;
  display: grid;
  grid-template-rows: repeat(3, auto);
  gap: 15px;
}
@media (min-width: 65em) {
  .game-row {
    padding: 15px 30px;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 2fr 1fr;
  }
}
.game-row__info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 6px;
}
@media (min-width: 65em) {
  .game-row__info {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 30px;
  }
}
.game-row__date {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  text-transform: uppercase;
}
.game-row__date br {
  display: none;
}
@media (min-width: 65em) {
  .game-row__date br {
    display: block;
  }
}
.game-row__opponents {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
}
@media (min-width: 65em) {
  .game-row__opponents {
    gap: 30px;
  }
}
.game-row__home,
.game-row__away {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  -ms-flex: 1;
  flex: 1;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
@media (min-width: 65em) {
  .game-row__home,
  .game-row__away {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    font-size: 18px;
    font-size: 1.8rem;
    gap: 15px;
  }
}
.game-row__home img,
.game-row__away img {
  object-fit: contain;
  width: 45px;
  height: 45px;
}
@media (min-width: 65em) {
  .game-row__home img,
  .game-row__away img {
    width: 70px;
    height: 70px;
  }
}
.game-row__home {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  text-align: right;
}
.game-row__score,
.game-row__separator {
  text-align: center;
  font-size: 30px;
  font-size: 3rem;
  font-weight: 900;
}
@media (min-width: 65em) {
  .game-row__score,
  .game-row__separator {
    font-size: 38px;
    font-size: 3.8rem;
  }
}
.game-row__score {
  text-wrap: nowrap;
}
.game-row__actions {
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: -15px;
}
.game-row__actions .button-group {
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  height: 100%;
  gap: 0;
}
.game-row__actions .button {
  width: 100%;
  color: #ffffff;
  background-color: #a4c3d0;
  text-align: center;
}
@media (min-width: 65em) {
  .game-row__actions .button {
    width: auto;
  }
}
@media (min-width: 65em) {
  .game-row__actions {
    margin: 0;
  }
}
.game-row__trigger {
  width: 100%;
  color: #0050a0;
  border: transparent;
  background-color: transparent;
  padding: 20px 15px;
}
.game-row__trigger:hover,
.game-row__trigger:focus,
.game-row__trigger:active {
  color: #0050a0;
  border-color: transparent;
  background-color: transparent;
}
.game-row__trigger .icon-arrow {
  width: 12px;
  margin-left: 5px;
  fill: #0050a0;
  transform: scaleY(1);
  transition: transform 0.25s ease-in-out;
}
@media (min-width: 65em) {
  .game-row__trigger {
    width: auto;
    padding: 15px;
  }
}
.game-row__content {
  padding: 30px;
  background-color: #f2f2f2;
}
@media (min-width: 65em) {
  .game-row__content {
    padding: 30px 25% 60px;
    padding-left: calc(7% + 15px);
  }
}
.note {
  margin: 0 0 15px;
  padding: 20px 15px;
  text-align: center;
  background: #f2f2f2;
}
.note ul,
.note p {
  margin-bottom: 1em;
}
.note ul:last-child,
.note p:last-child {
  margin-bottom: 0;
}
.section--light .note {
  background-color: #ffffff;
}
.info-card-grid > * {
  margin-bottom: 30px;
}
.info-card {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.16);
  background-color: #ffffff;
}
.rte .info-card img {
  margin-bottom: 0;
}
.info-card__visual {
  position: relative;
  display: block;
  width: 100%;
}
.info-card__content {
  padding: 40px 40px 0 40px;
}
.info-card__footer {
  margin-top: auto;
  text-align: center;
  padding: 20px 30px 30px 30px;
}
.live-game {
  display: block;
  width: 100%;
  margin-bottom: 0;
  color: #ffffff;
}
.live-game--light {
  color: #0050a0;
  background-color: #ffffff;
}
.live-game--light i {
  color: currentColor;
}
.live-game--light .live-game__score {
  border: 1px solid rgba(0, 0, 0, 0.3);
}
.live-game__header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: end;
  align-items: flex-end;
  column-gap: 60px;
  padding-bottom: 15px;
  margin-bottom: 30px;
  border-bottom: 1px solid rgba(230, 230, 230, 0.35);
}
@media (min-width: 84em) {
  .live-game__header {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
.live-game__team-info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  width: 100%;
}
@media (min-width: 47em) {
  .live-game__team-info {
    gap: 20px;
  }
}
.live-game__score {
  position: relative;
  border: 1px solid #ffffff;
  padding: 0.9em 1.1em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  min-height: 44px;
  min-width: 88px;
  font-weight: 600;
  font-size: 16px;
  font-size: 1.6rem;
}
@media (min-width: 47em) {
  .live-game__score {
    padding: 1em 2em;
    font-size: 20px;
    font-size: 2rem;
  }
}
.live-game__league {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
  margin-bottom: 15px;
}
@media (min-width: 84em) {
  .live-game__league {
    margin-bottom: 0;
  }
}
.live-game__league-content .live-game__league-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.live-game__league-content [class^="h"] {
  margin-bottom: 0.2em;
  text-align: center;
  display: block;
}
.live-game__league-content [class^="h"]:last-child {
  margin-bottom: 0;
}
.live-game__league-logo {
  display: block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 70px;
  height: 70px;
}
.live-game__league-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.live-game__status {
  margin-bottom: 0.4em;
  position: absolute;
  background: #0050a0;
  color: #ffffff;
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  min-width: 6ch;
  padding: 0.2em 0.6em;
  left: auto;
  right: auto;
  margin: 0 auto;
  bottom: 0;
  font-weight: 600;
  transform: translateY(50%);
}
.live-game__overtime {
  position: relative;
  display: inline-block;
  transform: translateY(-50%);
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1;
  color: #f1062c;
}
.live-game__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 15px;
}
.live-game__content + .button {
  margin-top: 30px;
}
@media (min-width: 47em) {
  .live-game__content {
    gap: 30px;
  }
}
.live-game__team {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
  margin-top: 0.6em;
  -ms-flex: 1;
  flex: 1;
}
.live-game__team--right .live-game__team-info {
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.live-game__team--right .live-game__team-actions {
  text-align: right;
}
.live-game__team-logo {
  display: block;
  width: 30px;
  position: relative;
  padding-top: 30px;
}
.live-game__team-logo img {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  display: block;
  object-fit: contain;
  object-position: left center;
  max-width: 100%;
  max-height: 100%;
}
@media (min-width: 47em) {
  .live-game__team-logo {
    width: 50px;
    padding-top: 50px;
  }
}
.live-game__team-title.h2 {
  margin: 0;
  line-height: 0.8;
}
.live-game__team-actions {
  position: relative;
  color: #a4c3d0;
  width: 100%;
}
.live-game__team-actions i {
  position: relative;
  top: 0;
  left: 0;
  margin-right: 10px;
  display: inline-block;
  line-height: 1;
}
.game-action-list {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 37em) {
  .game-action-list {
    gap: 40px;
  }
}
.game-action-list:after {
  content: '';
  position: absolute;
  z-index: -1;
  left: 10%;
  top: 0;
  bottom: 0;
  border-left: 3px dotted #e6eaef;
}
.game-action {
  display: -ms-flexbox;
  display: flex;
  padding: 15px 15px;
  background-color: #ffffff;
  box-shadow: 0 7px 20px rgba(0, 0, 0, 0.05);
}
@media (min-width: 37em) {
  .game-action {
    padding: 30px 40px;
  }
}
.game-action .visual + span {
  display: block;
  margin-top: 20px;
}
.game-action--tight .game-action__content {
  padding: 0;
}
.game-action__side {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-preferred-size: 15%;
  flex-basis: 15%;
  padding-right: 20px;
  border-right: 1px solid #e6eaef;
}
.game-action__content {
  -ms-flex: 1;
  flex: 1;
  padding-left: 15px;
}
@media (min-width: 47em) {
  .game-action__content {
    padding-left: 50px;
  }
}
.game-action__content p {
  margin-bottom: 0.5em;
}
.game-action__content img {
  margin: 10px 0;
}
.game-action__small-title {
  font-size: 14px;
  font-size: 1.4rem;
  color: rgba(180, 180, 180, 0.8);
}
.social-list {
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin: 0;
  list-style: none;
}
.social-list a {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  text-decoration: none;
  color: #0050a0;
}
.social-list a:hover,
.social-list a:focus,
.social-list a:active {
  color: #0050a0;
}
.social-list--white a {
  color: #ffffff;
}
.social-list--white a:hover,
.social-list--white a:focus,
.social-list--white a:active {
  color: #ffffff;
}
.social-list--vertical {
  -ms-flex-direction: column;
  flex-direction: column;
}
.social-list--vertical-large {
  -ms-flex-direction: row;
  flex-direction: row;
}
@media (min-width: 68em) {
  .social-list--vertical-large {
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.social-list--home {
  gap: 15px;
}
@media (min-width: 68em) {
  .social-list--home {
    position: fixed;
    top: 14%;
  }
}
@media (min-width: 84em) {
  .social-list--home {
    top: 19%;
  }
}
.accordion {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  outline: none;
  transition: 0.4s;
  width: 100%;
}
.accordion + .accordion {
  margin-top: 20px;
}
.accordion .accordion {
  border: none;
}
.accordion .accordion .accordion__title {
  font-size: 16px;
}
.accordion .accordion .accordion__trigger {
  padding: 10px 15px;
}
.accordion .accordion .accordion__trigger:after {
  width: calc(95%);
  left: 0;
  bottom: 0;
}
.accordion .accordion .accordion__trigger .icon-arrow {
  width: 40px;
}
.accordion .accordion.--open {
  background: white;
  padding: 5px 15px;
}
.accordion--minimal + .accordion {
  margin-top: 0;
}
.accordion--minimal .accordion__trigger {
  padding: 0;
  background: transparent;
}
.accordion--minimal .accordion__trigger .icon-arrow {
  padding: 0;
  width: 12px;
  height: 12px;
}
.accordion .accordion__trigger-icon {
  display: block;
  padding: 1.25rem 1.5rem;
  border-left: 1px solid rgba(255, 255, 255, 0.25);
}
.accordion__trigger {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px;
  cursor: pointer;
  color: white;
  background: #00a4e4;
  width: 100%;
  position: relative;
  overflow: hidden;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
.accordion__trigger a {
  border-bottom: none;
}
.accordion__trigger:after {
  content: "";
  width: calc(70%);
  display: block;
  height: 1px;
  left: 15px;
  right: 0;
  background: gray(400);
  position: absolute;
  bottom: -1px;
  transition: all 0.25s cubic-bezier(0, 0, 0.58, 1);
}
.accordion__trigger .icon-arrow {
  padding: 5px 10px;
  width: 40px;
  height: 22px;
  transform: rotate(0);
  margin-left: 8px;
  fill: white;
  transition: transform 0.25s cubic-bezier(0, 0, 0.58, 1);
}
.accordion__trigger[href] .icon-arrow {
  z-index: 3;
}
.accordion__trigger.accordion--open .icon-arrow {
  transform: rotate(180deg);
  transition: transform 0.25s cubic-bezier(0, 0, 0.58, 1);
}
.accordion__trigger.accordion--open:after {
  bottom: 0;
  transition: all 0.25s cubic-bezier(0, 0, 0.58, 1);
}
.accordion__trigger:hover,
.accordion__trigger:active,
.accordion__trigger:focus {
  outline: 0;
}
.accordion__title {
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-bottom: 0;
  color: white;
  text-align: left;
  font-weight: 400;
}
.accordion__panel {
  display: none;
  list-style: none;
  margin: 0;
  will-change: auto;
}
.accordion__panel .rte {
  padding: 15px;
}
.league-overview {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.league-overview__item {
  padding: 2em;
  background: #0050a0;
  color: #ffffff;
  -ms-flex: 1;
  flex: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
}
.league-overview__item .info-block {
  width: 100%;
}
.league-overview__item .ranking .club-icon {
  display: none;
}
@media (min-width: 47em) {
  .league-overview__item {
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.league-overview__next-game,
.league-overview__calendar {
  width: 100%;
}
@media (min-width: 47em) {
  .league-overview__next-game,
  .league-overview__calendar {
    width: 50%;
  }
}
@media (min-width: 65em) {
  .league-overview__next-game,
  .league-overview__calendar {
    margin-top: 6px;
  }
}
.league-overview__calendar-list {
  list-style: none;
  margin: 0;
}
.league-overview__calendar-list li {
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.league-overview__calendar-list li + li {
  margin-top: 20px;
}
.league-overview__item--accent-secondary {
  background: #a4c3d0;
  color: #0050a0;
}
.league-overview__item--third {
  width: 100%;
  -ms-flex: unset;
  flex: unset;
}
@media (min-width: 65em) {
  .league-overview__item--third {
    width: 35%;
  }
}
.calendar-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 15px;
}
.calendar-item__info {
  margin-top: 0.2em;
}
.calendar-item__info .h3 {
  margin-bottom: 0;
}
.calendar-item__logos {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
}
.calendar-item__logos img {
  width: 50px;
}
.gsc-search-box .gsc-search-button-v2 {
  height: 100%;
  min-width: 50px;
  width: 125px;
  padding: 20px 30px;
  margin-top: 0;
}
.gsc-input-box {
  height: 55px;
  padding: 13px 15px;
}
.gsc-input-box td {
  padding: 0;
}
.gsc-table-result .gs-web-image-box {
  margin-right: 60px;
}
.gsc-table-result .gs-web-image-box .gs-image {
  max-width: 100px;
}
.gsc-table-result .gsc-table-cell-snippet-close {
  padding-right: 10px;
}
.gsc-results .gsc-result {
  margin-bottom: 15px;
}
:root {
  --swiper-theme-color: #a4c3d0 !important;
}
/* Init mediaqueries */
@media (min-width: 37em) {
  .init-mediaqueries {
    margin: 0;
  }
}
@media (min-width: 47em) {
  .init-mediaqueries {
    margin: 0;
  }
}
@media (max-width: 47em) {
  .init-mediaqueries {
    margin: 0;
  }
}
@media (min-width: 65em) {
  .init-mediaqueries {
    margin: 0;
  }
}
@media (min-width: 68em) {
  .init-mediaqueries {
    margin: 0;
  }
}
@media (min-width: 84em) {
  .init-mediaqueries {
    margin: 0;
  }
}
@media (min-width: 98em) {
  .init-mediaqueries {
    margin: 0;
  }
}
/* Styled patterns and elements */
@font-face {
  font-family: "Sofia Sans";
  src: url("../fonts/SofiaSansExtraCondensed-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sofia Sans";
  src: url("../fonts/SofiaSansExtraCondensed-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sofia Sans";
  src: url("../fonts/SofiaSansExtraCondensed-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sofia Sans";
  src: url("../fonts/SofiaSansExtraCondensed-SemiBold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon.eot?pv66nr");
  src: url("../fonts/icomoon.eot?pv66nr#iefix") format("embedded-opentype"), url("../fonts/icomoon.woff?pv66nr") format("truetype"), url("../fonts/icomoon.woff?pv66nr") format("woff"), url("../fonts/icomoon.svg?pv66nr#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* Typography.less
 * Headings, body text, lists, code, and more for a versatile and durable typography system
 * ---------------------------------------------------------------------------------------- */
/* BODY */
p {
  line-height: 1.5em;
  margin-bottom: 1.5em;
}
p a {
  font-family: inherit;
  font-size: inherit;
  text-transform: none;
  color: inherit;
}
p.large {
  font-size: 18px;
  font-size: 1.8rem;
}
p.small {
  font-size: 14px;
  font-size: 1.4rem;
}
.small-text {
  font-size: 14px;
  font-size: 1.4rem;
}
strong,
.strong {
  font-weight: 700;
  font-size: inherit;
}
em {
  font-style: italic;
  font-weight: inherit;
}
a {
  color: #000000;
  text-decoration: underline;
  transition: 0.2s;
  font-family: "Sofia Sans", Helvetica, Arial, Verdana, sans-serif;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.2em;
  font-weight: 700;
  letter-spacing: 0;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 18px;
  font-size: 1.8rem;
}
a:hover,
a:focus {
  color: #a4c3d0;
}
a:focus,
a:active {
  outline: 0;
}
a.tdn {
  text-decoration: none;
}
a.tdn:hover,
a.tdn:focus {
  text-decoration: none;
}
@media (min-width: 47em) {
  a {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media (min-width: 65em) {
  a {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
a.default-font {
  font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5em;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  letter-spacing: 0;
  color: #001b6f;
}
a.default-font:hover,
a.default-font:focus,
a.default-font:focus-within,
a.default-font:active {
  text-decoration: underline;
}
a[href^="tel"] {
  text-decoration: none;
}
a[href^="tel"]:hover,
a[href^="tel"]:focus {
  text-decoration: underline;
}
a:not([href]) {
  color: #001b6f;
  text-decoration: none;
}
p li a,
.rte li a {
  font-size: inherit;
  font-family: inherit;
  text-transform: none;
  text-decoration: none;
  color: #001b6f;
  font-weight: inherit;
  display: inline-block;
}
.fade-link {
  opacity: 1;
  display: block;
}
.fade-link:hover,
.fade-link:focus {
  opacity: 0.7;
}
a.fancybox,
a.fancybox-iframe {
  display: inline-block;
}
img {
  max-width: 100%;
  height: auto;
  display: inline-block;
  vertical-align: middle;
}
span.highlight {
  padding: 0px 4px;
  background-color: #a4c3d0;
  color: #ffffff;
}
span.highlight.light {
  background-color: #f3f7f9;
  color: #333333;
}
span.highlight.dark {
  background-color: #015ebb;
  color: #ffffff;
}
span.highlight.yellow {
  background-color: #fff415;
  color: #333333;
}
/* HEADINGS */
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: "Sofia Sans", Helvetica, Arial, Verdana, sans-serif;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.2em;
  font-weight: 700;
  letter-spacing: 0;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  text-decoration: none;
  text-transform: uppercase;
  color: currentColor;
  line-height: 1em;
  margin: 0 0 0.4em;
  display: block;
}
h1 a,
.h1 a,
h2 a,
.h2 a,
h3 a,
.h3 a,
h4 a,
.h4 a,
h5 a,
.h5 a,
h6 a,
.h6 a {
  text-decoration: none;
  outline: 0;
  font-weight: inherit;
  color: currentColor;
}
h1 a.small-text,
.h1 a.small-text,
h2 a.small-text,
.h2 a.small-text,
h3 a.small-text,
.h3 a.small-text,
h4 a.small-text,
.h4 a.small-text,
h5 a.small-text,
.h5 a.small-text,
h6 a.small-text,
.h6 a.small-text {
  font-size: 22px;
  font-size: 2.2rem;
}
h1 a:hover,
.h1 a:hover,
h2 a:hover,
.h2 a:hover,
h3 a:hover,
.h3 a:hover,
h4 a:hover,
.h4 a:hover,
h5 a:hover,
.h5 a:hover,
h6 a:hover,
.h6 a:hover,
h1 a:focus,
.h1 a:focus,
h2 a:focus,
.h2 a:focus,
h3 a:focus,
.h3 a:focus,
h4 a:focus,
.h4 a:focus,
h5 a:focus,
.h5 a:focus,
h6 a:focus,
.h6 a:focus {
  color: #015ebb;
}
h1.light,
.h1.light,
h2.light,
.h2.light,
h3.light,
.h3.light,
h4.light,
.h4.light,
h5.light,
.h5.light,
h6.light,
.h6.light {
  color: #a4c3d0;
}
h1.lighter,
.h1.lighter,
h2.lighter,
.h2.lighter,
h3.lighter,
.h3.lighter,
h4.lighter,
.h4.lighter,
h5.lighter,
.h5.lighter,
h6.lighter,
.h6.lighter {
  color: #ffffff;
  font-weight: 500;
}
h1,
.h1 {
  font-size: 40px;
  font-size: 4rem;
  font-weight: 700;
  text-transform: uppercase;
  inline-size: 100%;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
@media (min-width: 47em) {
  h1.smaller,
  .h1.smaller {
    font-size: 40px;
    font-size: 4rem;
  }
}
h1.lower,
.h1.lower {
  text-transform: initial;
}
@media (min-width: 47em) {
  h1,
  .h1 {
    font-size: 42px;
    font-size: 4.2rem;
  }
}
@media (min-width: 65em) {
  h1,
  .h1 {
    font-size: 52px;
    font-size: 5.2rem;
  }
}
h2,
.h2 {
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 700;
  margin-bottom: 0.6em;
}
@media (min-width: 47em) {
  h2.smaller,
  .h2.smaller {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media (min-width: 47em) {
  h2,
  .h2 {
    font-size: 42px;
    font-size: 4.2rem;
  }
}
h3,
.h3 {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  inline-size: 100%;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
h3.lower,
.h3.lower {
  text-transform: initial;
}
@media (min-width: 47em) {
  h3,
  .h3 {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
h4,
.h4 {
  font-weight: 700;
  font-size: 22px;
  font-size: 2.2rem;
}
h4.small,
.h4.small {
  font-size: 20px;
  font-size: 2rem;
}
h4.lc,
.h4.lc {
  text-transform: initial;
}
@media (min-width: 47em) {
  h4,
  .h4 {
    font-size: 24px;
    font-size: 2.4rem;
  }
  h4.small,
  .h4.small {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
/* LISTS */
ul,
ol {
  margin: 0 0 1.5em 16px;
}
ul li,
ol li {
  line-height: 1.5em;
  padding: 0;
}
ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0;
}
ul {
  list-style: square;
}
ul ul {
  list-style: square;
}
ul.blocks {
  list-style: none;
  margin-left: 0;
}
ul.blocks li {
  position: relative;
  padding-left: 18px;
}
ul.blocks li p {
  margin-bottom: 0;
}
ul.blocks li:before {
  content: "";
  display: block;
  position: absolute;
  margin-top: 9px;
  top: 0;
  left: 0;
  width: 5px;
  height: 5px;
  background-color: #a4c3d0;
}
ul.space li {
  margin-bottom: 15px;
}
ul.space li:last-child {
  margin-bottom: 0px;
}
ul.lined {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.lined ul {
  list-style: none;
}
ul.lined li {
  list-style: none;
  list-style-image: none;
  padding: 0;
  background: none;
}
ul.lined li {
  border-bottom: 1px solid #e6e6e6;
  padding: 10px 0;
}
ul.lined li:first-child {
  padding-top: 0;
}
ul.lined li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
ul.small-list {
  list-style: none;
  font-size: 14px;
  font-size: 1.4rem;
  margin: 0;
}
.list--inline {
  list-style: none;
  margin: 0 0 -10px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-left: -10px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.list--inline li {
  padding-left: 10px;
  margin-bottom: 10px;
}
.list--inline li + li:before {
  content: "-";
  display: inline-block;
  color: #ffffff;
  padding-right: 10px;
}
ol {
  list-style: decimal;
}
.unstyled,
nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.unstyled ul,
nav ul ul {
  list-style: none;
}
.unstyled li,
nav ul li {
  list-style: none;
  list-style-image: none;
  padding: 0;
  background: none;
}
dl {
  margin: 0;
  padding: 0;
  list-style: none;
}
dl ul {
  list-style: none;
}
dl li {
  list-style: none;
  list-style-image: none;
  padding: 0;
  background: none;
}
dl dd {
  font-weight: 700;
  border-bottom: 1px solid #e6e6e6;
  padding: 5px 0 15px;
  margin-bottom: 15px;
}
dl dd:last-child {
  margin-bottom: 0;
  border-bottom: 0px solid #e6e6e6;
  padding-bottom: 0;
}
/* MISC */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #e6e6e6;
  margin: 30px 0 30px;
}
hr.strong {
  border-top: 3px solid #e6e6e6;
}
hr.dark {
  border-color: #b4b4b4;
}
blockquote {
  color: #a4c3d0;
  line-height: 1.4em;
  font-style: italic;
  font-weight: 500;
  font-size: 18px;
  font-size: 1.8rem;
}
#eid-safari-extension-is-installed {
  display: none;
}
.list--unstyled {
  list-style: none;
  margin: 0;
}
.fw-light {
  font-weight: 300;
}
/*
 * Tables.less
 * Tables for, you guessed it, tabular data
 * ---------------------------------------- */
table {
  width: 100%;
  padding: 0;
  border-collapse: separate;
  border-spacing: 0;
  empty-cells: show;
  margin: 0 0 0;
  font-size: 16px;
  font-size: 1.6rem;
}
table th,
table td {
  padding: 6px 6px;
  text-align: left;
  vertical-align: middle;
  line-height: 1.5em;
}
table th.a-l.a-l,
table td.a-l.a-l {
  text-align: left;
}
table th.a-r.a-r,
table td.a-r.a-r {
  text-align: right;
}
@media (min-width: 47em) {
  table th.mw100,
  table td.mw100 {
    min-width: 100px;
  }
}
table th.mw40,
table td.mw40 {
  min-width: 40px;
}
table th.highlight,
table td.highlight {
  color: #0050a0;
  font-weight: 700;
}
table th.td--video,
table td.td--video {
  padding: 20px 6px 40px 6px;
}
table th {
  font-family: "Sofia Sans", Helvetica, Arial, Verdana, sans-serif;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.2em;
  font-weight: 700;
  letter-spacing: 0;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: bold;
}
@media (min-width: 47em) {
  table th {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
table tr:last-child td {
  border-bottom: 0 solid #b4b4b4;
}
table tr.highlight {
  color: #0050a0;
  font-weight: 700;
}
table.center td,
table.center th {
  text-align: center;
}
@media (max-width: 47em) {
  table.mobile-small {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.td--video.td--video--highlight {
  display: block;
  padding: 20px;
  margin: 20px 6px 40px 6px;
  border-radius: 15px;
  background: #0050a0;
}
.td--video.td--video--highlight .td__video-description {
  color: #ffffff;
}
.td__video-description {
  display: block;
  margin-top: 15px;
  font-size: 14px;
  font-size: 1.4rem;
}
.table .td--valign-top {
  vertical-align: top;
}
@media (max-width: 47em) {
  .table-mobile-small {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.table-ranking {
  font-size: 15px;
  font-size: 1.5rem;
}
.table-ranking th {
  min-width: 36px;
  border-top: 1px solid #e6eaef;
  border-bottom: 1px solid #e6eaef;
}
.table-ranking td {
  border-top: 1px solid #f3f7f9;
}
.table-ranking tr:first-child td {
  border-top: none;
}
.table-ranking tr:last-child td {
  border-bottom: 1px solid #f3f7f9;
}
.table-ranking .dashed-line td {
  border-bottom: 1px dashed #0050a0;
}
@media (max-width: 47em) {
  .table-ranking th:nth-child(5),
  .table-ranking td:nth-child(5),
  .table-ranking th:nth-child(6),
  .table-ranking td:nth-child(6),
  .table-ranking th:nth-child(7),
  .table-ranking td:nth-child(7),
  .table-ranking th:nth-child(8),
  .table-ranking td:nth-child(8) {
    display: none;
  }
}
.table-ranking .highlight {
  background-color: #f3f7f9;
}
.table-ranking .highlight-accent {
  background-color: #e6eaef;
}
@media (min-width: 47em) {
  .table-ranking {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.rank {
  font-size: 18px;
  font-size: 1.8rem;
  text-align: left !important;
}
@media (min-width: 47em) {
  .rank {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.table-ranking__title {
  font-family: "Sofia Sans", Helvetica, Arial, Verdana, sans-serif;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.2em;
  letter-spacing: 0;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 22px;
  font-size: 2.2rem;
}
@media (min-width: 47em) {
  .table-ranking__title {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
.ranking-small .mobile-hide-table-cell {
  display: none;
}
@media (max-width: 47em) {
  .ranking-small .mobile-hide-table-cell {
    display: none;
  }
}
.club-icon {
  max-height: 40px;
  width: 40px;
}
/* Forms.less
 * Base styles for various input types, form layouts, and states
 * ------------------------------------------------------------- */
form {
  margin: 0;
}
.page-form {
  margin-top: 90px;
}
.form-element {
  position: relative;
  margin-bottom: 20px;
}
.form-element button,
.form-element input[type="button"],
.form-element input[type="reset"],
.form-element input[type="submit"],
.form-element .button {
  float: none;
}
.form-element.age {
  visibility: hidden;
  /* Honeypot */
}
.form-element .input-group {
  *zoom: 1;
}
.form-element .input-group:before,
.form-element .input-group:after {
  display: table;
  content: " ";
}
.form-element .input-group:after {
  clear: both;
}
.form-element .input-group input {
  width: calc(100% - 80px);
  float: left;
  margin-bottom: 0;
}
.form-element .input-group .button {
  height: 45px;
  width: 80px;
  float: left;
}
.form-element .input-group.squared input {
  width: calc(100% - 45px);
}
.form-element .input-group.squared .button {
  width: 45px;
}
.form-element.form-element--light {
  color: #0050a0;
}
.form-element.form-element--light input {
  background-color: #f3f7f9;
  border: none;
  border-radius: 3px;
  color: #0050a0;
  padding: 25px;
}
.form-element.form-element--light input:-ms-input-placeholder {
  color: #0050a0;
  text-transform: lowercase;
}
.form-element.form-element--light input::placeholder {
  color: #0050a0;
  text-transform: lowercase;
}
.form-element.form-element--light a {
  display: inline-block;
  color: #0050a0;
  opacity: 0.5;
  padding: 10px 0;
}
.form-element.form-element--checkbox label {
  font-weight: 700;
}
legend {
  border: 0;
  padding: 0;
  white-space: normal;
  *margin-left: -7px;
  color: #fff;
  font-size: 18px;
}
button,
input,
select,
textarea,
.button {
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}
button,
input {
  line-height: normal;
}
button,
select {
  text-transform: none;
}
/* Prevent zoom on touch devices in active inputs */
@media (max-width: 47em) {
  input,
  textarea {
    font-size: 16px;
  }
}
label,
.label,
input,
select,
textarea {
  font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5em;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  letter-spacing: 0;
  vertical-align: middle;
  color: #0050a0;
  font-weight: 700;
}
label a,
.label a,
input a,
select a,
textarea a {
  font-size: inherit;
  font-family: inherit;
  color: inherit;
  text-transform: none;
}
label,
.label {
  display: block;
  margin-bottom: 8px;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
  *overflow: visible;
  border: none;
}
input[type="checkbox"],
input[type="radio"] {
  cursor: pointer;
}
input[type="text"],
input[type="search"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="date"],
textarea,
select {
  padding: 6px 12px 5px;
  margin-bottom: 2px;
  display: block;
  font-weight: 400;
  background: #fff;
  height: 45px;
  line-height: inherit;
  width: 100%;
  border: 1px solid #b4b4b4;
  transition: 0.3s;
  border-radius: 0px;
}
input[type="text"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="date"]:focus,
textarea:focus,
select:focus {
  outline: 0;
  border-color: #000000;
}
input[type="text"]:disabled,
input[type="search"]:disabled,
input[type="password"]:disabled,
input[type="email"]:disabled,
input[type="tel"]:disabled,
input[type="date"]:disabled,
textarea:disabled,
select:disabled {
  background-color: #f2f2f2;
}
input[type="email"] {
  display: block;
}
textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
  width: 100%;
  height: 185px;
  padding: 14px 12px;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  width: auto;
  height: auto;
  padding: 0;
  margin: 3px 0;
  *margin-top: 0;
  *height: 13px;
  *width: 13px;
  line-height: normal;
  border: none;
}
input[type="file"] {
  background-color: #fff;
  padding: initial;
  border: initial;
  line-height: initial;
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
button,
input[type="reset"],
input[type="submit"],
.button,
a.button {
  font-family: "Sofia Sans", Helvetica, Arial, Verdana, sans-serif;
  font-size: 30px;
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: 0;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  letter-spacing: 0.02em;
  float: left;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-transform: uppercase;
  clear: both;
  transition: 0.3s;
  outline: 0;
  line-height: 1.2em;
  padding: 0.5em 0.5em;
  margin: 0 0 0;
  background: #a4c3d0;
  border-radius: 3px;
  text-decoration: none;
  color: #001b6f;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 600;
  border: 1px solid #a4c3d0;
}
button img + span,
input[type="reset"] img + span,
input[type="submit"] img + span,
.button img + span,
a.button img + span,
button i + span,
input[type="reset"] i + span,
input[type="submit"] i + span,
.button i + span,
a.button i + span,
button span + img,
input[type="reset"] span + img,
input[type="submit"] span + img,
.button span + img,
a.button span + img,
button span + i,
input[type="reset"] span + i,
input[type="submit"] span + i,
.button span + i,
a.button span + i {
  margin-left: 15px;
}
button i,
input[type="reset"] i,
input[type="submit"] i,
.button i,
a.button i {
  z-index: 2;
  position: relative;
}
button:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.button:hover,
a.button:hover,
button:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
.button:focus,
a.button:focus,
button:active,
input[type="reset"]:active,
input[type="submit"]:active,
.button:active,
a.button:active {
  background: #b5d0db;
  border-color: #b5d0db;
}
button:active,
input[type="reset"]:active,
input[type="submit"]:active,
.button:active,
a.button:active {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
.button::-moz-focus-inner,
a.button::-moz-focus-inner {
  border: 0;
}
button.small,
input[type="reset"].small,
input[type="submit"].small,
.button.small,
a.button.small {
  padding: 0.2em 0.4em;
  font-size: 20px;
  font-size: 2rem;
}
button.medium,
input[type="reset"].medium,
input[type="submit"].medium,
.button.medium,
a.button.medium {
  padding: 9px 16px;
  font-size: 18px;
  font-size: 1.8rem;
}
@media (min-width: 47em) {
  button.tablet--small,
  input[type="reset"].tablet--small,
  input[type="submit"].tablet--small,
  .button.tablet--small,
  a.button.tablet--small {
    padding: 15px 20px;
    font-size: 20px;
    font-size: 2rem;
  }
}
@media (min-width: 84em) {
  button.tablet--small,
  input[type="reset"].tablet--small,
  input[type="submit"].tablet--small,
  .button.tablet--small,
  a.button.tablet--small {
    padding: 20px 30px;
    font-size: 20px;
    font-size: 2rem;
  }
}
button.large,
input[type="reset"].large,
input[type="submit"].large,
.button.large,
a.button.large {
  font-size: 20px;
  font-size: 2rem;
}
@media (min-width: 47em) {
  button.large,
  input[type="reset"].large,
  input[type="submit"].large,
  .button.large,
  a.button.large {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media (min-width: 65em) {
  button.large,
  input[type="reset"].large,
  input[type="submit"].large,
  .button.large,
  a.button.large {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
button.full,
input[type="reset"].full,
input[type="submit"].full,
.button.full,
a.button.full {
  width: 100%;
  float: none;
}
button.wide,
input[type="reset"].wide,
input[type="submit"].wide,
.button.wide,
a.button.wide {
  padding-left: 35px;
  padding-right: 35px;
}
button.inline,
input[type="reset"].inline,
input[type="submit"].inline,
.button.inline,
a.button.inline {
  display: inline-block;
  float: none;
}
button.negative,
input[type="reset"].negative,
input[type="submit"].negative,
.button.negative,
a.button.negative {
  background-color: #ff3f3e;
}
button.warning,
input[type="reset"].warning,
input[type="submit"].warning,
.button.warning,
a.button.warning {
  background-color: #f1d608;
}
button.positive,
input[type="reset"].positive,
input[type="submit"].positive,
.button.positive,
a.button.positive {
  background-color: #53cc57;
}
button.positive:hover,
input[type="reset"].positive:hover,
input[type="submit"].positive:hover,
.button.positive:hover,
a.button.positive:hover,
button.positive:focus,
input[type="reset"].positive:focus,
input[type="submit"].positive:focus,
.button.positive:focus,
a.button.positive:focus {
  background-color: #2a8f2e;
}
button.rounded,
input[type="reset"].rounded,
input[type="submit"].rounded,
.button.rounded,
a.button.rounded {
  border-radius: 3px;
}
button.uppercase,
input[type="reset"].uppercase,
input[type="submit"].uppercase,
.button.uppercase,
a.button.uppercase {
  text-transform: uppercase;
}
button.link,
input[type="reset"].link,
input[type="submit"].link,
.button.link,
a.button.link {
  position: relative;
  padding: 0;
  font-size: 22px;
  font-size: 2.2rem;
  color: #001b6f;
  background-color: transparent;
  border: none;
  font-weight: 400;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: underline;
  text-underline-offset: 0.1em;
}
button.link:hover,
input[type="reset"].link:hover,
input[type="submit"].link:hover,
.button.link:hover,
a.button.link:hover,
button.link:focus,
input[type="reset"].link:focus,
input[type="submit"].link:focus,
.button.link:focus,
a.button.link:focus {
  color: #015ebb;
  background: none;
}
button.link.button--light,
input[type="reset"].link.button--light,
input[type="submit"].link.button--light,
.button.link.button--light,
a.button.link.button--light {
  color: #ffffff;
}
button.link.button--light:hover,
input[type="reset"].link.button--light:hover,
input[type="submit"].link.button--light:hover,
.button.link.button--light:hover,
a.button.link.button--light:hover,
button.link.button--light:focus,
input[type="reset"].link.button--light:focus,
input[type="submit"].link.button--light:focus,
.button.link.button--light:focus,
a.button.link.button--light:focus {
  color: rgba(255, 255, 255, 0.75);
  background: none;
}
@media (min-width: 47em) {
  button.link,
  input[type="reset"].link,
  input[type="submit"].link,
  .button.link,
  a.button.link {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media (min-width: 65em) {
  button.link,
  input[type="reset"].link,
  input[type="submit"].link,
  .button.link,
  a.button.link {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
button.more.more,
input[type="reset"].more.more,
input[type="submit"].more.more,
.button.more.more,
a.button.more.more {
  position: relative;
  padding-right: 50px;
  overflow: hidden;
}
button.more.more:before,
input[type="reset"].more.more:before,
input[type="submit"].more.more:before,
.button.more.more:before,
a.button.more.more:before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  transform: translate3D(-100%, 0, 0);
  -ms-transform: translate3D(-100%, 0, 0);
  /* IE 9 */
  -moz-transform: translate3D(-100%, 0, 0);
  /* Firefox */
  -webkit-transform: translate3D(-100%, 0, 0);
  /* Safari and Chrome */
  -o-transform: translate3D(-100%, 0, 0);
  /* Opera */
  transition: 0.3s;
}
button.more.more span,
input[type="reset"].more.more span,
input[type="submit"].more.more span,
.button.more.more span,
a.button.more.more span {
  position: relative;
  z-index: 2;
}
button.more.more:after,
input[type="reset"].more.more:after,
input[type="submit"].more.more:after,
.button.more.more:after,
a.button.more.more:after {
  font-family: "icomoon";
  content: "\e90a";
  display: block;
  position: absolute;
  z-index: 2;
  font-weight: 400;
  top: 50%;
  font-size: 8px;
  font-size: 0.8rem;
  right: 24px;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -moz-transform: translateY(-50%);
  /* Firefox */
  -webkit-transform: translateY(-50%);
  /* Safari and Chrome */
  -o-transform: translateY(-50%);
  /* Opera */
  transition: 0.3s;
}
button.more.more:hover,
input[type="reset"].more.more:hover,
input[type="submit"].more.more:hover,
.button.more.more:hover,
a.button.more.more:hover,
button.more.more:focus,
input[type="reset"].more.more:focus,
input[type="submit"].more.more:focus,
.button.more.more:focus,
a.button.more.more:focus {
  background-color: #b5d0db;
}
button.more.more:hover:before,
input[type="reset"].more.more:hover:before,
input[type="submit"].more.more:hover:before,
.button.more.more:hover:before,
a.button.more.more:hover:before,
button.more.more:focus:before,
input[type="reset"].more.more:focus:before,
input[type="submit"].more.more:focus:before,
.button.more.more:focus:before,
a.button.more.more:focus:before {
  background-color: #b5d0db;
  transform: translate3D(0, 0, 0);
  -ms-transform: translate3D(0, 0, 0);
  /* IE 9 */
  -moz-transform: translate3D(0, 0, 0);
  /* Firefox */
  -webkit-transform: translate3D(0, 0, 0);
  /* Safari and Chrome */
  -o-transform: translate3D(0, 0, 0);
  /* Opera */
}
button.more.more:hover:after,
input[type="reset"].more.more:hover:after,
input[type="submit"].more.more:hover:after,
.button.more.more:hover:after,
a.button.more.more:hover:after,
button.more.more:focus:after,
input[type="reset"].more.more:focus:after,
input[type="submit"].more.more:focus:after,
.button.more.more:focus:after,
a.button.more.more:focus:after {
  right: 15px;
}
button.button--full,
input[type="reset"].button--full,
input[type="submit"].button--full,
.button.button--full,
a.button.button--full {
  width: 100%;
}
button.button--center,
input[type="reset"].button--center,
input[type="submit"].button--center,
.button.button--center,
a.button.button--center {
  text-align: center;
}
button.button--minimal,
input[type="reset"].button--minimal,
input[type="submit"].button--minimal,
.button.button--minimal,
a.button.button--minimal {
  background-color: transparent !important;
  color: #0050a0;
  padding: 0;
  border: none;
}
button.button--minimal span,
input[type="reset"].button--minimal span,
input[type="submit"].button--minimal span,
.button.button--minimal span,
a.button.button--minimal span {
  pointer-events: none;
}
button.button--minimal.link,
input[type="reset"].button--minimal.link,
input[type="submit"].button--minimal.link,
.button.button--minimal.link,
a.button.button--minimal.link {
  color: #ffffff;
  padding-right: 50px;
}
button.button--minimal:before,
input[type="reset"].button--minimal:before,
input[type="submit"].button--minimal:before,
.button.button--minimal:before,
a.button.button--minimal:before {
  display: none;
}
button.button--minimal:hover,
input[type="reset"].button--minimal:hover,
input[type="submit"].button--minimal:hover,
.button.button--minimal:hover,
a.button.button--minimal:hover,
button.button--minimal:focus,
input[type="reset"].button--minimal:focus,
input[type="submit"].button--minimal:focus,
.button.button--minimal:focus,
a.button.button--minimal:focus,
button.button--minimal:active,
input[type="reset"].button--minimal:active,
input[type="submit"].button--minimal:active,
.button.button--minimal:active,
a.button.button--minimal:active {
  background-color: transparent !important;
  color: #a4c3d0 !important;
}
button.button--minimal:hover:before,
input[type="reset"].button--minimal:hover:before,
input[type="submit"].button--minimal:hover:before,
.button.button--minimal:hover:before,
a.button.button--minimal:hover:before,
button.button--minimal:focus:before,
input[type="reset"].button--minimal:focus:before,
input[type="submit"].button--minimal:focus:before,
.button.button--minimal:focus:before,
a.button.button--minimal:focus:before,
button.button--minimal:active:before,
input[type="reset"].button--minimal:active:before,
input[type="submit"].button--minimal:active:before,
.button.button--minimal:active:before,
a.button.button--minimal:active:before {
  display: none;
}
button.button--secondary,
input[type="reset"].button--secondary,
input[type="submit"].button--secondary,
.button.button--secondary,
a.button.button--secondary {
  color: #a4c3d0;
  border: 1px solid #a4c3d0;
  background: transparent;
}
button.button--secondary.light,
input[type="reset"].button--secondary.light,
input[type="submit"].button--secondary.light,
.button.button--secondary.light,
a.button.button--secondary.light {
  color: #ffffff;
  border-color: #ffffff;
  background: transparent;
}
button.button--secondary.light:hover,
input[type="reset"].button--secondary.light:hover,
input[type="submit"].button--secondary.light:hover,
.button.button--secondary.light:hover,
a.button.button--secondary.light:hover,
button.button--secondary.light:focus,
input[type="reset"].button--secondary.light:focus,
input[type="submit"].button--secondary.light:focus,
.button.button--secondary.light:focus,
a.button.button--secondary.light:focus,
button.button--secondary.light:active,
input[type="reset"].button--secondary.light:active,
input[type="submit"].button--secondary.light:active,
.button.button--secondary.light:active,
a.button.button--secondary.light:active {
  color: #a4c3d0;
  background: #ffffff;
}
button.with-large-icon.with-large-icon,
input[type="reset"].with-large-icon.with-large-icon,
input[type="submit"].with-large-icon.with-large-icon,
.button.with-large-icon.with-large-icon,
a.button.with-large-icon.with-large-icon {
  padding-left: 100px;
}
button.with-large-icon.with-large-icon i,
input[type="reset"].with-large-icon.with-large-icon i,
input[type="submit"].with-large-icon.with-large-icon i,
.button.with-large-icon.with-large-icon i,
a.button.with-large-icon.with-large-icon i {
  position: absolute;
  top: 50%;
  left: 30px;
  font-size: 25px;
  font-size: 2.5rem;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -moz-transform: translateY(-50%);
  /* Firefox */
  -webkit-transform: translateY(-50%);
  /* Safari and Chrome */
  -o-transform: translateY(-50%);
  /* Opera */
}
@media (min-width: 47em) {
  button.with-large-icon.with-large-icon i,
  input[type="reset"].with-large-icon.with-large-icon i,
  input[type="submit"].with-large-icon.with-large-icon i,
  .button.with-large-icon.with-large-icon i,
  a.button.with-large-icon.with-large-icon i {
    font-size: 40px;
    font-size: 4rem;
  }
}
button.light,
input[type="reset"].light,
input[type="submit"].light,
.button.light,
a.button.light {
  background-color: #a4c3d0;
  color: #ffffff;
}
button.light:hover,
input[type="reset"].light:hover,
input[type="submit"].light:hover,
.button.light:hover,
a.button.light:hover,
button.light:focus,
input[type="reset"].light:focus,
input[type="submit"].light:focus,
.button.light:focus,
a.button.light:focus,
button.light:active,
input[type="reset"].light:active,
input[type="submit"].light:active,
.button.light:active,
a.button.light:active {
  background: #015ebb;
}
@media (max-width: 47em) {
  button.mobile-full,
  input[type="reset"].mobile-full,
  input[type="submit"].mobile-full,
  .button.mobile-full,
  a.button.mobile-full {
    width: 100%;
    text-align: center;
  }
}
button.disabled,
input[type="reset"].disabled,
input[type="submit"].disabled,
.button.disabled,
a.button.disabled {
  background-color: #e6e6e6;
  color: #b4b4b4;
}
button.prelabel div,
input[type="reset"].prelabel div,
input[type="submit"].prelabel div,
.button.prelabel div,
a.button.prelabel div {
  display: inline-block;
  text-align: left;
  font-size: 16px;
  font-size: 1.6rem;
}
button.prelabel span,
input[type="reset"].prelabel span,
input[type="submit"].prelabel span,
.button.prelabel span,
a.button.prelabel span {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
}
button.simple.simple,
input[type="reset"].simple.simple,
input[type="submit"].simple.simple,
.button.simple.simple,
a.button.simple.simple {
  background-color: transparent;
  color: #0050a0;
  text-decoration: underline;
  padding-left: 0;
  padding-right: 0;
}
button.simple.simple:hover,
input[type="reset"].simple.simple:hover,
input[type="submit"].simple.simple:hover,
.button.simple.simple:hover,
a.button.simple.simple:hover,
button.simple.simple:focus,
input[type="reset"].simple.simple:focus,
input[type="submit"].simple.simple:focus,
.button.simple.simple:focus,
a.button.simple.simple:focus {
  color: #015ebb;
}
button.social,
input[type="reset"].social,
input[type="submit"].social,
.button.social,
a.button.social {
  padding: 15px 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 10px;
}
button.social i,
input[type="reset"].social i,
input[type="submit"].social i,
.button.social i,
a.button.social i {
  font-size: 20px;
}
@media (min-width: 98em) {
  button.social i,
  input[type="reset"].social i,
  input[type="submit"].social i,
  .button.social i,
  a.button.social i {
    font-size: 25px;
  }
}
@media (min-width: 98em) {
  button.social,
  input[type="reset"].social,
  input[type="submit"].social,
  .button.social,
  a.button.social {
    padding: 15px;
  }
}
button.facebook,
input[type="reset"].facebook,
input[type="submit"].facebook,
.button.facebook,
a.button.facebook {
  background-color: #3b5998;
}
button.facebook:hover,
input[type="reset"].facebook:hover,
input[type="submit"].facebook:hover,
.button.facebook:hover,
a.button.facebook:hover,
button.facebook:focus,
input[type="reset"].facebook:focus,
input[type="submit"].facebook:focus,
.button.facebook:focus,
a.button.facebook:focus {
  background-color: #2d4373;
}
button.twitter,
input[type="reset"].twitter,
input[type="submit"].twitter,
.button.twitter,
a.button.twitter {
  background-color: #00a3d9;
}
button.twitter:hover,
input[type="reset"].twitter:hover,
input[type="submit"].twitter:hover,
.button.twitter:hover,
a.button.twitter:hover,
button.twitter:focus,
input[type="reset"].twitter:focus,
input[type="submit"].twitter:focus,
.button.twitter:focus,
a.button.twitter:focus {
  background-color: #007da6;
}
button.linkedin,
input[type="reset"].linkedin,
input[type="submit"].linkedin,
.button.linkedin,
a.button.linkedin {
  background-color: #0077b5;
}
button.linkedin:hover,
input[type="reset"].linkedin:hover,
input[type="submit"].linkedin:hover,
.button.linkedin:hover,
a.button.linkedin:hover,
button.linkedin:focus,
input[type="reset"].linkedin:focus,
input[type="submit"].linkedin:focus,
.button.linkedin:focus,
a.button.linkedin:focus {
  background-color: #005582;
}
button.googleplus,
input[type="reset"].googleplus,
input[type="submit"].googleplus,
.button.googleplus,
a.button.googleplus {
  background-color: #dd4f43;
}
button.googleplus:hover,
input[type="reset"].googleplus:hover,
input[type="submit"].googleplus:hover,
.button.googleplus:hover,
a.button.googleplus:hover,
button.googleplus:focus,
input[type="reset"].googleplus:focus,
input[type="submit"].googleplus:focus,
.button.googleplus:focus,
a.button.googleplus:focus {
  background-color: #c93124;
}
.button--cover:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.button-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}
.button-group.button-group--center {
  -ms-flex-align: center;
  align-items: center;
}
.button-group.button-group--justify-end {
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.button-group.button-group--equal .button {
  -ms-flex: 1;
  flex: 1;
}
@media (min-width: 84em) {
  .button-group {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.button-group--row {
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.button-group--vertical {
  -ms-flex-direction: column;
  flex-direction: column;
}
button,
input[type="text"],
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="email"],
input[type="tel"],
textarea {
  -webkit-appearance: none;
}
button:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
.button:focus,
a.button:focus,
select:focus {
  outline: 0;
  *outline: inherit;
  box-shadow: 0 0 1px 1px rgba(200, 200, 200, 0.1);
}
select {
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background-image: url("../images/chevron-down.svg");
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) 50%;
}
::-webkit-input-placeholder {
  color: #999;
  font-style: italic;
}
::-moz-placeholder {
  color: #999;
  font-style: italic;
}
:-ms-input-placeholder {
  color: #999;
  font-style: italic;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #999;
  font-style: italic;
}
/*::-ms-reveal { display: none; } /* Hide reveal password ie 10+ */
::-ms-clear {
  display: none;
}
/* Hide clear text field ie 10+ */
input[type="search"] {
  -webkit-appearance: none;
}
/* Remove the rounded corners */
::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
/* Hide the cancel button */
::-webkit-search-results-button {
  -webkit-appearance: none;
}
/* Hide the magnifying glass */
::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
/* Hide number input spinner */
::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
/* Style file upload button */
/* forms */
form .row {
  margin-bottom: 0;
}
fieldset {
  width: auto;
}
fieldset p,
fieldset ul,
fieldset li {
  *zoom: 1;
}
fieldset p:before,
fieldset ul:before,
fieldset li:before,
fieldset p:after,
fieldset ul:after,
fieldset li:after {
  display: table;
  content: " ";
}
fieldset p:after,
fieldset ul:after,
fieldset li:after {
  clear: both;
}
fieldset ul {
  margin-left: -20px;
}
fieldset ul li {
  list-style: none;
  background: none;
  list-style-image: none;
  margin: 0 0 10px;
  float: left;
  width: 100%;
  padding: 0 0 0 20px;
}
fieldset ul li.error input {
  border-color: #f1062c;
}
fieldset ul li.space {
  margin-top: 25px;
}
@media (min-width: 47em) {
  fieldset ul li.one-half {
    width: 50%;
  }
  fieldset ul li.one-fourth {
    width: 25%;
  }
}
.buttons {
  list-style: none;
  margin: 0;
  *zoom: 1;
}
.buttons:before,
.buttons:after {
  display: table;
  content: " ";
}
.buttons:after {
  clear: both;
}
.buttons li {
  float: left;
}
.buttons li a.active {
  background-color: #015ebb;
}
.buttons.filled {
  display: table;
  width: 100%;
}
.buttons.filled li {
  display: table-cell;
  float: none;
}
.buttons.filled li .button {
  display: block;
  width: 100%;
  text-align: center;
}
.buttons.center {
  display: inline-block;
}
.buttons.full li {
  width: 100%;
}
.buttons.full li .button {
  display: block;
  width: 100%;
}
@media (max-width: 47em) {
  .buttons.full-mobile {
    display: block;
  }
  .buttons.full-mobile li {
    float: none;
  }
  .buttons.full-mobile .button {
    display: block;
    width: 100%;
  }
}
.buttons.seperated li {
  border-right: 2px solid #ffffff;
}
.buttons.seperated li:last-child {
  border-right: 0px solid transparent;
}
.buttons.seperated-top li {
  border-top: 2px solid #ffffff;
}
.buttons.smaller .button {
  font-size: 14px;
  font-size: 1.4rem;
}
@media (min-width: 65em) {
  .buttons.smaller .button {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media (min-width: 98em) {
  .buttons.smaller .button {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.buttons.small .button {
  font-size: 12px;
  font-size: 1.2rem;
  padding: 8px 10px;
}
@media (max-width: 47em) {
  .buttons.split-mobile li {
    display: block;
    min-width: 50%;
    float: left;
    margin-bottom: 2px;
    border-right: 0px solid #ffffff;
  }
  .buttons.split-mobile li:nth-child(odd) {
    border-right: 2px solid #ffffff;
  }
}
.a-c .button,
.a-c a.button,
.a-c button {
  float: none;
  clear: none;
  display: inline-block;
}
.select-wrapper {
  position: relative;
}
.select-wrapper:after {
  content: "\e906";
  font-family: "Icomoon";
  color: #0050a0;
  position: absolute;
  right: 2px;
  top: 50%;
  line-height: 40px;
  background-color: #ffffff;
  width: 50px;
  height: 40px;
  pointer-events: none;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -moz-transform: translateY(-50%);
  /* Firefox */
  -webkit-transform: translateY(-50%);
  /* Safari and Chrome */
  -o-transform: translateY(-50%);
  /* Opera */
  display: none;
}
.select-wrapper select {
  line-height: 1.8em;
}
.select-wrapper select::-ms-expand {
  display: none;
}
/*
 * Custom checkbox
 */
/* Base for label styling */
input[type="checkbox"]:not(:checked),
input[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
input[type="checkbox"]:not(:checked) + label,
input[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  margin-top: 12px;
}
/* checkbox aspect */
input[type="checkbox"]:not(:checked) + label:before,
input[type="checkbox"]:checked + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  width: 20px;
  height: 20px;
  border: 1px solid #b4b4b4;
  border-radius: 0px;
  background-color: #ffffff;
}
/* checked mark aspect */
input[type="checkbox"]:not(:checked) + label:after,
input[type="checkbox"]:checked + label:after {
  content: "✔";
  position: absolute;
  top: -2px;
  left: 3px;
  font-size: 24px;
  font-size: 2.4rem;
  color: #a4c3d0;
  transition: all 0.2s;
}
/* checked mark aspect changes */
input[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
input[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
input[type="checkbox"]:disabled:not(:checked) + label:before,
input[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  background-color: #f2f2f2;
}
input[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
input[type="checkbox"]:disabled + label {
  color: #aaa;
}
input[type="checkbox"] + label {
  font-weight: 400;
}
/* accessibility */
input[type="checkbox"]:checked + label:before {
  border-color: #0050a0;
}
.checkbox__description {
  display: block;
  color: #0050a0;
  margin-left: 30px;
  line-height: 1.5em;
}
/*
 * Custom radiobutton
 */
input[type="radio"] {
  visibility: hidden;
  position: absolute;
  width: 100%;
}
input[type="radio"] + label {
  font-weight: 400;
  cursor: pointer;
}
input[type="radio"] + label span {
  display: inline-block;
  position: relative;
  width: 18px;
  height: 18px;
  margin: -1px 8px 0 0;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 50%;
}
input[type="radio"] + label span {
  background-color: #ffffff;
  border: 1px solid #b4b4b4;
}
input[type="radio"]:checked + label span {
  background-color: #ffffff;
  border: 1px solid #0050a0;
}
input[type="radio"]:checked + label span:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  /* IE 9 */
  -moz-transform: translateX(-50%) translateY(-50%);
  /* Firefox */
  -webkit-transform: translateX(-50%) translateY(-50%);
  /* Safari and Chrome */
  -o-transform: translateX(-50%) translateY(-50%);
  /* Opera */
  background-color: #a4c3d0;
}
.radio-group--tile {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px;
}
.radio-group--tile label {
  color: #0050a0;
  background-color: #f3f7f9;
  padding: 15px 30px;
  border-radius: 3px;
  border: 1px solid transparent;
}
.radio-group--tile input[type="radio"]:checked + label,
.radio-group--tile input[type="radio"]:hover + label {
  border-color: #0050a0;
}
/* =============================================================================
   FOOTER
   ========================================================================== */
.page-footer {
  position: relative;
  z-index: 10;
  height: auto;
  margin: 0;
  margin-top: 60px;
  background: #015ebb;
}
@media (max-width: 47em) {
  .page-footer .row--footer .row__item {
    width: 50%;
  }
}
@media (min-width: 47em) {
  .page-footer .row--footer .row__item {
    width: 33.333%;
  }
}
@media (min-width: 65em) {
  .page-footer .row--footer .row__item {
    width: auto;
    -ms-flex: 1;
    flex: 1;
  }
}
.page-footer .sitemap h4 {
  margin-top: 20px;
}
.page-footer .sitemap .one-fifth {
  width: 100%;
}
@media (min-width: 47em) {
  .page-footer .sitemap .one-fifth {
    width: 20%;
  }
}
.page-footer .sitemap .small-list {
  margin-bottom: 30px;
}
.page-footer .sitemap .small-list a {
  color: #0050a0;
  text-decoration: none;
}
.page-footer .sitemap .small-list a:hover,
.page-footer .sitemap .small-list a:focus {
  color: #a4c3d0;
}
.page-footer .sitemap .small-list + h4 {
  margin-top: 30px;
}
.page-footer .one-family {
  width: 550px;
  padding: 0 40px;
  display: block;
  margin: 0 auto;
}
.page-footer .social-list {
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-top: 30px;
  gap: 20px;
}
.page-footer .list--inline a {
  color: #ffffff;
  text-decoration: none;
}
.page-footer--mt-0 {
  margin-top: 0;
}
.page-footer__top {
  padding: 30px 0;
}
@media (min-width: 47em) {
  .page-footer__top {
    padding: 2vw 0;
  }
}
.page-footer__bottom {
  margin-top: 60px;
  padding: 30px 0;
}
@media (min-width: 47em) {
  .page-footer__bottom {
    padding: 2vw 0;
  }
}
.page-footer__bottom .section + .section {
  margin-top: 60px;
}
a.esign {
  width: 104px;
  height: 20px;
  background-image: url("../images/logo-esign.png");
  text-indent: -9999px;
  opacity: 0.6;
  backface-visibility: hidden;
  transition: 1s;
  display: block;
  outline: 0;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  a.esign {
    background-image: url("../images/logo-esign@2x.png");
    background-size: 104px 20px;
  }
}
a.esign:hover,
a.esign:focus {
  opacity: 1;
  backface-visibility: hidden;
}
@media (min-width: 47em) {
  a.esign {
    float: right;
  }
}
.footer-nav {
  list-style: none;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: 0;
}
.footer-nav a,
.footer-nav span,
.footer-nav p {
  color: #ffffff;
  font-size: 20px;
  font-size: 2rem;
  line-height: 2em;
  text-decoration: none;
}
.footer-nav .footer-nav__item--header {
  font-weight: 600;
  margin-bottom: 0.5em;
  font-family: "Sofia Sans", Helvetica, Arial, Verdana, sans-serif;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.2em;
  font-weight: 700;
  letter-spacing: 0;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  text-transform: uppercase;
  text-decoration: none;
}
.footer-nav .footer-nav__item--header a {
  font-family: "Sofia Sans", Helvetica, Arial, Verdana, sans-serif;
  line-height: 1.2em;
  font-weight: 700;
  letter-spacing: 0;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 30px;
  font-size: 3rem;
}
@media (min-width: 47em) {
  .footer-nav .footer-nav__item--header a {
    font-weight: 700;
    font-size: 35px;
    font-size: 3.5rem;
  }
}
@media (min-width: 65em) {
  .footer-nav .footer-nav__item--header a {
    font-size: 40px;
    font-size: 4rem;
  }
}
.footer-nav .footer-nav__item--header span {
  line-height: 1.2em;
}
.footer-nav__item {
  line-height: 1.2em;
}
.footer-nav__item + .footer-nav__item {
  margin-top: 0.6em;
}
.footer-nav__item a {
  font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5em;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  text-transform: none;
  letter-spacing: 0;
  line-height: 1.2em;
}
/* =============================================================================
   GRID
   ========================================================================== */
.container {
  margin: 0 15px;
  position: relative;
  z-index: 12;
}
.container + .container {
  margin-top: 90px;
}
.container + .container--small-margin {
  margin-top: 45px;
}
.container:not(.container--no-clearfix) {
  *zoom: 1;
}
.container:not(.container--no-clearfix):before,
.container:not(.container--no-clearfix):after {
  display: table;
  content: " ";
}
.container:not(.container--no-clearfix):after {
  clear: both;
}
@media (max-width: 47em) {
  .container.mobile-no-m {
    margin: 0;
  }
}
@media (min-width: 47em) {
  .container {
    margin: 0 20px;
  }
}
@media (min-width: 65em) {
  .container {
    width: 980px;
    margin: 0 auto;
  }
  .container.small {
    width: 960px;
  }
}
@media (min-width: 68em) {
  .container {
    width: 1024px;
  }
  .container.small {
    width: 1004px;
  }
}
@media (min-width: 84em) {
  .container {
    width: 1240px;
  }
  .container.small {
    width: 960px;
  }
}
@media (min-width: 98em) {
  .container {
    width: 1400px;
  }
}
.container.container--full {
  margin: 0;
  width: 100%;
}
@media (min-width: 65em) {
  .container.container--full {
    margin: 0 auto;
    width: 980px;
  }
}
@media (min-width: 68em) {
  .container.container--full {
    width: 1024px;
  }
  .container.container--full.small {
    width: 1004px;
  }
}
@media (min-width: 84em) {
  .container.container--full {
    width: 1240px;
  }
}
@media (min-width: 98em) {
  .container.container--full {
    width: 1400px;
  }
}
@media (min-width: 108em) {
  .container.container--large {
    width: 1600px;
  }
}
.container.container--overflow-h {
  overflow: hidden;
}
.container.container--accent {
  background-color: #0050a0;
  margin: 0;
  width: 100%;
}
@media (min-width: 65em) {
  .container.container--accent {
    width: 980px;
    margin: 0 auto;
  }
}
@media (min-width: 68em) {
  .container.container--accent {
    width: 1024px;
  }
}
@media (min-width: 84em) {
  .container.container--accent {
    width: 1240px;
  }
}
@media (min-width: 98em) {
  .container.container--accent {
    width: 1400px;
  }
}
.container.container--small {
  margin: 0;
  width: 100%;
}
@media (min-width: 65em) {
  .container.container--small {
    width: 680px;
    margin: 0 auto;
  }
}
@media (min-width: 68em) {
  .container.container--small {
    width: 740px;
  }
}
@media (min-width: 84em) {
  .container.container--small {
    width: 800px;
  }
}
@media (min-width: 98em) {
  .container.container--small {
    width: 840px;
  }
}
.row {
  *zoom: 1;
  margin: 0 0 0px -30px;
}
.row:before,
.row:after {
  display: table;
  content: " ";
}
.row:after {
  clear: both;
}
@media (min-width: 47em) {
  .row.g0 {
    margin-left: 0px;
  }
  .row.g0 > .one-half,
  .row.g0 > .two-third,
  .row.g0 > .one-third,
  .row.g0 > .three-fourth,
  .row.g0 > .one-fourth,
  .row.g0 > .one-sixth,
  .row.g0 > .three-tenth,
  .row.g0 > .seven-tenth,
  .row.g0 > .one-full {
    padding-left: 0px;
  }
  .row.g0-late {
    margin-left: -30px;
  }
  .row.g0-late > .one-half,
  .row.g0-late > .two-third,
  .row.g0-late > .one-third,
  .row.g0-late > .three-fourth,
  .row.g0-late > .one-fourth,
  .row.g0-late > .one-sixth,
  .row.g0-late > .three-tenth,
  .row.g0-late > .seven-tenth,
  .row.g0-late > .one-full {
    padding-left: 30px;
  }
  .row.g20 {
    margin-left: -20px;
  }
  .row.g20 > .one-half,
  .row.g20 > .two-third,
  .row.g20 > .one-third,
  .row.g20 > .three-fourth,
  .row.g20 > .one-fourth,
  .row.g20 > .one-sixth,
  .row.g20 > .three-fifth,
  .row.g20 > .three-tenth,
  .row.g20 > .seven-tenth,
  .row.g20 > .one-full {
    padding-left: 20px;
  }
  .row.g30 {
    margin-left: -30px;
  }
  .row.g30 > .one-half,
  .row.g30 > .two-third,
  .row.g30 > .one-third,
  .row.g30 > .three-fourth,
  .row.g30 > .one-fourth,
  .row.g30 > .one-fifth,
  .row.g30 > .two-fifth,
  .row.g30 > .three-fifth,
  .row.g30 > .one-sixth,
  .row.g30 > .one-ninth,
  .row.g30 > .three-tenth,
  .row.g30 > .seven-tenth,
  .row.g30 > .one-full {
    padding-left: 30px;
  }
  .row.g80 {
    margin-left: -40px;
  }
  .row.g80 > .one-half,
  .row.g80 > .two-third,
  .row.g80 > .one-third,
  .row.g80 > .three-fourth,
  .row.g80 > .one-fourth,
  .row.g80 > .one-sixth,
  .row.g80 > .three-tenth,
  .row.g80 > .seven-tenth,
  .row.g80 > .one-full {
    padding-left: 40px;
  }
}
@media (min-width: 65em) {
  .row.g80 {
    margin-left: -80px;
  }
  .row.g80 > .one-half,
  .row.g80 > .two-third,
  .row.g80 > .one-third,
  .row.g80 > .three-fourth,
  .row.g80 > .one-fourth,
  .row.g80 > .one-sixth,
  .row.g80 > .three-tenth,
  .row.g80 > .seven-tenth,
  .row.g80 > .one-full {
    padding-left: 80px;
  }
}
@media (min-width: 84em) {
  .row.g0-late {
    margin-left: 0px;
  }
  .row.g0-late > .one-half,
  .row.g0-late > .two-third,
  .row.g0-late > .one-third,
  .row.g0-late > .three-fourth,
  .row.g0-late > .one-fourth,
  .row.g0-late > .one-sixth,
  .row.g0-late > .three-tenth,
  .row.g0-late > .seven-tenth,
  .row.g0-late > .one-full {
    padding-left: 0px;
  }
}
.row.hold .one-fourth {
  width: 25%;
}
.row.hold .three-fourth {
  width: 75%;
}
.row.hold.hold .one-half {
  width: 50%;
}
.row.hold.hold .one-third {
  width: 33.33%;
}
.row.hold.hold .one-fifth {
  width: 20%;
}
.row.hold.hold .two-fifth {
  width: 40%;
}
.row.hold.hold .one-ninth {
  width: 11.11%;
}
.row.late .one-third {
  width: 100%;
}
@media (min-width: 47em) {
  .row.late .one-third {
    width: 50%;
  }
}
@media (min-width: 84em) {
  .row.late .one-third {
    width: 33.33%;
  }
}
@media (min-width: 84em) {
  .row.wide--full.wide--full > * {
    width: 100%;
  }
}
@media (min-width: 47em) {
  .row.reverse > * {
    float: right;
  }
}
.row.center-items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}
.one-half,
.two-third,
.one-third,
.three-fourth,
.one-fourth,
.one-fifth,
.two-fifth,
.one-sixth,
.one-ninth,
.three-fifth,
.three-tenth,
.seven-tenth,
.one-full {
  float: left;
  display: block;
  width: 100%;
  padding-left: 30px;
}
.one-full {
  width: 100%;
}
@media (min-width: 47em) {
  .one-half {
    width: 50%;
  }
}
@media (min-width: 47em) {
  .two-third {
    width: 66.66%;
  }
}
@media (min-width: 47em) {
  .one-third {
    width: 33.33%;
  }
}
@media (min-width: 47em) {
  .one-third.tablet-full.tablet-full {
    width: 100%;
  }
}
@media (min-width: 84em) {
  .one-third.tablet-full.tablet-full {
    width: 33.33%;
  }
}
@media (min-width: 37em) {
  .three-fourth {
    width: 50%;
  }
}
@media (min-width: 47em) {
  .three-fourth {
    width: 75%;
  }
}
@media (min-width: 37em) {
  .one-fourth {
    width: 50%;
  }
}
@media (min-width: 47em) {
  .one-fourth {
    width: 25%;
  }
}
.one-fifth {
  width: 100%;
}
@media (min-width: 47em) {
  .one-fifth {
    width: 20%;
  }
}
.two-fifth {
  width: 100%;
}
@media (min-width: 47em) {
  .two-fifth {
    width: 40%;
  }
}
.three-fifth {
  width: 100%;
}
@media (min-width: 47em) {
  .three-fifth {
    width: 60%;
  }
}
.one-sixth {
  width: 100%;
}
@media (min-width: 47em) {
  .one-sixth {
    width: 33.33%;
  }
}
@media (min-width: 65em) {
  .one-sixth {
    width: 16.66%;
  }
}
.one-ninth {
  width: 100%;
}
@media (min-width: 47em) {
  .one-ninth {
    width: 11.11%;
  }
}
@media (min-width: 47em) {
  .three-tenth {
    width: 30%;
  }
}
@media (min-width: 47em) {
  .seven-tenth {
    width: 70%;
  }
}
.row.home-grid {
  background-color: #ffffff;
}
@media (min-width: 47em) {
  .row.home-grid {
    padding-bottom: 40px;
  }
}
@media (min-width: 65em) {
  .row.home-grid {
    padding-bottom: 0;
  }
}
.row.home-grid .one-third {
  width: 100%;
}
@media (min-width: 65em) {
  .row.home-grid .one-third {
    width: 50%;
  }
}
@media (min-width: 84em) {
  .row.home-grid .one-third {
    width: 33.33%;
  }
}
.row.home-grid > .two-third {
  width: 100%;
}
@media (min-width: 65em) {
  .row.home-grid > .two-third {
    width: 50%;
  }
}
@media (min-width: 84em) {
  .row.home-grid > .two-third {
    width: 66.66%;
  }
}
.row.home-grid > .two-third.first .one-half {
  width: 100%;
}
@media (min-width: 47em) {
  .row.home-grid > .two-third.first .one-half {
    width: 50%;
  }
}
@media (min-width: 65em) {
  .row.home-grid > .two-third.first .one-half {
    width: 100%;
  }
}
@media (min-width: 84em) {
  .row.home-grid > .two-third.first .one-half {
    width: 50%;
  }
}
@media (min-width: 65em) {
  .row.home-grid > .two-third.first {
    width: 50%;
  }
  .row.home-grid > .two-third.first .visual-wrapper .visual {
    padding-bottom: 41%;
  }
}
@media (min-width: 84em) {
  .row.home-grid > .two-third.first {
    width: 66.66%;
  }
  .row.home-grid > .two-third.first .visual-wrapper .visual {
    padding-bottom: 56.25%;
  }
}
@media (min-width: 65em) {
  .row.home-grid > .two-third.first:after {
    content: "";
    display: none;
    position: absolute;
    height: 100%;
    top: 0;
    left: 100%;
    width: 30px;
    background-color: #ffffff;
  }
}
@media (min-width: 84em) {
  .row.home-grid > .two-third.first:after {
    width: 32px;
    margin-left: -2px;
  }
}
.row.home-grid > .two-third.last {
  width: 100%;
}
@media (min-width: 84em) {
  .row.home-grid > .two-third.last {
    width: 66.66%;
  }
}
.row.home-grid .shop {
  display: none;
}
@media (min-width: 84em) {
  .row.home-grid .shop {
    display: block;
  }
}
.row.home-grid .shop--mobile {
  display: block;
  margin-bottom: 30px;
}
.row.home-grid .shop--mobile .shop-slider .item {
  padding-bottom: 100%;
}
@media (min-width: 47em) {
  .row.home-grid .shop--mobile .shop-slider .item {
    padding-bottom: 40%;
  }
}
@media (min-width: 84em) {
  .row.home-grid .shop--mobile {
    display: none;
  }
}
.row.home-grid .mb60 {
  margin-bottom: 30px;
}
@media (min-width: 84em) {
  .row.home-grid .mb60 {
    margin-bottom: 60px;
  }
}
.row--gutter {
  margin-left: -30px !important;
  margin-bottom: -30px !important;
}
.row--gutter > .row__item {
  padding-left: 30px;
  margin-bottom: 30px;
}
.row--gutter-half {
  margin-left: -15px !important;
  margin-bottom: -15px !important;
}
.row--gutter-half > .row__item {
  padding-left: 15px;
  margin-bottom: 15px;
}
.row--gutter-third {
  margin-left: -10px !important;
  margin-bottom: -10px !important;
}
.row--gutter-third > .row__item {
  padding-left: 10px;
  margin-bottom: 10px;
}
.row--gutter-mb0 {
  margin-left: -30px !important;
}
.row--gutter-mb0 > .row__item {
  padding-left: 30px;
  margin-bottom: 30px;
}
.row--flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -30px;
}
.row--flex:after,
.row--flex:before {
  display: none;
}
.row--border > .row__item {
  position: relative;
}
.row--border > .row__item:first-of-type {
  padding-right: 0;
  padding-bottom: 30px;
}
.row--border > .row__item:first-of-type:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 30px;
  height: 1px;
  border-bottom: 2px dashed #a4c3d0;
  left: 30px;
  width: calc(100% - 30px);
}
@media (min-width: 47em) {
}
.row--border.row--border-right > .row__item:first-of-type {
  padding-bottom: 0;
}
.row--border.row--border-right > .row__item:first-of-type:after {
  left: auto;
  right: -15px;
  width: 1px;
  border-right: 2px dashed #a4c3d0;
  top: 0;
  height: 100%;
}
@media (min-width: 47em) {
  .row--border.row--border-right > .row__item:after {
    content: "";
    display: none;
  }
}
.row__item {
  padding-left: 30px;
}
.row__item--auto-height > * {
  height: 100%;
}
.row__item--v-center {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.row--column {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.row--column:after,
.row--column:before {
  display: none;
}
.row--justify-between {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.row--justify-between:after,
.row--justify-between:before {
  display: none;
}
.row--no-wrap {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
@media (min-width: 47em) {
  .row--align-center {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
  }
}
.medium--one-whole {
  width: 50%;
}
@media (min-width: 37em) {
  .medium--one-whole {
    width: 50%;
  }
}
@media (min-width: 47em) {
  .medium--one-whole {
    width: 100%;
  }
}
.multi-info-block {
  margin-bottom: 0px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: 0;
}
.multi-info-block .buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-left: -10px;
  -ms-flex-pack: center;
  justify-content: center;
}
.multi-info-block .buttons li {
  padding-left: 10px;
}
.multi-info-block p {
  color: #001b6f !important;
}
@media (min-width: 84em) {
  .multi-info-block {
    margin-bottom: 30px;
  }
}
@media (min-width: 65em) {
  .multi-info-block {
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.multi-info-block .tabs {
  list-style: none;
  margin: 0;
  width: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (min-width: 65em) {
  .multi-info-block .tabs {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .multi-info-block .tabs li a {
    text-align: right;
  }
}
.multi-info-block .tabs li {
  position: relative;
  text-align: center;
  -ms-flex: 1;
  flex: 1;
}
.multi-info-block .tabs li:last-child {
  border-right: 0px solid transparent;
}
.multi-info-block .tabs li a {
  display: block;
  background-color: #a4c3d0;
  padding: 25px 25px;
  text-decoration: none;
  color: #ffffff;
  font-weight: 700;
  cursor: pointer;
  text-align: left;
}
@media (max-width: 47em) {
  .multi-info-block .tabs li a {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.multi-info-block .tabs li.active {
  background-color: #064891;
}
.multi-info-block .tabs li:hover a,
.multi-info-block .tabs li:focus a,
.multi-info-block .tabs li.active a {
  background-color: #015ebb;
}
.multi-info-block .info-block-wrapper {
  position: relative;
  background-color: #ffffff;
  color: #0050a0;
  -ms-flex: 1;
  flex: 1;
  margin-left: 0;
  margin-bottom: 30px;
}
@media (min-width: 65em) {
  .multi-info-block .info-block-wrapper {
    min-height: auto;
    padding-left: 0;
  }
}
.multi-info-block .info-block-wrapper .arrows {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 74px;
}
@media (min-width: 47em) {
  .multi-info-block .info-block-wrapper .arrows {
    height: 76px;
  }
}
@media (min-width: 65em) {
  .multi-info-block .info-block-wrapper .arrows {
    height: 79px;
  }
}
.multi-info-block .info-block.active {
  display: block;
}
.multi-info-block .info-block .title {
  position: relative;
  height: 50px;
  color: #001b6f;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.multi-info-block .info-block .title p {
  margin-bottom: 0;
  max-width: 35ch;
  min-width: 30ch;
  display: block;
  margin: 0 auto;
  color: #001b6f;
}
@media (max-width: 47em) {
  .multi-info-block .info-block .title p {
    font-size: 20px;
    font-size: 2rem;
    max-width: 70%;
  }
}
@media (min-width: 47em) {
  .multi-info-block .info-block .title p {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media (min-width: 65em) {
  .multi-info-block .info-block .title p {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
.multi-info-block .info-block .title--center {
  text-align: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.multi-info-block .info-block .content {
  position: relative;
  padding: 2em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (min-width: 47em) {
  .multi-info-block .info-block .content {
    padding: 2em;
  }
}
@media (min-width: 65em) {
  .multi-info-block .info-block .content {
    min-height: auto;
    padding: 15px 20px;
  }
}
.multi-info-block .info-block .content table {
  margin-bottom: 30px;
}
.multi-info-block .info-block .content .wrap {
  position: relative;
}
.multi-info-block .info-block .content .button.link {
  color: #001b6f;
}
@media (min-width: 65em) {
  .multi-info-block .info-block .content.with-title {
    height: 190px;
    min-height: auto;
    min-height: initial;
  }
}
@media (min-width: 84em) {
  .multi-info-block .info-block .content.with-title {
    height: 190px;
  }
}
@media (min-width: 98em) {
  .multi-info-block .info-block .content.with-title {
    height: 220px;
  }
}
.multi-info-block .info-block .clubs {
  width: 100%;
}
.multi-info-block .info-block .club-wrap {
  padding: 10px 10px;
}
.multi-info-block .info-block .club {
  padding-left: 20px;
  padding-right: 20px;
  display: block;
  margin: 0 auto;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 60px;
  height: 60px;
}
@media (min-width: 47em) {
  .multi-info-block .info-block .club {
    width: 75px;
    height: 75px;
  }
}
@media (min-width: 65em) {
  .multi-info-block .info-block .club {
    width: 100px;
    height: 100px;
  }
}
.multi-info-block .info-block .club-title {
  margin-bottom: 0;
  font-size: 20px;
  font-size: 2rem;
  height: 32px;
}
@media (min-width: 47em) {
  .multi-info-block .info-block .club-title {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media (min-width: 65em) {
  .multi-info-block .info-block .club-title {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
.multi-info-block .info-block .scoreboard {
  font-weight: 700;
  color: #0050a0;
  font-size: 26px;
  font-size: 2.6rem;
  height: 80px;
}
@media (min-width: 47em) {
  .multi-info-block .info-block .scoreboard {
    font-size: 22px;
    font-size: 2.2rem;
    height: 95px;
  }
}
@media (min-width: 65em) {
  .multi-info-block .info-block .scoreboard {
    font-size: 30px;
    font-size: 3rem;
    height: 120px;
  }
}
.multi-info-block .info-block .scoreboard #match-not-future {
  display: none;
}
.multi-info-block .info-block .scoreboard #match-future {
  display: block;
}
.multi-info-block .info-block .scoreboard.played-or-live #match-not-future {
  display: block;
}
.multi-info-block .info-block .scoreboard.played-or-live #match-future {
  display: none;
}
.multi-info-block .info-block .timeboard {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  /* IE 9 */
  -moz-transform: translateX(-50%);
  /* Firefox */
  -webkit-transform: translateX(-50%);
  /* Safari and Chrome */
  -o-transform: translateX(-50%);
  /* Opera */
  background-color: #a4c3d0;
  color: #ffffff;
  padding: 6px 18px;
  line-height: 1em;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
}
.multi-info-block .info-block .game-buttons-wrap {
  min-height: 110px;
  padding: 15px;
}
.multi-info-block .info-block .game-buttons-wrap p {
  color: #001b6f;
}
@media (max-width: 47em) {
  .multi-info-block .info-block .game-buttons-wrap.multiple-mobile {
    min-height: 187px;
  }
}
.multi-info-block .info-block .splitter {
  display: block;
  width: 1px;
  height: 100%;
  position: relative;
  background-color: #dadada;
  left: 50%;
  transform: translateX(-0.5px);
  -ms-transform: translateX(-0.5px);
  /* IE 9 */
  -moz-transform: translateX(-0.5px);
  /* Firefox */
  -webkit-transform: translateX(-0.5px);
  /* Safari and Chrome */
  -o-transform: translateX(-0.5px);
  /* Opera */
}
.multi-info-block .info-block .border-right {
  border-right: 1px solid #dadada;
}
.multi-info-block .info-block .cycle-arrow {
  position: relative;
}
.multi-info-block.for-article {
  margin-bottom: 30px;
}
.multi-info-block.for-article .info-block-wrapper {
  min-height: 0;
}
.multi-info-block.for-article .content {
  min-height: 0;
}
.multi-info-block.for-article .game-buttons-wrap {
  min-height: 0;
}
.multi-info-block.for-article .buttons {
  margin-bottom: 0;
}
.multi-info-block--desktop .hide--desktop {
  display: none;
}
@media (min-width: 47em) {
  .multi-info-block--mobile {
    display: none;
  }
}
.tab {
  position: relative;
  text-align: center;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  transform: scale(-1, -1);
}
.tab a {
  display: block;
  background-color: #a4c3d0;
  padding: 25px 15px;
  text-decoration: none;
  color: #ffffff;
  font-weight: 700;
  cursor: pointer;
}
@media (max-width: 47em) {
  .tab a {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.info-block__navigation {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}
.info-block__navigation p {
  display: inline-block;
  max-width: 100%;
  margin: 0 10px !important;
  min-width: 40ch;
}
.info-block__navigation .cycle-arrow {
  top: 0;
  left: auto !important;
  right: auto !important;
  transform: none;
}
.info-block--accent-secondary {
  background: #a4c3d0;
  color: #001b6f;
}
.info-block--accent-secondary a:hover,
.info-block--accent-secondary a:focus,
.info-block--accent-secondary a:focus-within,
.info-block--accent-secondary a:active {
  color: #00238b;
}
.visual + .rte {
  margin-top: 30px;
}
.visual--square {
  position: relative;
  height: 0;
  padding-top: 100%;
  display: block;
  width: 100%;
}
.visual--square img {
  position: absolute;
  object-fit: cover;
  object-position: center;
  display: block;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}
.visual--3x4 {
  position: relative;
  height: 0;
  display: block;
  width: 100%;
  padding-top: 75%;
}
.visual--3x4 img {
  position: absolute;
  object-fit: cover;
  object-position: center;
  display: block;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}
.visual--2x1 {
  position: relative;
  height: 0;
  display: block;
  width: 100%;
  padding-top: 50%;
}
.visual--2x1 img {
  position: absolute;
  object-fit: contain;
  object-position: center;
  display: block;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  max-height: 100%;
  max-width: 100%;
}
.visual--16x9 {
  position: relative;
  height: 0;
  display: block;
  width: 100%;
  padding-bottom: 56.25%;
}
.visual--16x9 iframe,
.visual--16x9 img,
.visual--16x9 video {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: block;
  min-width: 100%;
  min-height: 100%;
}
.visual--16x9 iframe {
  border: none;
}
.visual--10x9 {
  position: relative;
  height: 0;
  display: block;
  width: 100%;
  padding-bottom: 90%;
}
.visual--10x9 iframe,
.visual--10x9 img,
.visual--10x9 video {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: block;
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
}
.visual--10x9 iframe {
  border: none;
}
/* Plugins */
/* Validation engine */
.formError {
  z-index: 990;
}
.formError .formErrorContent {
  z-index: 991;
}
.formError .formErrorArrow {
  z-index: 996;
}
.formErrorInsideDialog.formError {
  z-index: 5000;
}
.formErrorInsideDialog.formError .formErrorContent {
  z-index: 5001;
}
.formErrorInsideDialog.formError .formErrorArrow {
  z-index: 5006;
}
.inputContainer {
  position: relative;
  float: left;
}
.formError,
.formError * {
  box-sizing: content-box;
}
.formError {
  position: absolute;
  top: 300px;
  left: 300px;
  display: block;
  cursor: pointer;
  margin: 0 0 0 -116px;
}
.ajaxSubmit {
  padding: 20px;
  background: #55ea55;
  border: 1px solid #999;
  display: none;
}
.formError .formErrorContent {
  background: #0050a0;
  position: relative;
  color: #fff;
  width: 150px;
  border: 1px solid #0050a0;
  padding: 5px 10px 5px 10px;
  font-size: 11px;
  font-size: 1.1rem;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0);
  border-radius: 0px;
}
.formError .formErrorArrow {
  /*width: 15px; margin: -2px 0 0 13px;*/
  position: relative;
  margin: -2px 0 0 145px;
  height: 10px;
  display: none;
}
.formError .formErrorArrow:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  border: 8px solid transparent;
  border-bottom: 0;
  border-top-color: #0050a0;
}
.formError .formErrorArrowBottom {
  box-shadow: none;
  margin: 0px 0 0 12px;
  top: 2px;
}
.formError .formErrorArrow div {
  display: none;
  /*font-size: 0px; height: 1px; background: @accent; margin: 0 auto; line-height: 0; font-size: 0; display: block;
	border-left: 1px solid @accent; border-right: 1px solid @accent;
	.box-shadow(0 0 1px 1px rgba(200,200,200,0.2));*/
}
/*
.formError .formErrorArrowBottom div {
	.box-shadow(none);
}

.formError .formErrorArrow .line10 {
	width: 15px; border: none;
}

.formError .formErrorArrow .line9 {
	width: 13px; border: none;
}

.formError .formErrorArrow .line8 {
	width: 11px;
}

.formError .formErrorArrow .line7 {
	width: 9px;
}

.formError .formErrorArrow .line6 {
	width: 7px;
}

.formError .formErrorArrow .line5 {
	width: 5px;
}

.formError .formErrorArrow .line4 {
	width: 3px;
}

.formError .formErrorArrow .line3 {
	width: 1px;
	border-left: 2px solid @accent;
	border-right: 2px solid @accent;
	border-bottom: 0 solid #ddd;
}

.formError .formErrorArrow .line2 {
	width: 3px;
	border: none;
	background: @accent;
}

.formError .formErrorArrow .line1 {
	width: 1px;
	border: none;
	background: @accent;
}
*/
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}
.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}
.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  border-radius: 0px;
}
.fancybox-opened {
  z-index: 8030;
}
.fancybox-opened .fancybox-skin {
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer,
.fancybox-inner {
  position: relative;
}
.fancybox-inner {
  overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}
.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}
.fancybox-image,
.fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}
.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}
#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
  background-image: url("../images/fancybox/fancybox_sprite.png");
}
#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}
#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url("../../images/fancybox/fancybox_loading.gif") center center no-repeat;
}
.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}
.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url("../images/fancybox/blank.gif");
  /* helps IE */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 8040;
}
.fancybox-prev {
  left: 0;
}
.fancybox-next {
  right: 0;
}
.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}
.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}
.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}
.fancybox-nav:hover span {
  visibility: visible;
}
.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock {
  overflow: hidden !important;
  width: auto;
}
.fancybox-lock body {
  overflow: hidden !important;
}
.fancybox-lock-test {
  overflow-y: hidden !important;
}
.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url("../images/fancybox/fancybox_overlay.png");
}
.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}
.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}
/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}
.fancybox-opened .fancybox-title {
  visibility: visible;
}
.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}
.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #fff;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}
.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}
.fancybox-title-inside-wrap {
  padding-top: 10px;
}
.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #fancybox-loading,
  .fancybox-close,
  .fancybox-prev span,
  .fancybox-next span {
    background-image: url("../images/fancybox/fancybox_sprite@2x.png");
    background-size: 44px 152px;
    /*The size of the normal image, half the size of the hi-res image*/
  }
  #fancybox-loading div {
    background-image: url("../images/fancybox/fancybox_loading@2x.gif");
    background-size: 24px 24px;
    /*The size of the normal image, half the size of the hi-res image*/
  }
}
/* This is the core CSS of Tooltipster */
/* GENERAL STRUCTURE RULES (do not edit this section) */
.tooltipster-base {
  /* this ensures that a constrained height set by functionPosition,
	if greater that the natural height of the tooltip, will be enforced
	in browsers that support display:flex */
  display: -ms-flexbox;
  display: flex;
  pointer-events: none;
  /* this may be overriden in JS for fixed position origins */
  position: absolute;
}
.tooltipster-box {
  /* see .tooltipster-base. flex-shrink 1 is only necessary for IE10-
	and flex-basis auto for IE11- (at least) */
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.tooltipster-content {
  /* prevents an overflow if the user adds padding to the div */
  box-sizing: border-box;
  /* these make sure we'll be able to detect any overflow */
  max-height: 100%;
  max-width: 100%;
  overflow: auto;
}
.tooltipster-ruler {
  /* these let us test the size of the tooltip without overflowing the window */
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden;
}
/* ANIMATIONS */
/* Open/close animations */
/* fade */
.tooltipster-fade {
  opacity: 0;
  transition-property: opacity;
}
.tooltipster-fade.tooltipster-show {
  opacity: 1;
}
/* grow */
.tooltipster-grow {
  transform: scale(0, 0);
  transition-property: transform;
  -webkit-backface-visibility: hidden;
}
.tooltipster-grow.tooltipster-show {
  transform: scale(1, 1);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
/* swing */
.tooltipster-swing {
  opacity: 0;
  transform: rotateZ(4deg);
  transition-property: transform;
}
.tooltipster-swing.tooltipster-show {
  opacity: 1;
  transform: rotateZ(0deg);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
}
/* fall */
.tooltipster-fall {
  transition-property: top;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
.tooltipster-fall.tooltipster-initial {
  top: 0 !important;
}
.tooltipster-fall.tooltipster-dying {
  transition-property: all;
  top: 0 !important;
  opacity: 0;
}
/* slide */
.tooltipster-slide {
  transition-property: left;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
.tooltipster-slide.tooltipster-initial {
  left: -40px !important;
}
.tooltipster-slide.tooltipster-dying {
  transition-property: all;
  left: 0 !important;
  opacity: 0;
}
/* Update animations */
/* We use animations rather than transitions here because
 transition durations may be specified in the style tag due to
 animationDuration, and we try to avoid collisions and the use
 of !important */
/* fade */
@keyframes tooltipster-fading {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.tooltipster-update-fade {
  animation: tooltipster-fading 400ms;
}
/* rotate */
@keyframes tooltipster-rotating {
  25% {
    transform: rotate(-2deg);
  }
  75% {
    transform: rotate(2deg);
  }
  100% {
    transform: rotate(0);
  }
}
.tooltipster-update-rotate {
  animation: tooltipster-rotating 600ms;
}
/* scale */
@keyframes tooltipster-scaling {
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.tooltipster-update-scale {
  animation: tooltipster-scaling 600ms;
}
/**
 * DEFAULT STYLE OF THE SIDETIP PLUGIN
 *
 * All styles are "namespaced" with .tooltipster-sidetip to prevent
 * conflicts between plugins.
 */
/* .tooltipster-box */
.tooltipster-sidetip .tooltipster-box {
  background: #0050a0;
  border: 2px solid #0050a0;
  border-radius: 0px;
  font-size: 12px;
  font-size: 1.2rem;
  text-transform: uppercase;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
  margin-top: 8px;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-box {
  margin-right: 8px;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-box {
  margin-left: 8px;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-box {
  margin-bottom: 8px;
}
/* .tooltipster-content */
.tooltipster-sidetip .tooltipster-content {
  color: white;
  line-height: 18px;
  padding: 6px 14px;
}
/* .tooltipster-arrow : will keep only the zone of .tooltipster-arrow-uncropped that
corresponds to the arrow we want to display */
.tooltipster-sidetip .tooltipster-arrow {
  overflow: hidden;
  position: absolute;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
  height: 10px;
  /* half the width, for centering */
  margin-left: -10px;
  top: 0;
  width: 20px;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
  height: 20px;
  margin-top: -10px;
  right: 0;
  /* top 0 to keep the arrow from overflowing .tooltipster-base when it has not
	been positioned yet */
  top: 0;
  width: 10px;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
  height: 20px;
  margin-top: -10px;
  left: 0;
  /* same as .tooltipster-left .tooltipster-arrow */
  top: 0;
  width: 10px;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
  bottom: 0;
  height: 10px;
  margin-left: -10px;
  width: 20px;
}
/* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */
.tooltipster-sidetip .tooltipster-arrow-background,
.tooltipster-sidetip .tooltipster-arrow-border {
  height: 0;
  position: absolute;
  width: 0;
}
/* .tooltipster-arrow-background */
.tooltipster-sidetip .tooltipster-arrow-background {
  border: 10px solid transparent;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
  border-bottom-color: #0050a0;
  left: 0px;
  top: 3px;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
  border-left-color: #0050a0;
  left: -3px;
  top: 0px;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
  border-right-color: #0050a0;
  left: 3px;
  top: 0px;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
  border-top-color: #0050a0;
  left: 0px;
  top: -3px;
}
/* .tooltipster-arrow-border */
.tooltipster-sidetip .tooltipster-arrow-border {
  border: 10px solid transparent;
  left: 0;
  top: 0;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: #0050a0;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
  border-left-color: #0050a0;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
  border-right-color: #0050a0;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
  border-top-color: #0050a0;
}
/* tooltipster-arrow-uncropped */
.tooltipster-sidetip .tooltipster-arrow-uncropped {
  position: relative;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
  top: -10px;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
  left: -10px;
}
/* Get the bourbon mixin from http://bourbon.io */
/* Reset */
.flip-clock-wrapper * {
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}
.flip-clock-wrapper a {
  cursor: pointer;
  text-decoration: none;
  color: #ccc;
}
.flip-clock-wrapper a:hover {
  color: #fff;
}
.flip-clock-wrapper ul {
  list-style: none;
}
.flip-clock-wrapper.clearfix:before,
.flip-clock-wrapper.clearfix:after {
  content: " ";
  display: table;
}
.flip-clock-wrapper.clearfix:after {
  clear: both;
}
.flip-clock-wrapper.clearfix {
  *zoom: 1;
}
/* Main */
.flip-clock-wrapper {
  -webkit-user-select: none;
}
.flip-clock-meridium {
  background: none !important;
  box-shadow: 0 0 0 !important;
  font-size: 36px !important;
}
.flip-clock-meridium a {
  color: #313333;
}
.flip-clock-wrapper {
  text-align: center;
  position: relative;
  width: 100%;
  margin: 1em;
}
.flip-clock-wrapper:before,
.flip-clock-wrapper:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.flip-clock-wrapper:after {
  clear: both;
}
/* Skeleton */
.flip-clock-wrapper ul {
  position: relative;
  float: left;
  margin: 5px;
  width: 60px;
  height: 90px;
  font-size: 80px;
  font-weight: bold;
  line-height: 87px;
  border-radius: 6px;
  background: #000;
}
.flip-clock-wrapper ul li {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 87px;
  text-decoration: none !important;
}
.flip-clock-wrapper ul li:first-child {
  z-index: 2;
}
.flip-clock-wrapper ul li a {
  display: block;
  height: 100%;
  perspective: 200px;
  margin: 0 !important;
  overflow: visible !important;
  cursor: default !important;
}
.flip-clock-wrapper ul li a div {
  z-index: 1;
  position: absolute;
  left: 0;
  width: 100%;
  height: 50%;
  font-size: 80px;
  overflow: hidden;
  outline: 1px solid transparent;
}
.flip-clock-wrapper ul li a div .shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.flip-clock-wrapper ul li a div.up {
  transform-origin: 50% 100%;
  top: 0;
}
.flip-clock-wrapper ul li a div.up:after {
  content: "";
  position: absolute;
  top: 44px;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 3px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
}
.flip-clock-wrapper ul li a div.down {
  transform-origin: 50% 0;
  bottom: 0;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.flip-clock-wrapper ul li a div div.inn {
  position: absolute;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 200%;
  color: white;
  text-shadow: 0 1px 2px #000;
  text-align: center;
  background-color: #222;
  border-radius: 6px;
  line-height: 94px;
  font-size: 84px;
}
.flip-clock-wrapper ul li a div.up div.inn {
  top: 0;
}
.flip-clock-wrapper ul li a div.down div.inn {
  bottom: 0;
}
/* PLAY */
.flip-clock-wrapper ul.play li.flip-clock-before {
  z-index: 3;
}
.flip-clock-wrapper .flip {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7);
  overflow: hidden;
}
.flip-clock-wrapper ul.play li.flip-clock-active {
  animation: asd 0.5s 0.5s linear both;
  z-index: 5;
}
.flip-clock-divider {
  float: left;
  display: inline-block;
  position: relative;
  width: 20px;
  height: 100px;
}
.flip-clock-divider:first-child {
  width: 0;
}
.flip-clock-dot {
  display: block;
  background: #222;
  width: 10px;
  height: 10px;
  position: absolute;
  border-radius: 50%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  left: 5px;
}
.flip-clock-divider .flip-clock-label {
  position: absolute;
  top: -1.5em;
  right: -96px;
  color: white;
  text-shadow: none;
  top: -30px;
}
.flip-clock-divider.days .flip-clock-label {
  right: -88px;
}
.flip-clock-divider.minutes .flip-clock-label {
  right: -103px;
}
.flip-clock-divider.seconds .flip-clock-label {
  right: -105px;
}
.flip-clock-dot.top {
  top: 30px;
}
.flip-clock-dot.bottom {
  bottom: 30px;
}
@keyframes asd {
  0% {
    z-index: 2;
  }
  20% {
    z-index: 4;
  }
  100% {
    z-index: 4;
  }
}
.flip-clock-wrapper ul.play li.flip-clock-active .down {
  z-index: 2;
  animation: turn 0.5s 0.5s linear both;
}
@keyframes turn {
  0% {
    transform: rotateX(90deg);
  }
  100% {
    transform: rotateX(0deg);
  }
}
.flip-clock-wrapper ul.play li.flip-clock-before .up {
  z-index: 2;
  animation: turn2 0.5s linear both;
}
@keyframes turn2 {
  0% {
    transform: rotateX(0deg);
  }
  100% {
    transform: rotateX(-90deg);
  }
}
.flip-clock-wrapper ul li.flip-clock-active {
  z-index: 3;
}
/* SHADOW */
.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
  animation: show 0.5s linear both;
}
.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
  animation: hide 0.5s 0.3s linear both;
}
/*DOWN*/
.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
  animation: show 0.5s linear both;
}
.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
  animation: hide 0.5s 0.2s linear both;
}
@keyframes show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes hide {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.clock-wrap {
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  transform: translateY(-50%) translateX(-50%) scale(0.5);
  -ms-transform: translateY(-50%) translateX(-50%) scale(0.5);
  /* IE 9 */
  -moz-transform: translateY(-50%) translateX(-50%) scale(0.5);
  /* Firefox */
  -webkit-transform: translateY(-50%) translateX(-50%) scale(0.5);
  /* Safari and Chrome */
  -o-transform: translateY(-50%) translateX(-50%) scale(0.5);
  /* Opera */
  margin-top: -20px;
}
@media (min-width: 47em) {
  .clock-wrap {
    transform: translateY(-50%) translateX(-50%) scale(1);
    -ms-transform: translateY(-50%) translateX(-50%) scale(1);
    /* IE 9 */
    -moz-transform: translateY(-50%) translateX(-50%) scale(1);
    /* Firefox */
    -webkit-transform: translateY(-50%) translateX(-50%) scale(1);
    /* Safari and Chrome */
    -o-transform: translateY(-50%) translateX(-50%) scale(1);
    /* Opera */
    margin-top: 0px;
  }
}
@media (min-width: 65em) {
  .clock-wrap {
    transform: translateY(-50%) translateX(-50%) scale(1.2);
    -ms-transform: translateY(-50%) translateX(-50%) scale(1.2);
    /* IE 9 */
    -moz-transform: translateY(-50%) translateX(-50%) scale(1.2);
    /* Firefox */
    -webkit-transform: translateY(-50%) translateX(-50%) scale(1.2);
    /* Safari and Chrome */
    -o-transform: translateY(-50%) translateX(-50%) scale(1.2);
    /* Opera */
    margin-top: 0px;
  }
}
@media (min-width: 84em) {
  .clock-wrap {
    transform: translateY(-50%) translateX(-50%) scale(1.2);
    -ms-transform: translateY(-50%) translateX(-50%) scale(1.2);
    /* IE 9 */
    -moz-transform: translateY(-50%) translateX(-50%) scale(1.2);
    /* Firefox */
    -webkit-transform: translateY(-50%) translateX(-50%) scale(1.2);
    /* Safari and Chrome */
    -o-transform: translateY(-50%) translateX(-50%) scale(1.2);
    /* Opera */
    margin-top: -20px;
  }
}
@media (min-width: 98em) {
  .clock-wrap {
    transform: translateY(-50%) translateX(-50%) scale(1.2);
    -ms-transform: translateY(-50%) translateX(-50%) scale(1.2);
    /* IE 9 */
    -moz-transform: translateY(-50%) translateX(-50%) scale(1.2);
    /* Firefox */
    -webkit-transform: translateY(-50%) translateX(-50%) scale(1.2);
    /* Safari and Chrome */
    -o-transform: translateY(-50%) translateX(-50%) scale(1.2);
    /* Opera */
    margin-top: 0px;
  }
}
@media (min-width: 108em) {
  .clock-wrap {
    transform: translateY(-50%) translateX(-50%) scale(1.5);
    -ms-transform: translateY(-50%) translateX(-50%) scale(1.5);
    /* IE 9 */
    -moz-transform: translateY(-50%) translateX(-50%) scale(1.5);
    /* Firefox */
    -webkit-transform: translateY(-50%) translateX(-50%) scale(1.5);
    /* Safari and Chrome */
    -o-transform: translateY(-50%) translateX(-50%) scale(1.5);
    /* Opera */
  }
}
.clock-subtitle {
  text-align: center;
  display: block;
  width: 100%;
  color: white;
  text-transform: uppercase;
  margin-top: 20px;
  font-size: 40px;
  font-weight: 600;
}
.countdown-clock {
  width: 620px;
  margin: 0 auto;
  margin-top: -100px;
}
.countdown-clock > * {
  display: inline-block;
}
/**
 * Swiper 6.7.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 31, 2021
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
  -ms-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-direction: column;
  flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-container-pointer-events {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-container-pointer-events.swiper-container-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
.swiper-slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -ms-flex-align: start;
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-container-3d {
  perspective: 1200px;
}
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
/*!
	Modaal - accessible modals - v0.4.4
	by Humaan, for all humans.
	http://humaan.com
 */
.modaal-noscroll {
  overflow: hidden;
}
.modaal-accessible-hide {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}
.modaal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  opacity: 0;
}
.modaal-wrapper {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  overflow: auto;
  opacity: 1;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  transition: all 0.3s ease-in-out;
}
.modaal-wrapper * {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
}
.modaal-wrapper .modaal-close {
  border: none;
  background: 0 0;
  padding: 0;
  -webkit-appearance: none;
}
.modaal-wrapper.modaal-start_none {
  display: none;
  opacity: 1;
}
.modaal-wrapper.modaal-start_fade {
  opacity: 0;
}
.modaal-wrapper [tabindex="0"] {
  outline: 0 !important;
}
.modaal-wrapper.modaal-fullscreen {
  overflow: hidden;
}
.modaal-outer-wrapper {
  display: table;
  position: relative;
  width: 100%;
  height: 100%;
}
.modaal-fullscreen .modaal-outer-wrapper {
  display: block;
}
.modaal-inner-wrapper {
  display: table-cell;
  width: 100%;
  height: 100%;
  position: relative;
  vertical-align: middle;
  text-align: center;
  padding: 80px 25px;
}
.modaal-fullscreen .modaal-inner-wrapper {
  padding: 0;
  display: block;
  vertical-align: top;
}
.modaal-container {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: auto;
  text-align: left;
  color: #0050a0;
  max-width: 1000px;
  border-radius: 0;
  background: #fff;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  cursor: auto;
}
.modaal-container.is_loading {
  height: 100px;
  width: 100px;
  overflow: hidden;
}
.modaal-fullscreen .modaal-container {
  max-width: none;
  height: 100%;
  overflow: auto;
}
.modaal-close {
  position: fixed;
  right: 20px;
  top: 20px;
  color: #fff;
  cursor: pointer;
  opacity: 1;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0);
  border-radius: 100%;
  transition: all 0.2s ease-in-out;
}
.modaal-close:focus,
.modaal-close:hover {
  outline: 0;
  background: #fff;
}
.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before {
  background: #a4c3d0;
}
.modaal-close span {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}
.modaal-close:after,
.modaal-close:before {
  display: block;
  content: " ";
  position: absolute;
  top: 14px;
  left: 23px;
  width: 4px;
  height: 22px;
  border-radius: 4px;
  background: #fff;
  transition: background 0.2s ease-in-out;
}
.modaal-close:before {
  transform: rotate(-45deg);
}
.modaal-close:after {
  transform: rotate(45deg);
}
.modaal-fullscreen .modaal-close {
  background: #afb7bc;
  right: 10px;
  top: 10px;
}
.modaal-content-container {
  padding: 30px;
}
.modaal-confirm-wrap {
  padding: 30px 0 0;
  text-align: center;
  font-size: 0;
}
.modaal-confirm-btn {
  font-size: 14px;
  display: inline-block;
  margin: 0 10px;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  background: 0 0;
}
.modaal-confirm-btn.modaal-ok {
  padding: 10px 15px;
  color: #fff;
  background: #555;
  border-radius: 3px;
  transition: background 0.2s ease-in-out;
}
.modaal-confirm-btn.modaal-ok:hover {
  background: #2f2f2f;
}
.modaal-confirm-btn.modaal-cancel {
  text-decoration: underline;
}
.modaal-confirm-btn.modaal-cancel:hover {
  text-decoration: none;
  color: #2f2f2f;
}
.modaal-instagram .modaal-container {
  width: auto;
  background: 0 0;
  box-shadow: none !important;
}
.modaal-instagram .modaal-content-container {
  padding: 0;
  background: 0 0;
}
.modaal-instagram .modaal-content-container > blockquote {
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
}
.modaal-instagram iframe {
  opacity: 0;
  margin: -6px !important;
  border-radius: 0 !important;
  width: 1000px !important;
  max-width: 800px !important;
  box-shadow: none !important;
  animation: instaReveal 1s linear forwards;
}
.modaal-image .modaal-inner-wrapper {
  padding-left: 140px;
  padding-right: 140px;
}
.modaal-image .modaal-container {
  width: auto;
  max-width: 100%;
}
.modaal-gallery-wrap {
  position: relative;
  color: #fff;
}
.modaal-gallery-item {
  display: none;
}
.modaal-gallery-item img {
  display: block;
}
.modaal-gallery-item.is_active {
  display: block;
}
.modaal-gallery-label {
  position: absolute;
  left: 0;
  width: 100%;
  margin: 20px 0 0;
  font-size: 18px;
  text-align: center;
  color: #fff;
}
.modaal-gallery-label:focus {
  outline: 0;
}
.modaal-gallery-control {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  opacity: 1;
  cursor: pointer;
  color: #fff;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0);
  border: none;
  border-radius: 100%;
  transition: all 0.2s ease-in-out;
}
.modaal-gallery-control.is_hidden {
  opacity: 0;
  cursor: default;
}
.modaal-gallery-control:focus,
.modaal-gallery-control:hover {
  outline: 0;
  background: #fff;
}
.modaal-gallery-control:focus:after,
.modaal-gallery-control:focus:before,
.modaal-gallery-control:hover:after,
.modaal-gallery-control:hover:before {
  background: #afb7bc;
}
.modaal-gallery-control span {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}
.modaal-gallery-control:after,
.modaal-gallery-control:before {
  display: block;
  content: " ";
  position: absolute;
  top: 16px;
  left: 25px;
  width: 4px;
  height: 18px;
  border-radius: 4px;
  background: #fff;
  transition: background 0.2s ease-in-out;
}
.modaal-gallery-control:before {
  margin: -5px 0 0;
  transform: rotate(-45deg);
}
.modaal-gallery-control:after {
  margin: 5px 0 0;
  transform: rotate(45deg);
}
.modaal-gallery-next-inner {
  left: 100%;
  margin-left: 40px;
}
.modaal-gallery-next-outer {
  right: 45px;
}
.modaal-gallery-prev:after,
.modaal-gallery-prev:before {
  left: 22px;
}
.modaal-gallery-prev:before {
  margin: 5px 0 0;
  transform: rotate(-45deg);
}
.modaal-gallery-prev:after {
  margin: -5px 0 0;
  transform: rotate(45deg);
}
.modaal-gallery-prev-inner {
  right: 100%;
  margin-right: 40px;
}
.modaal-gallery-prev-outer {
  left: 45px;
}
.modaal-video-wrap {
  margin: auto 50px;
  position: relative;
}
.modaal-video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  background: #000;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}
.modaal-video-container embed,
.modaal-video-container iframe,
.modaal-video-container object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.modaal-iframe .modaal-content {
  width: 100%;
  height: 100%;
}
.modaal-iframe-elem {
  width: 100%;
  height: 100%;
  display: block;
}
.modaal-loading-spinner {
  background: 0 0;
  position: absolute;
  width: 200px;
  height: 200px;
  top: 50%;
  left: 50%;
  margin: -100px 0 0 -100px;
  transform: scale(0.25);
}
.modaal-loading-spinner > div {
  width: 24px;
  height: 24px;
  margin-left: 4px;
  margin-top: 4px;
  position: absolute;
}
.modaal-loading-spinner > div > div {
  width: 100%;
  height: 100%;
  border-radius: 15px;
  background: #fff;
}
.modaal-loading-spinner > div:nth-of-type(1) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  animation-delay: 0s;
}
.modaal-loading-spinner > div:nth-of-type(2) > div,
.modaal-loading-spinner > div:nth-of-type(3) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
}
.modaal-loading-spinner > div:nth-of-type(1) {
  transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
}
.modaal-loading-spinner > div:nth-of-type(2) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  animation-delay: 0.12s;
}
.modaal-loading-spinner > div:nth-of-type(2) {
  transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
}
.modaal-loading-spinner > div:nth-of-type(3) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  animation-delay: 0.25s;
}
.modaal-loading-spinner > div:nth-of-type(4) > div,
.modaal-loading-spinner > div:nth-of-type(5) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
}
.modaal-loading-spinner > div:nth-of-type(3) {
  transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
}
.modaal-loading-spinner > div:nth-of-type(4) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  animation-delay: 0.37s;
}
.modaal-loading-spinner > div:nth-of-type(4) {
  transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
}
.modaal-loading-spinner > div:nth-of-type(5) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  animation-delay: 0.5s;
}
.modaal-loading-spinner > div:nth-of-type(6) > div,
.modaal-loading-spinner > div:nth-of-type(7) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
}
.modaal-loading-spinner > div:nth-of-type(5) {
  transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
}
.modaal-loading-spinner > div:nth-of-type(6) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  animation-delay: 0.62s;
}
.modaal-loading-spinner > div:nth-of-type(6) {
  transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
}
.modaal-loading-spinner > div:nth-of-type(7) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  animation-delay: 0.75s;
}
.modaal-loading-spinner > div:nth-of-type(7) {
  transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
}
.modaal-loading-spinner > div:nth-of-type(8) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  animation-delay: 0.87s;
}
.modaal-loading-spinner > div:nth-of-type(8) {
  transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
}
@media only screen and (min-width: 1400px) {
  .modaal-video-container {
    padding-bottom: 0;
    height: 731px;
  }
}
@media only screen and (max-width: 1140px) {
  .modaal-image .modaal-inner-wrapper {
    padding-left: 25px;
    padding-right: 25px;
  }
  .modaal-gallery-control {
    top: auto;
    bottom: 20px;
    transform: none;
    background: rgba(0, 0, 0, 0.7);
  }
  .modaal-gallery-control:after,
  .modaal-gallery-control:before {
    background: #fff;
  }
  .modaal-gallery-next {
    left: auto;
    right: 20px;
  }
  .modaal-gallery-prev {
    left: 20px;
    right: auto;
  }
}
@media screen and (max-width: 900px) {
  .modaal-instagram iframe {
    width: 500px !important;
  }
}
@media only screen and (max-width: 600px) {
  .modaal-instagram iframe {
    width: 280px !important;
  }
}
@media screen and (max-height: 1100px) {
  .modaal-instagram iframe {
    width: 700px !important;
  }
}
@media screen and (max-height: 1000px) {
  .modaal-inner-wrapper {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .modaal-instagram iframe {
    width: 600px !important;
  }
}
@media screen and (max-height: 900px) {
  .modaal-instagram iframe {
    width: 500px !important;
  }
  .modaal-video-container {
    max-width: 900px;
    max-height: 510px;
  }
}
@media only screen and (max-height: 820px) {
  .modaal-gallery-label {
    display: none;
  }
}
@keyframes instaReveal {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes modaal-loading-spinner {
  0% {
    opacity: 1;
    transform: scale(1.5);
  }
  100% {
    opacity: 0.1;
    transform: scale(1);
  }
}
/* TODO: rework */
.page-header__wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 0;
}
@media (min-width: 65em) {
  .page-header__wrap {
    gap: 40px;
    padding: 20px 0;
  }
}
@media (min-width: 65em) {
  .page-header__wrap .page-header__logoo img {
    width: 140px;
  }
}
.page-header--sso .main-nav {
  margin-left: 0;
  background-color: transparent;
}
.page-header--sso .main-nav .nav-wrap {
  display: block;
  width: 100%;
  margin-left: 0;
}
@media (min-width: 65em) {
  .page-header--sso .main-nav .nav-wrap li:last-of-type {
    margin-left: auto;
    border-top: 2px solid #0050a0;
    border-bottom: 2px solid #0050a0;
  }
}
@media (min-width: 65em) {
  .page-header--sso .main-nav .nav-wrap {
    display: -ms-flexbox;
    display: flex;
  }
}
.page-header--sso .main-nav a {
  padding: 0 0 0 10px;
}
@media (min-width: 65em) {
  .page-header--sso .main-nav a {
    padding: 15px 10px 15px;
  }
}
@media (min-width: 65em) {
  .page-header--sso .main-nav {
    width: 100%;
  }
}
.sso-text {
  padding: 20px 0 40px;
}
@media (min-width: 47em) {
  .sso-text {
    padding: 20px 30px;
  }
}
@media (min-width: 84em) {
  .sso-text {
    padding: 100px 80px;
  }
}
.sso-form {
  background-color: #ffffff;
  color: #001b6f;
  box-shadow: 0px 20px 60px rgba(11, 45, 97, 0.2);
  padding: 20px;
}
@media (min-width: 65em) {
  .sso-form {
    padding: 60px;
  }
}
.sso-form__line {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  color: #e6e6e6;
  margin: 30px 0;
}
.sso-form__line span {
  padding: 0 30px;
  background-color: #ffffff;
  z-index: 1;
}
.sso-form__line::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0%;
  height: 1px;
  width: 100%;
  background-color: #e6e6e6;
  z-index: 0;
}
/* =============================================================================
   LAYOUT
   ========================================================================== */
@media (min-width: 47em) {
  html,
  body {
    height: 100%;
  }
}
html {
  font-size: 62.5%;
  overflow-x: hidden;
}
@media (min-width: 47em) {
  html {
    font-size: 70%;
  }
}
body {
  font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5em;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  letter-spacing: 0;
  color: #001b6f;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
}
.page-wrap {
  position: relative;
}
@media (min-width: 47em) {
  .page-wrap {
    height: auto;
    min-height: auto;
    z-index: 2;
  }
}
/* typekit async loading (all elements using @ typekit font) */
.wf-loading {
  overflow: hidden;
}
.wf-loading body {
  visibility: hidden;
}
::selection {
  background-color: rgba(1, 94, 187, 0.2);
  color: inherit;
}
/* =============================================================================
   ELEMENTS
   ========================================================================== */
.icon-x {
  width: 17px;
  height: 17px;
}
.icon-x img {
  display: block;
  width: 80%;
  height: auto;
}
/* ICONS */
.icon-tiktok:before {
  content: "\e91b";
}
.icon-profile:before {
  content: "\e917";
}
.icon-globe:before {
  content: "\e918";
}
.icon-play:before {
  content: "\e91a";
}
.icon-ball:before {
  content: "\e913";
}
.icon-triangle-right:before {
  content: "\e90b";
}
.icon-chevron-right:before {
  content: "\e907";
}
.icon-chevron-left:before {
  content: "\e908";
}
.icon-chevron-down:before {
  content: "\e909";
}
.icon-close:before {
  content: "\e919";
}
.icon-search:before {
  content: "\e916";
}
.icon-stopwatch:before {
  content: "\e914";
}
.icon-video-camera:before {
  content: "\e90d";
}
.icon-camera:before {
  content: "\e90e";
}
.icon-arrow-right:before {
  content: "\e90a";
}
.icon-instagram:before {
  content: "\e900";
}
.icon-youtube:before {
  content: "\ea9d";
}
.icon-google-plus:before {
  content: "\e901";
}
.icon-linkedin:before {
  content: "\e902";
}
.icon-facebook:before {
  content: "\e903";
}
.icon-twitter:before {
  content: "\e904";
}
.icon-arrow-left:before {
  content: "\e905";
}
.icon-triangle-down:before {
  content: "\e906";
}
.icon-whatsapp:before {
  content: "\e915";
}
.icon-calendar:before {
  content: "\e90f";
}
.icon-bicycle:before {
  content: "\e910";
}
.icon-bus:before {
  content: "\e911";
}
.icon-car:before {
  content: "\e912";
}
.icon-ticket:before {
  content: "\e90c";
}
.icon-arrow-left,
.icon-arrow-right {
  font-size: 8px;
  font-size: 0.8rem;
}
.icon-changeplayer .icon-chevron-right,
.icon-changeplayer .icon-chevron-left {
  color: #990000;
}
.icon-changeplayer .icon-chevron-left {
  color: #336600;
}
.icon-card-red,
.icon-card-yellow {
  width: 15px;
  height: 21px;
  display: inline-block;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100 */
  background: #ffcc00;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #ffcc00 0%, #ffee00 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFCC00', endColorstr='#FFEE00', GradientType=1);
  /* IE6-9 */
}
.icon-card-red {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100 */
  background: #b00000;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #b00000 0%, #cc3300 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B00000', endColorstr='#FFEE00', GradientType=1);
  /* IE6-9 */
}
.card .icon-card-red,
.card .icon-card-yellow {
  height: 18px;
  width: 12px;
  position: relative;
  top: 2px;
}
.icon-hamburger,
.icon-hamburger:before,
.icon-hamburger:after {
  width: 24px;
  position: absolute;
  height: 1px;
  border-top: 2px solid #ffffff;
  transition: 0.2s;
}
.icon-hamburger {
  position: relative;
}
.icon-hamburger:before,
.icon-hamburger:after {
  content: "";
  left: 0;
  margin-left: 0;
}
.icon-hamburger:before {
  margin-top: 4px;
}
.icon-hamburger:after {
  margin-top: 10px;
}
/* HELPERS */
.vh {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.a-c {
  text-align: center;
}
.a-l {
  text-align: left;
}
.a-r {
  text-align: right;
}
.desktop-a-l {
  text-align: left;
}
.desktop-a-c {
  text-align: center;
}
.desktop-a-r {
  text-align: right;
}
.left {
  float: left;
}
.right {
  float: right;
}
.float-left.float-left {
  float: left;
  clear: none;
}
.float-right.float-right {
  float: right;
  clear: none;
}
.tt {
  text-transform: uppercase;
}
.dis-b {
  display: block;
}
.dis-ib {
  display: inline-block;
}
.h100 {
  height: 100%;
}
.w100 {
  width: 100%;
}
.max500 {
  display: block;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}
.max700 {
  display: block;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 47em) {
  .mobile-mb20.mobile-mb20 {
    margin-bottom: 20px;
  }
}
.mb0.mb0 {
  margin-bottom: 0;
}
.mb6.mb6 {
  margin-bottom: 6px;
}
.mb10.mb10 {
  margin-bottom: 10px;
}
.mb20.mb20 {
  margin-bottom: 20px;
}
.mb30.mb30 {
  margin-bottom: 30px;
}
.mb40.mb40,
.mb50.mb50,
.mb60.mb60,
.mb80.mb80,
.mb100.mb100 {
  margin-bottom: 40px;
}
@media (min-width: 47em) {
  .mb50.mb50 {
    margin-bottom: 50px;
  }
  .mb60.mb60 {
    margin-bottom: 60px;
  }
  .mb80.mb80 {
    margin-bottom: 80px;
  }
  .mb100.mb100 {
    margin-bottom: 100px;
  }
}
.mt15 {
  margin-top: 15px;
}
.mt30 {
  margin-top: 30px;
}
.mt60 {
  margin-top: 60px;
}
.mt35-neg {
  margin-top: -35px;
}
.mx-auto.mx-auto {
  margin: 0 auto;
}
.mobile-show {
  display: block;
}
@media (min-width: 47em) {
  .mobile-show {
    display: none;
  }
}
.mobile-show-inline {
  display: inline;
}
@media (min-width: 47em) {
  .mobile-show-inline {
    display: none;
  }
}
.mobile-hide {
  display: none;
}
@media (min-width: 47em) {
  .mobile-hide {
    display: block;
  }
}
.mobile-hide-table-cell {
  display: none;
}
@media (min-width: 47em) {
  .mobile-hide-table-cell {
    display: table-cell;
  }
}
.mobile-hide-default {
  display: none;
}
@media (min-width: 47em) {
  .mobile-hide-default {
    display: inherit;
  }
}
.tablet-hide-table-cell {
  display: table-cell;
}
@media (min-width: 47em) {
  .tablet-hide-table-cell {
    display: none;
  }
}
.tablet-show {
  display: none;
}
@media (min-width: 47em) {
  .tablet-show {
    display: block;
  }
}
.tablet-hide {
  display: block;
}
@media (min-width: 47em) {
  .tablet-hide {
    display: none;
  }
}
.desktop-hide {
  display: block;
  width: 100%;
}
@media (min-width: 65em) {
  .desktop-hide {
    display: none;
  }
}
.desktop-show {
  display: none;
}
@media (min-width: 65em) {
  .desktop-show {
    display: block;
    width: 100%;
  }
}
/* SLIDESHOW */
.cycle-slideshow {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.cycle-slideshow.news-slider {
  position: relative;
}
.cycle-slideshow.news-slider .slide {
  background-color: #ffffff;
}
.cycle-slideshow.hero-slider {
  z-index: 0;
}
.visual-pager {
  position: absolute;
  right: 0;
  top: 0px;
}
.visual-pager .cycle-arrow {
  position: relative;
  float: left;
  top: 0;
  transform: translateY(0);
  -ms-transform: translateY(0);
  /* IE 9 */
  -moz-transform: translateY(0);
  /* Firefox */
  -webkit-transform: translateY(0);
  /* Safari and Chrome */
  -o-transform: translateY(0);
  /* Opera */
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 5px;
  font-size: 20px;
  font-size: 2rem;
  transition: 0.3s;
}
.visual-pager .cycle-arrow:hover,
.visual-pager .cycle-arrow:focus {
  background-color: #ffffff;
}
.visual-pager .cycle-arrow.prev {
  left: 0px;
}
.visual-pager .cycle-arrow.next {
  right: 0px;
}
.cycle-pager {
  position: absolute;
  bottom: 5px;
  width: 100%;
  text-align: center;
  z-index: 1000;
}
.cycle-pager span {
  border: 2px solid #fff;
  border-radius: 20px;
  height: 15px;
  width: 15px;
  display: inline-block;
  cursor: pointer;
  margin: 0 3px;
  line-height: 14px;
  font-size: 36px;
  color: #fff;
  overflow: hidden;
  text-indent: -500px;
  transition: 0.2s;
  background-color: #0050a0;
  color: #0050a0;
}
.cycle-pager span:hover,
.cycle-pager span:focus {
  transition: none;
  background-color: #a4c3d0;
  color: #a4c3d0;
}
.cycle-pager span:hover,
.cycle-pager span:focus,
.cycle-pager .cycle-pager-active {
  text-indent: 0;
  background-color: #a4c3d0;
  color: #a4c3d0;
}
.cycle-arrow {
  position: absolute;
  top: 50%;
  z-index: 1000;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -moz-transform: translateY(-50%);
  /* Firefox */
  -webkit-transform: translateY(-50%);
  /* Safari and Chrome */
  -o-transform: translateY(-50%);
  /* Opera */
  cursor: pointer;
}
.cycle-arrow:after {
  font-family: "icomoon";
  transition: 0.3s;
}
.cycle-arrow.prev {
  left: 20px;
}
.cycle-arrow.prev:after {
  content: "\e908";
}
.cycle-arrow.next {
  right: 20px;
}
.cycle-arrow.next:after {
  content: "\e907";
}
.cycle-arrow:hover:after,
.cycle-arrow:focus:after {
  color: #a4c3d0;
}
.cycle-arrow.large {
  font-size: 30px;
  font-size: 3rem;
}
.slide {
  position: relative;
  width: 100%;
}
/* OTHER */
/* google maps mw */
.gm-style img {
  max-width: inherit;
}
/* responsive video */
.video-container {
  position: relative;
  padding: 0 0 56.25%;
  height: 0;
  overflow: hidden;
  margin: 0 0 15px;
}
.video-container video,
.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.facebook-video-wrapper {
  min-height: 350px;
  background: #000000;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (min-width: 47em) {
  .facebook-video-wrapper {
    min-height: 500px;
  }
}
/* equal height */
.equal-h {
  display: -ms-flexbox;
  display: -moz-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.equal-h:before,
.equal-h:after {
  display: none;
}
html.no-flexbox .equal-h {
  height: 100%;
}
html.no-flexbox .equal-h > div {
  float: left;
}
/* vertical align */
.va-wrap,
.va-m,
.va-b {
  display: table;
  width: 100%;
  height: 100%;
}
.va-wrap {
  table-layout: fixed;
}
.va-m,
.va-b {
  display: table-cell;
}
.va-m {
  vertical-align: middle;
}
.va-b {
  vertical-align: bottom;
}
.va-abs-m {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -moz-transform: translateY(-50%);
  /* Firefox */
  -webkit-transform: translateY(-50%);
  /* Safari and Chrome */
  -o-transform: translateY(-50%);
  /* Opera */
}
/* blocklink */
.blocklink {
  cursor: pointer;
}
/* =============================================================================
   HEADER
   ========================================================================== */
.page-header-banner {
  width: 100%;
  text-decoration: none;
  padding: 15px;
  background-color: #0050a0;
}
.page-header {
  position: sticky;
  z-index: 10000;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #ffffff;
}
.page-header__left,
.page-header__right {
  width: 45%;
  margin-left: 5%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.page-header__wrap {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.page-header__wrap--mobile {
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0 0 15px;
}
@media (min-width: 65em) {
  .page-header__wrap--mobile {
    display: none;
  }
}
.page-header__wrap--desktop {
  display: none;
}
@media (min-width: 65em) {
  .page-header__wrap--desktop {
    display: -ms-flexbox;
    display: flex;
    padding: 0;
  }
}
.page-header__logo {
  position: relative;
  top: -46px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  z-index: 9;
  display: none;
}
@media (min-width: 65em) {
  .page-header__logo {
    top: -60px;
    display: block;
  }
}
.mobile-tickets {
  margin-left: auto;
}
.mobile-tickets,
.mobile-webshop {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.mobile-tickets a,
.mobile-webshop a {
  padding: 22px !important;
}
.mobile-tickets i,
.mobile-webshop i {
  font-size: 22px;
  font-size: 2.2rem;
}
.mobile-account-trigger {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 22px 0 15px;
  -ms-flex-pack: end;
  justify-content: flex-end;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  height: 100%;
}
.mobile-account-trigger a,
.mobile-account-trigger .account {
  padding: 0 !important;
  color: #ffffff;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  align-items: center;
  background: none !important;
}
.mobile-account-trigger a:hover,
.mobile-account-trigger .account:hover,
.mobile-account-trigger a:focus,
.mobile-account-trigger .account:focus,
.mobile-account-trigger a:active,
.mobile-account-trigger .account:active {
  background: none !important;
  background-color: transparent;
}
.mobile-account-trigger .dropdown__list {
  top: calc(100% + 0.8em);
}
.mobile-account-trigger .dropdown__link {
  padding: 5px 0 5px 25px !important;
}
.mobile-account-trigger .dropdown__list--right:before {
  right: 10px;
}
.mobile-account-trigger .dropdown__list--right:after {
  right: 0;
}
.mobile-account-trigger span + i,
.mobile-account-trigger i + span {
  margin-left: 10px;
}
.mobile-account-trigger span,
.mobile-account-trigger i {
  text-transform: none;
  color: #ffffff;
}
.mobile-account-trigger .icon-profile {
  font-size: 22px;
  font-size: 2.2rem;
}
@media (min-width: 65em) {
  .mobile-account-trigger {
    display: none;
  }
}
.page-header__logo--mobile {
  width: 55px;
  height: 55px;
  z-index: 9;
  display: block;
  top: auto;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.page-header__logo--mobile img {
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
.page-header__logo--mobile a {
  background: none !important;
  background-color: transparent;
}
.page-header__logo--mobile a:hover,
.page-header__logo--mobile a:focus {
  background: none !important;
  background-color: transparent;
}
@media (min-width: 65em) {
  .page-header__logo--mobile {
    display: none;
  }
}
a.page-header__help-center {
  padding: 0 !important;
}
.top-banner {
  color: #0050a0;
  position: relative;
  z-index: 5;
  padding: 0;
  font-size: 12px;
  font-size: 1.2rem;
}
@media (min-width: 47em) {
  .top-banner {
    font-size: 11px;
    font-size: 1.1rem;
  }
}
@media (min-width: 65em) {
  .top-banner {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
@media (min-width: 84em) {
  .top-banner {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.top-banner .icon-search {
  font-size: 8px;
  padding: 0px 5px;
}
@media (min-width: 65em) {
  .top-banner .icon-search {
    font-size: 10px;
    padding: 0px 0px;
  }
}
@media (min-width: 84em) {
  .top-banner .icon-search {
    font-size: 11px;
  }
}
@media (max-width: 47em) {
  .top-banner .lang-selector a {
    padding-top: 34px;
    padding-bottom: 34px;
  }
}
.top-banner .one-half.one-half:first-child {
  width: 70%;
}
@media (min-width: 47em) {
  .top-banner .one-half.one-half:first-child {
    width: 50%;
  }
}
.top-banner .one-half.one-half:last-child {
  width: 30%;
}
@media (min-width: 47em) {
  .top-banner .one-half.one-half:last-child {
    width: 50%;
  }
}
.subnav-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.secondary-nav {
  display: none;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: end;
  justify-content: flex-end;
  list-style: none;
  margin: 0;
  border-bottom: 1px solid #e6eaef;
}
.secondary-nav li:not(.lang-list__item)::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  height: 50%;
  width: 1px;
  background-color: #e6eaef;
  transition: 0.2s;
}
.secondary-nav li:not(.lang-list__item):first-child::before {
  content: none;
}
.secondary-nav li:not(.lang-list__item) .icon-accent,
.secondary-nav li:not(.lang-list__item) .icon-white {
  transition: 0.2s;
}
.secondary-nav li:not(.lang-list__item) .icon-accent {
  position: absolute;
}
.secondary-nav li:not(.lang-list__item):hover::before,
.secondary-nav li:not(.lang-list__item):focus::before,
.secondary-nav li:not(.lang-list__item):focus-within::before,
.secondary-nav li:not(.lang-list__item).active::before {
  background-color: #015ebb;
}
.secondary-nav li:not(.lang-list__item):hover:not(.lang-list__item) > a,
.secondary-nav li:not(.lang-list__item):focus:not(.lang-list__item) > a,
.secondary-nav li:not(.lang-list__item):focus-within:not(.lang-list__item) > a,
.secondary-nav li:not(.lang-list__item).active:not(.lang-list__item) > a,
.secondary-nav li:not(.lang-list__item):hover .account,
.secondary-nav li:not(.lang-list__item):focus .account,
.secondary-nav li:not(.lang-list__item):focus-within .account,
.secondary-nav li:not(.lang-list__item).active .account {
  color: #ffffff;
  background-color: #015ebb;
}
.secondary-nav li:not(.lang-list__item):hover:not(.lang-list__item) > a .icon-accent,
.secondary-nav li:not(.lang-list__item):focus:not(.lang-list__item) > a .icon-accent,
.secondary-nav li:not(.lang-list__item):focus-within:not(.lang-list__item) > a .icon-accent,
.secondary-nav li:not(.lang-list__item).active:not(.lang-list__item) > a .icon-accent,
.secondary-nav li:not(.lang-list__item):hover .account .icon-accent,
.secondary-nav li:not(.lang-list__item):focus .account .icon-accent,
.secondary-nav li:not(.lang-list__item):focus-within .account .icon-accent,
.secondary-nav li:not(.lang-list__item).active .account .icon-accent {
  opacity: 0;
}
.secondary-nav li:not(.lang-list__item) > a,
.secondary-nav .account {
  height: 100%;
  color: #0050a0;
  text-decoration: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 18px;
  font-size: 18px;
  font-size: 1.8rem;
}
@media (min-width: 65em) {
  .secondary-nav li:not(.lang-list__item) > a,
  .secondary-nav .account {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media (min-width: 84em) {
  .secondary-nav li:not(.lang-list__item) > a,
  .secondary-nav .account {
    padding: 15px 15px;
    font-size: 20px;
    font-size: 2rem;
  }
}
@media (min-width: 98em) {
  .secondary-nav li:not(.lang-list__item) > a,
  .secondary-nav .account {
    padding: 20px 25px;
    font-size: 20px;
    font-size: 2rem;
  }
}
.secondary-nav i {
  font-size: 22px;
  font-size: 2.2rem;
}
.secondary-nav span + i,
.secondary-nav i + span,
.secondary-nav span + img,
.secondary-nav img + span {
  margin-left: 10px;
}
.secondary-nav .subnav__profile {
  padding: 0 15px;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  align-items: center;
}
.secondary-nav .icon-search {
  font-size: 8px;
  padding: 0px 5px;
}
@media (min-width: 65em) {
  .secondary-nav .icon-search {
    font-size: 18px;
    padding: 0px 0px;
  }
}
@media (min-width: 84em) {
  .secondary-nav .icon-search {
    font-size: 20px;
  }
}
@media (min-width: 65em) {
  .secondary-nav {
    display: -ms-flexbox;
    display: flex;
  }
}
.header-content {
  z-index: unset;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 47em) {
  .header-content {
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 47em) {
  .header-content {
    margin: 0;
  }
}
@media (min-width: 65em) {
  .header-content {
    margin: 0 auto;
  }
}
.header-bottom {
  padding: 0.5em 0;
  background: #0050a0;
  color: white;
  text-align: center;
  text-decoration: none;
  display: block;
}
@media (max-width: 47em) {
  .extra-nav-item {
    position: absolute;
    right: 0;
    top: 100%;
  }
  .extra-nav-item a {
    background-color: #a4c3d0;
    color: #ffffff;
  }
  .extra-nav-item a:hover,
  .extra-nav-item a:focus {
    background-color: #015ebb;
  }
}
.extra-nav-item.mobile {
  display: block;
}
.extra-nav-item.mobile a {
  padding: 16px 18px 15px;
}
@media (min-width: 47em) {
  .extra-nav-item.mobile {
    display: none;
  }
}
.extra-nav-item.desktop {
  display: none;
}
@media (min-width: 47em) {
  .extra-nav-item.desktop {
    display: block;
  }
}
.extra-nav-item.extra-nav-item--square a {
  padding: 0 19px;
  background: #08519e;
  height: 100%;
}
.extra-nav-item.extra-nav-item--square a .icon {
  font-size: 15px;
  font-size: 1.5rem;
}
.inline-lang-list li {
  position: relative;
}
.inline-lang-list li a.lang-flag {
  padding: 12px 5px 12px 29px;
}
@media (min-width: 65em) {
  .inline-lang-list li a.lang-flag {
    padding: 15px;
  }
}
.inline-lang-list li a.lang-flag:before {
  left: 7px;
}
@media (min-width: 65em) {
  .inline-lang-list li a.lang-flag:before {
    left: 12px;
  }
}
@media (max-width: 47em) {
  .inline-lang-list {
    display: none;
  }
}
.lang-selector {
  position: relative;
  cursor: pointer;
  background-color: #ffffff;
  transition: 0.3s;
}
.lang-selector .lang-trigger {
  padding: 0 18px;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.lang-selector .lang-trigger .icon-globe {
  font-size: 19px;
  font-size: 1.9rem;
  transition: 0.3s;
  color: #0050a0;
}
@media (max-width: 47em) {
  .lang-selector .lang-trigger a {
    padding: 34px 18px 34px 40px;
  }
}
.lang-selector .lang-trigger a:hover,
.lang-selector .lang-trigger a:focus {
  background-color: #015ebb;
}
.lang-selector .lang-list {
  display: none;
  list-style: none;
  position: absolute;
  background-color: #ffffff;
  top: 100%;
  margin: 0;
  right: 0;
  width: 100%;
}
.lang-selector .lang-list__item {
  float: none;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}
.lang-selector .lang-list__item a {
  background-color: #ffffff;
  color: #0050a0;
  position: relative;
  width: 100%;
}
.lang-selector .lang-list__item a.lang-flag {
  padding: 15px;
}
.lang-selector .lang-list__item a.lang-flag:before {
  content: "";
  display: block;
  position: absolute;
  left: 18px;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -moz-transform: translateY(-50%);
  /* Firefox */
  -webkit-transform: translateY(-50%);
  /* Safari and Chrome */
  -o-transform: translateY(-50%);
  /* Opera */
  float: left;
  width: 16px;
  height: 11px;
  margin-right: 6px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.lang-selector .lang-list__item a.lang-nl:before {
  background-image: url("../images/lang/nl.svg");
}
.lang-selector .lang-list__item a.lang-fr:before {
  background-image: url("../images/lang/fr.svg");
}
.lang-selector .lang-list__item a.lang-en:before {
  background-image: url("../images/lang/en.svg");
}
.lang-selector .lang-list__item a.disabled {
  pointer-events: none;
}
.lang-selector .lang-list__item a:hover,
.lang-selector .lang-list__item a:focus {
  background-color: #0050a0;
  color: #ffffff;
}
@media (max-width: 47em) {
  .lang-selector .lang-list__item a {
    padding-top: 34px;
    padding-bottom: 34px;
  }
}
.lang-selector:hover,
.lang-selector:focus-within {
  background-color: #0050a0;
}
.lang-selector:hover .icon-globe,
.lang-selector:focus-within .icon-globe {
  color: #ffffff;
}
.logo {
  position: relative;
  height: 55px;
  padding: 0;
  text-decoration: none;
  opacity: 1;
  backface-visibility: hidden;
  z-index: 100;
  *zoom: 1;
  display: block;
  margin: 0 auto;
}
.logo:before,
.logo:after {
  display: table;
  content: " ";
}
.logo:after {
  clear: both;
}
.logo img {
  display: block;
  height: 100%;
  object-fit: contain;
}
@media (min-width: 47em) {
  .logo img {
    height: 55px;
  }
}
@media (min-width: 65em) {
  .logo img {
    height: 100px;
  }
}
@media (min-width: 84em) {
  .logo img {
    height: 130px;
  }
}
.logo:hover,
.logo:focus {
  opacity: 1;
  backface-visibility: hidden;
}
@media (min-width: 47em) {
  .logo {
    height: 30px;
  }
}
@media (min-width: 65em) {
  .logo {
    margin-top: 5px;
  }
}
@media (min-width: 84em) {
  .logo {
    height: 40px;
    margin-top: -25px;
  }
}
.mobile-nav-trigger {
  display: block;
}
@media (min-width: 65em) {
  .mobile-nav-trigger {
    display: none;
  }
}
.main-nav {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-left: auto;
  width: 100%;
  background: #0050a0;
  color: #ffffff;
  font-family: "Sofia Sans", Helvetica, Arial, Verdana, sans-serif;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.2em;
  font-weight: 700;
  letter-spacing: 0;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  text-decoration: none;
  text-transform: uppercase;
}
.main-nav li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  cursor: default;
}
.main-nav li.external {
  width: 100%;
}
.main-nav li.external a {
  text-align: center;
  background-color: #a4c3d0;
  color: #ffffff;
  cursor: pointer;
}
.main-nav li.external a:hover,
.main-nav li.external a:focus {
  background-color: #015ebb;
}
@media (min-width: 47em) {
  .main-nav li {
    font-size: 16px;
    font-size: 1.6rem;
    margin: 0;
    width: auto;
  }
  .main-nav li:nth-child(odd) {
    border-right: 0 solid #f2f2f2;
  }
}
@media (min-width: 65em) {
  .main-nav li {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media (min-width: 98em) {
  .main-nav li {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
.main-nav a,
.main-nav .dropdown__trigger {
  text-decoration: none;
  color: #ffffff;
  padding: 20px 0;
  display: block;
  border: none;
  font-size: 30px;
  font-size: 3rem;
}
@media (min-width: 47em) {
  .main-nav a,
  .main-nav .dropdown__trigger {
    display: inline-block;
    border: none;
    font-weight: 700;
    font-size: 30px;
    font-size: 3rem;
  }
}
@media (min-width: 65em) {
  .main-nav a,
  .main-nav .dropdown__trigger {
    color: #0050a0;
    font-size: 30px;
    font-size: 3rem;
  }
}
@media (min-width: 108em) {
  .main-nav a,
  .main-nav .dropdown__trigger {
    font-size: 35px;
    font-size: 3.5rem;
  }
}
.main-nav .logo {
  padding: 0;
}
.main-nav .trigger {
  display: block;
  position: relative;
  cursor: pointer;
  padding: 0;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 30px;
  width: 50px;
}
.main-nav .trigger .icon-hamburger {
  position: absolute;
  left: 14px;
  top: 8px;
}
@media (min-width: 65em) {
  .main-nav .trigger {
    display: none;
  }
}
@media (min-width: 65em) {
  .main-nav {
    background-color: #ffffff;
    color: #0050a0;
  }
}
.main-nav .nav-wrap {
  display: none;
  margin: 0;
  font-family: "Sofia Sans", Helvetica, Arial, Verdana, sans-serif;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.2em;
  font-weight: 700;
  letter-spacing: 0;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  text-decoration: none;
  text-transform: uppercase;
}
.main-nav .nav-wrap a:hover,
.main-nav .nav-wrap a:active,
.main-nav .nav-wrap a:focus {
  color: #a4c3d0;
}
.main-nav .nav-wrap li {
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 47em) {
  .main-nav .nav-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-positive: 1;
    flex-grow: 1;
    gap: 0.8em;
  }
  .main-nav .nav-wrap a {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
  }
}
.nav-wrap__content {
  padding: 50px 0;
  margin-left: 10vw;
}
.nav-wrap__content a {
  font-family: "Sofia Sans", Helvetica, Arial, Verdana, sans-serif;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.2em;
  font-weight: 700;
  letter-spacing: 0;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  text-decoration: none;
  text-transform: uppercase;
  padding: 3px 0;
  line-height: 1.25;
}
.nav-wrap__content a:hover,
.nav-wrap__content a:focus,
.nav-wrap__content a:active {
  color: #a4c3d0;
}
@media (min-width: 65em) {
  .nav-wrap__content a {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media (min-width: 98em) {
  .nav-wrap__content a {
    font-size: 23px;
    font-size: 2.3rem;
  }
}
/* =============================================================================
   MAIN
   ========================================================================== */
.main {
  position: relative;
  max-width: 100vw;
  overflow: hidden;
}
body.dark-overlay .main {
  position: relative;
}
body.dark-overlay .main:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.5);
}
/* =============================================================================
   CONTENT
   ========================================================================== */
.large {
  font-size: 16px;
  font-size: 1.6rem;
}
.center {
  text-align: center;
}
.center-block {
  text-align: center;
  *zoom: 1;
  margin: 20px 0;
}
.center-block:before,
.center-block:after {
  display: table;
  content: " ";
}
.center-block:after {
  clear: both;
}
.center-block .button {
  float: none;
  display: inline-block;
}
.box {
  margin: 0 0 20px;
  padding: 15px 15px 15px;
  *zoom: 1;
  background: #f3f7f9;
}
.box:before,
.box:after {
  display: table;
  content: " ";
}
.box:after {
  clear: both;
}
.box ul,
.box p {
  margin-bottom: 0px;
}
.box.error {
  background: #f1062c;
  color: #ffffff;
}
.box.success {
  background: #0050a0;
  color: #ffffff;
}
section {
  position: relative;
}
.section.pull-up {
  margin-top: -80px;
}
@media (min-width: 47em) {
  .section.pull-up {
    margin-top: -120px;
  }
}
@media (min-width: 65em) {
  .section.pull-up {
    margin-top: -150px;
  }
}
@media (min-width: 84em) {
  .section.pull-up {
    margin-top: -200px;
  }
}
@media (min-width: 98em) {
  .section.pull-up {
    margin-top: -200px;
  }
}
@media (min-width: 98em) {
  .section.pull-up {
    margin-top: -200px;
  }
}
.home-mixed-data-wrapper:after {
  content: "";
  display: block;
  background-color: #ffffff;
  width: 30px;
  height: 100%;
  position: absolute;
  left: 100%;
  top: 0;
}
.home-mixed-data-bg {
  /* make a blue background to wait for the background-image */
  position: relative;
}
.home-mixed-data-bg:after {
  content: "";
  display: none;
  background-color: #2175b4;
  position: absolute;
  z-index: -1;
  left: 0;
  top: 80px;
  height: 100%;
  width: 100%;
}
@media (min-width: 47em) {
  .home-mixed-data-bg:after {
    top: 120px;
  }
}
@media (min-width: 65em) {
  .home-mixed-data-bg:after {
    top: 150px;
    display: block;
  }
}
@media (min-width: 84em) {
  .home-mixed-data-bg:after {
    top: 200px;
  }
}
.home-mixed-data.home-mixed-data {
  background-image: url("../images/home/background-light.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 80px;
  position: relative;
  z-index: 2;
  padding-bottom: 0px;
}
@media (min-width: 47em) {
  .home-mixed-data.home-mixed-data {
    background-position: 0 120px;
  }
}
@media (min-width: 65em) {
  .home-mixed-data.home-mixed-data {
    background-position: 0 150px;
  }
}
@media (min-width: 84em) {
  .home-mixed-data.home-mixed-data {
    background-position: 0 200px;
  }
}
@media (min-width: 65em) {
  .home-mixed-data.home-mixed-data {
    padding-bottom: 60px;
  }
}
.home-mixed-data.home-mixed-data .row {
  position: relative;
}
.home-mixed-data.home-mixed-data .pad30-sides {
  padding: 0px 30px;
}
.home-mixed-data.home-mixed-data .pad30 {
  padding: 30px;
}
.home-mixed-data.home-mixed-data .post-item h3 {
  margin-bottom: 0;
}
.home-mixed-data.home-mixed-data .post-item .title-stripper {
  height: 19px;
  display: block;
  overflow: hidden;
}
@media (min-width: 47em) {
  .home-mixed-data.home-mixed-data .albums {
    display: none;
  }
}
@media (min-width: 84em) {
  .home-mixed-data.home-mixed-data .albums {
    display: block;
  }
}
.home-mixed-data.home-mixed-data .extra-shop {
  display: none;
}
@media (min-width: 84em) {
  .home-mixed-data.home-mixed-data .extra-shop {
    display: none;
  }
}
.overview-grid-media-item--exclusive,
.post-item--exclusive {
  position: relative;
}
.overview-grid-media-item--exclusive .visual:before,
.post-item--exclusive .visual:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #000000;
  opacity: 0.7;
  z-index: 2;
}
.overview-grid-media-item--exclusive h3,
.post-item--exclusive h3,
.overview-grid-media-item--exclusive .h4,
.post-item--exclusive .h4,
.overview-grid-media-item--exclusive time,
.post-item--exclusive time,
.overview-grid-media-item--exclusive .dotdotdot,
.post-item--exclusive .dotdotdot {
  opacity: 0.5;
}
.p30.p30 {
  padding: 30px 0px;
}
.pt30.pt30 {
  padding-top: 30px;
}
.pb30.pb30 {
  padding-bottom: 30px;
}
@media (min-width: 47em) {
  .tablet--pb30.tablet--pb30 {
    padding-bottom: 30px;
  }
}
.p60.p60 {
  padding: 30px 0px;
}
@media (min-width: 47em) {
  .p60.p60 {
    padding: 60px 0px;
  }
}
.pb60.pb60 {
  padding-bottom: 30px;
}
@media (min-width: 47em) {
  .pb60.pb60 {
    padding-bottom: 60px;
  }
}
.pt60.pt60 {
  padding-top: 30px;
}
@media (min-width: 47em) {
  .pt60.pt60 {
    padding-top: 60px;
  }
}
.p90.p90 {
  padding: 30px 0px;
}
@media (min-width: 84em) {
  .p90.p90 {
    padding: 90px 0px;
  }
}
.pb90.pb90 {
  padding-bottom: 30px;
}
@media (min-width: 47em) {
  .pb90.pb90 {
    padding-bottom: 90px;
  }
}
.pt90.pt90 {
  padding-top: 60px;
}
@media (min-width: 47em) {
  .pt90.pt90 {
    padding-top: 90px;
  }
}
.pad30.pad30 {
  padding: 30px;
}
@media (max-width: 47em) {
  .pad30.pad30.mobile-no-pad {
    padding: 30px 0px;
  }
}
.pad10 {
  padding: 10px;
}
.pad15 {
  padding: 15px;
}
.bg-white {
  background-color: #ffffff;
}
.bg-gray {
  background-color: #f2f2f2;
}
.bg-accentHover {
  background-color: #015ebb;
}
.bg-accentGray {
  background-color: #e6eaef;
}
.bg-grayMiddle {
  background-color: #e6e6e6;
}
.bg-accentLighter {
  background-color: #f3f7f9;
}
.match-fixture {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0 20px;
}
.match-fixture__sold-out {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  background: #a4c3d0;
  padding: 5px;
  color: #ffffff;
  margin-bottom: 30px;
}
.match-fixture__logo {
  display: inline-block !important;
  width: 35px !important;
  margin-bottom: 0 !important;
}
.newsletter-wrap {
  border: 2px solid #f3f7f9;
  height: 100%;
  padding: 40px 28px;
}
.newsletter-wrap--home {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: auto;
  border: 1px solid rgba(243, 247, 249, 0.3);
  margin-bottom: 30px;
  color: #ffffff;
}
.newsfilter-row .one-third {
  width: 100%;
}
@media (min-width: 65em) {
  .newsfilter-row .one-third {
    width: 33.33%;
  }
}
.newsfilter-row .two-third {
  width: 100%;
}
@media (min-width: 65em) {
  .newsfilter-row .two-third {
    width: 66.66%;
  }
}
.map {
  width: 100%;
  height: 350px;
  background: #efefef;
  margin: 0 0 40px;
}
.route-map {
  width: 100%;
  height: 350px;
  background: #efefef;
  margin: 0 0 0px;
}
.interactive-map {
  width: 100%;
  height: 350px;
  background: #efefef;
  margin: 0 0 0px;
}
#route-instructions .panel {
  display: none;
}
#route-instructions .panel.active {
  display: block;
}
/* =============================================================================
   PAGES
   ========================================================================== */
.news-ticker {
  background-color: #a4c3d0;
  color: #ffffff;
  height: 60px;
  overflow: hidden;
}
.news-ticker ul {
  padding: 0px 0px;
  margin: 0;
  list-style: none;
  text-transform: uppercase;
  visibility: hidden;
  display: inline-block;
}
.news-ticker ul li {
  display: inline;
  padding-left: 30px;
  line-height: 62px;
}
.news-ticker ul a {
  color: #ffffff;
}
.news-ticker ul a:hover,
.news-ticker ul a:focus {
  color: #ffffff;
  text-decoration: underline;
}
.news-ticker .js-marquee-wrapper ul {
  visibility: visible;
}
.news-ticker .js-marquee {
  float: none !important;
  display: inline-block;
}
.rotation {
  left: 0;
  line-height: 1.2;
  margin: 20px 0;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: 100%;
}
.rotation__line__wrapper {
  position: relative;
  width: 100%;
}
.rotation__line {
  display: inline-block;
  animation: marquee 50s linear infinite;
  backface-visibility: hidden;
  padding: 0 0.25rem 0 0;
  will-change: transform;
  padding-left: 0;
  margin-left: 0;
}
.rotation__line__wrapper + .rotation__line__wrapper .rotation__line {
  animation-direction: reverse;
}
.rotation__line + .rotation__line {
  animation: marquee-duplicate 50s -25s linear infinite;
}
.rotation:hover .rotation__line {
  animation-play-state: paused;
}
.rotation__line a {
  text-decoration: none;
  transition: color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.rotation__line a::before {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: -5px;
  right: -5px;
  bottom: 0;
  background-color: #000000;
  z-index: -99;
  transition: top 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.rotation__line a:hover {
  color: #ffffff;
}
.rotation__line a:hover::before {
  top: 0;
}
.rotation__line li {
  display: inline-block;
  position: relative;
  margin-right: 55px;
  margin-left: 10px;
  text-align: -webkit-match-parent;
  @include fs(24);
  @include display-font();
  font-weight: 200;
}
.rotation__line li::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: -55px;
  transform: translateY(50%);
  width: 45px;
  height: 1px;
  border-bottom: 1px solid #000000;
  background-color: transparent;
}
@keyframes marquee {
  0% {
    transform: translate3d(100%, 0, 0);
  }
  to {
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes marquee-duplicate {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(-200%, 0, 0);
  }
}
@keyframes marquee-ie {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes marquee-duplicate-ie {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}
.christmas-overlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: linear-gradient(to bottom, transparent, #0b2d61 80%);
  background-position: -100px 0;
}
.christmas-wrapper {
  position: relative;
  left: -30px;
}
.christmas-wrapper:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 33px;
  background-color: #fff;
}
@media (max-width: 47em) {
  .christmas-wrapper {
    width: 130%;
  }
  .christmas-wrapper:before {
    height: 54px;
  }
}
@media (min-width: 65em) {
  .christmas-wrapper:before {
    content: none;
  }
}
.christmas-bg {
  position: absolute;
  bottom: 0px;
  left: -10px;
}
@media (max-width: 47em) {
  .christmas-bg {
    bottom: 30px;
  }
}
@media (min-width: 65em) {
  .christmas-bg {
    left: -30px;
    bottom: -37px;
  }
}
.santa-wrapper {
  position: relative;
  top: -300px;
  z-index: 10;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000px;
}
.santa-movement-y {
  position: absolute;
  width: 100%;
  top: 50px;
  animation: yAxis 14s infinite cubic-bezier(0.6, 0.71, 0.61, 0.97);
}
.santa-movement-x {
  animation: xAxis 14s infinite cubic-bezier(0.28, 0.43, 0.73, 0.75);
}
.sleigh-wrapper {
  display: block;
  width: 300px;
  height: 85px;
  position: relative;
  transform: translateX(-300px) rotate(10deg) scale(0.3);
  animation: rotate 14s infinite linear;
}
.santa {
  position: absolute;
  left: 0;
}
.rope {
  position: absolute;
  left: 33%;
  top: 60%;
}
.deer1 {
  position: absolute;
  left: 65%;
  animation: deerhop 0.5s infinite linear;
}
.deer2 {
  position: absolute;
  left: 67%;
  animation: deerhop 0.5s infinite linear;
  animation-delay: 0.4s;
}
@keyframes xAxis {
  80% {
    -animation-timing-function: linear;
    transform: translateX(100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes yAxis {
  0% {
    display: none;
  }
  1% {
    display: block;
  }
  40% {
    -animation-timing-function: linear;
    transform: translateY(150px);
  }
  80% {
    -animation-timing-function: linear;
    transform: translateY(10px);
  }
  99% {
    transform: translateY(10px);
    opacity: 1;
  }
  100% {
    display: none;
  }
}
@keyframes rotate {
  40% {
    -animation-timing-function: linear;
    transform: translateX(-100px) rotate(-15deg) scale(0.5);
  }
  80% {
    -animation-timing-function: linear;
    transform: translateX(0) rotate(0deg) scale(0.5);
  }
  100% {
    transform: translateX(0) rotate(0deg) scale(0.3);
  }
}
@keyframes deerhop {
  50% {
    transform: translateY(10px);
  }
}
.social__item {
  position: relative;
}
.social__item .social-item__content {
  border: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: rgba(0, 65, 133, 0.7);
  transition: 0.3s;
}
.social__item .social-item__body {
  display: inline-grid;
  font-size: 20px;
  font-size: 2rem;
  position: absolute;
  top: 50%;
  transform: translateY(-60%);
  left: 0;
  right: 0;
  color: #ffffff;
  text-align: center;
  padding: 0 10px;
  width: 100%;
  word-wrap: break-word;
  line-height: 140%;
  margin: 10px 0;
}
.social__item .social-item__body span {
  white-space: pre-line;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 8;
  text-overflow: ellipsis;
  width: 100%;
}
.social__item:hover .social-item__content,
.social__item:focus .social-item__content {
  opacity: 1;
}
.social__item:hover .social-item__icons,
.social__item:focus .social-item__icons {
  z-index: -1;
}
.social__item .visual {
  position: relative;
  width: 100%;
  height: 0;
}
.social__item .visual img,
.social__item .visual video {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  font-family: "object-fit: cover; object-position: center;";
}
.social__item .visual__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: $grayLight;
}
.social__item .visual__img.align-top {
  background-position: center top;
}
.social__item .visual__img.align-center {
  background-position: center center;
}
.social__item .visual__img.align-bottom {
  background-position: center bottom;
}
.social-grid-title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5em;
}
.social-grid-title i {
  font-size: 0.8em;
}
.social-grid {
  display: none;
}
@media (min-width: 47em) {
  .social-grid {
    display: block;
  }
}
.social-grid .grid__item {
  margin-bottom: 0;
}
.social-grid .visual {
  padding-top: 100%;
}
.swiper-instagram {
  display: block;
}
@media (min-width: 47em) {
  .swiper-instagram {
    display: none;
  }
}
.swiper-instagram .row__item {
  padding: 0;
}
.slider-navigation {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  align-items: center;
  margin-left: -30px;
}
.slider-navigation .slider__prev,
.slider-navigation .slider__next {
  margin-left: 30px;
  cursor: pointer;
}
.slider-navigation .slider__prev i,
.slider-navigation .slider__next i {
  font-size: 14px;
  font-size: 1.4rem;
  color: #a4c3d0;
}
.slider-navigation .slider__prev.disabled,
.slider-navigation .slider__next.disabled {
  opacity: 0.5;
}
.slider-navigation--end {
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.slider-navigation--light {
  color: #ffffff;
}
.swiper-button-disabled {
  opacity: 0.5;
}
.hero-slider {
  position: relative;
  height: 100%;
  isolation: isolate;
}
.hero-slider .swiper-container--main {
  height: 100%;
}
.hero-slider .swiper-pagination-progressbar {
  position: absolute;
  transform: none;
  bottom: 0;
  top: unset;
}
.hero-slider .swiper-pagination.swiper-pagination-bullets {
  position: absolute;
  transform: none;
  bottom: 20px;
  z-index: 5;
}
.hero-slider.hero-slider--full .preview-item .preview-item__visual {
  position: relative;
  padding-top: 40%;
  height: 0;
}
.hero-slider.hero-slider--full .preview-item .preview-item__body {
  position: absolute;
}
@media (min-width: 47em) {
  .hero-slider {
    width: 100%;
    min-height: 700px;
    height: 560px;
    margin-left: 0;
  }
}
@media (min-width: 98em) {
  .hero-slider {
    min-height: 808px;
  }
}
.hero-slider__thumbs {
  position: absolute;
  width: 100%;
  height: auto;
  bottom: 40px;
  left: 0;
  right: 0;
  z-index: 2;
}
@media (min-width: 47em) {
  .hero-slider__thumbs {
    bottom: 30px;
  }
}
.hero-slider__thumbs .swiper-slide {
  height: auto;
  z-index: 2;
  pointer-events: all !important;
}
.hero-slider-thumb__item {
  height: 100%;
}
.hero-slider-thumb__item:after {
  content: "";
  left: 0;
  bottom: 0;
  height: 0.2em;
  position: absolute;
  background: #0050a0;
  display: block;
  width: 0%;
  transition: width 0s linear;
}
.hero-slider-thumb-item__content {
  position: relative;
  background: #ffffff;
  color: #0050a0;
  padding: 18px 24px;
  height: 100%;
}
@media (min-width: 47em) {
  .hero-slider-thumb-item__content {
    background: #0050a0;
    color: #ffffff;
  }
}
.swiper-slide-thumb-active .hero-slider-thumb__item:after {
  width: 100%;
  transition: all 6.6s linear;
}
.swiper-slide-thumb-active .hero-slider-thumb-item__content {
  background: #ffffff;
  color: #0050a0;
  transition: color 0.8s cubic-bezier(0, 0, 0.58, 1);
}
.swiper-slide-thumb-active .hero-slider-thumb-item__content .hero-slider-item__title {
  color: #0050a0;
  transition: color 0.25s cubic-bezier(0, 0, 0.58, 1);
}
.swiper-slide-thumb-active .hero-slider-thumb-item__content .hero-slider-thumb-item__subtitle {
  color: #0050a0;
  transition: color 0.25s cubic-bezier(0, 0, 0.58, 1);
}
.hero-slider__item {
  position: relative;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  color: #ffffff;
}
.hero-slider__item--light {
  color: #0050a0;
  background-color: #ffffff;
}
@media (min-width: 65em) {
  .hero-slider__item--center {
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.hero-slider-item__content {
  color: #ffffff;
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  padding-bottom: 35px;
}
.hero-slider-item__content .button.link {
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 500;
}
@media (min-width: 47em) {
  .hero-slider-item__content {
    height: 100%;
    padding-bottom: 210px;
  }
}
.hero-slider-item__title {
  position: relative;
  z-index: 1;
  text-transform: uppercase;
  color: #ffffff;
  margin-bottom: 0;
  text-decoration: none;
  transition: 0.2s;
  -webkit-hyphens: manual;
  -ms-hyphens: manual;
  hyphens: manual;
  display: block;
  width: 100%;
  font-size: 25px;
  font-size: 2.5rem;
}
@media (min-width: 47em) {
  .hero-slider-item__title {
    font-size: 25px;
    font-size: 2.5rem;
  }
}
@media (min-width: 84em) {
  .hero-slider-item__title {
    font-size: 30px;
    font-size: 3rem;
  }
}
.hero-slider-item__title.hero-slider-item__title--large {
  font-size: 35px;
  font-size: 3.5rem;
}
@media (min-width: 47em) {
  .hero-slider-item__title.hero-slider-item__title--large {
    font-size: 50px;
    font-size: 5rem;
  }
}
@media (min-width: 65em) {
  .hero-slider-item__title.hero-slider-item__title--large {
    font-size: 60px;
    font-size: 6rem;
  }
}
.hero-slider-thumb-item__title {
  margin-bottom: 0;
}
.hero-slider-item__subtitle {
  text-transform: uppercase;
  font-weight: 700;
  color: #ffffff;
  background-color: #a4c3d0;
  margin-bottom: 0.6em;
  line-height: 1;
  padding: 5px 6px 4px;
  font-size: 12px;
  font-size: 1.2rem;
}
@media (min-width: 47em) {
  .hero-slider-item__subtitle {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media (min-width: 65em) {
  .hero-slider-item__subtitle {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.hero-slider-thumb-item__subtitle {
  text-transform: uppercase;
  font-weight: 700;
  color: #a4c3d0;
  margin-bottom: 0.6em;
  line-height: 1em;
  font-size: 12px;
  font-size: 1.2rem;
}
@media (min-width: 47em) {
  .hero-slider-thumb-item__subtitle {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media (min-width: 65em) {
  .hero-slider-thumb-item__subtitle {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.hero-slider-thumb-item__subtitle.hero-slider-thumb-item__subtitle--white {
  color: #ffffff;
}
.hide {
  display: none;
}
@media (min-width: 47em) {
  .medium--show {
    display: block;
  }
}
@media (min-width: 47em) {
  .medium--hide {
    display: none !important;
  }
}
.hero-slider-item__visual {
  display: block;
  width: 100%;
  aspect-ratio: 1.33333333;
}
.hero-slider-item__visual img {
  object-fit: cover;
  min-height: 100%;
  min-width: 100%;
}
@media (min-width: 47em) {
  .hero-slider-item__visual {
    aspect-ratio: auto;
    height: 100%;
  }
}
.hero-slider-item__visual:after {
  content: "";
  position: absolute;
  pointer-events: none;
  left: 0;
  right: 0;
  bottom: 0;
  height: 75%;
  background: #ffffff;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #000000 100%);
}
@media (min-width: 47em) {
  .hero-slider-item__visual:after {
    height: 40%;
  }
}
.hero-slider-item__visual--left img {
  object-position: left center;
}
.hero-slider-item__link-overlay {
  text-decoration: none;
  z-index: 2;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 150;
  left: 0;
  top: 0;
}
.hero-slider-item__link-overlay::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.swiper-slide {
  height: auto;
}
.video-slider {
  margin-bottom: 30px;
}
.video-slider .swiper-container {
  overflow: visible;
}
.video-slider .swiper-slide {
  height: auto;
}
.video-slider__item {
  height: 100%;
}
.video-slider__item .visual-wrapper {
  margin-bottom: 20px;
}
.video-slider__item .video-slider-item__title {
  font-size: 21px;
  font-size: 2.1rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex: 1;
  flex: 1;
}
.video-slider__item .video-slider-item__title a {
  color: #ffffff;
}
.games-slider {
  margin: 0;
}
.games-slider .swiper-container {
  overflow: visible;
  margin-bottom: 45px;
}
@media (min-width: 84em) {
  .games-slider .swiper-pagination-bullet:first-child {
    display: none;
  }
}
.games-slider__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  background-color: #ffffff;
  text-align: center;
  padding: 20px 30px;
  height: 100%;
  transition: 0.3s;
}
.games-slider__item-decorate-visual {
  position: absolute;
  top: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.games-slider__item--results,
.games-slider__item--calendar {
  transition: 0.3s;
  font-size: 22px;
  font-size: 2.2rem;
}
.games-slider__item--results strong,
.games-slider__item--calendar strong {
  display: block;
}
.games-slider__item--results a,
.games-slider__item--calendar a {
  color: #ffffff;
  line-height: 1.5em;
  text-decoration: none;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
}
.games-slider__item--results a::before,
.games-slider__item--calendar a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (min-width: 98em) {
  .games-slider__item--results,
  .games-slider__item--calendar {
    font-size: 25px;
    font-size: 2.5rem;
  }
}
.games-slider__item--image-fallback {
  background-color: #0050a0;
  background-image: url("../images/games-results-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 100%;
  -ms-flex-pack: center;
  justify-content: center;
}
.games-slider__item--image-fallback:hover,
.games-slider__item--image-fallback:focus-within {
  background-color: #015ebb;
}
.games-slider__item--game .item__league-logo {
  display: block;
  height: 40px;
  margin-bottom: 15px;
}
.games-slider__item--game .item__league-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.games-slider__item--game .item__game-info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  gap: 10px;
  margin-top: 10px;
}
.games-slider__item--game .item__team-left,
.games-slider__item--game .item__team-right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 10px;
  -ms-flex: 1;
  flex: 1;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.2em;
}
.games-slider__item--game .item__team-left img,
.games-slider__item--game .item__team-right img {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}
.games-slider__item--game .item__team-logo {
  height: 48px;
  width: 48px;
}
.games-slider__item--game .item__game-score {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 600;
  border-radius: 2px;
  min-height: 44px;
  min-width: 88px;
  padding: 8px;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.3);
  font-size: 20px;
  font-size: 2rem;
  margin-top: 10px;
}
.games-slider__item--game .item__team-left,
.games-slider__item--game .item__team-right {
  margin-bottom: 20px;
}
.games-slider__item--game .item__team-left img,
.games-slider__item--game .item__team-right img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media (min-width: 37em) {
  .games-slider__item--game .item__team-left,
  .games-slider__item--game .item__team-right {
    margin: 0;
    -ms-flex-order: initial;
    order: initial;
  }
}
.games-slider__item--game .item__league {
  font-size: 12px;
  font-size: 1.2rem;
}
.games-slider__item--game .item__timing {
  padding: 0 15px;
}
@media (min-width: 37em) {
  .games-slider__item--game .item__timing {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -ms-flex-order: initial;
    order: initial;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}
.games-slider__item--game .item__timing strong,
.games-slider__item--game .item__timing span {
  line-height: 1;
  display: block;
}
.games-slider__item--game .item__timing strong {
  font-size: 38px;
  font-size: 3.8rem;
  font-weight: 900;
  padding-bottom: 8px;
  min-width: 4ch;
}
@media (min-width: 98em) {
  .games-slider__item--game .item__timing strong {
    font-size: 50px;
    font-size: 5rem;
  }
}
.games-slider__item--game .item__timing span {
  font-size: 14px;
  font-size: 1.4rem;
  text-transform: uppercase;
  font-weight: 700;
}
@media (min-width: 98em) {
  .games-slider__item--game .item__timing span {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.games-slider__item--game .item__team-names {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 20px;
  min-height: 54px;
}
.games-slider__item--game .item__buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  padding-top: 20px;
  margin-top: auto;
  gap: 8px;
}
.games-slider__item--game .item__buttons .button,
.games-slider__item--game .item__buttons a.button {
  white-space: nowrap;
  width: auto;
  -ms-flex: 1;
  flex: 1;
}
.games-slider__item--game .item__buttons .button i + span,
.games-slider__item--game .item__buttons a.button i + span {
  margin-left: 8px;
}
@media (min-width: 98em) {
  .games-slider__item--game .item__buttons .button,
  .games-slider__item--game .item__buttons a.button {
    font-size: 20px;
    font-size: 2rem;
  }
}
.in-the-picture-slider .swiper-slide {
  width: auto;
}
.in-the-picture-slider .swiper-slide picture {
  display: block;
  width: 100%;
  height: clamp(600px, 35vw, 720px);
  overflow: hidden;
}
.in-the-picture-slider .swiper-slide picture img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: 0.3s;
}
.in-the-picture-slider .swiper-slide a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.in-the-picture-slider .swiper-slide:hover,
.in-the-picture-slider .swiper-slide:focus-within {
  cursor: pointer;
}
.in-the-picture-slider .swiper-slide:hover img,
.in-the-picture-slider .swiper-slide:focus-within img {
  transform: scale(1.05);
}
.swiper-pagination {
  bottom: -15px;
  transform: translateY(100%);
  width: 100%;
  z-index: 99;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 0;
  position: relative;
}
@media (min-width: 47em) {
  .swiper-pagination {
    margin-left: -10px;
  }
}
.swiper-pagination.swiper-pagination-bullets {
  bottom: 0;
}
.swiper-pagination .swiper-pagination-bullet {
  margin-left: 10px;
  background: #ffffff;
  opacity: 1;
  width: 10px;
  height: 10px;
  cursor: pointer;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #a4c3d0;
}
@keyframes countingBar {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.hero-intro {
  position: relative;
  height: 100%;
  overflow: visible;
  box-shadow: 0 15px 20px rgba(0, 0, 0, 0.1);
}
@media (max-width: 47em) {
  .hero-intro {
    height: auto;
  }
}
.hero-intro .swiper-slide {
  overflow: hidden;
}
.hero-intro .slide {
  position: relative;
  z-index: 0;
  left: 0;
  top: 0;
  width: 100%;
  display: block;
  padding-top: 100%;
  height: 0;
  background-color: #f2f2f2;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}
@media (min-width: 47em) {
  .hero-intro .slide {
    height: 100%;
    padding: 0;
  }
}
.hero-intro .slide.valign-top {
  background-position: center top;
}
.hero-intro .slide.valign-center {
  background-position: center center;
}
.hero-intro .slide.valign-bottom {
  background-position: center bottom;
}
.hero-intro .swiper-pagination {
  width: 100%;
  padding: 0 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  gap: 4px;
}
.hero-intro .swiper-pagination-bullet {
  position: relative;
  bottom: 0px !important;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: auto;
  text-align: left;
  border-radius: 0;
  opacity: 1;
  margin-right: 0px;
  background-color: transparent;
  margin: 0;
}
.hero-intro .swiper-pagination-bullet em {
  font-size: 15px;
  line-height: 28px;
  font-weight: bold;
  letter-spacing: -0.38px;
  color: #111;
}
.hero-intro .swiper-pagination-bullet i {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 4px;
  background-color: #a4c3d0;
}
.hero-intro .swiper-pagination-bullet b {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 0%;
  height: 4px;
  background-color: rgba(255, 255, 255, 0.75);
}
.hero-intro .swiper-pagination-bullet-active {
  background-color: transparent;
}
.hero-intro .swiper-pagination-bullet-active b {
  animation-name: countingBar;
  animation-duration: 6s;
  animation-timing-function: ease-in;
  animation-iteration-count: 1;
  animation-direction: alternate;
  animation-fill-mode: forwards;
}
.hero-intro--game {
  box-shadow: none;
  margin-top: 50px;
}
.hero-intro--game .hero-slider__item {
  height: auto;
  color: #001b6f;
}
.hero-intro--game .hero-slider-item__content {
  box-shadow: none;
}
.hero-intro--game .hero-slider-item__content {
  padding-bottom: 0;
  position: relative;
}
@media (min-width: 47em) {
  .hero-intro--game .hero-slider-item__content {
    padding-bottom: 0;
  }
}
.hero-intro--game .live-game {
  padding: 30px;
}
.hero-intro--game .hero-slider {
  min-height: auto;
  height: auto;
}
@media (min-width: 47em) {
  .hero-intro--game .hero-slider {
    min-height: auto;
    height: auto;
  }
}
@media (min-width: 65em) {
  .hero-intro--game .hero-slider {
    min-height: auto;
    height: auto;
  }
}
@media (min-width: 84em) {
  .hero-intro--game .hero-slider {
    min-height: auto;
    height: auto;
  }
}
.hero-sidebar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: 15px;
  margin-right: 15px;
}
@media (min-width: 68em) {
  .hero-sidebar {
    position: absolute;
    right: -30px;
    bottom: 27.5%;
    display: block;
    margin-top: 0;
  }
}
.h3.hero-intro__countdown-title-top {
  color: white;
  text-align: center;
  margin-bottom: 10px;
  font-size: 12px;
}
@media (min-width: 65em) {
  .h3.hero-intro__countdown-title-top {
    margin-bottom: 30px;
    font-size: 16px;
  }
}
.h3.hero-intro__countdown-title-bottom {
  color: white;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 0;
  font-size: 12px;
}
@media (min-width: 65em) {
  .h3.hero-intro__countdown-title-bottom {
    margin-top: 40px;
    font-size: 16px;
  }
}
.hero-intro__countdown {
  z-index: 999;
  top: 35%;
  position: absolute;
  color: white;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  background-color: rgba(11, 45, 97, 0.8);
  padding: 20px;
}
@media (min-width: 65em) {
  .hero-intro__countdown {
    padding: 60px;
  }
}
.countdown {
  display: block;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 14px;
  font-size: 1.4rem;
}
.countdown strong {
  font-weight: 600;
}
.countdown span {
  display: inline-block;
  font-size: 21px;
  font-size: 2.1rem;
  padding-left: 4px;
  padding-right: 2px;
  font-weight: 900;
}
.inline-title {
  position: relative;
  display: block;
  margin-bottom: 20px;
}
.inline-title .title {
  display: inline;
  margin-bottom: 0;
}
.inline-title .title a:hover,
.inline-title .title a:focus {
  color: #a4c3d0;
}
.inline-title .sublink.sublink {
  float: right;
}
.inline-title.sublink-only-wide .sublink {
  display: none;
}
@media (min-width: 84em) {
  .inline-title.sublink-only-wide .sublink {
    display: block;
  }
}
.slider-block {
  position: relative;
  background-color: #f2f2f2;
}
.slider-block .title {
  padding: 30px;
  text-align: center;
}
.slider-block .title p {
  margin-bottom: 0;
}
@media (min-width: 47em) {
  .slider-block .title p {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media (min-width: 84em) {
  .slider-block .title p {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
.slider-block .content {
  padding: 0px 0px;
}
.slider-block .item {
  padding-bottom: 100%;
  background-position: center bottom;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (min-width: 84em) {
  .slider-block .item {
    padding-bottom: 80%;
  }
}
@media (min-width: 98em) {
  .slider-block .item {
    padding-bottom: 100%;
  }
}
.slider-block.small .item {
  padding-bottom: 75.5%;
}
.fancybox-width-fix {
  width: 100%;
}
@media (min-width: 47em) {
  .fancybox-width-fix {
    min-width: 700px;
  }
}
.visual-wrapper {
  position: relative;
  display: block;
  overflow: hidden;
}
.visual-wrapper.no-visual {
  border-bottom: 1px solid #e6e6e6;
}
.visual-wrapper .visual {
  position: relative;
  width: 100%;
  display: block;
  overflow: hidden;
  height: 0;
  padding-bottom: 56.25%;
  background-size: cover;
  background-position: center center;
  transform: scale(1);
  -ms-transform: scale(1);
  /* IE 9 */
  -moz-transform: scale(1);
  /* Firefox */
  -webkit-transform: scale(1);
  /* Safari and Chrome */
  -o-transform: scale(1);
  /* Opera */
  transition: 0.3s;
}
.visual-wrapper .visual:hover .inner-content .button,
.visual-wrapper .visual:focus .inner-content .button,
.visual-wrapper .visual:focus-within .inner-content .button {
  background: #b5d0db;
}
.visual-wrapper .visual:hover .album:before,
.visual-wrapper .visual:focus .album:before,
.visual-wrapper .visual:focus-within .album:before,
.visual-wrapper .visual:hover .video:before,
.visual-wrapper .visual:focus .video:before,
.visual-wrapper .visual:focus-within .video:before {
  transform: scale(1.2);
  -ms-transform: scale(1.2);
  /* IE 9 */
  -moz-transform: scale(1.2);
  /* Firefox */
  -webkit-transform: scale(1.2);
  /* Safari and Chrome */
  -o-transform: scale(1.2);
  /* Opera */
}
.visual-wrapper .visual .video,
.visual-wrapper .visual .album {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}
.visual-wrapper .visual .video:after,
.visual-wrapper .visual .album:after {
  font-family: "icomoon";
  display: block;
  position: absolute;
  color: #ffffff;
  font-size: 18px;
  font-size: 1.8rem;
}
.visual-wrapper .visual .video:before,
.visual-wrapper .visual .album:before {
  content: "";
  position: absolute;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #a4c3d0;
  opacity: 0.9;
  transition: 0.3s;
  filter: drop-shadow(0px 20px 40px rgba(1, 70, 148, 0.5));
}
@media (min-width: 47em) {
  .visual-wrapper .visual .video:before,
  .visual-wrapper .visual .album:before {
    width: 80px;
    height: 80px;
  }
}
.visual-wrapper .visual .video:after {
  content: "\e91a";
}
.visual-wrapper .visual .album:after {
  content: "\e90e";
  font-size: 22px;
  font-size: 2.2rem;
}
.visual-wrapper a.fancybox,
.visual-wrapper a.fancybox-iframe {
  display: block;
}
.visual-wrapper .tag {
  text-transform: uppercase;
  background-color: #a4c3d0;
  color: #ffffff;
  font-size: 15px;
  font-size: 1.5rem;
  padding: 5px 12px;
  font-weight: 700;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.visual-wrapper .tag:after {
  content: "";
  position: absolute;
  right: 8px;
  top: 100%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 15px 10px 0;
  border-color: transparent #a4c3d0 transparent transparent;
}
.visual-wrapper .inner-content {
  position: absolute;
  left: 20px;
  bottom: 24px;
}
.visual-wrapper .count {
  background-color: #a4c3d0;
  background-color: rgba(164, 195, 208, 0.8);
  color: #ffffff;
  display: block;
  padding: 0px 10px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
}
.visual-wrapper .count i {
  margin-right: 4px;
}
.visual-wrapper .count.zero i {
  margin-right: 0;
}
a .visual-wrapper:hover .inner-content .button.more:after,
a .visual-wrapper:focus .inner-content .button.more:after {
  right: 15px;
}
a .visual-wrapper:hover .inner-content .button.more:before,
a .visual-wrapper:focus .inner-content .button.more:before {
  transform: translateX(0);
  -ms-transform: translateX(0);
  /* IE 9 */
  -moz-transform: translateX(0);
  /* Firefox */
  -webkit-transform: translateX(0);
  /* Safari and Chrome */
  -o-transform: translateX(0);
  /* Opera */
}
.visual--16x9 {
  padding-bottom: 56.25%;
}
.visual--16x9 img {
  object-fit: cover;
  object-position: center;
  height: auto;
  width: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  min-height: 100%;
  min-width: 100%;
}
.visual--3x2 {
  padding-bottom: 66.6667%;
  position: relative;
  display: block;
  width: 100%;
  background: transparent;
}
.visual--3x2 img {
  position: absolute;
  max-width: 100%;
  max-height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  object-fit: contain;
  object-position: center;
}
.visual--cover img {
  object-fit: cover;
}
.visual--transparent {
  background: transparent;
}
.members-icon {
  height: 1.6em;
  width: 1em;
  display: inline-block;
}
.members-icon + span {
  margin-left: 0.5em;
}
.exclusive-overlay__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: calc(100% - 30px);
  padding: 5% 8%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  text-align: center;
  pointer-events: none;
}
.exclusive-overlay__content span {
  color: white;
}
.exclusive-overlay__content img {
  height: 3em;
  width: 2em;
}
@media (min-width: 47em) {
  .exclusive-overlay__content img {
    height: 4em;
    width: 2.5em;
    margin-bottom: 15px;
  }
}
.exclusive-overlay__content a {
  pointer-events: all;
}
.exclusive-overlay__content--small {
  height: 100%;
}
@media (min-width: 47em) {
  .exclusive-overlay__content--small img {
    height: 2.15em;
    width: 1.5em;
    margin-bottom: 15px;
  }
}
.exclusive-overlay__content--small span {
  font-size: 13px;
  line-height: 1.25;
}
.members-overlay {
  width: 100%;
  display: block;
  color: #ffffff;
  font-size: 12px;
  line-height: 1.4;
  position: relative;
}
.members-overlay:hover,
.members-overlay:active,
.members-overlay:focus {
  color: #ffffff;
}
.members-overlay:hover .visual:before,
.members-overlay:active .visual:before,
.members-overlay:focus .visual:before {
  opacity: 0.65;
}
.members-overlay .members-overlay__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  width: 90%;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  /* IE 9 */
  -moz-transform: translateX(-50%) translateY(-50%);
  /* Firefox */
  -webkit-transform: translateX(-50%) translateY(-50%);
  /* Safari and Chrome */
  -o-transform: translateX(-50%) translateY(-50%);
  /* Opera */
}
.members-overlay .members-overlay__content img {
  height: 3em;
  width: 2em;
}
@media (min-width: 47em) {
  .members-overlay .members-overlay__content img {
    height: 4em;
    width: 2.5em;
    margin-bottom: 15px;
  }
}
@media (min-width: 47em) {
  .members-overlay .members-overlay__content {
    width: auto;
  }
}
.members-overlay .visual:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #000000;
  opacity: 0.5;
  z-index: 1;
  transition: 0.2s;
}
@media (min-width: 47em) {
  .members-overlay {
    font-size: 20px;
  }
}
.social-list.top {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 18px;
  font-size: 1.8rem;
  z-index: 2;
}
.social-list.top li.label {
  background-color: #ffffff;
  margin-bottom: 0;
}
@media (min-width: 47em) {
  .social-list.top li.label a {
    width: 100px;
  }
  .social-list.top li.label span {
    font-size: 10px;
    font-size: 1rem;
  }
}
@media (min-width: 84em) {
  .social-list.top li.label span {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.social-list.top li span {
  display: block;
  width: 100%;
  font-size: 10px;
  margin-bottom: 0;
  color: #0050a0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  /* IE 9 */
  -moz-transform: translateX(-50%) translateY(-50%);
  /* Firefox */
  -webkit-transform: translateX(-50%) translateY(-50%);
  /* Safari and Chrome */
  -o-transform: translateX(-50%) translateY(-50%);
  /* Opera */
}
@media (min-width: 47em) {
  .social-list.top {
    margin-top: -35px;
    margin-right: 0px;
  }
  .social-list.top li {
    float: left;
  }
  .social-list.top li a {
    position: relative;
    font-size: 14px;
    font-size: 1.4rem;
    height: 35px;
    width: 35px;
    line-height: 38px;
  }
}
@media (min-width: 65em) {
  .social-list.top {
    display: block;
    margin-top: -35px;
    right: -30px;
  }
}
@media (min-width: 84em) {
  .social-list.top {
    margin-top: -50px;
  }
  .social-list.top li {
    float: left;
  }
  .social-list.top li a {
    font-size: 18px;
    font-size: 1.8rem;
    height: 50px;
    width: 50px;
    line-height: 53px;
  }
}
.date {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400;
  color: #a4c3d0;
  padding-bottom: 0.2em;
  text-transform: uppercase;
}
@media (min-width: 65em) {
  .date {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.sponsors-title {
  text-align: center;
  display: block;
  margin: 50px 0 15px 0;
  text-transform: uppercase;
  color: #ffffff;
}
.sponsors {
  padding: 30px 0 10px;
  background-color: #ffffff;
  margin-left: -30px;
  margin-bottom: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (min-width: 47em) {
  .sponsors {
    padding: 30px 0px 10px;
  }
}
@media (min-width: 65em) {
  .sponsors {
    padding: 40px 0px 20px;
  }
}
@media (min-width: 84em) {
  .sponsors {
    padding: 60px 0px 60px;
  }
}
.sponsors-separator {
  position: relative;
  margin: 20px 0 40px;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.sponsors-separator * {
  display: block;
}
.sponsors-separator:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(188deg, #ffffff 0%, rgba(255, 255, 255, 0) 33%, rgba(255, 255, 255, 0) 65%, #ffffff 100%);
}
@media (min-width: 47em) {
  .sponsors-separator:after {
    background: linear-gradient(188deg, #ffffff 0%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 58%, #ffffff 100%);
  }
}
.sponsors-wrap {
  float: left;
  position: relative;
  width: 50%;
  padding: 0 10px;
  padding-left: 30px;
}
.sponsors-wrap.main {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
  justify-content: center;
  width: 75%;
}
@media (min-width: 47em) {
  .sponsors-wrap.main {
    width: 42.5%;
    margin-bottom: 30px;
  }
}
@media (min-width: 68em) {
  .sponsors-wrap.main {
    width: 25%;
  }
}
.sponsors-wrap.main a {
  max-width: initial;
  margin: 0 auto;
  display: block;
}
.sponsors-wrap.small {
  margin-bottom: 30px;
  width: 50%;
}
@media (min-width: 47em) {
  .sponsors-wrap.small {
    width: 33.33%;
  }
}
@media (min-width: 68em) {
  .sponsors-wrap.small {
    width: 16.666%;
  }
}
.sponsors-wrap.x-small {
  margin-bottom: 30px;
  width: 50%;
}
@media (min-width: 47em) {
  .sponsors-wrap.x-small {
    width: 20%;
  }
}
@media (min-width: 68em) {
  .sponsors-wrap.x-small {
    width: 10%;
  }
}
.sponsors-wrap a {
  height: 100%;
  max-width: 150px;
  display: block;
  margin: 0 auto;
}
.sponsors--more .main {
  width: 100%;
}
@media (min-width: 47em) {
  .sponsors--more .main {
    width: 33.3%;
  }
}
@media (min-width: 65em) {
  .sponsors--more .main {
    width: 20%;
  }
}
@media (min-width: 84em) {
  .sponsors--more .main {
    width: 20%;
  }
}
.sponsors--more .small {
  width: 50%;
}
@media (min-width: 47em) {
  .sponsors--more .small {
    width: 25%;
  }
}
@media (min-width: 65em) {
  .sponsors--more .small {
    width: 13%;
  }
}
@media (min-width: 84em) {
  .sponsors--more .small {
    width: 13%;
  }
}
.sponsor {
  width: 100%;
  height: auto;
  position: relative;
  top: 0;
  left: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 1;
  display: block;
}
.sponsor:hover,
.sponsor:focus {
  opacity: 0.7;
}
.page-floating-content {
  position: relative;
}
.page-floating-content:before,
.page-floating-content:after {
  content: "";
  display: block;
  position: absolute;
  background-color: #ffffff;
  width: 30px;
  height: 100%;
  top: 0;
}
.page-floating-content:before {
  right: 100%;
}
.page-floating-content:after {
  left: 100%;
}
@media (min-width: 65em) {
  .page-floating-content {
    margin-top: 60px;
  }
}
@media (max-width: 47em) {
  .page-floating-content:before,
  .page-floating-content:after {
    display: none;
  }
}
.page-heading {
  background-color: #ffffff;
  padding: 40px 0 35px;
}
.page-heading h1 {
  margin-bottom: 0;
}
.page-heading h2 {
  margin-bottom: 0;
}
.page-heading .heading-game {
  margin-top: 15px;
  padding: 20px;
  color: #0050a0;
  text-transform: uppercase;
}
.page-heading .heading-game strong {
  margin: 0 10px;
}
.page-heading .heading-game img {
  height: 50px;
  margin: 0 25px;
}
@media (max-width: 47em) {
  .page-heading .heading-game img {
    display: none;
  }
}
.heading-nav {
  display: inline-block;
  list-style: none;
  margin: 0;
  margin-top: 20px;
}
.heading-nav li {
  float: left;
  margin: 0 10px;
}
@media (max-width: 47em) {
  .heading-nav li {
    display: none;
  }
}
.heading-nav li.active a {
  color: #a4c3d0;
}
.heading-nav li.back {
  position: relative;
  padding-right: 20px;
  margin-right: 15px;
}
@media (max-width: 47em) {
  .heading-nav li.back {
    display: block;
  }
}
.heading-nav li.back a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  align-items: center;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.6em;
}
.heading-nav li.back a .icon-arrow-left,
.heading-nav li.back a .icon-arrow-right {
  top: -3px;
  position: relative;
}
.heading-nav li.back span {
  font-size: 20px;
  font-size: 2rem;
  margin-left: 10px;
  position: relative;
  top: -3px;
}
@media (max-width: 47em) {
  .heading-nav li.back span {
    display: inline-block;
  }
}
@media (min-width: 47em) {
  .heading-nav li.back:after {
    content: "";
    position: absolute;
    display: block;
    width: 1px;
    height: 100%;
    right: 0;
    top: -2px;
    background-color: #a4c3d0;
    transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    /* IE 9 */
    -moz-transform: rotate(15deg);
    /* Firefox */
    -webkit-transform: rotate(15deg);
    /* Safari and Chrome */
    -o-transform: rotate(15deg);
    /* Opera */
  }
}
.heading-nav a {
  font-size: 20px;
  font-size: 2rem;
  text-decoration: none;
  font-weight: 700;
  color: currentColor;
}
.heading-nav a:hover,
.heading-nav a:focus {
  color: #a4c3d0;
}
.heading-nav.without-list .back .mobile-show {
  display: inline-block;
}
.heading-nav.without-list .back:after {
  display: none;
}
.page-content {
  background-color: #ffffff;
  position: relative;
  margin-bottom: 60px;
  padding-bottom: 20px;
  z-index: 1;
}
.page-content.overflow {
  overflow-x: scroll;
}
#error-screen-fix .privacy-policyformError {
  left: inherit !important;
  right: 0 !important;
}
.overview-grid-group {
  margin-bottom: 20px;
}
@media (min-width: 47em) {
  .overview-grid-group {
    margin-bottom: 30px;
  }
}
.overview-grid-group.line {
  border-bottom: 1px solid #e6e6e6;
}
.overview-grid-group.splitted .overview-grid-contact-item {
  width: 100%;
}
.overview-grid-item {
  margin-bottom: 20px;
  width: 100%;
}
@media (min-width: 47em) {
  .overview-grid-item {
    width: 50%;
    margin-bottom: 30px;
  }
}
@media (min-width: 47em) {
  .overview-grid-item {
    width: 33.33%;
  }
}
@media (min-width: 84em) {
  .overview-grid-item {
    width: 25%;
  }
}
.overview-grid-item h3 {
  font-size: 24px;
  font-size: 2.4rem;
}
@media (min-width: 47em) {
  .overview-grid-item h3 {
    font-size: 36px;
    font-size: 3.6rem;
  }
}
.overview-grid-item.overview-grid-item--rte {
  width: 100%;
}
@media (min-width: 47em) {
  .overview-grid-item.overview-grid-item--rte {
    width: 50%;
  }
}
@media (min-width: 84em) {
  .overview-grid-item.overview-grid-item--rte {
    width: 50%;
  }
}
.overview-grid-item a {
  text-decoration: none;
}
.overview-grid-item a:hover .overlay span,
.overview-grid-item a:focus .overlay span {
  background-color: #a4c3d0;
}
.overview-grid-item a:hover .image,
.overview-grid-item a:focus .image {
  opacity: 0.5;
  transform: scale(1.05);
  -ms-transform: scale(1.05);
  /* IE 9 */
  -moz-transform: scale(1.05);
  /* Firefox */
  -webkit-transform: scale(1.05);
  /* Safari and Chrome */
  -o-transform: scale(1.05);
  /* Opera */
}
.overview-grid-item a:hover .content:after,
.overview-grid-item a:focus .content:after {
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 200%, 0);
}
@media (max-width: 47em) {
  .overview-grid-item a:hover .content:after,
  .overview-grid-item a:focus .content:after {
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 250%, 0);
  }
}
.overview-grid-item a:hover .content:before,
.overview-grid-item a:focus .content:before {
  opacity: 0.75;
  transition-delay: 0.1s;
}
.overview-grid-item .content {
  position: relative;
  padding: 25px 20px;
  height: 200px;
  overflow: hidden;
}
.overview-grid-item .content:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background-color: rgba(255, 255, 255, 0.5);
  transition: transform 0.6s;
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
}
@media (max-width: 47em) {
  .overview-grid-item .content:after {
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -200%, 0);
  }
}
.overview-grid-item .content:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #0050a0;
  opacity: 0;
  transition: 0.3s;
  transition-delay: 0s;
}
.overview-grid-item .content .image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #f2f2f2;
  background-size: cover;
  background-position: center center;
  text-align: center;
  padding: 25px 20px;
  transform: scale(1);
  -ms-transform: scale(1);
  /* IE 9 */
  -moz-transform: scale(1);
  /* Firefox */
  -webkit-transform: scale(1);
  /* Safari and Chrome */
  -o-transform: scale(1);
  /* Opera */
  transition: 0.3s;
}
.overview-grid-item .content .image.valign-top {
  background-position: center top;
}
.overview-grid-item .content .image.valign-bottom {
  background-position: center bottom;
}
.overview-grid-item .content .overlay {
  position: relative;
  height: 100%;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.overview-grid-item .content .overlay span {
  position: relative;
  z-index: 2;
  display: block;
  padding: 12px 20px;
  background-color: #a4c3d0;
  color: #ffffff;
  text-align: center;
  width: auto;
  transition: 0.3s;
}
.overview-grid-item .content .overlay span > * {
  margin-bottom: 0;
  color: #ffffff;
  position: relative;
  z-index: 2;
}
.overview-grid-team-item {
  margin-bottom: 50px;
  width: 50%;
}
@media (min-width: 47em) {
  .overview-grid-team-item {
    width: 33.33%;
  }
}
@media (min-width: 65em) {
  .overview-grid-team-item {
    width: 33.33%;
  }
}
@media (min-width: 84em) {
  .overview-grid-team-item {
    width: 20%;
  }
}
.overview-grid-team-item a:hover .number,
.overview-grid-team-item a:focus .number {
  background-color: #a4c3d0;
}
.overview-grid-team-item a:hover img,
.overview-grid-team-item a:focus img {
  transform: scale(1.05);
  -ms-transform: scale(1.05);
  /* IE 9 */
  -moz-transform: scale(1.05);
  /* Firefox */
  -webkit-transform: scale(1.05);
  /* Safari and Chrome */
  -o-transform: scale(1.05);
  /* Opera */
}
.overview-grid-team-item .image-wrap {
  display: block;
  overflow: hidden;
}
.overview-grid-team-item .image {
  position: relative;
  margin-bottom: 10px;
}
.overview-grid-team-item .image img {
  width: 100%;
  transform: scale(1);
  -ms-transform: scale(1);
  /* IE 9 */
  -moz-transform: scale(1);
  /* Firefox */
  -webkit-transform: scale(1);
  /* Safari and Chrome */
  -o-transform: scale(1);
  /* Opera */
  transition: 0.3s;
}
.overview-grid-team-item .number {
  text-align: center;
  background-color: #0050a0;
  color: #ffffff;
  padding: 10px;
  font-weight: 700;
  position: absolute;
  top: 100%;
  right: 0;
  display: block;
  transform: translateY(-33.33%);
  -ms-transform: translateY(-33.33%);
  /* IE 9 */
  -moz-transform: translateY(-33.33%);
  /* Firefox */
  -webkit-transform: translateY(-33.33%);
  /* Safari and Chrome */
  -o-transform: translateY(-33.33%);
  /* Opera */
  font-size: 24px;
  font-size: 2.4rem;
  width: 50px;
  height: 50px;
  line-height: 33px;
  transition: 0.3s;
}
@media (min-width: 47em) {
  .overview-grid-team-item .number {
    font-size: 28px;
    font-size: 2.8rem;
    width: 70px;
    height: 70px;
    line-height: 53px;
  }
}
.overview-grid-team-item .title {
  padding-right: 90px;
  font-weight: 700;
}
.overview-grid-team-item .title span {
  display: block;
  line-height: 1.2em;
}
.overview-grid-contact-item {
  width: 100%;
  margin-bottom: 30px;
}
@media (min-width: 47em) {
  .overview-grid-contact-item {
    width: 50%;
  }
}
@media (min-width: 65em) {
  .overview-grid-contact-item {
    width: 50%;
  }
}
@media (min-width: 84em) {
  .overview-grid-contact-item {
    width: 33.33%;
  }
}
@media (min-width: 47em) {
  .overview-grid-contact-item {
    margin-bottom: 50px;
  }
}
.overview-grid-contact-item .info {
  margin-bottom: 15px;
  font-size: 14px;
  font-size: 1.4rem;
}
.overview-grid-contact-item p {
  margin-bottom: 0;
}
.overview-grid-contact-item a {
  font-weight: 400;
  text-decoration: none;
}
.overview-grid-contact-item a:hover,
.overview-grid-contact-item a:focus {
  color: #015ebb;
}
.overview-grid-contact-item .h4 {
  text-transform: initial;
  font-weight: 400;
}
.overview-grid-contact-item ul {
  list-style: none;
  margin: 0;
  margin-top: 5px;
}
.overview-grid-contact-item ul li a {
  font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5em;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  letter-spacing: 0;
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
}
.overview-grid-contact-item:last-child {
  margin-bottom: 0px;
}
.overview-grid-media-item {
  position: relative;
  width: 100%;
  margin-bottom: 30px;
}
@media (min-width: 47em) {
  .overview-grid-media-item {
    width: 50%;
  }
}
@media (min-width: 65em) {
  .overview-grid-media-item {
    width: 25%;
  }
}
@media (min-width: 84em) {
  .overview-grid-media-item {
    width: 20%;
  }
}
.overview-grid-media-item a.fancybox {
  display: -ms-flexbox;
  display: flex;
}
.overview-grid-media-item .visual-wrapper {
  margin-bottom: 6px;
}
.overview-grid-media-item .visual-wrapper .visual {
  width: 100%;
  padding-bottom: 56.25%;
  background-color: #f2f2f2;
  background-size: contain;
  background-repeat: no-repeat;
}
.overview-grid-media-item.video .visual-wrapper .visual {
  padding-bottom: 56.25%;
  background-size: cover;
}
@media (min-width: 47em) {
  .overview-grid-media-item {
    margin-bottom: 30px;
  }
}
.overview-grid-wigwam-item {
  width: 100%;
  margin-bottom: 30px;
}
@media (min-width: 47em) {
  .overview-grid-wigwam-item {
    width: 50%;
  }
}
@media (min-width: 65em) {
  .overview-grid-wigwam-item {
    width: 25%;
  }
}
@media (min-width: 84em) {
  .overview-grid-wigwam-item {
    width: 20%;
  }
}
.overview-grid-wigwam-item .wigwam-cover {
  margin-bottom: 6px;
}
@media (min-width: 47em) {
  .overview-grid-wigwam-item {
    margin-bottom: 30px;
  }
}
.news-grid .post-item {
  margin-bottom: 30px;
}
.news-grid .post-item-wrapper .post-item {
  margin-bottom: 0;
  position: relative;
  height: 100%;
  padding-bottom: 90px;
}
.news-grid .post-item-wrapper .post-item a.button {
  position: absolute;
  bottom: 60px;
}
.news-grid .post-item-wrapper:nth-child(3n + 1) {
  clear: both;
}
.news-grid.big .one-third {
  width: 100%;
}
@media (min-width: 47em) {
  .news-grid.big .one-third {
    width: 50%;
  }
}
@media (min-width: 65em) {
  .news-grid.big .one-third {
    width: 33.33%;
  }
}
@media (min-width: 47em) {
  .news-grid.big .post-item.with-visual .dotdotdot {
    height: 150px;
  }
}
@media (min-width: 65em) {
  .news-grid.big .post-item.with-visual .dotdotdot {
    height: 150px;
  }
}
@media (min-width: 84em) {
  .news-grid.big .post-item.with-visual .dotdotdot {
    height: 50px;
  }
}
.news-grid.big .post-item .dotdotdot {
  height: 80px;
}
@media (min-width: 47em) {
  .news-grid.big .post-item .dotdotdot {
    height: 305px;
  }
}
@media (min-width: 65em) {
  .news-grid.big .post-item .dotdotdot {
    height: 285px;
  }
}
.post-item {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start;
}
.post-item:hover img,
.post-item:focus img,
.post-item:active img {
  transform: scale(1.1);
}
.post-item .button.link {
  color: #001b6f;
}
.post-item .visual {
  overflow: hidden;
  margin-bottom: 30px;
}
.post-item img {
  transform: scale(1);
  transition: transform 0.3s ease-in-out;
}
.post-item .visual-wrapper {
  margin-bottom: 0;
  width: 100%;
}
.post-item .visual-wrapper.no-visual {
  margin-bottom: 50px;
}
.post-item p {
  margin-bottom: 10px;
}
.post-item .double-line {
  height: 40px;
}
.post-item .fade-link {
  display: block;
}
.post-item .h4,
.post-item a {
  color: #001b6f;
}
.post-item.small .visual-wrapper {
  margin-bottom: 10px;
}
@media (min-width: 47em) {
  .post-item.with-visual .dotdotdot {
    height: 150px;
  }
}
@media (min-width: 65em) {
  .post-item.with-visual .dotdotdot {
    height: 150px;
  }
}
@media (min-width: 84em) {
  .post-item.with-visual .dotdotdot {
    height: 50px;
  }
}
.post-item.with-visual + .rte {
  margin-top: 15px;
}
.post-item .dotdotdot {
  height: 80px;
}
@media (min-width: 47em) {
  .post-item .dotdotdot {
    height: 285px;
  }
}
.post-item__body {
  width: 50%;
  min-width: 50%;
  margin-left: 10px;
}
@media (min-width: 47em) {
  .post-item__body {
    width: 100%;
    margin-left: 0;
  }
}
.post-item--small {
  -ms-flex-direction: row;
  flex-direction: row;
}
.post-item--small .dotdotdot {
  display: none;
}
.post-item--small .visual-wrapper span {
  padding: 3px 5px;
  font-size: 13px;
  font-size: 1.3rem;
}
@media (min-width: 47em) {
  .post-item--small .visual-wrapper span {
    padding: 5px 12px;
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.post-item--small .visual-wrapper .tag {
  display: none;
}
@media (min-width: 47em) {
  .post-item--small .visual-wrapper .tag {
    display: block;
  }
}
.post-item--small .visual {
  margin-bottom: 20px;
}
.post-item--small.post-item--exclusive .exclusive-overlay__content {
  height: calc(100% - 10px);
  padding: 10% 8% 5% 8%;
}
.post-item--small.post-item--exclusive .exclusive-overlay__content img {
  height: 3em;
  margin-bottom: 0.3em;
}
.post-item--small.post-item--exclusive .exclusive-overlay__content span {
  line-height: 1.1em;
  font-weight: 500;
}
@media (max-width: 47em) {
  .post-item--small.post-item--exclusive .exclusive-overlay__content {
    padding: 5% 8% 5% 8%;
  }
  .post-item--small.post-item--exclusive .exclusive-overlay__content img {
    height: 2em;
  }
}
.post-item--small .post-item__body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start;
}
.post-item--small .post-item__body .tag {
  text-transform: uppercase;
  background-color: #a4c3d0;
  color: #ffffff;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 2px 8px;
  font-weight: 700;
  margin-bottom: 10px;
}
@media (min-width: 47em) {
  .post-item--small .post-item__body .tag {
    display: none;
  }
}
.post-item--small .post-item__body .date {
  display: none;
}
@media (min-width: 47em) {
  .post-item--small .post-item__body .date {
    display: block;
  }
}
.post-item--small a {
  color: #ffffff;
}
.post-item--small a:hover,
.post-item--small a:focus {
  color: #a4c3d0;
}
@media (min-width: 47em) {
  .post-item--small {
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 30px;
  }
}
.dotdotdot {
  visibility: hidden;
}
.dotdotdot.visible {
  visibility: visible;
}
@media (min-width: 47em) {
  .related-news {
    margin-top: 30px;
  }
}
@media (min-width: 65em) {
  .related-news {
    margin-top: 50px;
  }
}
@media (min-width: 84em) {
  .related-news {
    margin-top: 100px;
  }
}
.load-more {
  margin-top: 30px;
}
@media (min-width: 47em) {
  .load-more {
    margin-top: 60px;
  }
}
.share-page.share-page {
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
}
.share-page.share-page label {
  color: #b4b4b4;
  margin-left: -10px;
}
.share-page.share-page .count {
  display: block;
  background-color: #f2f2f2;
  font-size: 10px;
}
.share-page.share-page a {
  width: 30px;
  height: 30px;
  font-size: 2rem;
}
@media (min-width: 68em) {
  .share-page.share-page {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    /* IE 9 */
    -moz-transform: translateY(-50%);
    /* Firefox */
    -webkit-transform: translateY(-50%);
    /* Safari and Chrome */
    -o-transform: translateY(-50%);
    /* Opera */
  }
  .share-page.share-page label {
    width: 60px;
  }
  .share-page.share-page .count {
    font-size: 12px;
  }
}
@media (min-width: 98em) {
  .share-page.share-page {
    right: 10px;
  }
}
.share-page.share-page .whatsapp {
  display: -ms-inline-flexbox;
  display: inline-flex;
}
@media (min-width: 65em) {
  .share-page.share-page .whatsapp {
    display: none;
  }
}
.player {
  position: relative;
  display: block;
  max-width: 500px;
  margin: 0 auto;
}
.player .number {
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #0050a0;
  color: #ffffff;
  text-align: center;
  font-weight: 700;
  width: 100px;
  height: 100px;
  line-height: 100px;
  font-size: 60px;
  font-size: 6rem;
}
@media (min-width: 47em) {
  .player .number {
    transform: translateX(-33.33%);
    -ms-transform: translateX(-33.33%);
    /* IE 9 */
    -moz-transform: translateX(-33.33%);
    /* Firefox */
    -webkit-transform: translateX(-33.33%);
    /* Safari and Chrome */
    -o-transform: translateX(-33.33%);
    /* Opera */
    font-size: 85px;
    font-size: 8.5rem;
    width: 150px;
    height: 150px;
    line-height: 150px;
  }
}
.filter-wrapper {
  margin-bottom: 30px;
}
@media (min-width: 47em) {
  .filter-wrapper {
    margin-bottom: 40px;
  }
}
.filter-wrapper > .row .one-third {
  width: 100%;
}
@media (min-width: 47em) {
  .filter-wrapper > .row .one-third {
    width: 50%;
  }
}
@media (min-width: 65em) {
  .filter-wrapper > .row .one-third {
    width: 33.33%;
  }
}
.filter-wrapper > .row .two-third {
  width: 100%;
}
@media (min-width: 47em) {
  .filter-wrapper > .row .two-third {
    width: 50%;
  }
}
@media (min-width: 65em) {
  .filter-wrapper > .row .two-third {
    width: 66.66%;
  }
}
.filter-wrapper .filter-group {
  margin-bottom: 30px;
}
.filter-wrapper .filter-group.mb20 {
  margin-bottom: 20px;
}
.filter-wrapper .filter-group.mb0 {
  margin-bottom: 0px;
}
.filter-wrapper .filter-tags ul {
  margin: 0 0 -10px -10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  *zoom: 1;
}
.filter-wrapper .filter-tags ul:before,
.filter-wrapper .filter-tags ul:after {
  display: table;
  content: " ";
}
.filter-wrapper .filter-tags ul:after {
  clear: both;
}
.filter-wrapper .filter-tags ul li {
  margin-left: 10px;
  margin-bottom: 10px;
}
@media (min-width: 47em) {
  .filter-wrapper .filter-tags ul li {
    float: left;
  }
}
.filter-wrapper .filter-tags ul li.active a {
  background-color: #a4c3d0;
  color: #ffffff;
}
.filter-wrapper .filter-tags ul a {
  background-color: #f2f2f2;
  color: #b4b4b4;
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 8px 10px;
  text-decoration: none;
  font-weight: 700;
  border-radius: 5px;
  letter-spacing: 0.02em;
}
.filter-wrapper .filter-tags ul a:hover,
.filter-wrapper .filter-tags ul a:focus {
  background-color: #a4c3d0;
  color: #ffffff;
}
.filter-wrapper .filter-tags.filter-tags--accent a {
  color: #ffffff;
  background-color: #a4c3d0;
}
.filter-wrapper.filter-wrapper--no-border {
  border: none;
}
.filter-wrapper.filter-wrapper--no-mb {
  margin-bottom: 0px;
}
@media (min-width: 47em) {
  .filter-wrapper.filter-wrapper--no-mb {
    margin-bottom: 0px;
  }
}
.bg-accentLighter .filter-tags ul a {
  background-color: #ffffff;
}
.tribune {
  margin-bottom: 60px;
}
.tribune h3 {
  margin-bottom: 0;
  padding: 10px;
  color: #ffffff;
  position: relative;
}
.tribune h3 .icon {
  position: absolute;
  right: 10px;
  top: 20%;
  display: block;
  height: 60%;
}
.tribune h3 .icon img {
  height: 100%;
}
@media (max-width: 47em) {
  .tribune h3 {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.tribune .category-block {
  width: 13px;
  height: 13px;
  display: inline-block;
  margin: 0 10px 0 0;
  background: #b4b4b4;
  vertical-align: middle;
}
.tribune table {
  font-size: 10px;
  font-size: 1rem;
}
@media (min-width: 47em) {
  .tribune table {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.tribune thead {
  background-color: #f2f2f2;
}
.tribune thead td,
.tribune thead th {
  border-bottom: 0px solid #b4b4b4;
  text-align: center;
}
.tribune tbody td {
  border-bottom: 1px solid #e6e6e6;
  text-align: center;
  min-width: 75px;
}
.tribune tbody td img {
  display: inline-block;
  height: 30px;
  margin-right: 10px;
}
.tribune tbody td.name {
  text-align: left;
  width: 100%;
}
.tribune tbody td.seats {
  white-space: nowrap;
}
@media (min-width: 47em) {
  .tribune tbody td.seats {
    white-space: normal;
    min-width: 200px;
  }
}
@media (min-width: 65em) {
  .tribune tbody td.seats {
    min-width: 200px;
  }
}
.tribune tbody td.discount {
  min-width: 20px;
}
.tribune tbody tr:last-child td {
  border-bottom: 1px solid #e6e6e6;
}
.tribune__table {
  width: 100%;
  overflow-x: scroll;
}
@media (min-width: 47em) {
  .tribune__table {
    overflow-x: hidden;
  }
}
.alphabet-block {
  position: relative;
}
.alphabet-block .letter {
  color: #a4c3d0;
  position: relative;
  top: 0;
  left: 0;
  font-size: 40px;
  font-size: 4rem;
  margin-bottom: 0;
  display: inline-block;
}
.alphabet-block ul {
  margin-top: 0px;
  margin-bottom: 40px;
}
.popup {
  padding: 30px;
}
.popup--shirt {
  padding: 0;
}
.popup-shirt__right {
  position: absolute;
  right: 3.2%;
  bottom: 3%;
  width: 9.375%;
  height: 6.66%;
  z-index: 9;
}
.popup-shirt__left {
  position: absolute;
  left: 2%;
  bottom: 3%;
  width: 16%;
  height: 6.66%;
  z-index: 9;
}
.community .hero {
  height: 250px;
  background-size: cover;
  background-position: center center;
  border-bottom: 40px solid #0050a0;
}
@media (min-width: 47em) {
  .community .hero {
    height: 350px;
  }
}
@media (min-width: 65em) {
  .community .hero {
    height: 500px;
  }
}
.community .community-logo {
  width: 120px;
  display: block;
  margin: 0 auto;
  margin-top: -70px;
  margin-bottom: 30px;
}
@media (min-width: 47em) {
  .community .community-logo {
    width: 180px;
    margin-top: -90px;
  }
}
@media (min-width: 65em) {
  .community .community-logo {
    width: 250px;
    margin-top: -120px;
  }
}
.community .related-news {
  margin-top: 50px;
}
.main.executive {
  background-color: #000000;
  background-image: url("../images/executive/background.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  font-family: "Lora";
}
.main.executive h1 {
  display: inline-block;
  font-family: "Great Vibes";
  font-size: 45px;
  font-size: 4.5rem;
  border-bottom: 1px solid #ae995b;
}
@media (min-width: 47em) {
  .main.executive h1 {
    font-size: 65px;
    font-size: 6.5rem;
  }
}
@media (min-width: 65em) {
  .main.executive h1 {
    font-size: 95px;
    font-size: 9.5rem;
  }
}
.main.executive h1,
.main.executive h2,
.main.executive h3,
.main.executive h4,
.main.executive h5 {
  color: #ae995b;
  text-transform: initial;
  font-weight: 400;
}
.main.executive a {
  color: #ffffff;
}
.main.executive hr {
  border-color: #ae995b;
  max-width: 50%;
  margin: 60px auto;
}
.main.executive label {
  color: #ffffff;
  font-weight: 400;
  font-family: "Lora";
}
.main.executive input,
.main.executive select {
  border-color: #33414e;
  background-color: #010a14;
  color: #ffffff;
}
.main.executive input:disabled,
.main.executive select:disabled {
  color: rgba(255, 255, 255, 0.5);
}
.main.executive .intro {
  padding: 20px 0 40px;
  text-align: center;
}
.main.executive .intro .button {
  float: none;
  display: inline-block;
}
.main.executive input[type="radio"] + label span {
  border-color: #ae995b;
  background-color: #010a14;
  margin: -2px 8px 0 0;
}
.main.executive input[type="radio"]:checked + label span {
  border-color: #ae995b;
}
.main.executive input[type="radio"]:checked + label span:after {
  background-color: #ffffff;
}
.main.executive input[type="checkbox"]:not(:checked) + label,
.main.executive input[type="checkbox"]:checked + label {
  padding-left: 27px;
}
.main.executive input[type="checkbox"]:not(:checked) + label:before,
.main.executive input[type="checkbox"]:checked + label:before {
  border-color: #ae995b;
  background-color: #010a14;
  width: 18px;
  height: 18px;
  top: 2px;
}
.main.executive input[type="checkbox"]:not(:checked) + label:after,
.main.executive input[type="checkbox"]:checked + label:after {
  color: #ffffff;
}
.main.executive .button {
  text-transform: uppercase;
  background-color: #ae995b;
  letter-spacing: 0.05em;
}
.main.executive .button:hover,
.main.executive .button:focus {
  background-color: #8f7d47;
}
.main.executive .page-heading {
  background-color: transparent;
  margin-top: 50px;
}
.main.executive .page-heading h1 {
  color: #ae995b;
}
.main.executive .page-content {
  background-color: transparent;
  color: #ffffff;
}
.main.executive .box {
  border: 4px solid #ae995b;
  padding: 20px;
  background: transparent;
}
.main.executive .box.success {
  color: #ffffff;
  border-color: #ffffff;
}
.main.executive .alert {
  margin: 15px 0;
}
.main.executive .executive-contact {
  color: #ae995b;
  margin-top: 4px;
  display: inline-block;
  font-size: 16px;
  font-size: 1.6rem;
}
@media (min-width: 47em) {
  .main.executive .executive-contact {
    font-size: 21px;
    font-size: 2.1rem;
  }
}
.main.executive .executive-contact a {
  color: #ae995b;
  text-decoration: none;
}
.main.executive .executive-contact a:hover,
.main.executive .executive-contact a:focus {
  color: #8f7d47;
}
.main.executive .form-element .wrap {
  position: relative;
}
.main.executive .form-element .wrap input {
  padding-right: 45px;
}
.main.executive .password-reset {
  display: inline-block;
  margin-top: 15px;
}
.main.executive .remove-extra-person {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 32px;
  transition: 0.3s;
  cursor: pointer;
  height: 45px;
  width: 45px;
  display: block;
  text-align: center;
  line-height: 44px;
}
.main.executive .remove-extra-person span {
  display: inline-block;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -moz-transform: rotate(45deg);
  /* Firefox */
  -webkit-transform: rotate(45deg);
  /* Safari and Chrome */
  -o-transform: rotate(45deg);
  /* Opera */
}
.main.executive .remove-extra-person:hover,
.main.executive .remove-extra-person:focus {
  color: #ae995b;
}
.main.executive .extra-persons {
  padding-left: 27px;
}
.main.executive .add-extra-person {
  display: inline-block;
  padding: 0;
  background-color: transparent;
  cursor: pointer;
  visibility: visible;
  transition: 0.3s;
  border-bottom: 1px solid transparent;
  padding: 2px 0px;
}
.main.executive .add-extra-person span {
  color: #ae995b;
  font-weight: 600;
  font-size: 24px;
  font-size: 2.4rem;
  position: relative;
  top: 3px;
  transition: 0.3s;
  display: inline-block;
  backface-visibility: hidden;
}
.main.executive .add-extra-person:hover,
.main.executive .add-extra-person:focus {
  background-color: transparent;
  box-shadow: none;
  border-bottom: 1px solid #ffffff;
}
/* =============================================================================
   PAGINATION
   ========================================================================== */
.pagination {
  display: inline-block;
}
.pagination li {
  display: block;
  float: left;
  margin: 0 5px;
  min-width: 25px;
  background-color: transparent;
  font-family: "Sofia Sans", Helvetica, Arial, Verdana, sans-serif;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.2em;
  font-weight: 700;
  letter-spacing: 0;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 18px;
  font-size: 1.8rem;
  transition: 0.3s;
}
@media (min-width: 47em) {
  .pagination li {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media (min-width: 65em) {
  .pagination li {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
.pagination li.active {
  background-color: #f3f7f9;
}
.pagination li.disabled {
  opacity: 0.25;
}
.pagination li:hover,
.pagination li:focus {
  background-color: transparent;
}
.pagination li span {
  padding: 0 0.1em;
  display: block;
}
.pagination li a {
  padding: 0 0.1em;
  display: block;
}
.sticker {
  background-color: #015ebb;
  height: 80px;
  margin-bottom: 30px;
  position: relative;
}
@media (min-width: 47em) {
  .sticker {
    height: 100px;
  }
}
@media (min-width: 65em) {
  .sticker {
    height: 120px;
  }
}
@media (min-width: 84em) {
  .sticker {
    height: 155px;
  }
}
.sticker .image {
  padding: 20px;
  float: left;
  height: 100%;
}
.sticker .image img {
  height: 100%;
  width: auto;
  display: block;
}
.sticker .text {
  display: block;
  color: white;
  text-align: center;
  font-size: 20px;
  height: 100%;
  line-height: 80px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
@media (min-width: 47em) {
  .sticker .text {
    font-size: 30px;
    line-height: 100px;
  }
}
@media (min-width: 65em) {
  .sticker .text {
    font-size: 40px;
    line-height: 120px;
  }
}
@media (min-width: 84em) {
  .sticker .text {
    font-size: 50px;
    line-height: 155px;
  }
}
.landing-quiz {
  background-color: #a4c3d0;
  background-image: url("../images/layout/pattern.png");
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
}
@media (min-width: 47em) {
  .landing-quiz {
    min-height: calc(100vh - 101px);
  }
}
@media (min-width: 84em) {
  .landing-quiz {
    min-height: calc(100vh - 196px);
  }
}
.logoBig {
  display: none;
  background-image: url("../images/quiz/indiaanBig.svg");
  background-repeat: no-repeat;
  width: 1000px;
  height: 1000px;
  position: absolute;
  left: -700px;
}
@media (min-width: 47em) {
  .logoBig {
    display: block;
  }
}
.landing-quiz__content {
  max-width: 960px;
  margin: auto;
  padding: 20px;
  z-index: 5;
}
.landing-quiz__content img {
  display: block;
  margin: auto;
  -webkit-filter: drop-shadow(12px 12px 25px rgba(255, 255, 255, 0.5));
  height: 100px;
}
.landing-quiz__content p {
  text-align: center;
  margin-top: 100px;
}
@media (min-width: 47em) {
  .landing-quiz__content img {
    height: 150px;
  }
  .landing-quiz__content p {
    margin-top: 100px;
  }
}
@media (min-width: 84em) {
  .landing-quiz__content img {
    height: 250px;
  }
  .landing-quiz__content p {
    margin-top: 200px;
  }
}
.h1.title {
  color: white;
  text-transform: none;
}
.row.row--quiz {
  margin-bottom: 50px;
}
.one-half.one-half--quiz .question-element {
  position: relative;
  top: -15px;
  height: 52px;
  width: 139px;
  padding-top: 12px;
  padding-left: 12px;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
  background-image: url(../images/quiz/QuestionBox.svg);
}
.one-half.one-half--quiz .form-element {
  padding: 20px;
  padding-top: 0;
}
@media (min-width: 47em) {
  .one-half.one-half--quiz .question-element {
    left: -150px;
  }
}
@media (min-width: 84em) {
  .one-half.one-half--quiz .question-element {
    top: -20px;
    left: -60px;
  }
  .one-half.one-half--quiz .form-element {
    padding-top: 20px;
    margin-top: 20px;
  }
}
.middle {
  margin: auto;
}
.page-content--nohead {
  margin-top: 100px;
}
.score {
  z-index: 1;
  text-align: right;
  padding-right: 35%;
}
.score p {
  font-size: 200px;
  color: #0050a0;
  margin-bottom: 0px;
}
.total-questions {
  z-index: -2;
  position: absolute;
  bottom: 0;
  right: 50%;
}
.total-questions p {
  text-align: right;
  font-size: 200px;
  color: #a4c3d0;
  margin-bottom: 0px;
  padding-right: 20%;
}
.row--result {
  height: 300px;
}
.quiz-result-text {
  line-height: 2em;
}
@media (min-width: 47em) {
  .one-half--small {
    display: none;
  }
}
.one-half--small h1 {
  margin-bottom: 50px;
}
.one-half--big {
  display: none;
}
@media (min-width: 47em) {
  .one-half--big {
    display: block;
  }
}
.fb-share {
  background-color: #0050a0;
  margin-top: 50px;
  display: table;
}
.fb-share > div {
  float: left;
}
.fb-share .fb-share__logo {
  border-right: 1px solid white;
  padding: 10px;
}
.fb-share .fb-share__logo img {
  height: 21px;
  margin: 0 8px;
}
.fb-share .fb-share__text {
  color: white;
  text-transform: uppercase;
}
.fb-share .fb-share__text p {
  margin: 10px 20px;
  font-weight: bold;
  position: relative;
  top: 1px;
}
/* =============================================================================
   TRIGGER
   ========================================================================== */
.toggle-content {
  display: none;
}
.toggle-trigger {
  cursor: pointer;
}
@media (min-width: 47em) {
  .toggle-wrapper.toggle-mobile .toggle-content {
    display: block;
  }
  .toggle-wrapper.toggle-mobile .toggle-trigger {
    display: none;
  }
}
/* =============================================================================
   RTE
   ========================================================================== */
.virtual-tour-business p:last-of-type {
  display: block;
  height: 0;
  padding-bottom: 140%;
  overflow: hidden;
  position: relative;
  margin: 0 0 30px;
}
@media (min-width: 47em) {
  .virtual-tour-business p:last-of-type {
    padding-bottom: 74%;
  }
}
.virtual-tour-business iframe {
  height: 710px;
  border: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-height: calc(100vh - 150px);
}
@media (min-width: 47em) {
  .rte {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.rte a {
  color: #0050a0;
}
.rte a:hover,
.rte a:focus {
  color: #a4c3d0;
}
.rte a.button {
  float: none;
  display: inline-block;
  color: #ffffff;
  margin-bottom: 0.5em;
}
@media (max-width: 47em) {
  .rte a.button {
    width: 100%;
    text-align: center;
  }
}
.rte table {
  max-width: 100%;
}
@media (max-width: 47em) {
  .rte table {
    width: auto !important;
  }
}
.rte strong {
  font-weight: 700;
}
.rte h2 {
  color: #0050a0;
  text-transform: initial;
}
.rte h3 {
  text-transform: uppercase;
  color: #333333;
  margin-bottom: 0.4em;
}
.rte h4 {
  color: #333333;
  margin-bottom: 0.4em;
  text-transform: initial;
}
.rte ul {
  list-style: square;
  margin-bottom: 30px;
}
.rte ul li {
  position: relative;
}
.rte ul li img {
  margin-top: 30px;
}
.rte ul li p,
.rte ul li h1,
.rte ul li h2,
.rte ul li h3 {
  margin-bottom: 0;
}
.rte ul li:before {
  content: "";
  display: none;
  position: absolute;
  margin-top: 0.65em;
  top: 0;
  left: 0;
  width: 5px;
  height: 5px;
  background-color: #a4c3d0;
}
.rte ul li li:before {
  background-color: #0050a0;
}
.rte ul li li li:before {
  display: none;
}
.rte ul.album_list {
  *zoom: 1;
  margin: 0;
  list-style: none;
  margin-left: -30px;
  display: -ms-flexbox;
  display: -moz-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.rte ul.album_list:before,
.rte ul.album_list:after {
  display: table;
  content: " ";
}
.rte ul.album_list:after {
  clear: both;
}
.rte ul.album_list:before,
.rte ul.album_list:after {
  display: none;
}
.rte ul.album_list li {
  float: left;
  margin-bottom: 30px;
  padding-left: 30px;
  width: 50%;
}
@media (min-width: 65em) {
  .rte ul.album_list li {
    width: 25%;
  }
}
.rte ul.album_list li img {
  width: 100% !important;
}
.rte img {
  display: block;
  width: auto;
  height: auto !important;
  margin-bottom: 30px;
}
@media (min-width: 47em) {
  .rte img.align-left,
  .rte img.align-right {
    max-width: 50%;
  }
}
@media (max-width: 47em) {
  .rte img.image-left {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 47em) {
  .rte img.image-left {
    float: left;
    width: auto;
    margin-right: 30px;
  }
}
@media (max-width: 47em) {
  .rte img.image-right {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 47em) {
  .rte img.image-right {
    float: right;
    width: auto;
    margin-left: 30px;
  }
}
.rte img.full-img {
  width: 100% !important;
}
.rte img.center-img {
  margin-left: auto;
  margin-right: auto;
}
.rte blockquote {
  color: #a4c3d0;
  font-size: 18px;
  font-size: 1.8rem;
  border-left: 5px solid #a4c3d0;
  padding-left: 20px;
  margin: 30px 0px;
}
@media (min-width: 47em) {
  .rte blockquote {
    margin: 60px 0px;
    font-size: 21px;
    font-size: 2.1rem;
  }
}
.rte blockquote p {
  margin-bottom: 0;
  font-weight: 400;
}
.rte table {
  margin-bottom: 20px;
}
.rte table tr:last-child td {
  border-bottom: 0px solid #b4b4b4;
}
.rte table td {
  border-bottom: 1px solid #b4b4b4;
  padding: 8px 6px;
}
.rte table td:last-child {
  text-align: right;
}
.rte input {
  display: block;
}
.rte input[type="radio"] {
  display: inline-block;
  margin-right: 10px;
}
.rte iframe {
  display: block;
  margin: 0 auto;
  margin-bottom: 1.5em;
}
.rte .highlight-dark {
  display: block;
  background-color: #0050a0;
  text-align: center;
  padding: 30px;
  color: #ffffff;
  margin: 30px 0px;
}
@media (min-width: 47em) {
  .rte .highlight-dark {
    margin: 60px 0px;
    padding: 60px;
  }
}
.rte .highlight-dark h3 {
  color: #ffffff;
  margin-bottom: 2em;
}
.rte .highlight-dark p:last-child {
  margin-bottom: 0;
}
.rte .highlight-light {
  display: block;
  background-color: #f3f7f9;
  padding: 30px;
  margin: 30px 0px;
}
.rte .highlight-light p:last-child {
  margin-bottom: 0;
}
.rte .datepicker {
  *zoom: 1;
}
.rte .datepicker:before,
.rte .datepicker:after {
  display: table;
  content: " ";
}
.rte .datepicker:after {
  clear: both;
}
.rte .datepicker select {
  margin-bottom: 10px;
}
.rte .datepicker select:last-of-type {
  margin-bottom: 0;
}
@media (min-width: 47em) {
  .rte .datepicker select {
    width: 26%;
    float: left;
    margin-right: 20px;
    margin-bottom: 0;
  }
}
.intro-info {
  background-color: #f3f7f9;
  padding: 30px;
  margin-bottom: 30px;
}
@media (min-width: 47em) {
  .intro-info {
    margin-bottom: 60px;
  }
}
.flex-center {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}
.powered-by {
  padding-top: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5em;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  text-transform: none;
  letter-spacing: 0;
}
.powered-by p {
  text-align: center;
  color: white;
  margin: 0;
}
.powered-by img {
  margin-left: 5px;
  width: 90px;
  height: 1.5em;
}
.powered-by span {
  margin-left: 5px;
  color: white;
  font-weight: 600;
  line-height: 1.5em;
}
/* =============================================================================
   PRINT
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  html {
    font-size: 10px;
  }
  * {
    background-color: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  .ir {
    text-indent: 0;
    overflow: visible;
    direction: inherit;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 2cm 0.5cm 1cm;
  }
  .page-footer,
  .main-nav {
    display: none;
  }
  .one-half {
    width: 50%;
  }
  .two-third {
    width: 66.66%;
  }
  .one-third {
    width: 33.33%;
  }
  .three-fourth {
    width: 75%;
  }
  .one-fourth {
    width: 25%;
  }
}
.clickable-row {
  cursor: pointer;
}
.table-wrapper {
  position: relative;
  width: 100%;
  overflow-x: scroll;
}
.member-modal .modaal-container {
  max-width: 800px;
}
.member-modal .modaal-content-container {
  padding: 60px;
}
.label-note {
  background-color: #a4c3d0;
  padding: 0.4em 1em;
  color: #ffffff;
  font-weight: 700;
  font-size: 22px;
  font-size: 2.2rem;
  text-transform: uppercase;
  text-align: center;
  z-index: 2;
}
@media (min-width: 65em) {
  .label-note {
    position: absolute;
    right: 100%;
    top: 0;
    transform: rotate(-90deg) translateY(-100%);
    -ms-transform: rotate(-90deg) translateY(-100%);
    /* IE 9 */
    -moz-transform: rotate(-90deg) translateY(-100%);
    /* Firefox */
    -webkit-transform: rotate(-90deg) translateY(-100%);
    /* Safari and Chrome */
    -o-transform: rotate(-90deg) translateY(-100%);
    /* Opera */
    transform-origin: 100% 0%;
    -ms-transform-origin: 100% 0%;
    /* IE 9 */
    -moz-transform-origin: 100% 0%;
    /* Firefox */
    -webkit-transform-origin: 100% 0%;
    /* Safari and Chrome */
    -o-transform-origin: 100% 0%;
    /* Opera */
  }
}
.label-note--right {
  right: 0;
  transform: rotate(0);
}
.label-note--right:before {
  content: none;
}

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