/***********************************************************************************************************/

.formileonebardlzero {

	-webkit-animation: formileonebardlzero 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;

          animation: formileonebardlzero 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;

}



@-webkit-keyframes formileonebardlzero {

  0% {

    -webkit-transform: translateX(-50px);

            transform: translateX(-50px);

    opacity: 0;

  }

  100% {

    -webkit-transform: translateX(0);

            transform: translateX(0);

    opacity: 1;

  }

}

@keyframes formileonebardlzero {

  0% {

    -webkit-transform: translateX(-50px);

            transform: translateX(-50px);

    opacity: 0;

  }

  100% {

    -webkit-transform: translateX(0);

            transform: translateX(0);

    opacity: 1;

  }

}

/****************************************** end formileonedlzero *********************************************/



.formileoneicondlonehalf {

  -webkit-animation: formileoneicondlonehalf 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.7s both;

          animation: formileoneicondlonehalf 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.7s both;

}



@-webkit-keyframes formileoneicondlonehalf {

  0% {

    -webkit-transform: translateY(50px);

            transform: translateY(50px);

    opacity: 0;

  }

  100% {

    -webkit-transform: translateY(0);

            transform: translateY(0);

    opacity: 1;

  }

}

@keyframes formileoneicondlonehalf {

  0% {

    -webkit-transform: translateY(50px);

            transform: translateY(50px);

    opacity: 0;

  }

  100% {

    -webkit-transform: translateY(0);

            transform: translateY(0);

    opacity: 1;

  }

}

/****************************************** end formileoneicon *********************************************/



.formileonelogodltwopointtwo {

  -webkit-animation: formileonelogodltwopointtwo 0.5s cubic-bezier(0.470, 0.000, 0.745, 0.715) 1.4s both;

          animation: formileonelogodltwopointtwo 0.5s cubic-bezier(0.470, 0.000, 0.745, 0.715) 1.4s both;

}



@-webkit-keyframes formileonelogodltwopointtwo {

  0% {

    -webkit-transform: scale(2);

            transform: scale(2);

    -webkit-filter: blur(4px);

            filter: blur(4px);

    opacity: 0;

  }

  100% {

    -webkit-transform: scale(1);

            transform: scale(1);

    -webkit-filter: blur(0px);

            filter: blur(0px);

    opacity: 1;

  }

}

@keyframes formileonelogodltwopointtwo {

  0% {

    -webkit-transform: scale(2);

            transform: scale(2);

    -webkit-filter: blur(4px);

            filter: blur(4px);

    opacity: 0;

  }

  100% {

    -webkit-transform: scale(1);

            transform: scale(1);

    -webkit-filter: blur(0px);

            filter: blur(0px);

    opacity: 1;

  }

}

/****************************************** end formileonelogo *********************************************/



.formileonetextdlthreepointone {

   -webkit-animation: formileonetextdlthreepointone 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.9s both;

          animation: formileonetextdlthreepointone 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.9s both;

}



@-webkit-keyframes formileonetextdlthreepointone {

  0% {

    -webkit-transform: translateY(-1000px);

            transform: translateY(-1000px);

    opacity: 0;

  }

  100% {

    -webkit-transform: translateY(0);

            transform: translateY(0);

    opacity: 1;

  }

}

@keyframes formileonetextdlthreepointone {

  0% {

    -webkit-transform: translateY(-1000px);

            transform: translateY(-1000px);

    opacity: 0;

  }

  100% {

    -webkit-transform: translateY(0);

            transform: translateY(0);

    opacity: 1;

  }

}

/****************************************** end formileonetext *********************************************/

/***********************************************************************************************************/



.formiletwobar {

  -webkit-animation: formiletwobar 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 2.9s both;

          animation: formiletwobar 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 2.9s both;



}



@-webkit-keyframes formiletwobar {

  0% {

    -webkit-transform: translateX(-50px);

            transform: translateX(-50px);

    opacity: 0;

  }

  100% {

    -webkit-transform: translateX(0);

            transform: translateX(0);

    opacity: 1;

  }

}

