#sequence-theme
	{
	width: 100% !important;
	overflow: hidden;
	background: #e7e8e3;
		}

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

#sequence
	{
	position: relative;
	height: 550px;
	width: 100%;
	margin: 0 auto;
		}

#sequence > .sequence-canvas
	{
	height: 550px;
	width: 100%;
	background: #e7e8e3;
	overflow: hidden !important;
		}

#sequence > .sequence-canvas > li
	{
	position: absolute;
	width: 100%;
	height: 550px;
	overflow: hidden !important;
		}

#sequence > .sequence-canvas li > *
	{
	position: absolute;
		}












#sequence .controls
	{
	background: url(images/bg-controls.png) no-repeat;
	height: 49px;
	margin: 0 auto;
	position: relative;
	top: 0;
	width: 198px;
		}


















/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\

\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\

\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\

\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\

\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
















































#sequence .full
	{
	width: 100%;
	height: 550px;
	text-align: center;
		}

#sequence .full img
	{
	width: 1100px;
	height: 550px;
	margin: 0 auto;
		}

#sequence .frameTitle
	{
	width: 100% !important;
	color: #fff;
	text-align: center;
	background: transparent !important;
		}

#sequence .frameTitle .titleBox
	{
	width: 400px;
	margin: 0 !important;
	text-align: left;
	position: relative !important;
	background: url(images/dark.png) repeat;
	overflow: hidden;
		}

#sequence .frameText
	{
	width: 100% !important;
	color: #fff;
	text-align: center;
	background: transparent !important;
		}

#sequence .frameText .textBox
	{
	width: 1100px;
	margin: 0 auto !important;
	text-align: left;
	position: relative !important;
		}

#sequence .frameProject
	{
	width: 100% !important;
	color: #fff;
	text-align: center;
	background: transparent !important;
		}

#sequence .frameProject .projectBox
	{
	width: 1100px;
	margin: 0 auto !important;
	text-align: left;
	position: relative !important;
		}

#sequence .frameProject .projectBox .project
	{
	position: absolute;
	width: 428px;
	height: 264px;
	top: 43px;
	left: 115px;
		}

#sequence .sequence-canvas li .frameTitle .titleBox h2
	{
	font: normal 32px 'TroiaLight' !important;
	line-height: 45px !important;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin: 0 24px !important;
		}

#sequence .sequence-canvas li .frameTitle .titleBox h3
	{
	font: normal 16px 'NexaSlabRegular', sans-serif !important;
	line-height: 28px !important;
	margin: 0 24px !important;
		}

#frameTitle1 .titleBox .title
	{
	width: 1100px;
	height: 130px;
	margin: 0;
		}

#frameTitle2 .titleBox .title
	{
	width: 100%;
	margin: 0;
		}

#frameTitle3 .titleBox .title
	{
	width: 100%;
	margin: 0;
		}

#frameTitle3b .titleBox .title
	{
	width: 100%;
	margin: 0;
		}

#frameTitle4 .titleBox .title
	{
	width: 100%;
	margin: 0;
		}

#frameTitleB .titleBox .title
	{
	width: 100%;
	margin: 0;
		}

#frameTitleC .titleBox .title
	{
	width: 100%;
	margin: 0;
		}







/* ================================================
===============================================
===============================================
=============================================== */








#frameText1 .textBox .text
	{
	width: 515px;
	height: 150px;
	background: url(images/sequence/textblock.png) no-repeat;
	margin: 0;
		}







/* ================================================
===============================================
===============================================
=============================================== */








#frameText2 .textBox .text
	{
	width: 515px;
	height: 150px;
	background: url(images/sequence/textblock.png) no-repeat;
	margin: 0;
		}

#frameText3 .textBox .text
	{
	width: 515px;
	height: 150px;
	background: url(images/sequence/textblock.png) no-repeat;
	margin: 0;
		}

#frameText4 .textBox .text
	{
	width: 515px;
	height: 150px;
	background: url(images/sequence/textblock.png) no-repeat;
	margin: 0;
		}

