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

.animated.hinge {
	-webkit-animation-duration: 2s;
	        animation-duration: 2s;
}

@-webkit-keyframes flash {
	0%, 50%, 100% {opacity: 1;}
	25%, 75% {opacity: 0;}
}
@keyframes flash {
	0%, 50%, 100% {opacity: 1;}
	25%, 75% {opacity: 0;}
}

.flash {
	-webkit-animation-name: flash;
	animation-name: flash;
}
@-webkit-keyframes shake {
	0%, 100% {-webkit-transform: translatex(0);}
	10%, 30%, 50%, 70%, 90% {-webkit-transform: translatex(-10px);}
	20%, 40%, 60%, 80% {-webkit-transform: translatex(10px);}
}
@keyframes shake {
	0%, 100% {transform: translatex(0);}
	10%, 30%, 50%, 70%, 90% {transform: translatex(-10px);}
	20%, 40%, 60%, 80% {transform: translatex(10px);}
}
.shake {
	-webkit-animation-name: shake;
	animation-name: shake;
}
@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translatey(0);}
	40% {-webkit-transform: translatey(-30px);}
	60% {-webkit-transform: translatey(-15px);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translatey(0);}
	40% {transform: translatey(-30px);}
	60% {transform: translatey(-15px);}
}

.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce;
}
@-webkit-keyframes tada {
	0% {-webkit-transform: scale(1);}
	10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
	100% {-webkit-transform: scale(1) rotate(0);}
}
@keyframes tada {
	0% {transform: scale(1);}
	10%, 20% {transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
	100% {transform: scale(1) rotate(0);}
}

.tada {
	-webkit-animation-name: tada;
	animation-name: tada;
}
@-webkit-keyframes swing {
	20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
	20% { -webkit-transform: rotate(15deg); }
	40% { -webkit-transform: rotate(-10deg); }
	60% { -webkit-transform: rotate(5deg); }
	80% { -webkit-transform: rotate(-5deg); }
	100% { -webkit-transform: rotate(0deg); }
}
@keyframes swing {
	20% { transform: rotate(15deg); }
	40% { transform: rotate(-10deg); }
	60% { transform: rotate(5deg); }
	80% { transform: rotate(-5deg); }
	100% { transform: rotate(0deg); }
}

.swing {
	-webkit-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing;
}
/* originally authored by nick pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% { -webkit-transform: translatex(0%); }
  15% { -webkit-transform: translatex(-25%) rotate(-5deg); }
  30% { -webkit-transform: translatex(20%) rotate(3deg); }
  45% { -webkit-transform: translatex(-15%) rotate(-3deg); }
  60% { -webkit-transform: translatex(10%) rotate(2deg); }
  75% { -webkit-transform: translatex(-5%) rotate(-1deg); }
  100% { -webkit-transform: translatex(0%); }
}


@keyframes wobble {
  0% { transform: translatex(0%); }
  15% { transform: translatex(-25%) rotate(-5deg); }
  30% { transform: translatex(20%) rotate(3deg); }
  45% { transform: translatex(-15%) rotate(-3deg); }
  60% { transform: translatex(10%) rotate(2deg); }
  75% { transform: translatex(-5%) rotate(-1deg); }
  100% { transform: translatex(0%); }
}

.wobble {
	-webkit-animation-name: wobble;
	animation-name: wobble;
}
@-webkit-keyframes pulse {
    0% { -webkit-transform: scale(1); }
	50% { -webkit-transform: scale(1.1); }
    100% { -webkit-transform: scale(1); }
}
@keyframes pulse {
    0% { transform: scale(1); }
	50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse;
}
@-webkit-keyframes flip {
	0% {
		-webkit-transform: perspective(400px) rotatey(0);
		-webkit-animation-timing-function: ease-out;
	}
	40% {
		-webkit-transform: perspective(400px) translatez(150px) rotatey(170deg);
		-webkit-animation-timing-function: ease-out;
	}
	50% {
		-webkit-transform: perspective(400px) translatez(150px) rotatey(190deg) scale(1);
		-webkit-animation-timing-function: ease-in;
	}
	80% {
		-webkit-transform: perspective(400px) rotatey(360deg) scale(.95);
		-webkit-animation-timing-function: ease-in;
	}
	100% {
		-webkit-transform: perspective(400px) scale(1);
		-webkit-animation-timing-function: ease-in;
	}
}
@keyframes flip {
	0% {
		transform: perspective(400px) rotatey(0);
		animation-timing-function: ease-out;
	}
	40% {
		transform: perspective(400px) translatez(150px) rotatey(170deg);
		animation-timing-function: ease-out;
	}
	50% {
		transform: perspective(400px) translatez(150px) rotatey(190deg) scale(1);
		animation-timing-function: ease-in;
	}
	80% {
		transform: perspective(400px) rotatey(360deg) scale(.95);
		animation-timing-function: ease-in;
	}
	100% {
		transform: perspective(400px) scale(1);
		animation-timing-function: ease-in;
	}
}

.flip {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flip;
	backface-visibility: visible !important;
	animation-name: flip;
}
@-webkit-keyframes flipinx {
    0% {
        -webkit-transform: perspective(20px) rotatex(10deg);
        opacity: 0;
    }


    100% {
        -webkit-transform: perspective(400px) rotatex(0deg);
        opacity: 1;
    }
}
@keyframes flipinx {
    0% {
        transform: perspective(20px) rotatex(-10deg);
        opacity: 0;
    }
    100% {
        transform: perspective(20px) rotatex(0deg);
        opacity: 1;
    }
}

.flipinx {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flipinx;
	backface-visibility: visible !important;
	animation-name: flipinx;
}
.animated_new{
	-webkit-animation-duration: 0.3s; 
    animation-duration: 0.3s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
}
@-webkit-keyframes flipoutx {
    0% {
        -webkit-transform: perspective(400px) rotatex(0deg);
        opacity: 1;
    }
	100% {
        -webkit-transform: perspective(400px) rotatex(90deg);
        opacity: 0;
    }
}

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

.flipoutx {
	-webkit-animation-name: flipoutx;
	-webkit-backface-visibility: visible !important;
	animation-name: flipoutx;
	backface-visibility: visible !important;
}
@-webkit-keyframes flipiny {
    0% {
        -webkit-transform: perspective(400px) rotatey(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotatey(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotatey(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotatey(0deg);
        opacity: 1;
    }
}

@keyframes flipiny {
    0% {
        transform: perspective(400px) rotatey(90deg);
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotatey(-10deg);
    }

    70% {
        transform: perspective(400px) rotatey(10deg);
    }

    100% {
        transform: perspective(400px) rotatey(0deg);
        opacity: 1;
    }
}

.flipiny {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flipiny;
	backface-visibility: visible !important;
	animation-name: flipiny;
}
@-webkit-keyframes flipouty {
    0% {
        -webkit-transform: perspective(400px) rotatey(0deg);
        opacity: 1;
    }
	100% {
        -webkit-transform: perspective(400px) rotatey(90deg);
        opacity: 0;
    }
}
@keyframes flipouty {
    0% {
        transform: perspective(400px) rotatey(0deg);
        opacity: 1;
    }
	100% {
        transform: perspective(400px) rotatey(90deg);
        opacity: 0;
    }
}

.flipouty {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flipouty;
	backface-visibility: visible !important;
	animation-name: flipouty;
}
@-webkit-keyframes fadein {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes fadein {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

.fadein {
	-webkit-animation-name: fadein;
	animation-name: fadein;
}
@-webkit-keyframes fadeinup {
	0% {
		opacity: 0;
		-webkit-transform: translatey(20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translatey(0);
	}
}
@keyframes fadeinup {
	0% {
		opacity: 0;
		transform: translatey(20px);
	}

	100% {
		opacity: 1;
		transform: translatey(0);
	}
}

.fadeinup {
	-webkit-animation-name: fadeinup;
	animation-name: fadeinup;
}
@-webkit-keyframes fadeindown {
	0% {
		opacity: 0;
		-webkit-transform: translatey(-20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translatey(0);
	}
}
@keyframes fadeindown {
	0% {
		opacity: 0;
		transform: translatey(-20px);
	}

	100% {
		opacity: 1;
		transform: translatey(0);
	}
}

.fadeindown {
	-webkit-animation-name: fadeindown;
	animation-name: fadeindown;
}
@-webkit-keyframes fadeinleft {
	0% {
		opacity: 0;
		-webkit-transform: translatex(-20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translatex(0);
	}
}
@keyframes fadeinleft {
	0% {
		opacity: 0;
		transform: translatex(-20px);
	}

	100% {
		opacity: 1;
		transform: translatex(0);
	}
}

.fadeinleft {
	-webkit-animation-name: fadeinleft;
	animation-name: fadeinleft;
}
@-webkit-keyframes fadeinright {
	0% {
		opacity: 0;
		-webkit-transform: translatex(20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translatex(0);
	}
}
@keyframes fadeinright {
	0% {
		opacity: 0;
		transform: translatex(20px);
	}

	100% {
		opacity: 1;
		transform: translatex(0);
	}
}

.fadeinright {
	-webkit-animation-name: fadeinright;
	animation-name: fadeinright;
}
@-webkit-keyframes fadeinupbig {
	0% {
		opacity: 0;
		-webkit-transform: translatey(2000px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translatey(0);
	}
}


@keyframes fadeinupbig {
	0% {
		opacity: 0;
		transform: translatey(2000px);
	}

	100% {
		opacity: 1;
		transform: translatey(0);
	}
}

.fadeinupbig {
	-webkit-animation-name: fadeinupbig;
	animation-name: fadeinupbig;
}
@-webkit-keyframes fadeindownbig {
	0% {
		opacity: 0;
		-webkit-transform: translatey(-2000px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translatey(0);
	}
}

@keyframes fadeindownbig {
	0% {
		opacity: 0;
		transform: translatey(-2000px);
	}

	100% {
		opacity: 1;
		transform: translatey(0);
	}
}

.fadeindownbig {
	-webkit-animation-name: fadeindownbig;
	animation-name: fadeindownbig;
}
@-webkit-keyframes fadeinleftbig {
	0% {
		opacity: 0;
		-webkit-transform: translatex(-2000px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translatex(0);
	}
}
@keyframes fadeinleftbig {
	0% {
		opacity: 0;
		transform: translatex(-2000px);
	}

	100% {
		opacity: 1;
		transform: translatex(0);
	}
}

.fadeinleftbig {
	-webkit-animation-name: fadeinleftbig;
	animation-name: fadeinleftbig;
}
@-webkit-keyframes fadeinrightbig {
	0% {
		opacity: 0;
		-webkit-transform: translatex(2000px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translatex(0);
	}
}

@keyframes fadeinrightbig {
	0% {
		opacity: 0;
		transform: translatex(2000px);
	}

	100% {
		opacity: 1;
		transform: translatex(0);
	}
}

.fadeinrightbig {
	-webkit-animation-name: fadeinrightbig;
	animation-name: fadeinrightbig;
}
@-webkit-keyframes fadeout {
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@keyframes fadeout {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

.fadeout {
	-webkit-animation-name: fadeout;
	animation-name: fadeout;
}
@-webkit-keyframes fadeoutup {
	0% {
		opacity: 1;
		-webkit-transform: translatey(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translatey(-20px);
	}
}
@keyframes fadeoutup {
	0% {
		opacity: 1;
		transform: translatey(0);
	}

	100% {
		opacity: 0;
		transform: translatey(-20px);
	}
}

.fadeoutup {
	-webkit-animation-name: fadeoutup;
	animation-name: fadeoutup;
}
@-webkit-keyframes fadeoutdown {
	0% {
		opacity: 1;
		-webkit-transform: translatey(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translatey(20px);
	}
}



@keyframes fadeoutdown {
	0% {
		opacity: 1;
		transform: translatey(0);
	}

	100% {
		opacity: 0;
		transform: translatey(20px);
	}
}

.fadeoutdown {
	-webkit-animation-name: fadeoutdown;
	animation-name: fadeoutdown;
}
@-webkit-keyframes fadeoutleft {
	0% {
		opacity: 1;
		-webkit-transform: translatex(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translatex(-20px);
	}
}

@keyframes fadeoutleft {
	0% {
		opacity: 1;
		transform: translatex(0);
	}

	100% {
		opacity: 0;
		transform: translatex(-20px);
	}
}

.fadeoutleft {
	-webkit-animation-name: fadeoutleft;
	animation-name: fadeoutleft;
}
@-webkit-keyframes fadeoutright {
	0% {
		opacity: 1;
		-webkit-transform: translatex(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translatex(20px);
	}
}

@keyframes fadeoutright {
	0% {
		opacity: 1;
		transform: translatex(0);
	}

	100% {
		opacity: 0;
		transform: translatex(20px);
	}
}

.fadeoutright {
	-webkit-animation-name: fadeoutright;
	animation-name: fadeoutright;
}
@-webkit-keyframes fadeoutupbig {
	0% {
		opacity: 1;
		-webkit-transform: translatey(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translatey(-2000px);
	}
}

@keyframes fadeoutupbig {
	0% {
		opacity: 1;
		transform: translatey(0);
	}

	100% {
		opacity: 0;
		transform: translatey(-2000px);
	}
}

.fadeoutupbig {
	-webkit-animation-name: fadeoutupbig;
	animation-name: fadeoutupbig;
}
@-webkit-keyframes fadeoutdownbig {
	0% {
		opacity: 1;
		-webkit-transform: translatey(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translatey(2000px);
	}
}

@keyframes fadeoutdownbig {
	0% {
		opacity: 1;
		transform: translatey(0);
	}

	100% {
		opacity: 0;
		transform: translatey(2000px);
	}
}

.fadeoutdownbig {
	-webkit-animation-name: fadeoutdownbig;
	animation-name: fadeoutdownbig;
}
@-webkit-keyframes fadeoutleftbig {
	0% {
		opacity: 1;
		-webkit-transform: translatex(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translatex(-2000px);
	}
}

@keyframes fadeoutleftbig {
	0% {
		opacity: 1;
		transform: translatex(0);
	}

	100% {
		opacity: 0;
		transform: translatex(-2000px);
	}
}

.fadeoutleftbig {
	-webkit-animation-name: fadeoutleftbig;
	animation-name: fadeoutleftbig;
}
@-webkit-keyframes fadeoutrightbig {
	0% {
		opacity: 1;
		-webkit-transform: translatex(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translatex(2000px);
	}
}
@keyframes fadeoutrightbig {
	0% {
		opacity: 1;
		transform: translatex(0);
	}

	100% {
		opacity: 0;
		transform: translatex(2000px);
	}
}

.fadeoutrightbig {
	-webkit-animation-name: fadeoutrightbig;
	animation-name: fadeoutrightbig;
}
@-webkit-keyframes bouncein {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
	}

	50% {
		opacity: 1;
		-webkit-transform: scale(1.05);
	}

	70% {
		-webkit-transform: scale(.9);
	}

	100% {
		-webkit-transform: scale(1);
	}
}

@keyframes bouncein {
	0% {
		opacity: 0;
		transform: scale(.3);
	}

	50% {
		opacity: 1;
		transform: scale(1.05);
	}

	70% {
		transform: scale(.9);
	}

	100% {
		transform: scale(1);
	}
}

.bouncein {
	-webkit-animation-name: bouncein;
	animation-name: bouncein;
}
@-webkit-keyframes bounceinup {
	0% {
		opacity: 0;
		-webkit-transform: translatey(2000px);
	}

	60% {
		opacity: 1;
		-webkit-transform: translatey(-30px);
	}

	80% {
		-webkit-transform: translatey(10px);
	}

	100% {
		-webkit-transform: translatey(0);
	}
}
@keyframes bounceinup {
	0% {
		opacity: 0;
		transform: translatey(2000px);
	}

	60% {
		opacity: 1;
		transform: translatey(-30px);
	}

	80% {
		transform: translatey(10px);
	}

	100% {
		transform: translatey(0);
	}
}

.bounceinup {
	-webkit-animation-name: bounceinup;
	animation-name: bounceinup;
}
@-webkit-keyframes bounceindown {
	0% {
		opacity: 0;
		-webkit-transform: translatey(-2000px);
	}

	60% {
		opacity: 1;
		-webkit-transform: translatey(30px);
	}

	80% {
		-webkit-transform: translatey(-10px);
	}

	100% {
		-webkit-transform: translatey(0);
	}
}

@keyframes bounceindown {
	0% {
		opacity: 0;
		transform: translatey(-2000px);
	}

	60% {
		opacity: 1;
		transform: translatey(30px);
	}

	80% {
		transform: translatey(-10px);
	}

	100% {
		transform: translatey(0);
	}
}

.bounceindown {
	-webkit-animation-name: bounceindown;
	animation-name: bounceindown;
}
@-webkit-keyframes bounceinleft {
	0% {
		opacity: 0;
		-webkit-transform: translatex(-2000px);
	}

	60% {
		opacity: 1;
		-webkit-transform: translatex(30px);
	}

	80% {
		-webkit-transform: translatex(-10px);
	}

	100% {
		-webkit-transform: translatex(0);
	}
}

@keyframes bounceinleft {
	0% {
		opacity: 0;
		transform: translatex(-2000px);
	}

	60% {
		opacity: 1;
		transform: translatex(30px);
	}

	80% {
		transform: translatex(-10px);
	}

	100% {
		transform: translatex(0);
	}
}

.bounceinleft {
	-webkit-animation-name: bounceinleft;
	animation-name: bounceinleft;
}
@-webkit-keyframes bounceinright {
	0% {
		opacity: 0;
		-webkit-transform: translatex(2000px);
	}

	60% {
		opacity: 1;
		-webkit-transform: translatex(-30px);
	}

	80% {
		-webkit-transform: translatex(10px);
	}

	100% {
		-webkit-transform: translatex(0);
	}
}


@keyframes bounceinright {
	0% {
		opacity: 0;
		transform: translatex(2000px);
	}

	60% {
		opacity: 1;
		transform: translatex(-30px);
	}

	80% {
		transform: translatex(10px);
	}

	100% {
		transform: translatex(0);
	}
}

.bounceinright {
	-webkit-animation-name: bounceinright;
	animation-name: bounceinright;
}
@-webkit-keyframes bounceout {
	0% {
		-webkit-transform: scale(1);
	}

	25% {
		-webkit-transform: scale(.95);
	}

	50% {
		opacity: 1;
		-webkit-transform: scale(1.1);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(.3);
	}
}

@keyframes bounceout {
	0% {
		transform: scale(1);
	}

	25% {
		transform: scale(.95);
	}

	50% {
		opacity: 1;
		transform: scale(1.1);
	}

	100% {
		opacity: 0;
		transform: scale(.3);
	}
}

.bounceout {
	-webkit-animation-name: bounceout;
	animation-name: bounceout;
}
@-webkit-keyframes bounceoutup {
	0% {
		-webkit-transform: translatey(0);
	}

	20% {
		opacity: 1;
		-webkit-transform: translatey(20px);
	}

	100% {
		opacity: 0;
		-webkit-transform: translatey(-2000px);
	}
}


@keyframes bounceoutup {
	0% {
		transform: translatey(0);
	}

	20% {
		opacity: 1;
		transform: translatey(20px);
	}

	100% {
		opacity: 0;
		transform: translatey(-2000px);
	}
}

.bounceoutup {
	-webkit-animation-name: bounceoutup;
	animation-name: bounceoutup;
}
@-webkit-keyframes bounceoutdown {
	0% {
		-webkit-transform: translatey(0);
	}

	20% {
		opacity: 1;
		-webkit-transform: translatey(-20px);
	}

	100% {
		opacity: 0;
		-webkit-transform: translatey(2000px);
	}
}


@keyframes bounceoutdown {
	0% {
		transform: translatey(0);
	}

	20% {
		opacity: 1;
		transform: translatey(-20px);
	}

	100% {
		opacity: 0;
		transform: translatey(2000px);
	}
}

.bounceoutdown {
	-webkit-animation-name: bounceoutdown;
	animation-name: bounceoutdown;
}
@-webkit-keyframes bounceoutleft {
	0% {
		-webkit-transform: translatex(0);
	}

	20% {
		opacity: 1;
		-webkit-transform: translatex(20px);
	}

	100% {
		opacity: 0;
		-webkit-transform: translatex(-2000px);
	}
}

@keyframes bounceoutleft {
	0% {
		transform: translatex(0);
	}

	20% {
		opacity: 1;
		transform: translatex(20px);
	}

	100% {
		opacity: 0;
		transform: translatex(-2000px);
	}
}

.bounceoutleft {
	-webkit-animation-name: bounceoutleft;
	animation-name: bounceoutleft;
}
@-webkit-keyframes bounceoutright {
	0% {
		-webkit-transform: translatex(0);
	}

	20% {
		opacity: 1;
		-webkit-transform: translatex(-20px);
	}

	100% {
		opacity: 0;
		-webkit-transform: translatex(2000px);
	}
}

@keyframes bounceoutright {
	0% {
		transform: translatex(0);
	}

	20% {
		opacity: 1;
		transform: translatex(-20px);
	}

	100% {
		opacity: 0;
		transform: translatex(2000px);
	}
}

.bounceoutright {
	-webkit-animation-name: bounceoutright;
	animation-name: bounceoutright;
}
@-webkit-keyframes rotatein {
	0% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(-200deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}
@keyframes rotatein {
	0% {
		transform-origin: center center;
		transform: rotate(-200deg);
		opacity: 0;
	}

	100% {
		transform-origin: center center;
		transform: rotate(0);
		opacity: 1;
	}
}

.rotatein {
	-webkit-animation-name: rotatein;
	animation-name: rotatein;
}
@-webkit-keyframes rotateinupleft {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}

@keyframes rotateinupleft {
	0% {
		transform-origin: left bottom;
		transform: rotate(90deg);
		opacity: 0;
	}

	100% {
		transform-origin: left bottom;
		transform: rotate(0);
		opacity: 1;
	}
}

.rotateinupleft {
	-webkit-animation-name: rotateinupleft;
	animation-name: rotateinupleft;
}
@-webkit-keyframes rotateindownleft {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}

@keyframes rotateindownleft {
	0% {
		transform-origin: left bottom;
		transform: rotate(-90deg);
		opacity: 0;
	}

	100% {
		transform-origin: left bottom;
		transform: rotate(0);
		opacity: 1;
	}
}

.rotateindownleft {
	-webkit-animation-name: rotateindownleft;
	animation-name: rotateindownleft;
}
@-webkit-keyframes rotateinupright {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}

@keyframes rotateinupright {
	0% {
		transform-origin: right bottom;
		transform: rotate(-90deg);
		opacity: 0;
	}

	100% {
		transform-origin: right bottom;
		transform: rotate(0);
		opacity: 1;
	}
}

.rotateinupright {
	-webkit-animation-name: rotateinupright;
	animation-name: rotateinupright;
}
@-webkit-keyframes rotateindownright {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}

@keyframes rotateindownright {
	0% {
		transform-origin: right bottom;
		transform: rotate(90deg);
		opacity: 0;
	}

	100% {
		transform-origin: right bottom;
		transform: rotate(0);
		opacity: 1;
	}
}

.rotateindownright {
	-webkit-animation-name: rotateindownright;
	animation-name: rotateindownright;
}
@-webkit-keyframes rotateout {
	0% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(0);
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(200deg);
		opacity: 0;
	}
}

@keyframes rotateout {
	0% {
		transform-origin: center center;
		transform: rotate(0);
		opacity: 1;
	}

	100% {
		transform-origin: center center;
		transform: rotate(200deg);
		opacity: 0;
	}
}

.rotateout {
	-webkit-animation-name: rotateout;
	animation-name: rotateout;
}
@-webkit-keyframes rotateoutupleft {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0;
	}
}

@keyframes rotateoutupleft {
	0% {
		transform-origin: left bottom;
		transform: rotate(0);
		opacity: 1;
	}

	100% {
		-transform-origin: left bottom;
		-transform: rotate(-90deg);
		opacity: 0;
	}
}

.rotateoutupleft {
	-webkit-animation-name: rotateoutupleft;
	animation-name: rotateoutupleft;
}
@-webkit-keyframes rotateoutdownleft {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0;
	}
}

@keyframes rotateoutdownleft {
	0% {
		transform-origin: left bottom;
		transform: rotate(0);
		opacity: 1;
	}

	100% {
		transform-origin: left bottom;
		transform: rotate(90deg);
		opacity: 0;
	}
}

.rotateoutdownleft {
	-webkit-animation-name: rotateoutdownleft;
	animation-name: rotateoutdownleft;
}
@-webkit-keyframes rotateoutupright {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0;
	}
}

@keyframes rotateoutupright {
	0% {
		transform-origin: right bottom;
		transform: rotate(0);
		opacity: 1;
	}

	100% {
		transform-origin: right bottom;
		transform: rotate(90deg);
		opacity: 0;
	}
}

.rotateoutupright {
	-webkit-animation-name: rotateoutupright;
	animation-name: rotateoutupright;
}
@-webkit-keyframes rotateoutdownright {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0;
	}
}

@keyframes rotateoutdownright {
	0% {
		transform-origin: right bottom;
		transform: rotate(0);
		opacity: 1;
	}

	100% {
		transform-origin: right bottom;
		transform: rotate(-90deg);
		opacity: 0;
	}
}

.rotateoutdownright {
	-webkit-animation-name: rotateoutdownright;
	animation-name: rotateoutdownright;
}
@-webkit-keyframes hinge {
	0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
	20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
	40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
	80% { -webkit-transform: rotate(60deg) translatey(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
	100% { -webkit-transform: translatey(700px); opacity: 0; }
}

@keyframes hinge {
	0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; }
	20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; }
	40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; }
	80% { transform: rotate(60deg) translatey(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; }
	100% { transform: translatey(700px); opacity: 0; }
}

.hinge {
	-webkit-animation-name: hinge;
	animation-name: hinge;
}
/* originally authored by nick pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollin {
	0% { opacity: 0; -webkit-transform: translatex(-100%) rotate(-120deg); }
	100% { opacity: 1; -webkit-transform: translatex(0px) rotate(0deg); }
}

@keyframes rollin {
	0% { opacity: 0; transform: translatex(-100%) rotate(-120deg); }
	100% { opacity: 1; transform: translatex(0px) rotate(0deg); }
}

.rollin {
	-webkit-animation-name: rollin;
	animation-name: rollin;
}
/* originally authored by nick pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollout {
    0% {
		opacity: 1;
		-webkit-transform: translatex(0px) rotate(0deg);
	}

    100% {
		opacity: 0;
		-webkit-transform: translatex(100%) rotate(120deg);
	}
}

@keyframes rollout {
    0% {
		opacity: 1;
		transform: translatex(0px) rotate(0deg);
	}

    100% {
		opacity: 0;
		transform: translatex(100%) rotate(120deg);
	}
}

.rollout {
	-webkit-animation-name: rollout;
	animation-name: rollout;
}

/* originally authored by angelo rohit - https://github.com/angelorohit */

@-webkit-keyframes lightspeedin {
	0% { -webkit-transform: translatex(100%) skewx(-30deg); opacity: 0; }
	60% { -webkit-transform: translatex(-20%) skewx(30deg); opacity: 1; }
	80% { -webkit-transform: translatex(0%) skewx(-15deg); opacity: 1; }
	100% { -webkit-transform: translatex(0%) skewx(0deg); opacity: 1; }
}

@keyframes lightspeedin {
	0% { transform: translatex(100%) skewx(-30deg); opacity: 0; }
	60% { transform: translatex(-20%) skewx(30deg); opacity: 1; }
	80% { transform: translatex(0%) skewx(-15deg); opacity: 1; }
	100% { transform: translatex(0%) skewx(0deg); opacity: 1; }
}

.lightspeedin {
    -webkit-animation-name: lightspeedin;
    animation-name: lightspeedin;

    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

.animated.lightspeedin {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
}

/* originally authored by angelo rohit - https://github.com/angelorohit */

@-webkit-keyframes lightspeedout {
    0% { -webkit-transform: translatex(0%) skewx(0deg); opacity: 1; }
	100% { -webkit-transform: translatex(100%) skewx(-30deg); opacity: 0; }
}


@keyframes lightspeedout {
	0% { transform: translatex(0%) skewx(0deg); opacity: 1; }
	100% { transform: translatex(100%) skewx(-30deg); opacity: 0; }
}

.lightspeedout {
    -webkit-animation-name: lightspeedout;
    animation-name: lightspeedout;

    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

.animated.lightspeedout {
    -webkit-animation-duration: 0.25s;
    animation-duration: 0.25s;
}

/* originally authored by angelo rohit - https://github.com/angelorohit */

@-webkit-keyframes wiggle {
    0% { -webkit-transform: skewx(9deg); }
    10% { -webkit-transform: skewx(-8deg); }
    20% { -webkit-transform: skewx(7deg); }
    30% { -webkit-transform: skewx(-6deg); }
    40% { -webkit-transform: skewx(5deg); }
    50% { -webkit-transform: skewx(-4deg); }
    60% { -webkit-transform: skewx(3deg); }
    70% { -webkit-transform: skewx(-2deg); }
    80% { -webkit-transform: skewx(1deg); }
    90% { -webkit-transform: skewx(0deg); }
	100% { -webkit-transform: skewx(0deg); }
}

@keyframes wiggle {
    0% { transform: skewx(9deg); }
    10% { transform: skewx(-8deg); }
    20% { transform: skewx(7deg); }
    30% { transform: skewx(-6deg); }
    40% { transform: skewx(5deg); }
    50% { transform: skewx(-4deg); }
    60% { transform: skewx(3deg); }
    70% { transform: skewx(-2deg); }
    80% { transform: skewx(1deg); }
    90% { transform: skewx(0deg); }
	100% { transform: skewx(0deg); }
}

.wiggle {
    -webkit-animation-name: wiggle;
    animation-name: wiggle;

    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

.animated.wiggle {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
}


@-webkit-keyframes zoominup {
  from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); }
  60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); }
}
@keyframes zoominup {
  from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); }
  60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); }
}

