@charset "UTF-8";
/*
-
FRAMEWORK DO v1.1
-
*/
/*
-
Les couleurs !!!
-
*/
/*!
 * Bootstrap Grid v5.0.0-beta2 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-flex {
  display: flex !important;
}

.d-none {
  display: none !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}
@media (min-width: 768px) {

  .d-md-block {
    display: block !important;
  }

  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
}
@media (min-width: 992px) {

  .d-lg-block {
    display: block !important;
  }

  .d-lg-none {
    display: none !important;
  }

  .flex-lg-row {
    flex-direction: row !important;
  }

  .justify-content-lg-start {
    justify-content: flex-start !important;
  }

  .justify-content-lg-between {
    justify-content: space-between !important;
  }

  .align-items-lg-start {
    align-items: flex-start !important;
  }
}

.mix-overlay {
  mix-blend-mode: overlay !important;
}

.mix-screen {
  mix-blend-mode: screen !important;
}

/*
-
FRAMEWORK DO v1.1
-
Core de la créature
-
*/
:root {
  --xxxs: 0.34;
}
:root {
  --xxs: 0.55;
}
:root {
  --xs: 0.89;
}
:root {
  --sm: 1.44;
}
:root {
  --md: 2.33;
}
:root {
  --lg: 3.77;
}
:root {
  --xl: 6.1;
}
:root {
  --xxl: 9.87;
}
:root {
  --xxxl: 15.97;
}
.do-p-xxxs {
  padding: 0.34rem;
}

.do-mt-xxxs {
  margin-top: 0.34rem;
}

.do-mb-xxxs {
  margin-bottom: 0.34rem;
}

.do-mr-xxxs {
  margin-right: 0.34rem;
}

.do-mt-n-xxxs {
  margin-top: -0.34rem;
}

.do-mr-n-xxxs {
  margin-right: -0.34rem;
}

.do-h-xxxs {
  height: 0.34rem;
}

.do-fs-xxxs {
  font-size: 0.476rem;
  line-height: 1.5;
}

.do-fs-xxxs.big {
  font-size: 0.7701841786rem !important;
}

.do-fs-xxxs.small {
  font-size: 0.2941841786rem !important;
}

.do-fs-xxxs.medium {
  font-size: 0.3966666667rem !important;
}

.do-auto-xxxs {
  grid-template-columns: repeat(auto-fit, minmax(3.4rem, 1fr));
}

.do-gap-xxxs {
  grid-gap: 0.34rem;
}

.right-xxxs {
  right: 0.34%;
}
.do-p-xxs {
  padding: 0.55rem;
}

.do-px-xxs {
  padding-left: 0.55rem;
  padding-right: 0.55rem;
}

.do-py-xxs {
  padding-top: 0.55rem;
  padding-bottom: 0.55rem;
}

.do-pl-xxs {
  padding-left: 0.55rem;
}

.do-m-xxs {
  margin: 0.55rem;
}

.do-mx-xxs {
  margin-left: 0.55rem;
  margin-right: 0.55rem;
}

.do-mt-xxs {
  margin-top: 0.55rem;
}

.do-ml-xxs {
  margin-left: 0.55rem;
}

.do-mr-xxs {
  margin-right: 0.55rem;
}

.do-h-xxs {
  height: 0.55rem;
}

.do-h-100-xxs {
  height: calc(100% + 0.55rem);
}

.do-w-100-xxs {
  width: calc(100% + 0.55rem);
}

.do-fs-xxs {
  font-size: 0.77rem;
  line-height: 1.5;
}

.do-fs-xxs.big {
  font-size: 1.2458861713rem !important;
}

.do-fs-xxs.small {
  font-size: 0.4758861713rem !important;
}

.do-fs-xxs.medium {
  font-size: 0.6416666667rem !important;
}

.do-auto-xxs {
  grid-template-columns: repeat(auto-fit, minmax(5.5rem, 1fr));
}

.do-gap-xxs {
  grid-gap: 0.55rem;
}

.top-xxs-rem {
  top: 0.55rem;
}

.bottom-xxs-rem {
  bottom: 0.55rem;
}
.do-p-xs {
  padding: 0.89rem;
}

.do-px-xs {
  padding-left: 0.89rem;
  padding-right: 0.89rem;
}

.do-py-xs {
  padding-top: 0.89rem;
  padding-bottom: 0.89rem;
}

.do-mt-xs {
  margin-top: 0.89rem;
}

.do-mb-xs {
  margin-bottom: 0.89rem;
}

.do-ml-xs {
  margin-left: 0.89rem;
}

.do-mr-xs {
  margin-right: 0.89rem;
}

.do-ml-n-xs {
  margin-left: -0.89rem;
}

.do-h-xs {
  height: 0.89rem;
}

.do-h-gold-xs-100 {
  height: 105.573%;
}

.do-h-100-xs {
  height: calc(100% + 0.89rem);
}

.do-w-xs {
  width: 0.89rem;
}

.do-w-px-xs {
  width: 0.89px;
}

.do-fs-xs {
  font-size: 1.246rem;
  line-height: 1.5;
}

.do-fs-xs.big {
  font-size: 2.01607035rem !important;
}

.do-fs-xs.small {
  font-size: 0.77007035rem !important;
}

.do-fs-xs.medium {
  font-size: 1.0383333333rem !important;
}

.do-auto-xs {
  grid-template-columns: repeat(auto-fit, minmax(8.9rem, 1fr));
}

.do-gap-xs {
  grid-gap: 0.89rem;
}

.left-n-xs-rem {
  left: -0.89rem;
}

.right-n-xs-rem {
  right: -0.89rem;
}

.top-xs {
  top: 0.89%;
}

.top-xs-rem {
  top: 0.89rem;
}

.do-fs-fluid-xs {
  font-size: clamp( 0.55005025rem, 0.712vw, 0.89rem );
}
.do-p-sm,
#nav .nav-container.open {
  padding: 1.44rem;
}

.do-px-sm {
  padding-left: 1.44rem;
  padding-right: 1.44rem;
}

.do-py-sm,
#nav a.main-link {
  padding-top: 1.44rem;
  padding-bottom: 1.44rem;
}

.do-pt-sm {
  padding-top: 1.44rem;
}

.do-pb-sm {
  padding-bottom: 1.44rem;
}

.do-pr-sm {
  padding-right: 1.44rem;
}

.do-my-sm {
  margin-top: 1.44rem;
  margin-bottom: 1.44rem;
}

.do-mt-sm {
  margin-top: 1.44rem;
}

.do-mb-sm {
  margin-bottom: 1.44rem;
}

.do-mr-sm,
#nav a.main-link {
  margin-right: 1.44rem;
}

.do-h-sm {
  height: 1.44rem;
}

.do-h-gold-sm-100 {
  height: 109.017%;
}

.do-h-px-sm {
  height: 1.44px;
}

.do-w-sm {
  width: 1.44rem;
}

.do-w-100-sm {
  width: calc(100% + 1.44rem);
}

.do-w-px-sm {
  width: 1.44px;
}

.do-wh-sm {
  width: 1.44rem;
  height: 1.44rem;
}

.do-fs-sm {
  font-size: 2.016rem;
  line-height: 1.5;
}

.do-fs-sm.big {
  font-size: 3.2619565213rem !important;
}

.do-fs-sm.small {
  font-size: 1.2459565213rem !important;
}

.do-fs-sm.medium {
  font-size: 1.68rem !important;
}

.do-scale-sm {
  transform: scale(1.44);
}

.do-auto-sm {
  grid-template-columns: repeat(auto-fit, minmax(14.4rem, 1fr));
}

.do-gap-sm {
  grid-gap: 1.44rem;
}

.left-n-sm {
  left: -1.44%;
}

.left-n-sm-rem {
  left: -1.44rem;
}

.right-n-sm-rem {
  right: -1.44rem;
}

.bottom-n-sm-rem {
  bottom: -1.44rem;
}

.do-fs-fluid-sm {
  font-size: clamp( 0.8899689438rem, 1.152vw, 1.44rem );
}
.do-p-md,
footer .footer-card {
  padding: 2.33rem;
}

.do-px-md {
  padding-left: 2.33rem;
  padding-right: 2.33rem;
}

.do-py-md {
  padding-top: 2.33rem;
  padding-bottom: 2.33rem;
}

.do-pt-md {
  padding-top: 2.33rem;
}

.do-pb-md {
  padding-bottom: 2.33rem;
}

.do-pr-md {
  padding-right: 2.33rem;
}

.do-my-md {
  margin-top: 2.33rem;
  margin-bottom: 2.33rem;
}

.do-mt-md {
  margin-top: 2.33rem;
}

.do-mb-md {
  margin-bottom: 2.33rem;
}

.do-ml-md {
  margin-left: 2.33rem;
}

.do-mr-md {
  margin-right: 2.33rem;
}

.do-h-md {
  height: 2.33rem;
}

.do-h-px-md {
  height: 2.33px;
}

.do-w-md {
  width: 2.33rem;
}

.do-w-px-md {
  width: 2.33px;
}

.do-wh-md {
  width: 2.33rem;
  height: 2.33rem;
}

.do-br-md {
  border-radius: 2.33rem;
}

.do-fs-md {
  font-size: 3.262rem;
  line-height: 1.5;
}

.do-fs-md.big {
  font-size: 5.2780268713rem !important;
}

.do-fs-md.small {
  font-size: 2.0160268713rem !important;
}

.do-fs-md.medium {
  font-size: 2.7183333333rem !important;
}

.do-auto-md {
  grid-template-columns: repeat(auto-fit, minmax(23.3rem, 1fr));
}

.do-gap-md {
  grid-gap: 2.33rem;
}

.left-n-md-rem {
  left: -2.33rem;
}

.right-md-rem {
  right: 2.33rem;
}

.top-md-rem {
  top: 2.33rem;
}

.top-n-md-rem {
  top: -2.33rem;
}

.bottom-md-rem {
  bottom: 2.33rem;
}

.do-fs-fluid-md {
  font-size: clamp( 1.4400191938rem, 1.864vw, 2.33rem );
}
.do-p-lg {
  padding: 3.77rem;
}

.do-px-lg {
  padding-left: 3.77rem;
  padding-right: 3.77rem;
}

.do-py-lg {
  padding-top: 3.77rem;
  padding-bottom: 3.77rem;
}

.do-pb-lg {
  padding-bottom: 3.77rem;
}

.do-my-lg {
  margin-top: 3.77rem;
  margin-bottom: 3.77rem;
}

.do-mt-lg {
  margin-top: 3.77rem;
}

.do-mb-lg {
  margin-bottom: 3.77rem;
}

.do-h-lg {
  height: 3.77rem;
}

.do-h-gold-lg-100 {
  height: 123.607%;
}

.do-h-100-lg {
  height: calc(100% + 3.77rem);
}

.do-w-lg {
  width: 3.77rem;
}

.do-max-w-lg {
  max-width: 37.7rem;
}

.do-w-px-lg {
  width: 3.77px;
}

.do-fs-lg {
  font-size: 5.278rem;
  line-height: 1.5;
}

