/*
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 */
@import url('https://fonts.googleapis.com/css?family=Advent+Pro|Armata|Coda|Coda+Caption:800|Khand|Monda|Ropa+Sans');

100%{background-position:0 0;opacity:0;}
50%{opacity:1;}
#sequence-theme {overflow: hidden;height: 600px}
#sequence {position: relative; width: 980px; height: 600px;margin: 0 auto;}
#sequence ul{margin:0;}
#sequence-theme{overflow:hidden;position:relative; background-size: 100% 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 .icons{right:0;position:absolute;bottom:-850px;z-index:5;}
#sequence-theme .animate-in .icons{right:0;bottom:100px;-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 .iconsicons{right:0;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:100%;-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:#252525;opacity:1;top:200px;}
#sequence-theme .text h1{font-size:4.11em;line-height:1;margin:0 0 40px;}
#sequence-theme .text h2{font-size:4.11em;line-height:1;margin:0 0 40px;}
#sequence-theme .text h3{font-size:1.90em;line-height:1;margin:0 0 40px;}
#sequence-theme .text h4{font-size:4.11em;line-height:1;margin:0 0 40px;}
#sequence-theme .text p{margin-bottom:40px;}
#sequence-theme .slide2{text-align:left;color:#252525;}
#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:6.975em; font-family: 'Ropa Sans', sans-serif;  font-weight:bold;  line-height:1;left:0px;margin:0;}
#sequence-theme .slide2 .smallheading{position:absolute;opacity:0;bottom:-150px;font-size:2.1875em;font-family:'Ropa Sans', "Helvetica Neue", Arial, sans-serif;text-transform:uppercase;left:0px;margin:0;}
#sequence-theme .slide2 .normal{position:absolute;opacity:0;bottom:-250px;width:530px;left:0px;margin:0 auto;}
#sequence-theme .animate-in.slide2 .bigheading{top:250px;opacity:1;}
#sequence-theme .animate-in.slide2 .smallheading{bottom:279px;opacity:1;}
#sequence-theme .animate-in.slide2 .normal{bottom:189px;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;-webkit-transition-duration:1s;-moz-transition-duration:1s;-ms-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s;}
#sequence-theme .slide3 .laptop{position:absolute;left:250px;bottom:-290px;-webkit-transition-duration:1s;-moz-transition-duration:1s;-ms-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s;}
#sequence-theme .animate-in.slide3 .text{bottom:159px;top:auto;}
#sequence-theme .animate-in.slide3 .monitor{left:0;top:205px;}
#sequence-theme .animate-in.slide3 .laptop{left:250px;bottom:69px;}

@media only screen and (max-width: 480px) {
	#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: 15px; right: auto; z-index: 1000;}
	#sequence-theme ul.controls li.snext {top: 70px; right: 25px;z-index: 1000;}

	#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%;} #sequence-theme .slide3 .text h2 {font-size: 4.6em;}
	#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: left;}
	#sequence-theme .slide2 .bigheading {font-size: 4em;}
	#sequence-theme .text h2 {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%;}
}

@media only screen and (min-width: 480px) 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 .slide2 .bigheading, #sequence-theme .slide2.animate-in .smallheading, #sequence-theme .slide2.animate-in .normal {width: 80%; margin: 0 7%;} #sequence-theme .slide3 .text h2 {font-size: 4.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 .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: 350px;}
	#sequence-theme .slide2.animate-in .normal {bottom: 250px;}
}