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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;overflow:hidden}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}*,*::before,*::after{box-sizing:border-box}body{height:100vh;margin:0;background:radial-gradient(ellipse farthest-corner at center bottom,#6beace,#2e9aa4);color:#8b9095;font-size:14px;font-family:'Roboto',sans-serif}.bgsvg{will-change:transform;animation-duration:7000ms;position:absolute;left:0;top:-20vh;width:100vw;height:100vh;z-index:-1}.app{position:relative;top:60vh;left:50vw;border-radius:55px;border:10px solid #000;height:90%;width:482px;padding:0 50px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.app .BoxTitle{height:20px;width:30%;margin:0 35%;background-color:#000;border-radius:0 0 9px 9px;top:50px;margin-bottom:50px}.app .BoxRight{height:160px;width:8px;top:200px;right:-15px;background-color:#000;position:absolute;border-radius:0 9px 9px 0}.app h1{text-transform:uppercase;color:#fff;font-weight:100;font-size:27px;opacity:.9;float:left;width:180px;height:25px;margin-bottom:10px}.app time{float:right;text-transform:uppercase;color:#fff;opacity:.7;font-size:10.5px;text-align:right;line-height:1.25;letter-spacing:0.5px;width:180px;height:25px;margin-bottom:10px}.app .widget{margin:0;padding:0}.app .widget li{width:180px;height:148px;padding:40px 10px;margin:0.5px;float:left;background:#fff;text-align:center;box-shadow:0 5px 20px rgba(0,64,58,0.15);transition:all 0.3s cubic-bezier(0.67,0.13,0.1,0.81);-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:scale(0);transform:scale(0);position:relative}.app .widget li:nth-child(2){-webkit-transform-origin:left bottom;transform-origin:left bottom;transition-delay:.1s}.app .widget li:nth-child(3){-webkit-transform-origin:right top;transform-origin:right top;transition-delay:.2s}.app .widget li:nth-child(4){-webkit-transform-origin:left top;transform-origin:left top;transition-delay:.3s}.app .widget li h2{font-size:11px;opacity:.8;margin-bottom:10px;text-transform:uppercase}.app .widget li .val{font-size:50px;font-weight:100;color:#343a42}.app .widget li .val small{font-size:30px}.app .widget li .val small sup{position:relative;top:-12px}.app .widget li.shop .code{display:none;position:absolute;top:10px;left:0;z-index:2;text-align:center;width:100%}.app .widget li.shop:hover .code{display:block}.active .app .widget li{-webkit-transform:scale(1);transform:scale(1);transition:all 0.5s cubic-bezier(0.67,0.13,0.1,0.81);cursor:pointer;overflow:hidden}.active .app .widget li:nth-child(2){-webkit-transform-origin:left bottom;transform-origin:left bottom;transition-delay:.2s}.active .app .widget li:nth-child(3){-webkit-transform-origin:right top;transform-origin:right top;transition-delay:.4s}.active .app .widget li:nth-child(4){-webkit-transform-origin:left top;transform-origin:left top;transition-delay:.6s}footer{position:absolute;bottom:15px;color:#fff;text-align:center;font-size:11px;width:100%;z-index:3;text-transform: uppercase;}footer a{color:#fff}.parallax > use{animation:move-forever 12s linear infinite;transform-origin:50% 50%}.parallax > use:nth-child(1){animation-delay:-2s}.parallax > use:nth-child(2){animation-delay:-2s;animation-duration:5s}.parallax > use:nth-child(3){animation-delay:-4s;animation-duration:3s}@keyframes move-forever{0%{transform:translate(-90px,0%)}100%{transform:translate(85px,0%)}}.editorial{display:block;width:100%;height:10em;margin:0;position:fixed;left:0;bottom:0;z-index:3}@media (max-width:768px){.app{position:relative;top:19%;left:50%;width:362px;height:300px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border:0;padding:0}.app .BoxTitle,.app .BoxRight{display:none}.app h1,.app .time{margin:2vh 0 10vh 0}.bgsvg{left:-30vw;top:-5vh;width:220vw;height:220vh;z-index:-1}}