@keyframes formiletwobar {

  0% {

    -webkit-transform: translateX(-50px);

            transform: translateX(-50px);

    opacity: 0;

  }

  100% {

    -webkit-transform: translateX(0);

            transform: translateX(0);

    opacity: 1;

  }

}

/****************************************** end formiletwodlzero *********************************************/



.formiletwoicon {

  -webkit-animation: formiletwoicon 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) 3.5s both;

          animation: formiletwoicon 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) 3.5s both;

}



@-webkit-keyframes formiletwoicon {

  0% {

    -webkit-transform: translateY(50px);

            transform: translateY(50px);

    opacity: 0;

  }

  100% {

    -webkit-transform: translateY(0);

            transform: translateY(0);

    opacity: 1;

  }

}

@keyframes formiletwoicon {

  0% {

    -webkit-transform: translateY(50px);

            transform: translateY(50px);

    opacity: 0;

  }

  100% {

    -webkit-transform: translateY(0);

            transform: translateY(0);

    opacity: 1;

  }

}

/****************************************** end formiletwoicon *********************************************/



.formiletwologo {

  -webkit-animation: formiletwologo 0.5s cubic-bezier(0.470, 0.000, 0.745, 0.715) 3.9s both;

          animation: formiletwologo 0.5s cubic-bezier(0.470, 0.000, 0.745, 0.715) 3.9s both;

}



@-webkit-keyframes formiletwologo {

  0% {

    -webkit-transform: scale(2);

            transform: scale(2);

    -webkit-filter: blur(4px);

            filter: blur(4px);

    opacity: 0;

  }

  100% {

    -webkit-transform: scale(1);

            transform: scale(1);

    -webkit-filter: blur(0px);

            filter: blur(0px);

    opacity: 1;

  }

}

@keyframes formiletwologo {

  0% {

    -webkit-transform: scale(2);

            transform: scale(2);

    -webkit-filter: blur(4px);

            filter: blur(4px);

    opacity: 0;

  }

  100% {

    -webkit-transform: scale(1);

            transform: scale(1);

    -webkit-filter: blur(0px);

            filter: blur(0px);

    opacity: 1;

  }

}

/****************************************** end formiletwologo *********************************************/



.formiletwotext {

   -webkit-animation: formiletwotext 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) 4.4s both;

          animation: formiletwotext 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) 4.4s both;

}



@-webkit-keyframes formiletwotext {

  0% {

    -webkit-transform: translateY(1000px);

            transform: translateY(1000px);

    opacity: 0;

  }

  100% {

    -webkit-transform: translateY(0);

            transform: translateY(0);

    opacity: 1;

  }

}

@keyframes formiletwotext {

  0% {

    -webkit-transform: translateY(1000px);

            transform: translateY(1000px);

    opacity: 0;

  }

  100% {

    -webkit-transform: translateY(0);

            transform: translateY(0);

    opacity: 1;

  }

}



/****************************************** end formiletwotext *********************************************/

/***********************************************************************************************************/





.formilethreebar {

  -webkit-animation: formileonebardlzero 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 5.2s both;

          animation: formileonebardlzero 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 5.2s both;

}





/****************************************** end formileonedlzero *********************************************/



.formilethreeicon {

  -webkit-animation: formileoneicondlonehalf 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) 5.8s both;

          animation: formileoneicondlonehalf 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) 5.8s both;

}





/****************************************** end formileoneicon *********************************************/



.formilethreelogo {

  -webkit-animation: formileonelogodltwopointtwo 0.5s cubic-bezier(0.470, 0.000, 0.745, 0.715) 6.2s both;

          animation: formileonelogodltwopointtwo 0.5s cubic-bezier(0.470, 0.000, 0.745, 0.715) 6.2s both;

}

/****************************************** end formileonelogo *********************************************/



.formilethreetext {

   -webkit-animation: formileonetextdlthreepointone 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) 6.7s both;

          animation: formileonetextdlthreepointone 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) 6.7s both;

}





