/*
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;}
#sequence {position: relative; width: 980px; height: 990px;margin: 0 auto;}
#sequence ul{margin:0;}
#sequence-theme{height:990px;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:990px;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 .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 .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:5.31em;line-height:1;margin:0 0 40px;}
#sequence-theme .text p{margin-bottom:40px;}
#sequence-theme .slide1{text-align:center;color:white;}
#sequence-theme .slide1 p{-webkit-transition-duration:1s;-moz-transition-duration:1s;-ms-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s;}
#sequence-theme .slide1 .bigheading{position:absolute;opacity:0;top:-150px;font-size:6.25em;font-family:OSPDIN, "Helvetica Neue", Arial, sans-serif;text-transform:uppercase;line-height:1;margin:0; width: 100%; text-align: center; text-shadow: -7px 6px 0 rgba(0,0,0,0.13);}
#sequence-theme .slide1 .smallheading{position:absolute;opacity:0;top:-150px;font-size:1.125em;margin:0; width: 100%; text-align: center;}
#sequence-theme .slide1 .flatmac.small {background: url(../img/sequence/flatmac-small.png) no-repeat 0 0;position:absolute;bottom:-250px; width: 372px; height: 214px; left: 55px; right: auto; margin:0 auto;}
#sequence-theme .slide1 .flatmac.small.two {position:absolute;bottom:-250px; width: 372px; height: 214px; right: 55px; left: auto; margin:0 auto;z-index: 0;}
#sequence-theme .slide1 .flatmac.small .cont {position: relative; display: block; width: 283px; height: 178px; margin-top: 12px; margin-left: 45px;text-align: center;}
#sequence-theme .slide1 .flatmac.small .cont .highlight {width: 101px; height: 178px; position: absolute; right: 0; top: 0; background: url(../img/sequence/flatmac-small-highlight.png) no-repeat 0 0;}
#sequence-theme .slide1 .flatmac.big {background: url(../img/sequence/flatmac-big.png) no-repeat 0 0; position:absolute;bottom:-550px; width: 667px; height: 383px; left: 155px; right: auto; margin:0 auto;z-index: 1;}
#sequence-theme .slide1 .flatmac.big .cont {position: relative; display: block; width: 507px; height: 317px; margin-top: 22px; margin-left: 80px;text-align: center;}
#sequence-theme .slide1 .flatmac.big .cont .highlight {width: 180px; height: 317px; position: absolute; right: 0; top: 0; background: url(../img/sequence/flatmac-big-highlight.png) no-repeat 0 0;}

#sequence-theme .animate-in.slide1 .bigheading{top:210px;opacity:1;}
#sequence-theme .animate-in.slide1 .smallheading{top:319px;opacity:1;}
#sequence-theme .animate-in.slide1 .flatmac.small {bottom:230px;}
#sequence-theme .animate-in.slide1 .flatmac.small.two {bottom:230px;-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-in.slide1 .flatmac.big {bottom:159px;}

#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;text-shadow: -7px 6px 0 rgba(0,0,0,0.13);}
#sequence-theme .slide2 .smallheading{position:absolute;opacity:0;bottom:-150px;font-size:3.1875em;font-family:OSPDIN, "Helvetica Neue", Arial, sans-serif;text-transform:uppercase;left:210px;margin:0;line-height: 1.2;}
#sequence-theme .slide2 .normal{position:absolute;opacity:0;bottom:-250px;width:530px;left:210px;margin:0 auto; font-size: 1.3em;}
#sequence-theme .animate-in.slide2 .bigheading{top:190px;opacity:1;}
#sequence-theme .animate-in.slide2 .smallheading{bottom:250px;opacity:1;}
#sequence-theme .animate-in.slide2 .normal{bottom:110px;opacity:1;}


#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: 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 .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 .animate-in.slide1 .flatmac.small, #sequence-theme .animate-in.slide1 .flatmac.small.two {display: none;}
	#sequence-theme .animate-in.slide1 .flatmac.big {left: -150px; bottom: 140px;}

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

@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 .slide3 .text {width: 40%; 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 .animate-in.slide1 .flatmac.small {left: -55px;}
	#sequence-theme .animate-in.slide1 .flatmac.big {left: 45px;}
	#sequence-theme .animate-in.slide1 .flatmac.small.two {left: auto; right: -75px;}

	#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%;}
}