@font-face

{

	font-family: iconfont;

	src: url(../iconfont/iconfont.eot);

	src: url(../iconfont/iconfont.eot#iefix) format("embedded-opentype"), url(../iconfont/iconfont.ttf) format("truetype"), url(../iconfont/iconfont.woff) format("woff"), url(../iconfont/iconfont.svg#iconfont) format("svg");

	font-weight: 400;

	font-style: normal

}

.iconfont{

    font-family:"iconfont" !important;

    font-size:16px;font-style:normal;

    -webkit-font-smoothing: antialiased;

    -webkit-text-stroke-width: 0.2px;

    -moz-osx-font-smoothing: grayscale;}



.cursorPointer

{

	cursor: pointer

}



.padding0

{

	padding: 0

}



*

{

	font-family: Microsoft YaHei, \\5FAE\8F6F\96C5\9ED1, Arial, sans-serif;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none

}



body, html

{

	width: 100%;

	background-color: #fff

}



a

{

	cursor: pointer

}



a:hover

{

	text-decoration: none

}



.left

{

	float: left

}



.right

{

	float: right

}



.clear

{

	clear: both

}



li

{

	list-style: none

}



a

{

	color: inherit

}



a:focus, a:hover

{

	color: inherit;

	text-decoration: none

}



#wrapper

{

	width: 100%;

	background: #fafafa

}



#page-wrapper

{

	padding: 5px;

	background-color: #fff

}



#page-wrapper .page-header

{

	font-size: 20px

}

@media (min-width:768px) {



#page-wrapper

{

	position: absolute;

	bottom: 0;

	left: 250px;

	right: 0;

	padding: 10px;

	overflow-y: auto

}

}



.picvcode

{

	min-width: 80px

}



.ms-controller

{

	visibility: hidden

}



h1, h2, h3, h4, h5, h6, li, p, ul

{

	margin: 0;

	padding: 0

}



.iconfont

{

	display: inline-block;

	width: 1.5em;

	text-align: center;

	font-size: inherit;

	text-rendering: auto

}



.iconfont--spin

{

	-webkit-animation: iconfont--spin 2s infinite linear;

	animation: iconfont--spin 2s infinite linear

}

@-webkit-keyframes 

iconfont--spin

{

0% {

-webkit-transform:rotate(0deg);

transform:rotate(0deg)

}



to

{

	-webkit-transform: rotate(359deg);

	transform: rotate(359deg)

}

}

@keyframes 

iconfont--spin

{

0% {

-webkit-transform:rotate(0deg);

transform:rotate(0deg)

}



to

{

	-webkit-transform: rotate(359deg);

	transform: rotate(359deg)

}

}



.btn-outline

{

	color: inherit;

	background-color: transparent;

	-webkit-transition: all .5s;

	transition: all .5s

}



.btn-primary

{

	background: #ff4a46!important;

	border-color: #ff4a46!important;

	height: 39px;

	width: 161px;

	line-height: 26px;

	font-size: 16px;

	outline: none!important;

	border-radius: 0

}



.btn-primary.btn-md

{

	width: 110px;

	height: 40px;

	font-size: 14px;

	line-height: 1.33

}



.btn-primary.btn-lg

{

	width: 260px

}



.btn-primary.btn-hg, .btn-primary.btn-lg

{

	height: 50px;

	font-size: 16px;

	line-height: 1.33

}



.btn-primary.btn-hg

{

	width: 400px

}



.btn-success.btn-outline

{

	color: #5cb85c

}



.btn-info.btn-outline

{

	color: #5bc0de

}



.btn-warning.btn-outline

{

	color: #f0ad4e

}



.btn-danger.btn-outline

{

	color: #d9534f

}



.btn-danger.btn-outline:hover, .btn-info.btn-outline:hover, .btn-primary.btn-outline:hover, .btn-success.btn-outline:hover, .btn-warning.btn-outline:hover

{

	color: #fff

}



.btn-circle

{

	width: 30px;

	height: 30px;

	padding: 6px 0;

	border-radius: 15px;

	text-align: center;

	font-size: 12px;

	line-height: 1.428571429

}



.btn-circle.btn-lg

{

	width: 50px;

	height: 50px;

	padding: 10px 16px;

	border-radius: 25px;

	font-size: 18px;

	line-height: 1.33

}



.btn-circle.btn-xl

{

	width: 70px;

	height: 70px;

	padding: 10px 16px;

	border-radius: 35px;

	font-size: 24px;

	line-height: 1.33

}

@media (min-width:768px) {



.form-inline .form-group

{

	margin-top: 2px;

	margin-bottom: 2px;

	margin-right: 15px;

	white-space: nowrap

}

}



.form-inline>.btn, .form-inline>label

{

	margin-left: 10px;

	margin-right: 10px

}



.form-group .checkbox input[type=checkbox]

{

	margin-left: 0

}



.form-required>label:after

{

	content: " * ";

	color: red

}



.form-group-foricon

{

	position: relative

}



.form-group-foricon i

{

	position: absolute;

	top: 0;

	left: 0;

	z-index: 1;

	height: 20px

}

@media (min-width:768px) {



.table td .btn

{

	margin-top: 2px;

	margin-bottom: 2px

}

}



.table td .btn

{

	margin-left: 2px;

	margin-right: 2px

}



.navbar-fixed-bottom, .navbar-fixed-top, body

{

	min-width: 1200px

}



.lead

{

	font-size: 16px

}



.page-header

{

	margin-bottom: 30px

}



.page-header .lead

{

	margin-bottom: 10px

}



.container

{

	width: 1200px;

	max-width: none!important

}



.col-xs-4

{

	padding-top: 15px;

	padding-bottom: 15px

}



.form-inline .form-group

{

	display: inline-block;

	margin-bottom: 0;

	vertical-align: middle

}



.form-inline .form-control

{

	display: inline-block;

	width: auto;

	vertical-align: middle

}



.form-inline .form-control-static

{

	display: inline-block

}



.form-inline .input-group

{

	display: inline-table;

	vertical-align: middle

}



.form-inline .input-group .form-control, .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn

{

	width: auto

}



.form-inline .input-group>.form-control

{

	width: 100%

}



.form-inline .control-label

{

	margin-bottom: 0;

	vertical-align: middle

}



.form-inline .checkbox, .form-inline .radio

{

	display: inline-block;

	margin-top: 0;

	margin-bottom: 0;

	vertical-align: middle

}



.form-inline .checkbox label, .form-inline .radio label

{

	padding-left: 0

}



.form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio]

{

	position: relative;

	margin-left: 0

}



.form-inline .has-feedback .form-control-feedback

{

	top: 0

}



.commom-global-layout

{

	width: 1200px;

	margin: 0 auto

}



.commom-global-layout .commom-global-content-left

{

	width: 822px;

	margin-right: 23px;

	float: left

}



.commom-global-layout .commom-global-content-right

{

	width: 355px;

	float: left

}



#wrap-header-top

{

	position: fixed;

	height: 80px;

	width: 100%;

	top: 0;

	left: 0;

	right: 0;

	z-index: 10000

}



#wrap-header-top .header-top

{

	width: 100%;

	margin: 0 auto;

	background: #222

}



#wrap-header-top .header-top .box

{

	width: 1200px;

	 

	height: 80px;

	margin: 0 auto;

	position: relative

}



#wrap-header-top .header-top .box .logo

{

	position: absolute;

	left: 0;

	top: 50%;

	cursor: pointer;

	-webkit-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	transform: translateY(-50%);

	-webkit-transition: .6s;

	transition: .6s

}



#wrap-header-top .header-top .box .logo img

{

	display: block;

	height: 120px

}



#wrap-header-top .header-top .box .wrap-us-text

{

	position: absolute;

	left: 235px

}



#wrap-header-top .header-top .box .wrap-us-text .us-text

{

	color:rgba(255,255,255,0.9);

	font-size: 24px;

	height: 80px;

	line-height: 80px;

	padding-left: 20px;

	border-left: 2px solid rgba(255,255,255,0.2)

}



#wrap-header-top .header-top .box .phone

{

	 

	width: 266px;

	height: 46px;

	position: absolute;

	right: 0;

	top: 50%;

	-webkit-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	transform: translateY(-50%)

}



#wrap-header-top .bottom-top-header

{

	position: relative;

	top: 0px;left:500px;

	box-shadow: none;

	z-index: 99999;

	width: 700px;

	height: 80px;

	line-height: 80px;

 

	-webkit-transform: translateZ(0)

}



#wrap-header-top .bottom-top-header .box

{

	position: relative;

	width: 100%;

	margin: 0 auto

}



#wrap-header-top .bottom-top-header .box table td

{

	cursor: pointer;

	height: 80px; position: relative

}



#wrap-header-top .bottom-top-header .box table td .iconfont 

{

	display: inline-block;

	width: 15px;

	height: 15px;line-height: 15px;

	 

}

#wrap-header-top .bottom-top-header .box table td p{color: #fff;}

#wrap-header-top .bottom-top-header .box table td:hover p:after

{

	background-color: #3c7eff; padding:0 15px;  top:78px

	 

}



#wrap-header-top .bottom-top-header .box table td:first-child:hover p:after{ left:15px}

#wrap-header-top .bottom-top-header .box table td:last-child:hover p:after{left:50px;}





#wrap-header-top .bottom-top-header .box table td:hover p a, #wrap-header-top .bottom-top-header .box table td:hover p span,#wrap-header-top .bottom-top-header .box table td  p.active  a,#wrap-header-top .bottom-top-header .box table td  p.active

{

	color: #099!important

}



#wrap-header-top .bottom-top-header .box table td:hover .iconfont 

{

	display: inline-block;

	width: 15px;

	height: 15px;

	 

}



#wrap-header-top .bottom-top-header .box table td.active p:after

{

	background-color: #3c7eff;

	padding:0 15px

}



#wrap-header-top .bottom-top-header .box table td.active p a, #wrap-header-top .bottom-top-header .box table td.active p span

{

	color: #3c7eff!important

}



#wrap-header-top .bottom-top-header .box table td.active .iconfont 

{

	display: inline-block;

	width: 15px;

	height: 15px;

	 

}



#wrap-header-top .bottom-top-header .box table td.down .iconfont 

{

	-webkit-transition: .6s;

	transition: .6s;

	display: inline;

	position: absolute;

	right: -15px;

	top: 4px

}



#wrap-header-top .bottom-top-header .box table td.down .down-nav

{

	-webkit-transition: .6s;

	transition: .6s;

	box-shadow: 0 0 10px rgba(0,0,0,.1);

	position: absolute;

	top: 80px;

	left: 0;

	background-color: #fff;

	width: 150%;

	text-align: left;

	z-index: 9999;

	height: 0;

	opacity: 1;

	overflow: hidden;

	transform: rotate(0deg);

	-ms-transform: rotate(0deg);

	-moz-transform: rotate(0deg);

	-webkit-transform: rotate(0deg);

	-o-transform: rotate(0deg)

}



#wrap-header-top .bottom-top-header .box table td.down .down-nav ul

{

	width: 100%;

	margin: 0 auto;

	 

	overflow: hidden

}



#wrap-header-top .bottom-top-header .box table td.down .down-nav ul li

{

	display: inline-block; padding:0 15px;

	 

	float: left;border-bottom:1px #eee solid;width: 100%;

	 -webkit-transition: all .6s ease-in;

	-moz-transition: all .6s ease-in;

	-ms-transition: all .6s ease-in;

	-o-transition: all .6s ease-in;

	transition: all .6s ease-in

	 

}

#wrap-header-top .bottom-top-header .box table td.down .down-nav ul li:hover



{

	background-color: #efefef;

	

	-webkit-transition: all .6s ease-in;

	-moz-transition: all .6s ease-in;

	-ms-transition: all .6s ease-in;

	-o-transition: all .6s ease-in;

	transition: all .6s ease-in}









#wrap-header-top .bottom-top-header .box table td.down .down-nav ul li.bottom

{

	margin-bottom: 25px

}



#wrap-header-top .bottom-top-header .box table td.down .down-nav ul li.right

{

	margin-right: 0

}



#wrap-header-top .bottom-top-header .box table td.down .down-nav ul li a

{

	position: relative; 

	 

	text-align: left;

	display: block;

	line-height: 35px;

	color: #222!important;

	font-size: 14px;

	-webkit-transition: all .6s ease-in;

	-moz-transition: all .6s ease-in;

	-ms-transition: all .6s ease-in;

	-o-transition: all .6s ease-in;

	transition: all .6s ease-in

}



#wrap-header-top .bottom-top-header .box table td.down .down-nav ul li a:hover

{

	 color: #3c7eff!important;

	text-decoration: none

}



#wrap-header-top .bottom-top-header .box table td.down:hover .iconfont 

{

	transform: rotate(7deg);

	-ms-transform: rotate(180deg);

	-moz-transform: rotate(180deg);

	-webkit-transform: rotate(180deg);

	-o-transform: rotate(180deg)

}



