
#canvasXXL0
{
  position: absolute;
  left: 50%;
  margin-left: -427px;
  width: 205px;
  top: -45px;
  height: 667px;
pointer-events: none;
  z-index: 24;
}
#canvasXXL1
{
  position: absolute;
  left: 50%;
  margin-left: -255px;
  width: 193px;
  top: -45px;
  height: 667px;
  pointer-events: none;
  z-index: 24;
}


#canvasXXL2
{
  position: absolute;
  left: 50%;
  margin-left: -93px;
  width: 205px;
  top: -45px;
  height: 667px;
  pointer-events: none;
  z-index: 24;
}


#canvasXXL3
{
  position: absolute;
  left: 50%;
  margin-left: 67px;
  width: 205px;
  top: -45px;
  height: 667px;
  pointer-events: none;
  z-index: 24;
}


#canvasXXL4
{
  position: absolute;
  left: 50%;
  margin-left: 230px;
  width: 205px;
  top: -45px;
  height: 667px;
  pointer-events: none;
  z-index: 24;
}



#suspense0
{
  position: absolute;
  left: 50%;
  margin-left: -88px;
  width: 180px;
  top: 80px;
  height: 518px;
  pointer-events: none;
  z-index: 24;
}


#suspense1
{
  position: absolute;
  left: 50%;
  margin-left: 74px;
  width: 180px;
  top: 80px;
  height: 518px;
  pointer-events: none;
  z-index: 24;
}


#suspense2
{
  position: absolute;
  left: 50%;
  margin-left: 234px;
  width: 190px;
  top: 80px;
  height: 518px;
  pointer-events: none;
  z-index: 24;
}

.canvasSuspense_dietro
{
  z-index: 0 !important;

}
#suspense0_dietro{
  position: absolute;
  left: 50%;
  margin-left: -88px;
  width: 180px;
  top: 80px;
  height: 518px;
  pointer-events: none;
  z-index: 24;
}


#suspense1_dietro{

  position: absolute;
  left: 50%;
  margin-left: 74px;
  width: 180px;
  top: 80px;
  height: 518px;
  pointer-events: none;
  z-index: 24;
}


#suspense2_dietro{

  position: absolute;
  left: 50%;
  margin-left: 234px;
  width: 190px;
  top: 80px;
  height: 518px;
  pointer-events: none;
  z-index: 24;
}






.canvasLinea {
  left: 50%;
  margin-left: -500px;
  width: 1000px;
  height: 669px;
  top: 16px;
  z-index: 14;
}

#maschera_linea {
  left: 50%;
  margin-left: -410px;
  width: 824px;
  top: 97px;
  height: 489px;
  z-index: 1;
}

.canvas_simboli {
  margin-left: 99px;
  margin-bottom: 114px;
  z-index: 15
}

.canvas_simboli_crazy {
  margin-left: 99px;
  margin-bottom: 114px;
  z-index: 15
}

.statici_rulli {
  margin-left: 99px;
  margin-bottom: 114px;
  z-index: 13
}


#body_tag:not(.ptClass):not(.lsClass) {
  --font-size: 15px;
}

#body_tag:not(.ptClass):not(.lsClass) canvas#canvas_linee {
  top: 50px !important;
  left: 18px !important;
  width: 990px !important;
  height: 539px !important;
}

#body_tag:not(.ptClass):not(.lsClass) canvas#canvas_linee_animate {
  z-index: 10;
  width: 813px;
  height: 484px;
  position: absolute;
  top: 107px;
  left: 107px;
}

#body_tag:not(.ptClass):not(.lsClass) canvas#canvas_popup {
  z-index: 4;
  width: 1024px;
  height: 700px;
  position: absolute;
  top: 0px;
  left: 0px;
}

#body_tag:not(.ptClass):not(.lsClass) canvas#canvas_barre {
  z-index: 4;
  width: 1024px;
  height: 700px;
  position: absolute;
  top: 0px;
  left: 0px;
}

#body_tag:not(.ptClass):not(.lsClass) canvas#canvas_barra_sx,
#body_tag:not(.ptClass):not(.lsClass) canvas#canvas_barra_dx {
  z-index: 4;
  width: 88px; /* 288/222 */
  height: 608px; /* 1764/1626 */
  position: absolute;
  top: 78px;
}

#body_tag:not(.ptClass):not(.lsClass) canvas#canvas_barra_sx {
  left: 34px;
  clip-path: polygon(
    0 0,
    63% 0,
    65% 2%,
    68% 2.4%,
    70% 2.7%,
    72% 3%,
    80% 3.3%,
    80% 87.9%,
    0 87.9%
  );
}
#body_tag:not(.ptClass):not(.lsClass) canvas#canvas_barra_dx {
  right: 10px;
  clip-path: polygon(
    10% 0,
    8% 2%,
    6% 2.4%,
    4% 2.7%,
    2% 3%,
    0 3.3%,
    0 87.9%,
    100% 87.9%,
    100% 0
  );
}

#body_tag:not(.ptClass):not(.lsClass) canvas.canvas_wild {
  width: 158px;
  height: 536px;
  position: fixed;
  transform-origin: 50% 100%;
  transform: scale(1.245);
  top: 86px;
  z-index: 9;
}

#body_tag:not(.ptClass):not(.lsClass) canvas.canvas_scatter {
  width: 158px;
  height: 100%;
  position: absolute;
}

#body_tag:not(.ptClass):not(.lsClass) canvas.canvas_sticky,
#body_tag:not(.ptClass):not(.lsClass) canvas.canvas_walking,
#body_tag:not(.ptClass):not(.lsClass) canvas.canvas_simbolo_pre_suspance {
  width: calc(150px * 1.73);
  height: calc(175px * 1.73);
  position: absolute;
  border: 2px solid transparent; /* per aggiustare le coordinate */
  top: 0px;
  left: 0px;
  z-index: 5;
}

#body_tag:not(.ptClass):not(.lsClass)
  canvas.canvas_simbolo_pre_suspance[data-simbolo="CRAZY_LONG"] {
  z-index: 999;
}

#body_tag:not(.ptClass):not(.lsClass) img#barre_accese {
  top: 9px;
  left: 135px;
  position: absolute;
  pointer-events: none;
  width: 750px;
  height: 650px;
  z-index: 4;
  transform: scaleX(1.38);
}

#body_tag:not(.ptClass):not(.lsClass) #respin_corner {
  display: none;
  position: fixed;
  right: 54px;
  top: 501px;
  width: 250px;
  z-index: 4;
}

#body_tag:not(.ptClass):not(.lsClass) #freespin_corner {
  display: flex;
  position: fixed;
  right: 56px;
  top: 559px;
  z-index: 4;
}

