@charset "UTF-8";
/* =================== Iframe Responsive ==================== */
[style*="--aspect-ratio"] > :first-child {
  width: 100%;
}

[style*="--aspect-ratio"] > img {
  height: auto;
}

@supports (--custom: property) {
  [style*="--aspect-ratio"] {
    position: relative;
  }

  [style*="--aspect-ratio"]::before {
    content: "";
    display: block;
    padding-bottom: calc(100% / (var(--aspect-ratio)));
  }

  [style*="--aspect-ratio"] > :first-child {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
  }
}
/* nunito-200 - latin */
@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 200;
  src: url("../../assets/fonts/common/nunito-v16-latin-200.woff2") format("woff2"), url("../../assets/fonts/common/nunito-v16-latin-200.woff") format("woff");
}
/* nunito-300 - latin */
@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 300;
  src: url("../../assets/fonts/common/nunito-v16-latin-300.woff2") format("woff2"), url("../../assets/fonts/common/nunito-v16-latin-300.woff") format("woff");
}
/* nunito-regular - latin */
@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 400;
  src: url("../../assets/fonts/common/nunito-v16-latin-regular.woff2") format("woff2"), url("../../assets/fonts/common/nunito-v16-latin-regular.woff") format("woff");
}
/* nunito-600 - latin */
@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 600;
  src: url("../../assets/fonts/common/nunito-v16-latin-600.woff2") format("woff2"), url("../../assets/fonts/common/nunito-v16-latin-600.woff") format("woff");
}
/* nunito-700 - latin */
@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 700;
  src: url("../../assets/fonts/common/nunito-v16-latin-700.woff2") format("woff2"), url("../../assets/fonts/common/nunito-v16-latin-700.woff") format("woff");
}
/* nunito-900 - latin */
@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 900;
  src: url("../../assets/fonts/common/nunito-v16-latin-900.woff2") format("woff2"), url("../../assets/fonts/common/nunito-v16-latin-900.woff") format("woff");
}
/* Media queries

$width-sm: 544px;
$width-md: 768px;
$width-lg: 1012px; 
$width-xl: 1280px;
$width-xxl: 1550px;

@mixin onDesktop {
    @media (min-width: $width-md) {
        @content;
    }
}

body {
    background-color: red;
    @include onDesktop {
        background-color: green;
    }
}

*/
.margin-top {
  margin-top: 1rem;
}

.padding-top {
  padding-top: 1rem;
}

.margin-right {
  margin-right: 1rem;
}

.padding-right {
  padding-right: 1rem;
}

.margin-bottom {
  margin-bottom: 1rem;
}

.padding-bottom {
  padding-bottom: 1rem;
}

.margin-left {
  margin-left: 1rem;
}

.padding-left {
  padding-left: 1rem;
}

/* =================== Iframe Responsive ==================== */
[style*="--aspect-ratio"] > :first-child {
  width: 100%;
}

[style*="--aspect-ratio"] > img {
  height: auto;
}

@supports (--custom: property) {
  [style*="--aspect-ratio"] {
    position: relative;
  }

  [style*="--aspect-ratio"]::before {
    content: "";
    display: block;
    padding-bottom: calc(100% / (var(--aspect-ratio)));
  }

  [style*="--aspect-ratio"] > :first-child {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
  }
}
/* Componentes */
/* Toggle-btn / Botones Componente */
.btn__toggle {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 42px;
  margin: 0;
  color: #FFFFFF;
}
@media (min-width: 768px) {
  .btn__toggle {
    height: 56px;
  }
}
.btn__toggle input {
  opacity: 0;
  width: 0;
  height: 0;
}
.btn__toggle .slider {
  position: relative;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 48px;
  height: 24px;
  background-color: #DADADA;
  transition: all 0.2s ease-in-out;
}
@media (min-width: 768px) {
  .btn__toggle .slider {
    width: 72px;
    height: 32px;
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px) and (orientation: landscape) {
  .btn__toggle .slider {
    width: 48px;
    height: 24px;
  }
}
@media screen and (max-width: 370px) and (orientation: portrait) {
  .btn__toggle .slider {
    width: 48px;
    height: 24px;
  }
}
.btn__toggle .slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 3px;
  background-color: #FFFFFF;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 768px) {
  .btn__toggle .slider:before {
    height: 24px;
    width: 24px;
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px) and (orientation: landscape) {
  .btn__toggle .slider:before {
    height: 16px;
    width: 16px;
  }
}
@media screen and (max-width: 370px) and (orientation: portrait) {
  .btn__toggle .slider:before {
    height: 16px;
    width: 16px;
  }
}
.btn__toggle input:checked ~ .slider {
  background-color: #6EB118;
}
.btn__toggle input:focus ~ .slider {
  box-shadow: 0 0 1px #6EB118;
}
.btn__toggle input:checked ~ .slider:before {
  transform: translateX(1.5rem);
}
@media (min-width: 768px) {
  .btn__toggle input:checked ~ .slider:before {
    transform: translateX(2.4rem);
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px) and (orientation: landscape) {
  .btn__toggle input:checked ~ .slider:before {
    transform: translateX(1.5rem);
  }
}
@media screen and (max-width: 370px) and (orientation: portrait) {
  .btn__toggle input:checked ~ .slider:before {
    transform: translateX(1.5rem);
  }
}
.btn__toggle .slider.round {
  border-radius: 1.5rem;
  margin-left: auto;
}
.btn__toggle .slider.round:before {
  border-radius: 50%;
}

/* Boton / Componente */
.btn {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  min-width: 220px;
  max-width: 300px;
  font-family: "Nunito", "Segoe UI", Segoe, Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-decoration: none;
  color: #070e00;
  border-radius: 1.5rem;
  text-rendering: optimizeLegibility;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
  outline: 0;
  z-index: 2;
  transition: all 0.2s ease-in-out;
}
.btn--min {
  min-width: 48px;
  width: 48px;
  height: 48px;
  border: 1px solid #6eb118 !important;
}
.btn--min:hover {
  background: #1b3101;
}
@media (min-width: 768px) {
  .btn--min {
    min-width: 56px !important;
    width: 56px !important;
    height: 56px !important;
    border-radius: 28px !important;
  }
}
@media (min-width: 768px) {
  .btn {
    min-width: 300px;
    height: 3.25rem;
    border-radius: 1.625rem;
  }
}
@media (min-width: 1024px) {
  .btn {
    min-width: 320px;
    height: 3.5rem;
    border-radius: 1.75rem;
    font-size: 1.25rem;
  }
}
@media (min-width: 1920px) {
  .btn {
    min-width: 340px;
    height: 4rem;
    border-radius: 2rem;
    font-size: 1.5rem;
  }
}
.btn:hover, .btn:active, .btn:focus {
  box-shadow: inset 0 0 0 500px rgba(0, 0, 0, 0.05);
}
.btn:active, .btn:focus {
  transform: translateY(1px) scale(0.99);
}
.btn--lnk {
  min-width: auto;
  height: 2rem;
  font-size: 14px;
  font-weight: 700;
  color: #6eb118;
  background: transparent;
  text-decoration: underline;
  border: 0;
  cursor: pointer;
}
.btn__i {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 1rem;
}
.btn__edu {
  color: white;
  background: #6eb118;
  border: 1px solid #6eb118;
}
.btn__edu--act {
  color: #070e00;
  background: #f2ca0d;
  border: 1px solid #f2ca0d;
}
.btn__edu--out {
  color: #fafff3;
  background: transparent;
  border: 1px solid #fafff3;
}

@-webkit-keyframes Alpha {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes Alpha {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes AlphaIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes AlphaIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes PositionOut {
  0% {
    position: relative;
  }
  100% {
    position: absolute;
  }
}
@keyframes PositionOut {
  0% {
    position: relative;
  }
  100% {
    position: absolute;
  }
}
@-webkit-keyframes AlphaOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes AlphaOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes displayNone {
  0% {
    display: inline-flex;
  }
  100% {
    display: none;
  }
}
@keyframes displayNone {
  0% {
    display: inline-flex;
  }
  100% {
    display: none;
  }
}
@-webkit-keyframes wrg1 {
  0% {
    background: #E08876;
  }
  100% {
    background: white;
  }
}
@keyframes wrg1 {
  0% {
    background: #E08876;
  }
  100% {
    background: white;
  }
}
@-webkit-keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotateMedio {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(180deg);
  }
}
@keyframes rotateMedio {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(180deg);
  }
}
@-webkit-keyframes rotateCuarto {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(90deg);
  }
}
@keyframes rotateCuarto {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(90deg);
  }
}
@-webkit-keyframes rotate2 {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
@keyframes rotate2 {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
@-webkit-keyframes shakeHorizontal {
  from {
    transform: matrix(1, 0, 0, 1, 0, 0);
  }
  10%, 90% {
    transform: matrix(1.05, 0, 0, 1.05, -1, 0);
  }
  20%, 80% {
    transform: matrix(1.05, 0, 0, 1.05, 2, 0);
  }
  30%, 50%, 70% {
    transform: matrix(1.05, 0, 0, 1.05, -4, 0);
  }
  40%, 60% {
    transform: matrix(1.05, 0, 0, 1.05, 4, 0);
  }
}
@keyframes shakeHorizontal {
  from {
    transform: matrix(1, 0, 0, 1, 0, 0);
  }
  10%, 90% {
    transform: matrix(1.05, 0, 0, 1.05, -1, 0);
  }
  20%, 80% {
    transform: matrix(1.05, 0, 0, 1.05, 2, 0);
  }
  30%, 50%, 70% {
    transform: matrix(1.05, 0, 0, 1.05, -4, 0);
  }
  40%, 60% {
    transform: matrix(1.05, 0, 0, 1.05, 4, 0);
  }
}
@-webkit-keyframes aniRespuestasUpA {
  0% {
    transform: translate(-33vh, 35vh) scale(0);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
  }
}
@keyframes aniRespuestasUpA {
  0% {
    transform: translate(-33vh, 35vh) scale(0);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes aniRespuestasUpB {
  0% {
    transform: translate(0, 25vh) scale(0);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
  }
}
@keyframes aniRespuestasUpB {
  0% {
    transform: translate(0, 25vh) scale(0);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes aniRespuestasUpC {
  0% {
    transform: translate(66vw, 35vh) scale(0);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
  }
}
@keyframes aniRespuestasUpC {
  0% {
    transform: translate(66vw, 35vh) scale(0);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes aniRespuestasDown {
  0% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translate(0, 30vh) scale(0);
    opacity: 0;
  }
}
@keyframes aniRespuestasDown {
  0% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translate(0, 30vh) scale(0);
    opacity: 0;
  }
}
@-webkit-keyframes manoAparece {
  0% {
    transform: translate(0, 300px) scale(0);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
  }
}
@keyframes manoAparece {
  0% {
    transform: translate(0, 300px) scale(0);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes manoMueveA {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-150px, -70px);
  }
}
@keyframes manoMueveA {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-150px, -70px);
  }
}
@-webkit-keyframes manoMueveB {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(0, -150px);
  }
}
@keyframes manoMueveB {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(0, -150px);
  }
}
@-webkit-keyframes manoMueveC {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(150px, -70px);
  }
}
@keyframes manoMueveC {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(150px, -70px);
  }
}
@-webkit-keyframes flechaAparece {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes flechaAparece {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes flechaDesaparece {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes flechaDesaparece {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes manoDesaparece {
  0% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translate(0, 300px) scale(0);
    opacity: 0;
  }
}
@keyframes manoDesaparece {
  0% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translate(0, 300px) scale(0);
    opacity: 0;
  }
}
@-webkit-keyframes transparent {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes transparent {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes slideQuest {
  0% {
    transform: translateX(100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slideQuest {
  0% {
    transform: translateX(100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
@-webkit-keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes ellipsis {
  to {
    width: 1rem;
  }
}
@keyframes ellipsis {
  to {
    width: 1rem;
  }
}
/* GAME FEEDBACK */
@-webkit-keyframes AniPtsUp {
  to {
    transform: matrix(1, 0, 0, 1, 0, -160);
    @media (max-width: 845px) {
      transform: matrix(1, 0, 0, 1, 0, -360);
    }
  }
}
@keyframes AniPtsUp {
  to {
    transform: matrix(1, 0, 0, 1, 0, -160);
    @media (max-width: 845px) {
      transform: matrix(1, 0, 0, 1, 0, -360);
    }
  }
}
@-webkit-keyframes AniPtsUp1 {
  to {
    transform: matrix(1, 0, 0, 1, 0, -150);
  }
}
@keyframes AniPtsUp1 {
  to {
    transform: matrix(1, 0, 0, 1, 0, -150);
  }
}
@-webkit-keyframes AniPtsUp1Movil {
  to {
    transform: matrix(1, 0, 0, 1, 0, -75);
  }
}
@keyframes AniPtsUp1Movil {
  to {
    transform: matrix(1, 0, 0, 1, 0, -75);
  }
}
@-webkit-keyframes AniPtsUp2 {
  0% {
    opacity: 1;
    transform: matrix(1, 0, 0, 1, 0, 0);
  }
  50% {
    opacity: 1;
  }
  90% {
    opacity: 0.1;
  }
  100% {
    opacity: 0;
    transform: matrix(1, 0, 0, 1, 0, -200);
  }
}
@keyframes AniPtsUp2 {
  0% {
    opacity: 1;
    transform: matrix(1, 0, 0, 1, 0, 0);
  }
  50% {
    opacity: 1;
  }
  90% {
    opacity: 0.1;
  }
  100% {
    opacity: 0;
    transform: matrix(1, 0, 0, 1, 0, -200);
  }
}
@-webkit-keyframes AniLvsUp {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translateY(-320px);
  }
}
@keyframes AniLvsUp {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translateY(-320px);
  }
}
@-webkit-keyframes AniLv {
  to {
    transform: matrix(1.25, 0, 0, 1.25, 0, -260);
  }
}
@keyframes AniLv {
  to {
    transform: matrix(1.25, 0, 0, 1.25, 0, -260);
  }
}
@-webkit-keyframes AniUpOpacity {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes AniUpOpacity {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes scaleLetter {
  to {
    transform: matrix(1.1, 0, 0, 1.1, 0, 0);
  }
}
@keyframes scaleLetter {
  to {
    transform: matrix(1.1, 0, 0, 1.1, 0, 0);
  }
}
@-webkit-keyframes scaleLetterXL {
  to {
    transform: matrix(1.15, 0, 0, 1.15, 0, 0);
  }
}
@keyframes scaleLetterXL {
  to {
    transform: matrix(1.15, 0, 0, 1.15, 0, 0);
  }
}
@-webkit-keyframes introLetter {
  from {
    opacity: 0;
    transform: matrix(0, 0, 0, 0, 0, 0);
  }
  to {
    opacity: 1;
    transform: matrix(1, 0, 0, 1, 0, 0);
  }
}
@keyframes introLetter {
  from {
    opacity: 0;
    transform: matrix(0, 0, 0, 0, 0, 0);
  }
  to {
    opacity: 1;
    transform: matrix(1, 0, 0, 1, 0, 0);
  }
}
@-webkit-keyframes outLetter {
  from {
    opacity: 1;
    transform: matrix(1, 0, 0, 1, 0, 0);
  }
  to {
    opacity: 0;
    transform: matrix(0, 0, 0, 0, 0, 0);
  }
}
@keyframes outLetter {
  from {
    opacity: 1;
    transform: matrix(1, 0, 0, 1, 0, 0);
  }
  to {
    opacity: 0;
    transform: matrix(0, 0, 0, 0, 0, 0);
  }
}
@-webkit-keyframes rotationOlDrg {
  from {
    transform: matrix(1, -0.07, 0.07, 1, 0, 0);
  }
  to {
    transform: matrix(1, 0.07, -0.07, 1, 0, 0);
  }
}
@keyframes rotationOlDrg {
  from {
    transform: matrix(1, -0.07, 0.07, 1, 0, 0);
  }
  to {
    transform: matrix(1, 0.07, -0.07, 1, 0, 0);
  }
}
@-webkit-keyframes shakeLetter {
  from {
    transform: matrix(1.05, 0.05, -0.05, 1.05, 0, 0);
  }
  10%, 90% {
    transform: matrix(1.05, -0.05, 0.05, 1.05, -0.5, 0);
  }
  20%, 80% {
    transform: matrix(1.05, 0.05, -0.05, 1.05, 1, 0);
  }
  30%, 50%, 70% {
    transform: matrix(1.05, -0.05, 0.05, 1.05, -2, 0);
  }
  40%, 60% {
    transform: matrix(1.05, 0.07, -0.07, 1.05, 2, 0);
  }
  to {
    transform: matrix(1.05, 0.07, -0.07, 1.05, 0, 0);
  }
}
@keyframes shakeLetter {
  from {
    transform: matrix(1.05, 0.05, -0.05, 1.05, 0, 0);
  }
  10%, 90% {
    transform: matrix(1.05, -0.05, 0.05, 1.05, -0.5, 0);
  }
  20%, 80% {
    transform: matrix(1.05, 0.05, -0.05, 1.05, 1, 0);
  }
  30%, 50%, 70% {
    transform: matrix(1.05, -0.05, 0.05, 1.05, -2, 0);
  }
  40%, 60% {
    transform: matrix(1.05, 0.07, -0.07, 1.05, 2, 0);
  }
  to {
    transform: matrix(1.05, 0.07, -0.07, 1.05, 0, 0);
  }
}
@-webkit-keyframes shakeV {
  10%, 90% {
    transform: matrix(1.125, 0, 0, 1.125, 0, -1);
  }
  20%, 80% {
    transform: matrix(1, 0, 0, 1, 0, 2);
  }
  30%, 50%, 70% {
    transform: matrix(1, 0, 0, 1, 0, -6);
  }
  40%, 60% {
    transform: matrix(1, 0, 0, 1, 0, 6);
  }
}
@keyframes shakeV {
  10%, 90% {
    transform: matrix(1.125, 0, 0, 1.125, 0, -1);
  }
  20%, 80% {
    transform: matrix(1, 0, 0, 1, 0, 2);
  }
  30%, 50%, 70% {
    transform: matrix(1, 0, 0, 1, 0, -6);
  }
  40%, 60% {
    transform: matrix(1, 0, 0, 1, 0, 6);
  }
}
@-webkit-keyframes shakeV2 {
  10%, 90% {
    transform: matrix(1, 0, 0, 1, 0, -1);
  }
  20%, 80% {
    transform: matrix(1, 0, 0, 1, 0, 2);
  }
  30%, 50%, 70% {
    transform: matrix(1, 0, 0, 1, 0, -6);
  }
  40%, 60% {
    transform: matrix(1, 0, 0, 1, 0, 6);
  }
}
@keyframes shakeV2 {
  10%, 90% {
    transform: matrix(1, 0, 0, 1, 0, -1);
  }
  20%, 80% {
    transform: matrix(1, 0, 0, 1, 0, 2);
  }
  30%, 50%, 70% {
    transform: matrix(1, 0, 0, 1, 0, -6);
  }
  40%, 60% {
    transform: matrix(1, 0, 0, 1, 0, 6);
  }
}
@-webkit-keyframes shakeV3 {
  from {
    transform: matrix(1, 0.05, -0.05, 1, 0, 0);
  }
  10%, 90% {
    transform: matrix(1, -0.05, 0.05, 1, 0, -1);
  }
  20%, 80% {
    transform: matrix(1, 0.05, -0.05, 1, 0, 2);
  }
  30%, 50%, 70% {
    transform: matrix(1, -0.05, 0.05, 1, 0, -3);
  }
  40%, 60% {
    transform: matrix(1, 0.07, -0.07, 1, 0, 3);
  }
  to {
    transform: matrix(1, 0.07, -0.07, 1, 0, 0);
  }
}
@keyframes shakeV3 {
  from {
    transform: matrix(1, 0.05, -0.05, 1, 0, 0);
  }
  10%, 90% {
    transform: matrix(1, -0.05, 0.05, 1, 0, -1);
  }
  20%, 80% {
    transform: matrix(1, 0.05, -0.05, 1, 0, 2);
  }
  30%, 50%, 70% {
    transform: matrix(1, -0.05, 0.05, 1, 0, -3);
  }
  40%, 60% {
    transform: matrix(1, 0.07, -0.07, 1, 0, 3);
  }
  to {
    transform: matrix(1, 0.07, -0.07, 1, 0, 0);
  }
}
@-webkit-keyframes CheckOk {
  from {
    opacity: 1;
    transform: translateX(0) translateY(0);
  }
  to {
    opacity: 0;
    transform: translateX(0) translateY(-64px);
  }
}
@keyframes CheckOk {
  from {
    opacity: 1;
    transform: translateX(0) translateY(0);
  }
  to {
    opacity: 0;
    transform: translateX(0) translateY(-64px);
  }
}
@-webkit-keyframes CheckWrong {
  from {
    opacity: 1;
    transform: translateX(0) translateY(0);
  }
  to {
    opacity: 0;
    transform: translateX(0) translateY(-64px);
  }
}
@keyframes CheckWrong {
  from {
    opacity: 1;
    transform: translateX(0) translateY(0);
  }
  to {
    opacity: 0;
    transform: translateX(0) translateY(-64px);
  }
}
@-webkit-keyframes CheckWrong2 {
  from {
    opacity: 1;
    transform: translateX(0) translateY(0);
  }
  to {
    opacity: 0;
    transform: translateX(0) translateY(-64px);
  }
}
@keyframes CheckWrong2 {
  from {
    opacity: 1;
    transform: translateX(0) translateY(0);
  }
  to {
    opacity: 0;
    transform: translateX(0) translateY(-64px);
  }
}
.select {
  box-sizing: border-box;
  margin: 0;
  font-family: inherit;
  font-size: 0.875rem;
  display: block;
  width: 100%;
  padding: 0.75rem 1.75rem 0.75rem 1rem;
  color: #212529;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M6 9L12 15L18 9' stroke='%232B2D30' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E");
  background-repeat: no-repeat;
  background-position: calc(100% - 0.75rem) center;
  border: 1px solid #2B2D30;
  border-radius: 9999em;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

html {
  min-height: 100% !important;
}

body {
  margin: 0;
  padding: 0;
  font-family: Helvetica, Arial, sans-serif;
  text-rendering: optimizeLegibility;
  word-break: break-word;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: hidden;
  opacity: 0;
  -webkit-touch-callout: none !important;
  min-height: 100% !important;
  zoom: 100%;
}
@media print {
  body {
    overflow: visible !important;
  }
  body * {
    width: auto;
    border: 0;
    margin: 0;
    padding: 0;
    float: none;
    position: static;
    overflow: visible;
  }
}
body.gmv {
  overflow-y: auto;
}

#gCntr {
  position: relative;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  overflow: hidden;
}
#gCntr > div {
  overflow: hidden;
}
#gCntr > div > div {
  pointer-events: none !important;
}
.gmv #gCntr {
  position: fixed;
  top: 0;
  left: 0;
}

canvas {
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  overflow: hidden;
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

svg {
  overflow: visible;
}

audio:focus,
audio:focus-visible {
  outline: 0;
}

.g__ptrvnts {
  pointer-events: all !important;
}

.g__ptrvntsNo {
  pointer-events: none !important;
}

.g__alpha {
  -webkit-animation: Alpha 0.2s ease-in;
          animation: Alpha 0.2s ease-in;
}

.btn__close {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 8px;
  right: 8px;
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 18px;
  cursor: pointer;
  transform: scale(1);
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  background: rgba(0, 0, 0, 0.05);
}
.btn__close svg {
  stroke: black;
}
.btn__close:hover, .btn__close:focus {
  background: rgba(0, 0, 0, 0.1);
  transform: scale(1.2);
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.edu__ldg {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 101;
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}
.edu__ldg__smb__svg {
  width: 64px;
}
@media (min-width: 768px) {
  .edu__ldg__smb__svg {
    width: 72px;
  }
}
@media (min-width: 768px) {
  .edu__ldg__smb__svg {
    width: 84px;
  }
}
@media (min-width: 1920px) {
  .edu__ldg__smb__svg {
    width: 96px;
  }
}
.edu__ldg__smb__svg__bx {
  -webkit-animation: rotate2 4s infinite;
          animation: rotate2 4s infinite;
  transform-origin: 50% 50%;
}
.edu__ldg__smb__svg__e {
  stroke-dasharray: 128;
  stroke-dashoffset: 0;
}
.edu__ldg__tx {
  display: flex;
  align-items: baseline;
  transform: translateY(-7px);
}
.edu__ldg__tx__nf {
  display: flex;
  justify-content: center;
  width: 200px;
  font-family: "Nunito", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0.6px;
}
.edu__ldg__tx__pr {
  margin-left: auto;
  font-family: "Nunito", Helvetica, Arial, sans-serif;
  font-weight: 900;
  font-size: 20px;
  letter-spacing: 1px;
}
.edu__ldg--s {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.edu__ldg--s .edu__ldg__smb__svg {
  width: 48px;
  height: 48px;
}
.edu__ldg--s .edu__ldg__tx {
  display: none;
}
.edu__ldg.act {
  opacity: 1;
  transition: opacity 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}

.hd {
  position: fixed;
  top: 0px;
  width: 100%;
  overflow: hidden;
  z-index: 1004;
  transform: translateY(-58px);
  transition: transform 0.3s ease-in;
}
.hd__wp {
  display: flex;
  align-items: center;
  height: 56px;
  max-width: 1550px;
  margin: 0 auto;
}
@media only screen and (max-height: 640px) and (orientation: landscape) {
  .hd__wp {
    height: 48px;
  }
}
@media only screen and (min-device-width: 480px) and (max-device-width: 640px) and (orientation: landscape) {
  .hd__wp {
    height: 48px;
  }
}
@media only screen and (min-device-width: 600px) and (max-device-width: 1000px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  .hd__wp {
    height: 48px;
  }
}
.hd__tt {
  flex: 1;
  font-family: "Nunito", Helvetica, Arial, sans-serif;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: 1px;
}
@media only screen and (max-width: 1025px) {
  .hd__tt {
    font-size: 15px;
  }
}
@media only screen and (max-width: 844px) {
  .hd__tt {
    font-size: 12px;
  }
}
@media only screen and (max-width: 320px) {
  .hd__tt {
    font-size: 10px;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .hd__tt {
    font-size: 16px;
  }
}
@media only screen and (min-device-width: 834px) and (max-device-width: 1112px) {
  .hd__tt {
    font-size: 16px;
  }
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) {
  .hd__tt {
    font-size: 16px;
  }
}
@media screen and (min-device-width: 600px) and (max-device-height: 910px) {
  .hd__tt {
    font-size: 14px;
  }
}
.hd__lvs, .hd__pts {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin: 0 10px;
}
.hd__lvs__tt, .hd__pts__tt {
  font-family: "Nunito", Helvetica, Arial, sans-serif;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  margin: 0 4px;
}
@media only screen and (orientation: portrait) {
  .hd__lvs__tt, .hd__pts__tt {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.8px;
    margin: 0 2px;
  }
}
.hd__lvs__wp, .hd__pts__wp {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 28px;
  min-width: 44px;
  border: 0;
  border-radius: 8px;
  padding: 0 8px;
  margin-top: 2px;
  overflow: hidden;
}
@media only screen and (max-width: 844px) {
  .hd__lvs__wp, .hd__pts__wp {
    height: 26px;
    min-width: auto;
  }
}
.hd__lvs__wp .i__lvs, .hd__lvs__wp .i__pts, .hd__pts__wp .i__lvs, .hd__pts__wp .i__pts {
  display: flex;
  margin-right: 10px;
}
@media only screen and (max-width: 844px) {
  .hd__lvs__wp .i__lvs svg, .hd__lvs__wp .i__pts svg, .hd__pts__wp .i__lvs svg, .hd__pts__wp .i__pts svg {
    width: 16px;
    height: 16px;
  }
}
.hd__lvs__wp__nr, .hd__pts__wp__nr {
  font-family: "Nunito", Helvetica, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
  font-size: 19px;
}
@media only screen and (max-width: 844px) {
  .hd__lvs__wp__nr, .hd__pts__wp__nr {
    font-size: 16px;
  }
}
.hd__lvs {
  align-items: flex-start;
}
.hd__lvs.non {
  opacity: 0;
}
.hd__pts {
  align-items: flex-end;
}
.act .hd {
  transform: translateY(0px);
  transition: transform 0.3s ease-in;
}

.bk {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  z-index: -1;
  opacity: 0;
  transition: opacity 0.2s ease-out;
}
.bk::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(11, 21, 0, 0.4);
  transition: background 0.4s linear;
}

.act .bk {
  opacity: 1;
}
.act .bk::after {
  background: rgba(250, 255, 243, 0.4);
  transition: background 0.4s linear;
}

.act.gmv .bk::after {
  background: rgba(11, 21, 0, 0.4);
  transition: background 0.4s linear;
}

.qst {
  position: fixed;
  display: flex;
  left: 50%;
  top: 68px;
  width: calc(100% - 16px);
  height: calc(100% - 74px);
  transform: translateX(-50%) translateY(-110%);
  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
  pointer-events: none;
  z-index: 1003;
  opacity: 0;
}
@media only screen and (hover: hover) and (orientation: landscape) {
  .qst {
    max-width: 1280px;
  }
}
@media only screen and (orientation: portrait) {
  .qst {
    top: 64px;
    height: calc(100% - 70px);
  }
}
@media only screen and (min-width: 1920px) {
  .qst {
    max-width: 1550px;
  }
}
@media only screen and (max-device-width: 700px) and (orientation: landscape) {
  .qst {
    height: calc(100% - 54px);
    top: 52px;
  }
}
@media only screen and (min-device-width: 640px) and (max-device-width: 1000px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  .qst {
    height: calc(100% - 54px);
    top: 52px;
  }
}
@media only screen and (max-height: 640px) and (orientation: landscape) {
  .qst {
    height: calc(100% - 54px);
    top: 52px;
  }
}
.qst__wp {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 16%;
  border-radius: 12px;
  pointer-events: all;
  box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.2), 0 0.5px 0 rgba(0, 0, 0, 0.4);
}
@media only screen and (orientation: portrait) {
  .qst__wp {
    padding: 2px 12px;
  }
}
@media only screen and (max-width: 855px) and (orientation: landscape) {
  .qst__wp {
    padding: 1px 12px;
  }
}
@media only screen and (max-width: 855px) and (orientation: landscape) {
  .qst__wp {
    padding: 1px 12px;
  }
}
@media only screen and (orientation: portrait) {
  .qst__wp {
    height: 24%;
  }
}
@media only screen and (min-height: 800px) and (max-height: 1000px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .qst__wp {
    height: 32%;
  }
}
.qst__wp__nr {
  position: absolute;
  top: 3px;
  left: 12px;
  transform: none;
}
@media only screen and (max-width: 1024px) {
  .qst__wp__nr {
    left: 8px;
  }
}
@media only screen and (max-width: 756px) and (orientation: portrait) {
  .qst__wp__nr {
    left: 6px;
  }
}
.qst__wp__nav {
  position: absolute;
  display: flex;
  justify-content: space-between;
  top: 50%;
  left: 0;
  right: 0;
  width: 100%;
  padding: 0 8px;
  transform: translateY(-50%);
}
.qst__wp__nav button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  cursor: pointer;
  outline: 0;
  transition: all 0.2s ease-in-out;
}
.qst__wp__nav button svg path {
  transition: all 0.2s ease-in-out;
}
@media only screen and (max-width: 845px) {
  .qst__wp__nav button {
    width: 28px;
    height: 28px;
  }
  .qst__wp__nav button svg {
    width: 8px;
    height: auto;
  }
}
.qst__wp__sk {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  box-sizing: border-box;
  width: calc(100% - 24px);
  min-height: 100%;
  max-height: 100%;
  padding: 0;
}
@media only screen and (max-width: 855px) {
  .qst__wp__sk {
    width: calc(100% - 16px);
  }
}
@media only screen and (min-height: 800px) and (max-height: 1000px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .qst__wp__sk {
    flex-direction: column;
  }
}
.qst__wp__sk #gQstSk {
  margin: 0;
}
@media only screen and (min-height: 800px) and (max-height: 1000px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .qst__wp__sk #gQstSk {
    margin-bottom: 8px;
  }
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) {
  .qst__wp__sk #gQstSk {
    margin-bottom: 8px;
  }
}
.qst__wp__sk #gQstSkMed {
  position: relative;
  min-width: 64px;
}
.qst__wp__sk--tx {
  height: 100%;
}
@media only screen and (hover: none) and (orientation: landscape) {
  .qst__wp__sk--tx #gQstSk {
    max-width: 85%;
  }
}
.qst__wp__sk--tx #gQstSkMed {
  display: none;
}
.qst__wp__sk--tx-sd {
  flex-direction: row;
}
@media only screen and (orientation: portrait) {
  .qst__wp__sk--tx-sd {
    flex-direction: column;
  }
}
@media only screen and (min-height: 800px) and (max-height: 1000px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .qst__wp__sk--tx-sd {
    justify-content: center;
  }
}
.qst__wp__sk--tx-sd #gQstSk {
  margin: 0;
  padding: 0;
}
@media only screen and (orientation: landscape) {
  .qst__wp__sk--tx-sd #gQstSk {
    margin-right: 8px;
  }
}
@media only screen and (orientation: portrait) {
  .qst__wp__sk--tx-sd #gQstSk {
    margin-bottom: 12px;
    text-align: center;
  }
}
@media only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .qst__wp__sk--tx-sd #gQstSk {
    margin-right: 4px;
  }
}
@media only screen and (min-device-width: 480px) and (max-device-width: 640px) and (orientation: landscape) {
  .qst__wp__sk--tx-sd #gQstSkMed {
    height: 100%;
  }
}
@media only screen and (min-device-width: 600px) and (max-device-width: 1000px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  .qst__wp__sk--tx-sd #gQstSkMed {
    height: 100%;
  }
}
@media only screen and (min-device-width: 480px) and (max-device-width: 640px) and (orientation: landscape) {
  .qst__wp__sk--tx-sd #gQstSkMed #gQstSkMedWp,
.qst__wp__sk--tx-sd #gQstSkMed #gQstSkMedWpLprss {
    margin: 0;
    margin-left: 0.25rem;
  }
}
@media only screen and (min-device-width: 600px) and (max-device-width: 1000px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  .qst__wp__sk--tx-sd #gQstSkMed #gQstSkMedWp,
.qst__wp__sk--tx-sd #gQstSkMed #gQstSkMedWpLprss {
    margin: 0;
    margin-left: 0.25rem;
  }
}
.qst__wp__sk--tx-sd #gQstSkMed #gQstSkMedWp:before,
.qst__wp__sk--tx-sd #gQstSkMed #gQstSkMedWpLprss:before {
  display: none;
}
.qst__wp__sk--tx-sd #gQstSkMedWp {
  position: inherit !important;
  width: 100% !important;
  --aspect-ratio: none !important;
}
.qst__wp__sk--tx-sd #gQstSkMedWp audio {
  position: relative;
  height: 48px;
  max-width: inherit;
  min-width: 260px;
  width: inherit;
  margin: 0 8px;
}
@media only screen and (min-device-width: 480px) and (max-device-width: 640px) and (orientation: landscape) {
  .qst__wp__sk--tx-sd #gQstSkMedWp audio {
    min-width: 224px;
  }
}
@media only screen and (min-device-width: 600px) and (max-device-width: 1000px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  .qst__wp__sk--tx-sd #gQstSkMedWp audio {
    min-width: 224px;
  }
}
@media only screen and (hover: none) {
  .qst__wp__sk--tx-sd #gQstSkMedWp audio {
    height: 40px !important;
  }
}
.qst__wp__sk--sd #gQstSk {
  display: none;
}
.qst__wp__sk--sd #gQstSkMed {
  display: flex;
}
.qst__wp__sk--sd #gQstSkMedWp {
  position: inherit !important;
  width: 100% !important;
  --aspect-ratio: none !important;
}
.qst__wp__sk--sd #gQstSkMedWp audio {
  top: auto !important;
  left: auto !important;
  height: 100% !important;
  height: 56px !important;
  width: 300px !important;
  transform: none !important;
  position: relative !important;
  height: 48px !important;
  max-width: inherit !important;
  min-width: 260px !important;
  width: inherit !important;
  margin: 0 8px !important;
}
@media only screen and (hover: none) {
  .qst__wp__sk--sd #gQstSkMedWp audio {
    height: 40px !important;
  }
}
.qst__wp__sk--tx-mg #gQstSk, .qst__wp__sk--tx-vd #gQstSk {
  max-width: 50%;
  margin-right: 12px;
}
@media only screen and (min-height: 800px) and (max-height: 1000px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .qst__wp__sk--tx-mg #gQstSk, .qst__wp__sk--tx-vd #gQstSk {
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 8px;
  }
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) {
  .qst__wp__sk--tx-mg #gQstSk, .qst__wp__sk--tx-vd #gQstSk {
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 12px;
  }
}
.qst__wp__sk--tx-mg #gQstSkMed, .qst__wp__sk--tx-vd #gQstSkMed {
  display: flex;
  align-items: center;
  max-width: 50%;
  height: 100%;
}
@media only screen and (min-height: 800px) and (max-height: 1000px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .qst__wp__sk--tx-mg #gQstSkMed, .qst__wp__sk--tx-vd #gQstSkMed {
    justify-content: center;
    max-width: 100%;
    height: 60%;
  }
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) {
  .qst__wp__sk--tx-mg #gQstSkMed, .qst__wp__sk--tx-vd #gQstSkMed {
    justify-content: center;
    max-width: 100%;
    height: 50%;
  }
}
@media only screen and (min-height: 800px) and (max-height: 1000px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .qst__wp__sk--tx-mg #gQstSk {
    text-align: center;
  }
}
.qst__wp__sk--tx-mg #gQstSkMedWp {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: 100%;
  height: 100%;
  --aspect-ratio: none !important;
}
@media only screen and (orientation: portrait) {
  .qst__wp__sk--tx-mg #gQstSkMedWp {
    justify-content: flex-start;
  }
}
@media only screen and (min-height: 800px) and (max-height: 1000px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .qst__wp__sk--tx-mg #gQstSkMedWp {
    justify-content: center;
    padding-right: 56%;
    transform: translateX(23%);
  }
}
.qst__wp__sk--tx-mg #gQstSkMedWp:before {
  display: none;
}
.qst__wp__sk--tx-mg #gQstSkMedWp img {
  position: relative;
  max-width: 100% !important;
  width: auto;
  height: auto;
  cursor: zoom-in;
}
@media only screen and (min-height: 800px) and (max-height: 1000px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .qst__wp__sk--tx-vd #gQstSk {
    text-align: center;
  }
}
.qst__wp__sk--tx-vd #gQstSkMed {
  position: relative;
}
.qst__wp__sk--tx-vd #gQstSkMed .qst__wp__sk__ldg {
  position: absolute;
  height: 100%;
  width: 100%;
}
.qst__wp__sk--tx-vd #gQstSkMedWp {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  width: 100%;
}
@media only screen and (orientation: portrait) {
  .qst__wp__sk--tx-vd #gQstSkMedWp {
    justify-content: flex-start;
  }
}
@media only screen and (min-height: 800px) and (max-height: 1000px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .qst__wp__sk--tx-vd #gQstSkMedWp {
    justify-content: center;
  }
}
.qst__wp__sk--tx-vd #gQstSkMedWp iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  padding: 1px;
}
.qst__wp__sk--vd #gQstSk {
  display: none;
}
.qst__wp__sk--vd #gQstSkMedWp {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  width: 100%;
}
.qst__wp__sk--vd #gQstSkMedWp iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  padding: 1px;
}
.qst__wp__sk--mg #gQstSk {
  display: none;
}
.qst__wp__sk--mg #gQstSkMed {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  height: 100%;
  min-height: 100%;
}
.qst__wp__sk--mg #gQstSkMed #gQstSkMedWp {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: 100%;
  height: 100%;
  --aspect-ratio: none !important;
}
.qst__wp__sk--mg #gQstSkMed #gQstSkMedWp:before {
  display: none;
}
.qst__wp__sk--mg #gQstSkMed #gQstSkMedWp img {
  position: relative;
  max-width: 100%;
  width: auto;
  height: auto;
  padding: 1px;
  cursor: zoom-in;
}
.qst__wp__sk #gQstSkMedWp {
  z-index: 1;
}
.qst__wp__sk #gQstSkMedWpLprss {
  position: absolute;
  transform: scale(0);
  transition: transform 0.2s ease-out;
  pointer-events: none;
  z-index: 2;
}
.qst__wp__sk #gQstSkMedWpLprss.act {
  position: fixed;
  left: 0;
  top: -3px;
  bottom: 20px;
  width: 100%;
  height: 100%;
  min-height: 100% !important;
  border-radius: 6px;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: scale(1);
  --aspect-ratio: none !important;
  transition: transform 0.2s ease-in;
}
.qst__wp__sk #gQstSkMedWpLprss img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  max-width: 100%;
  max-height: 100%;
  height: auto;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: zoom-in;
  --aspect-ratio: none !important;
  transition: height 0.05s ease-in-out, max-width 0.05s ease-in-out;
}
.qst__wp__sk #gQstSkMedWpLprss .btn__close {
  background: rgba(255, 255, 255, 0.05);
}
.qst__wp__sk #gQstSkMedWpLprss .btn__close svg {
  stroke: white;
}
.qst__wp__sk #gQstSkMedWpLprss .btn__close:hover, .qst__wp__sk #gQstSkMedWpLprss .btn__close:focus {
  background: rgba(255, 255, 255, 0.1);
  transform: scale(1.2);
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.qst__wp__sk #gQstSkMedWpLdg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 64px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 0;
}
.qst__wp__sk #gQstSkMedWpLdg .edu__ldg {
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 1;
  transform: translate(-50%, -50%);
}
.qst__wp__sk #gQstSkMedWpLdg .edu__ldg .edu__ldg__smb__svg {
  width: 64px;
}
@media (min-width: 768px) {
  .qst__wp__sk #gQstSkMedWpLdg .edu__ldg .edu__ldg__smb__svg {
    width: 72px;
  }
}
@media (min-width: 768px) {
  .qst__wp__sk #gQstSkMedWpLdg .edu__ldg .edu__ldg__smb__svg {
    width: 84px;
  }
}
@media (min-width: 1920px) {
  .qst__wp__sk #gQstSkMedWpLdg .edu__ldg .edu__ldg__smb__svg {
    width: 96px;
  }
}
.qst__wp__sk #gQstSkMedWpLdg .edu__ldg .edu__ldg__smb__svg__bx {
  -webkit-animation: rotate2 4s infinite;
          animation: rotate2 4s infinite;
  transform-origin: 50% 50%;
}
.qst__wp__sk #gQstSkMedWpLdg .edu__ldg .edu__ldg__smb__svg__e {
  stroke-dasharray: 128;
  stroke-dashoffset: 0;
}
.qst__wp__sk #gQstSkMedWpLdg .edu__ldg__tx {
  display: none;
}
.qst__wp__nav + .qst__wp__sk {
  width: calc(100% - 32px);
}
@media only screen and (max-width: 855px) {
  .qst__wp__nav + .qst__wp__sk {
    width: calc(100% - 16px);
  }
}
.qst.grp .qst__wp__sk > div span {
  display: flex;
  justify-content: center;
}
.qst.act {
  transform: translateX(-50%) translateY(0%);
  transition: transform 0.2s ease-in, opacity 0.2s ease-in;
  opacity: 1;
}

