.Tailored {
	width:89% !important;
	left:11.2%;
	position:absolute;
	z-index:-1 !important
}
.lineone {
	stroke-dasharray:2086.66064453125;
	stroke-dashoffset:2086.66064453125;
	-webkit-animation:dash 4s linear alternate infinite;
	animation:dash 4s linear alternate infinite
}
.linetwo {
	stroke-dasharray:2086.66064453125;
	stroke-dashoffset:2086.66064453125;
	-webkit-animation:dash 4s linear alternate infinite;
	animation:dash 4s linear alternate infinite
}
.SVG-two {
	-webkit-transform:rotateY(180deg);
	transform:rotateY(180deg)
}
@-webkit-keyframes dash {
from {
stroke-dashoffset:2086.66064453125;
stroke-dasharray:1000
}
to {
	stroke-dashoffset:0;
	stroke-dasharray:2086.66064453125
}
}
@keyframes dash {
from {
stroke-dashoffset:2086.66064453125;
stroke-dasharray:1000
}
to {
	stroke-dashoffset:0;
	stroke-dasharray:2086.66064453125
}
}
@-webkit-keyframes dashed {
0% {
stroke-dashoffset:2756.887
}
40% {
stroke-dashoffset:0
}
50% {
stroke-dashoffset:0
}
100% {
stroke-dashoffset:2756.887
}
}
@keyframes dashed {
0% {
stroke-dashoffset:2756.887
}
40% {
stroke-dashoffset:0
}
50% {
stroke-dashoffset:0
}
100% {
stroke-dashoffset:2756.887
}
}
@-webkit-keyframes dotted {
0% {
opacity:0
}
35% {
opacity:0
}
40% {
opacity:1
}
50% {
opacity:1
}
55% {
opacity:0
}
100% {
opacity:0
}
}
@keyframes dotted {
0% {
opacity:0
}
35% {
opacity:0
}
40% {
opacity:1
}
50% {
opacity:1
}
55% {
opacity:0
}
100% {
opacity:0
}
}
@-webkit-keyframes smoked {
0% {
stroke-dashoffset:923.204
}
50% {
stroke-dashoffset:0
}
40% {
stroke-dashoffset:0
}
100% {
stroke-dashoffset:923.204
}
}
@keyframes smoked {
0% {
stroke-dashoffset:923.204
}
50% {
stroke-dashoffset:0
}
40% {
stroke-dashoffset:0
}
100% {
stroke-dashoffset:923.204
}
}
.Smoked {
	stroke-dasharray:923.204;
	stroke-dashoffset:923.204
}
.in-view .Smoked {
	stroke-dasharray:923.204;
	stroke-dashoffset:923.204;
	-webkit-animation:smoked 4s 1;
	animation:smoked 4s 1;
	-webkit-animation-timing-function:ease-in-out;
	animation-timing-function:ease-in-out
}
.correct {
	stroke-dasharray:2756.887;
	-webkit-animation:dashed 8s infinite;
	animation:dashed 8s infinite;
	-webkit-animation-timing-function:cubic-bezier(1.68, 0.55, 0.265, 1);
	animation-timing-function:cubic-bezier(1.68, 0.55, 0.265, 1)
}
.dot {
	stroke-dasharray:2756.887;
	-webkit-animation:dotted 8s infinite;
	animation:dotted 8s infinite;
	-webkit-animation-timing-function:cubic-bezier(1.68, 0.55, 0.265, 1.8);
	animation-timing-function:cubic-bezier(1.68, 0.55, 0.265, 1.8)
}
.eco {
	width:89% !important;
	left:11.2%;
	top:0;
	position:absolute;
	z-index:-1 !important
}
.Pipes {
	top:-20px;
	width:70% !important
}
.trees g {
	-webkit-transform:scale(1);
	transform:scale(1)
}
.in-view .trees g {
	-webkit-transform:scale(1);
	transform:scale(1);
	-webkit-animation:3s growin alternate 1;
	animation:3s growin alternate 1;
	-webkit-transform-origin:bottom;
	transform-origin:bottom;
	-webkit-animation-timing-function:cubic-bezier(1.68, 0.55, 0.265, 1.8);
	animation-timing-function:cubic-bezier(1.68, 0.55, 0.265, 1.8)
}
.in-view .trees g:nth-child(1) {
-webkit-animation-delay:.5s
}
.in-view .trees g:nth-child(2) {
-webkit-animation-delay:.5454545455s
}
.in-view .trees g:nth-child(3) {
-webkit-animation-delay:.5s
}
.in-view .trees g:nth-child(4) {
-webkit-animation-delay:.5454545455s
}
.in-view .trees g:nth-child(5) {
-webkit-animation-delay:.6s
}
.in-view .trees g:nth-child(6) {
-webkit-animation-delay:.6666666667s
}
.in-view .trees g:nth-child(7) {
-webkit-animation-delay:.75s
}
.in-view .trees g:nth-child(8) {
-webkit-animation-delay:.8571428571s
}
.in-view .trees g:nth-child(9) {
-webkit-animation-delay:1s
}
.in-view .trees g:nth-child(10) {
-webkit-animation-delay:1.2s
}
.in-view .trees g:nth-child(11) {
-webkit-animation-delay:1.5s
}
.in-view .trees g:nth-child(12) {
-webkit-animation-delay:2s
}
.in-view .trees g:nth-child(13) {
-webkit-animation-delay:3s
}
@-webkit-keyframes smokeIn {
0% {
stroke-dashoffset:3937
}
30% {
stroke-dashoffset:3937
}
60% {
stroke-dashoffset:2000
}
100% {
stroke-dashoffset:2000
}
}
@keyframes smokeIn {
0% {
stroke-dashoffset:3937
}
30% {
stroke-dashoffset:3937
}
60% {
stroke-dashoffset:2000
}
100% {
stroke-dashoffset:2000
}
}
@-webkit-keyframes growin {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
40% {
-webkit-transform:scale(0);
transform:scale(0)
}
60% {
-webkit-transform:scale(1);
transform:scale(1)
}
100% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes growin {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
40% {
-webkit-transform:scale(0);
transform:scale(0)
}
60% {
-webkit-transform:scale(1);
transform:scale(1)
}
100% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block
}
body {
	line-height:1
}
ol, ul {
	list-style:none
}
blockquote, q {
	quotes:none
}
blockquote:before, blockquote:after {
	content:'';
	content:none
}
q:before, q:after {
	content:'';
	content:none
}
table {
	border-collapse:collapse;
	border-spacing:0
}
[role="button"], input[type="submit"], input[type="reset"], input[type="button"], button {
box-sizing:content-box
}
input[type="submit"], input[type="reset"], input[type="button"], button {
	background:none;
	border:0;
	color:inherit;
	font:inherit;
	line-height:normal;
	overflow:visible;
	padding:0;
	-webkit-appearance:button;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none
}
input::-moz-focus-inner, button::-moz-focus-inner {
border:0;
padding:0
}
input {
	border:0;
	padding:0
}
[role="button"] {
color:inherit;
cursor:default;
display:inline-block;
text-align:center;
text-decoration:none;
white-space:pre;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none
}
body {
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
	font-family:sans-serif
}
body:after {
	content:" ";
	display:block;
	clear:both
}
.loading {
	background-color:#7BAFD4;
	width:100%;
	height:100%;
	z-index:200000;
	position:fixed
}
.loading #spingingIcon {
	position:fixed;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	top:47%;
	left:48%
}
#TotalCover {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#7BAFD4;
	z-index:200001
}
#TotalCover .logo {
	position:fixed;
	top:60px;
	left:10%;
	width:400px;
	height:100px
}
#TotalCover .logo svg {
	height:100%
}
#TotalCover h1 {
	font-weight:bold;
	font-size:6vw;
	position:fixed;
	top:20%;
	left:10%;
	width:55%;
	z-index:11;
	color:white
}
@media only screen and (min-width: 1px) and (max-width: 949px) {
#TotalCover h1 {
margin:120px 0 40px;
font-size:6vw;
width:55%
}
}
@media only screen and (min-width: 951px) and (max-width: 1299px) {
#TotalCover h1 {
font-size:6vw;
margin:120px 0 40px
}
}
.line {
	stroke-dasharray:923.204;
	stroke-dashoffset:923.204;
-webkit-animation:Logolines 2s .15s alternate infinite;
animation:Logolines 2s .15s alternate infinite;
	-webkit-animation-timing-function:ease-in-out;
	animation-timing-function:ease-in-out
}
.line2 {
	stroke-dasharray:923.204;
	stroke-dashoffset:923.204;
-webkit-animation:Logolines 2s .25s alternate infinite;
animation:Logolines 2s .25s alternate infinite;
	-webkit-animation-timing-function:ease-in-out;
	animation-timing-function:ease-in-out
}
.line3 {
	stroke-dasharray:923.204;
	stroke-dashoffset:923.204;
	-webkit-animation:Logolines 2s alternate infinite;
	animation:Logolines 2s alternate infinite;
	-webkit-animation-timing-function:ease-in-out;
	animation-timing-function:ease-in-out
}
@-webkit-keyframes Logolines {
0% {
stroke-dashoffset:923.204
}
100% {
stroke-dashoffset:0
}
}
@keyframes Logolines {
0% {
stroke-dashoffset:923.204
}
100% {
stroke-dashoffset:0
}
}
nav {
	position:fixed;
	z-index:100;
	width:100%;
	height:70px;
	background-color:#FFF;
	left:0px;
	color:#5C5D60;
	z-index:500;
	box-shadow:0px 5px 5px 0px rgba(0, 0, 0, 0.14)
}
@media only screen and (min-width: 1px) and (max-width: 949px) {
nav {
height:10vh
}
}
nav .logo {
	cursor:pointer
}
nav .logo svg {
	width:217.375px;
	position:absolute;
	left:30px;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	height:40px
}
@media only screen and (min-width: 1px) and (max-width: 949px) {
nav .logo svg {
width:163.031px
}
}
.li-link-Break .copy {
	width:250px;
	color:#5C5D60;
	position:absolute;
	top:auto;
	bottom:15px;
	left:20px;
	-webkit-transform:translateY(0%);
	transform:translateY(0%);
	font-size:10px;
	text-align:left;
	display:none
}
@media only screen and (min-width: 1px) and (max-width: 949px) {
.li-link-Break .copy {
display:inline-block
}
}
.definition {
	width:450px;
	color:#5C5D60;
-webkit-transition:.35s;
transition:.35s;
	-webkit-transition-timing-function:cubic-bezier(0.68, 0.55, 0.265, 1);
	transition-timing-function:cubic-bezier(0.68, 0.55, 0.265, 1);
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	height:25px
}
@media only screen and (min-width: 1px) and (max-width: 949px) {
.definition {
left:3%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%)
}
}
.definition .definition-Def {
	width:100%;
	position:absolute;
	left:120px;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%)
}
@media only screen and (min-width: 1px) and (max-width: 949px) {
.definition .definition-Def {
width:50%;
left:90px
}
}
.definition .definition-name {
	width:90px;
	position:absolute;
	left:0;
	border-right:1px lightgrey solid;
	top:50%;
	padding-right:6px;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%)
}
@media only screen and (min-width: 1px) and (max-width: 949px) {
.definition .definition-name {
width:70px
}
}
.definition h2 {
	font-weight:bold;
	font-size:16px
}
@media only screen and (min-width: 1px) and (max-width: 949px) {
.definition h2 {
font-size:12px
}
}
.definition p {
	line-height:1.2;
	font-size:14px
}
@media only screen and (min-width: 1px) and (max-width: 949px) {
.definition p {
font-size:11px
}
}
.copy {
	width:250px;
	color:#5C5D60;
	position:absolute;
	top:50%;
	right:10px;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	font-size:10px;
	text-align:right
}
@media only screen and (min-width: 1px) and (max-width: 949px) {
.copy {
display:none
}
}
footer {
	position:fixed;
	z-index:100;
	bottom:0;
	width:100%;
	height:4vh;
	background-color:#FFF
}
@media only screen and (min-width: 1px) and (max-width: 949px) {
footer {
height:6vh
}
}
.MainNav {
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	right:30px
}
.MainNav .li-link {
-webkit-transition:.35s;
transition:.35s;
	-webkit-transition-timing-function:cubic-bezier(0.68, 0.55, 0.265, 1);
	transition-timing-function:cubic-bezier(0.68, 0.55, 0.265, 1);
	cursor:pointer;
	position:relative;
	padding-left:10px;
	padding-right:10px;
	display:inline-block;
	opacity:1;
	top:-100px
}
@media only screen and (min-width: 951px) and (max-width: 1299px) {
.MainNav .li-link {
font-size:13px;
padding-left:5px;
padding-right:5px
}
}
.MainNav .li-link:before {
	content:"";
	position:absolute;
	width:80%;
	height:1px;
	bottom:-2;
	left:50%;
	background-color:#000;
	visibility:hidden;
	-webkit-transform:translateX(-50%) scaleX(0);
	transform:translateX(-50%) scaleX(0);
	-webkit-transition:all 0.3s ease-in-out 0s;
	transition:all 0.3s ease-in-out 0s
}
.MainNav .li-link:hover:before {
	visibility:visible;
	-webkit-transform:translateX(-50%) scaleX(1);
	transform:translateX(-50%) scaleX(1)
}
@media only screen and (min-width: 1px) and (max-width: 949px) {
.MainNav .li-link {
display:none
}
}
.bars {
-webkit-transition:.35s;
transition:.35s;
	-webkit-transition-timing-function:cubic-bezier(0.68, 0.55, 0.265, 1);
	transition-timing-function:cubic-bezier(0.68, 0.55, 0.265, 1);
	display:none;
	position:absolute;
	top:50%;
	right:20px;
	width:20px;
	height:20px;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	-webkit-transform-origin:center;
	transform-origin:center;
	z-index:600
}
.bars .bar {
	background-color:#000;
	width:20px;
	height:2px;
	margin:4px 0
}
.bars:hover {
	-webkit-transform:scale(1.2, 1) translateY(-50%);
	transform:scale(1.2, 1) translateY(-50%)
}
@media only screen and (min-width: 1px) and (max-width: 949px) {
.bars {
display:inline-block
}
}
.MainNav-Break {
-webkit-transition:.45s;
transition:.45s;
	-webkit-transition-timing-function:cubic-bezier(0.68, 0.55, 0.265, 1);
	transition-timing-function:cubic-bezier(0.68, 0.55, 0.265, 1);
	width:200px;
	height:0px;
	position:absolute;
	top:60px;
	right:0px;
	background-color:#FFF;
	padding-bottom:0;
	z-index:100
}
@media only screen and (min-width: 1px) and (max-width: 949px) {
.MainNav-Break {
top:9vh
}
}
.MainNav-Break .li-link-Break {
	display:none;
	padding:15px;
	opacity:0;
	cursor:pointer;
-webkit-transition:.25s;
transition:.25s;
	-webkit-transition-timing-function:cubic-bezier(0.68, 0.55, 0.265, 1);
	transition-timing-function:cubic-bezier(0.68, 0.55, 0.265, 1)
}
.MainNav-Break .li-link-Break:hover {
	opacity:1 !important
}


