.scene-1 .tablet .form { position: absolute; left: 11%; top: 14%; width: 70%; height: 74%; background: url(images/slide-1/form.png) no-repeat 0 0; background-size: contain; }
.scene-3 .tablet .title { position: absolute; top: -100%; left: 4%; width: 48%; height: 16%; background: url(images/slide-3/title.png) no-repeat 0 0; background-size: contain; display: block; z-index: 7; -webkit-transition: all .6s; -o-transition: all .6s; transition: all .6s; }
.scene-3 .tablet .button { position: absolute; bottom: 21%; right: -100%; width: 37%; height: 10%; background: url(images/slide-3/button.png) no-repeat 0 0; background-size: contain; display: block; z-index: 8; -webkit-transition: all .6s; -o-transition: all .6s; transition: all .6s; }
.scene-4 .tablet .cnt { position: absolute; top: 12%; left: 12%; width: 79%; height: 77%; background: url(images/slide-4/tablet-content.png) no-repeat 0 0; background-size: contain; display: block; z-index: 6; }
.scene-5 .left-popup { position: absolute; top: 25.5%; left: 30.5%; width: 20%; height: 35%; background: url(images/slide-5/speech-bubble.png) no-repeat 0 0; background-size: contain; z-index: 12; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.scene-7 .tablet .form { position: absolute; top: 9%; left: -100%; width: 65%; height: 75%; background: url(images/slide-7/content-tablet.png) no-repeat 0 0; background-size: contain; display: block; z-index: 7; -webkit-transition: all .6s; -o-transition: all .6s; transition: all .6s; }
.scene-7 .tablet .button { position: absolute; bottom: 13%; right: -100%; width: 19%; height: 15%; background: url(images/slide-7/send.png) no-repeat 0 0; background-size: contain; display: block; z-index: 8; -webkit-transition: all .6s; -o-transition: all .6s; transition: all .6s; }
.scene-7 .paper .inner { position: absolute; top: 8%; right: 9%; width: 81%; height: 79%; background: url(images/slide-7/content-paper.png) no-repeat 0 0; display: block; background-size: contain; }