.elementor-kit-10384{--e-global-color-primary:#000000;--e-global-color-secondary:#000000;--e-global-color-text:#000000;--e-global-color-accent:#FF6608;--e-global-color-3c8768b:#F8F8F8;--e-global-color-85eb410:#F5DBFF;--e-global-typography-primary-font-family:"Helvetica";--e-global-typography-primary-font-size:6.2vw;--e-global-typography-primary-font-weight:400;--e-global-typography-primary-line-height:1;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Helvetica";--e-global-typography-text-font-size:1.2vw;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-f42433f-font-family:"Helvetica";--e-global-typography-f42433f-font-size:22px;--e-global-typography-f42433f-font-weight:500;--e-global-typography-f42433f-text-transform:uppercase;--e-global-typography-f09792c-font-family:"Helvetica";--e-global-typography-f09792c-font-size:18px;--e-global-typography-f09792c-font-weight:600;--e-global-typography-f09792c-text-decoration:underline;--e-global-typography-f09792c-line-height:1;--e-global-typography-190e7bb-font-family:"ivyora-display";--e-global-typography-190e7bb-font-size:8vw;--e-global-typography-190e7bb-font-weight:500;--e-global-typography-190e7bb-text-transform:uppercase;--e-global-typography-190e7bb-font-style:italic;--e-global-typography-190e7bb-line-height:0.5;--e-global-typography-2c941c2-font-family:"Helvetica";--e-global-typography-2c941c2-font-size:4.6vw;--e-global-typography-2c941c2-font-weight:400;--e-global-typography-2c941c2-line-height:1;--e-global-typography-2e5726d-font-family:"Helvetica";--e-global-typography-2e5726d-font-size:2.4vw;--e-global-typography-2e5726d-font-weight:400;--e-global-typography-2e5726d-line-height:1;--e-global-typography-264b266-font-family:"Helvetica";--e-global-typography-264b266-font-size:2.4vw;--e-global-typography-264b266-font-weight:400;--e-global-typography-264b266-line-height:1;--e-global-typography-74dc1c8-font-family:"Helvetica";--e-global-typography-74dc1c8-font-size:3vw;--e-global-typography-74dc1c8-font-weight:500;--e-global-typography-74dc1c8-text-transform:uppercase;--e-global-typography-74dc1c8-line-height:2.4vw;}.elementor-kit-10384 e-page-transition{background-color:#FFBC7D;}.elementor-kit-10384 a{color:var( --e-global-color-primary );}.elementor-kit-10384 button,.elementor-kit-10384 input[type="button"],.elementor-kit-10384 input[type="submit"],.elementor-kit-10384 .elementor-button{border-style:none;}.elementor-kit-10384 img{border-style:none;}.elementor-kit-10384 img:hover{border-style:none;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-10384{--e-global-typography-primary-font-size:8vw;--e-global-typography-primary-line-height:1;--e-global-typography-text-font-size:3.2vw;--e-global-typography-text-line-height:1;--e-global-typography-f42433f-font-size:2.8vw;--e-global-typography-f42433f-line-height:1;--e-global-typography-f42433f-letter-spacing:0px;--e-global-typography-f09792c-font-size:2.2vw;--e-global-typography-f09792c-line-height:1;--e-global-typography-f09792c-letter-spacing:0px;--e-global-typography-190e7bb-font-size:10vw;--e-global-typography-190e7bb-line-height:1;--e-global-typography-190e7bb-letter-spacing:0px;--e-global-typography-2c941c2-font-size:8vw;--e-global-typography-2e5726d-font-size:8vw;--e-global-typography-264b266-font-size:4.6vw;--e-global-typography-264b266-line-height:1;--e-global-typography-74dc1c8-font-size:5.4vw;--e-global-typography-74dc1c8-line-height:0.8;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-10384{--e-global-typography-primary-font-size:8vw;--e-global-typography-primary-line-height:1;--e-global-typography-text-font-size:6vw;--e-global-typography-text-line-height:1;--e-global-typography-f42433f-font-size:4vw;--e-global-typography-f42433f-line-height:0.9em;--e-global-typography-f09792c-font-size:4vw;--e-global-typography-f09792c-line-height:1;--e-global-typography-190e7bb-font-size:11vw;--e-global-typography-190e7bb-line-height:0.9em;--e-global-typography-2c941c2-font-size:10vw;--e-global-typography-2c941c2-line-height:8vw;--e-global-typography-2e5726d-font-size:10vw;--e-global-typography-2e5726d-line-height:8vw;--e-global-typography-264b266-font-size:7vw;--e-global-typography-264b266-line-height:1;--e-global-typography-74dc1c8-font-size:11vw;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.fancy-font03 {
   font-family: 'ivyora-display';
   font-style: italic;
   font-size: 2.5vw
}

