:root {
 --color-blue: hsla(212, 100%, 33%, 1);
 --color-blue-shadow: hsla(212, 100%, 33%, 0.1);
 --color-light: hsla(216, 44%, 97%, 1);
 --color-red: hsla(357, 92%, 47%, 1);
 --color-text: hsla(0, 0%, 20%, 1);
 --color-transparent: hsla(0, 0%, 100%, 0);
 --color-white: hsla(0, 0%, 100%, 1);
 --color-white-soft: hsla(0, 0%, 100%, 0.25);
 --color-white-veil: hsla(0, 0%, 100%, 0.4);
 --color-yellow: hsla(57, 100%, 50%, 1);
 --font-body: "Dosis", sans-serif;
 --font-display: "Bebas Neue", sans-serif;
}
.registration-visible {
 display: block !important;
}
.registration-hidden {
 display: none !important;
}
/* ============================================================================== */
/* Common																																					*/
/* ============================================================================== */
body, html {
 height: 100%;
 min-height: 100%;
}
body {
 display: table;
 font-family: var(--font-body);
 font-size: clamp(0.95rem, 1.5vw, 1.15rem);
 overflow-x: hidden;
}
html {
 scroll-padding-top: 17vh;
}
@media (min-width:0em) and (max-width:46em) {
 html {
  scroll-padding-top: 15vh;
 }
}
h1, h2, h3 {
 color: var(--color-blue);
 font-family: var(--font-display);
 text-transform: uppercase;
}
h4, h5, h6 {
 color: var(--color-blue);
 font-family: var(--font-display);
 text-transform: uppercase;
}
img {
 display: block;
 height: auto;
 width: 100%;
}
ul {
 list-style: none;
}
ul li {
 position: relative;
}
a {
 color: var(--color-text);
}
a:hover {
 color: var(--color-blue);
}
em {
 margin-right: 4px;
}
deg {
 font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
 font-size: 70%;
 line-height: 1;
 position: relative;
 top: -7px;
}
blockquote {
 border-left: 2px solid var(--color-yellow);
 margin-left: 2.5rem;
 margin-top: 1.5rem;
 padding-left: 1.5rem;
}
@media (min-width:0em) and (max-width:46em) {
 blockquote {
  margin-left: 0.5rem;
 }
}
.no-pointer {
 pointer-events: none;
}
.no-border {
 border: none;
}
.no-scroll {
 overflow: hidden;
}
::selection {
 background-color: var(--color-yellow);
 color: var(--color-blue);
}
/* ============================================================================== */
/* Page loading fade effect																											*/
/* ============================================================================== */
.fade-in {
 animation: fadeIn ease-in 1;
 animation-delay: 1s;
 animation-duration: 1s;
 animation-fill-mode: forwards;
 -moz-animation: fadeIn ease-in 1;
 -moz-animation-delay: 1s;
 -moz-animation-duration: 1s;
 -moz-animation-fill-mode: forwards;
 opacity: 0;
 -webkit-animation: fadeIn ease-in 1;
 -webkit-animation-delay: 1s;
 -webkit-animation-duration: 1s;
 -webkit-animation-fill-mode: forwards;
}
@-webkit-keyframes fadeIn {
 from {
  opacity: 0;
 }
 to {
  opacity: 1;
 }
}
@-moz-keyframes fadeIn {
 from {
  opacity: 0;
 }
 to {
  opacity: 1;
 }
}
@keyframes fadeIn {
 from {
  opacity: 0;
 }
 to {
  opacity: 1;
 }
}
/* ============================================================================== */
/* Loader																																					*/
/* ============================================================================== */
.triangle, .triangle::before {
 left: 50%;
 position: fixed;
 top: 50%;
}
.triangle {
 animation: ani 1s linear infinite;
}
.triangle.central {
 animation-name: anic;
 transform: rotate(60deg);
}
.triangle::before {
 ;
 border: solid 4em var(--color-transparent);
 border-bottom: solid 6.9282em hsla(0, 0%, 0%, 1.00);
 content: "";
 margin: -8.6188em -4em;
 transform: scale(1.015);
}
.triangle:nth-child(1) {
 animation-name: ani1;
}
.triangle:nth-child(1)::before {
 border-bottom-color: var(--color-blue);
}
@keyframes ani1 {
 from {
  transform: rotate(-60deg) translateY(-16em) rotate(-240deg) scale(0);
 }
 to {
  transform: rotate(0deg) translateY(-4.6188em) rotate(0deg) scale(1);
 }
}
.triangle:nth-child(2) {
 animation-name: ani2;
}
.triangle:nth-child(2)::before {
 border-bottom-color: var(--color-yellow);
}
@keyframes ani2 {
 from {
  transform: rotate(60deg) translateY(-16em) rotate(-240deg) scale(0);
 }
 to {
  transform: rotate(120deg) translateY(-4.6188em) rotate(0deg) scale(1);
 }
}
.triangle:nth-child(3) {
 animation-name: ani3;
}
.triangle:nth-child(3)::before {
 border-bottom-color: var(--color-red);
}
@keyframes ani3 {
 from {
  transform: rotate(180deg) translateY(-16em) rotate(-240deg) scale(0);
 }
 to {
  transform: rotate(240deg) translateY(-4.6188em) rotate(0deg) scale(1);
 }
}
@keyframes anic {
 from {
  transform: rotate(0deg) scale(2);
 }
}
/* ============================================================================== */
/* Bootstrap navbar components																										*/
/* ============================================================================== */
.navbar {
 background-color: var(--color-transparent);
 padding-left: calc(5vw - 0.5rem);
 padding-right: calc(5vw - 0.5rem);
 transition: all .25s ease-in-out;
 will-change: transform;
}
@media (min-width:0em) and (max-width:80em) {
 .navbar {
  padding-left: 0;
  padding-right: 0;
 }
}
.navbar .btn {
 align-items: center;
 display: flex;
 height: 100%;
 margin: 0 0.5rem !important;
}
.navbar-nav {
 width: 100%;
}
@media (min-width:0em) and (max-width:46em) {
 .navbar-nav .nav-item.desktop {
  display: none;
 }
}
@media (min-width:47em) and (max-width:50em) {
 .navbar .btn, .navbar .btn:focus {
  margin: 0 0.25rem !important;
 }
}
.menu-trigger {
 height: 100%;
 margin: 0 0.5rem;
 position: relative;
}
.menu-trigger span {
 color: var(--color-white);
 display: block;
 font-weight: bold;
 height: 100%;
 line-height: 50px;
 position: relative;
 text-transform: uppercase;
}
.navbar-brand {
 align-items: center;
 display: inline-flex;
 flex-shrink: 0;
 min-width: 220px;
 margin-left: 0.5rem;
 position: relative;
 width: clamp(220px, 18vw, 320px);
}
@media (min-width:0em) and (max-width:46em) {
 .navbar-brand {
  min-width: 160px;
  width: min(35vw, 220px);
 }
}
.navbar-brand img {
 background-color: var(--color-transparent);
 display: block;
 height: auto;
 max-width: none;
 padding: 0;
 position: relative;
 transition: all .25s ease-in-out;
 width: 100%;
 will-change: transform;
 z-index: 1;
}
.navbar-brand img:nth-child(1) {
 display: block;
}
.navbar-brand img:nth-child(2) {
 display: none;
}
@media (min-width:0em) and (max-width:46em) {
 .navbar-brand img {
  padding: 0;
  width: 100%;
 }
}
.navbar.scrolled {
 backdrop-filter: blur(20px);
 background-color: hsla(0, 0%, 100%, 0.85);
 box-shadow: 0px 4px 8px var(--color-blue-shadow);
 -webkit-backdrop-filter: blur(20px);
}
@media (min-width:0em) and (max-width:46em) {
 .navbar.scrolled .navbar-brand img {
  padding: 0;
 }
}
.navbar.scrolled .navbar-brand img:nth-child(1) {
 display: none;
}
.navbar.scrolled .navbar-brand img:nth-child(2) {
 display: block;
}
.navbar.scrolled .button:before {
 color: var(--color-blue);
}
.navbar-nav-section {
 height: 100%;
 padding-bottom: 5vh;
 padding-left: 5vw;
 padding-right: 5vw;
 padding-top: 0;
 position: relative;
}
@media (min-width:0em) and (max-width:46em) {
 .navbar-nav-section {
  height: auto;
 }
}
@media (min-width:0em) and (max-width:46em) {
 .navbar .nav .navbar-nav-section:nth-of-type(1)::before {
  animation: updown 1s infinite alternate;
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="chevron-down" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 185.344 185.344" xml:space="preserve" fill="%230050AA"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><g><g><path d="M92.672,144.373c-2.752,0-5.493-1.044-7.593-3.138L3.145,59.301c-4.194-4.199-4.194-10.992,0-15.18 c4.194-4.199,10.987-4.199,15.18,0l74.347,74.341l74.347-74.341c4.194-4.199,10.987-4.199,15.18,0 c4.194,4.194,4.194,10.981,0,15.18l-81.939,81.934C98.166,143.329,95.419,144.373,92.672,144.373z"></path></g></g></g></svg>');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
  content: "";
  height: 5vh;
  left: 0;
  position: absolute;
  width: 100%;
 }
 @keyframes updown {
  0% {
   transform: translateY(1.25vh);
  }
  100% {
   transform: translateY(-1.25vh);
  }
 }
}
.navbar .nav .navbar-nav-section .nav-items ul {
 height: 100%;
 margin: 0;
 padding: 0.75rem 0;
}
.navbar .nav .navbar-nav-section:nth-of-type(1) .nav-items {
 height: 100%;
}
.navbar .nav .navbar-nav-section:nth-of-type(2) .nav-items {
 height: 100%;
}
.navbar .nav .navbar-nav-section .btn-menu {
 border-radius: 1rem;
 color: var(--color-blue);
 display: grid;
 float: left;
 font-weight: 600;
 height: 100%;
 line-height: 1.25;
 overflow: hidden;
 padding: 0.5rem;
 place-content: center;
 place-items: center;
 position: relative;
 text-align: center;
 text-decoration: none;
 text-transform: uppercase;
 width: 100%;
}
@media (min-width:0em) and (max-width:46em) {
 .navbar .nav .navbar-nav-section .btn-menu {
  border-radius: 0.75rem;
 }
}
.navbar .nav .navbar-nav-section:nth-of-type(1) .btn-menu {
 background-color: var(--color-white);
 border: 2px solid var(--color-white);
 font-size: clamp(0.9rem, 1.35vw, 1.25rem);
}
.navbar .nav .navbar-nav-section:nth-of-type(2) .btn-menu {
 background-color: var(--color-light);
 border: 2px solid var(--color-light);
 font-size: clamp(0.9rem, 1.0vw, 1.15rem);
}
@media (min-width:0em) and (max-width:75em) {
 .navbar .nav .navbar-nav-section:nth-of-type(1) .btn-menu {
  background-color: var(--color-light);
  border: 2px solid var(--color-light);
 }
}
.navbar .nav .navbar-nav-section .btn-menu::before {
 background-color: var(--color-white-veil);
 content: "";
 display: block;
 height: 300px;
 left: 0;
 position: absolute;
 top: 50%;
 transform: translateX(-500px) translateY(-50%) rotate(45deg);
 transform-origin: 50% 50%;
 transition: all 0.5s ease-in-out;
 width: 80px;
 will-change: transform;
}
.navbar .nav .navbar-nav-section .btn-menu.highlight {
 border-color: hsla(212, 100%, 33%, 0.25);
 color: var(--color-blue);
}
.navbar .nav .navbar-nav-section .btn-menu:hover::before {
 transform: translateX(500px) translateY(-50%) rotate(45deg);
}
.navbar .nav .navbar-nav-section:nth-of-type(1) .btn-menu:hover, .navbar .nav .navbar-nav-section:nth-of-type(2) .btn-menu:hover {
 border: 2px solid var(--color-red);
 color: var(--color-red);
}
.navbar .nav .navbar-nav-section:nth-of-type(1) .btn-menu.register, .navbar .nav .navbar-nav-section:nth-of-type(1) .btn-menu.liveresults {
 background-color: var(--color-yellow);
 border-color: var(--color-yellow);
 color: var(--color-blue);
}
.navbar .nav .navbar-nav-section:nth-of-type(2) .btn-menu.register, .navbar .nav .navbar-nav-section:nth-of-type(2) .btn-menu.liveresults {
 background-color: var(--color-yellow);
 border-color: var(--color-yellow);
 color: var(--color-blue);
}
.navbar .nav .navbar-nav-section:nth-of-type(1) .btn-menu.register:hover, .navbar .nav .navbar-nav-section:nth-of-type(1) .btn-menu.liveresults:hover {
 background-color: var(--color-red);
 border-color: var(--color-red);
 color: var(--color-white);
}
.navbar .nav .navbar-nav-section:nth-of-type(2) .btn-menu.register:hover, .navbar .nav .navbar-nav-section:nth-of-type(2) .btn-menu.liveresults:hover {
 background-color: var(--color-red);
 border-color: var(--color-red);
 color: var(--color-white);
}
.navbar .nav .navbar-nav-section .btn-menu .bi, .navbar .nav .navbar-nav-section .btn-menu bi-custom, .navbar .nav .navbar-nav-section bi-custom {
 font-size: 180%;
 margin-bottom: 0.75rem;
 margin-left: auto;
 margin-right: auto;
}
@media (min-width:0em) and (max-width:46em) {
 .navbar .nav .navbar-nav-section .btn-menu .bi, .navbar .nav .navbar-nav-section .btn-menu bi-custom, .navbar .nav .navbar-nav-section bi-custom {
  font-size: 1.8rem;
 }
}
.has-page-header .navbar-brand img:nth-child(1) {
 display: none;
}
.has-page-header .navbar-brand img:nth-child(2) {
 display: block;
}
.has-page-header.navbar .button::before {
 color: var(--color-blue);
}
.navbar.scrolled .nav .navbar-brand img:nth-child(1), .has-page-header.navbar .nav .navbar-brand img:nth-child(1), .has-page-header.navbar.scrolled .nav .navbar-brand img:nth-child(1) {
 display: block;
}
.has-page-header.navbar .btn-default.menu, .has-page-header.navbar .btn-default.menu:focus, .has-page-header.navbar .btn-default.menu:active {
 background-color: hsla(357, 92%, 47%, 0);
 border-color: var(--color-blue);
 color: var(--color-blue) !important;
}
.navbar.scrolled .btn-default.menu, .navbar.scrolled .btn-default.menu:focus, .navbar.scrolled .btn-default.menu:active {
 background-color: hsla(357, 92%, 47%, 0);
 border-color: var(--color-blue);
 color: var(--color-blue) !important;
}
.has-page-header.navbar .btn-default.menu:hover, .navbar.scrolled .btn-default.menu:hover {
 background-color: var(--color-red);
 border-color: #E60914;
 color: var(--color-white) !important;
}
.has-page-header.navbar .btn.menu.dropdown-toggle .menu-icon .line {
 background-color: var(--color-blue);
 border-radius: 2px;
 display: block;
 height: 3px;
 position: absolute;
 transition: transform 0.3s ease, opacity 0.3s ease;
 width: 100%;
}
.has-page-header.navbar .btn.menu.dropdown-toggle:hover .menu-icon .line {
 background-color: var(--color-white);
 border-radius: 2px;
 display: block;
 height: 3px;
 position: absolute;
 transition: transform 0.3s ease, opacity 0.3s ease;
 width: 100%;
}
/* Navbar custom icons */
bi-custom[name="swimming-outline"], bi-custom[name="swimmingcap-outline"], bi-custom[name="expo-outline"], bi-custom[name="relay-race"], bi-custom[name="volunteer"] {
 background-position: center;
 background-repeat: no-repeat;
 background-size: contain;
 display: inline-block;
 height: 18px;
 width: 25px;
}
bi-custom[name="swimming-outline"] {
 background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="swimming" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 383.27 293.69"><defs><style>.cls-1{fill:%23E60914;}</style></defs><path class="cls-1" d="m0,215.68c2-5.23,5.81-8.06,11.31-9.11,16.62-3.18,33.22-6.49,49.82-9.81,1.79-.36,3.71-.78,5.23-1.72,29.37-18.15,58.7-36.38,88.03-54.59.42-.26.79-.58,1.51-1.11-.7-1.17-1.37-2.31-2.07-3.44-9.07-14.62-18.16-29.22-27.2-43.85-15.38-24.92-4.29-54.09,23.8-62.28,32.75-9.56,65.55-18.98,98.34-28.39,18.09-5.19,36.41,4.72,41.47,22.3,5.15,17.92-4.85,36.12-22.98,41.46-20.79,6.12-41.63,12.04-62.44,18.05-.95.27-1.88.61-3.25,1.06,14.05,22.65,27.98,45.1,41.91,67.54-3.9-15.19-2.9-29.59,5.28-43.07,6.3-10.39,15.27-17.72,26.8-21.63,22.77-7.71,48.6,2.26,60.28,23.14,11.82,21.13,6.58,48.12-12.28,63.62-17.9,14.7-46.79,16.6-68.24-3.46.36.75.66,1.55,1.1,2.26,8.99,14.52,18.04,29,26.95,43.57,1.21,1.99,2.55,2.57,4.8,2.55,26.82-.32,53.12-4.36,79.11-10.8,2.77-.69,6.01-.72,8.75,0,4.54,1.19,7.39,6,7.19,10.68-.21,5.03-3.4,9.31-8.63,10.47-13.13,2.92-26.25,5.95-39.49,8.2-25.2,4.29-50.68,5.58-76.06,2.86-22.02-2.36-43.93-6.07-65.74-9.99-24.77-4.45-49.35-10.04-74.5-12.09-32.24-2.63-64,.37-95.29,8.49-2.17.56-4.33,1.16-6.5,1.74-8.82,2.38-12.81.64-17.01-7.41v-5.24h0Zm256.83,2.14c.14-.35.29-.7.43-1.05-.75-1.26-1.48-2.54-2.25-3.79-26.47-42.67-52.96-85.34-79.42-128.02-5.31-8.57-2.51-16.03,7.07-18.81,18.54-5.36,37.09-10.65,55.64-15.98,7.78-2.24,15.58-4.41,23.3-6.82,4.8-1.5,7.63-5.74,7.51-10.48-.12-4.61-3.17-9.1-7.66-9.9-2.8-.5-5.98-.14-8.76.65-31.85,9.07-63.65,18.29-95.47,27.47-14.36,4.15-19.17,16.74-11.26,29.52,11.28,18.23,22.59,36.43,33.88,54.65,4.87,7.86,3.51,13.63-4.36,18.52-20.43,12.69-40.87,25.37-61.3,38.05-1.31.81-2.59,1.67-4.85,3.13,2.62.22,4.08.3,5.52.47,12.38,1.39,24.85,2.23,37.11,4.32,23.81,4.07,47.47,9.02,71.25,13.28,11.13,1.99,22.4,3.22,33.61,4.8h0Zm34.97-110.81c-15.49.02-27.81,12.24-27.89,27.65-.07,15.56,12.35,27.97,27.97,27.96,15.33-.02,27.73-12.48,27.73-27.86s-12.45-27.77-27.82-27.75h.01Z"/><path class="cls-1" d="m0,268.08c2-5.23,5.93-7.71,11.28-9.17,30.74-8.41,61.96-12.8,93.86-11.72,23.99.81,47.56,4.79,71.1,9.2,23.98,4.5,47.98,9.16,72.15,12.42,39.25,5.29,78.1,1.75,116.43-7.98,1.57-.4,3.14-.8,4.73-1.08,6.39-1.15,11.96,2.37,13.42,8.41,1.4,5.81-2.21,11.87-8.49,13.35-11.27,2.66-22.55,5.34-33.94,7.37-21.66,3.86-43.53,5.29-65.54,4.68-24.88-.69-49.33-4.66-73.72-9.25-23.74-4.47-47.47-9.16-71.37-12.5-37.91-5.29-75.33-1.5-112.2,8.57-3.43.94-7.65,1.37-10.8.17-2.81-1.07-4.64-4.73-6.91-7.24v-5.24h0Z"/></svg>');
}
bi-custom[name="swimmingcap-outline"] {
 background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="swimmingcap" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 383.28 342.86"><defs><style>.cls-1{fill:%23E60914;}</style></defs><path class="cls-1" d="m0,179.64c.97-7.02,1.59-14.11,2.96-21.05C16.22,91.61,53.83,43.03,116.24,15.95c108.85-47.22,232.22,14.62,261.36,129.65,5.12,20.23,6.78,40.78,4.97,61.6-.66,7.58-7.01,11.75-14.68,10.07-19.08-4.2-38.1-8.87-57.35-12.09-30.66-5.13-61.67-6.91-92.74-7.82-41.58-1.22-83.06.29-124.39,4.93-26.15,2.93-52.05,7.31-77.37,14.75-8.43,2.48-14.7-1.99-15.41-10.61-.1-1.21-.41-2.4-.63-3.59v-23.2h0ZM88.35,58.05c41.83,32.11,78.52,68.56,103.29,115.84,25.07-47.34,61.65-83.8,103.26-115.8-58.47-46.48-145.24-48.05-206.54-.04h-.01Zm224.02,15.21c-38.17,28.14-71.17,60.39-95.8,101.57,49.16,1.49,96.95,5.7,144.31,17.08-.76-46.05-16.84-85.22-48.51-118.64h0Zm-145.62,101.55c-24.93-41.26-57.86-73.64-95.68-101.4-35.49,35.49-49.46,83.22-48.25,118.43,46.99-11.36,94.81-15.53,143.93-17.04h0Z"/><path class="cls-1" d="m0,272.46c5.07-8.04,7.83-9.15,17.31-7.02,3.89.87,8.2,3.09,11.56,2.11,3.18-.93,5.3-5.31,7.99-8.08,10.44-10.73,23.28-17.38,37.42-21.7,18.82-5.76,37.93-7.36,57.19-2.78,22.61,5.37,39.28,17.72,46.27,41.11h26.57c3.89-6.88,6.83-13.85,11.3-19.63,10.18-13.16,24.48-19.86,40.59-22.41,28.7-4.55,55.67.44,79.89,16.87,5.85,3.97,10.48,9.82,15.39,15.07,1.37,1.47,2.28,2.21,4.3,1.7,4.47-1.12,8.98-2.04,13.5-2.97,6.46-1.33,12.24,2.27,13.7,8.45,1.36,5.8-2.38,11.76-8.57,13.35-4.46,1.14-9.03,1.88-13.46,3.1-1.08.3-2.48,1.65-2.65,2.7-2.24,13.59-10.1,23.46-20.93,31.08-21.23,14.95-45.15,20.41-70.8,18.95-14.04-.8-27.27-4.52-39-12.57-10.3-7.06-17.7-16.34-21.22-28.49-.24-.81-.58-1.6-.91-2.47h-27.63c-.53,1.56-1.05,3.18-1.63,4.78-6.24,17.2-18.72,28.4-35.64,33.73-35.57,11.19-68.72,5.29-98.59-17.08-9.12-6.83-15.15-16.15-16.84-27.76-.28-1.89-.98-2.76-2.95-3.06-3.32-.51-6.55-1.59-9.87-2.08-5.72-.84-9.98-3.49-12.29-8.91v-5.99H0Zm104.09-17.51c-7,0-18.23,2.01-29,6.28-9.58,3.8-18.59,8.58-24.76,17.28-4.3,6.07-4.4,12.03,0,18,2.19,2.97,4.81,5.82,7.78,7.98,17.06,12.39,36.44,16.65,57.19,15.45,9.82-.57,19.17-3.05,27.48-8.58,10.84-7.2,15.76-18.68,12.84-30.24-2.33-9.2-8.49-15.32-16.62-19.63-9.48-5.02-19.75-6.61-34.93-6.54h.01Zm173.22,0c-16.98-.22-29.89,3.41-38.71,10.11-13.96,10.6-15.84,28.9-4.19,41.22,4.73,4.99,10.48,8.52,17.04,10.38,26.26,7.47,50.76,3.26,73.32-11.93,3.22-2.17,5.96-5.33,8.28-8.5,4.21-5.74,4.39-11.75-.01-17.28-3.28-4.12-7.23-8-11.6-10.88-14.13-9.3-30.05-12.87-44.12-13.12h-.01Z"/></svg>');
}
bi-custom[name="expo-outline"] {
 background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="expo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 383.25 382.46"><defs><style>.cls-1{fill:%23E60914;}</style></defs><path class="cls-1" d="m383.25,382.46h-86.08c.07-.87.19-1.73.19-2.6,0-59.97.01-119.95,0-179.92,0-1.04-.19-2.08-.32-3.42-1.54.57-2.68,1.01-3.83,1.42-20.95,7.5-40.91,5.55-59.65-6.58-2.27-1.47-3.61-1.44-5.82.03-22.11,14.69-50.53,14.59-72.52-.23-1.97-1.33-3.24-1.33-5.21,0-14.16,9.57-29.8,12.97-46.62,10.23-5.81-.94-11.47-2.87-17.51-4.43v181.77c0,1.24.13,2.48.19,3.72H0V94.26c1.55-.78,3.11-1.56,4.66-2.33C65.57,61.67,126.48,31.44,187.34,1.1c2.84-1.42,4.98-1.49,7.85-.06,61.12,30.37,122.28,60.65,183.5,90.81,3.26,1.61,4.43,3.31,4.42,6.98-.11,92.8-.09,185.61-.08,278.41,0,1.74.14,3.48.21,5.22h0Zm-22.94-264.05H23.14c-.14.84-.36,1.55-.37,2.27-.02,18.21.04,36.42-.09,54.62-.02,2.67,1.43,3.1,3.33,3.48,15.13,2.94,28.4-.63,39.61-11.35,3.04-2.91,6.01-5.89,9.29-9.11,10.16,12.07,21.65,21.52,38.7,21.55,17.08.04,28.43-9.68,39-21.83,10.58,12.18,21.94,21.85,39.02,21.84,17.09,0,28.43-9.69,39.03-21.88,10.51,12.29,21.93,22,38.99,21.84,16.92-.15,28.64-9.34,39.04-22.01,13.5,17.12,29.7,26.12,51.59,20.07v-59.49h.03Zm-25.46-22.84c-1.63-.92-2.43-1.42-3.28-1.84-45.87-22.72-91.74-45.45-137.67-68.04-1.46-.72-3.92-.61-5.42.13-45.56,22.5-91.06,45.13-136.56,67.75-.95.47-1.84,1.04-3.53,2.01h286.46Zm-14.64,100.76v163.46h40.06v-158.56c-13.73,2.16-26.95,1-40.06-4.91h0ZM62.98,359.81v-162.62c-6.77,1.63-13.2,3.8-19.8,4.58s-13.36.17-20.2.17v157.87h40Z"/></svg>');
}
bi-custom[name="relay-race"] {
 background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="relay-race" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 221.12 221.16"><defs><style>.cls-1{fill:%23E60914;fill-rule:evenodd;stroke:%23E60914;stroke-miterlimit:4.83;stroke-width:4px;}</style></defs><path class="cls-1" d="m90.23,178.31l-9.68,4.95c-8.81,5.86-5.08,20.58,6.02,20.85,3.18.08,3.72-.82,6.05-1.44.12,5.81,4.31,10.32,9.58,11.08,6.36.91,12.28-4.93,15.25-5.24.28,5.03,2.86,8.1,6.08,9.81,4.98,2.64,8.54.89,12.53-1.14,17.24-8.77,35.81-17.89,52.85-26.84,10.62-5.58,19.76-8.95,26.18-21.82,11.34-22.72,1.36-52.02-29.91-57.21-4.55-.76-9.31-1.19-13.85-1.98-14.44-2.51-23.09-6.38-36.47-11.55-10.33-3.99-18.02,5.43-15.42,13.74,1.28,4.09,4,6.27,8.02,7.84,3.81,1.49,7.56,3.09,11.49,4.59,1.52.58,7.27,2.48,8.02,3.74.61,1.02.42,2.44-.23,3.21-.84,1.01-47.75,24.46-52.82,27.09-3.65,1.9-6.51,3.61-7.66,8.43-1.73,7.27,3.34,10.69,3.96,11.89h0Zm39.04-75.04c-4.37.99-5.3,6.65-1.59,9.14,1.85,1.24,8.36,3.48,10.87,4.49,3.18,1.28,8.01,2.89,10.73,4.41,2.91,1.62,5.45,5.61,4.1,10.46-1.15,4.14-4.26,5.29-7.93,7.19l-40.42,20.53c-3.38,1.72-6.92,3.4-10.18,5.18-3.76,2.06-3.2,7.84.88,9.22,2.72.92,7.44-2.24,10.85-3.97,7.09-3.6,13.39-6.8,20.2-10.28,3.32-1.7,6.8-3.48,10.2-5.15,4.83-2.37,8.1,3.07,2.52,5.88l-50.44,25.63c-3.19,1.63-8.27,3.14-6.84,8.13.49,1.74,1.98,3.27,3.91,3.54,2.14.31,4.13-1.08,5.75-1.89l50.59-25.75c1.49-.75,3.42-2.19,5.37-1.2,1.79.9,2.4,3.61.71,5.13-1.23,1.11-8.13,4.27-10.08,5.26l-30.39,15.46c-3.64,1.84-8.16,3.41-8.93,6.44-.81,3.2,1.75,8.36,7.6,5.44,3.47-1.73,6.9-3.54,10.19-5.15,12.49-6.12,27.94-14.11,40.4-20.57,1.47-.76,3.52-2.13,5.38-.74,1.59,1.19,1.75,3.71.1,5.03l-35.25,18.03c-1.84.93-3.2,1.65-3.66,4.01-.62,3.18,2.11,7.99,7.91,5.05,13.14-6.66,27.44-14.2,40.56-20.66,6.64-3.27,13.65-6.86,20.2-10.28,6.95-3.63,12.01-7.01,16.13-14.34,1.81-3.23,3.27-6.81,4-11.14,1.51-8.83-.19-17.3-4.97-24.34-7.69-11.34-17.93-13.04-31.01-14.83-18.2-2.48-26.05-5.96-41.6-11.93-1.59-.61-3.98-1.86-5.87-1.43h0Z"/><path class="cls-1" d="m97.21,56.92l.69-.79c.79-.93,1.58-1.4,2.08-2.33.84-.18,7.55-7.45,8.52-8.42.54-.54.89-.91,1.43-1.45.6-.6.97-.78,1.55-1.33l11.49-11.55c3.86-3.87,7.53-7.55,11.4-11.4,1.63-1.61,3.72-4.42,7.74-3.54,2.37.52,5.38,3.77,6.39,5.16,3.98,5.5-2.38,10.07-6.4,14.02-.96.94-2.04,1.89-2.92,2.84l-5.73,5.79c-1.05,1.01-1.71,1.98-2.8,2.96-.64.57-.77.56-1.4,1.24l-21.59,21.57c-1.87-1.12-4.07-4-5.76-5.64l-5.9-5.8c.34-.68.61-.86,1.22-1.34h0Zm-6.73-7.38c1.19-1.13,2.5-.61,3.83.77l-3.12,2.94c-1.44-1.16-1.88-2.6-.71-3.72Zm-6.56,1.28c-.3,2.45.68,5.03,2.39,6.8l4.44,4.36c1.63,1.99,4.03,3.73,5.64,5.63l12.37,12.37c1.21,1.21,3.61,2.96,3.61,5.62,0,2.6-2.1,4.65-4.67,4.65s-4.4-2.43-5.59-3.63c-3.04-3.06-5.96-5.94-9-9.01-1.06-1.07-3.07-3.94-5.59-3.1-2.02.67-3.32,3.25-.82,5.68,2.37,2.31,17.16,16.7,17.8,18.42,1.04,2.77-.59,5-2.37,5.88-2.95,1.45-4.9-.5-6.23-1.83l-13.44-13.44c-1.12-1.12-3.17-3.94-5.48-3.7-2.67.27-3.51,3.47-1.93,5.36l13.56,13.56c4.41,4.23-1.66,10.71-6.1,7.06-1.43-1.18-3.08-3.06-4.45-4.43l-9.12-9.12c-2.63-2.62-5.19-.83-5.73.77-.87,2.61,1.86,4.49,2.97,5.59,1.36,1.36,8.3,8.09,8.9,9.1,1.54,2.57,0,5.39-1.81,6.39-2.61,1.45-4.79.16-6.26-1.45-2.24-2.48-6.4-6.24-9.13-9.11l-9-8.99c-.49-.44-.66-.63-1.07-1.09-.49-.55-.78-.76-1.21-1.19-.84-.83-1.67-1.58-2.29-2.27-1.5-1.66-3.16-3.09-4.52-4.6-5.43-5.96-14.9-16.92-15.15-25.67-.04-1.54.58-2.85.38-3.99-.26-1.5-3.04-3.85-4.02-4.83l-13.55-13.57c-3.65-3.66-7.87,1.05-4.99,4.04l11.42,11.37c7.94,8.03,2.36,2.56,5.33,12.69,1.33,4.51,3.7,8.66,6.06,12.16,2.45,3.64,5.21,7.01,7.94,10.06l8.97,9.27c-1.16,2.39-8.25,7.19-10.17,11.43-3.19,7.04.21,12.21,3.72,15.67,1.68,1.66,3.31,3.48,6.32,4.48,3.05,1.01,6.53.8,9.26-.36,2.68-1.14,4.38-3.19,5.99-4.82,1.48-1.49,4.38-4.05,5.46-5.54,1.57.48,5.07,4.8,11.66,2.76,3.44-1.07,6.57-4.16,7.26-7.9,4.03.66,6.05,1,9.48-1.06,1.03-.61,2.39-1.8,3.05-2.71,1.01-1.4,1.14-2.28,1.96-3.83,3.04.29,7.34,1.8,11.78-2.59,3.06-3.03,3.66-6.4,2.61-11.78,2.03-1.28,7.72-2.64,8.17-10.08.43-7.21-4.9-9.39-6.52-12,.64-1.16,1.83-2,2.81-2.99l14.38-14.42c1.97-2.37,4.09-3.74,5.86-5.9,1.7-2.07,3.94-3.74,5.85-5.67l11.46-11.57c4.51-4.31,4.62-12.24.69-16.79-3.98-4.62-8.37-8.61-15.24-7.12-3.74.81-5.38,2.5-7.3,4.46-3.86,3.93-7.66,7.59-11.52,11.52-1.59,1.61-10.74,11.05-11.75,11.5-3.72-3.34-4.05-4.54-9.05-8.21-7.34-5.39-16.7-8.45-26.24-8.31-8.93.13-10.68,2.08-14.98,2.66L36.43,2.54c-2.28-2.34-6.14-.46-5.48,2.83.34,1.7,13.67,14.4,15.37,16.08l7.8,7.8c1.04,1,2.09,1.53,3.91.91,2.76-.93,4.7-1.79,7.96-2.37,11.19-2.01,23.79,1.39,31.76,8.95,1.1,1.04,4.83,4.55,5.15,5.48-.63.41-3.65,3.63-3.91,4.11l-.88.37c-1.32-1-1.53-1.57-3.25-2.26-4.81-1.92-10.36,1.67-10.94,6.38h0Zm-25.51,68.12c-.42-.71-10.82-11.21-11.67-11.57-1.24.95-2.76,2.66-3.92,3.83-1.29,1.3-2.64,2.5-3.83,3.85-1.15,1.31-2.21,3.13-1.7,5.69.54,2.7,5.02,7.17,7.67,7.68,2.5.48,4.38-.51,5.7-1.7,1.35-1.21,2.57-2.53,3.84-3.84,1.34-1.37,2.63-2.58,3.91-3.94h0Z"/></svg>');
}
bi-custom[name="volunteer"] {
 background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="volunteer" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 115.49 122.88"><defs><style>.cls-1{fill:%23E60914;fill-rule:evenodd;stroke:%23E60914;stroke-miterlimit:4.83;stroke-width:3px;}</style></defs><path class="cls-1" d="M37.07,40c-1.16,0.04-2.03,0.28-2.63,0.69c-0.34,0.23-0.59,0.52-0.75,0.87c-0.18,0.39-0.26,0.86-0.25,1.4 c0.05,1.59,0.88,3.66,2.48,6.05l0.02,0.03l5.22,8.3c2.09,3.33,4.28,6.72,7.01,9.21c2.62,2.4,5.8,4.02,10,4.03 c4.55,0.01,7.88-1.67,10.59-4.2c2.81-2.63,5.03-6.24,7.21-9.84l5.88-9.68c1.1-2.5,1.49-4.17,1.24-5.15 c-0.15-0.58-0.79-0.87-1.89-0.93c-0.23-0.01-0.47-0.01-0.72-0.01c-0.26,0.01-0.54,0.02-0.82,0.05c-0.16,0.01-0.31,0-0.45-0.03 c-0.52,0.03-1.06-0.01-1.61-0.09l2.01-8.91c-14.93,2.35-26.1-8.74-41.89-2.22l1.14,10.5C38.23,40.1,37.63,40.08,37.07,40L37.07,40 L37.07,40L37.07,40z M72.58,75.53c-0.92-1.24-1.83-2.58-2.66-3.8c-0.38-0.56-0.75-1.09-1.09-1.58c-2.85,2.09-6.27,3.39-10.65,3.38 c-4.71-0.01-8.34-1.69-11.34-4.23c-0.02,0.03-0.04,0.06-0.06,0.09c-0.49,0.68-1.04,1.48-1.63,2.34c-1.04,1.53-2.21,3.25-3.37,4.72 l-1.6-1.78c1.02-1.34,2.08-2.88,3.02-4.27c0.61-0.9,1.18-1.74,1.66-2.4c0.08-0.11,0.18-0.21,0.29-0.28 c-2.53-2.59-4.56-5.73-6.49-8.82l-5.22-8.29c-1.91-2.84-2.9-5.45-2.96-7.58c-0.03-1,0.14-1.92,0.51-2.71 c0.39-0.84,0.99-1.54,1.79-2.08c0.38-0.25,0.8-0.47,1.26-0.64c-0.34-4.5-0.46-10.17-0.25-14.91c0.11-1.13,0.33-2.25,0.64-3.38 c1.33-4.76,4.68-8.6,8.81-11.23c1.46-0.93,3.06-1.7,4.74-2.31c3-1.09,1.54-5.68,4.87-5.75c7.79-0.18,20.56,6.41,25.54,11.8 c2.9,3.13,4.71,7.29,5.11,12.79l-0.33,13.54v0c1.45,0.44,2.37,1.36,2.75,2.84c0.42,1.64-0.04,3.96-1.43,7.13l0,0 c-0.03,0.06-0.05,0.11-0.09,0.17l-5.94,9.79c-2.29,3.77-4.62,7.56-7.72,10.46l-0.13,0.12l0,0c0.37,0.53,0.78,1.13,1.21,1.76 c0.67,0.99,1.4,2.06,2.14,3.07L72.58,75.53L72.58,75.53z M45.19,80.25c5.11,2.76,14.83,4.73,23.82,0.45L58.84,95.46L45.19,80.25 L45.19,80.25z M77.41,75.98c7.57,3.72,21.48,4.96,27.15,8.12c2.08,1.16,3.96,2.64,5.48,4.64c3.77,4.98,4.1,22.13,5.46,28.24 c-0.33,3.56-2.35,5.61-6.32,5.91H66.16l6.52-4.13c2.31-1.46,2.37-2.65,0.92-4.85L63.2,98.05c0.11-0.14,0.22-0.28,0.33-0.43 L77.41,75.98L77.41,75.98z M58.14,122.88H6.32c-3.97-0.3-5.99-2.35-6.32-5.91c1.37-6.11,1.69-23.26,5.46-28.24 c1.51-2,3.39-3.48,5.48-4.64c5.12-2.86,16.95-4.14,24.78-7.1l18.43,20.63c0.14,0.22,0.29,0.42,0.43,0.62l-6.64,4.23 c-1.12,0.8-1.45,1.97-0.78,3.58L58.14,122.88L58.14,122.88z M56.4,100.14c1.59,1.17,3.19,1.06,4.78-0.09 c0.22-0.06,0.44-0.13,0.67-0.21c0.03,0.18,0.05,0.37,0.05,0.57c0,1.74-1.41,3.14-3.14,3.14c-1.73,0-3.14-1.41-3.14-3.14 c0-0.19,0.02-0.38,0.05-0.57C55.9,99.96,56.15,100.06,56.4,100.14L56.4,100.14z"/></svg>');
}
/* Navbar buttons */
.nav-buttons {
 position: absolute;
 right: 15rem;
}
@media (min-width:0em) and (max-width:65em) {
 .nav-buttons {
  display: none;
 }
}
/* ============================================================================== */
/* Hero																																						*/
/* ============================================================================== */
.hero {
 height: 100vh;
 left: 0;
 min-height: 100vh;
 position: relative;
 width: 100vw;
 z-index: 1;
}
.hero .hide {
 display: none;
}
/* Hero slider: https://codepen.io/mariosmaselli/pen/ZpLXpN */
.slider-content {
 height: 100%;
 margin: 0 auto;
 overflow: hidden;
 position: relative;
}
.slider-content .slider-wrapper {
 height: 100%;
}
.slider-content .slider-container {
 height: 100%;
 overflow: hidden;
 position: relative;
}
.slider-content .slide-content {
 height: 100%;
 position: relative;
 width: 100%;
}
.slider-content .slide-content > .event-stamp {
 aspect-ratio: 1 / 1;
 background-color: hsla(357, 92%, 47%, 0.5);
 border-radius: 50%;
 display: flex;
 max-width: 250px;
 min-width: 150px;
 overflow: visible;
 padding: 1rem;
 position: absolute;
 right: calc(10vw - 0.5rem);
 top: 15vh;
 transform: rotate(7deg);
 width: 15vw;
 z-index: 9;
}
.slider-content .slide-content > .event-stamp::after {
 animation: pulse 2s ease-out infinite;
 background: rgba(255, 255, 255, 0.5);
 border-radius: 50%;
 content: "";
 height: 100%;
 left: 50%;
 position: absolute;
 top: 50%;
 transform: translate(-50%, -50%) scale(1);
 width: 100%;
 z-index: -1;
}
@keyframes pulse {
 0% {
  opacity: 0.75;
  transform: translate(-50%, -50%) scale(0.5);
 }
 70% {
  opacity: 0;
  transform: translate(-50%, -50%) scale(1.2);
 }
 100% {
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.5);
 }
}
.slider-content .slide-content > .event-stamp .bi {
 bottom: -1.5vh;
 color: var(--color-white);
 font-size: 200%;
 position: absolute;
 right: -1vw;
 transform: rotate(10deg);
}
.slider-content .slide {
 height: 100%;
 opacity: 0;
 position: absolute;
 width: 100%;
}
.slider-content .slide:after {
 clear: both;
 content: "";
 display: table;
}
.slider-content .slide.active {
 opacity: 1;
}
.slider-content .slide.active .clip-svg {
 clip-path: circle(120% at 90%);
}
.slider-content .parallax-image {
 display: block;
 height: 100%;
 object-fit: cover;
 position: absolute;
 width: 100%;
}
.slider-content .slide.slide-01 .mobile-image {
 display: none;
 height: 100%;
 object-fit: cover;
 position: absolute;
 width: 100%;
}
@media (min-width:0em) and (max-width:46em) {
 .slider-content .parallax-image {
  height: 100%;
  width: auto;
 }
 .slider-content .slide.slide-01 .parallax-image {
  display: none;
 }
 .slider-content .slide.slide-01 .mobile-image {
  display: block;
 }
 .slider-content .slide.slide-02 .parallax-image {
  display: none;
 }
 .slider-content .slide.slide-02 .mobile-image {
  display: block;
 }
 .slider-content .slide.slide-03 .parallax-image {
  display: none;
 }
 .slider-content .slide.slide-03 .mobile-image {
  display: block;
 }
}
.slider-content .title-wrapper {
 bottom: 5rem;
 color: var(--color-white);
 left: 5rem;
 position: absolute;
 text-align: right;
 width: 40%;
 z-index: 2;
}
.slider-content .title-wrapper.bigger {
 max-width: 960px;
 width: 50%;
}
@media (min-width:0em) and (max-width:46em) {
 .slider-content .title-wrapper {
  bottom: 10rem;
  left: 1.5rem;
  text-align: left;
  width: 100%;
 }
 .slider-content .title-wrapper.bigger {
  width: 100%;
 }
}
.slider-content .title-wrapper .text-blue {
 color: var(--color-blue);
}
.slider-content .title-wrapper .text-yellow {
 color: var(--color-yellow);
}
.slider-content .title-wrapper .text-red {
 color: var(--color-red);
}
.slider-content .title-wrapper h1, .slider-content .title-wrapper h2 {
 text-shadow: 2px 2px 15px hsla(0, 0%, 0%, 0.50);
}
.slider-content .title-wrapper h1 {
 font-size: clamp(2rem, 11vw, 7rem);
 line-height: 0.9;
 margin: 0;
 margin-bottom: 1rem;
}
.slider-content .title-wrapper h2 {
 font-size: clamp(1.2rem, 7vw, 2.5rem);
 line-height: 1;
 margin: 0;
}
.control-nav {
 position: absolute;
 right: 3rem;
 top: 50%;
 transform: translateY(-50%);
 z-index: 999;
}
@media (min-width:0em) and (max-width:50em) {
 .control-nav {
  display: none;
 }
}
.control-nav ul {
 list-style: none;
 padding: 0;
 position: relative;
}
.control-nav li {
 background-color: var(--color-white);
 border-radius: 3rem;
 height: 1.5rem;
 margin: 1.5rem 0;
 opacity: 0.5;
 position: relative;
 width: 0.4rem;
}
.control-nav li.active {
 opacity: 1;
}
.nav-wrapper {
 bottom: 10%;
 cursor: pointer;
 position: absolute;
 right: 5%;
 text-align: right;
 z-index: 999;
}
@media (min-width:0em) and (max-width:46em) {
 .nav-wrapper {
  right: 3%;
  top: 50%;
 }
}
.nav-wrapper .next-color {
 color: var(--color-white);
 display: inline-block;
 font-size: 2rem;
 margin-right: 1rem;
 overflow: hidden;
 position: relative;
 vertical-align: middle;
}
.nav-wrapper .next-color span {
 display: block;
}
.nav-wrapper .next-color span:last-child {
 font-weight: bold;
 text-transform: uppercase;
}
.nav-wrapper .next-button {
 background-color: var(--color-blue);
 border-radius: 50%;
 display: inline-block;
 height: 10rem;
 position: relative;
 vertical-align: middle;
 width: 10rem;
}
.nav-wrapper .next-button svg {
 height: 100%;
 padding: 2rem;
 padding-left: 3rem;
 width: 100%;
}
@media (min-width:0em) and (max-width:46em) {
 .nav-wrapper .next-button {
  height: 5rem;
  width: 5rem;
 }
 .nav-wrapper .next-button svg {
  padding: 1.5rem;
  padding-left: 1.75rem;
 }
}
.slider-footer {
 bottom: 5rem;
 color: var(--color-white);
 position: absolute;
 right: 5vw;
 z-index: 1;
}
@media (min-width:0em) and (max-width:46em) {
 .slider-footer {
  bottom: 1.5rem;
  left: 1.5rem;
  right: 1.5rem;
 }
}
.slider-footer ul {
 list-style: none;
 margin: 0;
 padding: 0;
}
.slider-footer ul:after {
 clear: both;
 content: "";
 display: table;
}
.slider-footer li {
 float: left;
 margin: 0 1rem;
 position: relative;
}
@media (min-width:0em) and (max-width:46em) {
 .slider-footer li {
  margin: 0;
 }
}
.slider-footer a {
 background-color: var(--color-white-soft);
 border: 1px solid var(--color-transparent);
 color: var(--color-white);
 display: block;
 font-size: clamp(1.25rem, 2vw, 1.8rem);
 font-weight: 600;
 line-height: 1.2;
 overflow: hidden;
 padding: 0.5rem 2.5rem;
 position: relative;
 text-decoration: none;
 text-transform: uppercase;
 transition: all 0.25s ease-in-out;
 will-change: transform;
}
@media (min-width:0em) and (max-width:46em) {
 .slider-footer a {
  background-color: var(--color-yellow);
  color: var(--color-blue);
 }
}
.slider-footer a::before {
 background-color: var(--color-white-veil);
 content: " ";
 display: block;
 height: 80px;
 left: -200px;
 position: absolute;
 top: -10px;
 transform: rotate(-45deg);
 transition: all 0.5s ease-in-out;
 width: 200px;
 will-change: transform;
}
.slider-footer a:hover::before {
 margin-left: 300%;
}
.slider-footer a:hover {
 background-color: var(--color-red);
 border-color: var(--color-red);
 color: var(--color-white);
}
.slider-footer a .bi {
 transform: translateX(5px) translateY(4px);
 transition: all 0.25s ease-in-out;
 will-change: transform;
}
.slider-footer a:hover .bi {
 transform: translateX(15px) translateY(4px);
}
.clip-svg {
 clip-path: circle(25px at 90%);
 height: 100%;
 position: relative;
 transition-duration: 0.5s;
 transition-property: all;
 transition-timing-function: ease-in-out;
 width: 100%;
 will-change: transform;
}
.clip-svg .overlay-top, .clip-svg .overlay-bottom {
 background-color: rgba(0, 0, 0, 0);
 height: 25%;
 left: 0;
 position: absolute;
 width: 100%;
 z-index: 1;
}
.clip-svg .overlay-top {
 background-image: linear-gradient(180deg, rgba(0, 80, 170, 0.5) 0%, rgba(0, 80, 170, 0) 100%);
 top: 0;
}
.clip-svg .overlay-bottom {
 background-image: linear-gradient(180deg, rgba(0, 80, 170, 0) 0%, rgba(0, 80, 170, 0.5) 100%);
 bottom: 0;
}
/* Parallax effect on scroll */
.parallax-image {
 height: 100%;
 left: 0;
 position: relative;
 top: 0;
 transform: translate3d(0, 0, 0);
 width: 100%;
}
.slide-content.active .parallax-image {
 position: fixed;
 top: 0;
}
/* ============================================================================== */
/* Content																																				*/
/* ============================================================================== */
.wrapper {
 background-color: var(--color-white);
 padding-bottom: 3rem;
 position: relative;
 width: 100%;
 z-index: 0;
}
html.is-rotation-locked {
 overflow: hidden;
}
body.is-rotation-locked {
 overflow: hidden;
 touch-action: none;
}
body.is-rotation-locked .wrapper {
 display: none;
}
body.is-rotation-locked .orientation-lock {
 display: flex;
}
@media (min-width:0em) and (max-width:46em) {
 .wrapper {
  overflow-x: hidden;
  padding-bottom: 0;
 }
}
.intro {
 padding-bottom: 10rem;
 padding-top: 10rem;
}
.intro-media-anchor {
 scroll-margin-top: 7rem;
}
@media (min-width:0em) and (max-width:46em) {
 .intro {
  padding-bottom: 0;
  padding-top: 5rem;
 }
 .intro-media-anchor {
  scroll-margin-top: 5.5rem;
 }
}
.intro p {
 display: inline-block;
 font-size: 120%;
 margin-left: auto;
 margin-right: auto;
 max-width: 960px;
 text-align: center;
}
.intro p strong {
 color: var(--color-blue);
 font-weight: 600;
}
.video-container {
 border-radius: 0.35rem;
 overflow: hidden;
 padding-bottom: 56.25%;
 position: relative;
}
.video-container iframe {
 height: 100%;
 left: 0;
 position: absolute;
 top: 0;
 width: 100%;
}
.video {
 aspect-ratio: 16 / 9;
 width: 100%;
}
/* Mega dropdown */
.full-width-dropdown {
 background-color: var(--color-white);
 border: 1px solid hsla(212, 100%, 33%, 0.00);
 border-radius: 1rem;
 box-shadow: 0px 4px 8px var(--color-blue-shadow);
 font-size: 100%;
 left: 50% !important;
 margin: 0;
 max-height: calc(100dvh - 95px);
 max-width: 1280px;
 overflow-y: scroll;
 padding: 1rem;
 position: fixed !important;
 top: 100%;
 transform: translateX(-50%);
 width: calc(100vw - 1rem);
 z-index: 1050;
}
.full-width-dropdown .container {
 padding: 20px;
}
.full-width-dropdown .row > div {
 padding: 10px;
}
.full-width-dropdown .row > div.col {
 border: 2px solid hsla(212, 100%, 33%, 0.25);
 border-radius: 0.5rem;
 margin: 0.5rem;
 padding: 1.5rem;
}
@media (max-width: 768px) {
 .full-width-dropdown .row > div.col {
  padding: 1rem;
  width: calc(100% - 1rem);
 }
 .full-width-dropdown .row > div.col:last-of-type {
  margin-bottom: 0;
 }
}
.full-width-dropdown ul {
 padding-left: 0;
}
.full-width-dropdown strong {
 color: var(--color-text);
 display: block;
 font-weight: bold;
 margin-bottom: 10px;
}
.full-width-dropdown a {
 color: var(--color-text);
 text-decoration: none;
}
.full-width-dropdown a:hover {
 color: var(--color-blue);
 text-decoration: none;
}
.full-width-dropdown h3 span {
 color: var(--color-red);
}
.full-width-dropdown .bi, .full-width-dropdown bi-custom {
 color: var(--color-red);
 display: inline-block;
 width: 25px;
}
.full-width-dropdown bi-custom {
 background-position: center left;
 background-size: 75%;
 position: relative;
 top: 1px;
}
.full-width-dropdown li {
 line-height: 1.35;
 margin-bottom: 0;
}
.full-width-dropdown a {
 background-color: hsla(212, 100%, 33%, 0);
 border-radius: 4px;
 color: var(--color-text);
 display: block;
 font-size: clamp(1.2rem, 5.5vw, 1.2rem);
 margin: 2px;
 text-decoration: none;
}
.full-width-dropdown a:hover {
 background-color: hsla(212, 100%, 33%, 0.05);
 color: var(--color-blue);
 text-decoration: none;
}
.full-width-dropdown a.highlight {
 background-color: var(--color-yellow);
}
.full-width-dropdown a.highlight:hover {
 background-color: hsla(0, 0%, 0%, 1.00);
 color: var(--color-white);
}
.full-width-dropdown a.highlight:hover .bi {
 color: var(--color-white);
}
@media (max-width: 768px) {
 .full-width-dropdown .row {
  flex-direction: column;
 }
 .scroll-nav {
  align-items: center;
  background-color: var(--color-yellow);
  border: 2px solid hsla(212, 100%, 33%, 0.25);
  border-radius: 0.5rem;
  bottom: 1rem;
  color: var(--color-blue);
  display: flex;
  font-weight: 700;
  height: 50px;
  justify-content: center;
  right: 1.5rem;
  text-transform: uppercase;
  width: 100px;
  z-index: 1031;
 }
 .scroll-nav .bi {
  margin-left: 0.5rem;
  transform: none;
 }
}
@media (min-width: 769px) {
 .scroll-nav {
  display: none !important;
 }
}
/* Classe que oculta o scroll-nav */
.scroll-nav.hidden {
 display: none !important;
}
/* Classe que torna o scroll-nav visível */
.scroll-nav.visible {
 display: flex;
}
.btn.menu.dropdown-toggle {
 align-items: center;
 display: inline-flex;
 gap: 0.5rem;
 height: 100%;
}
.menu-icon {
 cursor: pointer;
 display: inline-block;
 height: 20px;
 margin-right: 0.5vw;
 position: relative;
 width: 25px;
}
.menu-icon .line {
 background-color: var(--color-white);
 border-radius: 2px;
 display: block;
 height: 3px;
 position: absolute;
 transition: transform 0.3s ease, opacity 0.3s ease;
 width: 100%;
}
.navbar.scrolled .btn-default.menu .menu-icon .line, .navbar.scrolled .btn-default.menu:focus .menu-icon .line, .navbar.scrolled .btn-default.menu:active .menu-icon .line {
 background-color: var(--color-blue);
}
.navbar.scrolled .btn-default.menu:hover .menu-icon .line, .navbar.scrolled .btn-default.menu:hover:focus .menu-icon .line, .navbar.scrolled .btn-default.menu:hover:active .menu-icon .line {
 background-color: var(--color-white);
}
.line1 {
 top: 0;
}
.line2 {
 top: 8px;
}
.line3 {
 top: 16px;
}
.dropdown-toggle[aria-expanded="true"] .menu-icon .line1 {
 transform: translateY(8px) rotate(45deg);
}
.dropdown-toggle[aria-expanded="true"] .menu-icon .line2 {
 opacity: 0;
}
.dropdown-toggle[aria-expanded="true"] .menu-icon .line3 {
 transform: translateY(-8px) rotate(-45deg);
}
.dropdown-toggle::after {
 display: none !important;
}
.nav-pills .nav-link {
 color: var(--color-blue);
 font-size: 1.2rem;
 font-weight: 700;
 line-height: 1.2;
 text-transform: uppercase;
}
.nav-pills .nav-link:hover {
 background-color: hsla(212, 100%, 33%, 0.10);
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
 background-color: hsla(212, 100%, 33%, 0.15);
}
/* Page heading */
.page-header {
 background-color: var(--color-blue);
 background-image: linear-gradient(45deg, rgba(2, 0, 36, 1) 0%, rgba(0, 80, 170, 1) 100%);
 height: 60vh;
 margin-top: 7rem;
 overflow: hidden;
 position: relative;
 transform-origin: center center;
 width: 100vw;
}
@media (min-width:0em) and (max-width:46em) {
 .page-header {
  height: 50vh;
  margin-top: 8rem;
 }
}
.page-header::before {
 background-color: var(--color-white);
 content: "";
 height: 50%;
 left: -10%;
 position: absolute;
 top: 0;
 transform: translateY(-80%) rotate(-2deg);
 width: 120%;
}
.page-header:after {
 background-color: var(--color-white);
 bottom: 0;
 content: "";
 height: 50%;
 left: -10%;
 position: absolute;
 transform: translateY(60%) rotate(4deg);
 width: 120%;
}
.page-header .page-header-triangle {
 background-blend-mode: screen;
 background-size: cover;
 clip-path: url(#cp);
 height: 600px;
 left: 50%;
 position: absolute;
 top: 50%;
 transform: translateX(-50%) translateY(-50%);
 -webkit-clip-path: url(#cp);
 width: 600px;
}
@media (min-width:0em) and (max-width:46em) {
 .page-header .page-header-triangle {
  height: 380px;
  width: 380px;
 }
}
.page-header-triangle.regulations {
 background-color: var(--color-blue);
}
.page-header-triangle.regulations:before {
 background-image: url("../img/content/heading-01.avif");
 content: "";
 height: 100%;
 left: 50%;
 opacity: 0.15;
 position: absolute;
 top: 50%;
 transform: translateX(-50%) translateY(-50%);
 width: 100%;
}
.page-title {
 color: var(--color-white);
 font-size: clamp(3rem, 7vw, 5rem);
 margin-bottom: 0;
 position: relative;
 text-align: center;
 text-shadow: 0px 5px 20px rgba(0, 80, 170, 0.25);
 z-index: 2;
}
.page-title span {
 display: block;
 font-size: 50%;
}
.text-area {
 border-bottom: 1px solid hsla(0, 0%, 0%, 0.15);
 margin-bottom: 5rem;
 padding-bottom: 3rem;
}
.text-content {
 padding-top: 6rem;
}
.text-content h4 {
 font-size: clamp(1.2rem, 2.5vw, 1.5rem);
}
@media (min-width:0em) and (max-width:46em) {
 .text-area {
  margin-bottom: 3rem;
 }
 .text-content {
  padding-top: 0;
 }
 .text-content h4 {
  margin-top: 2rem;
 }
}
.text-content h5 {
 font-size: clamp(1.25rem, 2.25vw, 1.5rem);
}
.text-content a {
 color: var(--color-blue);
}
.text-content a:hover {
 color: var(--color-red);
}
.text-content figure figcaption .btn {
 margin-top: 1rem;
}
.text-content figure img {
 border-radius: 0.5rem;
}
.text-content hr {
 border-top: 1px dashed hsla(0, 0%, 0%, 1.00);
 margin-block-end: 2.5em;
 margin-block-start: 2.5em;
}
.text-content ul li {
 padding-left: 0.5rem;
}
.text-content ul li:before {
 content: "-";
 left: -0.5rem;
 position: absolute;
}
.text-content ul li li:before {
 content: ">";
 left: -0.5rem;
 position: absolute;
}
.text-content ul li li li:before {
 content: "○";
 font-size: 75%;
 left: -0.5rem;
 line-height: 1;
 position: absolute;
 top: 0.5rem;
}
/* Typography */
.heading-main h1, .heading-section h1, .heading-main h2, .heading-section h2 {
 background: linear-gradient(to right, var(--color-blue) 0%, hsla(212, 100%, 50%, 1.00) 100%);
 background: var(--color-blue);
 color: var(--color-blue);
 font-size: clamp(2rem, 7vw, 6rem);
 line-height: 1;
 padding-top: 0.5rem;
 position: relative;
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
 z-index: 2;
}
.heading-main h1 > span {
 background: linear-gradient(to right, var(--color-blue) 0%, hsla(212, 100%, 50%, 1.00) 100%);
 background: var(--color-blue);
 color: var(--color-blue);
 display: inline-block;
 font-size: 120%;
 padding-top: 0.5rem;
 position: relative;
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
}
.heading-main h1 span span {
 color: var(--color-white);
 font-size: 250%;
 left: 50%;
 position: absolute;
 text-stroke: 2px hsla(212, 100%, 33%, 0.25);
 top: 0;
 transform: translateX(-50%) translateY(-25%);
 -webkit-text-stroke: 2px hsla(212, 100%, 33%, 0.25);
 z-index: -1;
}
.heading-section h1 img, .heading-section h2 img {
 display: inline-block;
 margin-left: 1rem;
 margin-right: 1rem;
 max-width: 280px;
}
@media (min-width:0em) and (max-width:46em) {
 .heading-section h1 img, .heading-section h2 img {
  margin-bottom: 0.5rem;
 }
 .heading-main h1 span span {
  transform: translateX(-50%) translateY(35%);
 }
}
.title-content-vt {
 line-height: 1;
 padding-right: 2rem;
}
.title-content-vt .icon-tag .bi, .title-content-vt .icon-tag bi-custom {
 height: 80px;
 width: 80px;
}
.title-content-vt h3 {
 color: var(--color-red);
 font-size: clamp(4rem, 7vw, 5rem);
}
.title-content-vt span:last-child {
 color: var(--color-blue);
 font-family: var(--font-display);
 font-size: clamp(2rem, 3vw, 2.0rem);
 position: relative;
 top: -1rem;
}
.title-content-vt span:last-child:before {
 border: 3px solid var(--color-yellow);
 bottom: -0.5rem;
 content: "";
 left: 0;
 position: absolute;
 width: 100%;
}
.title-content-vt img {
 margin-bottom: 3rem;
 max-width: 250px;
}
/* Squares */
.square {
 aspect-ratio: 1 / 1;
 background-color: var(--color-white);
 border: 2px solid var(--color-white);
 border-radius: 1.5rem;
 color: var(--color-blue);
 display: grid;
 float: left;
 font-size: clamp(0.9rem, 1.35vw, 1.2rem);
 font-weight: 600;
 height: 100%;
 max-width: 235px;
 place-content: center;
 place-items: center;
 text-align: center;
 text-decoration: none;
 text-transform: uppercase;
 width: calc(50% - 2rem);
}
.square:hover {
 border: 2px solid var(--color-red);
 color: var(--color-red);
}
.square .bi, .square bi-custom {
 font-size: 200%;
 margin-bottom: 0.5rem;
}
.merch-grid {
 display: grid;
 gap: 1.25rem;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 margin-top: 2rem;
}
.merch-card {
 aspect-ratio: 1 / 1;
 border: 2px solid hsla(212, 100%, 33%, 0.12);
 border-radius: 1.5rem;
 box-shadow: 0px 4px 8px var(--color-blue-shadow);
 display: flex;
 flex-direction: column;
 justify-content: space-between;
 overflow: hidden;
 padding: 1rem;
 text-align: center;
}
.merch-card-media {
 align-items: center;
 display: flex;
 flex: 1;
 justify-content: center;
 min-height: 0;
}
.merch-card-media img {
 height: 100%;
 max-height: 100%;
 object-fit: contain;
 width: 100%;
}
.merch-card-title {
 color: var(--color-blue);
 font-family: var(--font-display);
 font-size: clamp(1rem, 1.6vw, 1.4rem);
 line-height: 0.95;
 margin: 0;
 padding-top: 0.85rem;
 text-transform: uppercase;
}
.merch-grid-cta {
 margin: 1.5rem 0 0;
 text-align: center;
}
.merch-grid-cta .btn {
 display: inline-block;
}
@media (min-width:47em) {
 .merch-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
 }
}
@media (min-width:0em) and (max-width:46em) {
 .merch-grid {
  gap: 0.85rem;
 }
 .merch-card {
  border-radius: 1.1rem;
  padding: 0.75rem;
 }
 .merch-card-title {
  font-size: clamp(0.9rem, 3.8vw, 1.15rem);
 }
}
/* ============================================================================== */
/* Countdown																																			*/
/* ============================================================================== */
.countdown {
 background-color: var(--color-blue);
 background-image: linear-gradient(45deg, rgba(2, 0, 36, 1) 0%, rgba(0, 80, 170, 1) 100%);
 clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%);
 height: 60vh;
 overflow: hidden;
 position: relative;
 transform: translateZ(0);
 transform-origin: center center;
 width: 100vw;
 z-index: 1;
}
@media (min-width:0em) and (max-width:46em) {
 .countdown {
  clip-path: polygon(0 0, 100% 0, 100% 90%, 0 80%);
  margin-bottom: -5%;
  margin-top: 2rem;
 }
}
.countdown #countdown {
 position: relative;
 z-index: 3;
}
.countdown #countdown ul {
 margin-bottom: 0;
 padding-left: 0;
}
.countdown::before {
 background-color: var(--color-white);
 clip-path: polygon(0 0, 0 50%, 100% 0);
 content: "";
 height: 50%;
 left: -10%;
 position: absolute;
 top: 0;
 transform: translateZ(0);
 width: 120%;
}
.countdown .heading-content {
 position: relative;
 z-index: 2;
}
.countdown .heading-content h1 {
 color: var(--color-white);
 font-size: clamp(2rem, 7vw, 5rem);
 position: relative;
 z-index: 2;
}
/* Countdown triangle: https://codepen.io/rauldronca/pen/worLJY */
.countdown-triangle {
 background-blend-mode: screen;
 background-size: cover;
 clip-path: url(#cp);
 height: 100%;
 left: 50%;
 max-height: 650px;
 max-width: 650px;
 position: absolute;
 top: 50%;
 transform: translateX(-50%) translateY(-50%);
 -webkit-clip-path: url(#cp);
 width: 100%;
 z-index: 1;
}
@media (min-width:0em) and (max-width:46em) {
 .countdown-triangle {
  max-height: 480px;
  max-width: 480px;
 }
}
.countdown .first {
 background-color: var(--color-blue);
 background-image: url("../img/layout/wave-dots.gif");
}
/* Countdown: https://codepen.io/guacajoely/pen/abReOgz */
.countdown li {
 color: var(--color-white);
 display: inline-block;
 font-family: var(--font-display);
 font-size: clamp(1.25rem, 3vw, 2rem);
 list-style-type: none;
 padding: 0 3vw;
 text-align: center;
}
.countdown li span {
 display: block;
 font-size: clamp(5rem, 8vw, 7rem);
 text-shadow: 0px 5px 20px rgba(0, 80, 170, 0.5);
}
/* ============================================================================== */
/* Gallery																																				*/
/* ============================================================================== */
.gallery {
 clip-path: polygon(0 0, 100% 20%, 100% 80%, 0 100%);
 display: flex;
 height: 60vh;
 position: relative;
 top: 0;
 transform: translateY(-20%) scaleX(-1);
 width: 100vw;
 z-index: 0;
}
@media (min-width:0em) and (max-width:46em) {
 .gallery {
  clip-path: polygon(0 0, 100% 10%, 100% 90%, 0 100%);
  height: 50vh;
 }
}
.gallery-title {
 height: auto !important;
 position: absolute !important;
 text-align: center;
 top: 48%;
 transform: translateY(-50%);
 width: 100%;
 z-index: 2;
}
@media (min-width:0em) and (max-width:46em) {
 .gallery-title span {
  display: block;
 }
}
.gallery-title h2 {
 color: var(--color-white);
 font-size: clamp(2.25rem, 8vw, 4rem);
 margin-bottom: 0;
 text-shadow: 2px 2px 15px hsla(0, 0%, 0%, 0.50);
}
.gallery > div {
 transform: scaleX(-1);
}
.gallery div:first-of-type {
 height: 100%;
 position: relative;
}
.gallery .gallery-img {
 background-repeat: no-repeat;
 background-size: cover;
}
.gallery .gallery-img:nth-child(1) {
 background-position: 50% 50%;
}
.gallery .gallery-img:nth-child(2) {
 background-position: 50% 50%;
}
.gallery .gallery-img:nth-child(3) {
 background-position: 50% 0%;
}
.gallery-footer {
 padding-left: 5vw;
 padding-right: 5vw;
 position: relative;
 text-align: right;
 top: 0;
 transform: translateY(-200%);
}
@media (min-width:0em) and (max-width:50em) {
 .gallery-footer {
  transform: translateY(-150%);
 }
 .gallery .gallery-img:nth-child(2) {
  background-position: 52% 50%;
 }
 .gallery .gallery-img:nth-child(3) {
  background-position: 40% 50%;
 }
}
/* ============================================================================== */
/* Supports																																				*/
/* ============================================================================== */
.supports {
 margin-top: 0;
}
.supports .logos-wrapper {
 border: 1px solid hsla(0, 0%, 0%, 0.15);
 border-radius: 1rem;
 margin: 1rem;
 padding: 1rem;
 position: relative;
}
.supports .support-category {
 background-color: var(--color-white);
 display: table;
 font-family: var(--font-display);
 font-size: clamp(1rem, 2vw, 1.2rem);
 margin-bottom: 0.5rem;
 margin-left: auto;
 margin-right: auto;
 margin-top: -2rem;
 padding: 0.25rem 1rem;
 position: relative;
 text-align: center;
 width: auto;
}
.supports .support-logo a {
 align-items: center;
 display: flex;
 height: 100%;
 width: 100%;
}
.supports .support-logo img {
 margin: 0 auto;
 max-height: 80px;
 max-width: 150px;
 width: auto;
}
@media (min-width:0em) and (max-width:50em) {
 .supports .support-logo img {
  max-height: 60px;
  width: auto;
 }
}
/* ============================================================================== */
/* Footer																																					*/
/* ============================================================================== */
.footer {
 margin-top: 5rem;
 overflow: hidden;
 position: relative;
}
.footer::before {
 background-color: var(--color-red);
 content: "";
 height: 50%;
 left: -10%;
 position: absolute;
 top: 50%;
 transform: translateY(-50%) rotate(-4deg);
 width: 120%;
 z-index: -1;
}
.footer > .container {
 background-color: var(--color-blue);
 background-image: linear-gradient(45deg, rgba(2, 0, 36, 1) 0%, rgba(0, 80, 170, 1) 100%);
 border-radius: 1rem;
 padding: 5rem 3rem 0;
}
.footer .logo-footer, .footer .about, .footer .contacts, .footer .credits {
 position: relative;
 z-index: 1;
}
.footer .about {
 margin-bottom: 0;
}
@media (min-width:0em) and (max-width:46em) {
 .footer .logo-footer {
  margin-bottom: 3rem;
  width: 50%;
 }
 .footer .about {
  margin-bottom: 4rem;
 }
 .footer .about p, .footer .contacts ul, .footer .credits {
  font-size: 1rem;
 }
}
.footer > div > div > div:nth-child(2) {
 padding-left: 2.5vw;
 padding-right: 5vw;
}
.footer, .footer h3, .footer p, .footer a {
 color: var(--color-white);
}
.footer h3 {
 margin-bottom: 2rem;
 margin-top: 0.75rem;
}
.footer p:last-of-type {
 margin-bottom: 0;
}
.footer ul li {
 padding-left: 1.25rem;
 position: relative;
}
.footer ul li .bi {
 left: -1rem;
 position: absolute;
}
.footer .credits {
 border-top: 1px solid var(--color-white-soft);
 margin-top: 3rem;
}
.footer .credits ul {
 margin-right: 0;
 padding: 0;
}
@media (min-width:0em) and (max-width:46em) {
 .footer .credits span {
  display: block;
 }
}
.footer .credits ul li {
 display: inline;
 font-size: clamp(0.9rem, 1vw, 1rem);
}
.footer .credits ul li:first-child {
 padding-left: 0;
}
@media (min-width:0em) and (max-width:46em) {
 .footer .credits ul {
  margin-bottom: 0;
  padding-left: 0;
 }
 .footer .credits ul li {
  display: block;
  padding-left: 0;
 }
}
/* ============================================================================== */
/* GDPR Privacy Preferences																												*/
/* ============================================================================== */ :host {
 bottom: 1.25rem;
 display: block;
 font-family: var(--font-body);
 position: fixed;
 right: 1.25rem;
 z-index: 2147483000;
}
:host([data-ui="merch-popup"]) {
 display: inline-block;
 max-width: calc(100vw - 2.5rem);
 width: auto;
 z-index: 2147482900;
}
.gdpr-actions {
 display: flex;
 flex-wrap: wrap;
 gap: 1rem;
 justify-content: center;
}
.gdpr-btn {
 cursor: pointer;
 min-width: 9.5rem;
 text-align: center;
}
.gdpr-panel .gdpr-btn.btn-default, .gdpr-panel .gdpr-btn.btn-default:focus, .gdpr-panel .gdpr-btn.btn-default:active {
 border-color: var(--color-white);
 color: var(--color-white);
}
.gdpr-panel .gdpr-btn.btn-default:hover {
 background-color: var(--color-white);
 border-color: var(--color-white);
 color: var(--color-blue) !important;
}
.gdpr-close {
 background: transparent;
 border: 0;
 color: var(--color-white);
 cursor: pointer;
 font-size: 1.4rem;
 line-height: 1;
 padding: 0;
}
.gdpr-close:hover {
 color: var(--color-yellow);
}
.gdpr-panel {
 background: linear-gradient(135deg, hsla(212, 100%, 33%, 0.98), hsla(212, 100%, 26%, 0.98));
 border: 1px solid hsla(57, 100%, 50%, 0.35);
 border-radius: 1.25rem;
 box-shadow: 0 0.75rem 2rem hsla(212, 100%, 10%, 0.35);
 box-sizing: border-box;
 color: var(--color-white);
 max-width: 26rem;
 padding: 1.15rem 1.1rem 1rem;
 width: calc(100vw - 2.5rem);
}
.gdpr-text {
 font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
 font-size: 0.9rem;
 line-height: 1.45;
 margin: 0 0 0.75rem 0;
}
.gdpr-text a {
 color: var(--color-white);
 text-decoration: underline;
}
.gdpr-text a:hover {
 color: var(--color-yellow);
}
.gdpr-title {
 align-items: center;
 color: var(--color-yellow);
 display: flex;
 font-family: var(--font-display);
 justify-content: space-between;
 letter-spacing: 0.04em;
 margin: 0 0 0.5rem 0;
}
.merch-popup-panel {
 align-items: stretch;
 background: hsla(0, 0%, 100%, 0.98);
 border: 1px solid hsla(212, 100%, 33%, 0.12);
 border-radius: 1rem;
 box-shadow: 0 0.75rem 2rem hsla(212, 100%, 10%, 0.2);
 box-sizing: border-box;
 display: flex;
 flex-direction: column;
 max-height: var(--merch-usable-height);
 max-width: calc(100vw - 2.5rem);
 --merch-bottom-gap: 1.25rem;
 --merch-media-max-height: min(50vh, calc(var(--merch-usable-height) - (var(--merch-popup-pad-y-top) + var(--merch-popup-pad-y-bottom) + var(--merch-popup-header-space) + var(--merch-popup-cta-space) + var(--merch-popup-gap-space))));
 --merch-media-max-width: calc(var(--merch-media-max-height) * var(--merch-media-ratio));
 --merch-media-ratio: 0.56;
 --merch-popup-cta-space: 3.9rem;
 --merch-popup-gap-space: 0.75rem;
 --merch-popup-header-space: 2.35rem;
 --merch-popup-pad-x: 0.45rem;
 --merch-popup-pad-y-bottom: 0.55rem;
 --merch-popup-pad-y-top: 0.45rem;
 --merch-safe-top: 5rem;
 --merch-usable-height: calc(var(--merch-viewport-height) - var(--merch-safe-top) - var(--merch-bottom-gap));
 --merch-viewport-height: 100dvh;
 overflow: hidden;
 padding: var(--merch-popup-pad-y-top) var(--merch-popup-pad-x) var(--merch-popup-pad-y-bottom);
 width: min(calc(var(--merch-media-max-width) + (var(--merch-popup-pad-x) * 2)), calc(100vw - 2.5rem));
}
.merch-popup-header {
 display: flex;
 justify-content: flex-end;
 margin-bottom: 0.35rem;
 width: 100%;
}
.merch-popup-close {
 align-items: center;
 background: hsla(212, 100%, 33%, 0.92);
 border: 0;
 border-radius: 50%;
 color: var(--color-white);
 cursor: pointer;
 display: inline-flex;
 font-size: 1rem;
 height: 2rem;
 justify-content: center;
 line-height: 1;
 padding: 0;
 width: 2rem;
}
.merch-popup-close:hover {
 background: var(--color-red);
}
.merch-popup-media-wrap {
 align-self: center;
 max-width: 100%;
 width: var(--merch-media-max-width);
}
.merch-popup-media-wrap .time-sensitive {
 align-items: center;
 display: flex;
 justify-content: center;
 width: 100%;
}
.merch-popup-image {
 border-radius: 0.9rem;
 display: block;
 height: auto;
 margin: 0 auto;
 max-height: none;
 max-width: none;
 width: 100%;
}
.merch-popup-btn {
 display: flex;
 justify-content: center;
 margin: 0 !important;
 text-decoration: none;
 white-space: nowrap;
 width: 100%;
}
@media (max-width: 45em) {
 .gdpr-actions .gdpr-btn {
  flex: 1;
  min-width: 0;
 }
 .gdpr-panel {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-left: 0;
  border-right: 0;
  max-width: none;
  padding: 1rem;
  width: calc(100vw - 2.5rem);
 }
 .merch-popup-panel {
  max-width: calc(100vw - 2.5rem);
  width: min(calc(var(--merch-media-max-width) + (var(--merch-popup-pad-x) * 2)), calc(100vw - 2.5rem));
 }
}
/* ============================================================================== */
/* Buttons customisation																													*/
/* ============================================================================== */
.btn, .btn:focus, .btn:active {
 border: 2px solid;
 border-radius: 0.5rem;
 display: inline-block;
 font-size: clamp(1.0rem, 1.25vw, 1.25rem);
 font-weight: 600;
 overflow: hidden;
 padding: 0.5rem 1.5rem;
 position: relative;
 text-transform: uppercase;
 width: auto;
}
@media (min-width:47em) and (max-width:50em) {
 .btn, .btn:focus, .btn:active {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  margin: 0 0.25rem !important;
  padding: 0.5rem;
 }
}
.btn {
 margin: 0 0.5rem;
}
.btn:first-of-type {
 margin-left: 0;
}
.btn:last-of-type {
 margin-right: 0;
}
.btn .bi {
 /*top: -3px;*/
 margin-left: 1rem;
}
.btn img {
 display: inline-block;
 height: auto;
 margin-left: 0.25rem;
 position: relative;
 top: -3px;
 width: 20px;
}
@media (min-width:0em) and (max-width:46em) {
 .btn, .btn:focus, .btn:active {
  margin: 0.5rem;
 }
}
.btn::before {
 background-color: var(--color-white-veil);
 content: "";
 display: block;
 height: 300px;
 left: -200px;
 position: absolute;
 top: 50%;
 transform: translateY(-50%) rotate(45deg);
 transform-origin: 50% 50%;
 transition: all 0.5s ease-in-out;
 width: 80px;
 will-change: transform;
}
.btn:hover::before {
 margin-left: 400%;
}
.btn-primary, .btn-primary:focus, .btn-primary:active {
 background-color: var(--color-yellow);
 border-color: var(--color-yellow);
 color: var(--color-blue);
}
.btn-primary:hover {
 background-color: var(--color-red);
 border-color: var(--color-red);
 color: var(--color-white) !important;
}
.btn-primary.whatsapp {
 align-items: center;
 background-color: hsla(142, 70%, 49%, 1.00);
 border-color: hsla(142, 70%, 49%, 1.00);
 color: var(--color-white);
 display: flex;
 font-size: 120%;
 font-weight: 700;
 height: 100%;
 padding: 0.5rem 0.5rem;
}
.btn-primary.whatsapp:hover {
 background-color: hsla(142, 100%, 31%, 1.00);
 border-color: hsla(142, 100%, 31%, 1.00);
}
.btn-primary.whatsapp .bi {
 margin-left: 0;
 position: relative;
}
.btn-primary.whatsapp:before {
 display: none;
}
.btn-default, .btn-default:focus, .btn-default:active {
 background-color: hsla(357, 92%, 47%, 0);
 border-color: var(--color-blue);
 color: var(--color-blue);
}
.btn-default:hover {
 background-color: var(--color-red);
 border-color: var(--color-red);
 color: var(--color-white) !important;
}
/*.btn-default.menu, .btn-default.menu:focus, .btn-default.menu:active {
 background-color: var(--color-transparent);
 border-color: var(--color-white);
 color: var(--color-white);
}
*/
.btn-default.menu, .btn-default.menu:focus, .btn-default.menu:active {
 background-color: var(--color-red);
 border-color: var(--color-red);
 color: var(--color-white) !important;
}
.btn-default.menu:hover {
  !important;
 background-color: hsla(0, 0%, 0%, 1.00);
 border-color: hsla(0, 0%, 0%, 1.00);
 color: hsla(0, 0%, 0%, 1.00);
}
@media (min-width:0em) and (max-width:46em) {
 .btn-default.menu, .btn-default.menu:focus, .btn-default.menu:active {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  margin: 0;
  padding: 0.5rem 0.5rem;
 }
 .btn-default.menu .alt {
  display: none;
 }
}
.btn-default.menu .bi {
 position: relative;
 top: 3px;
 transform: scale(1.5);
}
.btn.nav-btn-alert, .btn.nav-btn-alert:focus, .btn.nav-btn-alert:active, .btn.nav-btn-alert.active {
 background-color: var(--color-red);
 border-color: var(--color-red);
 color: var(--color-white) !important;
}
.btn.nav-btn-alert:hover {
 background-color: hsla(0, 0%, 0%, 1);
 border-color: hsla(0, 0%, 0%, 1);
 color: var(--color-white) !important;
}
.btn.menu.nav-btn-alert .menu-icon .line {
 background-color: var(--color-white);
}
.btn.menu.nav-btn-alert:hover .menu-icon .line {
 background-color: var(--color-white);
}
.navbar .btn.menu.nav-btn-teamzone, .navbar .btn.menu.nav-btn-teamzone:focus, .navbar .btn.menu.nav-btn-teamzone:active, .navbar .btn.menu.nav-btn-teamzone.active {
 background-color: var(--color-yellow);
 border-color: var(--color-yellow);
 color: var(--color-blue) !important;
}
.navbar .btn.menu.nav-btn-teamzone:hover {
 background-color: var(--color-red);
 border-color: var(--color-red);
 color: var(--color-white) !important;
}
.navbar .btn.menu.nav-btn-teamzone .menu-icon .line {
 background-color: var(--color-blue);
}
.navbar .btn.menu.nav-btn-teamzone:hover .menu-icon .line {
 background-color: var(--color-white);
}
.btn .tag {
 background-color: var(--color-red);
 border: 1px solid var(--color-red);
 border-radius: 0.5rem;
 color: var(--color-white);
 font-size: 50%;
 font-weight: bold;
 left: -12px;
 line-height: 1;
 padding: 0.25rem 0.5rem;
 position: relative;
 text-transform: uppercase;
 top: -4px;
}
@media (min-width:47em) and (max-width:50em) {
 .btn .tag {
  left: -5px;
 }
}
.btn:hover .tag {
 border-color: var(--color-white);
}
/* Scroll To Top Button With Scroll Progress: https://codingartistweb.com/2022/01/scroll-to-top-button-with-scroll-progress-html-css-javascript/ */
#progress {
 border-radius: 50%;
 bottom: 3rem;
 cursor: pointer;
 display: none;
 font-size: clamp(1.5rem, 1.5vw, 1.8rem);
 height: 60px;
 place-items: center;
 position: fixed;
 right: 3rem;
 width: 60px;
 z-index: 999;
}
#progress .bi {
 left: 50%;
 position: absolute;
 top: 50%;
 transform: translateX(-50%) translateY(-50%);
}
#progress-value {
 background-color: var(--color-white);
 border-radius: 50%;
 color: var(--color-blue);
 display: block;
 height: calc(100% - 10px);
 place-items: center;
 width: calc(100% - 10px);
}
@media (min-width:0em) and (max-width:46em) {
 #progress {
  display: none !important;
 }
}
/* ============================================================================== */
/* Responsive tables: https://codepen.io/aurer/pen/kPZOPj													*/
/* ============================================================================== */
table.responsive-table thead {
 color: var(--color-blue);
 font-family: var(--font-display);
 font-size: clamp(1rem, 1.8vw, 1.5rem);
 line-height: 1;
}
table.responsive-table td {
 text-align: left;
}
table.responsive-table.layout {
 border-collapse: collapse;
 width: 100%;
}
table.responsive-table.display {
 border: 2px solid hsla(212, 100%, 33%, 0.75);
 margin: 2rem 0;
}
table.responsive-table.display .columned-p {
 column-count: 3;
 column-gap: 1rem;
}
@media (min-width:0em) and (max-width:46em) {
 table.responsive-table.display .columned-p {
  column-count: 1;
  column-gap: 0;
 }
}
table.responsive-table.display th, table.responsive-table.display td {
 border: 1px solid hsla(212, 100%, 33%, 0.75);
 padding: .5em .5em;
}
table.responsive-table.display th {
 background-color: hsla(212, 100%, 33%, 0.25);
 font-weight: normal;
 text-align: center;
}
table.responsive-table.display td {
 background-color: var(--color-white);
}
table.responsive-table.display td span {
 background-color: var(--color-red);
 border-radius: 0.25rem;
 color: var(--color-white);
 line-height: 1;
 padding: 0.15rem 0.5rem;
 text-transform: uppercase;
}
table.responsive-table td:nth-child(1) {
 font-weight: bold;
 white-space: nowrap;
}
table.responsive-table tr:hover td {
 background-color: var(--color-blue-shadow);
 cursor: default;
}
/* Section headers */
table.responsive-table td.section-header {
 background-color: hsla(212, 100%, 33%, 0.25) !important;
 font-weight: bold;
}
@media (min-width:0em) and (max-width:46em) {
 table.responsive-table {
  box-shadow: none;
 }
 table.responsive-table thead {
  display: none;
 }
 table.responsive-table td.section-header {
  background-color: hsla(212, 100%, 33%, 0.75) !important;
  color: #FFF;
  font-weight: 700;
  font-weight: bold;
 }
 table.responsive-table.display th, table.responsive-table.display td {
  padding: .5em;
 }
 /* Estilo para células com data-label */
 table.responsive-table td[data-label] {
  padding-left: 50%;
  position: relative;
  text-align: right;
 }
 table.responsive-table td[data-label]::before {
  content: attr(data-label);
  font-size: 0.9em;
  font-weight: bold;
  left: 0.5em;
  padding-right: 0.5em;
  position: absolute;
  text-align: left;
  white-space: normal;
  width: 45%;
 }
 /* Section headers em mobile */
 table.responsive-table td.section-header, table.responsive-table td[colspan] {
  padding-left: 0.5rem !important;
  text-align: center !important;
 }
 table.responsive-table td.section-header::before, table.responsive-table td[colspan]::before {
  display: none !important;
 }
 table.responsive-table td:nth-child(1) {
  background-color: hsla(212, 100%, 33%, 0.25);
  border-top: 1px solid hsla(212, 100%, 33%, 0.75);
  font-weight: 700;
  text-transform: uppercase;
 }
 table.responsive-table tr, table.responsive-table td {
  display: block;
 }
 table.responsive-table tr {
  border: 1px solid hsla(212, 100%, 33%, 0.75);
  position: relative;
 }
 table.responsive-table td {
  border-left: none;
  border-right: none;
  border-top: none;
 }
 table.responsive-table td:last-child {
  border-bottom: none;
 }
}
/*table.responsive-table thead {
 color: var(--color-blue);
 font-family: var(--font-display);
 font-size: clamp(1rem, 1.8vw, 1.5rem);
 line-height: 1;
}
table.responsive-table td {
 text-align: left;
}
table.responsive-table.layout {
 border-collapse: collapse;
 width: 100%;
}
table.responsive-table.display {
 border: 2px solid hsla(212, 100%, 33%, 0.75);
 margin: 1em 0;
}
table.responsive-table.display .columned-p {
 column-count: 3;
 column-gap: 1rem;
}
@media (min-width:0em) and (max-width:46em) {
 table.responsive-table.display .columned-p {
 column-count: 1;
 column-gap: 0;
}
}
table.responsive-table.display th, table.responsive-table.display td {
 border: 1px solid hsla(212, 100%, 33%, 0.75);
 padding: .5em .5em;
}
table.responsive-table.display th {
 background-color: hsla(212, 100%, 33%, 0.25);
 font-weight: normal;
 text-align: center;
}
table.responsive-table.display td {
 background-color: var(--color-white);
}
table.responsive-table.display td span {
 background-color: var(--color-red);
 border-radius: 0.25rem;
 color: var(--color-white);
 line-height: 1;
 padding: 0.15rem 0.5rem;
 text-transform: uppercase;
}
table.responsive-table td:nth-child(1) {
 font-weight: bold;
 white-space: nowrap;
}
table.responsive-table tr:hover td {
 background-color: var(--color-blue-shadow);
 cursor: default;
}
@media (min-width:0em) and (max-width:46em) {
 table.responsive-table {
 box-shadow: none;
}
 table.responsive-table thead {
 display: none;
}
 table.responsive-table.display th, table.responsive-table.display td {
 padding: .5em;
}
 table.responsive-table td:nth-child(1):before {
 display: none;
}
 table.responsive-table td:nth-child(2):before {
 display: none;
}
 table.responsive-table td:nth-child(1) {
 background-color: hsla(212, 100%, 33%, 0.25);
 border-top: 1px solid hsla(212, 100%, 33%, 0.75);
 font-weight: bold;
 padding-left: 0.5rem;
}
 table.responsive-table td:nth-child(1):before, table.responsive-table td:nth-child(2):before {
 font-weight: bold;
 left: .5em;
 position: absolute;
}
 table.responsive-table tr, table.responsive-table td {
 display: block;
}
 table.responsive-table tr {
 margin-bottom: 1em;
 position: relative;
}
 table.responsive-table td {
 border-top: none;
}
}*/
/* ============================================================================== */
/* Products slider: https://codepen.io/insectfow/pen/ZZpYzr												*/
/* ============================================================================== */
.carousel-products {
 background-image: linear-gradient(135deg, hsla(216, 33%, 97%, 1.00) 0%, hsla(217, 35%, 83%, 1.00) 100%);
 height: 100vh;
 margin-bottom: 5rem;
 margin-top: 5rem;
 min-height: 820px;
 overflow: hidden;
 position: relative;
 z-index: 1;
}
.carousel-products-bg {
 content: "";
 height: 100%;
 left: 0;
 position: absolute;
 top: 0;
 width: 100%;
}
.carousel-products-bg:before {
 background-image: url("../img/layout/waves-geo.svg");
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
 content: "";
 height: 100%;
 left: 0;
 mix-blend-mode: difference;
 opacity: 0.035;
 position: absolute;
 top: 0;
 width: 100%;
}
@media (min-width:0em) and (max-width:46em) {
 .carousel-products {
  height: auto;
  margin-bottom: 0;
  margin-top: 0;
  min-height: inherit;
 }
 .carousel-products .carousel {
  margin-bottom: 5rem;
 }
}
.carousel-products:before {
 background-color: var(--color-white);
 clip-path: polygon(0 0, 0 50%, 100% 0);
 content: "";
 height: 50%;
 left: -10%;
 position: absolute;
 top: 0;
 transform: translateZ(0);
 width: 120%;
 z-index: 2;
}
.carousel-products:after {
 background-color: var(--color-white);
 bottom: 0;
 clip-path: polygon(0 100%, 0 50%, 100% 100%);
 content: "";
 height: 50%;
 left: -10%;
 position: absolute;
 transform: translateZ(0);
 width: 120%;
 z-index: 2;
}
@media (min-width:0em) and (max-width:46em) {
 .carousel-products:after {
  clip-path: polygon(0 100%, 0 85%, 100% 100%);
  z-index: 1;
 }
}
.carousel-products .slider-heading {
 height: 88px;
 position: relative;
}
.carousel-products .slider-wrapper {
 height: calc(100% - 88px);
 position: relative;
 z-index: 2;
}
.carousel-products .slider-wrapper > .row {
 height: 100%;
}
@media (min-width:0em) and (max-width:46em) {
 .carousel-products .slider-wrapper {
  height: auto;
  margin-top: 2rem;
 }
}
.carousel-inner {
 height: 100%;
}
@media (min-width:0em) and (max-width:46em) {
 .carousel-inner {
  height: auto;
  overflow: visible;
 }
}
.carousel-products .carousel-item {
 height: 90%;
}
@media (min-width:0em) and (max-width:46em) {
 .carousel-products .carousel-item {
  height: auto;
 }
}
.carousel-products .bg-shape {
 background-color: hsla(243, 100%, 7%, 1.00);
 background-image: linear-gradient(45deg, rgba(2, 0, 36, 1) 0%, rgba(0, 80, 170, 1) 35%, rgba(0, 212, 255, 1) 100%);
 border-radius: 2rem;
 left: -2%;
 max-width: 560px;
 overflow: hidden;
 position: absolute;
 top: 50%;
 transform: translateX(20%) translateY(-50%);
 width: 60vw;
 z-index: 1;
}
@media (min-width:47em) and (max-width:50em) {
 .carousel-products .bg-shape {
  width: 50vw;
 }
}
.carousel-products .bg-shape:before {
 content: "";
 display: block;
 padding-bottom: 100%;
}
.carousel-products .bg-shape:after {
 background-image: url("../img/logos/logo-hms_watermark.png");
 background-position: center 15%;
 background-repeat: no-repeat;
 background-size: contain;
 content: "";
 display: block;
 height: 100%;
 left: 0;
 opacity: 0.35;
 position: absolute;
 top: 0;
 transform: rotate(-90deg);
 width: 100%;
}
@media (min-width:0em) and (max-width:46em) {
 .carousel-products .bg-shape {
  height: 30vh;
  left: 50%;
  overflow: hidden;
  top: 2rem;
  transform: translateX(-50%);
  width: 95%;
  z-index: 1;
 }
 .carousel-products .bg-shape:after {
  background-position: center 15%;
  background-size: 90% auto;
  left: 0;
  top: 0;
  transform: rotate(0deg);
 }
}
.carousel-products .card {
 align-items: center;
 background-color: var(--color-white);
 border: none;
 border-radius: 2rem;
 display: flex;
 height: 75%;
 justify-content: center;
 left: 45%;
 max-height: 450px;
 max-width: 720px;
 padding: 2.5vw 5vh 2.5vh 15rem;
 position: relative;
 top: 50%;
 transform: translateX(-25%) translateY(-50%);
 transition: all .5s;
 width: 60vw;
 z-index: 1;
}
@media (min-width:0em) and (max-width:46em) {
 .carousel-products .card {
  border: 2px solid hsla(212, 100%, 33%, 0.25);
  height: auto;
  left: 0;
  margin-top: 10rem;
  padding: 6rem 1.5rem 1.5rem 1.5rem;
  top: 0;
  transform: none;
  width: 100%;
 }
}
@media (min-width:47em) and (max-width:50em) {
 .carousel-products .card {
  padding: 2.5vw 5vh 2.5vh 20vw;
 }
}
.carousel-products .card-content {
 display: block;
 height: auto;
 width: 100%;
}
.carousel-products .card-image {
 background-color: var(--color-white);
 border-radius: 2rem;
 height: 100%;
 left: 0;
 overflow: hidden;
 position: absolute;
 top: 0;
 transform: translateX(-50%);
 width: 65%;
}
.carousel-products .card-image img {
 position: relative;
 top: 50%;
 transform: translateY(-50%);
}
@media (min-width:0em) and (max-width:46em) {
 .carousel-products .card-image {
  height: auto;
  left: 50%;
  top: -10rem;
  width: 85%;
 }
 .carousel-products .card-image img {
  margin-left: auto;
  margin-right: auto;
  max-height: 250px;
  top: 0;
  transform: none;
  width: auto;
 }
}
@media (min-width:81em) {
 .carousel-products .card-image {
  left: -5%;
 }
}
.carousel-products .card .card-title {
 color: var(--color-blue);
 font-size: clamp(2rem, 4vw, 2.8rem);
 line-height: 1;
}
.carousel-products .card .card-title small {
 color: hsla(212, 100%, 33%, 0.50);
 display: block;
 font-size: 80%;
}
.carousel-products .card .card-price {
 color: var(--color-red);
 font-family: var(--font-body);
 font-size: clamp(2.5rem, 3vw, 2.5rem);
 font-weight: 600;
 margin-top: 1rem;
}
.carousel-products .card .card-price sup {
 font-size: 60%;
 line-height: 1;
}
.carousel-products .card .card-label {
 color: inherit;
 display: inline;
 font-family: var(--font-body);
 font-size: clamp(0.9rem, 1.35vw, 1.15rem);
 font-weight: 600;
 letter-spacing: 1px;
 position: relative;
}
@media (min-width:0em) and (max-width:46em) {
 .carousel-products .card .card-label {
  letter-spacing: 0.5px;
  top: -0.5rem;
 }
}
.carousel-products .card .card-col {
 display: table-cell;
}
.carousel-products .card .card-col:nth-of-type(1) {
 border-right: 1px solid hsla(0, 0%, 0%, 0.15);
 padding-right: 1.2rem;
 width: 60%;
}
@media (min-width:0em) and (max-width:46em) {
 .carousel-products .card .card-col:nth-of-type(1) {
  padding-right: 0;
 }
}
.carousel-products .card .card-col:nth-of-type(2) {
 border-right: none;
 padding-left: 1.2rem;
 text-align: center;
 width: 40%;
}
.carousel-products .card .card-text {
 line-height: 1.2;
}
/* Animated circle percent: https://codepen.io/SachaJolly/pen/WNbBaJz */ :root {
 --c-1percent: calc(2*(var(--pi)/100)*14.5);
 --pi: 3.141592653589793;
}
.carousel-products .circle-percentage {
 margin: 0 0.25rem 0.25rem;
}
@media (min-width:0em) and (max-width:46em) {
 .carousel-products .circle-percentage {
  margin: 0 0.25rem 0.25rem;
  position: relative;
  top: -1rem;
 }
}
.carousel-products .circle {
 cx: 16px;
 cy: 16px;
 fill: none;
 r: 14.5px;
}
.carousel-products .circle-bg {
 stroke: hsla(212, 100%, 33%, 0.15);
 stroke-width: 1px;
}
.carousel-products .circle-percent {
 stroke: var(--color-red);
 stroke-dasharray: calc(var(--percent) * var(--c-1percent)), 100;
 stroke-linecap: round;
 stroke-width: 2px;
 transform: rotate(-90deg);
 transform-origin: center;
 transition: stroke-dasharray 0.6s ease 0s;
}
.carousel-products .circle-text {
 fill: var(--color-blue);
 font-size: 10px;
 text-anchor: middle;
}
/* Card call to action */
.carousel-products .card .card-action {
 display: block;
 margin-top: 3rem;
 text-align: center;
 width: calc(100% - 10rem);
}
@media (min-width:0em) and (max-width:46em) {
 .carousel-products .card .card-action {
  margin-top: 1rem;
  width: 100%;
 }
}
@media (min-width:47em) and (max-width:80em) {
 .carousel-products .card .card-action {
  width: calc(100% - 10rem);
 }
}
/* Card previous next */
.carousel-products .carousel-control-next, .carousel-products .carousel-control-prev {
 background-color: var(--color-yellow);
 border-radius: 50%;
 bottom: auto;
 color: var(--color-blue);
 font-size: clamp(1.5rem, 1.5vw, 1.8rem);
 height: 60px;
 opacity: 1;
 top: calc(50% - 60px);
 width: 60px;
}
@media (min-width:0em) and (max-width:46em) {
 .carousel-products .carousel-control-next, .carousel-products .carousel-control-prev {
  background-color: hsla(212, 100%, 33%, 0.05);
  bottom: 2.25rem;
  height: 40px;
  top: auto;
  width: 40px;
 }
 .carousel-products .carousel-control-prev {
  left: 2rem;
 }
 .carousel-products .carousel-control-next {
  right: 2rem;
 }
}
.carousel-products .carousel-control-next-icon .bi, .carousel-products .carousel-control-prev-icon .bi {
 left: 50%;
 position: absolute;
 top: 50%;
 transform: translateX(-50%) translateY(-50%);
}
.carousel-products .carousel-control-prev-icon {
 background-image: none;
}
.carousel-products .carousel-control-next-icon {
 background-image: none;
}
/* Slides counter */
.slideCounter {
 bottom: -3rem;
 color: hsla(212, 100%, 33%, 0.15);
 font-size: clamp(3rem, 6vw, 5rem);
 font-weight: 600;
 position: absolute;
 right: 7rem;
}
.slideCounter sup {
 font-size: 35%;
 position: absolute;
 right: -2.8rem;
 top: 2.5rem;
}
@media (min-width:0em) and (max-width:46em) {
 .slideCounter {
  bottom: -4rem;
  color: hsla(0, 0%, 100%, 0.5);
  right: 4rem;
 }
 .slideCounter sup {
  font-size: 35%;
  position: absolute;
  right: -1.8rem;
  top: 1.8rem;
 }
}
/* =====================================================
   Modals customisation
===================================================== */
.modal-title span {
 color: var(--color-red);
}
/* =====================================================
   Prevent Rotation on Mobile Devices (SVG)
===================================================== */
.orientation-lock {
 align-items: center;
 background-color: var(--color-white);
 color: var(--color-blue);
 display: none;
 inset: 0;
 justify-content: center;
 padding: calc(env(safe-area-inset-top) + 1.5rem) calc(env(safe-area-inset-right) + 1.5rem) calc(env(safe-area-inset-bottom) + 1.5rem) calc(env(safe-area-inset-left) + 1.5rem);
 pointer-events: auto;
 position: fixed;
 text-align: center;
 z-index: 2147483600;
}
.orientation-lock-figure {
 margin: 0;
 max-width: 26rem;
}
.orientation-lock svg {
 display: block;
 height: auto;
 margin: 0 auto 1.5rem;
 max-width: 100%;
 width: 112px;
}
.orientation-lock p {
 font-family: var(--font-display);
 font-size: 1.65rem;
 letter-spacing: 0.04em;
 line-height: 1.15;
 margin: 0;
}
/* =====================================================
   Menu search
===================================================== */
.menu-search {
 position: relative;
}
.menu-search #searchResults {
 margin-bottom: 0;
 margin-top: 1rem;
 padding-left: 2rem;
 padding-right: 2rem;
}
@media (max-width: 768px) {
 .menu-search #searchResults {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
 }
}
.menu-search .search-container {
 position: relative;
}
.menu-search .search-container input {
 border: 2px solid hsla(212, 100%, 33%, 0.25);
 border-radius: 0.5rem;
 padding: .75rem;
}
.menu-search .btn-clear {
 background-color: hsla(212, 100%, 33%, 0.25);
 border: none;
 border-radius: 50%;
 cursor: pointer;
 height: 1.5rem;
 line-height: 1;
 padding: 0;
 position: absolute;
 right: 1rem;
 top: calc(50% - 0rem);
 transform: translateY(-50%);
 width: 1.5rem;
}
.menu-search .btn-clear:hover {
 background-color: hsla(212, 100%, 33%, 1);
 color: #FFF;
}
/*.menu-search .btn-clear .bi {
 display: block;
 height: 1.5rem;
 transform: none;
 width: 1.5rem;
}*/
.menu-search .btn-clear:hover .bi {
 color: #FFF;
}