html {

	-webkit-user-select: none;
  	-khtml-user-select: none;
  	-moz-user-select: none;
  	user-select: none; 
				
}

html img{
	user-drag: none; 
	-moz-user-select: none;
	-webkit-user-drag: none;
}

html, body
{
	padding: 0;
	margin: 0;
}
body
{
	background-color: #f8eed5;
	font-family: 'Oswald', sans-serif;
	font-size: 14px;
	line-height: 30px;
	color: #666;
	position: relative;
	-webkit-text-size-adjust: none;
}
body *
{
	text-shadow: none;
}
h1, h2, h3, h4, h5, h6
{
	line-height: 1;
	font-weight: bold;
	margin: 20px 0 10px 0;
}
h1, h2, h3
{
	font-size: 18px;
}
h4, h5, h6
{
	font-size: 16px;
}
p
{
	margin: 0 0 10px 0;
}
a, a:link, a:active, a:visited, a:hover
{
	color: inherit;
	text-decoration: underline;
}

nav:not(.mm-menu)
{
	display: none;
}

.header,
.footer
{
	text-align: center;
}
.header,
.footer
{
	background: #777;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	line-height: 40px;


	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	width: 100%;
	height: 40px;
	padding: 0 50px;
}
.header.fixed
{
	position: fixed;
	top: 0;
	left: 0;
}
.footer.fixed
{
	position: fixed;
	bottom: 0;
	left: 0;
}
.header a
{
	background: center center no-repeat transparent;
	background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );

	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	left: 10px;
}
.content
{
	position: relative;
}

.centerV {
	height:95%;
	position: absolute;
	top: 50%;
	width: 200px;
	transform: translateY(-50%);
	flex-direction: column;
	display: flex; 
	justify-content: center;
	align-items: center;
}
.secondNavBand img{
	align-self:center;
}

.showMenuButton{
	position: absolute;
	top: 5px;
	left: 5px;
	display: none;
}

.showMenuButton img{
	width: 40px;
	height: 40px;
	z-index: 9000;
}

.navigationBand{
	position: absolute;
	top: 0px;
	left: 50px;
	width: 140px;
	height:100vh;
	background-color: #ffffff;
	z-index: -1;
	text-align: center;
}
.navImagesHolder{
	position: relative;
	top: 170px;
	z-index: 987654321;
}

.littleNavBand{
	position: absolute;
	top: 0px;
	left: 205px;
	width: 8px;
	height:100vh;
	background-color: #ffffff;
	z-index: -1;
}

.secondNavBand{
	position: absolute;
	top: 0px;
	left: 220px;
	width: 200px;
	height:100vh;
	background-color: #ffffff;
	z-index: -1;
	text-align: center;
	font-size: 18px;
}
.secondNavBand p{
	width: 95%;
}

.contentArea{
	position: absolute;
	top: 0px;
	left: 420px;
	width: 55%;
	height:100vh;
	z-index: -10;
}


.contentTop{
	font-size: 34px;
	position:relative;
	left: 50px;
	top: 40px;
	font-weight: bold;
	line-height: 40px;
}
.contentText{
	font-size: 22px;
	position:relative;
	left: 50px;
	top: 80px;
	width: 95%;
}
.contentImage{
	position:relative;
	left: 0px;
	top: 60px;
	z-index: -2;
	padding-left: 40px;
	padding-top: 40px;
}
.contentImage img{
	width: 100%;
}

.shiftLeft100{
	position:relative;
	left: -100px;
}
.shiftLeft{
	position:relative;
	left: -50px;
}

.shiftdown100{
	position: relative;
	top: 100px;
}

.shiftdown170{
	position: relative;
	top: 170px;
}
.shiftdown200{
	position: relative;
	top: 200px;
}

.imageCopy{

}

#menu img{
	width:60px;
	height: auto;
	padding-left: 10px;
}

 .arrow{
	width:0;
	height:0;
	margin:20px;
	vertical-align:middle;
	border-top:12px solid #425968;
	border-right:12px solid transparent;
	border-bottom:0 dotted;
	border-left:12px solid transparent;
	content:"";
}

