/* -------------------- SITE SETUP -------------------- */

html, body {
  height: 100%;
  overflow-x: hidden;
}

body {
    color: #7a7c7e;
    font-size: 16px;
    line-height: 1.3em;
	font-weight: 300;
	font-family: 'mr-eaves-xl-modern', sans-serif;

}


.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-right: 10px;
    padding-left: 10px;
}

.row {
    margin-right: 0px;
    margin-left: 0px;
}

h1 {line-height: 1em;}

h2 {
    font-size: 1.7em;
    line-height: 1.2em;
	font-weight: 300;
}

b, strong {
    font-weight: 600;
}

h3 {
	font-size: 1.4em;
	line-height: 1.1em;
	font-weight: 300;
}

h4 {font-weight: 600;
	line-height: 1em;
}

.lightFont {font-weight: 300;}

.mac .buttons {padding: 8px 15px 10px 16px;}

.buttons {
    min-width: 130px;
    padding: 12px 20px 13px 20px;
    font-size: 0.8em;
	border-radius: 8px;
    margin-bottom: 10px;
    line-height: 1.4em;
}


.ui-autocomplete {z-index: 100;}

ol {margin: 0px 0px 0px 25px; padding: 0;}
ol li {margin-top: 15px;}


.linesHolder {
    width: 100%;
    height: 1000000px;
    position: absolute;
    z-index: 1;
    top: -1000000px;
    opacity: 0.5;
}

/*.linesHolder {
	width: 100%;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    position: fixed;
    z-index: 1;
	background: url(../images/lines2.png) repeat-y center / cover;
	top: 0;
	opacity: 0.5;
}*/

.linesHolder img {
	width: 1440px;
	height: 100%;
}


.paddingTop80 {padding-top: 80px;}
.paddingBottom80 {padding-bottom: 80px;}

