html{user-select:none;cursor:default;font-size:6.25%}html,body{height:100%}body{overflow:hidden;margin:0;background:radial-gradient(#314131 19%,rgba(49,65,49,0) 20%)0 0,radial-gradient(#314131 19%,rgba(49,65,49,0) 20%) 11px 11px,radial-gradient(#424d42 20%,rgba(66,77,66,0) 22%)0 1px,radial-gradient(#424d42 20%,rgba(66,77,66,0) 22%) 11px 12px;background-color:#424939;background-size:22px 22px!important}ul{margin:0;padding:0}ul li{list-style:none}p{margin:0}:focus{outline:0}.sprites{display:inline-block;background-image:url(sprites.png);background-repeat:no-repeat}.content-center{display:block;display:-webkit-box;display:box;-webkit-box-orient:horizontal;box-orient:horizontal;-webkit-box-pack:center;box-pack:center;-webkit-box-align:center;box-align:center}.wrapper{position:relative;overflow:hidden;width:480px;height:800px;margin:auto;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.page{position:absolute;top:0;right:0;bottom:0;left:0}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadeout{0%{opacity:1}to{opacity:0}}@keyframes fadeout{0%{opacity:1}to{opacity:0}}.step-1{opacity:1;margin-top:16%;-webkit-animation:fadein 1s;animation:fadein 1s}.conteiner-logoicon{position:relative;z-index:1;width:330px;height:305px;margin:auto}@keyframes logo-icon{0%{top:0}5%{opacity:1;top:0}10%{opacity:1;top:5px}15%{opacity:1;top:-7px}25%{opacity:1;top:10px}32%{opacity:1;top:-10px}40%{opacity:1;top:25px}55%{opacity:0;top:-500px}to{top:-500px}}@keyframes logo-icon{0%{top:0}5%{opacity:1;top:0}10%{opacity:1;top:5px}15%{opacity:1;top:-7px}25%{opacity:1;top:10px}32%{opacity:1;top:-10px}40%{opacity:1;top:25px}55%{opacity:0;top:-500px}to{top:-500px}}.logo-icon{opacity:0;position:absolute;top:-500px;right:0;left:0;height:305px;background-position:0 0;-webkit-animation:logo-icon 8s;animation:logo-icon 8s}.conteiner-logofn{position:relative;width:340px;height:55px;margin:auto}@keyframes logo-fn{0%{bottom:0}5%{opacity:1;bottom:0}55%{opacity:1;bottom:0}60%{opacity:0;bottom:-300px}to{bottom:-300px}}@keyframes logo-fn{0%{bottom:0}5%{opacity:1;bottom:0}55%{opacity:1;bottom:0}60%{opacity:0;bottom:-300px}to{bottom:-300px}}.logo-fn{opacity:0;position:absolute;right:0;left:0;bottom:-300px;height:55px;background-position:0-305px;-webkit-animation:logo-fn 6s;animation:logo-fn 6s}.step-2{position:relative;height:100%}@keyframes matrtix{0%{opacity:0}10%{opacity:0;top:0}31%{opacity:1;top:250px}70%{opacity:0;top:600px}to{opacity:0}}@keyframes matrtix{0%{opacity:0}10%{opacity:0;top:0}31%{opacity:1;top:250px}70%{opacity:0;top:600px}to{opacity:0}}.icon-app{display:inline-block;width:78px;height:78px;border-radius:6px}.list-apps .icon-app{opacity:0;position:absolute;top:-100px;-webkit-animation:matrtix 1s linear infinite;animation:matrtix 1s linear infinite}.list-apps-standard .icon-app:nth-child(1){left:80px;-webkit-animation-delay:3.5s;animation-delay:3.5s}.list-apps-standard .icon-app:nth-child(2){left:160px;-webkit-animation-delay:6.3s;animation-delay:6.3s}.list-apps-standard .icon-app:nth-child(3){left:315px;-webkit-animation-delay:4s;animation-delay:4s}.list-apps-middle .icon-app{-webkit-transform:scale(.7);transform:scale(.7)}.list-apps-middle .icon-app:nth-child(1){left:270px;-webkit-animation-delay:7.2s;animation-delay:7.2s}.list-apps-middle .icon-app:nth-child(2){left:230px;-webkit-animation-delay:4.8s;animation-delay:4.8s}.list-apps-middle .icon-app:nth-child(3){left:165px;-webkit-animation-delay:5.6s;animation-delay:5.6s}