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

Theme:   Apple Style
Version:   0.2 Beta
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 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!
 */
#flx-sequence {
	position:relative;
	width:100%;
	height:100%;
	overflow: hidden;
}
#sequence {
	height: 600px;
	margin: 0 auto;
	position: relative;
	width: 100%;
	
	/*backface-visibility prevents graphical glitches when frames are animating*/
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}

/*when in fallback mode (for browsers that don't support transitions) hide anything outside of the Sequence container*/
#sequence.sequence-fallback {
    overflow: hidden;
}

#slideshow * {
	-webkit-backface-visibility: hidden;
}

#sequence h2 {
	color: #fff;
	font-size: 65px;	
	white-space: nowrap;	
	font-family: 'Source Sans Pro', sans-serif;
	margin-bottom:10px;
	font-weight:400;
	line-height:60px;
}

#sequence h4 {
	color: #fff;
	font-size: 45px;	
	white-space: nowrap;	
	font-family: 'Source Sans Pro', sans-serif;
	margin-bottom:15px;
	font-weight:400;
	line-height:40px;
}

#sequence p {
	margin-bottom:0;
	font-size:20px;
	color:#fff;
	font-family: 'Source Sans Pro', sans-serif;	
}

.slide3 p {
	line-height:26px;
}

.controls {
	height: 56px;
	margin: 0 auto;
	position: absolute;
	top: 45%;
	width: 100%;
	z-index: 9999;
}

.prev, .next {
	opacity: 0.2;
	filter: alpha(opacity=20);
}

.next,.prev,.pause {
	position: absolute;
	z-index: 10000;
	top: 10px;
}

.next {
	/*background:url(../images/slider/parallax-nav.png) no-repeat -64px 0;*/
	height: 56px;
	right: 30px;
	width: 56px;
}
.next:hover {
	background:url(../images/slider/parallax-nav.png) no-repeat -64px -64px;
}

.pause.paused:hover {
	background-position: 50% -25px;
}

.prev {
	left: 30px;
	/*background:url(../images/slider/parallax-nav.png) no-repeat 0 0;*/
	height: 56px;
	width: 56px;
}
.prev:hover {
	background:url(../images/slider/parallax-nav.png) no-repeat 0 -64px;
}

.pause {
	background: url("/images/bt-pause.png") 50% 4px no-repeat;
	cursor: pointer;
	height: 33px;
	left: 78px;
	width: 42px;
}

.pause.paused {
	background: url("/images/bt-play.png") 50% 4px no-repeat;
	height: 33px;
	left: 78px;
	width: 42px;
}

.status {
	background: url("/images/status-bar.png") -119px 0 repeat-y;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	height: 6px;
	margin: 0 auto;
	position: relative;
	top: 4px;
	width: 118px;
}

.status.paused {
	-webkit-animation: paused 1s linear alternate infinite;
	-moz-animation: paused 1s linear alternate infinite;
	-ms-animation: paused 1s linear alternate infinite;
	-o-animation: paused 1s linear alternate infinite;
	animation: paused 1s linear alternate infinite;
}

@keyframes "paused" {
 0% {
    background-position: 0 0;
   	opacity: 0;
 }
 100% {
    background-position: 0 0;
   	opacity: .7;
 }

}

@-moz-keyframes paused {
 0% {
   background-position: 0 0;
   opacity: 0;
 }
 100% {
   background-position: 0 0;
   opacity: .7;
 }

}

@-webkit-keyframes "paused" {
 0% {
   background-position: 0 0;
   opacity: 0;
 }
 100% {
   background-position: 0 0;
   opacity: .7;
 }

}

@-ms-keyframes "paused" {
 0% {
   background-position: 0 0;
   opacity: 0;
 }
 100% {
   background-position: 0 0;
   opacity: .7;
 }

}

@-o-keyframes "paused" {
 0% {
   background-position: 0 0;
   opacity: 0;
 }
 100% {
   background-position: 0 0;
   opacity: .7;
 }

}

@keyframes "status-bar" {
 0% {
    background-position: -119px 0;
 }
 100% {
    background-position: 0 0;
 }

}

@-moz-keyframes status-bar {
 0% {
   background-position: -119px 0;
 }
 100% {
   background-position: 0 0;
 }

}

