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 .3s ease;transition:color .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(https://dwgfastview.pl/resource/image/pc-img/en/logo2.png.pagespeed.ce.O_SjqQAVgA.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,.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 0}.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}.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(https://dwgfastview.pl/resource/image/img2.0/phone.png.pagespeed.ce.UT2lX2Vz_X.png) no-repeat center center}.mail{background:url(https://dwgfastview.pl/resource/image/img2.0/mail.png.pagespeed.ce.3Mi6AQ5g7N.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(https://dwgfastview.pl/resource/image/img2.0/wechat_.png.pagespeed.ce.6vj4sV4D2f.png)}.footermbb dl a:hover .wx{background:url(https://dwgfastview.pl/resource/image/img2.0/wechat_hover.png.pagespeed.ce.Ml9nuv6t5G.png)}.fs{background:url(https://dwgfastview.pl/resource/image/img2.0/qq_C.png.pagespeed.ce.uy9ohNfbf6.png)}.footermbb dl a:hover .fs{background:url(https://dwgfastview.pl/resource/image/img2.0/qq_C_hover.png.pagespeed.ce.-sJACVYj5m.png);color:#14a6eb}.wb{background:url(https://dwgfastview.pl/resource/image/img2.0/sina_weibo.png.pagespeed.ce.kj6-W66drP.png)}.footermbb dl a:hover .wb{background:url(https://dwgfastview.pl/resource/image/img2.0/sina_weibo_hover.png.pagespeed.ce.rSqMRrXKMO.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(https://dwgfastview.pl/resource/image/img2.0/phone.png.pagespeed.ce.UT2lX2Vz_X.png) no-repeat center center}.sdkmail{background:url(https://dwgfastview.pl/resource/image/img2.0/mail.png.pagespeed.ce.3Mi6AQ5g7N.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(https://dwgfastview.pl/resource/image/img2.0/wechat_hover.png.pagespeed.ce.Ml9nuv6t5G.png)}.sdkfootermbb dl a:hover .fs{background:url(https://dwgfastview.pl/resource/image/img2.0/qq_C_hover.png.pagespeed.ce.-sJACVYj5m.png);color:#14a6eb}.sdkfootermbb dl a:hover .wb{background:url(https://dwgfastview.pl/resource/image/img2.0/sina_weibo_hover.png.pagespeed.ce.rSqMRrXKMO.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(https://dwgfastview.pl/resource/image/img2.0/down.png.pagespeed.ce.4_IGFA6-xF.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(https://dwgfastview.pl/resource/image/pc-img/en/foot-en-icon1.png.pagespeed.ce.h8W8sIEEK9.png) no-repeat center}.foot_en_btntwo{cursor:pointer;float:left;margin-right:14px;width:27px;height:55px;background:url(https://dwgfastview.pl/resource/image/pc-img/en/foot-en-icon4.png.pagespeed.ce.r40k9m2y1F.png) no-repeat center}.foot_en_btnthree{cursor:pointer;float:left;margin-right:14px;width:27px;height:55px;background:url(https://dwgfastview.pl/resource/image/pc-img/en/foot-en-icon5.png.pagespeed.ce.XYQS-7P7mW.png) no-repeat center}.foot_en_btnfour{cursor:pointer;float:left;margin-right:14px;width:27px;height:55px;background:url(https://dwgfastview.pl/resource/image/pc-img/en/foot-en-icon3.png.pagespeed.ce.QOlubXnONY.png) no-repeat center}.foot_en_btnfive{cursor:pointer;float:left;width:27px;height:55px;background:url(https://dwgfastview.pl/resource/image/pc-img/en/foot-en-icon2.png.pagespeed.ce.XoeQL0PiNq.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%}}.pctcbox{display:none}.pctcbox2{display:none}#superContainer{height:100%;position:relative}.section{position:relative;overflow:hidden}.section1{background:url(https://dwgfastview.pl/resource/image/img2.0/indexbg.png.pagespeed.ce.R1tw9MYt4L.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(https://dwgfastview.pl/resource/image/img2.0/yun.png.pagespeed.ce.dVM6GU-_mA.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(https://dwgfastview.pl/resource/image/img2.0/1s.png.pagespeed.ce.xo_zvpcC1d.png) no-repeat center center}.bnt1s a:hover{background:url(https://dwgfastview.pl/resource/image/img2.0/1shover.png.pagespeed.ce.Nmar_m3iGJ.png) no-repeat center center;background-size:cover}.bnt2s a{background:url(https://dwgfastview.pl/resource/image/img2.0/2s.png.pagespeed.ce.rMQmN9jpra.png) no-repeat center center}.bnt2s a:hover{background:url(https://dwgfastview.pl/resource/image/img2.0/2shover.png.pagespeed.ce.e_Sqh0Zv1X.png) no-repeat center center;background-size:cover}.bnt3s a{background:url(https://dwgfastview.pl/resource/image/img2.0/3s.png.pagespeed.ce.CJgZKZ8Ii_.png) no-repeat center center}.bnt3s a:hover{background:url(https://dwgfastview.pl/resource/image/img2.0/3shover.png.pagespeed.ce.TXOYU-_1pn.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(https://dwgfastview.pl/resource/image/img2.0/c01.png.pagespeed.ce.iXrSqoyhDe.png) no-repeat center center;background-size:cover}.bntt1s a:hover,.bntt1s.onhover a{background:url(https://dwgfastview.pl/resource/image/img2.0/c01h.png.pagespeed.ce.CEQbwuxZ22.png) no-repeat center center;background-size:cover}.bntt2s a{background:url(https://dwgfastview.pl/resource/image/img2.0/c02.png.pagespeed.ce.891USDmqf-.png) no-repeat center center;background-size:cover}.bntt2s.onhover a,.bntt2s a:hover{background:url(https://dwgfastview.pl/resource/image/img2.0/c02h.png.pagespeed.ce.4z5BKD01CX.png) no-repeat center center;background-size:cover}.bntt3s a{background:url(https://dwgfastview.pl/resource/image/img2.0/c03.png.pagespeed.ce.KfOSHctcKR.png) no-repeat center center;background-size:cover}.bntt3s.onhover a,.bntt3s a:hover{background:url(https://dwgfastview.pl/resource/image/img2.0/c03h.png.pagespeed.ce.xgXHsdQDFN.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(https://dwgfastview.pl/resource/image/img2.0/indextep2bg.png.pagespeed.ce.iljyCnHVjH.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:0}.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(https://dwgfastview.pl/resource/image/img2.0/index4bg.png.pagespeed.ce.qs4fEHQvrC.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(https://dwgfastview.pl/resource/image/img2.0/xqybanner.png.pagespeed.ic.Z3YssQOVU-.jpg) 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(https://dwgfastview.pl/resource/image/img2.0/do2.png.pagespeed.ce.qfrf8pqZNq.png) no-repeat right}.sbbox .sbboxleft.onbg{background:url(https://dwgfastview.pl/resource/image/img2.0/do.png.pagespeed.ce.J8WobMZZC-.png) no-repeat right}.sbboxright{position:absolute;right:0;width:50%;height:730px;background:url(https://dwgfastview.pl/resource/image/img2.0/do2h.png.pagespeed.ce.bk4bZgYmzE.png) no-repeat left}.sbbox .sbboxright.onbg{background:url(https://dwgfastview.pl/resource/image/img2.0/doh.png.pagespeed.ce.m_2ZZKl7Fv.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(https://dwgfastview.pl/resource/image/img2.0/logo2.png.pagespeed.ce.O_SjqQAVgA.png) no-repeat center center}.pcbanner{background:url(https://dwgfastview.pl/resource/image/img2.0/pcbanner.png.pagespeed.ce.Ef4VNAMvz6.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(https://dwgfastview.pl/resource/image/img2.0/xwin.png.pagespeed.ic.T4tQX3v7xR.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(https://dwgfastview.pl/resource/image/img2.0/downbg.png.pagespeed.ce.btxd1xmg2a.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:.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(https://dwgfastview.pl/resource/image/img2.0/webbannerimg.png.pagespeed.ce.UuClbmzkiT.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;margin-top:100px;padding-bottom:20px}.section5{background:url(https://dwgfastview.pl/resource/image/pc-img/en/xwebye.jpg.pagespeed.ic.OqVX1NAOXq.jpg) no-repeat center center;margin-top:70px;background-size:cover;width:100%}.webfast2{background:url(https://dwgfastview.pl/resource/image/pc-img/en/xwebye.jpg.pagespeed.ic.OqVX1NAOXq.jpg) no-repeat center center;height:662px}.webpf{position:absolute;right:0;top:20px;background:url(https://dwgfastview.pl/resource/image/img2.0/webpf.png.pagespeed.ce.60nUDEVVbK.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(https://dwgfastview.pl/resource/image/img2.0/close.png.pagespeed.ce.54PwrObfRv.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:.7;z-index:100000;display:none}.laday2{width:100%;height:100%;position:fixed;left:0;top:0;background-color:#000;opacity:.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(https://dwgfastview.pl/resource/image/img2.0/downbgs.png.pagespeed.ce.0u-QmL0U09.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(https://dwgfastview.pl/resource/image/img2.0/dadros.png.pagespeed.ce.Mj7oBYbvme.png) no-repeat;width:22px;height:26px;display:inline-block;vertical-align:middle;margin-right:11px}.diphon{background:url(https://dwgfastview.pl/resource/image/img2.0/diphon.png.pagespeed.ce.qhgfj1ZzX9.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(https://dwgfastview.pl/resource/image/img2.0/dlink.png.pagespeed.ce.zDQt9mNfM5.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(https://dwgfastview.pl/resource/image/img2.0/sliuder.png.pagespeed.ce.eFeV20hq2A.png) no-repeat;position:absolute;left:50%;margin-left:-14px;z-index:999999;bottom:100px}.phonebanner{height:800px;background:url(https://dwgfastview.pl/resource/image/img2.0/phonebannerbg.png.pagespeed.ce.07lXqXbPJb.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(https://dwgfastview.pl/resource/image/img2.0/mobilebg.png.pagespeed.ce.NVKQ1Mq1wh.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(https://dwgfastview.pl/resource/image/img2.0/xphonebox.png.pagespeed.ic.wGdzvYEdI8.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(https://dwgfastview.pl/resource/image/img2.0/t01.png.pagespeed.ce.2lwTykjyE8.png)}.pt02{background-image:url(https://dwgfastview.pl/resource/image/img2.0/t02.png.pagespeed.ce.fYo2hI8JWe.png)}.pt03{background-image:url(https://dwgfastview.pl/resource/image/img2.0/t03.png.pagespeed.ce.uqoNT60ekt.png)}.pt04{background-image:url(https://dwgfastview.pl/resource/image/img2.0/t04.png.pagespeed.ce.KV3eD21zmd.png)}.pt05{background-image:url(https://dwgfastview.pl/resource/image/img2.0/t05.png.pagespeed.ce.h-PPQsQm8M.png)}.pt06{background-image:url(https://dwgfastview.pl/resource/image/img2.0/t06.png.pagespeed.ce.hoxqThC8ng.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(https://dwgfastview.pl/resource/image/img2.0/t01h.png.pagespeed.ce.6GOk1p6xWk.png)}.phonenavt:hover .pt02{background-image:url(https://dwgfastview.pl/resource/image/img2.0/t02h.png.pagespeed.ce.Yxpk3SQCLf.png)}.phonenavt:hover .pt03{background-image:url(https://dwgfastview.pl/resource/image/img2.0/t03h.png.pagespeed.ce.9128efyPk4.png)}.phonenavt:hover .pt04{background-image:url(https://dwgfastview.pl/resource/image/img2.0/t04h.png.pagespeed.ce.BOxbgZtADZ.png)}.phonenavt:hover .pt05{background-image:url(https://dwgfastview.pl/resource/image/img2.0/t05h.png.pagespeed.ce.DLPtZW80Dh.png)}.phonenavt:hover .pt06{background-image:url(https://dwgfastview.pl/resource/image/img2.0/t06h.png.pagespeed.ce.uxFanrDCni.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(https://dwgfastview.pl/resource/image/img2.0/indextep2bg.png.pagespeed.ce.iljyCnHVjH.png) no-repeat center bottom;background-size:100% auto}.sec2minboxt01 .container{background:url(https://dwgfastview.pl/resource/image/img2.0/contsen2.png.pagespeed.ce.pRDPMyxuB3.png) no-repeat center 190px}.sec2minboxt02{height:620px;background:url(https://dwgfastview.pl/resource/image/img2.0/indexts2.png.pagespeed.ce.qRCgudhRrX.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:0;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:0}.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(https://dwgfastview.pl/resource/image/img2.0/pr.png.pagespeed.ce.3AoOgV9-pD.png) no-repeat}.prev:hover{background:url(https://dwgfastview.pl/resource/image/img2.0/prh.png.pagespeed.ce.lcC8mbALs8.png)}.next{right:100px;background:url(https://dwgfastview.pl/resource/image/img2.0/nx.png.pagespeed.ce.l1Swa59dlF.png) no-repeat}.next:hover{background:url(https://dwgfastview.pl/resource/image/img2.0/nxh.png.pagespeed.ce.RD9608fi-n.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}}.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 .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .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:.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:0}.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:.5rem}.footerkf dl dd p{padding-top:.5rem}.footbot p:first-child{display:none}.footbot p{font-size:.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:.8rem;margin-top:.2rem;float:left;margin-right:2rem}.menuzk{width:1.8rem;height:1.8rem;background:url(https://dwgfastview.pl/resource/image/img2.0/menu.png.pagespeed.ce.fIMaqZfq7t.png) no-repeat center center;background-size:contain;float:right;margin-right:1.5rem}.menuclose{width:1.4rem;height:1.4rem;background:url(https://dwgfastview.pl/resource/image/img2.0/menuclose.png.pagespeed.ce.m3OwuCVLNG.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:.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(https://dwgfastview.pl/resource/image/img2.0/xlantiao.jpg.pagespeed.ic.4_CIamiNXT.jpg) repeat-x #00bcbb;position:relative;width:100%;height:483px;clear:both;text-align:center}.private_banner span{background:url(https://dwgfastview.pl/resource/image/img2.0/bannertu.jpg.pagespeed.ce.Vf-D_eRuQu.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(https://dwgfastview.pl/resource/image/img2.0/xtubiao_15.jpg.pagespeed.ic.WaFGtAzyfE.jpg) no-repeat}.away ul i.b2{background:url(https://dwgfastview.pl/resource/image/img2.0/xtubiao_18.jpg.pagespeed.ic.kIdJc7iBFU.jpg) no-repeat}.away ul i.b3{background:url(https://dwgfastview.pl/resource/image/img2.0/xtubiao_22.jpg.pagespeed.ic.JLhiUFl-mj.jpg) no-repeat}.away ul i.b4{background:url(https://dwgfastview.pl/resource/image/img2.0/xtubiao_23.jpg.pagespeed.ic.AULQriyQgh.jpg) no-repeat}.away ul i.b5{background:url(https://dwgfastview.pl/resource/image/img2.0/xtubiao_26.jpg.pagespeed.ic.ElEbsGDqbX.jpg) no-repeat}.away ul i.b6{background:url(https://dwgfastview.pl/resource/image/img2.0/xtubiao_27.jpg.pagespeed.ic.ZhJfxwNYtM.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(https://dwgfastview.pl/resource/image/img2.0/xchj_31.jpg.pagespeed.ic.IJl-TDpnpz.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:.2rem;font-size:12px}}.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}.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}.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}.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}.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}@-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%);}
}@-webkit-keyframes fade {
from { opacity: 0;}
to { opacity: 1; }
}@keyframes fade {
from {opacity: 0; }
to { opacity: 1; }
}@-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%); }
}.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}@-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); }
}.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}.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}.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}.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}.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}.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}.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}.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}.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}.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}.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}.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}.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}@-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; }
}@-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; }
}@-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); }
}@-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; }
}@-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); }
}@-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); }
}@-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); }
}@-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); }
}@-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); }
}@-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); }
}@-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); }
}@-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); }
}@-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); }
}.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}@-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}@-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}@-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}@-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}