.back{
	position: absolute;
	float: left;
}


.forward{
	position: absolute;
	right:0px;
	float: right;
}



.fade{
	opacity: 0.3;
    filter: alpha(opacity=30);
}
#slide1{
	position: relative;
	left: 50px;
}
#slide1RowIcons{
	position: absolute;
	top: 40px;
	left: 0px;
	width: 100%;
	margin:auto;
}
#slide1_plane{
	position: absolute;
	right: 150px;
	top: 200px;
}
#slide1_woman{
	position: absolute;
	right: 100px;
	top: 350px;
}
#slide1Bar{
	position: absolute;
	left: 0px;
	top: 485px;
	width: 100%;
	height: 8px;
	background-color: #000000;
	z-index: -20;
}
#slide1Title{
	position: absolute;
	left: 0px;
	top: 420px;
	font-size: 36px;
}
#slide1OtherText{
	position: absolute;
	left: 0px;
	top: 510px;
	font-size: 30px;
}

@media only screen and (max-width: 768px){
	#slide1_woman{
		position: absolute;
		right: 100px;
		top: 500px;
	}
	#slide1{
		left: 20px;
	}
	#slide1Bar{
		left: 0px;
		top: 390px;
		width: 100%;
	}
	#slide1Title{
		left: 0px;
		top: 320px;
	}
	#slide1OtherText{
		left: 0px;
		top: 410px;
	}
	#slide1RowIcons{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
	}
	
}



.everything{
	width: 100vw;
	height: 100vh;
	position:absolute;
	top: 0px;
	z-index:0;
}



#slide1{
	display:	block;
}
#slide2, #slide3, #slide4, #slide5, #slide6, #slide7, #slide8, #slide9, #slide10, #slide11, #slide12, #slide13, #slide14, #slide15, #slide16, #slide17, #slide18, #slide19, #slide20, #slide21, #slide22, #slide23, #slide24{
	display:	none;
}





.orange{
	color: #dc6900;;
}



#altTopContent{
	display:none;
}
#slide2wrapper {
  margin-left: 450px;
  height: 100vh;
}
#slide2content {
  float: right;
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  position: relative;
}
#slide2sidebar {
  float: left;
  height: 100%;
  width: 450px;
  margin-left: -450px;
  background-color: #fff0cc;
}
.cleared {
  clear: both;
}

#slide2Shifter{
	position: relative;
	left: 20px;
}
#leftBig{
	width: 100%;
	position: relative;
	display: inline-block;
	padding-top: 100px;
	left: 30px;
	font-size: 40px;
	text-align: left;
	line-height: 50px;
}
#leftLittle{
	width: 100%;
	display: inline-block;
	padding: 20px 0px 0px 80px;
}


#slide2Top {
	position: absolute;
	padding-left: 40px;
	top: 20px;
	font-size: 35px;
	font-weight: bold;
	line-height: 45px;
	background-color: #ffffff;
}
#slide2List {
	line-height: 30px;
	position: relative;
	top: 0px;
	left: -18px;
	font-size: 18px;
	background-color: #ffffff;
}
#slide2BotL {
	position: relative;
	top: 0px;
	left: 20px;
	max-width: 40%;
	float: left;
	padding: 10px;
	background-color: #ffffff;
}
#slide2BotR {
	position: relative;
	top: 0px;
	line-height: 40px;
	color: #dc6900;
	font-size: 30px;
	padding: 10px;
	max-width: 50%;
	float: right;
	background-color: #ffffff;
}
#slide2line {
	padding:0px 40px 0px 40px;
	position: relative;
	top: 0px;
}


@media only screen and (max-width: 1060px){
#slide2sidebar{
		display: none;
	}
#slide2wrapper {
  margin-left: 0px;
  height: auto;
}
#slide2Top {
  float: none;
  width: 100%;
  height: 100vh;
  background-color: #FFFFFF;
  position: relative;
  padding-left: 10px;
}