/****************************************** end formileonetext *********************************************/

/***********************************************************************************************************/



.formilefourbar {

  -webkit-animation: formileonebardlzero 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 7.5s both;

          animation: formileonebardlzero 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 7.5s both;

}



.formilefouricon {

  -webkit-animation: formileoneicondlonehalf 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) 8.1s both;

          animation: formileoneicondlonehalf 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) 8.1s both;

}





/****************************************** end formileoneicon *********************************************/



.formilefourlogo {

  -webkit-animation: formileonelogodltwopointtwo 0.5s cubic-bezier(0.470, 0.000, 0.745, 0.715) 8.5s both;

          animation: formileonelogodltwopointtwo 0.5s cubic-bezier(0.470, 0.000, 0.745, 0.715) 8.5s both;

}

/****************************************** end formileonelogo *********************************************/



.formilefourtext {

   -webkit-animation: formiletwotext 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) 9s both;

          animation: formiletwotext 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) 9s both;

}



@-webkit-keyframes formiletwotext {

  0% {

    -webkit-transform: translateY(1000px);

            transform: translateY(1000px);

    opacity: 0;

  }

  100% {

    -webkit-transform: translateY(0);

            transform: translateY(0);

    opacity: 1;

  }

}

@keyframes formiletwotext {

  0% {

    -webkit-transform: translateY(1000px);

            transform: translateY(1000px);

    opacity: 0;

  }

  100% {

    -webkit-transform: translateY(0);

            transform: translateY(0);

    opacity: 1;

  }

}





/****************************************** end formileonetext *********************************************/

/***********************************************************************************************************/





.formilefivebar {

  -webkit-animation: formileonebardlzero 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 9.8s both;

          animation: formileonebardlzero 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 9.8s both;

}



.formilefiveicon {

  -webkit-animation: formileoneicondlonehalf 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) 10.4s both;

          animation: formileoneicondlonehalf 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) 10.4s both;

}





/****************************************** end formileoneicon *********************************************/



.formilefivelogo {

  -webkit-animation: formileonelogodltwopointtwo 0.5s cubic-bezier(0.470, 0.000, 0.745, 0.715) 10.8s both;

          animation: formileonelogodltwopointtwo 0.5s cubic-bezier(0.470, 0.000, 0.745, 0.715) 10.8s both;

}

/****************************************** end formileonelogo *********************************************/



.formilefivetext {

   -webkit-animation: formileonetextdlthreepointone 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) 11.3s both;

          animation: formileonetextdlthreepointone 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) 11.3s both;

}





/****************************************** end formileonetext *********************************************/

/***********************************************************************************************************/

.formilesixbar {

  -webkit-animation: formileonebardlzero 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 12.1s both;

          animation: formileonebardlzero 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 12.1s both;

}



.formilesixicon {

  -webkit-animation: formileoneicondlonehalf 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) 12.7s both;

          animation: formileoneicondlonehalf 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) 12.7s both;

}


/****************************************** end formileoneicon *********************************************/



.formilesixlogo {

  -webkit-animation: formileonelogodltwopointtwo 0.5s cubic-bezier(0.470, 0.000, 0.745, 0.715) 13.1s both;

          animation: formileonelogodltwopointtwo 0.5s cubic-bezier(0.470, 0.000, 0.745, 0.715) 13.1s both;

}

/****************************************** end formileonelogo *********************************************/



.formilesixtext {

   -webkit-animation: formiletwotext 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) 13.6s both;

          animation: formiletwotext 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) 13.6s both;

}
/****************************************** end milefun section *********************************************/

/***********************************************************************************************************/

.milecentre .formilefivebar {

  -webkit-animation: formileonebardlzero 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 14.4s both;

          animation: formileonebardlzero 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 14.4s both;

}



.milecentre .formilefiveicon {

  -webkit-animation: formileoneicondlonehalf 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) 15.1s both;

          animation: formileoneicondlonehalf 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) 15.1s both;

}


