/*= GENERAL STYLING

--------------------------------------------------------*/



body {

	font-family: Open Sans;

	font-size: 14px;

	line-height: 28px;

	background-color: #000;

	color: #484848;

	margin: 0;

	padding: 0;

	width: 100%;

	-webkit-text-size-adjust: none;

}



/*  ------ Sticky Footer -------- */



* {

	margin: 0;

}



html,
body {

	height: 100%;

}



.wrapper {

	min-height: 95%;

	height: auto !important;

	height: 100%;

	margin: 0 auto -4em;

}



.push {

	height: 4em;

}



/*  ------ Sticky Footer -------- */



.tooltipwidth {

	font-size: 18px;

	padding: 10px;

}



.slide3content a:hover {

	text-decoration: none !important;

}



img {
	border: 0;
}



.imgstyler {

	float: right;

	margin: 0 0 0 20px;

}



a:link {

	color: #fff;

	text-decoration: none;

	font-weight: bold;

}



a:visited {

	color: #fff;

	text-decoration: none;

	font-weight: bold;

}



a:active {

	color: #fff;

	text-decoration: none;

	font-weight: bold;

}



a:hover {

	color: #fff;

	text-decoration: underline;

	font-weight: bold;

}





/*

h1 { 

    font-family:Roboto;

	font-weight:700;

	font-size: 40px;

	line-height:40px;

	text-align: left;

	color: #252525;

	letter-spacing:.05em;

	margin: 0;

	padding:40px 0 30px 0;

}



h2 {

   font-family:Open Sans;

   font-weight: 400;

   font-size: 24px;

   line-height:36px;

   text-align: left;

   color: #252525;

   margin: 0;

   padding: 0 0 10px 0!important;



}



h3 {

   font-family:Roboto Condensed !important;

   color: #252525 !important;

   font-weight: 300 !important;

   font-size: 24px !important;

   line-height:24px !important;

   text-align: center;

   margin: 0;

   padding: 0 0 40px 0 !important;

   z-index: 1;

}



*/

.clear {
	clear: both;
}



/*= HEADER & NAVIGATION

--------------------------------------------------------*/





#header {

	background: rgba(0, 0, 0, .5);

	width: 100%;

	margin-top: 0;

	z-index: 0;

	/*border-bottom:1px #fff solid;*/

}



.content {

	width: 980px;

	height: auto;

	margin: 0 auto;

}



.logocontent {

	max-width: 980px;

	margin: 0 auto !important;

}



#logo {

	width: 100%;

	margin: 0 auto;

	text-align: center;

}



#logo h2 {

	padding: 20px 0 0 0;

}



#logo a:link {

	font-size: 18px;

	line-height: 24px;

	color: #fff;

	text-decoration: none;

	font-weight: bold;

}



#logo a:visited {

	font-size: 18px;

	line-height: 24px;

	color: #fff;

	text-decoration: none;

	font-weight: bold;

}



#logo a:active {

	font-size: 18px;

	line-height: 24px;

	color: #fff;

	text-decoration: none;

	font-weight: bold;

}



#logo a:hover {

	font-size: 18px;

	line-height: 24px;

	color: #fff;

	text-decoration: none;

	font-weight: bold;

}



.logopad {

	margin: 30px 0 30px 0 !important;

}



.logo {

	width: 389px;

	height: 62px;

}



#nav {

	background-color: transparent;
	/*#3D99D4;*/

	width: 100%;

	height: 47px;

	margin: 0 auto;

}



.navright {

	padding-right: 0 !important;

}



#margin1 ol {

	padding: 0 0 0 20px;

	margin: 0;

}



#margin1 ul {

	padding: 0 0 0 20px;

	margin: 0;

}

#margin1 li {

	line-height: 22px;

	padding: 0;

	margin: 0;

}



#margin2 ol {

	padding: 0 0 0 20px;

	margin: 0;

}



#margin2 ul {

	padding: 0 0 0 15px;

	margin: 0;

}

#margin2 li {

	line-height: 22px;

	padding: 0 0 0 0;

	margin: 0;

}