#altTopContent{
	display:block;
	width: 100%;
	font-size: 30px;
	line-height: 35px;
	padding: 5px 0px 0px 20px;
}
#altLeftLittle{
	display: inline-block;
	font-size: 18px;
	padding-left: 50px;
}
	/*.centerV{
		flex-direction: row;
		display: flex; 
		align-items:center;
	}
	.secondNavBand img {
		height:auto;
		width:auto;
	}
	.imageCopy{
		align-self:flex-end;
		text-align:left;
	}*/
}

@media only screen and (max-width: 768px){
	#slide1RowIcons{
		top: 0px;
	}
	.centerV{
		flex-direction: row;
		display: flex; 
		align-items:center;
	}
	.secondNavBand img {
		height:auto;
		width:auto;
	}
	.imageCopy{
		align-self:flex-end;
		text-align:left;
	}
}



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

#slide2BotL {
	position: relative;
	top: 0px;
	left: 10px;
	max-width: 100%;
	float: none;
	padding: 10px;
}
#slide2BotR {
	position: relative;
	top: 0px;
	line-height: 40px;
	color: #dc6900;
	font-size: 30px;
	padding: 20px;
	max-width: 100%;
	float: none;
	background-color: #fff0cc;
}
	.centerV{
		flex-direction: row;
		display: flex; 
		align-items:center;
	}
	.secondNavBand img {
		height:auto;
		width:auto;
	}
	.imageCopy{
		align-self:flex-end;
		text-align:left;
	}
}







.slideBigImage img{
	width: 100%;
	height: auto;
}




#slide3{
	padding: 20px 0px 0px 20px;
}

.slideWithImageTitle{
	font-size: 36px;
}
.slideWithImageSubTitle{
	font-size: 24px;
}



@media only screen and (max-width: 480px){
	#slide3{
		padding: 10px 0px 0px 5px;
	}
	.centerV{
		flex-direction: row;
		display: flex; 
		align-items:center;
	}
	.secondNavBand img {
		height:auto;
		width:auto;
	}
	.imageCopy{
		align-self:flex-end;
		text-align:left;
	}
}









#slide4{
	padding: 20px 0px 0px 20px;
}



@media only screen and (max-width: 480px){
	#slide4{
		padding: 10px 0px 0px 5px;
	}
	.centerV{
		flex-direction: row;
		display: flex; 
		align-items:center;
	}
	.secondNavBand img {
		height:auto;
		width:auto;
	}
	.imageCopy{
		align-self:flex-end;
		text-align:left;
	}
}



















#alt5TopContent{
	display:none;
}
#slide5wrapper {
  margin-left: 450px;
  height: 100vh;
}
#slide5content {
  float: right;
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  position: relative;
  padding-left:40px;
}
#slide5sidebar {
  /*float: left;*/
  height: 100%;
  width: 450px;
  margin-left: -450px;
  background-color: #fff0cc;
}
#slideFinalSidebar{
  /*float: left;*/
  height: 106%;
  width: 450px;
  margin-left: -450px;
  background-color: #eceae4;
}
#slideFinalSidebar img{
    display: block;
	align-self:center;
	position:absolute;
	bottom:50px;
	padding-left:100px;
}

#slide5Shifter{
	position: relative;
	left: 20px;
}
#left5Big{
	width: 70%;
	position: relative;
	display: inline-block;
	padding-top: 100px;
	left: 30px;
	font-size: 30px;
	text-align: left;
	line-height: 40px;
}
.lilbiggerfont{
	font-size: 30px;
	line-height: 50px;
}

#left5Little{
	width: 100%;
	display: inline-block;
	padding: 20px 0px 0px 80px;
}


#slide5Top {
	position: relative;
	padding-left: 40px;
	top: 20px;
	font-size: 35px;
	font-weight: bold;
	line-height: 45px;
	background-color: #ffffff;
}
#slide5List {
	line-height: 30px;
	position: relative;
	top: 0px;
	left: -18px;
	font-size: 18px;
	background-color: #ffffff;
}