@-webkit-keyframes "status-bar" {
 0% {
   background-position: -119px 0;
 }
 100% {
   background-position: 0 0;
 }

}

@-ms-keyframes "status-bar" {
 0% {
   background-position: -119px 0;
 }
 100% {
   background-position: 0 0;
 }

}

@-o-keyframes "status-bar" {
 0% {
   background-position: -119px 0;
 }
 100% {
   background-position: 0 0;
 }

}

.status.active {
	-webkit-animation: status-bar 4s linear;
	-moz-animation: status-bar 4s linear;
	-ms-animation: status-bar 4s linear;
	-o-animation: status-bar 4s linear;
	animation: status-bar 4s linear;
}

.pause-icon {
	right: 20px;
	position: absolute;
	bottom: 20px;
}

#sequence-preloader {
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: 999999;
}

@keyframes "preload" {
 0% {
   	opacity: 0;
 }
 50% {
   	opacity: 1;
 }
 100% {
   	opacity: 0;
 }

}

@-moz-keyframes preload {
 0% {
   opacity: 0;
 }
 50% {
   opacity: 1;
 }
 100% {
   opacity: 0;
 }

}

@-webkit-keyframes "preload" {
 0% {
   opacity: 0;
 }
 50% {
   opacity: 1;
 }
 100% {
   opacity: 0;
 }

}

@-ms-keyframes "preload" {
	0%  {
	opacity: 0;
}
 50% {
   opacity: 1;
 }
 100% {
   opacity: 0;
 }

}

 @-o-keyframes "preload" {
	0%  {
	opacity: 0;
}
 50% {
   opacity: 1;
 }
 100% {
   opacity: 0;
 }

}

 #sequence-preloader img {
	background: #ed145b;

	-webkit-border-radius: 6px;
	-moz-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;
}

.preloading {
	height: 12px;
	margin: 0 auto;
	top: 50%;
	position: relative;
	width: 48px;
}

#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-preloader img:nth-child(3) {
	-webkit-animation-delay: .3s;
	-moz-animation-delay: .3s;
	-ms-animation-delay: .3s;
	-o-animation-delay: .3s;
	animation-delay: .3s;
}

.preloading-complete {
	opacity: 0;
	visibility: hidden;

	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
}