#margin3 ol {

	padding: 0 0 0 20px;

	margin: 0;

}



/*= SLIDES STYLING

--------------------------------------------------------*/



.twothirds {

	width: 690px;

	float: left;

}



.twothirdspad {

	padding: 0 50px 0 0;

}



.onethird {

	width: 290px;

	float: left;

	text-align: left;

	line-height: 22px;

}



#logocontainer,
#slide1,
#slide2,
#slide3,
#slide4,
#ctacontainer,
#foot {
	width: 100%;
}



#logocontainer {

	background-color: transparent;

	color: #fff;

	margin: 0;

	padding: 0;

	background-size: cover;

	z-index: 0;

}



#slide1 {

	background-color: transparent;

	color: #000;

	margin: 0 auto;

	padding: 0;

}



#slide1 h1 {

	font-family: Roboto;

	font-weight: 400;

	font-size: 34px;

	line-height: 34px;

	text-align: left;

	color: #000;

	margin: 0;

	padding: 0 0 5px 0;

	text-transform: uppercase;

}



.contentpad {

	padding: 0 50px 0 0;

}



#slide2 {

	background-color: transparent;

	color: #484848;

	margin: 0 auto 0;

	padding: 0 0 50px 0;

	z-index: 30 !important;

}



.slide2content {

	max-width: 980px;

	margin: 0 auto 0 !important;

}



/* ######################################## VERTICAL ALIGN TEXT #################### */



.vertalign-1 {

	display: inline-block;

	vertical-align: middle;

	height: 140px;

}



.vertalign-2 {

	display: inline-block;

	vertical-align: middle;

}



/* ######################################## VERTICAL ALIGN TEXT #################### */



.sidelink1 {

	width: 100% !important;

	background: rgba(15, 36, 62, 0.8) !important;

	border-right: none;

	float: left;

	margin: 0;

	position: relative;

}



.sidelink1 ul {

	overflow: hidden !important;

	margin: 0 !important;

	padding: 0 !important;

}



.sidelink1 ul li {

	list-style: none !important;

	float: left !important;

	text-align: center !important;

	width: 100%;

	width: calc(100%/1);

	box-sizing: border-box;

}



.sidelink1 ul li:first-child {

	border-left: none !important;

}



.sidelink1 ul li a {

	display: block !important;

	text-decoration: none;

	color: #fff !important;

	padding: 0 10px !important;

	font-size: 18px !important;

	line-height: 24px !important;

	font-family: Roboto !important;

}



.sidelink2 {

	width: 100% !important;

	background: rgba(54, 95, 145, 0.8) !important;

	border-right: none;

	float: left;

	margin: 0;

}



.sidelink2 ul {

	overflow: hidden !important;

	margin: 0 !important;

	padding: 0 !important;

}



.sidelink2 ul li {

	list-style: none !important;

	float: left !important;

	text-align: center !important;

	width: 100%;

	width: calc(100%/1);

	box-sizing: border-box;

}



.sidelink2 ul li:first-child {

	border-left: none !important;

}



.sidelink2 ul li a {

	display: block !important;

	text-decoration: none;

	color: #fff !important;

	padding: 0 10px !important;

	font-size: 18px !important;

	line-height: 24px !important;

	font-family: Roboto !important;

}



.sidelink3 {

	width: 100% !important;

	background: rgba(255, 204, 102, 0.8) !important;

	border-right: none;

	float: left;

	margin: 0;

}



.sidelink3 ul {

	overflow: hidden !important;

	margin: 0 !important;

	padding: 0 !important;

}



.sidelink3 ul li {

	list-style: none !important;

	float: left !important;

	text-align: center !important;

	width: 100%;

	width: calc(100%/1);

	box-sizing: border-box;

}



.sidelink3 ul li:first-child {

	border-left: none !important;

}



.sidelink3 ul li a {

	display: block !important;

	text-decoration: none;

	color: #000 !important;

	padding: 0 10px !important;

	font-size: 18px !important;

	line-height: 24px !important;

	font-family: Roboto !important;

}



