/***CONTACT US PART***/

.about-us .nav{

	background:#f2f2f2;

}

.about-us .nav ul li{

	float:left;

	line-height: 50px;

	font-size:20px;

	color:#333;

	margin-right:10px;

	font-weight: bold;

}

.about-us .nav ul li span{

	display: inline-block;

    position: relative;

    top: 3px;

}

.about-us .nav ul li a{

	display:inline-block;

	color:#999;

	font-size:14px;

	font-weight: normal;

	height:50px;

	line-height: 50px;

	transition:all 0.4s;

}

.about-us .nav ul li a:hover{

	color:#333;

}

.about-us .nav ul li.active a{

	color:#333;

}

.contact .infos{

	border-bottom:1px solid #e5e5e5;

	padding-bottom:20px;

}

.my-working-place h1,.contact .infos .co h3,.contact .infos h1{

	font-size:20px;

	color:#333;

}

.contact .infos h1{

	margin:20px 0;

}

.contact .infos .dress{

	width:50%;

}

.contact .infos ul li,.contact .infos .dress h3{

	font-size:14px;

	color:#999;

}

.contact .infos .dress h3{

	line-height: 30px;

}

.contact .infos ul{

	margin-top:20px;

}

.contact .infos ul li{

	line-height: 24px;

}

.contact .infos .dress h3 span,.contact .infos ul li span{

	display:inline-block;

	width:20px;

	height:24px;

	float:left;

	margin-right:5px;

}

.contact .infos .dress h3 span{

	background:url(../images/about-us/icons.png) 1px 5px no-repeat;

}

.contact .infos .co ul li:nth-of-type(2) span,.contact .infos .dress ul li:nth-of-type(1) span{

	background:url(../images/about-us/icons.png) 1px -25px no-repeat;

}

.contact .infos .co ul li:nth-of-type(3) span,.contact .infos .dress ul li:nth-of-type(2) span{

	background:url(../images/about-us/icons.png) right -25px no-repeat;

}

.contact .infos .dress ul li:nth-of-type(3) span{

	background:url(../images/about-us/icons.png) -41px 5px no-repeat;

}

.my-working-place{

	margin-bottom:40px;

}

.my-working-place h1{

	margin-top:40px;

}

.my-working-place .map-area{

	margin-top:10px;

	width:100%;

	height:400px;

	background:#eee;

}

/****JOIN US PART****/

.join .top{

	position:relative;

	height:400px;

	width:100%;

	background:url(../images/about-us/join-us-top.jpg) center center no-repeat;

	background-size:cover;

}

.join .top h1{

	position:absolute;

	font-size:36px;

	color:#333;

	left:50%;

	top:50%;

	margin-left:-108px;

	margin-top:-27px;

}

.join .icons{

	width:100%;

	height:175px;

	background:white;

}

.join .icons ul{

	width:50%;

}

.join .icons ul li{

	width:33.33%;

	float:left;

	text-align: center;

	height:100%;

	padding:40px 0 0 0;

}

.join .icons ul li p{

	width:60px;

	height:67px;

	display:inline-block;

}

.join .icons ul li:nth-of-type(1) p{

	background:url(../images/about-us/b-icons.png) left 5px no-repeat;

}

.join .icons ul li:nth-of-type(2) p{

	background:url(../images/about-us/b-icons.png) right top no-repeat;

}

.join .icons ul li:nth-of-type(3) p{

	background:url(../images/about-us/b-icons.png) 4px -78px no-repeat;

}

.join .icons ul li span{

	display:block;

	margin-top:5px;

}

.join .you-know{

	background:#f2f2f2;

	padding:50px 0;

}

.join .you-know p {

    font-size: 14px;

    line-height: 22px;

    color: #666;

    text-align:center;

}

.join .you-know h1{

	font-size:18px;

	color:#333; 

	text-align:center;

}

.mt20{

	margin-top:20px;

}