#body_tag:not(.ptClass):not(.lsClass) #freespin_corner img:nth-of-type(1) {
  height: 44px;
  transform: translateX(12px) translateY(5px);
}
#body_tag:not(.ptClass):not(.lsClass) #freespin_corner img:nth-of-type(2) {
  height: 44px;
  transform: translateX(8px) translateY(5px);
}
#body_tag:not(.ptClass):not(.lsClass) #freespin_corner img:nth-of-type(3) {
  width: 215px;
}

#body_tag:not(.ptClass):not(.lsClass) #anima_vincita_container_progressivo,
#body_tag:not(.ptClass):not(.lsClass) #anima_vincita_container {
  --scale: 0.68;
  top: 490px;
}

#body_tag:not(.ptClass):not(.lsClass) #alpha_bg {
  z-index: 4;
}
#body_tag:not(.ptClass):not(.lsClass) #popup_bg {
  z-index: 4;
}
#body_tag:not(.ptClass):not(.lsClass) #sticky_bg {
  top: 0px;
  left: 0px;
  width: 100% !important;
}
#body_tag:not(.ptClass):not(.lsClass) #scritta_bg {
  z-index: 11;
}

#valore_barile1 {
  transform: scale(1.5);
  font-size: 60px !important;
}

#valore_barile2 {
  transform: scale(1.5);
  font-size: 60px !important;

  margin-left: -126px !important;
}

#valore_barile3 {
  transform: scale(1.5);
  /*   margin-left: 35px !important;*/
  font-size: 60px !important;
  margin-left: 95px !important;
}

#valore_scrigno1 {
  transform: scale(1.5);
  font-size: 60px !important;
  color: white !important;
  text-shadow: 6px 6px 6px rgba(0, 0, 0, 1) !important;
  margin-left: -320px !important;
}

#valore_scrigno2 {
  transform: scale(1.5);
  color: white !important;
  font-size: 60px !important;
  text-shadow: 6px 6px 6px rgba(0, 0, 0, 1) !important;
}

#valore_scrigno3 {
  transform: scale(1.5);
  text-shadow: 6px 6px 6px rgba(0, 0, 0, 1) !important;

  color: white !important;
  font-size: 60px !important;
}

#scrigno1 {
  margin-left: -324px !important;
  top: 179px !important;
  transform: scale(1.1);
}

#scrigno1Back {
  margin-left: -330px !important;
  top: 171px !important;
  transform: scale(1.1);
}

#scrigno2 {
  transform: scale(1.1);
}

#scrigno2Back {
  transform: scale(1.1);
}

#scrigno3 {
  transform: scale(1.1);
}

#scrigno3Back {
  transform: scale(1.1);
}

#body_tag {
  position: absolute;
  left: 0;
  top: 0;
  width: 1024px;
  height: 780px;
  margin: 0;
  overflow: hidden;

  color: #fae4ce;
  /*    text-shadow: 0px 1px 2px rgba(0, 0, 0, 1);*/
}

#contenitore_sfondo {
  position: absolute;
  left: 0;
  top: 0;
  width: 800px;
  height: 780px;
  overflow: hidden;
}

.testoSuPulsanteIcona {
  width: calc(100% - 45px);
  left: 40px !important;
  text-align: center;
}

.immagineSuPulsante {
  width: 50px !important;
}

.btnQFGenericoSchiacciato > svg {
  height: 22px !important;
}

#cronologia_chiudi_btn {
  position: absolute;
  top: 0;
  width: 48px;
  height: 48px;
}

#header {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 40px;
  /*background-image: url("../img/header.png");*/
  overflow: hidden;
  z-index: 145;
  background-repeat: repeat-x;
  background-size: auto 40px;
  line-height: 40px;
}

#scritta_credito {
  position: absolute;
  right: 30px;
  width: 160px;
  height: 40px;
  top: 0;

  text-align: right;
  color: white;
  font-size: 16px;
  line-height: 40px;
}

#Tistruzioni {
  display: none;
  position: absolute;
  left: 50%;
  top: 410px;
  pointer-events: none;
  font-size: 19px;
  color: black;
  width: 160px;
  margin-left: -125px;
  background-color: white;
  text-align: center;
  padding: 15px;
  z-index: 112;
}

#freccia {
  /*
	position:absolute;left:65px;bottom:-30px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 20px 0 20px;
	border-color:#f2b800 transparent transparent transparent;
	*/
  z-index: 2;
  left: 85px;
  bottom: -30px;
  position: absolute;
  -ms-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  -webkit-animation: updownFreccia 1.5s infinite;
  animation: updownFreccia 1.5s infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-fill-mode: initial;
  animation-fill-mode: initial;
}

@-webkit-keyframes updownFreccia {
  0% {
    bottom: -40px;
    opacity: 0;
  }
  4% {
    bottom: -40px;
    opacity: 0;
  }
  25% {
    bottom: -40px;
    opacity: 1;
  }
  80% {
    bottom: -60px;
    opacity: 1;
  }
  100% {
    bottom: -60px;
    opacity: 0;
  }
}

/* Standard syntax */
@keyframes updownFreccia {
  0% {
    bottom: -40px;
    opacity: 0;
  }
  4% {
    bottom: -40px;
    opacity: 0;
  }
  25% {
    bottom: -40px;
    opacity: 1;
  }
  80% {
    bottom: -60px;
    opacity: 1;
  }
  100% {
    bottom: -60px;
    opacity: 0;
  }
}

#area_gioco {
  position: absolute;
  left: 0;
  top: 40px;
  height: 710px;
  width: 800px;
  background-color: transparent;
  overflow: hidden;
}

#btnCheat {
  position: absolute;
  right: 100px;
  cursor: pointer;
  bottom: 100px;
  z-index: 9999999;
}

#clipAlert {
  position: absolute;
  left: 50%;
  width: 300px;
  height: 230px;
  margin-left: -150px;
  margin-top: -200px;
  top: 50%;
  display: none;
  z-index: 9123;
  background-color: black;
}

#titolo {
  position: absolute;
  left: 1px;
  width: calc(100% - 2px);
  height: 60px;
  top: 1px;
  text-align: center;
  line-height: 60px;
  font-size: 25px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 1);
  color: white;
}

#testo {
  position: absolute;
  left: 2%;
  width: 96%;
  height: 100px;
  top: 60px;
  font-size: 21px;
  text-align: center;
  color: white;
  line-height: 20px;
}

#pulsante {
  position: absolute;
  left: 85px;
  width: 130px;
  height: 50px;
  top: 160px;
  color: white;
  font-size: 18px;
  line-height: 50px;
  text-shadow: none;
}

#clipModGioco {
  display: none;
}

#clipCheatToolContenitore {
  position: absolute;
  left: 50%;
  margin-left: -300px;
  top: 20px;
  display: block;
  width: 600px;
  height: 600px;
}

#div_iframe_cronologia {
  position: absolute;
  left: 0;
  top: 60px;
  width: 100%;
  height: 720px;
  border: 0;
  overflow-y: scroll;
}

