#page main a {
color: #14b6e0;
}

.cta {
padding: 0 0 1rem 0;
}

#page main .cta a {
white-space: nowrap;
font-weight: bolder;
display: block;
color: #fff;
}

#page main .cta .button {
font-size: 1.25rem;
}

#page main .cta .button.secondary {
margin-bottom: 1rem;
font-size: 1.25rem;
}

#page main .cta .button.secondary,
#page main .cta .button.secondary:hover,
#page main .cta .button.secondary:focus,
#page main .cta .button.secondary:active {
background: #39aed9;
color: #fff;
border: 0;
box-shadow: none;
padding: 0.5rem 1rem;
}

#page main .cta .button.secondary:hover,
#page main .cta .button.secondary:focus,
#page main .cta .button.secondary:active {
background: #42a1be;
}

.logo.text-center {
padding: 5rem 1rem;
}

.text-center.smallest img,
.text-center.smaller img,
.logo.text-center img {
width: auto;
height: auto;
max-width: 200px;
}

.text-center.smaller img {
max-width: 350px;
}

h5.text-center.smaller img {
max-width: 50px;
}

p.text-center.smallest img {
max-width: 100px;
}

#page header {
box-shadow: none;
}

#page main {
background: #001361;
color: #fff;
}

footer,
footer.summer {
background: #fff;
color: #000;
}

footer .col.margin-top p.text-center,
section {
display: none;
}

footer.summer a {
color: #080753;
}

#page main {
padding: 0 0 35rem 0;
text-align: left;
background-color: #001361;
background: url('/images/curve-transparent-white.svg') no-repeat 50% calc(100% + 1px) scroll, url('/images/539.png') no-repeat 2% 100% scroll, url('/images/538.png') no-repeat 98% 100% scroll, url('images/591.webp') no-repeat 50% 100% scroll, #001361 !important;
background-size: 100% auto, auto 600px, auto 600px, 100% auto, auto !important;
}

#page main h3,
#page main h4,
#page main p,
#page main ol,
#page main ul {
padding-left: 2rem;
padding-right: 2rem;
}

#page main small {
font-style: oblique;
}

#page main h2 {
padding: 0 0 1rem 0;
margin: 0 auto;
text-align: center;
max-width: 640px;
}

#page main h3 {
max-width: 640px;
font-size: 2rem;
letter-spacing: -1px;
}

#page main h3,
#page main h4,
#page main h5,
#page main h6 {
font-weight: bold;
}

#page main h4,
#page main h5 {
padding-top: 2rem;
}

#page main h5 {
color: #fa9f1a;
padding-left: 3rem;
padding-right: 3rem;
}

#page main h6 {
color: #fed767;
text-align: center;
font-size: 1.15rem;
padding-top: 4rem;
}

#page main h3,
#page main h4,
#page main h5,
#page main h6,
#page main p,
#page main li {
max-width: 640px;
margin: 0 auto;
}

#page main p,
#page main ul,
#page main ol {
padding-bottom: 2rem;
}

#page main ul,
#page main ol {
text-align: center;
padding-bottom: 3rem;
}

#page main .button:after {
content: ' \00BB';
}

#page main ul,
#page main ol {
list-style: none;
padding: 0 2rem 1rem 2rem;
}

#page main li {
padding: 0.5rem;
}

footer.summer {
padding-top: 5rem;
}

#page main p.arrow-down {
padding-bottom: 1rem;
}

#page main p.arrow-down:after {
content: '\2193';
display: block;
font-size: 6rem;
text-align: center;
padding: 2rem 0;
clear: both;
}

#page main table {
width: auto;
margin: 0 auto 5rem auto;
text-align: center;
box-shadow: inset 0 0 1rem #5d8adf, 0 0 1rem #021f5b;
border: 2px outset #82a0e0;
border-radius: 1rem;
padding: 0;
background: #153776;
background: linear-gradient(130deg,#153776,#2657a3,#5987dc,#153776);
}