#wrap-header-top .bottom-top-header .box table td.down:hover .down-nav

{

	height: auto

}



#wrap-header-top .bottom-top-header .box table td p

{

	display: block;

	-webkit-transition: .6s;

	transition: .6s;

	padding:0 25px;

	text-align: center;

	font-size: 16px;

	font-weight: 400;

	font-stretch: normal;

	letter-spacing: 0;

	position: relative

}

#wrap-header-top .bottom-top-header .box table td:first-child p{padding:0 25px 0 0;}

#wrap-header-top .bottom-top-header .box table td:last-child p{padding:0 0px 0 25px;}

#wrap-header-top .bottom-top-header .box table td p a

{

	color: #fff!important;

	position: relative

}



#wrap-header-top .bottom-top-header .box table td p .hot

{

	position: absolute;

	right: -5px;

	top: 13px

}



#wrap-header-top .bottom-top-header .box table td p .hot img

{

	display: block;

	width: 18px

}



#wrap-header-top .bottom-top-header .box table td p.w140

{

	width: 140px

}



#wrap-header-top .bottom-top-header .box table td p:hover span

{

	color: #3c7eff!important

}



#wrap-header-top .bottom-top-header .box table td p:after

{

	-webkit-transition: .5s;

	transition: .5s;

	content: "";

	position: absolute;

	left: 50%;

	bottom: 0px;

	-webkit-transform: translate(-50%);

	-ms-transform: translate(-50%);

	transform: translate(-50%);

	width: 0;

	height: 2px;

	background-color: #fff

}



.wrap-rightbar

{

	width: 70px;

	height: 545px;

	padding: 0 5px;

	position: fixed;

	right: 0;

	top: 50%;

	margin-top: -272.5px;

	background-color: #fff;

	border-top-left-radius: 10px;

	border-bottom-left-radius: 10px;

	box-shadow: 0 0 10px 0 hsla(0,4%,67%,.2);

	z-index: 100000

}



.wrap-rightbar .iconitem

{

	width: 35px;

	height: 38px;

	display: block;

	margin: 0 auto 5px

}



.wrap-rightbar .icontext

{

	text-align: center;

	font-size: 12px

}



.wrap-rightbar .right-liitem

{

	border-bottom: 1px solid #dfdfdf;

	height: 95px;

	cursor: pointer;

	position: relative;

	padding-top: 18px

}



.wrap-rightbar .right-liitem:last-child

{

	border-bottom: none;

	padding: 0;

	padding-top: 15px;

	height: 65px

}



.wrap-rightbar .iconlastitem

{

	text-align: center;

	display: block;

	width: 20px;

	height: 11px;

	margin: 0 auto 5px

}



.wrap-rightbar .wrap-right-tip

{

	position: absolute;

	left: -185px;

	top: 50%;

	-webkit-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	transform: translateY(-50%);

	background: #fff;

	padding-bottom: 0;

	border-radius: 8px;

	box-shadow: 2.5px 4.3px 5px 0 rgba(0,0,0,.15);

	text-align: center;

	padding: 15px;

	width: 170px;

	font-size: 16px;

	display: none

}



.wrap-rightbar .wechatconsult .wrap-right-tip

{

	width: 130px;

	left: -153px;

	padding-top: 10px

}



.wrap-rightbar .wechatconsult .tip-arrow

{

	left: 130px

}



.wrap-rightbar .wechatconsult .wrap-tip-right-con dl

{

	width: 100px;

	margin-bottom: 0

}



.wrap-rightbar .color70ca2b

{

	color: #70ca2b

}



.wrap-rightbar .color5e4dd1

{

	color: #5e4dd1

}



.wrap-rightbar .colorf6586a

{

	color: #f6586a

}



.wrap-rightbar a .colordb9e09

{

	color: #db9e09

}



.wrap-rightbar .tip-arrow

{

	position: absolute;

	left: 170px;

	top: 50%;

	-webkit-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	transform: translateY(-50%);

	border-width: 10px;

	border-style: solid;

	border-color: transparent transparent transparent #fff

}



.wrap-tip-right-con dl

{

	overflow: hidden;

	width: 130px

}



.wrap-tip-right-con dl dd

{

	width: 94px;

	text-align: center;

	margin: 0 auto

}



.wrap-tip-right-con dl dd img

{

	width: 90%;

	margin: 0 auto;

	display: block

}



.wrap-tip-right-con dl dd span

{

	font-size: 12px

}



.rightlihover:hover .wrap-right-tip

{

	display: block

}



.rightlihover:hover .iconitem

{

	width: 40px;

	height: 43px

}



.rightlihover:hover .icontext

{

	font-weight: 700

}



.client-download

{

	padding-top: 49px;

	font-size: 15px;

	font-weight: 700;

	background: url("https://oss.visionacademy.cn/website/download.png") no-repeat left 48px;

	background-size: 8%;

	padding-left: 30px

}



.client-download a

{

	color: #fafafa

}



.left-sidebar

{

	position: fixed!important;

	top: 46%;

	left: -12px;

	-webkit-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	transform: translateY(-50%);

	padding: 0;

	margin: 0;

	z-index: 999999;

	background: url("https://oss.visionacademy.cn/bottomfixed/leftside/left.png") no-repeat 0;

	width: 108px;

	height: 420px;

	background-size: 100% auto

}



.left-sidebar .wrap-leftsidebar

{

	padding-top: 100px

}



.left-sidebar .wrap-leftsidebar li

{

	color: transparent;

	font-size: 12px;

	text-align: center;

	line-height: 12px;

	height: 12px;

	margin-bottom: 8px;

	cursor: pointer

}



.left-sidebar .wrap-bottom-img

{

	position: absolute;

	bottom: 6px;

	height: 22px;

	width: 82px;

	left: 50%;

	margin-left: -40px;

	cursor: pointer

}



.left-sidebar .wrap-bottom-img .leftsidebarbtn

{

	height: 22px;

	line-height: 22px;

	border-radius: 22px;

	width: 100%;

	background: url("https://oss.visionacademy.cn/bottomfixed/leftside/left1.png") no-repeat 0 0;

	background-size: 100%;

	color: #fff!important;

	font-size: 12px;

	display: block;

	text-align: center;

	margin: 0 auto;

	position: relative;

	-webkit-animation: enlargeShrink-data-v-5eb8a5bf 3s infinite;

	-o-animation: enlargeShrink-data-v-5eb8a5bf 3s infinite;

	animation: enlargeShrink-data-v-5eb8a5bf 3s infinite;

	overflow: hidden;

	-webkit-transform: translateZ(0);

	transform: translateZ(0)

}

@-webkit-keyframes 

enlargeShrink-data-v-5eb8a5bf

{

0% {

transform:scale(1);

-webkit-transform:scale(1);

-ms-transform:scale(1)

}

14% {

transform:scale(.8);

-webkit-transform:scale(.8);

-ms-transform:scale(.8)

}

42% {

transform:scale(1.05);

-webkit-transform:scale(1.05);

-ms-transform:scale(1.05)

}

}



.wrap-consult-gif

{

	position: fixed;

	bottom: 50%;

	left: 0;

	padding: 0;

	margin: 0;

	display: none;

	cursor: pointer;

	z-index: 1999999

}



.wrap-consult-gif .consult-gif-img

{

	width: 80px

}



.wrap-consult-gif .consult-img-leftimg

{

	position: fixed;

	left: 74px;

	height: 420px;

	top: 50%;

	margin-top: -210px;

	display: none

}



.wrap-consult-gif .consult-img-leftimg img

{

	display: block

}



.wrap-consult-gif .consult-img-leftimg .wrap-bottom-img

{

	position: absolute;

	bottom: 6px;

	height: 22px;

	width: 82px;

	left: 50%;

	margin-left: -40px;

	cursor: pointer

}



.wrap-consult-gif .consult-img-leftimg .leftsidebarbtn

{

	width: 82px;

	height: 22px;

	line-height: 22px;

	border-radius: 22px;

	background: url("https://oss.visionacademy.cn/bottomfixed/leftside/left1.png") no-repeat 0 0;

	background-size: 100%;

	color: #fff!important;

	font-size: 12px;

	display: block;

	text-align: center;

	margin: 0 auto;

	position: relative;

	-webkit-animation: enlargeShrink-data-v-5eb8a5bf 3s infinite;

	-o-animation: enlargeShrink-data-v-5eb8a5bf 3s infinite;

	animation: enlargeShrink-data-v-5eb8a5bf 3s infinite;

	overflow: hidden;

	-webkit-transform: translateZ(0);

	transform: translateZ(0)

}

@keyframes 

enlargeShrink-data-v-5eb8a5bf

{

0% {

transform:scale(1);

-webkit-transform:scale(1);

-ms-transform:scale(1)

}

14% {

transform:scale(.8);

-webkit-transform:scale(.8);

-ms-transform:scale(.8)

}

42% {

transform:scale(1.05);

-webkit-transform:scale(1.05);

-ms-transform:scale(1.05)

}

}



.wrap-consult-gif:hover .consult-img-leftimg

{

	display: block

}

@media screen and (max-width:1500px) {



.left-sidebar, .rightbar

{

	display: none

}



.wrap-consult-gif

{

	display: block

}

}



.uk-footer .footer-top

{

	width: 100%;

	 

	background-color: #003764;

	padding: 0 0 50px

}

.uk-footer .footer-top .p1{ margin-top:15px}

.uk-footer .footer-top .ulink a{ padding-right:15px}

.uk-footer .footer-top .footer-center-part

{

	width: 1200px;

	margin: 0 auto;

	padding-top: 40px;

	overflow: hidden

}



.uk-footer .footer-top .footer-center-part .left-part

{

	width: 20%;

	float: left

}



.uk-footer .footer-top .footer-center-part .left-part .vison-logo img

{

	display: block;

	margin: 0 auto

}



.uk-footer .footer-top .footer-center-part .left-part .btnitem

{

	text-align: center;

	width: 220px;

	height: 40px;

	line-height: 40px;

	font-size: 14px;

	font-weight: 400;

	font-stretch: normal;

	letter-spacing: 0;

	color: #fff;

	margin: 0 auto

}



.uk-footer .footer-top .footer-center-part .left-part .left-part-btn1

{

	color: #fff;

	letter-spacing: 0px

}



.uk-footer .footer-top .footer-center-part .left-part .left-part-btn2

{

	background-color: #252525

}



.uk-footer .footer-top .footer-center-part .center-part

{

	float: left;

	width: 63%

}



.uk-footer .footer-top .footer-center-part .center-part .wrap-center-part-list

{

	overflow: hidden

}



.uk-footer .footer-top .footer-center-part .center-part .wrap-center-part-list .center-part-list

{

	width: 25%;

	float: left;

	margin-bottom: 10px

}



.uk-footer .footer-top .footer-center-part .center-part .wrap-center-part-list .center-part-list .list a

{

	display: block;

	color: #fff;

	width: 130px;

	height: 130px;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	text-align: center;

	margin: 0 auto;

	background-color: #002f56;

	border-radius: 10px;

	font-size: 16px;

	font-stretch: normal;

	letter-spacing: 0;

	cursor: pointer

}



.uk-footer .footer-top .footer-center-part .center-part .wrap-center-part-list .center-part-list .list a:hover

{

	background: #02eae7;

	color: #252525!important

}



.uk-footer .footer-top .footer-center-part .right-part

{

	width: 17%;

	float: right

}



.uk-footer .footer-top .footer-center-part .right-part .right-part-con .right-part-wechat

{

	background: #002f56;

	width: 100%;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-orient: horizontal;

	-webkit-box-direction: normal;

	-ms-flex-direction: row;

	flex-direction: row;

	padding: 15px;

	margin-bottom: 40px

}



.uk-footer .footer-top .footer-center-part .right-part .right-part-con .right-part-wechat .wrap-wechat

{

	width: 80px;

	height: 80px;

	margin-right: 10px

}



.uk-footer .footer-top .footer-center-part .right-part .right-part-con .right-part-wechat .wrap-wechat img

{

	display: block;

	width: 100%;

	height: 100%

}



.uk-footer .footer-top .footer-center-part .right-part .right-part-con .right-part-wechat .add-wechat

{

	color: #fff;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center

}

 .right-part-consult

{

	display: block;

	margin: 0 auto;

	margin-bottom: 20px;

	width: 100%;

	height: 45px;

	line-height: 45px;

	background-color: #002f56

}



 .right-part-consult b

{

	display: inline-block;

	height: 45px;

	width: 45px;

	text-align: center;

	float: left;

	padding-left: 12px;

	padding-right: 8px;

	padding-top: 7.5px

}



.uk-footer .footer-top .footer-center-part .right-part .right-part-con .right-part-consult b img

{

	display: block;

	width: 30px

}



.uk-footer .footer-top .footer-center-part .right-part .right-part-con .right-part-consult span

{

	color: #02eae7;

	font-size: 16px;

	width: 152px;

	padding-left: 10px

}



.uk-footer .footer-bottom

{

	background: #002f56

}



.uk-footer .footer-bottom .footer-center