#pulsante_chiusura_cronologia {
  position: absolute;
  right: 5px;
  top: 5px;
  /*color: black;*/
  text-align: center;
  cursor: pointer;
  width: 48px;
  z-index: 9992;
}

.mascheraScura {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}

#clipFondi {
  position: absolute;
  left: 50%;
  margin-left: -190px;
  width: 380px;
  height: 330px;
  display: block;
  top: 100px;
}

.titoloSuPoPup {
  position: absolute;
  left: 1px;
  top: 1px;
  width: calc(100% - 2px);
  height: 80px;
  line-height: 80px;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  color: white;
}

#messaggio_di_informazione_saldo {
  position: absolute;
  left: 0;
  top: 65px;
  width: 100%;
  height: 60px;
  line-height: 30px;
  font-size: 25px;
  text-align: center;
  color: white;
}

#messsaggio_di_richiesta_importo {
  position: absolute;
  left: 0;
  top: 110px;
  width: 100%;
  height: 30px;
  line-height: 20px;
  font-size: 20px;
  text-align: center;
  color: white;
}

#valore_fondi_aggiunti {
  position: absolute;
  left: 15%;
  width: 70%;
  top: 170px;
  height: 40px;
  font-size: 20px;
  text-align: center;
}

#pulsante_uscita_fondi {
  position: absolute;
  width: 150px;
  height: 50px;
  bottom: 30px;
  left: 20px;
  line-height: 50px;
  text-align: center;
  font-size: 20px;
  background-color: #a0a0a0;
  text-shadow: none;
}

#pulsante_aggiungta_fondi {
  cursor: pointer;
  position: absolute;
  bottom: 30px;
  right: 20px;
  width: 150px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 20px;
  text-shadow: none;
}

.angoliArrotondati14 {
  -webkit-box-shadow: 0 0 17px 0 rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0 0 17px 0 rgba(0, 0, 0, 0.75);
  box-shadow: 0 0 17px 0 rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
}

.angoliArrotondati10 {
  -webkit-box-shadow: 0 0 17px 0 rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0 0 17px 0 rgba(0, 0, 0, 0.75);
  box-shadow: 0 0 17px 0 rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
}

.angoliArrotondati10NoOmbra {
  -webkit-box-shadow: 0 0 17px 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 17px 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 17px 0 rgba(0, 0, 0, 0);
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
  text-align: center;
}

#footer_div {
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0 !important;
  height: 30px !important;
  width: 100%;
}

#fondi_block {
  z-index: 999;
  position: absolute !important;
  width: 100%;
  height: 100%;
}

#loader_gif_fondi {
  position: absolute;
  left: 50%;
  bottom: 30px;
  margin-left: -40px;
  display: none;
}

#card_container > .cartaGenerica {
  height: 80px !important;
  margin-top: 25px;
}

#card_container > .cartaGenerica > img {
  height: 80px !important;
}

.soloMobile {
  display: none;
  pointer-events: none;
  opacity: 0;
}

#body_tag {
  position: absolute;
  left: 0;
  top: 0;
  width: 1024px;
  height: 700px !important;

  margin: 0;
  font-family: Katibeh, sans-serif;

  overflow: hidden !important;
}

#layer_rulli {
  position: absolute;
  left: 0;
  top: 0;
  width: 1024px;
  height: 700px;

  margin: 0;
  font-family: Arial Black, Arial Bold, Gadget, sans-serif;

  overflow: hidden;
  display: none;
  z-index: 12;
}

#pulsante_aggiungi_fondi {
  position: absolute;
  left: 54px;
  top: 45px;
  cursor: pointer;
  margin-top: 535px;
  margin-left: 120px;
  width: 124px;
  z-index: 10;
}

#pulsante_esci {
  position: absolute;
  left: 54px;
  top: 70px;
  cursor: pointer;
  margin-top: 535px;
  margin-left: 120px;
  z-index: 10;
  width: 124px;
}

#pulsante_mio_conto {
  position: absolute;
  left: 54px;
  top: 95px;
  margin-top: 535px;
  margin-left: 120px;
  width: 124px;
  z-index: 10;
}

#pulsante_barra {
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-top: 535px;
  margin-left: -430px;
  width: 860px;
  z-index: 6;
  background-color: rgba(150, 150, 150, 0.3);
  height: 140px;
}

#pulsante_barra_2 {
  position: absolute;
  left: 0;
  bottom: 140px;

  margin-left: 285px;
  width: 590px;
  z-index: 6;
  background-color: rgba(0, 0, 0, 0.3);
  height: 40px;

  display: none;
}

#regolamento {
  position: absolute;
  left: 44px;
  top: 89px;
  margin-top: 535px;
  margin-left: 120px;
  height: 19px;
  z-index: 10;
}

#cronologia {
  position: absolute;
  left: 180px;
  top: 89px;
  margin-top: 535px;
  margin-left: 120px;
  height: 19px;
  z-index: 10;
}

#schermataSlot {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  /*    height: 100%;*/
  z-index: 10;
  /*  overflow: hidden;*/
}

#sfondo {
  position: absolute;
  left: 0;
  top: 0;
  width: 1024px;
  z-index: 0;
}

#sfondo_JK {
  position: absolute;
  right: 0;
  top: 0;
  height: 700px;
  width: 1024px;
  z-index: 1;
  display: none;
}

#label_credito {
  position: absolute;
  right: 175px;
  top: 520px;
  line-height: 24px;
  z-index: 333;
  color: white;
  height: 24px;
  width: 110px;
  background-color: transparent;
  text-align: center;
  font-size: 16px;
}

#label_linee {
  position: absolute;
  right: 140px;
  top: 490px;
  line-height: 30px;
  z-index: 333;
  color: #fe8d02;

  height: 30px;
  width: 90px;
  text-align: left;
  display: none;
}

#label_puntata {
  position: absolute;
  right: 140px;
  top: 490px;
  line-height: 30px;
  z-index: 333;
  color: #fe8d02;

  height: 30px;
  width: 90px;
  text-align: left;
  display: none;
}

#label_puntata_top {
  position: absolute;
  right: 140px;
  top: 490px;
  line-height: 30px;
  z-index: 333;
  color: #fe8d02;

  height: 30px;
  width: 90px;
  text-align: left;
  display: none;
}

#infoVincita {
  position: absolute;
  left: 308px;
  top: 529px;
  line-height: 24px;
  z-index: 333;
  color: white;

  height: 24px;
  width: 280px;
  font-size: 16px;
  background-color: TRANSPARENT;
  text-align: center;
  display: none !important;
}

#label_vincita {
  position: absolute;
  right: 295px;
  top: 520px;
  line-height: 24px;
  z-index: 333;
  color: white;

  height: 24px;
  width: 110px;
  background-color: transparent;
  text-align: center;
  font-size: 16px;
}