.do-fs-lg.big {
  font-size: 8.5399833926rem !important;
}

.do-fs-lg.small {
  font-size: 3.2619833926rem !important;
}

.do-fs-lg.medium {
  font-size: 4.3983333333rem !important;
}

.do-auto-lg {
  grid-template-columns: repeat(auto-fit, minmax(37.7rem, 1fr));
}

.do-gap-lg {
  grid-gap: 3.77rem;
}

.top-lg-rem {
  top: 3.77rem;
}

.bottom-lg-rem {
  bottom: 3.77rem;
}

.do-fs-fluid-lg {
  font-size: clamp( 2.3299881376rem, 3.016vw, 3.77rem );
}

.do-px-smart-lg,
section {
  padding-left: 0.47125rem;
  padding-right: 0.47125rem;
}

@media screen and (min-width: 320px) {
  .do-px-smart-lg,
section {
    padding-left: 0.54rem;
    padding-right: 0.54rem;
  }
}
@media screen and (min-width: 576px) {
  .do-px-smart-lg,
section {
    padding-left: 0.63rem;
    padding-right: 0.63rem;
  }
}
@media screen and (min-width: 768px) {
  .do-px-smart-lg,
section {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
@media screen and (min-width: 992px) {
  .do-px-smart-lg,
section {
    padding-left: 0.94rem;
    padding-right: 0.94rem;
  }
}
@media screen and (min-width: 1200px) {
  .do-px-smart-lg,
section {
    padding-left: 1.26rem;
    padding-right: 1.26rem;
  }
}
@media screen and (min-width: 1400px) {
  .do-px-smart-lg,
section {
    padding-left: 1.89rem;
    padding-right: 1.89rem;
  }
}
@media screen and (min-width: 1600px) {
  .do-px-smart-lg,
section {
    padding-left: 3.77rem;
    padding-right: 3.77rem;
  }
}
.do-pr-smart-lg {
  padding-right: 0.47125rem;
}

@media screen and (min-width: 320px) {
  .do-pr-smart-lg {
    padding-right: 0.54rem;
  }
}
@media screen and (min-width: 576px) {
  .do-pr-smart-lg {
    padding-right: 0.63rem;
  }
}
@media screen and (min-width: 768px) {
  .do-pr-smart-lg {
    padding-right: 0.75rem;
  }
}
@media screen and (min-width: 992px) {
  .do-pr-smart-lg {
    padding-right: 0.94rem;
  }
}
@media screen and (min-width: 1200px) {
  .do-pr-smart-lg {
    padding-right: 1.26rem;
  }
}
@media screen and (min-width: 1400px) {
  .do-pr-smart-lg {
    padding-right: 1.89rem;
  }
}
@media screen and (min-width: 1600px) {
  .do-pr-smart-lg {
    padding-right: 3.77rem;
  }
}

.do-py-xl {
  padding-top: 6.1rem;
  padding-bottom: 6.1rem;
}

.do-pt-xl {
  padding-top: 6.1rem;
}

.do-my-xl {
  margin-top: 6.1rem;
  margin-bottom: 6.1rem;
}

.do-mt-xl {
  margin-top: 6.1rem;
}

.do-mb-xl {
  margin-bottom: 6.1rem;
}

.do-h-xl {
  height: 6.1rem;
}

.do-h-gold-xl-100 {
  height: 138.197%;
}

.do-h-100-xl {
  height: calc(100% + 6.1rem);
}

.do-w-gold-xl {
  width: 38.197%;
}

.do-max-w-xl {
  max-width: 61rem;
}

.do-w-n-100-xl {
  width: calc(100% - 6.1rem);
}

.do-wh-xl {
  width: 6.1rem;
  height: 6.1rem;
}

.do-auto-xl {
  grid-template-columns: repeat(auto-fit, minmax(61rem, 1fr));
}

.left-xl-rem {
  left: 6.1rem;
}

.left-n-xl-rem {
  left: -6.1rem;
}

.right-xl-rem {
  right: 6.1rem;
}

.top-xl-rem {
  top: 6.1rem;
}

.top-n-xl-rem {
  top: -6.1rem;
}

.do-px-smart-xl {
  padding-left: 0.7625rem;
  padding-right: 0.7625rem;
}

@media screen and (min-width: 320px) {
  .do-px-smart-xl {
    padding-left: 0.87rem;
    padding-right: 0.87rem;
  }
}
@media screen and (min-width: 576px) {
  .do-px-smart-xl {
    padding-left: 1.02rem;
    padding-right: 1.02rem;
  }
}
@media screen and (min-width: 768px) {
  .do-px-smart-xl {
    padding-left: 1.22rem;
    padding-right: 1.22rem;
  }
}
@media screen and (min-width: 992px) {
  .do-px-smart-xl {
    padding-left: 1.53rem;
    padding-right: 1.53rem;
  }
}
@media screen and (min-width: 1200px) {
  .do-px-smart-xl {
    padding-left: 2.03rem;
    padding-right: 2.03rem;
  }
}
@media screen and (min-width: 1400px) {
  .do-px-smart-xl {
    padding-left: 3.05rem;
    padding-right: 3.05rem;
  }
}
@media screen and (min-width: 1600px) {
  .do-px-smart-xl {
    padding-left: 6.1rem;
    padding-right: 6.1rem;
  }
}

.do-mt-xxl {
  margin-top: 9.87rem;
}

.do-mb-xxl {
  margin-bottom: 9.87rem;
}

.do-ml-xxl {
  margin-left: 9.87rem;
}

.do-h-xxl {
  height: 9.87rem;
}

.do-h-100-xxl {
  height: calc(100% + 9.87rem);
}

.do-w-xxl,
.race-item-list:hover .line,
.race-item-list.active .line {
  width: 9.87rem;
}

.do-w-gold-xxl {
  width: 61.803%;
}

.do-w-100-xxl {
  width: calc(100% + 9.87rem);
}

.do-wh-xxl {
  width: 9.87rem;
  height: 9.87rem;
}

.do-auto-xxl {
  grid-template-columns: repeat(auto-fit, minmax(98.7rem, 1fr));
}

.top-xxl {
  top: 9.87%;
}

.top-xxl-rem {
  top: 9.87rem;
}

.top-n-xxl-rem {
  top: -9.87rem;
}

.do-px-smart-xxl {
  padding-left: 1.23375rem;
  padding-right: 1.23375rem;
}

@media screen and (min-width: 320px) {
  .do-px-smart-xxl {
    padding-left: 1.41rem;
    padding-right: 1.41rem;
  }
}
@media screen and (min-width: 576px) {
  .do-px-smart-xxl {
    padding-left: 1.65rem;
    padding-right: 1.65rem;
  }
}
@media screen and (min-width: 768px) {
  .do-px-smart-xxl {
    padding-left: 1.97rem;
    padding-right: 1.97rem;
  }
}
@media screen and (min-width: 992px) {
  .do-px-smart-xxl {
    padding-left: 2.47rem;
    padding-right: 2.47rem;
  }
}
@media screen and (min-width: 1200px) {
  .do-px-smart-xxl {
    padding-left: 3.29rem;
    padding-right: 3.29rem;
  }
}
@media screen and (min-width: 1400px) {
  .do-px-smart-xxl {
    padding-left: 4.94rem;
    padding-right: 4.94rem;
  }
}
@media screen and (min-width: 1600px) {
  .do-px-smart-xxl {
    padding-left: 9.87rem;
    padding-right: 9.87rem;
  }
}

.do-mt-xxxl {
  margin-top: 15.97rem;
}

.do-h-xxxl {
  height: 15.97rem;
}

.do-w-xxxl {
  width: 15.97rem;
}

.do-w-gold-xxxl {
  width: 100%;
}

.do-wh-xxxl {
  width: 15.97rem;
  height: 15.97rem;
}

.do-auto-xxxl {
  grid-template-columns: repeat(auto-fit, minmax(159.7rem, 1fr));
}

.left-xxxl-rem {
  left: 15.97rem;
}

.left-n-xxxl-rem {
  left: -15.97rem;
}

.right-xxxl {
  right: 15.97%;
}

.top-xxxl {
  top: 15.97%;
}

.top-xxxl-rem {
  top: 15.97rem;
}

.do-px-smart-xxxl {
  padding-left: 1.99625rem;
  padding-right: 1.99625rem;
}

@media screen and (min-width: 320px) {
  .do-px-smart-xxxl {
    padding-left: 2.28rem;
    padding-right: 2.28rem;
  }
}
@media screen and (min-width: 576px) {
  .do-px-smart-xxxl {
    padding-left: 2.66rem;
    padding-right: 2.66rem;
  }
}
@media screen and (min-width: 768px) {
  .do-px-smart-xxxl {
    padding-left: 3.19rem;
    padding-right: 3.19rem;
  }
}
@media screen and (min-width: 992px) {
  .do-px-smart-xxxl {
    padding-left: 3.99rem;
    padding-right: 3.99rem;
  }
}
@media screen and (min-width: 1200px) {
  .do-px-smart-xxxl {
    padding-left: 5.32rem;
    padding-right: 5.32rem;
  }
}
@media screen and (min-width: 1400px) {
  .do-px-smart-xxxl {
    padding-left: 7.99rem;
    padding-right: 7.99rem;
  }
}
@media screen and (min-width: 1600px) {
  .do-px-smart-xxxl {
    padding-left: 15.97rem;
    padding-right: 15.97rem;
  }
}
.pos {
  position: sticky;
}

.pof {
  position: fixed !important;
}

.por {
  position: relative;
}

.poa {
  position: absolute !important;
}

.center {
  left: 50%;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
}

[do-event-scroll=down] .scroll-down\:trans-y-before {
  transform: translateY(-100%);
}

.trans-x-before {
  transform: translateX(-100%);
}

.trans-x-before-y-middle {
  transform: translateX(-100%) translateY(-50%);
}

.trans-x-middle {
  transform: translateX(-50%);
}

.trans-x-middle-y-after {
  transform: translateX(-50%) translateY(100%);
}

.trans-x-after-y-middle {
  transform: translateX(100%) translateY(-50%);
}

.trans-y-before {
  transform: translateY(-100%);
}

.trans-y-before-x-before {
  transform: translateY(-100%) translateX(-100%);
}

.trans-y-before-x-middle {
  transform: translateY(-100%) translateX(-50%);
}

.trans-y-before-x-after {
  transform: translateY(-100%) translateX(100%);
}

.trans-y-middle {
  transform: translateY(-50%);
}

.trans-y-middle-x-after {
  transform: translateY(-50%) translateX(100%);
}

.trans-y-after-x-middle {
  transform: translateY(100%) translateX(-50%);
}

.left {
  left: 0%;
}

.left-middle {
  left: 50%;
}

.left-end {
  left: 100%;
}

.right {
  right: 0%;
}

.top {
  top: 0%;
}

.top-middle {
  top: 50%;
}

.bottom {
  bottom: 0%;
}

.do-o-0 {
  opacity: 0;
}

.active > .active\:do-o-0 {
  opacity: 0;
}

.do-scale-x-0 {
  transform: scaleX(0);
}

.active > .active\:do-scale-x-0 {
  transform: scaleX(0);
}

.do-scale-y-0 {
  transform: scaleY(0);
}

.do-z-0 {
  z-index: 0;
}

.do-grid-1 {
  grid-template-columns: repeat(1, 1fr) !important;
}

.do-grid-col-1 {
  grid-column: span 1;
}

.do-o-1 {
  opacity: 0.1;
}

.do-z-1 {
  z-index: 1;
}

.do-blur-1 {
  filter: blur(1rem);
}

.do-grid-2 {
  grid-template-columns: repeat(2, 1fr) !important;
}

.do-grid-col-2 {
  grid-column: span 2;
}

.do-grid-col-end-2 {
  grid-column-end: span 2;
}

.do-grid-row-2 {
  grid-row: span 2;
}

.do-o-2 {
  opacity: 0.2;
}

.do-h-2-max-rem {
  max-height: 20rem;
}

.do-w-2 {
  width: 20%;
}

.do-w-2-vw {
  min-width: 20vw;
}

.do-z-2 {
  z-index: 2;
}

.do-blur-2 {
  filter: blur(2rem);
}

.do-o-3 {
  opacity: 0.3;
}

.do-h-3-max-rem {
  max-height: 30rem;
}

.do-z-3 {
  z-index: 3;
}

.do-blur-3 {
  filter: blur(3rem);
}

.do-o-4 {
  opacity: 0.4;
}

.do-h-4-max-rem {
  max-height: 40rem;
}

.do-w-4 {
  width: 40%;
}

.do-z-4 {
  z-index: 4;
}

.do-o-5 {
  opacity: 0.5;
}

.do-h-5-vh {
  min-height: 50vh;
}

.do-w-5 {
  width: 50%;
}

.do-w-5-max-rem {
  max-width: 50rem;
}

.do-z-5 {
  z-index: 5;
}

.do-o-6 {
  opacity: 0.6;
}

.do-scale-x-6 {
  transform: scaleX(0.6);
}

.do-h-6-vh {
  min-height: 60vh;
}

.do-h-6-max-rem {
  max-height: 60rem;
}

.do-z-6 {
  z-index: 6;
}

.do-shadow-6 {
  box-shadow: 0px 3rem 1rem rgba(0, 0, 0, 0.1);
}

.do-o-7 {
  opacity: 0.7;
}

.do-h-7-vh {
  min-height: 70vh;
}

.do-z-7 {
  z-index: 7;
}

.do-o-8 {
  opacity: 0.8;
}

.do-h-8 {
  height: 80%;
}

.do-w-8 {
  width: 80%;
}

.do-z-8 {
  z-index: 8;
}

.do-scale-y-9 {
  transform: scaleY(0.9);
}

.do-h-9-vh {
  min-height: 90vh;
}

.do-w-9 {
  width: 90%;
}

.do-z-9 {
  z-index: 9;
}

[do-event-page=start] .page-start\:do-o-10 {
  opacity: 1;
}

.do-o-10 {
  opacity: 1;
}

.active > .active\:do-o-10 {
  opacity: 1;
}

.do-scale-x-10 {
  transform: scaleX(1);
}

.do-h-10 {
  height: 100%;
}

.do-h-10-vh,
section {
  min-height: 100vh;
}

.do-w-10 {
  width: 100%;
}

.do-z-10 {
  z-index: 10;
}

.do-rotation-10 {
  transform: rotate(-90deg);
}

.do-scale-16 {
  transform: scale(1.6);
}

.set-all-contraste\:main {
  --contraste-color: var(--main) !important;
  --contraste1-color: var(
      --main1
  ) !important;
  --contraste1-n-color: var(
      --main1-n
  ) !important;
  --contraste2-color: var(
      --main2
  ) !important;
  --contraste2-n-color: var(
      --main2-n
  ) !important;
  --contraste3-color: var(
      --main3
  ) !important;
  --contraste3-n-color: var(
      --main3-n
  ) !important;
  --contraste4-color: var(
      --main4
  ) !important;
  --contraste4-n-color: var(
      --main4-n
  ) !important;
  --contraste5-color: var(
      --main5
  ) !important;
  --contraste5-n-color: var(
      --main5-n
  ) !important;
}

[data-do-bg=main] {
  background-color: var(--main-color) !important;
}

:root {
  --main: #F29121;
  --main-color: var(--main);
}

.do-bg-main-color {
  background-color: var(--main-color) !important;
}

.active .active\:do-bg-main-color {
  background-color: var(--main-color) !important;
}

.do-bg-main-color\:hover:hover {
  background-color: var(--main-color) !important;
}

.do-txt-main-color {
  color: var(--main-color) !important;
}

.active .active\:do-txt-main-color {
  color: var(--main-color) !important;
}

.race-item-list:hover .line, .race-item-list.active .line {
  background-color: var(--main-color) !important;
}

:root {
  --main1: #ea840e;
  --main1-color: var(--main1);
}

.do-bg-main1-color {
  background-color: var(--main1-color) !important;
}

.do-bg-main1-color\:hover:hover {
  background-color: var(--main1-color) !important;
}

:root {
  --main1-n: #f39c37;
  --main1-n-color: var(--main1-n);
}

.do-bg-main1-n-color {
  background-color: var(--main1-n-color) !important;
}

.do-bg-main1-n-color\:hover:hover {
  background-color: var(--main1-n-color) !important;
}

:root {
  --main2: #d0750c;
  --main2-color: var(--main2);
}

.do-bg-main2-color {
  background-color: var(--main2-color) !important;
}

.do-bg-main2-color\:hover:hover {
  background-color: var(--main2-color) !important;
}

.do-txt-main2-color {
  color: var(--main2-color) !important;
}

:root {
  --main2-n: #f5a74d;
  --main2-n-color: var(--main2-n);
}

.do-bg-main2-n-color {
  background-color: var(--main2-n-color) !important;
}

.do-bg-main2-n-color\:hover:hover {
  background-color: var(--main2-n-color) !important;
}

[data-do-bg=main2] {
  background-color: var(--main2-color) !important;
}

:root {
  --main3: #b6660b;
  --main3-color: var(--main3);
}

.do-bg-main3-color {
  background-color: var(--main3-color) !important;
}

.do-bg-main3-color\:hover:hover {
  background-color: var(--main3-color) !important;
}

:root {
  --main3-n: #f6b264;
  --main3-n-color: var(--main3-n);
}

.do-bg-main3-n-color {
  background-color: var(--main3-n-color) !important;
}

.do-bg-main3-n-color\:hover:hover {
  background-color: var(--main3-n-color) !important;
}

:root {
  --main4: #9c5809;
  --main4-color: var(--main4);
}

.do-bg-main4-color {
  background-color: var(--main4-color) !important;
}

.do-bg-main4-color\:hover:hover {
  background-color: var(--main4-color) !important;
}

:root {
  --main4-n: #f7bd7a;
  --main4-n-color: var(--main4-n);
}

.do-bg-main4-n-color {
  background-color: var(--main4-n-color) !important;
}

.do-bg-main4-n-color\:hover:hover {
  background-color: var(--main4-n-color) !important;
}

:root {
  --main5: #824908;
  --main5-color: var(--main5);
}

.do-bg-main5-color {
  background-color: var(--main5-color) !important;
}

.do-bg-main5-color\:hover:hover {
  background-color: var(--main5-color) !important;
}

:root {
  --main5-n: #f9c890;
  --main5-n-color: var(--main5-n);
}

.do-bg-main5-n-color {
  background-color: var(--main5-n-color) !important;
}

.do-bg-main5-n-color\:hover:hover {
  background-color: var(--main5-n-color) !important;
}

[data-set-main=second] {
  --main-color: var(--second) !important;
}

[data-set-main=contraste] {
  --main-color: var(--contraste) !important;
}

[data-do=main-contraste] {
  background-color: var(--main-color) !important;
  color: var(--contraste-color) !important;
}

[data-do-hover=main-contraste]:hover {
  background-color: var(--main-color) !important;
  color: var(--contraste-color) !important;
}

[data-do-hover=main-contraste]:hover path {
  fill: var(--contraste-color) !important;
}

[data-set-main=fade] {
  --main-color: var(--fade) !important;
}

.set-all-main\:second {
  --main-color: var(--second) !important;
  --main1-color: var(
      --second1
  ) !important;
  --main1-n-color: var(
      --second1-n
  ) !important;
  --main2-color: var(
      --second2
  ) !important;
  --main2-n-color: var(
      --second2-n
  ) !important;
  --main3-color: var(
      --second3
  ) !important;
  --main3-n-color: var(
      --second3-n
  ) !important;
  --main4-color: var(
      --second4
  ) !important;
  --main4-n-color: var(
      --second4-n
  ) !important;
  --main5-color: var(
      --second5
  ) !important;
  --main5-n-color: var(
      --second5-n
  ) !important;
}

.set-all-contraste\:second {
  --contraste-color: var(--second) !important;
  --contraste1-color: var(
      --second1
  ) !important;
  --contraste1-n-color: var(
      --second1-n
  ) !important;
  --contraste2-color: var(
      --second2
  ) !important;
  --contraste2-n-color: var(
      --second2-n
  ) !important;
  --contraste3-color: var(
      --second3
  ) !important;
  --contraste3-n-color: var(
      --second3-n
  ) !important;
  --contraste4-color: var(
      --second4
  ) !important;
  --contraste4-n-color: var(
      --second4-n
  ) !important;
  --contraste5-color: var(
      --second5
  ) !important;
  --contraste5-n-color: var(
      --second5-n
  ) !important;
}

[data-do-bg=second] {
  background-color: var(--second-color) !important;
}

:root {
  --second: #FFFFFF;
  --second-color: var(--second);
}

.do-bg-second-color {
  background-color: var(--second-color) !important;
}

.active .active\:do-bg-second-color {
  background-color: var(--second-color) !important;
}

.do-bg-second-color\:hover:hover {
  background-color: var(--second-color) !important;
}

.do-txt-second-color {
  color: var(--second-color) !important;
}

:root {
  --second1: #e6e6e6;
  --second1-color: var(--second1);
}

.do-bg-second1-color {
  background-color: var(--second1-color) !important;
}

.do-bg-second1-color\:hover:hover {
  background-color: var(--second1-color) !important;
}

:root {
  --second1-n: white;
  --second1-n-color: var(--second1-n);
}

.do-bg-second1-n-color {
  background-color: var(--second1-n-color) !important;
}

.do-bg-second1-n-color\:hover:hover {
  background-color: var(--second1-n-color) !important;
}

[data-do-bg=second1-n] {
  background-color: var(--second1-n-color) !important;
}

:root {
  --second2: #cccccc;
  --second2-color: var(--second2);
}

.do-bg-second2-color {
  background-color: var(--second2-color) !important;
}

.do-bg-second2-color\:hover:hover {
  background-color: var(--second2-color) !important;
}

:root {
  --second2-n: white;
  --second2-n-color: var(--second2-n);
}

.do-bg-second2-n-color {
  background-color: var(--second2-n-color) !important;
}

.do-bg-second2-n-color\:hover:hover {
  background-color: var(--second2-n-color) !important;
}

:root {
  --second3: #b3b3b3;
  --second3-color: var(--second3);
}

.do-bg-second3-color {
  background-color: var(--second3-color) !important;
}

.do-bg-second3-color\:hover:hover {
  background-color: var(--second3-color) !important;
}

:root {
  --second3-n: white;
  --second3-n-color: var(--second3-n);
}

.do-bg-second3-n-color {
  background-color: var(--second3-n-color) !important;
}

.do-bg-second3-n-color\:hover:hover {
  background-color: var(--second3-n-color) !important;
}

[data-do-bg=second3-n] {
  background-color: var(--second3-n-color) !important;
}

:root {
  --second4: #999999;
  --second4-color: var(--second4);
}

.do-bg-second4-color {
  background-color: var(--second4-color) !important;
}

.do-bg-second4-color\:hover:hover {
  background-color: var(--second4-color) !important;
}

:root {
  --second4-n: white;
  --second4-n-color: var(--second4-n);
}

.do-bg-second4-n-color {
  background-color: var(--second4-n-color) !important;
}

.do-bg-second4-n-color\:hover:hover {
  background-color: var(--second4-n-color) !important;
}

:root {
  --second5: gray;
  --second5-color: var(--second5);
}

.do-bg-second5-color {
  background-color: var(--second5-color) !important;
}

.do-bg-second5-color\:hover:hover {
  background-color: var(--second5-color) !important;
}

.do-txt-second5-color {
  color: var(--second5-color) !important;
}

:root {
  --second5-n: white;
  --second5-n-color: var(--second5-n);
}

.do-bg-second5-n-color {
  background-color: var(--second5-n-color) !important;
}

.do-bg-second5-n-color\:hover:hover {
  background-color: var(--second5-n-color) !important;
}

.do-txt-second5-n-color {
  color: var(--second5-n-color) !important;
}

[data-set-second=main],
.set-second-main {
  --second-color: var(--main) !important;
}

[data-set-second=contraste] {
  --second-color: var(--contraste) !important;
}

[data-do=second-contraste] {
  background-color: var(--second-color) !important;
  color: var(--contraste-color) !important;
}

[data-do-hover=second-contraste]:hover {
  background-color: var(--second-color) !important;
  color: var(--contraste-color) !important;
}

[data-do-hover=second-contraste]:hover path {
  fill: var(--contraste-color) !important;
}

[data-set-second=fade] {
  --second-color: var(--fade) !important;
}

.set-all-main\:contraste {
  --main-color: var(--contraste) !important;
  --main1-color: var(
      --contraste1
  ) !important;
  --main1-n-color: var(
      --contraste1-n
  ) !important;
  --main2-color: var(
      --contraste2
  ) !important;
  --main2-n-color: var(
      --contraste2-n
  ) !important;
  --main3-color: var(
      --contraste3
  ) !important;
  --main3-n-color: var(
      --contraste3-n
  ) !important;
  --main4-color: var(
      --contraste4
  ) !important;
  --main4-n-color: var(
      --contraste4-n
  ) !important;
  --main5-color: var(
      --contraste5
  ) !important;
  --main5-n-color: var(
      --contraste5-n
  ) !important;
}

.set-all-second\:contraste {
  --second-color: var(--contraste) !important;
  --second1-color: var(
      --contraste1
  ) !important;
  --second1-n-color: var(
      --contraste1-n
  ) !important;
  --second2-color: var(
      --contraste2
  ) !important;
  --second2-n-color: var(
      --contraste2-n
  ) !important;
  --second3-color: var(
      --contraste3
  ) !important;
  --second3-n-color: var(
      --contraste3-n
  ) !important;
  --second4-color: var(
      --contraste4
  ) !important;
  --second4-n-color: var(
      --contraste4-n
  ) !important;
  --second5-color: var(
      --contraste5
  ) !important;
  --second5-n-color: var(
      --contraste5-n
  ) !important;
}

.set-all-fade\:contraste {
  --fade-color: var(--contraste) !important;
  --fade1-color: var(
      --contraste1
  ) !important;
  --fade1-n-color: var(
      --contraste1-n
  ) !important;
  --fade2-color: var(
      --contraste2
  ) !important;
  --fade2-n-color: var(
      --contraste2-n
  ) !important;
  --fade3-color: var(
      --contraste3
  ) !important;
  --fade3-n-color: var(
      --contraste3-n
  ) !important;
  --fade4-color: var(
      --contraste4
  ) !important;
  --fade4-n-color: var(
      --contraste4-n
  ) !important;
  --fade5-color: var(
      --contraste5
  ) !important;
  --fade5-n-color: var(
      --contraste5-n
  ) !important;
}

[data-do-bg=contraste] {
  background-color: var(--contraste-color) !important;
}

:root {
  --contraste: #383B3D;
  --contraste-color: var(--contraste);
}

.do-bg-contraste-color {
  background-color: var(--contraste-color) !important;
}

.do-bg-contraste-color\:hover:hover {
  background-color: var(--contraste-color) !important;
}

.do-txt-contraste-color {
  color: var(--contraste-color) !important;
}

.do-fill-contraste-color {
  fill: var(--contraste-color) !important;
}

:root {
  --contraste1: #323537;
  --contraste1-color: var(--contraste1);
}

.do-bg-contraste1-color {
  background-color: var(--contraste1-color) !important;
}

.do-bg-contraste1-color\:hover:hover {
  background-color: var(--contraste1-color) !important;
}

:root {
  --contraste1-n: #4b4f51;
  --contraste1-n-color: var(--contraste1-n);
}

.do-bg-contraste1-n-color {
  background-color: var(--contraste1-n-color) !important;
}

.do-bg-contraste1-n-color\:hover:hover {
  background-color: var(--contraste1-n-color) !important;
}

[data-do-bg=contraste1] {
  background-color: var(--contraste1-color) !important;
}

:root {
  --contraste2: #2d2f31;
  --contraste2-color: var(--contraste2);
}

.do-bg-contraste2-color {
  background-color: var(--contraste2-color) !important;
}

[do-event-page=go] .page-go\:do-bg-contraste2-color {
  background-color: var(--contraste2-color) !important;
}

.do-bg-contraste2-color\:hover:hover {
  background-color: var(--contraste2-color) !important;
}

.do-txt-contraste2-color {
  color: var(--contraste2-color) !important;
}

#nav .nav-container.open {
  background-color: var(--contraste2-color) !important;
}

:root {
  --contraste2-n: #5e6366;
  --contraste2-n-color: var(--contraste2-n);
}

.do-bg-contraste2-n-color {
  background-color: var(--contraste2-n-color) !important;
}

.do-bg-contraste2-n-color\:hover:hover {
  background-color: var(--contraste2-n-color) !important;
}

[data-do-bg=contraste2] {
  background-color: var(--contraste2-color) !important;
}

:root {
  --contraste3: #27292b;
  --contraste3-color: var(--contraste3);
}

.do-bg-contraste3-color {
  background-color: var(--contraste3-color) !important;
}

[do-event-page=end] .page-end\:do-bg-contraste3-color {
  background-color: var(--contraste3-color) !important;
}

.active .active\:do-bg-contraste3-color {
  background-color: var(--contraste3-color) !important;
}

.do-bg-contraste3-color\:hover:hover {
  background-color: var(--contraste3-color) !important;
}

:root {
  --contraste3-n: #70767a;
  --contraste3-n-color: var(--contraste3-n);
}

.do-bg-contraste3-n-color {
  background-color: var(--contraste3-n-color) !important;
}

.do-bg-contraste3-n-color\:hover:hover {
  background-color: var(--contraste3-n-color) !important;
}

[data-do-bg=contraste3] {
  background-color: var(--contraste3-color) !important;
}

:root {
  --contraste4: #222325;
  --contraste4-color: var(--contraste4);
}

.do-bg-contraste4-color {
  background-color: var(--contraste4-color) !important;
}

.do-bg-contraste4-color\:hover:hover {
  background-color: var(--contraste4-color) !important;
}

.all\:do-bg-contraste4-color > * {
  background-color: var(--contraste4-color) !important;
}

:root {
  --contraste4-n: #848a8e;
  --contraste4-n-color: var(--contraste4-n);
}

.do-bg-contraste4-n-color {
  background-color: var(--contraste4-n-color) !important;
}

.do-bg-contraste4-n-color\:hover:hover {
  background-color: var(--contraste4-n-color) !important;
}

[data-do-bg=contraste4] {
  background-color: var(--contraste4-color) !important;
}

:root {
  --contraste5: #1c1e1f;
  --contraste5-color: var(--contraste5);
}

.do-bg-contraste5-color {
  background-color: var(--contraste5-color) !important;
}

.do-bg-contraste5-color\:hover:hover {
  background-color: var(--contraste5-color) !important;
}

.odd\:do-bg-contraste5-color > *:nth-child(odd) {
  background-color: var(--contraste5-color) !important;
}

.do-txt-contraste5-color {
  color: var(--contraste5-color) !important;
}

:root {
  --contraste5-n: #999ea1;
  --contraste5-n-color: var(--contraste5-n);
}

.do-bg-contraste5-n-color {
  background-color: var(--contraste5-n-color) !important;
}

.do-bg-contraste5-n-color\:hover:hover {
  background-color: var(--contraste5-n-color) !important;
}

[data-do-bg=contraste5] {
  background-color: var(--contraste5-color) !important;
}

[data-set-contraste=main] {
  --contraste-color: var(--main) !important;
}

[data-do=contraste-main] {
  background-color: var(--contraste-color) !important;
  color: var(--main-color) !important;
}

[data-do-hover=contraste-main]:hover {
  background-color: var(--contraste-color) !important;
  color: var(--main-color) !important;
}

[data-do-hover=contraste-main]:hover path {
  fill: var(--main-color) !important;
}

[data-set-contraste=second] {
  --contraste-color: var(--second) !important;
}

[data-do=contraste-second] {
  background-color: var(--contraste-color) !important;
  color: var(--second-color) !important;
}

[data-do-hover=contraste-second]:hover {
  background-color: var(--contraste-color) !important;
  color: var(--second-color) !important;
}

[data-do-hover=contraste-second]:hover path {
  fill: var(--second-color) !important;
}

[data-set-contraste=fade] {
  --contraste-color: var(--fade) !important;
}

:root {
  --extra: #AC7254;
  --extra-color: var(--extra);
}

.do-bg-extra-color {
  background-color: var(--extra-color) !important;
}

.do-bg-extra-color\:hover:hover {
  background-color: var(--extra-color) !important;
}

:root {
  --extra1: #9b674b;
  --extra1-color: var(--extra1);
}

.do-bg-extra1-color {
  background-color: var(--extra1-color) !important;
}

.do-bg-extra1-color\:hover:hover {
  background-color: var(--extra1-color) !important;
}

:root {
  --extra1-n: #b48065;
  --extra1-n-color: var(--extra1-n);
}

.do-bg-extra1-n-color {
  background-color: var(--extra1-n-color) !important;
}

.do-bg-extra1-n-color\:hover:hover {
  background-color: var(--extra1-n-color) !important;
}

:root {
  --extra2: #8a5b43;
  --extra2-color: var(--extra2);
}

.do-bg-extra2-color {
  background-color: var(--extra2-color) !important;
}

.do-bg-extra2-color\:hover:hover {
  background-color: var(--extra2-color) !important;
}

:root {
  --extra2-n: #bd8e76;
  --extra2-n-color: var(--extra2-n);
}

.do-bg-extra2-n-color {
  background-color: var(--extra2-n-color) !important;
}

.do-bg-extra2-n-color\:hover:hover {
  background-color: var(--extra2-n-color) !important;
}

:root {
  --extra3: #79503b;
  --extra3-color: var(--extra3);
}

.do-bg-extra3-color {
  background-color: var(--extra3-color) !important;
}

.do-bg-extra3-color\:hover:hover {
  background-color: var(--extra3-color) !important;
}

:root {
  --extra3-n: #c59c87;
  --extra3-n-color: var(--extra3-n);
}

.do-bg-extra3-n-color {
  background-color: var(--extra3-n-color) !important;
}

.do-bg-extra3-n-color\:hover:hover {
  background-color: var(--extra3-n-color) !important;
}

:root {
  --extra4: #674432;
  --extra4-color: var(--extra4);
}

.do-bg-extra4-color {
  background-color: var(--extra4-color) !important;
}

.do-bg-extra4-color\:hover:hover {
  background-color: var(--extra4-color) !important;
}

:root {
  --extra4-n: #cdaa98;
  --extra4-n-color: var(--extra4-n);
}

.do-bg-extra4-n-color {
  background-color: var(--extra4-n-color) !important;
}

.do-bg-extra4-n-color\:hover:hover {
  background-color: var(--extra4-n-color) !important;
}

:root {
  --extra5: #56392a;
  --extra5-color: var(--extra5);
}

.do-bg-extra5-color {
  background-color: var(--extra5-color) !important;
}

.do-bg-extra5-color\:hover:hover {
  background-color: var(--extra5-color) !important;
}

:root {
  --extra5-n: #d6b9aa;
  --extra5-n-color: var(--extra5-n);
}

.do-bg-extra5-n-color {
  background-color: var(--extra5-n-color) !important;
}

.do-bg-extra5-n-color\:hover:hover {
  background-color: var(--extra5-n-color) !important;
}

[data-do-bg=fade] {
  background-color: var(--fade-color) !important;
}

:root {
  --fade: #DCD5CF;
  --fade-color: var(--fade);
}

.do-bg-fade-color {
  background-color: var(--fade-color) !important;
}

.do-bg-fade-color\:hover:hover {
  background-color: var(--fade-color) !important;
}

.all\:do-bg-fade-color > * {
  background-color: var(--fade-color) !important;
}

:root {
  --fade1: #cabfb6;
  --fade1-color: var(--fade1);
}

.do-bg-fade1-color {
  background-color: var(--fade1-color) !important;
}

.do-bg-fade1-color\:hover:hover {
  background-color: var(--fade1-color) !important;
}

.odd\:do-bg-fade1-color > *:nth-child(odd) {
  background-color: var(--fade1-color) !important;
}

:root {
  --fade1-n: #e0d9d4;
  --fade1-n-color: var(--fade1-n);
}

.do-bg-fade1-n-color {
  background-color: var(--fade1-n-color) !important;
}

.do-bg-fade1-n-color\:hover:hover {
  background-color: var(--fade1-n-color) !important;
}

:root {
  --fade2: #b8aa9e;
  --fade2-color: var(--fade2);
}

.do-bg-fade2-color {
  background-color: var(--fade2-color) !important;
}

.do-bg-fade2-color\:hover:hover {
  background-color: var(--fade2-color) !important;
}

:root {
  --fade2-n: #e3ddd9;
  --fade2-n-color: var(--fade2-n);
}

.do-bg-fade2-n-color {
  background-color: var(--fade2-n-color) !important;
}

.do-bg-fade2-n-color\:hover:hover {
  background-color: var(--fade2-n-color) !important;
}

[data-do-bg=fade2] {
  background-color: var(--fade2-color) !important;
}

:root {
  --fade3: #a69485;
  --fade3-color: var(--fade3);
}

.do-bg-fade3-color {
  background-color: var(--fade3-color) !important;
}

.do-bg-fade3-color\:hover:hover {
  background-color: var(--fade3-color) !important;
}

:root {
  --fade3-n: #e7e2dd;
  --fade3-n-color: var(--fade3-n);
}

.do-bg-fade3-n-color {
  background-color: var(--fade3-n-color) !important;
}

.do-bg-fade3-n-color\:hover:hover {
  background-color: var(--fade3-n-color) !important;
}

:root {
  --fade4: #947f6c;
  --fade4-color: var(--fade4);
}

.do-bg-fade4-color {
  background-color: var(--fade4-color) !important;
}

.do-bg-fade4-color\:hover:hover {
  background-color: var(--fade4-color) !important;
}

:root {
  --fade4-n: #eae6e2;
  --fade4-n-color: var(--fade4-n);
}

.do-bg-fade4-n-color {
  background-color: var(--fade4-n-color) !important;
}

.do-bg-fade4-n-color\:hover:hover {
  background-color: var(--fade4-n-color) !important;
}

:root {
  --fade5: #7b695a;
  --fade5-color: var(--fade5);
}

.do-bg-fade5-color {
  background-color: var(--fade5-color) !important;
}

.do-bg-fade5-color\:hover:hover {
  background-color: var(--fade5-color) !important;
}

:root {
  --fade5-n: #eeeae7;
  --fade5-n-color: var(--fade5-n);
}

.do-bg-fade5-n-color {
  background-color: var(--fade5-n-color) !important;
}

.do-bg-fade5-n-color\:hover:hover {
  background-color: var(--fade5-n-color) !important;
}

.do-block {
  display: block;
}

.active > .active\:do-block {
  display: block;
}

.do-flex {
  display: flex;
}

.active > .active\:do-flex {
  display: flex;
}

.do-grid {
  display: grid;
}

.do-hide {
  display: none;
}

.tween-all {
  transition-property: all !important;
}

.tween-o {
  transition-property: opacity !important;
}

.tween-bg {
  transition-property: background-color !important;
}

.tween-trans {
  transition-property: transform !important;
}

.do-full {
  height: 100%;
  width: 100%;
}

.do-grid-col-full {
  grid-column: 1/-1;
}

.do-mt-0 {
  margin-top: 0px;
}

.do-bg-transparent {
  background-color: transparent !important;
}

.do-object-fit\:cover {
  object-fit: cover;
}

.do-object-fit\:contain {
  object-fit: contain;
}

@media screen and (min-width: 320px) {

  :root {
    --main: #F29121;
    --main-color: var(--main);
  }

  .race-item-list:hover .line, .race-item-list.active .line {
    background-color: var(--main-color) !important;
  }

  :root {
    --second: #FFFFFF;
    --second-color: var(--second);
  }

  :root {
    --contraste: #383B3D;
    --contraste-color: var(--contraste);
  }

  :root {
    --extra: #AC7254;
    --extra-color: var(--extra);
  }

  :root {
    --fade: #DCD5CF;
    --fade-color: var(--fade);
  }
}
@media screen and (min-width: 576px) {

  :root {
    --main: #F29121;
    --main-color: var(--main);
  }

  .race-item-list:hover .line, .race-item-list.active .line {
    background-color: var(--main-color) !important;
  }

  :root {
    --second: #FFFFFF;
    --second-color: var(--second);
  }

  :root {
    --contraste: #383B3D;
    --contraste-color: var(--contraste);
  }

  :root {
    --extra: #AC7254;
    --extra-color: var(--extra);
  }

  :root {
    --fade: #DCD5CF;
    --fade-color: var(--fade);
  }

  .sm-do-px-xxl {
    padding-left: 9.87rem !important;
    padding-right: 9.87rem !important;
  }
}
@media screen and (min-width: 768px) {

  .md-left-middle {
    left: 50%;
  }

  .md-do-grid-col-1 {
    grid-column: span 1;
  }

  .md-do-grid-2 {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .md-do-grid-col-end-2 {
    grid-column-end: span 2;
  }

  .md-do-grid-row-2 {
    grid-row: span 2;
  }

  .md-do-grid-3 {
    grid-template-columns: repeat(3, 1fr) !important;
  }

  .md-do-grid-col-end-3 {
    grid-column-end: span 3;
  }

  .md-do-w-4 {
    width: 40%;
  }

  .md-do-w-7 {
    width: 70%;
  }

  .md-do-w-8 {
    width: 80%;
  }

  :root {
    --main: #F29121;
    --main-color: var(--main);
  }

  .race-item-list:hover .line, .race-item-list.active .line {
    background-color: var(--main-color) !important;
  }

  :root {
    --second: #FFFFFF;
    --second-color: var(--second);
  }

  :root {
    --contraste: #383B3D;
    --contraste-color: var(--contraste);
  }

  :root {
    --extra: #AC7254;
    --extra-color: var(--extra);
  }

  :root {
    --fade: #DCD5CF;
    --fade-color: var(--fade);
  }

  .md-do-block {
    display: block;
  }

  .md-do-ml-xxxs {
    margin-left: 0.34rem !important;
  }

  .md-do-py-xs {
    padding-top: 0.89rem !important;
    padding-bottom: 0.89rem !important;
  }

  .md-do-h-sm {
    height: 1.44rem !important;
  }

  .md-do-ml-n-xl {
    margin-left: -6.1rem !important;
  }

  .md-bottom-xl-rem {
    bottom: 6.1rem;
  }

  .md-do-px-xxxl {
    padding-left: 15.97rem !important;
    padding-right: 15.97rem !important;
  }

  .md-do-mt-xxxl {
    margin-top: 15.97rem !important;
  }
}
@media screen and (min-width: 992px) {

  .lg-poa {
    position: absolute !important;
  }

  .lg-trans-x-middle {
    transform: translateX(-50%);
  }

  .lg-trans-x-middle-y-after {
    transform: translateX(-50%) translateY(100%);
  }

  .lg-trans-y-after {
    transform: translateY(100%);
  }

  .lg-left-middle {
    left: 50%;
  }

  .lg-top {
    top: 0%;
  }

  .lg-top-middle {
    top: 50%;
  }

  .lg-bottom {
    bottom: 0%;
  }

  .lg-do-grid-1 {
    grid-template-columns: repeat(1, 1fr) !important;
  }

  .lg-do-grid-2 {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .lg-do-grid-col-start-2 {
    grid-column-start: 2;
  }

  .lg-do-w-2 {
    width: 20%;
  }

  .lg-do-grid-3 {
    grid-template-columns: repeat(3, 1fr) !important;
  }

  .lg-do-w-3 {
    width: 30%;
  }

  .lg-do-w-6 {
    width: 60%;
  }

  .lg-do-w-7 {
    width: 70%;
  }

  .lg-do-w-8 {
    width: 80%;
  }

  .lg-do-rotation-10 {
    transform: rotate(-90deg);
  }

  :root {
    --main: #F29121;
    --main-color: var(--main);
  }

  .race-item-list:hover .line, .race-item-list.active .line {
    background-color: var(--main-color) !important;
  }

  :root {
    --second: #FFFFFF;
    --second-color: var(--second);
  }

  :root {
    --contraste: #383B3D;
    --contraste-color: var(--contraste);
  }

  :root {
    --extra: #AC7254;
    --extra-color: var(--extra);
  }

  :root {
    --fade: #DCD5CF;
    --fade-color: var(--fade);
  }

  .lg-do-block {
    display: block;
  }

  .lg-do-gap-xxxs {
    grid-gap: 0.34rem !important;
  }

  .lg-do-p-xs {
    padding: 0.89rem !important;
  }

  .lg-do-mb-xs {
    margin-bottom: 0.89rem !important;
  }

  .lg-do-mr-xs {
    margin-right: 0.89rem !important;
  }

  .lg-do-mt-sm {
    margin-top: 1.44rem !important;
  }

  .lg-right-sm-rem {
    right: 1.44rem;
  }

  .lg-do-p-md {
    padding: 2.33rem !important;
  }

  .lg-do-px-md {
    padding-left: 2.33rem !important;
    padding-right: 2.33rem !important;
  }

  .lg-do-w-100-md {
    width: calc(100% + 2.33rem);
  }

  .lg-do-auto-md {
    grid-template-columns: repeat(auto-fit, minmax(23.3rem, 1fr));
  }

  .lg-do-p-lg {
    padding: 3.77rem !important;
  }

  .lg-do-px-lg {
    padding-left: 3.77rem !important;
    padding-right: 3.77rem !important;
  }

  .lg-do-pl-lg {
    padding-left: 3.77rem !important;
  }

  .lg-do-max-w-lg {
    max-width: 37.7rem !important;
  }

  .lg-do-gap-lg {
    grid-gap: 3.77rem !important;
  }

  .lg-do-py-xl {
    padding-top: 6.1rem !important;
    padding-bottom: 6.1rem !important;
  }

  .lg-do-pb-xl {
    padding-bottom: 6.1rem !important;
  }

  .lg-do-my-xl {
    margin-top: 6.1rem !important;
    margin-bottom: 6.1rem !important;
  }

  .lg-do-mt-xl {
    margin-top: 6.1rem !important;
  }

  .lg-do-h-xl {
    height: 6.1rem !important;
  }

  .lg-right-xl-rem {
    right: 6.1rem;
  }

  .lg-do-my-xxl {
    margin-top: 9.87rem !important;
    margin-bottom: 9.87rem !important;
  }

  .lg-do-h-xxl {
    height: 9.87rem !important;
  }

  .lg-do-gap-xxl {
    grid-gap: 9.87rem !important;
  }

  .lg-bottom-xxl-rem {
    bottom: 9.87rem;
  }

  .lg-do-h-xxxl {
    height: 15.97rem !important;
  }

  .lg-left-xxxl-rem {
    left: 15.97rem;
  }
}
@media screen and (min-width: 1200px) {
  .xl-pos {
    position: sticky;
  }

  .xl-poa {
    position: absolute !important;
  }

  .xl-trans-x-before {
    transform: translateX(-100%);
  }

  .xl-top {
    top: 0%;
  }

  .xl-top-middle {
    top: 50%;
  }

  .xl-do-grid-col-1 {
    grid-column: span 1;
  }

  .xl-do-w-1-vw {
    min-width: 10vw;
  }

  .xl-do-grid-2 {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .xl-do-grid-col-start-2 {
    grid-column-start: 2;
  }

  .xl-do-grid-row-2 {
    grid-row: span 2;
  }

  .xl-do-grid-3 {
    grid-template-columns: repeat(3, 1fr) !important;
  }

  .xl-do-grid-row-3 {
    grid-row: span 3;
  }

  .xl-do-h-5-max-rem {
    max-height: 50rem;
  }

  .xl-do-rotation-10 {
    transform: rotate(-90deg);
  }

  :root {
    --main: #F29121;
    --main-color: var(--main);
  }

  .race-item-list:hover .line, .race-item-list.active .line {
    background-color: var(--main-color) !important;
  }

  :root {
    --second: #FFFFFF;
    --second-color: var(--second);
  }

  :root {
    --contraste: #383B3D;
    --contraste-color: var(--contraste);
  }

  :root {
    --extra: #AC7254;
    --extra-color: var(--extra);
  }

  :root {
    --fade: #DCD5CF;
    --fade-color: var(--fade);
  }

  .xl-do-p-xs {
    padding: 0.89rem !important;
  }

  .xl-left-xs-rem {
    left: 0.89rem;
  }

  .xl-do-h-sm {
    height: 1.44rem !important;
  }

  .xl-left-sm-rem {
    left: 1.44rem;
  }

  .xl-do-mt-md {
    margin-top: 2.33rem !important;
  }

  .xl-do-mr-md {
    margin-right: 2.33rem !important;
  }

  .xl-top-md-rem {
    top: 2.33rem;
  }

  .xl-do-px-lg {
    padding-left: 3.77rem !important;
    padding-right: 3.77rem !important;
  }

  .xl-do-mt-n-lg {
    margin-top: -3.77rem !important;
  }

  .xl-do-w-gold-lg {
    width: 23.607%;
  }

  .xl-top-n-lg-rem {
    top: -3.77rem;
  }

  .xl-do-pb-xl {
    padding-bottom: 6.1rem !important;
  }

  .xl-do-mt-xl {
    margin-top: 6.1rem !important;
  }

  .xl-do-ml-xl {
    margin-left: 6.1rem !important;
  }

  .xl-do-w-xl {
    width: 6.1rem !important;
  }

  .xl-do-w-n-100-xl {
    width: calc(100% - 6.1rem);
  }

  .xl-left-xl-rem {
    left: 6.1rem;
  }

  .xl-do-pl-xxl {
    padding-left: 9.87rem !important;
  }

  .xl-do-my-xxl {
    margin-top: 9.87rem !important;
    margin-bottom: 9.87rem !important;
  }

  .xl-do-mt-xxl {
    margin-top: 9.87rem !important;
  }

  .xl-do-w-gold-xxl {
    width: 61.803%;
  }

  .xl-left-n-xxl-rem {
    left: -9.87rem;
  }

  .xl-top-n-xxl-rem {
    top: -9.87rem;
  }

  .xl-do-h-xxxl {
    height: 15.97rem !important;
  }

  .xl-top-n-xxxl-rem {
    top: -15.97rem;
  }
}
@media screen and (min-width: 1400px) {

  .xxl-do-w-7 {
    width: 70%;
  }

  :root {
    --main: #F29121;
    --main-color: var(--main);
  }

  .race-item-list:hover .line, .race-item-list.active .line {
    background-color: var(--main-color) !important;
  }

  :root {
    --second: #FFFFFF;
    --second-color: var(--second);
  }

  :root {
    --contraste: #383B3D;
    --contraste-color: var(--contraste);
  }

  :root {
    --extra: #AC7254;
    --extra-color: var(--extra);
  }

  :root {
    --fade: #DCD5CF;
    --fade-color: var(--fade);
  }

  .xxl-do-mt-lg {
    margin-top: 3.77rem !important;
  }

  .xxl-right-lg-rem {
    right: 3.77rem;
  }

  .xxl-do-px-xxl {
    padding-left: 9.87rem !important;
    padding-right: 9.87rem !important;
  }

  .xxl-do-w-gold-xxl {
    width: 61.803%;
  }

  .xxl-top-n-xxxl-rem {
    top: -15.97rem;
  }
}
@media screen and (min-width: 1600px) {

  .xxxl-do-w-8 {
    width: 80%;
  }

  .xxxl-do-w-9-max-rem {
    max-width: 90rem;
  }

  :root {
    --main: #F29121;
    --main-color: var(--main);
  }

  .race-item-list:hover .line, .race-item-list.active .line {
    background-color: var(--main-color) !important;
  }

  :root {
    --second: #FFFFFF;
    --second-color: var(--second);
  }

  :root {
    --contraste: #383B3D;
    --contraste-color: var(--contraste);
  }

  :root {
    --extra: #AC7254;
    --extra-color: var(--extra);
  }

  :root {
    --fade: #DCD5CF;
    --fade-color: var(--fade);
  }
}
h1 {
  font-size: 3.77rem;
  font-size: max(3.77rem, 16px);
}

h1.big {
  font-size: 6.0999881376rem !important;
}

h1.small {
  font-size: max(2.3299881376rem, 14px);
}

h1.medium {
  font-size: 3.1416666667rem !important;
}

h1.uppercase {
  text-transform: uppercase;
}

h1.press {
  line-height: 1.1;
}

h2 {
  font-size: 2.33rem;
  font-size: max(2.33rem, 16px);
}

h2.big {
  font-size: 3.7700191938rem !important;
}

h2.small {
  font-size: max(1.4400191938rem, 14px);
}

h2.medium {
  font-size: 1.9416666667rem !important;
}

h2.uppercase {
  text-transform: uppercase;
}

h2.press {
  line-height: 1.1;
}

h3 {
  font-size: 1.44rem;
  font-size: max(1.44rem, 16px);
}

h3.big {
  font-size: 2.3299689438rem !important;
}

h3.small {
  font-size: max(0.8899689438rem, 14px);
}

h3.medium {
  font-size: 1.2rem !important;
}

h3.uppercase {
  text-transform: uppercase;
}

h3.press {
  line-height: 1.1;
}

h4 {
  font-size: 1.44rem;
  font-size: max(1.44rem, 16px);
}

h4.big {
  font-size: 2.3299689438rem !important;
}

h4.small {
  font-size: max(0.8899689438rem, 14px);
}

h4.medium {
  font-size: 1.2rem !important;
}

h4.uppercase {
  text-transform: uppercase;
}

h4.press {
  line-height: 1.1;
}

h5 {
  font-size: 0.89rem;
  font-size: max(0.89rem, 16px);
}

h5.big {
  font-size: 1.44005025rem !important;
}

h5.small {
  font-size: max(0.55005025rem, 14px);
}

h5.medium {
  font-size: 0.7416666667rem !important;
}

@media screen and (max-width: 768px) {
  h5 {
    font-size: 16px;
  }
}
h5.uppercase {
  text-transform: uppercase;
}

h5.press {
  line-height: 1.1;
}

h6 {
  font-size: 0.89rem;
  font-size: max(0.89rem, 16px);
}

h6.big {
  font-size: 1.44005025rem !important;
}

h6.small {
  font-size: max(0.55005025rem, 14px);
}

h6.medium {
  font-size: 0.7416666667rem !important;
}

@media screen and (max-width: 768px) {
  h6 {
    font-size: 16px;
  }
}
h6.uppercase {
  text-transform: uppercase;
}

h6.press {
  line-height: 1.1;
}

p {
  font-size: 0.89rem;
  font-size: max(0.89rem, 16px);
}

p.big {
  font-size: 1.44005025rem !important;
}

p.small {
  font-size: max(0.55005025rem, 14px);
}

p.medium {
  font-size: 0.7416666667rem !important;
}

@media screen and (max-width: 768px) {
  p {
    font-size: 16px;
  }
}
p.uppercase {
  text-transform: uppercase;
}

p.press {
  line-height: 1.1;
}

a {
  font-size: 0.89rem;
  font-size: max(0.89rem, 16px);
}

a.big {
  font-size: 1.44005025rem !important;
}

a.small {
  font-size: max(0.55005025rem, 14px);
}

a.medium {
  font-size: 0.7416666667rem !important;
}

@media screen and (max-width: 768px) {
  a {
    font-size: 16px;
  }
}
a.uppercase {
  text-transform: uppercase;
}

a.press {
  line-height: 1.1;
}

span {
  font-size: 0.89rem;
  font-size: max(0.89rem, 16px);
}

span.big {
  font-size: 1.44005025rem !important;
}

span.small {
  font-size: max(0.55005025rem, 14px);
}

span.medium {
  font-size: 0.7416666667rem !important;
}

@media screen and (max-width: 768px) {
  span {
    font-size: 16px;
  }
}
span.uppercase {
  text-transform: uppercase;
}

span.press {
  line-height: 1.1;
}

/*
-
FRAMEWORK DO
-
Easy design !
-
*/

.cover {
  position: relative;
}

.cover:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 57.1428571429%;
}

.cover > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.cover .content {
  background-size: cover;
}

.video {
  position: relative;
}

.video:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.25%;
}

.video > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.ratio-16-9 {
  position: relative;
}

.ratio-16-9:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.25%;
}

.ratio-16-9 > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.circle {
  border-radius: 100%;
}

.top-fullNavHeight {
  top: calc(var(--fullNavHeight) * 1px) !important;
}

[do-event-scroll=down] .scroll-down\:top-subNavHeight {
  top: calc(var(--subNavHeight) * 1px) !important;
}

.navHeight {
  height: calc(var(--navHeight) * 1px) !important;
}

html {
  font-size: 16px;
  font-size: clamp(14px, 1vw, 20px);
}

* {
  box-sizing: border-box;
}

body {
  font-family: Roboto, "Helvetica Neue", Helvetica, sans-serif;
  background-color: white;
  line-height: 1.5;
  margin: 0px;
}

@font-face {
  font-family: "Futura";
  src: url("../fonts/Futura.woff2") format("woff2"), url("../fonts/Futura.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.futura {
  font-family: "Futura", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Futura", sans-serif;
  margin-bottom: 0px;
  font-weight: 700;
}

p.big {
  font-family: "Futura", sans-serif;
}

p {
  margin-bottom: 0px;
}

a {
  text-decoration: none;
  color: var(--main-color);
}

.strong {
  font-weight: 900;
}

.bold {
  font-weight: 700;
}

.light {
  font-weight: 100;
}

.reset-y {
  line-height: 0.75em;
  margin-bottom: 0px;
  margin-top: 0px;
}

.press {
  line-height: 1.25;
}

.expend {
  line-height: 1.5;
}

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

.font-size-inherit {
  font-size: inherit;
}

a {
  text-decoration: none;
  color: var(--contraste-color);
  transition-property: background-color, color, box-shadow;
  transition-duration: 0.25s;
  transition-timing-function: ease-in-out;
}

a:hover {
  text-decoration: none;
  color: var(--main-color);
}

a.reset {
  color: var(--second2-n-color);
}

a.reset:hover {
  color: var(--second-color);
}

ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

ul li {
  list-style: none;
}

li {
  list-style: none;
}

.nowrap {
  white-space: nowrap;
}

/*!
 * Bootstrap Utilities v5.0.0-beta2 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

.overflow-hidden {
  overflow: hidden !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block, .do-bt-line:after, .do-bt:after {
  display: block !important;
}

.d-flex, footer .footer-card {
  display: flex !important;
}

.d-none {
  display: none !important;
}

.border {
  border: 1px solid #dee2e6 !important;
}

.h-auto {
  height: auto !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column, footer .footer-card {
  flex-direction: column !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center, footer .footer-card {
  align-items: center !important;
}

.m-0 {
  margin: 0 !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.text-center, footer .footer-card {
  text-align: center !important;
}

/* rtl:begin:remove */

/* rtl:end:remove */
@media (min-width: 768px) {

  .d-md-block {
    display: block !important;
  }

  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
}
@media (min-width: 992px) {

  .d-lg-block {
    display: block !important;
  }

  .d-lg-none {
    display: none !important;
  }

  .flex-lg-row {
    flex-direction: row !important;
  }

  .justify-content-lg-start {
    justify-content: flex-start !important;
  }

  .justify-content-lg-between {
    justify-content: space-between !important;
  }

  .align-items-lg-start {
    align-items: flex-start !important;
  }
}
[class*=do-grid] {
  display: grid;
  grid-template-rows: auto;
}

.do-items-start {
  justify-items: start;
}

.do-items-full {
  justify-items: stretch;
}

.do-grid-center {
  justify-items: center;
  align-items: center;
}

.do-grid-dense {
  grid-auto-flow: dense;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Dots */
.slick-slider {
  margin-bottom: 30px;
}

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

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

@media (min-width: 992px) {
  .prev.decal {
    left: 30%;
  }
}
.prev, .next {
  transition: opacity 0.3s;
}

.slick-disabled {
  opacity: 0;
}

#burger {
  border-radius: 100%;
}

#burger.active {
  transform: scale(1.2);
}

@media (max-width: 991.98px) {
  #nav .nav-container {
    position: absolute;
  }
}
#nav .nav-container.open {
  display: flex !important;
  width: 100%;
}