/****************************************** end formileoneicon *********************************************/



.milecentre .formilefivelogo {

  -webkit-animation: formileonelogodltwopointtwo 0.5s cubic-bezier(0.470, 0.000, 0.745, 0.715) 15.7s both;

          animation: formileonelogodltwopointtwo 0.5s cubic-bezier(0.470, 0.000, 0.745, 0.715) 15.7s both;

}

/****************************************** end formileonelogo *********************************************/



.milecentre .formilefivetext {

   -webkit-animation: formileonetextdlthreepointone 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) 16.2s both;

          animation: formileonetextdlthreepointone 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) 16.2s both;

}
/****************************************** end milecentre section *********************************************/

/***********************************************************************************************************/

.milesbest .formilesixbar {

  -webkit-animation: formileonebardlzero 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 16.9s both;

          animation: formileonebardlzero 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 16.9s both;

}



.milesbest .formilesixicon {

  -webkit-animation: formileoneicondlonehalf 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) 17.6s both;

          animation: formileoneicondlonehalf 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) 17.6s both;

}


/****************************************** end formileoneicon *********************************************/



.milesbest .formile2024logo {

  -webkit-animation: formileonelogodltwopointtwo 0.5s cubic-bezier(0.470, 0.000, 0.745, 0.715) 18.2s both;

          animation: formileonelogodltwopointtwo 0.5s cubic-bezier(0.470, 0.000, 0.745, 0.715) 18.2s both;

}

/****************************************** end formileonelogo *********************************************/




.milesbest .formilesixtext {

   -webkit-animation: formiletwotext 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) 18.7s both;

          animation: formiletwotext 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) 18.7s both;

}
/****************************************** end milesbest section *********************************************/


/***********************************************************************************************************/

.milecentre .formile2025bar {

  -webkit-animation: formileonebardlzero 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 19.4s both;

          animation: formileonebardlzero 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 19.4s both;

}



.milecentre .formile2025icon {

  -webkit-animation: formileoneicondlonehalf 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) 20.1s both;

          animation: formileoneicondlonehalf 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) 20.1s both;

}


/****************************************** end formileoneicon *********************************************/



.milecentre .formile2025logo {

  -webkit-animation: formileonelogodltwopointtwo 0.5s cubic-bezier(0.470, 0.000, 0.745, 0.715) 20.7s both;

          animation: formileonelogodltwopointtwo 0.5s cubic-bezier(0.470, 0.000, 0.745, 0.715) 20.7s both;

}

/****************************************** end formileonelogo *********************************************/



.milecentre .formile2025text {

   -webkit-animation: formileonetextdlthreepointone 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) 21.2s both;

          animation: formileonetextdlthreepointone 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) 21.2s both;

}
/****************************************** end milecentre section *********************************************/


/* .formile2024bar {

  -webkit-animation: formileonebardlzero 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 19.4s both;

          animation: formileonebardlzero 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 19.4s both;

}

.formile2024icon {

  -webkit-animation: formileoneicondlonehalf 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) 20s both;

          animation: formileoneicondlonehalf 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) 20s both;

}

.formile2024logo {

  -webkit-animation: formileonelogodltwopointtwo 0.5s cubic-bezier(0.470, 0.000, 0.745, 0.715) 20.4s both;

          animation: formileonelogodltwopointtwo 0.5s cubic-bezier(0.470, 0.000, 0.745, 0.715) 20.4s both;

}

.formile2024text {

  -webkit-animation: formiletwotext 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) 20.9s both;

         animation: formiletwotext 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) 20.9s both;

} */

@-webkit-keyframes formiletwotext {

  0% {

    -webkit-transform: translateY(1000px);

            transform: translateY(1000px);

    opacity: 0;

  }

  100% {

    -webkit-transform: translateY(0);

            transform: translateY(0);

    opacity: 1;

  }

}

