/* ================================================
	Common
 ================================================*/
body, html {
 font-family: 'Varela Round', sans-serif;
 overflow-x: hidden;
}
html {
 scroll-padding-top: 15vh;
}
body {
 position: relative;
 font-size: clamp(1rem, 1.35vw, 1.25rem);
 min-height: 100svh;
 background-color: #FFF;
 background-image: url("../img/layout/ball-triangle.svg");
 background-position: center center;
 background-attachment: fixed;
 background-repeat: no-repeat;
 background-size: 120px 120px;
}
h1, h2, h3, h4, h5, h6 {
 font-family: 'Barlow Condensed', sans-serif;
}
img {
 display: block;
 width: 100%;
 height: auto;
}
a {
 color: #BBDF32;
}
a:hover {
 color: #A9C830;
}
hr.dashed {
 border-top: 1px dashed #EEE;
}
hr.dashed-skewed {
 background-color: #FFF;
 border-top: 2px dashed #BBDF32;
 transform: skew(-30deg);
 opacity: 1;
}
hr.transparent {
 background-color: transparent;
 border-top: none;
}
.icon {
 display: inline-block;
 font-size: 3rem;
 vertical-align: middle;
}
.text {
 display: inline-block;
 vertical-align: middle;
}
.lock-scroll {
 overflow: hidden;
}
.border-left {
 border-left: 1px solid rgba(0, 0, 0, 0.2);
}
.border-right {
 border-right: 1px solid rgba(0, 0, 0, 0.2);
}
@media (min-width:0em) and (max-width:46em) {
 .border-right-xs {
  border-right: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
 }
}
.no-pointer {
 pointer-events: none;
}
iframe {
 border: none;
}
table {
 border: none;
 width: 100%;
 padding: 0;
 border-spacing: 0;
}
table .third {
 width: 33.333%;
}
/* Lists */
ol, ul {
 position: relative;
 list-style: none;
 margin-left: 1rem;
}
ol li, ul li {
 margin-bottom: 0;
}
.check-list li:before {
 position: absolute;
 left: 1rem;
 content: "✓";
 color: #BBDF32;
}
@media (min-width:0em) and (max-width:46em) {
 .check-list li:before {
  left: 0;
 }
}
.ordinal-list {
 list-style: none;
 counter-reset: ordinal-counter;
}
.ordinal-list li {
 counter-increment: ordinal-counter;
}
.ordinal-list li:before {
 position: absolute;
 left: 0;
 content: counter(ordinal-counter) ". ";
 font-weight: 700;
 width: 1.8rem;
 margin-left: -0.5rem;
 text-align: right;
 display: inline-block;
}
.ordinal-list li li:before {
 display: none;
}
.ordinal-list li li {
 counter-increment: none;
}
.ordinal-list li ul {
 padding-left: 0;
}
.hyphen-list {
 margin-left: 2rem;
 padding-left: 0;
}
.hyphen-list li {
 margin-bottom: 0;
}
.hyphen-list li:before {
 position: absolute;
 left: -1rem;
 content: "-";
}
.hyphen-list li li:before {
 position: absolute;
 left: 0.5rem;
 content: "○";
}
@media (min-width:0em) and (max-width:46em) {
 ol, ul {
  padding-left: 1rem;
 }
 .hyphen-list li:before {
  left: 0;
 }
}
.alpha-list li span {
 position: absolute;
 left: 0.5rem;
}
/* ================================================
	Animations
 ================================================*/
/* Page Loading Fade Effect */
@-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;
 }
}
.fade-in {
 opacity: 0;
 -webkit-animation: fadeIn ease-in 1;
 -moz-animation: fadeIn ease-in 1;
 animation: fadeIn ease-in 1;
 -webkit-animation-fill-mode: forwards;
 -moz-animation-fill-mode: forwards;
 animation-fill-mode: forwards;
 -webkit-animation-duration: 1s;
 -moz-animation-duration: 1s;
 animation-duration: 1s;
}
.fade-in {
 -webkit-animation-delay: 0.5s;
 -moz-animation-delay: 0.5s;
 animation-delay: 0.5s;
}
/* Dropdown menu effect */
@media (min-width: 768px) {
 .animate {
  animation-duration: 0.3s;
  -webkit-animation-duration: 0.3s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
 }
}
@keyframes slideIn {
 0% {
  -webkit-transform: transform;
  -webkit-opacity: 0;
  transform: translateY(1rem);
  opacity: 0;
 }
 100% {
  -webkit-transform: translateY(0);
  -webkit-opacity: 1;
  transform: translateY(0rem);
  opacity: 1;
 }
 0% {
  -webkit-transform: translateY(1rem);
  -webkit-opacity: 0;
  transform: translateY(1rem);
  opacity: 0;
 }
}
.slideIn {
 -webkit-animation-name: slideIn;
 animation-name: slideIn;
}
/* ================================================
	Header
 ================================================*/