#nav li:last-child a.main-link {
  margin-right: 0px;
}

@media (min-width: 992px) {
  .sub-nav {
    background-color: var(--contraste5-color);
  }
}
#nav a.main-link {
  position: relative;
  text-transform: uppercase;
}

@media (max-width: 991.98px) {
  #nav a.main-link {
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
  }
}
#nav a.main-link::after {
  content: "";
  z-index: 0;
  display: block;
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0px;
  left: 0px;
  background-color: var(--main-color);
  transform: scale(0);
  opacity: 0;
  transition: opacity 0.2s, transform 0.4s;
}

#nav a.main-link::before {
  content: "";
  z-index: -1;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0px;
  left: 0px;
  background-color: var(--contraste1-color);
  transform: scale(0.9);
  opacity: 0;
  transition: opacity 0.2s, transform 0.4s;
}

#nav a.main-link:hover::after, #nav a.main-link.active::after {
  opacity: 1;
  transform: scale(1);
}

#nav a.main-link:hover::before, #nav a.main-link.active::before {
  opacity: 1;
  transform: scale(1.2);
}

#scroll-nav-rules a > .circle {
  background-color: var(--second3-color);
}

#scroll-nav-rules a > .circle .circle {
  opacity: 0;
}

#scroll-nav-rules a > .circle .line {
  transform: scaleX(0) translateX(100%);
}