.sidelink4 {

	width: 100% !important;

	background: rgba(191, 191, 191, 0.8) !important;

	border-right: none;

	float: left;

	margin: 0;

}



.sidelink4 ul {

	overflow: hidden !important;

	margin: 0 !important;

	padding: 0 !important;

}



.sidelink4 ul li {

	list-style: none !important;

	float: left !important;

	text-align: center !important;

	width: 100%;

	width: calc(100%/1);

	box-sizing: border-box;

}



.sidelink4 ul li:first-child {

	border-left: none !important;

}



.sidelink4 ul li a {

	display: block !important;

	text-decoration: none;

	color: #000 !important;

	padding: 0 10px !important;

	font-size: 18px !important;

	line-height: 24px !important;

	font-family: Roboto !important;

}



.ctacontainer {

	background-color: transparent;

	width: 980px;

	height: auto;

	margin: -300px auto 40px;

}



.cta {

	width: 25%;

	float: left;

	text-align: center;

}



#slide3 {

	background-color: #fff;

	color: #000;

	margin: 0 auto 0;

	overflow: hidden;

	padding: 50px 0 60px 0;

	/*border-top:8px #f79502 solid;

	border-bottom:8px #f79502 solid;*/

}



.slide3content {

	max-width: 980px;

	margin: 0 auto 0;

	text-align: center;

}



#slide3 h1 {

	font-family: Roboto;

	font-weight: 700;

	font-size: 42px;

	line-height: 42px;

	font-style: italic;

	color: #024d9a;

	margin: 0;

	text-align: center;

	padding: 0 0 0 0;

	text-transform: uppercase;

}



#slide3 h2 {

	font-family: Roboto;

	font-weight: 700;

	font-size: 20px;

	line-height: 20px;

	color: #484848;

	margin: 0;

	text-align: center;

	padding: 0;

}



#slide4 {

	background: url(../picts/planebg.png) no-repeat;

	background-color: #024d9a;

	color: #fff;

	margin: 0 auto 0;

	overflow: hidden;

	padding: 50px 0 60px 0;

	background-size: cover;

	/*border-bottom:8px #f79502 solid;*/

}



.slide4content {

	max-width: 980px;

	margin: 0 auto 0;

	text-align: center;

}



#slide4 h2 {

	font-family: Roboto;

	font-weight: 400;

	font-size: 42px;

	line-height: 42px;

	color: #fff;

	margin: 0;

	text-align: center;

	padding: 0;

	text-transform: uppercase
}



#foot {

	background-color: #fff;

	color: #484848;

	margin: 0 auto;

	padding: 0 0 10px 0;

	/*border-bottom:8px #f79502 solid;*/

}



.footcontent {

	max-width: 980px;

	margin: 0 auto !important;

	padding: 50px 0 50px 0;

}



#foot h1 {

	font-family: Roboto Condensed !important;

	color: #484848 !important;

	font-weight: normal !important;

	font-size: 30px !important;

	line-height: 30px !important;

	text-align: left !important;

	font-weight: 400 !important;

	position: relative !important;

	z-index: 1 !important;

	padding: 0 0 30px 0 !important;

}



#foot h2 {

	font-family: Roboto Condensed !important;

	color: #484848 !important;

	font-weight: normal !important;

	font-size: 24px !important;

	line-height: 30px !important;

	text-align: left !important;

	font-weight: 400 !important;

	position: relative !important;

	z-index: 1 !important;

	padding: 20px 0 30px 0 !important;

}



#copyright {

	font-size: 9px;

	line-height: 15px;

	font-family: Arial, Helvetica, sans-serif;

	color: #fff;

	margin: 40px 0 30px 0;

	text-align: center;

}

#copyright a {
	text-decoration: none;
	color: #fff;
	font-weight: normal;
}



#copyright h2 {

	font-size: 9px;

	line-height: 15px;

	padding: 0;

	text-align: center;

	font-family: Roboto !important;

	color: #fff;

	font-weight: normal !important;

	text-transform: uppercase;

}





