.animated {

  animation-duration: 1s;

  animation-fill-mode: both;
}

.animated.infinite {

  animation-iteration-count: infinite;
}

.animated.hinge {

  animation-duration: 2s;
}

@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  animation-name: zoomIn;
}

.transition{
    transition: all ease 0.3s;
}
.animated.duration03{

animation-duration: 0.3s;
}
.animated.duration04{

animation-duration: 0.4s;
}
.animated.duration05{

animation-duration: 0.5s;
}
.animated.duration06{

animation-duration: 0.6s;
}
.animated.duration07{

animation-duration: 0.7s;
}
.animated.duration08{

animation-duration: 0.8s;
}
.animated.duration09{

animation-duration: 0.9s;
}
.animated.duration10{

animation-duration: 1s;
}

.delay01{

animation-delay: 0.1s;}

.delay03{

animation-delay: 0.3s;}


.delay05{

animation-delay: 0.5s;}

.delay055{

animation-delay: 0.55s;}

.delay06{

animation-delay: 0.6s;}
.delay065{

animation-delay: 0.65s;}

.delay07{

animation-delay: 0.7s;}

.delay08{

animation-delay: 0.8s;}

.delay09{

animation-delay: 0.9s;}

.delay11,.delay011{

animation-delay: 1.1s;}

.delay12, .delay012{

animation-delay: 1.2s;}

.delay13,.delay013{

animation-delay: 1.3s;}

.delay15, .delay015{

animation-delay: 1.5s;}

.delay17, .delay017{

animation-delay: 1.5s;}

.delay19, .delay019,


.delay21, .delay021{

animation-delay: 1.5s;}


@keyframes toggle_opacity{
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes shine {
  100% {
    left: 125%;
  }
}


@keyframes flash {
  0% {
    opacity: .55;
  }
  100% {
    opacity: 1;
  }
}
@keyframes spinner{
  from{

    transform:rotate(0deg);
  }
  to{

    transform:rotate(360deg);
  }
}