#frameTextB .textBox .text
	{
	width: 515px;
	height: 150px;
	background: url(images/sequence/textblock.png) no-repeat;
	margin: 0;
		}

#frameTextC .textBox .text
	{
	width: 515px;
	height: 150px;
	background: url(images/sequence/textblock.png) no-repeat;
	margin: 0;
		}





/* \\\\\\\\\\\\\\\\\\\		FRAME ONE 		\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */


#sequence #full1
	{
	left: 0;
	position: absolute;
	background: url(images/sequence/05.jpg) top center;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	top: -400px;
	opacity: 0;
	-webkit-transition-duration: 1.5s;
	-moz-transition-duration: 1.5s;
	-ms-transition-duration: 1.5s;
	-o-transition-duration: 1.5s;
	transition-duration: 1.5s;
		}

#sequence .animate-in #full1
	{
	left: 0;
	top: 0;
	opacity: 1;
	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-ms-transition-duration: .5s;
	-o-transition-duration: .5s;
	transition-duration: .5s;
		}

#sequence .animate-out #full1
	{
	left: 0;
	top: 0;
	opacity: 0;
	-webkit-transition-duration: 1.5s;
	-moz-transition-duration: 1.5s;
	-ms-transition-duration: 1.5s;
	-o-transition-duration: 1.5s;
	transition-duration: 1.5s;
		}

#sequence #frameTitle1
	{
	position: absolute;
	left: -400px;
	top: 400px;
	opacity: 0;
	-webkit-transition-duration: 1.5s;
	-moz-transition-duration: 1.5s;
	-ms-transition-duration: 1.5s;
	-o-transition-duration: 1.5s;
	transition-duration: 1.5s;
		}

#sequence .animate-in #frameTitle1
	{
	left: 0px;
	top: 400px;
	opacity: 1;
	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-ms-transition-duration: .5s;
	-o-transition-duration: .5s;
	transition-duration: .5s;
	-webkit-transition-delay: .5s;
	-moz-transition-delay: .5s;
	-ms-transition-delay: .5s;
	-o-transition-delay: .5s;
	transition-delay: .5s;
		}

#sequence .animate-out #frameTitle1
	{
	left: 0px;
	top: 400px;
	opacity: 0;
	-webkit-transition-duration: 1.5s;
	-moz-transition-duration: 1.5s;
	-ms-transition-duration: 1.5s;
	-o-transition-duration: 1.5s;
	transition-duration: 1.5s;
		}

#sequence #timer1
	{
	left: 0;
	position: absolute;
	background: #f00;
	top: 0;
	opacity: 0;
	width: 10px;
	height: 10px;
	-webkit-transition-duration: 1.5s;
	-moz-transition-duration: 1.5s;
	-ms-transition-duration: 1.5s;
	-o-transition-duration: 1.5s;
	transition-duration: 1.5s;
		}

#sequence .animate-in #timer1
	{
	left: 300px;
	top: 200px;
	opacity: 1;
	-webkit-transition-duration: 12.5s;
	-moz-transition-duration: 12.5s;
	-ms-transition-duration: 12.5s;
	-o-transition-duration: 12.5s;
	transition-duration: 12.5s;
		}

#sequence .animate-out #timer1
	{
	left: 300px;
	top: 200px;
	opacity: 0;
	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-ms-transition-duration: .5s;
	-o-transition-duration: .5s;
	transition-duration: .5s;
		}







/* ================================================
===============================================
===============================================
=============================================== */







#sequence #frameText1
	{
	position: absolute;
	left: -300px;
	top: 360px;
	width: 515px;
	opacity: 0;
	-webkit-transition-duration: 1.5s;
	-moz-transition-duration: 1.5s;
	-ms-transition-duration: 1.5s;
	-o-transition-duration: 1.5s;
	transition-duration: 1.5s;
		}

#sequence .animate-in #frameText1
	{
	left: 450px;
	top: 360px;
	opacity: 1;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-ms-transition-duration: 1s;
	-o-transition-duration: 1s;
	transition-duration: 1s;
		}

