/* css document */

* {
	padding: 0px;
	margin: 0px;
}

#obo_slider {
	position: relative;
	margin: 0 auto;
	width: 100%;
}

.onebyone1 {
	margin: 0;
	width: 100%;
	height: 400px;
	background: #fff;
	position: relative;
	overflow: hidden;
	background: #63b4d2  center top no-repeat;
	background-size: 110%;
}

.myfontbox {
	width: 50%;
	display: inline-block;	
	height: 100%;
	vertical-align: middle;
	text-align: right;
}
.font1 { 
	margin-right: 150px;
    width: 350px;
}
.font2 { 
    width: 280px;
}

#obo_slider .onebyone_item {
	position: absolute;
    width: 100%;
    height: 400px;
    overflow: hidden;
    text-align: right;
    margin-top: 100px;
    padding-right: 9%;
}

#obo_slider .onebyone_item span {
	font: 13px 'pt sans', arial, tahoma, verdana, sans-serif;
	color: #393939;
}

#obo_slider .onebyone_item a {
	text-decoration: none;
	color: #b22222;
}

#obo_slider .onebyone_item span.slide2txt1 {
	position: relative;
	float: left;
	margin: 120px 12px 0 120px;
	color: #9acd32;
	font-size: 24px;
	background: #ffffff;
	padding: 8px;
}

#obo_slider .onebyone_item span.slide2txt2 {
	position: relative;
	clear: left;
	float: left;
	margin: 6px 12px 0 120px;
	color: #666666;
	font-size: 14px;
	background: #ffffff;
	padding: 8px;
}

#obo_slider .onebyone_item span.slide2txt3 {
	position: relative;
	clear: left;
	float: left;
	margin: 6px 12px 0 120px;
	color: #666666;
	font-size: 12px;
	background: #ffffff;
	padding: 8px;
}



#obo_slider img.wp1_1 {
	position: absolute;
	top: 255px;
	left: 512px;
}

#obo_slider img.wp1_2 {
	position: absolute;
	top: 190px;
	left: 360px;
}

#obo_slider img.wp1_3 {
	/*position: absolute;*/
	/* top: 28px; */
	/*right: 0px;*/
	width: 100%;
}

#obo_slider img.wp1_left {
	left: 0;
	right: auto;
}

#obo_slider .onebyone_item span.txt1 {
	clear: left;
	position: relative;
	float: left;
	font-size: 38px;
	font-family: 'microsoft yahei', 'simsun';
	top: 240px;
	left: 50%;
	text-shadow: #111 0 2px 2px;
	transform: translatex(-80%);
	color: #fff;
	letter-spacing: 8px;
}

#obo_slider .onebyone_item span.txt2 {
	clear: left;
	position: relative;
	float: left;
	text-shadow: #111 0 2px 2px;
	color: #fff;
	font-size: 38px;
	left: 50%;
	top: 260px;
	transform: translatex(-30%);
	color: #fff;
	letter-spacing: 8px;
}


#obo_slider img.wp1 {
	position: absolute;
	top: 240px;
	left: 380px;
}

#obo_slider img.wp2 {
	position: absolute;
	top: 200px;
	left: 470px;
}

#obo_slider img.wp3 {
	position: absolute;
	top: 100px;
	left: 600px;
}

#obo_slider .onebyone_item span.txt_right {
	padding-left: 550px;
}

#obo_slider .onebyone_item span.txt4.txt_right {
	padding-left: 735px;
}

#obo_slider .onebyone_item span.blue {
	background: #3fa3c9;
	color: #fff;
	padding: 6px 17px;
	margin-bottom: 5px;
}

#obo_slider .onebyone_item span.txt_right2 {
	margin-left: 405px;
}

#obo_slider .onebyone_item span.short {
	width: 290px;
	margin-top: 20px;
}

.homeone .onebyone1 {
	background: #63b4d2  center top no-repeat;
}

.homeone #obo_slider .onebyone_item span.txt1,
.homeone #obo_slider .onebyone_item span.txt2,
.homeone #obo_slider .onebyone_item span.txt3 {
	color: #fff;
}

.homeone #obo_slider .onebyone_item span.txt1 {
	margin-top: 80px;
}

