@charset "UTF-8";
@font-face {
  font-family: 'hey_comicregular';
  src: url("/fonts/hey_comic.woff2") format("woff2"), url("/fonts/hey_comic.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/JTUSjIg1_i6t8kCHKm459WRhyyTh89ZNpQ.woff2") format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/JTUSjIg1_i6t8kCHKm459W1hyyTh89ZNpQ.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/JTUSjIg1_i6t8kCHKm459WZhyyTh89ZNpQ.woff2") format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; }
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2") format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/JTUSjIg1_i6t8kCHKm459WRhyyTh89ZNpQ.woff2") format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/JTUSjIg1_i6t8kCHKm459W1hyyTh89ZNpQ.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/JTUSjIg1_i6t8kCHKm459WZhyyTh89ZNpQ.woff2") format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; }
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2") format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
.clearfix {
  clear: both !important; }

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

.d-none-soft {
  opacity: 0 !important;
  pointer-events: none !important; }

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

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

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

.m-top-auto {
  margin-top: auto !important; }

.m-right-auto {
  margin-right: auto !important; }

.m-bottom-auto {
  margin-bottom: auto !important; }

.m-left-auto {
  margin-left: auto !important; }

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

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

.flex1 {
  flex: 1 !important; }

.position-relative {
  position: relative !important; }

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

.z-index-1 {
  z-index: 1 !important; }

.text-left {
  text-align: left !important; }

.text-center {
  text-align: center !important; }

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

.resize-animation-stopper * {
  animation: none !important;
  transition: none !important; }

/*
h1, h2, h3, h4, h5, h6 {
	
}
*/
html {
  width: 100%;
  height: 100vh;
  box-sizing: border-box;
  position: relative;
  text-rendering: optimizeLegibility;
  background-position: center center;
  background-size: contain;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none; }

body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100vh;
  box-sizing: border-box;
  background-color: #000;
  font-family: 'hey_comicregular';
  overflow: hidden;
  position: relative;
  touch-action: manipulation; }
  body main {
    width: 100%;
    height: 100%;
    position: relative;
    box-sizing: border-box; }

.preloadiv {
  width: 0;
  height: 0;
  display: none;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  visibility: hidden;
  overflow: hidden;
  top: -32000px;
  left: -32000px; }

.vertical-space {
  display: block; }

.hl {
  color: #DBE144;
  font-weight: bold; }

body.taller div#game div#game-window .btn {
  font-size: 6vw;
  line-height: 18vw; }
body.taller div#game div#game-window .table .tr .td > .btn {
  font-size: 6vw; }
body.taller #modal .window .inner_padding > .btn {
  font-size: 6vw; }
body.taller .vertical-space {
  height: 5vw; }

body.larger div#game div#game-window .btn {
  font-size: 3vh;
  line-height: 9vh; }
body.larger div#game div#game-window .table .tr .td > .btn {
  font-size: 3vh; }
body.larger #modal .window .inner_padding > .btn {
  font-size: 3vh; }
body.larger .vertical-space {
  height: 2.5vh; }

div#game {
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100vh;
  max-width: 100vw;
  box-sizing: border-box;
  padding: calc(env(safe-area-inset-top) + 3px) env(safe-area-inset-right) calc(env(safe-area-inset-bottom) + 3px) env(safe-area-inset-left); }
  div#game .relative_container {
    position: relative;
    width: 100%;
    height: 100%; }
    div#game .relative_container canvas#canvas, div#game .relative_container #game-window {
      width: 100%;
      height: 100%; }
    div#game .relative_container canvas#canvas {
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center; }
    div#game .relative_container #game-window {
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center; }

input[type="text"].fullwidth {
  border: none;
  outline: none; }
  input[type="text"].fullwidth::placeholder {
    color: #bbb; }

body.taller div#game {
  width: 100vw;
  height: calc(100vw / 0.4864864865);
  font-size: 100vw; }
  body.taller div#game #game-window .inner_padding {
    width: calc(100% - 8vw);
    height: calc(100% - 8vw);
    padding: 4vw; }
body.taller input[type="text"].fullwidth {
  width: calc(100% - 8vw);
  font-size: 5vw;
  padding: 4vw;
  border-radius: 3vw; }
body.larger div#game {
  width: calc(100vh * 0.4864864865);
  height: 100vh;
  font-size: 48.6486486486486vh; }
  body.larger div#game #game-window .inner_padding {
    width: calc(100% - 4vh);
    height: calc(100% - 4vh);
    padding: 2vh; }
body.larger input[type="text"].fullwidth {
  width: calc(100% - 4vh);
  font-size: 2.5vh;
  padding: 2vh;
  border-radius: 1.5vh; }

/*
.unused_btn_ids {
	display: none;
	opacity: 0;
	width: 0;
	height: 0;
	position: absolute;
}
*/
.table {
  display: table;
  position: relative; }
  .table.fullwidth {
    width: 100%; }
  .table.fullheight {
    height: 100%; }
  .table .th, .table .tr {
    display: table-row;
    position: relative; }
    .table .th.fullwidth, .table .tr.fullwidth {
      width: 100%; }
    .table .th.fullheight, .table .tr.fullheight {
      height: 100%; }
    .table .th .td, .table .tr .td {
      display: table-cell;
      position: relative; }
      .table .th .td.valign-top, .table .tr .td.valign-top {
        vertical-align: top; }
      .table .th .td.valign-middle, .table .tr .td.valign-middle {
        vertical-align: middle; }
      .table .th .td.valign-bottom, .table .tr .td.valign-bottom {
        vertical-align: bottom; }
      .table .th .td.valign-baseline, .table .tr .td.valign-baseline {
        vertical-align: baseline; }
      .table .th .td.fullwidth, .table .tr .td.fullwidth {
        width: 100%; }
      .table .th .td.fullheight, .table .tr .td.fullheight {
        height: 100%; }

input[type="text"].text {
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  background: #fff;
  text-align: center;
  font-family: 'hey_comicregular';
  color: #000;
  border: none;
  padding: 0; }

input[type="text"].text::placeholder, input[type="text"].text::-webkit-input-placeholder, input[type="text"].text:-moz-placeholder, input[type="text"].text::-moz-placeholder {
  color: #ccc;
  opacity: 1; }

input[type="checkbox"].checkbox {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  padding: 0;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Livello_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 300 150' style='enable-background:new 0 0 300 150;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;%7D .st1%7Bopacity:0.5;%7D .st2%7Bfill:%23FFFFFF;%7D .st3%7Bfill:%235ABF2E;%7D%0A%3C/style%3E%3Crect class='st0' width='150' height='150'/%3E%3Crect x='150' class='st0' width='150' height='150'/%3E%3Cg class='st1'%3E%3Cpath d='M277.5,111.5c0,8.8-7.2,16-16,16h-64c-8.8,0-16-7.2-16-16v-64c0-8.8,7.2-16,16-16h64c8.8,0,16,7.2,16,16V111.5z'/%3E%3C/g%3E%3Cg class='st1'%3E%3Cpath d='M127.5,111.5c0,8.8-7.2,16-16,16h-64c-8.8,0-16-7.2-16-16v-64c0-8.8,7.2-16,16-16h64c8.8,0,16,7.2,16,16V111.5z'/%3E%3C/g%3E%3Cpath class='st2' d='M271.5,105.5c0,8.8-7.2,16-16,16h-64c-8.8,0-16-7.2-16-16v-64c0-8.8,7.2-16,16-16h64c8.8,0,16,7.2,16,16V105.5z '/%3E%3Cg id='Tracciato_17'%3E%3Cpath class='st3' d='M215.3,100.8L194,79.5c-3.1-3.1-3.1-8.2,0-11.3c3.1-3.1,8.2-3.1,11.3,0l10,10l26.3-26.3 c3.1-3.1,8.2-3.1,11.3,0c3.1,3.1,3.1,8.2,0,11.3L215.3,100.8z'/%3E%3C/g%3E%3Cpath class='st2' d='M121.5,105.5c0,8.8-7.2,16-16,16h-64c-8.8,0-16-7.2-16-16v-64c0-8.8,7.2-16,16-16h64c8.8,0,16,7.2,16,16V105.5z '/%3E%3C/svg%3E");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 200% 100%;
  display: inline-block; }
  input[type="checkbox"].checkbox:checked {
    background-position: 100% 0; }

body.taller input[type="text"].text {
  margin: 4vw 0;
  height: 12.8vw;
  border-radius: 2vw; }
body.taller input[type="checkbox"].checkbox {
  width: 7.5vw;
  height: 7.5vw;
  margin: 2vw 0 -2vw 0; }
body.larger input[type="text"].text {
  margin: 2vh 0;
  height: 6.4vh;
  border-radius: 1vh; }
body.larger input[type="checkbox"].checkbox {
  width: 3.75vh;
  height: 3.75vh;
  margin: 1vh 0 -1vh 0; }