#sequence .animate-out #frameText1
	{
	left: 450px;
	top: 360px;
	opacity: 0;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-ms-transition-duration: 1s;
	-o-transition-duration: 1s;
	transition-duration: 1s;
		}


/* \\\\\\\\\\\\\\\\\\\		FRAME B 		\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */


#sequence #fullB
	{
	top: -400px;
	left: 0;
	position: absolute;
	background: url(images/sequence/bench.jpg) 50% center;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	opacity: 0;
	-webkit-transition-duration: 1.5s;
	-moz-transition-duration: 1.5s;
	-ms-transition-duration: 1.5s;
	-o-transition-duration: 1.5s;
	transition-duration: 1.5s;
		}

#sequence .animate-in #fullB
	{
	left: 0;
	top: 0;
	opacity: 1;
	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-ms-transition-duration: .5s;
	-o-transition-duration: .5s;
	transition-duration: .5s;
		}

#sequence .animate-out #fullB
	{
	left: 0;
	top: 0;
	opacity: 0;
	-webkit-transition-duration: 1.5s;
	-moz-transition-duration: 1.5s;
	-ms-transition-duration: 1.5s;
	-o-transition-duration: 1.5s;
	transition-duration: 1.5s;
		}

#sequence #frameTitleB
	{
	position: absolute;
	left: -400px;
	top: 400px;
	opacity: 0;
	-webkit-transition-duration: 1.5s;
	-moz-transition-duration: 1.5s;
	-ms-transition-duration: 1.5s;
	-o-transition-duration: 1.5s;
	transition-duration: 1.5s;
		}

#sequence .animate-in #frameTitleB
	{
	left: 0px;
	top: 400px;
	opacity: 1;
	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-ms-transition-duration: .5s;
	-o-transition-duration: .5s;
	transition-duration: .5s;
	-webkit-transition-delay: .5s;
	-moz-transition-delay: .5s;
	-ms-transition-delay: .5s;
	-o-transition-delay: .5s;
	transition-delay: .5s;
		}

#sequence .animate-out #frameTitleB
	{
	left: 0px;
	top: 400px;
	opacity: 0;
	-webkit-transition-duration: 1.5s;
	-moz-transition-duration: 1.5s;
	-ms-transition-duration: 1.5s;
	-o-transition-duration: 1.5s;
	transition-duration: 1.5s;
		}

#sequence #frameTextB
	{
	position: absolute;
	left: -300px;
	top: 360px;
	width: 515px;
	opacity: 0;
	-webkit-transition-duration: 1.5s;
	-moz-transition-duration: 1.5s;
	-ms-transition-duration: 1.5s;
	-o-transition-duration: 1.5s;
	transition-duration: 1.5s;
		}

#sequence .animate-in #frameTextB
	{
	left: 450px;
	top: 360px;
	opacity: 1;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-ms-transition-duration: 1s;
	-o-transition-duration: 1s;
	transition-duration: 1s;
		}

#sequence .animate-out #frameTextB
	{
	left: 450px;
	top: 360px;
	opacity: 0;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-ms-transition-duration: 1s;
	-o-transition-duration: 1s;
	transition-duration: 1s;
		}


/* \\\\\\\\\\\\\\\\\\\		FRAME TWO 		\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */


#sequence #full2
	{
	top: -400px;
	left: 0;
	position: absolute;
	background: url(images/sequence/06.jpg) 50% center;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	opacity: 0;
	-webkit-transition-duration: 1.5s;
	-moz-transition-duration: 1.5s;
	-ms-transition-duration: 1.5s;
	-o-transition-duration: 1.5s;
	transition-duration: 1.5s;
		}

#sequence .animate-in #full2
	{
	left: 0;
	top: 0;
	opacity: 1;
	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-ms-transition-duration: .5s;
	-o-transition-duration: .5s;
	transition-duration: .5s;
		}