.homeone #obo_slider .onebyone_item span.txt1.blue {
	margin-top: 66px;
}

.homeone #obo_slider .onebyone_item span.blue {
	background: #fff;
	color: #3fa3c9;
}

.homeone #obo_slider .onebyone_item span.txt4up {
	margin-top: 30px;
}

.homeone #obo_slider .onebyone_item .slide1_bot {
	margin-top: 10px;
}

.homeone #obo_slider .onebyone_item .slide2_bot {
	margin-top: 15px;
}

.homeone #obo_slider .onebyone_item .slide3_bot {
	margin-top: 5px;
}

.homeone .arrowbutton .prevarrow,
.homeone .arrowbutton .nextarrow {
	top: 180px;
}

#obo_slider .onebyone_item span.wp1 {
	clear: left;
	position: relative;
	float: left;
	margin: 120px 12px 0 60px;
	background: #20b2aa;
	padding: 8px;
	color: #ffffff;
	font-size: 40px;
}

#obo_slider .onebyone_item span.wp1 a {
	color: #ffffff;
}

#obo_slider .onebyone_item span.wp2 {
	clear: left;
	position: relative;
	float: left;
	margin: 12px 12px 0 60px;

	color: #ffffff;
	background: #5f9ea0;
	padding: 8px;
	font-size: 16px;
}

#obo_slider .onebyone_item img.bigimage {
	position: absolute;
	top: 0;
	left: 0;

}

#obo_slider .onebyone_item span.slide5txt1 {
	position: relative;
	float: left;
	margin: 150px 12px 0 600px;
	color: #9acd32;
	font-size: 24px;
	background: #ffffff;
	padding: 8px;
}

#obo_slider .onebyone_item span.slide5txt2 {
	position: relative;
	clear: left;
	float: left;
	margin: 12px 12px 0 600px;
	color: #666666;
	font-size: 12px;
	background: #ffffff;
	padding: 8px;
}



.buttonarea {
	float: left;
	left: 38%;
	position: relative;
	top: 285px;
}

.buttoncon {
	float: left;
	position: relative;
}

.buttonarea a.active {
	background-position: -5px -25px;
	background-color: #5eafcd;
}

.arrowbutton {
	cursor: pointer;
}

.arrowbutton .prevarrow {
	background:  no-repeat;
	width: 60px;
	height: 60px;
	position: absolute;
	top: 50%;
	left: 50px;
	transform: translatey(-50%);
}

.arrowbutton .nextarrow {
	background:  no-repeat;
	width: 60px;
	height: 60px;
	position: absolute;
	top: 50%;
	right: 50px;
	transform: translatey(-50%);
}

.arrowbutton .prevarrow:hover,
.arrowbutton .nextarrow:hover {
	opacity: .9;
}

.animate0 {
	-webkit-animation-duration: .6s;
	-webkit-animation-delay: 0s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .6s;
	-moz-animation-delay: 0s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .6s;
	-ms-animation-delay: 0s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .6s;
	animation-delay: 0s;
	animation-timing-function: ease;
	animation-fill-mode: both;
}

.animate1 {
	-webkit-animation-duration: .6s;
	-webkit-animation-delay: .2s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .6s;
	-moz-animation-delay: .2s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .6s;
	-ms-animation-delay: .2s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .6s;
	animation-delay: .2s;
	animation-timing-function: ease;
	animation-fill-mode: both;
}

.animate2 {
	-webkit-animation-duration: .6s;
	-webkit-animation-delay: .4s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .6s;
	-moz-animation-delay: .4s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .6s;
	-ms-animation-delay: .4s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .6s;
	animation-delay: .4s;
	animation-timing-function: ease;
	animation-fill-mode: both;
}

.animate3 {
	-webkit-animation-duration: .6s;
	-webkit-animation-delay: .6s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .6s;
	-moz-animation-delay: .6s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .6s;
	-ms-animation-delay: .6s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .6s;
	animation-delay: .6s;
	animation-timing-function: ease;
	animation-fill-mode: both;
}

.animate4 {
	-webkit-animation-duration: .6s;
	-webkit-animation-delay: .8s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .6s;
	-moz-animation-delay: .8s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .6s;
	-ms-animation-delay: .8s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .6s;
	animation-delay: .8s;
	animation-timing-function: ease;
	animation-fill-mode: both;
}