@keyframes formiletwotext {

  0% {

    -webkit-transform: translateY(1000px);

            transform: translateY(1000px);

    opacity: 0;

  }

  100% {

    -webkit-transform: translateY(0);

            transform: translateY(0);

    opacity: 1;

  }

}







/****************************************** end formileonetext *********************************************/

/***********************************************************************************************************/


/***********************************************************************************************************/

.forfirstarrowpart {

  -webkit-animation: formileonebardlzero 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 21.7s both;

          animation: formileonebardlzero 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 21.7s both;

}

.forsecondarrowpart {

  -webkit-animation: formileonebardlzero 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 22.4s both;

          animation: formileonebardlzero 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 22.4s both;

}

.seventext{
   -webkit-animation: formileonebardlzero 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 26.2s both;

          animation: formileonebardlzero 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 26.2s both;

}
.forthirdarrowpart{
  -webkit-animation: formileonebardlzero 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 23.8s both;

          animation: formileonebardlzero 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 23.8s both;

}
.forfourtharrowpart{
  -webkit-animation: formileonebardlzero 0.8s cubic-bezier(0.390, 0.575, 0.565, 1.000) 24.4s both;

          animation: formileonebardlzero 0.8s cubic-bezier(0.390, 0.575, 0.565, 1.000) 24.4s both;

}


@-webkit-keyframes formileonebardlzero {

  0% {

    -webkit-transform: translateX(-50px);

            transform: translateX(-50px);

    opacity: 0;

  }

  100% {

    -webkit-transform: translateX(0);

            transform: translateX(0);

    opacity: 1;

  }

}

@keyframes formileonebardlzero {

  0% {

    -webkit-transform: translateX(-50px);

            transform: translateX(-50px);

    opacity: 0;

  }

  100% {

    -webkit-transform: translateX(0);

            transform: translateX(0);

    opacity: 1;

  }

}

/****************************************** end formileonedlzero *********************************************/





/****************************************** end formileoneicon *********************************************/



.formilesevenlogo {

  -webkit-animation: formileonelogodltwopointtwo 0.5s cubic-bezier(0.470, 0.000, 0.745, 0.715) 25s both;

          animation: formileonelogodltwopointtwo 0.5s cubic-bezier(0.470, 0.000, 0.745, 0.715) 25s both;

}



@-webkit-keyframes formileonelogodltwopointtwo {

  0% {

    -webkit-transform: scale(2);

            transform: scale(2);

    -webkit-filter: blur(4px);

            filter: blur(4px);

    opacity: 0;

  }

  100% {

    -webkit-transform: scale(1);

            transform: scale(1);

    -webkit-filter: blur(0px);

            filter: blur(0px);

    opacity: 1;

  }

}

@keyframes formileonelogodltwopointtwo {

  0% {

    -webkit-transform: scale(2);

            transform: scale(2);

    -webkit-filter: blur(4px);

            filter: blur(4px);

    opacity: 0;

  }

  100% {

    -webkit-transform: scale(1);

            transform: scale(1);

    -webkit-filter: blur(0px);

            filter: blur(0px);

    opacity: 1;

  }

}

img.storyicon.formile2025icon {
    top: 31%;
    left: 20%;
}

/****************************************** end formileonelogo *********************************************/


.letter {

   -webkit-animation: formileonetextdlthreepointone 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) 21.1s both;

          animation: formileonetextdlthreepointone 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) 21.1s both;

}



@-webkit-keyframes formileonetextdlthreepointone {

  0% {

    -webkit-transform: translateY(-1000px);

            transform: translateY(-1000px);

    opacity: 0;

  }

  100% {

    -webkit-transform: translateY(0);

            transform: translateY(0);

    opacity: 1;

  }

}

@keyframes formileonetextdlthreepointone {

  0% {

    -webkit-transform: translateY(-1000px);

            transform: translateY(-1000px);

    opacity: 0;

  }

  100% {

    -webkit-transform: translateY(0);

            transform: translateY(0);

    opacity: 1;

  }

}

/****************************************** end formileonetext *********************************************/