#boxSTATOAS {
  position: absolute;
  right: -4px;
  cursor: pointer;
  bottom: 4px;
  z-index: 10;
  width: 85px;
}

.AS_rimanenti {
  position: absolute;
  right: 0px;
  width: 80px;
  height: 35px;
  bottom: 1px;
  text-align: center;
  line-height: 17px;
  color: white;
  font-size: 16px;
  z-index: 100;
}

#pulsantiera_sfondo_bis {
  top: 229px !important;
}

#FS_rimanenti {
  position: absolute;
  left: 563px;
  width: 60px;
  height: 35px;
  top: 28px;
  text-align: center;
  line-height: 25px;
  color: #ffffff;
  font-size: 16px;
  z-index: 100;
}

#FS_moltiplicatore {
  position: absolute;
  left: 403px;
  width: 60px;
  height: 35px;
  top: 28px;
  text-align: center;
  line-height: 25px;
  color: #ffffff;
  font-size: 16px;
  z-index: 100;
}

#pulsante_autostart {
  position: absolute;
  right: -4px;
  cursor: pointer;
  bottom: 21px;
  z-index: 10;
  width: 85px;
}

#pulsante_massima {
  position: absolute;
  left: -3px;
  cursor: pointer;
  bottom: 21px;
  z-index: 10;
  width: 85px;
}

#spinna {
  position: absolute;
  left: 50%;
  bottom: 23px;
  cursor: pointer;
  margin-left: -37.2px;
  z-index: 10;
  width: 75px;
}

#stoppa {
  position: absolute;
  left: 50%;
  bottom: 23px;
  cursor: pointer;
  margin-left: -37.2px;
  z-index: 10;
  width: 75px;
  display: none;
}

#ubet {
  position: absolute;
  bottom: 32px;
  left: 173px;
  width: 67px;
  height: 38px;
  text-align: center;
  color: #fff;
  line-height: 41px;
  font-size: var(--font-size);
  z-index: 13;
}

#aumenta_Ubet {
  position: absolute;
  bottom: 42px;
  left: 238px;
  width: 21px;
  height: 27px;
  z-index: 14;
  cursor: pointer;
  opacity: 1;
}

#diminuisciUbet {
  position: absolute;
  bottom: 42px;
  left: 156px;
  width: 21px;
  height: 27px;
  z-index: 14;
  cursor: pointer;
  opacity: 1;
}

#totUbet {
  position: absolute;
  bottom: 32px;
  left: 280px;
  width: 106px;
  height: 38px;
  text-align: center;
  color: #fff;
  line-height: 41px;
  font-size: var(--font-size);
  z-index: 13;
}

#Tcredito {
  position: absolute;
  bottom: 32px;
  right: 151px;
  width: 106px;
  height: 38px;
  text-align: center;
  color: #fff;
  line-height: 41px;
  font-size: var(--font-size);
  z-index: 13;
}

#Tvincita {
  position: absolute;
  bottom: 32px;
  right: 273px;
  width: 106px;
  height: 38px;
  text-align: center;
  color: #fff;
  line-height: 41px;
  font-size: var(--font-size);
  z-index: 13;
}

#layer_free_spin {
  position: absolute;
  left: 0;
  width: 1024px;
  height: 700px;
  background-color: black;
  z-index: 10;
  display: block;
  pointer-events: none;
  opacity: 0;
}

#layer_free_spin_top {
  position: absolute;
  left: 0;
  width: 1024px;
  height: 700px;
  z-index: 910;
  display: block;
  pointer-events: none;
  opacity: 0;
}

#sfondo_FS {
  position: absolute;
  left: 0;
  top: 0;
  width: 1024px;
  height: 700px;
  z-index: 1;
}

#sfondo_FS1 {
  position: absolute;
  left: 0;
  top: 0;
  width: 1024px;
  height: 700px;
  z-index: 1;
}

#layer_ingresso_cordaFS {
  position: absolute;
  top: 700px;
  left: 50%;
  margin-left: -6px;
  width: 4px;
  height: 780px;
  background-color: blue;
  z-index: 999;
  transform-origin: top center;
  display: none;
}

#layer_bonus {
  position: absolute;
  left: 0;
  width: 1024px;
  height: 700px;
  background-color: red;
  z-index: 10;
  display: block;
  pointer-events: none;

  top: 0;
  opacity: 0;
}

#bonuscreenMSup {
  position: absolute;
  left: 0;
  top: 0;
  width: 1024px;
  height: 700px;
  display: none;
}

#bonuscreenMInf {
  position: absolute;
  left: 0;
  top: 0;
  width: 1024px;
  height: 700px;
  display: none;
}

#contenitore_sfondo_bonus {
  position: absolute;
  left: 0;
  top: 0;
  width: 1024px;
  height: 700px;
}

#layer_scelta_serratura {
  position: absolute;
  left: 0;
  top: 0;
  width: 1024px;
  height: 700px;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 10;
  pointer-events: none;
  opacity: 0;
}

.conclusioneBONUS {
  display: none;
}

#contenuto_mossa {
  position: absolute;
  left: 20px;
  top: 3px;
  z-index: 5;
  height: 10px;
  width: 320px;
  color: white;
  font-family: "Roboto Condensed", Arial, sans-serif;
  padding: 5px;
  line-height: 10px;
  font-size: 12px;
  border-radius: 5px;
}

#contenuto_biglietto {
  position: absolute;
  right: 10px;
  top: 5px;
  z-index: 5;
  background-color: #1c2b54;
  height: 10px;
  width: 220px;
  color: white;
  font-family: "Roboto Condensed", Arial, sans-serif;
  padding: 5px;
  line-height: 10px;
  font-size: 12px;
  border-radius: 5px;
}

#titolo_free_spin {
  color: white;
}

#resoconto_FS {
  position: absolute !important;
  color: white;
  left: 50%;
  margin-left: -413px;
  top: 50%;
  margin-top: -213px;
}

.divisoriRulli {
  display: none;
}

#griglia_rulli {
  position: absolute;
  left: 50%;
  top: 78px;
  margin-left: -262px;
  width: 527px;
  /* height: 535px; */
  z-index: 0;
}

#header_dk {
  z-index: 10 !important;
}

#header_dk_new {
  background-color: #181b52;
}

#header_dk_new.put_below:not(.put_below_for_wild) {
  z-index: 9 !important;
}

#sfondo_rulli {
  position: absolute;
  left: 50%;
  top: -31px;
  margin-left: -391px;
  width: 790px;
  height: 535px;
  z-index: 3;
  transform-origin: center top;
  -webkit-transform: scale(1.35);
  -moz-transform: scale(1.35);
  -ms-transform: scale(1.35);
  -o-transform: scale(1.35);
  transform: scale(1.35);
}

