@charset "utf-8";
/* CSS Document Dark Brown #140D06, pinky red #E3001B, cream #E5DDAC*/
html{
	height:100%;
}
body{
	height:100%;	
	background-color:#3F3E2A;
	margin:0;
	padding:0;
}



a{
	color:#FFC926;	
}
a:hover{
	color:#3F3E2A;	
	text-decoration:none;
}
h1, p, h2, h3, h4, h5, h6{
	font-family: 'Amatic SC', cursive;
}

h1{
	font-size:40px;
	padding:0;
	margin:0 0 20px 0;
	line-height:45px;
	font-weight:normal;
}
h2{
	font-size:30px;
	font-weight:normal;
	line-height:35px;
	padding:0;
	margin:0 0 10px 0;
}
h3{
	font-size:25px;
	font-weight:normal;
	margin:0 0 10px 0;
	padding:0;
	line-height:25px;
}

p{
	padding:0 0 10px 0;	
	font-size:25px;
	line-height:30px;
}
.psd{
	position:absolute;
	top:250px;
	width:100%;
	z-index:10;
}
.page{
	width:100%;	

	text-align:center;
}
#page1{
	background-color:#FFC926;
	position:relative;
	-webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, 1);
-moz-box-shadow:    0px 0px 25px rgba(0, 0, 0, 1);
box-shadow:         0px 0px 25px rgba(0, 0, 0, 1);
height:900px;
}
.logo{
	padding-top:100px;
}
.man-in-hole{
	position:relative;
	width:383px;
	margin:40px auto 0 auto;
	height:auto;
}
.hole{
	position:absolute;
	z-index:2;
}
.pilot{
	position:absolute;
	top:0;
	z-index:3;
	opacity:1;
}
.pilot-mask{
	position:absolute;
	z-index:4;
}
.bg1{
	position:fixed;
	background-image:url(../img/bg.jpg);
	background-size:cover;
	background-position:right;
	z-index:-3;
	width:100%;
	height:1080px;
	margin-top:500px;
}
.sidebar{
	position:fixed;
	width:35px;
	background-color:#000;
	height:100%;
	z-index:15;
	opacity:0.90;
}


#page2{
	width:100%;
	height:580px;
	padding:60px 0 0 0;
	text-align:center;
}
#page2 h1, #page2 p, #page2 h2, #page2 h3{
	color:#FFF;
}
#page3{
	background-color:#FC9803;
	height:auto;
	padding:100px 0;	
	-webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, 1);
-moz-box-shadow:    0px 0px 25px rgba(0, 0, 0, 1);
box-shadow:         0px 0px 25px rgba(0, 0, 0, 1);
text-align:center;
}
#page4{
	width:100%;
	height:auto;
	padding:50px 0;
	text-align:center;
	position:relative;	
}
#page4 .row-fluid{
	margin-bottom:20px;	
}
#page4 h1, #page4 p{
	color:#FFF;	
}
.bg2{
	position:fixed;
	background-image:url(../img/bg2.jpg);
	background-size:cover;
	z-index:-4;
	width:100%;
	height:1800px;
	top:1200px;
}

#page5{
	background-color:#A3DDA5;
	height:auto;
	padding:100px 0;	
	text-align:center;
	-webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, 1);
-moz-box-shadow:    0px 0px 25px rgba(0, 0, 0, 1);
box-shadow:         0px 0px 25px rgba(0, 0, 0, 1);
}
#page6{
	background-color:#A3DDA5;
	height:100%;
	padding:0;	
	text-align:center;

}
#page6 a{
	color:#000;
	font-weight:bold;
}
#page6 a:hover{
	color:#FC9803;
}
#social-media img{
	padding-top:10px;
}
#emf-logo {
display:none!important;
}
#emf-container-outer{
background-color:#A3DDA5!important;
}
#emf-container #emf-form.leftLabel label.emf-label-desc, #emf-container #emf-form.rightLabel label.emf-label-desc {
padding: 0;
font-size: 15px;
line-height: 32px;
	font-family: 'Amatic SC', cursive;
	font-weight:normal;
}
#emf-container div.emf-div-field input, #emf-container div.emf-div-field textarea, #emf-container div.emf-div-field select {
padding: 7px;
}
#emf-container #emf-li-post-button input {
margin-right: 5px;
padding: 5px 15px;
font-family: 'Amatic SC', cursive;
font-size: 15px;
}
#emf-container li label.emf-label-desc span {
color: #999;
}
 @media (max-width: 1400px) {
	 
	 .logo {
padding-top: 60px;
}
	 .man-in-hole {
margin: 10px auto 0 auto;
height: auto;
}
#page1{
	height:700px;
}
 }
 
 @media (max-width: 767px) {
	 #page4{
	height:auto;	
}
.man-in-hole {
margin: 0px auto 0 auto;
}
	 .logo {
padding-top: 40px;
}
.sidebar{
		display:none;   
	}
	#page1{
	height:625px;
}
 }
  @media (max-width: 480px) {

  }