.btn {
  position: relative;
  color: #ddd;
  text-align: center;
  background-color: #8EBE4B;
  background-size: contain;
  background-repeat: repeat-x;
  display: inline-block;
  border: none;
  overflow: hidden;
  text-decoration: none;
  width: 100%;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }
  .btn:hover {
    color: #fff; }
  .btn::before, .btn::after {
    content: '';
    position: absolute;
    pointer-events: none;
    overflow: hidden; }
  .btn.active {
    background-color: #3977B8; }
  .btn.btn-enter {
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0; }
  .btn.hidden {
    opacity: 0;
    pointer-events: none; }
  .btn.btn-soft-disabled {
    filter: grayscale(100%);
    color: #bbb !important; }
    .btn.btn-soft-disabled:hover {
      color: #bbb !important; }
  .btn.btn-disabled {
    filter: grayscale(100%);
    color: #bbb !important;
    pointer-events: none; }
    .btn.btn-disabled:hover {
      color: #bbb !important; }
  .btn.btn-disabled .icon-lock, .btn.btn-soft-disabled .icon-lock {
    display: inline-block;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Livello_1' data-name='Livello 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 150'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; %7D .cls-1, .cls-2, .cls-3 %7B stroke-width: 0px; %7D .cls-3 %7B fill: %23fff; %7D %3C/style%3E%3C/defs%3E%3Crect class='cls-1' width='150' height='150'/%3E%3Cg id='Icon_fa-solid-lock-2' data-name='Icon fa-solid-lock-2'%3E%3Cpath class='cls-2' d='M50.34,51.55v12h40v-12c0-11.05-8.95-20-20-20s-20,8.95-20,20ZM34.34,63.55v-12c0-19.88,16.12-36,36-36s36,16.12,36,36v12h4c8.83,0,15.99,7.17,16,16v48c0,8.83-7.17,15.99-16,16H30.34c-8.83,0-15.99-7.17-16-16v-48c0-8.83,7.17-15.99,16-16h4Z'/%3E%3C/g%3E%3Cpath id='Icon_fa-solid-lock-2-2' data-name='Icon fa-solid-lock-2' class='cls-3' d='M55.34,46.54v12h40v-12c0-11.05-8.95-20-20-20s-20,8.95-20,20ZM39.34,58.54v-12c0-19.88,16.12-36,36-36s36,16.12,36,36v12h4c8.83,0,15.99,7.17,16,16v48c0,8.83-7.17,15.99-16,16H35.34c-8.83,0-15.99-7.17-16-16v-48c0-8.83,7.17-15.99,16-16h4Z'/%3E%3C/svg%3E"); }
  .btn .icon-lock {
    display: none; }

body.taller .btn {
  height: 17.6vw;
  line-height: 15.6vw;
  border-radius: 4vw;
  box-shadow: 0 0 0 1vw #335317;
  text-shadow: 0.5vw 0.5vw 0 #49A14C; }
  body.taller .btn::before, body.taller .btn::after {
    width: calc(100% + 2vw);
    height: calc(100% + 2vw);
    top: -1vw;
    left: -1vw;
    border-radius: 4vw; }
  body.taller .btn::before {
    box-shadow: inset 0 -1vw 0 1vw #49A14C; }
  body.taller .btn::after {
    box-shadow: inset 0 1vw 0 1vw #DBE144; }
  body.taller .btn.active {
    box-shadow: 0 0 0 1vw #1A3A66;
    text-shadow: 0.5vw 0.5vw 0 #1A3A66; }
    body.taller .btn.active::before {
      box-shadow: inset 0 -1vw 0 1vw #255193; }
    body.taller .btn.active::after {
      box-shadow: inset 0 1vw 0 1vw #4AB3EA; }
  body.taller .btn .icon-lock {
    width: 8vw;
    height: 8vw;
    margin-left: -8vw;
    margin-top: 1.5vw;
    margin-bottom: -1.5vw; }

body.larger .btn {
  height: 8.8vh;
  line-height: 7.8vh;
  border-radius: 2vh;
  box-shadow: 0 0 0 0.5vh #335317;
  text-shadow: 0.25vh 0.25vh 0 #49A14C; }
  body.larger .btn::before, body.larger .btn::after {
    width: calc(100% + 1vh);
    height: calc(100% + 1vh);
    top: -0.5vh;
    left: -0.5vh;
    border-radius: 2vh; }
  body.larger .btn::before {
    box-shadow: inset 0 -0.5vh 0 0.5vh #49A14C; }
  body.larger .btn::after {
    box-shadow: inset 0 0.5vh 0 0.5vh #DBE144; }
  body.larger .btn.active {
    box-shadow: 0 0 0 0.5vh #1A3A66;
    text-shadow: 0.25vh 0.25vh 0 #1A3A66; }
    body.larger .btn.active::before {
      box-shadow: inset 0 -0.5vh 0 0.5vh #255193; }
    body.larger .btn.active::after {
      box-shadow: inset 0 0.5vh 0 0.5vh #4AB3EA; }
  body.larger .btn .icon-lock {
    width: 4vh;
    height: 4vh;
    margin-left: -4vh;
    margin-top: 0.75vh;
    margin-bottom: -0.75vh; }

.mentor_dialog {
  background: #e9934b;
  background: linear-gradient(0deg, #e9934b 0%, #fadf8c 100%);
  font-size: 4.5%;
  color: #3C2815;
  border-style: solid;
  border-color: #fadf8c;
  position: relative; }
  .mentor_dialog img {
    width: 100%; }
    .mentor_dialog img.size80 {
      width: 80%; }
  .mentor_dialog .scrolling {
    max-height: 100%;
    overflow-y: auto; }
  .mentor_dialog::before {
    content: '';
    position: absolute;
    border-style: solid;
    border-color: #E9934B;
    background-color: #3C2815;
    background-size: cover;
    background-position: 50% 50%;
    border-radius: 50%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 1; }
  .mentor_dialog::after {
    content: '';
    position: absolute;
    border-style: solid;
    border-color: transparent;
    background-color: transparent;
    background-image: url("/img/mentor.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
    left: 8.5%;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    transform-origin: bottom center;
    transform: scale(1.25);
    z-index: 2; }
  .mentor_dialog.char_1::after {
    background-image: url("/img/mentor.png"); }
  .mentor_dialog.char_2::after {
    background-image: url("/img/char_2.webp"); }
  .mentor_dialog.char_3::after {
    background-image: url("/img/char_3.webp"); }
  .mentor_dialog.char_4::after {
    background-image: url("/img/char_4.webp"); }
  .mentor_dialog.char_5::after {
    background-image: url("/img/char_5.webp"); }
  .mentor_dialog.char_6::after {
    background-image: url("/img/char_6.webp"); }
  .mentor_dialog.char_7::after {
    background-image: url("/img/char_7.webp"); }
  .mentor_dialog.mcc_char_1::after {
    background-image: url("/img/mcc_char_1.webp");
    transform: scale(150%);
    transform-origin: 50% 75%; }
  .mentor_dialog.char_2::after, .mentor_dialog.char_3::after, .mentor_dialog.char_4::after, .mentor_dialog.char_5::after, .mentor_dialog.char_6::after, .mentor_dialog.char_7::after {
    mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='path' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 150'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D%3C/style%3E%3C/defs%3E%3Cpath d='m132.47,0H17.53v83.33c0,32.29,25.18,61.45,57.47,61.45s57.47-29.16,57.47-61.45V0Z'/%3E%3Crect class='cls-1' width='150' height='150'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='path' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 150'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D%3C/style%3E%3C/defs%3E%3Cpath d='m132.47,0H17.53v83.33c0,32.29,25.18,61.45,57.47,61.45s57.47-29.16,57.47-61.45V0Z'/%3E%3Crect class='cls-1' width='150' height='150'/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    mask-size: contain;
    left: 0; }
  .mentor_dialog h1 {
    color: #fff;
    font-size: 150%;
    text-align: center; }
  .mentor_dialog a {
    color: #fff;
    font-weight: bold; }
  .mentor_dialog a.btn {
    color: #ddd; }
    .mentor_dialog a.btn:hover {
      color: #fff; }
  .mentor_dialog.success {
    background: #8EBE4B;
    border-color: #8EBE4B; }
    .mentor_dialog.success::before {
      border-color: #49A14C; }
  .mentor_dialog.error {
    background: #CF422C;
    color: #fff;
    border-color: #CF422C; }
    .mentor_dialog.error::before {
      border-color: #863326; }
  .mentor_dialog.no_mentor::before, .mentor_dialog.no_mentor::after {
    content: none;
    position: absolute;
    border-style: none;
    border-color: transparent;
    background-color: transparent;
    background-size: 0 0;
    display: none;
    opacity: 0; }

body.taller .mentor_dialog {
  padding: 8vw 4vw 4vw 4vw;
  border-radius: 4vw;
  border-width: 0.5vw;
  box-shadow: 0 0 0 1vw #3C2815, inset 0 0 0 1.5vw #E9934B;
  max-height: 120vw; }
  body.taller .mentor_dialog::before, body.taller .mentor_dialog::after {
    width: 25vw;
    height: 25vw;
    border-width: 1vw; }
  body.taller .mentor_dialog::before {
    top: -20vw; }
  body.taller .mentor_dialog::after {
    top: -18vw; }
  body.taller .mentor_dialog.char_2::after, body.taller .mentor_dialog.char_3::after, body.taller .mentor_dialog.char_4::after, body.taller .mentor_dialog.char_5::after, body.taller .mentor_dialog.char_6::after, body.taller .mentor_dialog.char_7::after {
    top: -19.85vw; }
  body.taller .mentor_dialog.mcc_char_1::after {
    left: -10vw; }
  body.taller .mentor_dialog.success {
    box-shadow: 0 0 0 1vw #3C2815, inset 0 0 0 1.5vw #49A14C; }
  body.taller .mentor_dialog.error {
    box-shadow: 0 0 0 1vw #3C2815, inset 0 0 0 1.5vw #863326; }
  body.taller .mentor_dialog.no_mentor {
    padding: 4vw; }
  body.taller .mentor_dialog h1 {
    text-shadow: 0.5vw 0.5vw 0 #3C2815;
    margin: 0 0 5vw 0; }
  body.taller .mentor_dialog .btn {
    margin: 4vw 0 0 0; }
body.taller main.mentor_ontop .mentor_dialog {
  margin-top: 20vw;
  margin-bottom: auto; }

body.larger .mentor_dialog {
  padding: 4vh 2vh 2vh 2vh;
  border-radius: 2vh;
  border-width: 0.25vh;
  box-shadow: 0 0 0 0.5vh #3C2815, inset 0 0 0 0.75vh #E9934B;
  max-height: 57vh; }
  body.larger .mentor_dialog::before, body.larger .mentor_dialog::after {
    width: 12.5vh;
    height: 12.5vh;
    border-width: 0.5vh; }
  body.larger .mentor_dialog::before {
    top: -10vh; }
  body.larger .mentor_dialog::after {
    top: -9vh; }
  body.larger .mentor_dialog.char_2::after, body.larger .mentor_dialog.char_3::after, body.larger .mentor_dialog.char_4::after, body.larger .mentor_dialog.char_5::after, body.larger .mentor_dialog.char_6::after, body.larger .mentor_dialog.char_7::after {
    top: -9.85vh; }
  body.larger .mentor_dialog.mcc_char_1::after {
    left: -5vh; }
  body.larger .mentor_dialog.success {
    box-shadow: 0 0 0 0.5vh #3C2815, inset 0 0 0 0.75vh #49A14C; }
  body.larger .mentor_dialog.error {
    box-shadow: 0 0 0 0.5vh #3C2815, inset 0 0 0 0.75vh #863326; }
  body.larger .mentor_dialog.no_mentor {
    padding: 2vh; }
  body.larger .mentor_dialog h1 {
    text-shadow: 0.25vh 0.25vh 0 #3C2815;
    margin: 0 0 2.5vh 0; }
  body.larger .mentor_dialog .btn {
    margin: 2vh 0 0 0; }
body.larger main.mentor_ontop .mentor_dialog {
  margin-top: 10vh;
  margin-bottom: auto; }

.x-close {
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='x-close' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 150 150' style='enable-background:new 0 0 150 150;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%233B2919;%7D .st1%7Bfill:%23C32E34;%7D .st2%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M150,127.9c0,12.1-9.9,22.1-22.1,22.1H30.9c-12.1,0-22.1-9.9-22.1-22.1V30.9c0-12.1,9.9-22.1,22.1-22.1h97.1 c12.1,0,22.1,9.9,22.1,22.1V127.9z'/%3E%3Cpath class='st1' d='M141.2,119.1c0,12.1-9.9,22.1-22.1,22.1H22.1C9.9,141.2,0,131.2,0,119.1V22.1C0,9.9,9.9,0,22.1,0h97.1 c12.1,0,22.1,9.9,22.1,22.1V119.1z'/%3E%3Cpath class='st2' d='M83.1,70.6l20.2-20.2c3.4-3.4,3.4-9,0-12.5c-3.4-3.4-9-3.4-12.5,0L70.6,58.1L50.4,37.9c-3.4-3.4-9-3.4-12.5,0 c-3.4,3.4-3.4,9,0,12.5l20.2,20.2L37.9,90.8c-3.4,3.4-3.4,9,0,12.5c1.7,1.7,4,2.6,6.2,2.6s4.5-0.9,6.2-2.6l20.2-20.2l20.2,20.2 c1.7,1.7,4,2.6,6.2,2.6c2.3,0,4.5-0.9,6.2-2.6c3.4-3.4,3.4-9,0-12.5L83.1,70.6z'/%3E%3C/svg%3E%0A");
  cursor: pointer;
  z-index: 99; }
  .x-close:hover {
    transform: scale(1.1); }

body.taller .x-close {
  width: 8.8vw;
  height: 8.8vw;
  right: 4vw;
  top: 4vw; }

body.larger .x-close {
  width: 4.4vh;
  height: 4.4vh;
  right: 2vh;
  top: 2vh; }

.pdi_window {
  background: #e9934b;
  background: linear-gradient(0deg, #e9934b 0%, #fadf8c 100%);
  font-size: 4.5%;
  color: #3C2815;
  border-style: solid;
  border-color: #fadf8c;
  position: absolute; }
  .pdi_window a {
    color: #fff;
    font-weight: bold; }
  .pdi_window a.btn {
    color: #ddd; }
    .pdi_window a.btn:hover {
      color: #fff !important; }
  .pdi_window .pdi_btn {
    position: absolute; }
  .pdi_window .pdi_img {
    height: 32.77%;
    background-position: 50% 50%;
    background-size: cover;
    position: relative; }
    .pdi_window .pdi_img span {
      display: block;
      position: absolute;
      color: #fff;
      font-size: 125%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .pdi_window .pdi_text {
    height: 52.5%;
    max-height: 52.5%;
    margin: 5% 0 0 0;
    overflow-y: auto;
    scrollbar-width: none; }
    .pdi_window .pdi_text::-webkit-scrollbar {
      display: none; }
    .pdi_window .pdi_text p {
      margin: 0;
      font-size: 70%; }
      .pdi_window .pdi_text p.info {
        font-size: 50%;
        font-family: 'Montserrat'; }
        .pdi_window .pdi_text p.info::before {
          content: '\201C'; }
        .pdi_window .pdi_text p.info::after {
          content: '\201D'; }
      .pdi_window .pdi_text p.chat {
        position: relative;
        font-size: 66.67%; }
        .pdi_window .pdi_text p.chat .avatar {
          position: absolute;
          display: block;
          top: 0; }
          .pdi_window .pdi_text p.chat .avatar::before {
            content: '';
            position: absolute;
            display: block;
            width: 100%;
            height: 100%;
            transform-origin: 50% 50%;
            border-radius: 50%; }
          .pdi_window .pdi_text p.chat .avatar::after {
            content: '';
            position: absolute;
            display: block;
            width: 100%;
            height: 100%;
            background-size: cover; }
        .pdi_window .pdi_text p.chat:not(.char_1) .avatar::after {
          mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Livello_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 150'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D%3C/style%3E%3C/defs%3E%3Cpath d='m8.33,0v83.33c0,36.82,29.85,66.67,66.67,66.67s66.67-29.85,66.67-66.67V0H8.33Z'/%3E%3Crect class='cls-1' width='150' height='150'/%3E%3C/svg%3E");
          -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Livello_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 150'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D%3C/style%3E%3C/defs%3E%3Cpath d='m8.33,0v83.33c0,36.82,29.85,66.67,66.67,66.67s66.67-29.85,66.67-66.67V0H8.33Z'/%3E%3Crect class='cls-1' width='150' height='150'/%3E%3C/svg%3E");
          transform: scale(1.125);
          transform-origin: bottom center; }
        .pdi_window .pdi_text p.chat.left .avatar {
          left: 0; }
          .pdi_window .pdi_text p.chat.left .avatar::after {
            transform: scaleX(-1); }
        .pdi_window .pdi_text p.chat.left span.speech {
          margin-left: 22.5%; }
        .pdi_window .pdi_text p.chat.right .avatar {
          right: 0; }
        .pdi_window .pdi_text p.chat.right span.speech {
          margin-right: 22.5%; }
        .pdi_window .pdi_text p.chat span.speech {
          display: block;
          padding: 2.5%; }
        .pdi_window .pdi_text p.chat.char_1 {
          color: inherit; }
          .pdi_window .pdi_text p.chat.char_1 span.speech, .pdi_window .pdi_text p.chat.char_1 .avatar::before {
            background-color: #e9934b; }
          .pdi_window .pdi_text p.chat.char_1 .avatar::after {
            background-image: url("/img/mentor.png"); }
        .pdi_window .pdi_text p.chat.char_2 {
          color: #fff; }
          .pdi_window .pdi_text p.chat.char_2 span.speech, .pdi_window .pdi_text p.chat.char_2 .avatar::before {
            background-color: #6f41aa; }
          .pdi_window .pdi_text p.chat.char_2 .avatar::after {
            background-image: url("/img/char_2.webp"); }
        .pdi_window .pdi_text p.chat.char_3 {
          color: #fff; }
          .pdi_window .pdi_text p.chat.char_3 span.speech, .pdi_window .pdi_text p.chat.char_3 .avatar::before {
            background-color: #7c4c22; }
          .pdi_window .pdi_text p.chat.char_3 .avatar::after {
            background-image: url("/img/char_3.webp"); }
        .pdi_window .pdi_text p.chat.char_4 {
          color: #5d5d2a; }
          .pdi_window .pdi_text p.chat.char_4 span.speech, .pdi_window .pdi_text p.chat.char_4 .avatar::before {
            background-color: #c1c18e; }
          .pdi_window .pdi_text p.chat.char_4 .avatar::after {
            background-image: url("/img/char_4.webp"); }
        .pdi_window .pdi_text p.chat.char_5 {
          color: #fff; }
          .pdi_window .pdi_text p.chat.char_5 span.speech, .pdi_window .pdi_text p.chat.char_5 .avatar::before {
            background-color: #2a5b39; }
          .pdi_window .pdi_text p.chat.char_5 .avatar::after {
            background-image: url("/img/char_5.webp"); }
        .pdi_window .pdi_text p.chat.char_6 {
          color: #fff; }
          .pdi_window .pdi_text p.chat.char_6 span.speech, .pdi_window .pdi_text p.chat.char_6 .avatar::before {
            background-color: #0d3749; }
          .pdi_window .pdi_text p.chat.char_6 .avatar::after {
            background-image: url("/img/char_6.webp"); }
        .pdi_window .pdi_text p.chat.char_7 {
          color: #fff; }
          .pdi_window .pdi_text p.chat.char_7 span.speech, .pdi_window .pdi_text p.chat.char_7 .avatar::before {
            background-color: #2c0d49; }
          .pdi_window .pdi_text p.chat.char_7 .avatar::after {
            background-image: url("/img/char_7.webp"); }

body.taller .pdi_window {
  width: calc(100% - 18vw);
  height: calc(100% - 18vw);
  top: 4.5vw;
  left: 4.5vw;
  padding: 4vw;
  border-radius: 8vw 4vw 4vw 4vw;
  border-width: 0.5vw;
  box-shadow: 0 0 0 1vw #3C2815, inset 0 0 0 1.5vw #E9934B; }
  body.taller .pdi_window::before {
    width: 25vw;
    height: 25vw;
    top: -20vw;
    border-width: 1vw; }
  body.taller .pdi_window h1 {
    text-shadow: 0.5vw 0.5vw 0 #3C2815;
    margin: 0 0 5vw 0; }
  body.taller .pdi_window .pdi_btn {
    bottom: 4vw;
    width: calc(100% - 9vw); }
  body.taller .pdi_window .pdi_img {
    border-radius: 1vw; }
    body.taller .pdi_window .pdi_img span {
      width: calc(100% - 4vw);
      max-width: calc(100% - 4vw);
      bottom: 1vw;
      left: 2vw;
      text-shadow: 0.25vw 0.25vw 0 #3C2815; }
  body.taller .pdi_window .pdi_text p {
    padding: 0 0 5vw 0; }
    body.taller .pdi_window .pdi_text p.chat {
      padding: 0 0 5vw 0; }
      body.taller .pdi_window .pdi_text p.chat.left span.speech {
        border-radius: 0 4vw 4vw 4vw; }
      body.taller .pdi_window .pdi_text p.chat.right span.speech {
        border-radius: 4vw 0 4vw 4vw; }
      body.taller .pdi_window .pdi_text p.chat .avatar {
        width: 16.5vw;
        height: 16.5vw; }
body.taller main.pdi .x-close {
  right: 1vw;
  top: 1vw; }

body.larger .pdi_window {
  width: calc(100% - 9vh);
  height: calc(100% - 9vh);
  top: 2.25vh;
  left: 2.25vh;
  padding: 2vh;
  border-radius: 4vh 2vh 2vh 2vh;
  border-width: 0.25vh;
  box-shadow: 0 0 0 0.5vh #3C2815, inset 0 0 0 0.75vh #E9934B; }
  body.larger .pdi_window::before {
    width: 12.5vh;
    height: 12.5vh;
    top: -10vh;
    border-width: 0.5vh; }
  body.larger .pdi_window h1 {
    text-shadow: 0.25vh 0.25vh 0 #3C2815;
    margin: 0 0 2.5vh 0; }
  body.larger .pdi_window .pdi_btn {
    bottom: 2vh;
    width: calc(100% - 4.5vh); }
  body.larger .pdi_window .pdi_img {
    border-radius: 0.5vh; }
    body.larger .pdi_window .pdi_img span {
      width: calc(100% - 2vh);
      max-width: calc(100% - 2vh);
      bottom: 0.5vh;
      left: 1vh;
      text-shadow: 0.12vh 0.12vh 0 #3C2815; }
  body.larger .pdi_window .pdi_text p {
    padding: 0 0 2.5vh 0; }
    body.larger .pdi_window .pdi_text p.chat {
      padding: 0 0 2.5vh 0; }
      body.larger .pdi_window .pdi_text p.chat.left span.speech {
        border-radius: 0 2vh 2vh 2vh; }
      body.larger .pdi_window .pdi_text p.chat.right span.speech {
        border-radius: 2vh 0 2vh 2vh; }
      body.larger .pdi_window .pdi_text p.chat .avatar {
        width: 8.25vh;
        height: 8.25vh; }
body.larger main.pdi .x-close {
  right: 0.5vh;
  top: 0.5vh; }

main.mcc_rooms .pdi_window {
  position: relative;
  height: auto;
  display: block; }
  main.mcc_rooms .pdi_window::before {
    content: '';
    display: block;
    width: 100%;
    height: 0;
    padding-top: 56.5%; }
  main.mcc_rooms .pdi_window::after {
    content: '';
    display: block;
    position: absolute; }
  main.mcc_rooms .pdi_window span {
    position: absolute;
    text-decoration: none;
    color: #fff; }
main.mcc_rooms .room_list {
  height: 100%;
  overflow-y: auto; }
  main.mcc_rooms .room_list .pdi_window.locked {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%); }
    main.mcc_rooms .room_list .pdi_window.locked::after {
      background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Livello_1' data-name='Livello 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 150'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; %7D .cls-1, .cls-2, .cls-3 %7B stroke-width: 0px; %7D .cls-3 %7B fill: %23fff; %7D %3C/style%3E%3C/defs%3E%3Crect class='cls-1' width='150' height='150'/%3E%3Cg id='Icon_fa-solid-lock-2' data-name='Icon fa-solid-lock-2'%3E%3Cpath class='cls-2' d='M50.34,51.55v12h40v-12c0-11.05-8.95-20-20-20s-20,8.95-20,20ZM34.34,63.55v-12c0-19.88,16.12-36,36-36s36,16.12,36,36v12h4c8.83,0,15.99,7.17,16,16v48c0,8.83-7.17,15.99-16,16H30.34c-8.83,0-15.99-7.17-16-16v-48c0-8.83,7.17-15.99,16-16h4Z'/%3E%3C/g%3E%3Cpath id='Icon_fa-solid-lock-2-2' data-name='Icon fa-solid-lock-2' class='cls-3' d='M55.34,46.54v12h40v-12c0-11.05-8.95-20-20-20s-20,8.95-20,20ZM39.34,58.54v-12c0-19.88,16.12-36,36-36s36,16.12,36,36v12h4c8.83,0,15.99,7.17,16,16v48c0,8.83-7.17,15.99-16,16H35.34c-8.83,0-15.99-7.17-16-16v-48c0-8.83,7.17-15.99,16-16h4Z'/%3E%3C/svg%3E"); }
  main.mcc_rooms .room_list .pdi_window::before {
    background-size: cover; }
  main.mcc_rooms .room_list #room-1::before {
    background-image: url("../img/rooms/1.webp"); }
  main.mcc_rooms .room_list #room-2::before {
    background-image: url("../img/rooms/2.webp"); }
  main.mcc_rooms .room_list #room-3::before {
    background-image: url("../img/rooms/3.webp"); }
  main.mcc_rooms .room_list #room-4::before {
    background-image: url("../img/rooms/4.webp"); }
  main.mcc_rooms .room_list #room-5::before {
    background-image: url("../img/rooms/5.webp"); }
  main.mcc_rooms .room_list #room-6::before {
    background-image: url("../img/rooms/6.webp"); }
  main.mcc_rooms .room_list #room-7::before {
    background-image: url("../img/rooms/7.webp"); }
  main.mcc_rooms .room_list #room-8::before {
    background-image: url("../img/rooms/8.webp"); }
  main.mcc_rooms .room_list #room-9::before {
    background-image: url("../img/rooms/9.webp"); }
  main.mcc_rooms .room_list #room-10::before {
    background-image: url("../img/rooms/10.webp"); }
  main.mcc_rooms .room_list #room-11::before {
    background-image: url("../img/rooms/11.webp"); }

body.taller main.mcc_rooms .pdi_window {
  width: calc(100% - 14vw);
  border-radius: 4vw;
  padding: 2vw;
  margin-bottom: 4vw; }
  body.taller main.mcc_rooms .pdi_window::before {
    border-radius: 2vw; }
  body.taller main.mcc_rooms .pdi_window::after {
    width: 10vw;
    height: 10vw;
    top: 2.5wv;
    left: 2.5wv; }
  body.taller main.mcc_rooms .pdi_window span {
    text-shadow: 0.25vw 0.25vw 0 #3C2815;
    font-size: 4vw;
    left: 5wv;
    bottom: 5wv; }
body.taller main.mcc_rooms .x-close {
  right: 1vw;
  top: 1vw; }

body.larger main.mcc_rooms .pdi_window {
  width: calc(100% - 7vh);
  border-radius: 2vh;
  padding: 1vh;
  margin-bottom: 2vh; }
  body.larger main.mcc_rooms .pdi_window::before {
    border-radius: 1vh; }
  body.larger main.mcc_rooms .pdi_window::after {
    width: 5vh;
    height: 5vh;
    top: 1.25vh;
    left: 1.25vh; }
  body.larger main.mcc_rooms .pdi_window span {
    text-shadow: 0.12vh 0.12vh 0 #3C2815;
    font-size: 2vh;
    left: 2.5vh;
    bottom: 2.5vh; }
body.larger main.mcc_rooms .x-close {
  right: 0.5vh;
  top: 0.5vh; }

.armor_collection {
  width: 87.5%;
  height: 87.5%;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 0;
  background-image: url("../img/armor/pezzi/0.webp");
  background-size: cover;
  background-position: 50% 50%;
  position: absolute; }
  .armor_collection .armor-item {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50% 50%;
    position: absolute; }
    .armor_collection .armor-item.item-1 {
      z-index: 1;
      background-image: url("../img/armor/pezzi/1.webp"); }
    .armor_collection .armor-item.item-2 {
      z-index: 2;
      background-image: url("../img/armor/pezzi/2.webp"); }
    .armor_collection .armor-item.item-3 {
      z-index: 3;
      background-image: url("../img/armor/pezzi/3.webp"); }
    .armor_collection .armor-item.item-4 {
      z-index: 4;
      background-image: url("../img/armor/pezzi/4.webp"); }
    .armor_collection .armor-item.item-5 {
      z-index: 5;
      background-image: url("../img/armor/pezzi/5.webp"); }
    .armor_collection .armor-item.item-6 {
      z-index: 6;
      background-image: url("../img/armor/pezzi/6.webp"); }
    .armor_collection .armor-item.item-7 {
      z-index: 7;
      background-image: url("../img/armor/pezzi/7.webp"); }
    .armor_collection .armor-item.item-8 {
      z-index: 8;
      background-image: url("../img/armor/pezzi/8.webp"); }
    .armor_collection .armor-item.item-9 {
      z-index: 9;
      background-image: url("../img/armor/pezzi/9.webp"); }
    .armor_collection .armor-item.item-10 {
      z-index: 10;
      background-image: url("../img/armor/pezzi/10.webp"); }
    .armor_collection .armor-item.item-11 {
      z-index: 11;
      background-image: url("../img/armor/pezzi/11.webp"); }
    .armor_collection .armor-item.uncollected {
      background-image: none !important; }

main.img_quiz {
  background-size: cover;
  background-position: 50% 50%; }

body.taller input[type="text"].fullwidth {
  margin-bottom: 4vw; }

body.larger input[type="text"].fullwidth {
  margin-bottom: 2vh; }

.sortable_container {
  height: 100%;
  overflow-y: auto; }
  .sortable_container .item {
    width: 100%;
    aspect-ratio: 16 / 9;
    position: relative;
    font-size: 7%;
    background: #fadf8c;
    background: linear-gradient(180deg, #fadf8c 0%, #e9934b 100%);
    overflow: hidden; }
    .sortable_container .item .item-count {
      position: absolute;
      color: #fff;
      background-color: #E9934B; }
    .sortable_container .item .image {
      position: absolute;
      width: 75%;
      aspect-ratio: 16 / 9;
      top: 0;
      right: 0;
      background-size: cover; }
    .sortable_container .item .btn {
      position: absolute;
      width: auto;
      display: inline-block;
      padding: 0; }
      .sortable_container .item .btn div {
        transform: rotate(90deg); }
    .sortable_container .item .text {
      width: 100%;
      text-align: center;
      position: absolute;
      font-size: 50%; }
    .sortable_container .item:nth-child(1) .btn.moveUp {
      display: none; }
    .sortable_container .item:nth-last-child(1) .btn.moveDown {
      display: none; }

body.taller .sortable_container .item {
  margin-top: 4vw;
  border-radius: 4vw; }
  body.taller .sortable_container .item .item-count {
    padding: 1vw 8vw;
    border-radius: 0 0 4vw 0; }
  body.taller .sortable_container .item .image {
    border-radius: 0 0 0 4vw; }
  body.taller .sortable_container .item .btn {
    width: 10vw;
    height: 10vw;
    line-height: 10vw !important;
    left: 6vw; }
    body.taller .sortable_container .item .btn.moveUp {
      top: 14vw; }
    body.taller .sortable_container .item .btn.moveDown {
      top: 26vw; }
  body.taller .sortable_container .item .text {
    bottom: 2vw; }
  body.taller .sortable_container .item:nth-last-child(1) {
    margin-bottom: 15vw; }

body.larger .sortable_container .item {
  margin-top: 2vh;
  border-radius: 2vh; }
  body.larger .sortable_container .item .item-count {
    padding: 0.5vh 4vh;
    border-radius: 0 0 2vh 0; }
  body.larger .sortable_container .item .image {
    border-radius: 0 0 0 2vh; }
  body.larger .sortable_container .item .btn {
    width: 5vh;
    height: 5vh;
    line-height: 5vh !important;
    left: 3vh; }
    body.larger .sortable_container .item .btn.moveUp {
      top: 7vh; }
    body.larger .sortable_container .item .btn.moveDown {
      top: 13.5vh; }
  body.larger .sortable_container .item .text {
    bottom: 1vh; }
  body.larger .sortable_container .item:nth-last-child(1) {
    margin-bottom: 7.5vh; }

main.image_select_quiz .img-preview {
  background: #e9934b;
  background: linear-gradient(0deg, #e9934b 0%, #fadf8c 100%);
  font-size: 4.5%;
  color: #3C2815;
  border-style: solid;
  border-color: #fadf8c;
  position: absolute;
  aspect-ratio: 5 / 4;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center; }
main.image_select_quiz .img-selector {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  justify-content: space-between; }
  main.image_select_quiz .img-selector .item {
    background-color: #e9934b;
    font-size: 4.5%;
    color: #3C2815;
    border-style: solid;
    border-color: #fadf8c;
    position: relative;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center; }

body.taller .img-preview, body.taller .img-selector .item {
  border-radius: 4vw;
  border-width: 0.5vw;
  box-shadow: 0 0 0 1vw #3C2815, inset 0 0 0 1.5vw #E9934B; }
body.taller .img-preview {
  padding: 4vw;
  width: calc(100% - 16vw); }
body.taller .img-selector {
  height: 20vw;
  top: 72vw;
  gap: 4vw; }
  body.taller .img-selector .item.active {
    box-shadow: 0 0 0 1vw #3C2815, inset 0 0 0 1.5vw #8EBE4B; }
body.larger .img-preview, body.larger .img-selector .item {
  border-radius: 2vh;
  border-width: 0.25vh;
  box-shadow: 0 0 0 0.5vh #3C2815, inset 0 0 0 0.75vh #E9934B; }
body.larger .img-preview {
  padding: 2vh;
  width: calc(100% - 8vh); }
body.larger .img-selector {
  height: 10vh;
  top: 36vh;
  gap: 2vh; }
  body.larger .img-selector .item.active {
    box-shadow: 0 0 0 0.5vh #3C2815, inset 0 0 0 0.75vh #8EBE4B; }

.imagecheck_container {
  width: 100%;
  display: grid;
  grid-template-columns: auto auto; }
  .imagecheck_container .item {
    background: #e9934b;
    background: linear-gradient(0deg, #e9934b 0%, #fadf8c 100%);
    color: #3C2815;
    border-style: solid;
    border-color: #fadf8c;
    background-size: 75%;
    background-repeat: no-repeat;
    background-position: center center; }

body.taller .imagecheck_container {
  height: 136vw;
  gap: 4vw; }
  body.taller .imagecheck_container .item {
    border-radius: 4vw;
    border-width: 0.5vw;
    box-shadow: 0 0 0 1vw #3C2815, inset 0 0 0 1.5vw #E9934B; }
    body.taller .imagecheck_container .item.selected {
      box-shadow: 0 0 0 1vw #3C2815, inset 0 0 0 1.5vw #8EBE4B; }
body.larger .imagecheck_container {
  height: 68vh;
  gap: 2vh; }
  body.larger .imagecheck_container .item {
    border-radius: 2vh;
    border-width: 0.25vh;
    box-shadow: 0 0 0 0.5vh #3C2815, inset 0 0 0 0.75vh #E9934B; }
    body.larger .imagecheck_container .item.selected {
      box-shadow: 0 0 0 0.5vh #3C2815, inset 0 0 0 0.75vh #8EBE4B; }

.menu-btn {
  position: absolute;
  left: 0;
  z-index: 101;
  display: block;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='menu' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 150 150' style='enable-background:new 0 0 150 150;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%238AB34D;%7D .st1%7Bfill:%2334532A;%7D .st2%7Bfill:%23D6D849;%7D .st3%7Bfill:%234A9A4D;%7D%0A%3C/style%3E%3Cpath id='Tracciato_7' class='st0' d='M75,146.1c-39.2,0-71.1-31.8-71.1-71.1S35.8,3.9,75,3.9s71.1,31.8,71.1,71.1 C146,114.2,114.2,146,75,146.1'/%3E%3Cpath id='Tracciato_8' class='st1' d='M75,7.9c37.1,0,67.1,30,67.1,67.1s-30,67.1-67.1,67.1S7.9,112.1,7.9,75S37.9,7.9,75,7.9 M75,0 C33.6,0,0,33.6,0,75s33.6,75,75,75s75-33.6,75-75C150,33.6,116.4,0,75,0'/%3E%3Cpath id='Tracciato_10' class='st1' d='M96.7,79.7c-14.4,2.4-29.1,2.4-43.5,0c-2.6-0.5-4.3-2.9-3.8-5.5c0.3-2,1.9-3.5,3.8-3.8 c14.4-2.4,29.1-2.4,43.5,0c2.6,0.5,4.3,2.9,3.8,5.5C100.2,77.8,98.7,79.3,96.7,79.7'/%3E%3Cpath id='Tracciato_12' class='st2' d='M75,17.8c27.9,0,53.3,16.1,65.2,41.4c-8.7-36-45-58.1-81-49.4c-24.4,5.9-43.5,25-49.4,49.4 C21.7,33.9,47.1,17.8,75,17.8'/%3E%3Cpath id='Tracciato_13' class='st3' d='M75,132.2c-27.9,0-53.3-16.1-65.2-41.4c8.7,36,45,58.1,81,49.4c24.4-5.9,43.5-25,49.4-49.4 C128.3,116.1,102.9,132.2,75,132.2'/%3E%3C/svg%3E");
  animation: transform;
  transition: transform 0.2s ease-out; }
  .menu-btn::before, .menu-btn::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='menu-line' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 150 150' style='enable-background:new 0 0 150 150;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%2334532A;%7D .st1%7Bfill:none;%7D%0A%3C/style%3E%3Cpath id='Tracciato_10' class='st0' d='M96.7,79.7c-14.4,2.4-29.1,2.4-43.5,0c-2.6-0.5-4.3-2.9-3.8-5.5c0.3-2,1.9-3.5,3.8-3.8 c14.4-2.4,29.1-2.4,43.5,0c2.6,0.5,4.3,2.9,3.8,5.5C100.2,77.8,98.7,79.3,96.7,79.7'/%3E%3Crect class='st1' width='150' height='150'/%3E%3C/svg%3E");
    transform-origin: 50% 50%;
    animation: all;
    transition: all 0.2s ease-out; }
  .menu-btn:hover {
    transform: scale(1.1); }

main.menu_open .menu-btn {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='menu' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 150'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%238ab34d;%7D.cls-2%7Bfill:%23d6d849;%7D.cls-3%7Bfill:%2334532a;%7D.cls-4%7Bfill:%234a9a4d;%7D%3C/style%3E%3C/defs%3E%3Cpath id='Tracciato_7' class='cls-1' d='m75,146.05c-39.24,0-71.05-31.81-71.05-71.05S35.76,3.95,75,3.95s71.05,31.81,71.05,71.05c-.04,39.22-31.83,71.01-71.05,71.05'/%3E%3Cpath id='Tracciato_8' class='cls-3' d='m75,7.89c37.06,0,67.11,30.04,67.11,67.11s-30.04,67.11-67.11,67.11S7.89,112.06,7.89,75,37.94,7.89,75,7.89m0-7.89C33.58,0,0,33.58,0,75s33.58,75,75,75,75-33.58,75-75C149.95,33.6,116.4.05,75,0'/%3E%3Cpath id='Tracciato_12' class='cls-2' d='m75,17.76c27.93,0,53.34,16.14,65.21,41.42C131.47,23.17,95.19,1.06,59.17,9.8,34.77,15.72,15.71,34.78,9.79,59.18c11.87-25.28,37.28-41.42,65.21-41.42'/%3E%3Cpath id='Tracciato_13' class='cls-4' d='m75,132.21c-27.93,0-53.34-16.14-65.21-41.42,8.74,36.02,45.02,58.13,81.04,49.39,24.41-5.92,43.46-24.98,49.39-49.39-11.87,25.28-37.28,41.42-65.21,41.42'/%3E%3C/svg%3E"); }
  main.menu_open .menu-btn::before {
    transform: rotate(-45deg); }
  main.menu_open .menu-btn::after {
    transform: rotate(45deg); }

body.taller .menu-btn {
  width: 17.6vw;
  height: 17.6vw;
  top: 4vw;
  left: 4vw; }
  body.taller .menu-btn::before {
    top: -2.25vw; }
  body.taller .menu-btn::after {
    top: 2.25vw; }
body.taller main.menu_open .menu-btn::before {
  top: 0; }
body.taller main.menu_open .menu-btn::after {
  top: 0; }

body.larger .menu-btn {
  width: 8.8vh;
  height: 8.8vh;
  top: 2vh;
  left: 2vh; }
  body.larger .menu-btn::before {
    top: -1.125vh; }
  body.larger .menu-btn::after {
    top: 1.125vh; }
body.larger main.menu_open .menu-btn::before {
  top: 0; }
body.larger main.menu_open .menu-btn::after {
  top: 0; }

#menu {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 100;
  background-image: url("/img/main-image_green.gif");
  background-size: cover;
  background-position: 50% 50%;
  padding: 0;
  opacity: 1;
  animation: left, top, opacity;
  transition: left 0.5s ease-out, top 0.5s ease-out, opacity 0.05s ease-in; }
  #menu.mcc {
    background-image: url("/img/mcc-image-orange.gif"); }
    #menu.mcc .menu_items .item::before {
      background-color: #FADF8C; }
    #menu.mcc .menu_items .item::after {
      filter: hue-rotate(-62deg) saturate(91%) brightness(76%); }
  #menu .title {
    text-align: right;
    color: #fff;
    font-size: 10%;
    padding: 0; }
  #menu .menu_items {
    font-size: 5%; }
    #menu .menu_items .item {
      display: block;
      text-decoration: none;
      color: #fff;
      position: relative; }
      #menu .menu_items .item:not(:last-of-type) {
        border-bottom-color: #FADF8C;
        border-bottom-style: solid; }
      #menu .menu_items .item::before, #menu .menu_items .item::after {
        content: '';
        position: absolute;
        display: block;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        left: 0; }
      #menu .menu_items .item::before {
        background-color: #DBE144;
        border-radius: 50%; }
      #menu .menu_items .item::after {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        transform-origin: 50% 50%;
        transform: scale(1.05); }
      #menu .menu_items .item.homepage::after {
        background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Livello_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 150 150' style='enable-background:new 0 0 150 150;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23335317;%7D%0A%3C/style%3E%3Cpath class='st0' d='M136,69.6C120.6,48.2,101.7,29.4,80.1,14c-1.5-1.1-3.3-1.6-5.1-1.5h0c-1.8,0-3.5,0.5-5.1,1.5 C48.3,29.4,29.4,48.2,14,69.6c-2.7,3.9-1.5,8.9,2.1,11.9c2.9,2.5,10.7-0.6,11-0.8c-0.8,15.2,0.3,30.5,3.1,47.3c0.6,2.5,3.4,6.4,7,7 c6.6,1.1,12.8,1.9,18.9,2.5c-0.2-20.1-0.6-30.5,3.6-43.6c1.2-4.6,9.3-9.6,16.3-9.6c7,0,15.1,5,16.3,9.6c4.1,13,3.8,23.4,3.6,43.3 c5.4-0.5,10.9-1.3,16.6-2.2c3.6-0.6,6.4-4.6,7-7c2.8-16.8,4-32.1,3.1-47.3c0.4,0.3,8.1,3.3,11,0.8C137.5,78.5,138.7,73.5,136,69.6z' /%3E%3C/svg%3E"); }
      #menu .menu_items .item.newtrack::after {
        background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 150 150' style='enable-background:new 0 0 150 150;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;%7D .st1%7Bfill:%23335317;%7D%0A%3C/style%3E%3Crect id='bounding-box' class='st0' width='150' height='150'/%3E%3Cpath id='Tracciato_14' class='st1' d='M75,110.3c1.1,0,2.1-0.5,2.7-1.4c19.8-29,23.4-32,23.4-42.6c0.2-14.4-11.4-26.3-25.8-26.4 c-14.4-0.2-26.3,11.4-26.4,25.8c0,0.2,0,0.4,0,0.6c0,10.7,3.7,13.6,23.4,42.6C72.9,109.7,73.9,110.3,75,110.3 M75,77.2 c-6.1,0-11-4.9-11-11s4.9-11,11-11c6.1,0,11,4.9,11,11l0,0C86,72.3,81.1,77.2,75,77.2'/%3E%3Cpath id='Tracciato_15' class='st1' d='M118.5,29.2c-0.9-1-1.8-2.1-2.5-3.3c-0.1-0.2-0.3-0.3-0.5-0.3c-0.1,0-0.2,0.1-0.3,0.3 c-0.7,1.2-1.5,2.3-2.5,3.3c-1,0.9-2.1,1.8-3.3,2.5c-0.2,0.1-0.3,0.3-0.3,0.5c0,0.1,0.1,0.2,0.3,0.3c1.2,0.7,2.3,1.5,3.3,2.5 c0.9,1,1.8,2.1,2.5,3.3c0.1,0.2,0.3,0.3,0.5,0.3c0.1,0,0.2-0.1,0.3-0.3c0.7-1.2,1.5-2.3,2.5-3.3c1-0.9,2.1-1.8,3.3-2.5 c0.2-0.1,0.3-0.3,0.3-0.6c0-0.1-0.1-0.2-0.3-0.3C120.7,31,119.5,30.1,118.5,29.2'/%3E%3Cpath id='Tracciato_16' class='st1' d='M37.6,116.7c-0.9-1-1.8-2.1-2.5-3.3c-0.1-0.2-0.3-0.3-0.5-0.3c-0.1,0-0.2,0.1-0.3,0.3 c-0.7,1.2-1.5,2.3-2.5,3.3c-1,0.9-2.1,1.8-3.3,2.5c-0.2,0.1-0.3,0.3-0.3,0.5c0,0.1,0.1,0.2,0.3,0.3c1.2,0.7,2.3,1.5,3.3,2.5 c0.9,1,1.8,2.1,2.5,3.3c0.1,0.2,0.3,0.3,0.5,0.3c0.1,0,0.2-0.1,0.3-0.3c0.7-1.2,1.5-2.3,2.5-3.3c1-0.9,2.1-1.8,3.3-2.5 c0.2-0.1,0.3-0.3,0.3-0.6c0-0.1-0.1-0.2-0.3-0.3C39.7,118.5,38.6,117.6,37.6,116.7'/%3E%3Cpath id='Tracciato_17' class='st1' d='M109.4,128.1c-0.9-1-1.8-2.1-2.5-3.3c-0.1-0.2-0.3-0.3-0.5-0.3c-0.1,0-0.2,0.1-0.3,0.3 c-0.7,1.2-1.5,2.3-2.5,3.3c-1,0.9-2.1,1.8-3.3,2.5c-0.2,0.1-0.3,0.3-0.3,0.5c0,0.1,0.1,0.2,0.3,0.3c1.2,0.7,2.3,1.5,3.3,2.5 c0.9,1,1.8,2.1,2.5,3.3c0.1,0.2,0.3,0.3,0.5,0.3c0.1,0,0.2-0.1,0.3-0.3c1.3-2.5,3.3-4.5,5.8-5.8c0.2-0.1,0.3-0.3,0.3-0.6 c0-0.1-0.1-0.2-0.3-0.3C111.6,129.9,110.5,129,109.4,128.1'/%3E%3Cpath id='Tracciato_18' class='st1' d='M21.9,72.4c-0.9-1-1.8-2.1-2.5-3.3c-0.1-0.2-0.3-0.3-0.5-0.3c-0.1,0-0.2,0.1-0.3,0.3 c-0.7,1.2-1.5,2.3-2.5,3.3c-1,0.9-2.1,1.8-3.3,2.5c-0.2,0.1-0.3,0.3-0.3,0.6c0,0.1,0.1,0.2,0.3,0.3c1.2,0.7,2.3,1.5,3.3,2.5 c0.9,1,1.8,2.1,2.5,3.3c0.1,0.2,0.3,0.3,0.5,0.3c0.1,0,0.2-0.1,0.3-0.3c0.7-1.2,1.5-2.3,2.5-3.3c1-0.9,2.1-1.8,3.3-2.5 c0.2-0.1,0.3-0.3,0.3-0.6c0-0.1-0.1-0.2-0.3-0.3C24,74.2,22.9,73.3,21.9,72.4'/%3E%3Cpath id='Tracciato_19' class='st1' d='M45,19.8c-1.9-2-3.5-4.3-4.9-6.7c-0.1-0.4-0.6-0.7-1.1-0.5c-0.3,0.1-0.5,0.3-0.5,0.5 c-1.4,2.4-3.1,4.6-4.9,6.7c-2,1.9-4.3,3.6-6.7,5c-0.4,0.2-0.7,0.6-0.5,1.1c0.1,0.3,0.3,0.4,0.5,0.5c2.4,1.4,4.6,3.1,6.7,5 c1.9,2,3.5,4.3,4.9,6.7c0.1,0.4,0.6,0.7,1.1,0.5c0.3-0.1,0.5-0.3,0.5-0.5c1.4-2.4,3-4.7,4.9-6.7c2-1.9,4.3-3.6,6.7-5 c0.4-0.2,0.7-0.6,0.5-1.1c-0.1-0.3-0.3-0.4-0.5-0.5C49.3,23.3,47.1,21.7,45,19.8'/%3E%3Cpath id='Tracciato_20' class='st1' d='M130.3,80.1c-1.9-2-3.5-4.3-4.9-6.7c-0.1-0.4-0.6-0.7-1.1-0.5c-0.3,0.1-0.5,0.3-0.5,0.5 c-1.4,2.4-3.1,4.6-4.9,6.7c-2,1.9-4.3,3.6-6.7,5c-0.4,0.2-0.7,0.6-0.5,1.1c0.1,0.3,0.3,0.4,0.5,0.5c2.4,1.4,4.6,3.1,6.7,5 c1.9,2,3.5,4.3,4.9,6.7c0.1,0.4,0.6,0.7,1.1,0.5c0.3-0.1,0.5-0.3,0.5-0.5c1.4-2.4,3-4.6,4.9-6.7c2-1.9,4.3-3.6,6.7-5 c0.4-0.2,0.7-0.6,0.5-1.1c-0.1-0.3-0.3-0.4-0.5-0.5C134.5,83.6,132.3,82,130.3,80.1'/%3E%3C/svg%3E"); }
      #menu .menu_items .item.collection::after {
        background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 150'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D.cls-2%7Bfill:%23335317;%7D%3C/style%3E%3C/defs%3E%3Crect id='bounding-box' class='cls-1' width='150' height='150'/%3E%3Cpath class='cls-2' d='m120.52,23.98c-5.09-1.03-10.19-2.11-15.22-3.4-5.18-1.34-7.24.17-7.94,3.77l-5.71,25.72c-.65,2.94.58,5.71,4.72,6.55,5.09,1.03,10.19,2.11,15.22,3.4,5.18,1.34,7.24-.17,7.94-3.77l5.71-25.72c.65-2.94-.58-5.71-4.72-6.55Z'/%3E%3Cpath class='cls-2' d='m44.06,40.55c1.32-6.66,6.13-7.66,8.88-7.66.94,0,1.94.11,3.04.33l-3.13-16.37c-.57-2.96-2.8-5.01-6.93-4.15-5.08,1.07-10.19,2.1-15.32,2.9-5.29.83-6.58,3.02-5.8,6.61l4.94,25.88c.57,2.96,2.8,5.01,6.93,4.15,1.67-.35,3.34-.69,5.02-1.03l2.36-10.65Z'/%3E%3Cpath class='cls-2' d='m48.25,41.43l-5.71,25.72c-.65,2.94.58,5.71,4.72,6.55,5.09,1.03,10.19,2.11,15.22,3.4,5.18,1.34,7.24-.17,7.94-3.77l5.71-25.72c.65-2.94-.58-5.71-4.72-6.55-5.09-1.03-10.19-2.11-15.22-3.4-5.18-1.34-7.24.17-7.94,3.77Z'/%3E%3Cpath class='cls-2' d='m102.35,71.21c-.27-2.57-2.03-4.48-5.62-4.04-4.42.55-8.85,1.06-13.29,1.38-4.58.33-5.84,2.11-5.42,5.23l2.37,22.45c.27,2.57,2.03,4.48,5.62,4.04,4.42-.55,8.85-1.06,13.29-1.38,4.58-.33,5.84-2.11,5.42-5.23l-2.37-22.45Z'/%3E%3Cpath class='cls-2' d='m79.22,106.14c-1.72-.33-3.43-.66-5.15-1l.56,2.41c.67,2.64.41,4.93-.78,6.83-1.35,2.15-3.74,3.54-7.29,4.24-3.25.64-6.49,1.39-10.12,2.28l-1.65,7.93c-.53,2.53.57,4.88,4.12,5.56,4.37.83,8.75,1.69,13.08,2.75,4.46,1.09,6.2-.23,6.76-3.32l4.6-22.1c.53-2.53-.57-4.88-4.12-5.56Z'/%3E%3Cpath class='cls-2' d='m70.47,108.56l-5.09-21.99c-.58-2.52-2.56-4.2-6.07-3.32-4.32,1.08-8.66,2.14-13.02,2.99-4.5.88-5.53,2.81-4.74,5.85l5.09,21.99c.58,2.52,2.56,4.2,6.07,3.32,4.32-1.08,8.66-2.14,13.02-2.99,4.5-.88,5.53-2.81,4.74-5.85Z'/%3E%3C/svg%3E"); }
      #menu .menu_items .item.hint::after {
        background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 150 150' style='enable-background:new 0 0 150 150;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;%7D .st1%7Bfill:%23335317;%7D%0A%3C/style%3E%3Crect id='bounding-box' class='st0' width='150' height='150'/%3E%3Cpath id='Tracciato_21' class='st1' d='M46.3,41.8l4.9-5.1c-3-3-6-5.9-9-8.7c-1.2-1.3-3.2-1.4-4.5-0.2c-0.1,0.1-0.2,0.1-0.2,0.2 c-1.4,1.1-1.6,3.2-0.5,4.5c0.1,0.1,0.2,0.3,0.4,0.4C40.2,36,43.2,38.8,46.3,41.8'/%3E%3Cpath id='Tracciato_22' class='st1' d='M37.5,62.3c-4.3,0-8.5-0.2-12.7,0.2c-1.4,0.5-2.5,1.8-2.8,3.2c0.3,1.5,1.3,2.7,2.7,3.3 c4.2,0.4,8.4,0.2,12.8,0.2V62.3z'/%3E%3Cpath id='Tracciato_23' class='st1' d='M75,27.6h3.5c0-3.9,0.1-7.6,0-11.2c-0.1-2.3-1.2-3.9-3.5-3.9c-2.3,0-3.4,1.6-3.5,3.9 c-0.1,3.7,0,7.3,0,11.2L75,27.6z'/%3E%3Cpath id='Tracciato_24' class='st1' d='M37.6,98.3c-1.5,1.1-1.7,3.3-0.6,4.7c0.1,0.2,0.3,0.3,0.4,0.4c1.2,1.4,3.3,1.5,4.7,0.2 c0.2-0.1,0.3-0.3,0.4-0.4c2.1-2,4.2-4,6.4-6.1l-4.7-5.6C42,93.9,39.8,96.1,37.6,98.3'/%3E%3Cpath id='Tracciato_25' class='st1' d='M67.4,134c1.5,2.6,3.4,3.6,7.6,3.5c4.3,0.1,6.1-0.8,7.6-3.5H67.4z'/%3E%3Cpath id='Tracciato_26' class='st1' d='M105.9,57.6c-4-13.7-16.6-23.1-30.9-22.9c-14.3-0.2-26.9,9.2-30.9,22.9 c-3.6,12.9-1.2,24.7,8.5,34.4c3.7,3.2,5.8,8,5.4,12.9c0,0.6,0,1.2,0.1,1.7c0,4.2,3.5,7.7,7.7,7.7c0.1,0,0.1,0,0.2,0c3,0.1,6,0,9,0 c3,0,6,0.1,9,0c4.2,0.1,7.8-3.2,7.9-7.5c0-0.1,0-0.1,0-0.2c0.1-0.6,0.1-1.2,0-1.7c-0.3-4.9,1.7-9.7,5.4-12.9 C107.1,82.3,109.5,70.5,105.9,57.6'/%3E%3Cpath id='Tracciato_27' class='st1' d='M83.5,116.5c-2.8,0-5.7,0-8.5,0s-5.7,0-8.5,0c-2.2,0-3.8,1.1-3.7,3.5 c0.1,2.2,1.7,3.2,3.8,3.2c2.8,0.1,5.6,0,8.4,0h0.2c2.8,0,5.6,0,8.5,0c2.1,0,3.7-1,3.7-3.2C87.4,117.6,85.8,116.5,83.5,116.5'/%3E%3Cpath id='Tracciato_28' class='st1' d='M83.4,125.1c-2.8,0-5.6,0-8.4,0s-5.6,0-8.4,0c-2.2,0-3.9,1-3.9,3.4c0,2.4,1.7,3.3,3.9,3.3 h16.8c2.2,0,3.9-0.9,3.9-3.3S85.6,125.1,83.4,125.1'/%3E%3Cpath id='Tracciato_29' class='st1' d='M112.6,33c1.3-1.2,1.5-3.2,0.3-4.6c-0.1-0.1-0.2-0.2-0.4-0.4c-1.2-1.3-3.2-1.4-4.5-0.3 c-0.1,0.1-0.2,0.1-0.2,0.2c-3,2.8-5.9,5.8-9,8.7l4.9,5.1C106.8,38.8,109.8,36,112.6,33'/%3E%3Cpath id='Tracciato_30' class='st1' d='M125.2,62.5c-4.2-0.4-8.4-0.2-12.7-0.2v6.8c4.4,0,8.6,0.2,12.8-0.2c1.4-0.5,2.4-1.8,2.7-3.3 C127.7,64.2,126.6,63,125.2,62.5'/%3E%3Cpath id='Tracciato_31' class='st1' d='M105.7,91.6l-4.7,5.6c2.2,2.1,4.3,4.2,6.4,6.1c1.3,1.5,3.5,1.6,4.9,0.4 c1.5-1.3,1.6-3.5,0.4-4.9c-0.1-0.1-0.2-0.2-0.4-0.4C110.3,96.1,108.1,93.9,105.7,91.6'/%3E%3C/svg%3E"); }
      #menu .menu_items .item.help::after {
        background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 150 150' style='enable-background:new 0 0 150 150;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;%7D .st1%7Bfill:%23335317;%7D%0A%3C/style%3E%3Crect id='bounding-box' class='st0' width='150' height='150'/%3E%3Cpath id='Tracciato_35' class='st1' d='M90.9,76.9c-4.7,4.9-8.5,10.5-11.3,16.7c-1.4,3.5-2.2,7.2-2.4,11c-0.5,3-0.5,6.1-4.1,7.4 c-3.6,1-7.4-0.3-9.6-3.4c-1.5-2.6-2.4-5.6-2.7-8.6c-0.7-6.3,0.8-12.7,4.2-18.1c6.2-10.2,13.8-19.5,22.4-27.6 C109,30.7,92.6,18.2,75.3,27C67.3,31.5,60.7,38,56,45.9c-2.9,4.4-4.9,9.4,0.3,14c2.4,2.4-1.5,6.4-3.9,5.2 c-32.6-8.4-6.9-33.1,7.3-45.2C84-1,131.1,25.6,106.3,58.7C101.6,65,96,70.9,90.9,76.9 M67.5,121.6c2.7,0.5,5.2,1.6,7.4,3.2 c2.8,2,3.4,5.9,1.3,8.7c-0.2,0.2-0.3,0.4-0.5,0.6c-2.4,3.5-10.8,4.7-13.3,1.5c-1.3-2.1-2-4.5-2.2-6.9 C60.6,122.1,61.8,121.3,67.5,121.6'/%3E%3C/svg%3E"); }
      #menu .menu_items .item.credits::after {
        background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 150 150' style='enable-background:new 0 0 150 150;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;%7D .st1%7Bfill:%23335317;%7D%0A%3C/style%3E%3Crect id='bounding-box' class='st0' width='150' height='150'/%3E%3Cpath class='st1' d='M119.1,99.6h-1.7c-4.8,0-4.8,0-4.8-4.6c0-16.6,0-33.3,0-49.9c0-4.3-0.6-8.6-1.8-12.7c-4-12.9-13-19.7-26.5-19.8 c-16.7-0.1-33.4,0-50,0c-1.9,0-3.7,0.1-5.6,0.3c-9.1,1.2-16,8.8-16.2,18c-0.5,9.3,6.1,17.5,15.2,19.2c3.2,0.4,3.7,1.7,3.7,4.4 c-0.1,16.9,0,33.7,0,50.6c-0.1,3,0.2,5.9,0.7,8.9c2.9,15,13,23.4,28.3,23.4c9.6,0,19.2,0,28.8,0l0,0c10.5,0,21,0.1,31.5,0 c8.1-0.1,12.9-3.7,15.6-11.3c0.8-2.3,1.2-4.7,1.3-7.1C138.1,107,131,99.6,119.1,99.6z M31.6,37.4c-0.5,0.1-1,0.1-1.5,0 c-2.8-0.4-4.8-3.1-4.3-5.9c-0.1-0.5-0.1-0.9,0-1.4c0.4-2.8,2.9-4.7,5.7-4.3c11.8-0.1,23.6,0,35.4-0.1c2.1,0,2.8,0.6,2.1,2.7 c-0.7,2.1-0.6,4.4,0.1,6.5c0.6,2-0.1,2.5-2,2.5c-6-0.1-11.9,0-17.9,0v0C43.3,37.5,37.5,37.5,31.6,37.4z M100.5,124.2 c-14.8,0-29.6,0-44.4-0.1c-3.7-0.2-7.1-2.4-8.8-5.7c-2-3.3-3.1-7.1-3-11c0-17.8,0-35.7-0.1-53.5c0-2.9,1.1-3.5,3.7-3.5 c12,0.1,24.1,0,36.1,0.1c2.9,0,4-1,3.8-3.8c-0.1-1.6-0.1-3.3,0-5c0.5-2.2-0.9-4.4-3.1-5c-2.7-1-4-3.9-3.1-6.5 c0.6-2.7,3.1-4.6,5.9-4.3c3.4,0.2,6.4,2,8.2,4.9c2.7,4.1,4,8.9,3.8,13.8c0.1,10.8,0,21.6,0,32.4l0,0c0,8.8,0.1,17.6,0,26.4 c-0.3,6.2,0.6,12.4,2.7,18.2C103,123.3,102.6,124.2,100.5,124.2z M123.5,122.7c-0.8,1.8-2.3,1.5-3.6,0.8c-3.3-2-5.6-5.5-6.1-9.3 c-0.3-1.2,0.5-1.6,1.5-1.6c1,0,2,0,3.3,0v0c1.5,0.3,3.8-0.9,4.9,1.5C124.7,116.8,124.7,120,123.5,122.7z'/%3E%3Cpath class='st1' d='M85,62.1c-8.7,0-17.4,0-26.1,0c-1.9,0-2.8,0.8-2.8,2.8c0.1,2.4,0.1,4.8,0,7.3c-0.1,2.5,1.1,3.3,3.4,3.2 c4.2-0.1,8.4,0,12.6,0v0c2.2,0,4.4,0.1,6.6,0c10.6-0.2,9.3,2.1,9.3-10.2C88,63.1,87,62.1,85,62.1z'/%3E%3Cpath class='st1' d='M84.7,87c-4.2,0.1-8.4,0-12.6,0l0,0c-4.3,0-8.6,0.1-12.9,0c-2.2,0-3.3,0.7-3.2,3c0.1,2.3,0.1,4.6,0,6.9 c0,2,0.7,3,2.9,3c8.7-0.1,17.4-0.1,26.1,0c2,0,2.9-0.8,2.9-2.7c0-2.4,0-4.8,0-7.3C88,87.8,87,87,84.7,87z'/%3E%3C/svg%3E"); }
      #menu .menu_items .item.award::after {
        background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 150 150' style='enable-background:new 0 0 150 150;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;%7D .st1%7Bfill:%23335317;%7D%0A%3C/style%3E%3Crect id='bounding-box' class='st0' width='150' height='150'/%3E%3Cpath id='Tracciato_36' class='st1' d='M66.2,103.6c-3.3-2.6-7.3-4.2-11.4-4.8c-3.3-0.3-6.5-1.8-8.8-4.2c-1.6-1.5-3.2-2-4.5,0.3 c-5.1,8.6-9.6,17.5-13.4,26.6c-1.4,3.6,0.6,7.2,4.4,6.1c8.7-2.5,13.4,1.2,16.8,8.4c0.3,0.6,1.1,1,1.6,1.5h3.3 c6-7.8,8.9-17.3,14.1-25.5C70.6,108.2,70.1,106.1,66.2,103.6'/%3E%3Cpath id='Tracciato_37' class='st1' d='M121.6,120.3c-3.9-8.3-8.3-16.4-12.4-24.6c-1.3-2.6-3-3-5.1-0.9c-2.1,2.4-5.1,3.8-8.3,4 c-5.3,0.2-9.2,3.1-13.3,5.9c-2,0.9-2.8,3.2-1.9,5.2c0.1,0.3,0.3,0.5,0.5,0.8c4.8,8.9,9.4,17.9,14.1,26.8h4.4c0.5-0.5,1.2-1,1.5-1.6 c3.1-7.4,7.8-10.5,16.2-8.2C121.6,128.8,123.8,124.9,121.6,120.3'/%3E%3Cpath id='Tracciato_38' class='st1' d='M93.8,88.8c8,0.2,14.6-6.1,14.8-14.1c0-0.2,0-0.4,0-0.6c0-3.5,1.6-6.8,4.3-9.1 c2.7-2.4,4.2-5.8,4.2-9.3c-0.2-2.6-1.1-5.1-2.6-7.2c-3.4-4.8-5.7-10.4-6.4-16.2c-0.9-7.1-5-10.4-12.5-10.9c-4.4-0.3-8.6-2-12-4.9 c-6.3-5.2-11.1-5.3-17.4,0c-3.5,3-7.9,4.8-12.5,4.9C47.1,21.7,42.8,25.1,42,31c-0.9,6.4-3.3,12.5-6.9,17.8 c-3.2,4.9-3.7,10.4,0.9,14.7c3.3,3.2,5.3,7.5,5.6,12.1c0.5,7.4,6.7,13.1,14.1,13c3.5,0.1,6.9,1.3,9.6,3.5c7.4,5.6,12.2,5.6,19.5,0.1 C87.3,90.2,90.5,89,93.8,88.8 M53.2,54.4c-0.3-11.8,9.1-21.6,20.9-21.9c0.4,0,0.7,0,1.1,0c12-0.1,21.8,9.6,21.8,21.5 c0,0.1,0,0.1,0,0.2c0.3,12-9.2,21.9-21.2,22.2c-0.2,0-0.5,0-0.7,0c-11.8,0.3-21.7-9-22-20.9C53.1,55.2,53.1,54.8,53.2,54.4'/%3E%3C/svg%3E"); }
      #menu .menu_items .item.mcc::after {
        background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='mcc_helm' data-name='mcc helm' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 88'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; %7D .cls-1, .cls-2 %7B stroke-width: 0px; %7D .cls-2 %7B fill: %23335317; %7D %3C/style%3E%3C/defs%3E%3Crect class='cls-1' width='88' height='88'/%3E%3Cg%3E%3Cpath class='cls-2' d='M25.29,31.83c6.13-1.09,12.07-2.81,17.74-5.38.15-.07.29-.11.43-.14.14.04.28.07.43.14,5.68,2.57,11.62,4.29,17.74,5.38.29.05.58.07.88.09.18,0,.37-.03.69-.05-1.15-5.26-3.43-9.82-7.26-13.51-3.71-3.57-8.09-5.39-12.47-5.51-4.38.13-8.77,1.94-12.47,5.51-3.83,3.69-6.11,8.25-7.26,13.51.32.03.5.06.69.05.29-.01.59-.03.88-.09Z'/%3E%3Cpath class='cls-2' d='M37.49,62.84c1.97.82,3.96,1.22,5.97,1.27,2.01-.05,4.01-.45,5.97-1.27.57-.24,1.16-.88,1.36-1.47.87-2.57,1.6-5.18,2.35-7.67h-19.36c.75,2.5,1.48,5.11,2.35,7.67.2.59.79,1.23,1.36,1.47Z'/%3E%3Cpath class='cls-2' d='M33.38,60.61c-.81-2.65-1.49-4.92-2.19-7.18-.06-.21-.26-.48-.44-.53-1.48-.37-2.97-.69-4.67-1.07,1.81,3.49,3.97,6.33,7.3,8.78Z'/%3E%3Cpath class='cls-2' d='M57.85,33.41c-4.6-1.3-9.14-2.78-13.67-4.29-.26-.08-.49-.14-.72-.18-.23.04-.47.1-.72.18-4.53,1.51-9.08,2.99-13.67,4.29-2.36.67-4.84.92-7.02,1.32v13.03c7.07,2.77,14.21,3.98,21.42,3.89,7.2.09,14.34-1.13,21.42-3.89v-13.03c-2.18-.4-4.66-.65-7.02-1.32ZM29.77,46.4h-2.17v-10.05h2.17v10.05ZM36.93,47.38h-2.13v-12.94h2.13v12.94ZM44.57,49.29h-2.21v-16.3h2.21v16.3ZM52.13,47.38h-2.13v-12.94h2.13v12.94ZM59.31,46.4h-2.17v-10.05h2.17v10.05Z'/%3E%3Cpath class='cls-2' d='M43.46,66.44c-5.66-.13-11.08-2.7-15.16-7.1-2.49,2.8-4.75,5.69-6.23,9.36,0,0,7.23,8.54,21.39,8.54s21.39-8.54,21.39-8.54c-1.49-3.67-3.74-6.56-6.23-9.36-4.08,4.4-9.5,6.97-15.16,7.1Z'/%3E%3Cpath class='cls-2' d='M56.18,52.91c-.18.05-.38.32-.44.53-.71,2.26-1.39,4.52-2.19,7.18,3.33-2.45,5.49-5.29,7.3-8.78-1.7.38-3.19.7-4.67,1.07Z'/%3E%3C/g%3E%3C/svg%3E"); }
      #menu .menu_items .item.mcc_saluzzo::after {
        background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 88'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; %7D .cls-1, .cls-2 %7B stroke-width: 0px; %7D .cls-2 %7B fill: %23335317; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-2' d='M27.8,50.31c.02-.31.04-.6.06-.91h1.13c.02.37.03.73.06,1.09,0,.07.08.17.14.19.55.17,1.1.32,1.69.48-.48-5.66-.96-11.29-1.44-16.93.66-.3,1.32-.59,1.98-.89.4-.18.79-.35,1.19-.52.12-.05.17-.12.17-.26-.03-1.31-.04-2.62-.07-3.93-.04-1.87-.13-3.74-.1-5.6.02-1.23.28-2.44.83-3.56.2-.42.46-.82.87-1.07.25-.15.53-.22.83-.34-.08-.34-.15-.73-.26-1.12-.05-.19-.02-.31.14-.43.18-.12.32-.29.5-.41.2-.13.25-.31.26-.53.08-1.15.16-2.3.24-3.45,0-.11.03-.21.07-.31.13.86.26,1.72.39,2.58.07.45.12.9.2,1.35.02.09.09.2.17.25.34.24.69.47,1.03.71.06.04.1.15.09.22-.03.28-.06.57-.12.85-.04.18.01.24.17.3,1.55.63,2.59,1.71,2.94,3.38.07.32.1.66.11.99.04,1.22.05,2.43.11,3.65.06,1.31.17,2.63.26,3.94.05.66.11,1.33.15,1.99.01.25.08.37.35.44,1.01.26,2.01.55,3.01.83.06.02.11.04.22.08,0,1.43-.01,2.87,0,4.32.06,5.53.12,11.05.18,16.58,0,.14.04.22.18.27,1.63.59,3.25,1.19,4.87,1.77.1.04.23.03.33,0,1.22-.34,2.44-.68,3.65-1.02.35-.1.35-.1.29-.45,0-.05-.02-.09-.03-.15h-1.52s0-.03-.01-.04c.41-.17.82-.34,1.22-.52,1.73-.73,3.46-1.46,5.19-2.18.15-.06.22-.13.2-.3-.06-.69-.11-1.37-.15-2.06-.01-.19-.09-.31-.26-.4-.22-.12-.42-.26-.65-.41.18-.17.34-.32.51-.47.43-.4.87-.8,1.29-1.21.1-.1.2-.11.33-.08.82.24,1.65.47,2.47.7.04.01.07.02.13.03v-.83c.34.03.67.06,1.02.09,0,.32,0,.65,0,.97,0,.15.05.21.18.27.18.08.36.18.5.32.41.42.8.86,1.2,1.29.02-.01.04-.02.06-.04-.14,0-.28.01-.45.02.05.31.09.6.14.93.43-.04.84-.08,1.25-.12.09,0,.19,0,.26.05,1.86,1.05,3.71,2.11,5.56,3.17.03.02.06.04.14.09-.41.05-.77.1-1.14.14,0,.47,0,.92,0,1.37.03,1.52.08,3.04.11,4.56,0,.1-.03.21-.07.31-.57,1.6-1.45,3.04-2.48,4.38-2.3,2.98-5.22,5.2-8.54,6.92-2.67,1.38-5.5,2.36-8.42,3.07-1.71.42-3.44.73-5.19.97-2.85.38-5.72.58-8.59.47-4.29-.16-8.45-.95-12.37-2.78-2.57-1.2-4.88-2.79-6.81-4.88-.54-.59-1-1.24-1.51-1.86-.43-.52-.59-1.13-.68-1.79-.17-1.25-.38-2.5-.58-3.75-.18-1.14-.35-2.27-.53-3.41-.12-.76-.24-1.52-.37-2.33-.53.18-.94-.12-1.41-.35.09-.05.15-.1.22-.14,2.97-1.64,5.94-3.28,8.92-4.92.09-.05.22-.08.32-.07,1.16.14,2.32.28,3.48.42.04,0,.08,0,.15,0Z'/%3E%3Crect class='cls-1' width='88' height='88'/%3E%3C/svg%3E"); }
      #menu .menu_items .item.mcc_sale::after {
        background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 88'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; %7D .cls-1, .cls-2 %7B stroke-width: 0px; %7D .cls-2 %7B fill: %23335317; %7D %3C/style%3E%3C/defs%3E%3Crect class='cls-1' width='88' height='88'/%3E%3Cg%3E%3Crect class='cls-2' x='12' y='24.92' width='19.69' height='11.08' rx='2.46' ry='2.46'/%3E%3Crect class='cls-2' x='34.15' y='24.92' width='19.69' height='11.08' rx='2.46' ry='2.46'/%3E%3Crect class='cls-2' x='56.31' y='24.92' width='19.69' height='11.08' rx='2.46' ry='2.46'/%3E%3Crect class='cls-2' x='12' y='38.46' width='19.69' height='11.08' rx='2.46' ry='2.46'/%3E%3Crect class='cls-2' x='34.15' y='38.46' width='19.69' height='11.08' rx='2.46' ry='2.46'/%3E%3Crect class='cls-2' x='56.31' y='38.46' width='19.69' height='11.08' rx='2.46' ry='2.46'/%3E%3Crect class='cls-2' x='12' y='52' width='19.69' height='11.08' rx='2.46' ry='2.46'/%3E%3Crect class='cls-2' x='34.15' y='52' width='19.69' height='11.08' rx='2.46' ry='2.46'/%3E%3Crect class='cls-2' x='56.31' y='52' width='19.69' height='11.08' rx='2.46' ry='2.46'/%3E%3C/g%3E%3C/svg%3E"); }

main.menu_closed #menu {
  opacity: 0;
  pointer-events: none;
  animation: left, top, opacity;
  transition: left 0.5s ease-out, top 0.5s ease-out, opacity 1s ease-out; }

body.taller #menu .title {
  line-height: 17.6vw;
  text-shadow: 0.5vw 0.5vw 0 #34532a;
  margin-bottom: 7.5vw; }
body.taller #menu .menu_items .item {
  padding: 6.5vw 0 6.5vw 19vw;
  border-bottom-width: 0.12vw; }
  body.taller #menu .menu_items .item::before, body.taller #menu .menu_items .item::after {
    width: 12vw;
    height: 12vw; }

body.larger #menu .title {
  line-height: 8.8vh;
  text-shadow: 0.25vh 0.25vh 0 #34532a;
  margin-bottom: 3.75vh; }
body.larger #menu .menu_items .item {
  padding: 3.25vh 0 3.25vh 9.5vh;
  border-bottom-width: 0.06vh; }
  body.larger #menu .menu_items .item::before, body.larger #menu .menu_items .item::after {
    width: 6vh;
    height: 6vh; }

body.taller main.menu_open #menu {
  top: calc(((100vh - ((100vw * 0.4864864865))) / 2) * -1);
  padding: calc((100vh - ((100vw * 0.4864864865))) / 2) 0; }

body.larger main.menu_open #menu {
  left: calc(((100vw - ((100vh * 0.4864864865))) / 2) * -1);
  padding: 0 calc((100vw - ((100vh * 0.4864864865))) / 2); }

body.taller main.menu_closed #menu {
  top: -100%; }

body.larger main.menu_closed #menu {
  left: -100%; }

#modal {
  background-color: rgba(0, 0, 0, 0.85);
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 12;
  display: flex;
  align-items: center; }
  #modal .window {
    background: #e9934b;
    background: linear-gradient(0deg, #e9934b 0%, #fadf8c 100%);
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute; }
    #modal .window p {
      margin-top: 0;
      font-family: inherit;
      color: #3C2815;
      text-align: center; }
  #modal.visible {
    display: flex; }
  #modal.hidden {
    display: none; }

body.taller #modal .window {
  width: calc(100vw - 8vw);
  border-radius: 4vw; }
  body.taller #modal .window .inner_padding {
    padding: 4vw; }
    body.taller #modal .window .inner_padding p {
      font-size: 5vw;
      margin-bottom: 10vw; }
    body.taller #modal .window .inner_padding .btn:not(:first-of-type) {
      margin-top: 2vw; }

body.larger #modal .window {
  width: calc((100vh * 0.4864864865) - 4vh);
  border-radius: 2vh; }
  body.larger #modal .window .inner_padding {
    padding: 2vh; }
    body.larger #modal .window .inner_padding p {
      font-size: 2.5vh;
      margin-bottom: 5vh; }
    body.larger #modal .window .inner_padding .btn:not(:first-of-type) {
      margin-top: 1vh; }

main.intro_screen .app-logo, main.intro_screen .mcc-logo {
  background-size: cover;
  background-position: 50% 50%;
  width: 100%;
  padding-top: 100%; }
main.intro_screen .app-logo {
  background-image: url("/img/logo.webp"); }
main.intro_screen .mcc-logo {
  background-image: url("/img/mcc-logo.webp"); }
main.intro_screen.intro_select_game .app-logo, main.intro_screen.intro_select_game .mcc-logo {
  width: 50%;
  padding-top: 50%;
  margin-left: auto;
  margin-right: auto; }
main.intro_screen.intro_select_game .app-logo {
  margin-bottom: 5vw; }

body.taller main.intro_screen.intro_select_game .app-logo {
  margin-bottom: 5vw; }

body.larger main.intro_screen.intro_select_game .app-logo {
  margin-bottom: 2.5vh; }

main.difficulty #game .difficulty-description {
  padding: 0;
  animation: all;
  transition: all 0.2s ease-out; }
main.difficulty #game.not-set #btn-continue {
  opacity: 0;
  pointer-events: none; }
main.difficulty #game.not-set .difficulty-description.easy {
  opacity: 0;
  height: 0;
  margin: 0; }
main.difficulty #game.not-set .difficulty-description.hard {
  opacity: 0;
  height: 0;
  margin: 0; }
main.difficulty #game.not-set .difficulty-description.null {
  display: block; }
main.difficulty #game.easy #btn-continue, main.difficulty #game.hard #btn-continue {
  opacity: 1;
  pointer-events: all; }
main.difficulty #game.easy .difficulty-description.easy {
  opacity: 1; }
main.difficulty #game.easy .difficulty-description.hard {
  opacity: 0;
  height: 0;
  margin: 0; }
main.difficulty #game.easy .difficulty-description.null {
  opacity: 0;
  height: 0;
  margin: 0; }
main.difficulty #game.hard .difficulty-description.easy {
  opacity: 0;
  height: 0;
  margin: 0; }
main.difficulty #game.hard .difficulty-description.hard {
  opacity: 1; }
main.difficulty #game.hard .difficulty-description.null {
  opacity: 0;
  height: 0;
  margin: 0; }

body.taller main.difficulty .difficulty-description {
  margin: 4vw 0 0 0; }

body.larger main.difficulty .difficulty-description {
  margin: 2vh 0 0 0; }

#confetti-canvas {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  top: 0;
  left: 0; }

.letter_prize {
  color: #ccc;
  font-size: 1000%;
  text-align: center; }
  .letter_prize span {
    display: block;
    margin-left: auto;
    margin-right: auto;
    transform-origin: center center;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 5s;
    transform-style: preserve-3d; }

body.taller .letter_prize {
  perspective: calc(100vw / 0.4864864865); }
  body.taller .letter_prize span {
    animation-name: spin, shine, depth_taller; }

body.larger .letter_prize {
  perspective: calc(100vh / 0.4864864865); }
  body.larger .letter_prize span {
    animation-name: spin, shine, depth_larger; }

@keyframes spin {
  0% {
    transform: rotateY(0deg); }
  100% {
    transform: rotateY(-360deg); } }
@keyframes shine {
  0% {
    filter: brightness(150%); }
  25% {
    filter: brightness(125%); }
  33.34% {
    filter: brightness(25%); }
  50% {
    filter: brightness(150%); }
  66.67% {
    filter: brightness(25%); }
  75% {
    filter: brightness(125%); }
  100% {
    filter: brightness(150%); } }
@keyframes depth_taller {
  0% {
    text-shadow: 0 0 #111; }
  33.34% {
    text-shadow: 0.5vw 0 #111, 1vw 0 #111, 1.5vw 0 #111, 2vw 0 #111, 2.5vw 0 #111, 3vw 0 #111; }
  50% {
    text-shadow: 0 0 #111; }
  66.67% {
    text-shadow: -0.5vw 0 #111, -1vw 0 #111, -1.5vw 0 #111, -2vw 0 #111, -2.5vw 0 #111, -3vw 0 #111; }
  100% {
    text-shadow: 0 0 #111; } }
@keyframes depth_larger {
  0% {
    text-shadow: 0 0 #111; }
  33.34% {
    text-shadow: 0.25vh 0 #111, 0.5vh 0 #111, 0.75vh 0 #111, 1vh 0 #111, 1.25vh 0 #111, 1.5vh 0 #111; }
  50% {
    text-shadow: 0 0 #111; }
  66.67% {
    text-shadow: -0.25vh 0 #111, -0.5vh 0 #111, -0.75vh 0 #111, -1vh 0 #111, -1.25vh 0 #111, -1.5vh 0 #111; }
  100% {
    text-shadow: 0 0 #111; } }
#puzzle_area {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 72.96%; }
  #puzzle_area [id^="pz_"] {
    display: block;
    width: 25%;
    height: 16.666666666666667%;
    margin: 0;
    float: left;
    background-size: cover;
    animation: all;
    transition: all 0.2s ease-out;
    cursor: pointer; }
    #puzzle_area [id^="pz_"]:focus {
      outline: none; }
  #puzzle_area.puzzle_1 [id^="pz_1"] {
    background-image: url("/img/puzzle/1/1.jpg"); }
  #puzzle_area.puzzle_1 [id^="pz_2"] {
    background-image: url("/img/puzzle/1/2.jpg"); }
  #puzzle_area.puzzle_1 [id^="pz_3"] {
    background-image: url("/img/puzzle/1/3.jpg"); }
  #puzzle_area.puzzle_1 [id^="pz_4"] {
    background-image: url("/img/puzzle/1/4.jpg"); }
  #puzzle_area.puzzle_1 [id^="pz_5"] {
    background-image: url("/img/puzzle/1/5.jpg"); }
  #puzzle_area.puzzle_1 [id^="pz_6"] {
    background-image: url("/img/puzzle/1/6.jpg"); }
  #puzzle_area.puzzle_1 [id^="pz_7"] {
    background-image: url("/img/puzzle/1/7.jpg"); }
  #puzzle_area.puzzle_1 [id^="pz_8"] {
    background-image: url("/img/puzzle/1/8.jpg"); }
  #puzzle_area.puzzle_1 [id^="pz_9"] {
    background-image: url("/img/puzzle/1/9.jpg"); }
  #puzzle_area.puzzle_1 [id^="pz_10"] {
    background-image: url("/img/puzzle/1/10.jpg"); }
  #puzzle_area.puzzle_1 [id^="pz_11"] {
    background-image: url("/img/puzzle/1/11.jpg"); }
  #puzzle_area.puzzle_1 [id^="pz_12"] {
    background-image: url("/img/puzzle/1/12.jpg"); }
  #puzzle_area.puzzle_1 [id^="pz_13"] {
    background-image: url("/img/puzzle/1/13.jpg"); }
  #puzzle_area.puzzle_1 [id^="pz_14"] {
    background-image: url("/img/puzzle/1/14.jpg"); }
  #puzzle_area.puzzle_1 [id^="pz_15"] {
    background-image: url("/img/puzzle/1/15.jpg"); }
  #puzzle_area.puzzle_1 [id^="pz_16"] {
    background-image: url("/img/puzzle/1/16.jpg"); }
  #puzzle_area.puzzle_1 [id^="pz_17"] {
    background-image: url("/img/puzzle/1/17.jpg"); }
  #puzzle_area.puzzle_1 [id^="pz_18"] {
    background-image: url("/img/puzzle/1/18.jpg"); }
  #puzzle_area.puzzle_1 [id^="pz_19"] {
    background-image: url("/img/puzzle/1/19.jpg"); }
  #puzzle_area.puzzle_1 [id^="pz_20"] {
    background-image: url("/img/puzzle/1/20.jpg"); }
  #puzzle_area.puzzle_1 [id^="pz_21"] {
    background-image: url("/img/puzzle/1/21.jpg"); }
  #puzzle_area.puzzle_1 [id^="pz_22"] {
    background-image: url("/img/puzzle/1/22.jpg"); }
  #puzzle_area.puzzle_1 [id^="pz_23"] {
    background-image: url("/img/puzzle/1/23.jpg"); }
  #puzzle_area.puzzle_1 [id^="pz_24"] {
    background-image: url("/img/puzzle/1/24.jpg"); }
  #puzzle_area.puzzle_5 [id^="pz_1"] {
    background-image: url("/img/puzzle/5/1.jpg"); }
  #puzzle_area.puzzle_5 [id^="pz_2"] {
    background-image: url("/img/puzzle/5/2.jpg"); }
  #puzzle_area.puzzle_5 [id^="pz_3"] {
    background-image: url("/img/puzzle/5/3.jpg"); }
  #puzzle_area.puzzle_5 [id^="pz_4"] {
    background-image: url("/img/puzzle/5/4.jpg"); }
  #puzzle_area.puzzle_5 [id^="pz_5"] {
    background-image: url("/img/puzzle/5/5.jpg"); }
  #puzzle_area.puzzle_5 [id^="pz_6"] {
    background-image: url("/img/puzzle/5/6.jpg"); }
  #puzzle_area.puzzle_5 [id^="pz_7"] {
    background-image: url("/img/puzzle/5/7.jpg"); }
  #puzzle_area.puzzle_5 [id^="pz_8"] {
    background-image: url("/img/puzzle/5/8.jpg"); }
  #puzzle_area.puzzle_5 [id^="pz_9"] {
    background-image: url("/img/puzzle/5/9.jpg"); }
  #puzzle_area.puzzle_5 [id^="pz_10"] {
    background-image: url("/img/puzzle/5/10.jpg"); }
  #puzzle_area.puzzle_5 [id^="pz_11"] {
    background-image: url("/img/puzzle/5/11.jpg"); }
  #puzzle_area.puzzle_5 [id^="pz_12"] {
    background-image: url("/img/puzzle/5/12.jpg"); }
  #puzzle_area.puzzle_5 [id^="pz_13"] {
    background-image: url("/img/puzzle/5/13.jpg"); }
  #puzzle_area.puzzle_5 [id^="pz_14"] {
    background-image: url("/img/puzzle/5/14.jpg"); }
  #puzzle_area.puzzle_5 [id^="pz_15"] {
    background-image: url("/img/puzzle/5/15.jpg"); }
  #puzzle_area.puzzle_5 [id^="pz_16"] {
    background-image: url("/img/puzzle/5/16.jpg"); }
  #puzzle_area.puzzle_5 [id^="pz_17"] {
    background-image: url("/img/puzzle/5/17.jpg"); }
  #puzzle_area.puzzle_5 [id^="pz_18"] {
    background-image: url("/img/puzzle/5/18.jpg"); }
  #puzzle_area.puzzle_5 [id^="pz_19"] {
    background-image: url("/img/puzzle/5/19.jpg"); }
  #puzzle_area.puzzle_5 [id^="pz_20"] {
    background-image: url("/img/puzzle/5/20.jpg"); }
  #puzzle_area.puzzle_5 [id^="pz_21"] {
    background-image: url("/img/puzzle/5/21.jpg"); }
  #puzzle_area.puzzle_5 [id^="pz_22"] {
    background-image: url("/img/puzzle/5/22.jpg"); }
  #puzzle_area.puzzle_5 [id^="pz_23"] {
    background-image: url("/img/puzzle/5/23.jpg"); }
  #puzzle_area.puzzle_5 [id^="pz_24"] {
    background-image: url("/img/puzzle/5/24.jpg"); }
  #puzzle_area.puzzle_8 [id^="pz_1"] {
    background-image: url("/img/puzzle/8/1.jpg"); }
  #puzzle_area.puzzle_8 [id^="pz_2"] {
    background-image: url("/img/puzzle/8/2.jpg"); }
  #puzzle_area.puzzle_8 [id^="pz_3"] {
    background-image: url("/img/puzzle/8/3.jpg"); }
  #puzzle_area.puzzle_8 [id^="pz_4"] {
    background-image: url("/img/puzzle/8/4.jpg"); }
  #puzzle_area.puzzle_8 [id^="pz_5"] {
    background-image: url("/img/puzzle/8/5.jpg"); }
  #puzzle_area.puzzle_8 [id^="pz_6"] {
    background-image: url("/img/puzzle/8/6.jpg"); }
  #puzzle_area.puzzle_8 [id^="pz_7"] {
    background-image: url("/img/puzzle/8/7.jpg"); }
  #puzzle_area.puzzle_8 [id^="pz_8"] {
    background-image: url("/img/puzzle/8/8.jpg"); }
  #puzzle_area.puzzle_8 [id^="pz_9"] {
    background-image: url("/img/puzzle/8/9.jpg"); }
  #puzzle_area.puzzle_8 [id^="pz_10"] {
    background-image: url("/img/puzzle/8/10.jpg"); }
  #puzzle_area.puzzle_8 [id^="pz_11"] {
    background-image: url("/img/puzzle/8/11.jpg"); }
  #puzzle_area.puzzle_8 [id^="pz_12"] {
    background-image: url("/img/puzzle/8/12.jpg"); }
  #puzzle_area.puzzle_8 [id^="pz_13"] {
    background-image: url("/img/puzzle/8/13.jpg"); }
  #puzzle_area.puzzle_8 [id^="pz_14"] {
    background-image: url("/img/puzzle/8/14.jpg"); }
  #puzzle_area.puzzle_8 [id^="pz_15"] {
    background-image: url("/img/puzzle/8/15.jpg"); }
  #puzzle_area.puzzle_8 [id^="pz_16"] {
    background-image: url("/img/puzzle/8/16.jpg"); }
  #puzzle_area.puzzle_8 [id^="pz_17"] {
    background-image: url("/img/puzzle/8/17.jpg"); }
  #puzzle_area.puzzle_8 [id^="pz_18"] {
    background-image: url("/img/puzzle/8/18.jpg"); }
  #puzzle_area.puzzle_8 [id^="pz_19"] {
    background-image: url("/img/puzzle/8/19.jpg"); }
  #puzzle_area.puzzle_8 [id^="pz_20"] {
    background-image: url("/img/puzzle/8/20.jpg"); }
  #puzzle_area.puzzle_8 [id^="pz_21"] {
    background-image: url("/img/puzzle/8/21.jpg"); }
  #puzzle_area.puzzle_8 [id^="pz_22"] {
    background-image: url("/img/puzzle/8/22.jpg"); }
  #puzzle_area.puzzle_8 [id^="pz_23"] {
    background-image: url("/img/puzzle/8/23.jpg"); }
  #puzzle_area.puzzle_8 [id^="pz_24"] {
    background-image: url("/img/puzzle/8/24.jpg"); }
  #puzzle_area.puzzle_10 [id^="pz_1"] {
    background-image: url("/img/puzzle/10/1.jpg"); }
  #puzzle_area.puzzle_10 [id^="pz_2"] {
    background-image: url("/img/puzzle/10/2.jpg"); }
  #puzzle_area.puzzle_10 [id^="pz_3"] {
    background-image: url("/img/puzzle/10/3.jpg"); }
  #puzzle_area.puzzle_10 [id^="pz_4"] {
    background-image: url("/img/puzzle/10/4.jpg"); }
  #puzzle_area.puzzle_10 [id^="pz_5"] {
    background-image: url("/img/puzzle/10/5.jpg"); }
  #puzzle_area.puzzle_10 [id^="pz_6"] {
    background-image: url("/img/puzzle/10/6.jpg"); }
  #puzzle_area.puzzle_10 [id^="pz_7"] {
    background-image: url("/img/puzzle/10/7.jpg"); }
  #puzzle_area.puzzle_10 [id^="pz_8"] {
    background-image: url("/img/puzzle/10/8.jpg"); }
  #puzzle_area.puzzle_10 [id^="pz_9"] {
    background-image: url("/img/puzzle/10/9.jpg"); }
  #puzzle_area.puzzle_10 [id^="pz_10"] {
    background-image: url("/img/puzzle/10/10.jpg"); }
  #puzzle_area.puzzle_10 [id^="pz_11"] {
    background-image: url("/img/puzzle/10/11.jpg"); }
  #puzzle_area.puzzle_10 [id^="pz_12"] {
    background-image: url("/img/puzzle/10/12.jpg"); }
  #puzzle_area.puzzle_10 [id^="pz_13"] {
    background-image: url("/img/puzzle/10/13.jpg"); }
  #puzzle_area.puzzle_10 [id^="pz_14"] {
    background-image: url("/img/puzzle/10/14.jpg"); }
  #puzzle_area.puzzle_10 [id^="pz_15"] {
    background-image: url("/img/puzzle/10/15.jpg"); }
  #puzzle_area.puzzle_10 [id^="pz_16"] {
    background-image: url("/img/puzzle/10/16.jpg"); }
  #puzzle_area.puzzle_10 [id^="pz_17"] {
    background-image: url("/img/puzzle/10/17.jpg"); }
  #puzzle_area.puzzle_10 [id^="pz_18"] {
    background-image: url("/img/puzzle/10/18.jpg"); }
  #puzzle_area.puzzle_10 [id^="pz_19"] {
    background-image: url("/img/puzzle/10/19.jpg"); }
  #puzzle_area.puzzle_10 [id^="pz_20"] {
    background-image: url("/img/puzzle/10/20.jpg"); }
  #puzzle_area.puzzle_10 [id^="pz_21"] {
    background-image: url("/img/puzzle/10/21.jpg"); }
  #puzzle_area.puzzle_10 [id^="pz_22"] {
    background-image: url("/img/puzzle/10/22.jpg"); }
  #puzzle_area.puzzle_10 [id^="pz_23"] {
    background-image: url("/img/puzzle/10/23.jpg"); }
  #puzzle_area.puzzle_10 [id^="pz_24"] {
    background-image: url("/img/puzzle/10/24.jpg"); }
  #puzzle_area.puzzle_11 [id^="pz_1"] {
    background-image: url("/img/puzzle/11/1.jpg"); }
  #puzzle_area.puzzle_11 [id^="pz_2"] {
    background-image: url("/img/puzzle/11/2.jpg"); }
  #puzzle_area.puzzle_11 [id^="pz_3"] {
    background-image: url("/img/puzzle/11/3.jpg"); }
  #puzzle_area.puzzle_11 [id^="pz_4"] {
    background-image: url("/img/puzzle/11/4.jpg"); }
  #puzzle_area.puzzle_11 [id^="pz_5"] {
    background-image: url("/img/puzzle/11/5.jpg"); }
  #puzzle_area.puzzle_11 [id^="pz_6"] {
    background-image: url("/img/puzzle/11/6.jpg"); }
  #puzzle_area.puzzle_11 [id^="pz_7"] {
    background-image: url("/img/puzzle/11/7.jpg"); }
  #puzzle_area.puzzle_11 [id^="pz_8"] {
    background-image: url("/img/puzzle/11/8.jpg"); }
  #puzzle_area.puzzle_11 [id^="pz_9"] {
    background-image: url("/img/puzzle/11/9.jpg"); }
  #puzzle_area.puzzle_11 [id^="pz_10"] {
    background-image: url("/img/puzzle/11/10.jpg"); }
  #puzzle_area.puzzle_11 [id^="pz_11"] {
    background-image: url("/img/puzzle/11/11.jpg"); }
  #puzzle_area.puzzle_11 [id^="pz_12"] {
    background-image: url("/img/puzzle/11/12.jpg"); }
  #puzzle_area.puzzle_11 [id^="pz_13"] {
    background-image: url("/img/puzzle/11/13.jpg"); }
  #puzzle_area.puzzle_11 [id^="pz_14"] {
    background-image: url("/img/puzzle/11/14.jpg"); }
  #puzzle_area.puzzle_11 [id^="pz_15"] {
    background-image: url("/img/puzzle/11/15.jpg"); }
  #puzzle_area.puzzle_11 [id^="pz_16"] {
    background-image: url("/img/puzzle/11/16.jpg"); }
  #puzzle_area.puzzle_11 [id^="pz_17"] {
    background-image: url("/img/puzzle/11/17.jpg"); }
  #puzzle_area.puzzle_11 [id^="pz_18"] {
    background-image: url("/img/puzzle/11/18.jpg"); }
  #puzzle_area.puzzle_11 [id^="pz_19"] {
    background-image: url("/img/puzzle/11/19.jpg"); }
  #puzzle_area.puzzle_11 [id^="pz_20"] {
    background-image: url("/img/puzzle/11/20.jpg"); }
  #puzzle_area.puzzle_11 [id^="pz_21"] {
    background-image: url("/img/puzzle/11/21.jpg"); }
  #puzzle_area.puzzle_11 [id^="pz_22"] {
    background-image: url("/img/puzzle/11/22.jpg"); }
  #puzzle_area.puzzle_11 [id^="pz_23"] {
    background-image: url("/img/puzzle/11/23.jpg"); }
  #puzzle_area.puzzle_11 [id^="pz_24"] {
    background-image: url("/img/puzzle/11/24.jpg"); }
  #puzzle_area.solution {
    pointer-events: none; }
    #puzzle_area.solution.puzzle_1 div:nth-child(1) {
      background-image: url("/img/puzzle/1/1.jpg"); }
    #puzzle_area.solution.puzzle_1 div:nth-child(2) {
      background-image: url("/img/puzzle/1/2.jpg"); }
    #puzzle_area.solution.puzzle_1 div:nth-child(3) {
      background-image: url("/img/puzzle/1/3.jpg"); }
    #puzzle_area.solution.puzzle_1 div:nth-child(4) {
      background-image: url("/img/puzzle/1/4.jpg"); }
    #puzzle_area.solution.puzzle_1 div:nth-child(5) {
      background-image: url("/img/puzzle/1/5.jpg"); }
    #puzzle_area.solution.puzzle_1 div:nth-child(6) {
      background-image: url("/img/puzzle/1/6.jpg"); }
    #puzzle_area.solution.puzzle_1 div:nth-child(7) {
      background-image: url("/img/puzzle/1/7.jpg"); }
    #puzzle_area.solution.puzzle_1 div:nth-child(8) {
      background-image: url("/img/puzzle/1/8.jpg"); }
    #puzzle_area.solution.puzzle_1 div:nth-child(9) {
      background-image: url("/img/puzzle/1/9.jpg"); }
    #puzzle_area.solution.puzzle_1 div:nth-child(10) {
      background-image: url("/img/puzzle/1/10.jpg"); }
    #puzzle_area.solution.puzzle_1 div:nth-child(11) {
      background-image: url("/img/puzzle/1/11.jpg"); }
    #puzzle_area.solution.puzzle_1 div:nth-child(12) {
      background-image: url("/img/puzzle/1/12.jpg"); }
    #puzzle_area.solution.puzzle_1 div:nth-child(13) {
      background-image: url("/img/puzzle/1/13.jpg"); }
    #puzzle_area.solution.puzzle_1 div:nth-child(14) {
      background-image: url("/img/puzzle/1/14.jpg"); }
    #puzzle_area.solution.puzzle_1 div:nth-child(15) {
      background-image: url("/img/puzzle/1/15.jpg"); }
    #puzzle_area.solution.puzzle_1 div:nth-child(16) {
      background-image: url("/img/puzzle/1/16.jpg"); }
    #puzzle_area.solution.puzzle_1 div:nth-child(17) {
      background-image: url("/img/puzzle/1/17.jpg"); }
    #puzzle_area.solution.puzzle_1 div:nth-child(18) {
      background-image: url("/img/puzzle/1/18.jpg"); }
    #puzzle_area.solution.puzzle_1 div:nth-child(19) {
      background-image: url("/img/puzzle/1/19.jpg"); }
    #puzzle_area.solution.puzzle_1 div:nth-child(20) {
      background-image: url("/img/puzzle/1/20.jpg"); }
    #puzzle_area.solution.puzzle_1 div:nth-child(21) {
      background-image: url("/img/puzzle/1/21.jpg"); }
    #puzzle_area.solution.puzzle_1 div:nth-child(22) {
      background-image: url("/img/puzzle/1/22.jpg"); }
    #puzzle_area.solution.puzzle_1 div:nth-child(23) {
      background-image: url("/img/puzzle/1/23.jpg"); }
    #puzzle_area.solution.puzzle_1 div:nth-child(24) {
      background-image: url("/img/puzzle/1/24.jpg"); }
    #puzzle_area.solution.puzzle_5 div:nth-child(1) {
      background-image: url("/img/puzzle/5/1.jpg"); }
    #puzzle_area.solution.puzzle_5 div:nth-child(2) {
      background-image: url("/img/puzzle/5/2.jpg"); }
    #puzzle_area.solution.puzzle_5 div:nth-child(3) {
      background-image: url("/img/puzzle/5/3.jpg"); }
    #puzzle_area.solution.puzzle_5 div:nth-child(4) {
      background-image: url("/img/puzzle/5/4.jpg"); }
    #puzzle_area.solution.puzzle_5 div:nth-child(5) {
      background-image: url("/img/puzzle/5/5.jpg"); }
    #puzzle_area.solution.puzzle_5 div:nth-child(6) {
      background-image: url("/img/puzzle/5/6.jpg"); }
    #puzzle_area.solution.puzzle_5 div:nth-child(7) {
      background-image: url("/img/puzzle/5/7.jpg"); }
    #puzzle_area.solution.puzzle_5 div:nth-child(8) {
      background-image: url("/img/puzzle/5/8.jpg"); }
    #puzzle_area.solution.puzzle_5 div:nth-child(9) {
      background-image: url("/img/puzzle/5/9.jpg"); }
    #puzzle_area.solution.puzzle_5 div:nth-child(10) {
      background-image: url("/img/puzzle/5/10.jpg"); }
    #puzzle_area.solution.puzzle_5 div:nth-child(11) {
      background-image: url("/img/puzzle/5/11.jpg"); }
    #puzzle_area.solution.puzzle_5 div:nth-child(12) {
      background-image: url("/img/puzzle/5/12.jpg"); }
    #puzzle_area.solution.puzzle_5 div:nth-child(13) {
      background-image: url("/img/puzzle/5/13.jpg"); }
    #puzzle_area.solution.puzzle_5 div:nth-child(14) {
      background-image: url("/img/puzzle/5/14.jpg"); }
    #puzzle_area.solution.puzzle_5 div:nth-child(15) {
      background-image: url("/img/puzzle/5/15.jpg"); }
    #puzzle_area.solution.puzzle_5 div:nth-child(16) {
      background-image: url("/img/puzzle/5/16.jpg"); }
    #puzzle_area.solution.puzzle_5 div:nth-child(17) {
      background-image: url("/img/puzzle/5/17.jpg"); }
    #puzzle_area.solution.puzzle_5 div:nth-child(18) {
      background-image: url("/img/puzzle/5/18.jpg"); }
    #puzzle_area.solution.puzzle_5 div:nth-child(19) {
      background-image: url("/img/puzzle/5/19.jpg"); }
    #puzzle_area.solution.puzzle_5 div:nth-child(20) {
      background-image: url("/img/puzzle/5/20.jpg"); }
    #puzzle_area.solution.puzzle_5 div:nth-child(21) {
      background-image: url("/img/puzzle/5/21.jpg"); }
    #puzzle_area.solution.puzzle_5 div:nth-child(22) {
      background-image: url("/img/puzzle/5/22.jpg"); }
    #puzzle_area.solution.puzzle_5 div:nth-child(23) {
      background-image: url("/img/puzzle/5/23.jpg"); }
    #puzzle_area.solution.puzzle_5 div:nth-child(24) {
      background-image: url("/img/puzzle/5/24.jpg"); }
    #puzzle_area.solution.puzzle_8 div:nth-child(1) {
      background-image: url("/img/puzzle/8/1.jpg"); }
    #puzzle_area.solution.puzzle_8 div:nth-child(2) {
      background-image: url("/img/puzzle/8/2.jpg"); }
    #puzzle_area.solution.puzzle_8 div:nth-child(3) {
      background-image: url("/img/puzzle/8/3.jpg"); }
    #puzzle_area.solution.puzzle_8 div:nth-child(4) {
      background-image: url("/img/puzzle/8/4.jpg"); }
    #puzzle_area.solution.puzzle_8 div:nth-child(5) {
      background-image: url("/img/puzzle/8/5.jpg"); }
    #puzzle_area.solution.puzzle_8 div:nth-child(6) {
      background-image: url("/img/puzzle/8/6.jpg"); }
    #puzzle_area.solution.puzzle_8 div:nth-child(7) {
      background-image: url("/img/puzzle/8/7.jpg"); }
    #puzzle_area.solution.puzzle_8 div:nth-child(8) {
      background-image: url("/img/puzzle/8/8.jpg"); }
    #puzzle_area.solution.puzzle_8 div:nth-child(9) {
      background-image: url("/img/puzzle/8/9.jpg"); }
    #puzzle_area.solution.puzzle_8 div:nth-child(10) {
      background-image: url("/img/puzzle/8/10.jpg"); }
    #puzzle_area.solution.puzzle_8 div:nth-child(11) {
      background-image: url("/img/puzzle/8/11.jpg"); }
    #puzzle_area.solution.puzzle_8 div:nth-child(12) {
      background-image: url("/img/puzzle/8/12.jpg"); }
    #puzzle_area.solution.puzzle_8 div:nth-child(13) {
      background-image: url("/img/puzzle/8/13.jpg"); }
    #puzzle_area.solution.puzzle_8 div:nth-child(14) {
      background-image: url("/img/puzzle/8/14.jpg"); }
    #puzzle_area.solution.puzzle_8 div:nth-child(15) {
      background-image: url("/img/puzzle/8/15.jpg"); }
    #puzzle_area.solution.puzzle_8 div:nth-child(16) {
      background-image: url("/img/puzzle/8/16.jpg"); }
    #puzzle_area.solution.puzzle_8 div:nth-child(17) {
      background-image: url("/img/puzzle/8/17.jpg"); }
    #puzzle_area.solution.puzzle_8 div:nth-child(18) {
      background-image: url("/img/puzzle/8/18.jpg"); }
    #puzzle_area.solution.puzzle_8 div:nth-child(19) {
      background-image: url("/img/puzzle/8/19.jpg"); }
    #puzzle_area.solution.puzzle_8 div:nth-child(20) {
      background-image: url("/img/puzzle/8/20.jpg"); }
    #puzzle_area.solution.puzzle_8 div:nth-child(21) {
      background-image: url("/img/puzzle/8/21.jpg"); }
    #puzzle_area.solution.puzzle_8 div:nth-child(22) {
      background-image: url("/img/puzzle/8/22.jpg"); }
    #puzzle_area.solution.puzzle_8 div:nth-child(23) {
      background-image: url("/img/puzzle/8/23.jpg"); }
    #puzzle_area.solution.puzzle_8 div:nth-child(24) {
      background-image: url("/img/puzzle/8/24.jpg"); }
    #puzzle_area.solution.puzzle_10 div:nth-child(1) {
      background-image: url("/img/puzzle/10/1.jpg"); }
    #puzzle_area.solution.puzzle_10 div:nth-child(2) {
      background-image: url("/img/puzzle/10/2.jpg"); }
    #puzzle_area.solution.puzzle_10 div:nth-child(3) {
      background-image: url("/img/puzzle/10/3.jpg"); }
    #puzzle_area.solution.puzzle_10 div:nth-child(4) {
      background-image: url("/img/puzzle/10/4.jpg"); }
    #puzzle_area.solution.puzzle_10 div:nth-child(5) {
      background-image: url("/img/puzzle/10/5.jpg"); }
    #puzzle_area.solution.puzzle_10 div:nth-child(6) {
      background-image: url("/img/puzzle/10/6.jpg"); }
    #puzzle_area.solution.puzzle_10 div:nth-child(7) {
      background-image: url("/img/puzzle/10/7.jpg"); }
    #puzzle_area.solution.puzzle_10 div:nth-child(8) {
      background-image: url("/img/puzzle/10/8.jpg"); }
    #puzzle_area.solution.puzzle_10 div:nth-child(9) {
      background-image: url("/img/puzzle/10/9.jpg"); }
    #puzzle_area.solution.puzzle_10 div:nth-child(10) {
      background-image: url("/img/puzzle/10/10.jpg"); }
    #puzzle_area.solution.puzzle_10 div:nth-child(11) {
      background-image: url("/img/puzzle/10/11.jpg"); }
    #puzzle_area.solution.puzzle_10 div:nth-child(12) {
      background-image: url("/img/puzzle/10/12.jpg"); }
    #puzzle_area.solution.puzzle_10 div:nth-child(13) {
      background-image: url("/img/puzzle/10/13.jpg"); }
    #puzzle_area.solution.puzzle_10 div:nth-child(14) {
      background-image: url("/img/puzzle/10/14.jpg"); }
    #puzzle_area.solution.puzzle_10 div:nth-child(15) {
      background-image: url("/img/puzzle/10/15.jpg"); }
    #puzzle_area.solution.puzzle_10 div:nth-child(16) {
      background-image: url("/img/puzzle/10/16.jpg"); }
    #puzzle_area.solution.puzzle_10 div:nth-child(17) {
      background-image: url("/img/puzzle/10/17.jpg"); }
    #puzzle_area.solution.puzzle_10 div:nth-child(18) {
      background-image: url("/img/puzzle/10/18.jpg"); }
    #puzzle_area.solution.puzzle_10 div:nth-child(19) {
      background-image: url("/img/puzzle/10/19.jpg"); }
    #puzzle_area.solution.puzzle_10 div:nth-child(20) {
      background-image: url("/img/puzzle/10/20.jpg"); }
    #puzzle_area.solution.puzzle_10 div:nth-child(21) {
      background-image: url("/img/puzzle/10/21.jpg"); }
    #puzzle_area.solution.puzzle_10 div:nth-child(22) {
      background-image: url("/img/puzzle/10/22.jpg"); }
    #puzzle_area.solution.puzzle_10 div:nth-child(23) {
      background-image: url("/img/puzzle/10/23.jpg"); }
    #puzzle_area.solution.puzzle_10 div:nth-child(24) {
      background-image: url("/img/puzzle/10/24.jpg"); }
    #puzzle_area.solution.puzzle_11 div:nth-child(1) {
      background-image: url("/img/puzzle/11/1.jpg"); }
    #puzzle_area.solution.puzzle_11 div:nth-child(2) {
      background-image: url("/img/puzzle/11/2.jpg"); }
    #puzzle_area.solution.puzzle_11 div:nth-child(3) {
      background-image: url("/img/puzzle/11/3.jpg"); }
    #puzzle_area.solution.puzzle_11 div:nth-child(4) {
      background-image: url("/img/puzzle/11/4.jpg"); }
    #puzzle_area.solution.puzzle_11 div:nth-child(5) {
      background-image: url("/img/puzzle/11/5.jpg"); }
    #puzzle_area.solution.puzzle_11 div:nth-child(6) {
      background-image: url("/img/puzzle/11/6.jpg"); }
    #puzzle_area.solution.puzzle_11 div:nth-child(7) {
      background-image: url("/img/puzzle/11/7.jpg"); }
    #puzzle_area.solution.puzzle_11 div:nth-child(8) {
      background-image: url("/img/puzzle/11/8.jpg"); }
    #puzzle_area.solution.puzzle_11 div:nth-child(9) {
      background-image: url("/img/puzzle/11/9.jpg"); }
    #puzzle_area.solution.puzzle_11 div:nth-child(10) {
      background-image: url("/img/puzzle/11/10.jpg"); }
    #puzzle_area.solution.puzzle_11 div:nth-child(11) {
      background-image: url("/img/puzzle/11/11.jpg"); }
    #puzzle_area.solution.puzzle_11 div:nth-child(12) {
      background-image: url("/img/puzzle/11/12.jpg"); }
    #puzzle_area.solution.puzzle_11 div:nth-child(13) {
      background-image: url("/img/puzzle/11/13.jpg"); }
    #puzzle_area.solution.puzzle_11 div:nth-child(14) {
      background-image: url("/img/puzzle/11/14.jpg"); }
    #puzzle_area.solution.puzzle_11 div:nth-child(15) {
      background-image: url("/img/puzzle/11/15.jpg"); }
    #puzzle_area.solution.puzzle_11 div:nth-child(16) {
      background-image: url("/img/puzzle/11/16.jpg"); }
    #puzzle_area.solution.puzzle_11 div:nth-child(17) {
      background-image: url("/img/puzzle/11/17.jpg"); }
    #puzzle_area.solution.puzzle_11 div:nth-child(18) {
      background-image: url("/img/puzzle/11/18.jpg"); }
    #puzzle_area.solution.puzzle_11 div:nth-child(19) {
      background-image: url("/img/puzzle/11/19.jpg"); }
    #puzzle_area.solution.puzzle_11 div:nth-child(20) {
      background-image: url("/img/puzzle/11/20.jpg"); }
    #puzzle_area.solution.puzzle_11 div:nth-child(21) {
      background-image: url("/img/puzzle/11/21.jpg"); }
    #puzzle_area.solution.puzzle_11 div:nth-child(22) {
      background-image: url("/img/puzzle/11/22.jpg"); }
    #puzzle_area.solution.puzzle_11 div:nth-child(23) {
      background-image: url("/img/puzzle/11/23.jpg"); }
    #puzzle_area.solution.puzzle_11 div:nth-child(24) {
      background-image: url("/img/puzzle/11/24.jpg"); }

