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

.innerBanner_heading{ 
	position:absolute; z-index:999; color:#fff; text-align:center;  -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%);}

.innerBanner_heading.innerHeading{
	left:0; right:0;  top:50%;
	background: #ffffffbf;
    padding: 20px;
	max-width: 800px;
    margin: 0 auto;
	display:none;
	
	}	
	
.innerBanner_heading h1{max-width:800px; margin:0 auto; padding-bottom:20px;font-family: 'proxima_novaregular'; letter-spacing:1;
	font-size:45px; font-weight:700;   border-bottom:2px solid #fff; text-shadow: 1px 1px 3px #dadada; }
.innerBanner_heading p{font-size:20px; letter-spacing:2px;  text-align:center; margin-bottom:10px;text-shadow: 1px 1px 3px #dadada; margin-top:30px;}
.innerBanner_heading img{
	width:100%; height:auto;
	}

.textWhite{ color:#626262}
.textWhite h1{ border-bottom:2px solid #60727c}
.textWhite p{ color:#243036;}
.textGrey{ color:#353535}
.textGrey h1{ border-bottom:2px solid #353535;}
.textGrey p{ color:#243036;}	
	
/*.innerContactBtn{ bottom:15px !important;}	
.innerContactForm{ bottom:15px; right:60px;}*/

.faciltyBox{ background:#fff; border-radius:10px; padding:20px; box-shadow:0 0 15px #00000020;}
.faciltyPic{ border-radius:5px; overflow:hidden; display:block;}
.facilityDetail .title{ color:#272727; display:block; font-weight:600; }
.facilityDetail p{ color:#707070; line-height:18px; margin-bottom:5px; }
.facilityDetail p:last-child{ margin-bottom:0;}
.facilityDetail h1{font-family: 'proxima_novaregular'; color: #07680A; font-size:17px; margin-bottom: 10px; font-weight: 700;}

.breadcrumb{    padding: 0;    border-radius: 0;    background: no-repeat;    position: absolute;    top: -50px;}
.breadcrumb a{margin:0 5px;}

.table-bordered-job{border:1px solid #c8c8c8; border-collapse:collapsed; }
.table-bordered-job th,.table-bordered-job td,.table-bordered-job th,.table-bordered-job td{border-right:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;}
.table-bordered-job thead:first-child tr:first-child th,.table-bordered-job tbody:first-child tr:first-child th,.table-bordered-job tbody:first-child tr:first-child td {/*border-top:0px;*/ text-transform: capitalize; font-weight:normal; }

.table-condensed-job th, .table-condensed-job td {/*padding:15px;*/ /*padding:5px;*/ border-right:1px solid #c8c8c8; padding:15px 10px;   vertical-align: middle; }
.table-condensed-job th, .table-condensed-job td:last-child{border-right:0;}

.table-condensed-job {border-collapse:collapse; width:100%; background:#fff;}

/*.table-condensed td .event_img{width:100px; margin:0 20px; background:#fff; float:left; }*/
.table-condensed-job td img{vertical-align:middle; /*margin:0 15px;*/}


/*.table-condensed-job a { color:#a9006f; }
.table-condensed-job a:hover{ color:#000; }*/

@media only screen and (max-width: 800px) {
	
.table-condensed-job tr{padding: 0px 0px 10px 0px;}

.table-condensed-job tr td{border: 0px solid #ddd !important; padding: 10px 10px 0px 10px;}
.table-condensed-job td img{/*display:block; margin:0 auto 10px;*/ }
}

.table-bordered-job thead  tr th{color:#fff !important; 
}

.table-bordered-job thead:first-child tr th{color:#fff;}

.table-bordered-job thead:first-child tr th:first-child {min-width: 95px;}
.table-bordered-job thead tr th:nth-child(2){text-align:left; }



/* 	xxxxxxxxxxxxxxxxxxxxxxxxxx
		Responsive Tables
	xxxxxxxxxxxxxxxxxxxxxxxxxx */


@media only screen and (max-width: 800px) {
	
	/* Force table to not be like tables anymore */
	#no-more-tables-job table, 
	#no-more-tables-job thead, 
	#no-more-tables-job tbody, 
	#no-more-tables-job th, 
	#no-more-tables-job td, 
	#no-more-tables-job tr { 
		display: block; 
		font-size:12px;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables-job thead tr { 
		position: absolute;
		display:none;
	}

	#no-more-tables-job tr { border-bottom: 1px dotted #ccc; /*margin-bottom:10px;*/ }
	#no-more-tables-job tr:last-child { border-bottom: 0px solid #ccc; /*margin-bottom:10px;*/ }
	#no-more-tables-job td { 
		position: relative;
		padding-left: 45%; 
		white-space: normal;
		text-align:left;
		vertical-align:text-top;
	}

	#no-more-tables-job td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 10px;
		left: 8px;
		width: 45%; 
		padding-right: 0px; 
		white-space: nowrap;
		text-align:left;
		overflow:hidden;
		font-weight: bold;
	}

	/*
	Label the data
	*/
	#no-more-tables-job td:before { content: attr(data-title); text-transform:capitalize; }
	
	.creditRating {border: 1px solid #c2c0bd; /*background:#f7f7f7;*/}
	
}


@media only screen and (max-width: 768px){
#no-more-tables-job td:before { content: attr(data-title); text-transform:capitalize;   width:140px; left:0; padding:0px 10px; color:#000; top:0;}
#no-more-tables-job td:nth-child(1){ padding-left:10px; font-size:15px;}
#no-more-tables-job td {padding-left:160px;padding-top:0px;     margin-bottom: 10px; font-size:14px;}
}



.table-bordered-job{border:0px solid #c8c8c8; border-collapse:collapsed; }
.table-bordered-job th,.table-bordered-job td,.table-bordered-job th,.table-bordered-job td{border-right:0 solid #c8c8c8;border-bottom:0 solid #c8c8c8;}
.table-bordered-job thead:first-child tr:first-child th,.table-bordered-job tbody:first-child tr:first-child th,.table-bordered-job tbody:first-child tr:first-child td {/*border-top:0px;*/ text-transform: capitalize; font-weight:normal; padding-left: 70px;}

.table-condensed-job th, .table-condensed-job td {/*padding:15px;*/ /*padding:5px;*/ border-right:0 solid #c8c8c8; padding:15px 10px;   vertical-align: middle; padding-left: 70px;}
.table-condensed-job th, .table-condensed-job td:last-child{border-right:0; }

.table-condensed-job {border-collapse:collapse; width:100%; background:#fff;}
.table-condensed-job td a{ text-decoration: underline;}
/*.table-condensed td .event_img{width:100px; margin:0 20px; background:#fff; float:left; }*/
.table-condensed-job td img{vertical-align:middle; /*margin:0 15px;*/}
.table-condensed-job sub{font-family:proxima_novaregular;}

.table-striped tbody tr:nth-of-type(odd){ background-color:#fff;}
.table-striped tbody tr:nth-of-type(even){ background-color:#f1f8ed;}

/*.table-condensed-job a { color:#a9006f; }
.table-condensed-job a:hover{ color:#000; }*/

@media only screen and (max-width: 800px) {
	
.table-condensed-job tr{padding: 0px 0px 10px 0px;}

.table-condensed-job tr td{border: 0px solid #ddd !important; padding: 10px 10px 0px 10px;}
.table-condensed-job td img{/*display:block; margin:0 auto 10px;*/ }
}

.table-bordered-job thead{font-size: 19px; background: rgb(240,249,255); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(240,249,255,1) 0%, rgba(99,193,50,1) 0%, rgba(0,173,19,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(240,249,255,1) 0%,rgba(99,193,50,1) 0%,rgba(0,173,19,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(240,249,255,1) 0%,rgba(99,193,50,1) 0%,rgba(0,173,19,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#00ad13',GradientType=1 ); /* IE6-9 */}
.table-bordered-job thead  tr th{color:#fff !important;}

.table-bordered-job thead:first-child tr th{color:#fff;}

.table-bordered-job thead:first-child tr th:first-child {min-width: 95px;}
.table-bordered-job thead tr th:nth-child(2){text-align:left; }


@media (max-width:999px) {
.innerBanner_heading { position:static; margin-top:80px;}
.innerBanner_heading h1{font-size:25px; margin-bottom:15px; color:#595959; border-bottom:1px solid #d2d2d2;}
.innerBanner_heading p{font-size:14px; margin-bottom:20px; color:#595959;}
.innerContactBtn{right:20px; bottom:85px !important ;}
.innerContactForm{ bottom:80px; right:15px; padding:15px; border-radius:15px;}
}

@media (max-width:500px) {
.innerBanner_heading h1{font-size:18px; margin-bottom:10px;}
.innerBanner_heading p{font-size:12px; margin-bottom:15px; }
.innerBanner_heading.innerHeading{
	left:30px; top:50%;
	}
.innerBanner_heading.innerHeading_1{
	left:30px; top:50%;
	}
	
	.innerBanner_heading.innerBannerHeading{
	left:30px; bottom:-10%;
	}
	
	.innerContactBtn{right:20px; bottom:15px !important ;}
	.innerContactForm{ bottom:0px;}
.breadcrumb{ position:static;}	
}


.annualReports .dropdown {
  position: relative;
  display:block;
  padding:0;
}

.annualReports .button label{ padding:15px 25px 0;}


/* This is the native select, we're making everything the text invisible so we can see the button styles in the wrapper */
.annualReports .dropdown select {
  width:100%;
  margin:0;
  text-align:center;
  background:none;
  border: 1px solid transparent;
  outline: none;
  /* Prefixed box-sizing rules necessary for older browsers */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* Remove select styling */
  appearance: none;
  -webkit-appearance: none;
  /* Magic font size number to prevent iOS text zoom */
  font-size:18px;
  /* General select styles: change as needed */
  /* font-weight: bold; */
  color: #fff;
  padding:6px 10px;
  line-height:1.3;
}

/* Custom arrow sits on top of the select - could be an image, SVG, icon font, etc. or the arrow could just baked into the bg image on the select */

.annualReports .dropdown::after {
  content: "";
  position: absolute;
  width: 26px;
  height: 18px;
  top: 50%;
  right: 1em;
  margin-top:-5px;
  z-index: 2;
  background: url(../images/drop_arrow.png) 0 0 no-repeat;  
  /* These hacks make the select behind the arrow clickable in some browsers */
  pointer-events:none;
}

/* This hides native dropdown button arrow in IE 10/11+ so it will have the custom appearance, IE 9 and earlier get a native select */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.annualReports   .dropdown select::-ms-expand {
    display: none;
  }
  /* Removes the odd blue bg color behind the text in IE 10/11 and sets the text to match the focus style text */
  .annualReports select:focus::-ms-value {
    background: transparent;
    color: #222;
  }
}

/* Firefox >= 2 -- Older versions of FF (v2 - 6) won't let us hide the native select arrow, so we'll just hide the custom icon and go with native styling */
/* Show only the native arrow */
body:last-child .annualReports  .dropdown::after, x:-moz-any-link {
  display: none;
}
/* reduce padding */
body:last-child .annualReports .dropdown select, x:-moz-any-link {
  padding-right: .8em;
}


_::-moz-progress-bar, body:last-child .annualReports .dropdown {
  overflow: hidden;
}
/* Show only the custom icon */
_::-moz-progress-bar, body:last-child .annualReports .dropdown:after {
  display: block;
}
_::-moz-progress-bar, body:last-child .annualReports  .dropdown select {
  /* increase padding to make room for menu icon */
  padding-right: 1.9em;
  /* `window` appearance with these text-indent and text-overflow values will hide the arrow FF up to v30 */
  -moz-appearance: window;
  text-indent: 0.01px;
  text-overflow: "";
  /* for FF 30+ on Windows 8, we need to make the select a bit longer to hide the native arrow */
  width: 110%;
}


_::-moz-progress-bar, body:last-child .annualReports .dropdown select:focus {
  outline:none; color:#fff;
}


/* Opera - Pre-Blink nix the custom arrow, go with a native select button */
x:-o-prefocus, .annualReports .dropdown::after {
  display:none;
}


/* Hover style */
.annualReports .dropdown:hover {
  }

/* Focus style */
.annualReports select:focus {
 
}


/* Firefox focus has odd artifacts around the text, this kills that */
.annualReports select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

.annualReports option {
  color:#444; font-size:15px; margin:25px 0; background:#fff;  line-height:30px; display:block; height:40px;
}



/* These are just demo button-y styles, style as you like */
.annualReports .button {font-size:18px;
 color:#fff; box-shadow:5px 0 10px #00000035;
background-image: linear-gradient(to right, #68ba3a, #58ab33, #499c2d, #3a8d26, #2b7e1f);
}

.annualReports .button:focus{ color:#fff;}


.annualReports .output {
  padding: 1em; 
  width: 100%;
}
.annualReports .reports {
    color:#595959;
  
  font-family: 'proxima_novaregular';
  font-size:17px;
  font-weight:500;
}

.annualReports h2, .annualReports h2 a{ color:#595959; font-size:35px; font-weight:700; font-family: 'proxima_novaregular';}
.annualReports h2 a{ text-transform:none;}

.annualReports .reports:first-child{ display:block;}

.has-search .form-control {
    padding-left: 10px;
}

.has-search .form-control-feedback { 
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}

.input-group-append{ position:absolute; right:15px; top:0; background:none;}
.input-group-append button{ background:none; border:none;}
.productSlider{ height:154px;}
.productSlider .slick-arrow { position: absolute; top:50%; color: transparent; z-index: 1; width: 15px; height: 15px; background: none;}
.productSlider .slick-arrow.slick-prev {left: -15px; border-top: 2px solid #494948; border-left: 2px solid #494948; transform: rotate(
-45deg);}
.productSlider .slick-arrow.slick-next { right: -15px; border-top: 2px solid #494948; border-left: 2px solid #494948; transform: rotate(
135deg);}

.productSlider a{ display:block; margin:20px 15px; border-radius:5px; overflow:hidden; color:#fff; font-size:18px; font-family: 'proxima_novaregular'; position:relative; box-shadow:0px 0 10px #00000050; transition:all 0.3s ease-in-out;}
.productSlider a:hover{margin-top:3px;}
.productSlider a:focus{ border:0; outline:0;}
.productSlider a img{ width:100%;}
.productName{ position:absolute; left:0; right:0; top:0; bottom:0; text-align:center;text-transform: capitalize;}
.orangeBg{ background:#ff63009c; }
.productSlider a:hover .orangeBg{background:#00000090; }

.greenBg{ background:#708c02c9; }
.productSlider a:hover .greenBg{background:#00000090; }

.blueeBg{ background:#126bab90;}
.productSlider a:hover .blueeBg{background:#00000090; }

.purpleBg{ background:#9c11b795; }
.productSlider a:hover .purpleBg{background:#00000090; }

.productHead a{ text-transform:uppercase; font-size:16px;color: #07680A; font-family:proxima_novabold;}
.productHead a:hover{ color:#000;}


.customMfgWrap .heading{ color:#fff; padding:15px; text-align:center; font-size:18px;font-weight:600;
background: -moz-linear-gradient(left,  rgba(240,249,255,1) 0%, rgba(99,193,50,1) 0%, rgba(0,173,19,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(240,249,255,1) 0%,rgba(99,193,50,1) 0%,rgba(0,173,19,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(240,249,255,1) 0%,rgba(99,193,50,1) 0%,rgba(0,173,19,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#00ad13',GradientType=1 ); /* IE6-9 */}

.customMfgWrap .row{ background:#f1f8ed; padding:15px 70px; margin:0; }
.customMfgWrap .row:nth-child(odd){ background:#fff;}
.stageGate{ background:#fff; padding:40px; box-shadow: 0 0 10px #00000030; border-radius:8px; font-weight:600; vertical-align:middle; font-size:18px;}
.stageGate span{ color:#07680A; font-family:proxima_novabold;}
.stageGate a.visit{ color:#07680A; font-family:proxima_novabold;font-weight:600; font-size:18px;}
.stageGate a{ font-size:16px; font-weight:normal;}

.address strong{ color:#000; font-size:17px;}



.contactWrap {
    line-height: 1.5;
    background-image: linear-gradient(to right, #68ba3a, #58ab33, #499c2d, #3a8d26, #2b7e1f);
    color: #fff;
    
    border-radius: 5px;
	
}


.contactWrap h2{ font-size:25px; font-weight:700;}
.contactWrap .form-control{ height:auto; font-size:13px; background:none; border-bottom:1px solid #fff !important; border:none; border-radius:0; color:#fff; padding:3px 0; margin-bottom:25px; }
.contactWrap .form-control::placeholder{ color:#fff;}
.contactWrap .form-control:focus{ box-shadow: none;}
.contactWrap option{ color:#000 !important;}
.contactWrap textarea{ height:60px !important;}
.contactWrap button{ background:#fff; color:#5cab2d; font-size:16px; padding:5px 30px; border-radius:5px;  box-shadow:2px 2px 10px #00000080; }


.captcha {
	background-color:#fff;
	color:#4c4a4b;
	display:flex;
	justify-content:end;
	align-items:center;
}

@media screen and (max-width: 500px) {
	.captcha {
		flex-direction:column;
	}
	.captcha .text {
		margin:.5em!important;
		text-align:center;
	}
	.captcha .logo {
		align-self: center!important;
	}
	.captcha .spinner {
		margin:2em .5em .5em .5em!important;
	}
}

.captcha .text {
	font-size:15px;
	margin-right:1em;
	color:#5d87a4;
}
.captcha .spinner {
	position:relative;
	width:1.5em;
	height:1.5em;
	margin:5px 15px;
	align-items:center;
	justify-content:center;
}

.captcha .spinner lable{ margin-bottom:0 !important;}

.captcha input[type="checkbox"] { position: absolute; opacity: 0; z-index: -1; }
.captcha input[type="checkbox"]+.checkmark {
	display:inline-block;
	width:1.5em;
	height:1.5em;
	background-color:#8dd470;
	display:flex;
	justify-content:center;
	align-items:center;
	cursor: pointer;
}
.captcha input[type="checkbox"]+.checkmark span {
	content:'';
	position:relative;/*
	position:absolute;
	border-bottom:3px solid;
	border-right:3px solid;
	border-color:#029f56;*/
	margin-top:-3px;
	transform:rotate(45deg);
	width:.75em;
	/*height:1.2em;*/
	opacity:0;
}
.captcha input[type="checkbox"]+.checkmark>span:after {
	content:'';
	position:absolute;
	display:block;
	height:3px;
	bottom:0;left:0;
	background-color:#029f56;
}
.captcha input[type="checkbox"]+.checkmark>span:before {
	content:'';
	position:absolute;
	display:block;
	width:3px;
	bottom:0;right:0;
	background-color:#029f56;
}
.captcha input[type="checkbox"]:checked+.checkmark { 
	animation:2s spin forwards;
}
.captcha input[type="checkbox"]:checked+.checkmark>span { 
	animation:1s fadein 1.9s forwards;
}
.captcha input[type="checkbox"]:checked+.checkmark>span:after {animation:.3s bottomslide 2s forwards;}
.captcha input[type="checkbox"]:checked+.checkmark>span:before {animation:.5s rightslide 2.2s forwards;}
@keyframes fadein {
	0% {opacity:0;}
	100% {opacity:1;}
}
@keyframes bottomslide {
	0% {width:0;}
	100% {width:100%;}
}
@keyframes rightslide {
	0% {height:0;}
	100% {height:100%;}
}
.captcha .logo {
	display:flex;
	flex-direction:column;
	align-items:center;
	height:100%;
	align-self:flex-end;
	margin:0.2em 1em;
	float: right;
}
.captcha .logo img {
	height:1.5em;
	width:1.5em;
}
.captcha .logo p {
	color:#9d9ba7;
	margin:0;
	font-size:10px;
	font-weight:700;
	margin:0;
	line-height:14px;
}
.captcha .logo small {
	color:#000;
	margin: 0;
    font-size: .8em;
    position: absolute;
    left: 0;
    bottom: -18px;
}
@keyframes spin {
	10% {
		width:0;
		height:0;
		border-width:6px;
	}
	30% {
		width:0;
		height:0;
		border-radius:50%;
		border-width:1em;
		transform: rotate(0deg);
		border-color:rgb(199,218,245);
	}
	50% {
		width:2em;
		height:2em;
		border-radius:50%;
		border-width:4px;
		border-color:rgb(199,218,245);
		border-right-color:rgb(89,152,239);
	}
	70% {
		border-width:4px;
		border-color:rgb(199,218,245);
		border-right-color:rgb(89,152,239);
	}
	90% {
		border-width:4px;
	}
	100% {
		width:2em;
		height:2em;
		border-radius:50%;
		transform: rotate(720deg);
		border-color:transparent;
	}
}
::selection {
	background-color:transparent;
	color:teal;
}
::-moz-selection {
	background-color:transparent;
	color:teal;
}



@media (max-width:500px) {
.customMfgWrap .row{ padding:15px;}	
.annualReports h2{font-size:25px;} 
	}
	
	
.productDetailsWrap{ background:#fff; border-radius:8px; box-shadow:2px 2px 8px #00000030; }	

.linkTitle{ font-size:20px; color:#fff; padding:0 0px 5px; margin:0 25px 10px; border-bottom:1px solid #fff;}

.reportLinks{ background:url(../images/links_bg.jpg) no-repeat center bottom; background-size: cover;border-radius:8px; padding:20px 0;}
.reportLinks li a{ color:#fff; font-size:15px;  display:block;  padding:8px 25px;  position:relative; margin-bottom:1px; transition:all 0.3s ease-in-out; position:relative;}


.reportLinks li a:hover{ color:#000; padding-left:40px;}
.reportLinks li a:hover:before{ width:10px; height:1px; position:absolute; left:25px; top:50%; background:#000; content:"";}

.reportBtn {display: none;}

.reportWrap p{ text-align:justify;}
.researchBtn{position:relative; text-align:left;min-width: 140px; padding: 13px 15px;}
.researchBtn:after {content: '\f0da '; font-family: FontAwesome; position: absolute; right:15px; }

@media(max-width:999px){
.reportBtn {display: block; background:#2d7e2f; color:#fff; font-size:18px; border-radius:5px; width:100%; text-align:left; padding:15px 25px; position:relative;}
.reportBtn:focus {border:2px solid #fff; color:#fff;}
.reportBtn:before {width: 26px; height: 18px;background:url(../images/drop_arrow.png) 0 0 no-repeat; top:50%; margin-top:-9px; position: absolute; right:15px; content:""; }
.reportLinks {display: none; position:absolute; left:0; right:0;  z-index:2; border-radius:5px; padding:8px; }
.reportLinks a {width:100%; height:auto; padding:8px 15px; border:0; color:#000; text-align:left;}
.reportLinks a span {display:none;}
.reportLinks a:hover, .reportLinks a.active {background:none;}
}

.productDetails{color:#000;}
.productDetails h1{font-size:25px; color:#000; font-weight: 600;}
.formulaPic{ border-radius:5px; overflow:hidden; background:url(../images/formula_bg.jpg) no-repeat;}
.chemicalBrief{ /*font-weight:600;*/}
.chemValue{ position:relative; }
.chemValue:before{ position:absolute; left:0; content:":";}

.otherLinks{ background:#fff; padding:15px; border:1px solid #ddd; display:none; position:absolute; left:15px; right:15px; z-index:999;}
.otherLinks a{ display:block; padding:5px 0; transition:all .3s ease-out; transform:scale(0.99);}
.activeLink {position:relative;}
.activeLink:after{ width:26px; height:18px; position:absolute; right:10px; top:50%; margin-top:-9px; background:url(../images/drop_arrow.png) no-repeat; content:"";}

.productLinks:hover .otherLinks{ display:block;}
.otherLinks a:hover{color:#07680A; transform:scale(1.02); font-weight:600;}

.processWrap{  background:url(../images/process_bg.png) no-repeat right 15px bottom 30px; }
.processBox{ height:100%; padding-top:160px;border-right:1px dashed #a9a9a9; }
.titleBox{ position:absolute; right:-70px; text-align:center;margin-top: -160px; background:#fff; }
.processTitle{ width:130px; height:55px; padding:5px 20px; border-radius:3px; font-size:20px; margin-bottom:0px;line-height: 24px;}
.titleBox .darkGreen{ background:#2f8409; color:#fff; }
.titleBox .lightGreen{ background:#cce6bd; color:#595959; }
.processNumber{ width:60px; height:60px; background:#f00;  font-size:18px; transform: rotate(45deg); margin-left: 30px;margin-top: 40px; 	}
.gate{transform: rotate(-45deg); display: flex;padding-top: 14px;margin-left: -5px;}
.processDetail{ padding:90px 10px; height:100%;}
.processDetail p{ line-height:20px; text-align:center; margin-bottom:0;}
.gate1{ background:#cce6bd; padding:20px 5px; border-radius:3px; }
.targetCust{ display:block; text-align:center; padding:8px; border-radius:3px; color:#fff; background:#5d5b61;font-size: 20px;}

.capabilityWrap{ background:url(../images/capability_bg.png) no-repeat center; background-size:cover;}

.sustainCert span{ padding:8px 10px !important;font-size: 14px;}
.policyBox { position:relative;}
.policyBox:after{ width:1px; background:#519652; position:absolute; right:0; top:50px; bottom:90px; content:"";}

.common li{ margin-bottom:10px; position:relative; padding-left:20px;}
.common li:before{ width:8px; height:8px; background:#64b638; border-radius:50%; position: absolute; top:8px; left:0; content:""}

.certificationWrap{ background:#fff;}

.certificationWrap .accreditation_box img{box-shadow: 0 0 10px #00000030;}

.bismuth_slider, { height:154px;}
.customPara{ font-size:20px;}

@media screen and (max-width: 999px) {
.policyBox:after{ width:0; }	
	}

@media screen and (max-width: 768px) {
.titleBox{position:static; margin:0 auto; }	
.processTitle, .processNumber  { margin:0 auto 20px;}
.processDetail{ padding:0;}
.processBox{  border-right:0; height:auto; padding:15px 0;  }
.processDetail {border-bottom: 1px dashed #a9a9a9; margin-bottom:0px; }
.processWrap{ background:none;}
.processDetail p{ margin-bottom:20px;}
.stageGate a{ display:inline-block; margin-top:10px;}
.sustainCert{max-width:260px;}
.customPara{ font-size:16px;}
	}