{

	width: 1200px;

	margin: 0 auto;

	padding: 18px 0

}



.uk-footer .footer-bottom .footer-center .center-text

{

	text-align: center;

	font-size: 14px;

	font-weight: 400;

	font-stretch: normal;

	line-height: 24px;

	letter-spacing: 0;

	color: #fff;

	opacity: .6

}



/*!

 * animate.css -http://daneden.me/animate

 * Version - 3.5.1

 * Licensed under the MIT license - http://opensource.org/licenses/MIT

 *

 * Copyright (c) 2016 Daniel Eden

 */.animated

{

	-webkit-animation-duration: .5s;

	animation-duration: .5s;

	-webkit-animation-fill-mode: both;

	animation-fill-mode: both

}



.animated.infinite

{

	-webkit-animation-iteration-count: infinite;

	animation-iteration-count: infinite

}



.animated.hinge

{

	-webkit-animation-duration: 1s;

	animation-duration: 1s

}



.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY

{

	-webkit-animation-duration: .75s;

	animation-duration: .75s

}

@-webkit-keyframes 

bounce

{

0%, 20%, 53%, 80%, to {

-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);

animation-timing-function:cubic-bezier(.215, .61, .355, 1);

-webkit-transform:translateZ(0);

transform:translateZ(0)

}

40%, 43% {

-webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06);

animation-timing-function:cubic-bezier(.755, .05, .855, .06);

-webkit-transform:translate3d(0, -30px, 0);

transform:translate3d(0, -30px, 0)

}

70% {

-webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06);

animation-timing-function:cubic-bezier(.755, .05, .855, .06);

-webkit-transform:translate3d(0, -15px, 0);

transform:translate3d(0, -15px, 0)

}

90% {

-webkit-transform:translate3d(0, -4px, 0);

transform:translate3d(0, -4px, 0)

}

}

@keyframes 

bounce

{

0%, 20%, 53%, 80%, to {

-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);

animation-timing-function:cubic-bezier(.215, .61, .355, 1);

-webkit-transform:translateZ(0);

transform:translateZ(0)

}

40%, 43% {

-webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06);

animation-timing-function:cubic-bezier(.755, .05, .855, .06);

-webkit-transform:translate3d(0, -30px, 0);

transform:translate3d(0, -30px, 0)

}

70% {

-webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06);

animation-timing-function:cubic-bezier(.755, .05, .855, .06);

-webkit-transform:translate3d(0, -15px, 0);

transform:translate3d(0, -15px, 0)

}

90% {

-webkit-transform:translate3d(0, -4px, 0);

transform:translate3d(0, -4px, 0)

}

}



.bounce

{

	-webkit-animation-name: bounce;

	animation-name: bounce;

	-webkit-transform-origin: center bottom;

	-ms-transform-origin: center bottom;

	transform-origin: center bottom

}

@-webkit-keyframes 

flash

{

0%, 50%, to {

opacity:1

}

25%, 75% {

opacity:0

}

}

@keyframes 

flash

{

0%, 50%, to {

opacity:1

}

25%, 75% {

opacity:0

}

}



.flash

{

	-webkit-animation-name: flash;

	animation-name: flash

}

@-webkit-keyframes 

pulse

{

0% {

-webkit-transform:scaleX(1);

transform:scaleX(1)

}

50% {

-webkit-transform:scale3d(1.05, 1.05, 1.05);

transform:scale3d(1.05, 1.05, 1.05)

}



to

{

	-webkit-transform: scaleX(1);

	transform: scaleX(1)

}

}

@keyframes 

pulse

{

0% {

-webkit-transform:scaleX(1);

transform:scaleX(1)

}

50% {

-webkit-transform:scale3d(1.05, 1.05, 1.05);

transform:scale3d(1.05, 1.05, 1.05)

}



to

{

	-webkit-transform: scaleX(1);

	transform: scaleX(1)

}

}



.pulse

{

	-webkit-animation-name: pulse;

	animation-name: pulse

}

@-webkit-keyframes 

rubberBand

{

0% {

-webkit-transform:scaleX(1);

transform:scaleX(1)

}

30% {

-webkit-transform:scale3d(1.25, .75, 1);

transform:scale3d(1.25, .75, 1)

}

40% {

-webkit-transform:scale3d(.75, 1.25, 1);

transform:scale3d(.75, 1.25, 1)

}

50% {

-webkit-transform:scale3d(1.15, .85, 1);

transform:scale3d(1.15, .85, 1)

}

65% {

-webkit-transform:scale3d(.95, 1.05, 1);

transform:scale3d(.95, 1.05, 1)

}

75% {

-webkit-transform:scale3d(1.05, .95, 1);

transform:scale3d(1.05, .95, 1)

}



to

{

	-webkit-transform: scaleX(1);

	transform: scaleX(1)

}

}

@keyframes 

rubberBand

{

0% {

-webkit-transform:scaleX(1);

transform:scaleX(1)

}

30% {

-webkit-transform:scale3d(1.25, .75, 1);

transform:scale3d(1.25, .75, 1)

}

40% {

-webkit-transform:scale3d(.75, 1.25, 1);

transform:scale3d(.75, 1.25, 1)

}

50% {

-webkit-transform:scale3d(1.15, .85, 1);

transform:scale3d(1.15, .85, 1)

}

65% {

-webkit-transform:scale3d(.95, 1.05, 1);

transform:scale3d(.95, 1.05, 1)

}

75% {

-webkit-transform:scale3d(1.05, .95, 1);

transform:scale3d(1.05, .95, 1)

}



to

{

	-webkit-transform: scaleX(1);

	transform: scaleX(1)

}

}



.rubberBand

{

	-webkit-animation-name: rubberBand;

	animation-name: rubberBand

}

@-webkit-keyframes 

shake

{

0%, to {

-webkit-transform:translateZ(0);

transform:translateZ(0)

}

10%, 30%, 50%, 70%, 90% {

-webkit-transform:translate3d(-10px, 0, 0);

transform:translate3d(-10px, 0, 0)

}

20%, 40%, 60%, 80% {

-webkit-transform:translate3d(10px, 0, 0);

transform:translate3d(10px, 0, 0)

}

}

@keyframes 

shake

{

0%, to {

-webkit-transform:translateZ(0);

transform:translateZ(0)

}

10%, 30%, 50%, 70%, 90% {

-webkit-transform:translate3d(-10px, 0, 0);

transform:translate3d(-10px, 0, 0)

}

20%, 40%, 60%, 80% {

-webkit-transform:translate3d(10px, 0, 0);

transform:translate3d(10px, 0, 0)

}

}



.shake

{

	-webkit-animation-name: shake;

	animation-name: shake

}

@-webkit-keyframes 

headShake

{

0% {

-webkit-transform:translateX(0);

transform:translateX(0)

}

6.5% {

-webkit-transform:translateX(-6px) rotateY(-9deg);

transform:translateX(-6px) rotateY(-9deg)

}

18.5% {

-webkit-transform:translateX(5px) rotateY(7deg);

transform:translateX(5px) rotateY(7deg)

}

31.5% {

-webkit-transform:translateX(-3px) rotateY(-5deg);

transform:translateX(-3px) rotateY(-5deg)

}

43.5% {

-webkit-transform:translateX(2px) rotateY(3deg);

transform:translateX(2px) rotateY(3deg)

}

50% {

-webkit-transform:translateX(0);

transform:translateX(0)

}

}

@keyframes 

headShake

{

0% {

-webkit-transform:translateX(0);

transform:translateX(0)

}

6.5% {

-webkit-transform:translateX(-6px) rotateY(-9deg);

transform:translateX(-6px) rotateY(-9deg)

}

18.5% {

-webkit-transform:translateX(5px) rotateY(7deg);

transform:translateX(5px) rotateY(7deg)

}

31.5% {

-webkit-transform:translateX(-3px) rotateY(-5deg);

transform:translateX(-3px) rotateY(-5deg)

}

43.5% {

-webkit-transform:translateX(2px) rotateY(3deg);

transform:translateX(2px) rotateY(3deg)

}

50% {

-webkit-transform:translateX(0);

transform:translateX(0)

}

}



.headShake

{

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

	animation-timing-function: ease-in-out;

	-webkit-animation-name: headShake;

	animation-name: headShake

}

@-webkit-keyframes 

swing

{

20% {

-webkit-transform:rotate(15deg);

transform:rotate(15deg)

}

40% {

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

transform:rotate(-10deg)

}

60% {

-webkit-transform:rotate(5deg);

transform:rotate(5deg)

}

80% {

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

transform:rotate(-5deg)

}



to

{

	-webkit-transform: rotate(0deg);

	transform: rotate(0deg)

}

}

@keyframes 

swing

{

20% {

-webkit-transform:rotate(15deg);

transform:rotate(15deg)

}

40% {

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

transform:rotate(-10deg)

}

60% {

-webkit-transform:rotate(5deg);

transform:rotate(5deg)

}

80% {

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

transform:rotate(-5deg)

}



to

{

	-webkit-transform: rotate(0deg);

	transform: rotate(0deg)

}

}



.swing

{

	-webkit-transform-origin: top center;

	-ms-transform-origin: top center;

	transform-origin: top center;

	-webkit-animation-name: swing;

	animation-name: swing

}

@-webkit-keyframes 

tada

{

0% {

-webkit-transform:scaleX(1);

transform:scaleX(1)

}

10%, 20% {

-webkit-transform:scale3d(.9, .9, .9) rotate(-3deg);

transform:scale3d(.9, .9, .9) rotate(-3deg)

}

30%, 50%, 70%, 90% {

-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(3deg);

transform:scale3d(1.1, 1.1, 1.1) rotate(3deg)

}

40%, 60%, 80% {

-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg);

transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg)

}



to

{

	-webkit-transform: scaleX(1);

	transform: scaleX(1)

}

}

@keyframes 

tada

{

0% {

-webkit-transform:scaleX(1);

transform:scaleX(1)

}

10%, 20% {

-webkit-transform:scale3d(.9, .9, .9) rotate(-3deg);

transform:scale3d(.9, .9, .9) rotate(-3deg)

}

30%, 50%, 70%, 90% {

-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(3deg);

transform:scale3d(1.1, 1.1, 1.1) rotate(3deg)

}

40%, 60%, 80% {

-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg);

transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg)

}



to

{

	-webkit-transform: scaleX(1);

	transform: scaleX(1)

}

}



.tada

{

	-webkit-animation-name: tada;

	animation-name: tada

}

@-webkit-keyframes 

wobble

{

0% {

-webkit-transform:none;

transform:none

}

15% {

-webkit-transform:translate3d(-25%, 0, 0) rotate(-5deg);

transform:translate3d(-25%, 0, 0) rotate(-5deg)

}

30% {

-webkit-transform:translate3d(20%, 0, 0) rotate(3deg);

transform:translate3d(20%, 0, 0) rotate(3deg)

}

45% {

-webkit-transform:translate3d(-15%, 0, 0) rotate(-3deg);

transform:translate3d(-15%, 0, 0) rotate(-3deg)

}

60% {

-webkit-transform:translate3d(10%, 0, 0) rotate(2deg);

transform:translate3d(10%, 0, 0) rotate(2deg)

}

75% {

-webkit-transform:translate3d(-5%, 0, 0) rotate(-1deg);

transform:translate3d(-5%, 0, 0) rotate(-1deg)

}



to

{

	-webkit-transform: none;

	transform: none;

	opacity: 1

}

}

@keyframes 

wobble

{

0% {

-webkit-transform:none;

transform:none

}

15% {

-webkit-transform:translate3d(-25%, 0, 0) rotate(-5deg);

transform:translate3d(-25%, 0, 0) rotate(-5deg)

}

30% {

-webkit-transform:translate3d(20%, 0, 0) rotate(3deg);

transform:translate3d(20%, 0, 0) rotate(3deg)

}

45% {

-webkit-transform:translate3d(-15%, 0, 0) rotate(-3deg);

transform:translate3d(-15%, 0, 0) rotate(-3deg)

}

60% {

-webkit-transform:translate3d(10%, 0, 0) rotate(2deg);

transform:translate3d(10%, 0, 0) rotate(2deg)

}

75% {

-webkit-transform:translate3d(-5%, 0, 0) rotate(-1deg);

transform:translate3d(-5%, 0, 0) rotate(-1deg)

}



to

{

	-webkit-transform: none;

	transform: none;

	opacity: 1

}

}



.wobble

{

	-webkit-animation-name: wobble;

	animation-name: wobble

}

@-webkit-keyframes 

jello

{

0%, 11.1%, to {

-webkit-transform:none;

transform:none

}

22.2% {

-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);

transform:skewX(-12.5deg) skewY(-12.5deg)

}

33.3% {

-webkit-transform:skewX(6.25deg) skewY(6.25deg);

transform:skewX(6.25deg) skewY(6.25deg)

}

44.4% {

-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);

transform:skewX(-3.125deg) skewY(-3.125deg)

}

55.5% {

-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);