#scroll-nav-rules a.active > .circle {
  background-color: var(--main-color);
}

#scroll-nav-rules a.active > .circle .circle {
  opacity: 1;
}

#scroll-nav-rules a.active > .circle .line {
  transform: scaleX(1) translateX(100%);
}

/*
-
FRAMEWORK DO
-
Tweens système
-
*/
*[class*=tween-] {
  transition: all 0.3s ease-out;
}

 .fx-target-scale-y, .fx-target-scale {
  transition: transform 0.4s ease-out;
}

 .fx-target-clip {
  transition: all 4s ease-out;
}

 .fx-target-scale-y {
  transition-duration: 0.2s;
}

.transform-origin-left {
  transform-origin: left;
}

.transform-origin-top {
  transform-origin: top;
}

.transform-origin-top-left {
  transform-origin: top left;
}

.fx-target-clip {
  clip-path: polygon(0 85%, 0% 100%, 17% 100%);
}

.fx-trigger-scale:hover .fx-target-scale {
  transform: scale(1.2);
}

.fx-trigger-scale-y:hover .fx-target-scale-y {
  transform: scaleY(1);
}

.fx-trigger-clip:hover .fx-target-clip {
  animation: 0.3s ease-in 0s tween-clip;
}

@keyframes tween-clip {
  0% {
    clip-path: polygon(0 85%, 0% 100%, 17% 100%);
  }
  50% {
    clip-path: polygon(0 38%, 39% 0, 100% 100%);
  }
  100% {
    clip-path: polygon(79% 0, 100% 0, 100% 23%);
  }
}
 .fx-target-opacity {
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}

