body, html {
  height: 100%;
  margin: 0;
  font: 400 15px/1.8 "Lato", sans-serif;
}

.floatLeft {float:left}
.floatRight {float:right}
.colorWhite {color:#fff}
.colorBlack {color:#000}
.float_center {margin:0 auto}

.bgimg-1, .bgimg-2, .bgimg-3, .bgimg-1sp {
	position: relative;
  	/*opacity: 0.65;*/

 	background-position: center top;
  	background-repeat: no-repeat;
  	background-size:cover;
  	background-attachment: fixed;
}

.bgimg-1 {
  	background-image: url("../images/header.jpg");
  	min-height: 750px;
  	min-width:100%;
}

.bgimg-1sp {
  	background-image: url("../images/headerSP.jpg");
  	min-height: 750px;
  	min-width:100%;
}


.bgimg-2 {
  	background-image: url("../images/stats.jpg");
  	height: 400px;
}

.bgimg-3 {
  	background-image: url("../images/Header.jpeg");
  	min-height: 400px;
}

.caption {
  	position: absolute;
  	left: 0;
  	top: 50%;
  	width: 100%;
  	text-align: center;
  	color: #000;
}

.caption span.border {
  	background-color: #111;
  	color: #fff;
  	padding: 18px;
  	/*font-size: 25px;*/
  	font: 25px "Lato", "sans-serif";
  	letter-spacing: 5px;
}

h3 {
  	letter-spacing: 2px;
  	text-transform: uppercase;
  	font-family: "Lato", "sans-serif";
  	font-weight:900;
  	font-size: 20px;
  	margin-bottom:30px;
	text-align: center;
}

/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1024px) {
	.bgimg-1, .bgimg-2, .bgimg-3 {
		background-attachment: scroll;
	}
}


	
	
/* ---------------------  SECTION 1 & 6 ---------------------- */

.section1, .section1sp {
    height: auto;
    color: #fff;
    background-color: #404040;
    text-align: center;
    padding: 50px 80px;
    /*text-align: justify;*/
    text-align: justify;
    color: #fff;
}

.section1 img {
	display: block;
	width: 449px;
	height: 60px;
	margin: 0 auto 40px auto;
}

.section1sp img {
	display: block;
	width: 590px;
	height: 60px;
	margin: 0 auto 40px auto;
}


	.section1 p a {
		color:#fff;
		outline: none;
	}

.holder1 {
	width:100%;
	height:auto;
	
}

	.holder1a {
		width:700px;
		height:40px;
		margin: 0 auto 40px auto;
	}

		.holder1a a {
			display:inline-block;
			width: 250px;
			height: 40px;
			background-color:#ff7f00;
			border-radius: 10px;
			outline:none;
			text-align: center;
			color:#fff;
			text-decoration: none;
			line-height: 40px;
		} 

.section1Footer {
	color:#afafaf;
	font-size:11px;
	text-align: center;
	margin-top:30px;
}

/* ---------------------  SECTION 2 ---------------------- */

.section2 {
	height:475px; 
	color: #000;
	background-color:#f0f0f0; 
	text-align:justify; 
	padding:50px 80px; 
	text-align: justify;
}

.section2sp {
	height:410px; 
	color: #000;
	background-color:#f0f0f0; 
	text-align:justify; 
	padding:50px 80px; 
	text-align: justify;
}


.holder2 {
	width:831px;
	height:auto;
	margin: 40px auto 50px auto;
}

.holder2sp {
	width:600px;
	height:auto;
	margin: 40px auto 50px auto;
}

	.holder2a {
		width:825px;
		height:auto;
	}

		.holder2a1 {
			width:275px;
			height:315px;
			display: inline-block;
		}

		.holder2a1sp {
			width:275px;
			height:290;
			display: inline-block;
		}

			.holder2a1 figure {
				min-width:100px;
				height:100px;
				display: block;
				margin: 0 auto;
			}

				.holder2a1 figure img {
					width:92px;
					height:90px;
					display: block;
					margin: 0 auto;
				}

			.holder2a1 figcaption {
				min-width:100px;
				height:auto;
				display: block;
				margin: 10px auto;
				text-align: center;
			}

.				/*holder2a1 figcaption p {
					display: block;
					width:auto;
					text-align: center;
				}*/

			.buttonholder1 {
				min-width:100px;
				height:30px;
				display: block;
				margin: 0 auto 0 auto;
			}

				.buttonholder1 a {
					width:92px;
					height:30px;
					display: block;
					margin: 0 auto;
					background-color:#ff7f00;
					text-align: center;
					text-decoration: none;
					border:0;
					color:#000;
					border-radius: 3px;
					line-height: 30px;
					margin-top:30px;
					font-size:12px;
					/*font-kerning: normal;*/
					font-weight: bold;
				}

				.buttonholder1 a:hover {
					background-color:#404040;
					color:#fff;
				}

/* ---------------------  SECTION 3 ---------------------- */

.section3 {
	float:right;
	margin: -150px 60px 0 0;
	padding:30px 40px;
	height:240px; 
	width: 550px;
	color: #fff;
	background-color:#404040;
	font-weight: 200;
	text-align:justify; 
	opacity: .8;
}

.section3sp {
	float:right;
	margin: -158px 60px 0 0;
	padding:30px 40px;
	height:260px; 
	width: 550px;
	color: #fff;
	background-color:#404040;
	font-weight: 200;
	text-align:justify; 
	opacity: .8;
}

/* ---------------------  SECTION 4 ---------------------- */

.holder4 {
	height:500px;
	color:#ddd; 
	background-color:#282E34; 
	padding:50px 80px; 
	text-align: justify;
}

	.holder4a {
		float:left;
		padding-left:10%;
		padding-right:20%;
		width:10%;
		height:500px;
	}

	.holder4b {
		float:left;
		padding-left:5%;
		padding-top:0px;
		width:55%;
		height:500px;
		color:#fff;
	}

/* ---------------------  SECTION 5 ---------------------- */

.section5 {
	height:auto; 
	width: 100%;
	color: #000;
	text-align:justify; 
	padding:50px 80px; 
	text-align: justify;
	background-color:#f0f0f0;
}

	.holder5 {
		width:800px;
		height:660px;
		margin:0 auto;
	}

		.holder5a {
			float: left;
			width:400px;
			height:330px;
			margin:0 auto;
		}

		.holder5b {
			float: left;
			width:400px;
			height:330px;
		}

			.holder5b p {
				margin-top:-15px;
			}


				.holder5b1 {
					width:400px;
					height:40px;
					margin: 0 auto 40px auto;
					padding-top:30px;
				}

					.holder5b1 a {
						display:block;
						width: 250px;
						height: 40px;
						background-color:#ff7f00;
						border-radius: 10px;
						outline:none;
						text-align: center;
						color:#fff;
						text-decoration: none;
						line-height: 40px;
						margin:0 auto;
					}

		.holder5c {
			float: left;
			width:400px;
			height:330px;
			margin:0 auto;
		}

			.holder5c img {
				float: right;

			}

		.holder5d {
			float: left;
			width:400px;
			height:330px;
			margin:0 auto;
		}

/* ---------------------  SECTION 7 ---------------------- */

.section7 {
	height:100px; 
	width: 100%;
	padding:30px 60px; 
	margin-top:-30px;
	background-color:#000;
}

	.holder7 {
		width:92%;
		height:50px;
	}

	.footer_holder {
		height:auto;
		width:100%;
		margin-top:20px;
		background:aqua;
	}

		.footer_holder_a {
			display:block;
			float:left;
			height:auto;
			width:auto;
			color:#fff;
			font: 400 12px/1.8 "Lato", sans-serif;
		}

		.footer_holder_b {
			display:block;
			float:right;
			height:auto;
			width:auto;
			color:#ff7f00;
			font: 400 12px/1.8 "Lato", sans-serif;
			
			
			}.footer_holder_a a, .footer_holder_b a {
				display:block-inline;
				height:auto;
				width:auto;
				text-decoration: none;
				color:#fff;
			}

/* ---------------------  MODAL WINDOW ---------------------- */

#wrapper {
	/*width: 50%;
    min-height: 80%;*/
	width:50%;
	height:800px;
    position: fixed;
	left: 50%;
    top: 50%;
    transform: translate(-50%, -52%);
	background-color:#f1f1f1;
	opacity:.95;
	z-index: 100000 !important;
	overflow: hidden;
	border:1px #404040 solid;
	padding:30px;
	-webkit-box-shadow: -1px -1px 58px 5px rgba(64,64,64,0.89);
	-moz-box-shadow: -1px -1px 58px 5px rgba(64,64,64,0.89);
	box-shadow: -1px -1px 58px 5px rgba(64,64,64,0.89);
}

.close_button_holder {
	Float:right;
	width:100%;
	min-height:25px;
	margin-top:-10px;
	margin-right:-10px;
}

	.close_button_holder a {
		float:right;
		width:25px;
		height:25px;
	}

#content_box {
	width:100%;
	height:100%;
}

object {
	display: block;
	width:100%; 
	height:95%; 
}