transform:skewX(1.5625deg) skewY(1.5625deg)

}

66.6% {

-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);

transform:skewX(-.78125deg) skewY(-.78125deg)

}

77.7% {

-webkit-transform:skewX(.390625deg) skewY(.390625deg);

transform:skewX(.390625deg) skewY(.390625deg)

}

88.8% {

-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);

transform:skewX(-.1953125deg) skewY(-.1953125deg)

}

}

@keyframes 

jello

{

0%, 11.1%, to {

-webkit-transform:none;

transform:none

}

22.2% {

-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);

transform:skewX(-12.5deg) skewY(-12.5deg)

}

33.3% {

-webkit-transform:skewX(6.25deg) skewY(6.25deg);

transform:skewX(6.25deg) skewY(6.25deg)

}

44.4% {

-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);

transform:skewX(-3.125deg) skewY(-3.125deg)

}

55.5% {

-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);

transform:skewX(1.5625deg) skewY(1.5625deg)

}

66.6% {

-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);

transform:skewX(-.78125deg) skewY(-.78125deg)

}

77.7% {

-webkit-transform:skewX(.390625deg) skewY(.390625deg);

transform:skewX(.390625deg) skewY(.390625deg)

}

88.8% {

-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);

transform:skewX(-.1953125deg) skewY(-.1953125deg)

}

}



.jello

{

	-webkit-animation-name: jello;

	animation-name: jello;

	-webkit-transform-origin: center;

	-ms-transform-origin: center;

	transform-origin: center

}

@-webkit-keyframes 

bounceIn

{

0%, 20%, 40%, 60%, 80%, to {

-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);

animation-timing-function:cubic-bezier(.215, .61, .355, 1)

}

0% {

opacity:0;

-webkit-transform:scale3d(.3, .3, .3);

transform:scale3d(.3, .3, .3)

}

20% {

-webkit-transform:scale3d(1.1, 1.1, 1.1);

transform:scale3d(1.1, 1.1, 1.1)

}

40% {

-webkit-transform:scale3d(.9, .9, .9);

transform:scale3d(.9, .9, .9)

}

60% {

opacity:1;

-webkit-transform:scale3d(1.03, 1.03, 1.03);

transform:scale3d(1.03, 1.03, 1.03)

}

80% {

-webkit-transform:scale3d(.97, .97, .97);

transform:scale3d(.97, .97, .97)

}



to

{

	opacity: 1;

	-webkit-transform: scaleX(1);

	transform: scaleX(1)

}

}

@keyframes 

bounceIn

{

0%, 20%, 40%, 60%, 80%, to {

-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);

animation-timing-function:cubic-bezier(.215, .61, .355, 1)

}

0% {

opacity:0;

-webkit-transform:scale3d(.3, .3, .3);

transform:scale3d(.3, .3, .3)

}

20% {

-webkit-transform:scale3d(1.1, 1.1, 1.1);

transform:scale3d(1.1, 1.1, 1.1)

}

40% {

-webkit-transform:scale3d(.9, .9, .9);

transform:scale3d(.9, .9, .9)

}

60% {

opacity:1;

-webkit-transform:scale3d(1.03, 1.03, 1.03);

transform:scale3d(1.03, 1.03, 1.03)

}

80% {

-webkit-transform:scale3d(.97, .97, .97);

transform:scale3d(.97, .97, .97)

}



to

{

	opacity: 1;

	-webkit-transform: scaleX(1);

	transform: scaleX(1)

}

}



.bounceIn

{

	-webkit-animation-name: bounceIn;

	animation-name: bounceIn

}

@-webkit-keyframes 

bounceInDown

{

0%, 60%, 75%, 90%, to {

-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);

animation-timing-function:cubic-bezier(.215, .61, .355, 1)

}

0% {

opacity:0;

-webkit-transform:translate3d(0, -3000px, 0);

transform:translate3d(0, -3000px, 0)

}

60% {

opacity:1;

-webkit-transform:translate3d(0, 25px, 0);

transform:translate3d(0, 25px, 0)

}

75% {

-webkit-transform:translate3d(0, -10px, 0);

transform:translate3d(0, -10px, 0)

}

90% {

-webkit-transform:translate3d(0, 5px, 0);

transform:translate3d(0, 5px, 0)

}



to

{

	-webkit-transform: none;

	transform: none

}

}

@keyframes 

bounceInDown

{

0%, 60%, 75%, 90%, to {

-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);

animation-timing-function:cubic-bezier(.215, .61, .355, 1)

}

0% {

opacity:0;

-webkit-transform:translate3d(0, -3000px, 0);

transform:translate3d(0, -3000px, 0)

}

60% {

opacity:1;

-webkit-transform:translate3d(0, 25px, 0);

transform:translate3d(0, 25px, 0)

}

75% {

-webkit-transform:translate3d(0, -10px, 0);

transform:translate3d(0, -10px, 0)

}

90% {

-webkit-transform:translate3d(0, 5px, 0);

transform:translate3d(0, 5px, 0)

}



to

{

	-webkit-transform: none;

	transform: none

}

}



.bounceInDown

{

	-webkit-animation-name: bounceInDown;

	animation-name: bounceInDown

}

@-webkit-keyframes 

bounceInLeft

{

0%, 60%, 75%, 90%, to {

-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);

animation-timing-function:cubic-bezier(.215, .61, .355, 1)

}

0% {

opacity:0;

-webkit-transform:translate3d(-3000px, 0, 0);

transform:translate3d(-3000px, 0, 0)

}

60% {

opacity:1;

-webkit-transform:translate3d(25px, 0, 0);

transform:translate3d(25px, 0, 0)

}

75% {

-webkit-transform:translate3d(-10px, 0, 0);

transform:translate3d(-10px, 0, 0)

}

90% {

-webkit-transform:translate3d(5px, 0, 0);

transform:translate3d(5px, 0, 0)

}



to

{

	-webkit-transform: none;

	transform: none

}

}

@keyframes 

bounceInLeft

{

0%, 60%, 75%, 90%, to {

-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);

animation-timing-function:cubic-bezier(.215, .61, .355, 1)

}

0% {

opacity:0;

-webkit-transform:translate3d(-3000px, 0, 0);

transform:translate3d(-3000px, 0, 0)

}

60% {

opacity:1;

-webkit-transform:translate3d(25px, 0, 0);

transform:translate3d(25px, 0, 0)

}

75% {

-webkit-transform:translate3d(-10px, 0, 0);

transform:translate3d(-10px, 0, 0)

}

90% {

-webkit-transform:translate3d(5px, 0, 0);

transform:translate3d(5px, 0, 0)

}



to

{

	-webkit-transform: none;

	transform: none

}

}



.bounceInLeft

{

	-webkit-animation-name: bounceInLeft;

	animation-name: bounceInLeft

}

@-webkit-keyframes 

bounceInRight

{

0%, 60%, 75%, 90%, to {

-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);

animation-timing-function:cubic-bezier(.215, .61, .355, 1)

}

0% {

opacity:0;

-webkit-transform:translate3d(3000px, 0, 0);

transform:translate3d(3000px, 0, 0)

}

60% {

opacity:1;

-webkit-transform:translate3d(-25px, 0, 0);

transform:translate3d(-25px, 0, 0)

}

75% {

-webkit-transform:translate3d(10px, 0, 0);

transform:translate3d(10px, 0, 0)

}

90% {

-webkit-transform:translate3d(-5px, 0, 0);

transform:translate3d(-5px, 0, 0)

}



to

{

	-webkit-transform: none;

	transform: none

}

}

@keyframes 

bounceInRight

{

0%, 60%, 75%, 90%, to {

-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);

animation-timing-function:cubic-bezier(.215, .61, .355, 1)

}

0% {

opacity:0;

-webkit-transform:translate3d(3000px, 0, 0);

transform:translate3d(3000px, 0, 0)

}

60% {

opacity:1;

-webkit-transform:translate3d(-25px, 0, 0);

transform:translate3d(-25px, 0, 0)

}

75% {

-webkit-transform:translate3d(10px, 0, 0);

transform:translate3d(10px, 0, 0)

}

90% {

-webkit-transform:translate3d(-5px, 0, 0);

transform:translate3d(-5px, 0, 0)

}



to

{

	-webkit-transform: none;

	transform: none

}

}



.bounceInRight

{

	-webkit-animation-name: bounceInRight;

	animation-name: bounceInRight

}

@-webkit-keyframes 

bounceInUp

{

0%, 60%, 75%, 90%, to {

-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);

animation-timing-function:cubic-bezier(.215, .61, .355, 1)

}

0% {

opacity:0;

-webkit-transform:translate3d(0, 3000px, 0);

transform:translate3d(0, 3000px, 0)

}

60% {

opacity:1;

-webkit-transform:translate3d(0, -20px, 0);

transform:translate3d(0, -20px, 0)

}

75% {

-webkit-transform:translate3d(0, 10px, 0);

transform:translate3d(0, 10px, 0)

}

90% {

-webkit-transform:translate3d(0, -5px, 0);

transform:translate3d(0, -5px, 0)

}



to

{

	-webkit-transform: translateZ(0);

	transform: translateZ(0)

}

}

@keyframes 

bounceInUp

{

0%, 60%, 75%, 90%, to {

-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);

animation-timing-function:cubic-bezier(.215, .61, .355, 1)

}

0% {

opacity:0;

-webkit-transform:translate3d(0, 3000px, 0);

transform:translate3d(0, 3000px, 0)

}

60% {

opacity:1;

-webkit-transform:translate3d(0, -20px, 0);

transform:translate3d(0, -20px, 0)

}

75% {

-webkit-transform:translate3d(0, 10px, 0);

transform:translate3d(0, 10px, 0)

}

90% {

-webkit-transform:translate3d(0, -5px, 0);

transform:translate3d(0, -5px, 0)

}



to

{

	-webkit-transform: translateZ(0);

	transform: translateZ(0)

}

}



.bounceInUp

{

	-webkit-animation-name: bounceInUp;

	animation-name: bounceInUp

}

@-webkit-keyframes 

bounceOut

{

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 

bounceOut

{

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)

}

}



.bounceOut

{

	-webkit-animation-name: bounceOut;

	animation-name: bounceOut

}

@-webkit-keyframes 

bounceOutDown

{

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 

bounceOutDown

{

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)

}

}



.bounceOutDown

{

	-webkit-animation-name: bounceOutDown;

	animation-name: bounceOutDown

}

@-webkit-keyframes 

bounceOutLeft

{

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 

bounceOutLeft

{

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)

}

}



.bounceOutLeft

{

	-webkit-animation-name: bounceOutLeft;

	animation-name: bounceOutLeft

}

@-webkit-keyframes 

bounceOutRight

{

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 

bounceOutRight

{

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)

}

}



.bounceOutRight

{

	-webkit-animation-name: bounceOutRight;

	animation-name: bounceOutRight

}

@-webkit-keyframes 

bounceOutUp

{

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 

bounceOutUp

{

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)

}

}



.bounceOutUp

{

	-webkit-animation-name: bounceOutUp;

	animation-name: bounceOutUp

}

@-webkit-keyframes 

fadeIn

{

0% {

opacity:0

}



to

{

	opacity: 1

}

}

@keyframes 

fadeIn

{

0% {

opacity:0

}



to

{

	opacity: 1

}

}



.fadeIn

{

	-webkit-animation-name: fadeIn;

	animation-name: fadeIn

}

@-webkit-keyframes 

fadeInDown

{

0% {

opacity:0;

-webkit-transform:translate3d(0, -100%, 0);

transform:translate3d(0, -100%, 0)

}



to

{

	opacity: 1;

	-webkit-transform: none;

	transform: none

}

}

@keyframes 

fadeInDown

{

0% {

opacity:0;

-webkit-transform:translate3d(0, -100%, 0);

transform:translate3d(0, -100%, 0)

}



to

{

	opacity: 1;

	-webkit-transform: none;

	transform: none

}

}



.fadeInDown

{

	-webkit-animation-name: fadeInDown;

	animation-name: fadeInDown

}

@-webkit-keyframes 

fadeInDownBig

{

0% {

opacity:0;

-webkit-transform:translate3d(0, -2000px, 0);

transform:translate3d(0, -2000px, 0)

}



to

{

	opacity: 1;

	-webkit-transform: none;

	transform: none

}

}

@keyframes 

fadeInDownBig

{

0% {

opacity:0;

-webkit-transform:translate3d(0, -2000px, 0);

transform:translate3d(0, -2000px, 0)

}



to

{

	opacity: 1;

	-webkit-transform: none;

	transform: none

}

}



.fadeInDownBig

{

	-webkit-animation-name: fadeInDownBig;

	animation-name: fadeInDownBig

}

@-webkit-keyframes 

fadeInLeft

{

0% {

opacity:0;

-webkit-transform:translate3d(-100%, 0, 0);

transform:translate3d(-100%, 0, 0)

}



to

{

	opacity: 1;

	-webkit-transform: none;

	transform: none

}

}

@keyframes 