.centratura_rulli {
  position: absolute;
  left: 50%;
  top: 97px;
  width: 812px;
  height: 491px;
  z-index: 4;
  pointer-events: none;
  transform-origin: center top;
  overflow: visible !important;
  /* clip-path: polygon(0 -20%, 100% -20%, 100% 100%, 0 100%); */
  /* clip-path: polygon(0 -20%, 120% -20%, 120% 0, 100% 0, 100% 100%, 0 100%); */
  /*
  Alternativa che però non funziona su vecchie versioni safari
  overflow-y: visible !important;
  overflow-x: clip !important;
  */
}

#overlay_rulli {
  top: 0px !important;
  height: 411px !important;
  width: 812px !important;
  height: 491px !important;
}

#sotto_contenitore_rulli {
  top: 0px !important;
  height: 411px !important;
  width: 812px !important;
  height: 491px !important;
}

#rulli_superiori {
  z-index: 25 !important;
}

.riquadriRulli {
  -webkit-box-shadow: 10px 10px 5px 0 rgba(0, 0, 0, 0) !important;
  -moz-box-shadow: 10px 10px 5px 0 rgba(0, 0, 0, 0) !important;
  box-shadow: 10px 10px 5px 0 rgba(0, 0, 0, 0) !important;
}

#box_no_FS {
  bottom: 13px !important;
}
#banner_mossa {
  position: absolute;
  left: 200px;
  top: 1px;
}

#spazio_mossa {
  position: absolute;
  left: 210px;
  top: 5px;
  line-height: 10px;
  height: 10px;
  width: 75px;
  text-align: center;
}

#box_sinistra {
  position: absolute;
  left: 155px;
  width: 160px;
  z-index: 9;
  bottom: 40px;
}

#bonus_step {
  z-index: 99;
  width: 300px;
  position: absolute;
  left: 200px;
  bottom: 200px;
}

#spin_mancanti_JK {
  position: absolute;
  left: 116px;
  z-index: 11;
  bottom: 45px;
  height: 30px;
  line-height: 20px;
  width: 140px;
  text-align: center;
  font-size: 22px;
  color: white;
}

#indicatore_linea_vincenter {
  /*  top: 60px !important; */
}

.testoSottile {
  line-height: 12px !important;
}

#logo_bonus {
  left: 50%;
  margin-left: -194px;
  top: 0;
  z-index: 120;
  width: 430px;
}

#contenitore_BN_progresso {
  width: 100%;
}

#porta1 {
  position: absolute;
  left: 684px;
  top: 160px;
  opacity: 1;
  width: 100px;
  height: 100px;
  background-color: transparent;
  cursor: pointer;
}

#porta2 {
  position: absolute;
  left: 834px;
  top: 220px;
  opacity: 1;
  width: 100px;
  height: 100px;
  background-color: transparent;
  cursor: pointer;
}

#porta3 {
  position: absolute;
  left: 534px;
  top: 220px;
  opacity: 1;
  width: 100px;
  height: 100px;
  background-color: transparent;
  cursor: pointer;
}

#porta4 {
  position: absolute;
  left: 834px;
  top: 340px;
  opacity: 1;
  width: 100px;
  height: 100px;
  background-color: transparent;
  cursor: pointer;
}

#porta5 {
  position: absolute;
  left: 534px;
  top: 340px;
  opacity: 1;
  width: 100px;
  height: 100px;
  background-color: transparent;
  cursor: pointer;
}

#porta6 {
  position: absolute;
  left: 684px;
  top: 420px;
  opacity: 1;
  width: 100px;
  height: 100px;
  background-color: transparent;
  cursor: pointer;
}

#conteggio_linee {
  position: absolute;
  bottom: 32px;
  left: 60px;
  width: 50px;
  height: 38px;
  text-align: center;
  color: #fff;
  line-height: 41px;
  font-size: var(--font-size);
  z-index: 13;
}

#AS_scelta {
  position: absolute;
  z-index: 3;
  bottom: -14px;
  left: 39px;
  display: none;
  transform: scale(1);
}

#logo_rulli {
  position: absolute;
  left: 50%;
  margin-left: -161px;
  width: 322px;
  top: 9px;
  z-index: 930;
}

#logo_rulli.disable_logo_animation {
  z-index: 9;
}

.put_below_for_wild {
  z-index: 0 !important;
}

#pulsantiera_generica {
  font-family: "Source Sans Pro", sans-serif !important;
  font-size: 15px;
  font-weight: 100 !important;
  color: #f7e8e8;
  top: 387px !important;
}

#pulsantiera_generica > div {
  color: #f7e8e8;
  font-weight: bold;
}

#luci_jk {
  display: none;
  position: absolute;
  left: 50%;
  margin-left: -995px !important;
  top: 50%;
  margin-top: -545px !important;
  width: 1865px;
  z-index: 999999;
  height: 1124px;

  transform: scale(0.46, 0.49) !important;
}

#sceltaAutostart {
  display: none;
}

.t_jk_mini {
  font-family: "Source Sans Pro", sans-serif !important;
  line-height: 37px !important;
  height: 35px !important;
  font-size: var(--font-size) !important;
  font-weight: bolder;
  color: white;
}

.t_jk_medium {
  font-family: "Source Sans Pro", sans-serif !important;
  line-height: 37px !important;
  height: 35px !important;
  font-size: var(--font-size) !important;
  font-weight: bolder;
  color: white;
}

.t_jk_maxi {
  font-family: "Source Sans Pro", sans-serif !important;
  line-height: 37px !important;
  height: 35px !important;
  font-size: var(--font-size) !important;
  font-weight: bolder;
  color: white;
}

.t_jk_super {
  font-family: "Source Sans Pro", sans-serif !important;
  line-height: 37px !important;
  height: 35px !important;
  font-size: var(--font-size) !important;
  font-weight: bolder;
  color: white;
}

.t_jk_mini {
  text-shadow: 0 0 12px rgba(0, 0, 0, 10);
}

.t_jk_medium {
  text-shadow: 0 0 12px rgba(0, 0, 0, 10);
}

.t_jk_maxi {
  text-shadow: 0 0 12px rgba(0, 0, 0, 10);
}

.t_jk_super {
  text-shadow: 0 0 12px rgba(0, 0, 0, 10);
}