.nono {
	display: none;
}



#quoteform {

	background-color: #024d9a;

	width: 290px;

	height: 380px;

	margin: 5px 0 0 0;

}



#quoteform h4 {

	color: #fff !important;

	text-shadow: -1px 1px 0 rgba(209, 126, 1, .56);

	font-family: Roboto, Arial, Helvetica, sans-serif;

	font-weight: normal;

	font-size: 28px;

	line-height: 28px;

	text-align: left;

	padding: 0 0 15px 0 !important;

	margin: 0 !important;

}



.quoteformpad {

	padding: 30px 0 0 35px;

}



.leadform {

	color: #fff;

	text-shadow: -1px 1px 0 rgba(209, 126, 1, .56);

}



.leadformbg {

	border: 0;

	background-color: #fff;

	font-family: Arial, Helvetica, sans-serif !important;

	font-size: 15px !important;

	line-height: 18px !important;

	width: 220px;

	height: 25px;

	color: #252525;

	margin: 0 0 5px 0;

	padding: 3px 0 0 8px;

	text-align: left;

}



.leadtextstyletop {

	padding: 0;

	font-size: 12px;

}



.leadtextstyle {

	padding: 3px 0 0 0;

	font-size: 12px;

}



.inputleadstyle {

	background-color: transparent;

	border: 0;

	width: 200px;

	font-family: Arial, Helvetica, sans-serif !important;

	font-size: 15px !important;

	color: #252525;

}



.textleadpad {

	padding: 5px 0 0 0;

}



.textleadarea {

	border: 0;

	margin: 0;

	padding: 0 0 0 10px !important;

	font: 15px arial, verdana, sans-serif;

	width: 210px;

	height: 50px;

	color: #252525;

	background-color: transparent;

	text-align: left;

	overflow: auto;

	resize: none;

}



.textleadformtop {

	width: 220px;

	height: 9px;

	background-color: #fff;

}



.textleadformcenter {

	width: 220px;

	background-color: #fff;

}



.textleadformbot {

	width: 220px;

	height: 9px;

	background-color: #fff;

}



.buttonpad {

	padding: 8px 0 0 0;

}



.button {

	width: 80px;

	height: auto;

	color: #fff !important;

	background-color: #000;

	border: 0px;

	padding: 5px;

	cursor: pointer;



}



.buttonon {

	width: 80px;

	height: auto;

	color: #fff !important;

	background-color: #000;

	border: 0px;

	padding: 5px;

	cursor: pointer;

}





.buttoncontainer {

	width: 235px;

	padding-top: 10px;

}



/*-------- Begin Back to Top --------*/



.cd-top {

	display: inline-block;

	height: 40px;

	width: 40px;

	position: fixed;

	bottom: 40px;

	right: 10px;

	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);

	/* image replacement properties */

	overflow: hidden;

	text-indent: 100%;

	white-space: nowrap;

	background: rgba(62, 62, 62, 0.9) url(../img/cd-top-arrow.svg) no-repeat center 50%;

	visibility: hidden;

	opacity: 0;

	-webkit-transition: opacity .3s 0s, visibility 0s .3s;

	-moz-transition: opacity .3s 0s, visibility 0s .3s;

	transition: opacity .3s 0s, visibility 0s .3s;

}

.cd-top.cd-is-visible,
.cd-top.cd-fade-out,
.no-touch .cd-top:hover {

	-webkit-transition: opacity .3s 0s, visibility 0s 0s;

	-moz-transition: opacity .3s 0s, visibility 0s 0s;

	transition: opacity .3s 0s, visibility 0s 0s;

}

.cd-top.cd-is-visible {

	/* the button becomes visible */

	visibility: visible;

	opacity: 1;

}

.cd-top.cd-fade-out {

	/* if the user keeps scrolling down, the button is out of focus and becomes less visible */

	opacity: 1;

}

.no-touch .cd-top:hover {

	background-color: #4a4a4a;

	opacity: 1;

}