.jobs .section .t {

	overflow:hidden;

	border-bottom:1px dashed #ccc;

	padding-bottom:20px;

}

.jobs .section .t span{

	width:70px;

	height:70px;

	display:inline-block;

	color:white;

	text-align:center;

	line-height:70px;

	font-size:18px;

	float:left;

}

.jobs .section .customer-service .t span{

	background:#7BCAD7;

	border-radius: 7px;

}

.jobs .section .market .t span{

	background:#7BCAD7;

	border-radius: 7px;

}

.jobs .section .purchase .t span{

	background:#7BCAD7;

	border-radius: 7px;

}

.jobs .section .t h1{

	font-size:20px;

	font-weight:bold;

	margin:5px 0 10px 80px;

}

.jobs .section .t p{

	margin-left:80px;

}

.jobs .section .job-title{

	font-size:20px;

	color:#333;

	margin-bottom:10px;

	margin-top:10px;

}

.jobs .section>li>ul>li{

	line-height:24px;

	font-size:14px;

}

.jobs .section>li{

	color:#333;

	border-bottom:8px solid #eee;

	padding-bottom:20px;

	margin-bottom:20px;

}

.jobs .section>li:last-child{

	border-bottom:none;

}

.jobs .section label{

	color:#007aff;

}

.jobs .section .advanced p{

	color:#333;

	font-size:14px;

	line-height:24px;

}



/**instro us**/

.instro .top{

	height:399px;

	width:100%;

	background:url(../images/about-us/intro-banner.jpg) center center no-repeat;

	background-size:cover;

}

.company-info p{

	padding-left:30px;

	line-height: 24px;

	padding-top:40px;

	padding-bottom:40px;

	color:#333;

	font-size: 17px;

    line-height: 30px;

}



.core-team{

	background:#eee;

	height:715px;

}

.core-team h1{

	position:relative;

	top:80px;

	height:39px;

	text-align: center;

}

.core-team .con{

	height:715px;

	background:url(../images/about-us/main-team.jpg) center bottom no-repeat;

}

.core-team .member-info{

	position:relative;

	top:150px;

}

.core-team .member-info li{

	float:left;

	text-align: center;

	width:20%;

	position:relative;

}

.core-team .dots{

	position:relative;

	top:385px;

}

.core-team .dots li{

	position:relative;

	float:left;

	display:inline-block;

	background:red;

	width:31px;

	height:38px;

	background:url(../images/about-us/de-icon.png) center bottom no-repeat;

	cursor:pointer;

}

.core-team .dots li:nth-of-type(1){

	top: -30px;

    left: -485px;

}

.core-team .dots li:nth-of-type(2){

	top: -48px;

    left: -213px;

}

.core-team .dots li:nth-of-type(3){

	top: -5px;

    left: 28px;

}

.core-team .member-info li label{

	display:block;

	font-size:18px;

	color:#333;

}

.core-team .member-info li span{

	color:#666;

}

.core-team .member-info li:nth-of-type(1){

    top: 20px;

    left: 163px;

}

.core-team .member-info li:nth-of-type(2){

    top: -20px;

    left: 257px;

}

.core-team .member-info li:nth-of-type(3){

    top: 40px;

    left: 309px;

}



.masker{

	width:100vw;

	height:100vh;

	position:fixed;

	top:0;

	left:0;

	background:black;

	opacity:0.8;

	z-index:99;

	display:none;

}

.core-details{

	width:100%;

	height:460px;

	position:fixed;

	top:50%;

	left:0;

	margin-top:-230px;

	background:#dcdcdc;

	z-index: 100;

	display:none;

}

.core-details .closeBtn{

	width:58px;

	height:58px;

	background:url(../images/about-us/close-btn.jpg) right top no-repeat;

	position:absolute;

	right:20px;

	top:20px;

	cursor:pointer;

}

.core-details .img{

	width:50%;

	height:100%;

	float:left;

}