@media only screen and (min-width: 768px) 
{
	.showNav {
		top:0 !important;
		opacity:1 !important
	}
}

@media all and (max-width: 600px)
{
	.showNav {
		/*top:0 !important;*/
		opacity:1 !important
	}
}

.container {
	width:100%;
	height:96vh;
	background-color:#eee;
	z-index:0;
	overflow:hidden;
	top:70px
}
@media only screen and (min-width: 1px) and (max-width: 949px) {
.container {
height:94vh;
top:10vh
}
}
.card {
-webkit-transition:.35s;
transition:.35s;
	box-sizing:border-box;
	width:20%;
	float:left;
	height:91vh;
	top:70px;
	position:relative
}
@media only screen and (min-width: 1px) and (max-width: 949px) {
.card {
position:relative;
top:10vh;
width:100%;
height:17.9%
}
}
.small-card {
	box-sizing:border-box;
	width:0%;
	float:left;
	top:70px;
	position:relative;
	height:90.5vh;
	-webkit-transition:0.25s;
	transition:0.25s;
	box-sizing:border-box;
	width:4.1666666667%;
	float:left
}
.small-card .subhead {
	opacity:1
}
.small-card .title {
	text-align:left !important;
	width:300px !important;
	left:50% !important;
	-webkit-transform:rotate(-90deg) translateY(-740%) translateX(30%) !important;
	transform:rotate(-90deg) translateY(-740%) translateX(30%) !important;
	font-size:20px !important;
	font-weight:bold;
	letter-spacing:1.4;
	opacity:0 !important
}
.small-card .subtitle {
	opacity:0 !important
}
.small-card .content {
	opacity:0
}
.small-card .title {
	opacity:1 !important
}
@media only screen and (min-width: 1px) and (max-width: 949px) {
.small-card {
display:none
}
}
@media only screen and (min-width: 1601px) and (max-width: 2399px) {
.small-card {
height:92vh
}
}
.titlecredit {
	display:none;
	position:fixed;
	width:150px;
	height:70px;
	top:00px;
	z-index:5;
	left:300px;
	background-color:#7BAFD4
}
@media only screen and (min-width: 1px) and (max-width: 949px) {
.titlecredit {
width:150px !important;
height:10vh !important;
left:200px
}
}
@media only screen and (min-width: 1px) and (max-width: 949px) {
.titlecredit {
width:150px !important;
height:50px !important;
left:0;
top:10vh
}
}
.titled {
	left:49%;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	position:absolute;
	font-weight:500;
	color:white;
	top:49% !important;
	font-size:18px !important;
	-webkit-transform:translateX(-50%) translateY(-50%) !important;
	transform:translateX(-50%) translateY(-50%) !important
}
@media only screen and (min-width: 951px) and (max-width: 1299px) {
.titled {
font-size:15px !important;
font-weight:500
}
}
@media only screen and (min-width: 1px) and (max-width: 949px) {
.titled {
font-size:15px !important;
font-weight:500;
-webkit-transform:translateX(-50%) translateY(-50%) !important;
transform:translateX(-50%) translateY(-50%) !important
}
}
.large-card {
	box-sizing:border-box;
	width:100%;
	float:left;
	background-color:#eee;
	position:relative;
	-webkit-transition:0.25s;
	transition:0.25s;
	box-sizing:border-box;
	width:83.3333333333%;
	float:left
}
.large-card .titlecredit {
	position:fixed;
	width:150px;
	height:60px;
	top:70px;
	z-index:500;
	left:0;
	background-color:#7BAFD4
}
@media only screen and (min-width: 1px) and (max-width: 949px) {
.large-card .titlecredit {
width:150px !important;
height:50px !important;
top:10vh
}
}
@media only screen and (min-width: 951px) and (max-width: 1299px) {
.large-card .titlecredit {
width:150px !important;
height:60px !important
}
}
.large-card .titled {
	left:50%;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	position:absolute;
	font-weight:500;
	color:white;
	top:50% !important;
	font-size:18px !important;
	-webkit-transform:translateX(-50%) translateY(-50%) !important;
	transform:translateX(-50%) translateY(-50%) !important
}
@media only screen and (min-width: 951px) and (max-width: 1299px) {
.large-card .titled {
font-size:15px !important;
font-weight:500
}
}
@media only screen and (min-width: 1px) and (max-width: 949px) {
.large-card .titled {
font-size:15px !important;
font-weight:500;
-webkit-transform:translateX(-50%) translateY(-50%) !important;
transform:translateX(-50%) translateY(-50%) !important
}
}
.large-card .subhead {
	width:200px;
	height:70px;
	top:70px;
	z-index:80;
	opacity:0
}
.large-card .subhead img {
	opacity:0;
	-webkit-transition:0s;
	transition:0s
}
@media only screen and (min-width: 1px) and (max-width: 949px) {
.large-card .subhead {
width:150px !important;
height:80px !important
}
}
@media only screen and (min-width: 951px) and (max-width: 1299px) {
.large-card .subhead {
width:150px !important;
height:80px !important
}
}
.large-card .brokefix {
	top:92px
}
.large-card .title {
	width:90% !important;
	top:50% !important;
	font-size:18px !important;
	-webkit-transform:translateX(-50%) translateY(-50%) !important;
	transform:translateX(-50%) translateY(-50%) !important
}
@media only screen and (min-width: 951px) and (max-width: 1299px) {
.large-card .title {
font-size:15px !important;
font-weight:500
}
}
@media only screen and (min-width: 1px) and (max-width: 949px) {
.large-card .title {
font-size:15px !important;
font-weight:500;
-webkit-transform:translateX(-50%) translateY(-50%) !important;
transform:translateX(-50%) translateY(-50%) !important
}
}
.large-card .subtitle {
	opacity:0 !important;
	display:none
}
.large-card .content {
	opacity:0
}
@media only screen and (min-width: 1px) and (max-width: 949px) {
.large-card {
box-sizing:border-box;
width:100%;
float:left
}
}
.showContent {
	opacity:1 !important
}
.subhead {
	z-index:1;
	opacity:1;
	color:white;
	height:100%;
	background-color:#7BAFD4;
	position:relative;
	overflow:hidden;
	cursor:pointer
}
.subhead img {
	z-index:0;
	pointer-events:none;
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	height:110%;
	opacity:1;
	mix-blend-mode:multiply;
-webkit-transition:.35s;
transition:.35s;
	-webkit-transition-timing-function:cubic-bezier(0.68, 0.55, 0.265, 1);
	transition-timing-function:cubic-bezier(0.68, 0.55, 0.265, 1)
}
.subhead .title {
	text-align:center;
	width:90%;
	top:65%;
	left:50%;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	position:absolute;
	font-size:25px;
	font-weight:bold
}
.subhead .subtitle {
-webkit-transition:.35s;
transition:.35s;
	opacity:1;
	left:50%;
	text-align:center;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	position:absolute;
	font-size:15px;
	top:80%;
	display:none
}
.subhead .subtitle-two {
	opacity:0;
	left:-100px;
	position:absolute;
	font-size:15px;
	top:85%;
	color:black
}
.subhead:hover img {
	height:130%
}
@media only screen and (min-width: 1px) and (max-width: 949px) {
.subhead {
height:100% !important;
width:100% !important
}
.subhead img {
height:auto !important;
width:100%
}
.subhead .title {
top:50%;
left:50%;
-webkit-transform:translateX(-50%) translateY(-50%);
transform:translateX(-50%) translateY(-50%)
}
}
b {
	font-weight:bold;
	color:#7BAFD4
}
a {
	color:#7BAFD4;
	text-decoration:none
}
a:visited {
	color:inherit
}
a:hover {
	color:black
}
#map {
	font-size:90%
}
#contact-text {
	font-size:26px
}
@media only screen and (min-width: 1px) and (max-width: 949px) {
#contact-text {
top:140 !important
}
}
.about-break {
	position:absolute !important;
	right:15% !important;
	left:auto;
	top:50%;
	color:black;
	margin:0px;
	width:40%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%)
}
@media only screen and (min-width: 1px) and (max-width: 949px) {
.about-break {
display:none
}
}
#about-hidden {
	display:none
}
@media only screen and (min-width: 1px) and (max-width: 949px) {
#about-hidden {
display:inline-block
}
#about-hidden .sub-header {
width:80%
}
}
.content {
	display:none;
	box-sizing:border-box;
	width:100%;
	float:left;
	height:90.5vh;
	position:absolute;
	right:0;
	top:70px;
	overflow:scroll;
	overflow-x:hidden;
	z-index:0;
-webkit-transition:.25s;
transition:.25s;
	-webkit-transition-timing-function:cubic-bezier(0.68, 0.55, 0.265, 1);
	transition-timing-function:cubic-bezier(0.68, 0.55, 0.265, 1)
}
@media only screen and (min-width: 1px) and (max-width: 949px) {
.content {
top:10vh
}
}
.content svg {
	width:100%;
	position:absolute;
	z-index:10
}
.content .header {
	font-weight:bold;
	font-size:6vw;
	margin:100px 0 70px;
	position:relative;
	left:10%;
	width:55%;
	z-index:11
}
@media only screen and (min-width: 1px) and (max-width: 949px) {
.content .header {
margin:120px 0 40px;
font-size:50px;
width:55%
}
}
@media only screen and (min-width: 951px) and (max-width: 1299px) {
.content .header {
font-size:6vw;
margin:120px 0 40px
}
}
.content .sub-header {
	font-weight:bold;
	font-size:2vw;
	margin:70px 0 50px;
	position:relative;
	left:10%;
	color:#5c5d60;
	width:55%;
	z-index:11
}
@media only screen and (min-width: 1px) and (max-width: 949px) {
.content .sub-header {
font-size:25px
}
}
@media only screen and (min-width: 951px) and (max-width: 1299px) {
.content .sub-header {
font-size:3vw
}
}
.content .content_copy {
	padding:20px 20px 20px 0px;
	position:relative;
	left:10%;
	width:50%;
	color:#5C5D60;
	font-size:17px;
	line-height:1.4
}
@media only screen and (min-width: 1px) and (max-width: 949px) {
.content .content_copy {
width:80%
}
}
.content .content_copy img {
	width:100%;
	padding-top:50px;
	padding-bottom:50px
}
@media only screen and (min-width: 951px) and (max-width: 1299px) {
.content .content_copy {
font-size:16px;
line-height:1.3;
width:55%
}
}
@media only screen and (min-width: 2401px) and (max-width: 5399px) {
.content .content_copy {
font-size:18px
}
}
.content section {
	position:relative;
	height:600px
}
@media only screen and (min-width: 1px) and (max-width: 949px) {
.content section {
height:750px
}
}
.content section .sub-header {
	width:40%
}
@media only screen and (min-width: 1601px) and (max-width: 2399px) {
.content section {
height:700px
}
}
@media only screen and (min-width: 2401px) and (max-width: 5399px) {
.content section {
height:1300px
}
}
.content .sectioned {
	height:600px
}
@media only screen and (min-width: 1px) and (max-width: 949px) {
.content .sectioned {
height:800px;
padding-bottom:100px
}
}
.content .content_copy-right {
	padding:20px 20px 20px 0px;
	position:relative;
	left:10%;
	width:100%;
	color:#5C5D60;
	font-size:17px;
	line-height:1.4
}
@media only screen and (min-width: 1px) and (max-width: 949px) {
.content .content_copy-right {
width:100%
}
}
.content .content_copy-right img {
	width:100%;
	padding-top:50px;
	padding-bottom:50px
}
@media only screen and (min-width: 951px) and (max-width: 1299px) {
.content .content_copy-right {
font-size:16px;
line-height:1.3;
width:100%
}
}
@media only screen and (min-width: 2401px) and (max-width: 5399px) {
.content .content_copy-right {
font-size:18px
}
}
.content .sub-header-right {
	width:100% !important;
	margin:0 0 20 !important
}
.aerospace_content {
	overflow:auto !important
}
#world {
	width:35%;
	position:absolute;
	right:5%;
	top:50px
}
@media only screen and (min-width: 951px) and (max-width: 1299px) {
#world {
width:41%;
right:5%;
top:60px
}
}
@media only screen and (min-width: 1px) and (max-width: 949px) {
#world {
width:200px
}
}
#moneyPlane {
	width:25%;
	position:absolute;
	left:10%;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