#page main th,
#page main td {
border: 0;
border-radius: 0;
padding: 1rem;
min-width: 6rem;
text-align: center;
border-right: 1px dashed #a1c0ef;
}

#page main th:last-of-type,
#page main td:last-of-type {
border-right: 0;
}

#page main th {
text-align: center;
border-bottom: 1px dashed #a1c0ef;
}

#page main td {
font-weight: 500;
padding: 0.25rem 1rem;
}

#page main tbody tr:last-of-type td {
padding-bottom: 1rem;
}

#page main p.text-center.minigap {
padding-bottom: 0;
}

#page main p.text-center.minigap + h5 {
padding-top: 0;
}

#page main div.slidewrapper {
position: relative;
max-width: 350px;
margin: 0 auto;
padding-left: 2rem;
padding-right: 2rem;
}

#page main .olSwipeSlider{
      list-style: none;
      padding: 0;
      margin: 0 auto;
max-width: 250px;
      overflow: hidden;
      touch-action: pan-y;
      position: relative;
      width: 100%;
line-height: 1;
    }
#page main .olSwipeSlider__track {
      display: flex;
      flex-wrap: nowrap;
      transform: translate3d(0,0,0);
      transition: transform .28s ease;
      will-change: transform;
    }
#page main .olSwipeSlider__track > li{
      flex: 0 0 100%;
      min-width: 100%;
      box-sizing: border-box;
      padding: 1rem 1rem 2rem 1rem;
cursor: grab;
user-select: none;
touch-action: pan-x;
    }
#page main .olSwipeSlider strong {
display: block;
}
#page main .olSwipeSlider img{ max-width: 100%; height: 90%; display: block;
}

#page main .olSwipeSlider__dots{
      padding: 0.25rem 0 3rem 0;
      margin: 0;
      list-style: none;
    }
#page main .olSwipeSlider__dots li {
display: inline-block;
}
#page main .olSwipeSlider__dot{
      width: 1.5rem;
      height: 1.5rem;
      border-radius: 999px;
      border: 3px solid #fff;
      background: transparent;
      cursor: pointer;
      padding: 0;
    }
#page main .olSwipeSlider__dot[aria-current="true"]{
      background: #fff;
      border-color: #fff;
    }
#page main .olSwipeSlider__dot:focus-visible{
      outline: 3px solid #fed767;
      outline-offset: 3px;
    }

#page main .olSwipeSlider__arrow {
background: none;
border: none;
font-size: 2rem;
cursor: pointer;
user-select: none;
padding: 0 0.7rem 0.25rem 0.75rem;
color: #fff;
position: absolute;
top: 40%;
transformY: translate(40%);
border-radius: 100%;
border: 2px solid #fff;
display: inline-block;
line-height: 1;
vertical-align: center;
}

#page main .olSwipeSlider__arrow:disabled {
opacity: 0.3;
cursor: default;
}

#page main .olSwipeSlider__arrow--left {
left: 1rem;
}

#page main .olSwipeSlider__arrow--right {
right: 1rem;
}

.games:first-of-type article.game {
width: 100%;
}

@media (max-width: 1400px) {
#page main {
background-size: 100% auto, auto 500px, auto 500px, 100% auto, auto !important;
padding: 0 0 30rem 0;
}
}

@media (max-width: 700px) {
#page main {
background-size: 100% auto, auto 300px, auto 300px, 100% auto, auto !important;
padding: 0 0 25rem 0;
}
}

@media (max-width: 600px) {
#page main {
background-size: 100% auto, auto 200px, auto 200px, 100% auto, auto !important;
padding: 0 0 15rem 0;
}
}

@media (max-width: 460px) {
.games:first-of-type h3:first-of-type {
font-size: 1.25rem;
}
#page main .olSwipeSlider {
max-width: 200px;
}
}