/* Theme created for use with Sequence.js (http://www.sequencejs.com/) Theme: Sliding Horizontal Parallax (Responsive) Version: 0.2.2 Beta Theme Author: Ian Lunn @IanLunn Author URL: http://www.ianlunn.co.uk/ Theme URL: http://www.sequencejs.com/themes/sliding-horizontal-parallax/ This is a FREE theme and is dual licensed under the following: http://www.opensource.org/licenses/mit-license.php | http://www.gnu.org/licenses/gpl.html Sequence.js and its dependencies are (c) Ian Lunn Design 2012 unless otherwise stated. Aside from these comments, you may modify and distribute this file as you please. Have fun! */ .slider .container {position:relative;} .slider .next,.slider .prev { position: absolute; opacity: 0.6; top:40%; z-index: 1000; cursor: pointer; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; -ms-transition-duration: 1s; transition-duration: 1s; } .prev { left: 0%; } .next { right: 0%; } .slider .next:hover,.slider .prev:hover { opacity: 1; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; -ms-transition-duration: 1s; transition-duration: 1s; } #sequence { height: 370px; margin: 0px auto; position: relative; width: 99.8%; overflow:hidden; } #sequence li > div { position: absolute; } .info1, .info2, .info3 { } .info1,.info2,.info3{ left: 10%; top: 0%; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; -ms-transition-duration: 1s; transition-duration: 1s; } .info2.animate-in,.info3.animate-in { left: 0%; top: 0%; opacity: 1; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; -ms-transition-duration: 1s; transition-duration: 1s; } .info1.animate-out, .info2.animate-out, .info3.animate-out{ left: 30%; top: 0%; opacity: 0; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; -o-transition-duration: .5s; -ms-transition-duration: .5s; transition-duration: .5s; } .info2 { top: 130px; background:#f0f; opacity:0; } .info3 { top: 250px; background:#f00; opacity:0; } .w90pc0L {left:-100%; top:0%; width:90%; } .w90pc0L.animate-in {left:0%; top:0%;} .w90pc0R {left:100%; top:0%; width:90%; } .w90pc0R.animate-in {left:0%; top:0%;} .w90pc0TL {left:0%; top:100%; width:90%; } .w90pc0TL.animate-in {left:0%; top:0%;} .w90pc0BL {left:0%; top:-100%; width:90%; } .w90pc0BL.animate-in {left:0%; top:0%;} .w80pc0L {left:-100%; top:0%; width:80%; } .w80pc0L.animate-in {left:0%; top:0%;} .w80pc0R {left:100%; top:0%; width:80%; } .w80pc0R.animate-in {left:0%; top:0%;} .w80pc0TL {left:0%; top:100%; width:80%; } .w80pc0TL.animate-in {left:0%; top:0%;} .w80pc0BL {left:0%; top:-100%; width:80%; } .w80pc0BL.animate-in {left:0%; top:0%;} .w70pc0L {left:-100%; top:0%; width:70%; } .w70pc0L.animate-in {left:0%; top:0%;} .w70pc0R {left:100%; top:0%; width:70%; } .w70pc0R.animate-in {left:0%; top:0%;} .w70pc0TL {left:0%; top:100%; width:70%; } .w70pc0TL.animate-in {left:0%; top:0%;} .w70pc0BL {left:0%; top:-100%; width:70%; } .w70pc0BL.animate-in {left:0%; top:0%;} .w70pc0TL {left:0%; top:100%; width:70%; } .w70pc0TL.animate-in {left:0%; top:0%;} .w70pc0BL {left:0%; top:-100%; width:70%; } .w70pc0BL.animate-in {left:0%; top:0%;} .w60pc0L {left:-100%; top:0%; width:60%; } .w60pc0L.animate-in {left:0%; top:0%;} .w60pc0R {left:100%; top:0%; width:60%; } .w60pc0R.animate-in {left:0%; top:0%;} .w60pc0TL {left:0%; top:100%; width:60%; } .w60pc0TL.animate-in {left:0%; top:0%;} .w60pc0BL {left:0%; top:-100%; width:60%; } .w60pc0BL.animate-in {left:0%; top:0%;} .w50pc0L {left:-100%; top:0%; width:50%; } .w50pc0L.animate-in {left:0%; top:0%;} .w50pc0R {left:100%; top:0%; width:50%; } .w50pc0R.animate-in {left:0%; top:0%;} .w50pc0TL {left:0%; top:100%; width:50%; } .w50pc0TL.animate-in {left:0%; top:0%;} .w50pc0BL {left:0%; top:-100%; width:50%; } .w50pc0BL.animate-in {left:0%; top:0%;} .w40pc0L {left:-100%; top:0%; width:40%; } .w40pc0L.animate-in {left:0%; top:0%;} .w40pc0R {left:100%; top:0%; width:40%; } .w40pc0R.animate-in {left:0%; top:0%;} .w40pc0TL {left:0%; top:100%; width:40%; } .w40pc0TL.animate-in {left:0%; top:0%;} .w40pc0BL {left:0%; top:-100%; width:40%; } .w40pc0BL.animate-in {left:0%; top:0%;} .w30pc0L {left:-100%; top:0%; width:30%; } .w30pc0L.animate-in {left:0%; top:0%;} .w30pc0R {left:100%; top:0%; width:30%; } .w30pc0R.animate-in {left:0%; top:0%;} .w30pc0TL {left:0%; top:100%; width:30%; } .w30pc0TL.animate-in {left:0%; top:0%;} .w30pc0BL {left:0%; top:-100%; width:30%; } .w30pc0BL.animate-in {left:0%; top:0%;} .w20pc0L {left:-100%; top:0%; width:20%; } .w20pc0L.animate-in {left:0%; top:0%;} .w20pc0R {left:100%; top:0%; width:20%; } .w20pc0R.animate-in {left:0%; top:0%;} .w20pc0TL {left:0%; top:100%; width:20%; } .w20pc0TL.animate-in {left:0%; top:0%;} .w20pc0BL {left:0%; top:-100%; width:20%; } .w20pc0BL.animate-in {left:0%; top:0%;} .w10pc0L {left:-100%; top:0%; width:10%; } .w10pc0L.animate-in {left:0%; top:0%;} .w10pc0R {left:100%; top:0%; width:10%; } .w10pc0R.animate-in {left:0%; top:0%;} .w10pc0TL {left:0%; top:100%; width:10%; } .w10pc0TL.animate-in {left:0%; top:0%;} .w10pc0BL {left:0%; top:-100%; width:10%; } .w10pc0BL.animate-in {left:0%; top:0%;} .w10pc90L {left:-100%; top:0%; width:10%; } .w10pc90L.animate-in {left:87%; top:0%;} .w10pc90R {left:190%; top:0%; width:10%; } .w10pc90R.animate-in {left:87%; top:0%;} .w10pc90TL {left:87%; top:100%; width:10%; } .w10pc90TL.animate-in {left:87%; top:0%;} .w10pc90BL {left:87%; top:-100%; width:10%; } .w10pc90BL.animate-in {left:87%; top:0%;} .w20pc80L {left:-100%; top:0%; width:20%; } .w20pc80L.animate-in {left:77%; top:0%;} .w20pc80R {left:-180%; top:0%; width:20%; } .w20pc80R.animate-in {left:77%; top:0%;} .w20pc80TL {left:77%; top:100%; width:20%; } .w20pc80TL.animate-in {left:77%; top:0%;} .w20pc80BL {left:77%; top:-100%; width:20%; } .w20pc80BL.animate-in {left:77%; top:0%;} .w30pc70L {left:-100%; top:0%; width:30%; } .w30pc70L.animate-in {left:67%; top:0%;} .w30pc70R {left:170%; top:0%; width:30%; } .w30pc70R.animate-in {left:67%; top:0%;} .w30pc70TL {left:67%; top:100%; width:30%; } .w30pc70TL.animate-in {left:67%; top:0%;} .w30pc70BL {left:67%; top:-100%; width:30%; } .w30pc70BL.animate-in {left:67%; top:0%;} .w40pc60L {left:-100%; top:0%; width:40%;} .w40pc60L.animate-in {left:57%; top:0%;} .w40pc60R {left:160%; top:0%; width:40%;} .w40pc60R.animate-in {left:57%; top:0%;} .w40pc60TL {left:57%; top:100%; width:40%; } .w40pc60TL.animate-in {left:57%; top:0%;} .w40pc60BL {left:57%; top:-100%; width:40%; } .w40pc60BL.animate-in {left:57%; top:0%;} .w50pc50L {left:-100%; top:0%; width:50%; } .w50pc50L.animate-in {left:47%; top:0%;} .w50pc50R {left:150%; top:0%; width:50%; } .w50pc50R.animate-in {left:47%; top:0%;} .w50pc50TL {left:47%; top:100%; width:50%; } .w50pc50TL.animate-in {left:47%; top:0%;} .w50pc50BL {left:47%; top:-100%; width:50%; } .w50pc50BL.animate-in {left:47%; top:0%;} .w60pc40L {left:-100%; top:0%; width:60%; } .w60pc40L.animate-in {left:37%; top:0%;} .w60pc40R {left:140%; top:0%; width:60%; } .w60pc40R.animate-in {left:37%; top:0%;} .w60pc40TL {left:37%; top:100%; width:60%; } .w60pc40TL.animate-in {left:37%; top:0%;} .w60pc40BL {left:37%; top:-100%; width:60%; } .w60pc40BL.animate-in {left:37%; top:0%;} .w70pc30L {left:-100%; top:0%; width:70%;} .w70pc30L.animate-in {left:22%; top:0%;} .w70pc30R {left:130%; top:0%; width:70%; } .w70pc30R.animate-in {left:27%; top:0%;} .w70pc30TL {left:27%; top:100%; width:70%; } .w70pc30TL.animate-in {left:27%; top:0%;} .w70pc30BL {left:27%; top:-100%; width:70%; } .w70pc30BL.animate-in {left:27%; top:0%;} .w80pc20L {left:-100%; top:0%; width:80%; } .w80pc20L.animate-in {left:17%; top:0%;} .w80pc20R {left:120%; top:0%; width:80%; } .w80pc20R.animate-in {left:17%; top:0%;} .w80pc20TL {left:17%; top:100%; width:80%; } .w80pc20TL.animate-in {left:17%; top:0%;} .w80pc20BL {left:17%; top:-100%; width:80%; } .w80pc20BL.animate-in {left:17%; top:0%;} .w90pc10L {left:-100%; top:0%; width:90%; } .w90pc10L.animate-in {left:7%; top:0%;} .w90pc10R {left:110%; top:0%; width:90%; } .w90pc10R.animate-in {left:7%; top:0%;} .w90pc10TL {left:7%; top:100%; width:90%; } .w90pc10TL.animate-in {left:7%; top:0%;} .w90pc10BL {left:7%; top:-100%; width:90%; } .w90pc10BL.animate-in {left:7%; top:0%;} .w100pc0L {left:-100%; top:0%; width:100%;} .w100pc0L.animate-in {left:0%; top:0%;} .w100pc0R {left:100%; top:0%; width:100%; } .w100pc0R.animate-in {left:0%; top:0%;} .w100pc0TL {left:0%; top:100%; width:100%; } .w100pc0TL.animate-in {left:0%; top:0%;} .w100pc0BL {left:0%; top:-100%; width:100%; } .w100pc0BL.animate-in {left:0%; top:0%;} .lt0delay.animate-in, .tp0delay.animate-in, .bm0delay.animate-in, .rt0delay.animate-in {opacity: 1; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; -ms-transition-duration: 1s; transition-duration: 1s;} .lt1delay.animate-in, .tp1delay.animate-in, .bm1delay.animate-in, .rt1delay.animate-in {opacity: 1; -webkit-transition-duration: .1s; -moz-transition-duration: .1s; -o-transition-duration: .1s; -ms-transition-duration: .1s; transition-duration: .1s;} .lt2delay.animate-in, .tp2delay.animate-in, .bm2delay.animate-in, .rt2delay.animate-in {opacity: 1; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; -o-transition-duration: .2s; -ms-transition-duration: .2s; transition-duration: .2s;} .lt3delay.animate-in, .tp3delay.animate-in, .bm3delay.animate-in, .rt3delay.animate-in {opacity: 1; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; -ms-transition-duration: .3s; transition-duration: .3s;} .lt4delay.animate-in, .tp4delay.animate-in, .bm4delay.animate-in, .rt4delay.animate-in {opacity: 1; -webkit-transition-duration: .4s; -moz-transition-duration: .4s; -o-transition-duration: .4s; -ms-transition-duration: .4s; transition-duration: .4s;} .lt5delay.animate-in, .tp5delay.animate-in, .bm5delay.animate-in, .rt5delay.animate-in {opacity: 1; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; -o-transition-duration: .5s; -ms-transition-duration: .5s; transition-duration: .5s;} .lt6delay.animate-in, .tp6delay.animate-in, .bm6delay.animate-in, .rt6delay.animate-in {opacity: 1; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -o-transition-duration: .6s; -ms-transition-duration: .6s; transition-duration: .6s;} .lt7delay.animate-in, .tp7delay.animate-in, .bm7delay.animate-in, .rt7delay.animate-in {opacity: 1; -webkit-transition-duration: .7s; -moz-transition-duration: .7s; -o-transition-duration: .7s; -ms-transition-duration: .7s; transition-duration: .7s;} .lt8delay.animate-in, .tp8delay.animate-in, .bm8delay.animate-in, .rt8delay.animate-in {opacity: 1; -webkit-transition-duration: .8s; -moz-transition-duration: .8s; -o-transition-duration: .8s; -ms-transition-duration: .8s; transition-duration: .8s;} .lt9delay.animate-in, .tp9delay.animate-in, .bm9delay.animate-in, .rt9delay.animate-in {opacity: 1; -webkit-transition-duration: .9s; -moz-transition-duration: .9s; -o-transition-duration: .9s; -ms-transition-duration: .9s; transition-duration: .9s;} .lt0delay.animate-out, .lt1delay.animate-out, .lt2delay.animate-out, .lt3delay.animate-out, .lt4delay.animate-out, .lt5delay.animate-out, .lt6delay.animate-out, .lt7delay.animate-out,.lt8delay.animate-out, .lt9delay.animate-out {left:100%;} .rt0delay.animate-out, .rt1delay.animate-out, .rt2delay.animate-out, .rt3delay.animate-out, .rt4delay.animate-out, .rt5delay.animate-out, .rt6delay.animate-out, .rt7delay.animate-out, .rt8delay.animate-out, .rt9delay.animate-out {left:-100%;} .tp0delay.animate-out, .tp1delay.animate-out, .tp2delay.animate-out, .tp3delay.animate-out, .tp4delay.animate-out, .tp5delay.animate-out, .tp6delay.animate-out, .tp7delay.animate-out, .tp8delay.animate-out, .tp9delay.animate-out {top:-100%;} .bm0delay.animate-out, .bm1delay.animate-out, .bm2delay.animate-out, .bm3delay.animate-out, .bm4delay.animate-out, .bm5delay.animate-out, .bm6delay.animate-out, .bm7delay.animate-out, .bm8delay.animate-out, .bm9delay.animate-out {top:100%;} .rt0delay.animate-out, .tp0delay.animate-out, .bm0delay.animate-out, .lt0delay.animate-out {opacity: 0; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; -ms-transition-duration: 1s; transition-duration: 1s;} .rt1delay.animate-out, .tp1delay.animate-out, .bm1delay.animate-out, .lt1delay.animate-out {opacity: 0; -webkit-transition-duration: 0.1s; -moz-transition-duration: 0.1s; -o-transition-duration: 0.1s; -ms-transition-duration: 0.1s; transition-duration: 0.1s;} .rt2delay.animate-out, .tp2delay.animate-out, .bm2delay.animate-out, .lt2delay.animate-out {opacity: 0; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; -ms-transition-duration: 0.2s; transition-duration: 0.2s;} .rt3delay.animate-out, .tp3delay.animate-out, .bm3delay.animate-out, .lt3delay.animate-out {opacity: 0; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -ms-transition-duration: 0.3s; transition-duration: 0.3s;} .rt4delay.animate-out, .tp4delay.animate-out, .bm4delay.animate-out, .lt4delay.animate-out {opacity: 0; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; -ms-transition-duration: 0.4s; transition-duration: 0.4s;} .rt5delay.animate-out, .tp5delay.animate-out, .bm5delay.animate-out, .lt5delay.animate-out {opacity: 0; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;} .rt6delay.animate-out, .tp6delay.animate-out, .bm6delay.animate-out, .lt6delay.animate-out {opacity: 0; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s; -ms-transition-duration: 0.6s; transition-duration: 0.6s;} .rt7delay.animate-out, .tp7delay.animate-out, .bm7delay.animate-out, .lt7delay.animate-out {opacity: 0; -webkit-transition-duration: 0.7s; -moz-transition-duration: 0.7s; -o-transition-duration: 0.7s; -ms-transition-duration: 0.7s; transition-duration: 0.7s;} .rt8delay.animate-out, .tp8delay.animate-out, .bm8delay.animate-out, .lt8delay.animate-out {opacity: 0; -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; -ms-transition-duration: 0.8s; transition-duration: 0.8s;} .rt9delay.animate-out, .tp9delay.animate-out, .bm9delay.animate-out, .lt9delay.animate-out {opacity: 0; -webkit-transition-duration: 0.9s; -moz-transition-duration: 0.9s; -o-transition-duration: 0.9s; -ms-transition-duration: 0.9s; transition-duration: 0.9s;} .w10pc0LT-rnd {left:-100%; top:-20%; width:10%;} .w20pc0LT-rnd {left:-100%; top:-20%; width:20%;} .w30pc0LT-rnd {left:-100%; top:-20%; width:30%;} .w40pc0LT-rnd {left:-100%; top:-20%; width:40%;} .w50pc0LT-rnd {left:-100%; top:-20%; width:50%;} .w60pc0LT-rnd {left:-100%; top:-20%; width:60%;} .w70pc0LT-rnd {left:-100%; top:-20%; width:70%;} .w80pc0LT-rnd {left:-100%; top:-20%; width:80%;} .w90pc0LT-rnd {left:-100%; top:-20%; width:90%;} .w100pc0LT-rnd {left:-100%; top:-20%; width:100%;} .w10pc0LB-rnd {left:-100%; top:150%; width:10%;} .w20pc0LB-rnd {left:-100%; top:150%; width:20%;} .w30pc0LB-rnd {left:-100%; top:150%; width:30%;} .w40pc0LB-rnd {left:-100%; top:150%; width:40%;} .w50pc0LB-rnd {left:-100%; top:150%; width:50%;} .w60pc0LB-rnd {left:-100%; top:150%; width:60%;} .w70pc0LB-rnd {left:-100%; top:150%; width:70%;} .w80pc0LB-rnd {left:-100%; top:150%; width:80%;} .w90pc0LB-rnd {left:-100%; top:150%; width:90%;} .w100pc0LB-rnd {left:-100%; top:150%; width:100%;} .w10pc0RT-rnd {left:120%; top:-100%; width:10%;} .w20pc0RT-rnd {left:120%; top:-100%; width:20%;} .w30pc0RT-rnd {left:120%; top:-100%; width:30%;} .w40pc0RT-rnd {left:120%; top:-100%; width:40%;} .w50pc0RT-rnd {left:120%; top:-100%; width:50%;} .w60pc0RT-rnd {left:120%; top:-100%; width:60%;} .w70pc0RT-rnd {left:120%; top:-100%; width:70%;} .w80pc0RT-rnd {left:120%; top:-100%; width:80%;} .w90pc0RT-rnd {left:120%; top:-100%; width:90%;} .w100pc0RT-rnd {left:120%; top:-100%; width:100%;} .w10pc0RB-rnd {left:150%; top:150%; width:10%;} .w20pc0RB-rnd {left:150%; top:150%; width:20%;} .w30pc0RB-rnd {left:150%; top:150%; width:30%;} .w40pc0RB-rnd {left:150%; top:150%; width:40%;} .w50pc0RB-rnd {left:150%; top:150%; width:50%;} .w60pc0RB-rnd {left:150%; top:150%; width:60%;} .w70pc0RB-rnd {left:150%; top:150%; width:70%;} .w80pc0RB-rnd {left:150%; top:150%; width:80%;} .w90pc0RB-rnd {left:150%; top:150%; width:90%;} .w100pc0RB-rnd {left:150%; top:150%; width:100%;} .w10pc0LT-rnd.animate-in, .w20pc0LT-rnd.animate-in, .w30pc0LT-rnd.animate-in, .w40pc0LT-rnd.animate-in, .w50pc0LT-rnd.animate-in, .w60pc0LT-rnd.animate-in, .w70pc0LT-rnd.animate-in, .w80pc0LT-rnd.animate-in, .w90pc0LT-rnd.animate-in,.w100pc0LT-rnd.animate-in, .w10pc0LB-rnd.animate-in, .w20pc0LB-rnd.animate-in, .w30pc0LB-rnd.animate-in, .w40pc0LB-rnd.animate-in, .w50pc0LB-rnd.animate-in, .w60pc0LB-rnd.animate-in, .w70pc0LB-rnd.animate-in, .w80pc0LB-rnd.animate-in, .w90pc0LB-rnd.animate-in,.w100pc0LB-rnd.animate-in, .w10pc0RT-rnd.animate-in, .w20pc0RT-rnd.animate-in, .w30pc0RT-rnd.animate-in, .w40pc0RT-rnd.animate-in, .w50pc0RT-rnd.animate-in, .w60pc0RT-rnd.animate-in, .w70pc0RT-rnd.animate-in, .w80pc0RT-rnd.animate-in, .w90pc0RT-rnd.animate-in,.w100pc0RT-rnd.animate-in, .w10pc0RB-rnd.animate-in, .w20pc0RB-rnd.animate-in, .w30pc0RB-rnd.animate-in, .w40pc0RB-rnd.animate-in, .w50pc0RB-rnd.animate-in, .w60pc0RB-rnd.animate-in, .w70pc0RB-rnd.animate-in, .w80pc0RB-rnd.animate-in, .w90pc0RB-rnd.animate-in,.w100pc0RB-rnd.animate-in {left:0%; top:0%;} .w10pc90RT-rnd {left:120%; top:-100%; width:10%;} .w10pc90RB-rnd {left:150%; top:150%; width:10%;} .w10pc90LT-rnd {left:-100%; top:-20%; width:10%;} .w10pc90LB-rnd {left:-100%; top:150%; width:10%;} .w10pc90RT-rnd.animate-in, .w10pc90RB-rnd.animate-in, .w10pc90LB-rnd.animate-in, .w10pc90LT-rnd.animate-in {left:87%; top:0%;} .w20pc80RT-rnd {left:120%; top:-100%; width:20%;} .w20pc80RB-rnd {left:150%; top:150%; width:20%;} .w20pc80LT-rnd {left:-100%; top:-20%; width:20%;} .w20pc80LB-rnd {left:-100%; top:150%; width:20%;} .w20pc80RT-rnd.animate-in, .w20pc80RB-rnd.animate-in, .w20pc80LB-rnd.animate-in, .w20pc80LT-rnd.animate-in {left:77%; top:0%} .w30pc70RT-rnd {left:120%; top:-100%; width:30%;} .w30pc70RB-rnd {left:150%; top:150%; width:30%;} .w30pc70LT-rnd {left:-100%; top:-20%; width:30%;} .w30pc70LB-rnd {left:-100%; top:150%; width:30%;} .w30pc70RT-rnd.animate-in, .w30pc70RB-rnd.animate-in, .w30pc70LB-rnd.animate-in, .w30pc70LT-rnd.animate-in {left:67%; top:0%} .w40pc60RT-rnd {left:120%; top:-100%; width:40%;} .w40pc60RB-rnd {left:150%; top:150%; width:40%;} .w40pc60LT-rnd {left:-100%; top:-20%; width:40%;} .w40pc60LB-rnd {left:-100%; top:150%; width:40%;} .w40pc60RT-rnd.animate-in, .w40pc60RB-rnd.animate-in, .w40pc60LB-rnd.animate-in, .w40pc60LT-rnd.animate-in {left:57%; top:0%} .w50pc50RT-rnd {left:120%; top:-100%; width:50%;} .w50pc50RB-rnd {left:150%; top:150%; width:50%;} .w50pc50LT-rnd {left:-100%; top:-20%; width:50%;} .w50pc50LB-rnd {left:-100%; top:150%; width:50%;} .w50pc50RT-rnd.animate-in, .w50pc50RB-rnd.animate-in, .w50pc50LB-rnd.animate-in, .w50pc50LT-rnd.animate-in {left:47%; top:0%} .w60pc40RT-rnd {left:120%; top:-100%; width:60%;} .w60pc40RB-rnd {left:150%; top:150%; width:60%;} .w60pc40LT-rnd {left:-100%; top:-20%; width:60%;} .w60pc40LB-rnd {left:-100%; top:150%; width:60%;} .w60pc40RT-rnd.animate-in, .w60pc40RB-rnd.animate-in, .w60pc40LB-rnd.animate-in, .w60pc40LT-rnd.animate-in {left:37%; top:0%} .w70pc30RT-rnd {left:120%; top:-100%; width:70%;} .w70pc30RB-rnd {left:150%; top:150%; width:70%;} .w70pc30LT-rnd {left:-100%; top:-20%; width:70%;} .w70pc30LB-rnd {left:-100%; top:150%; width:70%;} .w70pc30RT-rnd.animate-in, .w70pc30RB-rnd.animate-in, .w70pc30LB-rnd.animate-in, .w70pc30LT-rnd.animate-in {left:27%; top:0%} .w80pc20RT-rnd {left:120%; top:-100%; width:80%;} .w80pc20RB-rnd {left:150%; top:150%; width:80%;} .w80pc20LT-rnd {left:-100%; top:-20%; width:80%;} .w80pc20LB-rnd {left:-100%; top:150%; width:80%;} .w80pc20RT-rnd.animate-in, .w80pc20RB-rnd.animate-in, .w80pc20LB-rnd.animate-in, .w80pc20LT-rnd.animate-in {left:17%; top:0%} .w90pc10RT-rnd {left:120%; top:-100%; width:90%;} .w90pc10RB-rnd {left:150%; top:150%; width:90%;} .w90pc10LT-rnd {left:-100%; top:-20%; width:90%;} .w90pc10LB-rnd {left:-100%; top:150%; width:90%;} .w90pc10RT-rnd.animate-in, .w90pc10RB-rnd.animate-in, .w90pc10LB-rnd.animate-in, .w90pc10LT-rnd.animate-in {left:7%; top:0%} .w100pc0RT-rnd {left:120%; top:-100%; width:100%;} .w100pc0RB-rnd {left:150%; top:150%; width:100%;} .w100pc0LT-rnd {left:-100%; top:-20%; width:100%;} .w100pc0LB-rnd {left:-100%; top:150%; width:100%;} .w100pc0RT-rnd.animate-in, .w100pc0RB-rnd.animate-in, .w100pc0LB-rnd.animate-in, .w100pc0LT-rnd.animate-in {left:0%; top:0%} .w10pc0LT-rnd.animate-out, .w20pc0LT-rnd.animate-out, .w30pc0LT-rnd.animate-out, .w40pc0LT-rnd.animate-out, .w50pc0LT-rnd.animate-out, .w60pc0LT-rnd.animate-out, .w70pc0LT-rnd.animate-out, .w80pc0LT-rnd.animate-out, .w90pc0LT-rnd.animate-out,.w100pc0LT-rnd.animate-out .w10pc90LT-rnd.animate-out, .w20pc80LT-rnd.animate-out, .w30pc70LT-rnd.animate-out, .w40pc60LT-rnd.animate-out, .w50pc50LT-rnd.animate-out, .w60pc40LT-rnd.animate-out, .w70pc30LT-rnd.animate-out, .w80pc20LT-rnd.animate-out, .w90pc10LT-rnd.animate-out, .w100pc0LT-rnd.animate-out {left:200%; opacity:0; top:200%;} .w10pc0RT-rnd.animate-out, .w20pc0RT-rnd.animate-out, .w30pc0RT-rnd.animate-out, .w40pc0RT-rnd.animate-out, .w50pc0RT-rnd.animate-out, .w60pc0RT-rnd.animate-out, .w70pc0RT-rnd.animate-out, .w80pc0RT-rnd.animate-out, .w90pc0RT-rnd.animate-out,.w100pc0RT-rnd.animate-out, .w10pc90RT-rnd.animate-out, .w20pc80RT-rnd.animate-out, .w30pc70RT-rnd.animate-out, .w40pc60RT-rnd.animate-out, .w50pc50RT-rnd.animate-out, .w60pc40RT-rnd.animate-out, .w70pc30RT-rnd.animate-out, .w80pc20RT-rnd.animate-out, .w90pc10RT-rnd.animate-out, .w100pc0RT-rnd.animate-out {left:-200%; opacity:0; top:200%;} .w10pc0LB-rnd.animate-out, .w20pc0LB-rnd.animate-out, .w30pc0LB-rnd.animate-out, .w40pc0LB-rnd.animate-out, .w50pc0LB-rnd.animate-out, .w60pc0LB-rnd.animate-out, .w70pc0LB-rnd.animate-out, .w80pc0LB-rnd.animate-out, .w90pc0LB-rnd.animate-out,.w100pc0LB-rnd.animate-out, .w10pc90LB-rnd.animate-out, .w20pc80LB-rnd.animate-out, .w30pc70LB-rnd.animate-out, .w40pc60LB-rnd.animate-out, .w50pc50LB-rnd.animate-out, .w60pc40LB-rnd.animate-out, .w70pc30LB-rnd.animate-out, .w80pc20LB-rnd.animate-out, .w90pc10LB-rnd.animate-out,.w100pc0LB-rnd.animate-out {left:200%; opacity:0; top:-150%;} .w10pc0RB-rnd.animate-out, .w20pc0RB-rnd.animate-out, .w30pc0RB-rnd.animate-out, .w40pc0RB-rnd.animate-out, .w50pc0RB-rnd.animate-out, .w60pc0RB-rnd.animate-out, .w70pc0RB-rnd.animate-out, .w80pc0RB-rnd.animate-out, .w90pc0RB-rnd.animate-out,.w100pc0RB-rnd.animate-out .w10pc90RB-rnd.animate-out, .w20pc80RB-rnd.animate-out, .w30pc70RB-rnd.animate-out, .w40pc60RB-rnd.animate-out, .w50pc50RB-rnd.animate-out, .w60pc40RB-rnd.animate-out, .w70pc30RB-rnd.animate-out, .w80pc20RB-rnd.animate-out, .w90pc10RB-rnd.animate-out,.w100pc0RB-rnd.animate-out {left:-200%; opacity:0; top:-150%;} .deg20-0-40 {-webkit-transform: rotate(-20deg); -moz-transform: rotate(-20deg); -o-transform: rotate(-20deg); -ms-transform: rotate(-20deg); transform: rotate(-20deg);} .deg20-0-40.animate-in {-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);} .deg20-0-40.animate-out {-webkit-transform: rotate(40deg); -moz-transform: rotate(40deg); -o-transform: rotate(40deg); -ms-transform: rotate(40deg); transform: rotate(40deg);} .deg40-0-20 {-webkit-transform: rotate(-40deg); -moz-transform: rotate(-40deg); -o-transform: rotate(-40deg); -ms-transform: rotate(-40deg); transform: rotate(-40deg);} .deg40-0-20.animate-in {-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);} .deg40-0-20.animate-out {-webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); -o-transform: rotate(20deg); -ms-transform: rotate(20deg); transform: rotate(20deg);} .deg60-0-120 {-webkit-transform: rotate(-60deg); -moz-transform: rotate(-60deg); -o-transform: rotate(-60deg); -ms-transform: rotate(-60deg); transform: rotate(-60deg);} .deg60-0-120.animate-in {-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);} .deg60-0-120.animate-out {-webkit-transform: rotate(120deg); -moz-transform: rotate(120deg); -o-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg);} .deg120-0-60 {-webkit-transform: rotate(-120deg); -moz-transform: rotate(-120deg); -o-transform: rotate(-120deg); -ms-transform: rotate(-120deg); transform: rotate(-120deg);} .deg120-0-60.animate-in {-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);} .deg120-0-60.animate-out {-webkit-transform: rotate(60deg); -moz-transform: rotate(60deg); -o-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg);} @media (min-width: 200px) and (max-width: 979px) { #sequence ul li > div {position:relative; background:none} .w100pc0L, .w90pc10L, .w80pc20L, .w70pc30L, .w60pc40L, .w50pc50L, .w40pc60L, .w30pc70L, .w20pc80L, .w10pc90L, .w100pc0L, .w90pc0L, .w80pc0L, .w70pc0L, .w60pc0L, .w50pc0L, .w40pc0L, .w30pc0L, .w20pc0L, .w10pc0L, .w100pc0R, .w90pc10R, .w80pc20R, .w70pc30R, .w60pc40R, .w50pc50R, .w40pc60R, .w30pc70R, .w20pc80R, .w10pc90R, .w100pc0R, .w90pc0R, .w80pc0R, .w70pc0R, .w60pc0R, .w50pc0R, .w40pc0R, .w30pc0R, .w20pc0R, .w10pc0R, .w100pc0TL, .w90pc10TL, .w80pc20TL, .w70pc30TL, .w60pc40TL, .w50pc50TL, .w40pc60TL, .w30pc70TL, .w20pc80TL, .w10pc90TL, .w100pc0TL, .w90pc0TL, .w80pc0TL, .w70pc0TL, .w60pc0TL, .w50pc0TL, .w40pc0TL, .w30pc0TL, .w20pc0TL, .w10pc0TL, .w100pc0BL, .w90pc10BL, .w80pc20BL, .w70pc30BL, .w60pc40BL, .w50pc50BL, .w40pc60BL, .w30pc70BL, .w20pc80BL, .w10pc90BL, .w100pc0BL, .w90pc0BL, .w80pc0BL, .w70pc0BL, .w60pc0BL, .w50pc0BL, .w40pc0BL, .w30pc0BL, .w20pc0BL, .w10pc0BL, .w10pc0LT-rnd, .w20pc0LT-rnd, .w30pc0LT-rnd, .w40pc0LT-rnd, .w50pc0LT-rnd, .w60pc0LT-rnd, .w70pc0LT-rnd, .w80pc0LT-rnd, .w90pc0LT-rnd, .w100pc0LT-rnd, .w10pc0LB-rnd, .w20pc0LB-rnd, .w30pc0LB-rnd, .w40pc0LB-rnd, .w50pc0LB-rnd, .w60pc0LB-rnd, .w70pc0LB-rnd, .w80pc0LB-rnd, .w90pc0LB-rnd, .w100pc0LB-rnd, .w10pc0RT-rnd, .w20pc0RT-rnd, .w30pc0RT-rnd, .w40pc0RT-rnd, .w50pc0RT-rnd, .w60pc0RT-rnd, .w70pc0RT-rnd, .w80pc0RT-rnd, .w90pc0RT-rnd, .w100pc0RT-rnd, .w10pc0RB-rnd, .w20pc0RB-rnd, .w30pc0RB-rnd, .w40pc0RB-rnd, .w50pc0RB-rnd, .w60pc0RB-rnd, .w70pc0RB-rnd, .w80pc0RB-rnd, .w90pc0RB-rnd, .w100pc0RB-rnd, .w10pc90RT-rnd, .w20pc80RT-rnd, .w30pc70RT-rnd, .w40pc60RT-rnd, .w50pc50RT-rnd, .w60pc40RT-rnd, .w70pc30RT-rnd, .w80pc20RT-rnd, .w90pc10RT-rnd, .w10pc90RB-rnd, .w20pc80RB-rnd, .w30pc70RB-rnd, .w40pc60RB-rnd, .w50pc50RB-rnd, .w60pc40RB-rnd, .w70pc30RB-rnd, .w80pc20RB-rnd, .w90pc10RB-rnd, .w10pc90LT-rnd, .w20pc80LT-rnd, .w30pc70LT-rnd, .w40pc60LT-rnd, .w50pc50LT-rnd, .w60pc40LT-rnd, .w70pc30LT-rnd, .w80pc20LT-rnd, .w90pc10LT-rnd, .w10pc90LB-rnd, .w20pc80LB-rnd, .w30pc70LB-rnd, .w40pc60LB-rnd, .w50pc50LB-rnd, .w60pc40LB-rnd, .w70pc30LB-rnd, .w80pc20LB-rnd, .w90pc10LB-rnd {left:-10%; top:0%; width:100%; opacity:0;} .w100pc0L.animate-in, .w90pc10L.animate-in, .w80pc20L.animate-in, .w70pc30L.animate-in,.w60pc40L.animate-in, .w50pc50L.animate-in, .w40pc60L.animate-in, .w30pc70L.animate-in,.w20pc80L.animate-in, .w10pc90L.animate-in, .w100pc0R.animate-in, .w90pc10R.animate-in, .w80pc20R.animate-in, .w70pc30R.animate-in,.w60pc40R.animate-in, .w50pc50R.animate-in, .w40pc60R.animate-in, .w30pc70R.animate-in,.w20pc80R.animate-in, .w10pc90R.animate-in, .w100pc0TL.animate-in, .w90pc10TL.animate-in, .w80pc20TL.animate-in, .w70pc30TL.animate-in,.w60pc40TL.animate-in, .w50pc50TL.animate-in, .w40pc60TL.animate-in, .w30pc70TL.animate-in,.w20pc80TL.animate-in, .w10pc90TL.animate-in, .w100pc0BL.animate-in, .w90pc10BL.animate-in, .w80pc20BL.animate-in, .w70pc30BL.animate-in,.w60pc40BL.animate-in, .w50pc50BL.animate-in, .w40pc60BL.animate-in, .w30pc70BL.animate-in,.w20pc80BL.animate-in, .w10pc90BL.animate-in, .w10pc90RT-rnd.animate-in, .w20pc80RT-rnd.animate-in, .w30pc70RT-rnd.animate-in, .w40pc60RT-rnd.animate-in, .w50pc50RT-rnd.animate-in, .w60pc40RT-rnd.animate-in, .w70pc30RT-rnd.animate-in, .w80pc20RT-rnd.animate-in, .w90pc10RT-rnd.animate-in, .w100pc0RT-rnd.animate-in, .w10pc90RB-rnd.animate-in, .w20pc80RB-rnd.animate-in, .w30pc70RB-rnd.animate-in, .w40pc60RB-rnd.animate-in, .w50pc50RB-rnd.animate-in, .w60pc40RB-rnd.animate-in, .w70pc30RB-rnd.animate-in, .w80pc20RB-rnd.animate-in, .w90pc10RB-rnd.animate-in, .w100pc0RB-rnd.animate-in, .w10pc90LT-rnd.animate-in, .w20pc80LT-rnd.animate-in, .w30pc70LT-rnd.animate-in, .w40pc60LT-rnd.animate-in, .w50pc50LT-rnd.animate-in, .w60pc40LT-rnd.animate-in, .w70pc30LT-rnd.animate-in, .w80pc20LT-rnd.animate-in, .w90pc10LT-rnd.animate-in, .w100pc0LT-rnd.animate-in, .w10pc90LB-rnd.animate-in, .w20pc80LB-rnd.animate-in, .w30pc70LB-rnd.animate-in, .w40pc60LB-rnd.animate-in, .w50pc50LB-rnd.animate-in, .w60pc40LB-rnd.animate-in, .w70pc30LB-rnd.animate-in, .w80pc20LB-rnd.animate-in, .w90pc10LB-rnd.animate-in, .w100pc0LB-rnd.animate-in {left:0%; top:0%;} .deg40-0-20, .deg40-0-20.animate-in, .deg40-0-20.animate-out, .deg60-0-120, .deg60-0-120.animate-in, .deg60-0-120.animate-out, .deg120-0-60, .deg120-0-60.animate-in, .deg120-0-60.animate-out, .deg20-0-40, .deg20-0-40.animate-in, .deg20-0-40.animate-out {-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);} .w10pc0LT-rnd.animate-out, .w20pc0LT-rnd.animate-out, .w30pc0LT-rnd.animate-out, .w40pc0LT-rnd.animate-out, .w50pc0LT-rnd.animate-out, .w60pc0LT-rnd.animate-out, .w70pc0LT-rnd.animate-out, .w80pc0LT-rnd.animate-out, .w90pc0LT-rnd.animate-out,.w100pc0LT-rnd.animate-out .w10pc90LT-rnd.animate-out, .w20pc80LT-rnd.animate-out, .w30pc70LT-rnd.animate-out, .w40pc60LT-rnd.animate-out, .w50pc50LT-rnd.animate-out, .w60pc40LT-rnd.animate-out, .w70pc30LT-rnd.animate-out, .w80pc20LT-rnd.animate-out, .w90pc10LT-rnd.animate-out, .w100pc0LT-rnd.animate-out .w10pc0RT-rnd.animate-out, .w20pc0RT-rnd.animate-out, .w30pc0RT-rnd.animate-out, .w40pc0RT-rnd.animate-out, .w50pc0RT-rnd.animate-out, .w60pc0RT-rnd.animate-out, .w70pc0RT-rnd.animate-out, .w80pc0RT-rnd.animate-out, .w90pc0RT-rnd.animate-out,.w100pc0RT-rnd.animate-out, .w10pc90RT-rnd.animate-out, .w20pc80RT-rnd.animate-out, .w30pc70RT-rnd.animate-out, .w40pc60RT-rnd.animate-out, .w50pc50RT-rnd.animate-out, .w60pc40RT-rnd.animate-out, .w70pc30RT-rnd.animate-out, .w80pc20RT-rnd.animate-out, .w90pc10RT-rnd.animate-out, .w100pc0RT-rnd.animate-out .w10pc0LB-rnd.animate-out, .w20pc0LB-rnd.animate-out, .w30pc0LB-rnd.animate-out, .w40pc0LB-rnd.animate-out, .w50pc0LB-rnd.animate-out, .w60pc0LB-rnd.animate-out, .w70pc0LB-rnd.animate-out, .w80pc0LB-rnd.animate-out, .w90pc0LB-rnd.animate-out,.w100pc0LB-rnd.animate-out, .w10pc90LB-rnd.animate-out, .w20pc80LB-rnd.animate-out, .w30pc70LB-rnd.animate-out, .w40pc60LB-rnd.animate-out, .w50pc50LB-rnd.animate-out, .w60pc40LB-rnd.animate-out, .w70pc30LB-rnd.animate-out, .w80pc20LB-rnd.animate-out, .w90pc10LB-rnd.animate-out,.w100pc0LB-rnd.animate-out .w10pc0RB-rnd.animate-out, .w20pc0RB-rnd.animate-out, .w30pc0RB-rnd.animate-out, .w40pc0RB-rnd.animate-out, .w50pc0RB-rnd.animate-out, .w60pc0RB-rnd.animate-out, .w70pc0RB-rnd.animate-out, .w80pc0RB-rnd.animate-out, .w90pc0RB-rnd.animate-out,.w100pc0RB-rnd.animate-out .w10pc90RB-rnd.animate-out, .w20pc80RB-rnd.animate-out, .w30pc70RB-rnd.animate-out, .w40pc60RB-rnd.animate-out, .w50pc50RB-rnd.animate-out, .w60pc40RB-rnd.animate-out, .w70pc30RB-rnd.animate-out, .w80pc20RB-rnd.animate-out, .w90pc10RB-rnd.animate-out,.w100pc0RB-rnd.animate-out {left:10%; opacity:0; top:0%;} .lt0delay.animate-out, .lt1delay.animate-out, .lt2delay.animate-out, .lt3delay.animate-out, .lt4delay.animate-out, .lt5delay.animate-out, .lt6delay.animate-out, .lt7delay.animate-out,.lt8delay.animate-out, .lt9delay.animate-out, .rt0delay.animate-out, .rt1delay.animate-out, .rt2delay.animate-out, .rt3delay.animate-out, .rt4delay.animate-out, .rt5delay.animate-out, .rt6delay.animate-out, .rt7delay.animate-out, .rt8delay.animate-out, .rt9delay.animate-out, .tp0delay.animate-out, .tp1delay.animate-out, .tp2delay.animate-out, .tp3delay.animate-out, .tp4delay.animate-out, .tp5delay.animate-out, .tp6delay.animate-out, .tp7delay.animate-out, .tp8delay.animate-out, .tp9delay.animate-out, .bm0delay.animate-out, .bm1delay.animate-out, .bm2delay.animate-out, .bm3delay.animate-out, .bm4delay.animate-out, .bm5delay.animate-out, .bm6delay.animate-out, .bm7delay.animate-out, .bm8delay.animate-out, .bm9delay.animate-out {top:0%;} .rt0delay.animate-in, .tp0delay.animate-in, .bm0delay.animate-in, .lt0delay.animate-in, .rt1delay.animate-in, .tp1delay.animate-in, .bm1delay.animate-in, .lt1delay.animate-in, .rt2delay.animate-in, .tp2delay.animate-in, .bm2delay.animate-in,.lt2delay.animate-in, .rt3delay.animate-in, .tp3delay.animate-in, .bm3delay.animate-in,.lt3delay.animate-in, .rt4delay.animate-in, .tp4delay.animate-in, .bm4delay.animate-in,.lt4delay.animate-in, .rt5delay.animate-in, .tp5delay.animate-in, .bm5delay.animate-in,.lt5delay.animate-in, .rt6delay.animate-in, .tp6delay.animate-in, .bm6delay.animate-in,.lt6delay.animate-in, .rt7delay.animate-in, .tp7delay.animate-in, .bm7delay.animate-in,.lt7delay.animate-in, .rt8delay.animate-in, .tp8delay.animate-in, .bm8delay.animate-in,.lt8delay.animate-in, .rt9delay.animate-in, .tp9delay.animate-in, .bm9delay.animate-in,.lt9delay.animate-in {opacity: 1; -webkit-transition-duration: .1s; -moz-transition-duration: .1s; -o-transition-duration: .1s; -ms-transition-duration: .1s; transition-duration: .1s;} .rt0delay.animate-out, .tp0delay.animate-out, .bm0delay.animate-out, .lt0delay.animate-out, .rt1delay.animate-out, .tp1delay.animate-out, .bm1delay.animate-out, .lt1delay.animate-out, .rt2delay.animate-out, .tp2delay.animate-out, .bm2delay.animate-out,.lt2delay.animate-out, .rt3delay.animate-out, .tp3delay.animate-out, .bm3delay.animate-out,.lt3delay.animate-out, .rt4delay.animate-out, .tp4delay.animate-out, .bm4delay.animate-out,.lt4delay.animate-out, .rt5delay.animate-out, .tp5delay.animate-out, .bm5delay.animate-out,.lt5delay.animate-out, .rt6delay.animate-out, .tp6delay.animate-out, .bm6delay.animate-out,.lt6delay.animate-out, .rt7delay.animate-out, .tp7delay.animate-out, .bm7delay.animate-out,.lt7delay.animate-out, .rt8delay.animate-out, .tp8delay.animate-out, .bm8delay.animate-out,.lt8delay.animate-out, .rt9delay.animate-out, .tp9delay.animate-out, .bm9delay.animate-out,.lt9delay.animate-out {opacity: 0; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; -ms-transition-duration: 0.3s; transition-duration: .3s;} } /* ######### Manage Slider Height ######### */ .sldr-hgt {height:465px !important;} @media (max-width: 767px) { .mob-sldr-hgt {height:480px !important;} /* Height for mobile */ } @media (min-width: 768px) and (max-width: 979px) { .tab-sldr-hgt {height:430px !important;} /* Height for tablet */ }