.fx-trigger-opacity:hover .fx-target-opacity {
  opacity: 1;
}

@keyframes tween-roll-y {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  50% {
    opacity: 1;
    transform: translateY(0%);
  }
  100% {
    transform: translateY(200%);
    opacity: 0;
  }
}
@keyframes tween-roll-x {
  0% {
    opacity: 0;
    transform: translateX(-100%);
  }
  50% {
    opacity: 1;
    transform: translateX(0%);
  }
  100% {
    transform: translateX(200%);
    opacity: 0;
  }
}
@keyframes tween-roll2-x {
  0% {
    opacity: 1;
    transform: translateX(0%);
  }
  50% {
    opacity: 0;
    transform: translateX(200%);
  }
  51% {
    opacity: 0;
    transform: translateX(-200%);
  }
  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}
@keyframes tween-roll2-y {
  0% {
    opacity: 1;
    transform: translateY(0%);
  }
  30% {
    opacity: 0;
    transform: translateY(50%);
  }
  31% {
    opacity: 0;
    transform: translateY(-150%);
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}

.fx-trigger-roll-y:hover .fx-target-roll-y {
  animation: 0.333s ease-out 0s tween-roll2-y;
}

.container-3D {
  perspective: 900px;
}

.autoAlpha {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
body {
  background-color: var(--second-color);
  margin: 0;
}

* {
  box-sizing: border-box;
}

.container-fluid {
  position: relative;
  padding: 0px;
}

section.h-auto {
  min-height: auto;
  height: auto;
}

section.crop {
  overflow: hidden;
}

section.full {
  padding: 0px;
}

section.full-x {
  padding-left: 0px;
  padding-right: 0px;
}

section.full-y {
  padding-top: 0px;
  padding-bottom: 0px;
}

.overflow-hidden {
  overflow: hidden;
}

.blend-color {
  mix-blend-mode: color;
}

.blur-doux {
  backdrop-filter: blur(1rem);
  -webkit-backdrop-filter: blur(1rem);
}

.bg-center {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.bg-top-center {
  background-position: 50% -10rem;
  background-repeat: no-repeat;
  background-size: 100%;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#overlay {
  background: #000;
  opacity: 0.5;
  /*background:rgba(255,255,255,0.8); or just this*/
  z-index: 50;
  color: #fff;
}

.text-stroke {
  -webkit-text-stroke: 1px var(--second-color);
  color: transparent !important;
}

.card-country .glow {
  transform: scale(0.3);
  opacity: 0;
}

.card-country:hover {
  z-index: 10;
}

.card-country:hover .glow {
  transform: scale(1);
  opacity: 0.3;
}

#card-slider .slick-list {
  padding-left: 30% !important;
  padding-right: 10% !important;
  overflow: visible;
}

@media (max-width: 991.98px) {
  #card-slider .slick-list {
    padding-left: 5% !important;
    padding-right: 20% !important;
  }
}
#all-races-slider .slick-list {
  padding-left: 10% !important;
  padding-right: 0% !important;
  overflow: visible;
}

