div.line10, div.line20, div.line40, div.line50, div.line60, div.line80, div.line100, div.line120 {
	width: 100%;
	margin: 0px;
	transition: height 0.25s;
	height: 0;
}

div.line10  { padding-top: 0.869%; }
div.line20  { padding-top: 1.739%; }
div.line40  { padding-top: 3.478%; }
div.line50  { padding-top: 4.348%; }
div.line60  { padding-top: 5.217%; }
div.line80  { padding-top: 6.956%; }
div.line100 { padding-top: 8.695%; }
div.line120 { padding-top: 10.435%; }




.c01,
.c02,
.c03,
.c04,
.c05,
.c06,
.c07,
.c08,
.c09,
.c10,
.c11,
.c12,
.c13,
.c14,
.c15,
.c16,
.c17,
.c18,
.c19 {
  width: 100%;
  max-width: 1150px;
  margin: 0 auto;
  height: auto;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}

@media screen and (min-width: 640px) {
  .c01 { background-image: url("c01.webp"); }
  .c02 { background-image: url("c02.webp"); }
  .c03 { background-image: url("c03.webp"); }
  .c04 { background-image: url("c04.jpg"); }
  .c05 { background-image: url("c05.webp"); }
  .c06 { background-image: url("c06.webp"); }
  .c07 { background-image: url("c07.webp"); }
  .c08 { background-image: url("c08.jpg"); }
  .c09 { background-image: url("c09.webp"); }
  .c10 { background-image: url("c10.webp"); }
  .c11 { background-image: url("c11.webp"); }
  .c12 { background-image: url("c12.jpg"); }
  .c13 { background-image: url("c13.webp"); }
  .c14 { background-image: url("c14.jpg"); }
  .c15 { background-image: url("c15.webp"); }
  .c16 { background-image: url("c16.jpg"); }
  .c17 { background-image: url("c17.webp"); }
  .c18 { background-image: url("c18.webp"); }
  .c19 { background-image: url("c19.jpg"); }
}

.yLeft .g.w,
.yRight .g.w,
.yRight1 .g table {
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.yLeft .g.w {
  background-image: url("yLeft.png");
}

.yRight .g.w {
  background-image: url("yRight.png");
}

.yRight1 .g table {
  background-image: url("yRight.png");
}

@media (hover: hover) {
  
}

#mc svg{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  pointer-events:none;
}

.opr img {
  object-position: right !important;
}

@keyframes energyFlow{
  0%{
    stroke-dashoffset:300;
  }
  100%{
    stroke-dashoffset:0;
  }
}

#circle img {
  opacity: 0;
  transform: scale(0) rotate(0deg);
  max-width: 323.44px;
}

#circle img.go {
  animation: appearRotate 0.4s ease-out forwards;
}

@keyframes appearRotate {
  0% {
    transform: scale(0) rotate(-30deg);
    opacity: 0;
  }
  90% {
    transform: scale(1.1) rotate(0deg); /* leggera rotazione oraria */
    opacity: 1;
  }
  100% {
    transform: scale(1) rotate(0deg); /* leggera rotazione oraria */
    opacity: 1;
  }
}

@media screen and (min-width: 0px) and (max-width: 640px) {
  .tml {
    margin: 0 0 0 50px;
	width: calc(100% - 65px);
  }
  .tml > div > table.c.w1 > tbody > tr > td {
    text-align: left !important;
  }
  .tml > div > table.c.w1 > tbody > tr > td > img {
    border-radius: 6px !important;
  }
  #circle img {
    max-width: 100%;
    object-position: 50% 50% !important;
  }
  #circle img.go {
    max-width: fit-content;
    margin: 0 auto;
  }
}