/*---------------------------------Working--------------------------------*/

.load-animated{
  animation-fill-mode: both;
  animation-duration: 1s;
}


/*---------------------------------bounceInUp-------------------------*/

@-webkit-keyframes tm_bounceInUp {
    0% { opacity: 0; -webkit-transform: translateY(2000px); }
    60% { -webkit-transform: translateY(-30px); }
    80% { -webkit-transform: translateY(10px); }
    100% { opacity: 1; -webkit-transform: translateY(0); }
}

@-moz-keyframes tm_bounceInUp {
    0% { opacity: 0; -moz-transform: translateY(2000px); }
    60% { -moz-transform: translateY(-30px); }
    80% { -moz-transform: translateY(10px); }
    100% { opacity: 1; -moz-transform: translateY(0); }
}

@-o-keyframes tm_bounceInUp {
    0% { opacity: 0; -o-transform: translateY(2000px); }
    60% { -o-transform: translateY(-30px); }
    80% { -o-transform: translateY(10px); }
    100% { opacity: 1; -o-transform: translateY(0); }
}

@keyframes tm_bounceInUp {
    0% { opacity: 0; transform: translateY(2000px); }
    60% { transform: translateY(-30px); }
    80% { transform: translateY(10px); }
    100% { opacity: 1; transform: translateY(0); }
}


.tm_bounceInUp{
  animation-name:tm_bounceInUp;
}



/*------------------------pageLeftBack--------------------------------*/

@-webkit-keyframes tmg_pageLeftBack {
    0% { opacity: 0; -webkit-transform: perspective(400px) rotateY(90deg); }
    100% { opacity: 1; -webkit-transform: perspective(400px) rotateY(0deg); }
}

@-moz-keyframes tmg_pageLeftBack {
    0% { opacity: 0; -moz-transform: perspective(400px) rotateY(90deg); }
    100% { opacity: 1; -moz-transform: perspective(400px) rotateY(0deg); }
}

@-o-keyframes tmg_pageLeftBack {
    0% { opacity: 0; -o-transform: perspective(400px) rotateY(90deg); }
    100% { opacity: 1; -o-transform: perspective(400px) rotateY(0deg); }
}

@keyframes tmg_pageLeftBack {
    0% { opacity: 0; transform: perspective(400px) rotateY(90deg); }
    100% { opacity: 1; transform: perspective(400px) rotateY(0deg); }
}


.tmg_pageLeftBack{
  animation-name:tmg_pageLeftBack;
}



@-webkit-keyframes tml_pageLeftBack {
    0% { opacity: 0; -webkit-transform: perspective(4000px) rotateY(90deg); }
    100% { opacity: 1; -webkit-transform: perspective(4000px) rotateY(0deg); }
}

@-moz-keyframes tml_pageLeftBack {
    0% { opacity: 0; -moz-transform: perspective(4000px) rotateY(90deg); }
    100% { opacity: 1; -moz-transform: perspective(4000px) rotateY(0deg); }
}

@-o-keyframes tml_pageLeftBack {
    0% { opacity: 0; -o-transform: perspective(4000px) rotateY(90deg); }
    100% { opacity: 1; -o-transform: perspective(4000px) rotateY(0deg); }
}

@keyframes tml_pageLeftBack {
    0% { opacity: 0; transform: perspective(4000px) rotateY(90deg); }
    100% { opacity: 1; transform: perspective(4000px) rotateY(0deg); }
}


.tml_pageLeftBack{
  animation-name:tml_pageLeftBack;
}

/*----------------------------Starwars------------------------------------*/

/*Grid*/

@-webkit-keyframes tmg_starwars {
    0% { opacity: 0; -webkit-transform: perspective(200px) scale(3) translateY(180px) rotateX(80deg); }
    80% { opacity: 1; -webkit-transform: perspective(200px) scale(1) rotateX(60deg) }
    100% { opacity: 1; -webkit-transform: perspective(200px) scale(1) rotateX(0deg) }
}

@-moz-keyframes tmg_starwars {
    0% { opacity: 0; -moz-transform: perspective(200px) scale(3) translateY(180px) rotateX(80deg); }
    80% { opacity: 1; -moz-transform: perspective(200px) scale(1) rotateX(60deg) }
    100% { opacity: 1; -moz-transform: perspective(200px) scale(1) rotateX(0deg) }
}

@-o-keyframes tmg_starwars {
    0% { opacity: 0; -o-transform: perspective(200px) scale(3) translateY(180px) rotateX(80deg); }
    80% { opacity: 1; -o-transform: perspective(200px) scale(1) rotateX(60deg) }
    100% { opacity: 1; -o-transform: perspective(200px) scale(1) rotateX(0deg) }
}

@keyframes tmg_starwars {
    0% { opacity: 0; transform: perspective(200px) scale(3) translateY(180px) rotateX(80deg); }
    80% { opacity: 1; transform: perspective(200px) scale(1) rotateX(60deg) }
    100% { opacity: 1; transform: perspective(200px) scale(1) rotateX(0deg) }
}



.tmg_starwars{
  animation-name:tmg_starwars;
}



/*List*/
@-webkit-keyframes tml_starwars {
    0% { opacity: 0; -webkit-transform: perspective(2000px) scale(3) translateY(180px) rotateX(80deg); }
    80% { opacity: 1; -webkit-transform: perspective(2000px) scale(1) rotateX(60deg) }
    100% { opacity: 1; -webkit-transform: perspective(2000px) scale(1) rotateX(0deg) }
}

@-moz-keyframes tml_starwars {
    0% { opacity: 0; -moz-transform: perspective(2000px) scale(3) translateY(180px) rotateX(80deg); }
    80% { opacity: 1; -moz-transform: perspective(2000px) scale(1) rotateX(60deg) }
    100% { opacity: 1; -moz-transform: perspective(2000px) scale(1) rotateX(0deg) }
}

@-o-keyframes tml_starwars {
    0% { opacity: 0; -o-transform: perspective(2000px) scale(3) translateY(180px) rotateX(80deg); }
    80% { opacity: 1; -o-transform: perspective(2000px) scale(1) rotateX(60deg) }
    100% { opacity: 1; -o-transform: perspective(2000px) scale(1) rotateX(0deg) }
}

@keyframes tml_starwars {
    0% { opacity: 0; transform: perspective(2000px) scale(3) translateY(180px) rotateX(80deg); }
    80% { opacity: 1; transform: perspective(2000px) scale(1) rotateX(60deg) }
    100% { opacity: 1; transform: perspective(2000px) scale(1) rotateX(0deg) }
}



.tml_starwars{
  animation-name:tml_starwars;
}
/*------------------------------------Close-Working-------------------------------*/