/* CSS Document */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,section, article, aside, header, footer, nav, dialog, figure,menu,hgroup,iframe{ margin:0; padding:0; border:0; -webkit-font-smoothing:antialiased; font-family:"Lantinghei SC", "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif; }
html{ -webkit-text-size-adjust:none;}
body{ font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
	font-size:12px; line-height:24px; background:#fff;  -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased;  font-smoothing: antialiased;  color:#333;}
input,textarea{ font-family:"Microsoft YaHei"; border-radius:0; background: #fff;border: 0; -webkit-appearance: none;}
img{ border:none;vertical-align:middle; -ms-interpolation-mode: bicubic; max-width:100%;}
ul,li{ list-style:none;}
a{ text-decoration:none; color:#333; outline:none; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; }
a:hover{ color:#2ab2f1;}
input:focus,textarea:focus{ outline:none; }
.or{ overflow:hidden;}
h1,h2,h3{ font-weight:normal;}
.tc{ text-align:center;}
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}

@media (min-width: 1280px) {
  .container {width:1280px; }
}

.container{ margin:0 auto; }
.container:before,.container:after {display: table;content: " ";}
.container:after {clear: both;}.container:before,
.container:after {display: table;content: " ";}
.container:after {clear: both;}
/*头部导航*/
.navbarshow{ background-color:#454544; box-shadow:0 3px 5px 1px #454544;}
.navbarbck{ background-color:#fff; box-shadow:0 3px 5px 1px #f0f0f0;}
.navbar-header {float: left;}
.navbar-fixed-top{position:fixed; left:0; top:0; width:100%; z-index:9999999;}
.navbar { height:70px; border-bottom: 1px solid #d8d8da; font-size:16px;}
.navbar:before,
.navbar:after {display: table;content: " ";}
.navbar:after {clear: both;}
.navbar:before,
.navbar:after {display: table;content: " ";}
.navbar:after {clear: both;}
.navbar-header:before,
.navbar-header:after {display: table;content: " ";}
.navbar-header:after {clear: both;}
.navbar-header:before,
.navbar-header:after {display: table;content: " ";}
.navbar-header:after {clear: both;}
.navbar-brand {float: left; width:370px; height:29px;  background:url(../../../image/pc-img/en/logo2.png) no-repeat; text-indent:-100000px;margin-top: 10px;}
.navbar-collapse {max-height:380px;padding-right: 15px;padding-left: 15px;overflow-x: visible;border-top: 1px solid transparent;box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);-webkit-overflow-scrolling: touch;}
.navbar-collapse:before,
.navbar-collapse:after {display: table;content: " ";}
.navbar-collapse:after {clear: both;}
.navbar-collapse:before,
.navbar-collapse:after {display: table;content: " ";}
.navbar-collapse:after {clear: both;}
.navbar-collapse.in {overflow-y: auto; padding:10px 0;}

.nav {padding-left: 0;margin-bottom: 0;list-style: none;}
.nav:before,.nav:after {display: table;content: " ";}
.nav:after {clear: both;}
.nav:before,.nav:after {display: table;content: " ";}
.nav:after {clear: both;}

.navbar-nav {float:left;margin-left:29px;}
.navbar-nav > li {float: left; margin:0 0px;}
.navbar-nav > li > a { padding:0 10px; line-height:67px; display:block; }
@media screen and (max-width:1200px){
	.navbar-nav > li > a { padding:0 6px;}
}
.navbar-nav > li.active a,.navbar-nav > li a:hover{ border-bottom:3px solid #14a6eb; color:#14a6eb;}
.navbar-nav.navbar-right:last-child {}
.navbar-brand{ margin:20px 0 0 0;}

.navbar-left {float: left !important;}
.navbar-right {float: right !important;}

.navbar-right{ padding-top:18px;}
.navbar-right a{ color:#1cafe5;}
.navbar-right a.bt1{ width:98px; height:28px; border:2px solid #1cafe5; margin-right:25px; border-radius:20px; text-align:center; line-height:28px; display:inline-block;}
.navbar-right a.bt1:hover{ background-color:#12ade1; color:#fff;}
.navbar-right a.bt1:active{ background-color:#0295c8; color:#fff;}
.navbar-right a.bt2:hover{ color:#0295c8;}

/*footer*/
.footerlogo{ width:224px; height:24px; float:left; margin-top:95px;}
.footerkf{ float:left; width:670px; padding-top:87px; margin-left:40px;}
.footerkf dl{ float:left; width:280px;}
.footerkf dl dt{ float:left; width:65px; border-right:1px solid #343b41; text-align:center; height:45px; vertical-align:middle; display:table-cell;}
.phone{ background:url(../../../image/img2.0/phone.png) no-repeat center center;}
.mail{ background:url(../../../image/img2.0/mail.png) no-repeat center center;}
.footerkf dl dd{ margin-left:65px; color:#fff; padding-left:20px;}
.footerkf dl dd h3{ font-size:14px; line-height:10px;}
.footerkf dl dd p{ font-size:14px; padding-top:15px;}
.footermbb{ float:left; padding-top:72px;}
.footermbb dl{ float:left; margin-left:50px; position:relative;}
.footermbb dl dt{ width:40px; height:40px; margin:0 auto;}
.wx{ background:url(../../../image/img2.0/wechat_.png);}
.footermbb dl a:hover .wx{ background:url(../../../image/img2.0/wechat_hover.png);}
.fs{ background:url(../../../image/img2.0/qq_C.png);}
.footermbb dl a:hover .fs{ background:url(../../../image/img2.0/qq_C_hover.png); color:#14a6eb;}
.wb{ background:url(../../../image/img2.0/sina_weibo.png);}
.footermbb dl a:hover .wb{ background:url(../../../image/img2.0/sina_weibo_hover.png);}
.footermbb dl dd{ padding-top:8px; color:#fff;}
.footetop{ height:208px; border-bottom:1px solid #444c56;}



.footbot{ font-size:14px; text-align:center; color:#99a0a6; padding:10px 0;}
.footbot a{ padding:0 20px; color:#99a0a6;}
#footer{ background-color:#24333f;}
#footer2{ background-color:#f3f6f7; color:#666;}
#footer2 .footerkf dl dd,#footer2 .footermbb dl dd{ color:#666;}
#footer2 .footetop{ border-bottom:1px solid #e2e2e2;}
#footer2 .footerkf dl dt{ border-right:1px solid #e2e2e2;}

#footer3{  color:#666;}
#footer3 .footerkf dl dd,#footer3 .footermbb dl dd{ color:#ccc;}
#footer3 .footetop{ border-bottom:1px solid #5c5958;}
#footer3 .footerkf dl dt{ border-right:1px solid #3f3e3d;}

.sdkfooter{ background-color:#24333f; overflow:hidden;  }
.sdktops{ border-bottom:1px solid #e2e2e2; padding-bottom:100px; }
.sdkfooterlogo{width:224px; height:24px; float:left; margin-top:201px;}
.sdkfootkf{ width:512px; float:left; margin-left:45px; padding-top:48px;}
.sdkfooterkf dl{ margin-top:50px;}
.sdkfooterkf dl dt{ float:left; width:65px; border-right:1px solid #3e474f; text-align:center; height:45px;}
.sdkfooterkf dl dd{ margin-left:65px; color:#fff; padding-left:20px;}
.sdkfooterkf dl dd h3{ font-size:14px; line-height:10px;}
.sdkfooterkf dl dd p{ font-size:14px; padding-top:15px;}
.sdkphone{ background:url(../../../image/img2.0/phone.png) no-repeat center center;}
.sdkmail{ background:url(../../../image/img2.0/mail.png) no-repeat center center;}
.cl{ clear:both;}
.sdkfootermbb{ padding-top:40px;}
.sdkfootermbb dl{ width:70px; margin-right:30px; text-align:center; float:left; color:#fff; position:relative;}
.sdkfootermbb dl a{ color:#fff;}
.sdkfootermbb dl dt{ width:40px; height:40px; margin:0 auto;}
.sdkfootermbb dl dd{ margin-top:7px;}
.sdkcontlx{ line-height:30px; font-size:14px; color:#fff; padding-top:87px;}

.section4 .footerkf dl dd{ color:#ccc;}

.sdkfootermbb dl a:hover .wx{ background:url(../../../image/img2.0/wechat_hover.png);}
.sdkfootermbb dl a:hover .fs{ background:url(../../../image/img2.0/qq_C_hover.png); color:#14a6eb;}
.sdkfootermbb dl a:hover .wb{ background:url(../../../image/img2.0/sina_weibo_hover.png);}
.footermbb dl a:hover .weibots,.footermbb dl a:hover .qqbots,.sdkfootermbb dl a:hover .weibots,.sdkfootermbb dl a:hover .qqbots{ display:block;}

.varpic{ width:35px; height:35px; border-radius:50%; background-color:#e1e1e1;}
.haslogin{ position:relative; height:55px;z-index: 1000;}
.haslogin a.username{ float:left;max-width:105px; padding-top:5px; margin-left:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.varpic{ float:left;}
.haslogin i{ width:8px; height:5px; float:left; margin-left:10px; background:url(../../../image/img2.0/down.png); margin-top:15px;}
.sliderlogin{ width:170px;  position:absolute; right:0; top:51px; background-color:#fff; box-shadow:3px 3px 5px #000; display:none;}
.sliderlogin p{ height:40px; line-height:40px;}
.sliderlogin p:first-child{ border-bottom:1px solid #e1e1e1;}
.sliderlogin p a{ display:block; padding-left:25px; color:#666;}
.sliderlogin p a:hover{ background-color:#12aee1; color:#fff;}

/*导航 新加下拉*/
.navbar-nav > li{ position:relative;}

.nav-hasul{ position:absolute; left:0; top:70px; z-index:9999; width:130px; background-color:#bcbec0; padding-bottom:10px; display:none;}
.navbar-nav > li:hover .nav-hasul{ display:block;}
.navbar-nav > li:hover .nav-hasul p,.navbar-nav > li .nav-hasul p{ height:30px; line-height:30px;padding-top:5px;}
.navbar-nav > li:hover .nav-hasul p a,.navbar-nav > li .nav-hasul p a{border-bottom:0; padding-left:10px; color:#333;}
.navbar-nav > li:hover .nav-hasul p a:hover,.navbar-nav > li .nav-hasul p a:hover{ border-bottom:0; color:#0295c8;}



/*英文版底部*/
.foot_en{height:55px;background-color:#17242d;width:100%;}
.foot_en_cont{width:100%; max-width:940px; margin:0 auto;}

.foot_en_copy{float:left;color:#ccc;font-size:12px;line-height:55px;}
.foot_en_btn{float:right;}
.foot_en_btnone{cursor:pointer;float:left;margin-right:14px;width:27px;height:55px;background:url(../../../image/pc-img/en/foot-en-icon1.png) no-repeat center;}
.foot_en_btntwo{cursor:pointer;float:left;margin-right:14px;width:27px;height:55px;background:url(../../../image/pc-img/en/foot-en-icon4.png) no-repeat center;}
.foot_en_btnthree{cursor:pointer;float:left;margin-right:14px;width:27px;height:55px;background:url(../../../image/pc-img/en/foot-en-icon5.png) no-repeat center;}
.foot_en_btnfour{cursor:pointer;float:left;margin-right:14px;width:27px;height:55px;background:url(../../../image/pc-img/en/foot-en-icon3.png) no-repeat center;}
.foot_en_btnfive{cursor:pointer;float:left;width:27px;height:55px;background:url(../../../image/pc-img/en/foot-en-icon2.png) no-repeat center;}


@media screen and (min-width: 240px) and (max-width:960px){
	.foot_en{height:auto;background-color:#17242d;width:100%;}
	.foot_en_cont{width:100%;margin:0 auto;}
	.foot_en_copy{float:none;color:#ccc;font-size:12px;line-height:55px;text-align: center;}
	.foot_en_btn{float:none;line-height:55px; background-color: #17242d;text-align: center;}
	.foot_en_btn a{float:none;display:inline-block;zoom:1;*display:inline; *zoom:1;vertical-align:top;}
}


.foo_pl_section {
	padding-top: 50px;
	padding-bottom: 30px;
	background: #17242d;
}
.foo_pl_section.clearfix:after {
	content: "";
	display: table;
	clear: both;
}
.foo_pl_container {
	max-width: 940px;
	width: 100%;
	margin: 0 auto;
}
.foot_en {
	padding-top: 40px;
}
.foot_pl_cont p {
	font-size: 16px;
	color: #fff;
}
.foot_pl_cont h3 {
	font-size: 18px;
	font-weight: 600;
	color: #fff;
	margin: 0 0 12px;
}
.foot_pl_cont ul {}
.foot_pl_cont ul li {}

.foot_pl_cont p a,
.foot_pl_cont ul li a {
	font-size: 16px;
	color: #fff;
}
.foot_pl_cont ul li a:hover {
	text-decoration: underline;
}

@media (min-width: 768px) {
	.foot_pl .col-sm-3,
	.foot_pl .col-sm-6 {
		float: left;
		position: relative;
		min-height: 1px;
	}
	.foot_pl .col-sm-6 {
		width: 46%;
	}
	.foot_pl .col-sm-3 {
		width: 27%;
	}
}
/* CSS Document */
.pctcbox{ display:none;}
.pctcbox2{ display:none;}
#superContainer { height: 100%;  position: relative;}
.section { position: relative; overflow: hidden;} 
.section1{ background:url(../../../image/img2.0/indexbg.png) center 70px no-repeat #f1f1f5; padding-top:70px; width:100%;  background-size:contain;}

.section1cont{  padding-top:3rem; text-align:center;}
.section1cont dt img{}
.section1cont dd img{}
.section1cont dd{ margin-top:1.93rem;}
.line4{ width:65px; padding-top:20px; border-bottom:2px solid #dbdfe6; display:inline-block; overflow:hidden;}

.linkdd{ padding-top:20px;}
.linkdd a{ display:inline-block; width:178px; height:43px; border:2px solid #1cafe5; line-height:43px; border-radius:25px; font-size:22px; color:#1cafe5;}
.yun{ width:100%; background:url(../../../image/img2.0/yun.png) no-repeat center top; background-size:cover; height:20.12rem; position:absolute; left:0; bottom:0;}

.i1ipad{ position:absolute; top:14rem; left:50%; margin-left:-22.53rem;}

.section .container{  position:relative;}
.section1 .container{ height:100%;}
.tybt{ width:170px; height:170px; float:left;}
.tybt a{ display:block; font-size:16px; color:#12aee1; padding-top:105px; height:65px;}
.tybt a:hover{ color:#fff;}
.typebnt{ text-align:center; position:absolute; width:100%; bottom:130px; left:0; z-index:1000;}
.bnt1s{ margin-left:160px;}
.bnt2s{ margin-left:220px; margin-right:220px;}
.bnt1s a{ background:url(../../../image/img2.0/1s.png) no-repeat center center;}
.bnt1s a:hover{ background:url(../../../image/img2.0/1shover.png) no-repeat center center; background-size:cover;}
.bnt2s a{ background:url(../../../image/img2.0/2s.png) no-repeat center center; }
.bnt2s a:hover{ background:url(../../../image/img2.0/2shover.png) no-repeat center center; background-size:cover;}
.bnt3s a{ background:url(../../../image/img2.0/3s.png) no-repeat center center;}
.bnt3s a:hover{ background:url(../../../image/img2.0/3shover.png) no-repeat center center; background-size:cover;}

.typebnt2{ position:absolute; bottom:100px; width:100%; text-align:center;}

.tybt2{ width:91px; height:91px; display:inline-block;}
.bntt2s{ margin:0 160px;}
.tybt2 a{ display:block; height:91px;}
.bntt1s a{ background:url(../../../image/img2.0/c01.png) no-repeat center center; background-size:cover;}
.bntt1s a:hover,.bntt1s.onhover a{ background:url(../../../image/img2.0/c01h.png) no-repeat center center; background-size:cover;}
.bntt2s a{ background:url(../../../image/img2.0/c02.png) no-repeat center center; background-size:cover;}
.bntt2s.onhover a,.bntt2s a:hover{ background:url(../../../image/img2.0/c02h.png) no-repeat center center; background-size:cover;}
.bntt3s a{ background:url(../../../image/img2.0/c03.png) no-repeat center center; background-size:cover;}
.bntt3s.onhover a,.bntt3s a:hover{ background:url(../../../image/img2.0/c03h.png) no-repeat center center; background-size:cover;}

.section2{ padding-top:70px;}
.section2cont{  padding-top:60px; text-align:center; color:#666;}
.section2cont dt{ font-size:28px; font-weight:normal; padding-bottom:30px; }
.section2cont dd{ font-size:18px; line-height:36px;}

.sec2minbox01{ height:620px; background:url(../../../image/img2.0/indextep2bg.png) no-repeat center bottom;}
.windowsec{ width:550px; height:272px; margin:66px auto 0; position:relative;}
.windowsec i{ display:block; position:absolute;}
.imdw{ width:58px; height:58px; left:-150px; top:-20px;}
.imwb{ width:64px; height:64px; left:-30px; top:130px;}
.imip{ width:58px; height:58px; top:-30px; right:140px;}
.imjpg{ width:58px; height:58px; top:-50px; right:-140px;}
.impc{ width:72px; height:72px; top:35px; right:-45px;}
.imdoc{ width:43px; height:43px; top:160px; right:0px;}

.section3{ padding-top:70px;}
.section3cont{ padding-top:2.5rem; text-align:center; color:#666; font-size:20px;}
.index3mk{ width:256px; height:256px; float:left;}
.index3box{ padding-top:2.5rem;}
.wz{ font-size:16px; text-align:center; line-height:30px; color:#333; background-color:#f6f6f6;}
.wz p{ padding-left:38px; padding-right:38px; padding-top:30px;}

.section4{ margin-top:70px; width:100%; background-color:#f3f6f7;}
.index4bg{ background:url(../../../image/img2.0/index4bg.png) no-repeat center top; height:527px; background-size:cover;}
.section4cont{  padding-top:148px; text-align:center;}
.section4cont dt h2{ font-size:48px; height:48px; line-height:48px; color:#fff; font-weight:normal; }
.section4cont dt{ padding-bottom:20px;}
.section4cont dd{ font-size:24px; color:#fff; line-height:32px;}
.linkdd2{ padding-top:30px;}
.linkdd2 a{ display:inline-block; width:178px; height:43px; border:2px solid #12ade1; background-color:#12ade1; line-height:43px; border-radius:25px; font-size:22px; color:#fff;}
.linkdd a:hover{ color:#fff; background-color:#12ade1;}
.linkdd a:active{ color:#fff; background-color:#0295c8;}
.linkdd2 a:hover{ color:#fff; background-color:#0295c8;}
.line2{ width:53px; padding-top:20px; border-bottom:2px solid #0e90f8; display:inline-block; overflow:hidden;}
.hasmember{ padding-top:30px; font-size:22px; color:#fff;}
.hasmember a{ color:#12ade1;}



/*右侧隐蔽导航*/
#fullPage-nav { font-size: 12px; }
#fullPage-nav li { width:8px; height:8px; margin: 10px 0 0; vertical-align: middle;}
#fullPage-nav li a { float: right; width:8px; height:8px; color: #8F9DA4; text-decoration: none; text-align:right; background-color:#fff; border-radius:50%; border:1px solid #12aee1;}
#fullPage-nav li .active { background-color:#12aee1; border:1px solid #fff;}
#fullPage-nav span { display: none;}
.fullPage-tooltip { float: left; top: 0; margin-right: 5px; font: 12px "Microsoft Yahei"; color: #8F9DA4; line-height: 21px;}
#fullPage-nav {position: fixed;z-index: 100;margin-top: -32px;top: 50%; opacity: 1;}
#fullPage-nav.right { right: 17px;}
#fullPage-nav.left {left: 17px;}
.fullPage-slidesNav {position: absolute;z-index: 4;left: 50%;opacity: 1;}
.fullPage-slidesNav.bottom {bottom: 17px;}
.fullPage-slidesNav.top {top: 17px;}
#fullPage-nav ul,
.fullPage-slidesNav ul {margin: 0;padding: 0;}
#fullPage-nav li,
.fullPage-slidesNav li {display: block;width: 8px;height: 8px;margin:8px;position:relative;}
.fullPage-slidesNav li {display: inline-block;}
#fullPage-nav li a,
.fullPage-slidesNav li a {display: block;position: relative;z-index: 1;width: 100%;height: 100%;cursor: pointer;text-decoration: none;}
#fullPage-nav li .active span,
.fullPage-slidesNav .active span {background: #333;}
#fullPage-nav span,
.fullPage-slidesNav span {top: 2px;left: 2px;width: 8px;height: 8px;border: 1px solid #000;background: rgba(0, 0, 0, 0);-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;position: absolute;z-index: 1;}
.fullPage-tooltip {position: absolute;color: #fff; top: -2px;}
.fullPage-tooltip.right {right: 20px;}
.fullPage-tooltip.left {left: 20px;}


/*企业版*/
.barh2{ text-align:center; padding-top:60px; }
.barh2 h2{ font-size:30px;}
.qybanner{ height:565px; background:url(../../../image/img2.0/qybanner.png) no-repeat center top; }
.qybanner .container{ position:relative;}
.qybdt{ position:absolute; top:150px; right:100px;}
.contdes{ float:left; color:#fff; padding-top:200px; margin-left:20px;}
.contdes dt{}

.contdes dd{ padding-top:30px;}
.tsboxmin{ margin-left:-20px; padding-top:40px;}
.tsitem{ width:411px; height:298px; text-align:center; border:1px solid #dcdcdc; border-radius:5px; float:left; margin-top:20px; margin-left:20px;}
.tsitem dl{ padding-top:40px;}
.tsitem dl dt{}
.tsitem dl dd{ font-size:18px; line-height:30px; padding-top:28px; color:#666;}
.sbbox{ position:relative; height:730px; margin-top:94px;}
.sbboxleft{ position:absolute; left:0; width:50%; height:730px; background:url(../../../image/img2.0/do2.png) no-repeat right;}
.sbbox .sbboxleft.onbg{ background:url(../../../image/img2.0/do.png) no-repeat right;}
.sbboxright{ position:absolute; right:0; width:50%; height:730px; background:url(../../../image/img2.0/do2h.png) no-repeat left;}
.sbbox .sbboxright.onbg{ background:url(../../../image/img2.0/doh.png) no-repeat left;}
.sbcont{ z-index:10000; position:relative; color:#fff;}
.sbcont .line3{width:53px; padding-top:20px; border-bottom:2px solid #fff; display:inline-block; overflow:hidden;}
.linkdd3{ padding-top:18px;}
.linkdd3 a{ display:inline-block; width:178px; height:43px; border:2px solid #1cafe5; line-height:43px; border-radius:25px; font-size:22px; color:#1cafe5;}
.sbcont dl{ text-align:center; padding-top:95px;}
.sbleft{ width:50%; float:left;}
.sbcont dl .ftz30{ font-size:30px; line-height:48px; padding-top:30px;}
.sbcont dl .ftz14{ font-size:14px; line-height:30px; padding-top:10px; height:75px; overflow:hidden; }
.linkdd6{ padding-top:60px;}
.linkdd6 a{ display:inline-block; width:178px; height:43px; border:2px solid #1cafe5; color:#1cafe5; line-height:43px; border-radius:25px; font-size:22px;}

.sbbox:hover .sbcont a{ color:#fff; border:2px solid #fff;}
.qylist{ padding-top:78px;}
.qylist ul{ margin-left:-20px;}
.qylist ul li{ width:400px; height:240px; background-color:#fff; float:left; margin-top:20px; margin-left:20px; text-align:center;}
.qylist ul li p{ height:240px; width:400px; text-align:center; display:table-cell; vertical-align:middle;  }
.hzqy{ background-color:#f3f3f3; overflow:hidden; padding-bottom:102px;}


/*电脑版*/
.pcheader{ border-bottom:1px solid #6f706f;}
.pcheaderbg{ background-color:#454544;}
.pcheader a{ color:#fff;}
.pcheader .navbar-brand{ background:url(../../../image/img2.0/logo2.png) no-repeat center center;}
.pcbanner{ background:url(../../../image/img2.0/pcbanner.png) no-repeat center center; background-size:cover; height:663px;}
.pcdes{ padding-top:85px;}
.pcdes dl{ text-align:center; color:#fff;}
.pcdes dl dt{ font-size:50px; height:50px; line-height:50px;}
.pcdes dl dt .pct01{ font-family:"兰亭特黑简"; padding-right:45px; font-weight:bolder;}
.pcdes dl dd{ font-size:18px; padding-top:35px;}
.downlink{}
.downlink a{ width:190px; height:45px; border-radius:30px; background-color:#12aee1; display:inline-block; color:#fff; line-height:45px; margin:0 10px;}
.win{ display:inline-block; width:26px; height:26px; vertical-align:middle; background:url(../../../image/img2.0/win.png) no-repeat; margin-right:10px;}
.pcimg{ position:absolute; width:100%; text-align:center; left:0; top:400px;}
.pctsbox{ height:800px; background-color:#7cc25a; margin-top:100px;}
.pctsimg{ float:left; padding-top:115px;}
.proditem{ padding-bottom:20px; overflow:hidden;}
.proditem .prodinfo{ color:#666;}
.proditem .prodinfo dt{ font-size:30px; line-height:48px;}
.proditem .prodinfo dd{ font-size:18px; line-height:28px; margin-top:30px;}
.pr01 .prodimg{ float:right;}
.pr01 .prodinfo{ float:left; text-align:left; width:52%; padding-top:190px;}
.pr02 .prodimg{ float:left;}
.pr02 .prodinfo{ float:right; text-align:left; width:50%; padding-top:65px;}
.prodbox{ padding-top:145px;}
.mrt30{ margin-top:30px;}
.pctsinfo{ float:left; margin-left:60px; color:#fff; width:30%;}
.pctsinfo dl{ margin-top:35px;}
.pctsinfo dl dt{ font-size:24px;}
.pctsinfo dl dt img{ vertical-align:middle; margin-right:15px;}
.pctsinfo dl dd{ font-size:16px; line-height:30px; padding-top:15px;}
.doownbox{ background:url(../../../image/img2.0/downbg.png) no-repeat center center; height:680px; background-size:cover;}
.downitem{ width:45%; float:left; position:relative; margin-top:110px; margin-left:40px;}
.downitem dl{ color:#fff; text-align:center; position:relative; z-index:1000; margin-top:50px; padding-top:80px; height:185px; border:1px solid #777;}
.downitem dl dt{ font-size:24px;font-weight:bold;}
.downitem dl dd{ font-size:14px; line-height:30px; padding-top:15px;}
.linkdd4{ padding-top:20px;}
.linkdd4 a{ display:inline-block; width:160px; height:40px; border:1px solid #1cafe5; line-height:40px; border-radius:25px; font-size:18px; color:#12aee1;}
.linkdd4 a:hover{ color:#fff; background-color:#12aee1;}
.downctms{ width:100%; height:265px; background-color:#777; opacity:0.1;  position:absolute; left:0; top:50px;}
.downimg{ position:absolute; width:100%; top:0; left:0; text-align:center; z-index:8000;}
.downitem:hover .downctms{ background-color:#12aee1;}
.downitem:hover dl{ border:1px solid #12aee1;}

/*网页版*/
.webbanner{ height:662px; background:url(../../../image/img2.0/webbannerimg.png) repeat-x left bottom; position:relative;}
.webbanner .container{ height:662px; position:relative;}
.webdes{ padding-top:200px; float:left;}
.webdes dl{  color:#fff;}
.webdes dl dt{ font-size:50px; height:50px; line-height:50px; color:#333;}
.webdes dl dt .pct01{ font-family:"兰亭特黑简"; padding-right:33px; font-weight:bolder;}
.webdes dl dd{ font-size:22px; padding-top:35px; color:#666;}
.weblink{}
.weblink a{font-size:16px; width:145px; text-align:center; height:40px; border-radius:30px; border:1px solid #12aee1; color:#12aee1; background-color:#fff; display:inline-block;  line-height:40px; margin-right:20px;}
.weblink a:hover,.weblink a.activelink{ background-color:#12aee1; color:#fff;}
.webimg{ position:absolute; width:640px; height:428px; right:30px; bottom:-80px;}
.webtsimg{ float:left; padding-top:80px; }
.webtsbox{ background-color:#45da77; /* height:865px; */ margin-top:100px;padding-bottom:20px}
.section5{ background:url(../../../image/pc-img/en/webye.jpg) no-repeat center center; margin-top:70px; background-size:cover; width:100%;}
.webfast2{background:url(../../../image/pc-img/en/webye.jpg) no-repeat center center; height:662px;}
.webpf{ position:absolute; right:0; top:20px; background:url(../../../image/img2.0/webpf.png) no-repeat right top; width:792px; height:434px;}
.opleft{ float:left; width:35px; margin-top:50px; cursor:pointer;}
.opright{ float:right; width:35px; margin-top:50px; cursor:pointer;}
.opentcont{}
.opentcont ul{ padding-top:30px; float:left;}
.opentcont ul li{ float:left; width:172px; height:172px; overflow:hidden; margin-left:20px;  background:#fafaff;}
.opentcont ul li img{ width:172px; height:111px;}
.opentcont ul li .txt{ border:1px solid #e0e0e0; padding:0 10px 5px 10px;}
.opentcont ul li h2{ font-size:14px; color:#333; padding-top:5px; height:25px; line-height:25px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.opentcont ul li p{ font-size:14px; color:#999;}
.opentlbox{ width:1060px; height:277px; background-color:#fff; box-shadow:8px 8px 30px #dbdbdb,-8px -8px 30px  #dbdbdb;  position:absolute; display:none; z-index:1000; left:50%; top:50%; margin:-137px 0 0 -530px;}
.close{ background:url(../../../image/img2.0/close.png) no-repeat; width:24px; height:24px; position:absolute; right:20px; top:14px;}
.close a{ display:block; height:24px; cursor:pointer;}
.opentls{ color:#333; font-size:18px; text-align:center; line-height:50px; border-bottom:1px solid #e5e5e5;}


.ladaycont{ width:890px; height:620px; position:fixed; left:50%; top:50%; margin-left:-445px; margin-top:-310px; background-color:#fff; z-index:100001; display:none;}
.laday{ width:100%; height:100%; position:fixed; left:0; top:0; background-color:#000; opacity:0.7; z-index:100000; display:none;}
.laday2{ width:100%; height:100%; position:fixed; left:0; top:0; background-color:#000; opacity:0.7; z-index:100000; display:none;}
.ladayconttop{ line-height:40px; height:40px; border-bottom:1px solid #e0e0e0; padding:0 20px; font-size:16px; color:#666;}
.ladayconttop a{ float:right; font-size:30px; color:#b9c3cd;}
.ladycontbox{ font-size:14px; color:#666; height:580px;  overflow:hidden; overflow-y:auto; line-height:30px;}
.ladycontbox p{ padding:10px 0;}
.ladycontboxmin{ padding:0 25px;}

.webkeynav{ text-align:center; position:absolute; width:100%; height:4px; bottom:40px; z-index:999;}
.webkeynav span{ width:60px; height:4px; background-color:#4b425b; display:inline-block; margin:0 5px; cursor:pointer;}
.webkeynav span.onm{ background-color:#12aee1;}



/*下载*/
.section6{ background:url(../../../image/img2.0/downbgs.png) no-repeat center center; background-size:cover; width:100%; margin-top:70px;}
.downitembox{ width:375px; height:440px; background-color:#fff; border-radius:4px; text-align:center; float:left; margin-left:20px;}
.downitembox:nth-child(2){ margin-left:40px;}
.downitembox:hover{ box-shadow:3px 3px 3px 3px #12aee1,-3px -3px 3px 3px #12aee1;}
.downdesm{ padding:50px 0 40px; font-size:24px; color:#fff; text-align:center;}
.downimgs{ margin-top:40px;}
.downtitle{ font-size:20px; color:#666; padding-top:20px;}
.downdes{ font-size:14px; line-height:24px; color:#666; padding:15px 40px;}
.downstylink{ height:73px; margin-bottom:10px;}
.downstylink a{ width:190px; height:45px; border-radius:30px; font-size:16px; background-color:#12aee1; display:inline-block; color:#fff; line-height:45px; vertical-align:middle;}
.phonelinks a{ margin-right:68px; text-align:center;}
.downss{ line-height:20px;}
.downss span{ font-size:12px;}
.dador{ background:url(../../../image/img2.0/dadros.png) no-repeat; width:22px; height:26px; display:inline-block; vertical-align:middle; margin-right:11px;}
.diphon{ background:url(../../../image/img2.0/diphon.png) no-repeat; width:22px; height:25px; display:inline-block; vertical-align:text-bottom; float:left; margin-top:10px; margin-left:25px;}
.dalink{background:url(../../../image/img2.0/dlink.png) no-repeat; width:26px; height:26px; display:inline-block; vertical-align:middle; margin-right:11px;}
.downstylink img{ margin-left:10px; vertical-align:middle;}
.sliderb{ width:17px; height:12px; background:url(../../../image/img2.0/sliuder.png) no-repeat; position:absolute; left:50%; margin-left:-14px; z-index:999999; bottom:100px;}

/*手机版*/
.phonebanner{ height:800px; background:url(../../../image/img2.0/phonebannerbg.png) no-repeat center top; background-size:cover; position:relative;}
.phonedes{ padding-top:200px; float:left; margin-left:40px;}
.phonedes dl{  color:#fff;}
.phonedes dl dt{ font-size:50px;  line-height:70px;}
.phonedes dl dt .pct01{ font-family:"兰亭特黑简"; padding-right:31px; font-weight:bolder;}
.phonedes dl dd{ font-size:18px; padding-top:35px; line-height:30px;}
.phonelinks{ padding-top:55px; height:45px;}
.phonedes dl dd.phoneimgst{ padding-top:10px;}
.phoneimgst img{ margin-left:40px; margin-right:100px;}
.phoneimg{ width:667px; height:565px; position:absolute; bottom:0; right:85px;}
.phonetsbox{ height:935px; background:url(../../../image/img2.0/mobilebg.png) no-repeat center bottom #ecf3f5; margin-top:50px;}
.minnavp{ width:350px; float:left; margin-top:195px;}
.phonebox{ width:308px; height:594px; float:left; background:url(../../../image/img2.0/phonebox.png) no-repeat center top; margin:148px 128px 0;}
.phonenavt{ height:152px; color:#666; position:relative; margin-bottom:20px;}
.phonenavt dl{ padding:15px 18px;}
.phonenavt dt{ font-size:20px; height:42px; line-height:42px; background-repeat:no-repeat;}
.phonenavt dd{ font-size:14px; line-height:30px; }
.phoneleft{ text-align:right;}
.phoneleft dt{ padding-right:56px; background-position:right center;  }
.phoneright dt{ padding-left:56px; background-position:left center; }
.pt01{ background-image:url(../../../image/img2.0/t01.png); }
.pt02{ background-image:url(../../../image/img2.0/t02.png); }
.pt03{ background-image:url(../../../image/img2.0/t03.png); }
.pt04{ background-image:url(../../../image/img2.0/t04.png); }
.pt05{ background-image:url(../../../image/img2.0/t05.png); }
.pt06{ background-image:url(../../../image/img2.0/t06.png); }
.phonecontimg{ width:247px; height:438px;  margin:71px 0 0 35px;}
.bj{ width:0;height:0;border-top:12px solid transparent; border-right: 12px solid #12aee1; border-bottom: 12px solid transparent; position:absolute; top:60px; left:-12px; display:none; }
.bj2{ width:0;height:0;border-top:12px solid transparent; border-left: 12px solid #12aee1; border-bottom: 12px solid transparent; position:absolute; top:60px; right:-12px; display:none; }
.phonenavt:hover,.phonenavt.hoverbs{ background-color:#12aee1; color:#fff;}
.phonenavt:hover .bj2,.phonenavt:hover .bj,.phonenavt.hoverbs .bj2,.phonenavt.hoverbs .bj{ display:block;}
.phonenavt:hover .pt01{ background-image:url(../../../image/img2.0/t01h.png);}
.phonenavt:hover .pt02{ background-image:url(../../../image/img2.0/t02h.png);}
.phonenavt:hover .pt03{ background-image:url(../../../image/img2.0/t03h.png);}
.phonenavt:hover .pt04{ background-image:url(../../../image/img2.0/t04h.png);}
.phonenavt:hover .pt05{ background-image:url(../../../image/img2.0/t05h.png);}
.phonenavt:hover .pt06{ background-image:url(../../../image/img2.0/t06h.png);}

.windowsec i:hover{ -webkit-animation: scal 1s ease infinite; animation: scal 1s ease infinite;}
@keyframes scal {
    0% { -webkit-transform: scale(1); transform: scale(1); }
	50%{ -webkit-transform: scale(1.3); transform: scale(1.3); }
	100% { -webkit-transform: scale(1); transform: scale(1); }
}
.sec2minboxt01{ height:620px; background:url(../../../image/img2.0/indextep2bg.png) no-repeat center bottom; background-size:100% auto;}
.sec2minboxt01 .container{background:url(../../../image/img2.0/contsen2.png) no-repeat center 190px; }
.sec2minboxt02{ height:620px; background:url(../../../image/img2.0/indexts2.png) no-repeat center center;}
.windowsec2{ position:relative;}
.windowsec2 i{ display:block; position:absolute;}
.ts01{ left:815px; top:80px;}
.ts02{ left:346px; top:79px;}
.ts03{ left:466px; top:92px;}
.ts05{ left:831px; top:136px;}
.ts06{ left:417px; top:121px;}
.ts07{ left:602px; top:130px;}
.ts08{ left:498px; top:150px;}
.ts09{ left:675px; top:187px;}
.windss{ width:607px; height:237px;}
.windowsec3{width:607px; height:237px; margin-left:auto; margin-right:auto; margin-top:50px;  text-align:center; position:relative;}
.sec2minboxt03{ height:620px; }
.windowsec3 i{ position:absolute; }
.xs01{left:0px; top:125px;}
.xs02{left:20px; top:187px;}
.xs03{left:98px; top:105px;}
.xs04{left:458px; top:140px;}
.xs05{left:539px; top:188px;}

.downdsm{ text-align:center; color:#fff; padding-top:115px;}
.downdsm h2{ height:30px; line-height:30px; font-size:30px;}
.webtss{ margin-top:0px;}

.navm{ width:65px; height:65px; position:absolute; top:50%; margin-top:-32px; cursor:pointer; line-height:60px; background-color:#000;}
.prev{ left:100px; background:url(../../../image/img2.0/pr.png) no-repeat;}
.prev:hover{ background:url(../../../image/img2.0/prh.png);}
.next{ right:100px; background:url(../../../image/img2.0/nx.png) no-repeat;}
.next:hover{ background:url(../../../image/img2.0/nxh.png) no-repeat;}
.weibots{ background-color:#bcbec0; width:114px; height:109px; position:absolute; left:-35px; top:-120px; text-align:center; display:none;}
.qqbots{ background-color:#bcbec0; width:154px; height:74px; line-height:74px; position:absolute; left:-50px; top:-87px; text-align:center; font-size:16px; color:#000; display:none;}
.weibots img{ margin-top:13px;}
.tsb{ width: 0; height: 0; border-left: 8px solid transparent;  border-right: 8px solid transparent; border-top: 8px solid #bcbec0; position:absolute; left:50%; margin-left:-6px; bottom:-8px;}

@media (max-height:790px) {
  .i1ipad{ margin-left:-180px;}
  .i1ipad img{ height:200px;}
  .yun{ height:210px;}
  .tybt{ width:80px; height:80px;}
  .bnt1s{ margin-left:300px;}
  .tybt a{ padding-top:45px; height:35px; font-size:12px; background-size:cover;}
  .sliderb{ margin-left:-9px;}	
  .tybt2{ width:50px; height:50px;}
  .tybt2 a{ height:50px;}
  .typebnt2{ bottom:80px;}
  .windowsec{ margin-top:40px;}
  .sec2minboxt01{ height:530px;}
  .sec2minboxt02{ height:530px;}
  .index3box{ padding-top:1rem;}
  .section3cont{ padding-top:1rem;}
}
/*@media screen (min-width:1400px){
  .section1{ background-size:auto auto;
}*/

.scrollpic{max-width:1000px; min-height:200px; margin:20px auto;  }
#myscroll{display:block; width:960px; height:278px; position:relative; overflow:hidden; float:left;}
#myscroll #myscrollbox{display:block; float:left; position:absolute; left:0; top:0; width:1000000px;}
#mybtns a:hover{background-color: #d7000f;}
#mybtns a:hover, #myscroll, #mybtns a,#myscroll a:hover .intro, #myscroll a .intro,#myscroll #myscrollbox{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.prodboxauto{ display:none;}
.webdes dl dd.weblinkauto{ display:none;}
.navbar-menu{ display:none;}
.navbar-auto{ display:none;}
.webdes dl dt img{width:80%;max-width:555px;}
@media screen and (min-width: 961px) and (max-width:1230px){
	.navbar-brand{width:37rem;background-size:100%;}
	
}
@media screen and (min-width: 1231px){
	
	.webdes dl dd.en_webdes_text{width:80%;}
}
@media screen and (min-width: 1100px) and (max-width:1230px){
	
	.webdes dl dd.en_webdes_text{width:80%;font-size:20px;}
}
@media screen and (min-width: 961px) and (max-width:1100px){
	.en_webdes_text{width:60%;font-size:18px;}
}
@media screen and (min-width: 240px) and (max-width:960px){
	.navbar{ height:4rem;}
	.navbar-header{ margin-left:1rem;}
	.navbar-brand{ width:10rem; background-size:contain;}
	.navbar-collapse{ display:none;}
	.navbar-auto{ display:block; float:right; padding-top:1rem;}
	.navbar-nav > li > a{font-size:12px;}
	.navbar-right a{font-size:12px;}
	.haslogin a.username{ float:left; width:90px;}
	.webbanner{ height:40rem; background-image:none;}
	.webbanner .container{ height:auto;}
	.webdes{ float:none; padding-top:3.5rem; text-align:center;}
	.webdes dl dt img{ width:70%;}
	.webdes dl dd{ font-size:1.2rem; line-height:2.3rem; padding:1.5rem 1rem 0;}
	.en_webdes_text{width:auto;}
	.webdes dl dd.weblink{ display:none;}
	.webdes dl dd.weblinkauto{ display:block; padding-left:0; padding-right:0; padding-top:.5rem;}
	.webdes dl dd.weblinkauto a{ width:28%; display:inline-block; border-radius:20px; margin-right:0.7rem; height:1.8rem; line-height:1.8rem; font-size:14px; background-color:#12aee1; color:#fff;}
	.webpf{ width:100%; height:14rem; background-size:contain; top:20rem; z-index:1000;}
	.webkeynav{ display:none;}
	.webimg{ width:100%; text-align:center; right:0; bottom:-35rem; z-index:999;}
	.webimg img{ width:90%;}
	.prodbox{ padding-top:3rem;}
	.prodboxauto{ display:block;}
	.prodbox{ display:none;}
	.proditem{ text-align:center;}
	.prodimgauto img{ width:60%;}
	.prodinfoauto{ padding-top:2rem;}
	.prodinfoauto dt{ font-size:1.5rem; padding-left:1.8rem; padding-right:1.8rem; line-height:2.5rem;}
	.prodinfoauto dd{ font-size:1rem; padding:1rem 1.8rem;}
	.webtsimg{ float:none; text-align:center;padding-top:3rem;}
	.webtsimg img{ width:90%; }
	.pctsinfo{ float:none; width:88%; padding-top:0; margin-left:2rem;}
	.webtss{ margin-top:3rem;}
	.pctsinfo dl{ margin-top:2rem;}
	.doownbox{ display:none;}
	.footermbb{ display:none;}
	.footerkf{ width:45%; margin-left:1rem; padding-top:0rem;}
	.footerlogo{ width:30%; margin-left:1.5rem; margin-top:4rem;}
	.footerkf dl{ float:none; width:100%; margin-top:2rem;}
	.footerkf dl dt{ width:2.5rem; height:1.5rem; background-size:contain;}
	.footerkf dl dd{ margin-left:2.7rem; padding-left:0.5rem; }
	.footerkf dl dd p{ padding-top:0.5rem;}
	.footbot p:first-child{ display:none;}
	.footbot p{ font-size:0.5rem; padding:0 3rem;}
	.footetop{ height:11rem;}
	.navbar-auto a{ display:inline-block; }
	.loginlink{ width:4.5rem; height:1.5rem; line-height:1.5rem; text-align:center; color:#fff; background-color:#12aee1; border-radius:0.8rem; margin-top:.2rem; float:left; margin-right:2rem;}
	.menuzk{ width:1.8rem;  height:1.8rem; background:url(../../../image/img2.0/menu.png) no-repeat center center; background-size:contain;float:right; margin-right:1.5rem;}
	.menuclose{ width:1.4rem;  height:1.4rem; background:url(../../../image/img2.0/menuclose.png) no-repeat center center; background-size:contain;float:right; margin-top:.2rem; margin-right:1.5rem;}
	.navbar-menu{ position:absolute; top:4rem; right:0; width:9rem; background-color:#333; opacity:0.9; z-index:10000; display:none;}
	.navbar-menu ul{}
	.navbar-menu ul li{ height:2.5rem; line-height:2.5rem; margin-top:1rem;}
	.navbar-menu ul li a{ color:#fff; padding-left:1.5rem;}
	.navbar-menu ul li.current{ border-left:2px solid #12aee1;}
	.navbar-menu ul li.current a{ color:#12aee1;}
	.muenautonav{ background-color:#535353;}
	
	.pctcbox{ width:90%; background-color:#fff; position:fixed; height:11rem; left:50%; top:50%; margin-left:-45%; margin-top:-5.5rem; z-index:999999; display:none;}
	.pctcbox2{ width:90%; background-color:#fff; position:fixed; height:11rem; left:50%; top:50%; margin-left:-45%; margin-top:-5.5rem; z-index:999999; display:none;}
	.pctsm{ font-size:1.5rem; color:#666; text-align:center; padding-top:1rem;}
	.pctsm2{ font-size:1rem; color:#666; text-align:center; padding-top:1rem;}
	.pctsmweb{ font-size:1.5rem; color:#15a9f5; text-align:center; padding-top:1.2rem;}
	.ladayconttopauto{ text-align:right; font-size:3rem; padding:1.5rem 1.5rem 0 0;}
	.ladayconttopauto a{ color:#b9c3cd;}
	
}

/*私有云*/
.cl{ clear:both;}
.private_banner{ background:url(../../../image/img2.0/lantiao.jpg) repeat-x #00bcbb; position:relative; width:100%; height:483px; clear:both; text-align:center;}
.private_banner span{ background:url(../../../image/img2.0/bannertu.jpg) no-repeat center top; width:892px; height:403px; margin:0 auto; background-size:cover; display:block;}
.private_banner .text{ position:absolute; left:0; width:100%; color:#fff; bottom:40px; z-index:10;}
.private_banner .text h1{ font-size:40px; line-height:45px; margin-bottom:20px; }
.private_banner .text p{ font-size:16px; line-height:30px;}

.jishu{ width:1080px; margin:0 auto; padding:60px 0; overflow:hidden;}
.jishu ul{ float:left; width:700px; font-size:16px; line-height:28px; margin-top:65px;}
.jishu ul h1{ font-size:26px; font-weight:bold; line-height:30px; margin-bottom:20px;}
.jishu .pic{ float:right;}

.siyou{ width:100%; background:#e0ffff; padding:60px 0; clear:both;}
.siyou .con{ width:1080px; margin:0 auto;  overflow:hidden;}
.siyou .con ul{ float:right; width:700px; font-size:16px; line-height:28px; margin-top:65px;}
.siyou .con ul h1{ font-size:26px; font-weight:bold; line-height:30px; margin-bottom:20px;}
.siyou .con .pic{ float:left;}

.away{ width:1150px; margin:0 auto; padding-bottom:70px;}
.away ul{ width:465px; overflow:hidden; float:left; margin-top:70px;}
.away ul:nth-child(2n){ float:right;}
.away ul h1{ font-size:20px; font-weight:bold; line-height:39px; margin-bottom:10px;}
.away ul p{ font-size:14px; line-height:24px;}
.away ul i{ width:39px; height:39px; display:inline-block; margin-right:10px; vertical-align:-12px;}
.away ul i.b1{ background:url(../../../image/img2.0/tubiao_15.jpg) no-repeat;}
.away ul i.b2{ background:url(../../../image/img2.0/tubiao_18.jpg) no-repeat;}
.away ul i.b3{ background:url(../../../image/img2.0/tubiao_22.jpg) no-repeat;}
.away ul i.b4{ background:url(../../../image/img2.0/tubiao_23.jpg) no-repeat;}
.away ul i.b5{ background:url(../../../image/img2.0/tubiao_26.jpg) no-repeat;}
.away ul i.b6{ background:url(../../../image/img2.0/tubiao_27.jpg) no-repeat;}

.scene{ background:#f1f1f1; padding:70px 0 40px 0; clear:both; width:100%;}
.scene h1{ font-size:24px; font-weight:bold; line-height:30px; text-align:center; background:url(../../../image/img2.0/chj_31.jpg) center bottom no-repeat; padding-bottom:30px;}
.scene .con{ width:1116px; margin:0 auto;}
.scene .list{ width:312px; overflow:hidden; position:relative; overflow:hidden; float:left; margin:50px 30px; }
.scene .list .pic{ width:100%;  overflow:hidden;}
.scene .list .pic span{ display:block; width:100%; height:172px;transition:all .3s ease-in;}
.scene .list:hover span{ transform:scale(1.1);}
.scene .list .txt{ position:absolute;  width:100%; height:100%; background:rgba(0,0,0,.65); left:0; top:0; z-index:10; color:#fff; transition:all .3s ease-in; opacity:0;}
.scene .list .txt.you{ opacity:1;}
.scene .list .txt h2{ font-size:14px;  padding:0 15px; margin-top:30px; margin-bottom:5px;}
.scene .list .txt p{ padding:0 15px;}

@media screen and (max-width:1170px){
	.away{ width:90%;}
	.away ul{ width:45%;}
	.scene .con{ width:90%;}
	.scene .list{ width:30.3333%; margin:50px 1.5%;}
}

@media screen and (max-width:1110px){
	.jishu{ width:90%;}
	.jishu ul{ width:70%;}
	.jishu .pic{ width:25%;}
	.siyou .con{ width:90%;}
	.siyou .con ul{ width:70%;}
	.siyou .con .pic{ width:25%;}
	.away ul{ height:120px; margin-top:50px;}
	.webdes dl dt img{ width:70%;}
}

@media screen and (max-width:900px){
	.private_banner .text{ width:90%; left:50%; margin-left:-45%;}
	.private_banner span{ width:100%;}
	.jishu ul{ margin-top:0;}
	.siyou .con ul{ margin-top:0;}
	.away ul h1{ font-size:16px;}
}

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

	.jishu ul{ width:60%; font-size:14px;}
	.jishu ul h1{ font-size:20px; line-height:24px; margin-bottom:10px; }
	.jishu .pic{ width:35%;}

	.siyou .con ul{ width:60%; font-size:14px;}
	.siyou .con ul h1{ font-size:20px; line-height:24px; margin-bottom:10px; }
	.siyou .con .pic{ width:35%;}
	.away{ padding-bottom:30px;}
	.away ul h1{ font-size:20px;}
	.away ul{ width:100%; height:auto;  float:none; margin-top:30px;}
	.away ul:nth-child(2n){ float:none;}
	.scene .list{ width:46%; margin:30px 2%;}
}
@media screen and (max-width:500px){
	.private_banner .text p{ font-size:14px; line-height:26px;}
	.scene .list{ width:100%; margin:30px 0; float:none;}
	.scene .list:hover .pic{ transform:scale(1);}
	.scene .list .txt{ padding:15px 0; opacity:1; color:#000; overflow:hidden; height:auto; position:relative; background:#fff;}
	.scene .list .txt h2{ margin-top:0;}
	.scene .list .pic span{ height:220px;}

	.jishu ul{ width:100%; font-size:16px; float:none; margin-top:30px;}
	.jishu .pic{ width:80%; margin:0 auto; text-align:center; float:none;}
	.siyou .con ul{ width:100%; font-size:16px; float:none; margin-top:30px;}
	.siyou .con .pic{ width:80%; margin:0 auto; text-align:center; float:none;}
	.scene .list .txt h2{ font-size:16px; font-weight:bold;}
	.scene .list .txt p{ font-size:14px; line-height:28px;}
}
@media screen and (max-width:430px){
	.private_banner span{ height:350px;}
	.scene .list .pic span{ height:200px;}
}

@media screen and (max-width:380px){
	.private_banner span{ height:320px;}
	.jishu ul h1{ font-size:18px;}
	.siyou .con  ul h1{ font-size:18px;}
.webdes dl dd.weblinkauto a{ width:29%;margin-right:0.2rem;font-size:12px;}
	
}
/* animation sets */

/* move from / to  */

.pt-page-moveToLeft {
	-webkit-animation: moveToLeft .6s ease both;
	animation: moveToLeft .6s ease both;
}

.pt-page-moveFromLeft {
	-webkit-animation: moveFromLeft .6s ease both;
	animation: moveFromLeft .6s ease both;
	animation-delay:1.5s;
}

.pt-page-moveFromLeftone {
	-webkit-animation: moveFromLeft .6s ease both;
	animation: moveFromLeft .6s ease both;
	animation-delay:.3s;
}

.pt-page-moveToRight {
	-webkit-animation: moveToRight .6s ease both;
	animation: moveToRight .6s ease both;
}

.pt-page-moveFromRight {
	-webkit-animation: moveFromRight .6s ease both;
	animation: moveFromRight .6s ease both;
	animation-delay:1.5s;
}

.pt-page-moveFromRightone {
	-webkit-animation: moveFromRight .6s ease both;
	animation: moveFromRight .6s ease both;
	animation-delay:.3s;
}

.pt-page-moveToTop {
	-webkit-animation: moveToTop .6s ease both;
	animation: moveToTop .6s ease both;
}

.pt-page-moveFromTop {
	-webkit-animation: moveFromTop .6s ease both;
	animation: moveFromTop .6s ease both;
}

.pt-page-moveToBottom {
	-webkit-animation: moveToBottom .6s ease both;
	animation: moveToBottom .6s ease both;
}

.pt-page-moveFromBottom {
	-webkit-animation: moveFromBottom .6s ease both;
	animation: moveFromBottom .6s ease both;
}

.pt-page-moveFromBottom1s {
	-webkit-animation: moveFromBottom .6s ease both;
	animation: moveFromBottom .6s ease both;
	animation-delay:1s;
}

.pt-page-moveFromBottom2s {
	-webkit-animation: moveFromBottom .6s ease both;
	animation: moveFromBottom .6s ease both;
	animation-delay:2s;
}
.pt-page-moveFromBottom3s {
	-webkit-animation: moveFromBottom .6s ease both;
	animation: moveFromBottom .6s ease both;
	animation-delay:3s;
}


/* fade */

.pt-page-fade {
	-webkit-animation: fade 1.7s ease both;
	animation: fade 1.7s ease both;
	animation-delay:1s;
}
.pt-page-fade3s {
	-webkit-animation: fade 1.7s ease both;
	animation: fade 1.7s ease both;
	animation-delay:2.5s;
}

.pt-page-fade2s {
	-webkit-animation: fade 1.7s ease both;
	animation: fade 1.7s ease both;
	animation-delay:1s;
}

/* move from / to and fade */

.pt-page-moveToLeftFade {
	-webkit-animation: moveToLeftFade .7s ease both;
	animation: moveToLeftFade .7s ease both;
}

.pt-page-moveFromLeftFade {
	-webkit-animation: moveFromLeftFade .7s ease both;
	animation: moveFromLeftFade .7s ease both;
}

.pt-page-moveFromLeftFade2s {
	-webkit-animation: moveFromLeftFade .7s ease both;
	animation: moveFromLeftFade .7s ease both;
	animation-delay:2s;
}

.pt-page-moveToRightFade {
	-webkit-animation: moveToRightFade .7s ease both;
	animation: moveToRightFade .7s ease both;
}

.pt-page-moveFromRightFade {
	-webkit-animation: moveFromRightFade .7s ease both;
	animation: moveFromRightFade .7s ease both;
}

.pt-page-moveFromRightFade2s {
	-webkit-animation: moveFromRightFade .7s ease both;
	animation: moveFromRightFade .7s ease both;
	animation-delay:2s;
}

.pt-page-moveFromRightFade4s {
	-webkit-animation: moveFromRightFade .7s ease both;
	animation: moveFromRightFade .7s ease both;
	animation-delay:4s;
}

.pt-page-moveFromRightFade3s {
	-webkit-animation: moveFromRightFade .7s ease both;
	animation: moveFromRightFade .7s ease both;
	animation-delay:3s;
}


.pt-page-moveToTopFade {
	-webkit-animation: moveToTopFade .7s ease both;
	animation: moveToTopFade .7s ease both;
}

.pt-page-moveFromTopFade {
	-webkit-animation: moveFromTopFade .7s ease both;
	animation: moveFromTopFade .7s ease both;
}

.pt-page-moveToBottomFade {
	-webkit-animation: moveToBottomFade .7s ease both;
	animation: moveToBottomFade .7s ease both;
}

.pt-page-moveFromBottomFade {
	-webkit-animation: moveFromBottomFade 1s ease both;
	animation: moveFromBottomFade 1s ease both;
	animation-delay:1s;
}
.pt-page-moveFromBottomFadeks {
	-webkit-animation: moveFromBottomFade 1s ease both;
	animation: moveFromBottomFade 1s ease both;
}
.pt-page-moveFromBottomFadeb5 {
	-webkit-animation: moveFromBottomFade 1s ease both;
	animation: moveFromBottomFade 1s ease both;
	animation-delay:.5s;
}
.pt-page-moveFromBottomFade2s {
	-webkit-animation: moveFromBottomFade 1.5s ease both;
	animation: moveFromBottomFade 1.5s ease both;
	animation-delay:1.8s;
}
.pt-page-moveFromBottomFade3s {
	-webkit-animation: moveFromBottomFade .7s ease both;
	animation: moveFromBottomFade .7s ease both;
	animation-delay:2.6s;
}
.pt-page-moveFromBottomFade4s {
	-webkit-animation: moveFromBottomFade .7s ease both;
	animation: moveFromBottomFade .7s ease both;
	animation-delay:3.5s;
}

/* move to with different easing */

.pt-page-moveToLeftEasing {
	-webkit-animation: moveToLeft .7s ease-in-out both;
	animation: moveToLeft .7s ease-in-out both;
}
.pt-page-moveToRightEasing {
	-webkit-animation: moveToRight .7s ease-in-out both;
	animation: moveToRight .7s ease-in-out both;
}
.pt-page-moveToTopEasing {
	-webkit-animation: moveToTop .7s ease-in-out both;
	animation: moveToTop .7s ease-in-out both;
}
.pt-page-moveToBottomEasing {
	-webkit-animation: moveToBottom .7s ease-in-out both;
	animation: moveToBottom .7s ease-in-out both;
}

/*  iconUp & circle */
.pt-page-moveIconUp {
	-webkit-animation: moveIconUp ease 1.5s both infinite;
	animation: moveToBottom ease 1.5s both infinite;
}

.pt-page-moveCircle {
	-webkit-animation: moveCircle ease-in-out 1.2s both;
	animation: moveCircle ease-in-out 1.2s both;
}


/********************************* keyframes **************************************/

/* move from / to  */

@-webkit-keyframes moveToLeft {
	from { }
	to { -webkit-transform: translateX(-100%); }
}
@keyframes moveToLeft {
	from { }
	to { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
}

@-webkit-keyframes moveFromLeft {
	from { -webkit-transform: translateX(-100%); }
}
@keyframes moveFromLeft {
	from { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
}

@-webkit-keyframes moveToRight {
	from { }
	to { -webkit-transform: translateX(100%); }
}
@keyframes moveToRight {
	from { }
	to { -webkit-transform: translateX(100%); transform: translateX(100%); }
}

@-webkit-keyframes moveFromRight {
	from { -webkit-transform: translateX(100%); }
}
@keyframes moveFromRight {
	from { -webkit-transform: translateX(100%); transform: translateX(100%); }
}

@-webkit-keyframes moveToTop {
	from { }
	to { -webkit-transform: translateY(-100%); }
}
@keyframes moveToTop {
	from { }
	to { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
}

@-webkit-keyframes moveFromTop {
	from { -webkit-transform: translateY(-100%); }
}
@keyframes moveFromTop {
	from { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
}

@-webkit-keyframes moveToBottom {
	from { }
	to { -webkit-transform: translateY(100%); }
}
@keyframes moveToBottom {
	from { }
	to { -webkit-transform: translateY(100%); transform: translateY(100%); }
}

@-webkit-keyframes moveFromBottom {
	from { opacity:0; -webkit-transform: translateY(100%); }
}
@keyframes moveFromBottom {
	from {  opacity:0; -webkit-transform: translateY(100%); transform: translateY(100%); }
}

@-webkit-keyframes moveIconUp {
	0% { -webkit-transform: translateY(100%); opacity:0;}
	50% { -webkit-transform: translateY(0%); opacity:1;}
	100% { -webkit-transform: translateY(-100%); opacity:0;}
}
@keyframes moveIconUp {
	0% { -webkit-transform: translateY(100%); transform: translateY(100%); opacity:0;}
	50% { -webkit-transform: translateY(0%); transform: translateY(0%); opacity:1;}
	100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity:0;}
}

@-webkit-keyframes moveCircle {
	0% { -webkit-transform: translateY(-80%);-webkit-opacity:0.1;}
	5% { -webkit-transform: translateY(-80%);-webkit-opacity:0.3;}
	35% { -webkit-transform: translateY(10%);-webkit-opacity:1;}
	60% { -webkit-transform: translateY(-13%);}
	65% { -webkit-transform: translateY(-13%);}
	100% { -webkit-transform: translateY(0%);}
}

@keyframes moveCircle {
	0% { -webkit-transform: translateY(-80%);-webkit-opacity:0.1;
		transform: translateY(-80%);opacity:0.1;}
	5% { -webkit-transform: translateY(-80%);-webkit-opacity:0.3;
		transform: translateY(-80%);opacity:0.3;}
	35% { -webkit-transform: translateY(10%);-webkit-opacity:1;
		transform: translateY(10%);opacity:1;}
	60% { -webkit-transform: translateY(-13%);transform: translateY(-13%);}
	65% { -webkit-transform: translateY(-13%);transform: translateY(-13%);}
	100% { -webkit-transform: translateY(0%);transform: translateY(0%);}
}

/* fade */

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

/* move from / to and fade */

@-webkit-keyframes moveToLeftFade {
	from { }
	to { opacity: 0.3; -webkit-transform: translateX(-100%); }
}
@keyframes moveToLeftFade {
	from { }
	to { opacity: 0.3; -webkit-transform: translateX(-100%); transform: translateX(-100%); }
}

@-webkit-keyframes moveFromLeftFade {
	from { opacity: 0; -webkit-transform: translateX(-100%); }
}
@keyframes moveFromLeftFade {
	from { opacity: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); }
}

@-webkit-keyframes moveToRightFade {
	from { }
	to { opacity: 0.3; -webkit-transform: translateX(100%); }
}
@keyframes moveToRightFade {
	from { }
	to { opacity: 0.3; -webkit-transform: translateX(100%); transform: translateX(100%); }
}

@-webkit-keyframes moveFromRightFade {
	from { opacity: 0; -webkit-transform: translateX(100%); }
}
@keyframes moveFromRightFade {
	from { opacity: 0; -webkit-transform: translateX(100%); transform: translateX(100%); }
}

@-webkit-keyframes moveToTopFade {
	from { }
	to { opacity: 0.3; -webkit-transform: translateY(-100%); }
}
@keyframes moveToTopFade {
	from { }
	to { opacity: 0.3; -webkit-transform: translateY(-100%); transform: translateY(-100%); }
}

@-webkit-keyframes moveFromTopFade {
	from { opacity: 0.3; -webkit-transform: translateY(-100%); }
}
@keyframes moveFromTopFade {
	from { opacity: 0.3; -webkit-transform: translateY(-100%); transform: translateY(-100%); }
}

@-webkit-keyframes moveToBottomFade {
	from { }
	to { opacity: 0.3; -webkit-transform: translateY(100%); }
}
@keyframes moveToBottomFade {
	from { }
	to { opacity: 0.3; -webkit-transform: translateY(100%); transform: translateY(100%); }
}

@-webkit-keyframes moveFromBottomFade {
	from { opacity: 0; -webkit-transform: translateY(100%); }
}
@keyframes moveFromBottomFade {
	from { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); }
}

/* scale and fade */

.pt-page-scaleDown {
	-webkit-animation: scaleDown .7s ease both;
	animation: scaleDown .7s ease both;
}

.pt-page-scaleUp {
	-webkit-animation: scaleUp .7s ease both;
	animation: scaleUp .7s ease both;

}

.pt-page-scaleUpDown {
	-webkit-animation: scaleUpDown .5s ease both;
	animation: scaleUpDown .5s ease both;
}

.pt-page-scaleDownUp {
	-webkit-animation: scaleDownUp .5s ease both;
	animation: scaleDownUp .5s ease both;
}

.pt-page-scaleDownCenter {
	-webkit-animation: scaleDownCenter .4s ease-in both;
	animation: scaleDownCenter .4s ease-in both;
}

.pt-page-scaleUpCenter {
	-webkit-animation: scaleUpCenter .4s ease-out both;
	animation: scaleUpCenter .4s ease-out both;
}

/********************************* keyframes **************************************/

/* scale and fade */


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

@keyframes scale1 {
	0% { -webkit-transform: scale(0); transform: scale(0); }
	50%{ -webkit-transform: scale(1.3); transform: scale(1.3); }
	100% { -webkit-transform: scale(1); transform: scale(1); }
}

.pt-page-scale1 {
	-webkit-animation: scale1 1s ease both;
	animation: scale1 2s ease both;
	animation-delay:.7s;
}

.pt-page-scale2 {
	-webkit-animation: scale2 2s ease both;
	animation: scale1 2s ease both;
	animation-delay:1.5s;
}

.pt-page-scale3 {
	-webkit-animation: scale2 2s ease both;
	animation: scale1 2s ease both;
	animation-delay:2s;
}


.pt-page-scale4 {
	-webkit-animation: scale2 2s ease both;
	animation: scale1 2s ease both;
	animation-delay:2.3s;
}

.pt-page-scale5 {
	-webkit-animation: scale2 2s ease both;
	animation: scale1 2s ease both;
	animation-delay:2.6s;
}


@-webkit-keyframes scale2 {
	0% { -webkit-transform: scale(0); transform: scale(0); }
	10% { -webkit-transform: scale(1); transform: scale(1); }
	20% { -webkit-transform: scale(.9); transform: scale(.9); }
	30% { -webkit-transform: scale(1); transform: scale(1); }
	40% { -webkit-transform: scale(.9); transform: scale(.9); }
	50% { -webkit-transform: scale(1); transform: scale(1); }
	60% { -webkit-transform: scale(.9); transform: scale(.9); }
	70% { -webkit-transform: scale(1); transform: scale(1); }
	90% { -webkit-transform: scale(.9); transform: scale(.9); }
	100% { -webkit-transform: scale(1); transform: scale(1); }
}


@-webkit-keyframes scaleDown {
	from { }
	to { opacity: 0; -webkit-transform: scale(.8); }
}
@keyframes scaleDown {
	from { }
	to { opacity: 0; -webkit-transform: scale(.8); transform: scale(.8); }
}

@-webkit-keyframes scaleUp {
	from { opacity: 0; -webkit-transform: scale(.8); }
}
@keyframes scaleUp {
	from { opacity: 0; -webkit-transform: scale(.8); transform: scale(.8); }
}

@-webkit-keyframes scaleUpDown {
	from { opacity: 0; -webkit-transform: scale(1.2); }
}
@keyframes scaleUpDown {
	from { opacity: 0; -webkit-transform: scale(1.2); transform: scale(1.2); }
}

@-webkit-keyframes scaleDownUp {
	from { }
	to { opacity: 0; -webkit-transform: scale(1.2); }
}
@keyframes scaleDownUp {
	from { }
	to { opacity: 0; -webkit-transform: scale(1.2); transform: scale(1.2); }
}

@-webkit-keyframes scaleDownCenter {
	from { }
	to { opacity: 0; -webkit-transform: scale(.7); }
}
@keyframes scaleDownCenter {
	from { }
	to { opacity: 0; -webkit-transform: scale(.7); transform: scale(.7); }
}

@-webkit-keyframes scaleUpCenter {
	from { opacity: 0; -webkit-transform: scale(.7); }
}
@keyframes scaleUpCenter {
	from { opacity: 0; -webkit-transform: scale(.7); transform: scale(.7); }
}

/* rotate sides first and scale */

.pt-page-rotateRightSideFirst {
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-animation: rotateRightSideFirst .8s both ease-in;
	animation: rotateRightSideFirst .8s both ease-in;
}
.pt-page-rotateLeftSideFirst {
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-animation: rotateLeftSideFirst .8s both ease-in;
	animation: rotateLeftSideFirst .8s both ease-in;
}
.pt-page-rotateTopSideFirst {
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-animation: rotateTopSideFirst .8s both ease-in;
	animation: rotateTopSideFirst .8s both ease-in;
}
.pt-page-rotateBottomSideFirst {
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-animation: rotateBottomSideFirst .8s both ease-in;
	animation: rotateBottomSideFirst .8s both ease-in;
}

/* flip */

.pt-page-flipOutRight {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation: flipOutRight .5s both ease-in;
	animation: flipOutRight .5s both ease-in;
}
.pt-page-flipInLeft {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation: flipInLeft .5s both ease-out;
	animation: flipInLeft .5s both ease-out;
}
.pt-page-flipOutLeft {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation: flipOutLeft .5s both ease-in;
	animation: flipOutLeft .5s both ease-in;
}
.pt-page-flipInRight {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation: flipInRight .5s both ease-out;
	animation: flipInRight .5s both ease-out;
}
.pt-page-flipOutTop {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation: flipOutTop .5s both ease-in;
	animation: flipOutTop .5s both ease-in;
}
.pt-page-flipInBottom {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation: flipInBottom .5s both ease-out;
	animation: flipInBottom .5s both ease-out;
}
.pt-page-flipOutBottom {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation: flipOutBottom .5s both ease-in;
	animation: flipOutBottom .5s both ease-in;
}
.pt-page-flipInTop {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation: flipInTop .5s both ease-out;
	animation: flipInTop .5s both ease-out;
}

/* rotate fall */

.pt-page-rotateFall {
	-webkit-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
	-webkit-animation: rotateFall 1s both ease-in;
	animation: rotateFall 1s both ease-in;
}

/* rotate newspaper */
.pt-page-rotateOutNewspaper {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation: rotateOutNewspaper .5s both ease-in;
	animation: rotateOutNewspaper .5s both ease-in;
}
.pt-page-rotateInNewspaper {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation: rotateInNewspaper .5s both ease-out;
	animation: rotateInNewspaper .5s both ease-out;
}

/* push */
.pt-page-rotatePushLeft {
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-animation: rotatePushLeft .8s both ease;
	animation: rotatePushLeft .8s both ease;
}
.pt-page-rotatePushRight {
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-animation: rotatePushRight .8s both ease;
	animation: rotatePushRight .8s both ease;
}
.pt-page-rotatePushTop {
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-animation: rotatePushTop .8s both ease;
	animation: rotatePushTop .8s both ease;
}
.pt-page-rotatePushBottom {
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-animation: rotatePushBottom .8s both ease;
	animation: rotatePushBottom .8s both ease;
}

/* pull */
.pt-page-rotatePullRight {
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-animation: rotatePullRight .5s both ease;
	animation: rotatePullRight .5s both ease;
}
.pt-page-rotatePullLeft {
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-animation: rotatePullLeft .5s both ease;
	animation: rotatePullLeft .5s both ease;
}
.pt-page-rotatePullTop {
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-animation: rotatePullTop .5s both ease;
	animation: rotatePullTop .5s both ease;
}
.pt-page-rotatePullBottom {
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-animation: rotatePullBottom .5s both ease;
	animation: rotatePullBottom .5s both ease;
}

/* fold */
.pt-page-rotateFoldRight {
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-animation: rotateFoldRight .7s both ease;
	animation: rotateFoldRight .7s both ease;
}
.pt-page-rotateFoldLeft {
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-animation: rotateFoldLeft .7s both ease;
	animation: rotateFoldLeft .7s both ease;
}
.pt-page-rotateFoldTop {
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-animation: rotateFoldTop .7s both ease;
	animation: rotateFoldTop .7s both ease;
}
.pt-page-rotateFoldBottom {
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-animation: rotateFoldBottom .7s both ease;
	animation: rotateFoldBottom .7s both ease;
}

/* unfold */
.pt-page-rotateUnfoldLeft {
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-animation: rotateUnfoldLeft .7s both ease;
	animation: rotateUnfoldLeft .7s both ease;
}
.pt-page-rotateUnfoldRight {
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-animation: rotateUnfoldRight .7s both ease;
	animation: rotateUnfoldRight .7s both ease;
}
.pt-page-rotateUnfoldTop {
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-animation: rotateUnfoldTop .7s both ease;
	animation: rotateUnfoldTop .7s both ease;
}
.pt-page-rotateUnfoldBottom {
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-animation: rotateUnfoldBottom .7s both ease;
	animation: rotateUnfoldBottom .7s both ease;
}

/* room walls */
.pt-page-rotateRoomLeftOut {
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-animation: rotateRoomLeftOut .8s both ease;
	animation: rotateRoomLeftOut .8s both ease;
}
.pt-page-rotateRoomLeftIn {
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-animation: rotateRoomLeftIn .8s both ease;
	animation: rotateRoomLeftIn .8s both ease;
}
.pt-page-rotateRoomRightOut {
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-animation: rotateRoomRightOut .8s both ease;
	animation: rotateRoomRightOut .8s both ease;
}
.pt-page-rotateRoomRightIn {
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-animation: rotateRoomRightIn .8s both ease;
	animation: rotateRoomRightIn .8s both ease;
}
.pt-page-rotateRoomTopOut {
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-animation: rotateRoomTopOut .8s both ease;
	animation: rotateRoomTopOut .8s both ease;
}
.pt-page-rotateRoomTopIn {
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-animation: rotateRoomTopIn .8s both ease;
	animation: rotateRoomTopIn .8s both ease;
}
.pt-page-rotateRoomBottomOut {
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-animation: rotateRoomBottomOut .8s both ease;
	animation: rotateRoomBottomOut .8s both ease;
}
.pt-page-rotateRoomBottomIn {
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-animation: rotateRoomBottomIn .8s both ease;
	animation: rotateRoomBottomIn .8s both ease;
}

/* cube */
.pt-page-rotateCubeLeftOut {
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-animation: rotateCubeLeftOut .6s both ease-in;
	animation: rotateCubeLeftOut .6s both ease-in;
}
.pt-page-rotateCubeLeftIn {
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-animation: rotateCubeLeftIn .6s both ease-in;
	animation: rotateCubeLeftIn .6s both ease-in;
}
.pt-page-rotateCubeRightOut {
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-animation: rotateCubeRightOut .6s both ease-in;
	animation: rotateCubeRightOut .6s both ease-in;
}
.pt-page-rotateCubeRightIn {
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-animation: rotateCubeRightIn .6s both ease-in;
	animation: rotateCubeRightIn .6s both ease-in;
}
.pt-page-rotateCubeTopOut {
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-animation: rotateCubeTopOut .6s both ease-in;
	animation: rotateCubeTopOut .6s both ease-in;
}
.pt-page-rotateCubeTopIn {
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-animation: rotateCubeTopIn .6s both ease-in;
	animation: rotateCubeTopIn .6s both ease-in;
}
.pt-page-rotateCubeBottomOut {
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-animation: rotateCubeBottomOut .6s both ease-in;
	animation: rotateCubeBottomOut .6s both ease-in;
}
.pt-page-rotateCubeBottomIn {
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-animation: rotateCubeBottomIn .6s both ease-in;
	animation: rotateCubeBottomIn .6s both ease-in;
}

/* carousel */
.pt-page-rotateCarouselLeftOut {
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-animation: rotateCarouselLeftOut .8s both ease;
	animation: rotateCarouselLeftOut .8s both ease;
}
.pt-page-rotateCarouselLeftIn {
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-animation: rotateCarouselLeftIn .8s both ease;
	animation: rotateCarouselLeftIn .8s both ease;
}
.pt-page-rotateCarouselRightOut {
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-animation: rotateCarouselRightOut .8s both ease;
	animation: rotateCarouselRightOut .8s both ease;
}
.pt-page-rotateCarouselRightIn {
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-animation: rotateCarouselRightIn .8s both ease;
	animation: rotateCarouselRightIn .8s both ease;
}
.pt-page-rotateCarouselTopOut {
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-animation: rotateCarouselTopOut .8s both ease;
	animation: rotateCarouselTopOut .8s both ease;
}
.pt-page-rotateCarouselTopIn {
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-animation: rotateCarouselTopIn .8s both ease;
	animation: rotateCarouselTopIn .8s both ease;
}
.pt-page-rotateCarouselBottomOut {
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-animation: rotateCarouselBottomOut .8s both ease;
	animation: rotateCarouselBottomOut .8s both ease;
}
.pt-page-rotateCarouselBottomIn {
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-animation: rotateCarouselBottomIn .8s both ease;
	animation: rotateCarouselBottomIn .8s both ease;
}

/* sides */
.pt-page-rotateSidesOut {
	-webkit-transform-origin: -50% 50%;
	transform-origin: -50% 50%;
	-webkit-animation: rotateSidesOut .5s both ease-in;
	animation: rotateSidesOut .5s both ease-in;
}
.pt-page-rotateSidesIn {
	-webkit-transform-origin: 150% 50%;
	transform-origin: 150% 50%;
	-webkit-animation: rotateSidesIn .5s both ease-out;
	animation: rotateSidesIn .5s both ease-out;
}

/* slide */
.pt-page-rotateSlideOut {
	-webkit-animation: rotateSlideOut 1s both ease;
	animation: rotateSlideOut 1s both ease;
}
.pt-page-rotateSlideIn {
	-webkit-animation: rotateSlideIn 1s both ease;
	animation: rotateSlideIn 1s both ease;
}

/********************************* keyframes **************************************/

/* rotate sides first and scale */

@-webkit-keyframes rotateRightSideFirst {
	0% { }
	40% { -webkit-transform: rotateY(15deg); opacity: .8; -webkit-animation-timing-function: ease-out; }
	100% { -webkit-transform: scale(0.8) translateZ(-200px); opacity:0; }
}
@keyframes rotateRightSideFirst {
	0% { }
	40% { -webkit-transform: rotateY(15deg); transform: rotateY(15deg); opacity: .8; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
	100% { -webkit-transform: scale(0.8) translateZ(-200px); transform: scale(0.8) translateZ(-200px); opacity:0; }
}

@-webkit-keyframes rotateLeftSideFirst {
	0% { }
	40% { -webkit-transform: rotateY(-15deg); opacity: .8; -webkit-animation-timing-function: ease-out; }
	100% { -webkit-transform: scale(0.8) translateZ(-200px); opacity:0; }
}
@keyframes rotateLeftSideFirst {
	0% { }
	40% { -webkit-transform: rotateY(-15deg); transform: rotateY(-15deg); opacity: .8; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
	100% { -webkit-transform: scale(0.8) translateZ(-200px); transform: scale(0.8) translateZ(-200px); opacity:0; }
}

@-webkit-keyframes rotateTopSideFirst {
	0% { }
	40% { -webkit-transform: rotateX(15deg); opacity: .8; -webkit-animation-timing-function: ease-out; }
	100% { -webkit-transform: scale(0.8) translateZ(-200px); opacity:0; }
}
@keyframes rotateTopSideFirst {
	0% { }
	40% { -webkit-transform: rotateX(15deg); transform: rotateX(15deg); opacity: .8; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
	100% { -webkit-transform: scale(0.8) translateZ(-200px); transform: scale(0.8) translateZ(-200px); opacity:0; }
}

@-webkit-keyframes rotateBottomSideFirst {
	0% { }
	40% { -webkit-transform: rotateX(-15deg); opacity: .8; -webkit-animation-timing-function: ease-out; }
	100% { -webkit-transform: scale(0.8) translateZ(-200px); opacity:0; }
}
@keyframes rotateBottomSideFirst {
	0% { }
	40% { -webkit-transform: rotateX(-15deg); transform: rotateX(-15deg); opacity: .8; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
	100% { -webkit-transform: scale(0.8) translateZ(-200px); transform: scale(0.8) translateZ(-200px); opacity:0; }
}

/* flip */

@-webkit-keyframes flipOutRight {
	from { }
	to { -webkit-transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; }
}
@keyframes flipOutRight {
	from { }
	to { -webkit-transform: translateZ(-1000px) rotateY(90deg); transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; }
}

@-webkit-keyframes flipInLeft {
	from { -webkit-transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; }
}
@keyframes flipInLeft {
	from { -webkit-transform: translateZ(-1000px) rotateY(-90deg); transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; }
}

@-webkit-keyframes flipOutLeft {
	from { }
	to { -webkit-transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; }
}
@keyframes flipOutLeft {
	from { }
	to { -webkit-transform: translateZ(-1000px) rotateY(-90deg); transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; }
}

@-webkit-keyframes flipInRight {
	from { -webkit-transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; }
}
@keyframes flipInRight {
	from { -webkit-transform: translateZ(-1000px) rotateY(90deg); transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; }
}

@-webkit-keyframes flipOutTop {
	from { }
	to { -webkit-transform: translateZ(-1000px) rotateX(90deg); opacity: 0.2; }
}
@keyframes flipOutTop {
	from { }
	to { -webkit-transform: translateZ(-1000px) rotateX(90deg); transform: translateZ(-1000px) rotateX(90deg); opacity: 0.2; }
}

@-webkit-keyframes flipInBottom {
	from { -webkit-transform: translateZ(-1000px) rotateX(-90deg); opacity: 0.2; }
}
@keyframes flipInBottom {
	from { -webkit-transform: translateZ(-1000px) rotateX(-90deg); transform: translateZ(-1000px) rotateX(-90deg); opacity: 0.2; }
}

@-webkit-keyframes flipOutBottom {
	from { }
	to { -webkit-transform: translateZ(-1000px) rotateX(-90deg); opacity: 0.2; }
}
@keyframes flipOutBottom {
	from { }
	to { -webkit-transform: translateZ(-1000px) rotateX(-90deg); transform: translateZ(-1000px) rotateX(-90deg); opacity: 0.2; }
}

@-webkit-keyframes flipInTop {
	from { -webkit-transform: translateZ(-1000px) rotateX(90deg); opacity: 0.2; }
}
@keyframes flipInTop {
	from { -webkit-transform: translateZ(-1000px) rotateX(90deg); transform: translateZ(-1000px) rotateX(90deg); opacity: 0.2; }
}

/* fall */

@-webkit-keyframes rotateFall {
	0% { -webkit-transform: rotateZ(0deg); }
	20% { -webkit-transform: rotateZ(10deg); -webkit-animation-timing-function: ease-out; }
	40% { -webkit-transform: rotateZ(17deg); }
	60% { -webkit-transform: rotateZ(16deg); }
	100% { -webkit-transform: translateY(100%) rotateZ(17deg); }
}
@keyframes rotateFall {
	0% { -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); }
	20% { -webkit-transform: rotateZ(10deg); transform: rotateZ(10deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
	40% { -webkit-transform: rotateZ(17deg); transform: rotateZ(17deg); }
	60% { -webkit-transform: rotateZ(16deg); transform: rotateZ(16deg); }
	100% { -webkit-transform: translateY(100%) rotateZ(17deg); transform: translateY(100%) rotateZ(17deg); }
}

/* newspaper */

@-webkit-keyframes rotateOutNewspaper {
	from { }
	to { -webkit-transform: translateZ(-3000px) rotateZ(360deg); opacity: 0; }
}
@keyframes rotateOutNewspaper {
	from { }
	to { -webkit-transform: translateZ(-3000px) rotateZ(360deg); transform: translateZ(-3000px) rotateZ(360deg); opacity: 0; }
}

@-webkit-keyframes rotateInNewspaper {
	from { -webkit-transform: translateZ(-3000px) rotateZ(-360deg); opacity: 0; }
}
@keyframes rotateInNewspaper {
	from { -webkit-transform: translateZ(-3000px) rotateZ(-360deg); transform: translateZ(-3000px) rotateZ(-360deg); opacity: 0; }
}

/* push */

@-webkit-keyframes rotatePushLeft {
	from { }
	to { opacity: 0; -webkit-transform: rotateY(90deg); }
}
@keyframes rotatePushLeft {
	from { }
	to { opacity: 0; -webkit-transform: rotateY(90deg); transform: rotateY(90deg); }
}

@-webkit-keyframes rotatePushRight {
	from { }
	to { opacity: 0; -webkit-transform: rotateY(-90deg); }
}
@keyframes rotatePushRight {
	from { }
	to { opacity: 0; -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); }
}

@-webkit-keyframes rotatePushTop {
	from { }
	to { opacity: 0; -webkit-transform: rotateX(-90deg); }
}
@keyframes rotatePushTop {
	from { }
	to { opacity: 0; -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); }
}

@-webkit-keyframes rotatePushBottom {
	from { }
	to { opacity: 0; -webkit-transform: rotateX(90deg); }
}
@keyframes rotatePushBottom {
	from { }
	to { opacity: 0; -webkit-transform: rotateX(90deg); transform: rotateX(90deg); }
}

/* pull */

@-webkit-keyframes rotatePullRight {
	from { opacity: 0; -webkit-transform: rotateY(-90deg); }
}
@keyframes rotatePullRight {
	from { opacity: 0; -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); }
}

@-webkit-keyframes rotatePullLeft {
	from { opacity: 0; -webkit-transform: rotateY(90deg); }
}
@keyframes rotatePullLeft {
	from { opacity: 0; -webkit-transform: rotateY(90deg); transform: rotateY(90deg); }
}

@-webkit-keyframes rotatePullTop {
	from { opacity: 0; -webkit-transform: rotateX(-90deg); }
}
@keyframes rotatePullTop {
	from { opacity: 0; -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); }
}

@-webkit-keyframes rotatePullBottom {
	from { opacity: 0; -webkit-transform: rotateX(90deg); }
}
@keyframes rotatePullBottom {
	from { opacity: 0; -webkit-transform: rotateX(90deg); transform: rotateX(90deg); }
}

/* fold */

@-webkit-keyframes rotateFoldRight {
	from { }
	to { opacity: 0; -webkit-transform: translateX(100%) rotateY(90deg); }
}
@keyframes rotateFoldRight {
	from { }
	to { opacity: 0; -webkit-transform: translateX(100%) rotateY(90deg); transform: translateX(100%) rotateY(90deg); }
}

@-webkit-keyframes rotateFoldLeft {
	from { }
	to { opacity: 0; -webkit-transform: translateX(-100%) rotateY(-90deg); }
}
@keyframes rotateFoldLeft {
	from { }
	to { opacity: 0; -webkit-transform: translateX(-100%) rotateY(-90deg); transform: translateX(-100%) rotateY(-90deg); }
}

@-webkit-keyframes rotateFoldTop {
	from { }
	to { opacity: 0; -webkit-transform: translateY(-100%) rotateX(90deg); }
}
@keyframes rotateFoldTop {
	from { }
	to { opacity: 0; -webkit-transform: translateY(-100%) rotateX(90deg); transform: translateY(-100%) rotateX(90deg); }
}

@-webkit-keyframes rotateFoldBottom {
	from { }
	to { opacity: 0; -webkit-transform: translateY(100%) rotateX(-90deg); }
}
@keyframes rotateFoldBottom {
	from { }
	to { opacity: 0; -webkit-transform: translateY(100%) rotateX(-90deg); transform: translateY(100%) rotateX(-90deg); }
}

/* unfold */

@-webkit-keyframes rotateUnfoldLeft {
	from { opacity: 0; -webkit-transform: translateX(-100%) rotateY(-90deg); }
}
@keyframes rotateUnfoldLeft {
	from { opacity: 0; -webkit-transform: translateX(-100%) rotateY(-90deg); transform: translateX(-100%) rotateY(-90deg); }
}

@-webkit-keyframes rotateUnfoldRight {
	from { opacity: 0; -webkit-transform: translateX(100%) rotateY(90deg); }
}
@keyframes rotateUnfoldRight {
	from { opacity: 0; -webkit-transform: translateX(100%) rotateY(90deg); transform: translateX(100%) rotateY(90deg); }
}

@-webkit-keyframes rotateUnfoldTop {
	from { opacity: 0; -webkit-transform: translateY(-100%) rotateX(90deg); }
}
@keyframes rotateUnfoldTop {
	from { opacity: 0; -webkit-transform: translateY(-100%) rotateX(90deg); transform: translateY(-100%) rotateX(90deg); }
}

@-webkit-keyframes rotateUnfoldBottom {
	from { opacity: 0; -webkit-transform: translateY(100%) rotateX(-90deg); }
}
@keyframes rotateUnfoldBottom {
	from { opacity: 0; -webkit-transform: translateY(100%) rotateX(-90deg); transform: translateY(100%) rotateX(-90deg); }
}

/* room walls */

@-webkit-keyframes rotateRoomLeftOut {
	from { }
	to { opacity: .3; -webkit-transform: translateX(-100%) rotateY(90deg); }
}
@keyframes rotateRoomLeftOut {
	from { }
	to { opacity: .3; -webkit-transform: translateX(-100%) rotateY(90deg); transform: translateX(-100%) rotateY(90deg); }
}

@-webkit-keyframes rotateRoomLeftIn {
	from { opacity: .3; -webkit-transform: translateX(100%) rotateY(-90deg); }
}
@keyframes rotateRoomLeftIn {
	from { opacity: .3; -webkit-transform: translateX(100%) rotateY(-90deg); transform: translateX(100%) rotateY(-90deg); }
}

@-webkit-keyframes rotateRoomRightOut {
	from { }
	to { opacity: .3; -webkit-transform: translateX(100%) rotateY(-90deg); }
}
@keyframes rotateRoomRightOut {
	from { }
	to { opacity: .3; -webkit-transform: translateX(100%) rotateY(-90deg); transform: translateX(100%) rotateY(-90deg); }
}

@-webkit-keyframes rotateRoomRightIn {
	from { opacity: .3; -webkit-transform: translateX(-100%) rotateY(90deg); }
}
@keyframes rotateRoomRightIn {
	from { opacity: .3; -webkit-transform: translateX(-100%) rotateY(90deg); transform: translateX(-100%) rotateY(90deg); }
}

@-webkit-keyframes rotateRoomTopOut {
	from { }
	to { opacity: .3; -webkit-transform: translateY(-100%) rotateX(-90deg); }
}
@keyframes rotateRoomTopOut {
	from { }
	to { opacity: .3; -webkit-transform: translateY(-100%) rotateX(-90deg); transform: translateY(-100%) rotateX(-90deg); }
}

@-webkit-keyframes rotateRoomTopIn {
	from { opacity: .3; -webkit-transform: translateY(100%) rotateX(90deg); }
}
@keyframes rotateRoomTopIn {
	from { opacity: .3; -webkit-transform: translateY(100%) rotateX(90deg); transform: translateY(100%) rotateX(90deg); }
}

@-webkit-keyframes rotateRoomBottomOut {
	from { }
	to { opacity: .3; -webkit-transform: translateY(100%) rotateX(90deg); }
}
@keyframes rotateRoomBottomOut {
	from { }
	to { opacity: .3; -webkit-transform: translateY(100%) rotateX(90deg); transform: translateY(100%) rotateX(90deg); }
}

@-webkit-keyframes rotateRoomBottomIn {
	from { opacity: .3; -webkit-transform: translateY(-100%) rotateX(-90deg); }
}
@keyframes rotateRoomBottomIn {
	from { opacity: .3; -webkit-transform: translateY(-100%) rotateX(-90deg); transform: translateY(-100%) rotateX(-90deg); }
}

/* cube */

@-webkit-keyframes rotateCubeLeftOut {
	0% { }
	50% { -webkit-animation-timing-function: ease-out;  -webkit-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg); }
	100% { opacity: .3; -webkit-transform: translateX(-100%) rotateY(-90deg); }
}
@keyframes rotateCubeLeftOut {
	0% { }
	50% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;  -webkit-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);  transform: translateX(-50%) translateZ(-200px) rotateY(-45deg); }
	100% { opacity: .3; -webkit-transform: translateX(-100%) rotateY(-90deg); transform: translateX(-100%) rotateY(-90deg); }
}

@-webkit-keyframes rotateCubeLeftIn {
	0% { opacity: .3; -webkit-transform: translateX(100%) rotateY(90deg); }
	50% { -webkit-animation-timing-function: ease-out;  -webkit-transform: translateX(50%) translateZ(-200px) rotateY(45deg); }
}
@keyframes rotateCubeLeftIn {
	0% { opacity: .3; -webkit-transform: translateX(100%) rotateY(90deg); transform: translateX(100%) rotateY(90deg); }
	50% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;  -webkit-transform: translateX(50%) translateZ(-200px) rotateY(45deg);  transform: translateX(50%) translateZ(-200px) rotateY(45deg); }
}

@-webkit-keyframes rotateCubeRightOut {
	0% { }
	50% { -webkit-animation-timing-function: ease-out; -webkit-transform: translateX(50%) translateZ(-200px) rotateY(45deg); }
	100% { opacity: .3; -webkit-transform: translateX(100%) rotateY(90deg); }
}
@keyframes rotateCubeRightOut {
	0% { }
	50% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: translateX(50%) translateZ(-200px) rotateY(45deg); transform: translateX(50%) translateZ(-200px) rotateY(45deg); }
	100% { opacity: .3; -webkit-transform: translateX(100%) rotateY(90deg); transform: translateX(100%) rotateY(90deg); }
}

@-webkit-keyframes rotateCubeRightIn {
	0% { opacity: .3; -webkit-transform: translateX(-100%) rotateY(-90deg); }
	50% { -webkit-animation-timing-function: ease-out; -webkit-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg); }
}
@keyframes rotateCubeRightIn {
	0% { opacity: .3; -webkit-transform: translateX(-100%) rotateY(-90deg); transform: translateX(-100%) rotateY(-90deg); }
	50% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg); transform: translateX(-50%) translateZ(-200px) rotateY(-45deg); }
}

@-webkit-keyframes rotateCubeTopOut {
	0% { }
	50% { -webkit-animation-timing-function: ease-out; -webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg); }
	100% { opacity: .3; -webkit-transform: translateY(-100%) rotateX(90deg); }
}
@keyframes rotateCubeTopOut {
	0% {}
	50% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg); transform: translateY(-50%) translateZ(-200px) rotateX(45deg); }
	100% { opacity: .3; -webkit-transform: translateY(-100%) rotateX(90deg); transform: translateY(-100%) rotateX(90deg); }
}

@-webkit-keyframes rotateCubeTopIn {
	0% { opacity: .3; -webkit-transform: translateY(100%) rotateX(-90deg); }
	50% { -webkit-animation-timing-function: ease-out; -webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg); }
}
@keyframes rotateCubeTopIn {
	0% { opacity: .3; -webkit-transform: translateY(100%) rotateX(-90deg); transform: translateY(100%) rotateX(-90deg); }
	50% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg); transform: translateY(50%) translateZ(-200px) rotateX(-45deg); }
}

@-webkit-keyframes rotateCubeBottomOut {
	0% { }
	50% { -webkit-animation-timing-function: ease-out; -webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg); }
	100% { opacity: .3; -webkit-transform: translateY(100%) rotateX(-90deg); }
}
@keyframes rotateCubeBottomOut {
	0% { }
	50% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg); transform: translateY(50%) translateZ(-200px) rotateX(-45deg); }
	100% { opacity: .3; -webkit-transform: translateY(100%) rotateX(-90deg); transform: translateY(100%) rotateX(-90deg); }
}

@-webkit-keyframes rotateCubeBottomIn {
	0% { opacity: .3; -webkit-transform: translateY(-100%) rotateX(90deg); }
	50% { -webkit-animation-timing-function: ease-out; -webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg); }
}
@keyframes rotateCubeBottomIn {
	0% { opacity: .3; -webkit-transform: translateY(-100%) rotateX(90deg); transform: translateY(-100%) rotateX(90deg); }
	50% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg); transform: translateY(-50%) translateZ(-200px) rotateX(45deg); }
}

/* carousel */

@-webkit-keyframes rotateCarouselLeftOut {
	from { }
	to { opacity: .3; -webkit-transform: translateX(-150%) scale(.4) rotateY(-65deg); }
}
@keyframes rotateCarouselLeftOut {
	from { }
	to { opacity: .3; -webkit-transform: translateX(-150%) scale(.4) rotateY(-65deg); transform: translateX(-150%) scale(.4) rotateY(-65deg); }
}

@-webkit-keyframes rotateCarouselLeftIn {
	from { opacity: .3; -webkit-transform: translateX(200%) scale(.4) rotateY(65deg); }
}
@keyframes rotateCarouselLeftIn {
	from { opacity: .3; -webkit-transform: translateX(200%) scale(.4) rotateY(65deg); transform: translateX(200%) scale(.4) rotateY(65deg); }
}

@-webkit-keyframes rotateCarouselRightOut {
	from { }
	to { opacity: .3; -webkit-transform: translateX(200%) scale(.4) rotateY(65deg); }
}
@keyframes rotateCarouselRightOut {
	from { }
	to { opacity: .3; -webkit-transform: translateX(200%) scale(.4) rotateY(65deg); transform: translateX(200%) scale(.4) rotateY(65deg); }
}

@-webkit-keyframes rotateCarouselRightIn {
	from { opacity: .3; -webkit-transform: translateX(-200%) scale(.4) rotateY(-65deg); }
}
@keyframes rotateCarouselRightIn {
	from { opacity: .3; -webkit-transform: translateX(-200%) scale(.4) rotateY(-65deg); transform: translateX(-200%) scale(.4) rotateY(-65deg); }
}

@-webkit-keyframes rotateCarouselTopOut {
	from { }
	to { opacity: .3; -webkit-transform: translateY(-200%) scale(.4) rotateX(65deg); }
}
@keyframes rotateCarouselTopOut {
	from { }
	to { opacity: .3; -webkit-transform: translateY(-200%) scale(.4) rotateX(65deg); transform: translateY(-200%) scale(.4) rotateX(65deg); }
}

@-webkit-keyframes rotateCarouselTopIn {
	from { opacity: .3; -webkit-transform: translateY(200%) scale(.4) rotateX(-65deg); }
}
@keyframes rotateCarouselTopIn {
	from { opacity: .3; -webkit-transform: translateY(200%) scale(.4) rotateX(-65deg); transform: translateY(200%) scale(.4) rotateX(-65deg); }
}

@-webkit-keyframes rotateCarouselBottomOut {
	from { }
	to { opacity: .3; -webkit-transform: translateY(200%) scale(.4) rotateX(-65deg); }
}
@keyframes rotateCarouselBottomOut {
	from { }
	to { opacity: .3; -webkit-transform: translateY(200%) scale(.4) rotateX(-65deg); transform: translateY(200%) scale(.4) rotateX(-65deg); }
}

@-webkit-keyframes rotateCarouselBottomIn {
	from { opacity: .3; -webkit-transform: translateY(-200%) scale(.4) rotateX(65deg); }
}
@keyframes rotateCarouselBottomIn {
	from { opacity: .3; -webkit-transform: translateY(-200%) scale(.4) rotateX(65deg); transform: translateY(-200%) scale(.4) rotateX(65deg); }
}

/* sides */

@-webkit-keyframes rotateSidesOut {
	from { }
	to { opacity: 0; -webkit-transform: translateZ(-500px) rotateY(90deg); }
}
@keyframes rotateSidesOut {
	from { }
	to { opacity: 0; -webkit-transform: translateZ(-500px) rotateY(90deg); transform: translateZ(-500px) rotateY(90deg); }
}

@-webkit-keyframes rotateSidesIn {
	from { opacity: 0; -webkit-transform: translateZ(-500px) rotateY(-90deg); }
}
@keyframes rotateSidesIn {
	from { opacity: 0; -webkit-transform: translateZ(-500px) rotateY(-90deg); transform: translateZ(-500px) rotateY(-90deg); }
}

/* slide */

@-webkit-keyframes rotateSlideOut {
	0% { }
	25% { opacity: .5; -webkit-transform: translateZ(-500px); }
	75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
	100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes rotateSlideOut {
	0% { }
	25% { opacity: .5; -webkit-transform: translateZ(-500px); transform: translateZ(-500px); }
	75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); transform: translateZ(-500px) translateX(-200%); }
	100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); transform: translateZ(-500px) translateX(-200%); }
}

@-webkit-keyframes rotateSlideIn {
	0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
	75% { opacity: .5; -webkit-transform: translateZ(-500px); }
	100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@keyframes rotateSlideIn {
	0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); transform: translateZ(-500px) translateX(200%); }
	75% { opacity: .5; -webkit-transform: translateZ(-500px); transform: translateZ(-500px); }
	100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); transform: translateZ(0) translateX(0); }
}

/* animation delay classes */

.pt-page-delay100 {
	-webkit-animation-delay: .1s;
	animation-delay: .1s;
}
.pt-page-delay180 {
	-webkit-animation-delay: .180s;
	animation-delay: .180s;
}
.pt-page-delay200 {
	-webkit-animation-delay: .2s;
	animation-delay: .2s;
}
.pt-page-delay300 {
	-webkit-animation-delay: .3s;
	animation-delay: .3s;
}
.pt-page-delay400 {
	-webkit-animation-delay: .4s;
	animation-delay: .4s;
}
.pt-page-delay500 {
	-webkit-animation-delay: .5s;
	animation-delay: .5s;
}
.pt-page-delay700 {
	-webkit-animation-delay: .7s;
	animation-delay: .7s;
}
.pt-page-delay1000 {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}
.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.animated.hinge {-webkit-animation-duration: 2s;animation-duration: 2s;}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);transform: translateY(0);}
  40% {-webkit-transform: translateY(-30px);transform: translateY(-30px);}
  60% {-webkit-transform: translateY(-15px);transform: translateY(-15px);}
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
  40% {-webkit-transform: translateY(-30px);-ms-transform: translateY(-30px);transform: translateY(-30px);}
  60% {-webkit-transform: translateY(-15px);-ms-transform: translateY(-15px);transform: translateY(-15px);}
}
.bounce { -webkit-animation-name: bounce;animation-name: bounce;}



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

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

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

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

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

@-webkit-keyframes shake {
  0%, 100% {-webkit-transform: translateX(0);transform: translateX(0);}
 10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);transform: translateX(-10px);}
20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);transform: translateX(10px);}
}

@keyframes shake {
0%, 100% {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);-ms-transform: translateX(-10px);transform: translateX(-10px);}
20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);-ms-transform: translateX(10px);transform: translateX(10px);}
}

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

@-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);}
100% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
}

@keyframes swing {
20% { -webkit-transform: rotate(15deg);-ms-transform: rotate(15deg);transform: rotate(15deg);}
40% {-webkit-transform: rotate(-10deg);-ms-transform: rotate(-10deg);transform: rotate(-10deg);}
60% {-webkit-transform: rotate(5deg);-ms-transform: rotate(5deg);transform: rotate(5deg);}
80% {-webkit-transform: rotate(-5deg);-ms-transform: rotate(-5deg);transform: rotate(-5deg);}
100% {-webkit-transform: rotate(0deg);-ms-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: scale(1);transform: scale(1);}
10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);transform: scale(1.1) rotate(-3deg);}
100% {-webkit-transform: scale(1) rotate(0);transform: scale(1) rotate(0);}
}

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

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

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

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

@-webkit-keyframes bounceIn {
0% {opacity: 0;-webkit-transform: scale(.3);transform: scale(.3);}
50% {opacity: 1;-webkit-transform: scale(1.05);transform: scale(1.05);}
70% {-webkit-transform: scale(.9);transform: scale(.9);}
100% {-webkit-transform: scale(1);transform: scale(1);}
}

@keyframes bounceIn {
0% {opacity: 0;-webkit-transform: scale(.3);-ms-transform: scale(.3);transform: scale(.3);}
50% {opacity: 1;-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
70% {-webkit-transform: scale(.9);-ms-transform: scale(.9);transform: scale(.9);}
100% {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
}

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

@-webkit-keyframes bounceInDown {
0% {opacity: 0;-webkit-transform: translateY(-2000px);transform: translateY(-2000px);}
60% {opacity: 1;-webkit-transform: translateY(30px);transform: translateY(30px);}
80% {-webkit-transform: translateY(-10px);transform: translateY(-10px);}
100% {-webkit-transform: translateY(0);transform: translateY(0);}
}

@keyframes bounceInDown {
0% {opacity: 0;-webkit-transform: translateY(-2000px);-ms-transform: translateY(-2000px);transform: translateY(-2000px);}
60% {opacity: 1;-webkit-transform: translateY(30px);-ms-transform: translateY(30px);transform: translateY(30px);}
80% {-webkit-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);}
100% {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
}
.bounceInDown {-webkit-animation-name: bounceInDown;animation-name: bounceInDown;}

@-webkit-keyframes bounceInLeft {
0% {opacity: 0;-webkit-transform: translateX(-2000px);transform: translateX(-2000px);}
60% {opacity: 1; -webkit-transform: translateX(30px);transform: translateX(30px);}
80% {-webkit-transform: translateX(-10px);transform: translateX(-10px);}
100% {-webkit-transform: translateX(0);transform: translateX(0);}
}

@keyframes bounceInLeft {
0% {opacity: 0;-webkit-transform: translateX(-2000px);-ms-transform: translateX(-2000px);transform: translateX(-2000px);}
60% {opacity: 1;-webkit-transform: translateX(30px);-ms-transform: translateX(30px);transform: translateX(30px);}
80% {-webkit-transform: translateX(-10px);-ms-transform: translateX(-10px);transform: translateX(-10px);}
100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}
}
.bounceInLeft { -webkit-animation-name: bounceInLeft;animation-name: bounceInLeft;}

@-webkit-keyframes bounceInRight {
0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px);}
60% {opacity: 1;-webkit-transform: translateX(-30px);transform: translateX(-30px);}
80% {-webkit-transform: translateX(10px);transform: translateX(10px);}
100% {-webkit-transform: translateX(0);transform: translateX(0);}
}

@keyframes bounceInRight {
0% {opacity: 0;-webkit-transform: translateX(2000px);-ms-transform: translateX(2000px);transform: translateX(2000px);}
60% {opacity: 1;-webkit-transform: translateX(-30px);-ms-transform: translateX(-30px);transform: translateX(-30px);}
80% {-webkit-transform: translateX(10px);-ms-transform: translateX(10px);transform: translateX(10px);}
100% {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
}

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

@-webkit-keyframes bounceInUp {
0% {opacity: 0;-webkit-transform: translateY(2000px);transform: translateY(2000px);}
60% {opacity: 1;-webkit-transform: translateY(-30px);transform: translateY(-30px);}
80% {-webkit-transform: translateY(10px);transform: translateY(10px);}
100% {-webkit-transform: translateY(0);transform: translateY(0);}
}

@keyframes bounceInUp {
0% {opacity: 0;-webkit-transform: translateY(2000px);-ms-transform: translateY(2000px);transform: translateY(2000px);}
60% {opacity: 1;-webkit-transform: translateY(-30px);-ms-transform: translateY(-30px);transform: translateY(-30px);}
80% {-webkit-transform: translateY(10px);-ms-transform: translateY(10px);transform: translateY(10px);}
100% {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
}

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

@-webkit-keyframes bounceOut {
0% {-webkit-transform: scale(1);transform: scale(1);}
25% {-webkit-transform: scale(.95);transform: scale(.95);}
50% {opacity: 1;-webkit-transform: scale(1.1);transform: scale(1.1);}
100% {opacity: 0;-webkit-transform: scale(.3);transform: scale(.3);}
}

@keyframes bounceOut {
0% {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
25% {-webkit-transform: scale(.95);-ms-transform: scale(.95);transform: scale(.95);}
50% {opacity: 1;-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
100% {opacity: 0;-webkit-transform: scale(.3);-ms-transform: scale(.3);transform: scale(.3);}
}
.bounceOut {-webkit-animation-name: bounceOut;animation-name: bounceOut;}

@-webkit-keyframes bounceOutDown {
0% {-webkit-transform: translateY(0);transform: translateY(0);}
20% {opacity: 1;-webkit-transform: translateY(-20px);transform: translateY(-20px);}
100% {opacity: 0;-webkit-transform: translateY(2000px);transform: translateY(2000px);}
}

@keyframes bounceOutDown {
0% {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
20% {opacity: 1;-webkit-transform: translateY(-20px);-ms-transform: translateY(-20px);transform: translateY(-20px);}
100% {opacity: 0;-webkit-transform: translateY(2000px);-ms-transform: translateY(2000px);transform: translateY(2000px);}
}
.bounceOutDown {-webkit-animation-name: bounceOutDown;animation-name: bounceOutDown;}

@-webkit-keyframes bounceOutLeft {
0% {-webkit-transform: translateX(0);transform: translateX(0);}
20% {opacity: 1;-webkit-transform: translateX(20px);transform: translateX(20px);}
100% {opacity: 0;-webkit-transform: translateX(-2000px);transform: translateX(-2000px);}
}

@keyframes bounceOutLeft {
0% {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
20% {opacity: 1;-webkit-transform: translateX(20px);-ms-transform: translateX(20px);transform: translateX(20px);}
100% {opacity: 0;-webkit-transform: translateX(-2000px);-ms-transform: translateX(-2000px);transform: translateX(-2000px);}
}
.bounceOutLeft {-webkit-animation-name: bounceOutLeft;animation-name: bounceOutLeft;}

@-webkit-keyframes bounceOutRight {
0% {-webkit-transform: translateX(0);transform: translateX(0);}
20% {opacity: 1;-webkit-transform: translateX(-20px);transform: translateX(-20px);}
100% {opacity: 0;-webkit-transform: translateX(2000px);transform: translateX(2000px);}
}

@keyframes bounceOutRight {
0% {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}  
20% {opacity: 1;-webkit-transform: translateX(-20px);-ms-transform: translateX(-20px);transform: translateX(-20px);}
100% {opacity: 0;-webkit-transform: translateX(2000px);-ms-transform: translateX(2000px);transform: translateX(2000px);}
}
.bounceOutRight {-webkit-animation-name: bounceOutRight;animation-name: bounceOutRight;}

@-webkit-keyframes bounceOutUp {
0% {-webkit-transform: translateY(0);transform: translateY(0);}
20% {opacity: 1;-webkit-transform: translateY(20px);transform: translateY(20px);}
100% {opacity: 0;-webkit-transform: translateY(-2000px);transform: translateY(-2000px);}
}

@keyframes bounceOutUp {
0% {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
20% {opacity: 1;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);}
100% {opacity: 0;-webkit-transform: translateY(-2000px);-ms-transform: translateY(-2000px);transform: translateY(-2000px);}
}
.bounceOutUp {-webkit-animation-name: bounceOutUp;animation-name: bounceOutUp;}

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

@keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}

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

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

@keyframes fadeInDown {
0% {opacity: 0;-webkit-transform: translateY(-20px);-ms-transform: translateY(-20px);transform: translateY(-20px);}
100% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
}

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

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

@keyframes fadeInDownBig {
0% {opacity: 0;-webkit-transform: translateY(-2000px);-ms-transform: translateY(-2000px);transform: translateY(-2000px); }
100% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
}

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

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

@keyframes fadeInLeft {
0% {opacity: 0;-webkit-transform: translateX(-20px);-ms-transform: translateX(-20px);transform: translateX(-20px);}
100% {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
}
.fadeInLeft {-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;}

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

@keyframes fadeInLeftBig {
0% {opacity: 0;-webkit-transform: translateX(-2000px);-ms-transform: translateX(-2000px);transform: translateX(-2000px);}
100% {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
}

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

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

@keyframes fadeInRight {
0% {opacity: 0;-webkit-transform: translateX(20px);-ms-transform: translateX(20px);transform: translateX(20px);}
100% {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
}

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

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

@keyframes fadeInRightBig {
0% {opacity: 0;-webkit-transform: translateX(2000px);-ms-transform: translateX(2000px);transform: translateX(2000px);}
100% {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
}

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

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

@keyframes fadeInUp {
0% {opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);}
100% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
}
.fadeInUp {-webkit-animation-name: fadeInUp;animation-name: fadeInUp;}

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

@keyframes fadeInUpBig {
0% {opacity: 0;-webkit-transform: translateY(2000px);-ms-transform: translateY(2000px);transform: translateY(2000px);}
100% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
}

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

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

@keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}

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

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

@keyframes fadeOutDown {
0% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
100% {opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);}
}

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

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

@keyframes fadeOutDownBig {
0% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
100% {opacity: 0;-webkit-transform: translateY(2000px);-ms-transform: translateY(2000px);transform: translateY(2000px);}
}

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

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

@keyframes fadeOutLeft {
0% {opacity: 1;    -webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
100% {opacity: 0;-webkit-transform: translateX(-20px);-ms-transform: translateX(-20px);transform: translateX(-20px);}
}

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

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

@keyframes fadeOutLeftBig {
0% {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
100% {opacity: 0;-webkit-transform: translateX(-2000px);-ms-transform: translateX(-2000px);transform: translateX(-2000px);}
}

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

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

@keyframes fadeOutRight {
0% {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
100% {opacity: 0;-webkit-transform: translateX(20px);-ms-transform: translateX(20px);transform: translateX(20px);}
}

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

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

@keyframes fadeOutRightBig {
0% {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
100% {opacity: 0;-webkit-transform: translateX(2000px);-ms-transform: translateX(2000px);transform: translateX(2000px);}
}
.fadeOutRightBig {-webkit-animation-name: fadeOutRightBig;animation-name: fadeOutRightBig;}

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

@keyframes fadeOutUp {
0% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
100% {opacity: 0;-webkit-transform: translateY(-20px);-ms-transform: translateY(-20px);transform: translateY(-20px);}
}
.fadeOutUp {-webkit-animation-name: fadeOutUp;animation-name: fadeOutUp;}

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

@keyframes fadeOutUpBig {
0% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
100% {opacity: 0;-webkit-transform: translateY(-2000px);-ms-transform: translateY(-2000px);transform: translateY(-2000px);}
}

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

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

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

.animated.flip {-webkit-backface-visibility: visible;-ms-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);opacity: 0;}
40% {-webkit-transform: perspective(400px) rotateX(-10deg);transform: perspective(400px) rotateX(-10deg);}
70% {-webkit-transform: perspective(400px) rotateX(10deg);transform: perspective(400px) rotateX(10deg);}
100% {-webkit-transform: perspective(400px) rotateX(0deg);transform: perspective(400px) rotateX(0deg);opacity: 1;}
}

@keyframes flipInX {
0% {-webkit-transform: perspective(400px) rotateX(90deg);-ms-transform: perspective(400px) rotateX(90deg);transform: perspective(400px) rotateX(90deg);opacity: 0;}
40% {-webkit-transform: perspective(400px) rotateX(-10deg);-ms-transform: perspective(400px) rotateX(-10deg);transform: perspective(400px) rotateX(-10deg);}
70% {-webkit-transform: perspective(400px) rotateX(10deg);-ms-transform: perspective(400px) rotateX(10deg);transform: perspective(400px) rotateX(10deg);}
100% {-webkit-transform: perspective(400px) rotateX(0deg);-ms-transform: perspective(400px) rotateX(0deg);transform: perspective(400px) rotateX(0deg);opacity: 1;}
}

.flipInX {-webkit-backface-visibility: visible !important;-ms-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);opacity: 0;}
40% {-webkit-transform: perspective(400px) rotateY(-10deg);transform: perspective(400px) rotateY(-10deg);}
70% {-webkit-transform: perspective(400px) rotateY(10deg);transform: perspective(400px) rotateY(10deg);}
100% {-webkit-transform: perspective(400px) rotateY(0deg);transform: perspective(400px) rotateY(0deg);opacity: 1;}
}
@keyframes flipInY {
0% {-webkit-transform: perspective(400px) rotateY(90deg);-ms-transform: perspective(400px) rotateY(90deg);transform: perspective(400px) rotateY(90deg);opacity: 0;}
40% {-webkit-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg);transform: perspective(400px) rotateY(-10deg);}
70% {-webkit-transform: perspective(400px) rotateY(10deg);-ms-transform: perspective(400px) rotateY(10deg);transform: perspective(400px) rotateY(10deg);}
100% {-webkit-transform: perspective(400px) rotateY(0deg);-ms-transform: perspective(400px) rotateY(0deg);transform: perspective(400px) rotateY(0deg);opacity: 1;}
}

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

@keyframes flipOutX {
0% {-webkit-transform: perspective(400px) rotateX(0deg);-ms-transform: perspective(400px) rotateX(0deg);transform: perspective(400px) rotateX(0deg);opacity: 1;}
100% {-webkit-transform: perspective(400px) rotateX(90deg);-ms-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;-ms-backface-visibility: visible !important;backface-visibility: visible !important;}
@-webkit-keyframes flipOutY {
0% {-webkit-transform: perspective(400px) rotateY(0deg);transform: perspective(400px) rotateY(0deg);opacity: 1;}
100% {-webkit-transform: perspective(400px) rotateY(90deg);transform: perspective(400px) rotateY(90deg);opacity: 0;}
}

@keyframes flipOutY {
0% {-webkit-transform: perspective(400px) rotateY(0deg);-ms-transform: perspective(400px) rotateY(0deg);transform: perspective(400px) rotateY(0deg);opacity: 1;}
100% {-webkit-transform: perspective(400px) rotateY(90deg);-ms-transform: perspective(400px) rotateY(90deg);transform: perspective(400px) rotateY(90deg);opacity: 0;}
}

.flipOutY {-webkit-backface-visibility: visible !important;-ms-backface-visibility: visible !important;backface-visibility: visible !important;-webkit-animation-name: flipOutY;animation-name: flipOutY;}
@-webkit-keyframes lightSpeedIn {
0% {-webkit-transform: translateX(100%) skewX(-30deg);transform: translateX(100%) skewX(-30deg);opacity: 0;}
60% {-webkit-transform: translateX(-20%) skewX(30deg);transform: translateX(-20%) skewX(30deg);opacity: 1;}
80% {-webkit-transform: translateX(0%) skewX(-15deg);transform: translateX(0%) skewX(-15deg);opacity: 1;}
100% {-webkit-transform: translateX(0%) skewX(0deg);transform: translateX(0%) skewX(0deg);opacity: 1;}
}
@keyframes lightSpeedIn {
0% {-webkit-transform: translateX(100%) skewX(-30deg);-ms-transform: translateX(100%) skewX(-30deg);transform: translateX(100%) skewX(-30deg);opacity: 0;}
60% {-webkit-transform: translateX(-20%) skewX(30deg);-ms-transform: translateX(-20%) skewX(30deg);transform: translateX(-20%) skewX(30deg);opacity: 1;}
80% {-webkit-transform: translateX(0%) skewX(-15deg);-ms-transform: translateX(0%) skewX(-15deg);transform: translateX(0%) skewX(-15deg);opacity: 1;}
100% {-webkit-transform: translateX(0%) skewX(0deg);-ms-transform: translateX(0%) skewX(0deg);transform: translateX(0%) skewX(0deg);opacity: 1;}
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

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

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

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

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    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(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

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

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

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    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(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

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

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

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    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(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

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

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

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    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;
  }

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

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

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

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

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

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

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

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-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;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  100% {
    -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;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

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

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

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

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

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

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

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

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

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

@keyframes slideInLeft {
0% {opacity: 0;-webkit-transform: translateX(-2000px);-ms-transform: translateX(-2000px);transform: translateX(-2000px);}

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

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

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

@keyframes slideInRight {
0% {opacity: 0;-webkit-transform: translateX(2000px);-ms-transform: translateX(2000px);transform: translateX(2000px);}
100% {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
}

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

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

@keyframes slideOutLeft {
0% {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
100% {opacity: 0;-webkit-transform: translateX(-2000px);-ms-transform: translateX(-2000px);transform: translateX(-2000px);}
}

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

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

@keyframes slideOutRight {
0% {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
100% {opacity: 0;-webkit-transform: translateX(2000px);-ms-transform: translateX(2000px);transform: translateX(2000px);}
}
.slideOutRight {-webkit-animation-name: slideOutRight;animation-name: slideOutRight;}

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

@keyframes slideOutUp {
0% {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
100% {opacity: 0;-webkit-transform: translateY(-2000px);-ms-transform: translateY(-2000px);transform: translateY(-2000px);}
}
.slideOutUp {-webkit-animation-name: slideOutUp;animation-name: slideOutUp;}

@-webkit-keyframes hinge {
0% {-webkit-transform: rotate(0);transform: rotate(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% {-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;}
80% {-webkit-transform: rotate(60deg) translateY(0);transform: rotate(60deg) translateY(0);opacity: 1;-webkit-transform-origin: top left;transform-origin: top left;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;}
100% {-webkit-transform: translateY(700px);transform: translateY(700px);opacity: 0;}
}

@keyframes hinge {
0% {-webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0);-webkit-transform-origin: top left;
-ms-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);-ms-transform: rotate(80deg);transform: rotate(80deg);-webkit-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;}
40% {-webkit-transform: rotate(60deg);-ms-transform: rotate(60deg);transform: rotate(60deg);-webkit-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;}
80% {-webkit-transform: rotate(60deg) translateY(0);-ms-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);opacity: 1;-webkit-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;}

100% {-webkit-transform: translateY(700px);-ms-transform: translateY(700px);transform: translateY(700px);opacity: 0;}
}

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
0% {opacity: 0;-webkit-transform: translateX(-100%) rotate(-120deg);transform: translateX(-100%) rotate(-120deg);}

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

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

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

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

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

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




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

@keyframes fadeInboxl {
0% {opacity: 0;-webkit-transform: translateX(-20px);-ms-transform: translateX(-20px);transform: translateX(-20px);}
100% {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
}

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


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

@keyframes fadeInboxr {
0% {opacity: 0;-webkit-transform: translateX(20px);-ms-transform: translateX(20px);transform: translateX(20px);}
100% {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
}

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