@media (max-width: 991.98px) {
  #all-races-slider .slick-list {
    padding-left: 5% !important;
    padding-right: 5% !important;
  }
}
#slider-slick .custom-slick-list {
  padding-left: 20% !important;
  padding-right: 0% !important;
  overflow: visible;
}

@media (max-width: 991.98px) {
  #slider-slick .custom-slick-list {
    padding-left: 5% !important;
    padding-right: 5% !important;
  }
}
.slick-arrow:before {
  color: var(--main-color);
}

.slick-dots li button:before {
  color: var(--main-color);
}

.slick-slide {
  opacity: 0.3;
  transition: opacity 0.3s ease-out;
}

.slick-slide.slick-current {
  opacity: 1;
}

#card-photo-slider .slick-list {
  overflow: visible;
}

.card-race {
  transform: scale(0.8);
  opacity: 0.3;
  pointer-events: none;
  transition: all 0.5s ease-in-out;
}

.card-race .card-race-photo {
  transition: all 1s ease-in-out;
}

.card-race.static {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1);
  opacity: 1;
  perspective: 800px;
}

.card-race.static:hover .card-race-photo {
  transform: rotateX(10deg) rotateY(7deg) rotateZ(0deg) perspective(800px);
  transform-origin: center center;
}

.card-race.static .card-race-photo {
  transition: all 1s ease-out;
}