body.taller #puzzle_area [id^="pz_"]:hover {
  transform: scale(105%) translateX(-2vw) translateY(-2vw);
  box-shadow: 4vw 4vw 4vw 0 rgba(0, 0, 0, 0.5); }
body.taller #puzzle_area [id^="pz_"]:focus {
  transform: scale(105%) translateX(-2vw) translateY(-2vw);
  box-shadow: inset 0 0 0.75vw 0.75vw #00ffe0, 4vw 4vw 4vw 0 rgba(0, 0, 0, 0.5); }

body.larger #puzzle_area [id^="pz_"]:hover {
  transform: scale(105%) translateX(-1vh) translateY(-1vh);
  box-shadow: 2vh 2vh 2vh 0 rgba(0, 0, 0, 0.5); }
body.larger #puzzle_area [id^="pz_"]:focus, #puzzle_area [id^="pz_"].focus, #puzzle_area [id^="pz_"].focus:hover{
  transform: scale(105%) translateX(-1vh) translateY(-1vh);
  box-shadow: inset 0 0 0.35vh 0.35vh #00ffe0, 2vh 2vh 2vh 0 rgba(0, 0, 0, 0.5)!important; }

main.quiz .quiz_buttons {
  font-size: 3.5%; }

body.taller main.quiz .quiz_buttons .btn:not(:last-of-type) {
  margin-bottom: 4vw; }