.jkFiller {
  background: rgb(156, 123, 59);
  background: -moz-linear-gradient(
    top,
    rgba(156, 123, 59, 1) 0%,
    rgba(201, 169, 89, 1) 17%,
    rgba(237, 208, 128, 1) 33%,
    rgba(241, 227, 145, 1) 51%,
    rgba(201, 169, 89, 1) 70%,
    rgba(237, 208, 128, 1) 85%,
    rgba(241, 227, 145, 1) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(156, 123, 59, 1) 0%,
    rgba(201, 169, 89, 1) 17%,
    rgba(237, 208, 128, 1) 33%,
    rgba(241, 227, 145, 1) 51%,
    rgba(201, 169, 89, 1) 70%,
    rgba(237, 208, 128, 1) 85%,
    rgba(241, 227, 145, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(156, 123, 59, 1) 0%,
    rgba(201, 169, 89, 1) 17%,
    rgba(237, 208, 128, 1) 33%,
    rgba(241, 227, 145, 1) 51%,
    rgba(201, 169, 89, 1) 70%,
    rgba(237, 208, 128, 1) 85%,
    rgba(241, 227, 145, 1) 100%
  );
}

#bkg_filler {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2e241c+15,666a61+100 */
  background: #2e241c; /* Old browsers */
  background: -moz-linear-gradient(
    top,
    #2e241c 15%,
    #666a61 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    #2e241c 15%,
    #666a61 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    #2e241c 15%,
    #666a61 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  height: 26px !important;

  top: 5px !important;
}

#fs_slottina {
  top: 450px !important;
  transform: scale(0.9);
  margin-left: -105px !important;
}

#slottina {
  top: 505px !important;
  transform: scale(0.9);
  margin-left: -77px !important;
}

#BIGWIN {
  width: 1024px;
  height: 700px;
}

#box_jk_mancanti {
  position: absolute;
  left: 89px !important;
  bottom: 41px !important;
  z-index: 10;
  height: 63px !important;
}

#box_jk_descr {
  position: absolute;
  left: 285px !important;
  bottom: 41px !important;
  z-index: 10;
  height: 63px !important;
}

#box_box_ultimo {
  position: absolute;
  left: 480px !important;
  bottom: 41px !important;
  z-index: 10;
  height: 63px !important;
}

#box_box_totale {
  position: absolute;
  left: 675px !important;
  bottom: 41px !important;
  z-index: 10;
  height: 63px !important;
}

#pinfo_nm {
  cursor: pointer;
  position: absolute;
  right: 83px !important;
  bottom: 39px !important;
  z-index: 10;
  width: 30px !important;
  height: 30px !important;
}

#box_jk_mancanti {
  position: absolute;
  left: 89px !important;
  bottom: 41px !important;
  z-index: 10;
  height: 63px !important;
}

#box_jk_descr {
  position: absolute;
  left: 285px !important;
  bottom: 41px !important;
  z-index: 10;
  height: 63px !important;
}

#box_box_ultimo {
  position: absolute;
  left: 480px !important;
  bottom: 41px !important;
  z-index: 10;
  height: 63px !important;
}

#box_box_totale {
  position: absolute;
  left: 675px !important;
  bottom: 41px !important;
  z-index: 10;
  height: 63px !important;
}

#new_box_linee {
  position: absolute;
  left: 94px !important;
  bottom: 42px !important;
  z-index: 10;
  width: 63px !important;
  height: 63px !important;
}

#new_box_vincita {
  right: 140px !important;
  bottom: 42px !important;
  height: 63px !important;
}

#new_box_credito {
  right: 259px !important;
  bottom: 42px !important;
  height: 63px !important;
}

#new_box_tot {
  left: 265px !important;
  bottom: 42px !important;
  height: 63px !important;
}

#new_box_tot {
  left: 265px !important;
  bottom: 42px !important;
  height: 63px !important;
}

#new_box_puntata {
  left: 154px !important;
  bottom: 42px !important;
  height: 63px !important;
}

#indicatore_linea_vincenter {
  /* transform: scale(1.5); */
  width: 840px !important;
  margin-left: -420px !important;
}

/* #indicatore_linea_vincenter div{
  --color: rgba(8, 35, 64, 0.65);
  filter: drop-shadow(-2px -2px 8px var(--color)) drop-shadow(2px 2px 8px var(--color)) drop-shadow(-2px 2px 8px var(--color)) drop-shadow(2px -2px 8px var(--color))
} */

#as50 {
  position: absolute;
  left: 512px !important;
  z-index: 123103;
  bottom: 224px !important;
  height: 45px !important;
  width: 85px !important;
  background-size: 100%;
  background-image: url("../img/autoplay/50_spento.png");
  cursor: pointer;
}
#as20 {
  position: absolute;
  left: 512px !important;
  z-index: 123103;
  bottom: 182px !important;
  height: 45px !important;
  width: 85px !important;
  background-size: 100%;
  background-image: url("../img/autoplay/20_spento.png");
  cursor: pointer;
}
#as10 {
  position: absolute;
  left: 512px !important;
  z-index: 123103;
  bottom: 139px !important;
  height: 45px !important;
  width: 85px !important;
  background-size: 100%;
  background-image: url("../img/autoplay/10_spento.png");
  cursor: pointer;
}
#as5 {
  position: absolute;
  left: 512px !important;
  z-index: 123103;
  bottom: 96px !important;
  height: 45px !important;
  width: 85px !important;
  background-size: 100%;
  background-image: url("../img/autoplay/5_spento.png");
  cursor: pointer;
}

#as50:hover {
  background-image: url("../img/autoplay/50_acceso.png");
}

#as20:hover {
  background-image: url("../img/autoplay/20_acceso.png");
}

#as10:hover {
  background-image: url("../img/autoplay/10_acceso.png");
}

#as5:hover {
  background-image: url("../img/autoplay/5_acceso.png");
}

#img_box_fs {
  margin-left: 380px !important;
  top: -27px !important;
  height: 89px !important;
}

#avviso_fs_inizio {
}

#img_bkg_report_avviso {
  position: absolute;
  left: 50%;
  margin-left: -490px !important;
  width: 980px !important;
  top: 100px;
}

#img_bkg_report_avvio {
  position: absolute;
  left: 50%;
  margin-left: -250px !important;
  width: 500px !important;
  top: 228px !important;
}

#testo_avvio_fs {
  font-weight: bold;
  top: 331px !important;
  font-size: 15px !important;
  color: #ffffff !important;
  font-family: "Source Sans Pro", sans-serif !important;
}

#resoconto_FS {
  background-color: rgba(1, 1, 1, 0.5) !important;
  position: absolute !important;
  color: white;
  left: 0;
  margin-left: 0;
  top: 0;
  margin-top: 0;
  font-family: SpectralBold, sans-serif;
  width: 100% !important;
  height: 100% !important;
  z-index: 9120 !important;
}

#box_FS_traslucido {
  background-color: rgba(1, 1, 1, 0) !important;
}

#display_FS {
  display: none !important;
}

#banner_ruota_jk {
  width: 382px !important;
}

#ruotaJKStart {
  left: 170px !important;
  top: 260px !important;
  width: 104px !important;
}

#ruotaJK2 {
  position: absolute;
  left: 114px;
  top: 112px;
  z-index: 3;
  width: 210px;
  /* border: 1px solid red; */
  text-align: center;
  font-family: Katibeh, sans-serif !important;
  font-size: 54px !important;
}

#footer_div {
  font-size: 11px !important;
  font-family: "Source Sans Pro", sans-serif !important;
}

#ruotaJKReale {
  left: 521px !important;
  top: 178px !important;
}