.animate5 {
	-webkit-animation-duration: .6s;
	-webkit-animation-delay: 1s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .6s;
	-moz-animation-delay: 1s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .6s;
	-ms-animation-delay: 1s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .6s;
	animation-delay: 1s;
	animation-timing-function: ease;
	animation-fill-mode: both;
}


.animated {
	-webkit-animation: 1s ease;
	-moz-animation: 1s ease;
	-ms-animation: 1s ease;
	animation: 1s ease;
}

.animated.hinge {
	-webkit-animation: 2s ease;
	-moz-animation: 2s ease;
	-ms-animation: 2s ease;
	animation: 2s ease;
}

@-webkit-keyframes flash {

	0%,
	50%,
	100% {
		opacity: 1;
	}

	25%,
	75% {
		opacity: 0;
	}
}

@-moz-keyframes flash {

	0%,
	50%,
	100% {
		opacity: 1;
	}

	25%,
	75% {
		opacity: 0;
	}
}

@-ms-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;
	-moz-animation-name: flash;
	-ms-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);
	}
}

@-moz-keyframes shake {

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

	10%,
	30%,
	50%,
	70%,
	90% {
		-moz-transform: translatex(-10px);
	}

	20%,
	40%,
	60%,
	80% {
		-moz-transform: translatex(10px);
	}
}

@-ms-keyframes shake {

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

	10%,
	30%,
	50%,
	70%,
	90% {
		-ms-transform: translatex(-10px);
	}

	20%,
	40%,
	60%,
	80% {
		-ms-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;
	-moz-animation-name: shake;
	-ms-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);
	}
}

@-moz-keyframes bounce {

	0%,
	20%,
	50%,
	80%,
	100% {
		-moz-transform: translatey(0);
	}

	40% {
		-moz-transform: translatey(-30px);
	}

	60% {
		-moz-transform: translatey(-15px);
	}
}

@-ms-keyframes bounce {

	0%,
	20%,
	50%,
	80%,
	100% {
		-ms-transform: translatey(0);
	}

	40% {
		-ms-transform: translatey(-30px);
	}

	60% {
		-ms-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;
	-moz-animation-name: bounce;
	-ms-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);
	}
}

@-moz-keyframes tada {
	0% {
		-moz-transform: scale(1);
	}

	10%,
	20% {
		-moz-transform: scale(0.9) rotate(-3deg);
	}

	30%,
	50%,
	70%,
	90% {
		-moz-transform: scale(1.1) rotate(3deg);
	}

	40%,
	60%,
	80% {
		-moz-transform: scale(1.1) rotate(-3deg);
	}

	100% {
		-moz-transform: scale(1) rotate(0);
	}
}

@-ms-keyframes tada {
	0% {
		-ms-transform: scale(1);
	}

	10%,
	20% {
		-ms-transform: scale(0.9) rotate(-3deg);
	}

	30%,
	50%,
	70%,
	90% {
		-ms-transform: scale(1.1) rotate(3deg);
	}

	40%,
	60%,
	80% {
		-ms-transform: scale(1.1) rotate(-3deg);
	}

	100% {
		-ms-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;
	-moz-animation-name: tada;
	-ms-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);
	}
}

@-moz-keyframes swing {

	20%,
	40%,
	60%,
	80%,
	100% {
		-moz-transform-origin: top center;
	}

	20% {
		-moz-transform: rotate(15deg);
	}

	40% {
		-moz-transform: rotate(-10deg);
	}

	60% {
		-moz-transform: rotate(5deg);
	}

	80% {
		-moz-transform: rotate(-5deg);
	}

	100% {
		-moz-transform: rotate(0deg);
	}
}