.core-details .info{

	width:50%;

	float:right;

	padding-top:120px;

}

.core-details .info h1{

	font-size:30px;

	color:#333;

}

.core-details .info h1 span{

	font-size:14px;

	color:#999;

}

.core-details .info p{

	margin-top:20px;

}

.core-details ul li:nth-of-type(1) .img{

	background:url(../images/about-us/liuP.jpg) right top no-repeat;

}

.core-details ul li:nth-of-type(2) .img{

	background:url(../images/about-us/xieYX.jpg) right top no-repeat;

}

.core-details ul li:nth-of-type(3) .img{

	background:url(../images/about-us/guYJ.jpg) right top no-repeat;

}









/*成员照片*/

.members .contain{

	width:1200px;

}

.members .t{

	margin:80px auto;

	display:block;

}

.members ul{

	width:100%;

	margin-bottom:80px;

	overflow: hidden;

}

.members ul li{

	width:192px;

	height:192px;

	margin:4px;

	background:black;

	float:left;

	position:relative;

}

.members ul li img:first-child{

	z-index: 11;

	opacity:1;

}

.members ul li img:last-child{

	z-index: 10;

	opacity:0;

}

.members ul li img{

	position:absolute;

	top:0;

	left:0;

	transition:opacity 0.4s;

}

.members ul li:hover img:first-child{

	opacity:0;

}

.members ul li:hover img:last-child{

	opacity:1;

}



























/*公司介绍start*/