fadeInLeft

{

0% {

opacity:0;

-webkit-transform:translate3d(-100%, 0, 0);

transform:translate3d(-100%, 0, 0)

}



to

{

	opacity: 1;

	-webkit-transform: none;

	transform: none

}

}



.fadeInLeft

{

	-webkit-animation-name: fadeInLeft;

	animation-name: fadeInLeft

}

@-webkit-keyframes 

fadeInLeftBig

{

0% {

opacity:0;

-webkit-transform:translate3d(-2000px, 0, 0);

transform:translate3d(-2000px, 0, 0)

}



to

{

	opacity: 1;

	-webkit-transform: none;

	transform: none

}

}

@keyframes 

fadeInLeftBig

{

0% {

opacity:0;

-webkit-transform:translate3d(-2000px, 0, 0);

transform:translate3d(-2000px, 0, 0)

}



to

{

	opacity: 1;

	-webkit-transform: none;

	transform: none

}

}



.fadeInLeftBig

{

	-webkit-animation-name: fadeInLeftBig;

	animation-name: fadeInLeftBig

}

@-webkit-keyframes 

fadeInRight

{

0% {

opacity:0;

-webkit-transform:translate3d(100%, 0, 0);

transform:translate3d(100%, 0, 0)

}



to

{

	opacity: 1;

	-webkit-transform: none;

	transform: none

}

}

@keyframes 

fadeInRight

{

0% {

opacity:0;

-webkit-transform:translate3d(100%, 0, 0);

transform:translate3d(100%, 0, 0)

}



to

{

	opacity: 1;

	-webkit-transform: none;

	transform: none

}

}



.fadeInRight

{

	-webkit-animation-name: fadeInRight;

	animation-name: fadeInRight

}

@-webkit-keyframes 

fadeInRightBig

{

0% {

opacity:0;

-webkit-transform:translate3d(2000px, 0, 0);

transform:translate3d(2000px, 0, 0)

}



to

{

	opacity: 1;

	-webkit-transform: none;

	transform: none

}

}

@keyframes 

fadeInRightBig

{

0% {

opacity:0;

-webkit-transform:translate3d(2000px, 0, 0);

transform:translate3d(2000px, 0, 0)

}



to

{

	opacity: 1;

	-webkit-transform: none;

	transform: none

}

}



.fadeInRightBig

{

	-webkit-animation-name: fadeInRightBig;

	animation-name: fadeInRightBig

}

@-webkit-keyframes 

fadeInUp

{

0% {

opacity:0;

-webkit-transform:translate3d(0, 100%, 0);

transform:translate3d(0, 100%, 0)

}



to

{

	opacity: 1;

	-webkit-transform: none;

	transform: none

}

}

@keyframes 

fadeInUp

{

0% {

opacity:0;

-webkit-transform:translate3d(0, 100%, 0);

transform:translate3d(0, 100%, 0)

}



to

{

	opacity: 1;

	-webkit-transform: none;

	transform: none

}

}



.fadeInUp

{

	-webkit-animation-name: fadeInUp;

	animation-name: fadeInUp

}

@-webkit-keyframes 

fadeInUpBig

{

0% {

opacity:0;

-webkit-transform:translate3d(0, 2000px, 0);

transform:translate3d(0, 2000px, 0)

}



to

{

	opacity: 1;

	-webkit-transform: none;

	transform: none

}

}

@keyframes 

fadeInUpBig

{

0% {

opacity:0;

-webkit-transform:translate3d(0, 2000px, 0);

transform:translate3d(0, 2000px, 0)

}



to

{

	opacity: 1;

	-webkit-transform: none;

	transform: none

}

}



.fadeInUpBig

{

	-webkit-animation-name: fadeInUpBig;

	animation-name: fadeInUpBig

}

@-webkit-keyframes 

fadeOut

{

0% {

opacity:1

}



to

{

	opacity: 0

}

}

@keyframes 

fadeOut

{

0% {

opacity:1

}



to

{

	opacity: 0

}

}



.fadeOut

{

	-webkit-animation-name: fadeOut;

	animation-name: fadeOut

}

@-webkit-keyframes 

fadeOutDown

{

0% {

opacity:1

}



to

{

	opacity: 0;

	-webkit-transform: translate3d(0, 100%, 0);

	transform: translate3d(0, 100%, 0)

}

}

@keyframes 

fadeOutDown

{

0% {

opacity:1

}



to

{

	opacity: 0;

	-webkit-transform: translate3d(0, 100%, 0);

	transform: translate3d(0, 100%, 0)

}

}



.fadeOutDown

{

	-webkit-animation-name: fadeOutDown;

	animation-name: fadeOutDown

}

@-webkit-keyframes 

fadeOutDownBig

{

0% {

opacity:1

}



to

{

	opacity: 0;

	-webkit-transform: translate3d(0, 2000px, 0);

	transform: translate3d(0, 2000px, 0)

}

}

@keyframes 

fadeOutDownBig

{

0% {

opacity:1

}



to

{

	opacity: 0;

	-webkit-transform: translate3d(0, 2000px, 0);

	transform: translate3d(0, 2000px, 0)

}

}



.fadeOutDownBig

{

	-webkit-animation-name: fadeOutDownBig;

	animation-name: fadeOutDownBig

}

@-webkit-keyframes 

fadeOutLeft

{

0% {

opacity:1

}



to

{

	opacity: 0;

	-webkit-transform: translate3d(-100%, 0, 0);

	transform: translate3d(-100%, 0, 0)

}

}

@keyframes 

fadeOutLeft

{

0% {

opacity:1

}



to

{

	opacity: 0;

	-webkit-transform: translate3d(-100%, 0, 0);

	transform: translate3d(-100%, 0, 0)

}

}



.fadeOutLeft

{

	-webkit-animation-name: fadeOutLeft;

	animation-name: fadeOutLeft

}

@-webkit-keyframes 

fadeOutLeftBig

{

0% {

opacity:1

}



to

{

	opacity: 0;

	-webkit-transform: translate3d(-2000px, 0, 0);

	transform: translate3d(-2000px, 0, 0)

}

}

@keyframes 

fadeOutLeftBig

{

0% {

opacity:1

}



to

{

	opacity: 0;

	-webkit-transform: translate3d(-2000px, 0, 0);

	transform: translate3d(-2000px, 0, 0)

}

}



.fadeOutLeftBig

{

	-webkit-animation-name: fadeOutLeftBig;

	animation-name: fadeOutLeftBig

}

@-webkit-keyframes 

fadeOutRight

{

0% {

opacity:1

}



to

{

	opacity: 0;

	-webkit-transform: translate3d(100%, 0, 0);

	transform: translate3d(100%, 0, 0)

}

}

@keyframes 

fadeOutRight

{

0% {

opacity:1

}



to

{

	opacity: 0;

	-webkit-transform: translate3d(100%, 0, 0);

	transform: translate3d(100%, 0, 0)

}

}



.fadeOutRight

{

	-webkit-animation-name: fadeOutRight;

	animation-name: fadeOutRight

}

@-webkit-keyframes 

fadeOutRightBig

{

0% {

opacity:1

}



to

{

	opacity: 0;

	-webkit-transform: translate3d(2000px, 0, 0);

	transform: translate3d(2000px, 0, 0)

}

}

@keyframes 

fadeOutRightBig

{

0% {

opacity:1

}



to

{

	opacity: 0;

	-webkit-transform: translate3d(2000px, 0, 0);

	transform: translate3d(2000px, 0, 0)

}

}



.fadeOutRightBig

{

	-webkit-animation-name: fadeOutRightBig;

	animation-name: fadeOutRightBig

}

@-webkit-keyframes 

fadeOutUp

{

0% {

opacity:1

}



to

{

	opacity: 0;

	-webkit-transform: translate3d(0, -100%, 0);

	transform: translate3d(0, -100%, 0)

}

}

@keyframes 

fadeOutUp

{

0% {

opacity:1

}



to

{

	opacity: 0;

	-webkit-transform: translate3d(0, -100%, 0);

	transform: translate3d(0, -100%, 0)

}

}



.fadeOutUp

{

	-webkit-animation-name: fadeOutUp;

	animation-name: fadeOutUp

}

@-webkit-keyframes 

fadeOutUpBig

{

0% {

opacity:1

}



to

{

	opacity: 0;

	-webkit-transform: translate3d(0, -2000px, 0);

	transform: translate3d(0, -2000px, 0)

}

}

@keyframes 

fadeOutUpBig

{

0% {

opacity:1

}



to

{

	opacity: 0;

	-webkit-transform: translate3d(0, -2000px, 0);

	transform: translate3d(0, -2000px, 0)

}

}



.fadeOutUpBig

{

	-webkit-animation-name: fadeOutUpBig;

	animation-name: fadeOutUpBig

}

@-webkit-keyframes 

flip

{

0% {

-webkit-transform:perspective(400px) rotateY(-1turn);

transform:perspective(400px) rotateY(-1turn);

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

animation-timing-function:ease-out

}

40% {

-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);

transform:perspective(400px) translateZ(150px) rotateY(-190deg);

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

animation-timing-function:ease-out

}

50% {

-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);

transform:perspective(400px) translateZ(150px) rotateY(-170deg);

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

animation-timing-function:ease-in

}

80% {

-webkit-transform:perspective(400px) scale3d(.95, .95, .95);

transform:perspective(400px) scale3d(.95, .95, .95);

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

animation-timing-function:ease-in

}



to

{

	-webkit-transform: perspective(400px);

	transform: perspective(400px);

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

	animation-timing-function: ease-in

}

}

@keyframes 

flip

{

0% {

-webkit-transform:perspective(400px) rotateY(-1turn);

transform:perspective(400px) rotateY(-1turn);

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

animation-timing-function:ease-out

}

40% {

-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);

transform:perspective(400px) translateZ(150px) rotateY(-190deg);

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

animation-timing-function:ease-out

}

50% {

-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);

transform:perspective(400px) translateZ(150px) rotateY(-170deg);

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

animation-timing-function:ease-in

}

80% {

-webkit-transform:perspective(400px) scale3d(.95, .95, .95);

transform:perspective(400px) scale3d(.95, .95, .95);

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

animation-timing-function:ease-in

}



to

{

	-webkit-transform: perspective(400px);

	transform: perspective(400px);

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

	animation-timing-function: ease-in

}

}



.animated.flip

{

	-webkit-backface-visibility: visible;

	backface-visibility: visible;

	-webkit-animation-name: flip;

	animation-name: flip

}

@-webkit-keyframes 

flipInX

{

0% {

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

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

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

animation-timing-function:ease-in;

opacity:0

}

40% {

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

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

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

animation-timing-function:ease-in

}

60% {

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

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

opacity:1

}

80% {

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

transform:perspective(400px) rotateX(-5deg)

}



to

{

	-webkit-transform: perspective(400px);

	transform: perspective(400px)

}

}

@keyframes 

flipInX

{

0% {

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

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

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

animation-timing-function:ease-in;

opacity:0

}

40% {

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

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

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

animation-timing-function:ease-in

}

60% {

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

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

opacity:1

}

80% {

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

transform:perspective(400px) rotateX(-5deg)

}



to

{

	-webkit-transform: perspective(400px);

	transform: perspective(400px)

}

}



.flipInX

{

	-webkit-backface-visibility: visible!important;

	backface-visibility: visible!important;

	-webkit-animation-name: flipInX;

	animation-name: flipInX

}

@-webkit-keyframes 

flipInY

{

0% {

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

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

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

animation-timing-function:ease-in;

opacity:0

}

40% {

-webkit-transform:perspective(400px) rotateY(-20deg);

transform:perspective(400px) rotateY(-20deg);

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

animation-timing-function:ease-in

}

60% {

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

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

opacity:1

}

80% {

-webkit-transform:perspective(400px) rotateY(-5deg);

transform:perspective(400px) rotateY(-5deg)

}



to

{

	-webkit-transform: perspective(400px);

	transform: perspective(400px);

	opacity: 1

}

}

@keyframes 

flipInY

{

0% {

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

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

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

animation-timing-function:ease-in;

opacity:0

}

40% {

-webkit-transform:perspective(400px) rotateY(-20deg);

transform:perspective(400px) rotateY(-20deg);

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

animation-timing-function:ease-in

}

60% {

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

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

opacity:1

}

80% {

-webkit-transform:perspective(400px) rotateY(-5deg);

transform:perspective(400px) rotateY(-5deg)

}



to

{

	-webkit-transform: perspective(400px);

	transform: perspective(400px);

	opacity: 1

}

}



.flipInY

{

	-webkit-backface-visibility: visible!important;

	backface-visibility: visible!important;

	-webkit-animation-name: flipInY;

	animation-name: flipInY

}

@-webkit-keyframes 

flipOutX

{

0% {

-webkit-transform:perspective(400px);

transform:perspective(400px)

}

30% {

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

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

opacity:1

}



to

{

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

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

	opacity: 0

}

}

@keyframes 

flipOutX