.greenBg {background: #0c8e50;}
.greenBorder {border: 2px solid #0c8e50}
.greenText {color: #0c8e50;}

.lightGreyBg {background: #f8f8f8;}

.whiteBorder {border: 2px solid #fff}

.blueText {color: #15587f;}
.blueBg {background: #15587f;}
.blueBorder {border: 2px solid #15587f}


.lightBlueText, .lightBlueText:visited, .lightBlueText:active, .lightBlueText:focus, .lightBlueText:hover {color: #6ec8de}


.blueUnderline {border-bottom: 2px solid #6ec8de; display: inline-block;}

.greyBg {background: #e1e1e1;}
.greyBorder {border: 2px solid #e1e1e1}
.greyText {color: #e1e1e1;}


.darkGreyBg {background: #ebecec;}
.darkGreyText, .darkGreyText:hover, .darkGreyText:visited, .darkGreyText:focus, .darkGreyText:active {color: #7a7c7e;}

.circles {
	border-radius: 50%;
	padding: 10%;
	text-align: center;
	background: #fff;
}

.circles img {
	width: 80%;
	margin-top: 3px;
}

.circleButton {
    width: 45px;
    height: 45px;
	
}

.circleButtonLarge {
    width: 50px;
    height: 50px;
}

.outerCircleWhite, .outerCircleWhiteLarge {
	border: 10px solid #fff;
	border-radius: 50%;
	margin-left: -10px;
}

.outerCircleWhiteLarge {margin-left: -24px;}

section {position: relative; z-index: 10;}

.leftPush {margin-left: 10%;}
.rightPush {margin-right: 10%;}

.chevron {
    transform: rotate(90deg);
    line-height: 0;
    margin: 0 0 0px 7px;
    transform-origin: left;
}


@keyframes float {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(-40px);
	}
	100% {
		transform: translatey(0px);
	}
}

.floating {
	transform: translatey(0px);
	animation: float 2s ease-in-out infinite;
}

/* -------------------- LOGO ANIMATION -------------------- */


.logoBg {
    top: 19px;
    left: -35px;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    opacity: 0.03;
    background-image: url(../images/GreenthreadIcon.svg);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 19%;
}

#logoAnimationHolder {
	width: 200px;
	height: 200px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

svg {
  width: 100%;
  height: 100%;
}

.path1 {
  stroke: #89D1D6;
  fill: #89D1D6;
  fill-opacity:0;
}

.path2 {
  stroke: #0080B5;
  fill: #0080B5;
  fill-opacity:0;
}

.path3 {
  stroke: #898B8D;
  fill: #898B8D;
  fill-opacity:0;
}

.path4 {
  stroke: #6CB244;
  fill: #6CB244;
  fill-opacity:0;
}

.letter1 {
  stroke-dasharray: 910;
  stroke-dashoffset: 910;
  animation: anim2 .5s linear 1s forwards, anim4 0.7s linear 1.4s forwards, anim5 0.5s linear 4s forwards;
}

.letter2 {
  stroke-dasharray: 910;
  stroke-dashoffset: 910;
  animation: anim2 .5s linear 1.4s forwards, anim4 0.7s linear 1.8s forwards, anim5 0.5s linear 4s forwards;
}

.letter3 {
  stroke-dasharray: 910;
  stroke-dashoffset: 910;
  animation: anim2 .5s linear 1.8s forwards, anim4 0.7s linear 2.2s forwards, anim5 0.5s linear 4s forwards;
}

.letter4 {
  stroke-dasharray: 910;
  stroke-dashoffset: 910;
  animation: anim2 .5s linear 2.2s forwards, anim4 0.7s linear 2.6s forwards, anim5 0.5s linear 4s forwards;
}

@keyframes anim2 {
  0% {stroke-dashoffset: 910;}
  100% {stroke-dashoffset: 0;}
}


@keyframes anim4 {
  0% {fill-opacity: 0;}
  100% {fill-opacity: 1;}
}

@keyframes anim5 {
  0% {opacity: 1;}
  100% {opacity: 0;}
}

/* -------------------- NAVIGATION -------------------- */

#header {
	width:  100%;
	height: 140px;
	position: relative;
	z-index: 2;
}

#headerInner {
	width: 100%;
	margin: 0 auto;
	position: relative;
}

#logoHolder {
	margin-top: 20px;
	margin-left: 8.4%;
}

#logoHolder img {width: 100%;}

.phoneButton, #tagLine {display: none;}

#sideNavHeader {
	padding-bottom: 25px;
	border-bottom: 1px solid #6ec8de;
	position: relative;
    z-index: 2;
}

#mobileTag {
	border-top: 1px solid #6ec8de;
	padding-top: 25px;
	position: absolute;
	bottom: 25px;
	font-size: 1.6em;
	width: calc(100% - 40px);
}

#mobileNavLinks {right: -100%; z-index: 100000000; background: #15587f; padding: 16px 20px; overflow: hidden;}
#mobileLogo {padding: 4px 0px 0px 12px;}
#mobileLogo img {width: 223px;}
#mobileNavLinks .circles {background: none; padding: 0; margin-top: 17px; margin-right: -14px;}
#mobileNavLinks .hamburger-inner, #mobileNavLinks .hamburger-inner::after, #mobileNavLinks .hamburger-inner::before {background-color: #fff;}

#mobileNavLinks .logoBg {
	background-size: 120%;
	left: 130px;
	background-position: top left;
}

.mobileNavActive {right: 0 !important;}
.navButtonHolder {width: 45px;}
.theLine {min-height: 38px; width: 2px; margin: 0 auto;}

#navLinks {
	padding-top: 15px;
	font-size: 1.4em;
	line-height: 1.5em;
	overflow-y: scroll;
	height: calc(100% - 79px);
	position: relative;
	z-index: 10;
}


/*#navLinks a {color: #fff;}*/
.subNav {padding-left: 15px; font-size: 0.8em;}

#tagLine {position: absolute; right: 135px;}

.phoneIcon {
    width: 25px !important;
    margin-top: 5px !important;
    margin-left: 2px;
}

.burger {
    height: 20px;
    width: 20px;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#headerButtons {
    position: absolute;
    width: 360px;
    left: 1298px;
}

/*#headerButtons {margin-right: 40px; width: 255px;}*/

.hamburger-inner::before {top: -8px;}
.hamburger-inner::after {bottom: -8px;}

.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after, .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    background-color: #0c8e50;
}

.hamburger-box {
	width: 20px;
	height: 20px;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 20px;
    height: 2px;
}

.hamburger {padding: 0;}

.cd-accordion-menu label, .cd-accordion-menu a {color: #2d1c44;}
.cd-accordion-menu .mobileTopNav  label, .cd-accordion-menu .mobileTopNav a {color: #313e48;}
.cd-accordion-menu label::before, .cd-accordion-menu label::after {background-image: url(../images/arrow-dark.svg); background-repeat: no-repeat;}

.cd-accordion-menu {
    width: 100%;
    margin: 10px 0px 10px 0px;
}

.tagLine {
	font-size: 1.4em;
	margin: 59px 25px 0px 0px;
	font-weight: 300;
}

/* Pull right  */
div.pullRight a:before
{
    position: absolute;
    width: 2px;
    height: 100%;
    left: 0px;
    top: 0px;
    content: '';
    background: #FFF;
    z-index: -1;
    transition: all 0.3s;
}



#navLinks a
{
    text-decoration: none;
    padding: 5px 15px 5px 13px;
    position: relative;
    z-index: 2;
    cursor: pointer;
}


/* -------------------- PAGE CONTENT -------------------- */

.philosophyHeadings {margin-top: 10px;}

#innerPage .tableInner a {color: #7a7c7e; text-decoration: underline;}

.theUnderline {
	width: 9.12%;
	height: 2px;
}

.pageContent {
	width: 100%;
	margin: 0 auto;
	position: relative;
	background-repeat: no-repeat;
	background-size: contain;
}

.panelContent {
	position: relative;
	z-index: 3;
	padding: 0;
}

.panelContent h2 {
    font-size: 1.7em;
    line-height: 1.2em;
}

.panelLines {
	position: absolute;
    height: 100%;
    z-index: 1;
    background-image: url(../images/lines.png);
    background-repeat: repeat-y;
    width: 100%;
    top: 0;
	opacity: 0.5;
}

.panelImage {
	position: absolute;
	z-index: 2;
	height: 100%;
	background-position: right;
	background-repeat: no-repeat;
	width: 100%;
	top: 0;
	mix-blend-mode: darken;
}


.mobileImage {
	width: 100%;
	height: 219px;
	background-size: cover;
}

.desktopImage {display: none;}

#keyPanel .panelImage {
	background-position: right;
	background-size: 55%;
}

#supercharger .panelImage {
	background-position: right;
	background-size: 39%;
}

.circlesTextHolder, .applicationsHolder {width: 100%; margin-bottom: 20px;}
.circlesTextHolder .circles, .applicationsHolder .circles {background: none;}
.circlesText {padding-left: 20px; /*padding-top: 13px;*/}

.newsCTAContainer {width: 100%;}
.newsCTAInner {padding: 45px 31px; position: relative; z-index: 2;}

.newsImage {max-width: 75%; }
.newsHeader {background-size: 190% !important;}
.animateLeft, .animateRight  {position: relative; width: 100%;}
.newsSliderHolder {padding: 0px 31px;}

.slideDown {
	opacity: 0;
	visibility:hidden;
	visibility:visible\9;
	transform: translateY(-30%);
	/*-webkit-transform: scale(0.9);
		 -moz-transform: scale(0.9);
			-ms-transform: scale(0.9);
			 -o-transform: scale(0.9);
					transform: scale(0.9);*/
	-webkit-transition: all .75s ease-in-out;
		 -moz-transition: all .75s ease-in-out;
			-ms-transition: all .75s ease-in-out;
			 -o-transition: all .75s ease-in-out;
					transition: all .75s ease-in-out;
}
.slideDown.visible {
	opacity: 1;
	visibility: visible;
	-webkit-transform: none;
		 -moz-transform: none;
			-ms-transform: none;
			 -o-transform: none;
					transform: none;
}

.animateLeft {
	opacity: 0;
	visibility:hidden;
	visibility:visible\9;
	transform: translateX(-30%);
	-webkit-transition: all .75s ease-in-out;
		 -moz-transition: all .75s ease-in-out;
			-ms-transition: all .75s ease-in-out;
			 -o-transition: all .75s ease-in-out;
					transition: all .75s ease-in-out;

}
.animateLeft.imageVisible {
	opacity: 1;
	visibility: visible;
	-webkit-transform: none;
		 -moz-transform: none;
			-ms-transform: none;
			 -o-transform: none;
					transform: none;
}

.animateRight {
	opacity: 0;
	visibility:hidden;
	visibility:visible\9;
	transform: translateX(30%);
	-webkit-transition: all .75s ease-in-out;
		 -moz-transition: all .75s ease-in-out;
			-ms-transition: all .75s ease-in-out;
			 -o-transition: all .75s ease-in-out;
					transition: all .75s ease-in-out;

}
.animateRight.imageVisible {
	opacity: 1;
	visibility: visible;
	-webkit-transform: none;
		 -moz-transform: none;
			-ms-transform: none;
			 -o-transform: none;
					transform: none;
}


.delay2 {transition-delay: .2s;}
.delay25 {transition-delay: .25s;}
.delay3 {transition-delay: .3s;}
.delay35 {transition-delay: .35s;}
.delay4 {transition-delay: .4s;}
.delay45 {transition-delay: .45s;}
.delay5 {transition-delay: .5s;}
.delay55 {transition-delay: .55s;}
.delay6 {transition-delay: .6s;}

/*.animateLeft, .animateRight {transition-delay: .25s;}*/


/* -------------------- SOLUTIONS SLIDER -------------------- */

.sliderImageText {
	position: relative;
	margin-top: 80px;
}


.sliderImage {
	height: 299px;
	position: relative;
	z-index: 2;
	top: 0;
	width: 100%;
    background-size: contain;
    background-position: center;
}

.sliderText {
	height: 320px;
	/*float: right;*/
}



.infoBlockTitle {
	margin-left: 50px;
	margin-top: 1px;
	width: 60%;
}

.infoBlocksPush {margin-left: 120px;}

.greyBorderRight {
	width: 1px;
    height: 70px;
    background: #ccc;
	display: none;
}

.slideTagLine {font-size: 1.5em; line-height: 1em; margin-left: 31px; margin-right: 31px;}

.solutionActive {padding-bottom: 4px; border-bottom: 2px solid #6ec8de !important;}

.horizontalSlider .slideNav .toStart {padding-bottom: 4px; transition: .5s all; border-bottom: 2px solid #fff;}

.solutionSliderTopIcon {top: -165px; display: none;}
.solutionSliderBottomIcon {bottom: -15px; display: none;}
.solutionSliderTopIcon .topLine {height: 75px;}
.solutionSliderBottomIcon .topLine {height: 178px;}


.horizontalSlider {position: relative;}

.slideNav {position: absolute; z-index: 2;}

.solutionsSlider {margin-top: 170px; position: relative;}

.toStart:hover {cursor: pointer;}


/* Example wrapper */
.wrap {
	position: relative;
	margin: 3em 0;
}

/* Frame */


.frame {
	height: 1011px;
	overflow: hidden;
	padding-top: 40px;
}
.frame ul {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 100%;
}
.frame ul li {
	float: left;
	height: 100%;
	margin: 0 1px 0 0;
	padding: 0;
	/*cursor: pointer;*/
	position: relative;
	width: 100%;
	max-width:320px;
}

.frame ul li.active {

}


/* beingGreenthread */

.beingGreenthreadTopIcon {display: none;}
.beingGreenthreadHolder {padding: 0px 20px;}
.beingIntro {margin-bottom: 40px;}

.beingGreenthread, .quicklinks {
	/*height: 475px;*/
	overflow: hidden;
	/*margin-top: 40px;*/
}

.quicklinks {height: auto;}

.beingGreenthread ul, .quicklinks ul {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 100%;
}

.beingGreenthread ul li, .quicklinks ul li {
	float: left;
	height: 100%;
	margin: 0;
	padding: 0;
	cursor: pointer;
	position: relative;
	width: 100%;
	max-width:280px;
}

.beingImage {
	width: 100%;
	height: 250px;
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #f8f8f8;
}

.peopleImage {height: 350px;}


/* Scrollbar */
.scrollbar, .scrollbar2 {
	margin: 0;
	height: 4px;
	background: #ededed;
	line-height: 0;
}
.scrollbar .handle, .scrollbar2 .handle {
	width: 100px;
	height: 100%;
	background: #15587f;
	cursor: pointer;
}
.scrollbar .handle .mousearea, .scrollbar2 .handle .mousearea {
	position: absolute;
	top: -9px;
	left: 0;
	width: 100%;
	height: 20px;
}

/* Pages */
.pages {
	list-style: none;
	margin: 20px 0;
	padding: 0;
	text-align: center;
}
.pages li {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin: 0 4px;
	text-indent: -999px;
	border-radius: 10px;
	cursor: pointer;
	overflow: hidden;
	background: #fff;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,.2);
}
.pages li:hover {
	background: #aaa;
}
.pages li.active {
	background: #666;
}

/* Controls */
.controls { margin: 25px 0; text-align: center; }

/* One Item Per Frame example*/
.oneperframe { height: 300px; line-height: 300px; }
.oneperframe ul li { width: 1140px; }
.oneperframe ul li.active { background: #333; }

/* Crazy example */
.crazy ul li:nth-child(2n) { width: 100px; margin: 0 4px 0 20px; }
.crazy ul li:nth-child(3n) { width: 300px; margin: 0 10px 0 5px; }
.crazy ul li:nth-child(4n) { width: 400px; margin: 0 30px 0 2px; }



/* -------------------- FOOTER -------------------- */


.footer {padding: 0px 28px; font-size: 0.8em;}

.footer a {
	color: #7a7c7e;
	text-decoration: none;
	padding-bottom: 2px;
	border-bottom: 1px solid #7a7c7e;
	transition: all .25s;
}



.footerTopLeft, .footerTopRight, .footerBottomLeft, .footerBottomRight {
	width: 100%;
	padding-top: 30px;
	padding-bottom: 30px;
	float: left;
}

.footerTopRight1 {padding-right: 24px; padding-bottom: 20px;}
.footerTopRight2 {padding-right: 0px;}
.footerTopRight3 {clear: both;}

.footerBottomLeft, .footerBottomRight {
	padding-top: 20px;
	padding-bottom: 20px;
}


.footerTopRight a {
	display:inline-block;
	margin-bottom: 5px;
	padding-bottom: 0px;
}

.footerBottom1 {padding-left: 0px; padding-right: 50px; }
.footerBottom2 {padding-right: 68px;}

.footerTopRight1, .footerTopRight2, .footerTopRight3, .footerBottom1, .footerBottom2, .footerBottom3 {float: left;}


.footerLogo img {
	width: 310px;
	margin-bottom: 30px;
}




/* -------------------- SLIDERS -------------------- */


.theLineHolder {
	position: absolute;
    z-index: 10;
    left: 1309px;
}

.theLineText {
    transform: rotate(-90deg);
    height: 125px;
    line-height: 1em;
    width: 107px;
    font-size: 0.8em;
    padding-top: 12px;
    padding-left: 4px;
}



.topLine {height: 220px; width: 2px; margin-left: 10px;}
.bottomLine {height: 122px; width: 2px; margin-left: 10px;}

.slider {/*margin-top: 160px;*/}

.slideBg {
	position: absolute;
	z-index: 2;
	background-size: cover !important;
	background-position: center;
	background-repeat: no-repeat;
}

.slides, .slideBg {
	width: 100%;
	height: 440px;
}


.slider-container {
	height: 440px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: all-scroll;
	z-index: 5;
	overflow: hidden;
}

.innerslider-container {
	height: 360px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index: 5;
	overflow: hidden;
}

.slider-control {
	z-index: 10;
	position: absolute;
	top: 0;
	width: 12%;
	height: 100%;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
	will-change: opacity;
	opacity: 0;
}

.slider-control.inactive:hover {cursor: auto;}
.slider-control:not(.inactive):hover {opacity: 1; cursor: pointer;}

.slider-control.left {
	left: 0;
	background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.18)), to(rgba(0, 0, 0, 0)));
	background: linear-gradient(to right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0) 100%);
}
.slider-control.right {
	right: 0;
	background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.18)));
	background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.18) 100%);
}