@media only screen and (min-width: 768px) {

	.cd-top {

		right: 20px;

		bottom: 20px;

	}

}

@media only screen and (min-width: 1024px) {

	.cd-top {

		height: 60px;

		width: 60px;

		right: 30px;

		bottom: 30px;

	}

}



/*-------- End Back to Top --------*/



/* BEGIN MOBILE CSS */





@media only screen and (min-width:760px) and (max-width: 1010px) {





	#header {

		background-color: #000 !important;

	}



	#logocontainer {

		margin: -10px 0 0 0 !important;

	}



	.logopad {

		padding: 0 0 20px 25px !important;

	}



	#slide1 {

		padding: 0 0 20px 0 !important;

	}



	.ctacontainer {

		width: 100% !important;

	}



	.ctacontainerpad {

		padding: 0 25px 0 25px !important;

	}



	.cta {

		max-width: 25% !important;

	}



	.cta h2 {

		font-size: 24px !important;

		line-height: 24px !important;

	}



	.cta h3 {

		font-size: 16px !important;

		line-height: 16px !important;

	}



	#slide3 {

		padding: 40px 0 50px 0 !important;

	}



	.slide3content {

		padding: 0 25px 0 25px !important;

	}



	#slide4 {

		padding: 50px 0 60px 0 !important;

	}



	.slide4content {

		padding: 0 25px 0 25px !important;

	}



	#foot {

		padding: 50px 0 50px 0 !important;

	}



	.footcontent {

		width: auto !important;

		padding: 0 25px 0 25px !important;

	}



	.twothirds {

		width: 100% !important;

		float: none !important;

	}



	.twothirdspad {

		padding: 0 !important;

	}



	.onethird {

		width: 100% !important;

		float: none !important;

		margin: 0 auto 0 !important;

	}

	.contentpad {

		padding: 0 0 20px 0 !important;

	}



	#quoteform {

		margin: 0 auto 0 !important;

	}



	#copyright {

		margin: 0 auto !important;

		padding: 0 25px 0 25px !important;

	}



	#copyright h2 {

		font-size: 12px !important;

		line-height: 24px !important;

		padding: 25px 0 25px 0 !important;

	}



}





@media only screen and (min-width:421px) and (max-width: 759px) {



	#header {

		background-color: #000 !important;

	}



	#logocontainer {

		margin: -15px 0 0 0 !important;

	}



	#logo {

		width: 100% !important;

		float: none !important;

		text-align: center !important;

	}



	.logopad {

		padding: 0 25px 20px 25px !important;

	}



	.logo {

		width: 55% !important;

	}





	#logoright {

		display: none !important;

	}



	.mobile-logo {

		background-color: #fff !important;

		display: block !important;

		width: 100% !important;

		margin: -20px auto 0 !important;

		color: #333 !important;

	}



	.mobile-logo h2 {

		font-family: Roboto;

		font-weight: 700;

		font-size: 34px !important;

		line-height: 34px !important;

		text-align: center;

		color: #024d9a !important;

		padding: 0 0 30px 0 !important;

	}



	.mobile-logo h3 {

		font-family: Roboto Condensed !important;

		color: #024d9a !important;

		font-weight: 400 !important;

		font-size: 1.35em !important;

		line-height: 1.35em !important;

		text-align: center;

		margin: 0;

		padding: 30px 0 5px 0 !important;

		z-index: 1;

	}



	.mobile-logo a:hover {

		text-decoration: none !important;

	}



	#slide1 {

		padding: 0 0 20px 0 !important;

	}



	.ctacontainer {

		width: 100% !important;

		margin: 0 auto 0 !important;

	}



	.cta {

		width: 50% !important;

	}





	#slide3 {

		padding: 40px 0 50px 0 !important;

	}



	.slide3content {

		padding: 0 25px 0 25px !important;

	}





	#slide3 h1 {

		font-size: 30px !important;

		line-height: 30px !important;

	}



	#slide3 h2 {

		font-size: 16px !important;

		line-height: 20px !important;

	}



	#slide4 {

		padding: 50px 0 60px 0 !important;

	}



	.slide4content {

		padding: 0 25px 0 25px !important;

	}



	#foot {

		padding: 50px 0 50px 0 !important;

	}



	.footcontent {

		width: auto !important;

		padding: 0 25px 0 25px !important;

	}



	.twothirds {

		width: 100% !important;

		float: none !important;

	}



	.twothirdspad {

		padding: 0 !important;

	}



	.onethird {

		width: 100% !important;

		float: none !important;

		margin: 0 auto 0 !important;

	}

	.contentpad {

		padding: 0 0 20px 0 !important;

	}



	#quoteform {

		margin: 0 auto 0 !important;

	}



	#copyright {

		margin: 0 auto !important;

		padding: 0 25px 0 25px !important;

	}



	#copyright h2 {

		font-size: 12px !important;

		line-height: 24px !important;

		padding: 25px 0 25px 0 !important;

	}



}





