@import .i-preview,.i-slider{white-space:nowrap;line-height:400px}.i-hide:before,.i-preview-container,.i-slider-container{height:100%;overflow:hidden}.i-box,.i-btn,.i-float,.i-gradient,.i-metal span,.i-transparent{text-align:center}body{font-family:'Amatic SC'}.i-box{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background:#7d7e7d;background:-webkit-gradient(linear,left top,left bottom,from(#7d7e7d),to(#0e0e0e));background:linear-gradient(to bottom,#7d7e7d 0,#0e0e0e 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e', GradientType=0 )}.i-position-middle{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.i-preview-container{position:fixed;width:50%;color:teal;top:0;left:0;border-right:2px solid #fff}.i-preview{position:absolute;top:50%;font-size:30em;overflow:hidden;-webkit-animation:iPreview 20s ease-in infinite alternate;animation:iPreview 20s ease-in infinite alternate}@-webkit-keyframes iPreview{0%{-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}100%{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}}@keyframes iPreview{0%{-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}100%{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}}@media (min-width:993px){.i-preview-middle{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}}@media (max-width:992px){.i-preview-middle{position:absolute;top:0;right:0;bottom:0;left:0}}.i-btn{display:block;padding:12px 16px;background-color:rgba(0,0,0,.8);color:#fff;font-size:22px;-webkit-transition:.3s;transition:.3s}.i-btn:hover{background-color:rgba(0,0,0,.9)}.i-paper3d{font-size:15em;color:#161616;-webkit-transform:rotate(-20deg) skew(20deg);transform:rotate(-20deg) skew(20deg)}.i-paper3d:before{content:attr(data-paper3d);position:absolute;left:0;color:#fff;-webkit-transform:translate(378px,0) skew(-39deg);transform:translate(378px,0) skew(-39deg)}.i-text-shadow{font-size:12em;position:relative;-webkit-transform-origin:bottom;transform-origin:bottom;-webkit-transform:skewX(50deg);transform:skewX(50deg);color:#161616}.i-text-shadow:before{content:attr(data-textshadow);position:absolute;color:#fff;-webkit-transform-origin:bottom;transform-origin:bottom;-webkit-transform:skewX(-50deg) translate(-50px,22px) scaleY(1.5);transform:skewX(-50deg) translate(-50px,22px) scaleY(1.5)}.i-slider-container{position:absolute;width:50%;color:teal;top:0;left:0;border-right:2px solid #fff}.i-float,.i-hide,.i-jump{top:50%;left:50%}.i-slider{position:absolute;top:50%;font-size:30em;overflow:hidden;-webkit-animation:iSlider 20s ease-in infinite alternate;animation:iSlider 20s ease-in infinite alternate}@-webkit-keyframes iSlider{0%{-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}100%{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}}@keyframes iSlider{0%{-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}100%{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}}.i-bounce{font-size:20em;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.8)}.i-bounce span{position:relative;display:inline-block;-webkit-animation:iBounce 2.2s ease infinite;animation:iBounce 2.2s ease infinite}.i-bounce span:nth-child(1){-webkit-animation-delay:0s;animation-delay:0s}.i-bounce span:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.i-bounce span:nth-child(3){-webkit-animation-delay:.4s;animation-delay:.4s}.i-bounce span:nth-child(4){-webkit-animation-delay:.6s;animation-delay:.6s}.i-bounce span:nth-child(5){-webkit-animation-delay:.8s;animation-delay:.8s}.i-bounce span:nth-child(6){-webkit-animation-delay:1s;animation-delay:1s}@-webkit-keyframes iBounce{0%,100%,15%,30%,45%{-webkit-transform:translateY(0);transform:translateY(0)}10%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}25%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}40%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@keyframes iBounce{0%,100%,15%,30%,45%{-webkit-transform:translateY(0);transform:translateY(0)}10%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}25%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}40%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}.i-tube{font-size:20em;color:#444}.i-tube span{-webkit-animation:iTube 1.5s ease infinite alternate;animation:iTube 1.5s ease infinite alternate}.i-tube span:nth-child(1){-webkit-animation-delay:.2s;animation-delay:.2s}.i-tube span:nth-child(2){-webkit-animation-delay:.6s;animation-delay:.6s}.i-tube span:nth-child(3){-webkit-animation-delay:.8s;animation-delay:.8s}.i-tube span:nth-child(4){-webkit-animation-delay:.4s;animation-delay:.4s}@-webkit-keyframes iTube{0%,100%,18%,30%,70%,90%{color:#444;text-shadow:none}20%,35%,85%{color:#444;text-shadow:0 0 7px #fff900,0 0 20px #ff6c00}}@keyframes iTube{0%,100%,18%,30%,70%,90%{color:#444;text-shadow:none}20%,35%,85%{color:#444;text-shadow:0 0 7px #fff900,0 0 20px #ff6c00}}.i-push,.i-skew{position:relative;display:block;font-size:16em;color:#fff;text-shadow:0 10px 5px rgba(0,0,0,.5);letter-spacing:-10px;font-weight:700}.i-push{line-height:.63em}.i-blockpush1{z-index:3}.i-blockpush2{z-index:2}.i-blockpush3{z-index:1}.i-skew{line-height:.75em;-webkit-transform:skewY(-5deg);transform:skewY(-5deg);-webkit-box-shadow:0 4px 0 rgba(0,0,0,.5),0 -4px 0 rgba(0,0,0,.5);box-shadow:0 4px 0 rgba(0,0,0,.5),0 -4px 0 rgba(0,0,0,.5)}.i-float,.i-hide,.i-hide:before,.i-jump{position:absolute}.i-blockskew1{z-index:3;background-color:#ff5c72}.i-blockskew2{z-index:2;background-color:#c9ff4c}.i-blockskew3{z-index:1;background-color:#e471ff}.i-jump{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.i-jump span{color:#262626;background-color:#fff;padding:10px 20px;display:table-cell;-webkit-box-shadow:inset 0 0 4px rgba(0,0,0,.3),0 5px 0 #ccc;box-shadow:inset 0 0 4px rgba(0,0,0,.3),0 5px 0 #ccc;-webkit-animation:iJump .5s infinite;animation:iJump .5s infinite}.i-jump span:nth-child(1){-webkit-animation-delay:.2s;animation-delay:.2s}.i-jump span:nth-child(2){-webkit-animation-delay:.4s;animation-delay:.4s}.i-jump span:nth-child(3){-webkit-animation-delay:.6s;animation-delay:.6s}.i-jump span:nth-child(4){-webkit-animation-delay:.8s;animation-delay:.8s}.i-jump span:nth-child(5){-webkit-animation-delay:1s;animation-delay:1s}.i-jump span:nth-child(6){-webkit-animation-delay:1.2s;animation-delay:1.2s}.i-jump span:nth-child(7){-webkit-animation-delay:1.4s;animation-delay:1.4s}@-webkit-keyframes iJump{50%{-webkit-transform:translateY(-20px);transform:translateY(-20px);-webkit-box-shadow:inset 0 0 4px rgba(0,0,0,.3),0 5px 0 #ccc,0 15px 5px rgba(0,0,0,.6);box-shadow:inset 0 0 4px rgba(0,0,0,.3),0 5px 0 #ccc,0 15px 5px rgba(0,0,0,.6)}0%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-box-shadow:inset 0 0 4px rgba(0,0,0,.3),0 5px 0 #ccc,0 15px 5px transparent;box-shadow:inset 0 0 4px rgba(0,0,0,.3),0 5px 0 #ccc,0 15px 5px transparent}}@keyframes iJump{50%{-webkit-transform:translateY(-20px);transform:translateY(-20px);-webkit-box-shadow:inset 0 0 4px rgba(0,0,0,.3),0 5px 0 #ccc,0 15px 5px rgba(0,0,0,.6);box-shadow:inset 0 0 4px rgba(0,0,0,.3),0 5px 0 #ccc,0 15px 5px rgba(0,0,0,.6)}0%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-box-shadow:inset 0 0 4px rgba(0,0,0,.3),0 5px 0 #ccc,0 15px 5px transparent;box-shadow:inset 0 0 4px rgba(0,0,0,.3),0 5px 0 #ccc,0 15px 5px transparent}}.i-float{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.i-float li{font-size:2em;font-weight:700;background-color:#F08080;display:inline-block;padding:10px 20px;margin:10px;color:#fff;-webkit-animation:iFloat 1s infinite alternate;animation:iFloat 1s infinite alternate;-webkit-perspective:500px;perspective:500px}.i-float li:nth-child(1){-webkit-animation-delay:.2s;animation-delay:.2s}.i-float li:nth-child(2){-webkit-animation-delay:.4s;animation-delay:.4s}.i-float li:nth-child(3){-webkit-animation-delay:.6s;animation-delay:.6s}.i-float li:nth-child(4){-webkit-animation-delay:.8s;animation-delay:.8s}.i-float li:nth-child(5){-webkit-animation-delay:1s;animation-delay:1s}.i-float li:nth-child(6){-webkit-animation-delay:1.2s;animation-delay:1.2s}.i-float li:nth-child(7){-webkit-animation-delay:1.4s;animation-delay:1.4s}.i-float li:nth-child(8){-webkit-animation-delay:1.6s;animation-delay:1.6s}.i-float li:nth-child(9){-webkit-animation-delay:1.8s;animation-delay:1.8s}@-webkit-keyframes iFloat{from{-webkit-transform:scale(1) translateY(0) rotateX(0);transform:scale(1) translateY(0) rotateX(0);-webkit-transform-origin:top;transform-origin:top;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent}to{-webkit-transform:scale(1.46) translateY(-25px) rotateX(45deg);transform:scale(1.46) translateY(-25px) rotateX(45deg);-webkit-box-shadow:0 30px 0 #f1f1f1;box-shadow:0 30px 0 #f1f1f1;-webkit-transform-origin:top;transform-origin:top}}@keyframes iFloat{from{-webkit-transform:scale(1) translateY(0) rotateX(0);transform:scale(1) translateY(0) rotateX(0);-webkit-transform-origin:top;transform-origin:top;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent}to{-webkit-transform:scale(1.46) translateY(-25px) rotateX(45deg);transform:scale(1.46) translateY(-25px) rotateX(45deg);-webkit-box-shadow:0 30px 0 #f1f1f1;box-shadow:0 30px 0 #f1f1f1;-webkit-transform-origin:top;transform-origin:top}}.i-hide{font-size:20em;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);letter-spacing:5px;color:transparent}.i-hide:before{content:attr(data-hide);top:0;left:0;width:100%;color:#fff;-webkit-animation:iHide 10s ease infinite;animation:iHide 10s ease infinite;border-right:1px solid #fff;text-shadow:1px 1px 1px rgba(0,0,0,.8)}@-webkit-keyframes iHide{0%,100%{width:0}50%{width:100%}}@keyframes iHide{0%,100%{width:0}50%{width:100%}}.i-neon-container:after,.i-neon-container:before{content:"";position:absolute;width:100%;height:4px;background-color:#fff;z-index:-1}.i-neon-container{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) skewY(-5deg);transform:translate(-50%,-50%) skewY(-5deg);border:4px solid #fff;padding:20px 50px;border-radius:10px;-webkit-box-shadow:0 0 10px #1eff4e,0 0 30px #1eff4e,inset 0 0 10px #1eff4e,inset 0 0 30px #1eff4e;box-shadow:0 0 10px #1eff4e,0 0 30px #1eff4e,inset 0 0 10px #1eff4e,inset 0 0 30px #1eff4e;-webkit-animation:iNeon .4s linear infinite;animation:iNeon .4s linear infinite}.i-neon-container:before{bottom:100px;left:0;-webkit-box-shadow:0 0 10px #1eff4e;box-shadow:0 0 10px #1eff4e}.i-neon-container:after{top:100px;left:0;-webkit-box-shadow:0 0 10px #1eff4e;box-shadow:0 0 10px #1eff4e}.i-neon{font-size:14em;color:#fff;text-shadow:0 0 10px #1eff4e,0 0 20px #1eff4e,0 0 80px #1eff4e,0 0 120px #1eff4e;font-weight:700}.i-neon span{-webkit-animation:iNeon .5s linear infinite;animation:iNeon .5s linear infinite}.i-neon span:nth-child(1){-webkit-animation-delay:.25s;animation-delay:.25s}.i-neon span:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.i-neon span:nth-child(3){-webkit-animation-delay:.35s;animation-delay:.35s}.i-neon span:nth-child(4){-webkit-animation-delay:.4s;animation-delay:.4s}@-webkit-keyframes iNeon{0%,100%,30%,50%{opacity:1}40%{opacity:.5}}@keyframes iNeon{0%,100%,30%,50%{opacity:1}40%{opacity:.5}}.i-transparent-bg{position:fixed;top:0;right:0;bottom:0;left:0;background-image:url(../img/food.jpg);background-size:cover;background-position:center center}.i-cut,.i-transparent{position:absolute;top:50%;left:50%;width:100%}.i-transparent{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:13em;color:#fff;text-shadow:0 5px 10px rgba(0,0,0,1);mix-blend-mode:overlay;-webkit-box-shadow:0 5px 10px rgba(0,0,0,1);box-shadow:0 5px 10px rgba(0,0,0,1);background-color:rgba(0,0,0,.5)}.i-cut{-webkit-transform:translate(-50% ,-50%);transform:translate(-50% ,-50%)}.i-cut span{position:relative;display:inline-block;color:transparent;font-size:20em}.i-cut span:after,.i-cut span:before{content:attr(data-cut);color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.8);font-weight:700;position:absolute;top:0;left:0;overflow:hidden}.i-cut span:nth-child(odd):before{-webkit-clip-path:polygon(55% 0,0 0 ,0 100% ,35% 100%);clip-path:polygon(55% 0,0 0 ,0 100% ,35% 100%);top:-7px;left:-2px}.i-cut span:nth-child(odd):after{-webkit-clip-path:polygon(55% 0,100% 0 ,100% 100% ,35% 100%);clip-path:polygon(55% 0,100% 0 ,100% 100% ,35% 100%);top:2px;left:2px}.i-cut span:nth-child(even):before{-webkit-clip-path:polygon(25% 0,0 0 ,0 100% ,75% 100%);clip-path:polygon(25% 0,0 0 ,0 100% ,75% 100%);top:10px;left:-2px}.i-cut span:nth-child(even):after{-webkit-clip-path:polygon(25% 0,100% 0 ,100% 100% ,75% 100%);clip-path:polygon(25% 0,100% 0 ,100% 100% ,75% 100%);top:2px;left:2px}.i-gradient,.i-marquee,.i-metal span,.i-sky{position:absolute;top:50%}.i-marquee{left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:1000px;height:150px}.i-marquee .i-marquee-face{position:absolute;width:500px;height:150px;font-size:6em;text-align:center;line-height:150px;overflow:hidden}.i-marquee .i-marquee-face span{width:100%;height:100%;display:block;-webkit-transition:.5s;transition:.5s}.i-marquee .i-marquee-face.i-marquee-face1{background-color:#c80045;color:#fff;-webkit-transform-origin:left;transform-origin:left;left:0;-webkit-transform:perspective(800px) rotateY(-64deg);transform:perspective(800px) rotateY(-64deg)}.i-marquee .i-marquee-face.i-marquee-face2{background-color:#d00045;color:#fff;-webkit-transform-origin:right;transform-origin:right;right:0;-webkit-transform:perspective(800px) rotateY(64deg);transform:perspective(800px) rotateY(64deg)}.i-marquee .i-marquee-face.i-marquee-face1 span{position:absolute;-webkit-animation:iMarquee1 10s linear infinite;animation:iMarquee1 10s linear infinite}@-webkit-keyframes iMarquee1{0%{left:200%}100%{left:-100%}}@keyframes iMarquee1{0%{left:200%}100%{left:-100%}}.i-marquee .i-marquee-face.i-marquee-face2 span{position:absolute;-webkit-animation:iMarquee2 10s linear infinite;animation:iMarquee2 10s linear infinite}@-webkit-keyframes iMarquee2{0%{left:100%}100%{left:-200%}}@keyframes iMarquee2{0%{left:100%}100%{left:-200%}}.i-gradient{-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%;font-size:13em;background:-webkit-gradient(linear,left top,right top,from(#f32170),color-stop(#ffeb07),color-stop(#2196f3),to(#ff00eb));background:linear-gradient(to right,#f32170,#ffeb07,#2196f3,#ff00eb);-webkit-text-fill-color:transparent;-webkit-background-clip:text;text-fill-color:transparent;background-clip:text;text-shadow:0 0 10px rgba(0,0,0,.5)}.i-metal span{left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%;font-family:"Segoe UI";font-size:4em;font-style:italic;text-transform:uppercase;letter-spacing:5px;background:-webkit-gradient(linear,left top,left bottom,from(#262626),color-stop(#eaeaea),to(#262626));background:linear-gradient(#262626,#eaeaea,#262626);background-clip:text;-webkit-background-clip:text;color:transparent}.i-metal span:nth-child(1){z-index:2}.i-metal span:nth-child(2){z-index:1;text-shadow:1px 1px 0 #262626,2px 2px 0 #262626,3px 3px 0 #262626,4px 4px 0 #262626,5px 5px 0 #262626,1px 1px 0 #262626,6px 20px 20px rgba(0,0,0,1),-1px -1px 0 #fff}.i-sky{left:50%;width:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:13em;letter-spacing:.1em;background-color:#72c3ff;color:#fff;text-shadow:0 5px 2px rgba(0,0,0,.2);overflow:hidden}.i-sky:after,.i-sky:before{content:"";position:absolute;left:0;width:100%;height:100%}.i-sky:before{top:100%;background:url(../img/city1.svg);z-index:-1;-webkit-animation:iSkyBefore 10s linear infinite alternate;animation:iSkyBefore 10s linear infinite alternate;-webkit-transition:.5s;transition:.5s}.i-sky:hover:before{top:0}@-webkit-keyframes iSkyBefore{0%{background-position:0}100%{background-position:100%}}@keyframes iSkyBefore{0%{background-position:0}100%{background-position:100%}}.i-sky:after{top:100%;background:url(../img/city2.svg);z-index:1;-webkit-animation:iSkyAfter 10s linear infinite alternate;animation:iSkyAfter 10s linear infinite alternate;-webkit-transition:1s;transition:1s}.i-sky:hover:after{top:0}@-webkit-keyframes iSkyAfter{0%{background-position:100%}100%{background-position:0}}@keyframes iSkyAfter{0%{background-position:100%}100%{background-position:0}}