.card-race.active {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1);
  opacity: 1;
  perspective: 800px;
}

.card-race.active .card-race-photo {
  transform: rotateX(10deg) rotateY(7deg) rotateZ(0deg) perspective(800px);
  transform-origin: center center;
}

.final-race .final-race\:do-bg-final {
  background-color: var(--main-color) !important;
}

.final-race\:do-block {
  display: none;
}

.final-race .final-race\:do-block {
  display: block;
}

.final-race .final-race\:do-txt-second-color {
  color: #fff !important;
}

#card-slider .slick-active.card-race {
  opacity: 0.8;
}

@media (min-width: 992px) {
  #card-slider .slick-active.card-race {
    pointer-events: auto;
  }
}
#card-slider .slick-current.card-race {
  pointer-events: auto;
  transform: scale(1);
  opacity: 1;
  perspective: 800px;
}

#card-slider .slick-current.card-race .card-race-photo {
  transform: rotateX(10deg) rotateY(7deg) rotateZ(0deg) perspective(800px);
  transform-origin: center center;
}

#card-photo-slider .card-race {
  perspective: 800px;
  pointer-events: none;
}

#card-photo-slider .card-race .card-race-photo {
  transform: rotateX(7deg) rotateY(4deg) rotateZ(0deg) translateX(0%) perspective(800px);
  transform-origin: center center;
}