body.larger main.quiz .quiz_buttons .btn:not(:last-of-type) {
  margin-bottom: 2vh; }

main.anagram #anagram, main.anagram #letters {
  height: 17.5%;
  font-size: 3.5%;
  margin-top: auto;
  margin-bottom: auto; }
  main.anagram #anagram [id^="box_"], main.anagram #letters [id^="box_"] {
    background-color: #fff;
    float: left; }
  main.anagram #anagram [id^="letter_"], main.anagram #letters [id^="letter_"] {
    background-color: #8EBE4B;
    float: left;
    position: relative; }
    main.anagram #anagram [id^="letter_"]::before, main.anagram #letters [id^="letter_"]::before {
      position: absolute;
      width: 100%;
      height: 100%;
      color: #fff;
      text-align: center;
      font-size: 275%;
      line-height: 150%; }
  main.anagram #anagram #letter_01::before, main.anagram #letters #letter_01::before {
    content: 'V'; }
  main.anagram #anagram #letter_02::before, main.anagram #letters #letter_02::before {
    content: 'I'; }
  main.anagram #anagram #letter_03::before, main.anagram #letters #letter_03::before {
    content: 'S'; }
  main.anagram #anagram #letter_04::before, main.anagram #letters #letter_04::before {
    content: 'I'; }
  main.anagram #anagram #letter_05::before, main.anagram #letters #letter_05::before {
    content: 'T'; }
  main.anagram #anagram #letter_06::before, main.anagram #letters #letter_06::before {
    content: 'S'; }
  main.anagram #anagram #letter_07::before, main.anagram #letters #letter_07::before {
    content: 'A'; }
  main.anagram #anagram #letter_08::before, main.anagram #letters #letter_08::before {
    content: 'L'; }
  main.anagram #anagram #letter_09::before, main.anagram #letters #letter_09::before {
    content: 'U'; }
  main.anagram #anagram #letter_10::before, main.anagram #letters #letter_10::before {
    content: 'Z'; }
  main.anagram #anagram #letter_11::before, main.anagram #letters #letter_11::before {
    content: 'Z'; }
  main.anagram #anagram #letter_12::before, main.anagram #letters #letter_12::before {
    content: 'O'; }
  main.anagram #anagram [id^="letter_"].uncollected, main.anagram #letters [id^="letter_"].uncollected {
    filter: grayscale(1); }
    main.anagram #anagram [id^="letter_"].uncollected::before, main.anagram #letters [id^="letter_"].uncollected::before {
      content: '?' !important; }
