#container{position: fixed;top: 0;left: 0;right: 0;bottom: 0;display: block;overflow-x:hidden;overflow-y:auto; z-index: 999;}
.triangleContainer{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
.circle{display: inline-block;width: 9px;height: 9px;margin-left: 20px;background:url(http://sw.matrixdigi.com/minis/sw/images/icon_nav.png) no-repeat center bottom;}
.f12{font-size: 12px;}
.f16{font-size: 16px;}
.f18{font-size: 18px;}
.hide{display:none;}
.clearfix{clear:both;}
.dark-gray{color:#595656;}
.gary{color:#969696;}
.wrap{width: 1000px;position: relative;margin: 0 auto;overflow: hidden;height: 100%;z-index: 998;}
h2{font-size: 36px;color:#595656;}
#small-logo{position: fixed;z-index: 1000;top: 50px;left: 40px;display: none;}
/*right nav*/
.sidebar{right: 42px;top: 50px;position: fixed;z-index: 999;}
.nav li{margin:20px 0;text-align: right;transform: translateX(150px);-webkit-transform: translateX(150px);-moz-transform: translateX(150px);transition:all .5s ease-out;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;}
.nav li:hover a{color:#595656}
.nav .on a{ color:#595656;}
.nav .on .circle,.nav li:hover span{background:url(http://sw.matrixdigi.com/minis/sw/images/icon_nav.png) no-repeat center top;}
.nav a{color: #969696;font-size: 13px;}
.social{position: relative;left: 28px;}
.social a{width: 45px;height: 45px;background: url(http://sw.matrixdigi.com/minis/sw/images/icon_social.png) no-repeat 0 center #8d8d8d;border-radius: 50%;display: inline-block;margin:0 0 0 10px;behavior:url(css/PIE.htc);}
.social .sina{background-position: 10px;}
.social .qqblog{background-position: -53px;}


/*page0*/
li.layer{width: 100%;height: 100%;position: absolute;} 
li.layer.layer0{overflow: hidden;}
li.layer.layer1{z-index: 910;}
li.layer.layer2{z-index: 910;}
li.layer.layer3{z-index:950;}
li.layer.layer4{z-index:950;}
li.layer.layer5{z-index:998;}
li.layer.layer6{z-index:950;}
li.layer.layer7{z-index:950;}
li.layer.layer8{z-index: 997;}
#big-logo{width: 902px;position: absolute;top: 50%;left: 50%;margin:-192.5px 0 0 -451px;}
.mouse{width: 36px;height: 65px;background:url(http://sw.matrixdigi.com/minis/sw/images/page0/mouse.png);position: absolute;bottom: 20px;left: 50%;margin-left: -18px;}
/*.bg-dot{width: 100%;height: 100%;z-index: 998;position: absolute;background: url(http://sw.matrixdigi.com/minis/sw/images/page0/bg_dot.png) 49px 11px;top: 0;left: 0;transition:background-position 6s cubic-bezier(.09,.63,.15,.95);-webkit-transition:background-position 6s cubic-bezier(.09,.63,.15,.95);-moz-transition:background-position 6s cubic-bezier(.09,.63,.15,.95);}
.on .bg-dot{background-position: 49px -4000px;}*/
.things{width: 100%;height: 100%;position: absolute;;top:0;z-index: 997;}
#scene1{overflow: hidden;}
#scene1 li.layer{overflow: hidden;}
.ball img{display: block;}
.ball{position: absolute;z-index: 950;}
.ball1{top: 0;left: 894px;width: 10.9375%;opacity: 0;}
.ball2{top: -30px;left: -70px;width: 32.5625%;}
.ball3{bottom: -187px;left: 0;width: 30.78%;opacity: 0;}
.ball4{right: -30px;bottom: -30px;width: 24.27%;}
.page0.on .ball1{opacity: 1;animation:oneMove 4.5s ease-out forwards;-webkit-animation:oneMove 4.5s ease-out forwards;-moz-animation:oneMove 4.5s ease-out forwards;}

@keyframes oneMove{
    0%,60%{transform: translateY(200%) translateX(-100%);opacity: 0;}
    100%{transform:  translateX(0) translateY(0); opacity: 1;}
}
@-webkit-keyframes oneMove{
    0%,60%{-webkit-transform:translateY(200%) translateX(-100%);opacity: 0;}
    100%{-webkit-transform: translateX(0) translateY(0); opacity: 1;}
}
@-moz-keyframes oneMove{
    0%,60%{-moz-transform: translateY(200%) translateX(-100%);opacity: 0;}
    100%{-moz-transform:  translateX(0) translateY(0); opacity: 1;}
}

.page0.on .ball3{opacity: 1;animation:threeMove 3s ease-out forwards;-webkit-animation:threeMove 3s ease-out forwards;-moz-animation:threeMove 3s ease-out forwards;}

@keyframes threeMove{
    0%,50%{transform: translateX(20%) translateY(-10%);opacity: 0;}
    100%{transform: translateX(0) translateY(0); opacity: 1;}
}
@-webkit-keyframes threeMove{
    0%,50%{-webkit-transform: translateX(200%) translateY(-100%);opacity: 0;}
    100%{-webkit-transform:  translateX(0) translateY(0); opacity: 1;}
}
@-moz-keyframes threeMove{
    0%,50%{-moz-transform: translateX(200%) translateY(-100%);opacity: 0;}
    100%{-moz-transform: translateX(0) translateY(0); opacity: 1;}
}

.page0  #big-logo{opacity:0; transform: translateY(122.5px);-webkit-transform: translateY(122.5px);-moz-transform: translateY(122.5px);transition:transform 2.5s 1s ease-out,opacity 2.5s 1s;-webkit-transition:-webkit-transform 2.5s 1s ease-out,opacity 2.5s 1s;-moz-transition:-moz-transform 2.5s 1s ease-out,opacity 2.5s 1s;}
.page0.on #big-logo{opacity: 1;transform: translateX(0);-webkit-transform: translateX(0);-moz-transform: translateX(0);}
.line{position: absolute;}
.line1{width: 35.026%;top: 0;clip: rect(0 750px 0 0);left: 70px;}
.on .line1{clip: rect(0 750px 729px 0);left: 0px;}
.line2{width: 25.15625%;bottom: 0;right: 100px;clip: rect(826px 483px 826px 0px);}
.on .line2{clip: rect(0 483px 826px 0px);right: 0;}
/*.about-us,.business,.solution,.customer{position: absolute;top:0;}*/

/*page1*/
.about-us{width:100%}
.about{position:relative;overflow:hidden;height:480px;width:807px;margin:0 auto}
span.f15{font-size:15px;color:#969696}
.describe{float:left;width:51%}
.describe .title{overflow:hidden}
.right{float:right}
.title .dark-gray{float:left;margin-right:10px}
.content{margin:35px 0 0}
.content p{line-height:28px}
.content a{background:#595656;padding:3px;color:#fff;line-height:41px}
em{text-align:center;font-style:normal;margin:0 2px;font-weight:700}
.about-nav{width:602px;margin:0 auto 60px;position:relative;z-index:999}
.business-nav{width:802px;margin: 0px auto 80px;}
.about-nav li.on a,.business-nav li.on a{background:#595656;height:40px;border:0}
.about-nav ul,.business-nav ul{overflow:hidden;border:1px solid #969696;border-radius:10px}
.about-nav ul li,.business-nav ul li{float:left;width:200px;text-align:center}
.about-nav a,.business-nav a{color:#595656;display:block;height:38px;line-height:38px}
.about-nav .on a, .business-nav .on a{color: #fff;}
.right.r1{position: relative;}
/*transition*/
.about .title,
.about .content{opacity: 0;transition:transform 1s ease-out, opacity 1s ease-out;-webkit-transition:-webkit-transform 1s ease-out,opacity 1s ease-out;-moz-transition:-moz-transform 1s ease-out,opacity 1s ease-out;transform:translateY(60px);-webkit-transform:translateY(60px);-moz-transform:translateY(60px);}
.about.on .title,
.about.on .content{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);opacity: 1;}
.about .profile{line-height: 23px;}
.about .content{transition-delay:.3s;-webkit-transition-delay:.3s;-moz-transition-delay:.3s;}

/*company introduce */
.about.company{top: 66px;overflow: visible;}
.about.company .right img{position: absolute;right:-53px;}
/*management introduce*/
.about.management{width: 920px;height:560px}
.about.management .position{text-indent: 1px;font-size: 14px;}
.about.management .content p{ margin-top: 10px; width: 442px;line-height:24px;}

/*honours*/
.parBd{position:relative;}
.about.honours{width:100%;background:url(http://sw.matrixdigi.com/minis/sw/images/page1/honor_bg.png) no-repeat 91px 41px}
.about.honours .slideBox{width:860px;margin:0 auto;overflow:hidden;height:293px;position:relative;}
.about.honours .slideBox li{width:860px;float:left;display: none;}
.about.honours .slideBox li.on{display: block;}
.about.honours .slideGroup .parHd{width:510px;overflow:hidden;margin:40px auto 0}
/* .about.honours .slideGroup .parHd{width:306px;overflow:hidden;margin:40px auto 0} */
.about.honours .slideGroup .parHd li{float:left;margin: 0 12px;position:relative;cursor:pointer;}
.about.honours .slideGroup .arrow{width:16px;height:40px;position:absolute;top:50%;margin-top:-20px}
.about.honours .slideGroup .arrow.sPrev{background:url(http://sw.matrixdigi.com/minis/sw/images/page1/arrow.png) no-repeat left top;left:30px}
.about.honours .slideGroup .arrow.sNext{background:url(http://sw.matrixdigi.com/minis/sw/images/page1/arrow.png) no-repeat right center;right:30px}
.arrow.sPrev{display: none;}
.about.honours .slideGroup .parHd li .circle{float:left;margin:12px 12px 12px 0}
.about.honours .slideGroup .parHd li.on .circle{background:url(http://sw.matrixdigi.com/minis/sw/images/icon_nav.png) no-repeat center top}
.about.honours .slideGroup .parHd a{font-size:24px;color:#595656}
.about.honours .trophy img{margin:0 auto;display:block}
.about.honours .trophy,.about.honours .trophy-describe{float:left;width:50%}
.about.honours .trophy-describe{margin-top: 89px;}
.about.honours .trophy-describe h3{font-size: 24px;color: #595656;}
.about.honours .trophy-describe h4{font-size: 22px;color: #595656;margin: 10px 0;}
.about.honours .trophy-describe p{color: #8d8d8d;line-height: 22px;}
.honour-timeline{width:100%;height:100%;position: absolute;left:0;top:0;background:url(http://sw.matrixdigi.com/minis/sw/images/page1/time_bg.png) repeat-x left bottom;overflow: hidden;display:none;/* z-index: 999; */}
.honour-timeline ul{position: absolute;bottom:0;left: 0;z-index: 999;display:none;}
.honour-timeline ul.time-on{display: block;}
.honour-timeline li{display:inline-block;margin:0 82px;background:#8a8a8a;width:1px;text-align:center;position:relative;}
/* .honour-timeline li p{position: absolute; top: -45px;width: 300px;color:#8a8a8a;left: -150px;cursor: pointer;white-space: nowrap;} */
.honour-timeline li p{position: absolute; top: -45px;width: 300px;color:#8a8a8a;left: -150px;cursor: pointer;}
.honour-timeline .time{height: 258px;}
.honour-timeline .time i{background:url(http://sw.matrixdigi.com/minis/sw/images/page1/honor_time_bg.png) no-repeat center center;color:#ffffff;width:110px;height:35px;text-align: center;font-size:24px;line-height:35px;position: absolute;top:-35px;left:-55px;font-style: normal;}
.honour-timeline .high{height: 146px;}
.honour-timeline .low{height: 64px;}
.honour-timeline .high i,.honour-timeline .low i{background: url(http://sw.matrixdigi.com/minis/sw/images/page1/time_dot.png) no-repeat center center;width:11px;height:11px;position:absolute;top:-5px;left:-5px;}
.honour-timeline li p.one{top:-26px;}
.honour-timeline li p.three{top:-63px;}

/*news*/
/*.news{position: absolute;top :0;}
.news h2{font-size:36px;text-align:center;line-height:29px;margin: 0 0 290px;}
.news h2 span{font-size:14px;color:#969696}
.news{width:1000px;margin:0 auto}
.news .slideBox{width:806px;margin:0 auto;overflow:hidden;height:270px;position:relative;}
.news .slideBox li{width:806px;float:left}
.news .slideBox li  img{float:left;}
.news .slideBox li .img-intro{position:relative;width:288px;padding:25px 16px 0;height:245px;background:url(http://sw.matrixdigi.com/minis/sw/images/page2/slide_bg.png) no-repeat center center;float:left;}
.news .slideBox li .img-intro h2{text-align:left;font-size:30px;color: #595656;line-height: 35px;margin-bottom: 20px;}
.news .slideBox li .img-intro p{color:#595656}
.news .slideBox li .img-intro .date{color:#b5b5b5;position: absolute;left: 16px;bottom: 20px;font-style: italic;}
.news .slideGroup .parHd{width:205px;overflow:hidden;margin:40px auto 0}
.news .slideGroup .parHd li{float:left;padding:0 12px;position:relative}
.news .slideGroup .arrow{width:16px;height:40px;position:absolute;top:50%;margin-top:-20px}
.news .slideGroup .arrow.sPrev{background:url(http://sw.matrixdigi.com/minis/sw/images/page1/arrow.png) no-repeat left top;left:30px}
.news .slideGroup .arrow.sNext{background:url(http://sw.matrixdigi.com/minis/sw/images/page1/arrow.png) no-repeat right center;right:30px}
.news .slideGroup .arrow.prevStop{display: none;}
.news .slideGroup .arrow.nextStop{display: none;}
.page2 .timeline{background: url(http://sw.matrixdigi.com/minis/sw/images/page2/timeline_bg.png) repeat-x center bottom;width:100%;height:154px;position:absolute;left:0;top: 50%;margin-top: -175px;z-index: 998;}
.page2 .timeline ul{position: absolute;bottom:0;left:50%;margin-left: -430px;}
.page2 .timeline li{height:85px;background:#8d8d8d;float: left;width:1px;margin-right:222px;position:relative;}
.page2 .timeline li.time{margin-right:182px;}
.page2 .timeline li.time span{position:absolute;text-align:center;line-height:35px;color:#ffffff;font-size:24px;background:url(http://sw.matrixdigi.com/minis/sw/images/page2/year_bg.png) no-repeat center center;width:110px;height:35px;left: -55px;bottom: 84px;position: absolute;}
.page2 .timeline li img{position: absolute;bottom: 60px;left: -80px;cursor:pointer;}
.page2 .timeline li i{position: absolute;width:26px;height:26px;background:url(http://sw.matrixdigi.com/minis/sw/images/page2/i_logo.png) no-repeat center center;bottom:-13px;left:-13px;}
*/
/*page2*/
#p2 h2{font-size:28px;margin-bottom:34px}
.business{width:1000px}
.business-item{overflow:hidden;width:1000px;margin:0 auto;display:none;height:410px}
.business-item.on{display:block}
.business-item .left{float:left;position:relative}
.business-item .right{width:463px;margin-top:71px;position:relative}
.business-item.item-0 .left{left:50px}
.business-item.item-0 .right{right:50px}
.business-item.item-3{background:url(http://sw.matrixdigi.com/minis/sw/images/page3/business04.png) no-repeat center}
.business-item.item-3 .server-con{position:absolute;color:#595656}
.business-item.item-3 .server-con .department{float:left;font-size:24px;margin-right:10px}
.business-item.item-3 .server-con p{font-size:12px;float:left;line-height:20px;position: relative;top: 3px;}
.business-item.item-3 .sc1{left:67px;top: 168px;}
.business-item.item-3 .sc2{right:10px;top: 125px;}
.business-item.item-3 .sc3{right:22px;top: 261px;}
.business-item.item-3 .sc4{left:20px;bottom: 69px;}
.business-item.item-3 .sc5{right:14px;bottom: 38px;}
.business-item .right p{line-height:20px;margin-top:10px;color:#595656}

/*page3*/
.solution{width:100%;position: relative;
    margin-top: 2%;
display: inline-block;
text-align: center;}
.solution ul{width:1140px;display:inline-block;}
.solution li{margin:0 35px 30px 0;float:left;text-align:center;position:relative;width:250px;height:480px;perspective:800px;-webkit-perspective:800px;cursor: pointer;}
.solution li .gray{line-height:26px;margin:29px 0 0}
.solution-leave{width:250px;height:480px;overflow:hidden;position:relative;z-index:3;backface-visibility:hidden;-webkit-backface-visibility: hidden;transition:all .8s ease-in-out;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out}
.solution .solution-hover{width:250px;height:480px;position:relative;top:-480px;/*background:no-repeat no-repeat center top #fff;*/z-index:2;backface-visibility:hidden;-webkit-backface-visibility: hidden;transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);transition:all .8s ease-in-out;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;}
.solution li:hover .solution-hover{transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);z-index:3}
.solution li:hover .solution-leave{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);z-index:2}
.solution li span{font-size:18px;color:#fff;display:block;position:absolute;text-align:center;width:100%;bottom:31px;z-index:11}
.solution .solution-7,.solution .solution-8,.solution .solution-9{margin-bottom:0}
.solution .solution-hover span{color:#595656}
.solution .solution-4 .gray,.solution .solution-5 .gray,.solution .solution-7 .gray,.solution .solution-8 .gray,.solution .solution-9 .gray{margin:59px 0 0}



/*page4*/
.customer{overflow: hidden;}
.customer ul li{float: left;padding: 20px;width: 200px;border-right: 2px solid #eeeeef;border-bottom: 2px solid #eeeeef;cursor: pointer;}
.customer .no-border-right{border-right: none;}
.customer .no-border-bottom{border-bottom: none;}
.customer ul li a{width: 100%;height:100px;background:url(http://sw.matrixdigi.com/minis/sw/images/page5/icon-customer.png) no-repeat;display: block;transition:all .5s ease-out;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;}
.customer ul li a.hide{display: none;}
.customer ul li a:hover{background: url(http://sw.matrixdigi.com/minis/sw/images/page5/icon-customer-on.png) no-repeat;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}
.customer ul li a.customer-1{background-position: 24px 7px;}
.customer ul li a.customer-2{background-position: -226px 8px;}
.customer ul li a.customer-3{background-position: -477px 10px;}
.customer ul li a.customer-4{background-position: -734px 10px;}
.customer ul li a.customer-5{background-position: 23px -163px;}
.customer ul li a.customer-6{background-position: -230px -159px;}
.customer ul li a.customer-7{background-position: -479px -158px;}
.customer ul li a.customer-8{background-position: -725px -160px;}
.customer ul li a.customer-9{background-position: 21px -339px;}
.customer ul li a.customer-10{background-position: -238px -336px;}
.customer ul li a.customer-11{background-position: -477px -334px;}
.customer ul li a.customer-12{background-position: -726px -347px;}
/*overlay*/
.pop-wrap{display:none;position: absolute;width:1000px;margin: 0 auto;height: 100%;top: 50%;left: 50%;margin-left: -500px;margin-top:-393px;z-index: 4000;}
.overlay{position:fixed;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.2;filter:alpha(opacity=20);z-index: 3000;display:none;}
.pop{display:none;position:relative;}
.pop-con .case-intro{padding:28px 33px;height:127px;width:855px;margin-top:15px;background:#fff;}
.pop-con h1{font-size:18px;color: #595656;font-weight: bold;padding-bottom:14px;float:left;}
.pop-con p{color: #595656;line-height:24px;clear:both;}
.pop-con .case-intro img{position: relative;left: 20px;top: -10px;}
.close-btn{z-index:5000;width:60px;height:60px;position:absolute;right: 0;background:url(http://sw.matrixdigi.com/minis/sw/images/page5/close_bg.jpg) no-repeat center center;display:none;}
.pop .arrow{width:16px;height:40px;position:absolute;top:50%;margin-top:-20px;}
.pop .arrow.prev{background:url(http://sw.matrixdigi.com/minis/sw/images/page1/arrow.png) no-repeat left top;left:-30px;}
.pop .arrow.next{background:url(http://sw.matrixdigi.com/minis/sw/images/page1/arrow.png) no-repeat right center;right: 50px;}
/*page5*/ 
.contact-us .title{margin:0 auto;width:587px;overflow:hidden;margin-top:71px}
.contact-us .title .left-img{width:287px;background:url(http://sw.matrixdigi.com/minis/sw/images/page6/contact-us.png) no-repeat;height:87px;float:left}
.contact-us .title p{float:left;margin-top:0}
.contact-us .title p span{font-size:36px;color:#595656}
.footer{height:258px;background:#595656;position:absolute;bottom:0;width:100%;text-align:center;z-index:998}
.footer ul{overflow:hidden}
.footer ul li{width:33.2%;float:left;border-right:1px solid #969696;margin-top:22px}
.landmark img{display:block;margin:0 auto;position:absolute;bottom:-90px}
.landmark .landmark-sh{left:93px}
.landmark .landmark-bj{left:280px}
.landmark .landmark-gz{right:281px}
.landmark .landmark-sz{right:81px}
.footer .shenzhen{border-right:none}
.footer h3{font-size:18px;margin:8px 0 1px}
.footer h3 span{font-size:16px}
.footer li p,.footer h3{color:#fff;line-height:26px}
.footer p{font-size:12px;margin:17px 0 0}
.footer-ball li{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}
.footer-ball .fball01{position:absolute;top:141px;left:50%;margin-left:-789px}
.footer-ball .fball02{position:absolute;margin-left:1059px;top:-223px}

/*triangle*/
.flotantes{position: absolute;z-index:0;height:100%;width: 100%;left: 0;top: 0;overflow: hidden;}
.profile_floating_01{height:42px;width:85px;position:absolute;z-index:3;top:1200px; left: 81px;}
.profile_floating_02{height:54px;width:54px;position:absolute;z-index:3;top:379px;left: 260px;}
.profile_floating_03{ width:342px; height:171px;position:absolute;z-index:3;top:780px; right: 94px;}
.profile_floating_04{ width:272px; height:136px;position:absolute;z-index:3;top:239px; right: 283px; -webkit-transform: rotateZ(29deg);-moz-transform: rotateZ(29deg)}
.profile_floating_05{ width:121; height:243px;position:absolute;z-index:3;top:465px; left: 41px;}
.profile_floating_06{ width:254px; height:508px;position:absolute;z-index:3;top:379px; left: 82px;}
.profile_floating_07{ width:243px; height:121px;position:absolute;z-index:3;top:400px; right: 109px; -webkit-transform: rotateZ(90deg);-moz-transform: rotateZ(90deg)}
.profile_floating_08{ width:342px; height:171px;position:absolute;z-index:3;top:566px; right: 236px;}
/*triangle animation*/
/*.triangleContainer > div{position: absolute;width: 80px;height: 40px;animation-iteration-count: infinite, infinite;animation-direction: normal, normal;animation-timing-function: linear, ease-in;-webkit-animation-iteration-count: infinite, infinite;-webkit-animation-direction: normal, normal;-webkit-animation-timing-function: linear, ease-in;-moz-animation-iteration-count: infinite, infinite;-moz-animation-direction: normal, normal;-moz-animation-timing-function: linear, ease-in;}
.triangleContainer > div > img{position: absolute;animation-iteration-count: infinite;animation-direction: alternate;animation-timing-function: ease-in-out;transform-origin: 50% -100%;-webkit-animation-iteration-count: infinite;-webkit-animation-direction: alternate;-webkit-animation-timing-function: ease-in-out;-webkit-transform-origin: 50% -100%;-moz-animation-iteration-count: infinite;-moz-animation-direction: alternate;-moz-animation-timing-function: ease-in-out;-moz-transform-origin: 50% -100%;}

@keyframes fade
{
    0%  {opacity: 1; }
    90% {opacity: 1; }
    100%{opacity: 0; }
}
@-webkit-keyframes fade
{
    0%  {opacity: 1; }
    90% {opacity: 1; }
    100%{opacity: 0; }
}
@-moz-keyframes fade
{
    0%  {opacity: 1; }
    90% {opacity: 1; }
    100%{opacity: 0; }
}

@keyframes drop
{
    0%  {transform: translate(0px, -50px); }
    100%{transform: translate(0px, 1000px); }
}
@-webkit-keyframes drop
{
    0%  {-webkit-transform: translate(0px, -50px); }
    100%{-webkit-transform: translate(0px, 1000px); }
}
@-moz-keyframes drop
{
    0%  {-moz-transform: translate(0px, -50px); }
    100%{-moz-transform: translate(0px, 1000px); }
}

@keyframes clockwiseSpin
{
    0%  {transform: rotateZ(-50deg) rotateY(0); }
    100%{transform: rotateZ(50deg) rotateY(360deg); }
}
@-webkit-keyframes clockwiseSpin
{
    0%  {-webkit-transform: rotateZ(-50deg) rotateY(0); }
    100%{-webkit-transform: rotateZ(50deg) rotateY(360deg); }
}
@-moz-keyframes clockwiseSpin
{
    0%  {-moz-transform: rotateZ(-50deg) rotateY(0); }
    100%{-moz-transform: rotateZ(50deg) rotateY(360deg); }
}

@keyframes counterclockwiseSpinAndFlip 
{
    0%  {transform: scale(-1, 1) rotate(50deg); }
    100%{transform: scale(-1, 1) rotate(-50deg); }
}
@-webkit-keyframes counterclockwiseSpinAndFlip 
{
    0%  {-webkit-transform: scale(-1, 1) rotate(50deg); }
    100%{-webkit-transform: scale(-1, 1) rotate(-50deg); }
}
@-moz-keyframes counterclockwiseSpinAndFlip 
{
    0%  {-moz-transform: scale(-1, 1) rotate(50deg); }
    100%{-moz-transform: scale(-1, 1) rotate(-50deg); }
}*/

/*@media screen and (max-width: 1024px){
    #p2 .arrow{
      display: none;
    }
}*/
@media screen and (max-width: 1400px){
   #small-logo{
      width: 110px;
      left: 20px;
    }
}