@media screen and (max-width: 420px) {



	#header {

		background-color: #000 !important;

	}



	#logocontainer {

		margin: -35px 0 0 0 !important;

	}



	#logo {

		width: 100% !important;

		float: none !important;

		text-align: center !important;

	}



	#logo h2 {

		font-size: 18px !important;

	}



	.logo {

		max-width: 270px !important;

		max-height: 43px !important;

	}



	.logopad {

		padding: 20px 25px 20px 25px !important;

	}



	#logoright {

		display: none !important;

	}



	.mobile-logo {

		background-color: #fff !important;

		display: block !important;

		width: 100% !important;

		margin: -20px auto 0 !important;

		color: #333 !important;

	}



	.mobile-logo h2 {

		font-family: Roboto;

		font-weight: 700;

		font-size: 34px !important;

		line-height: 34px !important;

		text-align: center;

		color: #024d9a !important;

		padding: 0 0 30px 0 !important;

	}



	.mobile-logo h3 {

		font-family: Roboto Condensed !important;

		color: #024d9a !important;

		font-weight: 400 !important;

		font-size: 1.35em !important;

		line-height: 1.35em !important;

		text-align: center;

		margin: 0;

		padding: 30px 0 5px 0 !important;

		z-index: 1;

	}



	.mobile-logo a:hover {

		text-decoration: none !important;

	}



	#slide1 {

		padding: 0 0 20px 0 !important;

		margin: -15px 0 0 0 !important;

	}



	.ctacontainer {

		width: 100% !important;

		margin: -160px auto 0 !important;

	}



	.cta {

		width: 100% !important;

		float: none !important;

	}



	#slide3 {

		padding: 40px 0 50px 0 !important;

	}



	.slide3content {

		padding: 0 25px 0 25px !important;

	}



	#slide3 h1 {

		font-size: 30px !important;

		line-height: 30px !important;

	}



	#slide3 h2 {

		font-size: 16px !important;

		line-height: 20px !important;

	}



	#slide4 {

		padding: 50px 0 60px 0 !important;

	}



	.slide4content {

		padding: 0 25px 0 25px !important;

	}



	#slide4 h2 {

		font-size: 32px !important;

		line-height: 32px !important;

	}



	#foot {

		padding: 50px 0 50px 0 !important;

	}



	.footcontent {

		width: auto !important;

		padding: 0 25px 0 25px !important;

	}



	.twothirds {

		width: 100% !important;

		float: none !important;

	}



	.twothirdspad {

		padding: 0 !important;

	}



	.onethird {

		width: 100% !important;

		float: none !important;

		margin: 0 auto 0 !important;

	}



	.contentpad {

		padding: 0 0 20px 0 !important;

	}



	#quoteform {

		margin: 0 auto 0 !important;

	}



	#copyright {

		margin: 0 auto !important;

		padding: 0 25px 0 25px !important;

	}



	#copyright h2 {

		font-size: 12px !important;

		line-height: 24px !important;

		padding: 25px 0 25px 0 !important;

	}



	#quoteform {

		width: 270px !important;

		margin: 0 auto !important;

	}



	#quoteform h4 {

		font-size: 26px !important;

		line-height: 26px !important;

		padding: 0 0 15px 0 !important;



	}



	.quoteformpad {

		padding-left: 30px !important;

	}



	.leadformpad {

		padding: 0 !important;

	}

	.leadformbg {

		width: 210px !important;

	}



	.leadform {

		text-align: left !important;

	}



	.inputleadstyle {

		width: 186px !important;



	}



	.textleadarea {

		width: 194px !important;

	}



	.textleadformtop {

		width: 210px !important;

	}



	.textleadformcenter {

		width: 210px !important;

	}



	.textleadformbot {

		width: 210px !important;

	}

	.buttonpad {

		width: 100% !important;

	}





}