#barile1 {
  width: 160px !important;
  top: 275px !important;
}

#barile2 {
  margin-left: -80px !important;
  width: 160px !important;
}

#barile3 {
  margin-left: 140px !important;
  width: 160px !important;
}

#barile1Back {
  width: 180px !important;
  top: 261px !important;
}

#barile2Back {
  margin-left: -89px !important;
  width: 180px !important;
}

#barile3Back {
  margin-left: 131px !important;
  width: 180px !important;
}

.box_footer {
  position: absolute;
  left: 0;
  top: 670px;
  width: 100%;
}

#header_dk {
  display: none !important;
  opacity: 0 !important;
}

.targa_per_ricette {
  position: absolute;
  left: 50%;
  margin-left: -458px;
  top: 632px;
  z-index: 999;
  width: 147px;
  pointer-events: none;
}

#piatto_ricette {
  position: absolute;
  left: 50%;
  margin-left: -453px;
  top: 618px;
  z-index: 999;
  width: 144px;
  pointer-events: none;
}

#esito_ricette {
  position: absolute;
  left: 50%;
  margin-left: -453px;
  top: 534px;
  z-index: 999;
  width: 144px;
  pointer-events: none;
}

#ricetta_t_1 {
  position: absolute;
  left: 50%;
  margin-left: -483px;
  top: 88px;
  z-index: 999;
  width: 220px;
  pointer-events: none;
}

#ricetta_t_2 {
  position: absolute;
  left: 50%;
  margin-left: -464px;
  top: 86px;
  z-index: 999;
  width: 176px;
  pointer-events: none;
}

#ricetta_t_3 {
  position: absolute;
  left: 50%;
  margin-left: -483px;
  top: 88px;
  z-index: 999;
  width: 220px;
  pointer-events: none;
}

#ricetta_t_4 {
  position: absolute;
  left: 50%;
  margin-left: -483px;
  top: 88px;
  z-index: 999;
  width: 220px;
  pointer-events: none;
}

#targa_gennaro {
  position: absolute;
  left: 50%;
  margin-left: -428px;
  top: 630px;
  z-index: 999;
  width: 147px;
  pointer-events: none;
}

#targa_pierre {
  position: absolute;
  left: 50%;
  margin-left: -163px;
  top: 630px;
  z-index: 999;
  width: 147px;
  pointer-events: none;
}
#targa_serena {
  position: absolute;
  left: 50%;
  margin-left: 50px;
  top: 630px;
  z-index: 999;
  width: 147px;
  pointer-events: none;
}
#targa_paco {
  position: absolute;
  left: 50%;
  margin-left: 300px;
  top: 630px;
  z-index: 999;
  width: 147px;
  pointer-events: none;
}

#cloche_s1 {
  position: absolute;
  left: 50%;
  margin-left: -414px;
  top: 533px;
  z-index: 1001;
  width: 117px;
  pointer-events: none;
}

#cloche_s2 {
  position: absolute;
  left: 50%;
  margin-left: -148px;
  top: 533px;
  z-index: 1001;
  width: 117px;
  pointer-events: none;
}

#cloche_s3 {
  position: absolute;
  left: 50%;
  margin-left: 65px;
  top: 533px;
  z-index: 1001;
  width: 117px;
  pointer-events: none;
}
#cloche_s4 {
  position: absolute;
  left: 50%;
  margin-left: 315px;
  top: 533px;
  z-index: 1001;
  width: 117px;
  pointer-events: none;
}

#cloche_gennaro_fixed {
  position: absolute;
  left: 50%;
  margin-left: -428px;
  top: 614px;
  z-index: 999;
  width: 147px;
  pointer-events: none;
}

#cloche_pierre_fixed {
  position: absolute;
  left: 50%;
  margin-left: -163px;
  top: 614px;
  z-index: 999;
  width: 147px;
  pointer-events: none;
}

#cloche_serena_fixed {
  position: absolute;
  left: 50%;
  margin-left: 50px;
  top: 614px;
  z-index: 999;
  width: 147px;
  pointer-events: none;
}
#cloche_paco_fixed {
  position: absolute;
  left: 50%;
  margin-left: 300px;
  top: 614px;
  z-index: 999;
  width: 147px;
  pointer-events: none;
}

#esito_s1 {
  position: absolute;
  left: 50%;
  margin-left: -428px;
  top: 528px;
  z-index: 999;
  width: 147px;
  pointer-events: none;
  /*display: none;*/
}

#esito_s2 {
  position: absolute;
  left: 50%;
  margin-left: -163px;
  top: 528px;
  z-index: 999;
  width: 147px;
  pointer-events: none;
  /*display: none;*/
}

#esito_s3 {
  position: absolute;
  left: 50%;
  margin-left: 50px;
  top: 528px;
  z-index: 999;
  width: 147px;
  pointer-events: none;
  /*display: none;*/
}
#esito_s4 {
  position: absolute;
  left: 50%;
  margin-left: 300px;
  top: 528px;
  z-index: 999;
  width: 147px;
  pointer-events: none;
  /*display: none;*/
}

#blocco_scelta_1 {
  position: absolute;
  left: 27px;
  top: 200px;
  width: 250px;
  /*	background-color: green;*/
  height: 460px;
  display: block;
  z-index: 33;
}

#blocco_scelta_2 {
  position: absolute;
  left: 329px;
  top: 200px;
  width: 177px;
  /*	background-color: green;*/
  height: 460px;
  display: block;
  z-index: 33;
}

#blocco_scelta_3 {
  position: absolute;
  left: 519px;
  top: 200px;
  width: 222px;
  /*	background-color: green;*/
  height: 460px;
  display: block;
  z-index: 33;
}

#blocco_scelta_4 {
  position: absolute;
  left: 784px;
  top: 200px;
  width: 199px;
  /*	background-color: green;*/
  height: 460px;
  display: block;
  z-index: 33;
}

.statico_1 {
  position: absolute;
  left: 7px;
  top: 242px;
  width: 289px;
  z-index: 998;
  pointer-events: none;
}
.statico_2 {
  position: absolute;
  left: 311px;
  top: 305px;
  width: 177px;
  z-index: 998;
  pointer-events: none;
}
.statico_3 {
  position: absolute;
  left: 486px;
  top: 188px;
  width: 293px;
  z-index: 998;
  pointer-events: none;
}
.statico_4 {
  position: absolute;
  left: 714px;
  top: 291px;
  width: 286px;
  z-index: 998;
  pointer-events: none;
}

#occhio_1 {
  position: absolute;
  left: -2px;
  top: 231px;
  width: 300px;
  z-index: 99;
  pointer-events: none;
}
#occhio_2 {
  position: absolute;
  left: 255px;
  top: 231px;
  width: 300px;
  z-index: 99;
  pointer-events: none;
}
#occhio_3 {
  position: absolute;
  left: 455px;
  top: 231px;
  width: 300px;
  z-index: 99;
  pointer-events: none;
}
#occhio_4 {
  position: absolute;
  left: 714px;
  top: 231px;
  width: 300px;
  z-index: 99;
  pointer-events: none;
}
.occhi {
  display: none;
}