@-webkit-keyframes zoomindown {
  from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); }
  60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); }
}
@keyframes zoomindown {
  from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); }
  60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); }
}
@-webkit-keyframes zoominleft {
  from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); }
  60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); }
}
@keyframes zoominleft {
  from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); }
  60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); }
}
@-webkit-keyframes zoominright {
  from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); }
  60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); }
}
@keyframes zoominright {
  from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); }
  60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); }
}




@-webkit-keyframes slideindown {
  from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
@keyframes slideindown {
  from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
@-webkit-keyframes slideinleft {
  from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
@keyframes slideinleft {
  from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
@-webkit-keyframes slideinright {
  from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
@keyframes slideinright {
  from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
@-webkit-keyframes slideinup {
  from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
@keyframes slideinup {
  from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
@-webkit-keyframes slideoutdown {
  from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
}
@keyframes slideoutdown {
  from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
}
@-webkit-keyframes slideoutleft {
  from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
}
@keyframes slideoutleft {
  from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
}
@-webkit-keyframes slideoutright {
  from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
}
@keyframes slideoutright {
  from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
}
@-webkit-keyframes slideoutup {
  from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
}
@keyframes slideoutup {
  from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
}



@-webkit-keyframes popout {
  20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); }
  50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
  to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); }
}
@keyframes popout {
  20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); }
  50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
  to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); }
}
@-webkit-keyframes popoutdown {
  20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
  40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); }
}
@keyframes popoutdown {
  20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
  40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); }
}
@-webkit-keyframes popoutleft {
  20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); }
  to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); }
}
@keyframes popoutleft {
  20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); }
  to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); }
}
@-webkit-keyframes popoutright {
  20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); }
  to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); }
}
@keyframes popoutright {
  20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); }
  to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); }
}
@-webkit-keyframes popoutup {
  20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
  40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); }
  to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); }
}
@keyframes popoutup {
  20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
  40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); }
  to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); }
}


@-webkit-keyframes zoomout {
  from { opacity: 1; }
  50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); }
  to { opacity: 0; }
}
@keyframes zoomout {
  from { opacity: 1; }
  50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); }
  to { opacity: 0; }
}
@-webkit-keyframes zoomoutdown {
  40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); }
  to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); }
}
@keyframes zoomoutdown {
  40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); }
  to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); }
}
@-webkit-keyframes zoomoutleft {
  40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); }
  to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; }
}
@keyframes zoomoutleft {
  40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); }
  to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; }
}
@-webkit-keyframes zoomoutright {
  40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); }
  to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; }
}
@keyframes zoomoutright {
  40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); }
  to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; }
}
@-webkit-keyframes zoomoutup {
  40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); }
  to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); }
}
@keyframes zoomoutup {
  40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); }
  to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); }
}