.slider-pagi {
	position: absolute;
	z-index: 11;
	left: 33%;
	bottom: 48px;
	-webkit-transform: translateX(-30%);
	transform: translateX(-30%);
	font-size: 0;
	list-style-type: none;
	display: none;
}

.slider-pagi_elem {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 10px;
	height: 10px;
	margin: 0 0.4rem;
	border-radius: 50%;
	border: 2px solid #bebebe;
	cursor: pointer;
}

.slider-pagi .active, .slider-pagi_elem:hover {border: none;}

.slider-pagi_elem:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: 2px solid #119053;
	-webkit-transition: -webkit-transform 0.3s;
	transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	transition: transform 0.3s, -webkit-transform 0.3s;
	-webkit-transform: translate(-50%, -50%) scale(0);
	transform: translate(-50%, -50%) scale(0);
}

.slider-pagi_elem.active:before, .slider-pagi_elem:hover:before {
	-webkit-transform: translate(-50%, -50%) scale(1);
	transform: translate(-50%, -50%) scale(1);
}



.slider {
	z-index: 9;
	position: relative;
	height: 100%;
}

.slider.animating {
	-webkit-transition: -webkit-transform 1s;
	transition: -webkit-transform 1s;
	transition: transform 1s;
	transition: transform 1s, -webkit-transform 1s;
	will-change: transform;
}

.slider.animating .slide_bg {
	-webkit-transition: -webkit-transform 1s;
	transition: -webkit-transform 1s;
	transition: transform 1s;
	transition: transform 1s, -webkit-transform 1s;
	will-change: transform;
}

