/*
Theme created for use with Sequence.js (http://www.sequencejs.com/)

Theme: Apple Style
Version: 1.0
Theme Author: Ian Lunn @IanLunn
Author URL: http://www.ianlunn.co.uk/
Theme URL: http://www.sequencejs.com/themes/apple-style/

This is a FREE theme and is available under a MIT License:
http://www.opensource.org/licenses/mit-license.php

/* !CSS RESET */
/* prefix declarations */
/* Keyframes */
100%{background-position:0 0;opacity:0;}
50%{opacity:1;}
#sequence-theme {overflow: hidden;height: 749px}
#sequence {position: relative; width: 980px; height: 749px;margin: 0 auto;}
#sequence ul{margin:0;}
#sequence-theme{background:url(../img/bluebg1.png) repeat center top;height:700px;overflow:hidden;position:relative;width:100%;-webkit-backface-visibility:hidden;}
#sequence-theme ul{list-style:none;}
#sequence > .sequence-canvas > li {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
#sequence-theme #sequence{height:749px;position:relative;width:980px;margin:0 auto;}
#sequence-theme #sequence.sequence-fallback{overflow:hidden;}
#sequence-theme #sequence-preloader{height:100%;position:absolute;width:100%;z-index:999999;}
#sequence-theme #sequence-preloader img{background:#ffffff;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;display:inline-block;height:12px;opacity:0;position:relative;top:-50%;width:12px;-webkit-animation:preload 1s infinite;-moz-animation:preload 1s infinite;-ms-animation:preload 1s infinite;-o-animation:preload 1s infinite;animation:preload 1s infinite;}
#sequence-theme #sequence-preloader .preloading{height:12px;top:50%;position:relative;width:48px;margin:0 auto;}
#sequence-theme #sequence-preloader img:nth-child(2){-webkit-animation-delay:.15s;-moz-animation-delay:.15s;-ms-animation-delay:.15s;-o-animation-delay:.15s;animation-delay:.15s;}
#sequence-theme #sequence-preloader img:nth-child(3){-webkit-animation-delay:.3s;-moz-animation-delay:.3s;-ms-animation-delay:.3s;-o-animation-delay:.3s;animation-delay:.3s;}
#sequence-theme #sequence-preloader .preloading-complete{opacity:0;visibility:hidden;-webkit-transition-duration:1s;-moz-transition-duration:1s;-ms-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s;}
#sequence-theme .big {right:0;position:absolute;bottom:-950px;z-index:5; width: 490px; height: 965px;}
#sequence-theme .big.nexus {background: url(../img/sequence/nexus-big.png);}
#sequence-theme .big.iphone {background: url(../img/sequence/iphone-big.png);}
#sequence-theme .big.nexus .cont {display: block; width: 412px; height: 647px; overflow: hidden; margin: 150px 0 0 40px; position: relative;}
#sequence-theme .big.nexus .cont .highlight {position: absolute; top: 0; left: 0; width: 170px; height: 327px; background: url(../img/sequence/nexus-big-highlight.png) no-repeat 0 0;}
#sequence-theme .big.iphone .cont {display: block; width: 412px; height: 629px; overflow: hidden; margin: 150px 0 0 40px; position: relative;}
#sequence-theme .big.iphone .cont .highlight {position: absolute; top: 0; right: 0; width: 174px; height: 528px; background: url(../img/sequence/iphone-big-highlight.png) no-repeat 0 0;}
#sequence-theme .animate-in .big{right:0;bottom:-270px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition-duration:1s;-moz-transition-duration:1s;-ms-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s;}
#sequence-theme .animate-out .big{right:0;opacity:1;bottom:-950px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition-duration:1s;-moz-transition-duration:1s;-ms-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s;}