.html5 {
	width:50%;
	left: 20%;
	opacity: 0;
	position: absolute;
	top: 45%;
	margin-left:-25%;
	
	-moz-transform: scale(10) rotate(180deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-webkit-transform: scale(10) rotate(180deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -o-transform: scale(10) rotate(180deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -ms-transform: scale(10) rotate(180deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    transform: scale(10) rotate(180deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	

	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
}

.animate-in .html5 {
	left: 50%;
	opacity: 1;
	top: 45%;
	
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);

	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
}

.animate-out .html5 {
	left: 50%;
	opacity: 0;
	top: 200%;

	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
}


.intro {
	position: absolute;
	left: 50%;
	top: -200%;
	text-align:center;
	height:70px;
	width:80%;
	margin-left:-40%;

	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);

	-webkit-transition-duration: 2s;
	-moz-transition-duration: 2s;
	-o-transition-duration: 2s;
	-ms-transition-duration: 2s;
	transition-duration: 5s;
}

.animate-in .intro {
	left: 50%;
	top: 10%;

	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);

	-webkit-transition-duration: 2s;
	-moz-transition-duration: 2s;
	-o-transition-duration: 2s;
	-ms-transition-duration: 2s;
	transition-duration: 1.5s;
}

.animate-out .intro {
	left: 50%;
	opacity: 0;
	top: -200%;

	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);

	-webkit-transition-duration: 5s;
	-moz-transition-duration: 5s;
	-o-transition-duration: 5s;
	-ms-transition-duration: 5s;
	transition-duration: 5s;
}

.button-1 a {
	background-color:#43078c;
	color:#fff;
	height:52px;
	line-height:52px;
	display:block;
	font-size:20px;
	padding:0 20px;
	box-shadow:inset 0 1px 0 #43078c;
	font-family: 'Source Sans Pro', sans-serif;
}
.button-1a a {
	background-color:#43078c;
	color:#fff;
	height:52px;
	line-height:52px;
	display:block;
	font-size:20px;
	padding:0 20px;
	box-shadow:inset 0 1px 0 #43078c;
	font-family: 'Source Sans Pro', sans-serif;
}
.button-1 a {
	background-color:#43078c;
	color:#fff;
	height:52px;
	line-height:52px;
	display:block;
	font-size:20px;
	padding:0 20px;
	box-shadow:inset 0 1px 0 #43078c;
	font-family: 'Source Sans Pro', sans-serif;
}
.button-1b a {
	background-color:red;
	color:#fff;
	height:52px;
	line-height:52px;
	display:block;
	font-size:20px;
	padding:0 20px;
	box-shadow:inset 0 1px 0 red;
	font-family: 'Source Sans Pro', sans-serif;
}
.button-1 {
	display:block;
	border:5px solid rgba(65,23,136,0.9);
	border-radius:7px;
	position: absolute;
	left: -200%;
	top: 28%;
	text-align:center;
	margin-left:-90px;
	-webkit-transition-duration: 5s;
	-moz-transition-duration: 5s;
	-o-transition-duration: 5s;
	-ms-transition-duration: 5s;
	transition-duration: 3s;
}

.button-1a {
	display:block;
	border:5px solid rgba(65,23,136,0.9);
	border-radius:7px;
	position: absolute;
	left: -200%;
	top: 28%;
	text-align:center;
	margin-left:-90px;
	-webkit-transition-duration: 5s;
	-moz-transition-duration: 5s;
	-o-transition-duration: 5s;
	-ms-transition-duration: 5s;
	transition-duration: 3s;
}

.button-1b {
	display:block;
	border:5px solid rgba(255,10,22,0.9);
	border-radius:7px;
	position: absolute;
	left: -200%;
	top: 28%;
	text-align:center;
	margin-left:-90px;
	-webkit-transition-duration: 5s;
	-moz-transition-duration: 5s;
	-o-transition-duration: 5s;
	-ms-transition-duration: 5s;
	transition-duration: 3s;
}

.animate-in .button-1 {
	left: 48%;
	top: 28%;

	-webkit-transition-duration: 1.2s;
	-moz-transition-duration: 1.2s;
	-o-transition-duration: 1.2s;
	-ms-transition-duration: 1.2s;
	transition-duration: 1.2s;
}

.animate-in .button-1a {
	left: 66%;
	top: 40%;

	-webkit-transition-duration: 1.2s;
	-moz-transition-duration: 1.2s;
	-o-transition-duration: 1.2s;
	-ms-transition-duration: 1.2s;
	transition-duration: 1.2s;
}

.animate-in .button-1b {
	left: 33%;
	top: 40%;

	-webkit-transition-duration: 1.2s;
	-moz-transition-duration: 1.2s;
	-o-transition-duration: 1.2s;
	-ms-transition-duration: 1.2s;
	transition-duration: 1.2s;
}

.animate-out .button-1 {
	left: -200%;
	opacity: 0;
	top: 28%;
	-webkit-transition-duration: 3s;
	-moz-transition-duration: 3s;
	-o-transition-duration: 3s;
	-ms-transition-duration: 3s;
	transition-duration: 3s;
}

.animate-out .button-1a {
	left: -200%;
	opacity: 0;
	top: 38%;
	-webkit-transition-duration: 3s;
	-moz-transition-duration: 3s;
	-o-transition-duration: 3s;
	-ms-transition-duration: 3s;
	transition-duration: 3s;
}

.animate-out .button-1b {
	left: -200%;
	opacity: 0;
	top: 38%;
	-webkit-transition-duration: 3s;
	-moz-transition-duration: 3s;
	-o-transition-duration: 3s;
	-ms-transition-duration: 3s;
	transition-duration: 3s;
}

.ipad {
	width:30%;
	left: 50%;
	position: absolute;
	top: 500%;
	margin-left:-15%;
	
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	
	
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
	
	z-index:2;
}

.animate-in .ipad {
	left: 50%;
	top: 20%;
	
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	
	
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
	z-index:2;
}

.animate-out .ipad {
	left: 50%;
	opacity: 0;
	top: -300%;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
	
	z-index:2;
}
.ipad-1 {
	opacity: 0;
	width:24%;
	left: 50%;
	position: absolute;
	top: 30%;
	margin-left:-12%;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
	z-index:1;
}

.animate-in .ipad-1 {
	opacity: 1;
	left: 37%;
	top: 30%;
	
	-webkit-transition-delay: 1s;
	-moz-transition-delay: 1s;
	-o-transition-delay: 1s;
	-ms-transition-delay: 1s;
	transition-delay: 1s;
	
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
}

.animate-out .ipad-1 {
	left: 50%;
	opacity: 0;
	top: 30%;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
	
	z-index:1;
}
.ipad-2 {
	opacity: 0;
	width:20%;
	right: 50%;
	position: absolute;
	top: 37%;
	margin-right:-12%;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;

	z-index:1;
}

.animate-in .ipad-2 {
	opacity: 1;
	right: 75%;
	top: 37%;
	
	-webkit-transition-delay: 1.2s;
	-moz-transition-delay: 1.2s;
	-o-transition-delay: 1.2s;
	-ms-transition-delay: 1.2s;
	transition-delay: 1.2s;
	
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
	z-index:0;
}

.animate-out .ipad-2 {
	right: 50%;
	opacity: 0;
	top:  37%;
	
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
	
	z-index:1;
}

.slide2 {
	left: 300%;
	position: absolute;
	top: 40%;
	width:20%;
	text-align:left;
	
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	
	
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
}

.animate-in .slide2 {
	left:70%;
	top: 40%;
	
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	
	
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
}

.animate-out .slide2 {
	left: 200%;
	opacity: 0;
	top: 40%;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
}

.slide3 {
	left: 50%;
	position: absolute;
	top: -200%;
	width:80%;
	text-align:center;
	margin-left:-40%;
	-webkit-transition-duration: 1.5s;
	-moz-transition-duration: 1.5s;
	-o-transition-duration: 1.5s;
	-ms-transition-duration: 1.5s;
	transition-duration: 1.5s;
}

.animate-in .slide3{
	left:50%;
	top: 20%;
	-webkit-transition-duration: 1.5s;
	-moz-transition-duration: 1.5s;
	-o-transition-duration: 1.5s;
	-ms-transition-duration: 1.5s;
	transition-duration: 1.5s;
}

.animate-out .slide3 {
	left: 50%;
	opacity: 0;
	top: -200%;
	-webkit-transition-duration: 2.5s;
	-moz-transition-duration: 2.5s;
	-o-transition-duration: 2.5s;
	-ms-transition-duration: 2.5s;
	transition-duration: 2.5s;
}
.button-2 a {
	background-color:#0072bc;
	color:#fff;
	height:52px;
	line-height:52px;
	display:block;
	font-size:20px;
	padding:0 20px;
	box-shadow:inset 0 1px 0 #0089e2;
	font-family: 'Source Sans Pro', sans-serif;
}
.button-2 {
	display:block;
	border:5px solid rgba(255,255,255,0.2);
	border-radius:7px;
	position: absolute;
	left: -200%;
	top: 52%;
	text-align:center;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
}

.animate-in .button-2 {
	left: 10%;
	top: 52%;

	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
}

.animate-out .button-2 {
	left: -200%;
	opacity: 0;
	top: 52%;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
}
.icon-1 {
	opacity: 0;
	width:65%;
	left: 100%;
	margin-left:-33%;
	position: absolute;
	top: -250%;
	
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
	z-index:1;
	
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.animate-in .icon-1 {
	opacity: 1;
	left: 50%;
	top: 40%;
	
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	
	-webkit-transition-duration: 1.5s;
	-moz-transition-duration: 1.5s;
	-o-transition-duration: 1.5s;
	-ms-transition-duration: 1.5s;
	transition-duration: 1.5s;
	z-index:1;
}

.animate-out .icon-1 {
	left: 50%;
	opacity: 0;
	top: 500%;
	-webkit-transition-duration: 1.5s;
	-moz-transition-duration: 1.5s;
	-o-transition-duration: 1.5s;
	-ms-transition-duration: 1.5s;
	transition-duration: 1.5s;
	
	z-index:1;
}