{

0% {

-webkit-transform:perspective(400px);

transform:perspective(400px)

}

30% {

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

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

opacity:1

}



to

{

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

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

	opacity: 0

}

}



.flipOutX

{

	-webkit-animation-name: flipOutX;

	animation-name: flipOutX;

	-webkit-backface-visibility: visible!important;

	backface-visibility: visible!important

}

@-webkit-keyframes 

flipOutY

{

0% {

-webkit-transform:perspective(400px);

transform:perspective(400px)

}

30% {

-webkit-transform:perspective(400px) rotateY(-15deg);

transform:perspective(400px) rotateY(-15deg);

opacity:1

}



to

{

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

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

	opacity: 0

}

}

@keyframes 

flipOutY

{

0% {

-webkit-transform:perspective(400px);

transform:perspective(400px)

}

30% {

-webkit-transform:perspective(400px) rotateY(-15deg);

transform:perspective(400px) rotateY(-15deg);

opacity:1

}



to

{

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

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

	opacity: 0

}

}



.flipOutY

{

	-webkit-backface-visibility: visible!important;

	backface-visibility: visible!important;

	-webkit-animation-name: flipOutY;

	animation-name: flipOutY

}

@-webkit-keyframes 

lightSpeedIn

{

0% {

-webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);

transform:translate3d(100%, 0, 0) skewX(-30deg);

opacity:0

}

60% {

-webkit-transform:skewX(20deg);

transform:skewX(20deg);

opacity:1

}

80% {

-webkit-transform:skewX(-5deg);

transform:skewX(-5deg);

opacity:1

}



to

{

	-webkit-transform: none;

	transform: none;

	opacity: 1

}

}

@keyframes 

lightSpeedIn

{

0% {

-webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);

transform:translate3d(100%, 0, 0) skewX(-30deg);

opacity:0

}

60% {

-webkit-transform:skewX(20deg);

transform:skewX(20deg);

opacity:1

}

80% {

-webkit-transform:skewX(-5deg);

transform:skewX(-5deg);

opacity:1

}



to

{

	-webkit-transform: none;

	transform: none;

	opacity: 1

}

}



.lightSpeedIn

{

	-webkit-animation-name: lightSpeedIn;

	animation-name: lightSpeedIn;

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

	animation-timing-function: ease-out

}

@-webkit-keyframes 

lightSpeedOut

{

0% {

opacity:1

}



to

{

	-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);

	transform: translate3d(100%, 0, 0) skewX(30deg);

	opacity: 0

}

}

@keyframes 

lightSpeedOut

{

0% {

opacity:1

}



to

{

	-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);

	transform: translate3d(100%, 0, 0) skewX(30deg);

	opacity: 0

}

}



.lightSpeedOut

{

	-webkit-animation-name: lightSpeedOut;

	animation-name: lightSpeedOut;

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

	animation-timing-function: ease-in

}

@-webkit-keyframes 

rotateIn

{

0% {

-webkit-transform-origin:center;

transform-origin:center;

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

transform:rotate(-200deg);

opacity:0

}



to

{

	-webkit-transform-origin: center;

	transform-origin: center;

	-webkit-transform: none;

	transform: none;

	opacity: 1

}

}

@keyframes 

rotateIn

{

0% {

-webkit-transform-origin:center;

transform-origin:center;

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

transform:rotate(-200deg);

opacity:0

}



to

{

	-webkit-transform-origin: center;

	transform-origin: center;

	-webkit-transform: none;

	transform: none;

	opacity: 1

}

}



.rotateIn

{

	-webkit-animation-name: rotateIn;

	animation-name: rotateIn

}

@-webkit-keyframes 

rotateInDownLeft

{

0% {

-webkit-transform-origin:left bottom;

transform-origin:left bottom;

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

transform:rotate(-45deg);

opacity:0

}



to

{

	-webkit-transform-origin: left bottom;

	transform-origin: left bottom;

	-webkit-transform: none;

	transform: none;

	opacity: 1

}

}

@keyframes 

rotateInDownLeft

{

0% {

-webkit-transform-origin:left bottom;

transform-origin:left bottom;

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

transform:rotate(-45deg);

opacity:0

}



to

{

	-webkit-transform-origin: left bottom;

	transform-origin: left bottom;

	-webkit-transform: none;

	transform: none;

	opacity: 1

}

}



.rotateInDownLeft

{

	-webkit-animation-name: rotateInDownLeft;

	animation-name: rotateInDownLeft

}

@-webkit-keyframes 

rotateInDownRight

{

0% {

-webkit-transform-origin:right bottom;

transform-origin:right bottom;

-webkit-transform:rotate(45deg);

transform:rotate(45deg);

opacity:0

}



to

{

	-webkit-transform-origin: right bottom;

	transform-origin: right bottom;

	-webkit-transform: none;

	transform: none;

	opacity: 1

}

}

@keyframes 

rotateInDownRight

{

0% {

-webkit-transform-origin:right bottom;

transform-origin:right bottom;

-webkit-transform:rotate(45deg);

transform:rotate(45deg);

opacity:0

}



to

{

	-webkit-transform-origin: right bottom;

	transform-origin: right bottom;

	-webkit-transform: none;

	transform: none;

	opacity: 1

}

}



.rotateInDownRight

{

	-webkit-animation-name: rotateInDownRight;

	animation-name: rotateInDownRight

}

@-webkit-keyframes 

rotateInUpLeft

{

0% {

-webkit-transform-origin:left bottom;

transform-origin:left bottom;

-webkit-transform:rotate(45deg);

transform:rotate(45deg);

opacity:0

}



to

{

	-webkit-transform-origin: left bottom;

	transform-origin: left bottom;

	-webkit-transform: none;

	transform: none;

	opacity: 1

}

}

@keyframes 

rotateInUpLeft

{

0% {

-webkit-transform-origin:left bottom;

transform-origin:left bottom;

-webkit-transform:rotate(45deg);

transform:rotate(45deg);

opacity:0

}



to

{

	-webkit-transform-origin: left bottom;

	transform-origin: left bottom;

	-webkit-transform: none;

	transform: none;

	opacity: 1

}

}



.rotateInUpLeft

{

	-webkit-animation-name: rotateInUpLeft;

	animation-name: rotateInUpLeft

}

@-webkit-keyframes 

rotateInUpRight

{

0% {

-webkit-transform-origin:right bottom;

transform-origin:right bottom;

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

transform:rotate(-90deg);

opacity:0

}



to

{

	-webkit-transform-origin: right bottom;

	transform-origin: right bottom;

	-webkit-transform: none;

	transform: none;

	opacity: 1

}

}

@keyframes 

rotateInUpRight

{

0% {

-webkit-transform-origin:right bottom;

transform-origin:right bottom;

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

transform:rotate(-90deg);

opacity:0

}



to

{

	-webkit-transform-origin: right bottom;

	transform-origin: right bottom;

	-webkit-transform: none;

	transform: none;

	opacity: 1

}

}



.rotateInUpRight

{

	-webkit-animation-name: rotateInUpRight;

	animation-name: rotateInUpRight

}

@-webkit-keyframes 

rotateOut

{

0% {

-webkit-transform-origin:center;

transform-origin:center;

opacity:1

}



to

{

	-webkit-transform-origin: center;

	transform-origin: center;

	-webkit-transform: rotate(200deg);

	transform: rotate(200deg);

	opacity: 0

}

}

@keyframes 

rotateOut

{

0% {

-webkit-transform-origin:center;

transform-origin:center;

opacity:1

}



to

{

	-webkit-transform-origin: center;

	transform-origin: center;

	-webkit-transform: rotate(200deg);

	transform: rotate(200deg);

	opacity: 0

}

}



.rotateOut

{

	-webkit-animation-name: rotateOut;

	animation-name: rotateOut

}

@-webkit-keyframes 

rotateOutDownLeft

{

0% {

-webkit-transform-origin:left bottom;

transform-origin:left bottom;

opacity:1

}



to

{

	-webkit-transform-origin: left bottom;

	transform-origin: left bottom;

	-webkit-transform: rotate(45deg);

	transform: rotate(45deg);

	opacity: 0

}

}

@keyframes 

rotateOutDownLeft

{

0% {

-webkit-transform-origin:left bottom;

transform-origin:left bottom;

opacity:1

}



to

{

	-webkit-transform-origin: left bottom;

	transform-origin: left bottom;

	-webkit-transform: rotate(45deg);

	transform: rotate(45deg);

	opacity: 0

}

}



.rotateOutDownLeft

{

	-webkit-animation-name: rotateOutDownLeft;

	animation-name: rotateOutDownLeft

}

@-webkit-keyframes 

rotateOutDownRight

{

0% {

-webkit-transform-origin:right bottom;

transform-origin:right bottom;

opacity:1

}



to

{

	-webkit-transform-origin: right bottom;

	transform-origin: right bottom;

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

	transform: rotate(-45deg);

	opacity: 0

}

}

@keyframes 

rotateOutDownRight

{

0% {

-webkit-transform-origin:right bottom;

transform-origin:right bottom;

opacity:1

}



to

{

	-webkit-transform-origin: right bottom;

	transform-origin: right bottom;

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

	transform: rotate(-45deg);

	opacity: 0

}

}



.rotateOutDownRight

{

	-webkit-animation-name: rotateOutDownRight;

	animation-name: rotateOutDownRight

}

@-webkit-keyframes 

rotateOutUpLeft

{

0% {

-webkit-transform-origin:left bottom;

transform-origin:left bottom;

opacity:1

}



to

{

	-webkit-transform-origin: left bottom;

	transform-origin: left bottom;

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

	transform: rotate(-45deg);

	opacity: 0

}

}

@keyframes 

rotateOutUpLeft

{

0% {

-webkit-transform-origin:left bottom;

transform-origin:left bottom;

opacity:1

}



to

{

	-webkit-transform-origin: left bottom;

	transform-origin: left bottom;

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

	transform: rotate(-45deg);

	opacity: 0

}

}



.rotateOutUpLeft

{

	-webkit-animation-name: rotateOutUpLeft;

	animation-name: rotateOutUpLeft

}

@-webkit-keyframes 

rotateOutUpRight

{

0% {

-webkit-transform-origin:right bottom;

transform-origin:right bottom;

opacity:1

}



to

{

	-webkit-transform-origin: right bottom;

	transform-origin: right bottom;

	-webkit-transform: rotate(90deg);

	transform: rotate(90deg);

	opacity: 0

}

}

@keyframes 

rotateOutUpRight

{

0% {

-webkit-transform-origin:right bottom;

transform-origin:right bottom;

opacity:1

}



to

{

	-webkit-transform-origin: right bottom;

	transform-origin: right bottom;

	-webkit-transform: rotate(90deg);

	transform: rotate(90deg);

	opacity: 0

}

}



.rotateOutUpRight

{

	-webkit-animation-name: rotateOutUpRight;

	animation-name: rotateOutUpRight

}

@-webkit-keyframes 

hinge

{

0% {

-webkit-transform-origin:top left;

transform-origin:top left;

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

animation-timing-function:ease-in-out

}

20%, 60% {

-webkit-transform:rotate(80deg);

transform:rotate(80deg);

-webkit-transform-origin:top left;

transform-origin:top left;

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

animation-timing-function:ease-in-out

}

40%, 80% {

-webkit-transform:rotate(60deg);

transform:rotate(60deg);

-webkit-transform-origin:top left;

transform-origin:top left;

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

animation-timing-function:ease-in-out;

opacity:1

}



to

{

	-webkit-transform: translate3d(0, 700px, 0);

	transform: translate3d(0, 700px, 0);

	opacity: 0

}

}

@keyframes 

hinge

{

0% {

-webkit-transform-origin:top left;

transform-origin:top left;

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

animation-timing-function:ease-in-out

}

20%, 60% {

-webkit-transform:rotate(80deg);

transform:rotate(80deg);

-webkit-transform-origin:top left;

transform-origin:top left;

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

animation-timing-function:ease-in-out

}

40%, 80% {

-webkit-transform:rotate(60deg);

transform:rotate(60deg);

-webkit-transform-origin:top left;

transform-origin:top left;

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

animation-timing-function:ease-in-out;

opacity:1

}



to

{

	-webkit-transform: translate3d(0, 700px, 0);

	transform: translate3d(0, 700px, 0);

	opacity: 0

}

}



.hinge

{

	-webkit-animation-name: hinge;

	animation-name: hinge

}

@-webkit-keyframes 

rollIn

{

0% {

opacity:0;

-webkit-transform:translate3d(-100%, 0, 0) rotate(-120deg);

transform:translate3d(-100%, 0, 0) rotate(-120deg)

}



to

{

	opacity: 1;

	-webkit-transform: none;

	transform: none

}

}

@keyframes 

rollIn

{

0% {

opacity:0;

-webkit-transform:translate3d(-100%, 0, 0) rotate(-120deg);

transform:translate3d(-100%, 0, 0) rotate(-120deg)

}



to

{

	opacity: 1;

	-webkit-transform: none;

	transform: none

}

}