.nsw {
  display: none;
}

.fdb__pts {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  font-family: "Nunito", Helvetica, Arial, sans-serif;
  font-size: 32px;
  font-weight: 900;
  border-radius: 50px;
  padding: 0 16px;
  transition: all 2s ease;
  transform: matrix(1, 0, 0, 1, 0, 0);
  opacity: 1;
  z-index: 496;
}
@media only screen and (max-width: 845px) {
  .fdb__pts {
    font-size: 16px;
    padding: 0 12px;
  }
}
@media only screen and (min-width: 2445px) {
  .fdb__pts {
    font-size: 48px;
    padding: 0 16px;
  }
}
.fdb__pts .i__pts {
  display: flex;
  grid-column: 1;
  grid-row: 1;
  align-self: center;
  margin-right: 8px;
}
@media only screen and (max-width: 845px) {
  .fdb__pts .i__pts {
    margin-right: 6px;
  }
}
@media only screen and (min-width: 2445px) {
  .fdb__pts .i__pts {
    margin-right: 12px;
  }
}
.fdb__pts .i__pts svg {
  width: 32px;
  height: 32px;
  overflow: visible;
  filter: drop-shadow(0 2px 0 rgba(0, 0, 0, 0.55));
}
@media only screen and (max-width: 845px) {
  .fdb__pts .i__pts svg {
    width: 16px;
    height: 16px;
    filter: drop-shadow(0 1px 0 rgba(0, 0, 0, 0.55));
  }
}
@media only screen and (min-width: 2445px) {
  .fdb__pts .i__pts svg {
    width: 48px;
    height: 48px;
    filter: drop-shadow(0 4px 0 rgba(0, 0, 0, 0.55));
  }
}
.fdb__pts__nr {
  grid-column: 2;
  grid-row: 1;
  line-height: 1;
}
.fdb__pts__wp {
  display: flex;
  flex-direction: column;
  text-align: left;
}
.fdb__pts__min {
  grid-column: 2;
  grid-row: 2;
  transform: translateY(-5px);
  line-height: 1;
}
@media only screen and (max-width: 845px) {
  .fdb__pts__min {
    font-size: 10px;
  }
}
@media only screen and (min-width: 2445px) {
  .fdb__pts__min {
    font-size: 20px;
  }
}
.fdb__pts--up {
  -webkit-animation: AniUpOpacity 1.5s linear forwards, AniPtsUp1 1.5s cubic-bezier(0.25, 1, 0.5, 1) forwards;
          animation: AniUpOpacity 1.5s linear forwards, AniPtsUp1 1.5s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}
@media (max-width: 845px) {
  .fdb__pts--up {
    -webkit-animation: AniUpOpacity 1.5s linear forwards, AniPtsUp1Movil 1.5s cubic-bezier(0.25, 1, 0.5, 1) forwards;
            animation: AniUpOpacity 1.5s linear forwards, AniPtsUp1Movil 1.5s cubic-bezier(0.25, 1, 0.5, 1) forwards;
  }
}
.fdb__lv {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 2s ease-in;
  z-index: 100;
  transform: matrix(1, 0, 0, 1, 0, 0);
  opacity: 1;
  transition: all 2s ease-in;
}
@media only screen and (max-width: 845px) {
  .fdb__lv svg {
    width: 40px;
    height: auto;
  }
}
.fdb__lv.act {
  -webkit-animation: AniLv 3s cubic-bezier(0.25, 1, 0.5, 1) forwards, AniUpOpacity 3s linear forwards;
          animation: AniLv 3s cubic-bezier(0.25, 1, 0.5, 1) forwards, AniUpOpacity 3s linear forwards;
}

.gmv .hd {
  transform: translateY(-105%);
  transition: transform 0.4s ease-out;
}
.gmv .ftr {
  transform: translateY(150%);
  transition: transform 0.4s ease-out;
}
.gmv .clk {
  opacity: 0;
  transition: opacity 1s ease-out;
}
.gmv .fsc {
  opacity: 0;
  pointer-events: none;
  transition: opacity 1s ease-out;
}
.gmv .qst {
  transform: translateY(-200%);
  transition: transform 0.3s ease-out;
}
.gmv .nsw {
  transform: translateY(100%);
  transition: transform 0.3s ease-out;
}
.gmv .g__cj {
  display: none;
}
.gmv .g__opt {
  display: none;
}