main.anagram #anagram div:nth-child(6) {
  clear: left; }

body.taller main.anagram #anagram [id^="box_"], body.taller main.anagram #anagram [id^="letter_"], body.taller main.anagram #letters [id^="box_"], body.taller main.anagram #letters [id^="letter_"] {
  width: 8.43vw;
  height: 14vw;
  margin-top: 2vw;
  border-radius: 2vw; }
  body.taller main.anagram #anagram [id^="box_"]:not(:last-of-type), body.taller main.anagram #anagram [id^="letter_"]:not(:last-of-type), body.taller main.anagram #letters [id^="box_"]:not(:last-of-type), body.taller main.anagram #letters [id^="letter_"]:not(:last-of-type) {
    margin-right: 2vw; }
body.taller main.anagram #anagram [id^="box_"], body.taller main.anagram #letters [id^="box_"] {
  box-shadow: inset 0.5vw 0.5vw 0 0.5vw #8EBE4B; }
body.taller main.anagram #anagram [id^="letter_"], body.taller main.anagram #letters [id^="letter_"] {
  box-shadow: inset 0 0 0 0.5vw #49A14C; }
  body.taller main.anagram #anagram [id^="letter_"]::before, body.taller main.anagram #letters [id^="letter_"]::before {
    text-shadow: -0.5vw 0.5vw 0 #49A14C; }