.statico_1_2 {
  position: absolute;
  left: -27px;
  top: 242px;
  width: 289px;
  z-index: 998;
  pointer-events: none;
}
.statico_2_2 {
  position: absolute;
  left: 25px;
  top: 305px;
  width: 177px;
  z-index: 998;
  pointer-events: none;
}
.statico_3_2 {
  position: absolute;
  left: -25px;
  top: 203px;
  width: 293px;
  z-index: 998;
  pointer-events: none;
}
.statico_4_2 {
  position: absolute;
  left: -32px;
  top: 309px;
  width: 286px;
  z-index: 998;
  pointer-events: none;
}

#cornice_fs {
  position: absolute;
  left: 242px;
  top: 75px;
  z-index: 10;
  width: 785px;
}

#fs_ricetta_1 {
  position: absolute;
  left: 305px;
  top: 133px;
  z-index: 98;
  width: 33px;
  opacity: 0.2;
}
#fs_ricetta_2 {
  position: absolute;
  left: 653px;
  top: 133px;
  z-index: 98;
  width: 33px;
  opacity: 0.2;
}
#fs_ricetta_3 {
  position: absolute;
  left: 305px;
  top: 369px;
  z-index: 98;
  width: 33px;
  opacity: 0.2;
}
#fs_ricetta_4 {
  position: absolute;
  left: 653px;
  top: 369px;
  z-index: 98;
  width: 33px;
  opacity: 0.2;
}

#fs_ricetta_1_lavagna {
  position: absolute;
  left: 305px;
  top: 139px;
  z-index: 98;
  width: 330px;
}
#fs_ricetta_2_lavagna {
  position: absolute;
  left: 652px;
  top: 139px;
  z-index: 98;
  width: 330px;
}
#fs_ricetta_3_lavagna {
  position: absolute;
  left: 305px;
  top: 369px;
  z-index: 98;
  width: 330px;
}
#fs_ricetta_4_lavagna {
  position: absolute;
  left: 672px;
  top: 351px;
  z-index: 98;
  width: 330px;
}

#cloche_x1 {
  position: absolute;
  left: 50%;
  margin-left: -203px;
  top: 571px;
  z-index: 1001;
  width: 117px;
  pointer-events: none;
}

#cloche_x2 {
  position: absolute;
  left: 50%;
  margin-left: -18px;
  top: 571px;
  z-index: 1001;
  width: 117px;
  pointer-events: none;
}

#cloche_x3 {
  position: absolute;
  left: 50%;
  margin-left: 167px;
  top: 571px;
  z-index: 1001;
  width: 117px;
  pointer-events: none;
}
#cloche_x4 {
  position: absolute;
  left: 50%;
  margin-left: 347px;
  top: 571px;
  z-index: 1001;
  width: 117px;
  pointer-events: none;
}

#cloche_x1_fixed {
  position: absolute;
  left: 50%;
  margin-left: -216px;
  top: 651px;
  z-index: 999;
  width: 147px;
  pointer-events: none;
}

#cloche_x2_fixed {
  position: absolute;
  left: 50%;
  margin-left: -33px;
  top: 651px;
  z-index: 999;
  width: 147px;
  pointer-events: none;
}

#cloche_x3_fixed {
  position: absolute;
  left: 50%;
  margin-left: 151px;
  top: 651px;
  z-index: 999;
  width: 147px;
  pointer-events: none;
}
#cloche_x4_fixed {
  position: absolute;
  left: 50%;
  margin-left: 332px;
  top: 651px;
  z-index: 999;
  width: 147px;
  pointer-events: none;
}

#esito_x1 {
  position: absolute;
  left: 50%;
  margin-left: -207px;
  top: 583px;
  z-index: 999;
  width: 130px;
  pointer-events: none;
  /* display: none;*/
}

#esito_x2 {
  position: absolute;
  left: 50%;
  margin-left: -19px;
  top: 583px;
  z-index: 999;
  width: 130px;
  pointer-events: none;
  /* display: none;*/
}

#esito_x3 {
  position: absolute;
  left: 50%;
  margin-left: 159px;
  top: 583px;
  z-index: 999;
  width: 130px;
  pointer-events: none;
  /* display: none;*/
}
#esito_x4 {
  position: absolute;
  left: 50%;
  margin-left: 346px;
  top: 583px;
  z-index: 999;
  width: 130px;
  pointer-events: none;
  /* display: none;*/
}

#blocco_scelta_5 {
  position: absolute;
  left: 288px;
  top: 563px;
  width: 157px;
  /*background-color: green;*/
  height: 120px;
  display: block;
  z-index: 33;
}

#blocco_scelta_6 {
  position: absolute;
  left: 474px;
  top: 563px;
  width: 157px;
  /*background-color: green;*/
  height: 120px;
  display: block;
  z-index: 33;
}

#blocco_scelta_7 {
  position: absolute;
  left: 656px;
  top: 563px;
  width: 157px;
  /*background-color: green;*/
  height: 120px;
  display: block;
  z-index: 33;
}

#blocco_scelta_8 {
  position: absolute;
  left: 823px;
  top: 563px;
  width: 157px;
  /*background-color: green;*/
  height: 120px;
  display: block;
  z-index: 33;
}
.esiti_molt {
  opacity: 0;
}

.esito_s {
  opacity: 0;
}

.clMove {
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@keyframes shake {
  10%,
  90% {
    transform: translate3d(-1px, 0, 0);
  }

  20%,
  80% {
    transform: translate3d(2px, 0, 0);
  }

  30%,
  50%,
  70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%,
  60% {
    transform: translate3d(4px, 0, 0);
  }
}

#logo_fs_ricetta {
  position: absolute;
  left: 523px;
  top: 28px;
  width: 236px;
}
#logo_fs_chef {
  display: none;
}
#ticketDk {
  position: absolute;
  z-index: 6;
  left: 50%;
  margin-left: -468px;
  width: 938px;
  top: 34px;
}
#tavolo_ricette {
  position: absolute;
  left: 50%;
  margin-left: -250px;
  width: 760px;
  top: 641px;
  z-index: 13;
}
#FUOCO_RULLO_GIRA {
  position: absolute;
  left: 50%;
  top: 551px;
  z-index: 33;
  width: 790px;
  margin-left: -395px;
}

#rulloA {
  width: 160px !important;
}
#rulloB {
  width: 160px !important;
  left: 164px !important;
}
#rulloC {
  width: 160px !important;
  left: 328px !important;
}
#rulloD {
  width: 160px !important;
  left: 492px !important;
}
#rulloE {
  width: 160px !important;
  left: 656px !important;
}