.navbar {
 height: 100px;
 padding-left: 50px;
 padding-right: 50px;
 padding-top: 0;
 padding-bottom: 0;
 background-color: #FFF;
}
.navbar .brand {
 max-width: 250px;
 height: 100px;
 padding-top: 0.5rem;
 padding-bottom: 0.5rem;
}
@media (min-width:0em) and (max-width:46em) {
 .navbar {
  height: 90px;
 }
 .navbar .brand {
  height: 90px;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
 }
}
.navbar .navbar-brand img {
 display: block;
 height: 100%;
 width: auto;
 padding-top: 0.5rem;
 padding-bottom: 0.5rem;
}
.navbar .nav-link {
 font-family: 'Barlow Condensed', sans-serif;
 font-size: clamp(1.25rem, 1.5vw, 1.5rem);
 text-transform: uppercase;
 line-height: 100px;
 background-color: #FFF;
 color: #2B2B2B;
 padding-top: 0;
 padding-bottom: 0;
}
@media (min-width:0em) and (max-width:46em) {
 .navbar {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 25px;
  padding-right: 25px;
 }
 .navbar-nav {
  box-shadow: 0 1px 5px rgba(0, 0, 0, .1);
 }
 .navbar .nav-link {
  background-color: #2B2B2B;
  color: #FFF;
  line-height: 50px;
 }
 .navbar .nav-item {
  border-bottom: 2px solid #FFF;
 }
 .navbar .nav-item:last-of-type {
  border-bottom: none;
 }
}
.navbar .nav-link:focus-visible {
 box-shadow: none;
}
.navbar .nav-link.register {
 background-color: #BBDF32;
 color: #FFF;
}
@media (min-width:0em) and (max-width:46em) {
 .navbar .nav-link.register {
  background-color: #BBDF32;
  color: #2B2B2B;
 }
}
.navbar-expand-xl .navbar-nav .nav-link {
 padding-right: 1.5rem;
 padding-left: 1.5rem;
 outline: none;
}
.navbar-expand-xl .navbar-nav .nav-link.highlight {
 background-color: #2B2B2B;
 color: #FFF;
}
.navbar-expand-xl .navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
 background-color: #F2F2F2;
 color: #2B2B2B;
}
@media (min-width:0em) and (max-width:46em) {
 .navbar-expand-xl .navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
  background-color: #2B2B2B;
  color: #FFF;
 }
}
.navbar-expand-xl .navbar-nav .nav-link:focus-visible {
 box-shadow: none;
}
.dropdown-menu {
 background-color: rgba(255, 255, 255, 0.9);
 -webkit-backdrop-filter: blur(10px);
 backdrop-filter: blur(10px);
 border-color: #EEE;
 border-radius: 0;
 border: 0;
 padding-top: 0;
 padding-bottom: 0;
 box-shadow: 0 1px 5px rgba(0, 0, 0, .1);
}
.dropdown-item {
 position: relative;
 padding-top: 1vh;
 padding-bottom: 1vh;
}
.dropdown-item ion-icon {
 position: relative;
 top: 2px;
 padding-right: 0.25rem;
}
@media (min-width:0em) and (max-width:46em) {
 .dropdown, .dropdown-center, .dropend, .dropstart, .dropup, .dropup-center {
  background-color: #FFF;
 }
 .dropdown-menu {
  grid-template-columns: repeat(2, 1fr);
  gap: 0.25rem;
  padding: 0.5rem;
  background-color: #2B2B2B;
 }
 .dropdown-menu.show {
  display: grid;
  overflow: auto;
 }
 .dropdown-menu[data-bs-popper] {
  margin-top: 0;
 }
 .dropdown-item {
  display: flex;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 1.1rem;
  text-align: center;
  height: 100%;
  line-height: 1.1;
  color: #FFF;
  white-space: wrap;
  background-color: #2B2B2B;
  border: solid 2px rgba(255, 255, 255, 0.25);
  border-radius: 0.5rem;
  padding: 0.75rem 1rem;
  justify-content: center;
  align-items: center;
 }
 .dropdown-item ion-icon {
  position: absolute;
  top: 50%;
  left: 5%;
  font-size: 200%;
  color: #FFF;
  transform: translateX(0%) translateY(-50%);
  opacity: 0.25;
 }
}
.dropdown-item:focus, .dropdown-item:hover {
 color: #FFF;
 background-color: #2B2B2B;
}
.dropdown-item.active, .dropdown-item:active {
 color: #2B2B2B;
 background-color: #FFF;
}
.dropdown-item.active:hover, .dropdown-item:active:hover {
 color: #FFF;
 background-color: #2B2B2B;
}
.navbar-toggler {
 position: relative;
 width: 30px;
 height: 24px;
 display: flex;
 align-items: center;
 justify-content: center;
 cursor: pointer;
 border: none;
 border-radius: 0;
 background: none;
 padding: 0;
}
.navbar-toggler-icon {
 position: relative;
 width: 100%;
 height: 3px;
 background-color: #000;
 transition: background-color 0.3s ease-in-out;
}
.navbar-toggler-icon::before, .navbar-toggler-icon::after {
 content: "";
 position: absolute;
 width: 100%;
 height: 3px;
 background-color: #000;
 transition: transform 0.3s ease-in-out, top 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
.navbar-toggler-icon::before {
 top: -8px;
 left: 0;
}
.navbar-toggler-icon::after {
 top: 8px;
 left: 0;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
 background: none;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::before {
 transform: rotate(45deg);
 top: 0;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::after {
 transform: rotate(-45deg);
 top: 0;
}
.social ul li, .lang ul li {
 padding-top: 0.25rem;
 padding-bottom: 0.25rem;
}
@media (min-width:0em) and (max-width:46em) {
 .social, .lang {
  width: 50%;
 }
 .social ul li, .lang ul li {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
 }
}
.dropdown.language a {
 font-family: 'Barlow Condensed', sans-serif;
 font-size: 1.1rem;
 text-align: center;
}
.dropdown.language .dropdown-menu.show {
 min-width: 100%;
}
.dropdown.language .dropdown-menu {
 grid-template-columns: repeat(1, 1fr);
}
/* ================================================
	Content
 ================================================*/
/* Hero */
.hero {
 position: relative;
 height: 100svh;
 padding: 50px;
 padding-top: 100px;
 background-color: #FFF;
 overflow: hidden;
 z-index: 1;
}
.hero:before, .hero:after {
 position: absolute;
 content: "";
 width: 50px;
 background-color: #BBDF32;
 z-index: 1;
}
.hero:before {
 bottom: calc(50% - 1px);
 left: 0;
 height: calc(50% - -50px);
}
.hero:after {
 bottom: calc(0% - -1px);
 right: 0;
 height: calc(50% - 50px);
}
@media (min-width:0rem) and (max-width:480px) {
 .hero:before {
  top: 90px;
  height: calc(50% - 100px);
 }
 .hero:after {
  bottom: 0;
  height: 50%;
 }
}
@media (min-width:0rem) and (max-width:46rem) {
 .hero {
  padding: 25px;
  padding-top: 90px;
 }
}
.hero .carousel {
 height: 100%;
 z-index: 2;
}
.hero .carousel-logo {
 position: absolute;
 top: 5vh;
 left: 50%;
 width: 90%;
 max-width: 720px;
 transform: translateX(-50%);
 z-index: 1;
}
@media (min-width:0em) and (max-width:46em) {
 .hero .carousel-logo {
  display: none;
 }
}
.hero .carousel-logo img {
 height: 100%;
 max-height: 25vh;
}
.carousel {
 background-color: #181818;
 overflow: hidden;
}
.carousel-inner {
 height: 100%;
 z-index: 1;
}
.carousel-item {
 height: 100%;
}
.carousel-image {
 position: relative;
 height: calc(100vh - 0px);
 background-size: cover;
 background-repeat: no-repeat;
}
.carousel-image:before {
 position: absolute;
 top: 0;
 left: 0;
 content: "";
 width: 100%;
 height: 100%;
 background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5032387955182073) 100%);
}
@media (min-width:0rem) and (max-width:46rem) {
 .carousel-image {
  height: calc(100vh - 50px);
 }
}
.carousel-caption {
 bottom: 3vh;
 padding-top: 0;
 padding-bottom: 0;
}
.carousel-caption h1, .carousel-caption h2 {
 text-transform: uppercase;
}
.carousel-caption h1 {
 font-size: clamp(1.5rem, 7vw, 3rem);
 margin-bottom: 0;
}
.carousel-caption h1 span {
 display: block;
}
.carousel-caption h2 {
 font-size: clamp(1.2rem, 2.5vw, 2.5rem);
}
@media (min-width:0rem) and (max-width:46rem) {
 .carousel-caption {
  top: 5rem;
  bottom: auto;
  left: 0.5rem;
  right: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
 }
 .carousel-caption h2 {
  margin-bottom: 0;
 }
}
.carousel-caption .btn {
 margin-top: 5vh;
 margin-bottom: 2vh;
}
.carousel-indicators [data-bs-target] {
 height: 6px;
 margin-left: 0.5rem;
 margin-right: 0.5rem;
}
.carousel-control-next, .carousel-control-prev {
 opacity: 1;
}
.carousel-control-next {
 right: 0;
}
.carousel-control-prev {
 left: 0;
}
@media (min-width:0rem) and (max-width:480px) {
 .carousel-control-next, .carousel-control-prev {
  display: none;
 }
 .carousel-indicators [data-bs-target] {
  height: 10px;
 }
}
.carousel-control-next-icon, .carousel-control-prev-icon {
 position: relative;
 width: 5rem;
 height: 5rem;
 background-color: #BBDF32;
 background-size: 50% 50%;
 border-radius: 50%;
 border: none;
}
.carousel-control-next-icon {
 right: -21px;
}
.carousel-control-prev-icon {
 left: -21px;
}
.about-area .row > div {
 position: relative;
}
.about-area img {
 max-width: 400px;
}
.about-area img:nth-of-type(2) {
 position: absolute;
 bottom: 0;
 right: 0;
}
@media (min-width:0em) and (max-width:46em) {
 .about-area img:nth-of-type(2) {
  position: absolute;
  bottom: 0;
  right: 2rem;
  max-width: 320px;
 }
}
.about-area .spacer {
 display: block;
 margin-bottom: 5rem;
}
.about-area .about-box {
 position: absolute;
 top: 30%;
 left: 50%;
 text-align: center;
 color: #FFF;
 padding: 1.0rem 1.5rem;
 background-color: #BBDF32;
 border-radius: 0.5rem;
}
@media (min-width:0em) and (max-width:46em) {
 .about-area .about-box {
  top: 50%;
 }
}
.about-area .about-box h3 {
 font-size: 3.1rem;
 font-weight: 700;
 margin-bottom: 0;
}
.about-area .about-box span {
 font-size: 1.25rem;
 text-transform: uppercase;
}
.about-content {
 padding-left: 5rem;
}
@media (min-width:0em) and (max-width:46em) {
 .about-content {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
 }
 .about-content .btn {
  margin-left: auto;
  margin-right: auto;
 }
}
.about-content .icon {
 position: relative;
 padding-left: 1.5rem;
 padding-top: 1rem;
 width: 85px;
}
.about-content .icon img {
 width: 64px;
}
.about-content .about-card {
 display: flex;
 gap: 20px;
}
.about-content p, .about-content ul {
 margin-top: 1.5rem;
 margin-bottom: 1.5rem;
}
.text-content {
 padding-left: 2rem;
}
.text-content blockquote {
 font-size: clamp(0.95rem, 1.25vw, 1.15rem);
 margin-left: 4rem;
 margin-bottom: 2rem;
 padding: 2rem 1.5rem 0;
 border-left: 3px solid rgba(0, 0, 0, 0.15);
}
@media (min-width:0em) and (max-width:46em) {
 .text-content {
  padding-right: 2rem;
 }
 .text-content blockquote {
  margin-left: 2rem;
 }
}
.separator-area, .page-header {
 position: relative;
 border-left: 50px solid #FFF;
 border-right: 50px solid #FFF;
}
@media (min-width:0em) and (max-width:46em) {
 .separator-area, .page-header {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  border-left: 25px solid #FFF;
  border-right: 25px solid #FFF;
 }
}
.separator-area:before, .page-header:before {
 position: fixed;
 top: 0;
 left: 50%;
 content: "";
 width: 50%;
 height: 100%;
 background-image: url("../img/logos/logo_prova_wht.svg");
 background-repeat: no-repeat;
 background-position: center left;
 background-size: 250vw;
 opacity: 0.15;
}
@media (min-width:0em) and (max-width:46em) {
 .separator-area:before, .page-header:before {
  background-size: 250vh;
 }
}
.separator-area p, .page-header p {
 font-size: clamp(1.2rem, 5vw, 1.8rem);
 line-height: 1.2;
}
.separator-area p:last-of-type, .page-header p:last-of-type {
 margin-bottom: 0;
}
.page-header {
 border-top: 100px solid #FFF;
}
.page-header:before {
 position: absolute;
 top: 0;
 left: 0;
 content: "";
 width: 100%;
 height: 100%;
 background-repeat: no-repeat;
 background-size: cover;
 filter: grayscale(1);
 z-index: 0;
}
.page-header.page-header-info:before {
 background-image: url("../img/layout/page-header-01.jpg");
 background-position: center 65%;
}
.page-header.page-header-rules:before {
 background-image: url("../img/layout/page-header-02.jpg");
 background-position: center 65%;
}
.page-header.page-header-register:before {
 background-image: url("../img/layout/page-header-03.jpg");
 background-position: center 65%;
}
.page-header > div {
 position: relative;
 z-index: 0;
}
.map {
 position: relative;
 display: block;
 clear: both;
 z-index: 1;
}
.map figure, .video figure {
 position: relative;
 margin: 2rem -1.5rem;
}
.map figure .btn, .video figure .btn {
 position: absolute;
 right: 1.5rem;
 bottom: 1.5rem;
 background-color: #FFF;
 color: #636362;
}
.map figure .btn:hover, .video figure .btn:hover {
 color: #BBDF32;
}
.map figure {
 margin-left: -40%;
 width: 140%;
}
@media (min-width:0em) and (max-width:46em) {
 .map figure {
  margin-left: -6%;
  width: 112%;
 }
}
.video {
 margin-left: auto;
 margin-right: auto;
}
.video .video-container {
 position: relative;
 padding-bottom: 56.25%;
 padding-top: 30px;
 height: 0;
 overflow: hidden;
}
.video .video-container iframe, .video .video-container object, .video .video-container embed {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
.content {
 position: relative;
 background-color: #FFF;
 z-index: 1;
}
.content .heading-subtitle {
 position: relative;
 font-size: clamp(1.5rem, 2.25vw, 2.25rem);
 text-transform: uppercase;
 line-height: 1;
 color: #BBDF32;
}
.content-border {
 border: 1px solid rgba(0, 0, 0, 0.15);
 padding: 1rem;
 background-color: #FFF;
}
/* Buttons */
.btn, .text-content .btn {
 position: relative;
 font-family: 'Barlow Condensed', sans-serif;
 font-size: clamp(1.2rem, 1.5vw, 1.5rem);
 text-transform: uppercase;
 min-width: 200px;
 border-radius: 0.5rem;
 margin: 1rem;
 padding: 1rem;
 overflow: hidden;
}
.btn-primary {
 color: #FFF;
 background-color: #BBDF32;
 border: solid 2px rgba(187, 223, 50, 0.5);
}
.btn-secondary {
 color: #636362;
 background-color: #FFF;
 border: solid 2px rgba(99, 99, 98, 0.35);
}
.text-content .btn-secondary {
 color: #636362;
}
.btn:hover, .btn:active, .btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
 color: #BBDF32;
 background-color: #FFF;
 border-color: rgba(187, 223, 50, 1);
}
.btn:before {
 position: absolute;
 top: 0;
 left: calc(-5% - 50px);
 content: "";
 width: 50px;
 height: 100%;
 background-color: rgba(187, 223, 50, 0.15);
 transform: skew(-15deg, 0deg);
 transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
 z-index: 0;
}
.btn:hover::before {
 top: 0;
 left: calc(100% - -50px);
}
.btn:after {
 position: absolute;
 top: 0;
 left: calc(-10% - 100px);
 content: "";
 width: 100px;
 height: 100%;
 background-color: rgba(187, 223, 50, 0.15);
 transform: skew(-15deg, 0deg);
 transition: all 0.6s cubic-bezier(0.45, 0, 0.25, 1);
 z-index: 0;
}
.btn:hover::after {
 top: 0;
 left: calc(100% - -100px);
}
.btn-actions {
 display: flex;
 justify-content: center;
}
.btn-actions .btn {
 display: block;
}
@media (min-width:0em) and (max-width:46em) {
 .btn-actions {
  display: block;
 }
}
.btn ion-icon {
 position: relative;
 top: 3px;
 margin-left: 1rem;
}
.separator-area .btn {
 position: relative;
 text-transform: uppercase;
 font-weight: 700;
 color: #FFF;
 background-color: transparent;
 border: solid 2px rgba(255, 255, 255, 0.75);
 border-radius: 0;
 padding: 1rem 2rem;
 overflow: hidden;
}
.separator-area .btn:hover {
 color: #FFF;
 background-color: transparent;
 border-color: rgba(255, 255, 255, 1);
}
.separator-area .btn:before {
 position: absolute;
 top: 0;
 left: calc(-5% - 50px);
 content: "";
 width: 50px;
 height: 100%;
 background-color: rgba(255, 255, 255, 0.25);
 transform: skew(-15deg, 0deg);
 transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
 z-index: 0;
}
.separator-area .btn:hover::before {
 top: 0;
 left: calc(100% - -50px);
}
.separator-area .btn:after {
 position: absolute;
 top: 0;
 left: calc(-10% - 100px);
 content: "";
 width: 100px;
 height: 100%;
 background-color: rgba(255, 255, 255, 0.25);
 transform: skew(-15deg, 0deg);
 transition: all 0.6s cubic-bezier(0.45, 0, 0.25, 1);
 z-index: 0;
}
.separator-area .btn:hover::after {
 top: 0;
 left: calc(100% - -100px);
}
/* Supports */
.supports-area {
 position: relative;
 width: 100%;
 margin-left: auto;
 margin-right: auto;
 z-index: 1;
}
@media (min-width:0em) and (max-width:46em) {
 .supports-area .row {
  padding-bottom: 1rem;
 }
}
.supports-area a {
 display: block;
 width: 100%;
}
.supports-area h5 {
 font-family: "Varela Round", Helvetica, Arial, sans-serif;
 font-size: 14px;
 text-transform: uppercase;
 margin-top: 25px;
 margin-bottom: 25px;
}
.supports-area img {
 max-width: 250px;
 margin: 0 auto;
 cursor: pointer;
}
/* Titles */
.main-title {
 position: relative;
 font-size: clamp(2rem, 3vw, 3rem);
 line-height: 1;
 margin-bottom: 2rem;
 color: #BBDF32;
}
.title {
 font-size: 3rem;
 text-transform: uppercase;
 line-height: 1;
 margin-bottom: 2rem;
 color: #BBDF32;
}
.title-content {
 position: relative;
 padding-left: 1.5rem;
}
.title-content span {
 position: relative;
 display: block;
 font-size: clamp(1.5rem, 2.25vw, 2.25rem);
 text-align: left;
 text-transform: uppercase;
 margin-bottom: 0.5rem;
 padding-left: 0;
 color: rgba(99, 99, 98, 0.35);
}
@media (min-width:0em) and (max-width:46em) {
 .title-content span {
  margin-bottom: 2rem;
  padding-right: 2rem;
 }
}
.title-content .numeral {
 position: absolute;
 top: -1.3rem;
 left: 0;
 font-family: 'Barlow Condensed', sans-serif;
 font-size: 4rem;
 color: rgba(0, 0, 0, 0.1);
}
.text-area .title-content span {
 text-align: right;
 color: #BBDF32;
}
.text-area .sub-title {
 font-size: clamp(1rem, 1.8vw, 1.25rem);
 margin-top: 0rem;
 color: rgba(99, 99, 98, 0.35);
 color: #BBDF32;
}
@media (min-width:0em) and (max-width:46em) {
 .text-area .sub-title {
  margin-top: 1.5rem;
 }
}
.sub-title {
 position: relative;
 font-family: 'Varela Round', sans-serif;
 font-size: clamp(1.2rem, 3vw, 1.8rem);
 text-transform: uppercase;
 margin-bottom: 1.5rem;
}
.separator-area .title, .page-header .title {
 font-size: clamp(1.5rem, 5vw, 3.5rem);
 text-transform: uppercase;
 margin-bottom: 1rem;
 color: #FFF;
}
.footer-title {
 font-size: 1.8rem;
 text-transform: uppercase;
 margin-bottom: 1rem;
 color: #FFF;
}
@media (min-width:0em) and (max-width:46em) {
 .separator-area .btn {
  margin-top: 2rem;
 }
}
.modal-title.title {
 font-size: 2rem;
 margin-bottom: 0;
}
/* Box arrows */
.arrow-down:before, .arrow-down:after {
 position: absolute;
 left: 28.5%;
 content: "▼";
 font-size: 1.5rem;
 text-align: center;
 line-height: 1;
 width: 50px;
 height: 20px;
}
@media (min-width:0em) and (max-width:46em) {
 .arrow-down:before, .arrow-down:after {
  left: 50%;
  transform: translateX(-50%);
 }
}
.arrow-down:before {
 top: 0;
 border-top: 2px solid #636362;
 color: #636362;
 z-index: 1;
}
.arrow-down:after {
 top: -2px;
 color: #FFF;
 z-index: 2;
}
/* Colors */
.white-bg {
 background-color: #FFF;
}
.black-bg {
 background-color: #181818;
 color: #FFF;
}
.color-bg {
 background-color: #BBDF32;
 color: #FFF;
}
.dark-bg {
 background-color: #2B2B2B;
 color: #FFF;
}
/* Mobile only */
@media (min-width:0em) and (max-width:46em) {
 .arrow {
  position: relative;
  top: 0;
  left: 50%;
  width: 50px;
  height: 50px;
  background-color: #FFF;
  transform: translate(-50%, 50%);
 }
 .arrow span {
  display: block;
  width: 25px;
  height: 25px;
  margin-left: 12.5px;
  border-bottom: 3px solid #636362;
  border-right: 3px solid #636362;
  transform: rotate(45deg);
  animation: animate 2s infinite;
 }
}
@keyframes animate {
 0% {
  opacity: 0;
  transform: rotate(45deg) translate(-10px, -10px);
 }
 50% {
  opacity: 1;
 }
 100% {
  opacity: 0;
  transform: rotate(45deg) translate(10px, 10px);
 }
}
/* ================================================
	Footer
 ================================================*/
.footer-area {
 position: relative;
 z-index: 1;
}
.footer-area p, .footer-area ul {
 font-size: 85%;
}
.footer-area a {
 color: #FFF;
}
.footer-area ul {
 padding-left: 0;
}
.footer-area a:hover {
 color: #BBDF32;
}
.footer-content {
 position: relative;
}
.footer-content:before {
 position: absolute;
 left: 50%;
 bottom: 0;
 content: "";
 width: 100%;
 max-width: 1140px;
 border-bottom: 1px solid #BBDF32;
 transform: translateX(-50%) skew(-30deg);
}
.footer-content .logo img {
 max-width: 200px;
 margin-bottom: 2rem;
}
.footer-content .social {
 position: relative;
 padding-top: 1rem;
 width: 100%;
}
.footer-content .social a.nav-link {
 padding: .5rem 1rem;
}
.footer-content .social:before {
 position: absolute;
 top: 0;
 left: 0;
 content: "";
 width: 200px;
 border-top: 1px solid rgba(255, 255, 255, 0.25);
}
.footer-content .social a {
 display: inline-block;
 font-size: 2rem;
}
@media (min-width:0em) and (max-width:46em) {
 .footer-content .logo {
  text-align: center;
 }
 .footer-content .logo img {
  margin-right: auto;
  margin-left: auto;
 }
 .footer-content .social:before {
  left: 50%;
  transform: translateX(-50%);
 }
 .footer-content .contacts {
  padding-left: 3rem;
 }
 .footer-content .legal {
  padding-left: 3rem;
  padding-right: 3rem;
 }
 .footer-content .accreditation {
  padding-left: 3rem;
 }
 .footer-content .address {
  padding-left: 3rem;
  padding-right: 3rem;
 }
}
.footer-copyright {
 padding-top: 0.8rem;
 padding-bottom: 0.8rem;
 color: rgba(255, 255, 255, 0.75);
}
.footer-copyright p {
 margin-bottom: 0;
}
.footer-copyright a {
 text-decoration: underline;
 color: rgba(255, 255, 255, 0.75);
}
.footer-copyright span {
 padding-left: 0.5rem;
 padding-right: 0.5rem;
}
@media (min-width:0rem) and (max-width:46rem) {
 .footer-copyright {
  padding-top: 1rem;
  padding-bottom: 1rem;
 }
 .footer-copyright span {
  display: block;
 }
}
/* GDPR: https://codepen.io/henriquebaldy/pen/empMZWq */
.gdpr {
 align-items: flex-start;
 background-color: #181818;
 bottom: 3.125rem;
 box-sizing: border-box;
 color: #FFF;
 display: none;
 flex-direction: column;
 justify-content: space-between;
 opacity: 1;
 overflow: hidden;
 padding: 2.5rem 1.5rem 1.5rem;
 position: fixed;
 right: 3.125rem;
 width: 300px;
 z-index: 999;
}
.gdpr p {
 font-size: 0.85rem;
 text-align: justify;
}
.gdpr a {
 color: rgba(255, 255, 255, 0.75);
 text-decoration: underline;
 transition: color 0.3s ease;
}
.gdpr a:hover {
 color: rgba(255, 255, 255, 1);
}
.gdpr-actions {
 display: flex;
 flex-wrap: wrap;
 gap: 0.8rem;
 justify-content: center;
 margin-top: 1rem;
 width: 100%;
}
.gdpr-btn.accept {
 background-color: #BBDF32;
 border: solid 2px rgba(187, 223, 50, 0.5);
 color: #FFF;
 margin: 0;
}
.gdpr-btn.accept:hover {
 background-color: #FFF;
 border-color: #BBDF32;
 color: #181818;
}
.gdpr-btn.reject {
 background-color: transparent;
 border: 1px solid #FFF;
 color: #FFF;
 margin: 0;
}
.gdpr-btn.reject:hover {
 background-color: #FFF;
 border-color: #BBDF32;
 color: #181818;
}
.gdpr-close {
 align-items: center;
 background: none;
 border: none;
 color: #FFF;
 cursor: pointer;
 display: flex;
 font-size: 1.5rem;
 height: 1.5rem;
 justify-content: center;
 opacity: 0.5;
 padding: 0;
 position: absolute;
 right: 0.5rem;
 top: 0.5rem;
 width: 1.5rem;
}
.gdpr-close:hover {
 color: #FFF;
 opacity: 1;
}
.gdpr-manage {
 bottom: 0.5rem;
 font-size: 0.8rem;
 position: fixed;
 right: 1rem;
 z-index: 998;
}
.gdpr-manage a {
 color: #aaa;
 text-decoration: none;
 transition: color 0.3s ease;
}
.gdpr-manage a:hover {
 color: #FFF000;
}
@media (max-width: 600px) {
 .gdpr {
  align-items: center;
  border-left: none;
  border-radius: 0;
  border-right: none;
  bottom: 0;
  left: 0;
  padding: 1rem;
  right: 0;
  width: 100%;
 }
 .gdpr p {
  margin-bottom: 1rem;
  text-align: left;
 }
 .gdpr-actions {
  justify-content: center;
  gap: 0.6rem;
 }
 .gdpr-btn {
  flex: 1;
  max-width: 140px;
  text-align: center;
 }
 .gdpr-manage {
  bottom: auto;
  margin-top: 0.5rem;
  position: relative;
  right: auto;
  text-align: center;
  width: 100%;
 }
}
/* Back to top progress button */
.progress-wrap {
 position: fixed;
 right: 25px;
 bottom: 25px;
 height: 46px;
 width: 46px;
 cursor: pointer;
 display: block;
 border-radius: 50px;
 background-color: rgba(255, 255, 255, 0.05);
 box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.25);
 transform: translateY(15px);
 -webkit-transition: all 200ms linear;
 transition: all 200ms linear;
 visibility: hidden;
 z-index: 99;
 opacity: 0;
}
@media (min-width:0rem) and (max-width:46rem) {
 .progress-wrap {
  right: 1.5rem;
  bottom: 1rem;
 }
}
.progress-wrap.active-progress {
 opacity: 1;
 visibility: visible;
 transform: translateY(0);
}
.progress-wrap ion-icon {
 position: absolute;
 top: 50%;
 left: 50%;
 color: #BBDF32;
 transform: translateX(-50%) translateY(-50%);
 pointer-events: none;
}
.progress-wrap svg path {
 fill: none;
}
.progress-wrap svg.progress-circle path {
 stroke: #BBDF32;
 stroke-width: 5;
 box-sizing: border-box;
 -webkit-transition: all 200ms linear;
 transition: all 200ms linear;
}
.progress-wrap {
 box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.2);
}
/* ==================================================
   Tables
================================================== */
.datagrid {
 margin-top: 0;
 margin-bottom: 2rem;
}
@media (min-width:0em) and (max-width:46em) {
 .datagrid {
  margin-left: -2rem;
  margin-right: -2rem;
  overflow-x: auto;
 }
}
.datagrid table {
 font-size: 0.8rem;
 width: 100%;
 cursor: default;
}
.datagrid table h4 {
 text-align: center;
 padding: 0;
}
.datagrid table h6 {
 font-size: 1.1em;
 color: black;
 font-weight: 700;
 margin-top: 10px;
}
.datagrid table .fa {
 font-size: 1.5em;
 margin-right: 5px;
}
.datagrid table thead th {
 text-align: center;
}
.datagrid table th {
 padding: 10px;
}
@media (min-width:0em) and (max-width:46em) {
 .datagrid table th {
  padding: 5px;
 }
}
.datagrid table td {
 padding: 10px;
 vertical-align: middle;
}
.datagrid table thead th {
 font-family: 'Barlow Condensed', sans-serif;
 font-size: 1rem;
 font-weight: normal;
 text-transform: uppercase;
 background-color: #BBDF32;
 color: #FFF;
}
.datagrid table tr {
 border-bottom: 1px solid #FFF;
}
.datagrid table thead tr th:nth-child(2n) {
 background-color: #BBDF32;
}
.datagrid table thead tr th:nth-child(2n+1) {
 background-color: #AFD12C;
}
.datagrid table tbody td {
 font-size: 1em;
 font-weight: normal;
 border-right: 1px solid #FFF;
}
.datagrid table tbody td:last-child {
 border-right: none;
}
.datagrid table td span {
 display: block;
}
.datagrid table tr:nth-child(2n) {
 background-color: rgba(0, 0, 0, 0.02);
}
.datagrid table tr:nth-child(2n+1) {
 background-color: rgba(0, 0, 0, 0.05);
}
.datagrid table td.strong {
 font-weight: 700;
}
.datagrid table tbody tr:hover {
 background-color: rgba(0, 0, 0, 0.1);
}
.datagrid table tbody tr:hover .tt-column {
 background-color: #F2FFCC;
}
.datagrid table tbody tr td.tt-column {
 background-color: rgba(0, 0, 0, 0.05);
 font-weight: 700;
}
/* =====================================================
   Bootstrap additional 5 columns layout: https://www.wearesicc.com/quick-tips-5-column-layout-with-twitter-bootstrap/
===================================================== */
.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 {
 position: relative;
 min-height: 1px;
 padding-right: 10px;
 padding-left: 10px;
}
.col-xs-15 {
 width: 20%;
 float: left;
}
@media (min-width: 768px) {
 .col-sm-15 {
  width: 20%;
  float: left;
 }
}
@media (min-width: 992px) {
 .col-md-15 {
  width: 20%;
  float: left;
 }
}
@media (min-width: 1200px) {
 .col-lg-15 {
  width: 20%;
  float: left;
 }
}
/* ========================================================
   Display content based on date and time: https://jsfiddle.net/eN6Sg/5/
======================================================== */
.timedContent, .DateRange {
 display: none;
}
/* =====================================================
   Prevent Rotation on Mobile Devices (SVG)
===================================================== */
@media (min-width:0em) and (max-width:67.4375em) and (orientation: landscape) {
 .rotate-container-vertical {
  position: fixed;
  top: 0;
  left: 0;
  width: 100dvw;
  height: 100dvh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #FFF;
  pointer-events: none;
  z-index: 9999;
 }
 .rotate-container-vertical > figure {
  text-align: center;
 }
 .rotate-container-vertical figure img, .rotate-container-vertical figure svg {
  display: block;
  max-width: 100px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2rem;
 }
 .rotate-container-vertical p {
  font-size: 120%;
  margin-bottom: 0;
 }
 .wrapper {
  display: none;
 }
}
@media (min-width:37.5em) and (min-height:31.25em) {
 .rotate-container-vertical {
  display: none;
 }
}
@media (min-width:60em) {
 .rotate-container-vertical {
  display: none;
 }
}
@media (orientation: portrait) {
 .rotate-container-vertical {
  display: none;
 }
}
/**/