/* s:animation */


@-webkit-keyframes fadeIn {
	from {opacity: 0;}
	to {opacity: 1;}
}

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

@-webkit-keyframes fadeInDown {
	from {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
	to { opacity: 1;-webkit-transform: none; transform: none;}
}

@keyframes fadeInDown {
	from {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
	to {opacity: 1;-webkit-transform: none;transform: none;}
}

@-webkit-keyframes fadeInDown2 {
	from {opacity: 0;-webkit-transform: translate3d(0, -20%, 0);transform: translate3d(0, -20%, 0);}
	to { opacity: 1;-webkit-transform: none; transform: none;}
}

@keyframes fadeInDown2 {
	from {opacity: 0;-webkit-transform: translate3d(0, -20%, 0);transform: translate3d(0, -20%, 0);}
	to {opacity: 1;-webkit-transform: none;transform: none;}
}


@-webkit-keyframes fadeInDownOP {
	from {opacity: 0;;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
	to {opacity: 0.7; ;-webkit-transform: none; transform: none;}
}

@keyframes fadeInDownOP {
	from {opacity: 0;;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
	to {opacity:0.7;;-webkit-transform: none;transform: none;}
}




@-webkit-keyframes fadeInUp {
	from {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
	to {opacity: 1;-webkit-transform: none; transform: none;}
}

@keyframes fadeInUp {
	from {opacity: 0;-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}
	to {opacity: 1; -webkit-transform: none; transform: none;}
}

@-webkit-keyframes slideInUp {
	from {-webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 20%, 0); visibility: visible; opacity: 0}
	to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1;}
}

@keyframes slideInUp {
	from {-webkit-transform: translate3d(0, 10%, 0);transform: translate3d(0, 20%, 0);visibility: visible; opacity: 0}
	to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1;}
}

@-webkit-keyframes fadeInLeft {
	from {opacity: 0;-webkit-transform: translate3d(-20%, 0, 0); transform: translate3d(-20%, 0, 0);}
	to {opacity: 1;-webkit-transform: none; transform: none;}
}

@keyframes fadeInLeft {
	from { opacity: 0;-webkit-transform: translate3d(-20%, 0, 0); transform: translate3d(-20%, 0, 0);}
	to {opacity: 1; -webkit-transform: none; transform: none;}
}

@-webkit-keyframes fadeInLeft2 {
	from {opacity: 0;-webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0);}
	to {opacity: 1;-webkit-transform: none; transform: none;}
}

@keyframes fadeInLeft2 {
	from { opacity: 0;-webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0);}
	to {opacity: 1; -webkit-transform: none; transform: none;}
}



@-webkit-keyframes fadeInRight {
	from {opacity: 0; -webkit-transform: translate3d(20%, 0, 0);transform: translate3d(20%, 0, 0);}
	to { opacity: 1;-webkit-transform: none; transform: none;}
}

@keyframes fadeInRight {
	from {opacity: 0; -webkit-transform: translate3d(20%, 0, 0); transform: translate3d(20%, 0, 0);}
	to {opacity: 1;-webkit-transform: none;transform: none; }
}

@-webkit-keyframes rubberBand {
  from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}

  30% {-webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1);}

  40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1);}

  50% {  -webkit-transform: scale3d(1.15, 0.85, 1);transform: scale3d(1.15, 0.85, 1); }

  65% {-webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1);}

  75% {-webkit-transform: scale3d(1.05, .95, 1);  transform: scale3d(1.05, .95, 1);}

  to { -webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
}

@keyframes rubberBand {
  from { -webkit-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0);}

  30% {-webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1);}

  40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1);}

  50% {  -webkit-transform: scale3d(1.15, 0.85, 1);transform: scale3d(1.15, 0.85, 1); }

  65% {-webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1);}

  75% {-webkit-transform: scale3d(1.05, .95, 1);  transform: scale3d(1.05, .95, 1);}

  to { -webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
}

.rubberBand { -webkit-animation-name: rubberBand;animation-name: rubberBand; animation-duration:1s;animation-fill-mode:backwards;animation-delay:0.5s;}




.fadeInRight {-webkit-animation-name: fadeInRight;animation-name: fadeInRight;animation-duration:1.5s; }

.fadeInLeft {-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;animation-duration:1.5s;}
.fadeInLeft2 {-webkit-animation-name: fadeInLeft2;animation-name: fadeInLeft2;animation-duration:1.5s;}

.slideInUp {-webkit-animation-name: slideInUp;animation-name: slideInUp; animation-duration:1.5s;}

.fadeIn {-webkit-animation-name: fadeIn;animation-name: fadeIn;animation-duration:2.5s; }
.fadeIn2 {-webkit-animation-name: fadeIn;animation-name: fadeIn;animation-duration:0.25s; }
.fadeIn3 {-webkit-animation-name: fadeIn;animation-name: fadeIn;animation-duration:3.5s; }

.fadeInShort {-webkit-animation-name: fadeIn;animation-name: fadeIn;animation-duration:1.5s; animation-timing-function:ease;}

.fadeInDown { -webkit-animation-name: fadeInDown;animation-name: fadeInDown; animation-duration:1.5s; animation-timing-function:ease;}
.fadeInDown2 { -webkit-animation-name: fadeInDown2;animation-name: fadeInDown2; animation-duration:1.5s; animation-timing-function:ease;}

.fadeInDownOP{ -webkit-animation-name: fadeInDownOP;animation-name: fadeInDownOP; animation-duration:1.5s; }

.fadeInUp {-webkit-animation-name: fadeInUp;animation-name: fadeInUp; animation-duration:1.5s; animation-timing-function:ease;}





.fadeInDownShort01 { -webkit-animation-name: fadeInDown;animation-name: fadeInDown; animation-duration:1s; ;animation-fill-mode:backwards;animation-delay:0.25s;}
.fadeInDownShort02 { -webkit-animation-name: fadeInDown;animation-name: fadeInDown; animation-duration:1s; ;animation-fill-mode:backwards;animation-delay:0.5s;}
.fadeInDownShort03 { -webkit-animation-name: fadeInDown;animation-name: fadeInDown; animation-duration:1s; ;animation-fill-mode:backwards;animation-delay:0.75s;}
.fadeInDownShort04 { -webkit-animation-name: fadeInDown;animation-name: fadeInDown; animation-duration:1s; ;animation-fill-mode:backwards;animation-delay:1.0s;}
.fadeInDownShort05 { -webkit-animation-name: fadeInLeft;animation-name: fadeInLeft; animation-duration:1s; ;animation-fill-mode:backwards;animation-delay:0.25s;}
.fadeInDownShort06 { -webkit-animation-name: fadeInLeft2;animation-name: fadeInLeft2; animation-duration:1s; ;animation-fill-mode:backwards;animation-delay:0.2s;}
.fadeInDownShort07 { -webkit-animation-name: fadeInDown2;animation-name: fadeInDown2; animation-duration:1s; ;animation-fill-mode:backwards;animation-delay:0.25s;}


/* e:animation */