body.taller main.anagram #letters [id^="letter_"]:nth-child(9) {
  margin-right: 0; }

body.larger main.anagram #anagram [id^="box_"], body.larger main.anagram #anagram [id^="letter_"], body.larger main.anagram #letters [id^="box_"], body.larger main.anagram #letters [id^="letter_"] {
  width: 4.05vh;
  height: 7vh;
  margin-top: 1vh;
  border-radius: 1vh; }
  body.larger main.anagram #anagram [id^="box_"]:not(:last-of-type), body.larger main.anagram #anagram [id^="letter_"]:not(:last-of-type), body.larger main.anagram #letters [id^="box_"]:not(:last-of-type), body.larger main.anagram #letters [id^="letter_"]:not(:last-of-type) {
    margin-right: 1vh; }
body.larger main.anagram #anagram [id^="box_"], body.larger main.anagram #letters [id^="box_"] {
  box-shadow: inset 0.25vh 0.25vh 0 0.25vh #8EBE4B; }
body.larger main.anagram #anagram [id^="letter_"], body.larger main.anagram #letters [id^="letter_"] {
  box-shadow: inset 0 0 0 0.25vh #49A14C; }
  body.larger main.anagram #anagram [id^="letter_"]::before, body.larger main.anagram #letters [id^="letter_"]::before {
    text-shadow: -0.25vh 0.25vh 0 #49A14C; }