-webkit-transition:.55s;
transition:.55s;
	-webkit-transition-timing-function:cubic-bezier(0.68, 0.55, 0.265, 1);
	transition-timing-function:cubic-bezier(0.68, 0.55, 0.265, 1);
	opacity:1
}
@media only screen and (min-width: 951px) and (max-width: 1299px) {
#moneyPlane {
width:25%;
top:50%
}
}
@media only screen and (min-width: 1px) and (max-width: 949px) {
#moneyPlane {
width:200px;
left:auto;
right:20;
top:0px;
display:none
}
}
#SVGplane {
	width:100%;
	position:absolute;
	right:-200;
	top:70px;
-webkit-transition:.55s;
transition:.55s;
	-webkit-transition-timing-function:cubic-bezier(0.68, 0.55, 0.265, 1);
	transition-timing-function:cubic-bezier(0.68, 0.55, 0.265, 1);
	z-index:-10
}
@media only screen and (min-width: 951px) and (max-width: 1299px) {
#SVGplane {
right:-100;
top:70px
}
}
@media only screen and (min-width: 1px) and (max-width: 949px) {
#SVGplane {
right:-150;
top:10vh;
display:none
}
}
#plane {
	width:60%;
	position:absolute !important;
	right:-200px;
	bottom:0px
}
@media only screen and (min-width: 1px) and (max-width: 949px) {
#plane {
display:none
}
}
#plane_small {
	display:none
}
@media only screen and (min-width: 1px) and (max-width: 949px) {
#plane_small {
display:inline-block;
width:70%;
right:-20%;
top:50px;
position:absolute !important
}
}
#machine {
	width:100%;
	position:absolute;
	right:-500;
	top:100px;