#sequence-theme .small{right:280px;position:absolute;bottom:-1250px;z-index:5;width: 316px; height: 622px;}
#sequence-theme .small.nexus {background: url(../img/sequence/nexus-small.png);}
#sequence-theme .small.iphone {background: url(../img/sequence/iphone-small.png);}
#sequence-theme .small.nexus .cont {display: block; width: 265px; height: 419px; overflow: hidden; margin: 95px 0 0 26px; position: relative;}
#sequence-theme .small.nexus .cont .highlight {position: absolute; top: 0; left: 0; width: 110px; height: 210px; background: url(../img/sequence/nexus-small-highlight.png) no-repeat 0 0;}
#sequence-theme .small.iphone .cont {display: block; width: 266px; height: 406px; overflow: hidden; margin: 96px 0 0 26px; position: relative;}
#sequence-theme .small.iphone .cont .highlight {position: absolute; top: 0; right: 0; width: 112px; height: 341px; background: url(../img/sequence/iphone-small-highlight.png) no-repeat 0 0;}
#sequence-theme .animate-in .small{right:280px;bottom:-170px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition-duration:1s;-moz-transition-duration:1s;-ms-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s;}
#sequence-theme .animate-out .small{right:280px;opacity:1;bottom:-850px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition-duration:1s;-moz-transition-duration:1s;-ms-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s;}
#sequence-theme .text{opacity:0;display:block;position:absolute;left:0;top:0;width:300px;-webkit-transition-duration:1s;-moz-transition-duration:1s;-ms-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s;}
#sequence-theme .animate-in .text{color:white;opacity:1;top:200px;}
#sequence-theme .text h2{font-size:6.01em;line-height:.8;margin:0 0 30px;}
#sequence-theme .text p{margin-bottom:40px;}
#sequence-theme .slide2{text-align:center;color:white;}
#sequence-theme .slide2 p{-webkit-transition-duration:1s;-moz-transition-duration:1s;-ms-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s;}
#sequence-theme .slide2 .bigheading{position:relative;opacity:0;top:-150px;font-size:9.375em;font-family:OSPDIN, "Helvetica Neue", Arial, sans-serif;text-transform:uppercase;line-height:.8; text-align: center;margin:0;}
#sequence-theme .slide2 .smallheading{position:absolute;opacity:0;bottom:-150px;font-size:2.1875em;font-family:OSPDIN, "Helvetica Neue", Arial, sans-serif;text-transform:uppercase;left:280px;margin:0;}
#sequence-theme .slide2 .normal{position:absolute;opacity:0;bottom:-250px;width:530px;left:210px;margin:0 auto;}
#sequence-theme .animate-in.slide2 .bigheading{top:280px;opacity:1;}
#sequence-theme .animate-in.slide2 .smallheading{bottom:249px;opacity:1;}
#sequence-theme .animate-in.slide2 .normal{bottom:159px;opacity:1;}
#sequence-theme .slide3 .text{position:absolute;right:0;left:auto;top:auto;bottom:-300px;width:320px;}
#sequence-theme .slide3 .monitor{position:absolute;left:0;top:-450px;width: 560px; height: 428px;/** width: 552px; height: 724px;**/ background: url(../img/sequence/multiDevices.png) no-repeat 0 0; -webkit-transition-duration:1s;-moz-transition-duration:1s;-ms-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s;}
#sequence-theme .slide3 .monitor .cont {display: block; width: 516px; height: 291px; overflow: hidden; margin: 22px 0 0 22px; position: relative;} 
#sequence-theme .slide3 .monitor .cont .highlight {display: block; background: url(../img/sequence/ipad-highlight.png) no-repeat 0 0; width: 225px; height: 356px;position: absolute; top: 0; right: 0;}
#sequence-theme .slide3 .laptop{position:absolute;left:250px;bottom:-290px; width: 390px; height: 222px; background: url(../img/sequence/laptop.png) no-repeat 0 0; -webkit-transition-duration:1s;-moz-transition-duration:1s;-ms-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s;}
#sequence-theme .slide3 .laptop .cont {display: block; width: 268px; height: 169px; overflow: hidden; margin: 16px 0 0 61px; position: relative;} 
#sequence-theme .slide3 .laptop .cont .highlight {display: block; background: url(../img/sequence/laptop-highlight.png) no-repeat 0 0; width: 135px; height: 169px;position: absolute; top: 0; right: 0;}
#sequence-theme .animate-in.slide3 .text{bottom:159px;top:auto;}
#sequence-theme .animate-in.slide3 .monitor{left:0;top:195px;}
#sequence-theme .animate-in.slide3 .laptop{left:250px;bottom:95px;}