@-ms-keyframes swing {

	20%,
	40%,
	60%,
	80%,
	100% {
		-ms-transform-origin: top center;
	}

	20% {
		-ms-transform: rotate(15deg);
	}

	40% {
		-ms-transform: rotate(-10deg);
	}

	60% {
		-ms-transform: rotate(5deg);
	}

	80% {
		-ms-transform: rotate(-5deg);
	}

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

@keyframes swing {

	20%,
	40%,
	60%,
	80%,
	100% {
		transform-origin: top center;
	}

	20% {
		transform: rotate(15deg);
	}

	40% {
		transform: rotate(-10deg);
	}

	60% {
		transform: rotate(5deg);
	}

	80% {
		transform: rotate(-5deg);
	}

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

.swing {
	-webkit-animation-name: swing;
	-moz-animation-name: swing;
	-ms-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%);
	}
}

@-moz-keyframes wobble {
	0% {
		-moz-transform: translatex(0%);
	}

	15% {
		-moz-transform: translatex(-25%) rotate(-5deg);
	}

	30% {
		-moz-transform: translatex(20%) rotate(3deg);
	}

	45% {
		-moz-transform: translatex(-15%) rotate(-3deg);
	}

	60% {
		-moz-transform: translatex(10%) rotate(2deg);
	}

	75% {
		-moz-transform: translatex(-5%) rotate(-1deg);
	}

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

@-ms-keyframes wobble {
	0% {
		-ms-transform: translatex(0%);
	}

	15% {
		-ms-transform: translatex(-25%) rotate(-5deg);
	}

	30% {
		-ms-transform: translatex(20%) rotate(3deg);
	}

	45% {
		-ms-transform: translatex(-15%) rotate(-3deg);
	}

	60% {
		-ms-transform: translatex(10%) rotate(2deg);
	}

	75% {
		-ms-transform: translatex(-5%) rotate(-1deg);
	}

	100% {
		-ms-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;
	-moz-animation-name: wobble;
	-ms-animation-name: wobble;
	animation-name: wobble;
}

/* originally authored by nick pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(1);
	}

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

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

@-moz-keyframes pulse {
	0% {
		-moz-transform: scale(1);
	}

	50% {
		-moz-transform: scale(1.1);
	}

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

@-ms-keyframes pulse {
	0% {
		-ms-transform: scale(1);
	}

	50% {
		-ms-transform: scale(1.1);
	}

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

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

	50% {
		transform: scale(1.1);
	}

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

.pulse {
	-webkit-animation-name: pulse;
	-moz-animation-name: pulse;
	-ms-animation-name: pulse;
	animation-name: pulse;
}

@-webkit-keyframes fadein {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-moz-keyframes fadein {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-ms-keyframes fadein {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes fadein {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.fadein {
	-webkit-animation-name: fadein;
	-moz-animation-name: fadein;
	-ms-animation-name: fadein;
	animation-name: fadein;
}

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

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

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

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

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

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

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

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

.fadeinup {
	-webkit-animation-name: fadeinup;
	-moz-animation-name: fadeinup;
	-ms-animation-name: fadeinup;
	animation-name: fadeinup;
}

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

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

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

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

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

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

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

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

.fadeindown {
	-webkit-animation-name: fadeindown;
	-moz-animation-name: fadeindown;
	-ms-animation-name: fadeindown;
	animation-name: fadeindown;
}

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

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

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

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

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

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

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

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

.fadeinleft {
	-webkit-animation-name: fadeinleft;
	-moz-animation-name: fadeinleft;
	-ms-animation-name: fadeinleft;
	animation-name: fadeinleft;
}

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

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

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

	100% {

		opacity: 1;
		-moz-transform: translatex(0);
	}
}

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

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

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

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

.fadeinright {
	-webkit-animation-name: fadeinright;
	-moz-animation-name: fadeinright;
	-ms-animation-name: fadeinright;
	animation-name: fadeinright;
}

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

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

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

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

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

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

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

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

.fadeinupbig {
	-webkit-animation-name: fadeinupbig;
	-moz-animation-name: fadeinupbig;
	-ms-animation-name: fadeinupbig;
	animation-name: fadeinupbig;
}

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

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

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

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

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

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

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

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

.fadeindownbig {
	-webkit-animation-name: fadeindownbig;
	-moz-animation-name: fadeindownbig;
	-ms-animation-name: fadeindownbig;
	animation-name: fadeindownbig;
}

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

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

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

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

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

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

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

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

.fadeinleftbig {
	-webkit-animation-name: fadeinleftbig;
	-moz-animation-name: fadeinleftbig;
	-ms-animation-name: fadeinleftbig;
	animation-name: fadeinleftbig;
}

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

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

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

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

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

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

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

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

.fadeinrightbig {
	-webkit-animation-name: fadeinrightbig;
	-moz-animation-name: fadeinrightbig;
	-ms-animation-name: fadeinrightbig;
	animation-name: fadeinrightbig;
}

@-webkit-keyframes fadeout {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@-moz-keyframes fadeout {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@-ms-keyframes fadeout {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@keyframes fadeout {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

.fadeout {
	-webkit-animation-name: fadeout;
	-moz-animation-name: fadeout;
	-ms-animation-name: fadeout;
	animation-name: fadeout;
}

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

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

@-moz-keyframes fadeoutup {
	0% {
		opacity: 1;
		-moz-transform: translatey(0);
	}

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

@-ms-keyframes fadeoutup {
	0% {
		opacity: 1;
		-ms-transform: translatey(0);
	}

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

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

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

.fadeoutup {
	-webkit-animation-name: fadeoutup;
	-moz-animation-name: fadeoutup;
	-ms-animation-name: fadeoutup;
	animation-name: fadeoutup;
}

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

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

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

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

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

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

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

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

.fadeoutdown {
	-webkit-animation-name: fadeoutdown;
	-moz-animation-name: fadeoutdown;
	-ms-animation-name: fadeoutdown;
	animation-name: fadeoutdown;
}

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

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

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

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

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

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

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

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

.fadeoutleft {
	-webkit-animation-name: fadeoutleft;
	-moz-animation-name: fadeoutleft;
	-ms-animation-name: fadeoutleft;
	animation-name: fadeoutleft;
}

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

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

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

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

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

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

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

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

.fadeoutright {
	-webkit-animation-name: fadeoutright;
	-moz-animation-name: fadeoutright;
	-ms-animation-name: fadeoutright;
	animation-name: fadeoutright;
}

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

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

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

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

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

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

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

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

.fadeoutupbig {
	-webkit-animation-name: fadeoutupbig;
	-moz-animation-name: fadeoutupbig;
	-ms-animation-name: fadeoutupbig;
	animation-name: fadeoutupbig;
}

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

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

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

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

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

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

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

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

.fadeoutdownbig {
	-webkit-animation-name: fadeoutdownbig;
	-moz-animation-name: fadeoutdownbig;
	-ms-animation-name: fadeoutdownbig;
	animation-name: fadeoutdownbig;
}

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

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

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

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

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

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

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

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

.fadeoutleftbig {
	-webkit-animation-name: fadeoutleftbig;
	-moz-animation-name: fadeoutleftbig;
	-ms-animation-name: fadeoutleftbig;
	animation-name: fadeoutleftbig;
}

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

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

@-moz-keyframes fadeoutrightbig {
	0% {
		opacity: 1;
		-moz-transform: translatex(0);
	}

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

@-ms-keyframes fadeoutrightbig {
	0% {
		opacity: 1;
		-ms-transform: translatex(0);
	}

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

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

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

.fadeoutrightbig {
	-webkit-animation-name: fadeoutrightbig;
	-moz-animation-name: fadeoutrightbig;
	-ms-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);
	}
}

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

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

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

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

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

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

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

	100% {
		-ms-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;
	-moz-animation-name: bouncein;
	-ms-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);
	}
}

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

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

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

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

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

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

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

	100% {
		-ms-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;
	-moz-animation-name: bounceinup;
	-ms-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);
	}
}

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

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

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

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

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

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

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

	100% {
		-ms-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;
	-moz-animation-name: bounceindown;
	-ms-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);
	}
}

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

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

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

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

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

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

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

	100% {
		-ms-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;
	-moz-animation-name: bounceinleft;
	-ms-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);
	}
}

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

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

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

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

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

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

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

	100% {
		-ms-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;
	-moz-animation-name: bounceinright;
	-ms-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);
	}
}

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

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

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

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

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

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

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

	100% {
		opacity: 0;
		-ms-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;
	-moz-animation-name: bounceout;
	-ms-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);
	}
}

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

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

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

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

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

	100% {
		opacity: 0;
		-ms-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;
	-moz-animation-name: bounceoutup;
	-ms-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);
	}
}

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

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

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

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

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

	100% {
		opacity: 0;
		-ms-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;
	-moz-animation-name: bounceoutdown;
	-ms-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);
	}
}

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

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

	}

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

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

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

	100% {
		opacity: 0;
		-ms-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;
	-moz-animation-name: bounceoutleft;
	-ms-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);
	}
}

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

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

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

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

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

	100% {
		opacity: 0;
		-ms-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;
	-moz-animation-name: bounceoutright;
	-ms-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;
	}
}

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

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

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

	100% {
		-ms-transform-origin: center center;
		-ms-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;
	-moz-animation-name: rotatein;
	-ms-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;
	}
}

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

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

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

	100% {
		-ms-transform-origin: left bottom;
		-ms-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;
	-moz-animation-name: rotateinupleft;
	-ms-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;
	}
}

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

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

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

	100% {
		-ms-transform-origin: left bottom;
		-ms-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;
	-moz-animation-name: rotateindownleft;
	-ms-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;
	}
}

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

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

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

	100% {
		-ms-transform-origin: right bottom;
		-ms-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;
	-moz-animation-name: rotateinupright;
	-ms-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;
	}
}

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

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

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

	100% {
		-ms-transform-origin: right bottom;
		-ms-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;
	-moz-animation-name: rotateindownright;
	-ms-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;
	}
}

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

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

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

	100% {
		-ms-transform-origin: center center;
		-ms-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;
	-moz-animation-name: rotateout;
	-ms-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;
	}
}

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

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

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

	100% {
		-ms-transform-origin: left bottom;
		-ms-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;
	-moz-animation-name: rotateoutupleft;
	-ms-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;
	}
}

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

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

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

	100% {
		-ms-transform-origin: left bottom;
		-ms-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;
	-moz-animation-name: rotateoutdownleft;
	-ms-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;
	}
}

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

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

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

	100% {
		-ms-transform-origin: right bottom;
		-ms-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;
	-moz-animation-name: rotateoutupright;
	-ms-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;
	}
}

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

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

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

	100% {
		-ms-transform-origin: right bottom;
		-ms-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;
	-moz-animation-name: rotateoutdownright;
	-ms-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;
	}
}

@-moz-keyframes hinge {
	0% {
		-moz-transform: rotate(0);
		-moz-transform-origin: top left;
		-moz-animation-timing-function: ease-in-out;
	}

	20%,
	60% {
		-moz-transform: rotate(80deg);
		-moz-transform-origin: top left;
		-moz-animation-timing-function: ease-in-out;
	}

	40% {
		-moz-transform: rotate(60deg);
		-moz-transform-origin: top left;
		-moz-animation-timing-function: ease-in-out;
	}

	80% {
		-moz-transform: rotate(60deg) translatey(0);
		opacity: 1;
		-moz-transform-origin: top left;
		-moz-animation-timing-function: ease-in-out;
	}

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

@-ms-keyframes hinge {
	0% {
		-ms-transform: rotate(0);
		-ms-transform-origin: top left;
		-ms-animation-timing-function: ease-in-out;
	}

	20%,
	60% {
		-ms-transform: rotate(80deg);
		-ms-transform-origin: top left;
		-ms-animation-timing-function: ease-in-out;
	}

	40% {
		-ms-transform: rotate(60deg);
		-ms-transform-origin: top left;
		-ms-animation-timing-function: ease-in-out;
	}

	80% {
		-ms-transform: rotate(60deg) translatey(0);
		opacity: 1;
		-ms-transform-origin: top left;
		-ms-animation-timing-function: ease-in-out;
	}

	100% {
		-ms-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;
	-moz-animation-name: hinge;
	-ms-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);
	}
}

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

	100% {
		opacity: 1;
		-moz-transform: translatex(0px) rotate(0deg);
	}
}

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

	100% {
		opacity: 1;
		-ms-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;
	-moz-animation-name: rollin;
	-ms-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);
	}
}

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

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

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

	100% {
		opacity: 0;
		-ms-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;
	-moz-animation-name: rollout;
	-ms-animation-name: rollout;
	animation-name: rollout;
}