.banner-section { position: relative; overflow: hidden; width: 100%; margin: 0 auto; z-index: 9; top: 0; background: url(../images/bg-logo21.png) center top no-repeat, radial-gradient(70% 150% at center, rgba(24,21,60,.9), rgba(0,68,110,.9), rgba(1,200,223,1.0)) }
/*Slide 01*/
.sposition { position: absolute; }
.lamp_spred, .stars-parallax { top: 0; left: 0; width: 100%; height: 100%; -webkit-animation-delay: .1s; animation-delay: .1s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) }
.lamp_spred { background: url(../images/slider/lamp_spred.png) center top no-repeat; background-size: cover; }
.stars-parallax { background: url(../images/slider/stars-parallax.png) center top repeat; -webkit-animation-delay: .2s; animation-delay: .2s; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) }
.fw_al_005_slide .right-position .lamp { position: absolute; /*background-size:100%;*/
background-size: contain; }
.lamp-bulb { top: 8%; left: 26%; width: 60%; height: 80%; background: url(../images/slider/lamp.png) 0 0 no-repeat; -webkit-font-smoothing: antialiased; -webkit-animation-delay: .1s; animation-delay: .1s; -webkit-animation-duration: 2s; animation-duration: 2s; }
.lamp-light { top: 0; left: 24%; width: 60%; height: 60%; background: url(../images/slider/lamp-light.png) 0 0 no-repeat; -webkit-font-smoothing: antialiased; -webkit-animation-delay: .2s; animation-delay: .2s; -webkit-animation-duration: 11s; animation-duration: 11s; -webkit-animation-timing-function: cubic-bezier(1.230, 2.000, 1.320, 2.000); animation-timing-function: cubic-bezier(1.230, 2.000, 1.320, 2.000) }
/*Slide 02*/
.left-position, .right-position { position: relative; height: 100%; }
.fw_al_005_slide_right .left-position .stwo { position: absolute; /*background-size:100%;*/
background-size: contain; }
.scale { top: 10%; left: 5%; width: 15%; height: 30%; background: url(../images/slider/scale.png) 0 0 no-repeat; }
.ipad { top: 15%; left: 25%; width: 20%; height: 20%; background: url(../images/slider/ipad.png) 0 0 no-repeat; }
.contac_book { top: 7%; right: 10%; width: 20%; height: 20%; background: url(../images/slider/contac-book.png) 0 0 no-repeat; }
.laptop { top: 30%; right: 0%; width: 60%; height: 40%; background: url(../images/slider/laptop.png) 0 0 no-repeat; }
.tea_cup { top: 40%; left: 28%; width: 11%; height: 10%; background: url(../images/slider/tea-cup.png) 0 0 no-repeat; }
.book_pencil { bottom: 18%; left: 8%; width: 28%; height: 28%; background: url(../images/slider/book-pencil.png) 0 0 no-repeat; }
.goggles { bottom: 8%; left: 20%; width: 12%; height: 7%; background: url(../images/slider/goggles.png) 0 0 no-repeat; }
.ruler { bottom: 14%; left: 36%; width: 18%; height: 18%; background: url(../images/slider/ruler.png) 0 0 no-repeat; }
.book { bottom: 7%; right: 0%; width: 26%; height: 26%; background: url(../images/slider/book.png) 0 0 no-repeat; }
.laptop { animation: Laptop-Rotate 1.2s linear }
@keyframes Laptop-Rotate {  0% {
 transform:rotate(145deg)
}
 100% {
 transform:rotate(0deg)
}
}
.tea_cup { animation: TeaCupRotate 1.2s linear }
@keyframes TeaCupRotate {  0% {
 transform:rotate(0deg)
}
 100% {
 transform:rotate(2600deg)
}
}
/*Slide 03*/
.fw_al_005_slide .right-position .apps_icon { position: absolute; /*background-size:100%;*/
background-size: contain; }
.thr-ipad2, .thr-ipadbg { bottom: 4%; left: 10%; width: 88%; height: 65%; background: url(../images/slider/ipad2.png) 0 0 no-repeat; }
.thr-ipadbg { background: url(../images/slider/ipad-bg.png) 0 0 no-repeat; -webkit-font-smoothing: antialiased; -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) }
.thr-hand { bottom: 2%; left: 70%; width: 28%; height: 24%; background: url(../images/slider/hand.png) 0 0 no-repeat; -webkit-font-smoothing: antialiased; -webkit-animation-delay: 1.1s; animation-delay: 1.1s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) }
.thr-bullets { top: 5%; right: 15%; width: 60%; height: 80%; background: url(../images/slider/bullets.png) no-repeat center top; }
.thr-down { top: 20%; left: 12%; width: 10%; height: 10%; background: url(../images/slider/download.png) 0 0 no-repeat; -webkit-animation-delay: 3s; animation-delay: 3s; animation-duration: .7s; }
.thr-chat { top: 24%; left: 34%; width: 10%; height: 10%; background: url(../images/slider/chat.png) 0 0 no-repeat; -webkit-animation-delay: 2.8s; animation-delay: 3.8s; animation-duration: .7s; }
.thr-brief { top: 36%; left: 24%; width: 9%; height: 9%; background: url(../images/slider/briefcase.png) no-repeat center top; -webkit-animation-delay: 3.2s; animation-delay: 3.2s; animation-duration: .7s; }
.thr-earth { top: 26%; left: 60%; width: 9%; height: 9%; background: url(../images/slider/earth.png) 0 0 no-repeat; -webkit-animation-delay: 3.5s; animation-delay: 3.5s; animation-duration: .7s; }
.thr-album { top: 40%; left: 40%; width: 8%; height: 8%; background: url(../images/slider/album.png) 0 0 no-repeat; -webkit-animation-delay: 3.7s; animation-delay: 3.7s; animation-duration: .7s; }
.thr-head { top: 45%; left: 7%; width: 10%; height: 10%; background: url(../images/slider/headphone.png) 0 0 no-repeat; -webkit-animation-delay: 3s; animation-delay: 3s;  animation-duration: ..7s;
}
.thr-mail { top: 60%; left: 28%; width: 7%; height: 7%; background: url(../images/slider/mail.png) 0 0 no-repeat; -webkit-animation-delay: 2.8s; animation-delay: 2.8s; animation-duration: .7s; }
.thr-music { top: 72%; left: 35%; width: 7%; height: 7%; background: url(../images/slider/music.png) 0 0 no-repeat; -webkit-animation-delay: 3s; animation-delay: 3s; animation-duration: .7s; }
.thr-setting { top: 63%; right: 34%; width: 7%; height: 7%; background: url(../images/slider/setting.png) 0 0 no-repeat; -webkit-animation-delay: 3.3s; animation-delay: 3.3s; animation-duration: .7s; }