/********

.major-list li a span.back-face h3{margin-top:60px;margin-bottom:0;font-size: 18px}

.major-list li a span.back-face h2{margin-top:10px;font-size: 14px;color: #A9A9A9;;}

.major-list li a span.back-face p{font-size: 14px;margin:24px 19px;line-height: 20px;letter-spacing: 0.5px;}

.about .top-bg{width:100%;height:468px;background:url(../images/about-us/about-top-bg.jpg) center center no-repeat;background-size:cover;overflow:hidden;}

.about .top-bg .t{color:white;font-size:70px;letter-spacing:4px;text-align:center;width:1000px;line-height:40px;margin:200px auto 0 auto;font-weight:bold;font-family: 'Impact'}



.leadership{background:white;overflow:hidden;padding-top:50px;}

.leadership .section{border-bottom:1px solid #555;overflow:hidden;position:relative;height:430px;}

.leadership .nav-leader{margin-left:80px;}

.leadership .nav-leader li{position:relative;top:24px;left: 0px;line-height: 20px;cursor:pointer;}

.leadership .nav-leader li a{line-height:20px;color:#313131;font-size:14px;}

.leadership .nav-leader li.active a{color:#222;font-weight:bold;}

.leadership .infs{position:absolute;right:0;width:70%;transition:opacity 0.5s;opacity:0;}

.leadership .infs:nth-of-type(1){background:url(../images/about-us/about-xie.jpg) 400px -2px no-repeat;}

.leadership .infs:nth-of-type(2){background:url(../images/about-us/about-jiang.png) 410px 17px no-repeat;}

.leadership .infs:nth-of-type(3){background:url(../images/about-us/about-xguj.jpg) 400px -2px no-repeat;}

.leadership .infs:nth-of-type(4){background:url(../images/about-us/about-pan.jpg) 400px -4px no-repeat;}

.leadership .infs:nth-of-type(5){background:url(../images/about-us/about-gu.jpg) 400px -2px no-repeat;}

.leadership .infs:nth-of-type(6){background:url(../images/about-us/about-xu.jpg) 400px -2px no-repeat;}

.leadership .infs h1{font-size:30px;margin-top:50px;padding-bottom:10px;font-weight:bold;}

.leadership .infs.current{opacity:1;}



.leadership .nav-leader h1{font-size:20px;margin-top:50px;font-weight:bold;padding-bottom:10px;}

.leadership .infs ul{width:450px;height:350px;word-break:break-all;line-height:20px;padding-top:10px;}

.leadership .infs ul li{color:#313131;font-size:14px;line-height:24px;font-weight: 600;}





.leaders{width:1170px;overflow:hidden;margin: 0 auto;position:relative;}

.leaders .hd_l{width:590px;height:535px;overflow:hidden;}

.leaders .hd_l ul li{position:relative}

.leaders .hd_r ul li ul li{float:left;width:250px;height:250px;overflow:hidden;position:relative;margin:20px 70px;}

.leaders .hd_r>ul>li{width:1170px;float:left;margin-bottom: 20px}

.leaders .hd_r ul li img{width:250px;height:250px;}

.leaders .major-list{width:4680px;}

.leaders>span{position:absolute;width:64px;height:64px;display:inline-block;background:red;cursor:pointer;opacity:0.4;transition:opacity 0.5s;}

.leaders .prev-icon{left:0;top:430px;background:url(../images/about-us/prev.png) center center no-repeat;}

.leaders .next-icon{right:0;top:430px;background:url(../images/about-us/next.png) center center no-repeat;}

.leaders>span:hover{opacity:1;}



.idea{overflow:hidden;}

.idea .section{overflow:hidden;text-align:center;padding:50px;border-top:1px solid black;}

.idea .nav-leader{width:30%;}

.idea .nav-leader li a{line-height:20px;color:#999;}

.idea .nav-leader li.active a{color:#222;font-weight:bold;}

.idea .infs{width:70%;background:url(../images/about-us/li.jpeg) 400px center no-repeat;background-size:40%;}

.idea .infs h1{font-size:24px;margin-top:30px;padding-bottom:10px;}

.idea .infs ul{width:300px;height:200px;word-break:break-all;line-height:20px;padding-top:10px;}

.idea strong{margin-left:2px;color:#7BCAD7}

.idea h3{line-height: 36px;letter-spacing: 1px;font-size: 22px;}

.two-pics{width:100%;height:270px;margin: 0 auto;}

.two-pics .img_avting{float:left;width:100%;height:100%;background:url(../images/about-us/icon_imgating.jpg) center center no-repeat;background-size:cover;}











.major-list-outer{margin-top: 100px;}

.major-list{}

.major-list li{}

.major-list li a, .major-list li a span{width:100%;height:100%;display:block;position:absolute;left:0;top:0}

.front-face{z-index:2;





}

.front-face img{

	-webkit-border-radius:50%;

	-moz-border-radius:50%;

	-ms-border-radius:50%;

	border-radius:50%;

}

.major-list li a span.back-face{z-index:3;background-color:rgba(41,40,40,0.8);

	-webkit-border-radius:50%;

	-moz-border-radius:50%;

	-ms-border-radius:50%;

	border-radius:50%;

	text-align: center;

	padding-top:10px;

	display:none;

	box-sizing: border-box;

}

.major-list li a{overflow:hidden}

.major-list li a:hover span.back-face{/*z-index:3;*/ /******display:block;color:white;}

.animated {

	-webkit-animation-duration: 1s;

	   -moz-animation-duration: 1s;

	     -ms-animation-duration: 1s;

	        animation-duration: 1s;

	-webkit-animation-fill-mode: both;

	   -moz-animation-fill-mode: both;

	     -ms-animation-fill-mode: both;

	        animation-fill-mode: both;

}



@-webkit-keyframes flipInX {

    0% {

        -webkit-transform: perspective(400px) rotateX(90deg);

        opacity: 0;

    }

    

    40% {

        -webkit-transform: perspective(400px) rotateX(-10deg);

    }

    

    70% {

        -webkit-transform: perspective(400px) rotateX(10deg);

    }

    

    100% {

        -webkit-transform: perspective(400px) rotateX(0deg);

        opacity: 1;

    }

}

@-moz-keyframes flipInX {

    0% {

        -moz-transform: perspective(400px) rotateX(90deg);

        opacity: 0;

    }

    

    40% {

        -moz-transform: perspective(400px) rotateX(-10deg);

    }

    

    70% {

        -moz-transform: perspective(400px) rotateX(10deg);

    }

    

    100% {

        -moz-transform: perspective(400px) rotateX(0deg);

        opacity: 1;

    }

}

@-ms-keyframes flipInX {

    0% {

        -ms-transform: perspective(400px) rotateX(90deg);

        opacity: 0;

    }

    

    40% {

        -ms-transform: perspective(400px) rotateX(-10deg);

    }

    

    70% {

        -ms-transform: perspective(400px) rotateX(10deg);

    }

    

    100% {

        -ms-transform: perspective(400px) rotateX(0deg);

        opacity: 1;

    }

}

@keyframes flipInX {

    0% {

        transform: perspective(400px) rotateX(90deg);

        opacity: 0;

    }

    

    40% {

        transform: perspective(400px) rotateX(-10deg);

    }

    

    70% {

        transform: perspective(400px) rotateX(10deg);

    }

    

    100% {

        transform: perspective(400px) rotateX(0deg);

        opacity: 1;

    }

}



.flipInX {

	-webkit-backface-visibility: visible !important;

	-webkit-animation-name: flipInX;

	-moz-backface-visibility: visible !important;

	-moz-animation-name: flipInX;

	-ms-backface-visibility: visible !important;

	-ms-animation-name: flipInX;

	backface-visibility: visible !important;

	animation-name: flipInX;

}



@-webkit-keyframes flipOutX {

    0% {

        -webkit-transform: perspective(400px) rotateX(0deg);

        opacity: 1;

    }

	100% {

        -webkit-transform: perspective(400px) rotateX(90deg);

        opacity: 0;

    }

}



@-moz-keyframes flipOutX {

    0% {

        -moz-transform: perspective(400px) rotateX(0deg);

        opacity: 1;

    }

	100% {

        -moz-transform: perspective(400px) rotateX(90deg);

        opacity: 0;

    }

}



@-ms-keyframes flipOutX {

    0% {

        -ms-transform: perspective(400px) rotateX(0deg);

        opacity: 1;

    }

	100% {

        -ms-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;

	-moz-animation-name: flipOutX;

	-moz-backface-visibility: visible !important;

	-ms-animation-name: flipOutX;

	-ms-backface-visibility: visible !important;

	animation-name: flipOutX;

	backface-visibility: visible !important;

}



@-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 {

	height: 100%;

	-webkit-animation-name: fadeIn;

	-moz-animation-name: fadeIn;

	-ms-animation-name: fadeIn;

	animation-name: fadeIn;

}



@-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;

	height: 0;

}



@-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);}

}



@-webkit-keyframes flash {

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

	25%, 75% {opacity: 1;}

}

@-moz-keyframes flash {

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

	25%, 75% {opacity: 1;}

}

@-ms-keyframes flash {

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

	25%, 75% {opacity: 1;}

}

@keyframes flash {

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

	25%, 75% {opacity: 1;}

}



@-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);

	}

}



.animated.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);

	}

}



.animated.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);

	}

}



.animated.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);

	}

}



.animated.bounceInRight {

	-webkit-animation-name: bounceInRight;

	-moz-animation-name: bounceInRight;

	-ms-animation-name: bounceInRight;

	animation-name: bounceInRight;

}



@-webkit-keyframes slideInRight {

  0% {

    opacity: 0;

    -webkit-transform: translateX(2000px);

  }



  100% {

  	opacity: 1;

    -webkit-transform: translateX(0);

  }

}

@-moz-keyframes slideInRight {

  0% {

    opacity: 0;

    -moz-transform: translateX(2000px);

  }



  100% {

  	opacity: 1;

    -moz-transform: translateX(0);

  }

}

@-ms-keyframes slideInRight {

  0% {

    opacity: 0;

    -ms-transform: translateX(2000px);

  }



  100% {

  	opacity: 1;

    -ms-transform: translateX(0);

  }

}

@keyframes slideInRight {

  0% {

    opacity: 0;

    transform: translateX(2000px);

  }



  100% {

  	opacity: 1;

    transform: translateX(0);

  }

}



@-webkit-keyframes slideOutLeft {

  0% {

    opacity: 1;

    -webkit-transform: translateX(0);

  }



  100% {

    opacity: 0;

    -webkit-transform: translateX(-2000px);

  }

}

@-moz-keyframes slideOutLeft {

  0% {

    opacity: 1;

    -moz-transform: translateX(0);

  }



  100% {

    opacity: 0;

    -moz-transform: translateX(-2000px);

  }

}

@-ms-keyframes slideOutLeft {

  0% {

    opacity: 1;

    -ms-transform: translateX(0);

  }



  100% {

    opacity: 0;

    -ms-transform: translateX(-2000px);

  }

}

@keyframes slideOutLeft {

  0% {

  	opacity: 1;

    transform: translateX(0);

  }



  100% {

    opacity: 0;

    transform: translateX(-2000px);

  }

}

*******/