#slide5line {
	padding:0px 40px 0px 40px;
	position: relative;
	top: 0px;
}


@media only screen and (max-width: 1060px){
#slide5sidebar{
	display: none;
}
#slideFinalSidebar{
	display: none;
}
#slide5wrapper {
  margin-left: 0px;
  height: auto;
}
#slide5Top {
  float: none;
  width: 100%;
  background-color: #FFFFFF;
  position: relative;
  padding-left: 10px;
}

#alt5TopContent{
	display:block;
	width: 100%;
	font-size: 30px;
	line-height: 35px;
	padding: 5px 0px 0px 20px;
}
#alt5LeftLittle{
	display: inline-block;
	font-size: 18px;
	padding-left: 50px;
}
	/*.centerV{
		flex-direction: row;
		display: flex; 
		align-items:center;
	}
	.secondNavBand img {
		height:auto;
		width:auto;
	}
	.imageCopy{
		align-self:flex-end;
		text-align:left;
	}*/
}

@media only screen and (max-width: 768x){
	#slide1RowIcons{
		top: 0px;
	}
	.centerV{
		flex-direction: row;
		display: flex; 
		align-items:center;
	}
	.secondNavBand img {
		height:auto;
		width:auto;
	}
	.imageCopy{
		align-self:flex-end;
		text-align:left;
	}
}



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

	.centerV{
		flex-direction: row;
		display: flex; 
		align-items:center;
	}
	.secondNavBand img {
		height:auto;
		width:auto;
	}
	.imageCopy{
		align-self:flex-end;
		text-align:left;
	}

}





#slide6{
	width: 100%;
	height: 100%;
	background-color: #dfdcd3;
	overflow-y: scroll;
	overflow-x: hidden;
}

#imgContainer6{
	width: 1200px;
}


.s6img{
	position:relative;
	left: 0px;
	float: left;
	height: 107px;
	width: auto;
	display: block;
}

.s6imgSpacer{
	display: block;
}

@media only screen and (max-width: 768px){
	.s6img{
		left: -140px;
		height: 70px;
	}
	.s6imgSpacer{
		display: none;
	}
	.centerV{
		flex-direction: row;
		display: flex; 
		align-items:center;
	}
	.secondNavBand img {
		height:auto;
		width:auto;
	}
	.imageCopy{
		align-self:flex-end;
		text-align:left;
	}
}

















@media only screen and (max-width: 1024px){
	.navigationBand{
		position: absolute;
		text-align: center;
		top: 5px;
		left: 0px;
		width: 100%;
		height:100px;
		z-index: 0;
	}
	/*.navigationBand img{
		margin-top: 10px;
		margin-right: 10px;
	}*/

	.navImagesHolder{
		position: relative;
		top: 0px;
	}
	
	
	.littleNavBand{
		display:none;
	}
	
	
    .secondNavBand{
		position: relative;
		top: 115px;
		left: 0px;
		width: 100%;
		height: 150px;
		background-color: #ffffff;
	}
	.centerV{
		width: 100%;
		flex-direction: row;
		display: flex; 
		align-items: center;
	}
	.secondNavBand img {
		height: 90%;
		width:auto;
		padding: 10px;
	}
	.imageCopy{
		padding:10px;
		align-self: flex-end;
		font-size: 16px;
		line-height: 22px;
		text-align: left;
	}
	.arrow{
		width:0;
		height:0;
		margin-left: 20px;
		margin-right: 30px;
		margin-top:auto;
		margin-bottom:auto;
		border-top:10px solid transparent;
		border-right:0px dotted;
		border-bottom:10px solid transparent;
		border-left:10px solid #425968;
		content:"";
	}
	
	
	.contentArea{
		position: absolute;
		top: 270px;
		left: 0px;
		height:100vh;
		width: 90%;
		z-index: -10;
	}
	.shiftLeft{
		position:relative;
		left: -10px;
	}
	.navImagesHolder img{
		width: 60px;
		height: auto;
		padding-top: 10px;
	}
}