#sequence .animate-out #full2
	{
	left: 0;
	top: 0;
	opacity: 0;
	-webkit-transition-duration: 1.5s;
	-moz-transition-duration: 1.5s;
	-ms-transition-duration: 1.5s;
	-o-transition-duration: 1.5s;
	transition-duration: 1.5s;
		}

#sequence #frameTitle2
	{
	position: absolute;
	left: -400px;
	top: 400px;
	opacity: 0;
	-webkit-transition-duration: 1.5s;
	-moz-transition-duration: 1.5s;
	-ms-transition-duration: 1.5s;
	-o-transition-duration: 1.5s;
	transition-duration: 1.5s;
		}

#sequence .animate-in #frameTitle2
	{
	left: 0px;
	top: 400px;
	opacity: 1;
	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-ms-transition-duration: .5s;
	-o-transition-duration: .5s;
	transition-duration: .5s;
	-webkit-transition-delay: .5s;
	-moz-transition-delay: .5s;
	-ms-transition-delay: .5s;
	-o-transition-delay: .5s;
	transition-delay: .5s;
		}

#sequence .animate-out #frameTitle2
	{
	left: 0px;
	top: 400px;
	opacity: 0;
	-webkit-transition-duration: 1.5s;
	-moz-transition-duration: 1.5s;
	-ms-transition-duration: 1.5s;
	-o-transition-duration: 1.5s;
	transition-duration: 1.5s;
		}

#sequence #frameText2
	{
	position: absolute;
	left: -300px;
	top: 360px;
	width: 515px;
	opacity: 0;
	-webkit-transition-duration: 1.5s;
	-moz-transition-duration: 1.5s;
	-ms-transition-duration: 1.5s;
	-o-transition-duration: 1.5s;
	transition-duration: 1.5s;
		}

#sequence .animate-in #frameText2
	{
	left: 450px;
	top: 360px;
	opacity: 1;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-ms-transition-duration: 1s;
	-o-transition-duration: 1s;
	transition-duration: 1s;
		}

#sequence .animate-out #frameText2
	{
	left: 450px;
	top: 360px;
	opacity: 0;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-ms-transition-duration: 1s;
	-o-transition-duration: 1s;
	transition-duration: 1s;
		}



/* \\\\\\\\\\\\\\\\\\\		FRAME THREE 		\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */


#sequence #full3
	{
	left: 0;
	position: absolute;
	background: url(images/sequence/03.jpg) top center;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	top: -400px;
	opacity: 0;
	-webkit-transition-duration: 1.5s;
	-moz-transition-duration: 1.5s;
	-ms-transition-duration: 1.5s;
	-o-transition-duration: 1.5s;
	transition-duration: 1.5s;
		}

#sequence .animate-in #full3
	{
	left: 0;
	top: 0;
	opacity: 1;
	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-ms-transition-duration: .5s;
	-o-transition-duration: .5s;
	transition-duration: .5s;
		}

#sequence .animate-out #full3
	{
	left: 0;
	top: 0;
	opacity: 0;
	-webkit-transition-duration: 1.5s;
	-moz-transition-duration: 1.5s;
	-ms-transition-duration: 1.5s;
	-o-transition-duration: 1.5s;
	transition-duration: 1.5s;
		}

#sequence #frameTitle3
	{
	position: absolute;
	left: -400px;
	top: 400px;
	opacity: 0;
	-webkit-transition-duration: 1.5s;
	-moz-transition-duration: 1.5s;
	-ms-transition-duration: 1.5s;
	-o-transition-duration: 1.5s;
	transition-duration: 1.5s;
		}

#sequence .animate-in #frameTitle3
	{
	left: 0px;
	top: 400px;
	opacity: 1;
	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-ms-transition-duration: .5s;
	-o-transition-duration: .5s;
	transition-duration: .5s;
	-webkit-transition-delay: .5s;
	-moz-transition-delay: .5s;
	-ms-transition-delay: .5s;
	-o-transition-delay: .5s;
	transition-delay: .5s;
		}