.g {
  position: fixed;
  width: 100% !important;
  height: auto;
  min-height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  overflow: hidden;
}
.g__bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: none;
  background-repeat: repeat;
  pointer-events: none;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.6s cubic-bezier(0.65, 0, 0.35, 1);
}
.g__bg:before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.2;
}
.g__bg.act {
  opacity: 1;
  transition: opacity 0.6s cubic-bezier(0.65, 0, 0.35, 1) 0.2s;
}
.g__hd {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 1rem 0;
  transform: translateY(-500px);
  transition: transform 0.4s cubic-bezier(0.65, 0, 0.35, 1) 0.1s;
  z-index: 3;
}
.g__hd .e__logo {
  display: flex;
  justify-content: center;
  align-items: center;
}
.g__hd .e__logo svg {
  width: 80px;
  height: auto;
  filter: drop-shadow(0 4px 0 rgba(0, 0, 0, 0.55));
}
@media (min-width: 1024px) {
  .g__hd .e__logo svg {
    width: 96px;
    filter: drop-shadow(0 5px 0 rgba(0, 0, 0, 0.55));
  }
}
@media (min-width: 1920px) {
  .g__hd .e__logo svg {
    width: 124px;
    filter: drop-shadow(0 8px 0 rgba(0, 0, 0, 0.55));
  }
}
@media (min-width: 2800px) {
  .g__hd .e__logo svg {
    width: 224px;
    filter: drop-shadow(0 14px 0 rgba(0, 0, 0, 0.55));
  }
}
@media (orientation: landscape) and (max-height: 600px) {
  .g__hd .e__logo svg {
    width: 80px;
  }
}
.g__hd__mrk img {
  max-width: 100%;
  height: 90px;
}
@media (min-width: 1920px) {
  .g__hd__mrk img {
    height: 110px;
  }
}
@media (min-width: 2800px) {
  .g__hd__mrk img {
    height: 160px;
  }
}
@media (orientation: landscape) and (max-height: 600px) {
  .g__hd__mrk img {
    padding-top: 90px;
  }
}
.g__hd.act {
  transform: translateY(0);
  transition: transform 0.4s cubic-bezier(0.65, 0, 0.35, 1);
}
.g__hdg {
  position: fixed;
  top: 0;
  left: 5%;
  width: 90%;
  height: 42%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-top: 140px;
  text-align: center;
  font-family: "Nunito", Helvetica, Arial, sans-serif;
  transform: translateY(-150%);
  transition: transform 0.3s cubic-bezier(0.65, 0, 0.35, 1) 0.1s;
  z-index: 2;
}
@media (orientation: landscape) {
  .g__hdg {
    flex-direction: row;
  }
}
@media (orientation: portrait) {
  .g__hdg {
    height: 44%;
  }
}
@media (min-width: 1920px) {
  .g__hdg {
    padding-top: 150px;
  }
}
@media (min-width: 2800px) {
  .g__hdg {
    padding-top: 256px;
  }
}
@media (orientation: landscape) and (max-height: 600px) {
  .g__hdg {
    padding-top: 100px;
  }
}
.g__hdg__mg {
  position: relative;
  display: flex;
  align-items: center;
  min-width: 33%;
  height: 100%;
  max-height: -webkit-fill-available;
}
.g__hdg__mg img {
  position: relative;
  max-width: 100%;
  height: 100%;
}
@media (orientation: landscape) {
  .g__hdg__mg {
    justify-content: flex-end;
    margin-right: 16px;
  }
}
@media (orientation: portrait) {
  .g__hdg__mg {
    margin: 0;
    height: auto;
    justify-content: center;
  }
}
.g__hdg__wp {
  display: flex;
  flex-direction: column;
  min-width: 33%;
  padding-bottom: 24px;
  margin: 0;
}
@media (orientation: landscape) {
  .g__hdg__wp {
    text-align: left;
  }
}
@media only screen and (orientation: portrait) {
  .g__hdg__wp {
    justify-content: center;
    align-items: center;
    padding-bottom: 0;
  }
}
@media only screen and (min-device-width: 600px) and (max-device-width: 1000px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) and (hover: none) {
  .g__hdg__wp {
    min-width: 300px;
    margin-top: auto;
  }
}
@media only screen and (max-device-width: 700px) and (orientation: landscape) and (hover: none) {
  .g__hdg__wp {
    min-width: 280px;
    margin-top: auto;
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px) and (orientation: landscape) {
  .g__hdg__wp {
    margin-top: 0;
  }
}
@media screen and (max-width: 400px) and (orientation: portrait) {
  .g__hdg__wp {
    margin-top: auto;
  }
}
.g__hdg__tt {
  max-width: 90%;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.1px;
  line-height: 1.1;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
}
@media (min-width: 845px) {
  .g__hdg__tt {
    font-size: 24px;
  }
}
@media (min-width: 1024px) {
  .g__hdg__tt {
    font-size: 40px;
  }
}
@media (min-width: 1920px) {
  .g__hdg__tt {
    font-size: 64px;
  }
}
@media (min-width: 3200px) {
  .g__hdg__tt {
    font-size: 96px;
  }
}
@media (orientation: landscape) and (max-height: 540px) {
  .g__hdg__tt {
    font-size: 14px;
  }
}
.g__hdg__g-tt {
  margin-top: 4px;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 1px;
  line-height: 1;
  transform: translateY(-4px);
}
@media (min-width: 845px) {
  .g__hdg__g-tt {
    font-size: 18px;
  }
}
@media (min-width: 1024px) {
  .g__hdg__g-tt {
    font-size: 24px;
  }
}
@media (min-width: 1920px) {
  .g__hdg__g-tt {
    font-size: 40px;
  }
}
@media (min-width: 3200px) {
  .g__hdg__g-tt {
    font-size: 56px;
  }
}
@media (orientation: landscape) and (max-height: 540px) {
  .g__hdg__g-tt {
    font-size: 11px;
  }
}
.g__hdg.act {
  transform: translateY(0);
  transition: transform 0.3s cubic-bezier(0.65, 0, 0.35, 1) 0.4s;
}
.g__opt {
  position: fixed;
  display: flex;
  flex-direction: column;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  z-index: 99;
  transform: translateY(-100%);
  transition: all 0.4s cubic-bezier(0.65, 0, 0.35, 1);
}
.g__opt__cnt {
  position: relative;
  width: 100%;
  padding-bottom: 72px;
  transition: height 0.3s ease-in-out;
}
@media (min-width: 768px) {
  .g__opt__cnt {
    max-width: 768px;
    margin: 0 auto;
  }
}
@media (min-width: 1024px) {
  .g__opt__cnt {
    max-width: 1024px;
  }
}
.g__opt__cnt #return {
  display: none;
}
.g__opt__hd {
  display: flex;
  align-items: center;
  padding: 12px;
}
.g__opt__hd__wrp {
  display: flex;
  margin: auto;
}
.g__opt__hd__i {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 8px;
  margin-right: 16px;
}
.g__opt__hd__tt {
  font-family: "Nunito", Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 900;
}
@media (min-width: 768px) {
  .g__opt__hd__tt {
    font-size: 1.875rem;
  }
}
.g__opt__wrp {
  list-style: none;
  width: 100%;
  margin: 0 auto;
  padding: 16px 16px 64px;
  transition: height 0.3s ease-in-out;
}
.g__opt__wrp__drp {
  padding-bottom: 16px;
  transition: height 0.3s ease-in-out;
}
@media (min-width: 768px) {
  .g__opt__wrp__drp {
    padding-bottom: 24px;
  }
}
.g__opt__wrp__drp:last-child {
  padding-bottom: 0;
}
.g__opt__wrp__drp__hd {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.g__opt__wrp__drp__hd button {
  cursor: pointer;
}
.g__opt__wrp__drp__hd__tt {
  display: flex;
  align-items: center;
  flex: 1;
  height: 48px;
  font-family: "Nunito", Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: 1px;
  margin-left: 8px;
}
@media (min-width: 768px) {
  .g__opt__wrp__drp__hd__tt {
    font-size: 2rem;
    height: 56px;
    margin-left: 12px;
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px) and (orientation: landscape) {
  .g__opt__wrp__drp__hd__tt {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 370px) and (orientation: portrait) {
  .g__opt__wrp__drp__hd__tt {
    font-size: 1.2rem;
  }
}
.g__opt__wrp__drp__hd[aria-expanded=false] + .g__opt__wrp__drp__lst {
  height: 0px;
  transition: height 0.2s cubic-bezier(0.65, 0, 0.35, 1);
}
.g__opt__wrp__drp__hd[aria-expanded=false] + .g__opt__wrp__drp__lst > div {
  transform: translateY(-500px);
  transition: transform 0.2s cubic-bezier(0.65, 0, 0.35, 1);
}
.g__opt__wrp__drp__hd[aria-expanded=true] + .g__opt__wrp__drp__lst {
  height: 100%;
  transition: height 0.2s cubic-bezier(0.65, 0, 0.35, 1);
}
.g__opt__wrp__drp__hd[aria-expanded=true] + .g__opt__wrp__drp__lst > div {
  transform: translateY(0);
  transition: transform 0.2s cubic-bezier(0.65, 0, 0.35, 1);
}
.g__opt__wrp__drp__hd[aria-expanded=true] .btn {
  background: rgba(255, 255, 255, 0.3);
}
.g__opt__wrp__drp__lst {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-left: 57px;
  overflow: hidden;
  transition: height 0.3s ease-in-out;
}
@media (min-width: 768px) {
  .g__opt__wrp__drp__lst {
    padding-left: 70px;
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px) and (orientation: landscape) {
  .g__opt__wrp__drp__lst {
    padding-left: 57px;
  }
}
.g__opt__wrp__drp__g__tggl label {
  cursor: pointer;
  font-size: 1.2rem;
  font-weight: 200;
  height: 76px;
}
@media (min-width: 768px) {
  .g__opt__wrp__drp__g__tggl label {
    font-size: 1.5rem;
    height: 96px;
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px) and (orientation: landscape) {
  .g__opt__wrp__drp__g__tggl label {
    height: 48px;
    font-size: 1rem;
  }
}
@media screen and (max-width: 370px) and (orientation: portrait) {
  .g__opt__wrp__drp__g__tggl label {
    height: 48px;
    font-size: 1rem;
  }
}
.g__opt__wrp__drp__txt {
  padding-top: 8px;
  font-size: 14px;
  line-height: 1.45;
  font-weight: 200;
  letter-spacing: 0.03em;
}
@media (min-width: 768px) {
  .g__opt__wrp__drp__txt {
    padding-top: 1rem;
    font-size: 18px;
    line-height: 1.5;
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px) and (orientation: landscape) {
  .g__opt__wrp__drp__txt {
    font-size: 14px;
    line-height: 1.45;
    font-weight: 300;
    letter-spacing: 0.03em;
  }
}
@media screen and (max-width: 370px) and (orientation: portrait) {
  .g__opt__wrp__drp__txt {
    font-size: 14px;
    line-height: 1.45;
    font-weight: 300;
    letter-spacing: 0.03em;
  }
}
.g__opt__wrp__drp__txt h4 {
  font-size: 21px;
  font-weight: 400;
  padding-bottom: 8px;
  padding-top: 4px;
}
@media screen and (orientation: landscape) {
  .g__opt__wrp__drp__txt h4 {
    font-size: 28px;
  }
}
.g__opt__wrp__drp__txt h4:first-child {
  padding-top: 24px;
}
@media screen and (min-width: 700px) and (max-width: 1024px) and (orientation: landscape) {
  .g__opt__wrp__drp__txt h4 {
    font-size: 21px;
  }
}
@media screen and (max-width: 370px) and (orientation: portrait) {
  .g__opt__wrp__drp__txt h4 {
    font-size: 21px;
  }
}
.g__opt__wrp__drp__txt h5 {
  font-size: 14px;
  font-weight: 200;
  text-transform: uppercase;
  padding-bottom: 8px;
  padding-top: 24px;
}
@media screen and (orientation: landscape) {
  .g__opt__wrp__drp__txt h5 {
    font-size: 18px;
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px) and (orientation: landscape) {
  .g__opt__wrp__drp__txt h5 {
    font-size: 14px;
  }
}
@media screen and (max-width: 370px) and (orientation: portrait) {
  .g__opt__wrp__drp__txt h5 {
    font-size: 14px;
  }
}
.g__opt__wrp__drp__txt img {
  max-width: 100%;
  margin: 10px 0 11px;
}
.g__opt__wrp__drp__txt a {
  overflow-wrap: break-word;
}
.g__opt__wrp__drp__txt p strong {
  white-space: nowrap;
}
.g__opt__wrp__drp .btn__toggle .slider {
  cursor: pointer;
}
.g__opt__wrp__drp__adr {
  display: flex;
  margin: 2rem 0 2.5rem;
}
@media (min-width: 768px) {
  .g__opt__wrp__drp__adr {
    margin: 2rem 0 3.5rem;
  }
}
.g__opt__wrp__drp__adr svg {
  width: 186px;
  height: 41px;
}
.g__opt__wrp__drp__prnt {
  display: flex;
  justify-content: flex-end;
}
.g__opt__wrp__drp__prnt .btn {
  min-width: 230px;
}
@media (min-width: 768px) {
  .g__opt__wrp__drp__prnt .btn {
    min-width: 296px;
  }
}
.g__opt__btn {
  display: flex;
  max-width: 1024px;
  margin: 0 auto;
}
.g__opt__btn .btn {
  margin: auto;
  min-width: 240px;
}
.g__opt__btn svg {
  overflow: visible;
  transition: all 0.2s ease-in-out;
}
.g__opt__btn:hover .i__exit__arrow, .g__opt__btn:focus .i__exit__arrow {
  transition: transform 0.4s ease-out;
  transform: matrix(1, 0, 0, 1, 5, 0);
}
.g__opt.act {
  transform: translateY(0);
  transition: transform 0.4s cubic-bezier(0.65, 0, 0.35, 1);
}
.g__lgn {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  top: 0;
  left: 50%;
  width: calc(100% - 32px);
  height: 100%;
  transform: translate(-50%, -100%);
  transition: transform 0.6s cubic-bezier(0.65, 0, 0.35, 1);
  z-index: 1;
}
.g__lgn__wrp {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 340px;
  height: 250px;
  background: url("/v2/resources/20220112/img/common/svg/login-box.svg") no-repeat center;
  background-size: 100%;
}
@media (min-width: 1024px) {
  .g__lgn__wrp {
    width: 396px;
    height: 290px;
  }
}
@media (min-width: 1550px) {
  .g__lgn__wrp {
    width: 450px;
    height: 320px;
  }
}
.g__lgn__wrp__npt {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  width: 80%;
  margin: 0 auto;
}
.g__lgn__wrp__npt label {
  font-family: "Nunito", Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: 800;
  letter-spacing: 0.5px;
  margin-bottom: 12px;
}
.g__lgn__wrp__npt input {
  width: 100%;
  height: 48px;
  margin-bottom: 24px;
  padding: 0.5rem 0.75rem;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.2;
  outline: 0;
  resize: vertical;
  transition: width 0.2s ease-in-out;
}
@media (min-width: 768px) {
  .g__lgn__wrp__npt input {
    height: 3.75rem;
    padding: 1rem 0.25rem 1rem 0.25rem;
    font-size: 1.75rem;
    font-weight: 300;
    line-height: 1.2;
  }
}
.g__lgn__wrp .btn {
  margin-bottom: 24px;
  font-size: 1.5rem;
}
.g__lgn__wrp .btn:before {
  content: "";
  position: absolute;
  display: flex;
  width: 100%;
  height: 100%;
  border-radius: 1.5rem;
  pointer-events: none;
  z-index: -1;
  transition: box-shadow 0.2s ease-in-out;
}
@media (min-width: 768px) {
  .g__lgn__wrp .btn:before {
    border-radius: 1.625rem;
  }
}
@media (min-width: 1024px) {
  .g__lgn__wrp .btn:before {
    border-radius: 1.75rem;
    font-size: 1.25rem;
  }
}
@media (min-width: 1920px) {
  .g__lgn__wrp .btn:before {
    border-radius: 2rem;
    font-size: 1.5rem;
  }
}
.g__lgn__wrp .btn:active:before, .g__lgn__wrp .btn:focus:before {
  transition: box-shadow 0.2s ease-in-out;
}
.g__lgn__lnks {
  display: flex;
  justify-content: space-between;
  width: 270px;
}
@media (min-width: 1024px) {
  .g__lgn__lnks {
    width: 346px;
    height: 290px;
  }
}
@media (min-width: 1550px) {
  .g__lgn__lnks {
    width: 400px;
    height: 320px;
  }
}
.g__lgn.act {
  transform: translate(-50%, 0);
  transition: transform 0.6s cubic-bezier(0.65, 0, 0.35, 1);
}
.g__cntdwn {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  transform: scale(0);
  transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1);
  pointer-events: none;
  z-index: 4;
}
.g__cntdwn__bg {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.g__cntdwn__bg svg {
  width: 96px;
  height: 96px;
}
@media (min-width: 1024px) {
  .g__cntdwn__bg svg {
    width: 165px;
    height: 165px;
  }
}
@media (min-width: 1920px) {
  .g__cntdwn__bg svg {
    width: 220px;
    height: 220px;
  }
}
.g__cntdwn__hd {
  font-family: "Nunito", Helvetica, Arial, sans-serif;
  font-size: 72px;
  font-weight: 900;
  z-index: 2;
}
@media (min-width: 1024px) {
  .g__cntdwn__hd {
    font-size: 148px;
  }
}
.g__cntdwn.act {
  transform: scale(1);
  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1), background 0.3s cubic-bezier(0.25, 1, 0.5, 1) 0.2s;
}
.g__cntdwn.act .g__cntdwn__bg {
  -webkit-animation: rotate2 4s infinite 0.8s;
          animation: rotate2 4s infinite 0.8s;
}
.g__cnt__ini, .g__cnt__end {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 42%;
  font-family: "Nunito", Helvetica, Arial, sans-serif;
  box-shadow: 0 -1px 0 #6eb118;
  pointer-events: none;
  transform: translateY(150%);
  transition: transform 0.4s cubic-bezier(0.65, 0, 0.35, 1) 0.15s;
  z-index: 2;
}
@media only screen and (orientation: landscape) {
  .g__cnt__ini, .g__cnt__end {
    height: 48%;
  }
}
@media only screen and (orientation: landscape) and (max-height: 600px) {
  .g__cnt__ini, .g__cnt__end {
    height: 42%;
    padding: 0;
    align-items: flex-start;
  }
}
.g__cnt__ini__deco, .g__cnt__end__deco {
  position: fixed;
  display: flex;
  align-items: flex-start;
  height: 30%;
  height: -webkit-fill-available;
  width: 100%;
  bottom: 100%;
  overflow: hidden;
}
.g__cnt__ini__deco svg, .g__cnt__end__deco svg {
  position: absolute;
  width: 100%;
  height: auto;
  bottom: -3px;
  z-index: -1;
}
.g__cnt__ini__btns, .g__cnt__end__btns {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  max-height: 280px;
  padding-bottom: 24px;
  text-align: center;
}
@media screen and (orientation: portrait) {
  .g__cnt__ini__btns, .g__cnt__end__btns {
    max-height: 220px;
  }
}
.g__cnt__ini__btns .btn, .g__cnt__end__btns .btn {
  margin-bottom: auto;
}
@media screen and (max-height: 520px) and (orientation: portrait) {
  .g__cnt__ini__btns .btn, .g__cnt__end__btns .btn {
    height: 2.5rem;
  }
}
.g__cnt__ini__btns .btn:before, .g__cnt__end__btns .btn:before {
  content: "";
  position: absolute;
  display: flex;
  width: 100%;
  height: 100%;
  border-radius: 1.5rem;
  pointer-events: none;
  z-index: -1;
  transition: box-shadow 0.2s ease-in-out;
}
@media (min-width: 768px) {
  .g__cnt__ini__btns .btn:before, .g__cnt__end__btns .btn:before {
    border-radius: 1.625rem;
  }
}
@media (min-width: 1024px) {
  .g__cnt__ini__btns .btn:before, .g__cnt__end__btns .btn:before {
    border-radius: 1.75rem;
    font-size: 1.25rem;
  }
}
@media (min-width: 1920px) {
  .g__cnt__ini__btns .btn:before, .g__cnt__end__btns .btn:before {
    border-radius: 2rem;
    font-size: 1.5rem;
  }
}
.g__cnt__ini__btns .btn:active:before, .g__cnt__ini__btns .btn:focus:before, .g__cnt__end__btns .btn:active:before, .g__cnt__end__btns .btn:focus:before {
  transition: box-shadow 0.2s ease-in-out;
}
.g__cnt__ini__btns .btn .i__replay svg, .g__cnt__end__btns .btn .i__replay svg {
  transform-origin: 12px 15.5px;
}
@media screen and (max-height: 520px) and (orientation: portrait) {
  .g__cnt__ini__btns .btn .i__replay svg, .g__cnt__end__btns .btn .i__replay svg {
    width: 16px;
    height: auto;
  }
}
.g__cnt__ini__btns .btn:hover .i__play svg, .g__cnt__ini__btns .btn:focus .i__play svg, .g__cnt__end__btns .btn:hover .i__play svg, .g__cnt__end__btns .btn:focus .i__play svg {
  -webkit-animation: shakeHorizontal 1s linear forwards;
          animation: shakeHorizontal 1s linear forwards;
}
.g__cnt__ini__btns .btn:hover .i__options svg, .g__cnt__ini__btns .btn:focus .i__options svg, .g__cnt__end__btns .btn:hover .i__options svg, .g__cnt__end__btns .btn:focus .i__options svg {
  -webkit-animation: rotateMedio 1s ease-out forwards;
          animation: rotateMedio 1s ease-out forwards;
}
.g__cnt__ini__btns .btn:hover .i__replay svg, .g__cnt__ini__btns .btn:focus .i__replay svg, .g__cnt__end__btns .btn:hover .i__replay svg, .g__cnt__end__btns .btn:focus .i__replay svg {
  -webkit-animation: rotate 0.5s ease-in-out forwards;
          animation: rotate 0.5s ease-in-out forwards;
}
.g__cnt__ini__btns .activityLogin, .g__cnt__end__btns .activityLogin {
  margin-bottom: auto;
}
.g__cnt__ini__brand, .g__cnt__end__brand {
  position: absolute;
  bottom: 2px;
  left: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  width: 100%;
  opacity: 0.8;
}
.g__cnt__ini__brand__educaplay svg, .g__cnt__end__brand__educaplay svg {
  width: 48px;
  height: auto;
}
.g__cnt__ini__brand__txt, .g__cnt__end__brand__txt {
  font-size: 8px;
  font-weight: 200;
  line-height: 1.5;
  color: white;
}
.g__cnt__ini.act, .g__cnt__end.act {
  pointer-events: all;
  transform: translateY(0);
  transition: transform 0.6s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
}
.g__cnt__end {
  margin-top: 5%;
  flex-direction: column;
  align-items: center;
  height: auto !important;
  padding: 24px 16px 64px;
  box-shadow: 0 -1px 0 #112000;
  order: 1;
}
@media (orientation: portrait) {
  .g__cnt__end {
    margin-top: 10%;
  }
}
.g__cnt__end__deco {
  position: fixed;
  display: flex;
  align-items: flex-start;
  height: 30%;
  height: -webkit-fill-available;
  width: 100%;
  bottom: 100%;
  overflow: hidden;
}
.g__cnt__end__deco svg {
  position: absolute;
  width: 100%;
  height: auto;
  bottom: -2px;
}
.g__cnt__end__btns {
  transform: translateY(0);
  margin-bottom: 32px;
  padding: 0;
}
.g__cnt__end__shr {
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
  padding: 0 0 32px;
}
@media (min-width: 1024px) {
  .g__cnt__end__shr {
    font-size: 22px;
    padding: 0 0 48px;
  }
}
.g__cnt__end__shr__hd {
  margin-right: 1rem;
}
.g__cnt__end__shr__fcbk {
  margin-right: 6px;
}
@media (min-width: 1024px) {
  .g__cnt__end__shr__fcbk {
    margin-right: 8px;
  }
}
.g__cnt__end__shr a {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 36px;
  width: 36px;
  height: 36px;
  border-radius: 4px;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .g__cnt__end__shr a {
    min-width: 48px;
    width: 48px;
    height: 48px;
  }
}
.g__cnt__end__shr a svg {
  transition: transform 0.3s ease-out;
}
.g__cnt__end__shr a:hover svg {
  transform: scale(1.1);
}
.g__cnt__end .activityLogin {
  margin-bottom: 32px;
}
.g__cnt__end__usr {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 600;
  padding: 0 0 32px;
}
.g__cnt__end__usr__i {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  border-radius: 28px;
  margin-right: 16px;
}
.g__cnt__end__usr__i img {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100%;
  transform: translate(-50%, -50%);
}
.g__cnt__end__usr__nlggd__lnk__ini {
  margin-right: 1rem;
}
.g__cnt__end__rnk {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 500px;
  margin-bottom: 3rem;
  text-transform: uppercase;
}
.g__cnt__end__rnk__pstn, .g__cnt__end__rnk__pts, .g__cnt__end__rnk__tm, .g__cnt__end__rnk__hts {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 48px;
}
.g__cnt__end__rnk__pstn__hd, .g__cnt__end__rnk__pts__hd, .g__cnt__end__rnk__tm__hd, .g__cnt__end__rnk__hts__hd {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.75px;
  padding-left: 16px;
}
.g__cnt__end__rnk__pstn__nb, .g__cnt__end__rnk__pts__nb, .g__cnt__end__rnk__tm__nb, .g__cnt__end__rnk__hts__nb {
  font-size: 20px;
  font-weight: 900;
  letter-spacing: 0.75px;
  padding-right: 16px;
}
.g__cnt__end__rnk > div:first-child {
  border-radius: 8px;
}
.g__cnt__end__scr {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1024px;
  margin-bottom: 4rem;
}
.g__cnt__end__scr__btn {
  margin-bottom: 2rem;
}
.g__cnt__end__scr__btn svg path:first-child {
  transform-origin: 8px 8px;
  opacity: 1;
  transform: rotate(0);
  transition: opacity 0.3s ease, transform 0.2s ease-in-out;
}
.g__cnt__end__scr__btn:hover svg path:first-child {
  -webkit-animation: rotateCuarto 0.4s linear alternate;
          animation: rotateCuarto 0.4s linear alternate;
}
.g__cnt__end__scr__btn.act svg path:first-child {
  opacity: 0;
  transform: rotate(90deg);
  transition: opacity 0.3s ease 0.2s, transform 0.2s ease-in-out;
}
.g__cnt__end__scr__btn ~ .g__cnt__end__src__tbl {
  display: none;
}
.g__cnt__end__scr__btn.act ~ .g__cnt__end__src__tbl {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 16px;
  transition: height 0.3s ease-in-out;
}
.g__cnt__end__scr__btn.act ~ .g__cnt__end__src__tbl .g__cnt__end__src__tbl__hd {
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0.3px;
  padding-bottom: 8px;
  text-align: center;
}
.g__cnt__end__scr__btn.act ~ .g__cnt__end__src__tbl .g__cnt__end__src__tbl__sb {
  font-family: "Nunito", Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.75px;
  line-height: 1;
  text-align: center;
  margin-bottom: 20px;
}
.g__cnt__end__scr__btn.act ~ .g__cnt__end__src__tbl .g__cnt__end__src__tbl__wrp {
  display: flex;
  justify-content: center;
  flex-direction: column;
  border-radius: 12px;
}
.g__cnt__end__scr__btn.act ~ .g__cnt__end__src__tbl .g__cnt__end__src__tbl__wrp > div {
  display: flex;
  width: 100%;
  padding: 8px 0;
}
.g__cnt__end__scr__btn.act ~ .g__cnt__end__src__tbl .g__cnt__end__src__tbl__wrp > div:last-child {
  border-bottom-left-radius: 9px;
  border-bottom-right-radius: 9px;
}
.g__cnt__end__scr__btn.act ~ .g__cnt__end__src__tbl .g__cnt__end__src__tbl__wrp__nb, .g__cnt__end__scr__btn.act ~ .g__cnt__end__src__tbl .g__cnt__end__src__tbl__wrp__nf, .g__cnt__end__scr__btn.act ~ .g__cnt__end__src__tbl .g__cnt__end__src__tbl__wrp__i {
  display: flex;
  justify-content: center;
  align-items: center;
}
.g__cnt__end__scr__btn.act ~ .g__cnt__end__src__tbl .g__cnt__end__src__tbl__wrp__nb {
  width: 15%;
  align-items: flex-start;
  margin-top: 15px;
}
@media (min-width: 1024px) {
  .g__cnt__end__scr__btn.act ~ .g__cnt__end__src__tbl .g__cnt__end__src__tbl__wrp__nb {
    width: 6%;
    margin-top: 20px;
  }
}
.g__cnt__end__scr__btn.act ~ .g__cnt__end__src__tbl .g__cnt__end__src__tbl__wrp__nb span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 16px;
  font-weight: 800;
}
.g__cnt__end__scr__btn.act ~ .g__cnt__end__src__tbl .g__cnt__end__src__tbl__wrp__nf {
  width: 75%;
  flex-direction: column;
  align-items: flex-start;
  height: auto;
  padding: 10px 0 12px;
}
@media (min-width: 768px) {
  .g__cnt__end__scr__btn.act ~ .g__cnt__end__src__tbl .g__cnt__end__src__tbl__wrp__nf {
    width: 84%;
  }
}
.g__cnt__end__scr__btn.act ~ .g__cnt__end__src__tbl .g__cnt__end__src__tbl__wrp__nf__qst {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.75px;
  padding-bottom: 4px;
}
@media (min-width: 768px) {
  .g__cnt__end__scr__btn.act ~ .g__cnt__end__src__tbl .g__cnt__end__src__tbl__wrp__nf__qst {
    font-size: 16px;
  }
}
@media (min-width: 1024px) {
  .g__cnt__end__scr__btn.act ~ .g__cnt__end__src__tbl .g__cnt__end__src__tbl__wrp__nf__qst {
    font-size: 20px;
    padding-bottom: 8px;
  }
}
.g__cnt__end__scr__btn.act ~ .g__cnt__end__src__tbl .g__cnt__end__src__tbl__wrp__nf__qst__mg {
  max-width: 240px;
}
@media (min-width: 1024px) {
  .g__cnt__end__scr__btn.act ~ .g__cnt__end__src__tbl .g__cnt__end__src__tbl__wrp__nf__qst__mg {
    max-width: 480px;
  }
}
.g__cnt__end__scr__btn.act ~ .g__cnt__end__src__tbl .g__cnt__end__src__tbl__wrp__nf__qst__mg img {
  max-width: 100%;
}
.g__cnt__end__scr__btn.act ~ .g__cnt__end__src__tbl .g__cnt__end__src__tbl__wrp__nf__qst span {
  margin-top: 12px;
}
.g__cnt__end__scr__btn.act ~ .g__cnt__end__src__tbl .g__cnt__end__src__tbl__wrp__nf__qst audio {
  max-width: 240px;
}
@media (min-width: 768px) {
  .g__cnt__end__scr__btn.act ~ .g__cnt__end__src__tbl .g__cnt__end__src__tbl__wrp__nf__qst audio {
    max-width: 100%;
  }
}
.g__cnt__end__scr__btn.act ~ .g__cnt__end__src__tbl .g__cnt__end__src__tbl__wrp__nf__nsw {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0.33px;
}
@media (min-width: 768px) {
  .g__cnt__end__scr__btn.act ~ .g__cnt__end__src__tbl .g__cnt__end__src__tbl__wrp__nf__nsw {
    font-size: 16px;
  }
}
@media (min-width: 1024px) {
  .g__cnt__end__scr__btn.act ~ .g__cnt__end__src__tbl .g__cnt__end__src__tbl__wrp__nf__nsw {
    font-size: 24px;
  }
}
.g__cnt__end__scr__btn.act ~ .g__cnt__end__src__tbl .g__cnt__end__src__tbl__wrp__nf__nsw__mg {
  display: flex;
  max-width: 200px;
}
@media (min-width: 1024px) {
  .g__cnt__end__scr__btn.act ~ .g__cnt__end__src__tbl .g__cnt__end__src__tbl__wrp__nf__nsw__mg {
    max-width: 480px;
  }
}
.g__cnt__end__scr__btn.act ~ .g__cnt__end__src__tbl .g__cnt__end__src__tbl__wrp__nf__nsw__mg img {
  max-width: 100%;
}
.g__cnt__end__scr__btn.act ~ .g__cnt__end__src__tbl .g__cnt__end__src__tbl__wrp__nf__nsw__tt.wrng {
  text-decoration: line-through;
  -webkit-text-decoration-line: line-through;
          text-decoration-line: line-through;
  text-decoration-thickness: initial;
  -webkit-text-decoration-style: initial;
          text-decoration-style: initial;
  -webkit-text-decoration-color: initial;
          text-decoration-color: initial;
}
.g__cnt__end__scr__btn.act ~ .g__cnt__end__src__tbl .g__cnt__end__src__tbl__wrp__i {
  width: 10%;
  padding-right: 4px;
}
@media (min-width: 768px) {
  .g__cnt__end__scr__btn.act ~ .g__cnt__end__src__tbl .g__cnt__end__src__tbl__wrp__i svg {
    width: 32px;
    height: 32px;
  }
}
.g__cnt__end__scr__btn.act ~ .g__cnt__end__src__tbl .g__cnt__end__src__tbl__wrp__hd {
  height: 48px;
  font-weight: 700;
}
.g__cnt__end__scr__btn.act ~ .g__cnt__end__src__tbl .g__cnt__end__src__tbl__wrp__hd .g__cnt__end__src__tbl__wrp__nf {
  align-items: center;
}
.g__cnt__end__scr__btn.act ~ .g__cnt__end__src__tbl .g__cnt__end__src__tbl__wrp__hd .g__cnt__end__src__tbl__wrp__nb {
  align-items: center;
  margin-top: 0;
}
.g__cnt__end.act {
  pointer-events: all;
  transform: translateY(0);
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.g__fdb {
  position: relative;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  order: 0;
  width: 100%;
  height: 100%;
  padding: 10% 5% 5%;
  z-index: 1;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.6s cubic-bezier(0.65, 0, 0.35, 1);
}
@media (orientation: portrait) {
  .g__fdb {
    padding: 20% 5% 10%;
  }
}
.g__fdb::after {
  content: "";
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: -1;
}
.g__fdb__bg {
  position: fixed;
  display: none;
  justify-content: center;
  align-items: center;
  width: 200%;
  height: 100vh;
  top: 0;
  bottom: 0;
  left: -50%;
  right: 0;
  opacity: 0;
  overflow: hidden;
  transition: opacity 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}
.g__fdb__bg svg {
  width: 1600px;
  height: auto;
  opacity: 0.3;
  -webkit-animation: rotate 60s linear forwards infinite;
          animation: rotate 60s linear forwards infinite;
  overflow: visible;
}
@media (min-width: 768px) {
  .g__fdb__bg svg {
    width: 99999px;
  }
}
.g__fdb__bg.act {
  display: flex;
}
.g__fdb__wn, .g__fdb__fst, .g__fdb__ls {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 0;
  overflow: hidden;
  font-family: "Nunito", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-align: center;
  z-index: 2;
  transform: translateY(-1000px);
  transition: transform 0.6s cubic-bezier(0.65, 0, 0.35, 1);
}
.g__fdb__wn__tt, .g__fdb__fst__tt, .g__fdb__ls__tt {
  font-weight: 900;
  font-size: 10vw;
  line-height: 0.7;
}
@media (min-width: 1024px) {
  .g__fdb__wn__tt, .g__fdb__fst__tt, .g__fdb__ls__tt {
    font-size: 5vw;
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px) and (orientation: landscape) {
  .g__fdb__wn__tt, .g__fdb__fst__tt, .g__fdb__ls__tt {
    font-size: 8vw;
  }
}
.g__fdb__wn__sb, .g__fdb__wn__msg, .g__fdb__fst__sb, .g__fdb__fst__msg, .g__fdb__ls__sb, .g__fdb__ls__msg {
  font-weight: 900;
  font-size: 5vw;
}
@media (min-width: 1024px) {
  .g__fdb__wn__sb, .g__fdb__wn__msg, .g__fdb__fst__sb, .g__fdb__fst__msg, .g__fdb__ls__sb, .g__fdb__ls__msg {
    font-size: 2.5vw;
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px) and (orientation: landscape) {
  .g__fdb__wn__sb, .g__fdb__wn__msg, .g__fdb__fst__sb, .g__fdb__fst__msg, .g__fdb__ls__sb, .g__fdb__ls__msg {
    font-size: 3vw;
  }
}
.g__fdb__wn__msg, .g__fdb__fst__msg, .g__fdb__ls__msg {
  display: none;
  background: #6EB118;
  padding: 0 8px;
  text-shadow: none !important;
  margin-top: 8px;
  line-height: 1.5;
}
.g__fdb__wn__msg.act, .g__fdb__fst__msg.act, .g__fdb__ls__msg.act {
  display: block;
}
.g__fdb__wn__msg.act ~ .g__fdb__wn__sb, .g__fdb__wn__msg.act ~ .g__fdb__fst__sb, .g__fdb__wn__msg.act ~ .g__fdb__ls__sb, .g__fdb__fst__msg.act ~ .g__fdb__wn__sb, .g__fdb__fst__msg.act ~ .g__fdb__fst__sb, .g__fdb__fst__msg.act ~ .g__fdb__ls__sb, .g__fdb__ls__msg.act ~ .g__fdb__wn__sb, .g__fdb__ls__msg.act ~ .g__fdb__fst__sb, .g__fdb__ls__msg.act ~ .g__fdb__ls__sb {
  display: none;
}
.g__fdb__wn.act, .g__fdb__fst.act, .g__fdb__ls.act {
  height: auto;
  overflow: visible;
}
.g__fdb__ls__tt {
  font-size: 18vw;
  line-height: 0.8;
}
@media (min-width: 768px) {
  .g__fdb__ls__tt {
    font-size: 8vw;
  }
}
.g__fdb__ls.act ~ .g__fdb__cup {
  display: none;
}
.g__fdb__ls.act ~ .g__fdb__tbl .g__fdb__tbl__pts, .g__fdb__ls.act ~ .g__fdb__tbl .g__fdb__tbl__lvs {
  display: none;
}
.g__fdb__ls.act ~ .g__fdb__tbl .g__fdb__tbl__tt {
  margin-top: 16px;
}
@media (min-width: 1024px) {
  .g__fdb__ls.act ~ .g__fdb__tbl .g__fdb__tbl__tt {
    font-size: 24px;
    margin-top: 32px;
  }
}
.g__fdb__ls__msg {
  background: #C2371A;
}
.g__fdb__award {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-bottom: 32%;
  display: none;
}
.g__fdb__award [class|=g__fdb__award__itm] {
  position: absolute;
}
.g__fdb__award .g__fdb__award__itm-0 {
  width: 5px;
  height: 2px;
  background-color: #f2ca0d;
  top: -10%;
  left: 77%;
  opacity: 1.4637844231;
  transform: rotate(252.9080658964deg);
  -webkit-animation: drop-0 8.1840469141s 3.2208276141s infinite;
          animation: drop-0 8.1840469141s 3.2208276141s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-0 {
  100% {
    top: 110%;
    left: 90%;
  }
}
@keyframes drop-0 {
  100% {
    top: 110%;
    left: 90%;
  }
}
.g__fdb__award .g__fdb__award__itm-1 {
  width: 18px;
  height: 7.2px;
  background-color: #c2371a;
  top: -10%;
  left: 58%;
  opacity: 1.3106915771;
  transform: rotate(315.1686008463deg);
  -webkit-animation: drop-1 8.5866634518s 3.6853082694s infinite;
          animation: drop-1 8.5866634518s 3.6853082694s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-1 {
  100% {
    top: 110%;
    left: 65%;
  }
}
@keyframes drop-1 {
  100% {
    top: 110%;
    left: 65%;
  }
}
.g__fdb__award .g__fdb__award__itm-2 {
  width: 21px;
  height: 8.4px;
  background-color: #c2371a;
  top: -10%;
  left: 47%;
  opacity: 1.3319754445;
  transform: rotate(45.788932736deg);
  -webkit-animation: drop-2 8.1957542628s 7.0884044118s infinite;
          animation: drop-2 8.1957542628s 7.0884044118s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-2 {
  100% {
    top: 110%;
    left: 55%;
  }
}
@keyframes drop-2 {
  100% {
    top: 110%;
    left: 55%;
  }
}
.g__fdb__award .g__fdb__award__itm-3 {
  width: 6px;
  height: 2.4px;
  background-color: #f2ca0d;
  top: -10%;
  left: 95%;
  opacity: 1.1433301911;
  transform: rotate(189.9170678134deg);
  -webkit-animation: drop-3 8.9572566555s 1.9908912323s infinite;
          animation: drop-3 8.9572566555s 1.9908912323s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-3 {
  100% {
    top: 110%;
    left: 98%;
  }
}
@keyframes drop-3 {
  100% {
    top: 110%;
    left: 98%;
  }
}
.g__fdb__award .g__fdb__award__itm-4 {
  width: 6px;
  height: 2.4px;
  background-color: #c2371a;
  top: -10%;
  left: 61%;
  opacity: 0.8754678496;
  transform: rotate(179.9167747891deg);
  -webkit-animation: drop-4 8.0651136708s 4.6723491879s infinite;
          animation: drop-4 8.0651136708s 4.6723491879s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-4 {
  100% {
    top: 110%;
    left: 65%;
  }
}
@keyframes drop-4 {
  100% {
    top: 110%;
    left: 65%;
  }
}
.g__fdb__award .g__fdb__award__itm-5 {
  width: 21px;
  height: 8.4px;
  background-color: #c2371a;
  top: -10%;
  left: 70%;
  opacity: 0.9541767375;
  transform: rotate(175.1027387974deg);
  -webkit-animation: drop-5 8.1238645424s 5.0584569648s infinite;
          animation: drop-5 8.1238645424s 5.0584569648s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-5 {
  100% {
    top: 110%;
    left: 84%;
  }
}
@keyframes drop-5 {
  100% {
    top: 110%;
    left: 84%;
  }
}
.g__fdb__award .g__fdb__award__itm-6 {
  width: 3px;
  height: 1.2px;
  background-color: #f2ca0d;
  top: -10%;
  left: 52%;
  opacity: 1.3086407309;
  transform: rotate(256.1376783327deg);
  -webkit-animation: drop-6 8.5378361868s 1.6608234917s infinite;
          animation: drop-6 8.5378361868s 1.6608234917s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-6 {
  100% {
    top: 110%;
    left: 56%;
  }
}
@keyframes drop-6 {
  100% {
    top: 110%;
    left: 56%;
  }
}
.g__fdb__award .g__fdb__award__itm-7 {
  width: 7px;
  height: 2.8px;
  background-color: #1844a2;
  top: -10%;
  left: 87%;
  opacity: 0.7287425627;
  transform: rotate(167.3940683382deg);
  -webkit-animation: drop-7 8.5519236032s 7.5400464284s infinite;
          animation: drop-7 8.5519236032s 7.5400464284s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-7 {
  100% {
    top: 110%;
    left: 94%;
  }
}
@keyframes drop-7 {
  100% {
    top: 110%;
    left: 94%;
  }
}
.g__fdb__award .g__fdb__award__itm-8 {
  width: 19px;
  height: 7.6px;
  background-color: #f2ca0d;
  top: -10%;
  left: 25%;
  opacity: 0.8956536759;
  transform: rotate(103.3009026417deg);
  -webkit-animation: drop-8 8.3304432s 5.6033693887s infinite;
          animation: drop-8 8.3304432s 5.6033693887s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-8 {
  100% {
    top: 110%;
    left: 34%;
  }
}
@keyframes drop-8 {
  100% {
    top: 110%;
    left: 34%;
  }
}
.g__fdb__award .g__fdb__award__itm-9 {
  width: 29px;
  height: 11.6px;
  background-color: #1844a2;
  top: -10%;
  left: 83%;
  opacity: 0.5377219302;
  transform: rotate(63.2354488394deg);
  -webkit-animation: drop-9 8.7260281576s 3.4919907479s infinite;
          animation: drop-9 8.7260281576s 3.4919907479s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-9 {
  100% {
    top: 110%;
    left: 88%;
  }
}
@keyframes drop-9 {
  100% {
    top: 110%;
    left: 88%;
  }
}
.g__fdb__award .g__fdb__award__itm-10 {
  width: 9px;
  height: 3.6px;
  background-color: #c2371a;
  top: -10%;
  left: 27%;
  opacity: 1.2912503616;
  transform: rotate(269.7794583692deg);
  -webkit-animation: drop-10 8.8113490021s 4.694240811s infinite;
          animation: drop-10 8.8113490021s 4.694240811s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-10 {
  100% {
    top: 110%;
    left: 39%;
  }
}
@keyframes drop-10 {
  100% {
    top: 110%;
    left: 39%;
  }
}
.g__fdb__award .g__fdb__award__itm-11 {
  width: 16px;
  height: 6.4px;
  background-color: #c2371a;
  top: -10%;
  left: 91%;
  opacity: 0.9968969593;
  transform: rotate(169.1547961667deg);
  -webkit-animation: drop-11 8.4586096341s 1.9252535792s infinite;
          animation: drop-11 8.4586096341s 1.9252535792s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-11 {
  100% {
    top: 110%;
    left: 100%;
  }
}
@keyframes drop-11 {
  100% {
    top: 110%;
    left: 100%;
  }
}
.g__fdb__award .g__fdb__award__itm-12 {
  width: 9px;
  height: 3.6px;
  background-color: #c2371a;
  top: -10%;
  left: 66%;
  opacity: 1.0833503947;
  transform: rotate(184.6870656421deg);
  -webkit-animation: drop-12 8.6559253567s 5.5476410011s infinite;
          animation: drop-12 8.6559253567s 5.5476410011s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-12 {
  100% {
    top: 110%;
    left: 77%;
  }
}
@keyframes drop-12 {
  100% {
    top: 110%;
    left: 77%;
  }
}
.g__fdb__award .g__fdb__award__itm-13 {
  width: 13px;
  height: 5.2px;
  background-color: #f2ca0d;
  top: -10%;
  left: 97%;
  opacity: 0.7613717705;
  transform: rotate(228.5997238395deg);
  -webkit-animation: drop-13 8.3766955733s 6.8049514078s infinite;
          animation: drop-13 8.3766955733s 6.8049514078s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-13 {
  100% {
    top: 110%;
    left: 107%;
  }
}
@keyframes drop-13 {
  100% {
    top: 110%;
    left: 107%;
  }
}
.g__fdb__award .g__fdb__award__itm-14 {
  width: 31px;
  height: 12.4px;
  background-color: #1844a2;
  top: -10%;
  left: 99%;
  opacity: 0.8444447718;
  transform: rotate(12.7759360703deg);
  -webkit-animation: drop-14 8.5915164679s 3.961458227s infinite;
          animation: drop-14 8.5915164679s 3.961458227s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-14 {
  100% {
    top: 110%;
    left: 113%;
  }
}
@keyframes drop-14 {
  100% {
    top: 110%;
    left: 113%;
  }
}
.g__fdb__award .g__fdb__award__itm-15 {
  width: 31px;
  height: 12.4px;
  background-color: #c2371a;
  top: -10%;
  left: 31%;
  opacity: 1.1453589936;
  transform: rotate(262.9934866874deg);
  -webkit-animation: drop-15 8.2873595169s 7.3511980536s infinite;
          animation: drop-15 8.2873595169s 7.3511980536s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-15 {
  100% {
    top: 110%;
    left: 41%;
  }
}
@keyframes drop-15 {
  100% {
    top: 110%;
    left: 41%;
  }
}
.g__fdb__award .g__fdb__award__itm-16 {
  width: 10px;
  height: 4px;
  background-color: #f2ca0d;
  top: -10%;
  left: 90%;
  opacity: 1.1266887407;
  transform: rotate(206.2756097599deg);
  -webkit-animation: drop-16 8.435884996s 8.6096199808s infinite;
          animation: drop-16 8.435884996s 8.6096199808s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-16 {
  100% {
    top: 110%;
    left: 93%;
  }
}
@keyframes drop-16 {
  100% {
    top: 110%;
    left: 93%;
  }
}
.g__fdb__award .g__fdb__award__itm-17 {
  width: 4px;
  height: 1.6px;
  background-color: #f2ca0d;
  top: -10%;
  left: 92%;
  opacity: 1.4317085575;
  transform: rotate(59.5508743326deg);
  -webkit-animation: drop-17 8.1034446799s 5.4929974003s infinite;
          animation: drop-17 8.1034446799s 5.4929974003s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-17 {
  100% {
    top: 110%;
    left: 107%;
  }
}
@keyframes drop-17 {
  100% {
    top: 110%;
    left: 107%;
  }
}
.g__fdb__award .g__fdb__award__itm-18 {
  width: 22px;
  height: 8.8px;
  background-color: #1844a2;
  top: -10%;
  left: 82%;
  opacity: 1.4522553581;
  transform: rotate(94.7271450366deg);
  -webkit-animation: drop-18 8.9731093987s 8.039160615s infinite;
          animation: drop-18 8.9731093987s 8.039160615s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-18 {
  100% {
    top: 110%;
    left: 91%;
  }
}
@keyframes drop-18 {
  100% {
    top: 110%;
    left: 91%;
  }
}
.g__fdb__award .g__fdb__award__itm-19 {
  width: 10px;
  height: 4px;
  background-color: #1844a2;
  top: -10%;
  left: 47%;
  opacity: 1.2443144451;
  transform: rotate(242.3082420956deg);
  -webkit-animation: drop-19 8.6470516806s 8.7155078564s infinite;
          animation: drop-19 8.6470516806s 8.7155078564s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-19 {
  100% {
    top: 110%;
    left: 51%;
  }
}
@keyframes drop-19 {
  100% {
    top: 110%;
    left: 51%;
  }
}
.g__fdb__award .g__fdb__award__itm-20 {
  width: 5px;
  height: 2px;
  background-color: #f2ca0d;
  top: -10%;
  left: 39%;
  opacity: 1.2581368636;
  transform: rotate(104.4654144643deg);
  -webkit-animation: drop-20 8.9099059555s 4.9822587327s infinite;
          animation: drop-20 8.9099059555s 4.9822587327s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-20 {
  100% {
    top: 110%;
    left: 44%;
  }
}
@keyframes drop-20 {
  100% {
    top: 110%;
    left: 44%;
  }
}
.g__fdb__award .g__fdb__award__itm-21 {
  width: 4px;
  height: 1.6px;
  background-color: #f2ca0d;
  top: -10%;
  left: 24%;
  opacity: 1.1765968681;
  transform: rotate(130.532638172deg);
  -webkit-animation: drop-21 8.8203554321s 3.3619783852s infinite;
          animation: drop-21 8.8203554321s 3.3619783852s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-21 {
  100% {
    top: 110%;
    left: 37%;
  }
}
@keyframes drop-21 {
  100% {
    top: 110%;
    left: 37%;
  }
}
.g__fdb__award .g__fdb__award__itm-22 {
  width: 11px;
  height: 4.4px;
  background-color: #1844a2;
  top: -10%;
  left: 89%;
  opacity: 1.308574015;
  transform: rotate(347.9335609636deg);
  -webkit-animation: drop-22 8.017605214s 5.2439748874s infinite;
          animation: drop-22 8.017605214s 5.2439748874s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-22 {
  100% {
    top: 110%;
    left: 97%;
  }
}
@keyframes drop-22 {
  100% {
    top: 110%;
    left: 97%;
  }
}
.g__fdb__award .g__fdb__award__itm-23 {
  width: 6px;
  height: 2.4px;
  background-color: #c2371a;
  top: -10%;
  left: 1%;
  opacity: 1.3388818027;
  transform: rotate(12.3954831269deg);
  -webkit-animation: drop-23 8.1783046665s 4.2399120883s infinite;
          animation: drop-23 8.1783046665s 4.2399120883s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-23 {
  100% {
    top: 110%;
    left: 3%;
  }
}
@keyframes drop-23 {
  100% {
    top: 110%;
    left: 3%;
  }
}
.g__fdb__award .g__fdb__award__itm-24 {
  width: 8px;
  height: 3.2px;
  background-color: #c2371a;
  top: -10%;
  left: 78%;
  opacity: 1.4142704217;
  transform: rotate(276.5401810971deg);
  -webkit-animation: drop-24 8.0937010317s 6.7311379953s infinite;
          animation: drop-24 8.0937010317s 6.7311379953s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-24 {
  100% {
    top: 110%;
    left: 85%;
  }
}
@keyframes drop-24 {
  100% {
    top: 110%;
    left: 85%;
  }
}
.g__fdb__award .g__fdb__award__itm-25 {
  width: 4px;
  height: 1.6px;
  background-color: #c2371a;
  top: -10%;
  left: 99%;
  opacity: 1.3546451607;
  transform: rotate(25.4954752464deg);
  -webkit-animation: drop-25 8.6173663544s 3.4130338126s infinite;
          animation: drop-25 8.6173663544s 3.4130338126s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-25 {
  100% {
    top: 110%;
    left: 113%;
  }
}
@keyframes drop-25 {
  100% {
    top: 110%;
    left: 113%;
  }
}
.g__fdb__award .g__fdb__award__itm-26 {
  width: 5px;
  height: 2px;
  background-color: #f2ca0d;
  top: -10%;
  left: 75%;
  opacity: 1.3563626023;
  transform: rotate(219.7508287046deg);
  -webkit-animation: drop-26 8.5186083036s 7.0060487223s infinite;
          animation: drop-26 8.5186083036s 7.0060487223s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-26 {
  100% {
    top: 110%;
    left: 80%;
  }
}
@keyframes drop-26 {
  100% {
    top: 110%;
    left: 80%;
  }
}
.g__fdb__award .g__fdb__award__itm-27 {
  width: 3px;
  height: 1.2px;
  background-color: #c2371a;
  top: -10%;
  left: 46%;
  opacity: 0.5957512253;
  transform: rotate(272.9292946693deg);
  -webkit-animation: drop-27 8.667681508s 5.3552361108s infinite;
          animation: drop-27 8.667681508s 5.3552361108s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-27 {
  100% {
    top: 110%;
    left: 48%;
  }
}
@keyframes drop-27 {
  100% {
    top: 110%;
    left: 48%;
  }
}
.g__fdb__award .g__fdb__award__itm-28 {
  width: 19px;
  height: 7.6px;
  background-color: #f2ca0d;
  top: -10%;
  left: 9%;
  opacity: 1.4395817001;
  transform: rotate(240.8643154743deg);
  -webkit-animation: drop-28 8.8059583407s 1.688378622s infinite;
          animation: drop-28 8.8059583407s 1.688378622s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-28 {
  100% {
    top: 110%;
    left: 10%;
  }
}
@keyframes drop-28 {
  100% {
    top: 110%;
    left: 10%;
  }
}
.g__fdb__award .g__fdb__award__itm-29 {
  width: 32px;
  height: 12.8px;
  background-color: #1844a2;
  top: -10%;
  left: 79%;
  opacity: 1.1112331838;
  transform: rotate(208.4574129287deg);
  -webkit-animation: drop-29 8.5661439414s 3.3213803294s infinite;
          animation: drop-29 8.5661439414s 3.3213803294s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-29 {
  100% {
    top: 110%;
    left: 88%;
  }
}
@keyframes drop-29 {
  100% {
    top: 110%;
    left: 88%;
  }
}
.g__fdb__award .g__fdb__award__itm-30 {
  width: 17px;
  height: 6.8px;
  background-color: #c2371a;
  top: -10%;
  left: 5%;
  opacity: 0.8113563696;
  transform: rotate(238.5455609851deg);
  -webkit-animation: drop-30 8.6071497786s 8.6690461485s infinite;
          animation: drop-30 8.6071497786s 8.6690461485s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-30 {
  100% {
    top: 110%;
    left: 10%;
  }
}
@keyframes drop-30 {
  100% {
    top: 110%;
    left: 10%;
  }
}
.g__fdb__award .g__fdb__award__itm-31 {
  width: 1px;
  height: 0.4px;
  background-color: #1844a2;
  top: -10%;
  left: 94%;
  opacity: 1.0043153952;
  transform: rotate(182.4710614516deg);
  -webkit-animation: drop-31 8.5025153758s 2.5322556696s infinite;
          animation: drop-31 8.5025153758s 2.5322556696s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-31 {
  100% {
    top: 110%;
    left: 95%;
  }
}
@keyframes drop-31 {
  100% {
    top: 110%;
    left: 95%;
  }
}
.g__fdb__award .g__fdb__award__itm-32 {
  width: 28px;
  height: 11.2px;
  background-color: #f2ca0d;
  top: -10%;
  left: 45%;
  opacity: 1.0152268411;
  transform: rotate(151.2481680535deg);
  -webkit-animation: drop-32 8.1943182768s 2.3800063649s infinite;
          animation: drop-32 8.1943182768s 2.3800063649s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-32 {
  100% {
    top: 110%;
    left: 47%;
  }
}
@keyframes drop-32 {
  100% {
    top: 110%;
    left: 47%;
  }
}
.g__fdb__award .g__fdb__award__itm-33 {
  width: 16px;
  height: 6.4px;
  background-color: #c2371a;
  top: -10%;
  left: 13%;
  opacity: 0.8711214712;
  transform: rotate(158.8588086135deg);
  -webkit-animation: drop-33 8.5184920632s 4.0833076177s infinite;
          animation: drop-33 8.5184920632s 4.0833076177s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-33 {
  100% {
    top: 110%;
    left: 14%;
  }
}
@keyframes drop-33 {
  100% {
    top: 110%;
    left: 14%;
  }
}
.g__fdb__award .g__fdb__award__itm-34 {
  width: 8px;
  height: 3.2px;
  background-color: #1844a2;
  top: -10%;
  left: 77%;
  opacity: 0.8990467156;
  transform: rotate(79.4623771083deg);
  -webkit-animation: drop-34 8.5749161008s 6.1383664662s infinite;
          animation: drop-34 8.5749161008s 6.1383664662s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-34 {
  100% {
    top: 110%;
    left: 87%;
  }
}
@keyframes drop-34 {
  100% {
    top: 110%;
    left: 87%;
  }
}
.g__fdb__award .g__fdb__award__itm-35 {
  width: 20px;
  height: 8px;
  background-color: #f2ca0d;
  top: -10%;
  left: 43%;
  opacity: 0.9193677592;
  transform: rotate(259.6072599197deg);
  -webkit-animation: drop-35 8.6276045383s 3.3599626586s infinite;
          animation: drop-35 8.6276045383s 3.3599626586s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-35 {
  100% {
    top: 110%;
    left: 57%;
  }
}
@keyframes drop-35 {
  100% {
    top: 110%;
    left: 57%;
  }
}
.g__fdb__award .g__fdb__award__itm-36 {
  width: 26px;
  height: 10.4px;
  background-color: #c2371a;
  top: -10%;
  left: 62%;
  opacity: 0.9779792465;
  transform: rotate(140.7513615908deg);
  -webkit-animation: drop-36 8.3676412405s 4.3709858026s infinite;
          animation: drop-36 8.3676412405s 4.3709858026s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-36 {
  100% {
    top: 110%;
    left: 70%;
  }
}
@keyframes drop-36 {
  100% {
    top: 110%;
    left: 70%;
  }
}
.g__fdb__award .g__fdb__award__itm-37 {
  width: 27px;
  height: 10.8px;
  background-color: #c2371a;
  top: -10%;
  left: 18%;
  opacity: 1.4837795195;
  transform: rotate(34.4488945015deg);
  -webkit-animation: drop-37 8.7301104485s 4.6938156418s infinite;
          animation: drop-37 8.7301104485s 4.6938156418s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-37 {
  100% {
    top: 110%;
    left: 24%;
  }
}
@keyframes drop-37 {
  100% {
    top: 110%;
    left: 24%;
  }
}
.g__fdb__award .g__fdb__award__itm-38 {
  width: 23px;
  height: 9.2px;
  background-color: #1844a2;
  top: -10%;
  left: 44%;
  opacity: 1.0067862494;
  transform: rotate(241.4327816221deg);
  -webkit-animation: drop-38 8.7869678603s 2.073064434s infinite;
          animation: drop-38 8.7869678603s 2.073064434s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-38 {
  100% {
    top: 110%;
    left: 52%;
  }
}
@keyframes drop-38 {
  100% {
    top: 110%;
    left: 52%;
  }
}
.g__fdb__award .g__fdb__award__itm-39 {
  width: 10px;
  height: 4px;
  background-color: #1844a2;
  top: -10%;
  left: 69%;
  opacity: 1.1092014619;
  transform: rotate(216.7350545301deg);
  -webkit-animation: drop-39 8.3688867537s 6.8297715364s infinite;
          animation: drop-39 8.3688867537s 6.8297715364s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-39 {
  100% {
    top: 110%;
    left: 82%;
  }
}
@keyframes drop-39 {
  100% {
    top: 110%;
    left: 82%;
  }
}
.g__fdb__award .g__fdb__award__itm-40 {
  width: 32px;
  height: 12.8px;
  background-color: #c2371a;
  top: -10%;
  left: 91%;
  opacity: 1.0807021377;
  transform: rotate(28.8788039409deg);
  -webkit-animation: drop-40 8.529273871s 8.120214509s infinite;
          animation: drop-40 8.529273871s 8.120214509s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-40 {
  100% {
    top: 110%;
    left: 102%;
  }
}
@keyframes drop-40 {
  100% {
    top: 110%;
    left: 102%;
  }
}
.g__fdb__award .g__fdb__award__itm-41 {
  width: 29px;
  height: 11.6px;
  background-color: #f2ca0d;
  top: -10%;
  left: 91%;
  opacity: 0.9844542629;
  transform: rotate(69.7714854689deg);
  -webkit-animation: drop-41 8.1428816808s 5.9469377104s infinite;
          animation: drop-41 8.1428816808s 5.9469377104s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-41 {
  100% {
    top: 110%;
    left: 94%;
  }
}
@keyframes drop-41 {
  100% {
    top: 110%;
    left: 94%;
  }
}
.g__fdb__award .g__fdb__award__itm-42 {
  width: 8px;
  height: 3.2px;
  background-color: #f2ca0d;
  top: -10%;
  left: 50%;
  opacity: 0.752907504;
  transform: rotate(166.8908215678deg);
  -webkit-animation: drop-42 8.2842673654s 5.7859108567s infinite;
          animation: drop-42 8.2842673654s 5.7859108567s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-42 {
  100% {
    top: 110%;
    left: 53%;
  }
}
@keyframes drop-42 {
  100% {
    top: 110%;
    left: 53%;
  }
}
.g__fdb__award .g__fdb__award__itm-43 {
  width: 11px;
  height: 4.4px;
  background-color: #1844a2;
  top: -10%;
  left: 53%;
  opacity: 0.9621087295;
  transform: rotate(86.0052515216deg);
  -webkit-animation: drop-43 8.4337591103s 6.0733765113s infinite;
          animation: drop-43 8.4337591103s 6.0733765113s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-43 {
  100% {
    top: 110%;
    left: 65%;
  }
}
@keyframes drop-43 {
  100% {
    top: 110%;
    left: 65%;
  }
}
.g__fdb__award .g__fdb__award__itm-44 {
  width: 9px;
  height: 3.6px;
  background-color: #c2371a;
  top: -10%;
  left: 13%;
  opacity: 1.0304637331;
  transform: rotate(137.9602030075deg);
  -webkit-animation: drop-44 8.0199005459s 3.0927878953s infinite;
          animation: drop-44 8.0199005459s 3.0927878953s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-44 {
  100% {
    top: 110%;
    left: 14%;
  }
}
@keyframes drop-44 {
  100% {
    top: 110%;
    left: 14%;
  }
}
.g__fdb__award .g__fdb__award__itm-45 {
  width: 4px;
  height: 1.6px;
  background-color: #c2371a;
  top: -10%;
  left: 6%;
  opacity: 1.3495986201;
  transform: rotate(213.6558347482deg);
  -webkit-animation: drop-45 8.9565210018s 1.6836705575s infinite;
          animation: drop-45 8.9565210018s 1.6836705575s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-45 {
  100% {
    top: 110%;
    left: 15%;
  }
}
@keyframes drop-45 {
  100% {
    top: 110%;
    left: 15%;
  }
}
.g__fdb__award .g__fdb__award__itm-46 {
  width: 30px;
  height: 12px;
  background-color: #c2371a;
  top: -10%;
  left: 91%;
  opacity: 1.3866520413;
  transform: rotate(300.3388441695deg);
  -webkit-animation: drop-46 8.5664821446s 3.2536115164s infinite;
          animation: drop-46 8.5664821446s 3.2536115164s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-46 {
  100% {
    top: 110%;
    left: 100%;
  }
}
@keyframes drop-46 {
  100% {
    top: 110%;
    left: 100%;
  }
}
.g__fdb__award .g__fdb__award__itm-47 {
  width: 9px;
  height: 3.6px;
  background-color: #c2371a;
  top: -10%;
  left: 32%;
  opacity: 0.6976432029;
  transform: rotate(325.5113266796deg);
  -webkit-animation: drop-47 8.5469159306s 5.8376853279s infinite;
          animation: drop-47 8.5469159306s 5.8376853279s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-47 {
  100% {
    top: 110%;
    left: 34%;
  }
}
@keyframes drop-47 {
  100% {
    top: 110%;
    left: 34%;
  }
}
.g__fdb__award .g__fdb__award__itm-48 {
  width: 27px;
  height: 10.8px;
  background-color: #f2ca0d;
  top: -10%;
  left: 42%;
  opacity: 0.6135828245;
  transform: rotate(329.8248405773deg);
  -webkit-animation: drop-48 8.9174932844s 8.5800901123s infinite;
          animation: drop-48 8.9174932844s 8.5800901123s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-48 {
  100% {
    top: 110%;
    left: 52%;
  }
}
@keyframes drop-48 {
  100% {
    top: 110%;
    left: 52%;
  }
}
.g__fdb__award .g__fdb__award__itm-49 {
  width: 13px;
  height: 5.2px;
  background-color: #c2371a;
  top: -10%;
  left: 17%;
  opacity: 1.4307209233;
  transform: rotate(343.1436566932deg);
  -webkit-animation: drop-49 8.9286930524s 3.741132981s infinite;
          animation: drop-49 8.9286930524s 3.741132981s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-49 {
  100% {
    top: 110%;
    left: 25%;
  }
}
@keyframes drop-49 {
  100% {
    top: 110%;
    left: 25%;
  }
}
.g__fdb__award .g__fdb__award__itm-50 {
  width: 12px;
  height: 4.8px;
  background-color: #f2ca0d;
  top: -10%;
  left: 37%;
  opacity: 0.6896841269;
  transform: rotate(112.0584995526deg);
  -webkit-animation: drop-50 8.4063756574s 3.5504849795s infinite;
          animation: drop-50 8.4063756574s 3.5504849795s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-50 {
  100% {
    top: 110%;
    left: 52%;
  }
}
@keyframes drop-50 {
  100% {
    top: 110%;
    left: 52%;
  }
}
.g__fdb__award .g__fdb__award__itm-51 {
  width: 31px;
  height: 12.4px;
  background-color: #c2371a;
  top: -10%;
  left: 97%;
  opacity: 1.2535519524;
  transform: rotate(155.4543018283deg);
  -webkit-animation: drop-51 8.5363372747s 1.7712750822s infinite;
          animation: drop-51 8.5363372747s 1.7712750822s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-51 {
  100% {
    top: 110%;
    left: 103%;
  }
}
@keyframes drop-51 {
  100% {
    top: 110%;
    left: 103%;
  }
}
.g__fdb__award .g__fdb__award__itm-52 {
  width: 31px;
  height: 12.4px;
  background-color: #f2ca0d;
  top: -10%;
  left: 6%;
  opacity: 0.8142968241;
  transform: rotate(159.0095929129deg);
  -webkit-animation: drop-52 8.9768327304s 8.4050113423s infinite;
          animation: drop-52 8.9768327304s 8.4050113423s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-52 {
  100% {
    top: 110%;
    left: 9%;
  }
}
@keyframes drop-52 {
  100% {
    top: 110%;
    left: 9%;
  }
}
.g__fdb__award .g__fdb__award__itm-53 {
  width: 24px;
  height: 9.6px;
  background-color: #c2371a;
  top: -10%;
  left: 9%;
  opacity: 1.3879884452;
  transform: rotate(208.1799306928deg);
  -webkit-animation: drop-53 8.1357778709s 3.1298748694s infinite;
          animation: drop-53 8.1357778709s 3.1298748694s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-53 {
  100% {
    top: 110%;
    left: 14%;
  }
}
@keyframes drop-53 {
  100% {
    top: 110%;
    left: 14%;
  }
}
.g__fdb__award .g__fdb__award__itm-54 {
  width: 4px;
  height: 1.6px;
  background-color: #c2371a;
  top: -10%;
  left: 86%;
  opacity: 1.3653887664;
  transform: rotate(283.4318134451deg);
  -webkit-animation: drop-54 8.0339458122s 1.8948126971s infinite;
          animation: drop-54 8.0339458122s 1.8948126971s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-54 {
  100% {
    top: 110%;
    left: 89%;
  }
}
@keyframes drop-54 {
  100% {
    top: 110%;
    left: 89%;
  }
}
.g__fdb__award .g__fdb__award__itm-55 {
  width: 9px;
  height: 3.6px;
  background-color: #c2371a;
  top: -10%;
  left: 57%;
  opacity: 0.7181318661;
  transform: rotate(337.6319401116deg);
  -webkit-animation: drop-55 8.2732256065s 6.3282748151s infinite;
          animation: drop-55 8.2732256065s 6.3282748151s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-55 {
  100% {
    top: 110%;
    left: 63%;
  }
}
@keyframes drop-55 {
  100% {
    top: 110%;
    left: 63%;
  }
}
.g__fdb__award .g__fdb__award__itm-56 {
  width: 7px;
  height: 2.8px;
  background-color: #f2ca0d;
  top: -10%;
  left: 44%;
  opacity: 1.1142230251;
  transform: rotate(212.2386618477deg);
  -webkit-animation: drop-56 8.2232094048s 7.0000920246s infinite;
          animation: drop-56 8.2232094048s 7.0000920246s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-56 {
  100% {
    top: 110%;
    left: 47%;
  }
}
@keyframes drop-56 {
  100% {
    top: 110%;
    left: 47%;
  }
}
.g__fdb__award .g__fdb__award__itm-57 {
  width: 8px;
  height: 3.2px;
  background-color: #c2371a;
  top: -10%;
  left: 19%;
  opacity: 0.7217760076;
  transform: rotate(36.8517639619deg);
  -webkit-animation: drop-57 8.010164872s 8.1240318973s infinite;
          animation: drop-57 8.010164872s 8.1240318973s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-57 {
  100% {
    top: 110%;
    left: 29%;
  }
}
@keyframes drop-57 {
  100% {
    top: 110%;
    left: 29%;
  }
}
.g__fdb__award .g__fdb__award__itm-58 {
  width: 5px;
  height: 2px;
  background-color: #f2ca0d;
  top: -10%;
  left: 81%;
  opacity: 0.9515353506;
  transform: rotate(77.7526612706deg);
  -webkit-animation: drop-58 8.1797664663s 7.6566807432s infinite;
          animation: drop-58 8.1797664663s 7.6566807432s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-58 {
  100% {
    top: 110%;
    left: 88%;
  }
}
@keyframes drop-58 {
  100% {
    top: 110%;
    left: 88%;
  }
}
.g__fdb__award .g__fdb__award__itm-59 {
  width: 23px;
  height: 9.2px;
  background-color: #c2371a;
  top: -10%;
  left: 63%;
  opacity: 0.7968217409;
  transform: rotate(260.3619157113deg);
  -webkit-animation: drop-59 8.8130597039s 1.7446085676s infinite;
          animation: drop-59 8.8130597039s 1.7446085676s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-59 {
  100% {
    top: 110%;
    left: 72%;
  }
}
@keyframes drop-59 {
  100% {
    top: 110%;
    left: 72%;
  }
}
.g__fdb__award .g__fdb__award__itm-60 {
  width: 27px;
  height: 10.8px;
  background-color: #1844a2;
  top: -10%;
  left: 34%;
  opacity: 1.276444782;
  transform: rotate(161.879528606deg);
  -webkit-animation: drop-60 8.9911046365s 3.5758000849s infinite;
          animation: drop-60 8.9911046365s 3.5758000849s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-60 {
  100% {
    top: 110%;
    left: 41%;
  }
}
@keyframes drop-60 {
  100% {
    top: 110%;
    left: 41%;
  }
}
.g__fdb__award .g__fdb__award__itm-61 {
  width: 26px;
  height: 10.4px;
  background-color: #c2371a;
  top: -10%;
  left: 83%;
  opacity: 0.6408107952;
  transform: rotate(49.5702457879deg);
  -webkit-animation: drop-61 8.9909548734s 1.7910577309s infinite;
          animation: drop-61 8.9909548734s 1.7910577309s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-61 {
  100% {
    top: 110%;
    left: 95%;
  }
}
@keyframes drop-61 {
  100% {
    top: 110%;
    left: 95%;
  }
}
.g__fdb__award .g__fdb__award__itm-62 {
  width: 26px;
  height: 10.4px;
  background-color: #c2371a;
  top: -10%;
  left: 31%;
  opacity: 0.9836203649;
  transform: rotate(200.4609349886deg);
  -webkit-animation: drop-62 8.2967444354s 1.1890686041s infinite;
          animation: drop-62 8.2967444354s 1.1890686041s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-62 {
  100% {
    top: 110%;
    left: 38%;
  }
}
@keyframes drop-62 {
  100% {
    top: 110%;
    left: 38%;
  }
}
.g__fdb__award .g__fdb__award__itm-63 {
  width: 7px;
  height: 2.8px;
  background-color: #c2371a;
  top: -10%;
  left: 68%;
  opacity: 1.3897612472;
  transform: rotate(2.0405647808deg);
  -webkit-animation: drop-63 8.5481554786s 8.0621716362s infinite;
          animation: drop-63 8.5481554786s 8.0621716362s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-63 {
  100% {
    top: 110%;
    left: 82%;
  }
}
@keyframes drop-63 {
  100% {
    top: 110%;
    left: 82%;
  }
}
.g__fdb__award .g__fdb__award__itm-64 {
  width: 6px;
  height: 2.4px;
  background-color: #f2ca0d;
  top: -10%;
  left: 75%;
  opacity: 1.3168334967;
  transform: rotate(229.5292998487deg);
  -webkit-animation: drop-64 8.9963732423s 5.8195948248s infinite;
          animation: drop-64 8.9963732423s 5.8195948248s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-64 {
  100% {
    top: 110%;
    left: 77%;
  }
}
@keyframes drop-64 {
  100% {
    top: 110%;
    left: 77%;
  }
}
.g__fdb__award .g__fdb__award__itm-65 {
  width: 13px;
  height: 5.2px;
  background-color: #c2371a;
  top: -10%;
  left: 78%;
  opacity: 0.7046358079;
  transform: rotate(40.2074136284deg);
  -webkit-animation: drop-65 8.130742912s 4.5370172093s infinite;
          animation: drop-65 8.130742912s 4.5370172093s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-65 {
  100% {
    top: 110%;
    left: 80%;
  }
}
@keyframes drop-65 {
  100% {
    top: 110%;
    left: 80%;
  }
}
.g__fdb__award .g__fdb__award__itm-66 {
  width: 29px;
  height: 11.6px;
  background-color: #c2371a;
  top: -10%;
  left: 66%;
  opacity: 0.625835187;
  transform: rotate(97.3224208468deg);
  -webkit-animation: drop-66 8.962871501s 1.9969916462s infinite;
          animation: drop-66 8.962871501s 1.9969916462s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-66 {
  100% {
    top: 110%;
    left: 79%;
  }
}
@keyframes drop-66 {
  100% {
    top: 110%;
    left: 79%;
  }
}
.g__fdb__award .g__fdb__award__itm-67 {
  width: 25px;
  height: 10px;
  background-color: #1844a2;
  top: -10%;
  left: 21%;
  opacity: 1.217469998;
  transform: rotate(33.0463761531deg);
  -webkit-animation: drop-67 8.3769763412s 1.9726892167s infinite;
          animation: drop-67 8.3769763412s 1.9726892167s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-67 {
  100% {
    top: 110%;
    left: 25%;
  }
}
@keyframes drop-67 {
  100% {
    top: 110%;
    left: 25%;
  }
}
.g__fdb__award .g__fdb__award__itm-68 {
  width: 22px;
  height: 8.8px;
  background-color: #c2371a;
  top: -10%;
  left: 34%;
  opacity: 1.2923523787;
  transform: rotate(132.9131160462deg);
  -webkit-animation: drop-68 8.9047705474s 8.7142200147s infinite;
          animation: drop-68 8.9047705474s 8.7142200147s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-68 {
  100% {
    top: 110%;
    left: 42%;
  }
}
@keyframes drop-68 {
  100% {
    top: 110%;
    left: 42%;
  }
}
.g__fdb__award .g__fdb__award__itm-69 {
  width: 28px;
  height: 11.2px;
  background-color: #f2ca0d;
  top: -10%;
  left: 84%;
  opacity: 0.6452619829;
  transform: rotate(8.8939235212deg);
  -webkit-animation: drop-69 8.8404171413s 4.6849650252s infinite;
          animation: drop-69 8.8404171413s 4.6849650252s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-69 {
  100% {
    top: 110%;
    left: 92%;
  }
}
@keyframes drop-69 {
  100% {
    top: 110%;
    left: 92%;
  }
}
.g__fdb__award .g__fdb__award__itm-70 {
  width: 16px;
  height: 6.4px;
  background-color: #1844a2;
  top: -10%;
  left: 81%;
  opacity: 0.9191470824;
  transform: rotate(297.9016383703deg);
  -webkit-animation: drop-70 8.0698356226s 7.65581923s infinite;
          animation: drop-70 8.0698356226s 7.65581923s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-70 {
  100% {
    top: 110%;
    left: 85%;
  }
}
@keyframes drop-70 {
  100% {
    top: 110%;
    left: 85%;
  }
}
.g__fdb__award .g__fdb__award__itm-71 {
  width: 20px;
  height: 8px;
  background-color: #1844a2;
  top: -10%;
  left: 43%;
  opacity: 1.4280399408;
  transform: rotate(302.0411469093deg);
  -webkit-animation: drop-71 8.7114406291s 6.7197754069s infinite;
          animation: drop-71 8.7114406291s 6.7197754069s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-71 {
  100% {
    top: 110%;
    left: 56%;
  }
}
@keyframes drop-71 {
  100% {
    top: 110%;
    left: 56%;
  }
}
.g__fdb__award .g__fdb__award__itm-72 {
  width: 1px;
  height: 0.4px;
  background-color: #f2ca0d;
  top: -10%;
  left: 65%;
  opacity: 1.2815662102;
  transform: rotate(155.6493836266deg);
  -webkit-animation: drop-72 8.0221973225s 5.1779169653s infinite;
          animation: drop-72 8.0221973225s 5.1779169653s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-72 {
  100% {
    top: 110%;
    left: 66%;
  }
}
@keyframes drop-72 {
  100% {
    top: 110%;
    left: 66%;
  }
}
.g__fdb__award .g__fdb__award__itm-73 {
  width: 14px;
  height: 5.6px;
  background-color: #f2ca0d;
  top: -10%;
  left: 17%;
  opacity: 1.0863206579;
  transform: rotate(18.0583731246deg);
  -webkit-animation: drop-73 8.7457913329s 8.5543527451s infinite;
          animation: drop-73 8.7457913329s 8.5543527451s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-73 {
  100% {
    top: 110%;
    left: 28%;
  }
}
@keyframes drop-73 {
  100% {
    top: 110%;
    left: 28%;
  }
}
.g__fdb__award .g__fdb__award__itm-74 {
  width: 19px;
  height: 7.6px;
  background-color: #c2371a;
  top: -10%;
  left: 74%;
  opacity: 1.122062207;
  transform: rotate(217.3253034695deg);
  -webkit-animation: drop-74 8.207351588s 7.0429702964s infinite;
          animation: drop-74 8.207351588s 7.0429702964s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-74 {
  100% {
    top: 110%;
    left: 87%;
  }
}
@keyframes drop-74 {
  100% {
    top: 110%;
    left: 87%;
  }
}
.g__fdb__award .g__fdb__award__itm-75 {
  width: 12px;
  height: 4.8px;
  background-color: #1844a2;
  top: -10%;
  left: 76%;
  opacity: 0.9813384398;
  transform: rotate(54.98153545deg);
  -webkit-animation: drop-75 8.6737023519s 4.1735467861s infinite;
          animation: drop-75 8.6737023519s 4.1735467861s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-75 {
  100% {
    top: 110%;
    left: 78%;
  }
}
@keyframes drop-75 {
  100% {
    top: 110%;
    left: 78%;
  }
}
.g__fdb__award .g__fdb__award__itm-76 {
  width: 32px;
  height: 12.8px;
  background-color: #f2ca0d;
  top: -10%;
  left: 60%;
  opacity: 0.7248000916;
  transform: rotate(61.5163709067deg);
  -webkit-animation: drop-76 8.8315169545s 4.1587464254s infinite;
          animation: drop-76 8.8315169545s 4.1587464254s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-76 {
  100% {
    top: 110%;
    left: 61%;
  }
}
@keyframes drop-76 {
  100% {
    top: 110%;
    left: 61%;
  }
}
.g__fdb__award .g__fdb__award__itm-77 {
  width: 22px;
  height: 8.8px;
  background-color: #c2371a;
  top: -10%;
  left: 53%;
  opacity: 1.1797374823;
  transform: rotate(74.2182632635deg);
  -webkit-animation: drop-77 8.7663091863s 5.2255636207s infinite;
          animation: drop-77 8.7663091863s 5.2255636207s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-77 {
  100% {
    top: 110%;
    left: 59%;
  }
}
@keyframes drop-77 {
  100% {
    top: 110%;
    left: 59%;
  }
}
.g__fdb__award .g__fdb__award__itm-78 {
  width: 24px;
  height: 9.6px;
  background-color: #f2ca0d;
  top: -10%;
  left: 94%;
  opacity: 1.2375582023;
  transform: rotate(262.7255089338deg);
  -webkit-animation: drop-78 8.0568698684s 3.1143126811s infinite;
          animation: drop-78 8.0568698684s 3.1143126811s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-78 {
  100% {
    top: 110%;
    left: 100%;
  }
}
@keyframes drop-78 {
  100% {
    top: 110%;
    left: 100%;
  }
}
.g__fdb__award .g__fdb__award__itm-79 {
  width: 20px;
  height: 8px;
  background-color: #c2371a;
  top: -10%;
  left: 40%;
  opacity: 0.9508534333;
  transform: rotate(70.803028232deg);
  -webkit-animation: drop-79 8.0591363078s 6.116900648s infinite;
          animation: drop-79 8.0591363078s 6.116900648s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-79 {
  100% {
    top: 110%;
    left: 49%;
  }
}
@keyframes drop-79 {
  100% {
    top: 110%;
    left: 49%;
  }
}
.g__fdb__award .g__fdb__award__itm-80 {
  width: 17px;
  height: 6.8px;
  background-color: #1844a2;
  top: -10%;
  left: 7%;
  opacity: 0.6553946619;
  transform: rotate(162.5020695624deg);
  -webkit-animation: drop-80 8.7796287033s 4.8387682992s infinite;
          animation: drop-80 8.7796287033s 4.8387682992s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-80 {
  100% {
    top: 110%;
    left: 21%;
  }
}
@keyframes drop-80 {
  100% {
    top: 110%;
    left: 21%;
  }
}
.g__fdb__award .g__fdb__award__itm-81 {
  width: 20px;
  height: 8px;
  background-color: #c2371a;
  top: -10%;
  left: 60%;
  opacity: 1.4385474535;
  transform: rotate(267.9286851596deg);
  -webkit-animation: drop-81 8.583067877s 5.7915785102s infinite;
          animation: drop-81 8.583067877s 5.7915785102s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-81 {
  100% {
    top: 110%;
    left: 73%;
  }
}
@keyframes drop-81 {
  100% {
    top: 110%;
    left: 73%;
  }
}
.g__fdb__award .g__fdb__award__itm-82 {
  width: 8px;
  height: 3.2px;
  background-color: #1844a2;
  top: -10%;
  left: 89%;
  opacity: 0.8220318556;
  transform: rotate(81.497434248deg);
  -webkit-animation: drop-82 8.4517711513s 1.2486008735s infinite;
          animation: drop-82 8.4517711513s 1.2486008735s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-82 {
  100% {
    top: 110%;
    left: 96%;
  }
}
@keyframes drop-82 {
  100% {
    top: 110%;
    left: 96%;
  }
}
.g__fdb__award .g__fdb__award__itm-83 {
  width: 3px;
  height: 1.2px;
  background-color: #1844a2;
  top: -10%;
  left: 63%;
  opacity: 0.9651355636;
  transform: rotate(190.9871825258deg);
  -webkit-animation: drop-83 8.6477872334s 3.129452083s infinite;
          animation: drop-83 8.6477872334s 3.129452083s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-83 {
  100% {
    top: 110%;
    left: 71%;
  }
}
@keyframes drop-83 {
  100% {
    top: 110%;
    left: 71%;
  }
}
.g__fdb__award .g__fdb__award__itm-84 {
  width: 9px;
  height: 3.6px;
  background-color: #f2ca0d;
  top: -10%;
  left: 89%;
  opacity: 1.1782706828;
  transform: rotate(267.5389781069deg);
  -webkit-animation: drop-84 8.8004284946s 3.8776044222s infinite;
          animation: drop-84 8.8004284946s 3.8776044222s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-84 {
  100% {
    top: 110%;
    left: 96%;
  }
}
@keyframes drop-84 {
  100% {
    top: 110%;
    left: 96%;
  }
}
.g__fdb__award .g__fdb__award__itm-85 {
  width: 22px;
  height: 8.8px;
  background-color: #c2371a;
  top: -10%;
  left: 87%;
  opacity: 0.9913680046;
  transform: rotate(62.8364257405deg);
  -webkit-animation: drop-85 8.3943454277s 7.0436896933s infinite;
          animation: drop-85 8.3943454277s 7.0436896933s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-85 {
  100% {
    top: 110%;
    left: 93%;
  }
}
@keyframes drop-85 {
  100% {
    top: 110%;
    left: 93%;
  }
}
.g__fdb__award .g__fdb__award__itm-86 {
  width: 24px;
  height: 9.6px;
  background-color: #1844a2;
  top: -10%;
  left: 80%;
  opacity: 0.840044706;
  transform: rotate(146.7525614033deg);
  -webkit-animation: drop-86 8.6827849828s 4.3751176266s infinite;
          animation: drop-86 8.6827849828s 4.3751176266s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-86 {
  100% {
    top: 110%;
    left: 86%;
  }
}
@keyframes drop-86 {
  100% {
    top: 110%;
    left: 86%;
  }
}
.g__fdb__award .g__fdb__award__itm-87 {
  width: 26px;
  height: 10.4px;
  background-color: #c2371a;
  top: -10%;
  left: 48%;
  opacity: 0.7395253286;
  transform: rotate(163.5989659427deg);
  -webkit-animation: drop-87 8.8941449737s 5.9837741363s infinite;
          animation: drop-87 8.8941449737s 5.9837741363s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-87 {
  100% {
    top: 110%;
    left: 62%;
  }
}
@keyframes drop-87 {
  100% {
    top: 110%;
    left: 62%;
  }
}
.g__fdb__award .g__fdb__award__itm-88 {
  width: 13px;
  height: 5.2px;
  background-color: #f2ca0d;
  top: -10%;
  left: 77%;
  opacity: 0.624246285;
  transform: rotate(9.0714608345deg);
  -webkit-animation: drop-88 8.8826545441s 8.6023854724s infinite;
          animation: drop-88 8.8826545441s 8.6023854724s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-88 {
  100% {
    top: 110%;
    left: 83%;
  }
}
@keyframes drop-88 {
  100% {
    top: 110%;
    left: 83%;
  }
}
.g__fdb__award .g__fdb__award__itm-89 {
  width: 17px;
  height: 6.8px;
  background-color: #1844a2;
  top: -10%;
  left: 72%;
  opacity: 1.0935995308;
  transform: rotate(218.5066921402deg);
  -webkit-animation: drop-89 8.3764373571s 7.0159628037s infinite;
          animation: drop-89 8.3764373571s 7.0159628037s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-89 {
  100% {
    top: 110%;
    left: 83%;
  }
}
@keyframes drop-89 {
  100% {
    top: 110%;
    left: 83%;
  }
}
.g__fdb__award .g__fdb__award__itm-90 {
  width: 6px;
  height: 2.4px;
  background-color: #1844a2;
  top: -10%;
  left: 11%;
  opacity: 0.8040549404;
  transform: rotate(348.7705299041deg);
  -webkit-animation: drop-90 8.2929615971s 8.1621256561s infinite;
          animation: drop-90 8.2929615971s 8.1621256561s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-90 {
  100% {
    top: 110%;
    left: 12%;
  }
}
@keyframes drop-90 {
  100% {
    top: 110%;
    left: 12%;
  }
}
.g__fdb__award .g__fdb__award__itm-91 {
  width: 7px;
  height: 2.8px;
  background-color: #f2ca0d;
  top: -10%;
  left: 9%;
  opacity: 1.0881633741;
  transform: rotate(234.9958048325deg);
  -webkit-animation: drop-91 8.4618876314s 5.0685631035s infinite;
          animation: drop-91 8.4618876314s 5.0685631035s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-91 {
  100% {
    top: 110%;
    left: 22%;
  }
}
@keyframes drop-91 {
  100% {
    top: 110%;
    left: 22%;
  }
}
.g__fdb__award .g__fdb__award__itm-92 {
  width: 19px;
  height: 7.6px;
  background-color: #1844a2;
  top: -10%;
  left: 20%;
  opacity: 0.6564338781;
  transform: rotate(263.9601089252deg);
  -webkit-animation: drop-92 8.1870062036s 7.0247728676s infinite;
          animation: drop-92 8.1870062036s 7.0247728676s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-92 {
  100% {
    top: 110%;
    left: 26%;
  }
}
@keyframes drop-92 {
  100% {
    top: 110%;
    left: 26%;
  }
}
.g__fdb__award .g__fdb__award__itm-93 {
  width: 32px;
  height: 12.8px;
  background-color: #c2371a;
  top: -10%;
  left: 15%;
  opacity: 1.361753375;
  transform: rotate(206.0637400986deg);
  -webkit-animation: drop-93 8.05107394s 3.0060086617s infinite;
          animation: drop-93 8.05107394s 3.0060086617s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-93 {
  100% {
    top: 110%;
    left: 23%;
  }
}
@keyframes drop-93 {
  100% {
    top: 110%;
    left: 23%;
  }
}
.g__fdb__award .g__fdb__award__itm-94 {
  width: 22px;
  height: 8.8px;
  background-color: #c2371a;
  top: -10%;
  left: 68%;
  opacity: 0.687707356;
  transform: rotate(256.4975507615deg);
  -webkit-animation: drop-94 8.7766622606s 2.0950703474s infinite;
          animation: drop-94 8.7766622606s 2.0950703474s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-94 {
  100% {
    top: 110%;
    left: 79%;
  }
}
@keyframes drop-94 {
  100% {
    top: 110%;
    left: 79%;
  }
}
.g__fdb__award .g__fdb__award__itm-95 {
  width: 13px;
  height: 5.2px;
  background-color: #c2371a;
  top: -10%;
  left: 4%;
  opacity: 1.4115809557;
  transform: rotate(307.0219820313deg);
  -webkit-animation: drop-95 8.38899342s 7.5480138264s infinite;
          animation: drop-95 8.38899342s 7.5480138264s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-95 {
  100% {
    top: 110%;
    left: 7%;
  }
}
@keyframes drop-95 {
  100% {
    top: 110%;
    left: 7%;
  }
}
.g__fdb__award .g__fdb__award__itm-96 {
  width: 6px;
  height: 2.4px;
  background-color: #f2ca0d;
  top: -10%;
  left: 27%;
  opacity: 0.7384672759;
  transform: rotate(340.4175055309deg);
  -webkit-animation: drop-96 8.9727640404s 8.6575436229s infinite;
          animation: drop-96 8.9727640404s 8.6575436229s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-96 {
  100% {
    top: 110%;
    left: 30%;
  }
}
@keyframes drop-96 {
  100% {
    top: 110%;
    left: 30%;
  }
}
.g__fdb__award .g__fdb__award__itm-97 {
  width: 14px;
  height: 5.6px;
  background-color: #c2371a;
  top: -10%;
  left: 44%;
  opacity: 0.808026141;
  transform: rotate(147.5679860217deg);
  -webkit-animation: drop-97 8.0350778321s 6.4603496591s infinite;
          animation: drop-97 8.0350778321s 6.4603496591s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-97 {
  100% {
    top: 110%;
    left: 48%;
  }
}
@keyframes drop-97 {
  100% {
    top: 110%;
    left: 48%;
  }
}
.g__fdb__award .g__fdb__award__itm-98 {
  width: 22px;
  height: 8.8px;
  background-color: #c2371a;
  top: -10%;
  left: 87%;
  opacity: 1.1603374569;
  transform: rotate(213.9748623605deg);
  -webkit-animation: drop-98 8.6354592534s 3.4771176061s infinite;
          animation: drop-98 8.6354592534s 3.4771176061s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-98 {
  100% {
    top: 110%;
    left: 96%;
  }
}
@keyframes drop-98 {
  100% {
    top: 110%;
    left: 96%;
  }
}
.g__fdb__award .g__fdb__award__itm-99 {
  width: 6px;
  height: 2.4px;
  background-color: #1844a2;
  top: -10%;
  left: 15%;
  opacity: 1.153394635;
  transform: rotate(149.3314569392deg);
  -webkit-animation: drop-99 8.521989141s 2.5272678416s infinite;
          animation: drop-99 8.521989141s 2.5272678416s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-99 {
  100% {
    top: 110%;
    left: 24%;
  }
}
@keyframes drop-99 {
  100% {
    top: 110%;
    left: 24%;
  }
}
.g__fdb__award .g__fdb__award__itm-100 {
  width: 9px;
  height: 3.6px;
  background-color: #c2371a;
  top: -10%;
  left: 77%;
  opacity: 1.3456377617;
  transform: rotate(216.5535222943deg);
  -webkit-animation: drop-100 8.8220158312s 2.3269599339s infinite;
          animation: drop-100 8.8220158312s 2.3269599339s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-100 {
  100% {
    top: 110%;
    left: 88%;
  }
}
@keyframes drop-100 {
  100% {
    top: 110%;
    left: 88%;
  }
}
.g__fdb__award .g__fdb__award__itm-101 {
  width: 9px;
  height: 3.6px;
  background-color: #c2371a;
  top: -10%;
  left: 48%;
  opacity: 1.112722226;
  transform: rotate(113.5296111616deg);
  -webkit-animation: drop-101 8.49665519s 4.0572582531s infinite;
          animation: drop-101 8.49665519s 4.0572582531s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-101 {
  100% {
    top: 110%;
    left: 49%;
  }
}
@keyframes drop-101 {
  100% {
    top: 110%;
    left: 49%;
  }
}
.g__fdb__award .g__fdb__award__itm-102 {
  width: 6px;
  height: 2.4px;
  background-color: #f2ca0d;
  top: -10%;
  left: 81%;
  opacity: 0.5555594356;
  transform: rotate(245.304395545deg);
  -webkit-animation: drop-102 8.6629039096s 2.3049737049s infinite;
          animation: drop-102 8.6629039096s 2.3049737049s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-102 {
  100% {
    top: 110%;
    left: 95%;
  }
}
@keyframes drop-102 {
  100% {
    top: 110%;
    left: 95%;
  }
}
.g__fdb__award .g__fdb__award__itm-103 {
  width: 24px;
  height: 9.6px;
  background-color: #f2ca0d;
  top: -10%;
  left: 87%;
  opacity: 1.1915116522;
  transform: rotate(77.7308790978deg);
  -webkit-animation: drop-103 8.3938730818s 2.9386605814s infinite;
          animation: drop-103 8.3938730818s 2.9386605814s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-103 {
  100% {
    top: 110%;
    left: 97%;
  }
}
@keyframes drop-103 {
  100% {
    top: 110%;
    left: 97%;
  }
}
.g__fdb__award .g__fdb__award__itm-104 {
  width: 17px;
  height: 6.8px;
  background-color: #f2ca0d;
  top: -10%;
  left: 52%;
  opacity: 1.4403594309;
  transform: rotate(49.4046408113deg);
  -webkit-animation: drop-104 8.7135447735s 2.5817452769s infinite;
          animation: drop-104 8.7135447735s 2.5817452769s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-104 {
  100% {
    top: 110%;
    left: 62%;
  }
}
@keyframes drop-104 {
  100% {
    top: 110%;
    left: 62%;
  }
}
.g__fdb__award .g__fdb__award__itm-105 {
  width: 32px;
  height: 12.8px;
  background-color: #f2ca0d;
  top: -10%;
  left: 73%;
  opacity: 0.5708157904;
  transform: rotate(106.748330452deg);
  -webkit-animation: drop-105 8.0751664988s 8.6971834152s infinite;
          animation: drop-105 8.0751664988s 8.6971834152s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-105 {
  100% {
    top: 110%;
    left: 78%;
  }
}
@keyframes drop-105 {
  100% {
    top: 110%;
    left: 78%;
  }
}
.g__fdb__award .g__fdb__award__itm-106 {
  width: 18px;
  height: 7.2px;
  background-color: #1844a2;
  top: -10%;
  left: 70%;
  opacity: 1.170742149;
  transform: rotate(51.3540580766deg);
  -webkit-animation: drop-106 8.7288977158s 4.0264327077s infinite;
          animation: drop-106 8.7288977158s 4.0264327077s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-106 {
  100% {
    top: 110%;
    left: 85%;
  }
}
@keyframes drop-106 {
  100% {
    top: 110%;
    left: 85%;
  }
}
.g__fdb__award .g__fdb__award__itm-107 {
  width: 10px;
  height: 4px;
  background-color: #1844a2;
  top: -10%;
  left: 48%;
  opacity: 0.5349163304;
  transform: rotate(283.1288527284deg);
  -webkit-animation: drop-107 8.7837022585s 2.1006213335s infinite;
          animation: drop-107 8.7837022585s 2.1006213335s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-107 {
  100% {
    top: 110%;
    left: 49%;
  }
}
@keyframes drop-107 {
  100% {
    top: 110%;
    left: 49%;
  }
}
.g__fdb__award .g__fdb__award__itm-108 {
  width: 8px;
  height: 3.2px;
  background-color: #c2371a;
  top: -10%;
  left: 58%;
  opacity: 0.6527881395;
  transform: rotate(336.9626029405deg);
  -webkit-animation: drop-108 8.1178519533s 3.2747901723s infinite;
          animation: drop-108 8.1178519533s 3.2747901723s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-108 {
  100% {
    top: 110%;
    left: 73%;
  }
}
@keyframes drop-108 {
  100% {
    top: 110%;
    left: 73%;
  }
}
.g__fdb__award .g__fdb__award__itm-109 {
  width: 4px;
  height: 1.6px;
  background-color: #f2ca0d;
  top: -10%;
  left: 16%;
  opacity: 1.404491601;
  transform: rotate(200.9771568385deg);
  -webkit-animation: drop-109 8.1888810812s 1.1114443724s infinite;
          animation: drop-109 8.1888810812s 1.1114443724s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-109 {
  100% {
    top: 110%;
    left: 17%;
  }
}
@keyframes drop-109 {
  100% {
    top: 110%;
    left: 17%;
  }
}
.g__fdb__award .g__fdb__award__itm-110 {
  width: 2px;
  height: 0.8px;
  background-color: #c2371a;
  top: -10%;
  left: 45%;
  opacity: 1.0009536197;
  transform: rotate(295.8796631988deg);
  -webkit-animation: drop-110 8.3518540898s 5.3125005456s infinite;
          animation: drop-110 8.3518540898s 5.3125005456s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-110 {
  100% {
    top: 110%;
    left: 55%;
  }
}
@keyframes drop-110 {
  100% {
    top: 110%;
    left: 55%;
  }
}
.g__fdb__award .g__fdb__award__itm-111 {
  width: 18px;
  height: 7.2px;
  background-color: #1844a2;
  top: -10%;
  left: 19%;
  opacity: 0.8814885248;
  transform: rotate(104.0185489614deg);
  -webkit-animation: drop-111 8.3796260699s 7.3055340046s infinite;
          animation: drop-111 8.3796260699s 7.3055340046s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-111 {
  100% {
    top: 110%;
    left: 27%;
  }
}
@keyframes drop-111 {
  100% {
    top: 110%;
    left: 27%;
  }
}
.g__fdb__award .g__fdb__award__itm-112 {
  width: 20px;
  height: 8px;
  background-color: #1844a2;
  top: -10%;
  left: 56%;
  opacity: 1.4733210859;
  transform: rotate(87.129230166deg);
  -webkit-animation: drop-112 8.8940718016s 1.4229757333s infinite;
          animation: drop-112 8.8940718016s 1.4229757333s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-112 {
  100% {
    top: 110%;
    left: 59%;
  }
}
@keyframes drop-112 {
  100% {
    top: 110%;
    left: 59%;
  }
}
.g__fdb__award .g__fdb__award__itm-113 {
  width: 11px;
  height: 4.4px;
  background-color: #c2371a;
  top: -10%;
  left: 29%;
  opacity: 1.2155356747;
  transform: rotate(276.8248314415deg);
  -webkit-animation: drop-113 8.7995978292s 6.5764551054s infinite;
          animation: drop-113 8.7995978292s 6.5764551054s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-113 {
  100% {
    top: 110%;
    left: 36%;
  }
}
@keyframes drop-113 {
  100% {
    top: 110%;
    left: 36%;
  }
}
.g__fdb__award .g__fdb__award__itm-114 {
  width: 14px;
  height: 5.6px;
  background-color: #f2ca0d;
  top: -10%;
  left: 13%;
  opacity: 1.1994211805;
  transform: rotate(65.1422228241deg);
  -webkit-animation: drop-114 8.7419002208s 2.4331221557s infinite;
          animation: drop-114 8.7419002208s 2.4331221557s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-114 {
  100% {
    top: 110%;
    left: 23%;
  }
}
@keyframes drop-114 {
  100% {
    top: 110%;
    left: 23%;
  }
}
.g__fdb__award .g__fdb__award__itm-115 {
  width: 21px;
  height: 8.4px;
  background-color: #f2ca0d;
  top: -10%;
  left: 60%;
  opacity: 1.2537789664;
  transform: rotate(225.2202472942deg);
  -webkit-animation: drop-115 8.1600768902s 6.99862414s infinite;
          animation: drop-115 8.1600768902s 6.99862414s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-115 {
  100% {
    top: 110%;
    left: 63%;
  }
}
@keyframes drop-115 {
  100% {
    top: 110%;
    left: 63%;
  }
}
.g__fdb__award .g__fdb__award__itm-116 {
  width: 12px;
  height: 4.8px;
  background-color: #1844a2;
  top: -10%;
  left: 35%;
  opacity: 1.0057804695;
  transform: rotate(341.2959393759deg);
  -webkit-animation: drop-116 8.5793678647s 4.196179132s infinite;
          animation: drop-116 8.5793678647s 4.196179132s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-116 {
  100% {
    top: 110%;
    left: 46%;
  }
}
@keyframes drop-116 {
  100% {
    top: 110%;
    left: 46%;
  }
}
.g__fdb__award .g__fdb__award__itm-117 {
  width: 16px;
  height: 6.4px;
  background-color: #f2ca0d;
  top: -10%;
  left: 13%;
  opacity: 0.9806999587;
  transform: rotate(119.5055964484deg);
  -webkit-animation: drop-117 8.799441205s 8.4769412644s infinite;
          animation: drop-117 8.799441205s 8.4769412644s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-117 {
  100% {
    top: 110%;
    left: 26%;
  }
}
@keyframes drop-117 {
  100% {
    top: 110%;
    left: 26%;
  }
}
.g__fdb__award .g__fdb__award__itm-118 {
  width: 21px;
  height: 8.4px;
  background-color: #c2371a;
  top: -10%;
  left: 25%;
  opacity: 0.9632065116;
  transform: rotate(82.8072164112deg);
  -webkit-animation: drop-118 8.2698915048s 4.6139167132s infinite;
          animation: drop-118 8.2698915048s 4.6139167132s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-118 {
  100% {
    top: 110%;
    left: 28%;
  }
}
@keyframes drop-118 {
  100% {
    top: 110%;
    left: 28%;
  }
}
.g__fdb__award .g__fdb__award__itm-119 {
  width: 9px;
  height: 3.6px;
  background-color: #1844a2;
  top: -10%;
  left: 63%;
  opacity: 1.4921155666;
  transform: rotate(81.5948361121deg);
  -webkit-animation: drop-119 8.3780916516s 2.4276737181s infinite;
          animation: drop-119 8.3780916516s 2.4276737181s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-119 {
  100% {
    top: 110%;
    left: 65%;
  }
}
@keyframes drop-119 {
  100% {
    top: 110%;
    left: 65%;
  }
}
.g__fdb__award .g__fdb__award__itm-120 {
  width: 2px;
  height: 0.8px;
  background-color: #c2371a;
  top: -10%;
  left: 64%;
  opacity: 1.2414075886;
  transform: rotate(51.2716458384deg);
  -webkit-animation: drop-120 8.9642339271s 1.8086594528s infinite;
          animation: drop-120 8.9642339271s 1.8086594528s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-120 {
  100% {
    top: 110%;
    left: 71%;
  }
}
@keyframes drop-120 {
  100% {
    top: 110%;
    left: 71%;
  }
}
.g__fdb__award .g__fdb__award__itm-121 {
  width: 17px;
  height: 6.8px;
  background-color: #c2371a;
  top: -10%;
  left: 3%;
  opacity: 0.9091833555;
  transform: rotate(257.2812543555deg);
  -webkit-animation: drop-121 8.8463308842s 2.3659978764s infinite;
          animation: drop-121 8.8463308842s 2.3659978764s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-121 {
  100% {
    top: 110%;
    left: 11%;
  }
}
@keyframes drop-121 {
  100% {
    top: 110%;
    left: 11%;
  }
}
.g__fdb__award .g__fdb__award__itm-122 {
  width: 11px;
  height: 4.4px;
  background-color: #1844a2;
  top: -10%;
  left: 89%;
  opacity: 0.8945953428;
  transform: rotate(277.578351668deg);
  -webkit-animation: drop-122 8.8716004487s 7.4178023869s infinite;
          animation: drop-122 8.8716004487s 7.4178023869s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-122 {
  100% {
    top: 110%;
    left: 92%;
  }
}
@keyframes drop-122 {
  100% {
    top: 110%;
    left: 92%;
  }
}
.g__fdb__award .g__fdb__award__itm-123 {
  width: 15px;
  height: 6px;
  background-color: #f2ca0d;
  top: -10%;
  left: 48%;
  opacity: 1.2853139082;
  transform: rotate(345.9199911111deg);
  -webkit-animation: drop-123 8.1938035551s 5.2872327489s infinite;
          animation: drop-123 8.1938035551s 5.2872327489s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-123 {
  100% {
    top: 110%;
    left: 62%;
  }
}
@keyframes drop-123 {
  100% {
    top: 110%;
    left: 62%;
  }
}
.g__fdb__award .g__fdb__award__itm-124 {
  width: 7px;
  height: 2.8px;
  background-color: #f2ca0d;
  top: -10%;
  left: 81%;
  opacity: 1.1331042347;
  transform: rotate(350.9265509288deg);
  -webkit-animation: drop-124 8.085092581s 6.200216359s infinite;
          animation: drop-124 8.085092581s 6.200216359s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-124 {
  100% {
    top: 110%;
    left: 95%;
  }
}
@keyframes drop-124 {
  100% {
    top: 110%;
    left: 95%;
  }
}
.g__fdb__award .g__fdb__award__itm-125 {
  width: 5px;
  height: 2px;
  background-color: #c2371a;
  top: -10%;
  left: 46%;
  opacity: 0.9420539582;
  transform: rotate(188.619946912deg);
  -webkit-animation: drop-125 8.8283422156s 7.606011936s infinite;
          animation: drop-125 8.8283422156s 7.606011936s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-125 {
  100% {
    top: 110%;
    left: 48%;
  }
}
@keyframes drop-125 {
  100% {
    top: 110%;
    left: 48%;
  }
}
.g__fdb__award .g__fdb__award__itm-126 {
  width: 23px;
  height: 9.2px;
  background-color: #f2ca0d;
  top: -10%;
  left: 7%;
  opacity: 0.9166820394;
  transform: rotate(139.1336067651deg);
  -webkit-animation: drop-126 8.2547088011s 3.1923188156s infinite;
          animation: drop-126 8.2547088011s 3.1923188156s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-126 {
  100% {
    top: 110%;
    left: 8%;
  }
}
@keyframes drop-126 {
  100% {
    top: 110%;
    left: 8%;
  }
}
.g__fdb__award .g__fdb__award__itm-127 {
  width: 6px;
  height: 2.4px;
  background-color: #f2ca0d;
  top: -10%;
  left: 66%;
  opacity: 1.3877150134;
  transform: rotate(320.6615702523deg);
  -webkit-animation: drop-127 8.7252795393s 4.3043599865s infinite;
          animation: drop-127 8.7252795393s 4.3043599865s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-127 {
  100% {
    top: 110%;
    left: 72%;
  }
}
@keyframes drop-127 {
  100% {
    top: 110%;
    left: 72%;
  }
}
.g__fdb__award .g__fdb__award__itm-128 {
  width: 9px;
  height: 3.6px;
  background-color: #c2371a;
  top: -10%;
  left: 3%;
  opacity: 1.2779549877;
  transform: rotate(255.5925884758deg);
  -webkit-animation: drop-128 8.6551800767s 1.2692949707s infinite;
          animation: drop-128 8.6551800767s 1.2692949707s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-128 {
  100% {
    top: 110%;
    left: 11%;
  }
}
@keyframes drop-128 {
  100% {
    top: 110%;
    left: 11%;
  }
}
.g__fdb__award .g__fdb__award__itm-129 {
  width: 22px;
  height: 8.8px;
  background-color: #c2371a;
  top: -10%;
  left: 78%;
  opacity: 0.6730008677;
  transform: rotate(184.9572450663deg);
  -webkit-animation: drop-129 8.8649724064s 8.9204946492s infinite;
          animation: drop-129 8.8649724064s 8.9204946492s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-129 {
  100% {
    top: 110%;
    left: 80%;
  }
}
@keyframes drop-129 {
  100% {
    top: 110%;
    left: 80%;
  }
}
.g__fdb__award .g__fdb__award__itm-130 {
  width: 23px;
  height: 9.2px;
  background-color: #c2371a;
  top: -10%;
  left: 66%;
  opacity: 1.2131944156;
  transform: rotate(47.4222727943deg);
  -webkit-animation: drop-130 8.3909662903s 2.3249608285s infinite;
          animation: drop-130 8.3909662903s 2.3249608285s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-130 {
  100% {
    top: 110%;
    left: 67%;
  }
}
@keyframes drop-130 {
  100% {
    top: 110%;
    left: 67%;
  }
}
.g__fdb__award .g__fdb__award__itm-131 {
  width: 21px;
  height: 8.4px;
  background-color: #f2ca0d;
  top: -10%;
  left: 14%;
  opacity: 1.4779800749;
  transform: rotate(251.7268627149deg);
  -webkit-animation: drop-131 8.2563236993s 1.6845285889s infinite;
          animation: drop-131 8.2563236993s 1.6845285889s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-131 {
  100% {
    top: 110%;
    left: 29%;
  }
}
@keyframes drop-131 {
  100% {
    top: 110%;
    left: 29%;
  }
}
.g__fdb__award .g__fdb__award__itm-132 {
  width: 23px;
  height: 9.2px;
  background-color: #c2371a;
  top: -10%;
  left: 42%;
  opacity: 0.9613358131;
  transform: rotate(187.1587326288deg);
  -webkit-animation: drop-132 8.2077589958s 2.4637600772s infinite;
          animation: drop-132 8.2077589958s 2.4637600772s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-132 {
  100% {
    top: 110%;
    left: 57%;
  }
}
@keyframes drop-132 {
  100% {
    top: 110%;
    left: 57%;
  }
}
.g__fdb__award .g__fdb__award__itm-133 {
  width: 9px;
  height: 3.6px;
  background-color: #c2371a;
  top: -10%;
  left: 76%;
  opacity: 0.9958057809;
  transform: rotate(173.7409884843deg);
  -webkit-animation: drop-133 8.6832421625s 1.1065498198s infinite;
          animation: drop-133 8.6832421625s 1.1065498198s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-133 {
  100% {
    top: 110%;
    left: 80%;
  }
}
@keyframes drop-133 {
  100% {
    top: 110%;
    left: 80%;
  }
}
.g__fdb__award .g__fdb__award__itm-134 {
  width: 20px;
  height: 8px;
  background-color: #1844a2;
  top: -10%;
  left: 33%;
  opacity: 1.0538694076;
  transform: rotate(142.5440515633deg);
  -webkit-animation: drop-134 8.1610631653s 3.8790748793s infinite;
          animation: drop-134 8.1610631653s 3.8790748793s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-134 {
  100% {
    top: 110%;
    left: 34%;
  }
}
@keyframes drop-134 {
  100% {
    top: 110%;
    left: 34%;
  }
}
.g__fdb__award .g__fdb__award__itm-135 {
  width: 31px;
  height: 12.4px;
  background-color: #1844a2;
  top: -10%;
  left: 41%;
  opacity: 0.6557914767;
  transform: rotate(224.1614509697deg);
  -webkit-animation: drop-135 8.554634596s 1.4171138959s infinite;
          animation: drop-135 8.554634596s 1.4171138959s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-135 {
  100% {
    top: 110%;
    left: 55%;
  }
}
@keyframes drop-135 {
  100% {
    top: 110%;
    left: 55%;
  }
}
.g__fdb__award .g__fdb__award__itm-136 {
  width: 27px;
  height: 10.8px;
  background-color: #f2ca0d;
  top: -10%;
  left: 80%;
  opacity: 1.2800229458;
  transform: rotate(344.3813062113deg);
  -webkit-animation: drop-136 8.3822849181s 5.7720123706s infinite;
          animation: drop-136 8.3822849181s 5.7720123706s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-136 {
  100% {
    top: 110%;
    left: 86%;
  }
}
@keyframes drop-136 {
  100% {
    top: 110%;
    left: 86%;
  }
}
.g__fdb__award .g__fdb__award__itm-137 {
  width: 9px;
  height: 3.6px;
  background-color: #c2371a;
  top: -10%;
  left: 43%;
  opacity: 1.1344345655;
  transform: rotate(45.1417047791deg);
  -webkit-animation: drop-137 8.4116721056s 5.2137095711s infinite;
          animation: drop-137 8.4116721056s 5.2137095711s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-137 {
  100% {
    top: 110%;
    left: 55%;
  }
}
@keyframes drop-137 {
  100% {
    top: 110%;
    left: 55%;
  }
}
.g__fdb__award .g__fdb__award__itm-138 {
  width: 5px;
  height: 2px;
  background-color: #1844a2;
  top: -10%;
  left: 11%;
  opacity: 1.2293167293;
  transform: rotate(35.4597170171deg);
  -webkit-animation: drop-138 8.1982403478s 2.1205444364s infinite;
          animation: drop-138 8.1982403478s 2.1205444364s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-138 {
  100% {
    top: 110%;
    left: 20%;
  }
}
@keyframes drop-138 {
  100% {
    top: 110%;
    left: 20%;
  }
}
.g__fdb__award .g__fdb__award__itm-139 {
  width: 2px;
  height: 0.8px;
  background-color: #f2ca0d;
  top: -10%;
  left: 90%;
  opacity: 1.2050034815;
  transform: rotate(298.2714036471deg);
  -webkit-animation: drop-139 8.1259534659s 6.1919468247s infinite;
          animation: drop-139 8.1259534659s 6.1919468247s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-139 {
  100% {
    top: 110%;
    left: 104%;
  }
}
@keyframes drop-139 {
  100% {
    top: 110%;
    left: 104%;
  }
}
.g__fdb__award .g__fdb__award__itm-140 {
  width: 1px;
  height: 0.4px;
  background-color: #1844a2;
  top: -10%;
  left: 42%;
  opacity: 1.1592456543;
  transform: rotate(193.5584084921deg);
  -webkit-animation: drop-140 8.2863233575s 3.1500137078s infinite;
          animation: drop-140 8.2863233575s 3.1500137078s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-140 {
  100% {
    top: 110%;
    left: 45%;
  }
}
@keyframes drop-140 {
  100% {
    top: 110%;
    left: 45%;
  }
}
.g__fdb__award .g__fdb__award__itm-141 {
  width: 6px;
  height: 2.4px;
  background-color: #f2ca0d;
  top: -10%;
  left: 99%;
  opacity: 0.8100749672;
  transform: rotate(343.7979103218deg);
  -webkit-animation: drop-141 8.4817745389s 5.1530459151s infinite;
          animation: drop-141 8.4817745389s 5.1530459151s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-141 {
  100% {
    top: 110%;
    left: 113%;
  }
}
@keyframes drop-141 {
  100% {
    top: 110%;
    left: 113%;
  }
}
.g__fdb__award .g__fdb__award__itm-142 {
  width: 29px;
  height: 11.6px;
  background-color: #f2ca0d;
  top: -10%;
  left: 47%;
  opacity: 0.9591225109;
  transform: rotate(353.4138509328deg);
  -webkit-animation: drop-142 8.2401874902s 5.3888338628s infinite;
          animation: drop-142 8.2401874902s 5.3888338628s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-142 {
  100% {
    top: 110%;
    left: 60%;
  }
}
@keyframes drop-142 {
  100% {
    top: 110%;
    left: 60%;
  }
}
.g__fdb__award .g__fdb__award__itm-143 {
  width: 31px;
  height: 12.4px;
  background-color: #1844a2;
  top: -10%;
  left: 22%;
  opacity: 1.1827612557;
  transform: rotate(118.1751786327deg);
  -webkit-animation: drop-143 8.8508203193s 1.4706190402s infinite;
          animation: drop-143 8.8508203193s 1.4706190402s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-143 {
  100% {
    top: 110%;
    left: 33%;
  }
}
@keyframes drop-143 {
  100% {
    top: 110%;
    left: 33%;
  }
}
.g__fdb__award .g__fdb__award__itm-144 {
  width: 29px;
  height: 11.6px;
  background-color: #c2371a;
  top: -10%;
  left: 25%;
  opacity: 1.0647141698;
  transform: rotate(352.1943806614deg);
  -webkit-animation: drop-144 8.7560568654s 4.3789125429s infinite;
          animation: drop-144 8.7560568654s 4.3789125429s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-144 {
  100% {
    top: 110%;
    left: 29%;
  }
}
@keyframes drop-144 {
  100% {
    top: 110%;
    left: 29%;
  }
}
.g__fdb__award .g__fdb__award__itm-145 {
  width: 4px;
  height: 1.6px;
  background-color: #c2371a;
  top: -10%;
  left: 46%;
  opacity: 1.4765997828;
  transform: rotate(226.8327522296deg);
  -webkit-animation: drop-145 8.8198978355s 5.5676225258s infinite;
          animation: drop-145 8.8198978355s 5.5676225258s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-145 {
  100% {
    top: 110%;
    left: 55%;
  }
}
@keyframes drop-145 {
  100% {
    top: 110%;
    left: 55%;
  }
}
.g__fdb__award .g__fdb__award__itm-146 {
  width: 26px;
  height: 10.4px;
  background-color: #c2371a;
  top: -10%;
  left: 19%;
  opacity: 0.9946879925;
  transform: rotate(137.6913759902deg);
  -webkit-animation: drop-146 8.9790683863s 8.8085281569s infinite;
          animation: drop-146 8.9790683863s 8.8085281569s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-146 {
  100% {
    top: 110%;
    left: 27%;
  }
}
@keyframes drop-146 {
  100% {
    top: 110%;
    left: 27%;
  }
}
.g__fdb__award .g__fdb__award__itm-147 {
  width: 21px;
  height: 8.4px;
  background-color: #1844a2;
  top: -10%;
  left: 12%;
  opacity: 1.3227561157;
  transform: rotate(284.4435121993deg);
  -webkit-animation: drop-147 8.4182630253s 7.1620864386s infinite;
          animation: drop-147 8.4182630253s 7.1620864386s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-147 {
  100% {
    top: 110%;
    left: 27%;
  }
}
@keyframes drop-147 {
  100% {
    top: 110%;
    left: 27%;
  }
}
.g__fdb__award .g__fdb__award__itm-148 {
  width: 15px;
  height: 6px;
  background-color: #1844a2;
  top: -10%;
  left: 4%;
  opacity: 1.2219670463;
  transform: rotate(119.5177849981deg);
  -webkit-animation: drop-148 8.8331365853s 6.8334595799s infinite;
          animation: drop-148 8.8331365853s 6.8334595799s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-148 {
  100% {
    top: 110%;
    left: 11%;
  }
}
@keyframes drop-148 {
  100% {
    top: 110%;
    left: 11%;
  }
}
.g__fdb__award .g__fdb__award__itm-149 {
  width: 11px;
  height: 4.4px;
  background-color: #f2ca0d;
  top: -10%;
  left: 71%;
  opacity: 1.26526404;
  transform: rotate(121.9984802769deg);
  -webkit-animation: drop-149 8.9135742769s 7.8030652962s infinite;
          animation: drop-149 8.9135742769s 7.8030652962s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-149 {
  100% {
    top: 110%;
    left: 75%;
  }
}
@keyframes drop-149 {
  100% {
    top: 110%;
    left: 75%;
  }
}
.g__fdb__award .g__fdb__award__itm-150 {
  width: 20px;
  height: 8px;
  background-color: #1844a2;
  top: -10%;
  left: 33%;
  opacity: 1.4830468752;
  transform: rotate(290.2844017313deg);
  -webkit-animation: drop-150 8.0846617373s 2.7014656716s infinite;
          animation: drop-150 8.0846617373s 2.7014656716s infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes drop-150 {
  100% {
    top: 110%;
    left: 42%;
  }
}
@keyframes drop-150 {
  100% {
    top: 110%;
    left: 42%;
  }
}
.g__fdb__fst.act ~ .g__fdb__award {
  display: flex;
}
.g__fdb__cup {
  position: relative;
  display: flex;
  justify-content: center;
  padding: 32px 0 16px;
  z-index: 2;
  transform: scale(0);
  transition: transform 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}
@media screen and (min-width: 700px) and (max-width: 1024px) and (orientation: landscape) {
  .g__fdb__cup {
    padding: 16px 0;
  }
}
@media screen and (max-height: 520px) and (orientation: portrait) {
  .g__fdb__cup {
    padding: 16px 0;
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px) and (orientation: landscape) {
  .g__fdb__cup svg {
    width: 124px;
    height: auto;
  }
}
@media screen and (max-height: 520px) and (orientation: portrait) {
  .g__fdb__cup svg {
    width: 96px;
    height: auto;
  }
}
.g__fdb__cup__nb {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 118px;
  padding-bottom: 2rem;
  padding-left: 4px;
  font-family: "Nunito", Helvetica, Arial, sans-serif;
  font-size: 22px;
  font-weight: 900;
  letter-spacing: 2px;
}
.g__fdb__tbl {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-family: "Nunito", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 2px;
  z-index: 2;
}
@media (min-width: 1024px) {
  .g__fdb__tbl {
    font-size: 18px;
  }
}
.g__fdb__tbl__pts, .g__fdb__tbl__lvs, .g__fdb__tbl__tt {
  display: flex;
  align-items: center;
  width: 220px;
  height: 36px;
}
@media screen and (min-width: 700px) and (max-width: 1024px) and (orientation: landscape) {
  .g__fdb__tbl__pts, .g__fdb__tbl__lvs, .g__fdb__tbl__tt {
    width: 284px;
  }
}
@media (min-width: 1024px) {
  .g__fdb__tbl__pts, .g__fdb__tbl__lvs, .g__fdb__tbl__tt {
    width: 360px;
    height: 56px;
  }
}
.g__fdb__tbl__pts__i, .g__fdb__tbl__lvs__i, .g__fdb__tbl__tt__i {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 0.5rem;
  padding: 2px;
}
.g__fdb__tbl__pts__nb, .g__fdb__tbl__lvs__nb, .g__fdb__tbl__tt__nb {
  margin-left: auto;
  font-size: 18px;
}
@media (min-width: 1024px) {
  .g__fdb__tbl__pts__nb, .g__fdb__tbl__lvs__nb, .g__fdb__tbl__tt__nb {
    font-size: 24px;
  }
}
.g__fdb__tbl__pts {
  transform: translateX(-5000px);
  transition: transform 0.6s cubic-bezier(0.65, 0, 0.35, 1);
}
.g__fdb__tbl__lvs {
  transform: translateX(-5000px);
  transition: transform 0.6s cubic-bezier(0.65, 0, 0.35, 1);
}
.g__fdb__tbl__lvs #g__fdb__tbl__lvs__tt {
  font-size: 20px;
  font-weight: 800;
}
@media (min-width: 768px) {
  .g__fdb__tbl__lvs #g__fdb__tbl__lvs__tt {
    font-size: 28px;
  }
}
.g__fdb__tbl__lvs__tt {
  transform: translateY(-2px);
}
.g__fdb__tbl__tt {
  height: 48px;
  line-height: 1.05;
  transform: translateX(-5000px);
  transition: transform 0.6s cubic-bezier(0.65, 0, 0.35, 1);
}
@media (min-width: 1024px) {
  .g__fdb__tbl__tt {
    height: 86px;
  }
}
.g__fdb__tbl__tt__nb {
  font-size: 32px;
}
@media (min-width: 1024px) {
  .g__fdb__tbl__tt__nb {
    font-size: 64px;
  }
}
.g__fdb.nrml .g__fdb__tbl__pts, .g__fdb.nrml .g__fdb__tbl__lvs {
  display: none;
}
.g__fdb.act {
  pointer-events: all;
  opacity: 1;
  transition: opacity 0.6s cubic-bezier(0.65, 0, 0.35, 1) 0.8s;
}
.g__fdb.act .g__fdb__bg {
  opacity: 1;
  transition: opacity 0.6s cubic-bezier(0.65, 0, 0.35, 1) 1.4s;
}
.g__fdb.act .g__fdb__wn,
.g__fdb.act .g__fdb__fst,
.g__fdb.act .g__fdb__ls {
  transform: translateY(0);
  transition: transform 0.6s cubic-bezier(0.65, 0, 0.35, 1) 1s;
}
.g__fdb.act .g__fdb__cup {
  transform: scale(1);
  transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) 1.4s;
}
.g__fdb.act .g__fdb__tbl__pts {
  transform: translateX(0px);
  transition: transform 0.6s cubic-bezier(0.65, 0, 0.35, 1) 1.6s;
}
.g__fdb.act .g__fdb__tbl__lvs {
  transform: translateX(0px);
  transition: transform 0.6s cubic-bezier(0.65, 0, 0.35, 1) 1.8s;
}
.g__fdb.act .g__fdb__tbl__tt {
  transform: translateX(0px);
  transition: transform 0.6s cubic-bezier(0.65, 0, 0.35, 1) 2s;
}
.g__rte {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  transform: translateY(-100%);
  transition: transform 0.4s cubic-bezier(0.65, 0, 0.35, 1);
}
.g__rte__hd {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 4px;
}
@media (min-width: 1024px) {
  .g__rte__hd {
    font-size: 24px;
  }
}
.g__rte__sb {
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 24px;
}
@media (min-width: 1024px) {
  .g__rte__sb {
    font-size: 16px;
  }
}
.g__rte__strs {
  margin-bottom: 24px;
}
.g__rte__strs:not(:checked) > input {
  position: absolute;
  top: -9999px;
}
.g__rte__strs:not(:checked) > label {
  float: right;
  width: 1em;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  font-size: 36px;
}
@media (min-width: 1024px) {
  .g__rte__strs:not(:checked) > label {
    font-size: 48px;
  }
}
.g__rte__strs:not(:checked) > label:before {
  content: "★ ";
  padding-right: 0.5rem;
}
.g__rte__btn .btn {
  letter-spacing: 0.75px;
  font-size: 15px;
}
@media (min-width: 1024px) {
  .g__rte__btn .btn {
    font-size: 16px;
  }
}
.g__rte.act {
  transform: translateY(0);
  transition: transform 0.6s cubic-bezier(0.65, 0, 0.35, 1) 1s;
}
.g__modal {
  position: absolute;
  display: flex;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
  z-index: 10000;
}
.g__modal__generic {
  position: absolute;
  display: flex;
  align-items: center;
  flex-direction: column;
  top: 50%;
  left: 50%;
  width: calc(100% - 2rem);
  max-height: calc(100% - 2rem);
  padding: 2rem 1rem 1rem;
  border-radius: 0.75rem;
  overflow-y: auto;
  z-index: 200;
  transform-origin: 0 0;
  opacity: 0;
  transform: scale(0) translate(-50%, -50%);
  transition: transform 0.4s cubic-bezier(0.65, 0, 0.35, 1);
}
@media (min-width: 768px) {
  .g__modal__generic {
    max-width: 480px;
    min-width: 300px;
    padding: 2rem 2rem 1.5rem;
  }
}
.g__modal__generic__hdg {
  font-size: 1rem;
  font-weight: 200;
  letter-spacing: 0.02em;
  line-height: 1.5;
  text-align: center;
  margin: 0;
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .g__modal__generic__hdg {
    font-size: 1.2rem;
  }
}
.g__modal__generic__btns {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.g__modal__generic__btns .btn--lnk {
  margin-right: 0.5rem;
  text-decoration: none;
}
.g__modal__generic__btns .btn--lnk:hover, .g__modal__generic__btns .btn--lnk:active, .g__modal__generic__btns .btn--lnk:focus {
  box-shadow: none;
  text-decoration: underline;
}
.g__modal__generic__btns .btn {
  width: 25%;
  min-width: 128px;
  font-size: 1.25rem;
}
@media (min-width: 768px) {
  .g__modal__generic__btns .btn {
    min-width: 178px;
    font-size: 1.5rem;
  }
}
.g__modal__generic .btn__close {
  position: absolute;
  right: 4px;
  top: 4px;
  border: 0;
  background: transparent;
  cursor: pointer;
  transition: all 0.2 ease-in-out;
}
.g__modal__generic .btn__close .ico__close {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 16px;
}
.g__modal__generic__accept {
  height: 2.875rem;
}
@media (min-width: 768px) {
  .g__modal__generic__accept {
    height: auto;
  }
}
.g__modal__background {
  position: fixed;
  flex: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 199;
  opacity: 0;
  transition: opacity 0.1s cubic-bezier(0.65, 0, 0.35, 1);
}
.g__modal.act {
  pointer-events: auto;
}
.g__modal.act .g__modal__generic {
  opacity: 1;
  transform: scale(1) translate(-50%, -50%);
  transition: transform 0.4s cubic-bezier(0.65, 0, 0.35, 1) 0.2s;
}
.g__modal.act .g__modal__background {
  opacity: 1;
  transition: opacity 0.1s cubic-bezier(0.65, 0, 0.35, 1);
}
.g__prnt {
  overflow: visible !important;
  font-family: "Nunito", Helvetica, Arial, sans-serif !important;
}
.g__prnt__mrk {
  width: 100%;
  display: flex;
  justify-content: center;
}
.g__prnt__mrk img {
  max-width: 160px !important;
}
@media screen {
  .g__prnt__ftr {
    display: none;
  }
}
@media print {
  .g__prnt__ftr {
    position: fixed;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    color: #6eb118;
  }
}
.g__prnt__tt {
  font-size: 20px;
  padding: 12px 16px 0;
  text-align: center;
}
.g__prnt__sb {
  font-size: 16px;
  padding: 0 16px 12px;
  text-transform: uppercase;
  text-align: center;
}
.g__prnt__wrp {
  overflow: visible !important;
  padding: 16px;
}
.g__prnt__wrp > div {
  display: flex;
  padding-bottom: 36px;
  margin-bottom: 42px;
  border-bottom: 1px solid #DDD;
  overflow: visible !important;
  page-break-inside: avoid;
}
.g__prnt__wrp > div:last-child {
  border: 0;
}
.g__prnt__wrp__nb {
  width: 48px;
  overflow: visible !important;
}
.g__prnt__wrp__nb span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border: 1px solid black;
  border-radius: 16px;
  font-weight: 700;
}
.g__prnt__wrp__nf {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  overflow: visible !important;
}
.g__prnt__wrp__nf__qst {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  padding-bottom: 12px;
  margin-bottom: 16px;
}
.g__prnt__wrp__nf__qst__tt {
  font-size: 18px;
  font-weight: 400;
  padding: 4px;
}
.g__prnt__wrp__nf__nsw {
  font-size: 16px;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  overflow: visible !important;
}
.g__prnt__wrp__nf__nsw__cnt {
  display: flex;
  font-size: 16px;
  font-weight: 400;
  padding: 16px;
}
.g__prnt__wrp__nf__nsw__cnt span {
  margin-left: 16px;
}
.g__prnt img {
  max-width: 100%;
}
.act.gmv .g {
  position: relative;
  display: flex;
  flex-direction: column;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  overflow: hidden;
  overflow-y: auto;
}
.act.gmv .g .g__cnt__end.act {
  position: relative;
}

.ftr {
  position: fixed;
  display: inline-flex;
  justify-content: space-between;
  align-items: flex-end;
  bottom: 0;
  width: 100%;
  padding: 0 16px 16px;
  pointer-events: none;
  transform: translateY(0%);
  transition: transform 0.4s ease-out;
  z-index: 1002;
}
@media only screen and (max-width: 1024px) {
  .ftr {
    padding: 0 12px 12px;
  }
}
@media only screen and (max-width: 756px) {
  .ftr {
    padding: 0 8px 2px;
  }
}
.ftr .ntf {
  position: relative;
  display: none;
  justify-content: center;
  align-items: center;
  max-width: 640px;
  margin: 0 auto;
  padding: 32px 64px 32px 48px;
  border-radius: 16px;
  font-family: "Nunito", "Segoe UI", Segoe, Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.3;
  transform: translate(0, 220%);
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  pointer-events: all;
}
@media only screen and (max-width: 756px) {
  .ftr .ntf {
    position: absolute;
    justify-content: flex-start;
    bottom: 8px;
    left: 4px;
    right: 4px;
    font-size: 13px;
    padding: 8px 16px 8px 12px;
    transform: translate(0, 220%);
    z-index: 5;
  }
}
.ftr .ntf__wrp {
  display: grid;
  grid-template-columns: auto 1fr;
}
.ftr .ntf__wrp .i__info {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-column: 1;
  grid-row: 1/3;
  margin-right: 16px;
}
.ftr .ntf__wrp .i__info svg {
  width: 48px;
  height: auto;
}
@media only screen and (max-width: 756px) {
  .ftr .ntf__wrp .i__info {
    margin-right: 8px;
  }
  .ftr .ntf__wrp .i__info svg {
    width: 24px;
    height: auto;
  }
}
.ftr .ntf__wrp__hd {
  grid-column: 2;
  grid-row: 1;
  align-self: center;
  font-size: 20px;
  font-weight: 700;
}
@media only screen and (max-width: 756px) {
  .ftr .ntf__wrp__hd {
    font-size: 16px;
  }
}
.ftr .ntf__wrp__txt {
  grid-column: 2;
  grid-row: 2;
  align-self: center;
  margin: 0;
}
.ftr .ntf.act {
  transform: translate(0, 0);
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}
@media only screen and (max-width: 756px) {
  .ftr .ntf.act {
    transform: translate(0, 0);
  }
}
.act .ftr .ntf {
  display: flex;
}
.ftr .btns {
  position: relative;
  display: flex;
  justify-content: flex-end;
  width: 120px;
  margin-left: auto;
  pointer-events: none;
  z-index: 4;
}
@media (max-width: 768px) {
  .ftr .btns {
    width: 104px;
    bottom: 4px;
  }
}
.ftr .btns .fsc {
  position: relative;
  justify-content: center;
  align-items: center;
  pointer-events: all;
  transform: translate(0, 150%);
  opacity: 1;
  transition: all 0.3s ease-out;
}
@media (hover: hover) {
  .ftr .btns .fsc {
    display: inline-flex;
  }
}
@media (pointer: fine) {
  .ftr .btns .fsc {
    display: inline-flex;
  }
}
@media only screen and (hover: none) {
  .ftr .btns .fsc {
    display: none;
  }
}
.ftr .btns .fsc__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  min-width: auto;
  height: 48px;
  margin-left: 12px;
  background: rgba(255, 255, 255, 0.3);
  border: 0;
  box-shadow: 0 6px 0 0 rgba(0, 0, 0, 0.2), 0 0 0 3px rgba(0, 0, 0, 0), 0 0.5px 0 0 rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.5);
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s ease-out 0.2s;
}
@media (max-width: 768px) {
  .ftr .btns .fsc__btn {
    width: 40px;
    height: 40px;
    margin-left: 6px;
    box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.2), 0 0 0 3px rgba(0, 0, 0, 0), 0 0.5px 0 0 rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.5);
  }
}
.ftr .btns .fsc__btn:hover, .ftr .btns .fsc__btn:focus {
  background: rgba(255, 255, 255, 0.8);
  transform: scale(1.05);
  box-shadow: 0 6px 0 0 rgba(0, 0, 0, 0.3), 0 0 0 3px rgba(0, 0, 0, 0.15), 0 0 0 0.5px rgba(0, 0, 0, 0.6), inset 0 1px 0 white;
  transition: all 0.2s ease-in;
}
.ftr .btns .fsc__btn:hover svg, .ftr .btns .fsc__btn:focus svg {
  transition: all 0.2s ease-in;
}
.ftr .btns .fsc__btn:hover svg path, .ftr .btns .fsc__btn:focus svg path {
  transition: transform 0.2s ease-in;
}
.ftr .btns .fsc__btn .i__fsc {
  display: flex;
  justify-content: center;
  align-items: center;
}
.ftr .btns .fsc__btn .i__fsc svg {
  width: 24px;
  height: 24px;
  transition: all 0.2s ease-out 0.2s;
}
.ftr .btns .fsc__btn .i__fsc svg path {
  transition: all 0.2s ease-out 0.2s;
}
.ftr .btns .fsc__btn .i__ssc {
  justify-content: center;
  align-items: center;
  display: none;
}
.ftr .btns .fsc__btn .i__ssc svg {
  width: 24px;
  height: 24px;
  transition: all 0.2s ease-out 0.2s;
}
.ftr .btns .fsc__btn .i__ssc svg path {
  transition: all 0.2s ease-out 0.2s;
}
.ftr .btns .fsc__btn.act .i__fsc {
  display: none;
}
.ftr .btns .fsc__btn.act .i__ssc {
  display: flex;
}
.ftr .btns .fsc__btn::before {
  display: none;
}
.act .ftr .btns .fsc {
  transform: translate(0, 0);
  opacity: 1;
  transition: all 0.3s ease-out 0.2s;
}
.ftr .btns .exit {
  position: absolute;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  pointer-events: all;
  opacity: 0;
  transform: translateY(200px);
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
@media screen and (orientation: landscape) {
  .ftr .btns .exit {
    transform: translateX(0) translateY(200px);
  }
}
.ftr .btns .exit .btn {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  border: 0;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 6px 0 0 rgba(0, 0, 0, 0.2), 0 0 0 3px rgba(0, 0, 0, 0), 0 0.5px 0 0 rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.7);
  border-radius: 4px;
  margin-left: 12px;
  min-width: auto;
  cursor: pointer;
  transition: all 0.2s ease-out 0.2s;
}
@media (max-width: 768px) {
  .ftr .btns .exit .btn {
    width: 40px;
    height: 40px;
    margin-left: 6px;
    box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.2), 0 0 0 3px rgba(0, 0, 0, 0), 0 0.5px 0 0 rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.7);
  }
}
.ftr .btns .exit .btn:hover, .ftr .btns .exit .btn:focus, .ftr .btns .exit .btn:active {
  transform: scale(1.05);
  box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.15), 0 0 0 0.5px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.7);
  transition: all 0.4s ease-in;
}
.ftr .btns .exit .btn:hover svg, .ftr .btns .exit .btn:focus svg, .ftr .btns .exit .btn:active svg {
  transition: all 0.2s ease-in;
}
.ftr .btns .exit .btn:hover svg .i__exit__arrow, .ftr .btns .exit .btn:focus svg .i__exit__arrow, .ftr .btns .exit .btn:active svg .i__exit__arrow {
  transform: translateX(4px);
  transition: transform 0.2s ease-in;
}
.ftr .btns .exit .btn__i {
  margin: 0;
}
.ftr .btns .exit .btn__txt {
  display: none;
  margin-left: 12px;
}
.ftr .btns .exit .btn svg {
  overflow: visible;
  transition: all 0.2s ease-out 0.2s;
}
.ftr .btns .exit .btn svg path {
  stroke-width: 2px;
  transform: translateX(0);
  transition: all 0.2s ease-out 0.2s;
}
.ftr .btns .exit .btn::before {
  display: none;
}
.ftr .btns .exit.act {
  position: relative;
  opacity: 1;
  transform: translateY(0);
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
@media screen and (orientation: landscape) {
  .ftr .btns .exit.act {
    transform: translateX(0) translateY(0);
  }
}
.ftr .btns .exit.act .btn {
  background: rgba(255, 255, 255, 0.6);
  transition: all 0.2s ease-in 0.2s;
}
.ftr .btns .exit.act .btn:hover {
  background: rgba(255, 255, 255, 0.9);
  transition: all 0.2s ease-out 0.2s;
}
.ftr .btns .options {
  position: absolute;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  pointer-events: all;
  opacity: 0;
  transform: translateY(200px);
  transition: transform 0.3s ease-in-out;
}
@media screen and (orientation: landscape) {
  .ftr .btns .options {
    transform: translateX(0) translateY(200px);
  }
}
.ftr .btns .options .i__options svg path {
  stroke-width: 1.65px;
}
.ftr .btns .options.act {
  position: relative;
  opacity: 1;
  transform: translateY(0);
  transition: transform 0.3s ease-in-out;
}
@media screen and (orientation: landscape) {
  .ftr .btns .options.act {
    transform: translateX(0) translateY(0);
  }
}
.ftr .clk {
  position: relative;
  display: flex;
  align-items: flex-end;
  max-width: 320px;
  width: inherit;
  height: 156px;
  margin-right: auto;
  font-family: "Nunito", Helvetica, Arial, sans-serif;
  font-weight: 900;
  font-size: 36px;
  letter-spacing: 1px;
  transform: translate(0, 100%);
  transition: all 0.3s ease-in;
  pointer-events: none;
  opacity: 0;
  z-index: 3;
}
@media only screen and (max-width: 756) {
  .ftr .clk {
    height: 71px;
    font-size: 24px;
  }
}
@media only screen and (max-width: 599px) and (orientation: portrait) {
  .ftr .clk {
    height: 71px;
    font-size: 24px;
  }
}
@media only screen and (min-device-width: 480px) and (max-device-width: 640px) and (orientation: landscape) {
  .ftr .clk {
    height: 60px;
  }
}
@media only screen and (min-device-width: 600px) and (max-device-width: 1000px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  .ftr .clk {
    height: 60px;
  }
}
.ftr .clk__wp {
  position: absolute;
  transform-origin: 0 100%;
}
@media only screen and (orientation: landscape) {
  .ftr .clk__wp {
    transform: scale(0.85);
    left: -16px;
    bottom: -32px;
  }
}
@media only screen and (max-width: 1023px) {
  .ftr .clk__wp {
    transform: scale(0.65);
    left: -12px;
    bottom: -24px;
  }
}
@media only screen and (max-width: 599px) and (orientation: portrait) {
  .ftr .clk__wp {
    transform: scale(0.35);
    left: -8px;
    bottom: -8px;
  }
}
@media only screen and (max-height: 599px) and (orientation: landscape) {
  .ftr .clk__wp {
    transform: scale(0.42);
    left: -8px;
    bottom: -8px;
  }
}
.ftr .clk__ch {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 121px;
  height: 121px;
  top: 8px;
  left: 21px;
  grid-column: 2;
  grid-row: 1/4;
  justify-self: end;
  --pi: 3.14159265359;
  --circunference: calc(2 * var(--pi) * var(--radio));
  align-self: center;
}
.ftr .clk__ch__tt {
  position: absolute;
  font-family: "Nunito", "Segoe UI", Segoe, Helvetica, Arial, sans-serif;
  font-size: 42px;
  font-weight: 900;
  letter-spacing: 0;
  transform: translateY(3px);
}
.ftr .clk__ch__svg {
  width: 121px;
  height: 121px;
  position: absolute;
}
.ftr .clk__ch__svg__pr {
  transform: rotate(-90deg);
  transform-origin: center;
  stroke-dasharray: var(--circunference);
  stroke-dashoffset: calc(var(--circunference) * (1 - var(--progress) * 0.01));
  transition: stroke-dashoffset 0.3s;
}
.ftr .clk__ll {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 58px;
  left: 156px;
  font-family: "Nunito", "Segoe UI", Segoe, Helvetica, Arial, sans-serif;
  font-size: 26px;
  font-weight: 900;
  letter-spacing: 1px;
  line-height: 61px;
  transform: translateY(0px);
}
.ftr .clk__st svg {
  width: 319px;
  height: 156px;
}
.ftr .clk__stdr {
  display: flex;
  display: none;
  justify-content: center;
  align-items: center;
  width: 210px;
  border-radius: 40px;
}
@media only screen and (max-width: 845px) {
  .ftr .clk__stdr {
    width: 96px;
    margin-bottom: 4px;
  }
}
@media screen and (min-width: 846px) and (max-width: 1024px) and (orientation: landscape) {
  .ftr .clk__stdr {
    width: 150px;
  }
}
.ftr .clk__stdr .clk__ll {
  position: relative;
  top: auto;
  left: auto;
  margin: 0;
  font-size: 36px;
}
@media only screen and (max-width: 845px) {
  .ftr .clk__stdr .clk__ll {
    font-size: 20px;
    line-height: 30px;
  }
}
@media screen and (min-width: 846px) and (max-width: 1024px) and (orientation: landscape) {
  .ftr .clk__stdr .clk__ll {
    font-size: 24px;
    line-height: 40px;
  }
}
.act .ftr .clk {
  opacity: 1;
  transform: translate(0, 0);
  transition: all 0.3s ease-in 0.1s;
}
.ftr.fscbtn .btns .fsc {
  transform: translate(0, 0);
  transition: transform 0.3s ease-in 1s;
}
.gmv.act .ftr {
  transform: translateY(150%);
  transition: transform 0.4s ease-in;
}
.act .ftr {
  transform: translateY(0%);
  transition: transform 0.4s ease-in;
}

.btn.btn__edu--out {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  min-width: auto;
  height: 48px;
  margin-left: 12px;
  background: rgba(255, 255, 255, 0.3);
  border: 0;
  box-shadow: 0 6px 0 0 rgba(0, 0, 0, 0.2), 0 0 0 3px rgba(0, 0, 0, 0), 0 0.5px 0 0 rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.5);
  border-radius: 4px;
  pointer-events: all;
  cursor: pointer;
  transition: all 0.2s ease-out 0.2s;
}
@media (max-width: 768px) {
  .btn.btn__edu--out {
    width: 40px;
    height: 40px;
    margin-left: 6px;
    box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.2), 0 0 0 3px rgba(0, 0, 0, 0), 0 0.5px 0 0 rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.5);
  }
}
.btn.btn__edu--out .btn__i {
  margin: 0;
}
.btn.btn__edu--out .btn__txt {
  display: none;
}
.btn.btn__edu--out:hover, .btn.btn__edu--out:focus {
  background: rgba(255, 255, 255, 0.8);
  transform: scale(1.05);
  box-shadow: 0 6px 0 0 rgba(0, 0, 0, 0.3), 0 0 0 3px rgba(0, 0, 0, 0.15), 0 0 0 0.5px rgba(0, 0, 0, 0.6), inset 0 1px 0 white;
  transition: all 0.2s ease-in;
}
.btn.btn__edu--out:hover svg, .btn.btn__edu--out:focus svg {
  transition: all 0.2s ease-in;
}
.btn.btn__edu--out:hover svg path, .btn.btn__edu--out:focus svg path {
  transition: transform 0.2s ease-in;
}
.btn.btn__edu--out .i__fsc,
.btn.btn__edu--out .i__sounds,
.btn.btn__edu--out .i__options,
.btn.btn__edu--out .i__exit {
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn.btn__edu--out .i__fsc svg,
.btn.btn__edu--out .i__sounds svg,
.btn.btn__edu--out .i__options svg,
.btn.btn__edu--out .i__exit svg {
  width: 24px;
  height: auto;
  transition: all 0.2s ease-out 0.2s;
}
.btn.btn__edu--out .i__fsc svg path,
.btn.btn__edu--out .i__sounds svg path,
.btn.btn__edu--out .i__options svg path,
.btn.btn__edu--out .i__exit svg path {
  transition: all 0.2s ease-out 0.2s;
}
.btn.btn__edu--out .i__ssc,
.btn.btn__edu--out .i__nosounds {
  justify-content: center;
  align-items: center;
  display: none;
}
.btn.btn__edu--out .i__ssc svg,
.btn.btn__edu--out .i__nosounds svg {
  width: 24px;
  height: auto;
  transition: all 0.2s ease-out 0.2s;
}
.btn.btn__edu--out .i__ssc svg path,
.btn.btn__edu--out .i__nosounds svg path {
  transition: all 0.2s ease-out 0.2s;
}
.btn.btn__edu--out.act .i__fsc,
.btn.btn__edu--out.act .i__sounds, .btn.btn__edu--out.off .i__fsc,
.btn.btn__edu--out.off .i__sounds {
  display: none;
}
.btn.btn__edu--out.act .i__ssc,
.btn.btn__edu--out.act .i__nosounds, .btn.btn__edu--out.off .i__ssc,
.btn.btn__edu--out.off .i__nosounds {
  display: flex;
}
.btn.btn__edu--out::before {
  display: none;
}

.g__opt {
  bottom: 0;
  min-height: 100%;
}
.g__opt__cnt {
  padding: 0;
}
.g__opt__wrp {
  min-height: 100%;
  margin: auto;
}

.first-modal {
  padding: 24px;
}

.notice-container {
  max-width: 100% !important;
}

.cookie-consent {
  font-size: 13px;
  line-height: 1.3;
}

.modal-container-content slot {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
}

.coleccion {
  position: fixed;
  top: 4px;
  right: 4px;
  max-width: 1550px;
  z-index: 2000;
  transform: translate(0, 0);
  transition: all 0.2s ease-in-out;
  background: transparent;
}
@media screen and (max-width: 540px) and (orientation: portrait) {
  .coleccion {
    top: 4px;
  }
}
@media screen and (max-height: 500px) {
  .coleccion {
    top: 4px;
  }
}
.coleccion__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  border: 2px solid #F2CA0D;
  background: #F2CA0D;
  color: #112000;
  cursor: pointer;
  font-family: "Nunito", Arial, Helvetica, sans-serif;
  font-weight: 900;
  font-size: 20px;
  margin: 0 auto;
  box-shadow: 0 6px 0 rgba(11, 21, 0, 0.4), 0 0.5px 0 rgba(11, 21, 0, 0.7);
  transition: all 0.2s ease-in-out;
}
@media screen and (max-width: 540px) and (orientation: portrait) {
  .coleccion__btn {
    width: 50px;
    height: 50px;
    box-shadow: 0 4px 0 rgba(11, 21, 0, 0.4), 0 0.5px 0 rgba(11, 21, 0, 0.7);
  }
}
@media screen and (max-height: 500px) {
  .coleccion__btn {
    width: 50px;
    height: 50px;
    box-shadow: 0 4px 0 rgba(11, 21, 0, 0.4), 0 0.5px 0 rgba(11, 21, 0, 0.7);
  }
}
.coleccion__btn::before {
  content: "";
  width: 24px;
  height: 18px;
  display: block;
  background-image: url(/v2/resources/20220112/img/i-perfil-18px.svg);
  background-repeat: no-repeat;
  background-position: 0 -76px;
  background-size: 24px auto;
  filter: brightness(0);
}
.coleccion__wp {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 114px 0px 52px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 46px;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 6px 0 rgba(0, 0, 0, 0.5);
  transform: translate(0, -200%);
  height: 0;
  opacity: 0;
  transition: all 0.2s ease-in-out;
  z-index: -1;
}
@media screen and (max-width: 540px) and (orientation: portrait) {
  .coleccion__wp {
    padding: 88px 0 44px;
    border-radius: 26px;
  }
}
@media screen and (max-height: 500px) {
  .coleccion__wp {
    padding: 88px 0 44px;
    border-radius: 26px;
  }
}
.coleccion__wp__nav {
  position: absolute;
  width: 100%;
  height: calc(100% - 81px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  z-index: 0;
}
@media screen and (max-width: 540px) and (orientation: portrait) {
  .coleccion__wp__nav {
    height: calc(100% - 58px);
  }
}
@media screen and (max-height: 500px) {
  .coleccion__wp__nav {
    height: calc(100% - 58px);
  }
}
.coleccion__wp__nav__lft, .coleccion__wp__nav__rght {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid #6EB118;
  background: white;
  color: #112000;
  cursor: pointer;
  font-family: "Nunito", Arial, Helvetica, sans-serif;
  font-weight: 900;
  font-size: 12px;
  transition: all 0.2s ease-in-out;
  transform: rotate(90deg);
}
.coleccion__wp__nav__lft:hover, .coleccion__wp__nav__rght:hover {
  border: 1px solid white;
  background: #6EB118;
  color: white;
}
.coleccion__wp__list {
  display: flex;
  flex-direction: column;
  width: 64px;
  height: 100%;
  margin: 0;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.25);
  border-radius: 8px;
  overflow: hidden;
  z-index: 1;
}
@media screen and (max-width: 540px) and (orientation: portrait) {
  .coleccion__wp__list {
    width: 42px;
  }
}
@media screen and (max-height: 500px) {
  .coleccion__wp__list {
    width: 42px;
  }
}
.coleccion__wp__list::-webkit-scrollbar {
  width: 0;
}
.coleccion__wp__list::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.2);
}
.coleccion__wp__list::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
  outline: 0;
  border-radius: 0;
}
.coleccion__wp__list:hover, .coleccion__wp__list:focus {
  overflow-y: auto;
}
.coleccion__wp__list__item {
  display: block;
  width: 64px;
  height: 80px;
  margin: 0;
  padding: 1px;
  cursor: pointer;
}
@media screen and (max-width: 540px) and (orientation: portrait) {
  .coleccion__wp__list__item {
    width: 42px;
    height: 54px;
  }
}
@media screen and (max-height: 500px) {
  .coleccion__wp__list__item {
    width: 42px;
    height: 54px;
  }
}
.coleccion__wp__list__item a {
  display: flex;
  flex-direction: column;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.coleccion__wp__list__item a img {
  width: 62px;
  height: 62px;
  border-radius: 8px;
  border: 1px solid #6eb118;
  padding: 2px;
  overflow: hidden;
  box-shadow: inset 0 0 0 2px transparent;
  transition: all 0.2s ease-in-out;
}
@media screen and (max-width: 540px) and (orientation: portrait) {
  .coleccion__wp__list__item a img {
    width: 40px;
    height: 40px;
  }
}
@media screen and (max-height: 500px) {
  .coleccion__wp__list__item a img {
    width: 40px;
    height: 40px;
  }
}
.coleccion__wp__list__item a .nomActCol {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: "Nunito", Arial, Helvetica, sans-serif;
  font-size: 9px;
  font-weight: 700;
  padding: 1px 2px 0;
  margin-bottom: 4px;
  line-height: 1.2;
  overflow-wrap: anywhere;
  color: white;
  text-decoration: none;
  text-shadow: 0 0.5px 0 #112000;
  transition: all 0.2s ease-in-out;
}
@media screen and (max-width: 540px) and (orientation: portrait) {
  .coleccion__wp__list__item a .nomActCol {
    font-size: 7px;
  }
}
@media screen and (max-height: 500px) {
  .coleccion__wp__list__item a .nomActCol {
    font-size: 7px;
  }
}
.coleccion__wp__list__item a:hover img, .coleccion__wp__list__item a.act img {
  box-shadow: inset 0 0 0 2px #f2ca0d;
}
.coleccion__wp__list__item a:hover .nomActCol, .coleccion__wp__list__item a.act .nomActCol {
  text-shadow: 0 0.5px 0 #112000;
}
.coleccion__wp__count {
  z-index: 2;
  background: transparent;
  color: white;
  text-shadow: 0 0.5px 0 black;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 4px auto;
  width: 48px;
  border-radius: 4px;
  font-size: 10px;
  letter-spacing: 2px;
  font-weight: 700;
}
.coleccion.act .coleccion__wp {
  height: 465px;
  opacity: 1;
  transform: translate(0, -64px);
  transition: all 0.2s ease-in-out;
}
@media screen and (max-width: 540px) and (orientation: portrait) {
  .coleccion.act .coleccion__wp {
    transform: translate(0, -48px);
    height: 340px;
  }
}
@media screen and (max-height: 500px) {
  .coleccion.act .coleccion__wp {
    transform: translate(0, -48px);
    height: 340px;
  }
}
.act .coleccion {
  transform: translate(0, -150%);
  transition: all 0.2s ease-in-out;
}
.act.gmv .coleccion {
  transform: translate(0, 0);
  transition: all 0.2s ease-in-out;
}

.g__pht .bk {
  display: flex;
  opacity: 1;
}
.g__pht .hd {
  border-bottom: 1px solid rgba(0, 0, 0, 0.6);
}
.g__pht .qst__wp {
  box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.2), 0 0.5px 0 rgba(0, 0, 0, 0.6);
}
.g__pht .g__bg {
  display: none;
}
.g__pht .g__cntdwn.act {
  background: transparent;
}
.g__pht .g__fdb::after {
  display: none;
}

#banner {
  position: fixed;
  display: none;
  justify-content: flex-start;
  align-items: center;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  max-width: 100%;
  overflow: hidden;
  z-index: 1002;
  transition: transform 0.4s cubic-bezier(0.65, 0, 0.35, 1);
}
#banner .bloqueAnu {
  display: flex !important;
}

.g__bnn #banner {
  display: flex;
}
.g__bnn .g__opt__cnt {
  padding-bottom: 122px;
}
.g__bnn .g__cnt__ini {
  padding-bottom: 90px;
}
@media screen and (max-width: 370px) and (orientation: portrait) {
  .g__bnn .g__cnt__ini__btns .btn {
    height: 32px;
  }
  .g__bnn .g__cnt__ini__btns .btn__txt {
    font-size: 14px;
  }
  .g__bnn .g__cnt__ini__btns .btn svg {
    width: 16px;
    height: auto;
  }
  .g__bnn .g__cnt__ini__btns .btn::before {
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.3);
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px) and (orientation: landscape) {
  .g__bnn .g__cnt__ini__btns .btn {
    height: 40px;
  }
  .g__bnn .g__cnt__ini__btns .btn svg {
    width: 16px;
    height: auto;
  }
  .g__bnn .g__cnt__ini__btns .btn::before {
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.3);
  }
}
.g__bnn .ftr.fscbtn .btns .fsc {
  transform: translate(0, -102px);
}
body.act .g__bnn .ftr.fscbtn .btns .fsc {
  transform: translate(0, 0);
}
.g__bnn .ftr .options.act {
  transform: translateX(0) translateY(-102px);
}
.g__bnn.act #banner {
  transform: translate(-50%, 100%);
}
.g__bnn.act .ftr.fscbtn .btns .fsc {
  transform: translate(0, 0);
  transition-delay: 0;
}
.g__bnn.gmv #banner {
  transform: translate(-50%, 0);
}

.activityLogin {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: calc(100% -32px);
  font-family: "Nunito", Arial, Helvetica, sans-serif;
  font-size: 18px;
  letter-spacing: 0.5px;
  transition: all 0.2s ease-in-out;
}
.activityLogin__user,
.activityLogin .imgUserPlayer {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin-right: 0.5rem;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid white;
  transform: scale(1);
  transition: all 0.15s ease;
}
.activityLogin__user img,
.activityLogin .imgUserPlayer img {
  width: 30px;
  height: 30px;
}
.activityLogin__txt {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0;
  padding: 0;
  color: white;
  line-height: 1;
  letter-spacing: 0.6px;
}
.activityLogin__txt .activityLogin__notIdentified {
  font-size: 18px;
  color: white;
  font-weight: 600;
  text-decoration: none;
}
.activityLogin__txt > span {
  display: inline-flex;
  font-family: "Nunito", Helvetica, Arial, sans-serif;
  line-height: 1;
  font-size: 16px;
}
@media screen and (max-width: 570px) and (orientation: portrait) {
  .activityLogin__txt > span {
    font-size: 14px;
  }
}
@media screen and (max-width: 1024px) {
  .activityLogin__txt > span {
    font-size: 20px;
  }
}
.activityLogin__identified {
  display: none !important;
  margin-right: 0.25rem;
}
.activityLogin__name {
  font-family: "Nunito", Helvetica, Arial, sans-serif;
  font-weight: 900;
}
.activityLogin:hover .activityLogin__user {
  transform: scale(1.1);
  transition: all 0.15s ease;
}
.activityLogin:hover .activityLogin__notIdentified {
  text-decoration: underline;
}

.franjaPersonalizada {
  display: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 6px 0;
  margin: 0 !important;
  background: rgba(255, 255, 255, 0.15);
}
@media screen and (max-width: 400px) and (orientation: portrait) {
  .franjaPersonalizada {
    padding: 4px 0;
  }
}
.franjaPersonalizada img {
  height: 32px;
}
@media screen and (max-width: 400px) and (orientation: portrait) {
  .franjaPersonalizada img {
    height: 24px;
  }
}

.g__frnj .g__cnt__ini {
  align-items: flex-end;
  padding-bottom: 0;
}
.g__frnj .g__cnt__ini .franjaPersonalizada {
  display: flex;
}
.g__frnj .g__cnt__ini__btns {
  padding-bottom: 0;
  max-height: 90%;
}

.g__hd__mrk {
  display: none;
}

.g__mrk .g__hd .e__logo {
  display: none;
}
.g__mrk .edu__ldg__smb__svg__e {
  display: none;
}
.g__mrk .edu__ldg__smb__svg {
  width: 48px;
  height: auto;
}
.g__mrk .g__cnt__ini__brand {
  display: none;
}
.g__mrk .fdb__pts .i__pts svg path:first-child {
  fill: rgba(242, 202, 13, 0.7);
}
.g__mrk .fdb__pts .i__pts svg path:last-child {
  display: none;
}
.g__mrk .hd__pts .i__pts svg path:first-child {
  fill: rgba(242, 202, 13, 0.9);
}
.g__mrk .hd__pts .i__pts svg path:last-child {
  display: none;
}
.g__mrk .g__hd .g__hd__mrk {
  display: flex;
}

.g__shrhidden .g__cnt__end__shr {
  display: none;
}

.g__srchidden .g__cnt__end__scr {
  display: none;
}

.g__reinihidden .g__cnt__end__btns {
  display: none;
}

.g__noend .clk__wp {
  display: none !important;
}
.g__noend .clk__stdr {
  display: flex !important;
}

.game {
  height: 100%;
}

.g__rtl .hd__wp {
  flex-direction: row-reverse;
}
.g__rtl .qst__wp__nr {
  left: auto;
  right: 12px;
}
.g__rtl .qst__wp__sk {
  flex-direction: row-reverse;
}
.g__rtl .clk {
  justify-content: flex-end;
}
.g__rtl .fsc__btn {
  margin-right: auto;
  margin-left: 12px;
}
.g__rtl .exit {
  justify-content: flex-start;
}
@media screen and (orientation: landscape) {
  .g__rtl .exit {
    margin-right: auto;
    margin-left: 0;
  }
}
.g__rtl .exit .btn {
  left: auto;
  right: 8px;
}
@media (min-width: 768px) {
  .g__rtl .exit .btn {
    left: 86px;
    right: auto;
  }
}
.g__rtl .g__hdg {
  flex-direction: row-reverse;
}
.g__rtl .g__fdb__tbl__pts, .g__rtl .g__fdb__tbl__lvs, .g__rtl .g__fdb__tbl__tt {
  flex-direction: row-reverse;
}
.g__rtl .g__fdb__tbl__pts__nb, .g__rtl .g__fdb__tbl__lvs__nb, .g__rtl .g__fdb__tbl__tt__nb {
  margin-left: 0;
  margin-right: auto;
}
.g__rtl .g__cj {
  flex-direction: row-reverse;
}
.g__rtl .g__cj__plb {
  flex-direction: row-reverse;
}
.g__rtl .g__cj__plb:first-child {
  padding-right: 8px;
}
.g__rtl .g__cj__plb:last-child {
  padding-left: 8px;
}