/*
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:#2785ca;height:660px;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:660px;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 .ipad {right:0px;position:absolute;bottom:-850px;z-index:5; width: 319px;height: 655px; background: url(../img/screenshots/mobile.png);}
#sequence-theme .ipad .cont {display: block; width: 442px; height: 590px; margin: 65px 0px 0 54px; overflow: hidden;position: relative;}
#sequence-theme .ipad .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 .animate-in .ipad{right:0px;bottom:-70px;-webkit-transition-duration:1s;-moz-transition-duration:1s;-ms-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s;}
#sequence-theme .animate-out .ipad{right:0px;opacity:0;bottom:-850px;-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;-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;}
#sequence-theme .animate-out .text{color:white;opacity:0;top: auto;bottom:-350px;}
#sequence-theme .text h2{font-size:40px;line-height:1;margin:0 0 20px;font-weight: 300;text-transform: none;}
#sequence-theme .text p{margin-bottom:20px;font-weight: 300;font-size:18px;}
#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:absolute;opacity:0;top:-150px;font-size:9.375em;font-family:OSPDIN, "Helvetica Neue", Arial, sans-serif;text-transform:uppercase;line-height:1;left:60px;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;line-height: 1.2;}
#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:0;top:auto;text-align: center}
#sequence-theme .slide3 .monitor{position: absolute; height: 418px; background: url(../img/screenshots/slide1.png) no-repeat center bottom;-webkit-transition-duration:1s;-moz-transition-duration:1s;-ms-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s;bottom:0}
#sequence-theme .slide3 .monitor.pic-2{background: url(../img/screenshots/slides2.png) no-repeat center bottom;}
#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/monitor-highlight.png) no-repeat 0 0; width: 286px; height: 291px;position: absolute; top: 0; right: 0;}
#sequence-theme .slide3 .laptop{position:absolute;left:250px;bottom:-290px; width: 390px; height: 222px; background: url(../img/screenshots/slide2.jpg) 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{top:58px;}
#sequence-theme .animate-in.slide3 .monitor{left:0;width: 100%;}
#sequence-theme .animate-in.slide3 .laptop{left:250px;bottom:95px;}
#sequence-theme ul.controls{
	bottom: 0;
	top: 0;
}
@media only screen and (max-width: 1120px) {
	#sequence-theme ul.controls li.sequence-prev{
		left:0;
		top: 50%;
		margin-top: -25px;
	}
	#sequence-theme ul.controls li.sequence-next{
		right:0;
		top: 50%;
		margin-top: -25px;
	}
}
@media only screen and (max-width: 800px) {
	#sequence-theme {height: auto;}
	#sequence-theme #sequence {width: 100%;height:203px}
	#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;}

	#sequence-theme .text, #sequence-theme .slide3 .text {position: static}
    #sequence-theme .slide3 .text h2 {font-size: 22px;        margin-top: 20px;}
	#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: 240px;}
	#sequence-theme .ipad, #sequence-theme .monitor, #sequence-theme .laptop {opacity: 0!important;height:0!important;}

	#sequence-theme .slide2 .bigheading, #sequence-theme .slide2 .smallheading, #sequence-theme .slide2 .normal {width: 80%;text-align: left;}
	#sequence-theme .slide2 .bigheading {font-size: 4em;}
	#sequence-theme .slide2 .bigheading, #sequence-theme .slide2.animate-in .bigheading {top: 190px;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%;}
	
	#sequence-theme .text h2 { font-size:4.8em; }
}

@media only screen and (min-width: 800px) 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: 25%; margin: 0 2%;} */
    #sequence-theme .slide3 .text h2, #sequence-theme .text h2 {font-size: 2.6em;}
	#sequence-theme .text, #sequence-theme .animate-in .text, #sequence-theme .animate-out .text {bottom: 200px;} 
	/*#sequence-theme .slide3.animate-in .text {bottom: 200px;}*/

	#sequence-theme .animate-in .ipad {right: 20%; bottom: -40px;} #sequence-theme .animate-out .ipad, #sequence-theme .ipad {right: 20%;}
	#sequence-theme .animate-in.slide3 .monitor {left: 2%;}
	#sequence-theme .animate-in.slide3 .laptop {left: 0%;}

	#sequence-theme .slide2 .smallheading, #sequence-theme .slide2 .normal {width: 80%;text-align: left;}
	
	#sequence-theme .slide2 .bigheading {font-size: 8.1em; text-align: left;} #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%;}
}
@media only screen and (max-width: 767px) {
	#sequence-theme #sequence{
		height: 270px;
	}
}
@media only screen and (max-width: 420px) {
	#sequence-theme #sequence{
		height: 400px;
	}
}