/* Above all are from animate.css by daneden http://daneden.me/animate/ */

/**********

.from-top{

	-webkit-transform-origin: 0% 0%;

	 -moz-transform-origin: 0% 0%;

	  -ms-transform-origin: 0% 0%;

	   transform-origin: 0% 0%;

}



.from-left{

	-webkit-transform-origin: 0% 100%;

	 -moz-transform-origin: 0% 100%;

	  -ms-transform-origin: 0% 100%;

	   transform-origin: 0% 100%;

}



.from-top, .from-left{

	-webkit-animation: enter-clockwise 0.23s ease-out;

	 -moz-animation: enter-clockwise 0.23s ease-out;

	  -ms-animation: enter-clockwise 0.23s ease-out;

	   animation: enter-clockwise 0.23s ease-out;

}



.from-right{

	-webkit-transform-origin: 100% 100%;

	 -moz-transform-origin: 100% 100%;

	  -ms-transform-origin: 100% 100%;

	   transform-origin: 100% 100%;

}



.from-bottom{

	-webkit-transform-origin: 0% 100%;

	 -moz-transform-origin: 0% 100%;

	  -ms-transform-origin: 0% 100%;

	   transform-origin: 0% 100%;

}



.from-right, .from-bottom{

	-webkit-animation: enter-anti-clockwise 0.23s ease-out;

	 -moz-animation: enter-anti-clockwise 0.23s ease-out;

	  -ms-animation: enter-anti-clockwise 0.23s ease-out;

	   animation: enter-anti-clockwise 0.23s ease-out;

}



.to-top{

	-webkit-transform-origin: 0% 0%;

	 -moz-transform-origin: 0% 0%;

	  -ms-transform-origin: 0% 0%;

	   transform-origin: 0% 0%;

}



.to-left{

	-webkit-transform-origin: 0% 100%;

	 -moz-transform-origin: 0% 100%;

	  -ms-transform-origin: 0% 100%;

	   transform-origin: 0% 100%;

}



.to-top, .to-left{

	-webkit-animation: leave-anti-clockwise 0.23s ease-out;

	 -moz-animation: leave-anti-clockwise 0.23s ease-out;

	  -ms-animation: leave-anti-clockwise 0.23s ease-out;

	   animation: leave-anti-clockwise 0.23s ease-out;

}



.to-right{

	-webkit-transform-origin: 100% 100%;

	 -moz-transform-origin: 100% 100%;

	  -ms-transform-origin: 100% 100%;

	   transform-origin: 100% 100%;

}



.to-bottom{

	-webkit-transform-origin: 0% 100%;

	 -moz-transform-origin: 0% 100%;

	  -ms-transform-origin: 0% 100%;

	   transform-origin: 0% 100%;

}



.to-right, .to-bottom{

	-webkit-animation: leave-clockwise 0.23s ease-out;

	 -moz-animation: leave-clockwise 0.23s ease-out;

	  -ms-animation: leave-clockwise 0.23s ease-out;

	   animation: leave-clockwise 0.23s ease-out;

}



@-webkit-keyframes enter-clockwise{

	from{

		z-index: 3;

		-webkit-transform: rotate(-90deg);

	}

	to{

		z-index: 3;

		-webkit-transform: rotate(0deg);

	}

}@-moz-keyframes enter-clockwise{

	from{

		z-index: 3;

		-moz-transform: rotate(-90deg);

	}

	to{

		z-index: 3;

		-moz-transform: rotate(0deg);

	}

}@-ms-keyframes enter-clockwise{

	from{

		z-index: 3;

		-ms-transform: rotate(-90deg);

	}

	to{

		z-index: 3;

		-ms-transform: rotate(0deg);

	}

}@keyframes enter-clockwise{

	from{

		z-index: 3;

		transform: rotate(-90deg);

	}

	to{

		z-index: 3;

		transform: rotate(0deg);

	}

}



@-webkit-keyframes enter-anti-clockwise{

	from{

		z-index: 3;

		-webkit-transform: rotate(90deg);

	}

	to{

		z-index: 3;

		-webkit-transform: rotate(0deg);

	}

}@-moz-keyframes enter-anti-clockwise{

	from{

		z-index: 3;

		-moz-transform: rotate(90deg);

	}

	to{

		z-index: 3;

		-moz-transform: rotate(0deg);

	}

}@-ms-keyframes enter-anti-clockwise{

	from{

		z-index: 3;

		-ms-transform: rotate(90deg);

	}

	to{

		z-index: 3;

		-ms-transform: rotate(0deg);

	}

}@keyframes enter-anti-clockwise{

	from{

		z-index: 3;

		transform: rotate(90deg);

	}

	to{

		z-index: 3;

		transform: rotate(0deg);

	}

}



@-webkit-keyframes leave-clockwise{

	from{

		z-index: 3;

		-webkit-transform: rotate(0deg);

	}

	to{

		z-index: 3;

		-webkit-transform: rotate(90deg);

	}

}@-moz-keyframes leave-clockwise{

	from{

		z-index: 3;

		-moz-transform: rotate(0deg);

	}

	to{

		z-index: 3;

		-moz-transform: rotate(90deg);

	}

}@-ms-keyframes leave-clockwise{

	from{

		z-index: 3;

		-ms-transform: rotate(0deg);

	}

	to{

		z-index: 3;

		-ms-transform: rotate(90deg);

	}

}@keyframes leave-clockwise{

	from{

		z-index: 3;

		transform: rotate(0deg);

	}

	to{

		z-index: 3;

		transform: rotate(90deg);

	}

}



@-webkit-keyframes leave-anti-clockwise{

	from{

		z-index: 3;

		-webkit-transform: rotate(0deg);

	}

	to{

		z-index: 3;

		-webkit-transform: rotate(-90deg);

	}

}@-moz-keyframes leave-anti-clockwise{

	from{

		z-index: 3;

		-moz-transform: rotate(0deg);

	}

	to{

		z-index: 3;

		-moz-transform: rotate(-90deg);

	}

}@-ms-keyframes leave-anti-clockwise{

	from{

		z-index: 3;

		-ms-transform: rotate(0deg);

	}

	to{

		z-index: 3;

		-ms-transform: rotate(-90deg);

	}

}@keyframes leave-anti-clockwise{

	from{

		z-index: 3;

		transform: rotate(0deg);

	}

	to{

		z-index: 3;

		transform: rotate(-90deg);

	}

}



@-webkit-keyframes slideDown{

	from{

		-webkit-transform: translateY(-75px);

	}

	to{

		-webkit-transform: translateY(0px);

	}

}@-moz-keyframes slideDown{

	from{

		-moz-transform: translateY(-75px);

	}

	to{

		-moz-transform: translateY(0px);

	}

}@-ms-keyframes slideDown{

	from{

		-ms-transform: translateY(-75px);

	}

	to{

		-ms-transform: translateY(0px);

	}

}@keyframes slideDown{

	from{

		transform: translateY(-75px);

	}

	to{

		transform: translateY(0px);

	}

}



@-webkit-keyframes slideUp{

	from{

		-webkit-transform: translateY(0px);

	}

	to{

		-webkit-transform: translateY(-75px);

	}

}@-moz-keyframes slideUp{

	from{

		-moz-transform: translateY(0px);

	}

	to{

		-moz-transform: translateY(-75px);

	}

}@-ms-keyframes slideUp{

	from{

		-ms-transform: translateY(0px);

	}

	to{

		-ms-transform: translateY(-75px);

	}

}@keyframes slideUp{

	from{

		transform: translateY(0px);

	}

	to{

		transform: translateY(-75px);

	}

}



@-webkit-keyframes bounceStrenth {

	0% {

		opacity: 0;

		-webkit-transform: scale(0);

	}

	

	60% {

		opacity: 1;

		-webkit-transform: scale(1.2);

	}

	

	100% {

		-webkit-transform: scale(1);

	}

}

@-moz-keyframes bounceStrenth {

	0% {

		opacity: 0;

		-moz-transform: scale(0);

	}

	

	60% {

		opacity: 1;

		-moz-transform: scale(1.2);

	}

	

	100% {

		-moz-transform: scale(1);

	}

}

@-ms-keyframes bounceStrenth {

	0% {

		opacity: 0;

		-ms-transform: scale(0);

	}

	

	60% {

		opacity: 1;

		-ms-transform: scale(1.2);

	}

	

	100% {

		-ms-transform: scale(1);

	}

}

@keyframes bounceStrenth {

	0% {

		opacity: 0;

		transform: scale(0);

	}

	

	60% {

		opacity: 1;

		transform: scale(1.2);

	}

	

	100% {

		transform: scale(1);

	}

}



@-webkit-keyframes bounceBigStrenth {

	0% {

		opacity: 0;

		-webkit-transform: scale(0);

	}

	

	60% {

		opacity: 1;

		-webkit-transform: scale(1.4);

	}

	

	100% {

		-webkit-transform: scale(1);

	}

}

@-moz-keyframes bounceBigStrenth {

	0% {

		opacity: 0;

		-moz-transform: scale(0);

	}

	

	60% {

		opacity: 1;

		-moz-transform: scale(1.4);

	}

	

	100% {

		-moz-transform: scale(1);

	}

}

@-ms-keyframes bounceBigStrenth {

	0% {

		opacity: 0;

		-ms-transform: scale(0);

	}

	

	60% {

		opacity: 1;

		-ms-transform: scale(1.4);

	}

	

	100% {

		-ms-transform: scale(1);

	}

}

@keyframes bounceBigStrenth {

	0% {

		opacity: 0;

		transform: scale(0);

	}

	

	60% {

		opacity: 1;

		transform: scale(1.4);

	}

	

	100% {

		transform: scale(1);

	}

}



@-webkit-keyframes spin {

	from {

		-webkit-transform: rotate(0deg);

	}



	to {

		-webkit-transform: rotate(360deg);

	}

}

@-moz-keyframes spin {

	from {

		-moz-transform: rotate(0deg);

	}



	to {

		-moz-transform: rotate(360deg);

	}

}

@-ms-keyframes spin {

	from {

		-ms-transform: rotate(0deg);

	}



	to {

		-ms-transform: rotate(360deg);

	}

}

@keyframes spin {

	from {

		transform: rotate(0deg);

	}



	to {

		transform: rotate(360deg);

	}

}

******/