@import url("font/font.css");
body {
  background-color: #013F21;
  color: #F0E8B3;
  font: normal 40px/normal "JacobsSansCondensed20230530-Regular", Arial, sans-serif;
}
body a {
  color: #F0E8B3;
}
body a:hover, body a:focus, body a:active {
  color: #F0E8B3;
}
body img {
  max-width: 100%;
}
body .text-underline {
  text-decoration: underline;
}
body .text-transparent {
  color: transparent;
  text-indent: -10000px;
}
body .green-c {
  color: #013F21;
}
@media (max-width: 768px) {
  body .d-none-768 {
    display: none;
  }
}
body .d-block-768 {
  display: none;
}
@media (max-width: 768px) {
  body .d-block-768 {
    display: block;
  }
}
body .btn {
  font: bold 3.13vw/normal "JacobsSansCondensed20230530-Medium", Arial, sans-serif;
  background: url("img/btn-bg.png") no-repeat center;
  background-size: 100%;
  color: #013F21;
  padding: 0.3vw 2.5vw;
  text-transform: uppercase;
  -webkit-box-shadow: 2px 8px 8px -6px rgba(0, 0, 0, 0);
  -moz-box-shadow: 2px 8px 8px -6px rgba(0, 0, 0, 0);
  box-shadow: 2px 8px 8px -6px rgba(0, 0, 0, 0);
  min-width: 15.26vw;
}
body .btn:hover, body .btn:focus, body .btn:active, body .btn:not(:disabled):not(.disabled):active {
  background: url("img/btn-bg.png") no-repeat center;
  background-size: 100%;
  color: #013F21;
  -webkit-box-shadow: 2px 8px 8px -6px rgba(0, 0, 0, 0);
  -moz-box-shadow: 2px 8px 8px -6px rgba(0, 0, 0, 0);
  box-shadow: 2px 8px 8px -6px rgba(0, 0, 0, 0);
}
body .btn:focus-visible, body .btn:active:focus, body .btn:focus {
  outline: 0px;
  outline: -webkit-focus-ring-color auto 0px;
}
@media (min-width: 1920px) {
  body .btn {
    min-width: 293px;
    font-size: 60px;
  }
}
@media (max-width: 768px) {
  body .btn {
    min-width: 45.57vw;
    font-size: 8.11vw;
    padding: 0.5vw 3.4vw;
  }
}
body.plug {
  background: #013F21 url(img/plug.jpg) no-repeat center top;
  background-size: 100%;
  width: 100vw;
  height: 56.25vw;
  max-width: 100%;
  min-height: initial;
}
@media (max-width: 768px) {
  body.plug {
    background: #013F21 url(img/plug-m.jpg) no-repeat center top;
    background-size: 100%;
    height: 215.76vw;
  }
}
body .header {
  width: 100%;
  height: 7.97vw;
  z-index: 10000;
  position: fixed;
  background: #013F21 url("img/menu-bg.jpg") no-repeat center bottom;
  background-size: 100%;
  -webkit-box-shadow: 2px 8px 8px -6px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 2px 8px 8px -6px rgba(0, 0, 0, 0.4);
  box-shadow: 2px 8px 8px -6px rgba(0, 0, 0, 0.4);
}
@media (min-width: 1920px) {
  body .header {
    /*background-size: contain;*/
    height: 153px;
  }
}
body .header .navbar {
  /*max-width: 54.7vw;*/
  margin: auto;
}
body .header .navbar-collapse {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0);
  margin-bottom: 0.2vw;
}
@media (min-width: 1920px) {
  body .header .navbar-collapse {
    margin-bottom: 9.8px;
  }
}
body .header .navbar .logo-click {
  text-indent: -1000000px;
  position: absolute;
  width: 14vw;
  height: 4vw;
  left: 43%;
  cursor: pointer;
}
@media (max-width: 768px) {
  body .header .navbar .logo-click {
    width: 34vw;
    height: 10vw;
    left: 33%;
    top: calc(100% - 0vw);
  }
}
@media (max-width: 576px) {
  body .header .navbar .logo-click {
    top: calc(100% - 2vw);
  }
}
@media (max-width: 480px) {
  body .header .navbar .logo-click {
    top: calc(100% - 4vw);
  }
}
body .header .navbar .logo-img {
  width: 9vw;
  margin-top: 0.4vw;
}
body .header .navbar .navbar-nav {
  padding: 0 5.5vw;
}
body .header .navbar .navbar-nav .nav-item .nav-link {
  font-size: 2.08vw;
  line-height: normal;
  padding: 0.5vw 2vw;
  color: #013F21;
  font-family: "JacobsSansCondensed20230530-Medium", Arial, sans-serif;
  text-transform: uppercase;
}
@media (min-width: 1920px) {
  body .header .navbar .navbar-nav .nav-item .nav-link {
    font-size: 40px;
  }
}
@media (min-width: 769px) {
  body .header .navbar-expand-md {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    min-height: 7.91vw;
  }
}
@media (min-width: 1920px) {
  body .header .navbar-expand-md {
    min-height: 153px;
  }
}
@media (max-width: 768px) {
  body .header {
    background: #013F21 url("img/menu-bg.jpg") no-repeat center bottom;
    height: 18.7vw;
    background-size: 250%;
  }
  body .header .navbar-expand-md {
    max-width: 100%;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    display: flex !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  body .header .navbar .collapse:not(.show) {
    display: none !important;
  }
  body .header .navbar .collapse.in {
    display: block !important;
  }
  body .header .navbar .navbar-nav {
    display: flex !important;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
  }
  body .header .navbar .navbar-nav .nav-item .nav-link {
    font-size: 8.5vw;
    padding: 3.5vw 0;
    color: #fff;
  }
  body .header .navbar .logo-img {
    width: 22vw;
    margin-top: 2.2vw;
  }
  body .header .navbar .box-button {
    position: absolute;
    right: 0;
  }
  body .header .navbar .box-button .navbar-toggler {
    padding: 9.5vw 8.2vw 1.25vw;
    background-color: transparent;
    border: 0px solid #013F21;
    border-radius: 6.5vw;
    transform: scale(1);
    float: right;
    position: absolute;
    right: 0;
    display: block;
  }
  body .header .navbar .box-button .navbar-toggler .icon-bar {
    display: block;
    background-color: #013F21;
    width: 8vw;
    height: 0.73vw;
    border-radius: 0px;
    box-shadow: 0 0 0px 0 #fff;
    transition: 0.8s;
  }
  body .header .navbar .box-button .navbar-toggler .icon-bar--1 {
    transform: rotate(-45deg) translate(-2.5vw, 2.7vw);
  }
  body .header .navbar .box-button .navbar-toggler .icon-bar--2 {
    opacity: 0;
  }
  body .header .navbar .box-button .navbar-toggler .icon-bar--3 {
    transform: rotate(45deg) translate(-1.2vw, -1.2vw);
  }
  body .header .navbar .box-button .navbar-toggler .icon-bar + .icon-bar {
    margin-top: 1.93vw;
  }
  body .header .navbar .box-button .navbar-toggler.collapsed .icon-bar {
    background-color: #013F21;
  }
  body .header .navbar .box-button .navbar-toggler.collapsed .icon-bar--1 {
    transform: rotate(0deg) translate(0px, 0px);
  }
  body .header .navbar .box-button .navbar-toggler.collapsed .icon-bar--2 {
    opacity: 1;
  }
  body .header .navbar .box-button .navbar-toggler.collapsed .icon-bar--3 {
    transform: rotate(0deg) translate(0px, 0px);
  }
  body .header .navbar .box-button .navbar-toggler:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
  }
}
@media (max-width: 768px) {
  body .header.show-menu {
    background: #013F21;
  }
  body .header.show-menu .navbar-expand-md {
    background: #013F21;
    /*border-left: 1px solid $light-brown-c;
    border-right: 1px solid $light-brown-c;*/
    -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
  }
  body .header.show-menu .navbar .box-button .navbar-toggler .icon-bar {
    background-color: #fff;
  }
  body .header.show-menu .navbar .navbar-nav {
    margin-top: 9vw;
  }
}
body .footer {
  background-color: #C8AF61;
  color: #5D390E;
  font-family: "JacobsSansCondensed20230530-Medium", Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 2%;
}
body .footer .container {
  padding: 1.61vw 1vw;
}
@media (min-width: 1920px) {
  body .footer .container {
    padding: 31px 20px;
  }
}
@media (max-width: 768px) {
  body .footer .container {
    padding: 3vw 0;
  }
}
body .footer .container .row .nav-link {
  font-size: 1.67vw;
  color: #5D390E;
}
@media (min-width: 1920px) {
  body .footer .container .row .nav-link {
    font-size: 32px;
  }
}
@media (max-width: 768px) {
  body .footer .container .row .nav-link {
    font-size: 5.21vw;
    padding: 1vw;
  }
}
@media (max-width: 768px) {
  body .footer .container .row .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
body .container {
  text-align: center;
  padding-bottom: 2vw;
  position: relative;
}
body .container .title {
  position: relative;
  font: normal 3.65vw/normal "JacobsSansCondensed20230530-Regular", Arial, sans-serif;
  color: #fff;
  margin-top: 5.73vw;
  text-transform: uppercase;
}
@media (min-width: 1920px) {
  body .container .title {
    font-size: 70px;
    margin-top: 110px;
  }
}
@media (max-width: 768px) {
  body .container .title {
    font-size: 9.1vw;
    margin-top: 6vw;
  }
}
body .container-home {
  background: #013F21;
  width: 100vw;
  height: 55.64vw;
  max-width: 100%;
  padding: 0;
}
@media (min-width: 1925px) {
  body .container-home {
    height: 1076px;
  }
}
@media (max-width: 768px) {
  body .container-home {
    background: #013F21;
    height: 209.64vw;
    overflow-x: hidden;
  }
}
body .container-home .img-01 {
  position: absolute;
  top: 47.4vw;
  left: 15vw;
  width: 16.98vw;
  max-width: 17%;
  opacity: 0;
}
@media (min-width: 1920px) {
  body .container-home .img-01 {
    top: 910px;
    /*left: 288px;*/
    left: calc((100% - 1342px) / 2);
    width: 326px;
  }
}
@media (max-width: 768px) {
  body .container-home .img-01 {
    top: 136.05vw;
    left: 8.2vw;
    width: 33.07vw;
    max-width: 34%;
  }
}
body .container-home .img-02 {
  position: absolute;
  top: 10.57vw;
  left: 44.32vw;
  width: 10.1vw;
  max-width: 11%;
  opacity: 0;
}
@media (min-width: 1920px) {
  body .container-home .img-02 {
    top: 203px;
    /*left: 851px;*/
    left: calc((100% - 194px) / 2);
    width: 194px;
  }
}
@media (max-width: 768px) {
  body .container-home .img-02 {
    top: 25vw;
    left: 35vw;
    width: 30.6vw;
    max-width: 31%;
  }
}
body .container-home .img-03 {
  position: absolute;
  top: 12.92vw;
  left: 31.41vw;
  width: 37.19vw;
  max-width: 38%;
  opacity: 0;
}
@media (min-width: 1920px) {
  body .container-home .img-03 {
    top: 248px;
    /*left: 590px;*/
    left: calc((100% - 714px) / 2);
    width: 714px;
  }
}
@media (max-width: 768px) {
  body .container-home .img-03 {
    top: 29.64vw;
    left: 8.85vw;
    width: 82.16vw;
    max-width: 83%;
  }
}
body .container-home .img-04 {
  position: absolute;
  top: 22.5vw;
  left: 14.58vw;
  width: 18.8vw;
  max-width: 19%;
  opacity: 0;
}
@media (min-width: 1920px) {
  body .container-home .img-04 {
    top: 432px;
    /*left: 280px;*/
    left: calc((100% - 1360px) / 2);
    width: 361px;
  }
}
@media (max-width: 768px) {
  body .container-home .img-04 {
    top: 58.13vw;
    left: 17.5vw;
    width: 63.93vw;
    max-width: 64%;
  }
}
body .container-home .img-auto {
  position: absolute;
  top: 4.69vw;
  left: 0;
  width: 100vw;
  max-width: 100%;
  opacity: 0;
}
@media (min-width: 1920px) {
  body .container-home .img-auto {
    top: 90px;
    /*left: 535px;*/
    left: calc((100% - 1920px) / 2);
    width: 1920px;
  }
}
@media (max-width: 768px) {
  body .container-home .img-auto {
    top: 42.72vw;
    left: -47.16vw;
    width: 200vw;
    max-width: 200%;
  }
}
@keyframes animLights {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  20% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
body .container-home .img-lights {
  position: absolute;
  top: 25.51vw;
  left: 27.86vw;
  width: 27.76vw;
  max-width: 28%;
}
@media (min-width: 1920px) {
  body .container-home .img-lights {
    top: 489.7px;
    /*left: 535px;*/
    left: calc((100% - 850px) / 2);
    width: 533px;
  }
}
@media (max-width: 768px) {
  body .container-home .img-lights {
    top: 61.2vw;
    left: 14.7vw;
    width: 55.5vw;
    max-width: 56%;
  }
}
body .container-home .img-lights.lights {
  opacity: 0;
  animation: 3s animLights infinite 2s forwards;
  animation-delay: 4s;
}
body .container-home .img-blask {
  position: absolute;
  top: 11.15vw;
  left: 22.97vw;
  width: 49.43vw;
  max-width: 50%;
  opacity: 0;
}
@media (min-width: 1920px) {
  body .container-home .img-blask {
    top: 214px;
    /*left: 441px;*/
    left: calc((100% - 1038px) / 2);
    width: 949px;
  }
}
@media (max-width: 768px) {
  body .container-home .img-blask {
    top: 22.53vw;
    left: -11.2vw;
    width: 119.53vw;
    max-width: 120%;
  }
}
body .container-home .img-05 {
  position: absolute;
  top: 21.35vw;
  left: 75.05vw;
  width: 9.58vw;
  max-width: 10%;
  opacity: 0;
}
@media (min-width: 1920px) {
  body .container-home .img-05 {
    top: 410px;
    /*left: 1155px;*/
    left: calc((100% + 975px) / 2);
    width: 184px;
  }
}
@media (max-width: 768px) {
  body .container-home .img-05 {
    top: 151.19vw;
    left: 10.39vw;
    width: 78.65vw;
    max-width: 79%;
  }
}
body .container-home .img-06 {
  position: absolute;
  top: 34.74vw;
  left: 64.27vw;
  width: 20.89vw;
  max-width: 21%;
  opacity: 0;
}
@media (min-width: 1920px) {
  body .container-home .img-06 {
    top: 667px;
    /*left: 1426px;*/
    left: calc((100% + 545px) / 2);
    width: 401px;
  }
}
@media (max-width: 768px) {
  body .container-home .img-06 {
    top: 111.05vw;
    left: 52.81vw;
    width: 51.3vw;
    max-width: 52%;
  }
}
@keyframes animPulse {
  0% {
    transform: scale(1);
  }
  28% {
    transform: scale(1.2);
  }
  58% {
    transform: scale(1);
  }
  78% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
body .container-home .btn-take-part {
  position: absolute;
  top: 46.88vw;
  left: calc((100% - 13vw) / 2);
  min-width: 13vw;
  padding: 0.89vw 2.5vw;
  opacity: 0;
}
@media (min-width: 1920px) {
  body .container-home .btn-take-part {
    top: 900px;
    left: calc((100% - 320px) / 2);
    min-width: 320px;
    padding: 17px 48px;
  }
}
@media (max-width: 768px) {
  body .container-home .btn-take-part {
    min-width: 41.67vw;
    top: 180vw;
    left: calc((100% - 41.67vw) / 2);
    padding: 2.21vw 2.5vw;
  }
}
body .container-home .btn-take-part.pulse {
  transform: scale(1);
  animation: 3s animPulse infinite 2s forwards;
  animation-delay: 0s;
  opacity: 1;
}
body .container-rules-awards {
  /*background: $green-c url("img/rules-awards-bg.png") no-repeat center top;
  background-size: 100%;*/
  width: 100vw;
  height: 101.3vw;
  max-width: 100%;
  padding: 0;
}
@media (min-width: 1920px) {
  body .container-rules-awards {
    height: 1945px;
  }
}
@media (max-width: 768px) {
  body .container-rules-awards {
    /*background: $green-c url("img/rules-awards-bg-m.png") no-repeat center top;
    background-size: 100%;*/
    height: 464.79vw;
  }
}
body .container-rules {
  background: #013F21 url("img/rules-bg.jpg") no-repeat center top;
  background-size: 100%;
  width: 100vw;
  height: 42.5vw;
  max-width: 100%;
}
@media (min-width: 1920px) {
  body .container-rules {
    height: 816px;
  }
}
@media (max-width: 768px) {
  body .container-rules {
    background: #013F21 url("img/rules-bg-m.jpg") no-repeat center top;
    background-size: 100%;
    width: 100vw;
    height: 301.04vw;
  }
}
body .container-rules .title {
  opacity: 0;
}
body .container-rules .img-01 {
  position: absolute;
  top: 12.86vw;
  left: 16.61vw;
  width: 10.63vw;
  max-width: 11%;
  opacity: 0;
}
@media (min-width: 1920px) {
  body .container-rules .img-01 {
    top: 247px;
    /*left: 319px;*/
    left: calc((100% - 1282px) / 2);
    width: 204px;
  }
}
@media (max-width: 768px) {
  body .container-rules .img-01 {
    position: relative;
    top: 12vw;
    left: initial;
    width: 74.87vw;
    max-width: 78%;
    margin: auto;
  }
}
body .container-rules .img-02 {
  position: absolute;
  top: 12.86vw;
  left: 40.25vw;
  width: 19.48vw;
  max-width: 20%;
  opacity: 0;
}
@media (min-width: 1920px) {
  body .container-rules .img-02 {
    top: 247px;
    left: calc((100% - 375px) / 2);
    width: 374px;
  }
}
@media (max-width: 768px) {
  body .container-rules .img-02 {
    position: relative;
    top: 22vw;
    left: initial;
    width: 74.87vw;
    max-width: 78%;
    margin: auto;
  }
}
body .container-rules .img-03 {
  position: absolute;
  top: 12.86vw;
  left: 69.74vw;
  width: 19.48vw;
  max-width: 20%;
  opacity: 0;
}
@media (min-width: 1920px) {
  body .container-rules .img-03 {
    top: 247px;
    left: calc((100% + 758px) / 2);
    width: 374px;
  }
}
@media (max-width: 768px) {
  body .container-rules .img-03 {
    position: relative;
    top: 36vw;
    left: initial;
    width: 74.87vw;
    max-width: 78%;
    margin: auto;
  }
}
body .container-rules .img-04 {
  position: absolute;
  top: 28.65vw;
  left: 71.22vw;
  width: 16.98vw;
  max-width: 17%;
  opacity: 0;
}
@media (min-width: 1920px) {
  body .container-rules .img-04 {
    top: 550px;
    left: calc((100% + 815px) / 2);
    width: 326px;
  }
}
@media (max-width: 768px) {
  body .container-rules .img-04 {
    top: 194.05vw;
    left: 29.2vw;
    width: 42.45vw;
    max-width: 43%;
  }
}
body .container-rules .btn-regulation {
  margin: 21.35vw auto 2vw;
  opacity: 0;
}
@media (min-width: 1920px) {
  body .container-rules .btn-regulation {
    margin: 410px auto 40px;
  }
}
@media (max-width: 768px) {
  body .container-rules .btn-regulation {
    position: relative;
    margin: 74vw auto 7vw;
  }
}
body .container-rules .text-bottom {
  font-family: "JacobsSansCondensed20230530-Regular", Arial, sans-serif;
  font-size: 0.94vw;
  opacity: 0;
  color: #809085;
  letter-spacing: 3%;
}
@media (min-width: 1920px) {
  body .container-rules .text-bottom {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  body .container-rules .text-bottom {
    font-size: 4.69vw;
  }
}
body .container-rules .btn-transparent {
  position: absolute;
  left: 41vw;
  top: 20.68vw;
  background: transparent;
  border: 0;
  color: transparent;
  -webkit-box-shadow: 2px 8px 8px -6px rgba(0, 0, 0, 0);
  -moz-box-shadow: 2px 8px 8px -6px rgba(0, 0, 0, 0);
  box-shadow: 2px 8px 8px -6px rgba(0, 0, 0, 0);
}
body .container-rules .btn-transparent:hover, body .container-rules .btn-transparent:focus, body .container-rules .btn-transparent:active, body .container-rules .btn-transparent:not(:disabled):not(.disabled):active {
  background: transparent;
  border: 0;
  color: transparent;
  -webkit-box-shadow: 2px 8px 8px -6px rgba(0, 0, 0, 0);
  -moz-box-shadow: 2px 8px 8px -6px rgba(0, 0, 0, 0);
  box-shadow: 2px 8px 8px -6px rgba(0, 0, 0, 0);
}
@media (min-width: 1920px) {
  body .container-rules .btn-transparent {
    top: 397.6px;
    /*left: 787px;*/
    left: calc((100% - 346px) / 2);
  }
}
@media (max-width: 768px) {
  body .container-rules .btn-transparent {
    left: 37vw;
    top: 120vw;
  }
}
body .container-awards {
  max-width: 100%;
}
body .container-awards .title {
  opacity: 0;
}
@media (max-width: 768px) {
  body .container-awards {
    height: 170vw;
    overflow-x: hidden;
  }
  body .container-awards .title {
    margin-top: 24vw;
  }
}
body .container-awards .img-01 {
  position: absolute;
  top: 11.3vw;
  left: 30.47vw;
  width: 39.38vw;
  max-width: 40%;
  opacity: 0;
}
@media (min-width: 1920px) {
  body .container-awards .img-01 {
    top: 217px;
    /*left: 681px;*/
    left: calc((100% - 750px) / 2);
    width: 756px;
  }
}
@media (max-width: 768px) {
  body .container-awards .img-01 {
    position: relative;
    top: 4vw;
    left: initial;
    margin: auto;
    width: 84.38vw;
    max-width: 88%;
  }
}
body .container-awards .img-04 {
  position: absolute;
  top: 44.79vw;
  left: 45.66vw;
  width: 8.54vw;
  max-width: 9%;
  opacity: 0;
}
@media (min-width: 1925px) {
  body .container-awards .img-04 {
    top: 860px;
    left: calc((100% - 166px) / 2);
    width: 164px;
  }
}
@media (max-width: 768px) {
  body .container-awards .img-04 {
    top: 125vw;
    left: 31vw;
    width: 37.76vw;
    max-width: 38%;
  }
}
body .container-awards .img-auto {
  position: absolute;
  top: 2.6vw;
  left: 0;
  width: 100vw;
  max-width: 100%;
  opacity: 0;
}
@media (min-width: 1920px) {
  body .container-awards .img-auto {
    top: 50px;
    left: calc((100% - 1920px) / 2);
    width: 1920px;
  }
}
@media (max-width: 768px) {
  body .container-awards .img-auto {
    top: 22.72vw;
    left: -47.16vw;
    width: 200vw;
    max-width: 200%;
    margin: auto;
  }
}
body .container-awards .img-lights {
  position: absolute;
  top: 20.47vw;
  left: 31.05vw;
  width: 26.56vw;
  max-width: 27%;
  opacity: 0;
}
@media (min-width: 1920px) {
  body .container-awards .img-lights {
    top: 393px;
    /*left: 586px;*/
    left: calc((100% - 733px) / 2);
    width: 510px;
  }
}
@media (max-width: 768px) {
  body .container-awards .img-lights {
    top: 67.5vw;
    left: 0vw;
    width: 73.7vw;
    max-width: 74%;
  }
}
body .container-awards .img-lights.lights {
  animation: 3s animLights infinite 2s forwards;
  animation-delay: 4s;
}
body .container-awards .img-02 {
  position: absolute;
  top: 44.64vw;
  left: 16.61vw;
  width: 30.31vw;
  max-width: 28%;
  opacity: 0;
}
@media (min-width: 1920px) {
  body .container-awards .img-02 {
    top: 857px;
    left: calc((100% - 1282px) / 2);
    width: 582px;
  }
}
@media (max-width: 768px) {
  body .container-awards .img-02 {
    width: 36.72vw;
    max-width: 37%;
    top: 133vw;
    left: 8.5vw;
  }
}
body .container-awards .img-03 {
  position: absolute;
  top: 44.64vw;
  left: 49.64vw;
  width: 30.42vw;
  max-width: 34%;
  opacity: 0;
}
@media (min-width: 1920px) {
  body .container-awards .img-03 {
    top: 857px;
    left: calc((100% - 14px) / 2);
    width: 584px;
  }
}
@media (max-width: 768px) {
  body .container-awards .img-03 {
    width: 36.46vw;
    max-width: 37%;
    top: 133.3vw;
    left: 54vw;
  }
}
body .container-awards .img-06 {
  position: absolute;
  opacity: 0;
}
@media (max-width: 768px) {
  body .container-awards .img-06 {
    top: 83.05vw;
    left: 48.81vw;
    width: 51.3vw;
    max-width: 52%;
  }
}
body .container-contact {
  background: #013F21;
  width: 100vw;
  min-height: 39.48vw;
  max-width: 100%;
  padding: 0;
  overflow: hidden;
}
body .container-contact .title {
  opacity: 0;
}
@media (min-width: 1925px) {
  body .container-contact {
    min-height: 758px;
  }
}
@media (max-width: 768px) {
  body .container-contact {
    height: initial;
  }
  body .container-contact .title {
    margin: 20vw auto;
  }
}
body .container-contact .subtitle {
  font-size: 1.67vw;
  letter-spacing: 2px;
  opacity: 0;
  z-index: 10;
  position: relative;
  font-family: "JacobsSansCondensed20230530-Regular", Arial, sans-serif;
  font-weight: bold;
  margin: 2.08vw auto;
}
@media (min-width: 1920px) {
  body .container-contact .subtitle {
    font-size: 32px;
    margin: 40px auto;
  }
}
@media (max-width: 768px) {
  body .container-contact .subtitle {
    font-size: 9.11vw;
  }
}
body .container-contact .subtitle .text-small {
  font-size: 1.67vw;
  letter-spacing: 0;
  font-weight: normal;
}
@media (min-width: 1920px) {
  body .container-contact .subtitle .text-small {
    font-size: 32px;
  }
}
@media (max-width: 768px) {
  body .container-contact .subtitle .text-small {
    font-size: 7.81vw;
  }
}
body .container-contact .subtitle a.text-small {
  font-size: 3.33vw;
  letter-spacing: 0.26vw;
  font-family: "JacobsSansCondensed20230530-Medium", Arial, sans-serif;
  font-weight: bold;
}
@media (min-width: 1920px) {
  body .container-contact .subtitle a.text-small {
    font-size: 64px;
    letter-spacing: 5px;
  }
}
@media (max-width: 768px) {
  body .container-contact .subtitle a.text-small {
    font-size: 8.33vw;
    margin: 12vw auto;
  }
}
body .container-contact .img-01 {
  position: absolute;
  bottom: -5.73vw;
  left: 0;
  width: 63.44vw;
  max-width: 64%;
  opacity: 0;
}
@media (min-width: 1920px) {
  body .container-contact .img-01 {
    bottom: -110px;
    /*left: calc((100% - 1218px) / 2);*/
    width: 1218px;
  }
}
body .container-contact .text-bottom {
  font-family: "JacobsSansCondensed20230530-Regular", Arial, sans-serif;
  font-size: 0.94vw;
  opacity: 0;
  color: #809085;
  letter-spacing: 3%;
  z-index: 100;
  max-width: 45.83vw;
  margin: auto;
}
@media (min-width: 1920px) {
  body .container-contact .text-bottom {
    font-size: 18px;
    max-width: 880px;
  }
}
@media (max-width: 768px) {
  body .container-contact .text-bottom {
    font-size: 4.69vw;
    max-width: 87%;
  }
}
body .container-contact .text-bottom .more-text {
  cursor: pointer;
}
body .container-contact .text-bottom .collapse.in {
  display: block !important;
}
body .container-register {
  background: #013F21 url("img/register-bg.png") no-repeat center top;
  background-size: 100%;
  max-width: 100%;
}
body .container-register .title {
  margin: 6vw auto 2vw;
  opacity: 0;
}
@media (min-width: 1920px) {
  body .container-register {
    max-width: 1920px;
  }
  body .container-register .title {
    margin: 115px auto 40px;
  }
}
@media (max-width: 768px) {
  body .container-register {
    background: #013F21 url("img/register-bg-m.png") no-repeat center top;
    background-size: 100%;
    max-width: 100%;
  }
}
body .container-register #register-form {
  max-width: 54.17vw;
  margin: auto;
}
body .container-register #register-form .col-sm-12 {
  opacity: 0;
}
@media (min-width: 1920px) {
  body .container-register #register-form {
    max-width: 1040px;
  }
}
@media (max-width: 768px) {
  body .container-register #register-form {
    max-width: 76.17vw;
  }
}
body .container-register #register-form .form-control {
  font-family: "JacobsSansCondensed20230530-Medium", Arial, sans-serif;
  letter-spacing: 2px;
  color: #013F21;
  font-size: 1.67vw;
  border: 0;
  border-radius: 0;
  text-align: left;
  height: calc(2.92vw + 2px);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
  background-color: #AAC5B2;
  padding: 0.375rem 1.5rem;
}
body .container-register #register-form .form-control[readonly] {
  background-color: #AAC5B2;
}
@media (min-width: 1920px) {
  body .container-register #register-form .form-control {
    font-size: 32px;
    height: 58px;
  }
}
@media (max-width: 768px) {
  body .container-register #register-form .form-control {
    font-size: 5.21vw;
    height: calc(11.6vw + 2px);
    border-width: 0.91vw;
  }
}
body .container-register #register-form .form-control::placeholder {
  color: #013F21;
  opacity: 1;
}
body .container-register #register-form .form-control:focus {
  color: #013F21;
  outline: 0;
  box-shadow: 0 0 0 0 #fff;
}
body .container-register #register-form .coffee-row {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}
body .container-register #register-form .coffee-row label {
  font-weight: normal;
  cursor: pointer;
}
body .container-register #register-form .coffee-select {
  flex: 1;
  padding: 10px;
  background: #a8c5b3;
  border: 0;
}
body .container-register #register-form .coffee-qty {
  width: 80px;
  padding: 10px;
  background: #a8c5b3;
  border: 0;
}
body .container-register #register-form .btn-remove {
  background: none;
  border: 0;
  font-size: 32px;
  font-weight: bold;
  font-family: Arial;
  line-height: 1;
  cursor: pointer;
  color: #c0392b;
}
body .container-register #register-form .btn-add {
  background: none;
  border: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 8px 0 20px;
}
body .container-register #register-form .btn-add .plus {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 2px solid currentColor;
  border-radius: 50%;
  font-size: 22px;
}
body .container-register #register-form .field-registerform-agree {
  font-family: "JacobsSansCondensed20230530-Regular", Arial, sans-serif;
  font-size: 0.94vw;
  opacity: 0;
  color: #809085;
  letter-spacing: 3%;
}
body .container-register #register-form .field-registerform-agree a {
  color: #809085;
}
@media (max-width: 768px) {
  body .container-register #register-form .field-registerform-agree {
    font-size: 4.69vw;
  }
}
body .container-register #register-form .field-registerform-agree label {
  font-weight: normal;
  cursor: pointer;
}
body .container-register #register-form .field-registerform-agree label {
  position: relative;
  left: 2.2vw;
  cursor: pointer;
}
@media (min-width: 1920px) {
  body .container-register #register-form .field-registerform-agree label {
    left: 45px;
  }
}
@media (max-width: 768px) {
  body .container-register #register-form .field-registerform-agree label {
    left: 6.2vw;
  }
}
body .container-register #register-form .field-registerform-agree input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
body .container-register #register-form .field-registerform-agree .checkmark {
  position: absolute;
  top: -5px;
  left: -2.2vw;
  width: 1.5vw;
  height: 1.5vw;
  border-radius: 4px;
  background-color: #fff;
  border: 1px solid #fff;
}
@media (min-width: 1920px) {
  body .container-register #register-form .field-registerform-agree .checkmark {
    left: -45px;
    width: 30px;
    height: 30px;
  }
}
@media (max-width: 768px) {
  body .container-register #register-form .field-registerform-agree .checkmark {
    left: -6.2vw;
    width: 4.5vw;
    height: 4.5vw;
  }
}
body .container-register #register-form .field-registerform-agree .checkmark:after {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 14px;
  height: 14px;
}
body .container-register #register-form .field-registerform-agree input:checked ~ .checkmark {
  background-color: #fff;
  border: 1px solid #fff;
}
body .container-register #register-form .field-registerform-agree input:checked ~ .checkmark:after {
  position: absolute;
  content: "";
  left: 0.45vw;
  top: 0.1vw;
  width: 0.5vw;
  height: 1vw;
  border: solid #013F21;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media (min-width: 1920px) {
  body .container-register #register-form .field-registerform-agree input:checked ~ .checkmark:after {
    left: 9px;
    top: 2px;
    width: 10px;
    height: 18px;
  }
}
@media (max-width: 768px) {
  body .container-register #register-form .field-registerform-agree input:checked ~ .checkmark:after {
    left: 1.45vw;
    top: 0.3vw;
    width: 1.5vw;
    height: 3vw;
  }
}
body .container-register #register-form .text-bottom {
  font-family: "JacobsSansCondensed20230530-Regular", Arial, sans-serif;
  font-size: 0.94vw;
  opacity: 0;
  color: #809085;
  letter-spacing: 3%;
}
body .container-register #register-form .text-bottom a {
  color: #809085;
}
@media (min-width: 1920px) {
  body .container-register #register-form .text-bottom {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  body .container-register #register-form .text-bottom {
    font-size: 4.69vw;
  }
}
body .container-register #register-form .text-bottom .more-text {
  cursor: pointer;
}
body .container-register #register-form .text-bottom .collapse.in {
  display: block !important;
}
body .container-register #register-form .btn-register {
  margin: 2vw auto;
  opacity: 0;
}
body .container.register-end {
  background: #013F21 url("img/register-end-bg.jpg") no-repeat center top;
  background-size: 100%;
  width: 100vw;
  height: 46.88vw;
  max-width: 100%;
  padding: 0;
}
@media (min-width: 1925px) {
  body .container.register-end {
    background-size: contain;
    height: 900px;
    background-position-y: top;
  }
}
@media (max-width: 768px) {
  body .container.register-end {
    background: #013F21 url("img/register-end-bg-m.jpg") no-repeat center top;
    background-size: 100%;
    height: 188.02vw;
    overflow-x: hidden;
  }
}
body .container.register-end .img-01 {
  position: absolute;
  top: 6.7vw;
  left: 0;
  width: 100vw;
  max-width: 100%;
  opacity: 0;
}
@media (min-width: 1925px) {
  body .container.register-end .img-01 {
    max-width: 1920px;
    top: 128px;
    left: calc((100% - 1920px) / 2);
  }
}
@media (max-width: 768px) {
  body .container.register-end .img-01 {
    top: 25vw;
    width: 100vw;
    max-width: 100%;
  }
}
body .container .field-registerform-documentno,
body .container .field-registerform-buydate {
  position: relative;
}
body .container .field-registerform-documentno input,
body .container .field-registerform-buydate input {
  padding-right: 45px;
}
body .container .field-registerform-documentno .hint,
body .container .field-registerform-buydate .hint {
  display: block;
  position: absolute;
  content: url("img/info-icon.svg");
  background: transparent;
  color: #fff;
  width: 2.19vw;
  height: 2.19vw;
  top: 0.47vw;
  right: 2vw;
  cursor: pointer;
  z-index: 1000;
}
@media (min-width: 1920px) {
  body .container .field-registerform-documentno .hint,
  body .container .field-registerform-buydate .hint {
    width: 42px;
    height: 42px;
    top: 9px;
    right: 30px;
  }
}
@media (max-width: 768px) {
  body .container .field-registerform-documentno .hint,
  body .container .field-registerform-buydate .hint {
    width: 8vw;
    height: 8vw;
    top: 2vw;
    right: 4.5vw;
  }
}
@media (max-width: 480px) {
  body .container .field-registerform-documentno .hint,
  body .container .field-registerform-buydate .hint {
    right: 5.5vw;
  }
}
body .receipt {
  position: absolute;
  left: calc((100% - 18.23vw) / 2);
  top: -4vw;
  margin: auto;
  width: 18.23vw;
  max-width: 100%;
  height: 600px;
  cursor: pointer;
  font-size: 35px;
  text-transform: uppercase;
  padding: 5px;
  display: none;
  z-index: 10005;
}
@media (min-width: 1920px) {
  body .receipt {
    left: calc((100% - 350px) / 2);
    width: 350px;
  }
}
@media (max-width: 768px) {
  body .receipt {
    top: 12vw;
    left: calc((100% - 45.57vw) / 2);
    width: 45.57vw;
  }
}
body .receipt img {
  max-width: 100%;
  max-height: 68vh;
}
body .receipt-transparent-layer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10002;
}
body .has-error .help-block, body .has-error .control-label, body .has-error .radio, body .has-error .checkbox, body .has-error .radio-inline, body .has-error .checkbox-inline, body .has-error.radio label, body .has-error.checkbox label, body .has-error.radio-inline label, body .has-error.checkbox-inline label {
  color: #E20C19;
  letter-spacing: 2px;
  font-size: 1.67vw;
  font-family: "JacobsSansCondensed20230530-Regular", Arial, sans-serif;
  text-align: left;
}
@media (min-width: 1920px) {
  body .has-error .help-block, body .has-error .control-label, body .has-error .radio, body .has-error .checkbox, body .has-error .radio-inline, body .has-error .checkbox-inline, body .has-error.radio label, body .has-error.checkbox label, body .has-error.radio-inline label, body .has-error.checkbox-inline label {
    font-size: 32px;
  }
}
@media (max-width: 768px) {
  body .has-error .help-block, body .has-error .control-label, body .has-error .radio, body .has-error .checkbox, body .has-error .radio-inline, body .has-error .checkbox-inline, body .has-error.radio label, body .has-error.checkbox label, body .has-error.radio-inline label, body .has-error.checkbox-inline label {
    font-size: 4.21vw;
  }
}
body .pop-up {
  background: #013F21;
  width: 33.3vw;
  height: 25vw;
  max-width: 100%;
  margin: auto;
  position: relative;
  border-radius: 105px;
  padding: 2vw;
}
body .pop-up .popup-content {
  border-radius: 65px;
  border: 1px solid #F0E8B3;
  padding-bottom: 3.13vw;
}
@media (min-width: 1920px) {
  body .pop-up .popup-content {
    padding-bottom: 60px;
  }
}
@media (max-width: 768px) {
  body .pop-up .popup-content {
    padding-bottom: 7.81vw;
  }
}
@media (max-width: 768px) {
  body .pop-up {
    width: 87.3vw;
    height: 65vw;
  }
}
body .pop-up .title {
  padding-top: 0;
  margin-top: 3.13vw;
  opacity: 1;
}
@media (min-width: 1920px) {
  body .pop-up .title {
    margin-top: 60px;
  }
}
@media (max-width: 768px) {
  body .pop-up .title {
    margin-top: 7.81vw;
  }
}
body .pop-up .subtitle {
  font-size: 3.15vw;
  margin: 2vw auto;
}
@media (min-width: 1920px) {
  body .pop-up .subtitle {
    margin: 35px auto;
    font-size: 60px;
  }
}
@media (max-width: 768px) {
  body .pop-up .subtitle {
    margin: 8vw auto;
    font-size: 9.15vw;
  }
}
body .pop-up .btn-close {
  font-family: "JacobsSans20230530-Light", Arial, sans-serif;
  transform: rotate(45deg);
  display: block;
  position: absolute;
  right: 3.5vw;
  top: 2vw;
  z-index: 100;
  font-size: 3.65vw;
}
body .pop-up .btn-close:focus, body .pop-up .btn-close:hover {
  text-decoration: none;
}
@media (min-width: 1920px) {
  body .pop-up .btn-close {
    font-size: 70px;
  }
}
@media (max-width: 768px) {
  body .pop-up .btn-close {
    font-size: 9.11vw;
    right: 5.5vw;
  }
}
body .ui-widget.ui-widget-content {
  font-family: "JacobsSansCondensed20230530-Medium", Arial, sans-serif;
  letter-spacing: 2px;
  color: #013F21;
  font-size: 1.67vw;
  border: 0;
  border-radius: 0;
  text-align: left;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
  background-color: #AAC5B2;
  padding: 0.375rem 1.5rem;
  z-index: 1000;
}
@media (min-width: 1920px) {
  body .ui-widget.ui-widget-content {
    font-size: 32px;
  }
}
@media (max-width: 768px) {
  body .ui-widget.ui-widget-content {
    font-size: 5.21vw;
    border-width: 0.91vw;
  }
}