@media only screen and (max-width: 768px){
	.everything{
		top: 45px;
	}
    .showMenuButton {
    	width: 100%;
    	height: 45px;
        display: block;
        z-index: 987654321;
    }
    .navigationBand{
    	background-color: #ffffff;
    }
    .littleNavBand{
    	display: none;
    }
	.secondNavBand {
		height:110px;
	}
	
	.centerV{
		flex-direction: row;
		display: flex; 
		align-items:center;
	}
	

	.h2{
	font-size: 14px;
	line-height: 1px;
	}
	.imageCopy{
		padding:10px;
		align-self:flex-end;
		font-size: 12px;
		line-height: 16px;
		text-align:left;
	}
	
	.shiftdown170{
		position: relative;
		top: 0px;
	}

	.contentArea{
		position: absolute;
		top: 200px;
		left: 0px;
		z-index: -10;
		width: 90%;
	}
	.contentTop{
		font-size: 34px;
		position:relative;
		left: 20px;
		top: 40px;
		font-weight: bold;
		line-height: 40px;
	}
	.contentText{
		font-size: 22px;
		position:relative;
		left: 20px;
		top: 80px;
		width: 100%;
	}
	.contentImage{
		position:relative;
		left: 0px;
		top: 70px;
		width: 100%;
	}
	.shiftLeft{
		position:relative;
		left: -10px;
	}
	.navImagesHolder img{
		width: 50px;
		height: auto;
		padding-top: 15px;
	}
}






@media only screen and (max-width: 560px){
    .showMenuButton {
        display: block;
    }
    .navigationBand{
    	background-color: #00ff00;
    }

    .navigationBand{
		display:none;
	}

	.contentImage{
		position:relative;
		left: 0px;
		top: 50px;
		width: 100%;
	}
	
	.secondNavBand{
  		position: relative;
		top: 5px;
		height: 80px;
		background-color: #ffffff;
	}
	.centerV{
		flex-direction: row;
		display: flex; 
		align-items:center;
	}
	.imageCopy{
		padding:10px;
		align-self:flex-end;
		font-size: 10px;
		line-height: 14px;
		text-align:left;
	}
		
	h2{
		font-size:12px;
		line-height: 1px;
	}
	
	
	
	.contentArea{
		position: absolute;
		top: 80px;
		left: 0px;
		z-index: -10;
	}
	.shiftLeft{
		position:relative;
		left: -0px;
	}

}

@media only screen and (max-width: 320px){
    .showMenuButton {
        display: block;
    }
    .navigationBand{
    	background-color: #ff0000;
    }
    .shiftLeft{
		position:relative;
		left: -20px;
	}
	.secondNavBand{
  		position: relative;
		top: 5px;
		width: 100%;
		height: 60px;
		background-color: #ffffff;
	}
	.centerV {
		height:60px;
		flex-direction: row;
		display: flex; 
		align-items:center;
	}
	.secondNavBand img {
		padding:5px;
		width:auto;
	}
	.imageCopy{
		padding:5px;
		align-self:flex-end;
		font-size: 8px;
		line-height: 12px;
		text-align:left;
	}
	h2{
		font-size: 10px;
		line-height: 1px;
	}
	
	.arrow{
		width:0;
		height:0;
		margin-left: 10px;
		margin-right: 15px;
		margin-top:auto;
		margin-bottom:auto;
		border-top:8px solid transparent;
		border-right:0px dotted;
		border-bottom:8px solid transparent;
		border-left:8px solid #425968;
		content:"";
	}
	.contentTop{
		top:auto;
		font-size:20px;
		line-height:normal;
	}
	.contentText{
		top:15px;
		font-size:17px;
		line-height:normal;
	}
	.contentImage{
		padding:10px;
		top:auto;	
	}
}





.slide24content{
	padding: 50px 0px 0px 50px;
}