#features .inner {padding-bottom: 0;}
.videowithhand {position: relative; overflow: hidden; padding-bottom: 85px;}
.hand {position: absolute; bottom: -300px; left: 240px;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.hand.show {bottom: 0px;}
.hand.halfhide {bottom: -100px;}

@media only screen and (max-width: 580px) {
	#sequence-theme {height: auto;}
	#sequence-theme #sequence {width: 85%;}
	#sequence-theme ul.nav {display: none;}
	#sequence-theme ul.controls{width: 100%; padding: 0; position: absolute; left: 0;}
	#sequence-theme ul.controls li.sprev {top: 70px; left: 15px; right: auto; z-index: 1000;}
	#sequence-theme ul.controls li.snext {top: 70px; right: 25px;z-index: 1000;}
.margin-L {margin-left: 70px;  }
.slide1 {margin-left: 80px; }
	#sequence-theme * {-webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none;}
	#sequence-theme .text, #sequence-theme .slide3 .text {width: 86%; margin: 0 7%; margin-left: 30px;} #sequence-theme .slide3 .text h2 {font-size: 4.8em;}
	#sequence-theme .text, #sequence-theme .animate-in .text, #sequence-theme .animate-out .text {bottom: 200px;} #sequence-theme .slide3 .text, #sequence-theme .slide3.animate-in .text {bottom: 200px;}
	#sequence-theme .nexus, #sequence-theme .iphone, #sequence-theme .monitor, #sequence-theme .laptop {opacity: 0!important;}

	#sequence-theme .slide2 .bigheading, #sequence-theme .slide2 .smallheading, #sequence-theme .slide2 .normal {width: 80%;text-align: center;}
	#sequence-theme .slide2 .bigheading {font-size: 4em;}
	#sequence-theme .slide2 .bigheading, #sequence-theme .slide2.animate-in .bigheading {top: 190px; text-align: center; left: 10%;}
	#sequence-theme .slide2 .smallheading, #sequence-theme .slide2.animate-in .smallheading {bottom: 300px; left: 10%;}
	#sequence-theme .slide2 .normal, #sequence-theme .slide2.animate-in .normal {bottom: 159px; left: 10%;}
}

@media only screen and (min-width: 580px) and (max-width: 992px) {
	#sequence-theme {height: auto;}
	#sequence-theme #sequence {width: 100%;}
	#sequence-theme ul.nav {display: none;}
	#sequence-theme ul.controls{width: 100%; padding: 0; position: absolute; left: 0;}
	#sequence-theme ul.controls li.sprev {top: 70px; left: 25px; right: auto; z-index: 1000;}
	#sequence-theme ul.controls li.snext {top: 70px; right: 25px;z-index: 1000;}

	#sequence-theme .text, #sequence-theme .slide3 .text {width: 30%; margin: 0 0;} #sequence-theme .slide3 .text h2 {font-size: 5.9em;}
	#sequence-theme .text, #sequence-theme .animate-in .text, #sequence-theme .animate-out .text {bottom: 200px; margin-left: 30px;} 
	#sequence-theme .slide3.animate-in .text {bottom: 100px;}

	#sequence-theme .animate-in .small {width: 60%; bottom: -200px; right: 60px;}
	#sequence-theme .animate-in .big {width: 60%; bottom: -450px; right: -150px;}
.margin-L {margin-left: 70px;  }

	#sequence-theme .slide1 .bigheading .smallheading .text {margin-left: 100px; top: -193px;}
	#sequence-theme .animate-in .ipad {right: -45%; bottom: -170px;}
	#sequence-theme .animate-in.slide3 .monitor {left: 0px; width: 80%;}
	#sequence-theme .animate-in.slide3 .laptop {left: 10%;}

	#sequence-theme .slide2 .smallheading, #sequence-theme .slide2 .normal {width: 80%;text-align: center;}
	
	#sequence-theme .slide2 .bigheading {font-size: 8.1em; text-align: center;} /*#sequence-theme .animate-in.slide2 .bigheading {top: 170px;}*/
	#sequence-theme .slide2.animate-in .smallheading {bottom: 240px; left: 10%;}
	#sequence-theme .slide2.animate-in .normal {bottom: 139px; left: 10%;}
}