#sequence .animate-out #frameTitle3
	{
	left: 0px;
	top: 400px;
	opacity: 0;
	-webkit-transition-duration: 1.5s;
	-moz-transition-duration: 1.5s;
	-ms-transition-duration: 1.5s;
	-o-transition-duration: 1.5s;
	transition-duration: 1.5s;
		}

#sequence #frameText3
	{
	position: absolute;
	left: -300px;
	top: 360px;
	width: 515px;
	opacity: 0;
	-webkit-transition-duration: 1.5s;
	-moz-transition-duration: 1.5s;
	-ms-transition-duration: 1.5s;
	-o-transition-duration: 1.5s;
	transition-duration: 1.5s;
		}

#sequence .animate-in #frameText3
	{
	left: 450px;
	top: 360px;
	opacity: 1;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-ms-transition-duration: 1s;
	-o-transition-duration: 1s;
	transition-duration: 1s;
		}

#sequence .animate-out #frameText3
	{
	left: 450px;
	top: 360px;
	opacity: 0;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-ms-transition-duration: 1s;
	-o-transition-duration: 1s;
	transition-duration: 1s;
		}



/* \\\\\\\\\\\\\\\\\\\		FRAME C 		\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */


#sequence #fullC
	{
	left: 0;
	position: absolute;
	background: url(images/sequence/bikes.jpg) top center;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	top: -400px;
	opacity: 0;
	-webkit-transition-duration: 1.5s;
	-moz-transition-duration: 1.5s;
	-ms-transition-duration: 1.5s;
	-o-transition-duration: 1.5s;
	transition-duration: 1.5s;
		}

#sequence .animate-in #fullC
	{
	left: 0;
	top: 0;
	opacity: 1;
	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-ms-transition-duration: .5s;
	-o-transition-duration: .5s;
	transition-duration: .5s;
		}

#sequence .animate-out #fullC
	{
	left: 0;
	top: 0;
	opacity: 0;
	-webkit-transition-duration: 1.5s;
	-moz-transition-duration: 1.5s;
	-ms-transition-duration: 1.5s;
	-o-transition-duration: 1.5s;
	transition-duration: 1.5s;
		}

#sequence #frameTitleC
	{
	position: absolute;
	left: -400px;
	top: 400px;
	opacity: 0;
	-webkit-transition-duration: 1.5s;
	-moz-transition-duration: 1.5s;
	-ms-transition-duration: 1.5s;
	-o-transition-duration: 1.5s;
	transition-duration: 1.5s;
		}

#sequence .animate-in #frameTitleC
	{
	left: 0px;
	top: 400px;
	opacity: 1;
	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-ms-transition-duration: .5s;
	-o-transition-duration: .5s;
	transition-duration: .5s;
	-webkit-transition-delay: .5s;
	-moz-transition-delay: .5s;
	-ms-transition-delay: .5s;
	-o-transition-delay: .5s;
	transition-delay: .5s;
		}

#sequence .animate-out #frameTitleC
	{
	left: 0px;
	top: 400px;
	opacity: 0;
	-webkit-transition-duration: 1.5s;
	-moz-transition-duration: 1.5s;
	-ms-transition-duration: 1.5s;
	-o-transition-duration: 1.5s;
	transition-duration: 1.5s;
		}

#sequence #frameTextC
	{
	position: absolute;
	left: -300px;
	top: 360px;
	width: 515px;
	opacity: 0;
	-webkit-transition-duration: 1.5s;
	-moz-transition-duration: 1.5s;
	-ms-transition-duration: 1.5s;
	-o-transition-duration: 1.5s;
	transition-duration: 1.5s;
		}

#sequence .animate-in #frameTextC
	{
	left: 450px;
	top: 360px;
	opacity: 1;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-ms-transition-duration: 1s;
	-o-transition-duration: 1s;
	transition-duration: 1s;
		}

#sequence .animate-out #frameTextC
	{
	left: 450px;
	top: 360px;
	opacity: 0;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-ms-transition-duration: 1s;
	-o-transition-duration: 1s;
	transition-duration: 1s;
		}