-webkit-transition:.55s;
transition:.55s;
	-webkit-transition-timing-function:cubic-bezier(0.68, 0.55, 0.265, 1);
	transition-timing-function:cubic-bezier(0.68, 0.55, 0.265, 1);
	opacity:0.5
}
@media only screen and (min-width: 951px) and (max-width: 1299px) {
#machine {
right:-400
}
}
@media only screen and (min-width: 1px) and (max-width: 949px) {
#machine {
right:-100
}
}
#machine2 {
	width:58%;
	position:fixed;
	right:-200px;
	bottom:-200px;
	opacity:0.5;
	z-index:0;
	pointer-events:none
}
@media only screen and (min-width: 951px) and (max-width: 1299px) {
#machine2 {
right:-200;
bottom:-150px
}
}
@media only screen and (min-width: 1px) and (max-width: 949px) {
#machine2 {
right:-100;
width:60%;
bottom:-60px
}
}
.right {
	-webkit-transform:translateX(62%);
	transform:translateX(62%)
}
@media only screen and (min-width: 1px) and (max-width: 949px) {
.right {
-webkit-transform:translateX(0%);
transform:translateX(0%)
}
}
@media only screen and (min-width: 951px) and (max-width: 1299px) {
.right {
-webkit-transform:translateX(0%);
transform:translateX(0%)
}
}
.right-head {
	-webkit-transform:translateX(57%);
	transform:translateX(57%)
}
@media only screen and (min-width: 1px) and (max-width: 949px) {
.right-head {
-webkit-transform:translateX(0%);
transform:translateX(0%)
}
}
@media only screen and (min-width: 951px) and (max-width: 1299px) {
.right-head {
-webkit-transform:translateX(0%);
transform:translateX(0%)
}
}
#box {
	width:80%;
	position:absolute !important;
	bottom:-110px;
	right:-81%;
	opacity:0.5
}
@media only screen and (min-width: 951px) and (max-width: 1299px) {
#box {
right:-90%
}
}
@media only screen and (min-width: 1px) and (max-width: 949px) {
#box {
opacity:0
}
}
#logo-big {
	width:400px;
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%) translateX(50%);
	transform:translateY(-50%) translateX(50%);
	display:none
}
@media only screen and (min-width: 1px) and (max-width: 949px) {
#logo-big {
display:none
}
}
@media only screen and (min-width: 951px) and (max-width: 1299px) {
#logo-big {
display:none
}
}
.contacts {
	background-color:#eee;
	padding:20px 0px 20px 20px;
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	width:50% !important;
	color:#5C5D60;
	text-align:center;
	line-height:1.6
}
.contacts h1 {
	font-size:40px;
	line-height:1.5
}
.contacts p {
	font-size:22px;
	line-height:1.5
}
.contacts a {
-webkit-transition:.15s;
transition:.15s
}
.contacts img {
	width:100%;
	padding-top:50px;
	padding-bottom:50px
}
.contacts b {
	color:black
}
@media only screen and (min-width: 951px) and (max-width: 1299px) {
.contacts {
font-size:16px;
line-height:1.3;
width:40%
}
}
@media only screen and (min-width: 1px) and (max-width: 949px) {
.contacts {
width:100% !important
}
.contacts h1 {
font-size:25px;
line-height:1.5
}
.contacts p {
font-size:16px;
line-height:1.5
}
}
.plane-container {
	top:-130px;
	right:-80px;
	position:absolute;
	width:100%;
	height:100%;
	overflow:hidden;
	z-index:-2
}
.content_Environmental {
	padding-top:70px
}
@media only screen and (min-width: 1px) and (max-width: 949px) {
.content_Environmental {
padding-top:0px
}
}
.thirds {
	width:70% !important;
	margin-bottom:5vh;
	background-color:transparent !important;
	height:61vh
}
.thirds:nth-child(2) {
margin-bottom:0vh
}
.thirds img {
	width:100%;
	display:none
}
.thirds svg {
	position:absolute !important;
	width:90% !important;
	top:auto !important;
	bottom:-40px;
	left:0;
	max-height:59vh
}
.thirds .aluminum {
	position:absolute !important;
	width:90% !important;
	top:auto !important;
	bottom:-40px;
	right:0;
	max-height:90vh
}
.thirds .text {
	position:absolute;
	top:40% !important;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%)
}
.thirds .text-left {
	position:absolute;
	top:40% !important;
	right:0 !important;
	left:auto !important;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	width:50%
}
.thirds .text-left .sub-header {
	font-weight:bold;
	font-size:4vw;
	line-height:1;
	position:relative;
	left:auto !important;
	color:black;
	width:100%;
	z-index:11
}
@media only screen and (min-width: 1px) and (max-width: 949px) {
.thirds .text-left .sub-header {
width:100%;
font-size:30px !important
}
}
@media only screen and (min-width: 951px) and (max-width: 1299px) {
.thirds .text-left .sub-header {
font-size:4vw !important
}
}
.thirds .text-left p {
	width:100%
}
.thirds p {
	position:relative;
	width:50%
}
@media only screen and (min-width: 1px) and (max-width: 949px) {
.thirds p {
width:100%
}
}
.thirds .trees {
	width:110% !important;
	bottom:-100px
}
.thirds .pipes {
	-webkit-transform:scale(1) translate(50%, -22%);
	transform:scale(1) translate(50%, -22%)
}
@media only screen and (min-width: 1px) and (max-width: 949px) {
.thirds .pipes {
-webkit-transform:scale(1) translate(0%, 0%);
transform:scale(1) translate(0%, 0%)
}
}
@media only screen and (min-width: 951px) and (max-width: 1299px) {
.thirds .pipes {
-webkit-transform:scale(1) translate(50%, -22%);
transform:scale(1) translate(50%, -22%)
}
}
@media only screen and (min-width: 1601px) and (max-width: 2399px) {
.thirds .pipes {
-webkit-transform:scale(1) translate(50%, -22%);
transform:scale(1) translate(50%, -22%)
}
}
@media only screen and (min-width: 2401px) and (max-width: 5399px) {
.thirds .pipes {
-webkit-transform:scale(1.3) translate(35%, -42%);
transform:scale(1.3) translate(35%, -42%)
}
}
.thirds .aluminum {
	z-index:-1 !important;
	-webkit-transform:scale(2) translate(-13%, -50%);
	transform:scale(2) translate(-13%, -50%);
	-webkit-transform:scale(2) translate(-13%, 0%);
	transform:scale(2) translate(-13%, 0%);
	bottom:32%
}
@media only screen and (min-width: 1px) and (max-width: 949px) {
.thirds .aluminum {
-webkit-transform:scale(2) translate(0%, -20%);
transform:scale(2) translate(0%, -20%)
}
}
.thirds .sub-header {
	font-weight:bold;
	font-size:4vw !important;
	line-height:1;
	position:relative;
	left:0%;
	color:black;
	width:50%;
	z-index:11
}
@media only screen and (min-width: 1px) and (max-width: 949px) {
.thirds .sub-header {
font-size:30px !important
}
}
@media only screen and (min-width: 951px) and (max-width: 1299px) {
.thirds .sub-header {
font-size:40px
}
}
@media only screen and (min-width: 1px) and (max-width: 949px) {
.thirds {
height:auto;
width:80% !important
}
.thirds svg {
position:relative !important;
padding:0;
margin:0;
display:none
}
.thirds img {
display:inline-block;
margin-bottom:20px;
padding:0 !important
}
.thirds .text {
position:relative !important;
padding:0;
margin:0;
-webkit-transform:translateY(0%);
transform:translateY(0%);
top:auto
}
.thirds:nth-child(2) {
margin-bottom:5vh
}
.thirds:nth-child(1) {
margin-top:0vh
}
.thirds .text-left {
position:relative !important;
padding:0;
margin:0;
-webkit-transform:translateY(0%);
transform:translateY(0%);
top:auto;
width:auto
}
.thirds .text-left .sub-header {
font-weight:bold;
font-size:30px !important;
line-height:1;
position:relative;
left:0%;
color:black;
width:60%;
z-index:11
}
.thirds .text-left p {
width:100%
}
}
.move-down {
	margin-top:120px !important
}
.list {
	margin-top:50px;
	margin-bottom:100px;
	box-sizing:border-box;
	width:83.3333333333%;
	float:left;
	padding-left:.8333333333%;
	padding-right:.8333333333%;
	text-align:center;
	position:relative;
	left:5%
}
@media only screen and (min-width: 2401px) and (max-width: 5399px) {
.list {
margin-top:200px
}
}
.list li {
	float:left;
	width:23%;
	height:25vh;
	margin:1%;
	margin-top:10%;
-webkit-transition:.45s;
transition:.45s;
	-webkit-transition-timing-function:cubic-bezier(0.68, 0.55, 0.265, 1);
	transition-timing-function:cubic-bezier(0.68, 0.55, 0.265, 1)
}
@media only screen and (min-width: 951px) and (max-width: 1299px) {
.list li {
width:23%
}
}
@media only screen and (min-width: 1px) and (max-width: 949px) {
.list li {
width:100%;
height:210px
}
}
.list p {
	width:80%;
	margin:0 auto
}
@media only screen and (min-width: 951px) and (max-width: 1299px) {
.list p {
font-size:80%;
line-height:1.2
}
}
.list img {
	height:100px;
	max-height:100px;
	padding-bottom:50px
}
@media only screen and (min-width: 951px) and (max-width: 1299px) {
.list img {
height:80px;
max-height:80px
}
}
.list #hat {
	width:97px !important
}
@media only screen and (min-width: 951px) and (max-width: 1299px) {
.list #hat {
width:80px !important
}
}
.arrows {
	box-sizing:border-box;
	width:100%;
	float:left;
	padding-left:.8333333333%;
	padding-right:.8333333333%;
	position:absolute;
	z-index:500;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	height:50px;
-webkit-transition:.25s;
transition:.25s
}
.arrow-left {
	position:absolute;
	left:20;
	width:41px;
	height:64.2px;
	-webkit-transform:scale(0.5);
	transform:scale(0.5)
}
.arrow-right {
	position:absolute;
	right:20;
	width:41px;
	height:64.2px;
	-webkit-transform:scale(0.5);
	transform:scale(0.5)
}
.arrow-line {
	fill:none;
	stroke:rgba(0, 0, 0, 0.15);
	stroke-width:3;
	stroke-linecap:round;
	stroke-linejoin:round;
	stroke-miterlimit:10
}
#ajax-contact {
	width:80%;
	height:auto;
	position:fixed;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	padding:30px !important;
	margin:0 !important;
	background:rgba(255, 255, 255, 0);
	-webkit-transition:0.45s cubic-bezier(0.86, 0, 0.07, 1);
	transition:0.45s cubic-bezier(0.86, 0, 0.07, 1)
}
#ajax-contact #form-messages {
	width:100%;
	position:relative;
	color:grey;
	font:bold 16px/1.7 sans-serif;
	text-align:center;
	text-transform:none;
	display:none
}
#ajax-contact p {
	font:normal 1.5rem/1.2 sans-serif;
	padding:10px;
	margin:10px 0;
	outline:1px solid #ddd;
	-webkit-transition:0.45s cubic-bezier(0.86, 0, 0.07, 1);
	transition:0.45s cubic-bezier(0.86, 0, 0.07, 1);
	background-color:white;
	text-transform:none;
	color:black;
	box-shadow:-px 2px 10px 0px rgba(0, 0, 0, 0.15)
}
#ajax-contact .paractive {
	font:normal 1.5rem/1.2 sans-serif !important
}
#ajax-contact .field {
	box-sizing:border-box;
	width:100%;
	float:left;
	padding-left:.8333333333%;
	padding-right:.8333333333%;
	height:50vh
}
#ajax-contact .field .area {
	-webkit-transition:0.45s cubic-bezier(0.86, 0, 0.07, 1);
	transition:0.45s cubic-bezier(0.86, 0, 0.07, 1)
}
#ajax-contact .field input {
	width:100%;
	height:100%;
	font:100 1rem/1 sans-serif
}
#ajax-contact .field input::-webkit-input-placeholder {
-webkit-transition:0.45s cubic-bezier(0.86, 0, 0.07, 1);
transition:0.45s cubic-bezier(0.86, 0, 0.07, 1);
font:100 1rem/1 sans-serif
}
#ajax-contact .field input::-moz-placeholder {
-webkit-transition:0.45s cubic-bezier(0.86, 0, 0.07, 1);
transition:0.45s cubic-bezier(0.86, 0, 0.07, 1);
font:100 1rem/1 sans-serif
}
#ajax-contact .field input:-ms-input-placeholder {
-webkit-transition:0.45s cubic-bezier(0.86, 0, 0.07, 1);
transition:0.45s cubic-bezier(0.86, 0, 0.07, 1);
font:100 1rem/1 sans-serif
}
#ajax-contact .field input::placeholder {
-webkit-transition:0.45s cubic-bezier(0.86, 0, 0.07, 1);
transition:0.45s cubic-bezier(0.86, 0, 0.07, 1);
font:100 1rem/1 sans-serif
}
#ajax-contact .field input:focus {
	outline:none
}
#ajax-contact .field textarea {
	width:100%;
	height:90%;
	font:100 1rem/1.5 sans-serif;
	border:0;
	resize:none;
	padding-top:10px
}
#ajax-contact .field textarea::-webkit-input-placeholder {
-webkit-transition:0.45s cubic-bezier(0.86, 0, 0.07, 1);
transition:0.45s cubic-bezier(0.86, 0, 0.07, 1);
padding-top:0px;
font:100 1rem/1.5 sans-serif
}
#ajax-contact .field textarea::-moz-placeholder {
-webkit-transition:0.45s cubic-bezier(0.86, 0, 0.07, 1);
transition:0.45s cubic-bezier(0.86, 0, 0.07, 1);
padding-top:0px;
font:100 1rem/1.5 sans-serif
}
#ajax-contact .field textarea:-ms-input-placeholder {
-webkit-transition:0.45s cubic-bezier(0.86, 0, 0.07, 1);
transition:0.45s cubic-bezier(0.86, 0, 0.07, 1);
padding-top:0px;
font:100 1rem/1.5 sans-serif
}
#ajax-contact .field textarea::placeholder {
-webkit-transition:0.45s cubic-bezier(0.86, 0, 0.07, 1);
transition:0.45s cubic-bezier(0.86, 0, 0.07, 1);
padding-top:0px;
font:100 1rem/1.5 sans-serif
}
#ajax-contact .field textarea:focus {
	outline:none
}
#ajax-contact .field button {
	width:100%;
	height:100%;
	cursor:pointer
}
#ajax-contact .field button:focus {
	outline:none
}
#ajax-contact .field .cancel {
	cursor:pointer;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	text-transform:none
}
#ajax-contact .field .canceled {
	box-sizing:border-box;
	width:16.6666666667%;
	float:left;
	padding-left:.8333333333%;
	padding-right:.8333333333%;
	height:50px;
	position:relative;
	margin-bottom:0.5%;
	margin-left:0.5%;
	border:1px solid rgba(255, 0, 0, 0);
	color:black;
	font:100 1rem/1 sans-serif;