.rollIn

{

	-webkit-animation-name: rollIn;

	animation-name: rollIn

}

@-webkit-keyframes 

rollOut

{

0% {

opacity:1

}



to

{

	opacity: 0;

	-webkit-transform: translate3d(100%, 0, 0) rotate(120deg);

	transform: translate3d(100%, 0, 0) rotate(120deg)

}

}

@keyframes 

rollOut

{

0% {

opacity:1

}



to

{

	opacity: 0;

	-webkit-transform: translate3d(100%, 0, 0) rotate(120deg);

	transform: translate3d(100%, 0, 0) rotate(120deg)

}

}



.rollOut

{

	-webkit-animation-name: rollOut;

	animation-name: rollOut

}

@-webkit-keyframes 

zoomIn

{

0% {

opacity:0;

-webkit-transform:scale3d(.3, .3, .3);

transform:scale3d(.3, .3, .3)

}

50% {

opacity:1

}

}

@keyframes 

zoomIn

{

0% {

opacity:0;

-webkit-transform:scale3d(.3, .3, .3);

transform:scale3d(.3, .3, .3)

}

50% {

opacity:1

}

}



.zoomIn

{

	-webkit-animation-name: zoomIn;

	animation-name: zoomIn

}

@-webkit-keyframes 

zoomInDown

{

0% {

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(.55, .055, .675, .19);

animation-timing-function:cubic-bezier(.55, .055, .675, .19)

}

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(.175, .885, .32, 1);

animation-timing-function:cubic-bezier(.175, .885, .32, 1)

}

}

@keyframes 

zoomInDown

{

0% {

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(.55, .055, .675, .19);

animation-timing-function:cubic-bezier(.55, .055, .675, .19)

}

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(.175, .885, .32, 1);

animation-timing-function:cubic-bezier(.175, .885, .32, 1)

}

}



.zoomInDown

{

	-webkit-animation-name: zoomInDown;

	animation-name: zoomInDown

}

@-webkit-keyframes 

zoomInLeft

{

0% {

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(.55, .055, .675, .19);

animation-timing-function:cubic-bezier(.55, .055, .675, .19)

}

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(.175, .885, .32, 1);

animation-timing-function:cubic-bezier(.175, .885, .32, 1)

}

}

@keyframes 

zoomInLeft

{

0% {

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(.55, .055, .675, .19);

animation-timing-function:cubic-bezier(.55, .055, .675, .19)

}

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(.175, .885, .32, 1);

animation-timing-function:cubic-bezier(.175, .885, .32, 1)

}

}



.zoomInLeft

{

	-webkit-animation-name: zoomInLeft;

	animation-name: zoomInLeft

}

@-webkit-keyframes 

zoomInRight

{

0% {

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(.55, .055, .675, .19);

animation-timing-function:cubic-bezier(.55, .055, .675, .19)

}

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(.175, .885, .32, 1);

animation-timing-function:cubic-bezier(.175, .885, .32, 1)

}

}

@keyframes 

zoomInRight

{

0% {

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(.55, .055, .675, .19);

animation-timing-function:cubic-bezier(.55, .055, .675, .19)

}

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(.175, .885, .32, 1);

animation-timing-function:cubic-bezier(.175, .885, .32, 1)

}

}



.zoomInRight

{

	-webkit-animation-name: zoomInRight;

	animation-name: zoomInRight

}

@-webkit-keyframes 

zoomInUp

{

0% {

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(.55, .055, .675, .19);

animation-timing-function:cubic-bezier(.55, .055, .675, .19)

}

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(.175, .885, .32, 1);

animation-timing-function:cubic-bezier(.175, .885, .32, 1)

}

}

@keyframes 

zoomInUp

{

0% {

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(.55, .055, .675, .19);

animation-timing-function:cubic-bezier(.55, .055, .675, .19)

}

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(.175, .885, .32, 1);

animation-timing-function:cubic-bezier(.175, .885, .32, 1)

}

}



.zoomInUp

{

	-webkit-animation-name: zoomInUp;

	animation-name: zoomInUp

}

@-webkit-keyframes 

zoomOut

{

0% {

opacity:1

}

50% {

opacity:0;

-webkit-transform:scale3d(.3, .3, .3);

transform:scale3d(.3, .3, .3)

}



to

{

	opacity: 0

}

}

@keyframes 

zoomOut

{

0% {

opacity:1

}

50% {

opacity:0;

-webkit-transform:scale3d(.3, .3, .3);

transform:scale3d(.3, .3, .3)

}



to

{

	opacity: 0

}

}



.zoomOut

{

	-webkit-animation-name: zoomOut;

	animation-name: zoomOut

}

@-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(.55, .055, .675, .19);

animation-timing-function:cubic-bezier(.55, .055, .675, .19)

}



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(.175, .885, .32, 1);

	animation-timing-function: cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);

animation-timing-function:cubic-bezier(.55, .055, .675, .19)

}



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(.175, .885, .32, 1);

	animation-timing-function: cubic-bezier(.175, .885, .32, 1)

}

}



.zoomOutDown

{

	-webkit-animation-name: zoomOutDown;

	animation-name: zoomOutDown

}

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

}

}



.zoomOutLeft

{

	-webkit-animation-name: zoomOutLeft;

	animation-name: zoomOutLeft

}

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

}

}



.zoomOutRight

{

	-webkit-animation-name: zoomOutRight;

	animation-name: zoomOutRight

}

@-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(.55, .055, .675, .19);

animation-timing-function:cubic-bezier(.55, .055, .675, .19)

}



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(.175, .885, .32, 1);

	animation-timing-function: cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);

animation-timing-function:cubic-bezier(.55, .055, .675, .19)

}



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(.175, .885, .32, 1);

	animation-timing-function: cubic-bezier(.175, .885, .32, 1)

}

}



.zoomOutUp

{

	-webkit-animation-name: zoomOutUp;

	animation-name: zoomOutUp

}

@-webkit-keyframes 

slideInDown

{

0% {

-webkit-transform:translate3d(0, -100%, 0);

transform:translate3d(0, -100%, 0);

visibility:visible

}



to

{

	-webkit-transform: translateZ(0);

	transform: translateZ(0)

}

}

@keyframes 

slideInDown

{

0% {

-webkit-transform:translate3d(0, -100%, 0);

transform:translate3d(0, -100%, 0);

visibility:visible

}



to

{

	-webkit-transform: translateZ(0);

	transform: translateZ(0)

}

}



.slideInDown

{

	-webkit-animation-name: slideInDown;

	animation-name: slideInDown

}

@-webkit-keyframes 

slideInLeft

{

0% {

-webkit-transform:translate3d(-100%, 0, 0);

transform:translate3d(-100%, 0, 0);

visibility:visible

}



to

{

	-webkit-transform: translateZ(0);

	transform: translateZ(0)

}

}

@keyframes 

slideInLeft

{

0% {

-webkit-transform:translate3d(-100%, 0, 0);

transform:translate3d(-100%, 0, 0);

visibility:visible

}



to

{

	-webkit-transform: translateZ(0);

	transform: translateZ(0)

}

}



.slideInLeft

{

	-webkit-animation-name: slideInLeft;

	animation-name: slideInLeft

}

@-webkit-keyframes 

slideInRight

{

0% {

-webkit-transform:translate3d(100%, 0, 0);

transform:translate3d(100%, 0, 0);

visibility:visible

}



to

{

	-webkit-transform: translateZ(0);

	transform: translateZ(0)

}

}

@keyframes 

slideInRight

{

0% {

-webkit-transform:translate3d(100%, 0, 0);

transform:translate3d(100%, 0, 0);

visibility:visible

}



to

{

	-webkit-transform: translateZ(0);

	transform: translateZ(0)

}

}



.slideInRight

{

	-webkit-animation-name: slideInRight;

	animation-name: slideInRight

}

@-webkit-keyframes 

slideInUp

{

0% {

-webkit-transform:translate3d(0, 100%, 0);

transform:translate3d(0, 100%, 0);

visibility:visible

}



to

{

	-webkit-transform: translateZ(0);

	transform: translateZ(0)

}

}

@keyframes 

slideInUp

{

0% {

-webkit-transform:translate3d(0, 100%, 0);

transform:translate3d(0, 100%, 0);

visibility:visible

}



to

{

	-webkit-transform: translateZ(0);

	transform: translateZ(0)

}

}



.slideInUp

{

	-webkit-animation-name: slideInUp;

	animation-name: slideInUp

}

@-webkit-keyframes 

slideOutDown

{

0% {

-webkit-transform:translateZ(0);

transform:translateZ(0)

}



to

{

	visibility: hidden;

	-webkit-transform: translate3d(0, 100%, 0);

	transform: translate3d(0, 100%, 0)

}

}

@keyframes 

slideOutDown

{

0% {

-webkit-transform:translateZ(0);

transform:translateZ(0)

}



to

{

	visibility: hidden;

	-webkit-transform: translate3d(0, 100%, 0);

	transform: translate3d(0, 100%, 0)

}

}



.slideOutDown

{

	-webkit-animation-name: slideOutDown;

	animation-name: slideOutDown

}

@-webkit-keyframes 

slideOutLeft

{

0% {

-webkit-transform:translateZ(0);

transform:translateZ(0)

}



to

{

	visibility: hidden;

	-webkit-transform: translate3d(-100%, 0, 0);

	transform: translate3d(-100%, 0, 0)

}

}

@keyframes 

slideOutLeft

{

0% {

-webkit-transform:translateZ(0);

transform:translateZ(0)

}



to

{

	visibility: hidden;

	-webkit-transform: translate3d(-100%, 0, 0);

	transform: translate3d(-100%, 0, 0)

}

}



.slideOutLeft

{

	-webkit-animation-name: slideOutLeft;

	animation-name: slideOutLeft

}

@-webkit-keyframes 

slideOutRight

{

0% {

-webkit-transform:translateZ(0);

transform:translateZ(0)

}



to

{

	visibility: hidden;

	-webkit-transform: translate3d(100%, 0, 0);

	transform: translate3d(100%, 0, 0)

}

}

@keyframes 

slideOutRight

{

0% {

-webkit-transform:translateZ(0);

transform:translateZ(0)

}



to

{

	visibility: hidden;

	-webkit-transform: translate3d(100%, 0, 0);

	transform: translate3d(100%, 0, 0)

}

}



.slideOutRight

{

	-webkit-animation-name: slideOutRight;

	animation-name: slideOutRight

}

@-webkit-keyframes 

slideOutUp

{

0% {

-webkit-transform:translateZ(0);

transform:translateZ(0)

}



to

{

	visibility: hidden;

	-webkit-transform: translate3d(0, -100%, 0);

	transform: translate3d(0, -100%, 0)

}

}

@keyframes 

slideOutUp

{

0% {

-webkit-transform:translateZ(0);

transform:translateZ(0)

}



to

{

	visibility: hidden;

	-webkit-transform: translate3d(0, -100%, 0);

	transform: translate3d(0, -100%, 0)

}

}



.slideOutUp

{

	-webkit-animation-name: slideOutUp;

	animation-name: slideOutUp

}



.swiper-container

{

	margin: 0 auto;

	position: relative;

	overflow: hidden;

	list-style: none;

	padding: 0;

	z-index: 1

}



.swiper-container-no-flexbox .swiper-slide

{

	float: left

}



.swiper-container-vertical>.swiper-wrapper

{

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-webkit-flex-direction: column;

	-ms-flex-direction: column;

	flex-direction: column

}



.swiper-wrapper

{

	position: relative;

	width: 100%;

	height: 100%;

	z-index: 1;

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	-webkit-transition-property: -webkit-transform;

	transition-property: -webkit-transform;

	-o-transition-property: transform;

	transition-property: transform;

	transition-property: transform, -webkit-transform;

	-webkit-box-sizing: content-box;

	box-sizing: content-box; 

}



.swiper-container-android .swiper-slide, .swiper-wrapper

{

	-webkit-transform: translateZ(0);

	transform: translateZ(0)

}



.swiper-container-multirow>.swiper-wrapper

{

	-webkit-flex-wrap: wrap;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap

}



.swiper-container-free-mode>.swiper-wrapper

{

	-webkit-transition-timing-function: ease-out;

	-o-transition-timing-function: ease-out;

	transition-timing-function: ease-out;

	margin: 0 auto

}



.swiper-slide

{

	-webkit-flex-shrink: 0;

	-ms-flex-negative: 0;

	flex-shrink: 0;

	width: 100%;

	height: 100%;

	 

	-webkit-transition-property: -webkit-transform;

	transition-property: -webkit-transform;

	-o-transition-property: transform;

	transition-property: transform;

	transition-property: transform, -webkit-transform

}



.swiper-slide-invisible-blank

{

	visibility: hidden

}



.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide

{

	height: auto

}



.swiper-container-autoheight .swiper-wrapper