@media screen and (max-width: 1024px) {
.fancy-font03 {
   font-family: 'ivyora-display';
   font-style: italic;
   font-size: 4.6vw
}
}

@media screen and (max-width: 767px) {
.fancy-font03 {
   font-family: 'ivyora-display';
   font-style: italic;
   font-size: 7.5vw
}
}

.fancy-font04 {
   font-family: 'ivyora-display';
   font-style: italic;
   font-size: 176px
}

.fancy-font02 {
   font-family: 'ivyora-display';
   font-style: italic;
   font-size: 3.6vw
}

@media screen and (max-width: 1024px) {
    .fancy-font02 {
   font-family: 'ivyora-display';
   font-style: italic;
   font-size: 8vw
}
}


@media screen and (max-width: 767px) {
    .fancy-font02 {
   font-family: 'ivyora-display';
   font-style: italic;
   font-size: 10vw
}
}
    
    
.sans {
   font-family: 'helvetica';
  font-style: normal;
   font-size: 8vw
}

@media screen and (max-width: 1024px) {
  .sans {
    font-size: 14vw;
  }
}

.sans01 {
   font-family: 'helvetica';
  font-style: normal;
   font-size: 110px
}

.ninja{animation: myAnim 5s
linear 0s infinite
}

.ninja{transform-origin: center;
    display: inline-block;
}

@keyframes myAnim {
  100% {
     transform: rotate(360deg) translateX(10px) rotate(-360deg);
  }
  0% {
    transform: rotate(0deg) translateX(10px) rotate(0deg);
}
}

.ninja01{animation: myAnim01 4s
linear 0s infinite
}

.ninja01{transform-origin: center;
    display: inline-block;
}

@keyframes myAnim01 {
  100% {
     transform: rotate(360deg) translateX(6px) rotate(-360deg);
  }
  0% {
    transform: rotate(0deg) translateX(6px) rotate(0deg);
}
}

.ninja02{animation: myAnim02 6s
linear 0s infinite
}

.ninja02{transform-origin: center;
    display: inline-block;
}

@keyframes myAnim02 {
  100% {
     transform: rotate(360deg) translateX(6px) rotate(-360deg);
  }
  0% {
    transform: rotate(0deg) translateX(6px) rotate(0deg);
}
}

.font-e {
   font-family: 'ivyora-display';
   font-style: italic;
   font-size: 11vw
   
}

.font-x {
   font-family: 'ivyora-display';
   font-style: italic;
   font-size: 7.5vw
}

.font-young {
   font-family: 'ivyora';
   font-style: italic;
   font-size: 6vw
}

.sans-chi-siamo {
   font-family: 'helvetica';
  font-style: normal;
   font-size: 8vw
}

@media screen and (max-width: 1024px) {
  .sans-chi-siamo {
    font-size: 10vw;
  }
}

@media screen and (max-width: 767px) {
    .sans-chi-siamo {
    font-size: 11vw;
  }
}


::-webkit-scrollbar{
    width: 0.9vw;
    background: #F8f8f8;
}
::-webkit-scrollbar-thumb{
    background: #ff6608;
    outline: 0px solid black;
    border-radius: 2px;
}


/* Seleziona l'elemento con la classe personalizzata */
.animated-border {
    position: relative;
    display: inline-block;
    padding-bottom: 5px; /* Regola questa altezza in base alle tue necessità */
}

/* Stile iniziale del bordo inferiore */
.animated-border::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px; /* Spessore del bordo */
    width: 100%;
    background-color: #000; /* Colore del bordo */
    transition: none; /* Disattiva la transizione iniziale */
}

/* Stile del bordo al passaggio del mouse */
.animated-border:hover::after {
    animation: borderAnimation 1s forwards;
}

/* Definisci l'animazione con keyframes */
@keyframes borderAnimation {
    0% {
        width: 100%;
        left: 0;
    }
    50% {
        width: 0;
        left: 50%;
    }
    51% {
        width: 0;
        left: 50%;
    }
    100% {
        width: 100%;
        right: 0;
            }
    101% {
        width: 100%;
        right: 0;
    }
}/* End custom CSS */