@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i');
html, body {font-family: 'Montserrat', sans-serif;font-size: 15px;margin: 0;padding: 20px 0 5px 0;}
	.logo {width: 180px;display: inline-block;vertical-align: middle;margin-top: 20px;}
	.logo img {max-width: 80%;}
	.wrapper {display: block;position: relative;width: 100%;padding: 0px 0 70px 0;}
	.wrapper.unspaced {padding: 0;}
	.wrapper.spaced {}
	figure img {display:block;max-width:100%;height:auto !important}
	figure{ margin:0; padding:0;}

	.wrapper.spaced-sens {}
	h2 {font-size: 1.7em;color: #1E366C;font-weight: 400;margin: 25px 0;}
	h2.green {font-size: 1.875em;color: #41AD49;font-weight: 300;margin: 60px 0 42px 0;}
	h4.contact {font-size: 15px;color: #1E366C;text-transform: uppercase;margin: -3px 0 20px 0;}
	h5 {font-size: 1.5em;color: #41AD49;font-weight: 400;line-height: 1.3em;margin: 0 0 20px 0;}
	h5.blue {font-size: 1.1em;color: #1E366C;font-weight: 400;line-height: 1.3em;margin: 0 0 20px 0;}
	h6 {font-size: 1em;text-transform: uppercase;color: #1E366C;font-weight: 500;line-height: 1.4em;margin: 0;}
	p.blue {color: #1E366C;padding: 0 20px 35px 0;}
	p.normal {color: #1E366C;padding: 0 20px 10px 0;}
	p {color: #968F8F;margin: 0 0 10px 0;line-height: 1.6;font-size:16px;}
	span.contact {color: #1E366C;margin: 0 0 10px 0;line-height: 1.6;}
	a {color: #1E366C;line-height:1.6;}
	img.full {width: 100%;}


/*=HEADER
------------*/
	header {max-width: 1240px;/*padding: 0 25px 0px 25px;*/margin: auto;display: block;position: relative;}
	header #search {position: absolute;top: -33px;right: 0px;padding: 4px;background: #A6DCE2;cursor: pointer;height: 37px;width: 44px;border: 1px solid #A6DCE2;}
	header #search i:after {content: "\e922";font-family: 'Linearicons';font-size: 20px;position:absolute;color:#fff;font-style:normal;left: 13px;top: 7px;}
	header #search-form { position: absolute; top: -33px;right: 44px;-webkit-transition: top 0.3s ease-in-out;-moz-transition: top 0.3s ease-in-out;-ms-transition: top 0.3s ease-in-out;-o-transition: top 0.3s ease-in-out;transition: top 0.3s ease-in-out;display:block;}
	header #search-form.active {top: -33px;}
	header #search-form input {border: solid #A6DCE2 thin;color: #CCC;padding: 10px;width: 300px;}


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

	a.menu-link {display:none;text-decoration:none;float:left;padding:1em 0 .75em 1em;}
	a.menu-link i, a.menu-link b {color:#000;font-size:1.5em;}
	a.menu-link b {padding-left:.5em;font-weight:normal;}
	.menu {float:right;width:74%;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease;margin-top: 40px;} /*Menu bar background colour*/
	.menu ul { width:100%; padding:0;margin:0;list-style:none;position:relative;display:inline-table;z-index:99}
	.menu > li > ul.sub-menu {min-width:10em;padding:0;}
	.menu ul li {padding:0;}
	.menu > ul > li { display: inline-block; padding: 0 25px; position:relative; padding-bottom: 30px;}
	.menu ul li a {display:block;text-decoration:none;color:#1E366C; font-size: 13px;} /*Menu font colour, size*/
	.menu ul li:hover {background:#fff;color:#26306e;} /*Menu tab hover colour same as drop-down*/
	.menu ul li a:hover span{border-bottom: solid  3px; padding-top:10px;} /*Menu tab hover colour same as drop-down*/
	.menu ul li a:focus span{border-bottom: solid  3px; padding-top:10px;}
	.menu ul li > a {padding:.5em 1em;} /*Menu bar height, tab label padding*/
	.menu ul ul {display: none;position: absolute;top: 100%; max-width: 350px;min-width: 280px;transform: translateX(25%);padding: 35px;background: #f3f3f3;}
	.menu ul ul:before{ content:''; position:absolute; top:-30px; border:15px solid transparent; border-bottom:15px solid #f3f3f3; width:0; height:0; left:50%; transform:translateX(-50%) }
	
	.tab2 ul{ left: -120%;}
	.tab3 ul{ left: -120%;}
	.tab4 ul{ left: -87%;}
	.tab5 ul{ left: -41%;}
	
	.menu ul li:hover > ul {display:block;}
	.menu ul ul > li {position:relative; width: 100%; }
	.menu ul ul > li a {padding:1em 0;height:auto;background-color:#f3f3f3;} /*Sub menu background colour, padding*/
	.menu ul ul > li a:hover {background-color:#f3f3f3; color: #41AD49; font-weight: 500;} /*Sub menu background hover colour, font hover colour, border*/
	.menu ul ul ul {position:absolute;left:100%;top:0;}
	.menu ul.sub-menu {} /*Target padding around sub menu*/
	.menu a.main {text-align: center;color: #1E366C;font-weight: 500;text-decoration: none;padding: 0 0 10px 0;font-size: 14px;text-transform: uppercase;} /*Target menu bar tab labels e.g. font, uppercase*/
	.menu a.main:hover {background:#fff;color:#1E366C;} /*Menu tab hover background colour, font colour*/
	body#one .menu a.one span, body#two .menu a.two span, body#three .menu a.three span, body#four .menu a.four span, body#five .menu a.five span, body#six .menu a.six span {border-bottom: solid 3px; padding-top:10px;} /*Menu tabs selected state depending on page or section*/
	/*li.has-submenu a.main:after {content:'\f107';font-family:'fontawesome';speak: none;padding-left:5px}*/
	
	
	body#one .menu a.one span, .menu a.one:hover span{ border-color:#41AD49;}
	body#two .menu a.two span, .menu a.two:hover span{border-color:#00B9CB ;}
	body#three .menu a.three span, .menu a.three:hover span{border-color:#1E366C;}
	body#four .menu a.four span, .menu a.four:hover span{border-color:#41AD49;}
	body#five .menu a.five span, .menu a.five:hover span{border-color:#00B9CB;}
	body#six .menu a.six span, .menu a.six:hover span{border-color:#1E366C;}
	
	.img-responsive,
	.thumbnail > img,
	.thumbnail a > img {display: block;max-width: 100%;height: auto;}


/*.menu .tab1 {width:10%;}
.menu .tab2 {width:15%;}
.menu .tab3 {width:20%;}
.menu .tab4 {width:15%;}
.menu .tab5 {width:15%;}
.menu .tab6 {width:10%;}
*/

	.group:after {visibility:hidden;display:block;content:"";clear:both;height:0;}


/*=SLIDESHOW
------------*/
	.slideshow {width: 100%;height: 499px;position: relative;display: block;overflow: hidden;}
	.slideshow > div {width: 100%;height: 100%;position: absolute;opacity: 0;z-index: 0;-webkit-transition: opacity 0.8s ease-out;-moz-transition: opacity 0.8s ease-out;-ms-transition: opacity 0.8s ease-out;-o-transition: opacity 0.8s ease-out;transition: opacity 0.8s ease-out;}
	.slideshow > div.active {opacity: 1;z-index: 1;}
	.slideshow > div:nth-of-type(1) {background: url(../images/agriheader.jpg) no-repeat center;background-size: cover;}
	.slideshow > div:nth-of-type(2) {background: url(../images/pigment-2.jpg) no-repeat center;background-size: cover;}
	.slideshow > div:nth-of-type(3) {background: url(../images/pigment-3.jpg) no-repeat center;background-size: cover;}
	.slideshow > div:nth-of-type(4) {background: url(../images/pigment.jpg) no-repeat center;background-size: cover;}
	.slideshow .container p {max-width: 57%;background: rgba(0, 176, 158, 0.6);padding: 28px 70px 70px 20px;color: #FFF;font-size: 24px;margin: 130px 0 0 345px;line-height:28px;height: 200px;}
	.slideshow-nav {position: relative;float: right;margin-top: -78px;z-index: 2;margin-bottom: 60px;}
	.slideshow-nav .slide-preview div {float: left;padding: 0;margin-right: 20px;display: inline-block; margin-top: 0px;-webkit-transition: margin-top 0.3s ease-in-out, -webkit-transform 0.4s ease-in-out;-moz-transition: margin-top 0.3s ease-in-out, -moz-transform 0.4s ease-in-out;-ms-transition: margin-top 0.3s ease-in-out, -ms-transform 0.4s ease-in-out;-o-transition: margin-top 0.3s ease-in-out, -o-transform 0.4s ease-in-out;transition: margin-top 0.3s ease-in-out, transform 0.4s ease-in-out;-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-ms-transform: scale(1, 1);-o-transform: scale(1, 1);transform: scale(1, 1);}
	.slideshow-nav .slide-preview div:hover {-webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}
	.slideshow-nav .slide-preview div.active {margin-top: -20px;}
	.slideshow-nav .slide-preview div img {-webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);-moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);-ms-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);-o-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);}
	.slideshow-nav .slide-preview div:nth-last-of-type(1) {margin-right: 0px;}
	.slide-crumbs {top: -116px;position: absolute;width:100px;}
	.slide-crumbs span {width: 15px;height: 15px;border: solid #FFF 2px;display: inline-block;margin: 0 5px 0 0;border-radius: 14px;background: transparent;-webkit-transition: background 0.2s ease-in-out;-moz-transition: background 0.2s ease-in-out;-ms-transition: background 0.2s ease-in-out;-o-ransition: background 0.2s ease-in-out;transition: background 0.2s ease-in-out;}
	.slide-crumbs span.active {background: #FFF;}


/*=HOME
------------*/
	a.divisions-btn {display:block; padding:5px; border:1px solid #fff; margin:0 20px; color:#fff; font-size:10px; text-decoration:none; position:relative;}
	a.divisions-btn i {font-style:normal; margin:0 10px; display:block;}
	a.divisions-btn:after {content: '\e944'; position: absolute;  right: 5px; top: 10px; font-family: 'Linearicons'; color: #fff; font-size: 1.5em;}
	.clear {clear:both;overflow:hidden;width:0;height:0;}


/*=CALENDAR
--------*/	
	.calendar div {position: relative;border: solid #41AD49 1px;margin: 0 0 15px 0;padding: 0;}
	.calendar div h1 {float: left;width: 82px;/*background: url(../images/bg-chem.jpg);*/color: #FFF;font-size: 1.9em;font-weight: 800;text-align: center;padding: 10px 0;margin: 0;line-height: 1em;border-bottom: none;}
	.calendar div p {color: #968F8F;padding: 10px 20px;display: inline-block;width: 80%;margin: 0 0 2px 0;position: relative;z-index: 2;-webkit-transition: color 0.2s ease-in-out;-moz-transition: color 0.2s ease-in-out;-ms-transition: color 0.2s ease-in-out;-o-transition: color 0.2s ease-in-out;transition: color 0.2s ease-in-out;font-size: 0.9em;line-height:1.3em;}
	.calendar h1 small {text-transform: uppercase;font-size: 0.7em;margin: 0;font-weight: 600;}
	.calendar div p:before {width: 0%;position: absolute;left: 0px;top: 0px;height: 102%;background: #41AD49;content: '';display: block;-webkit-transition: width 0.3s ease-in-out;-moz-transition: width 0.3s ease-in-out;-ms-transition: width 0.3s ease-in-out;-o-transition: width 0.3s ease-in-out;transition: width 0.3s ease-in-out;z-index: -1;}
	.calendar div.active p {color: #FFF;}
	.calendar div.active p:before {width: 101%;}
	
	
/*=IR > CALENDAR
----------------*/	 
	.green-heading {font-size:22px!important; color:#41AD49!important; font-weight:500; /*margin-bottom:1em;*/}
	.calendar div {position: relative;border: solid #41AD49 1px;margin: 0 0 15px 0;padding: 0;height: 82px;}
	.calendar div h1 {float: left;width: 69px;color: #FFF;font-size: 1.6em;font-weight: 800;text-align: center;padding: 20px 0;margin: 0;line-height: 1em;border-bottom: none;height: 66px;}
	.calendar div p {color: #968F8F;padding: 10px 20px;display: inline-block;width: 80%;margin: 0 0 2px 0;position: relative;z-index: 2;-webkit-transition: color 0.2s ease-in-out;-moz-transition: color 0.2s ease-in-out;-ms-transition: color 0.2s ease-in-out;-o-transition: color 0.2s ease-in-out;transition: color 0.2s ease-in-out;height: 80px;}
	.calendar h1 small {text-transform: uppercase;font-size: 0.7em;margin: 0;font-weight: 600;}
	.calendar div p:before {width: 0%;position: absolute;left: 0px;top: 0px;height: 102%;background: #41AD49;content: '';display: block;-webkit-transition: width 0.3s ease-in-out;-moz-transition: width 0.3s ease-in-out;-ms-transition: width 0.3s ease-in-out;-o-transition: width 0.3s ease-in-out;transition: width 0.3s ease-in-out;z-index: -1;}
	.calendar div.active p {color: #FFF;}
	.calendar div.active p:before {width: 101%;}

/*=ABOUT > HISTORY > CONTACT
------------------*/
	.year-blue-txt {text-align:center; font-size:30px; padding-bottom:0;color:#1E366C; font-weight:400;}
	.blue-txt {text-align:center; font-size:15px; color:#1E366C;}
	.blue-line {border-bottom:1px solid #1E366C}
	.graphic-blue {background:#225A7F url(../images/history/line-blue.jpg) top left repeat-x}
	.graphic-green {background:#399250 url(../images/history/line-green.jpg) top left repeat-x}
	.graphic-green1 {background:#399250 url(../images/green1.png) top left repeat-x; width: 100%; display: block; height: 11px;}
	.graphic-green2 {background:#399250 url(../images/green2.png) top left repeat-x; width: 100%; display: block; height: 11px;}
	.graphic-green3 {background:#399250 url(../images/green3.png) top left repeat-x; width: 100%; display: block; height: 11px;}
	.graphic-green4 {background:#399250 url(../images/green4.png) top left repeat-x; width: 100%; display: block; height: 11px;}
	.graphic-green5 {background:#399250 url(../images/green5.png) top left repeat-x; width: 100%; display: block; height: 11px;}
	
		
/*=OVERVIEW > TABLE
-------------------*/		
	.overview-box1 {width: calc(25% - 15px); height: 170px;border: 1px solid #968F8F; float: left; margin-right: 20px;margin-bottom:20px}
	.overview-box2 {width: calc(25% - 15px); height: 170px;border: 1px solid #968F8F; float: left;margin-right: 0;margin-bottom:20px}
	.background-inner-img2 {background-image: url(../images/divisions/background2.jpg); background-repeat: no-repeat; background-size: cover;height: 80px; position: relative; text-align: center;padding: 25px;}
	.background-inner-img3 {background-image: url(../images/divisions/background-%25.jpg); background-repeat: no-repeat;background-size: cover; height: 80px; position: relative; text-align: center;padding: 25px;}
	.number-position2 {font-size: 30px; color: #1E366C;   font-weight: bold; top: 23px;}
	.caption{font-size: 11px !important;}
	.background-inner-img4 {background-image: url(../images/divisions/background2.jpg); background-repeat: no-repeat; background-size: cover;height: 80px; position: relative; text-align: center;padding: 5px;}
	.background-inner-img5 {background-image: url(../images/divisions/background-%25.jpg); background-repeat: no-repeat; background-size: cover;height: 80px; position: relative; text-align: center;padding: 5px;}

/*=OVERVIEW > MAP
-----------------*/	   
	.map figure {float:left;width:60%}
	ul.map-legend {float:right;width:40%;padding-left:12%}
	ul.map-legend li, ul.grid-list.grid-three.map-legend li {padding:0;line-height: 1.4;position: relative;color:#1E366C;width:100%}
	ul.map-legend > li:before {content:'';position:absolute;top:2px;left:-26px;border-radius: 50%;width:15px;height:15px;background:#ccc}
	ul.map-legend > li.agri:before {background-color:#41AD49}
	ul.map-legend > li.food:before {background-color:#B3062F}
	ul.map-legend > li.colour:before {background-color:#2079A5}
	ul.map-legend > li.chem:before {background-color:#1E366C}
	ul.map-legend > li.water:before {background-color:#00B9CB}
	ul.map-legend > li.hold:before {background-color:#F39209}
	ul.map-legend li ul {margin-bottom:2em}
	.map ul.grid-list li {float:none;margin-bottom: 0}

/*=DIRECTORS
--------*/	
	.directors > div {width: 31.5%;display: inline-block;vertical-align: top;position: relative;margin: 0 20px 70px 0;}
	.directors > div:nth-child(3n) {margin-right: 0px;}
	.directors > div img {border: solid #968F8F thin;max-width: 100%;margin-bottom: 20px;}
	.directors > div p {color: #1E366C;font-size: 1.1em;line-height: 1.2em;margin: 0;}
	.directors > div h5 {background: #2079A5;padding: 4px 20px;display: inline-block;color: #FFF;text-transform: uppercase;border-radius: 12px;font-weight: 500;margin: 10px 0;font-size: 0.9em;}
	p.light {font-weight: 200;}
	.our-impact1{width:48%;margin-right:2%;float:left;}
	.our-impact2{width:48%;float:left;} 
	
/*=GOVERNANCE > RISK
--------------------*/
	.business-accordion {width:100%; margin: 0 auto;margin-top: 10px;}
	.expand{ margin-top:50px; color:#033B61; font-size:17px; cursor:pointer;}
	.expand:hover{ color:#007DB7;}
	.business-accordion-heading{position:relative; border-collapse:collapse;padding:10px 0; margin-bottom:10px;  height:auto; position:relative; padding-right:0; cursor:pointer; color:#1E366C;line-height:25px;font-weight:600;padding-left:10px;border-bottom:2px solid #40AA48}
	.business-accordion-heading:after{content:'>';position:absolute;top:5px;right:0;font-size:23px}
	.business-accordion-heading.active:after{content:'>';position:absolute;top:5px;right:0;transform: rotate(90deg);font-size:23px;color:#41AD49}
	.business-accordion-heading h4.active{color:#41AD49}
	.business-accordion-heading h4 {padding-right:2em}
	.business-accordion-container{ padding:10px 0; display:none; margin-top:-10px;}
	.bg-blue {background:#F5F5F5;padding:15px;border-bottom: 2px solid #41AD49;}
	table tr td {position:relative;}
	.p-15{ font-size:15px!important; }
	.bold-600{ font-weight:600!important;}
	.business-accordion-container h4{ margin-bottom:0;}
	.business-accordion-heading:after{content:'>';position:absolute;top:5px;right:0;font-size:23px}
	.business-accordion-heading.active:after{content:'>';position:absolute;top:5px;right:0;transform: rotate(90deg);font-size:23px}

/*=GOVERNANCE > KING
--------------------*/
	.layout-table {display:table;width:100%;border-collapse:collapse}
	.layout-table-row {display:table-row}
	.layout-table-gutter {display:table-cell;width:2%}
	.layout-table-cell {display:table-cell;box-sizing: border-box;}
	.layout-table.accordion .layout-table-row {background:#F5F5F5;border-bottom:1px solid #1E366C}
	.layout-table.accordion .layout-table-row:last-of-type {border-bottom:none}
	.layout-table.accordion .layout-table-cell {padding:28px 10px;}
	.layout-table.accordion .layout-table-cell h5 {float:left;font-size:2.25em;font-weight: bold;color:#1E366C}
	.layout-table.accordion .layout-table-cell h5 + p {margin-left:6em}
	.layout-table.accordion .layout-table-cell.td-one {width:38%}
	.layout-table.accordion .layout-table-cell.td-two {width:60%}
	.border-rgt { border-right:solid 1px #968F8F;}

/*=GOVERNANCE > STRUCTURE
-------------------------*/
	.business-accordion {width:100%; margin: 0 auto;margin-top: 10px;}
	.expand{ margin-top:50px; color:#033B61; font-size:17px; cursor:pointer;}
	.expand:hover{ color:#007DB7;}
	.business-accordion-heading{ border-collapse:collapse; /*background:#622E40;*/ padding:10px 0; margin-bottom:0px; /*text-align:center*/; height:41px; position:relative; padding-right:0; cursor:pointer; color:#1E366C;line-height:25px; font-size:15px;font-weight:600;padding-left:10px;border-bottom:2px solid #40AA48}
	.business-accordion-heading:after{content: '\e93c'; font-family: 'Linearicons'; position: absolute;top:5px;right:0;font-size:17px}
	.business-accordion-heading.active:after{content: '\e93c'; font-family: 'Linearicons';position:absolute;top:5px;right:0;transform: rotate(90deg);font-size:17px;color:#41AD49}
	.business-accordion-heading h4.active{color:#41AD49}
	.business-accordion-container{ padding:0 0 10px 0; display:none; margin-top:0px;}
	.bg-blue {background:#F5F5F5;padding:15px;border-bottom: 2px solid #41AD49;}
	table tr td {position:relative;}
	.p-15{ font-size:15px!important; }
	.bold-600{ font-weight:600!important;}
	.business-accordion-container h4{ margin-bottom:0;}
	.govstructure{width:calc(33% - 0px);float:left;min-height:250px;border-top:2px solid #1E366C;padding:15px 15px 15px 0;position:relative}
	.govstructure2{width:calc(33% - 0px);float:left;min-height:250px;border-top:2px solid #1E366C;padding:15px 15px 15px 0;position:relative}
	.govstructure3{width:calc(34% - 0px);float:left;min-height:250px;border-top:2px solid #1E366C;padding:15px 15px 15px 0;position:relative}
	.board-down{width:calc(32% - 0px);float:left;min-height:80px;padding:15px 0 0px 0;margin-right:1%}
	.board-down2{width:calc(32% - 0px);float:left;min-height:80px;padding:15px 0 0px 0;margin-right:1%}
	.board-down3{width:calc(32% - 0px);float:left;min-height:80px;padding:15px 0 0px 0;}
	.p-place{position:absolute;top:-25px;color:#1E366C}
	ul.list-primary2 {width: 100%;}
	ul.list-primary2 li {border-bottom: solid #41AD49 1px;padding: 0 0 10px 0;}
	.board-down .list-primary2 li.download a, .board-down2 .list-primary2 li.download a, .board-down3  .list-primary2 li.download a { color: #41AD49;font-weight: 600;}

/*=DIVISIONS
------------*/
img.absolute-science-logo {height: 99px;}

/*=BLOCKS
--------*/
	.div-blocks {display: -ms-flexbox;display: -webkit-flex;display: flex;flex-flow: row;}
	.div-blocks > div {-ms-flex: 1 1 auto;-webkit-flex: 1 1 auto;flex-grow: 1;display: inline-block;vertical-align: top;margin: 0 17px 0 0;overflow: hidden;position: relative;/*height: 232px;*/-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-ms-transform: scale(1, 1);-o-transform: scale(1, 1);transform: scale(1, 1);-webkit-transition: -webkit-transform 0.6s ease-out;-moz-transition: -moz-transform 0.6s ease-out;-ms-transition: -ms-transform 0.6s ease-out;-o-transition: -o-transform 0.6s ease-out;transition: transform 0.6s ease-out;z-index: 0;}
	.div-blocks > div:nth-of-type(odd):after {position: absolute;height: 11px;bottom: 0px;width: 100%;/*background: url(../images/bg-chem.jpg);*/content: '';display: block;z-index: 2;-webkit-transition: height 0.3s ease-in-out;-moz-transition: height 0.3s ease-in-out;-ms-transition: height 0.3s ease-in-out;-o-transition: height 0.3s ease-in-out;transition: height 0.3s ease-in-out;}
	.div-blocks > div:nth-of-type(even):after {position: absolute;height: 11px;bottom: 0px;width: 100%;/*background: url(../images/bg-chem-2.jpg);*/content: '';display: block;z-index: 2;-webkit-transition: height 0.3s ease-in-out;-moz-transition: height 0.3s ease-in-out;-ms-transition: height 0.3s ease-in-out;-o-transition: height 0.3s ease-in-out;transition: height 0.3s ease-in-out;}
	.div-blocks > div.active:after {position: absolute;height: 0px;bottom: 0px;width: 100%;/*background: url(../images/bg-chem-2.jpg);*/content: '';display: block;z-index: 2;}
	.div-blocks > div.active {-webkit-transform: scale(1.06, 1.06);-moz-transform: scale(1.06, 1.06);-ms-transform: scale(1.06, 1.06);-o-transform: scale(1.06, 1.06);transform: scale(1.06, 1.06);z-index: 1;}
	.div-blocks > div:nth-last-of-type(1) {margin: 0px;}
	.div-blocks > div img {position: relative;display: block;z-index: 1;width:100%; /*HM*/}
	.div-blocks div h3 {position: absolute;font-size: 1.2em;color: #FFF;text-transform: uppercase;text-align: center;z-index: 3;display: block;top: 20px;width: 100%;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);font-weight: 800;}
	.div-blocks > div > .block-content {position: absolute;bottom: 0px;background: #1E366C;color: #FFF;display: block;height: 0;font-size: 0.9em;z-index: 2;overflow: hidden;
    /*-webkit-transition: height 0.7s ease-out;
    -moz-transition: height 0.7s ease-out;
    -o-transition: height 0.7s ease-out;
    -ms-transition: height 0.7s ease-out;
    transition: height 0.7s ease-out;*/
	}
	.div-blocks > div > .block-content.active {height: 100%;}
	.block-content p {padding: 70px 10px 0 10px;font-size: 0.9em;color: #FFF;}	

/*RESETS
------------*/
	.no-margin{margin: 0!important;}
	.no-marginT{margin-top: 0!important;}
	.no-marginB{margin-bottom: 0!important;}
	.no-marginL{margin-left: 0!important;}
	.no-marginR{margin-right: 0!important;}
	
	.no-padding{padding: 0!important;}
	.no-paddingT{padding-top: 0!important;}
	.no-paddingB{padding-bottom: 0!important;}
	.no-paddingL{padding-left: 0!important;}
	.no-paddingR{padding-right: 0!important;}
	.no-paddingB5{padding-bottom: 5px!important;}
	.no-paddingT5{padding-top: 5px!important;}
	
	.padding-30{padding: 30px;}
	.padding-40{padding: 40px 20px;}
	.padding-50{padding: 50px 0px;}
	.padding-30L{padding-left: 30px!important;}
	.padding-30R{padding-right: 30px!important;}
	.padding-30T{padding-top: 30px!important;}
	.padding-30B{padding-bottom: 30px!important;}
	
	.padding-20{padding: 20px!important;}
	.padding-20L{padding-left: 20px!important;}
	.padding-20R{padding-right: 20px!important;}
	.padding-20T{padding-top: 20px!important;}
	.padding-20B{padding-bottom: 20px!important;}
	
	.padding-15{padding: 15px!important;}
	.padding-15L{padding-left: 15px!important;}
	.padding-15R{padding-right: 15px!important;}
	.padding-15T{padding-top: 15px!important;}
	.padding-15B{padding-bottom: 15px!important;}
	
	.margin-30{margin: 30px!important;}
	.margin-30L{margin-left: 30px!important;}
	.margin-30R{margin-right: 30px!important;}
	.margin-30T{margin-top: 30px!important;}
	.margin-30B{margin-bottom: 30px!important;}
	
	.margin-35{margin: 35px!important;}
	.margin-35L{margin-left: 35px!important;}
	.margin-35R{margin-right: 35px!important;}
	.margin-35T{margin-top: 35px!important;}
	.margin-35B{margin-bottom: 35px!important;}
	
	.margin-36T{margin-top: 36px!important;}
	
	.margin-20{margin: 20px!important;}
	.margin-20L{margin-left: 20px!important;}
	.margin-20R{margin-right: 20px!important;}
	.margin-20T{margin-top: 20px!important;}
	.margin-20B{margin-bottom: 20px!important;}
	
	.margin-25{margin: 25px!important;}
	.margin-25L{margin-left: 25px!important;}
	.margin-25R{margin-right: 25px!important;}
	.margin-25T{margin-top: 25px!important;}
	.margin-25B{margin-bottom: 25px!important;}
	
	.margin-15{margin: 15px!important;}
	.margin-15L{margin-left: 15px!important;}
	.margin-15R{margin-right: 15px!important;}
	.margin-15T{margin-top: 15px!important;}
	.margin-15B{margin-bottom: 15px!important;}
	
	.margin-5{margin: 5px!important;}
	.margin-5L{margin-left: 5px!important;}
	.margin-5R{margin-right: 5px!important;}
	.margin-5T{margin-top: 5px!important;}
	.margin-5B{margin-bottom: 5px!important;}
	
	.margin-10{margin: 10px!important;}
	.margin-10L{margin-left: 10px!important;}
	.margin-10R{margin-right: 10px!important;}
	.margin-10T{margin-top: 10px!important;}
	.margin-10B{margin-bottom: 10px!important;}
	
	.margin-90T{margin-top: 90px!important;}
	.margin-80T{margin-top: 80px!important;}
	.margin-45B{margin-bottom: 45px!important;}

 
	
/*=NIVI
--------*/	   
	.fin-tbl tr:hover {background:#F5F5F5;}
	 tr.no-hover:hover {background-color:#F5F5F5}
	.fin-tbl {width:100%; margin:0 0 0 0; padding: 0px;border: none !important;font-size: 15px;}
	.fin-tbl tr td {padding:3px 3px 3px 3px; line-height:1.5em!important; color:#464A4D;font-size: 15px;border-bottom: inherit;}
	.fin-tbl th { padding:2px 3px 3px 3px; color:#1E366C!important; background:#fff;  font-weight:bold; line-height:1.5em!important;}
	.fin-tbl th.highlight { background:#fff!important; }
	.fin-tbl th b {color:#005596!important; font-size:13px!important;}
	
	.findottedthinline {border-bottom:1px dotted #1E366C!important;}
	.finthinline {border-bottom:1px solid #1E366C!important;}
	.finthickline {border-bottom:2px solid #1E366C!important;}
	.fintopleft {border-top:1px solid #1E366C!important; border-left:1px solid #1E366C!important;}
	.fintopright {border-top:1px solid #1E366C!important; border-right:1px solid #1E366C;}
	.finbotleft {border-bottom:1px solid #1E366C!important; border-left:1px solid #1E366C!important;}
	.finbotright {border-bottom:1px solid #1E366C!important; border-right:1px solid #1E366C!important;}
	.finleft {border-left:1px solid #1E366C!important;}
	.finright {border-right:1px solid #1E366C!important;}
	.fintop {border-top:1px solid #1E366C!important;}
	.finbottom {border-bottom:1px solid #1E366C!important;}
	.blueheader { color:#1E366C!important; font-weight:bold; border-bottom:2px solid #1E366C!important;}
	.switch-blue{color:#1E366C!important}
	.switch-green{color:#41AD49!important}
		   
	.no-marginT{margin-top:0 !important}
	
	body#one h1 { border-bottom-color:#41AD49; }
	body#two h1 {border-bottom-color:#00B9CB ;}
	body#three h1 {border-bottom-color:#1E366C;}
	body#four h1 {border-bottom-color:#41AD49;}
	body#five h1 {border-bottom-color:#00B9CB;}
	body#six h1 {border-bottom-color:#1E366C;}
	body#seven h1 {border-bottom-color:#00B9CB;}


	h2 {margin-top:0}
	.graph-left {width:33.3333333%;padding-right: .5em;}
	.graph-middle {width:33.3333333%;padding: .5em}
	.graph-right {width:33.3333333%;padding-left: .5em}


/*=IR > SENS
------------*/
	.date-small {display:none}
	.calendar-title {font-size: 15px;}
	.date {background:#1e366c none repeat scroll 0 0; color: #fff; font-size: 10px; font-weight: 700; padding: 3px 3px 3px;  text-align: center; width: 90px;}
	.date span {background: #fff none repeat scroll 0 0; color: #7abe43; display: block;  font-size: 21px;  margin: 4px 1px 4px;  padding: 8px 0;}
	table.table-responsive-media {border: 1px solid #BED3EF; width: 100%; margin:0; padding:0; border-collapse: collapse; border-spacing: 0;box-shadow:1px 3px 6px rgba(15,37,63,0.2);}
	table.table-responsive-media tr {border: 1px solid #ddd; padding: 5px;}
	table.table-responsive-media th, table td {padding: 10px;/* text-align:left;*/ vertical-align:top}
	table.table-responsive-media th {text-transform:none; font-size: 13px; letter-spacing: 1px; background-color:#000; color:#fff; font-weight:600;text-transform:uppercase;}
	table.table-responsive-media tr:nth-of-type(odd) { background: #EEEEEE; }
	table.table-responsive-media tr:nth-of-type(even) { background: #fff; }
	table.table-responsive-media .td-align-center {text-align:center;}

/*TABBED ACCORDION SENS*/
	.spaced-sens ul.tabs {float:left;width:100%;padding:0 0 0 0;margin-bottom:10px !important; background:#fff; font-size:14px;}
	.spaced-sens ul.tabs li:first-of-type {margin:0}
	.spaced-sens .tab-drawer-heading {display:none;}
	.spaced-sens .tab-drawer-content {padding:1em;display:none;}

/*TABBED ACCORDION*/
	ul.tabs {float:left;width:100%;padding:0 0 0 0;margin-bottom:10px !important; background:#fff; font-size:14px;}
	ul.tabs li { float: left; list-style-type: none; cursor: pointer; margin: 0 15px; padding: 12px 35px; border: 0px solid #fff;border-bottom: none; text-decoration: none; color: #1e366c; font-weight: 600; background: #CCE9CD; }
	ul.tabs li:first-of-type {margin-left:0;}
	ul.tabs li:last-of-type {margin-right:0}
	ul.tabs li:hover {background:#41AD48}
	ul.tabs li.active {background:#41AD48;color:#fff;font-weight:bold;border: 0px solid #fff; padding-bottom:12px}
	.tab-container {border: 0;border-top: 3px solid #1E366C;margin-top: 0px;clear: both;width: 100%;background: #fff;} /*980 divide 982 = 99.796334% (there was a float style)*/
	.cover-col{ width:calc(20% - 20px); float:left; margin-right:30px;}	
	.cover-col img{ border:1px solid #8E8E8E;}
	.content-col{ width:calc(40% - 20px); float:left; margin-right:30px;}		
	.content-col:last-of-type{ margin-right:0;}				
	.tab-drawer-heading {display:none;}
	.tab-drawer-content {padding:0;display:none; }
	.tab-drawer-content-list{padding:25px 10px;border-bottom:2px solid #1E366C;}
	.tab-drawer-content-list .list-primary li.download a{ color:#41AD49; font-weight:600}
	.tab-drawer-content-list:nth-of-type(even){ background:#F5F5F5;}
	.tab-drawer-content-list:last-of-type{ border-bottom:0;}
	ul.list-icons li {line-height:1.6; margin-left:0em;}
	.tab-drawer-content > img ~ ul.list-icons {margin-left:260px;}
	.list-icons.fa-ul li {margin-left:-1em; border-bottom:1px dotted #000;}
	.lists-icons.fa-ul li {margin-left:15em; border-bottom:1px dotted #000;}
	.list-icons.fa-ul li a {color:#000; text-decoration:none; padding-bottom:1em;}
	.list-icons.fa-ul li a:hover {color:#7B7979; text-decoration:underline; padding-bottom:1em;}
	.dotted-list{list-style-type:disc;margin-left:5px;list-style-type: disc;margin-left: 15px;line-height: 1.2;    font-size: 1em;}
	.dotted-list li{padding: 0 0 8px 0;color: #968F8F;}
	.img-border { border:1px solid #AFB6BC; float: left;margin-bottom: 30px;}

/*=ICONS
--------*/
	.fa-volume-up {color:#000;}
	.fa-file-pdf-o {color:#c11e07;}
	.fa-globe {color:#004D90;}
	.fa-file-excel-o {color:#549f3a;}
	.fa-globe, .fa-calendar {color:#004d90}

/*=LINKS
--------*/
	a {outline:none}
	a:link {color:#968F8F;text-decoration:none;font-weight: 500;}
	a:visited {color:#1E366C;text-decoration:none;}
	a:hover {color:#41AD49;text-decoration:underline;}
	a.blue:link {color:#1E366C;text-decoration:none;}
	a.blue:visited {color:#00B9CB ;text-decoration:none;}
	a.blue:hover {color:#41AD49;text-decoration:underline;}
	/*back to top arrow*/
	#back-to-top {position:fixed;bottom:3em;right:1%;padding:30px;text-decoration:none;font-size:2em;width:80px;height:40px;display:block;color:#fff;background-color:#A6DCE2;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-ms-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease}
	#back-to-top:after {content:'\e941';font-family:'Linearicons';speak: none;position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
	#back-to-top:hover {background:#ccc;}
	.div-blocks a:link, .div-blocks a:visited, footer a:link, footer a:visited {color:#fff}

/*=GRIDS
------------------*/
	.grid {}
	ul.grid-list {margin-bottom:0;}
	ul.grid-list li {display:block;float:left;}
	ul.grid-list li img {display:block;max-width:100%;height:auto !important}
	ul.grid-list li span {display:inline-block;width:100%;height:10px;}
	ul.grid-two li {width:26.93548387096774%;margin-right:9.596774193548387%;} /*334 divide 1240 = 26,93548387096774%, 119 divide 1240 = 9,596774193548387%*/
	ul.grid-two li .gutter {min-height:140px;}
	ul.grid-two li.grid2, ul.grid-two li.grid4 {margin-right:0}
	ul.grid-three li.grid3, ul.grid-three li.grid5 {margin-right:0}
	ul.grid-three li {width:26.93548387096774%;margin-right:9.596774193548387%;} /*334 divide 1240 = 26,93548387096774%, 119 divide 1240 = 9,596774193548387%*/
	ul.grid-three.divisions li.height-large .gutter {min-height:550px;}
	ul.grid-three.divisions li.height-small .gutter {min-height:300px;}
	ul.grid-three li.grid3, ul.grid-three li.grid6 {margin-right:0}
	ul.grid-four li {width:23.79032258064516%;margin-right:1.612903225806452%;} /*295 divide 1240 = 23,79032258064516%, 20 divide 1240 = 1,612903225806452%*/
	ul.grid-four li .gutter {min-height:455px;}
	ul.grid-four li.grid4, ul.grid-four li.grid8, ul.grid-four li.grid12 {margin-right:0}
	.clear-lft {clear:left}
	iframe.map {width:100%}
	.col-1-width {float:left;width:36.53225806451613%} /*334 + 119 = 453, 453 divide 1240 = 36,53225806451613%*/
	.col-2-width {float:right;width:63.46774193548387%} /*1240 - 453 = 787, 787 divide 1240 = 63,46774193548387%*/

/*=FOOTER
--------*/
	.footer-wrapper {background: #1E366C;padding: 22px 0;}
	footer {max-width: 1168px;padding: 0 25px;margin: auto;}
	footer p {color: #FFF;font-size: 0.9em;font-weight: 600;text-transform: uppercase;}
	footer a {color: #FFF;text-decoration: none;padding:0 .75em;}
	.container {max-width: 1280px;padding: 0 20px;margin: auto;display: block;position: relative;}
	.container-2 {max-width: 1280px;padding: 0 20px 0 50px;margin: auto;display: block;position: relative;}
	.wrapper.gray {background: #F5F5F5; padding: 50px 0 60px 0;}
	.wrapper.blue-pattern {background: url('../images/page-header-blue.png') #1c5d7d repeat;padding: 30px 0 32px 0;}
	.wrapper.green-pattern {background: url('../images/dateblk.png') #6cbb68 repeat;padding: 30px 0 32px 0;}
	.wrapper.turqoise-pattern {background: url('../images/page-header-turqoise.png') #8cdbcc repeat;padding: 30px 0 32px 0;}
	.pagination {margin: 0;padding: 10px 0;background: #F5F5F5;}
	.pagination p {font-size: 0.8em;font-weight: 400;margin: 5px 0;color: #1E366C;z-index: 2;position: relative;}
	.pagination p a {color: #00B9CB;font-weight: 600;}
	.col-1 {display: block;width: 100%;}
	.col-3 {width: 33%;display: inline-block;vertical-align: top;float: left;}
	.col-2 {width: 48%;display: inline-block;vertical-align: top;margin-right:1%;}
	.col-2:nth-of-type(even) {margin-left:1.5%;}
	.container.page-header {text-align: right;margin-top: -137px;z-index: 0;position: relative;}
	.page-header img:nth-of-type(1) { margin-right: 20px;}
	.div-blocks h3 {margin:0px;}
	

	
	h1 {font-size: 2em;color: #FFF;font-weight: 400;padding: 0 0 5px 0;border-bottom: solid #00B9CB 3px;line-height: 1em;display: inline-block;}
	h1.borderless {border: none;}
	h4 {font-size: 15px;color: #1E366C;text-transform: uppercase;margin: -3px 0 20px 0;font-weight:500;}
	h3 {font-size: 1.250em;color: #1E366C;margin: 20px 0;font-weight: 400;}	
	
	.cols-3 > div {width: 33%;display: inline-block;vertical-align: top;}
	ul {list-style: none;margin: 0;padding: 0;font-size: 0.9em;}
	ul li {padding: 0 0 20px 0;color: #968F8F;}
	ul li a {color: #968F8F;text-decoration: none;}
	ul.list-primary {width: 95%;}
	ul.list-primary li {border-bottom: solid #41AD49 1px;padding: 0 0 10px 0;}
	ul.list-primary li:nth-child(n+2) {padding-top: 10px;}
	ul.list-primary li:nth-last-of-type(1) {border-bottom: none;}
	li.download:after {content: "\e8f5";font-family: 'Linearicons';font-size: 18px;float: right;display: block;width: 20px;height: 20px;margin-right: 20px;margin-top:-20px; /*EB, 29Nov2018*/}
	li.arrow:after {content: "\e944";font-family: 'Linearicons';float: right;display: block;font-size: 18px;width: 20px;margin-right: 20px;margin-top:-20px; /*EB, 29Nov2018*/}
	li.download:hover:after {color:#41AD49;}
	li.arrow:hover:after {color:#41AD49;}
	li.download a, li.arrow a {display:block;} /*EB, 29Nov2018*/

	ul.list-icons li.download:after {margin-top:0;}


	.space-bottom {margin-bottom: 60px;}
	.highlights {}
	.highlights > div {width: 14.6%;display: inline-block;vertical-align: top;position: relative;border: solid #968F8F thin;margin: 0 21px 30px 0;height: 175px;}
	.highlights > div:nth-of-type(6) {margin-right: 0px;}
	.highlights > div.double {width: 31.5%;}
	.highlights > div p {padding: 8px 16px;margin: 0;}
	.highlights > div h1 {width: 100%;font-size: 2.6em;font-weight: 800;color: #1E366C;text-transform: uppercase;background: url(../images/header-bg-pattern.png);border-bottom: none;padding: 10px 0;text-align: center;margin: 0 0 5px 0;height: 43px;vertical-align: middle;}
	.highlights > div h1.size-2 {font-size: 1.9em;padding-top: 17px;height: 36px;}
	.highlights > div h1.size-3 {font-size: 1.6em;padding-top: 18px;height: 30px;}
	
	ul.invest-list {list-style: none;border: solid #968F8F thin;background: #FFF;padding: 0;margin: 0;}
	ul.invest-list li {border-bottom: solid #968F8F thin;padding: 15px 20px 15px 52px;color: #1E366C;font-size: 1.1em;position: relative;}
	ul.invest-list:nth-of-type(1) {margin-right: 21px;}
	ul.invest-list li:nth-of-type(odd):before {content: url(../images/invest-bullet-blue.png);position: absolute;left: 5px;top: 10px;}
	ul.invest-list li:nth-of-type(even):before {content: url(../images/invest-bullet-green.png);position: absolute;left: 5px;top: 10px;}
	
	.facts > div {width: 14.6%;display: inline-block;vertical-align: top;position: relative;border: none;margin: 0 21px 30px 0;height: 158px;background: #FFF;}
	.facts > div:nth-of-type(4) {margin-right: 0px;}
	.facts > div.double {width: 31.8%;}
	.facts > div p {padding: 20px 10px;margin: 0;color: #41AD49;}
	.center {width: 100%;display:block;text-align: center;margin:0 auto;}
	table {border: solid #968F8F thin;width: 100%;}
	table tr td {border-bottom: solid #968F8F thin;color: #968F8F;padding: 12px 15px;}
	table tr:nth-last-of-type(1) td {border-bottom: none;}
	ul.standard {list-style: none;margin: 0;padding: 0;color: #1E366C;font-size: 15px;}
	ul.standard li {padding: 0 0 5px 0;margin: 0;color: #1E366C;}


/*=PAGINATION
-------------*/
	.rgt {float:right;}
	.lft {float:left;}
	.footer-nav {display:none;}
	.footer-nav p {position: relative;line-height: 1;}
	.footer-nav p a i {font-style: normal;display: inline-block;font-size:18px;}
	.footer-nav p a i {position: absolute;top: 50%;transform: translateY(-50%);}
	.footer-nav p {margin:0;padding:0;}
	.footer-nav p a {display:block;border:none;}
	.footer-nav p a:link, .footer-nav p a:visited {color:#1E366C;}
	.footer-nav p a:hover {color:#41AD49;}
	p#lft {text-align: left}
	p#rgt {text-align: right}
	a#go-lft, a#go-rgt {font-size:60px;text-decoration:none;}
	a#go-lft:before {content:'\e93b';font-family:'Linearicons';speak: none;}
	a#go-rgt:after {content:'\e93c';font-family:'Linearicons';speak: none;padding-left:60px}
	
	#site-map > li {margin:1em 0 .25em 0;color: #1E366C}
	#site-map li {margin-left:1em;padding:0}
	#site-map li a {}


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

@media screen and (max-width: 1380px) {
	#back-to-top {bottom:-4em}
}
	   
@media screen and (max-width: 1141px) {
    nav ul {display: none;}
    header #search {top: -33px;}
	.menu > ul > li {padding: 0 15px;}
	.mobile-menu {position: relative;right: 0px;top: 90px;background: #FFF;z-index: 3;text-align: center;padding: 25px 25px 25px 25px;}
    .mobile-menu ul li a {padding: 0 0 6px 0;}
    .mobile-menu ul li a.active {border-bottom: solid #00B9CB 3px;}
    .slideshow .container p {max-width: 90%;background: rgba(0, 176, 158, 0.6);padding: 28px 70px 70px 20px;color: #FFF;font-size: 1.7em;margin: 100px 0 0 25px;}
    .slideshow-nav {position: relative;float: left;margin-top: -78px;z-index: 2;margin-bottom: 60px;margin-left: 25px;}
    .page-header img {width: 300px;}
    .col-2 {width: 48%;}
    .highlights > div {width: 14%;height: 205px;}
    .highlights > div.double {width: 31%;height: 205px;}
    .highlights > div h1.size-2 {font-size: 1.5em;}
    .highlights > div h1.size-3 {font-size: 1.3em;}
    .facts > div {width: 24%;}
    .facts > div:nth-of-type(4) {margin-right: 20px;}
}

@media screen and (max-width: 1024px){
	.number-position {left: 75px;}
	.p-place{top:-38px;}
	.logo { margin-left: 10px;}
}
@media screen and (min-width: 1024px){
	.calendar div h1 {float: left;width: 20%;background: url(../images/bg-chem.jpg);color: #FFF;font-size: 1.9em;font-weight: 800;text-align: center;padding: 10px 0;margin: 0;line-height: 1em;border-bottom: none;height: 100%;}
	ul.tabs li {padding: 12px 20px !important;}
}

@media screen and (max-width: 1160px) {
	.menu > ul > li {display: inline-block;padding: 0 15px;position: relative;padding-bottom: 30px;}
	ul.tabs li {margin: 0 20px; }	
}
	
@media screen and (max-width: 1080px) {
	ul.tabs li {margin: 0 20px; padding: 12px 30px;}	
	.agriculture-2column { height: 690px;}	
}	

@media screen and (max-width: 930px) {
	.menu a.main {font-size: 12px;}
	.menu > ul > li {padding: 0 10px;}
	.col-2 {width: 100%;}	
	.cover-col{ width:100%  ; float:none; margin-right:0; margin-bottom:30px;}	
	.cover-col img{ border:1px solid #8E8E8E; display:block; margin:0 auto;}
	.content-col{  width:100%  ; float:none; margin-right:0;}			
}

@media screen and (max-width: 891px) {
    .slideshow-nav .slide-preview div {width: 100px;}
    .slideshow-nav .slide-preview div img {max-width: 100%;}
    .col-2 {width: 48%;}
    .mobile-menu {top: 0;}
    .col-3 {width: 100%;}
    .calendar div h1 {float: left;width: 20%;background: url(../images/bg-chem.jpg);color: #FFF;font-size: 1.9em;font-weight: 800;text-align: center;padding: 10px 0;margin: 0;line-height: 1em;border-bottom: none;height: 100%;}
    .calendar div.active p:before {width: 123%;}
    .div-blocks {display: block;}
    .div-blocks > div {width: 30%;display: inline-block;margin-bottom: 20px;}
    .cols-3 > div {width: 100%;}
    .page-header img {width: 200px;}
    h2.green {margin-top: 80px;}
    .directors > div {width: 31%;}
    .highlights > div {width: 21.5%;}
    .highlights > div:nth-child(4) {margin-right: 0px;}
    .highlights > div:nth-of-type(6) {margin-right: 20px;}
    .highlights > div.double {width: 46.5%;}
    .facts > div, .facts > div.double {width: 46.5%;}
}

@media screen and (max-width: 887px) {
.col-2:nth-of-type(even) {margin-left:0;}
}

@media screen and (max-width: 860px) {
	.map figure {float:none;width:auto;margin:0 auto}
	ul.map-legend {float:none;width:auto;}	
	ul.grid-list li.grid {display:block;float:left;margin-bottom:1em;margin-top:2em}
	ul.grid-list li li {float:none;margin-bottom:0;}
	ul.grid-three.map-legend li.grid {width:32.25806451612903%;margin-right:1.612903225806452%;} /*400 divide 1240 = 32,25806451612903%, 20 divide 1240 = 1,612903225806452%*/
	ul.grid-three.map-legend  li.grid3, ul.grid-three.map-legend  li.grid6 {margin-right:0}
	ul.grid-three.map-legend  li.grid4 {clear:left;}
}	
	
@media screen and (max-width: 820px) {
	.tabs {display: none;}
	.tab-drawer-heading {background:#CCE9CD;color:#1e366c;margin:0;padding:.5em;display: block;cursor: pointer;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
	.d-active {background-color:#41AD48;color: #1e366c;}
	.tab-drawer-heading:before {float:right; content:'+';speak: none;padding-right:.25em}
	.d-active:before {float:right; content:'-';speak: none;padding-right:.25em}
	.agriculture-2column { height: auto;}
}
@media screen and (max-width: 806px) {
	.calendar-title {font: 14px;}
	table.table-responsive-media {border: 0;}
	table.table-responsive-media thead {display: none;}
	table.table-responsive-media tr {margin-bottom: 0px; display: block; border-bottom: 1px solid #ddd;}
	table.table-responsive-media td {display: block;font-size: 13px; border-bottom: 1px dotted #ccc;}
	table.table-responsive-media td:last-child {border-bottom: 0;}
	table.table-responsive-media td:before {content: attr(data-label); float: none; text-transform:none; font-weight: bold;}
	table.table-responsive-media .td-align-center {text-align:right;}
	.spaced-sens .tabs {display: none;}
	.spaced-sens .tab-drawer-heading {background:#7ABE43;color:#fff;border-top:1px solid #7ABE43;margin:0;padding:.5em;display: block;cursor: pointer;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
	.spaced-sens .d-active {background-color:#7ABE43;color: #fff;}
	.spaced-sens .tab-drawer-heading:before {float:right; content:'+';speak: none;padding-right:.25em}
	.spaced-sens .d-active:before {float:right; content:'-';speak: none;padding-right:.25em}
}

@media screen and (max-width: 800px) {
	.business-accordion-heading { padding-left: 0; height: auto;}	
	ul.sub-menu li {padding-bottom: 5px;}
	.govstructure, .govstructure2, .govstructure3{width:100%;padding:15px 0 15px 0}
	.business-accordion-heading{padding-left:0;height:auto}
	.bg-blue {margin-bottom: 20px;}
	.p-place{top:-25px;}
	.board-down, .board-down2, .board-down3{width:100%;margin-right:0}	
	.scrollable {position:relative;overflow:hidden;}
	.scrollable:after {position:absolute;top:0;left:100%;width:50px;height:100%;border-radius:10px 0 0 10px / 50% 0 0 50%;box-shadow:-5px 0 10px rgba(0, 0, 0, 0.25);content:'';}
	.scrollable > div {overflow-x:auto;}
	.scrollable > div::-webkit-scrollbar {height:12px;}
	.scrollable > div::-webkit-scrollbar-track {box-shadow:0 0 2px rgba(0,0,0,0.15) inset;background:#f0f0f0;}
	.scrollable > div::-webkit-scrollbar-thumb {border-radius:6px;background:#ccc;}
	.sub-menu li a {color: #41AD49!important;font-size: 13px!important;}	
	.mobile-menu ul li a { padding: 0 0 6px 0;font-size: 16px;color: #1E366C;}
	.sm-full{ width:100%}		
	a.menu-link {display:block;} /*Menu toggle button*/
	.menu {clear:both;min-width:inherit;float:none;}
	.menu, .menu > ul ul {overflow:hidden;max-height:0;background-color:#0c79a6;} /*Menu background colour*/
	.menu ul.sub-menu {padding:0 0 0 .625em;} /*If drop-down menu has rounded corners, remove them here*/
	.menu.active, .menu > ul ul.active {max-height:34em;} /*Controls height of open menu, including expanded sub menu - if too small, not all items show*/
	.menu ul {display:inline;}
	.menu > ul {border-top:0}
	.menu li, .menu > ul > li {display:block;}
	.menu li a {color:#fff;display:block;padding:0;position:relative;border-bottom:1px solid #fff;} /*Menu separation lines*/
	.menu li.has-submenu > a:after {content:'+';position:absolute;top:0;right:0;display:block;font-size:1.5em;padding:0.55em 0.5em;}
	.menu li.has-submenu > a.active:after {content:"-";}
	.menu ul ul > li a {padding:.5em;}
	.menu ul ul, .menu ul ul ul {display:inherit;position:relative;left:auto;top:auto;border:none;}
	.menu li.has-submenu {margin:0}
	#menuBtn {/* float: right; */font-size: 3em; padding: 0 10px;line-height: 1em;background: #FFF;border-radius: 50%;color: #1E366C;transition: background 0.3s ease-in-out, border-radius 0.3s ease-in-out, color 0.3s ease-in-out;position: absolute;z-index: 99999;top: 30px;right: 30px;}
	ul.grid-four li {width:32.25806451612903%;margin-right:1.612903225806452%;} /*400 divide 1240 = 32,25806451612903%, 20 divide 1240 = 1,612903225806452%*/
	ul.grid-four li.grid5, ul.grid-four li.grid9 {clear:none;}
	ul.grid-four li.grid4, ul.grid-four li.grid7, ul.grid-four li.grid10 {clear:left;}
	ul.grid-four li.grid4, ul.grid-four li.grid8 {margin-right:1.612903225806452%}
	ul.grid-four li.grid3, ul.grid-four li.grid6, ul.grid-four li.grid9 {margin-right:0;}
	.overview-box1, .overview-box2 {width: calc(33% - 20px); margin-right: 15px;}
	.number-position2 { font-size: 26px; }
	header #search {right: 20px;}	
	header #search-form {right: 55px;}
}

@media screen and (max-width: 740px) {
	.page-header img {visibility: hidden;}
	ul.grid-three li.grid {width:50%;margin-right:0;} /**/
	ul.grid-three li.grid4 {clear:none;}
	ul.grid-three li.grid3, ul.grid-three li.grid5 {clear:left;}
	ul.grid-three li.grid2, ul.grid-three li.grid4 {margin-right:0}
	ul.grid-three li.grid3 {margin-right:0}
}


@media screen and (max-width: 640px) {
	ul.grid-four li {width:49%;margin-right:1%;} /**/
	ul.grid-four li.grid4, ul.grid-four li.grid10 {clear:none;}
	ul.grid-four li.grid3, ul.grid-four li.grid5 {clear:left;}
	ul.grid-four li.grid2, ul.grid-four li.grid4, ul.grid-four li.grid6, ul.grid-four li.grid8, ul.grid-four li.grid10, ul.grid-four li.grid12 {margin-right:0}
	ul.grid-four li.grid3, ul.grid-four li.grid9 {margin-right:1%}
	.col-1-width, .col-2-width {width: 100%;}
	ul.grid-three.divisions li.height-large .gutter {min-height: 250px;}
	ul.grid-two li {width: 100%;}
	.slideshow .container p { max-width: 90%; background: rgba(0, 176, 158, 0.6);  padding: 25px; color: #FFF;font-size: 1.35em; margin: 40px 0 0 0;height: 100%;}
	.slide-crumbs { bottom:0; top:auto;}
}

@media screen and (max-width: 600px) {
	header #search-form input {border: solid #CCC thin;color: #CCC;padding: 10px;width: 119px;}	
	#menuBtn {/* float: right; */font-size: 3em;padding: 0 10px;line-height: 1em;background: #FFF;border-radius: 50%;color: #1E366C;transition: background 0.3s ease-in-out, border-radius 0.3s ease-in-out, color 0.3s ease-in-out;position: absolute;z-index: 99999;top: 21px;right: 30px;}
	.tabs {display: none;}
	.tab-drawer-heading {background:#edece8;color:#0067a6;border-top:1px solid #0067a6;margin:0;padding:.5em;display: block;cursor: pointer;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
	.d-active {background-color:#0067a4;color: #fff;}
	.tab-drawer-heading:before {content:'\f0fe';font-family:'fontawesome';speak: none;padding-right:.25em}
	.d-active:before {content:'\f146';font-family:'fontawesome';speak: none;padding-right:.25em}
	ul.grid-three li.grid {float:none;width:auto;margin-right:0}
	ul.grid-three li .gutter {min-height:inherit;}
	ul.grid-three li.grid {float:none;width:auto;margin-right:0}
	ul.grid-three li .gutter {min-height:inherit;}
	.map ul.grid-three li.grid {width:50%;margin-right:0;} /*%*/
	.map ul.grid-three li.grid4 {clear:none;}
	.map ul.grid-three li.grid3, ul.grid-three li.grid5 {clear:left;}
	.map ul.grid-three li.grid2, ul.grid-three li.grid4 {margin-right:0}
	.map ul.grid-three li.grid3 {margin-right:0}	
	.our-impact1, .our-impact2{ width:100%} 
	.date-small {display:block}
	.date {display:none}
	.layout-table-row {display: block}
	.layout-table-cell {display:block;width:100%}
	.layout-table.accordion .layout-table-cell.td-one, .layout-table.accordion .layout-table-cell.td-two {width: 100%;}	
	.layout-table.accordion .layout-table-cell {padding: 10px;}
	.footer-nav {display:block;}
}
	
@media screen and (max-width: 500px){
	.overview-box1, .overview-box2 {width: 100%;margin-right: 0}
	.number-position2 {left: 150px;}
}

@media screen and (max-width: 480px) {
	ul.grid-four li.grid {float:none;width:auto;margin-right:0}
	ul.grid-four li .gutter {min-height:inherit;}
	.col-1-width, .col-2-width {width: 100%;}
	ul.grid-three.divisions li.height-large .gutter {min-height: 250px;}
	ul.grid-two li {width: 100%;}

}

@media screen and (max-width: 426px) {
	#menuBtn {/* float: right; */font-size: 3em;padding: 0 10px;line-height: 1em;background: #FFF;border-radius: 50%;color: #1E366C;transition: background 0.3s ease-in-out, border-radius 0.3s ease-in-out, color 0.3s ease-in-out;position: absolute;z-index: 99999;top: 26px;right: 30px;}
	.number-position {left: 7px;}	
	.logo {width: 45%;}
    nav {width: 50%;}
    .slideshow-nav {position: relative;float: left;margin-top: -78px;z-index: 2;margin-bottom: 60px;margin-left: 0px;}
    .slide-preview {display: none;}
    .calendar > div > h1 {height: 62px;}
    .calendar div.active p:before {width: 100%;}
	.calendar-title {font-size: 12px;} 
	.calendar div {height: 100%;}
	.calendar div p {width: 78%;padding: 13px; height: 100%;}
	.calendar div h1 {width: 10%; font-size: 1.3em;     padding: 10px 0;}
    .col-2 {width: 100%;}
    .div-blocks > div {width: 100%;}
    .div-blocks > div img {width: 100%;}
    .page-header {display: none;}
    h2.green {margin-top: 60px;}
    .directors > div {width: 100%;}
    .highlights > div {width: 100%;}
    .highlights > div.double {width: 100%;}
    ul.invest-list {width: 100%;}
    .facts > div, .facts > div.double {width: 100%;height: auto;}

}

@media screen and (max-width: 375px) {
	.calendar div h1 {width: 15%;}
}

@media screen and (max-width: 360px) {
	.calendar div p {padding: 13px 0 12px 13px;}
	.number-position {left: 7px;}
	.footer-nav p {position: relative;line-height: 1;}
	.footer-nav p a i {display:none;}
	a.divisions-btn:after {top: 0px;}
}
@media screen and (max-width: 320px) {.calendar div p {padding: 5px;}
	.number-position2 {left: 100px;}
	a.divisions-btn:after {top: 10px;}
	.calendar div h1 {width: 15%; font-size: 1em;height: 47px; padding: 10px 0;}
}