@import url("font/font.css");
body {
  background-color: #00412B;
  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: #00412B;
}
@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: normal 3.13vw/normal "JacobsSansCondensed20230530-Regular", Arial, sans-serif;
  border-radius: 60px;
  background-color: #E20C19;
  border-color: #E20C19;
  color: #fff;
  padding: 0.3vw 2.5vw;
  text-transform: uppercase;
  -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);
  min-width: 18.23vw;
}
body .btn:hover, body .btn:focus, body .btn:active, body .btn:not(:disabled):not(.disabled):active {
  background-color: #E20C19;
  border-color: #E20C19;
  color: #fff;
  -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);
}
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: 350px;
    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: #00412B url(img/plug.jpg) no-repeat center top;
  background-size: 100%;
  width: 100vw;
  height: 56vw;
  max-width: 100%;
  min-height: initial;
}
@media (max-width: 768px) {
  body.plug {
    background: #00412B url(img/plug-m.jpg) no-repeat center top;
    background-size: 100%;
    height: 187.89vw;
  }
}
body .header {
  width: 100%;
  height: 7.97vw;
  z-index: 10000;
  position: fixed;
  background: #00412B 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: #00412B;
  font-family: "JacobsSansCondensed20230530-Medium", Arial, sans-serif;
}
@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: #00412B 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 #00412B;
    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: #00412B;
    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: #00412B;
  }
  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: #00412B;
  }
  body .header.show-menu .navbar-expand-md {
    background: #00412B;
    /*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: #F0E8B3;
  color: #5D390E;
  font-family: "JacobsSansCondensed20230530-Medium", Arial, sans-serif;
}
body .footer .container {
  padding: 4vw 1vw;
}
@media (min-width: 1920px) {
  body .footer .container {
    padding: 75px 20px;
  }
}
@media (max-width: 768px) {
  body .footer .container {
    padding: 3vw 0;
  }
}
body .footer .container .row .nav-link {
  font-size: 2.08vw;
  color: #5D390E;
}
@media (min-width: 1920px) {
  body .footer .container .row .nav-link {
    font-size: 40px;
  }
}
@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: #F0E8B3;
  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: #00412B url("img/home-bg.jpg") no-repeat center top;
  background-size: 100%;
  width: 100vw;
  height: 55.64vw;
  max-width: 100%;
  padding: 0;
}
@media (min-width: 1925px) {
  body .container-home {
    background-size: contain;
    height: 1076px;
    background-position-y: top;
  }
}
@media (max-width: 768px) {
  body .container-home {
    background: #00412B url("img/home-bg-m.png") no-repeat center top;
    background-size: 100%;
    height: 188.02vw;
    overflow-x: hidden;
  }
}
body .container-home .img-01 {
  position: absolute;
  top: 8.7vw;
  left: 15vw;
  width: 7.45vw;
  max-width: 10%;
  opacity: 0;
}
@media (min-width: 1920px) {
  body .container-home .img-01 {
    top: 167px;
    /*left: 288px;*/
    left: calc((100% - 1342px) / 2);
    width: 143px;
  }
}
@media (max-width: 768px) {
  body .container-home .img-01 {
    top: 23.05vw;
    left: 8.2vw;
    width: 18.49vw;
    max-width: 19%;
  }
}
body .container-home .img-02 {
  position: absolute;
  top: 7.97vw;
  left: 44.32vw;
  width: 11.41vw;
  max-width: 12%;
  opacity: 0;
}
@media (min-width: 1920px) {
  body .container-home .img-02 {
    top: 153px;
    /*left: 851px;*/
    left: calc((100% - 218px) / 2);
    width: 219px;
  }
}
@media (max-width: 768px) {
  body .container-home .img-02 {
    top: 18.9vw;
    left: 36vw;
    width: 28.39vw;
    max-width: 29%;
  }
}
body .container-home .img-03 {
  position: absolute;
  top: 12.92vw;
  left: 30.73vw;
  width: 37.71vw;
  max-width: 38%;
  opacity: 0;
}
@media (min-width: 1920px) {
  body .container-home .img-03 {
    top: 248px;
    /*left: 590px;*/
    left: calc((100% - 740px) / 2);
    width: 724px;
  }
}
@media (max-width: 768px) {
  body .container-home .img-03 {
    top: 34.64vw;
    left: 8.85vw;
    width: 82.16vw;
    max-width: 83%;
  }
}
body .container-home .img-04 {
  position: absolute;
  top: 22.5vw;
  left: 14.58vw;
  width: 22.6vw;
  max-width: 23%;
  opacity: 0;
}
@media (min-width: 1920px) {
  body .container-home .img-04 {
    top: 432px;
    /*left: 280px;*/
    left: calc((100% - 1360px) / 2);
    width: 434px;
  }
}
@media (max-width: 768px) {
  body .container-home .img-04 {
    top: 100.13vw;
    left: 9.51vw;
    width: 47.14vw;
    max-width: 48%;
  }
}
body .container-home .img-auto {
  position: absolute;
  top: 24.17vw;
  left: 27.86vw;
  width: 35.68vw;
  max-width: 36%;
  opacity: 0;
}
@media (min-width: 1920px) {
  body .container-home .img-auto {
    top: 464px;
    /*left: 535px;*/
    left: calc((100% - 850px) / 2);
    width: 685px;
  }
}
@media (max-width: 768px) {
  body .container-home .img-auto {
    top: 58.72vw;
    left: 14.84vw;
    width: 70.96vw;
    max-width: 71%;
  }
}
@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: 26.51vw;
  left: 60.16vw;
  width: 17.29vw;
  max-width: 18%;
  opacity: 0;
}
@media (min-width: 1920px) {
  body .container-home .img-05 {
    top: 509px;
    /*left: 1155px;*/
    left: calc((100% + 390px) / 2);
    width: 332px;
  }
}
@media (max-width: 768px) {
  body .container-home .img-05 {
    top: 117.19vw;
    left: 0.39vw;
    width: 63.8vw;
    max-width: 64%;
  }
}
body .container-home .img-06 {
  position: absolute;
  top: 28.49vw;
  left: 74.27vw;
  width: 11.67vw;
  max-width: 12%;
  opacity: 0;
}
@media (min-width: 1920px) {
  body .container-home .img-06 {
    top: 547px;
    /*left: 1426px;*/
    left: calc((100% + 932px) / 2);
    width: 224px;
  }
}
@media (max-width: 768px) {
  body .container-home .img-06 {
    top: 95.05vw;
    left: 57.81vw;
    width: 38.54vw;
    max-width: 39%;
  }
}
@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: 45.94vw;
  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: 882px;
    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: 150vw;
    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: #00412B 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 {
    background-size: contain;
    height: 1945px;
    background-position-y: top;
  }
}
@media (max-width: 768px) {
  body .container-rules-awards {
    background: #00412B url("img/rules-awards-bg-m.png") no-repeat center top;
    background-size: 100%;
    height: 345vw;
  }
}
body .container-rules {
  max-width: 100%;
}
body .container-rules .title {
  opacity: 0;
}
body .container-rules .img-01 {
  position: absolute;
  top: 11.3vw;
  left: 16.61vw;
  width: 13.91vw;
  max-width: 15%;
  opacity: 0;
}
@media (min-width: 1920px) {
  body .container-rules .img-01 {
    top: 217px;
    /*left: 319px;*/
    left: calc((100% - 1282px) / 2);
    width: 267px;
  }
}
@media (max-width: 768px) {
  body .container-rules .img-01 {
    position: relative;
    top: initial;
    left: initial;
    width: 58.46vw;
    max-width: 61%;
    margin: auto;
  }
}
body .container-rules .img-02 {
  position: absolute;
  top: 11.3vw;
  left: 41.25vw;
  width: 17.19vw;
  max-width: 18%;
  opacity: 0;
}
@media (min-width: 1920px) {
  body .container-rules .img-02 {
    top: 217px;
    /*left: 792px;*/
    left: calc((100% - 336px) / 2);
    width: 330px;
  }
}
@media (max-width: 768px) {
  body .container-rules .img-02 {
    position: relative;
    top: 2vw;
    left: initial;
    width: 62.24vw;
    max-width: 65%;
    margin: auto;
  }
}
body .container-rules .img-03 {
  position: absolute;
  top: 11.3vw;
  left: 69.74vw;
  width: 15vw;
  max-width: 16%;
  opacity: 0;
}
@media (min-width: 1920px) {
  body .container-rules .img-03 {
    top: 217px;
    /*left: 1339px;*/
    left: calc((100% + 758px) / 2);
    width: 288px;
  }
}
@media (max-width: 768px) {
  body .container-rules .img-03 {
    position: relative;
    top: 4vw;
    left: initial;
    width: 61.98vw;
    max-width: 65%;
    margin: auto;
  }
}
body .container-rules .img-dots {
  position: absolute;
  top: 16.77vw;
  width: 9.43vw;
  max-width: 10%;
}
@media (min-width: 1920px) {
  body .container-rules .img-dots {
    top: 322px;
    width: 181px;
  }
}
body .container-rules .img-dots1 {
  left: 31.98vw;
  opacity: 0;
}
@media (min-width: 1920px) {
  body .container-rules .img-dots1 {
    /*left: 614px;*/
    left: calc((100% - 692px) / 2);
  }
}
body .container-rules .img-dots2 {
  left: 59.32vw;
  opacity: 0;
}
@media (min-width: 1920px) {
  body .container-rules .img-dots2 {
    /*left: 1139px;*/
    left: calc((100% + 358px) / 2);
  }
}
body .container-rules .btn-regulation {
  margin: 25vw auto 2vw;
  opacity: 0;
}
@media (min-width: 1920px) {
  body .container-rules .btn-regulation {
    margin: 480px auto 40px;
  }
}
@media (max-width: 768px) {
  body .container-rules .btn-regulation {
    position: relative;
    margin: 9vw auto 4vw;
  }
}
body .container-rules .text-bottom {
  font-family: "JacobsSans20230530-Light", Arial, sans-serif;
  font-size: 0.83vw;
  opacity: 0;
}
@media (min-width: 1920px) {
  body .container-rules .text-bottom {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  body .container-rules .text-bottom {
    font-size: 2.08vw;
  }
}
body .container-rules .btn-transparent {
  position: absolute;
  left: 41vw;
  top: 28vw;
  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: 537.6px;
    /*left: 787px;*/
    left: calc((100% - 346px) / 2);
  }
}
@media (max-width: 768px) {
  body .container-rules .btn-transparent {
    left: 37vw;
    top: 89vw;
  }
}
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: 35.47vw;
  width: 29.17vw;
  max-width: 30%;
  opacity: 0;
}
@media (min-width: 1920px) {
  body .container-awards .img-01 {
    top: 217px;
    /*left: 681px;*/
    left: calc((100% - 558px) / 2);
    width: 560px;
  }
}
@media (max-width: 768px) {
  body .container-awards .img-01 {
    position: relative;
    top: 4vw;
    left: initial;
    margin: auto;
    width: 72.92vw;
    max-width: 76%;
  }
}
body .container-awards .img-blask {
  position: absolute;
  top: 6.09vw;
  left: 26.13vw;
  width: 47.71vw;
  max-width: 48%;
  opacity: 0;
  /*&.rotate {
      opacity: 0;
      animation: rotateBlask normal infinite 20s linear;
      animation-delay: 0.1s;
  }*/
}
@media (min-width: 1920px) {
  body .container-awards .img-blask {
    top: 117px;
    /*left: 501.7px;*/
    left: calc((100% - 916.6px) / 2);
    width: 916px;
  }
}
@media (max-width: 768px) {
  body .container-awards .img-blask {
    top: 37.09vw;
    left: -9.87vw;
    width: 119.27vw;
    max-width: 120%;
  }
}
body .container-awards .img-04 {
  position: absolute;
  top: 24.58vw;
  left: 0;
  width: 100%;
  max-width: 100%;
  opacity: 0;
}
@media (min-width: 1925px) {
  body .container-awards .img-04 {
    top: 472px;
    left: calc((100% - 1920px) / 2);
    width: 1920px;
  }
}
@media (max-width: 768px) {
  body .container-awards .img-04 {
    top: 80vw;
    left: 0;
    width: 100%;
    max-width: 100%;
  }
}
body .container-awards .img-auto {
  position: absolute;
  top: 19.11vw;
  left: 30.97vw;
  width: 34.43vw;
  max-width: 35%;
  opacity: 0;
}
@media (min-width: 1920px) {
  body .container-awards .img-auto {
    top: 367px;
    /*left: 591.6px;*/
    left: calc((100% - 736.8px) / 2);
    width: 661px;
  }
}
@media (max-width: 768px) {
  body .container-awards .img-auto {
    top: 64vw;
    left: 0vw;
    width: 94.66vw;
    max-width: 95%;
    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: 36.82vw;
  left: 26.56vw;
  width: 26.09vw;
  max-width: 27%;
  opacity: 0;
}
@media (min-width: 1920px) {
  body .container-awards .img-02 {
    top: 707px;
    /*left: 510px;*/
    left: calc((100% - 900px) / 2);
    width: 501px;
  }
}
@media (max-width: 768px) {
  body .container-awards .img-02 {
    width: 68.23vw;
    max-width: 69%;
    top: 118vw;
    left: 4vw;
  }
}
body .container-awards .img-03 {
  position: absolute;
  top: 37.34vw;
  left: 49.64vw;
  width: 25.05vw;
  max-width: 26%;
  opacity: 0;
}
@media (min-width: 1920px) {
  body .container-awards .img-03 {
    top: 717px;
    /*left: 953px;*/
    left: calc((100% - 14px) / 2);
    width: 481px;
  }
}
@media (max-width: 768px) {
  body .container-awards .img-03 {
    width: 38.54vw;
    max-width: 39%;
    top: 125.3vw;
    left: 53vw;
  }
}
body .container-contact {
  background: #00412B url("img/contact-bg.jpg") no-repeat center top;
  background-size: 100%;
  width: 100vw;
  height: 49.48vw;
  max-width: 100%;
  padding: 0;
  overflow: hidden;
}
body .container-contact .title {
  opacity: 0;
}
@media (min-width: 1925px) {
  body .container-contact {
    background-size: contain;
    height: 960px;
    background-position-y: top;
  }
}
@media (max-width: 768px) {
  body .container-contact {
    background: #00412B url("img/contact-bg-m.jpg") no-repeat center top;
    background-size: 100%;
    height: 148.96vw;
  }
}
@media (max-width: 768px) {
  body .container-contact .title {
    margin: 24vw auto;
  }
}
body .container-contact .subtitle {
  font-size: 3.65vw;
  letter-spacing: 2px;
  opacity: 0;
  z-index: 10;
  position: relative;
}
@media (min-width: 1920px) {
  body .container-contact .subtitle {
    font-size: 70px;
  }
}
@media (max-width: 768px) {
  body .container-contact .subtitle {
    font-size: 9.11vw;
  }
}
body .container-contact .subtitle .text-small {
  font-size: 3.13vw;
  letter-spacing: 0;
}
@media (min-width: 1920px) {
  body .container-contact .subtitle .text-small {
    font-size: 60px;
  }
}
@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;
}
@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;
  }
}
body .container-contact .img-01 {
  position: absolute;
  top: 26.56vw;
  left: 0.68vw;
  width: 44.79vw;
  max-width: 46%;
  opacity: 0;
}
@media (min-width: 1920px) {
  body .container-contact .img-01 {
    top: 510px;
    /*left: 13px;*/
    left: calc((100% - 1894px) / 2);
    width: 860px;
  }
}
body .container-contact .img-icon {
  width: 9.43vw;
  max-width: 46%;
  opacity: 0;
}
@media (min-width: 1920px) {
  body .container-contact .img-icon {
    width: 181px;
  }
}
@media (max-width: 768px) {
  body .container-contact .img-icon {
    width: 17.32vw;
    max-width: 18%;
  }
}
body .container-register {
  background: #00412B;
  background: linear-gradient(180deg, rgb(0, 65, 43) 0%, rgb(1, 63, 33) 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;
  }
}
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: #00412B;
  font-size: 2.08vw;
  border: 0.36vw solid #fff;
  border-radius: 65px;
  text-align: center;
  height: calc(4.6vw + 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: #F0E8B3;
}
body .container-register #register-form .form-control[readonly] {
  background-color: #F0E8B3;
}
@media (min-width: 1920px) {
  body .container-register #register-form .form-control {
    border-width: 7px;
    font-size: 40px;
    height: 91px;
  }
}
@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: #00412B;
  opacity: 1;
}
body .container-register #register-form .form-control:focus {
  color: #00412B;
  outline: 0;
  box-shadow: 0 0 0 0 #fff;
}
body .container-register #register-form .field-registerform-agree {
  font-size: 0.85vw;
  font-family: "JacobsSans20230530-Light", Arial, sans-serif;
  opacity: 0;
}
@media (max-width: 768px) {
  body .container-register #register-form .field-registerform-agree {
    font-size: 2.35vw;
  }
}
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 #00412B;
  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-size: 0.73vw;
  font-family: "JacobsSans20230530-Light", Arial, sans-serif;
  opacity: 0;
}
@media (min-width: 1920px) {
  body .container-register #register-form .text-bottom {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  body .container-register #register-form .text-bottom {
    font-size: 1.82vw;
  }
}
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: #00412B 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: #00412B 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.86vw;
  height: 2.86vw;
  top: 0.89vw;
  right: 1.56vw;
  cursor: pointer;
}
@media (min-width: 1920px) {
  body .container .field-registerform-documentno .hint,
  body .container .field-registerform-buydate .hint {
    width: 55px;
    height: 55px;
    top: 17px;
    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: 3.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: 8vw;
  margin: auto;
  width: 18.23vw;
  max-width: 100%;
  height: 600px;
  cursor: pointer;
  font-size: 35px;
  text-transform: uppercase;
  font-family: "Prater-Regular", Arial, sans-serif;
  padding: 5px;
  display: none;
  z-index: 10005;
  background-color: transparent;
}
@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;
}
@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;
  }
}

@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 */