/* \\\\\\\\\\\\\\\\\\\		FRAME FOUR 		\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */


#sequence #full4
	{
	position: absolute;
	left: 0;
	top: -400px;
	background: url(images/sequence/04.jpg) top center;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	opacity: 0;
	-webkit-transition-duration: 1.5s;
	-moz-transition-duration: 1.5s;
	-ms-transition-duration: 1.5s;
	-o-transition-duration: 1.5s;
	transition-duration: 1.5s;
		}

#sequence .animate-in #full4
	{
	left: 0;
	top: 0;
	opacity: 1;
	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-ms-transition-duration: .5s;
	-o-transition-duration: .5s;
	transition-duration: .5s;
		}

#sequence .animate-out #full4
	{
	left: 0;
	top: 0;
	opacity: 0;
	-webkit-transition-duration: 1.5s;
	-moz-transition-duration: 1.5s;
	-ms-transition-duration: 1.5s;
	-o-transition-duration: 1.5s;
	transition-duration: 1.5s;
		}

#sequence #frameTitle4
	{
	position: absolute;
	left: -400px;
	top: 400px;
	opacity: 0;
	-webkit-transition-duration: 1.5s;
	-moz-transition-duration: 1.5s;
	-ms-transition-duration: 1.5s;
	-o-transition-duration: 1.5s;
	transition-duration: 1.5s;
		}

#sequence .animate-in #frameTitle4
	{
	left: 0px;
	top: 400px;
	opacity: 1;
	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-ms-transition-duration: .5s;
	-o-transition-duration: .5s;
	transition-duration: .5s;
	-webkit-transition-delay: .5s;
	-moz-transition-delay: .5s;
	-ms-transition-delay: .5s;
	-o-transition-delay: .5s;
	transition-delay: .5s;
		}

#sequence .animate-out #frameTitle4
	{
	left: 0px;
	top: 400px;
	opacity: 0;
	-webkit-transition-duration: 1.5s;
	-moz-transition-duration: 1.5s;
	-ms-transition-duration: 1.5s;
	-o-transition-duration: 1.5s;
	transition-duration: 1.5s;
		}

#sequence #frameText4
	{
	position: absolute;
	left: -300px;
	top: 360px;
	width: 515px;
	opacity: 0;
	-webkit-transition-duration: 1.5s;
	-moz-transition-duration: 1.5s;
	-ms-transition-duration: 1.5s;
	-o-transition-duration: 1.5s;
	transition-duration: 1.5s;
		}

#sequence .animate-in #frameText4
	{
	left: 450px;
	top: 360px;
	opacity: 1;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-ms-transition-duration: 1s;
	-o-transition-duration: 1s;
	transition-duration: 1s;
		}

#sequence .animate-out #frameText4
	{
	left: 450px;
	top: 360px;
	opacity: 0;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-ms-transition-duration: 1s;
	-o-transition-duration: 1s;
	transition-duration: 1s;
		}















.sequence-next,
.sequence-prev
	{
	position: absolute;
	cursor: pointer;
		}

.sequence-pause
	{
	bottom: 0;
	cursor: pointer;
	position: absolute;
		}

.sequence-prev
	{
	top: 170px;
	left: 30px;
	z-index: 2000;
		}

.sequence-next
	{
	top: 170px;
	right: 30px;
	z-index: 2000;
		}





.sequence-canvas .frameTitle .titleBox .title p.sqHead
	{
	display: block;
	font: normal 24px 'Deja Vu Sans Bold', sans-serif !important;
	line-height: 30px !important;
	color: #fff;
	margin: 20px;
	text-shadow: 6px 6px 21px rgba(0, 0, 0, 1);
	width: 360px;
		}

p.sqText
	{
	font: normal 15px Lucida Grande, sans-serif;
	line-height: 30px !important;
	color: #fff;
	margin: 15px 30px 0 30px;
		}

.text
	{
	overflow: hidden;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
		}