#card-photo-slider .slick-current.card-race {
  pointer-events: none;
  perspective: 800px;
}

#card-photo-slider .slick-current.card-race .card-race-photo {
  transform: rotateX(10deg) rotateY(7deg) rotateZ(0deg) translateX(0%) perspective(800px);
  transform-origin: center center;
}

.perspective {
  perspective: 800px;
}

.do-3D-1 {
  transform: rotateX(15deg) rotateY(-20deg) rotateZ(0deg) translateX(11%) perspective(800px);
  transform-origin: center center;
}

.do-3D-2 {
  transform: rotateX(25deg) rotateY(-20deg) rotateZ(5deg) translateX(0%) perspective(800px);
  transform-origin: center center;
}

.do-3D-3 {
  transform: rotateX(0deg) rotateY(17deg) rotateZ(-2deg) translateX(0%) perspective(800px);
  transform-origin: center center;
}

.do-3D-4 {
  transform: rotateX(0deg) rotateY(-10deg) rotateZ(2deg) translateX(0%) perspective(800px);
  transform-origin: center center;
}

.do-3D-5 {
  transform: rotateX(10deg) rotateY(7deg) rotateZ(0deg) perspective(800px);
  transform-origin: center center;
}

.gradient-contraste-1 {
  background: linear-gradient(90deg, #383b3d 0%, rgba(56, 59, 61, 0.9) 80%, rgba(56, 59, 61, 0) 100%);
}

.gradient-shadow {
  background: linear-gradient(0deg, rgba(56, 59, 61, 0) 0%, rgba(0, 0, 0, 0.2637429972) 50%, rgba(56, 59, 61, 0) 100%);
}

.gradient-second-1 {
  background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0.8) 30%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
}

.gradient-main-1 {
  background: linear-gradient(0deg, #f29121 0%, rgba(242, 145, 33, 0.8) 30%, rgba(242, 145, 33, 0.2) 50%, rgba(242, 145, 33, 0) 100%);
}

.do-grad-0-main-color {
  background: linear-gradient(0deg, #f29121 0%, rgba(242, 145, 33, 0.8) 30%, rgba(242, 145, 33, 0.2) 50%, rgba(242, 145, 33, 0) 100%);
}

.do-grad-180-main-color {
  background: linear-gradient(180deg, #f29121 0%, rgba(242, 145, 33, 0.8) 30%, rgba(242, 145, 33, 0.2) 50%, rgba(242, 145, 33, 0) 100%);
}

.do-grad-120-main-color {
  background: linear-gradient(120deg, #f29121 0%, rgba(242, 145, 33, 0.8) 30%, rgba(242, 145, 33, 0.2) 50%, rgba(242, 145, 33, 0) 100%);
}

.do-grad-circle-0-contraste-color {
  background: radial-gradient(#383b3d 0%, rgba(56, 59, 61, 0) 60%, rgba(56, 59, 61, 0) 100%);
}

.do-grad-0-contraste-color {
  background: linear-gradient(0deg, #383b3d 0%, rgba(56, 59, 61, 0.9) 80%, rgba(56, 59, 61, 0) 100%);
}

.do-grad-180-contraste-color {
  background: linear-gradient(180deg, #383b3d 0%, rgba(56, 59, 61, 0.9) 80%, rgba(56, 59, 61, 0) 100%);
}

.do-grad-120-contraste-color {
  background: linear-gradient(120deg, #383b3d 0%, rgba(56, 59, 61, 0.411) 80%, rgba(56, 59, 61, 0) 100%);
}

.do-grad-240-contraste-color {
  background: linear-gradient(240deg, #383b3d 0%, rgba(56, 59, 61, 0.411) 80%, rgba(56, 59, 61, 0) 100%);
}

.do-grad-180-black-color {
  background: linear-gradient(180deg, black 0%, rgba(0, 0, 0, 0.9) 80%, rgba(0, 0, 0, 0) 100%);
}

.do-grad-180-second-color {
  background: linear-gradient(180deg, #efe8dfc5 0%, #efe8df94 80%, #efe8df81 100%);
}

.clip-path-hero {
  clip-path: polygon(0 0, 100% 0, 100% 90%, 0% 100%);
}

.text-auto {
  text-align: center;
}

@media (min-width: 992px) {
  .text-auto {
    text-align: left;
  }
}
.filter-grayscale-1 {
  filter: grayscale(1);
}

.do-date {
  opacity: 0.5;
}

.race-item-list:hover a, .race-item-list.active a {
  opacity: 1;
}

.circle {
  border-radius: 100%;
}

.pointer-events-none {
  pointer-events: none;
}

.gold {
  background-color: #F29121;
}

.silver {
  background-color: #9D9D9D;
}

.bronz {
  background-color: #74432d;
}

footer .footer-card {
  background-color: var(--second-color);
}

footer .footer-card--center {
  justify-content: center;
}

footer .footer-card--space {
  justify-content: space-between;
}

.do-bt-line {
  position: relative;
}

.do-bt-line:after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 0.3rem;
  background-color: var(--main-color);
  pointer-events: none;
  opacity: 0.5;
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
  transform: scaleX(1);
}

.do-bt-line:hover:after {
  opacity: 1;
  transform: scaleX(0);
}

.do-bt {
  position: relative;
}

.do-bt:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: var(--main-color);
  mix-blend-mode: soft-light;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.5s ease-out;
  filter: blur(2rem);
}

.do-bt:hover img {
  animation: 0.6s linear 0s infinite tween-roll2-x;
}

.do-bt:hover:after {
  opacity: 1;
}

.do-bt.down:hover img {
  animation: 0.6s linear 0s infinite tween-roll2-y;
}

.do-bt.sobre:after {
  background-color: var(--second-color);
}

.do-bt.sobre:hover:after {
  opacity: 1;
}

.points {
  counter-reset: my-awesome-counter;
}

.points ul {
  width: 100%;
}

.points li {
  counter-increment: my-awesome-counter;
  position: relative;
  width: 100%;
  min-width: 1.3rem;
  text-align: right;
  font-weight: bold;
  font-size: 0.8rem;
  padding-right: 0.5rem;
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
  margin-bottom: 1px;
}

.points li:before {
  content: counter(my-awesome-counter);
  position: absolute;
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
  font-size: 0.8rem;
  left: 0px;
  top: 0px;
  display: block;
  width: 2rem;
  padding-right: 0.5rem;
  transform: translateX(-100%);
  text-align: right;
  color: var(--second2-color);
  background-color: var(--contraste2-color);
}

.points li:after {
  position: absolute;
  z-index: -1;
  content: "";
  width: 100%;
  height: 100%;
  opacity: 0.66;
  top: 0px;
  left: 0px;
  background-color: var(--main-color);
}

.counter-trigger {
  counter-reset: my-counter;
}

.counter-target {
  counter-increment: my-counter;
  position: relative;
}

.counter-target:before {
  content: counter(my-counter);
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  transform: translateX(-50%) translateY(-50%);
  color: var(--contraste2-color);
}

.block {
  position: relative;
  margin-top: calc( var(--md) * 1rem );
}

.block strong {
  color: var(--main-color);
}

@media (max-width: 991.98px) {
  .block {
    padding: calc( var(--sm) * 1rem );
  }
}
.block:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: -1;
  display: block;
  width: calc(100% + ( var(--md) * 1rem ));
  height: calc(100% + ( var(--md) * 1rem ));
  transform: translateX(-50%) translateY(-50%);
  background-color: var(--contraste1-color);
}

@media (max-width: 991.98px) {
  .block:before {
    width: 100%;
  }
}
.block h5 {
  margin-top: 0px;
  color: var(--main-color);
}

.block a {
  color: var(--main-color);
  text-decoration: underline;
}

.block a:hover {
  color: var(--main2-color);
  text-decoration: none;
}

.block:nth-child(odd):before {
  background-color: var(--contraste2-color);
}

.block.white:before {
  background-color: var(--contraste5-n-color);
}

.pointer {
  cursor: pointer;
}

.page-series .do-grid {
  margin-bottom: calc( var(--md) * 1rem );
}

.page-series .do-grid .block {
  margin-bottom: 0px;
}

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