﻿.visible {visibility: visible !important;}
@keyframes twinkle {
	from {
	-webkit-box-shadow: 0 0 6px #161335;
}
50% {
	-webkit-box-shadow: 0 0 10px #52c2f1;
}
to {
	-webkit-box-shadow: 0 0 6px #121891;
}
}
@-webkit-keyframes twinkle {
	from {
	-webkit-box-shadow: 0 0 6px #161335;
}
50% {
	-webkit-box-shadow: 0 0 10px #52c2f1;
}
to {
	-webkit-box-shadow: 0 0 6px #121891;
}
}
.animated {
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.animated_delay1 {
	animation-delay: 0.01s;
	-webkit-animation-delay: 0.01s;
}
.animated_delay2 {
	animation-delay: 0.5s;
	-webkit-animation-delay: 0.5s;
}
.twinkled {
	animation-name: twinkled;
	-webkit-animation-name: twinkled;
}
.animated_duration1 {
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
}
@keyframes twinkled {
	0% {
	opacity: 0;
	transform: scale(.3);
	-webkit-transform: scale(.3)
}
25% {
	opacity: .5;
	transform: scale(.9);
	-webkit-transform: scale(.9)
}
50% {
	opacity: 1;
	transform: scale(1.05);
	-webkit-transform: scale(1.05)
}
75% {
	transform: scale(.9);
	-webkit-transform: scale(.9)
}
100% {
	transform: scale(1);
	-webkit-transform: scale(1)
}
}
@-webkit-keyframes twinkled {
	0% {
	opacity: 0;
	transform: scale(.3);
	-webkit-transform: scale(.3)
}
25% {
	opacity: .5;
	transform: scale(.9);
	-webkit-transform: scale(.9)
}
50% {
	opacity: 1;
	transform: scale(1.05);
	-webkit-transform: scale(1.05)
}
75% {
	transform: scale(.8);
	-webkit-transform: scale(.8)
}
100% {
	transform: scale(1);
	-webkit-transform: scale(1)
}
}
.fadeInDown {
	animation-name: fadeInDown;
	-webkit-animation-name: fadeInDown;
}
@keyframes fadeInDown {
	0% {
	opacity:0;
	-webkit-transform:translateY(-40px);
	transform: translateY(-40px;
	)
}
100% {
	opacity:1;
	-webkit-transform:translateY(0px);
	transform: translateY(0;
	)
}
}
@-webkit-keyframes fadeInDown {
	0% {
	opacity:0;
	-webkit-transform:translateY(-40px);
	transform: translateY(40px;
	)
}
100% {
	opacity:1;
	-webkit-transform:translateY(0px);
	transform: translateY(0;
	)
}
}
.fadeInUp {
	animation-name: fadeInUp;
	-webkit-animation-name: fadeInUp;
}
@keyframes fadeInUp {
	0% {
	opacity: 0;
	-webkit-transform: translateY(40px);
	transform: translateY(40px);
}
100% {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY( 0);
}
}
@-webkit-keyframes fadeInUp {
	0% {
	opacity: 0;
	-webkit-transform: translateY(40px);
	transform: translateY(40px);
}
100% {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
}
.fadeInLeft {
	animation-name: fadeInLeft;
	-webkit-animation-name: fadeInLeft;
}
@keyframes fadeInLeft {
	0% {
	opacity: 0;
	right:0;
}
100% {
	opacity: 1;
	right:50px;
}
}
@-webkit-keyframes fadeInLeft {
	0% {
	opacity: 0;
	right:0;
}
100% {
	opacity: 1;
	right:50px;
}
}

.wobble {
	-webkit-animation-name: wobble;
	animation-name: wobble;
}
@-webkit-keyframes wobble {
	0% {
	-webkit-transform: none;
	transform: none;
}
15% {
	-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
	transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
	-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
	transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
	-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
	transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
	-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
	transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
	-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
	transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
100% {
	-webkit-transform: none;
	transform: none;
	opacity: 1;
}
}
@keyframes wobble {
	0% {
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}
15% {
	-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
	-ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
	transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
	-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
	-ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
	transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
	-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
	-ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
	transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
	-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
	-ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
	transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
	-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
	-ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
	transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
100% {
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}


@keyframes bounceInRight {

  0% {
    opacity: 0;
    -webkit-transform: translate3d(50px, 0, 0);
    -ms-transform: translate3d(50px, 0, 0);
    transform: translate3d(50px, 0, 0);
  }

  100% {
	opacity: 1;
   -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

@-webkit-keyframes bounceInRight {

  0% {
    opacity: 0;
    -webkit-transform: translate3d(50px, 0, 0);
    -ms-transform: translate3d(50px, 0, 0);
    transform: translate3d(50px, 0, 0);
  }

  100% {
	opacity: 1;
   -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}



.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInLeft {
 
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
  }

  100% {
	  opacity: 1;
     -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInLeft {
 
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
  }

  100% {
	  opacity: 1;
     -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