.slide {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.slide.active .slide_overlay, .slide.active .slide_text {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
.slide_bg {
	position: absolute;
	top: 0;
	left: -50%;
	width: 100%;
	height: 100%;
	background-size: cover;
	will-change: transform;
    background-repeat: no-repeat;
    background-position: center;
}

.innerSlide {background-size: contain !important;}

.innerSliderHolder {height: 190px !important;}

.slide:nth-child(1) {left: 0;}

.no-webp .slide:nth-child(1) .slide_bg {
  left: 0; background-image: url("../images/home-header.jpg");
}

.webp .slide:nth-child(1) .slide_bg {
  left: 0; background-image: url("../images/home-header.webp");
}

.no-webp .homeUnlock {background-image: url("../images/home-unlock-cutout.jpg");}
.webp .homeUnlock {background-image: url("../images/home-unlock-cutout.webp");}

.no-webp .deicerPanel {background-image: url("../images/de-icer-panel.jpg");}
.webp .deicerPanel {background-image: url("../images/de-icer-panel.webp");}

.no-webp .bilgePanel {background-image: url("../images/bilge-panel.jpg");}
.webp .bilgePanel {background-image: url("../images/bilge-panel.webp");}

.no-webp .bioPanel {background-image: url("../images/biogas-panel.jpg");}
.webp .bioPanel {background-image: url("../images/biogas-panel.webp");}

.no-webp .news1Panel {background-image: url("../images/being-greenthread-panel1.jpg");}
.webp .news1Panel {background-image: url("../images/being-greenthread-panel1.webp");}

.no-webp .news2Panel {background-image: url("../images/being-greenthread-panel2.jpg");}
.webp .news2Panel {background-image: url("../images/being-greenthread-panel2.webp");}

.no-webp .news3Panel {background-image: url("../images/being-greenthread-panel3.jpg");}
.webp .news3Panel {background-image: url("../images/being-greenthread-panel3.webp");}

.no-webp .news4Panel {background-image: url("../images/being-greenthread-panel4.jpg");}
.webp .news4Panel {background-image: url("../images/being-greenthread-panel4.webp");}

/*.slide:nth-child(1) .slide_bg {left: 0; background-image: url("../images/home-header.jpg");}*/

.slide:nth-child(2) {left: 100%;}
.slide:nth-child(2) .slide_bg {left: -50%;  background-image: url("../images/slider/slide02.jpg");}

.slide:nth-child(3) {left: 200%;}
.slide:nth-child(3) .slide_bg {left: -100%;  background-image: url("../images/slider/slide01.jpg");}

.slide_overlay-path {
    width: 283px;
    min-height: 180px;
    background: rgba(255,255,255,0.9);
    position: absolute;
    bottom: 0;
    left: 30px;
    padding: 20px;
}

.slide_content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.slide_overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 100%;
	min-height: 440px;
	-webkit-transition: opacity 0.2s 0.5s, -webkit-transform 0.5s 0.5s;
	transition: opacity 0.2s 0.5s, -webkit-transform 0.5s 0.5s;
	transition: transform 0.5s 0.5s, opacity 0.2s 0.5s;
	transition: transform 0.5s 0.5s, opacity 0.2s 0.5s, -webkit-transform 0.5s 0.5s;
	will-change: transform, opacity;
	-webkit-transform: translateX(-700px);
	transform: translateX(-700px);
	opacity: 0;
}

.slide_text {
  transition: opacity 1s 1s, -webkit-transform 1s 1s;
  transition: transform 0.5s 1s, opacity 1s 1s;
  will-change: transform, opacity;
  -webkit-transform: translateY(20%);
          transform: translateY(20%);
  opacity: 0;
}

.slide_text-heading {
	color: #15587f;
	font-size: 2.6em;
	line-height: 1em;
}

.slide_text-desc {
    font-size: 1.2em;
    font-weight: 300;
    line-height: 1em;
}

.underlined-a {
    text-decoration: none;
    color: #7a7c7e;
	padding: 10px 0px 3px 0px;
    /*padding: 10px 8px 6px 12px;
    box-sizing: border-box;
    box-shadow: inset 0 -0.1em 0 #6ec8de;*/
    transition: 0.5s;
    font-size: 0.9em;
    /*min-width: 9.1%;*/
    display: inline-block;
	border-bottom: 2px solid #6ec8de;
}

.underlined-a-white {
    text-decoration: none;
    color: #fff;
	padding: 10px 0px 3px 0px;
    /*padding: 10px 8px 6px 12px;
    box-sizing: border-box;
    box-shadow: inset 0 -0.1em 0 #6ec8de;*/
    transition: 0.5s;
    font-size: 0.9em;
    min-width: 9.1%;
    display: inline-block;
	border-bottom: 2px solid #fff;
}



/* -------------------- INTERNAL CONTENT -------------------- */


#innerPage .frame {margin-top: 0;}
#innerPage .solutionsSlider {margin-top: 0;}
#innerPage .sliderImageText {margin-top: 0px;}
#innerPage .slide_overlay-path {min-height: 180px;}
/*#innerPage .sliderImage {right: 120px; left: auto;}*/

#innerPage .circlesText {width: 80%;}
#innerPage .circlesApplicationsText {width: 75%; margin-left: 10px; margin-top: 7px;}

.panelTextWide {width: 80%; margin-left: 8%;}
.wide50 {width: 80%; margin-left: 10%}
.wide40 {width: 80%; margin-left: 10%; float: none;}

.hscroll {
  overflow-x: auto; /* Horizontal */
}

.theTable {width: 440px;}
.tableCol1 {width: calc(32% - 20px); vertical-align: top; margin-bottom: 20px; border-bottom: 1px solid #0c8e50; padding: 10px 20px 10px 0px;}
.tableCol2 {width: 34%; vertical-align: top; margin-bottom: 20px; border-bottom: 1px solid #0c8e50; padding: 10px 0px 10px 0px;}
.tableCol3 {width: 32%; vertical-align: top; margin-bottom: 20px; border-bottom: 1px solid #0c8e50; padding: 10px 0px 10px 0px;}


.infoBlockInfoBlockTitle {width: 64% !important;}

/* -------------------- CONTACT -------------------- */


.contactIntro {width: 84%;}
#contactForm {width: 84%;}

#contactForm input, #contactForm textarea {border: 1px solid #f0f0f0; background: #f8f8f8;}

.contactLeft {width: 100%;}
.contactRight {width: 100%;}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

fieldset label {margin: 0; padding: 0; display: none;}
fieldset input {width: 100%;	padding: 5px;}

textarea {
    height: 200px;
	width: 100%;
	padding: 5px;
    margin-bottom: 17px;
}


#submitButton {
    background: none;
    border-radius: 0;
    border: none;
    text-decoration: none;
    color: #7a7c7e;
    padding: 10px 0px 3px 0px;
    transition: 0.5s;
    font-weight: 600;
    /* min-width: 9.1%; */
    display: inline-block;
    border-bottom: 2px solid #6ec8de;
}


.fullWidthImageAirport {width: calc(100% - 64px); margin-left: 32px; margin-right: 32px;}
.fullWidthImageAirport img {width: 100%;}

.imageLeft50 {width: calc(100% - 64px); margin-left:32px; margin-right: 32px;}
.imageLeft50 img {max-width: 320px;}

.imageRight50 {width: calc(100% - 64px); margin-left:32px; margin-right: 32px;}
.imageRight50 img {max-width: 320px;}

/* -------------------- MEDIA QUERIES -------------------- */


@media (max-width: 320px){
	
	.linesHolder, .pageContent, .linesHolder img {max-width: 320px;}
	.hideOnMobile {display: inline;}
	
}

#logoHolder {width: 210px}
.theLine {min-height: 23px;}
#header {height: 110px;}
#headerInner {max-width: 375px;}
#tagLine {right: 80px;}
#headerButtons {left: 258px;}
.theLineHolder {left: 336px;}
.panelText {width: 75%; padding: 50px 0px;}
.panelTextTech {padding: 60px 0px;}
.panelTextTitle {width: 75%;}

#mobileTag .circles {margin-top: 0px !important;}
#mobileTag .phoneIcon {margin-top: 7px !important;}
.phoneButtonNavTop {display: none;}
.phoneButtonNavBottom {display: block;}


.infoBlocksPush {margin-left: 0px;}
.infoBlock1 {width: 100%; margin-bottom: 20px; margin-left: 37px;}
.infoBlock2 {width: 100%; margin-bottom: 20px; margin-left: 37px;}
.infoBlock3 {width: 100%; margin-bottom: 40px; margin-left: 37px;}
.sliderText {padding-left: 37px; width: 280px; height: 260px;}
.sliderImageText {margin-bottom: 40px;}

.infoBlockTitle {margin-left: 15px;}

.circleButtonLarge {width: 50px; height: 50px;}
.toStart {width: 140px; margin-left: 0px; margin-right: 0px; margin-top: 10px;}
.widePanelContent {padding-left: 30px; padding-right: 30px;}

#innerPage .infoBlockTitle {width: calc(100% - 130px);}
.leftPush3Col {margin-left: 0}
.fullColumnText {width: 85%;}
.fullWidthImage img {max-width: 83.6%; margin-left: 34px;}

.fullWidthText {width: 91.6%;}

.fullColumnImage img {max-width: 82%;}

.image23 {margin-left: 8.5%;}
.image23 img {max-width: 81%;}


.imageTextLeft img {max-width: 100%;}

#innerPage .frame {height: 465px;}

#bioBoostSlider .frame {height: 585px;}
#aquaPurgeSlider .frame {height: 705px;}

.mobileTeamImage {background-size: 76%; background-repeat: no-repeat; background-position: center;}
.teamImage {background-size: 30% !important;}

@media (max-width: 600px){
	.paddingTop100 {padding-top: 60px;}
	.paddingBottom100 {padding-bottom: 60px;}
    
    
    .imageTextLeft {width:83%; margin-left: 31px; float: none;}
    .imageTextRight {width:83%; margin-top: 40px; margin-left: 31px; float: none;}
    
}


@media (min-width: 375px){
	body {font-size: 18px;}
    #headerInner {max-width: 375px;}
	#tagLine {right: 80px;}
	#headerButtons {left: 325px;}
	.theLineHolder {left: 337px;}
	
	#logoHolder {width: 225px}
	
	
	.leftPush {margin-left: 8.4%;}
	.rightPush {margin-right: 8.4%;}

	.solutionsSlider {margin-top: 170px;}

	.linesHolder, .pageContent, .linesHolder img, .frame ul li {max-width: 375px;}
	
	#mobileLogo {padding: 5px 0px 0px 16px;}
	#mobileNavLinks .circles {margin-right: -5px;}
	.outerCircleWhiteLarge {margin-left: -24px;}
	
	.mobileImage {height: 283px;}
	
	.frame {height: 1250px;}
	.infoBlocksPush {margin-left: 0px;}
    
	.infoBlock1 {width: 100%; margin-bottom: 20px; margin-left: 32px;}
	.infoBlock2 {width: 100%; margin-bottom: 20px; margin-left: 32px;}
	.infoBlock3 {width: 100%; margin-bottom: 40px; margin-left: 32px;}
	.infoBlock4 {width: 100%; margin-bottom: 40px; margin-left: 32px;}
    .infoBlock4 img {max-width: 83%;}
    
    
	.sliderText {padding-left: 37px; width: 335px; height: 330px;}
	.sliderImageText {margin-bottom: 40px;}

	.infoBlockTitle {margin-left: 15px; margin-top: 0px;}

	.circleButtonLarge {width: 50px; height: 50px;}
	#keyPanel h3 {margin-bottom: 20px;}
	
	.beingGreenthread ul li, .quicklinks ul li {max-width: 313px;}
	.beingGreenthreadHolder {padding: 0px 31px;}
	
	.footer {padding: 0px 31px;}

	.footerTopRight1 {padding-right: 73px; padding-bottom: 20px;}
	.footerTopRight2 {padding-right: 5px;}
	
	.footerBottomLeft {padding-bottom: 10px;}
	.footerBottomRight {padding-top: 0;}
	
	.footerBottom1 {padding-left: 0px; padding-right: 81px; }
	.footerBottom2 {padding-right: 66px;}
	
	#mobileNavLinks .logoBg {background-size: 120%;	left: 150px;}

	#innerPage .sliderText {width: 347px;}
	
	.fullColumnText {width: 90%;}

	
}


@media (min-width: 414px){
	body {font-size: 16px;}
    
    .iphoneleftPush {margin-left: 31px;}
    
    #headerInner {max-width: 414px;}
	#tagLine {right: 80px;}
	#headerButtons {left: 355px;}
	.theLineHolder {left: 366px;}
	
	.leftPush {margin-left: 8.4%;}
	.rightPush {margin-right: 8.4%;}
	
	.solutionsSlider {margin-top: 105px;}

	.linesHolder, .pageContent, .linesHolder img, .frame ul li {max-width: 414px;}
	
	#mobileLogo {padding: 5px 0px 0px 16px;}
	#mobileNavLinks .circles {margin-right: -5px;}
	.outerCircleWhiteLarge {margin-left: -24px;}
	
	.mobileImage {height: 283px;}
	
	.frame {height: 1065px;}
	.infoBlocksPush {margin-left: 0px;}
	.infoBlock1 {width: 100%; margin-bottom: 20px; margin-left: 37px;}
	.infoBlock2 {width: 100%; margin-bottom: 20px; margin-left: 37px;}
	.infoBlock3 {width: 100%; margin-bottom: 40px; margin-left: 37px;}
	.infoBlock4 {width: 100%; margin-bottom: 40px; margin-left: 37px;}
	.sliderText {padding-left: 37px; width: 380px; height: 260px;}
	.sliderImageText {margin-bottom: 40px;}

	.infoBlockTitle {margin-left: 15px; margin-top: 0px;}
    
    .imageLeft50 img {max-width: 345px;}
    .imageRight50 img {max-width: 345px;}
    
	.circleButtonLarge {width: 50px; height: 50px;}
	
	.toStart {width: auto; margin-left: auto; margin-right: 10px; float: left;}
	
	.beingGreenthread ul li, .quicklinks ul li {margin: 0px 31px; max-width: 350px;}
	.beingGreenthreadHolder {padding: 0px;}
	
	.footerTopRight1 {padding-right: 20px;}
	.footerTopRight2 {padding-right: 18px;}
	.footerTopRight3 {clear: none;}
	
	.footerBottomLeft {padding-bottom: 10px;}
	.footerBottomRight {padding-top: 0;}
	
	.footerBottom1 {padding-left: 0px; padding-right: 50px;}
	.footerBottom2 {padding-right: 68px;}
	
	/*.footer {padding: 0px;}*/
	
	#mobileNavLinks .logoBg {background-size: 120%;	left: 166px;}

	#innerPage .infoBlockTitle {margin-top: 0px; width: calc(100% - 136px);}

    .panelText {padding: 50px 0px;}
    .panelTextTech {padding: 60px 0px;}
    
    #aquaPurgeSlider .frame {height: 535px;}
    #bioBoostSlider .frame {height: 420px;}

	.innerSliderHolder {height: 213px !important;}
    
    .infoBlock4 img {max-width: 71%;}

    .teamPanel {padding: 50px 0px;}
    
    .footer {padding: 0px 35px;}
    ol {margin: 0px 0px 0px 17px;}
    #innerPage .frame {height: 400px;}
    .mac ol {margin: 0px 0px 0px 23px;}

}



@media (min-width: 600px){
	
	body {font-size: 15px;}
    #headerInner {max-width: 600px;}
	#tagLine {right: 80px;}
	#headerButtons {left: 530px;}
	.theLineHolder {left: 540px;}
	.linesHolder, .pageContent, .linesHolder img, .frame ul li {max-width: 600px;}
    .iphoneleftPush {margin-left: 0px;}
	.mobileImage {height: 410px;}
	.infoBlock1 {width: 100%; margin-bottom: 20px; margin-left: 51px;}
	.infoBlock2 {width: 100%; margin-bottom: 20px; margin-left: 51px;}
	.infoBlock3 {width: 100%; margin-bottom: 40px; margin-left: 51px;}
	.sliderImage {left: 51px; width: 250px; height: 420px; position: absolute; top: -40px;}
	.sliderText {padding-left: 350px; width: 550px; height: 345px;}
	.solutionsSlider {margin-top: 135px;}
	.infoBlockTitle {margin-left: 15px;}
	.sliderImageText {margin-bottom: 70px;}
	.circleButtonLarge {width: 50px; height: 50px;}
	.frame {height: 860px;}
	
	.widePanelContent {padding-left: 52px; padding-right: 52px;}
	.circlesTextHolder {width: 50%;}
    
    .applicationsHolder {width: 25%;}
	.newsCTAInner {padding: 61px 51px;}
	.beingGreenthread ul li, .quicklinks ul li {margin: 0px 49px 0px 0px; max-width: 251px;}
	
	.footerTopRight1 {padding-right: 63px;}
	.footerTopRight2 {padding-right: 48px;}
	
	
	.footerBottom1 {padding-left: 0px; padding-right: 50px;}
	.footerBottom2 {padding-right: 68px;}
	
	#innerPage .sliderText {padding-left: 51px; width: 251px;}
	#innerPage .sliderImage {right: 49px; left: auto; width: 251px;}
	#innerPage .sliderImageText {margin-top: 25px;}

	#innerPage .infoBlockTitle {width: calc(100% - 165px);}
	#innerPage .circlesText {width: 75%;}
    #innerPage .circlesApplicationsText {width: 60%; }
    
	.fullColumnImage img, .infoBlock4 img {max-width: 50%;}
	.fullWidthImage img {max-width: 83.6%; margin-left: 51px;}
	
	
	    #bioBoostSlider .frame {height: 330px;}

    .teamPanel {padding: 60px 0px;}

	
}

@media (max-height: 375px){
	.theLine {min-height: 23px;}
	
	.slide_overlay {min-height: 420px}
	.slider-container, .slides, .slideBg, .innerslider-container {height: 420px;}
	.slide_overlay-path {
		width: 444px;
		/*height: 296px;*/
		left: 56px;
		padding: 40px;
	}
	.slide_text-heading {font-size: 2.9em; line-height: 1em;}
	.slide_text-desc {font-size: 1.5em; line-height: 1em;}
	.slider-pagi {display: block; left: 51%; bottom: 36px;}
	.circleButtonLarge {width: 70px; height: 70px;}
	.topLine {height: 265px;}

	
    #headerInner {max-width: 667px;}
	#headerButtons {left: 587px;}
	.theLineHolder {left: 598px;}
	.linesHolder, .pageContent, .linesHolder img {max-width: 667px;}
	.panelText {width: 57%;}
	
	.mobileImage {display: none;}
	.desktopImage {display: block;}
	
	
}


@media (min-width: 736px){
    
    
    .fullWidthImageAirport {width: 66.6%; float: right; margin-left: 0px; margin-right: 0px;}
    .fullWidthImageAirport img {width: 87.5%;}
    
    .imageLeft50 {width: 48%; margin-left: 0; margin-right: 0; float: left}
    .imageLeft50 img {max-width: 100%;}
    
    .fullWidthText {width: 66.6%;}
    .fullColumnImage img, .infoBlock4 img {max-width: 100%;}
    fieldset input {width: 81%;}
    
    .contactLeft {width: 49%; float: left;}
    .contactRight {width: 50.5%; float: right;}
    
    .image23 {margin-left: 10.5%;}
    .image23 img {max-width: 89.5%;}
    
    .chevron {
        transform: rotate(0deg);
        line-height: 0;
        margin: 10px 0 0px 0px;
        transform-origin: left;
        font-size: 2em;
    }
	
	.panelTextWide {width: 50%; margin-left: 0;}
	
	.wide50 {width: 50%; margin-left: 0;}
	.wide40 {width: 41.6%; margin-left: 0; float: right;}
	
	.greyBorderRight {display: block;}
		.leftPush3Col {margin-left: 25%}

	#header {height: 140px;}
	#logoHolder {width: 300px}
	.theLine {min-height: 38px;}
	.slideTagLine {margin-left: 0px;}

	.slide_overlay {min-height: 560px}
	.slider-container, .slides, .slideBg, .innerslider-container {height: 375px;}
	.slide_overlay-path {
		width: 448px;
		/*height: 195px;*/
		left: 65px;
		padding: 40px;
	}
	
	
	.sliderText {height: 260px;}
	.slide_text-heading {font-size: 2.9em; line-height: 1em;}
	.slide_text-desc {font-size: 1.4em; line-height: 1em;}
	.slider-pagi {display: block; left: 51%; bottom: 32px;}
	.circleButtonLarge {width: 70px; height: 70px;}
	.topLine {height: 408px;}

	
    #headerInner {max-width: 736px;}
	#tagLine {right: 80px; display: block;}
	#headerButtons {left: 681px;}
	.theLineHolder {left: 692px;}
	.linesHolder, .pageContent, .linesHolder img, .frame ul li {max-width: 736px;}
	.panelText {width: 40%;}
	
	.mobileImage {display: none;}
	.desktopImage {display: block;}
	.outerCircleWhiteLarge {margin-left: -32px;}
	
	#mobileLogo {padding: 5px 0px 0px 0px;}
	#mobileLogo img {width: 300px;}
	#sideNavHeader {padding-bottom: 34px;}
	#mobileNavLinks .circles {margin-top: 31px; margin-right: 22px;}
	
	
	.phoneButtonNavBottom {margin-right: 40px;}
	.sliderText {padding-left: 350px; width: 550px; height: 260px;}
	.infoBlocksPush {margin-left: 53px;}
	.infoBlock1 {width: 185px; margin-left: 0px;}
	.infoBlock2 {width: 298px; margin-left: 0px;}
	.infoBlock3 {width: 244px; margin-left: 0px;}
	.sliderImage {left: 62px; width: 384px; height: 400px; position: absolute; top: -40px;}
	.sliderText {padding-left: 512px; width: 704px; height: 320px;}
	
	.infoBlockTitle {margin-left: 15px; margin-top: 5px;  width: 45%;}
	
	.circleButtonLarge {width: 62px; height: 62px;}
	.solutionSliderTopIcon {display:block}
	.frame {height: 800px;}
	.sliderImageText {margin-bottom: 100px;}
	.solutionsSlider {margin-top: 155px;}
	
	.toStart {margin-right: 20px;}
	
	.solutionSliderTopIcon {top: -160px;}
	.hideOnMobile {display: inline;}
	.widePanelContent {padding-left: 62px; padding-right: 62px;}
	.circlesTextHolder {width: 50%;}
    .applicationsHolder {width: 25%;}
    
	.newsCTAContainer {width: 50%;}
	.newsCTAInner {padding: 71px 61px;}
	
	.beingGreenthread ul li, .quicklinks ul li {margin: 0 60px 0 0; max-width: 308px;}
	
	.footerTopLeft, .footerTopRight, .footerBottomLeft, .footerBottomRight {width: 50%; padding-top: 60px;	padding-bottom: 60px;}
	
	.footerBottomLeft, .footerBottomRight {padding-top: 20px; padding-bottom: 20px;}
	
	
	.footerTopRight1 {padding-right: 30px;}
	.footerTopRight2 {padding-right: 32px;}

	.footerBottom1 {padding-left: 0;  padding-right: 61px;}
	.footerBottom2 {padding-right: 98px;}
	
	#mobileNavLinks .logoBg {background-size: 140%;	left: 140px;}
	
	#innerPage .sliderText {padding-left: 60px; width: 307px;}
	#innerPage .sliderImage {right: 60px; left: auto; width: 308px;}
	
	#innerPage .frame {height: 275px;}
	#innerPage .infoBlockTitle {width: 43%;}
	#innerPage .infoBlock1 {width: 185px;}
	#innerPage .infoBlocksPush {margin-left: 61px;}
	.infoBlock2 {width: 245px;}
	.infoBlock4 {width: 210px;}
	.infoBlock4 img {max-width: 100%;}
	
    #bioBoostSlider .frame {height: 395px;}
    #aquaPurgeSlider .frame {height: 390px;}
    
	.fullWidthImage img {max-width: 100%; margin-left: 0px;  width: 66.7%; float: right; margin-right: 0px;}
    .theTable {width: 100%;}
    .tableCol1 {width: calc(35% - 20px); }
    .tableCol2 {width: 30%;}
    .tableCol3 {width: 35%;}
    
    .innerSliderHolder {height: 375px !important;}
    
    
    .blueIconBlock2 {width: 244px;}

    .techBlock1 {width: 186px;}
    .techBlock3 .leftPush3Col {margin-left: 7px;}
    .techBlock3 img {max-width: 81%;}
    
    ol {margin: 0px 0px 0px 21px;}
    
    .infoBlockInfoBlockTitle {width: 50% !important;}

        


}

@media (min-width: 1024px){
            

    .newsHeader {background-size: contain;}

    /*.slide_bg {background-size: contain !important;}*/
    .image23 {margin-left: 12%;}
    .image23 img {max-width: 85.5%;}
    
    .imageTextLeft {width:41.5%;}
    .imageTextRight {width:50%; margin-top: 0;}
    
    .newsImage {max-width: 50%;}
    .infoBlock4 img {max-width: 91%;}
    
    fieldset input {width: 81%;}
    
    .contactLeft {width: 49%; float: left;}
    .contactRight {width: 50.5%; float: right;}
    
    textarea {width: 98.3%;}
    
	.circleButtonLarge {width: 70px; height: 70px;}
	.solutionSliderBottomIcon {display:block}
	.outerCircleWhiteLarge {margin-left: -35px;}

	.phoneButton {display: block;}
	
	.solutionSliderTopIcon {top: -165px;}
	
	.slide_overlay-path {
		width: 513px;
		/*height: 215px;*/
		left: 85px;
		padding: 40px;
	}
	
	/*#innerPage .slide_overlay-path {height: 156px;}*/
	
	.frame {height: 850px;}
	
	.slider-pagi {left: 49%;}
	.topLine {height: 408px;}
	
	
    #headerInner {max-width: 1024px;}
	#tagLine {right: 115px;}
	#headerButtons {left: 918px;}
	.theLineHolder {left: 929px;}
	.linesHolder, .pageContent, .linesHolder img, .frame ul li {max-width: 1024px;}
	.panelText {width: 40%;}
	#mobileNavLinks {width: 50%;}
	/*#mobileNavLinks .circles {padding: 4%;}*/
	#mobileNavLinks .circles {margin-top: 32px; margin-right: 9px;}
	
	.phoneButtonNavTop {display: block; margin-right: -13px;}
	.phoneButtonNavBottom {display: none;}
	
	.infoBlocksPush {margin-left: 86px;}
	.infoBlock1 {width: 257px;}
	.infoBlock2 {width: 341px;}
	.infoBlock3 {width: 338px;}
	/*.infoBlock4 {width: 480px;}*/
    
    .infoBlock4 {width: 344px; margin-left: 0px;}
    
	.sliderImage {left: 84px; width: 429px;}
	.sliderText {padding-left: 598px; width: 941px;}
	
	.infoBlockTitle {margin-left: 15px;}
	.solutionSliderBottomIcon .topLine {height: 159px;}
	.solutionSliderBottomIcon {bottom: -19px;}
	
	.widePanelContent {padding-left: 86px; padding-right: 86px;}
	.circlesTextHolder {width: 50%;}
    .applicationsHolder {width: 25%;}
    
	.newsCTAInner {padding: 96px 86px;}
	
	.beingGreenthread ul li, .quicklinks ul li {margin: 0 83px 0 0; max-width: 258px;}
	
	.footerTopRight1 {padding-right: 102px;}
	.footerTopRight2 {padding-right: 67px;}

	.footerBottom1 {padding-right: 134px;}
	.footerBottom2 {padding-right: 147px;}
	
	#mobileNavLinks .logoBg {background-size: 110%;	left: 230px;}
	
	#innerPage .sliderText {padding-left: 85px; width: 459px;}
	#innerPage .sliderImage {right: 85px; left: auto; width: 426px;}
	
	#innerPage .frame {height: 250px;}
	#innerPage .infoBlockTitle {width: 44%;}
	#innerPage .infoBlock1 {width: 256px;}
	#innerPage .infoBlocksPush {margin-left: 86px;}
	.infoBlock2 {width: 335px;}
	
    #bioBoostSlider .frame {height: 315px;}
    #aquaPurgeSlider .frame {height: 310px;}
    
	.fullWidthImage img {width: 58.5%; margin-right: 84px;}

    .philosophyHeadings {margin-top: 20px;}
    
    .imageLeft50 {width: 41.6%; float: left}
    .imageRight50 {width: 41.6%; float: left; margin: 0;}
    
    .imageRight50 img {max-width: 100%;}
    /*.imageLeft50 {width: calc(50% - 150px); margin-left: 75px; margin-right: 75px; float: left}*/
    
    .leftPush3Col {margin-left: 25%;}
    .blueIconBlock2 {width: 342px;}
    
    .techBlock1 {width: 258px;}
    .techBlock3 .leftPush3Col {margin-left: 25%;}
    .techBlock3 img {max-width: 91%;}

    .panelText {padding: 70px 0px;}
    .infoBlockInfoBlockTitle {width: 63% !important;}
}


@media (min-width: 1100px){
        .mac ol {margin: 0px 0px 0px 28px;}

    .image23 {margin-left: 12%;}
    .image23 img {max-width: 89%;}
    
    .infoBlock4 {width: 366px; margin-left: 7px;}
    
    
	body {font-size: 18px;}

	#headerInner {max-width: 1100px;}
	#tagLine {right: 115px;}
	#headerButtons {left: 985px;}
	.theLineHolder {left: 995px;}
	.linesHolder, .pageContent, .linesHolder img, .frame ul li {max-width: 1100px;}
	.slide_overlay-path {
		width: 459px;
		left: 92px;
	}
	
	.slider-pagi {left: 41%;}
	.topLine {height: 388px;}
	
	.infoBlocksPush {margin-left: 92px;}
	.infoBlock1 {width: 276px;}
	/*.infoBlock2 {width: 367px;}*/
	.infoBlock3 {width: 360px;}
	.sliderImage {left: 91px; width: 460px;}
	.sliderText {padding-left: 642px; width: 1006px;}
	
	.infoBlockTitle {margin-left: 22px;}
	.solutionSliderBottomIcon {bottom: 4px;}
    .solutionsSliderBottomPush {bottom: -11px;}
	
	.underlined-a:hover {
		cursor: pointer;
		color: #9b9d9e;
		border-bottom: 2px solid #0c8e50;
		/*color: #fff;
		box-shadow: inset 0 -2em 0 #6ec8de;
		transition: all 0.5s;*/
	}
	
	.underlined-a-white:hover {
		cursor: pointer;
		color: #fff;
		border-bottom: 2px solid #0c8e50;
		/*color: #15587f;
		box-shadow: inset 0 -2em 0 #6ec8de;
		transition: all 0.5s;*/
	}
	
	.circlesTextHolder {width: 25%;}
	.circlesText {padding-left: 22px; /*padding-top: 20px;*/}
	
	.widePanelContent {padding-left: 0px; padding-right: 0px;}
	.circlesTextHolder {width: 25%;}
    .applicationsHolder {width: 25%;}
    
	.newsCTAInner {padding: 96px 92px;}
	
	.beingGreenthread ul li, .quicklinks ul li {margin: 0px 91px 0 0; max-width: 275px;}
	
	.footerTopRight1 {padding-right: 101px;}
	.footerTopRight2 {padding-right: 61px;}

	.footerBottom1 {padding-right: 138px;}
	.footerBottom2 {padding-right: 156px;}
	
	#mobileNavLinks .logoBg {background-size: 110%;	left: 254px;}
	
	#innerPage .sliderText {padding-left: 91px; width: 459px;}
	#innerPage .sliderImage {right: 90px; left: auto;}
	/*#innerPage .slide_overlay-path {height: 220px;}*/
	
	#innerPage .infoBlockTitle {width: 44%;}
	#innerPage .infoBlock1 {width: 275px;}
	#innerPage .infoBlocksPush {margin-left: 91px;}
	.infoBlock2 {width: 370px;}
	#innerPage .circlesText {width: 70%;}
    #innerPage .circlesApplicationsText {width: 65%; }
    
	.fullWidthImage img {width: 58.5%; margin-right: 92px;}
    
    /*.slide_overlay-path {height: 290px;}*/
    #bioBoostSlider .frame {height: 345px;}
    #aquaPurgeSlider .frame {height: 390px;}
    .infoBlock4 img {max-width: 100%;}
    
    .blueIconBlock2 {width: 368px;}
    
    .techBlock1 {width: 277px;}
    .techBlock3 .leftPush3Col {margin-left: 25%;}
    .techBlock3 img {max-width: 100%;}


}

@media (min-width: 1280px){
    
    .image23 {margin-left: 12.5%;}
    .image23 img {max-width: 88%;}
    .infoBlock4 {width: 400px; margin-left: 0px;}
    .infoBlock4 img {max-width: 89%;}
    .leftPush3Col {margin-left: 24.5%;}

    
    /*.imageTextLeft {width:58.5%;}
    .imageTextRight {width: 25.3%; margin-right: 102px; }*/
	
	#headerInner {max-width: 1220px;}
	#tagLine {right: 77px;}
	#headerButtons {left: 1150px;}
	.theLineHolder {left: 1162px;}
	.linesHolder, .pageContent, .linesHolder img, .frame ul li {max-width: 1220px;}
	
	.slide_overlay-path {
		width: 534px;
		left: 106px;
	}
	
	.slider-pagi {left: 32.5%;}
	
	.slide_overlay {min-height: 650px}
	.slider-container, .slides, .slideBg, .innerslider-container {height: 650px;}
	.topLine {height: 478px;}
    /*.slide_overlay-path {height: 215px;}*/
        .innerSliderHolder {height: 650px !important;}

	
	#mobileNavLinks {width: 50%;}
	#sideNavHeader {padding-bottom: 33px;}
	
	/*#mobileNavLinks .circles {padding: 3%;}*/
	#mobileNavLinks .circles {margin-top: 32px; margin-right: 11px;}
	
	.phoneButtonNavTop {margin-right: 51px;}
	
	#navLinks {overflow-y: auto;}
	div.pullRight a:hover:before {width: 100%;}
	#navLinks a:hover {color: #0c8e50 !important;}
	
	.footer a:hover {border-bottom: 1px solid #6ec8de;}

	.footerBottom a:hover {border-bottom: 1px solid #6ec8de;}
	
	.horizontalSlider .slideNav .toStart:hover {padding-bottom: 4px; border-bottom: 2px solid #0c8e50;}

	
	.infoBlocksPush {margin-left: 101px;}
	.infoBlock1 {width: 306px;}
	/*.infoBlock2 {width: 427px;}*/
	.infoBlock3 {width: 390px;}
	.sliderImage {left: 103px; width: 507px;}
	.sliderText {padding-left: 747px; width: 1174px;}
	
	.infoBlockTitle {margin-left: 31px;}
	.circlesText {padding-left: 36px;}
	
	.newsCTAInner {padding: 96px 102px;}
	
	.beingGreenthreadHolder {padding: 0px;}
	.beingGreenthread ul li, .quicklinks ul li {margin: 0px 101.5px 0 0; max-width: 305px;}
    
    .footerTopRight1 {padding-right: 120px;}
	.footerTopRight2 {padding-right: 80px;}

	.footerBottom1 {padding-right: 158px;}
	.footerBottom2 {padding-right: 176px;}
	
	.mac .footerTopRight1 {padding-right: 122px;}
	.mac .footerTopRight2 {padding-right: 82px;}

	.mac .footerBottom1 {padding-right: 159px;}
	.mac .footerBottom2 {padding-right: 176px;}
	
	#mobileNavLinks .logoBg {background-size: 100%;	left: 325px;}
	
	.phoneButton {display: none;}

	#innerPage .sliderText {padding-left: 107px; width: 534px;}
	#innerPage .sliderImage {right: 101px; left: auto; width: 407px;}
	/*#innerPage .slide_overlay-path {height: 220px;}*/
	
	#innerPage .infoBlockTitle {width: 49%;}
	#innerPage .infoBlock1 {width: 306px;}
	#innerPage .infoBlocksPush {margin-left: 102px;}
	.infoBlock2 {width: 407px;}
	#innerPage .infoBlock3 {width: 409px;}
	
	.fullWidthImage img {width: 58.5%;  margin-right: 105px;}
    #aquaPurgeSlider .frame {height: 325px;}
    
    .blueIconBlock2 {width: 407px;}
    
    .techBlock1 {width: 305px;}
    .techBlock3 .leftPush3Col {margin-left: 25%;}
    .techBlock3 img {max-width: 100%;}
    #bioBoostSlider .frame {height: 245px;}
    
    ol {margin: 0px 0px 0px 21px;}
    .panelText {width: 38%;}
    .footer {padding: 0px 31px;}

}

@media (min-height: 1336px){
	
	
	
}


@media (min-width: 1336px){
    
    /*#logoHolder {margin-left: 10.9%;}*/
    
    .solutionSliderBottomIcon {bottom: -11px;}
    .solutionsSliderBottomPush {bottom: -11px;}
	/*body {font-size: 21px;}*/
    
    .imageTextRight {width: 50%;}
    
    .leftPush3Col {margin-left: 24.9%;}


    .slide_bg {background-size: cover !important;}
    .newsHeader {background-size: contain !important;}
	#headerInner {max-width: 1360px;}
	#tagLine {right: 125px;}
	#headerButtons {left: 1225px;}
	.theLineHolder {left: 1237px;}
	.linesHolder, .pageContent, .linesHolder img, .frame ul li {max-width: 1360px;}
	
	.slide_overlay-path {
		width: 480px;
		left: 121px;
	}
	
	.topLine {height: 587px;}
	#innerPage .topLine {height: 400px;}


	.slide_overlay {min-height: 750px}
	.slider-container, .slides, .slideBg, .innerslider-container {height: 750px;}
    /*.slide_overlay-path {height: 320px;}*/
	
	#innerPage .innerslider-container, #innerPage .slides, #innerPage .slideBg {height: 550px;}
	
	.phoneIcon {margin-top: 3px !important;}
	
	#mobileNavLinks {width: 35%;}
	#mobileNavLinks .phoneIcon {margin-top: 7px !important;}
	#mobileTag {padding-top: 15px;}
	
	.infoBlock1 {width: 360px;}
	.infoBlock2 {width: 453px;}
	.infoBlock3 {width: 455px;}
	.sliderImage {left: 113px; width: 568px;}
	.sliderText {padding-left: 840px; width: 1322px;}
    
    .solutionsSlider .infoBlock1 {width: 341px;}
	
	.infoBlockTitle {margin-left: 42px;}
	.infoBlocksPush {margin-left: 121px;}
	.circlesText {padding-left: 43px;}
	
	.newsCTAContainer {width: 50%;}
	.newsCTAInner {padding: 90px 113px;}
	
	
	.beingGreenthreadTopIcon {top: 0px;}
	.beingGreenthreadTopIcon .topLine {height:60px;}
    
    #innerPage .beingGreenthreadTopIcon .topLine {height:60px;}
	
	.beingIntro {margin-bottom: 60px;}
	.beingGreenthread ul li, .quicklinks ul li {margin: 0px 114px 0 1px; max-width: 338px;}
    
    .footerTopRight1 {padding-right: 144px;}
	.footerTopRight2 {padding-right: 102px;}

	.footerBottom1 {padding-right: 182px;}
	.footerBottom2 {padding-right: 198px;}
	
	.mac .footerTopRight1 {padding-right: 147px;}
	.mac .footerTopRight2 {padding-right: 105px;}

	.mac .footerBottom1 {padding-right: 184px;}
	.mac .footerBottom2 {padding-right: 198px;}
	
	#mobileNavLinks .logoBg {background-size: 130%; left: 178px;}
	
	#innerPage .sliderText {padding-left: 120px; width: 600px;}
	/*#innerPage .slide_overlay-path {height: 245px;}*/
	
	#innerPage .infoBlockTitle {width: 49%;}
	#innerPage .infoBlock1 {width: 341px;}
	#innerPage .infoBlocksPush {margin-left: 113px;}
	/*.infoBlock2 {width: 361px;}*/
	#innerPage .infoBlock3 {width: 455px;}
	
	#innerPage .sliderImage {right: 113px; left: auto; width: 567px;}
	
	.fullWidthImage img {width: 58.5%; margin-right: 112px;}

    #bioBoostSlider .frame {height: 245px;}
    /*#aquaPurgeSlider .frame {height: 490px;}*/
    
    .beingGreenthreadTopIcon {display: block;}
    
    .infoBlock4 {width: 549px; margin-left: 0px;}
    .infoBlock4 .leftPush3Col {margin-left: 22%;}
    .infoBlock4 img {max-width: 79%;}
    
    .blueIconBlock2 {width: 453px;}
    
    .techBlock1 {width: 341px;}
    .techBlock3 .leftPush3Col {margin-left: 20%;}
    .techBlock3 img {max-width: 79%;}

}

@media (min-width: 1600px){
	
	#mobileNavLinks {width: 30%;}
	#mobileNavLinks .logoBg {background-size: 130%; left: 220px;}

    .contactRight {width: 50.4%; float: right;}
    
    .image23 {margin-left: 12.5%;}
    .image23 img {max-width: 88%;}
    
    .imageTextLeft {max-width: 41.5%;}
    

	

}