body.larger main.anagram #letters [id^="letter_"]:nth-child(9) {
  margin-right: 0; }

main.name .input_name {
  font-size: 3.5%;
  margin-top: auto;
  margin-bottom: auto; }
  main.name .input_name input[type="text"].text {
    font-size: 171.4285714%; }

body.taller main.name .mentor_dialog {
  margin-bottom: 0; }

body.larger main.name .mentor_dialog {
  margin-bottom: 0; }

.certificate {
  position: relative;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  font-size: 3.5%;
  text-align: center;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='layer_x5F_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 150 150' style='enable-background:new 0 0 150 150;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%234B9B4D;%7D .st1%7Bfill:%23FBF1DF;%7D%0A%3C/style%3E%3Cpath id='Tracciato_41' class='st0' d='M112.9,33.8c-0.3,0-0.7-0.1-0.9-0.3c-7.1-5-20.5-8.4-35.9-8.4s-28.8,3.4-35.9,8.4 c-0.3,0.2-0.6,0.3-0.9,0.3H3.9c-0.9,0-1.6,0.7-1.6,1.6v81.5c0,0.9,0.7,1.6,1.6,1.6h35.4c0.3,0,0.7,0.1,0.9,0.3 c7.1,5,20.5,8.4,35.9,8.4s28.8-3.4,35.9-8.4c0.3-0.2,0.6-0.3,0.9-0.3h35.4c0.9,0,1.6-0.7,1.6-1.6V35.4c0-0.9-0.7-1.6-1.6-1.6 L112.9,33.8z'/%3E%3Cpath id='Tracciato_39' class='st1' d='M110.7,31.5c-0.3,0-0.7-0.1-0.9-0.3c-7.1-5-20.5-8.4-35.9-8.4S45,26.1,38,31.2 c-0.3,0.2-0.6,0.3-0.9,0.3H1.6c-0.9,0-1.6,0.7-1.6,1.6v81.5c0,0.9,0.7,1.6,1.6,1.6h35.4c0.3,0,0.7,0.1,0.9,0.3 c7.1,5,20.5,8.4,35.9,8.4s28.8-3.4,35.9-8.4c0.3-0.2,0.6-0.3,0.9-0.3h35.4c0.9,0,1.6-0.7,1.6-1.6V33.1c0-0.9-0.7-1.6-1.6-1.6 L110.7,31.5z'/%3E%3Cpath id='Tracciato_40' class='st0' d='M73.9,122.7c-7,0-14-0.7-20.9-2.3c-6-1.5-10.8-3.5-14-5.9l-0.6-0.5H2.3V33.7h36.1l0.6-0.5 c3.2-2.4,8.1-4.5,14-5.9c6.8-1.6,13.9-2.4,20.9-2.3c7,0,14,0.7,20.9,2.3c6,1.5,10.8,3.5,14,5.9l0.6,0.5h36.1V114h-36.1l-0.6,0.5 c-3.2,2.4-8.1,4.5-14,5.9C87.9,122,80.9,122.7,73.9,122.7 M3.9,112.4h35l1,0.8c3,2.3,7.7,4.2,13.5,5.6c6.7,1.6,13.6,2.3,20.5,2.3 c6.9,0,13.8-0.7,20.5-2.3c5.8-1.4,10.4-3.4,13.5-5.6l1-0.8h35v-77h-35l-1-0.8c-3.1-2.3-7.7-4.2-13.5-5.6c-6.7-1.6-13.6-2.3-20.5-2.3 c-6.9,0-13.8,0.7-20.5,2.3c-5.8,1.4-10.4,3.4-13.5,5.6l-1,0.8h-35L3.9,112.4z'/%3E%3C/svg%3E"); }
  .certificate::after {
    content: '';
    position: absolute;
    width: 25%;
    padding-top: 25%;
    background-image: url("/img/saluzzo-wax-seal.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    bottom: 0; }
  .certificate .title, .certificate .user_name, .certificate .degree, .certificate .date {
    position: absolute; }
  .certificate .title, .certificate .user_name, .certificate .degree {
    width: 100%;
    margin: 0 auto; }
  .certificate .title {
    color: #49A14C;
    font-size: 180%;
    top: 20%; }
  .certificate .user_name {
    color: #3C2815;
    font-size: 260%;
    top: 40%; }
  .certificate .degree {
    color: #49A14C;
    font-size: 125%;
    top: 58%; }
  .certificate .date {
    color: #3C2815;
    font-size: 125%;
    text-align: left;
    top: 74%;
    left: 5%; }

body.taller .certificate {
  height: 64vw; }
  body.taller .certificate::after {
    right: 4vw; }

body.larger .certificate {
  height: 32vh; }
  body.larger .certificate::after {
    right: 2vh; }

main.testuale {
  color: #fff;
  font-family: 'Montserrat'; }
  main.testuale #content {
    font-size: 3.5%;
    background-color: rgba(0, 0, 0, 0.25);
    overflow-y: auto;
    scrollbar-width: none; }
    main.testuale #content::-webkit-scrollbar {
      display: none; }
  main.testuale h1, main.testuale h2, main.testuale h3, main.testuale h4, main.testuale h5, main.testuale h6 {
    margin-top: 0;
    font-family: 'hey_comicregular'; }
  main.testuale p {
    font-size: 90%;
    margin-left: auto;
    margin-right: auto; }
    main.testuale p a {
      color: inherit;
      font-weight: bold; }
  main.testuale hr {
    width: 100%;
    border: none;
    height: 1px;
    background-color: #fff;
    opacity: 0.33; }
  main.testuale img.fullwidth {
    width: 100%; }
  main.testuale img.logo {
    width: 33.34%;
    display: block; }
    main.testuale img.logo:not(:first-of-type) {
      margin-top: 20px; }
  main.testuale.credits h1, main.testuale.credits h2, main.testuale.credits h3, main.testuale.credits h4, main.testuale.credits h5, main.testuale.credits h6 {
    margin-bottom: 0; }
  main.testuale.credits p {
    margin-top: 0; }
  main.testuale .icon {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-size: cover; }
    main.testuale .icon.menu {
      background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='menu' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 150'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M75,0C33.58,0,0,33.58,0,75s33.58,75,75,75,75-33.58,75-75C149.95,33.6,116.4.05,75,0ZM75,142.11c-37.06,0-67.11-30.04-67.11-67.11S37.94,7.89,75,7.89s67.11,30.04,67.11,67.11-30.04,67.11-67.11,67.11Z'/%3E%3Cpath class='cls-1' d='M96.74,50.6c-14.39-2.41-29.09-2.41-43.48,0-1.96.35-3.5,1.88-3.84,3.84-.45,2.58,1.27,5.03,3.84,5.49,14.39,2.41,29.09,2.41,43.48,0,1.96-.35,3.5-1.88,3.84-3.84.45-2.58-1.27-5.03-3.84-5.49Z'/%3E%3Cpath class='cls-1' d='M96.74,70.34c-14.39-2.41-29.09-2.41-43.48,0-1.96.35-3.5,1.88-3.84,3.84-.45,2.58,1.27,5.03,3.84,5.49,14.39,2.41,29.09,2.41,43.48,0,1.96-.35,3.5-1.88,3.84-3.84.45-2.58-1.27-5.03-3.84-5.49Z'/%3E%3Cpath class='cls-1' d='M96.74,90.07c-14.39-2.41-29.09-2.41-43.48,0-1.96.35-3.5,1.88-3.84,3.84-.45,2.58,1.27,5.03,3.84,5.49,14.39,2.41,29.09,2.41,43.48,0,1.96-.35,3.5-1.88,3.84-3.84.45-2.58-1.27-5.03-3.84-5.49Z'/%3E%3C/svg%3E"); }
    main.testuale .icon.pin {
      background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='pin' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 150'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; %7D .cls-1, .cls-2 %7B stroke-width: 0px; %7D .cls-2 %7B fill: %23fff; %7D %3C/style%3E%3C/defs%3E%3Cpath id='Tracciato_14' data-name='Tracciato 14' class='cls-2' d='M74.97,150c2.29,0,4.44-1.13,5.73-3.03,42.05-61.71,49.86-68.05,49.86-90.73C130.94,25.56,106.37.38,75.68,0,45-.37,19.82,24.2,19.44,54.88c0,.45,0,.91,0,1.36,0,22.68,7.8,29.02,49.86,90.73,1.27,1.9,3.4,3.04,5.69,3.03M74.99,79.68c-12.95,0-23.44-10.49-23.44-23.44s10.49-23.44,23.44-23.44,23.44,10.49,23.44,23.44h0c0,12.95-10.49,23.44-23.44,23.44'/%3E%3Crect class='cls-1' width='150' height='150'/%3E%3C/svg%3E"); }

body.taller main.testuale #content {
  width: calc(100% - 8vw);
  height: calc(100% - 8vw);
  padding: 4vw;
  border-radius: 4vw; }
body.taller main.testuale h1, body.taller main.testuale h2, body.taller main.testuale h3, body.taller main.testuale b {
  text-shadow: 0.5vw 0.5vw 0 rgba(0, 0, 0, 0.5); }
body.taller main.testuale p:last-of-type {
  padding-bottom: 8vw; }
body.taller main.testuale hr {
  margin: 8vw auto; }
body.taller main.testuale img {
  margin: 4vw auto;
  border-radius: 2vw; }
body.taller main.testuale.credits p {
  margin-bottom: 8vw; }
body.taller main.testuale .icon {
  width: 3.5vw;
  height: 3.5vw;
  margin: 0.75vw 0 -0.75vw 0; }

body.larger main.testuale #content {
  width: calc(100% - 4vh);
  height: calc(100% - 4vh);
  padding: 2vh;
  border-radius: 2vh; }
body.larger main.testuale h1, body.larger main.testuale h2, body.larger main.testuale h3, body.larger main.testuale b {
  text-shadow: 0.25vh 0.25vh 0 rgba(0, 0, 0, 0.5); }
body.larger main.testuale p:last-of-type {
  padding-bottom: 4vh; }
body.larger main.testuale hr {
  margin: 4vh auto; }
body.larger main.testuale img {
  margin: 2vh auto;
  border-radius: 1vh; }
body.larger main.testuale.credits p {
  margin-bottom: 4vh; }
body.larger main.testuale .icon {
  width: 1.75vh;
  height: 1.75vh;
  margin: 0.375vh 0 -0.375vh 0; }

main.intro_screen {
  background-image: url("/img/main-image.jpg");
  background-size: cover;
  background-position: 50% 50%; }
  main.intro_screen.mcc_intro_screen {
    background-image: url("/img/mcc-image.jpg"); }

main.blue_bg {
  background-image: url("/img/main-image_blue.gif");
  background-size: cover;
  background-position: 50% 50%; }

main.blue_bg_flat {
  background-color: #418ac3; }

main.mcc_brown_bg {
  background-image: url("/img/mcc-img-brown.gif");
  background-size: cover;
  background-position: 50% 50%; }

main.green_bg {
  background-color: #398c3b; }

main.brown_bg {
  background-color: #E9934B; }

main.mcc_radialblue_bg {
  background: #4ab3ea;
  background: radial-gradient(circle, #4ab3ea 0%, #1a3a66 100%); }

@keyframes dots-bg {
    from {
    background-position: top left; }
  to {
    background-position: bottom right; } }
main.dots {
  background-image: url(data:image/gif;base64,R0lGODlhlgCWALMAAN7mMdvjLd/oNOLrON3lMOHqN97nMtzkLuDpNePsOdriKwAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAACWAJYAAAT/MMlJq61A6c27/2AojmTZAVeqrqyVmXAszzLa3rj60nzvx7acELf7GY9IRXDIvBST0CiwSaU8pdgsaFkVXrXgMLfb+obP2TE5ZUa7o+q19U0Xy9n1vDZObuv/PnxUfoCFNIJDhIaLU2uKjJAliGWRlT+TOpaaPZgum5+HiaCjNTmPpKgamKepqYisra6ZsbQkarC1snO5vCJBuL2ywMGuxMbHyMnKy8zNzs/Q0dLT1NXW19jZ2tvc3d7f4OFoBwAGBecCBgQB4m4BAgMrBQDs7VjvQgL19kgE8UMDCPA70imFgIE+DKw5iHCGgBYDChiYiMBgwxgP5QnsEKCihY0X/0dkTBFQhEcKA/aF/DDyAgKVHwJcMLASREtPJQpYGFDTgyBWOi3AXHlgBaygFUDWDPDPiYymFGj2VHCTAkMYBFJIrVk0RQGHWqdWnXBAhswUSi+enTkDqdCeWS/wLOV1qkKnMQ5AxWA3RVkYTFWknBr3rYkAbi1s7blXwinEKwZPVVAY5VAPkFek7Qmg8dcRiRVP5lhVJIurozm8+4faw1gKBS6n1hDg7xYWkmfPqCzXtu4YgTX/npF51nCMp4/L4G2htfIRwb3Kfs4y8nTqHbqS9I1dROhd3Udodxm+xOsEucuHaDxhsfqYgq+/Z97+/Qj6EuTPr2tfBH7n/XEwHs54AX7A3mYFbjAWggkqsBYFDYZw02cRfgBAUC9VqOGGHHZYCQETqePhBg+ix2CDagDY4F0WcBchi0l1iN+JAZYoAYUc3jSAixoCgEABAgwz4pBEFmnkkUgmqeSSTDbp5JNQRlmLkO+hQGV4vxDJxZXK3dIhH1zO9kqFq6BoSoEFOdZfmhOEiRCbBFIHJ1/YzYlTl3ck4KY3dhonZp5xTtUnJaMNesOe1RhKBGeAsoAoNIqK0lCkTDy6DKVNWIoMpoO0w2kVmvbyaRehTnlHBAA7);
  animation-name: dots-bg;
  animation-duration: 120s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  background-size: 20%; }

main.dots.mcc_dots {
  background-image: url(data:image/gif;base64,R0lGODlhlgCWAIAAAG9HG041HSH5BAAAAAAALAAAAACWAJYAAAL/hI+pGe0Po5y02ovl2rx7lYXiSJbNh6abybbuqMbxS9e2I+frzfelDkT4hkRMMFdMKiNH2fL5bH6gVKXUU80WryCt18dlfMe8MPl8M6PXtCb7/XLD5ywd/W6y4/ewFP8vogI4mIFFeGhhiLg4scD42NgFOflwQHlZaYC5ydnp+QkaKjpKWmp6ipqqusra6voKGys7S1tre4urpZhbNsNbo/dbdyT8I1UcyIVshMK0sxzZkegI7Sx9QV2Nc80sWb2LnQ0NHu69zB3yfM5hLC6Mnmz+zk5Cjwyfrj7vnq//a9/HXy6A8QQO5NfN4EF55QjuE9PP4UOIDRX+s7iN3DiGyxCaabOmqYLHj8PwkSyI8aTIKSrrsWyJMiVMkDJnZjJpk8LLnAkR8owm8SdNn0I74ixqtKZQjUiTEm2a8SnUAEenUlVaNKjVE1iXdvXKcStXimI1kC0LEq3atWzbuoV0lq3UrV9/aqVbN+ddq3l5hn0LOLDgwYQLGz6MOLHixYwbO35cKuRgS4L/lp07tSpUpptHihX02UlmJE2JIZVj94pfZTPDUG7p+jXJ2HGL0a7N6zZmWrp3x+q99zfwvpGHa3ZlnDPy5DthXSkAADs=); }