html,body{min-height:100%}body{margin:0;padding:0;font-family:Arial;font-size:14px;line-height:1.2}.pages{max-width:1000px;margin:0 auto}.page{min-height:1000px;position:relative}.page-1{background:red}.page-1 .btn-wrapper{position:absolute;bottom:10px;width:100%}.page-1 .btn-wrapper .btn{width:100px;height:100px;margin:0 auto;position:relative}.page-1 .btn-wrapper .btn .btn-state{position:absolute;top:0;bottom:0;width:100%}.page-1 .btn-wrapper .btn .btn-state.default{background:#6bc4ff}.page-1 .btn-wrapper .btn .btn-state.active{background:#000;opacity:.4}.page-1 .btn-wrapper .btn .btn-state:active.active{display:none}.page-2{background:yellow}.page-2 .heading{position:relative}.page-2 .heading .lebed{position:absolute;width:150px;height:100px;background:green;z-index:3}.page-2 .heading .anim-container{position:relative;top:0;width:100%;height:100px}.page-2 .heading .anim-container .tros{position:absolute;top:48px;left:-100%;width:150%;border-bottom:5px solid #000}.page-2 .heading .anim-container .word{position:relative;width:300px;margin:0 auto;padding-top:30px;background:yellow;font-size:40px;text-align:center;text-transform:uppercase}.page-3{background:red}.page-3 .rolik{position:relative;top:-25px;width:150px;height:50px;margin:0 auto;background:green}.page-3 .anim-container{position:relative;overflow:hidden;border-bottom:1px solid #000}.page-3 .anim-container .word{text-align:center;text-transform:uppercase;font-size:40px}.page-3 .anim-word-video{position:absolute;bottom:10px;width:100%}.page-3 .anim-word-video .borders{width:170px;height:50px;margin:0 auto;border:solid #000;border-width:0 3px 0 3px}.page-3 .anim-word-video .borders .text{position:relative;text-transform:uppercase;text-align:center;font-size:40px}.page-3 .anim-word-video .borders .text .text-1,.page-3 .anim-word-video .borders .text .text-2{position:absolute;left:0;right:0}.page-3 .anim-word-video .borders .text .text-1{color:#e30000}.page-3 .anim-word-video .borders .text .text-2{color:#fff}.page-4{background:gray}.page-4 .spray-container .tros-small{position:relative;top:20px;width:280px;margin:0 auto;border-top:1px solid #fff}.page-4 .spray-container .tros-small .spray{position:absolute;z-index:2;width:240px;height:60px;left:240px;top:-1px}.page-4 .spray-container .tros-small .spray .balon{position:relative;top:-5px;padding-top:5px;background:red;width:60px;height:90px}.page-4 .spray-container .tros-small .spray .balon .line-1{border-top:1px solid #fff}.page-4 .spray-container .tros-small .spray .balon .line-2{margin-top:10px;border-top:1px solid #fff}.page-4 .spray-container .tros-small .spray .balon .cil{position:relative;left:60px;background:gray;width:300px;height:60px}.page-4 .spray-container .tros-big{position:relative;top:30px;width:90%;margin:0 auto;border-top:1px solid #fff}.page-4 .spray-container .text{position:relative;top:40px;color:#fff;font-size:40px;text-transform:uppercase;text-align:center}.page-5 .petri{position:relative}.page-5 .hidder{position:absolute;z-index:2;top:249px;left:79px}.page-5 .gradus{color:#f00;position:absolute;width:47px;height:14px;bottom:25px;left:115px}.page-5 .knopka{background:#fff;position:absolute;width:15px;height:14px;bottom:16px;left:218px}.page-5 .lampa{position:absolute;bottom:34px;left:244px;width:10px;height:10px;background:#f00;border-radius:99px}.page-5 .plitka{position:absolute;top:297px;left:51px;width:181px;height:9px;background-color:#000}.page-5 .bubble{position:absolute;border-radius:9px;background-color:#fff}.page-5 .bubble-1{bottom:69px;left:84px;width:7px;height:7px}.page-5 .bubble-2{bottom:69px;left:165px;width:7px;height:7px}.page-5 .bubble-3{bottom:69px;left:190px;width:7px;height:7px}.page-5 .bubble-4{bottom:69px;left:105px;width:7px;height:7px}.page-5 .bubble-5{bottom:69px;left:125px;width:7px;height:7px}.page-5 .bubble-6{bottom:69px;left:135px;width:7px;height:7px}