/* END MOBILE CSS */





/* ######################################################  FULL SCREEN SLIDESHOW ######################################  */

/* ######################################################  FULL SCREEN SLIDESHOW ######################################  */

/* ######################################################  FULL SCREEN SLIDESHOW ######################################  */





.bigImages {}



.bigImages ul li {

	list-style: none;

}



.thumbContainer {}





.thumbnails {}

.thumbParentContainer {



	bottom: 0px;

}

.thumbParentContainer div.nextArrow {

	cursor: pointer;



	/*background: url(../images/assets/next.png) no-repeat; */

	width: 1px;

	height: 1px;

	right: 1px;

	top: 3px;

	z-index: 1005;

}

.thumbParentContainer div.prevArrow {

	cursor: pointer;



	/*background: url(../images/assets/prev.png) no-repeat; */

	width: 1px;

	height: 1px;

	left: 1px;

	top: 1px;

	z-index: 1005;

}



.thumbnails a {

	background: transparent;

}



.thumbnails .blueNote {

	background: transparent;

}



.thumbnails .redNote {

	background: transparent;

}

.thumbnails ul {

	/*display:block;*/

	display: none;

	padding: 0;

	margin: 0;

}

.thumbnails ul li {

	/*display:block;*/

	display: none;

	float: left;

	border: 0;

	margin: 1px;

	width: 1px;

	height: 1px;

}





.thumbnails ul li.active {

	border: 0;

}





#arrowButton {

	cursor: pointer;

	width: 100%;

	z-index: 1003;

}

#arrowButton .prevArrow {

	/*background: url(../images/assets/prev.png) no-repeat; 

    width: 40px;

    height: 80px;      

	position: absolute;

	left: 20px;*/

}

#arrowButton .nextArrow {

	/*background: url(../images/assets/next.png) no-repeat;

    width: 40px;

    height: 80px;  

	position: absolute; 

	right: 20px;*/

}



.animate0 {

	-webkit-animation-duration: .4s;

	-webkit-animation-delay: 0s;

	-webkit-animation-timing-function: ease;

	-webkit-animation-fill-mode: both;

	-moz-animation-duration: .4s;

	-moz-animation-delay: 0s;

	-moz-animation-timing-function: ease;

	-moz-animation-fill-mode: both;

	-ms-animation-duration: .4s;

	-ms-animation-delay: 0s;

	-ms-animation-timing-function: ease;

	-ms-animation-fill-mode: both;

	animation-duration: .4s;

	animation-delay: 0s;

	animation-timing-function: ease;

	animation-fill-mode: both;

}



.animate1 {

	-webkit-animation-duration: .4s;

	-webkit-animation-delay: .2s;

	-webkit-animation-timing-function: ease;

	-webkit-animation-fill-mode: both;

	-moz-animation-duration: .4s;

	-moz-animation-delay: .2s;

	-moz-animation-timing-function: ease;

	-moz-animation-fill-mode: both;

	-ms-animation-duration: .4s;

	-ms-animation-delay: .2s;

	-ms-animation-timing-function: ease;

	-ms-animation-fill-mode: both;

	animation-duration: .4s;

	animation-delay: .2s;

	animation-timing-function: ease;

	animation-fill-mode: both;

}