@keyframes fadeInBottom {
  from {
    opacity: 0;
    transform: translateY(100%);
  }
  to {
    opacity: 1;
  }
}
section.active .cssanimation {
  animation-duration: 1s;
  animation-fill-mode: both;
}
section.active .cssanimation-delay-1 {
  animation-delay: 0.1s;
}
section.active .cssanimation-delay-2 {
  animation-delay: 0.2s;
}
section.active .cssanimation-delay-3 {
  animation-delay: 0.3s;
}
section.active .cssanimation-delay-4 {
  animation-delay: 0.4s;
}
section.active .cssanimation-delay-5 {
  animation-delay: 0.5s;
}
section.active .cssanimation-delay-6 {
  animation-delay: 0.6s;
}
section.active .cssanimation-delay-7 {
  animation-delay: 0.7s;
}
section.active .cssanimation-delay-8 {
  animation-delay: 0.8s;
}
section.active .fadeInBottom {
  animation-name: fadeInBottom;
}

canvas {
  width: 100vw;
  height: 100vh;
  filter: saturate(30%);
  opacity: 0.6;
  opacity: 1;
  position: fixed;
  top: 0px;
  left: 0px;
}

.btn, .form-control, #clickMoreText, a, .container-form {
  z-index: 1000;
  position: relative;
}

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