@charset "utf-8";
/* CSS Document */

.border-gradient { 
    border-bottom: 3px solid transparent;
    -webkit-border-image: url(../images/navigation/nav-gradient.jpg) 10 stretch; /* Safari 3.1-5 */
    -o-border-image: url(../images/navigation/nav-gradient.jpg) 10 stretch; /* Opera 11-12.1 */
    border-image: url(../images/navigation/nav-gradient.jpg) 10 stretch;
}

.headerBTN {
	margin-top: -375px;
}

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

.footer {
	background-color: #444444;
	color: #FFFFFF;
	padding: 25px 50px 25px 50px;
	border-top: 3px solid transparent;
    -webkit-border-image: url(../images/navigation/nav-gradient.jpg) 10 stretch; /* Safari 3.1-5 */
    -o-border-image: url(../images/navigation/nav-gradient.jpg) 10 stretch; /* Opera 11-12.1 */
    border-image: url(../images/navigation/nav-gradient.jpg) 10 stretch;
}

h1.parallax {
		color:#333333;
		padding-top: 215px;
		font-size: 75px;
	}
	
h1.shadow {
	text-shadow: 2px 2px 4px #FFFFFF;
}

.header {
	padding: 0px;
	background-color: #F1F1F1;
	height: 500px;
	margin-top: 50px;
}

.logo {
	padding: 5px 45px 45px 45px;
}

.missionvision {
	background: white;
	padding: 5% 5% 5% 5%;
	min-height: 220px;
}

.parallax {
	background-image: url(../images/background/Parallax-BG_Extraction.jpg);
	background-color: #000000;
	height: 500px; 
	background-attachment: fixed;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}

.parallax-inner {
	height: 500px;
}

.parallax_Mission {
	background-image: url(../images/background/Parallax-BG_Mission.jpg);
	background-color: #000000;
	min-height: 450px; 
	background-attachment: fixed;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}

.parallax-inner_Mission {
	min-height: 450px;
	padding: 50px 10px 100px 10px;
}

.parallax-inner_Mission h1 {
	font-size: 3.75em;
	font-weight:bold;
}

.parallax_Services {
	background-image: url(../images/background/Parallax-BG_Services.jpg);
	background-color: #000000;
	height: 200px; 
	background-attachment: fixed;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}

.parallax-inner_Services {
	height: 200px;
}

.parallax-inner_Services h1 {
	font-size: 3.75em;
	font-weight:bold;
}

.service {
	padding: 25px;
}

.statement {
	padding: 50px;
}

.threeimg img {
	padding: 10%;
}
	
.vertical-center {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.white {
	color: #FFFFFF;
	text-shadow: 1px 1px 20px #000000;
}

/** HELPER CLASSES **/

.marginbottom_25 {
	margin-bottom: 25px;
}

.margintop_25 {
	margin-top: 25px;
}

.margintop_50 {
	margin-top: 50px;
}


.margintop_100 {
	margin-top: 100px;
}