{

	-webkit-box-align: start;

	-webkit-align-items: flex-start;

	-ms-flex-align: start;

	align-items: flex-start;

	-webkit-transition-property: height, -webkit-transform;

	transition-property: height, -webkit-transform;

	-o-transition-property: transform, height;

	transition-property: transform, height;

	transition-property: transform, height, -webkit-transform

}



.swiper-container-3d

{

	-webkit-perspective: 1200px;

	perspective: 1200px

}



.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper

{

	-webkit-transform-style: preserve-3d;

	transform-style: preserve-3d

}



.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top

{

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	pointer-events: none;

	z-index: 10

}



.swiper-container-3d .swiper-slide-shadow-left

{

	background-image: -webkit-gradient(linear, right top, left top, from(rgba(0,0,0,.5)), to(transparent));

	background-image: -webkit-linear-gradient(right, rgba(0,0,0,.5), transparent);

	background-image: -o-linear-gradient(right, rgba(0,0,0,.5), transparent);

	background-image: linear-gradient(270deg, rgba(0,0,0,.5), transparent)

}



.swiper-container-3d .swiper-slide-shadow-right

{

	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.5)), to(transparent));

	background-image: -webkit-linear-gradient(left, rgba(0,0,0,.5), transparent);

	background-image: -o-linear-gradient(left, rgba(0,0,0,.5), transparent);

	background-image: linear-gradient(90deg, rgba(0,0,0,.5), transparent)

}



.swiper-container-3d .swiper-slide-shadow-top

{

	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,.5)), to(transparent));

	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.5), transparent);

	background-image: -o-linear-gradient(bottom, rgba(0,0,0,.5), transparent);

	background-image: linear-gradient(0deg, rgba(0,0,0,.5), transparent)

}



.swiper-container-3d .swiper-slide-shadow-bottom

{

	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.5)), to(transparent));

	background-image: -webkit-linear-gradient(top, rgba(0,0,0,.5), transparent);

	background-image: -o-linear-gradient(top, rgba(0,0,0,.5), transparent);

	background-image: linear-gradient(180deg, rgba(0,0,0,.5), transparent)

}



.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal>.swiper-wrapper

{

	-ms-touch-action: pan-y;

	touch-action: pan-y

}



.swiper-container-wp8-vertical, .swiper-container-wp8-vertical>.swiper-wrapper

{

	-ms-touch-action: pan-x;

	touch-action: pan-x

}



.swiper-button-next, .swiper-button-prev

{

	position: absolute;

	top: 50%;

	width: 27px;

	height: 44px;

	margin-top: -22px;

	z-index: 10;

	cursor: pointer;

	background-size: 27px 44px;

	background-position: 50%;

	background-repeat: no-repeat

}



.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled

{

	opacity: .35;

	cursor: auto;

	pointer-events: none

}



.swiper-button-prev, .swiper-container-rtl .swiper-button-next

{

	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");

	left: 10px;

	right: auto

}



.swiper-button-next, .swiper-container-rtl .swiper-button-prev

{

	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");

	right: 10px;

	left: auto

}



.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white

{

	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")

}



.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white

{

	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")

}



.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black

{

	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")

}



.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black

{

	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")

}



.swiper-button-lock

{

	display: none

}



.swiper-pagination

{

	position: absolute;

	text-align: center;

	-webkit-transition: opacity .3s;

	-o-transition: .3s opacity;

	transition: opacity .3s;

	-webkit-transform: translateZ(0);

	transform: translateZ(0);

	z-index: 10

}



.swiper-pagination.swiper-pagination-hidden

{

	opacity: 0

}



.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction

{

	bottom: 10px;

	left: 0;

	width: 100%

}



.swiper-pagination-bullets-dynamic

{

	overflow: hidden;

	font-size: 0

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet

{

	-webkit-transform: scale(.33);

	-ms-transform: scale(.33);

	transform: scale(.33);

	position: relative

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main

{

	-webkit-transform: scale(1);

	-ms-transform: scale(1);

	transform: scale(1)

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev

{

	-webkit-transform: scale(.66);

	-ms-transform: scale(.66);

	transform: scale(.66)

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev

{

	-webkit-transform: scale(.33);

	-ms-transform: scale(.33);

	transform: scale(.33)

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next

{

	-webkit-transform: scale(.66);

	-ms-transform: scale(.66);

	transform: scale(.66)

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next

{

	-webkit-transform: scale(.33);

	-ms-transform: scale(.33);

	transform: scale(.33)

}



.commom-global-content{ position:relative}

.commom-global-content .hd{width: 100%;position: absolute;z-index: 999;bottom: 24px;left: 0;height: 6px;}

.commom-global-content .hd ul{ width:100%; margin-left:48.1%;}

.commom-global-content .hd ul li{cursor: pointer; float:left;width: 8px;

	height: 8px;

	display: inline-block;

	border-radius: 100%;

	background: #000; margin-right:10px;

	opacity: .2; text-indent:-99999px}

.commom-global-content .hd ul .on{ opacity: 1;

	background: #007aff}



.swiper-pagination-bullet

{

	width: 8px;

	height: 8px;

	display: inline-block;

	border-radius: 100%;

	background: #000;

	opacity: .2

}



button.swiper-pagination-bullet

{

	border: none;

	margin: 0;

	padding: 0;

	-webkit-box-shadow: none;

	box-shadow: none;

	-webkit-appearance: none;

	-moz-appearance: none;

	appearance: none

}



.swiper-pagination-clickable .swiper-pagination-bullet

{

	cursor: pointer

}



.swiper-pagination-bullet-active

{

	opacity: 1;

	background: #007aff

}



.swiper-container-vertical>.swiper-pagination-bullets

{

	right: 10px;

	top: 50%;

	-webkit-transform: translate3d(0, -50%, 0);

	transform: translate3d(0, -50%, 0)

}



.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet

{

	margin: 6px 0;

	display: block

}



.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic

{

	top: 50%;

	-webkit-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	transform: translateY(-50%);

	width: 8px

}



.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet

{

	display: inline-block;

	-webkit-transition: top .2s, -webkit-transform .2s;

	transition: top .2s, -webkit-transform .2s;

	-o-transition: .2s transform, .2s top;

	-webkit-transition: transform .2s, top .2s;

	transition: transform .2s, top .2s;

	-webkit-transition: transform .2s, top .2s, -webkit-transform .2s;

	transition: transform .2s, top .2s, -webkit-transform .2s

}



.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet

{

	margin: 0 4px

}



.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic

{

	left: 50%;

	-webkit-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	transform: translateX(-50%);

	white-space: nowrap

}



.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet

{

	-webkit-transition: left .2s, -webkit-transform .2s;

	transition: left .2s, -webkit-transform .2s;

	-o-transition: .2s transform, .2s left;

	-webkit-transition: transform .2s, left .2s;

	transition: transform .2s, left .2s;

	-webkit-transition: transform .2s, left .2s, -webkit-transform .2s;

	transition: transform .2s, left .2s, -webkit-transform .2s

}



.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet

{

	-webkit-transition: right .2s, -webkit-transform .2s;

	transition: right .2s, -webkit-transform .2s;

	-o-transition: .2s transform, .2s right;

	-webkit-transition: transform .2s, right .2s;

	transition: transform .2s, right .2s;

	-webkit-transition: transform .2s, right .2s, -webkit-transform .2s;

	transition: transform .2s, right .2s, -webkit-transform .2s

}



.swiper-pagination-progressbar

{

	background: rgba(0,0,0,.25);

	position: absolute

}



.swiper-pagination-progressbar .swiper-pagination-progressbar-fill

{

	background: #007aff;

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	-webkit-transform: scale(0);

	-ms-transform: scale(0);

	transform: scale(0);

	-webkit-transform-origin: left top;

	-ms-transform-origin: left top;

	transform-origin: left top

}



.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill

{

	-webkit-transform-origin: right top;

	-ms-transform-origin: right top;

	transform-origin: right top

}



.swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite

{

	width: 100%;

	height: 4px;

	left: 0;

	top: 0

}



.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical>.swiper-pagination-progressbar

{

	width: 4px;

	height: 100%;

	left: 0;

	top: 0

}



.swiper-pagination-white .swiper-pagination-bullet-active

{

	background: #fff

}



.swiper-pagination-progressbar.swiper-pagination-white

{

	background: hsla(0,0%,100%,.25)

}



.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill

{

	background: #fff

}



.swiper-pagination-black .swiper-pagination-bullet-active

{

	background: #000

}



.swiper-pagination-progressbar.swiper-pagination-black

{

	background: rgba(0,0,0,.25)

}



.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill

{

	background: #000

}



.swiper-pagination-lock

{

	display: none

}



.swiper-scrollbar

{

	border-radius: 10px;

	position: relative;

	-ms-touch-action: none;

	background: rgba(0,0,0,.1)

}



.swiper-container-horizontal>.swiper-scrollbar

{

	position: absolute;

	left: 1%;

	bottom: 3px;

	z-index: 50;

	height: 5px;

	width: 98%

}



.swiper-container-vertical>.swiper-scrollbar

{

	position: absolute;

	right: 3px;

	top: 1%;

	z-index: 50;

	width: 5px;

	height: 98%

}



.swiper-scrollbar-drag

{

	height: 100%;

	width: 100%;

	position: relative;

	background: rgba(0,0,0,.5);

	border-radius: 10px;

	left: 0;

	top: 0

}



.swiper-scrollbar-cursor-drag

{

	cursor: move

}



.swiper-scrollbar-lock

{

	display: none

}



.swiper-zoom-container

{

	width: 100%;

	height: 100%;

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: center;

	-webkit-justify-content: center;

	-ms-flex-pack: center;

	justify-content: center;

	-webkit-box-align: center;

	-webkit-align-items: center;

	-ms-flex-align: center;

	align-items: center;

	text-align: center

}



.swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg

{

	max-width: 100%;

	max-height: 100%;

	-o-object-fit: contain;

	object-fit: contain

}



.swiper-slide-zoomed

{

	cursor: move

}



.swiper-lazy-preloader

{

	width: 42px;

	height: 42px;

	position: absolute;

	left: 50%;

	top: 50%;

	margin-left: -21px;

	margin-top: -21px;

	z-index: 10;

	-webkit-transform-origin: 50%;

	-ms-transform-origin: 50%;

	transform-origin: 50%;

	-webkit-animation: swiper-preloader-spin 1s steps(12) infinite;

	animation: swiper-preloader-spin 1s steps(12) infinite

}



.swiper-lazy-preloader:after

{

	display: block;

	content: "";

	width: 100%;

	height: 100%;

	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");

	background-position: 50%;

	background-size: 100%;

	background-repeat: no-repeat

}



.swiper-lazy-preloader-white:after

{

	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")

}

@-webkit-keyframes 

swiper-preloader-spin

{

to {

-webkit-transform:rotate(1turn);

transform:rotate(1turn)

}

}

@keyframes 

swiper-preloader-spin

{

to {

-webkit-transform:rotate(1turn);

transform:rotate(1turn)

}

}



.swiper-container .swiper-notification

{

	position: absolute;

	left: 0;

	top: 0;

	pointer-events: none;

	opacity: 0;

	z-index: -1000

}



.swiper-container-fade.swiper-container-free-mode .swiper-slide

{

	-webkit-transition-timing-function: ease-out;

	-o-transition-timing-function: ease-out;

	transition-timing-function: ease-out

}



.swiper-container-fade .swiper-slide

{

	pointer-events: none;

	-webkit-transition-property: opacity;

	-o-transition-property: opacity;

	transition-property: opacity

}



.swiper-container-fade .swiper-slide .swiper-slide

{

	pointer-events: none

}



.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active

{

	pointer-events: auto

}



.swiper-container-cube

{

	overflow: visible

}



.swiper-container-cube .swiper-slide

{

	pointer-events: none;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

	z-index: 1;

	visibility: hidden;

	-webkit-transform-origin: 0 0;

	-ms-transform-origin: 0 0;

	transform-origin: 0 0;

	width: 100%;

	height: 100%

}



.swiper-container-cube .swiper-slide .swiper-slide

{

	pointer-events: none

}



.swiper-container-cube.swiper-container-rtl .swiper-slide

{

	-webkit-transform-origin: 100% 0;

	-ms-transform-origin: 100% 0;

	transform-origin: 100% 0

}



.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active

{

	pointer-events: auto

}



.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev

{

	pointer-events: auto;

	visibility: visible

}



.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top

{

	z-index: 0;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden

}



.swiper-container-cube .swiper-cube-shadow

{

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	height: 100%;

	background: #000;

	opacity: .6;

	-webkit-filter: blur(50px);

	filter: blur(50px);

	z-index: 0

}



.swiper-container-flip

{

	overflow: visible

}



.swiper-container-flip .swiper-slide

{

	pointer-events: none;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

	z-index: 1

}



.swiper-container-flip .swiper-slide .swiper-slide

{

	pointer-events: none

}



.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active

{

	pointer-events: auto

}



.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top

{

	z-index: 0;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden

}



.swiper-container-coverflow .swiper-wrapper

{

	-ms-perspective: 1200px

}