.animate2 {

	-webkit-animation-duration: .4s;

	-webkit-animation-delay: .4s;

	-webkit-animation-timing-function: ease;

	-webkit-animation-fill-mode: both;

	-moz-animation-duration: .4s;

	-moz-animation-delay: .4s;

	-moz-animation-timing-function: ease;

	-moz-animation-fill-mode: both;

	-ms-animation-duration: .4s;

	-ms-animation-delay: .4s;

	-ms-animation-timing-function: ease;

	-ms-animation-fill-mode: both;

	animation-duration: .4s;

	animation-delay: .4s;

	animation-timing-function: ease;

	animation-fill-mode: both;

}



.animate3 {

	-webkit-animation-duration: .4s;

	-webkit-animation-delay: .6s;

	-webkit-animation-timing-function: ease;

	-webkit-animation-fill-mode: both;

	-moz-animation-duration: .4s;

	-moz-animation-delay: .6s;

	-moz-animation-timing-function: ease;

	-moz-animation-fill-mode: both;

	-ms-animation-duration: .4s;

	-ms-animation-delay: .6s;

	-ms-animation-timing-function: ease;

	-ms-animation-fill-mode: both;

	animation-duration: .4s;

	animation-delay: .6s;

	animation-timing-function: ease;

	animation-fill-mode: both;

}



.animate4 {

	-webkit-animation-duration: .4s;

	-webkit-animation-delay: .8s;

	-webkit-animation-timing-function: ease;

	-webkit-animation-fill-mode: both;

	-moz-animation-duration: .4s;

	-moz-animation-delay: .8s;

	-moz-animation-timing-function: ease;

	-moz-animation-fill-mode: both;

	-ms-animation-duration: .4s;

	-ms-animation-delay: .8s;

	-ms-animation-timing-function: ease;

	-ms-animation-fill-mode: both;

	animation-duration: .4s;

	animation-delay: .8s;

	animation-timing-function: ease;

	animation-fill-mode: both;

}



.animate5 {

	-webkit-animation-duration: .4s;

	-webkit-animation-delay: 1s;

	-webkit-animation-timing-function: ease;

	-webkit-animation-fill-mode: both;

	-moz-animation-duration: .4s;

	-moz-animation-delay: 1s;

	-moz-animation-timing-function: ease;

	-moz-animation-fill-mode: both;

	-ms-animation-duration: .4s;

	-ms-animation-delay: 1s;

	-ms-animation-timing-function: ease;

	-ms-animation-fill-mode: both;

	animation-duration: .4s;

	animation-delay: 1s;

	animation-timing-function: ease;

	animation-fill-mode: both;

}



.animate6 {

	-webkit-animation-duration: .4s;

	-webkit-animation-delay: 1.2s;

	-webkit-animation-timing-function: ease;

	-webkit-animation-fill-mode: both;

	-moz-animation-duration: .4s;

	-moz-animation-delay: 1.2s;

	-moz-animation-timing-function: ease;

	-moz-animation-fill-mode: both;

	-ms-animation-duration: .4s;

	-ms-animation-delay: 1.2s;

	-ms-animation-timing-function: ease;

	-ms-animation-fill-mode: both;

	animation-duration: .4s;

	animation-delay: 1.2s;

	animation-timing-function: ease;

	animation-fill-mode: both;

}



.animate7 {

	-webkit-animation-duration: .4s;

	-webkit-animation-delay: 1.4s;

	-webkit-animation-timing-function: ease;

	-webkit-animation-fill-mode: both;

	-moz-animation-duration: .4s;

	-moz-animation-delay: 1.4s;

	-moz-animation-timing-function: ease;

	-moz-animation-fill-mode: both;

	-ms-animation-duration: .4s;

	-ms-animation-delay: 1.4s;

	-ms-animation-timing-function: ease;

	-ms-animation-fill-mode: both;

	animation-duration: .4s;

	animation-delay: 1.4s;

	animation-timing-function: ease;

	animation-fill-mode: both;

}

/* *********************************************** Slideshow ******************************/

/* *********************************************** Slideshow ******************************/