-webkit-transition:.5s;
transition:.5s;
	background-color:transparent;
	cursor:pointer
}
#ajax-contact .field .canceled:hover {
	border:1px solid red;
	background-color:red;
-webkit-transition:.45s;
transition:.45s;
	color:white
}
#ajax-contact .inputfield {
	box-sizing:border-box;
	width:100%;
	float:left;
	padding-left:.8333333333%;
	padding-right:.8333333333%;
	height:15%;
	margin-bottom:0.5%;
	outline:1px solid #ddd;
	-webkit-transition:0.35s cubic-bezier(0.86, 0, 0.07, 1);
	transition:0.35s cubic-bezier(0.86, 0, 0.07, 1);
	background-color:white;
	box-shadow:-2px 2px 10px 0px rgba(0, 0, 0, 0.15)
}
#ajax-contact .textareafield {
	box-sizing:border-box;
	width:100%;
	float:left;
	padding-left:.8333333333%;
	padding-right:.8333333333%;
	height:70%;
	margin-bottom:1%;
	outline:1px solid #ddd;
	-webkit-transition:0.35s cubic-bezier(0.86, 0, 0.07, 1);
	transition:0.35s cubic-bezier(0.86, 0, 0.07, 1);
	background-color:white;
	box-shadow:-2px 2px 10px 0px rgba(0, 0, 0, 0.15)
}
#ajax-contact .buttonfield {
	box-sizing:border-box;
	width:25%;
	float:left;
	padding-left:.8333333333%;
	padding-right:.8333333333%;
	height:50px;
	position:relative;
	margin-bottom:1%;
	outline:1px solid white;
	color:#bbb;
	font:100 1rem/1 sans-serif;
-webkit-transition:.5s;
transition:.5s;
	background-color:white;
	box-shadow:-2px 2px 10px 0px rgba(0, 0, 0, 0.15);
	cursor:pointer
}
#ajax-contact .buttonfield:hover {
	background-color:blue;
-webkit-transition:.45s;
transition:.45s;
	color:white
}
::-webkit-scrollbar {
width:12px;
border-radius:0;
z-index:300000
}
::-webkit-scrollbar-track {
border-radius:0px;
background-color:rgba(100, 176, 211, 0.5)
}
::-webkit-scrollbar-thumb {
background-color:#7BAFD4;
width:5px
}
/*# sourceMappingURL=main.css.map */