@charset "utf-8";

@import url("//hello.myfonts.net/count/2f869f");

@font-face {font-family: 'HelveticaNeueLTStd-Lt';src: url('../fonts/webfonts/2F869F_0_0.eot');src: url('../fonts/webfonts/2F869F_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/webfonts/2F869F_0_0.woff2') format('woff2'),url('../fonts/webfonts/2F869F_0_0.woff') format('woff'),url('../fonts/webfonts/2F869F_0_0.ttf') format('truetype');}



/*--COLOURS--*/

.green {color:#a9cb6b;}

.mid-green {color:#90ba51;}

.dark-green {color:#90ba51;}

.dark-grey  {color:#a9cb6b;}





/*--BACKGROUND COLOURS--*/

.bggreen {background:#92D050; padding:10px;}

.bggreen a {color:#555555;}



body {background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:14.5px; line-height:1.5em; color:#585757; position:relative; margin-bottom:10px;}

@media (min-width: 768px) { body {font-size:14px; line-height:1.65em;} }

@media (min-width: 992px) { body {font-size:14px; line-height:1.65em;} }

@media (min-width: 1200px) { body {font-size:14px; line-height:1.65em;} }





h1, h2, h3, h4, h5 {letter-spacing:0; margin-top:0; margin-bottom:20px; padding:0; font-weight:normal; text-align:left; }



h1{font-size:3em; color:#a9cb6b; line-height:1.1em; margin-bottom:30px; text-transform:uppercase; }



h2{font-size:1.8em; color:#000; text-transform:uppercase; line-height:1.6em; font-weight:normal; }

h2 a{color:#000;}

h3{font-size:1.7em; color:#90ba51; /* color:#90ba51; */ font-weight:bold;}

h3 a{color:#90ba51;}

h3 a{color:#90ba51;}

h4{font-size:1.4em; color:#90ba51; /* color:#585757; */ font-weight:normal; line-height:1.2em;}

h4 a{color:#90ba51; text-decoration:none;}

.green-bg {background: #AAD061; padding: 40px; min-height: 148px;}

.green-bg h4 {color: #000; font-size: 28px; margin:0;}

li h4 {margin-bottom:5px;}

h5{font-size:1.1em; color:#a9cb6b; font-weight:normal;}

h5 a{color:#a9cb6b;}

h6{font-size:1em; line-height:1.3em; font-weight:bold; margin-bottom:10px; margin-top:0;}

h6.green {color:#a9cb6b; font-style:italic;}

p{margin: 0 0 1.3em 0}



p.lead{font-size:1.1em; line-height:1.5em; margin:0 0 1em 0; font-weight:normal;}

@media (min-width: 768px) { p.lead {font-size:1.2em;} }

@media (min-width: 992px) { p.lead {font-size:1.26em;} }

@media (min-width: 1200px) { p.lead {font-size:1.3em;} }



ul{margin:0 0 1em 10px; padding:0;}

ul ul,

ul ol,

ol ol,

ol ul{margin:10px 0 1em 0em; }

li{list-style:disc; margin:0 0 0.8em 0; padding:0 0 0 20px; position:relative; } 

li:before,

ol li ul li:before{background:none; font-family:'FontAwesome'; font-size:0.6em; position: absolute; left:0; top:0; content:"";  color:#85d2ef; }

li ul li{margin:0 0 0.5em 20px;}

ol{margin:0 0 1em 0 !important; }

ol li{list-style-type:decimal !important; padding:0px 0px 0px 10px;}

ol li:before{display:none;}

ol li ul li{list-style-type:none !important;}



ul{margin:0.3em 0 1em 15px; }

#main-content ul li{list-style-image:url(../images/content-bullet.png); margin:0 0 0.7em 0;}





a{color:#90ba51; text-decoration:none; border-bottom:0px dotted #a9cb6b;}

a:hover{color:inherit;}

a:hover, a:active, a:focus{outline: none}

strong{color: #555555}

hr{clear:both; height:2px; padding:5px 0; margin:0 0 18px 0; border:none; border-bottom:2px dotted #ccc;}

.blog-blog-subpage hr{height:1px; padding:0px 0; margin:0 0 10px 0; border:none; border-bottom:1px dotted #ccc;}



img.brochure{border:1px solid #ccc;}

input{padding:2px; }

.descriptor, .date{color:#9c9b9b; font-size:0.8em;}

.with-descr{margin:0;}

.hidden{display: none}

.nodisplay{display:none;}

.mht1{display:inline-block; height:120px;}



a.descriptor-pdf{display:block; color:#555; font-size:1.1em; background:#eeeeee url(../images/icon-pdf.png) 4px 4px no-repeat; margin:0; padding:4px 4px 4px 20px; width:145px; cursor:pointer; font-weight:bold; text-decoration:none; clear:both;}

a.descriptor-pdf:hover{color:#fff; background:#ccc url(../images/icon-pdf.png) 4px 4px no-repeat; }



.sml-13em {font-size:1.3em;}

.sml-90{font-size:0.9em; line-height:1.0em}

.mbn {margin-bottom:0;}



img.img-responsive {width:auto; max-width:100%;}

img.brdr {border:1px solid #ccc;}



/*--Delimited lists--*/



dt{color:#555555; font-weight:bold; line-height:1.3em; margin:0 0 0 0; padding:0 0 0.3em 0; font-style:italic}

dd{margin:0 0 0.4em 0; padding:5px 0 5px 8%; border-top:1px dotted #CCC; }

dl.w-50{width:52%; margin-left:5%}

dl.w-50 {margin:1em 0; border-bottom:0px dotted #CCC;}

dl.w-50 dt {clear:both; float:left; line-height:1.2em; margin:0 0 10px 0; padding:10px 0 0.3em; text-align:left; width:50%;}

dl.w-50 dd {line-height:1.2em; margin:0; padding:10px 0 0.3em 52%; margin:0 0 10px 0; border-top:1px dotted #ccc}

dl.article-info{margin:1em 0 0.5em 0}

dl.article-info dt{display:none;}

dl.article-info dd{float:none; font-size:0.9em; margin:0; padding:0 0 0.3em 0; color:#bbb; line-height:0.5em; border:none}

/*--Bootstrap overrides--*/

.nopad {padding:0 !important;}

.nopad-r {padding-right:0 !important;}

.nopad-l {padding-left:0 !important;}



.nomrgn {margin:0 !important;}

.mrgn-b0 {margin-bottom:0px !important;}

.mrgn-b10 {margin-bottom:10px !important;}

.mrgn-b15 {margin-bottom:15px !important;}



/*--CONTENT AREAS--*/

#wrapper{background:none; margin:0 auto; max-width:980px; min-width:768px; position:relative}



/*--SECTIONS--*/

section {padding:30px 0; position:relative;}



section.home-topbar{background:#d9d9d9;}

/* section.home-topbar{background:#c2c2c2 url(../images/home-topbar-uhd.jpg) center top no-repeat;} */



section.home-products{padding:20px 0; width:100%; min-height:300px; background:none; text-align:center;}



/*--Main content page section--*/

.section-main{margin-top:0px;  }



.section-main .container {background:#fff; margin-top:0px; padding-bottom:20px; min-height:450px; position:relative;} 



#home .section-main .container{margin-top:0; padding-top:0px; min-height:300px;}

.section-main .row{margin-bottom:1em;  margin-right: 0px; margin-left: 0px; }

.section-main .row.bs {margin-right:-15px; margin-left:-15px; }

.section-main .row .item-page{position:relative;}



.section-main h1{font-size:2.3em; color:#a9cb6b; line-height:1.1em; margin-bottom:30px;  margin-top: 15px;}

.section-main p.intro.blank{padding:0px 30px 0px 30px; margin:0 0 35px 0;}

.section-main ul li{display:list-item; line-height:1.3em; padding:0 0 0 5px; position:relative; text-align:left; list-style:url(https://www.mpact.co.za/assets/images/bullet-1.png); margin:0 0 0.7em 15px; } 

.section-main ol li	{padding:0 0 0 8px;}

.section-main li:last-child{border:0;}

.section-main span{vertical-align:top; padding-top:9px; font-size:90%;}	

.section-main li:before,

.section-main ol li ul li:before{

		font-family:'FontAwesome';

		font-size:0.7em;

		position: absolute;

		left:0; top:2px;

		content:" "; /*\f054"*/;  

		color:#a9cb6b; }	

.section-main ul ul {margin-left:20px;}

.section-main ul ul li{padding:0 0 0.2em 5px; list-style:disc;}		

.section-main ul ul li:before{font-size:0.7em; color:#bba37c;}

.section-main ul.pager{margin-top:40px;}

.section-main ul.pager li:before{content:"";}



.section-main li.download{padding:0 0 0 25px;}

.section-main li.download:before{content:"\f019"; color:#a9cb6b; font-size:1em;}



.no-bullet, .no-bullet li, .no-bullet li:before, .no-bullet ol li ul li:before{ content:""; padding:0px !important; }



.section-main img{margin-bottom:10px;}



.section-primary{background:#293484; }

.section-primary h1, .section-primary h2, .section-primary h3, .section-primary h2 h4{color:#fff;}

.section-primary-a{border-top:4px solid #ef8e01;}

.section-primary-b{border-bottom:4px solid #ef8e01;}



.section-secondary {background:#e4e3e3;}



/*--Section Dark--*/

section.drk{background:url(../images/backtile-drk.png) left -20px repeat-x /*#3ab54a*/; padding:20px;}

section.drk .container {background:none; margin-top:20px; padding-bottom:20px; min-height:450px; position:relative;} 





section.home-ticker.sub{margin:0 0 20px 0;}

section.home-ticker.sub li {color:#fff; padding:0 10px !important; list-style:none;}

section.home-ticker.sub li:before {top:0; color:#ccc; content:' ';}

section.home-ticker.sub li strong {color:#fff;}



/*-- Header --*/

header {display:block; background:none; width:100%; height:auto; min-height:300px; margin:0; padding:105px 0 0 0; text-align:center; position:relative;}

@media (min-width: 335px) { header {padding:100px 0 0 0;} }

@media (min-width: 360px) { header {padding:80px 0 0 0;} }

@media (min-width: 480px) { header {padding:85px 0 0 0;} }

@media (min-width: 768px) { header {padding:85px 0 0 0;} }

@media (min-width: 992px) { header {padding:90px 0 0 0;} }

@media (min-width: 992px) { header {padding:85px 0 0 0;} }



/*-- Header --

header {background:none; width:100%; height:300px; margin:0; padding:0; text-align:center;} 

*/



header .container{position:relative;}



/*--Logo--

#logo {display:block; float:none; width:80px; height:80px; margin:0; padding:0; background:#fff;position:absolute; top:100px; right:20px; z-index:3000;}

@media (min-width: 480px) { #logo {width:100px; height:120px; top:66px;} }

@media (min-width: 768px) { #logo {width:150px; height:130px; top:72px;} }

@media (min-width: 992px) { #logo {width:150px; height:130px; top:72px;} }

@media (min-width: 1200px) { #logo {width:155px; height:130px; top:72px;} } */

/*--Logo--

#logo {display:block; float:none; width:80px; height:80px; margin:0; padding:0; background:url(../images/logo-mpact.png) left top no-repeat; position:absolute; top:100px; right:20px; z-index:3000;}

@media (min-width: 480px) { #logo {width:100px; height:100px; top:90px;} }

@media (min-width: 768px) { #logo {width:150px; height:150px; top:90px;} }

@media (min-width: 992px) { #logo {width:150px; height:150px; top:90px;} }

@media (min-width: 1200px) { #logo {width:155px; height:155px; top:80px;} }

*/

#logo a{color:#686868; border:0; outline:none;}

#logo a img{margin:0; padding:0; width:100%; border:0px;}





/*-- Header Home --*/

#home header {position:absolute; top:0; left:0; z-index:5000; height:auto; margin:0; padding:0 29px 0 29px; text-align:center;}

/* #home header {height:auto; margin:0; padding:0 29px 0 29px; text-align:center;} */

#home header h4 {display:inline-block; width:40%; margin:40px auto 20px auto; text-align:center; color:#fff; text-shadow:2px 2px 8px rgba(0,0,0,0.3); font-size: 1.1em;}

@media (min-width: 768px) { #home header h4 {width:60%; font-size: 1.2em;} }

@media (min-width: 992px) { #home header h4 {width:60%; font-size: 1.3em;} }

@media (min-width: 1200px) { #home header h4 {width:70%; font-size: 1.3em;} }





/*--Logo Home--*/

#home #logo {display:block; width:60px; height:60px; margin:0 0 0; padding:0; position:absolute; top:10px; right:10px; z-index:6000; border:1px solid #ccc; background:#fff;}

@media (min-width: 480px) { #home #logo {width:65px; height:65px; top:10px; right:15px;} }

@media (min-width: 768px) { #home #logo {width:70px; height:70px; top:15px; right:20px;} }

@media (min-width: 992px) { #home #logo {width:135px; height:135px; top:80px; right:20px;} }

@media (min-width: 1200px) { #home #logo {width:140px; height:140px; top:90px; right:20px;} }

@media (min-width: 1600px) { #home #logo {width:190px; height:190px; top:90px; right:20px;} }

/*--Logo Home--

#home #logo {display:block; width:60px; height:60px; margin:0 0 0; padding:0; position:absolute; top:10px; right:10px; z-index:6000; border:1px solid #ccc; background:#fff;}

@media (min-width: 480px) { #home #logo {width:65px; height:65px; top:10px; right:15px;} }

@media (min-width: 768px) { #home #logo {width:70px; height:70px; top:15px; right:20px;} }

@media (min-width: 992px) { #home #logo {width:135px; height:135px; top:80px; right:20px;} }

@media (min-width: 1200px) { #home #logo {width:140px; height:140px; top:90px; right:20px;} }

@media (min-width: 1600px) { #home #logo {width:190px; height:190px; top:90px; right:20px;} }

*/



/*--MAIN MENU--*/

#main-menu-hover-space {margin:0; padding:0;}

#btn-menu {display:none; }



/*--Display always--*/

#main-menu {position:fixed; display:block; left:0; top:0; z-index:5000 !important; width:100%; height:auto; min-height:80px; text-align:center; padding:0; overflow:visible; box-shadow:5px 5px 10px rgba(0,0,0,0.2); background:#fff;}

@media (min-width: 480px) { #main-menu {min-height:85px;} }

@media (min-width: 768px) { #main-menu {min-height:85px;} }

@media (min-width: 992px) { #main-menu {min-height:85px;} }

@media (min-width: 1200px) { #main-menu {min-height:92px;} }

@media (min-width: 1600px) { #main-menu {min-height:100px;} }



#main-menu .wrapper {display:block; width:100%; height:100%; position:relative; text-align:left;}



/*--Home menu--*/

#home #main-menu {position:fixed; display:block; left:0; top:0; z-index:5000 !important; width:100%; height:inherit; min-height:105px; text-align:center; padding:0; overflow:visible; box-shadow:5px 5px 10px rgba(0,0,0,0.2); background:#fff;}

@media (min-width: 480px) { #home #main-menu {min-height:105px;} }

@media (min-width: 768px) { #home #main-menu {min-height:110px;} }

@media (min-width: 992px) { #home #main-menu {min-height:20px;} }

@media (min-width: 1200px) { #home #main-menu {min-height:20px;} }



/*--Main Menu Logo--*/

#main-menu #logo {display:inline-block; float:right; width:55px; height:32px; margin:10px 7px 0 5px; padding:0; top:inherit; right:inherit; z-index:1; border:0px solid #ccc;}

@media (min-width: 480px) { #main-menu #logo {display:inline-block; float:left; width:16%; max-width:95px; height:55px; margin:9px 5px 0 0px; } }

@media (min-width: 768px) { #main-menu #logo {display:inline-block; float:left; width:100px; max-width:inherit; height:58px; margin:10px 5px 0 0px; } }

@media (min-width: 992px) { #main-menu #logo {display:inline-block; float:left; width:125px; max-width:inherit; height:69px; margin:3px 5px 0 0px; } }

@media (min-width: 1200px) { #main-menu #logo {display:inline-block; float:left; width:144px; max-width:inherit; height:auto; margin:4px 5px 0 5px; } }

@media (min-width: 1600px) { #main-menu #logo {display:inline-block; float:left; width:165px; max-width:inherit; height:auto; margin:2px 5px 0 1%; } }

/*--Main Menu Logo--

#main-menu #logo {display:inline-block; float:right; width:55px; height:32px; margin:10px 7px 0 5px; padding:0; background:url(../images/logo-mpact-h.svg) left top no-repeat; top:inherit; right:inherit; z-index:1; border:0px solid #ccc;}

@media (min-width: 480px) { #main-menu #logo {display:inline-block; float:left; width:16%; max-width:95px; height:55px; margin:9px 5px 0 0px; } }

@media (min-width: 768px) { #main-menu #logo {display:inline-block; float:left; width:100px; max-width:inherit; height:58px; margin:10px 5px 0 0px; } }

@media (min-width: 992px) { #main-menu #logo {display:inline-block; float:left; width:125px; max-width:inherit; height:69px; margin:3px 5px 0 0px; } }

@media (min-width: 1200px) { #main-menu #logo {display:inline-block; float:left; width:144px; max-width:inherit; height:80px; margin:4px 5px 0 5px; } }

@media (min-width: 1600px) { #main-menu #logo {display:inline-block; float:left; width:165px; max-width:inherit; height:92px; margin:2px 5px 0 1%; } }

*/



.close {display:none; }



/*--MAIN NAVIGATION--*/

nav {display:block; float:none; background:#fff; position:relative; width:auto; padding:0 0 0 0; margin:0px auto 0 auto; z-index:20000; *zoom:1; clear:none\9 !important; text-align:center; overflow:visible; }



#main-menu nav {display:inline-block; float:left; width:77%; background:#fff; position:relative; padding:0 0 0 0; margin:0px auto 0 auto; z-index:3000; *zoom:1; clear:none\9 !important; text-align:center; overflow:visible; }

@media (min-width: 335px) { #main-menu nav {display:inline-block; float:left; width:80%; } }

@media (min-width: 480px) { #main-menu nav {display:inline-block; float:left; width:82%; } }

@media (min-width: 768px) { #main-menu nav {display:inline-block; float:left; width:86%; } }

@media (min-width: 992px) { #main-menu nav {display:inline-block; float:left; width:86%; } }

@media (min-width: 1200px) { #main-menu nav {display:inline-block; float:left; width:82%; } }

/*

#main-menu nav {display:block; float:none; width:auto; background:#fff; position:relative; padding:0 0 0 0; margin:0px auto 0 auto; z-index:3000; *zoom:1; clear:none\9 !important; text-align:center; overflow:visible; }

@media (min-width: 480px) { #main-menu nav {display:inline-block; float:left; width:80%; } }

@media (min-width: 768px) { #main-menu nav {display:inline-block; float:left; width:85%; } }

@media (min-width: 992px) { #main-menu nav {display:inline-block; float:left; width:84%; } }

@media (min-width: 1200px) { #main-menu nav {display:inline-block; float:left; width:82%; } 

*/



nav ul {margin:0 auto; padding:10px 5px 10px 5px; position:relative; z-index:15000; *zoom:1; float:none; }

@media (min-width: 480px) { nav ul {padding:15px 5px 10px 5px;} }

@media (min-width: 768px) { nav ul {padding:20px 5px 10px 10px;} }

@media (min-width: 992px) { nav ul {padding:30px 0px 15px 10px;} }

@media (min-width: 1200px) { nav ul {padding:33px 0px 15px 20px;} }

@media (min-width: 1600px) { nav ul {padding:38px 0px 15px 0px;} }



#home #main-menu nav ul {padding:10px 5px 10px 5px;}

@media (min-width: 992px) { #home  #main-menu nav ul {padding:20px 0px 15px 30px;} }

@media (min-width: 1200px) { #home  #main-menu nav ul {padding:20px 0px 15px 50px;} }



#home #main-menu nav ul ul {padding: 0 0 5px 0;}



/*

nav ul {margin:0 auto; padding:10px 5px 10px 5px; position:relative; z-index:2000; *zoom:1; float:none; }

@media (min-width: 480px) { nav ul {padding:15px 10px 10px 30px;} }

@media (min-width: 768px) { nav ul {padding:15px 0px 10px 30px;} }

@media (min-width: 992px) { nav ul {padding:22px 0px 20px 30px;} }

@media (min-width: 1200px) { nav ul {padding:22px 0px 20px 50px;} }

@media (min-width: 1600px) { nav ul {padding:22px 0px 20px 0px;} }

*/



nav li {list-style:none; font-size:0.75em; float:none; display:inline-block; margin:0 0 0 0; padding:0 5px; border-bottom:0px solid #d0dded; border-bottom:none\9 !important; position:relative; line-height:0.8em; text-align:left;}

@media (min-width: 480px) { nav li {float:none; font-size:0.85em; display:inline-block; margin:0 0 0 0; padding:0 5px;} }

@media (min-width: 768px) { nav li {float:none; font-size:0.85em; display:inline-block; margin:0 0 0 0; padding:0 6px;} }

@media (min-width: 992px) { nav li {float:none; font-size:0.85em; display:inline-block; margin:0 0 0 0; padding:0 6px;} }

@media (min-width: 1200px) { nav li {float:none; font-size:0.88em; display:inline-block; margin:0 0 0 0; padding:0 10px;} }

@media (min-width: 1600px) { nav li {float:none; font-size:0.95em; display:inline-block; margin:0 0 0 0; padding:0 10px;} }



nav li:hover{background:#fff; /* box-shadow:4px 4px 4px rgba(0,0,0,0.2);*/}



nav li a {display:block; color:#000; text-decoration:none; margin:0 0 0 0; padding:0 0 0 0; background:none; text-transform:uppercase; font-weight:bold; }

@media (min-width: 768px) { nav li a {padding:5px 0 5px 0;} }

@media (min-width: 992px) { nav li a {padding:5px 0 5px 0;} }

@media (min-width: 1200px) { nav li a {padding:5px 0 5px 0;} }



nav li:last-child{border-right:none}

nav li.active a{color:#83b341; text-decoration:none; padding-bottom:24px; border-bottom:0px solid #000;}

nav li a:hover{color:#83b341; background:#fff; text-decoration:none; }



/* Dropdown */

nav ul ul {position:relative; left:0; z-index:10000; text-align:left;}

nav li:hover > ul {display:block; }



nav li ul {display:none; padding:0 0 5px 0; margin:0; background:#fff; border:1px #ccc solid; width:220px; overflow:hidden; position:absolute; left:-14px; right:inherit; top:10px !important; z-index:9000; box-shadow:4px 4px 4px rgba(0,0,0,0.2); }

@media (min-width: 768px) { nav li ul {width:220px; position:absolute; left:0px; top:17px !important; right:inherit;} }

@media (min-width: 992px) { nav li ul {width:220px; position:absolute; left:0px; top:18px !important; right:inherit;} }

@media (min-width: 1200px) { nav li ul {width:220px; position:absolute; left:0px; top:19px !important; right:inherit;} }



nav li ul ul {width:auto; border:none;}



nav li ul li {float:none; display:block; line-height:1.3em; padding:0; margin:0; border-right:none; position:relative; list-style:none; font-size:1em;}



nav li ul li:hover{box-shadow:none;}

nav li ul li a{line-height:1.2em; color:#000 /*#83b341*/; text-decoration:none; font-size:1em; margin:0; display:block; padding:7px 5px 7px 25px; text-transform:none; font-weight:normal; position:relative; background:url(../images/bullet-1.png) 8px 10px no-repeat;}

nav li ul li a:hover{color:#77a23b; background:url(../images/bullet-1h.png) 8px 10px no-repeat;}



nav li.active ul li a{color:#000; font-weight:normal; padding:10px 5px 10px 22px; }

nav li.active ul li a:hover{color:#77a23b; }



nav li ul li.active a,

nav li.active ul li.active a{color:#000; font-weight:normal; padding:10px 5px 10px 22px; background:url(../images/bullet-1.png) 8px 10px no-repeat;}



nav li ul li.active a:hover,

nav li.active ul li.active a:hover{color:#77a23b; background:url(../images/bullet-1h.png) 8px 10px no-repeat;}



nav li ul li:last-child a{border-bottom:none;}



nav li.active ul li a{color:#77a23b; font-weight:normal; background:url(../images/bullet-1.png) 8px 10px no-repeat}

nav li ul li a:hover,

nav li.active ul li a:hover,

nav li.active ul li.active a:hover{color:#77a23b; background:url(../images/bullet-1h.png) 8px 10px no-repeat;}

nav li ul li.active a,

nav li.active ul li.active a{color:#77a23b; font-weight:normal; background:url(../images/bullet-1.png) 8px 10px no-repeat}



/*--Second Tier dropdown--*/

nav li ul ul {position:relative !important; left:auto; top:inherit !important; box-shadow:none; margin:0px 0 5px 0; padding:0; clear:both; float:none;}

nav li ul ul li:first-child{height:inherit;/* margin-top:-20px; */}  

/*

nav li ul ul{position:relative; left:auto; top:0px !important; box-shadow:none; margin-bottom:5px; padding:0; clear:both; float:none;} 

*/

nav li ul ul li{margin:0 0 0 15px; padding:0 0 0 0; list-style:none; font-size:0.8em; color:#555; position:relative;}

nav li ul ul li:hover{box-shadow:none; }

nav li ul ul li a, 

nav li ul li.active ul li a,

nav li.active ul li.active ul li a{font-weight:normal; font-size:1em; color:#555; padding:8px 10px 4px 15px; background:url(../images/bullet-sub.png) 2px 10px no-repeat;}

nav li ul li ul li a:hover, 

nav li ul li.active ul li a:hover,

nav li.active ul ul li a:hover,

nav li.active ul li.active a:hover,

nav li.active ul li.active ul li.active a:hover{font-weight:normal !important; color:#77a23b; background:url(../images/bullet-sub-h.png) 2px 10px no-repeat;}





nav li ul ul ul li a{font-size:1.3em !important;}  



/* Display Block */

nav li:hover ul, 

nav li:hover ul ul{display:list-item; z-index:1000; }



/* Fourth Tier */

nav li ul ul ul,

nav li:hover ul ul ul{}



nav li:before{content:" "; }

nav li ul li:before{content:" "; }

nav li ul ul li:before{content:" "; }





/*--Toolbar Navigation--With 2 social media buttons--*/

#main-menu #toolbar {display:inline-block; float:none; margin:0px auto 0 auto; vertical-align:bottom; padding:0 10px; height:auto;  width:auto; text-align:center;}

@media (min-width: 480px) { #main-menu #toolbar {float:none; width:auto; display:inline-block; position:absolute; left:40%; bottom:10px; margin:0px auto 0 auto; } }

@media (min-width: 768px) { #main-menu #toolbar {float:none; width:auto; display:inline-block; position:absolute; left:40%; bottom:10px; margin:0px auto 0 auto; } }

@media (min-width: 992px) { #main-menu #toolbar {float:right; margin:15px 10px 0 0; position:relative; left:auto; bottom:auto; } }

@media (min-width: 1200px) { #main-menu #toolbar {float:right; margin:15px 33px 0 0; position:relative; left:auto; bottom:auto;  } }

@media (min-width: 1600px) { #main-menu #toolbar {float:right; margin:20px 70px 0 0; position:relative; left:auto; bottom:auto; } }



/*--Toolbar Navigation - With 3 utility buttons--

#main-menu #toolbar {display:inline-block; float:left; margin:0px 0 0 20px; vertical-align:bottom;  padding:0 10px; height:auto;  width:auto;}

@media (min-width: 480px) { #main-menu #toolbar {float:left; margin:0px 0 0 15px; } }

@media (min-width: 768px) { #main-menu #toolbar {float:left; margin:0px 0 0 15px; } }

@media (min-width: 992px) { #main-menu #toolbar {float:right; margin:15px 15px 0 0; } }

@media (min-width: 1200px) { #main-menu #toolbar {float:right; margin:15px 15px 0 0;  } }

@media (min-width: 1600px) { #main-menu #toolbar {float:right; margin:20px 20px 0 0;  } } --*/



#main-menu #toolbar p {color:#fff; line-height:1em; margin:0 0 5px 0; font-size:0.8em;}

#main-menu #toolbar ul {margin:0; padding:0; text-align:center; }



#main-menu #toolbar li {display:inline-block; width:28px; height:22px; /*--width:30px; height:22px;--*/ margin:0 6px 0 0; padding:0; list-style:none; text-align:center; background-size:100% auto;}

@media (min-width: 768px) { #main-menu #toolbar li {width:28px; height:22px; margin:0 6px 0 0;} }

@media (min-width: 992px) { #main-menu #toolbar li {width:28px; height:22px; margin:5px 3px 0 0;} }

@media (min-width: 1200px) { #main-menu #toolbar li {width:32px; height:26px; margin:4px 9px 0 0;} }

@media (min-width: 1600px) { #main-menu #toolbar li {width:35px; height:28px; margin:0 12px 0 0;} }



#main-menu #toolbar li:last-child {margin:0;}

#main-menu #toolbar li a {display:block; width:100%; height:100%; /*--width:30px; height:22px;--*/ margin:0; padding:0; background-size:100%;}

#main-menu #toolbar li a:hover {color:#000;}

#main-menu #toolbar li:before {content:''}



#main-menu #toolbar li.tb-sens-announcements a {background:url(../images/tb-sens-announcements.svg) 0 0 no-repeat; }

#main-menu #toolbar li.tb-sens-announcements a:hover {background:url(../images/tb-sens-announcements-h.svg) 0 0 no-repeat; }



#main-menu #toolbar li.tb-financial-report a {background:url(../images/tb-financial-report.svg) 0 0 no-repeat;}

#main-menu #toolbar li.tb-financial-report a:hover {background:url(../images/tb-financial-report-h.svg) 0 0 no-repeat;}



#main-menu #toolbar li.tb-share-price a {background:url(../images/tb-share-price.svg) 0 0 no-repeat;}

#main-menu #toolbar li.tb-share-price a:hover {background:url(../images/tb-share-price-h.svg) 0 0 no-repeat;}



#main-menu #toolbar li.tb-linkedin a {background:url(../images/tb-linkedin.svg) 0 0 no-repeat;}

#main-menu #toolbar li.tb-linkedin a:hover {background:url(../images/tb-linkedin-h.svg) 0 0 no-repeat;}



#main-menu #toolbar li.tb-youtube a {background:url(../images/tb-youtube.svg) 0 0 no-repeat;}

#main-menu #toolbar li.tb-youtube a:hover {background:url(../images/tb-youtube-h.svg) 0 0 no-repeat;}



#main-menu #toolbar li.tb-facebook a {background:url(../images/tb-facebook.svg) 0 0 no-repeat;}

#main-menu #toolbar li.tb-facebook a:hover {background:url(../images/tb-facebook-h.svg) 0 0 no-repeat;}

/*--Footer connect--*/

#connect {}



#connect ul {margin:0 0 20px 0; padding:0; text-align:left; }

#connect li:last-child {margin:0;}

#connect li a {display:block; width:35px; height:26px; /*--width:30px; height:22px;--*/ margin:0; padding:0; background-size:100%;}

#connect li a:hover {color:#000;}

#connect li:before {content:''} ul {margin:0; padding:0; text-align:center; }

#connect li {display:inline-block; width:32px; height:24px; /*--width:30px; height:22px;--*/ margin:0 8px 0 0; padding:0; list-style:none; text-align:center;}

#connect li:last-child {margin:0;}

#connect li a {display:block; width:35px; height:26px; /*--width:30px; height:22px;--*/ margin:0; padding:0; background-size:100%;}

#connect li a:hover {color:#000;}

#connect li:before {content:''}



#connect li.tb-linkedin a {background:url(../images/tb-linkedin.svg) 0 0 no-repeat;}

/*#connect li.tb-linkedin a:hover {background:url(../images/tb-linkedin-hf.svg) 0 0 no-repeat;}*/


#connect li.tb-facebook a {background:url(../images/tb-facebook.svg) 0 0 no-repeat;}

/*#connect li.tb-facebook a:hover {background:url(../images/tb-facebook-hf.svg) 0 0 no-repeat;}*/



#connect li.tb-youtube a {background:url(../images/tb-youtube.svg) 0 0 no-repeat;}

/*#connect li.tb-youtube a:hover {background:url(../images/tb-youtube-hf.svg) 0 0 no-repeat;}*/


#connect li.tb-twitter a {background-image:url(../images/tb-twitter.svg); background-position: center;
background-size: contain; background-repeat: no-repeat;
}

/*#connect li.tb-twitter a:hover {background-image:url(../images/tb-twitter-hf.svg);  background-position: center;
background-size: contain;}*/

#connect li.tb-instagram a {background-image:url(../images/tb-instagram.svg); background-position: center;
background-size: cover; background-repeat: no-repeat;
}

/*#connect li.tb-instagram a:hover {background-image:url(../images/tb-instagram-hf.svg);  background-position: center;
background-size: cover;}*/


/*
#connect li.tb-linkedin a:hover {
	background-color: #a9cb6b;
}
#connect li.tb-facebook a:hover {
	background-color: #a9cb6b;
}
#connect li.tb-twitter a:hover {
	background-color: #a9cb6b;
}
#connect li.tb-instagram a:hover {
	background-color: #a9cb6b;
}

*/
/*--HOME BANNER CAROUSEL--Absolute position--*//*--

#carousel-home {width:100%; height:auto; padding-top:0px; position:absolute; top:50px; left:0; z-index:0;}

@media (min-width: 480px) { #carousel-home {top:50px; } }

@media (min-width: 768px) { #carousel-home {top:50px; } }

@media (min-width: 992px) { #carousel-home {top:50px; } }

@media (min-width: 1200px) { #carousel-home {top:60px; } }

@media (min-width: 1600px) { #carousel-home {top:65px; } }



.carousel {padding:0; margin-bottom:0;}



.carousel-inner {width:100%; height:235px; background:#EBEBEB}

@media (min-width: 480px) { .carousel-inner {height:235px;} }

@media (min-width: 768px) { .carousel-inner {height:235px;} }

@media (min-width: 992px) { .carousel-inner {height:215px;} }

@media (min-width: 1200px) { .carousel-inner {height:215px;} }

@media (min-width: 1600px) { .carousel-inner {height:315px;} }



.item {display:block; margin-top:0px; height:auto; width:100%; } 



.carousel-inner > .item.active {-webkit-animation:fadeIn 2s; animation:fadeIn 2s;}



/*--Indicators--*//*--

#carousel-home .carousel-indicators {bottom:30px; left:32%; width:100px; }

@media (min-width: 768px) { #carousel-home .carousel-indicators {bottom:50px; left:80%; } }

@media (min-width: 992px) { #carousel-home .carousel-indicators {bottom:50px; left:65%; } }

@media (min-width: 1200px) { #carousel-home .carousel-indicators {bottom:50px; left:48%; } }



.carousel-indicators li, .carousel-indicators .active {border-radius:8px; width:8px; height:12px; }



.carousel-caption {top:0px; left:4%; width:90%; height:inherit; min-height:500px; bottom:auto; background:rgba(0,0,0,0.0); position:relative; }

@media (min-width: 768px) { .carousel-caption {height:1080px; min-height:inherit; top:0px; left:15%; width:55%; } }

@media (min-width: 992px) { .carousel-caption {height:1080px; min-height:inherit; top:0px; left:10%; width:45%; } }

@media (min-width: 1200px) { .carousel-caption {height:1080px; min-height:inherit; top:0px; left:10%;  width:35%;} }



.carousel img {display:block; margin:60px auto 0 auto; padding:0; max-width:50px; -webkit-animation:fadeInDown 1s; animation:fadeInDown 1s;}	

@media (min-width: 768px) { .carousel img {margin:70px auto 0 auto; max-width:70px; } }

@media (min-width: 992px) { .carousel img {margin:80px auto 0 auto; max-width:80px; } }

@media (min-width: 1200px) { .carousel img {margin:90px auto 0 auto; max-width:92px; } }



.carousel-caption h1 {display:inline-block; color:#fff; font-size:3.0em; text-align:center; position:relative; top:10px; left:inherit; z-index:1000; -webkit-animation:fadeInLeft 1s; animation:fadeInLeft 1s; width:auto; line-height:0.9em; font-weight:bold;} 

@media (min-width: 768px) { .carousel-caption h1 {display:block; text-align:left; font-size:7em; position:absolute; top:170px; left:30px;} }

@media (min-width: 992px) { .carousel-caption h1 {display:block; text-align:left; font-size:8.5em; position:absolute; top:190px; left:50px;} }

@media (min-width: 1200px) { .carousel-caption h1 {display:block; text-align:left; font-size:10em; position:absolute; top:190px; left:70px;} }



.carousel-caption h1 span {display:block; font-size:30%; padding-left:40%; line-height:1em;}



.carousel-caption p {color:#000; display:block; width:80%; margin:10px auto 20px auto; font-size:0.9em;  line-height:1.4; text-shadow:2px 2px 3px rgba(0,0,0,0.15); -webkit-animation:zoomIn 1s; animation:zoomIn 1s;}

@media (min-width: 768px) { .carousel-caption p {margin:120px auto 40px auto; font-size:1.0em; width:90%; line-height:1.6em;} }

@media (min-width: 992px) { .carousel-caption p {margin:150px auto 40px auto; font-size:1.0em; width:80%; line-height:1.7em;} }

@media (min-width: 1200px) { .carousel-caption p {margin:150px auto 40px auto; font-size:1.1em; width:70%; line-height:1.6em;} }



/*--Carousel Controls--*//*--

.carousel-control {opacity: .01;}

--*/



/*--NEW BANNER CAROUSEL--Static--*/

#carousel-home {width:100%; height:auto; padding-top:0px; position:absolute; top:65px; left:0; z-index:0;}

@media (min-width: 480px) { #carousel-home {top:65px; } }

@media (min-width: 768px) { #carousel-home {top:65px; } }

@media (min-width: 992px) { #carousel-home {top:65px; } }

@media (min-width: 1200px) { #carousel-home {top:65px; } }

@media (min-width: 1600px) { #carousel-home {top:65px; } }



.carousel {padding:0; margin-bottom:0;}



.carousel-inner {width:100%; height:250px; background:#EBEBEB}

@media (min-width: 480px) { .carousel-inner {height:250px;} }

@media (min-width: 768px) { .carousel-inner {height:300px;} }

@media (min-width: 992px) { .carousel-inner {height:250px;} }

@media (min-width: 1200px) { .carousel-inner {height:300px;} }

@media (min-width: 1600px) { .carousel-inner {height:350px;} }

@media (min-width: 1920px) { .carousel-inner {height:400px;} }





/*--NEW HOME BANNER OUTSIDE CAROUSEL--*/

.home-banner {display:block; width:100%; height:250px; margin-top:1px;}
@media (min-width: 480px) { .home-banner {height:300px; margin-top:1px;} }
@media (min-width: 768px) { .home-banner {height:300px; margin-top:1px;} }
@media (min-width: 992px) { .home-banner {height:250px; margin-top:50px;} }
@media (min-width: 1200px) { .home-banner {height:300px; margin-top:50px;} }
@media (min-width: 1600px) { .home-banner {height:350px; margin-top:57px;} }
@media (min-width: 1920px) { .home-banner {height:400px; margin-top:57px;} }

.home-banner .row {margin:0;}

.home-banner .content {padding:30px 4% 20px 4%;}
@media (min-width: 480px) { .home-banner .content {padding:40px 5% 20px 5%;} }
@media (min-width: 992px) { .home-banner .content {padding:50px 20% 20px 5%;} }


.home-banner .content h3 {color:#fff; font-weight:bold; font-size:2.2em; line-height:1.0em; text-shadow: 2px 2px 8px rgba(0,0,0,0.5); margin:15px 0 0px 0; }
@media (min-width: 768px) { .home-banner .content h3 {font-size:2.4em; } }
@media (min-width: 992px) { .home-banner .content h3 {font-size:2.6em; } }
@media (min-width: 1200px) { .home-banner .content h3 {font-size:2.8em; } }
@media (min-width: 1600px) { .home-banner .content h3 {font-size:3.1em; } }

.home-banner .content p {color:#fff; font-weight:bold; font-size:1.4em; line-height:1.3em; text-shadow: 2px 2px 8px rgba(0,0,0,0.5);}
@media (min-width: 768px) { .home-banner .content p {font-size:1.8em; line-height:1.4em;} }
@media (min-width: 992px) { .home-banner .content p {font-size:1.8em; } }
@media (min-width: 1200px) { .home-banner .content p {font-size:2em; } }

.home-banner .content p.sml {color:#fff; font-weight:500; font-size:1.2em; line-height:1.5em; text-shadow: 2px 2px 8px rgba(0,0,0,0.5);}
@media (min-width: 768px) { .home-banner .content p.sml {font-size:1.2em; line-height:1.4em; } }
@media (min-width: 992px) { .home-banner .content p.sml {font-size:1.2em; line-height:1.5em; } }
@media (min-width: 1200px) { .home-banner .content p.sml {font-size:1.2em; line-height:1.6em; } }

.home-banner .content img {margin-top:80px;}
@media (min-width: 480px) { .home-banner .content img {margin-top:60px;} }
@media (min-width: 768px) { .home-banner .content img {margin-top:60px;} }
@media (min-width: 992px) { .home-banner .content img {margin-top:30px;} }
@media (min-width: 1200px) { .home-banner .content img {margin-top:30px;} }
@media (min-width: 1600px) { .home-banner .content img {margin-top:30px;} }

.home-banner .content img.city {margin-top:0px;}
@media (min-width: 480px) { .home-banner .content img.city {margin-top:10px;} }
@media (min-width: 768px) { .home-banner .content img.city {margin-top:10px;} }
@media (min-width: 992px) { .home-banner .content img.city {margin-top:10px;} }
@media (min-width: 1200px) { .home-banner .content img.city {margin-top:10px;} }
@media (min-width: 1600px) { .home-banner .content img.city {margin-top:10px;} }

/*--Home banners --*/

/*--Sustainability Week 2022 home banner--*/
.banner-hm-sust-week-2022 {width:100%; height:100%; background:url(../images/banner-hm-sustainability-week-2022-01.jpg) right top no-repeat !important; background-size:auto 100%; }

.home-banner .banner-hm-sust-week-2022 h3 {margin:40px 0 15px 0; }
@media (min-width: 768px) { .home-banner .banner-hm-sust-week-2022 .content h3 {margin:40px 0 15px 0; } }
@media (min-width: 992px) { .home-banner .banner-hm-sust-week-2022 .content h3 {margin:10px 0 15px 0; } }
@media (min-width: 1200px) { .home-banner .banner-hm-sust-week-2022 .content h3 {margin:20px 0 15px 0; } }
@media (min-width: 1600px) { .home-banner .banner-hm-sust-week-2022 .content h3 {margin:60px 0 15px 0; } }

.home-banner .banner-hm-sust-week-2022 p.sml {display:block; width:100%;}
@media (min-width: 768px) { .home-banner .banner-hm-sust-week-2022 .content p.sml {width:100%;} }
@media (min-width: 992px) { .home-banner .banner-hm-sust-week-2022 .content p.sml {width:100%;} }
@media (min-width: 1200px) { .home-banner .banner-hm-sust-week-2022 .content p.sml {width:90%;} }
@media (min-width: 1600px) { .home-banner .banner-hm-sust-week-2022 .content p.sml {width:65%;} }

.banner-hm-left-sust-week-2022-01 {width:100%; height:100%; background:url(../images/banner-hm-sustainability-week-2022-01.jpg) left top no-repeat; background-size:auto 100%;}


/*--City theme home banner--*/
.banner-hm-main {width:100%; height:100%; background:url(../images/banner-hm-circular-city.jpg) right top no-repeat; background-size:auto 100%; }

.banner-hm-left {width:100%; height:100%; background:url(../images/banner-hm-circular-city.jpg) left top no-repeat; background-size:auto 100%;}

/*--Space theme home banner--*//*--
.banner-hm-main {width:100%; height:100%; background:url(../images/banner-hm-circular-space.webp) right top no-repeat; background-size:auto 100%; }

.banner-hm-left {width:100%; height:100%; background:url(../images/banner-hm-circular-space.webp) left top no-repeat; background-size:auto 100%;} --*/

/*--Water theme home banner--*//*--
.banner-hm-main {width:100%; height:100%; background:url(../images/banner-hm-water.webp) right top no-repeat; background-size:auto 100%; }

@media (min-width: 992px) { .banner-hm-circular-1 {background-size:auto 100%;} }

.banner-hm-left {width:100%; height:100%; background:url(../images/banner-hm-water.webp) left top no-repeat; background-size:auto 100%;} --*/
/*

.banner-hm-circular-1 {width:100%; height:100%; background:url(../images/banner-home-circular-1.jpg) center top no-repeat; background-size:100% auto; }
@media (min-width: 992px) { .banner-hm-circular-1 {background:transparent; background-size:auto 100%;} }
*/

.banner-hm-1 {width:100%; height:100%; background:url(../images/banner-home-1.jpg) center top no-repeat; background-size:100% auto;}





/*--Fullscreen Wrapper--*/

#fullscreen-wrapper {width:100%; height:auto; margin:0; padding:0; position:relative; min-height:auto; max-height:inherit;}

@media (min-width: 480px) { #fullscreen-wrapper {height:auto; min-height:auto; max-height:inherit;} }

@media (min-width: 768px) { #fullscreen-wrapper {height:auto; min-height:auto; max-height:inherit;} }

@media (min-width: 992px) { #fullscreen-wrapper {height:95vh; min-height:auto; max-height:800px;} }

@media (min-width: 1200px) { #fullscreen-wrapper {height:95vh; min-height:auto; max-height:800px;} }

@media (min-width: 1600px) { #fullscreen-wrapper {height:95vh; min-height:auto; max-height:800px;} }



/*--Fullscreen Wrapper--

#fullscreen-wrapper {width:100%; height:auto; margin:0; padding:0; position:relative; min-height:auto; max-height:inherit;}

@media (min-width: 480px) { #fullscreen-wrapper {height:auto; min-height:auto; max-height:inherit;} }

@media (min-width: 768px) { #fullscreen-wrapper {height:auto; min-height:auto; max-height:inherit;} }

@media (min-width: 992px) { #fullscreen-wrapper {height:95vh; min-height:auto; max-height:700px;} }

@media (min-width: 1200px) { #fullscreen-wrapper {height:95vh; min-height:auto; max-height:700px;} }

@media (min-width: 1600px) { #fullscreen-wrapper {height:95vh; min-height:auto; max-height:800px;} }

*/

#fullscreen-wrapper .hm-content {height:100%; clear:both; display:block; z-index:100 !important }



#fullscreen-wrapper .hm-content .col-leftspace {display:inline-block; float:left; width:0; height:100%;}

@media (min-width: 480px) { #fullscreen-wrapper .hm-content .col-leftspace {width:0;} }

@media (min-width: 768px) { #fullscreen-wrapper .hm-content .col-leftspace {width:0;} }

@media (min-width: 992px) { #fullscreen-wrapper .hm-content .col-leftspace {width:0;} }

@media (min-width: 1200px) { #fullscreen-wrapper .hm-content .col-leftspace {width:6%;} }

@media (min-width: 1600px) { #fullscreen-wrapper .hm-content .col-leftspace {width:8%;} }

@media (min-width: 1920px) { #fullscreen-wrapper .hm-content .col-leftspace {width:8%;} }



/*--INFOBAR--*/

.infobar {float:none; display:block; background:#a9cb6b; margin-top:0px; height:108%; text-align:center; z-index:100; min-height:inherit; width:100%;}
@media (min-width: 480px) { .infobar {float:none; display:block; width:100%; height:108%; } }
@media (min-width: 768px) { .infobar {float:none; display:block; width:100%; height:108%; } }
@media (min-width: 992px) { .infobar {float:left; display:inline-block; width:40%; height:980px; } }
@media (min-width: 1200px) { .infobar {float:left; display:inline-block; width:33%; height:980px; } }
@media (min-width: 1600px) { .infobar {float:left; display:inline-block; width:32%; height:1030px; } }
@media (min-width: 1920px) { .infobar {float:left; display:inline-block; width:32%; height:1080px;  } }
/*
.infobar {float:none; display:block; background:#a9cb6b; margin-top:0px; height:108%; text-align:center; z-index:100; min-height:inherit; width:100%;}
@media (min-width: 480px) { .infobar {float:none; display:block; width:100%; height:108%; } }
@media (min-width: 768px) { .infobar {float:none; display:block; width:100%; height:108%; } }
@media (min-width: 992px) { .infobar {float:left; display:inline-block; width:40%; height:950px; } }
@media (min-width: 1200px) { .infobar {float:left; display:inline-block; width:33%; height:950px; } }
@media (min-width: 1600px) { .infobar {float:left; display:inline-block; width:32%; height:985px; } }
@media (min-width: 1920px) { .infobar {float:left; display:inline-block; width:32%; height:1030px;  } }
*/


/*--Feature Column--*/

.ftr-col {float:none; display:block; width:100%; padding-right:0; height:auto; }

@media (min-width: 480px) { .ftr-col {float:none; display:block; width:100%; height:auto; } }

@media (min-width: 768px) { .ftr-col {float:none; display:block; width:100%; height:auto; } }

@media (min-width: 992px) { .ftr-col {float:left; display:inline-block; width:60%; height:950px; } }

@media (min-width: 1200px) { .ftr-col {float:left; display:inline-block; width:61%; height:950px; } }

@media (min-width: 1600px) { .ftr-col {float:left; display:inline-block; width:60%; height:985px; } }

@media (min-width: 1920px) { .ftr-col {float:left; display:inline-block; width:60%; height:1030px; } }



.infobar .content {margin:0; padding:150px 3% 20px 3%;}

@media (min-width: 480px) { .infobar .content {padding:150px 2.5% 20px 2.5%; } }

@media (min-width: 768px) { .infobar .content {padding:135px 2.5% 20px 2.5%; } }

@media (min-width: 992px) { .infobar .content {padding:80px 2.5% 20px 2.5%; } }

@media (min-width: 1200px) { .infobar .content {padding:70px 2.5% 20px 2.5%; } }

@media (min-width: 1600px) { .infobar .content {padding:75px 2.5% 20px 2.5%; } }



/*--Infobar Header--*/

.ib-header {display:block; background:#a9cb6b; margin:0 auto 10px auto; padding:0; width:auto; min-height:100px; -webkit-animation: fadeInTop 1s; animation: fadeInTop 1s;}



.ib-header h1 {display:block; color:#fff; margin:0 auto 10px auto; padding:0; line-height:1.1em; font-size:1.6em; font-weight:bold; text-align:center; text-shadow:2px 2px 8px rgba(0,0,0,0.2); text-transform:none;}

@media (min-width: 480px) { .ib-header h1 {font-size:1.5em; } }

@media (min-width: 768px) { .ib-header h1 {font-size:1.6em; } }

@media (min-width: 992px) { .ib-header h1 {font-size:1.3em; } }

@media (min-width: 1200px) { .ib-header h1 {font-size:1.4em; } }

@media (min-width: 1600px) { .ib-header h1 {font-size:1.6em; } }



.ib-header p {color:#fff; text-shadow:2px 2px 4px rgba(0,0,0,0.15); font-size:0.94em; line-height:1.3em; margin:0 0 10px 0;}

@media (min-width: 768px) { .ib-header p {font-size:1em; } }

@media (min-width: 992px) { .ib-header p {font-size:0.8em; } }

@media (min-width: 1200px) { .ib-header p {font-size:0.90em; } }

@media (min-width: 1600px) { .ib-header p {font-size:1em; } }



.ib-icon {display:block; margin:0px auto 10px; background:url(../images/icon-arrows.png) center top no-repeat; background-size:100%; width:40px; height:40px;}

@media (min-width: 480px) { .ib-icon {width:40px; height:40px;} }

@media (min-width: 768px) { .ib-icon {width:40px; height:40px;} }

@media (min-width: 992px) { .ib-icon {width:40px; height:40px;} }

@media (min-width: 1200px) { .ib-icon {width:40px; height:40px;} }

@media (min-width: 1600px) { .ib-icon {width:50px; height:50px;} }





/*--InfoBar Videos--*/

.ibv-wrapper {text-align:center; margin:0 0 15px 0;}

.ibv-wrapper h5 {display:inline-block; text-align:center; margin-bottom:0em; font-size:1.2em; line-height:1.4em; color:#057A52;}

.ibv-wrapper p {font-size:1em; color:#057A52; }

.ibv-wrapper p {font-size:0.75em; }



.ib-video {display:block;  padding-bottom:0px; padding-top:0px; width:100%; height:222px; overflow:hidden; text-align:center; margin:0 auto 0px auto; }

@media (min-width: 480px) { .ib-video {width:100%; height:370px;} }

@media (min-width: 768px) { .ib-video {width:100%; height:500px;} }

@media (min-width: 992px) { .ib-video {width:90%; height:220px;} }

@media (min-width: 1200px) { .ib-video {width:90%; height:220px;} }

@media (min-width: 1600px) { .ib-video {width:100%; height:300px;} }



.ib-video iframe {border:1px solid #fff; margin-bottom:0px; background:#fff;}

.ib-video iframe html,

.ib-video iframe body,

.html5-video-player,

.html5-video-player:not(.ytp-transparent), 

.html5-video-player.unstarted-mode, 

.html5-video-player.ad-showing, 

.html5-video-player.ended-mode, 

.html5-video-player.ytp-fullscreen {background-color:#fff !important;}



/*--GoldPack Awards--*/

.gpa {background:#fff; padding:15px;}



.gpa h1 {text-align:center; color:#a9cb6b; margin:0 auto 10px auto; padding:0; line-height:1.1em; font-size:1.5em; font-weight:800; text-transform:none;}

@media (min-width: 480px) { .gpa h1 {font-size:1.5em; } }

@media (min-width: 768px) { .gpa h1 {font-size:1.5em; } }

@media (min-width: 992px) { .gpa h1 {font-size:1.6em; } }

@media (min-width: 1200px) { .gpa h1 {font-size:1.7em; } }

@media (min-width: 1600px) { .gpa h1 {font-size:1.75em; } }



.gpa h5 {display:block; width:100%; text-align:center; color:#fff; font-size:1.1em; line-height:1em; padding:7px; background:#9a55a1; margin-bottom:0.3em; }

.gpa img {margin:0 auto 10px auto; width:auto; max-width:100%;}

.gpa img.logo-gpa {width:100%; max-width:270px; margin:0 auto 5px auto;}



/*--Infobar Products--*/

ul.ib-products {display:block; margin:0 auto 5px auto; padding:0 0 0; width:auto; min-height:100px; -webkit-animation: fadeInTop 1s; animation: fadeInTop 1s; text-align:center;}



ul.ib-products li {display:inline-block; vertical-align:top; margin:0 0 10px -4px !important; padding:0; width:49.9%; height:60px; color:#fff; font-size:1.2em; background-size:100% auto !important; position:relative; list-style:none;}

@media (min-width: 480px) { ul.ib-products li {font-size:1.3em; height:60px; } }

@media (min-width: 768px) { ul.ib-products li {font-size:1.3em; height:50px; } }

@media (min-width: 992px) { ul.ib-products li {font-size:1.0em; height:45px; } }

@media (min-width: 1200px) { ul.ib-products li {font-size:1.1em; height:45px; } }

@media (min-width: 1600px) { ul.ib-products li {font-size:1.3em; height:60px; } }



ul.ib-products hr {width:90%; clear:both; height:1px; padding:0; margin:0 auto 10px auto; border:none; border-bottom:1px solid #b9db89;;}



.br {border-right:1px solid #b9db89; }

.bb {border-bottom:1px solid #b9db89; }



ul.ib-products li a {display:inline-block; text-align:center; color:#fff; margin:0; padding:20px 0 0 0; line-height:1em; text-shadow:2px 2px 8px rgba(0,0,0,0.2); text-decoration:none; width:100%; height:100%; vertical-align:middle;}

@media (min-width: 480px) { ul.ib-products li a {padding:20px 0 0 0;} }

@media (min-width: 768px) { ul.ib-products li a {padding:20px 0 0 0;} }

@media (min-width: 992px) { ul.ib-products li a {padding:10px 0 0 0;} }

@media (min-width: 1200px) { ul.ib-products li a {padding:10px 0 0 0;} }

@media (min-width: 1600px) { ul.ib-products li a {padding:20px 0 0 0;} }





ul.ib-products li.oneline a {padding-top:20px;}

ul.ib-products li.twoline a {padding-top:10px;}



ul.ib-products li:before {display:none;

    cursor: pointer;

    /*font-family: 'FontAwesome';*/

    font-size: 1.2em;

    position: absolute;

	left:inherit;

    right: 20px;

    top: 3vh;

    content: "";

	/*color: rgba(255,255,255,0.3);*/

	transform: rotate(45deg);

    width: 15px;

    height: 15px;

    border-top: 4px solid rgba(255,255,255,0.3);

    border-right: 4px solid rgba(255,255,255,0.3);}



ul.ib-products li:hover {border:1px solid #fff; -webkit-animation: fadeIn 1s; animation: fadeIn 1s;}



ul.ib-products li:hover a {text-shadow:2px 2px 8px rgba(0,0,0,1);}



ul.ib-products li.ibp-recycling:hover {background:url(../images/ibp-recycling.jpg) center top no-repeat;}

ul.ib-products li.ibp-paper-manufacturing:hover {background:url(../images/ibp-paper-manufacturing.jpg) center top no-repeat;}

ul.ib-products li.ibp-plastics:hover {background:url(../images/ibp-plastics.jpg) center top no-repeat;}

ul.ib-products li.ibp-paper-converting:hover {background:url(../images/ibp-recyclpaper-convertinging.jpg) center top no-repeat;}



.infobar .btn-default {color:#a9cb6b; border:none; padding: 3px 10px 6px 10px; font-size:13px; border:none !important}

@media (min-width: 992px) { .infobar .btn-default {font-size:11px;} }



/*--Infobar Products--

ul.ib-products {display:block; margin:0 auto 10px auto; padding:10px 0 0; width:auto; min-height:100px; -webkit-animation: fadeInTop 1s; animation: fadeInTop 1s;}



ul.ib-products li {display:block; margin:0 auto 0 auto; padding:0; width:auto; height:9vh; color:#fff; font-size:1.2em; border-bottom:1px solid #b9db89; background-size:100% auto !important; position:relative;}

@media (min-width: 480px) { ul.ib-products li {font-size:1.3em; } }

@media (min-width: 768px) { ul.ib-products li {font-size:1.3em; } }

@media (min-width: 992px) { ul.ib-products li {font-size:1.0em; } }

@media (min-width: 1200px) { ul.ib-products li {font-size:1.2em; } }

@media (min-width: 1600px) { ul.ib-products li {font-size:1.3em; } }



ul.ib-products li:before {

    cursor: pointer;

    /*font-family: 'FontAwesome';*/ /*--

    font-size: 1.2em;

    position: absolute;

	left:inherit;

    right: 20px;

    top: 3vh;

    content: "";

	/*color: rgba(255,255,255,0.3);*/ /*--

	transform: rotate(45deg);

    width: 15px;

    height: 15px;

    border-top: 4px solid rgba(255,255,255,0.3);

    border-right: 4px solid rgba(255,255,255,0.3);}



ul.ib-products li:hover {border:1px solid #fff; -webkit-animation: fadeIn 1s; animation: fadeIn 1s;}

ul.ib-products li a {display:inline-block; text-align:center; color:#fff; margin:0 auto 0 auto; padding:3vh 0; line-height:1em; text-shadow:2px 2px 8px rgba(0,0,0,0.2); text-decoration:none; width:100%; height:9vh; vertical-align:middle;}

ul.ib-products li:hover a {text-shadow:2px 2px 8px rgba(0,0,0,1);}



ul.ib-products li.ibp-recycling:hover {background:url(../images/ibp-recycling.jpg) center top no-repeat;}

ul.ib-products li.ibp-paper-manufacturing:hover {background:url(../images/ibp-paper-manufacturing.jpg) center top no-repeat;}

ul.ib-products li.ibp-plastics:hover {background:url(../images/ibp-plastics.jpg) center top no-repeat;}

ul.ib-products li.ibp-paper-converting:hover {background:url(../images/ibp-recyclpaper-convertinging.jpg) center top no-repeat;}



.infobar .btn-default {color:#a9cb6b; border:none; padding: 3px 10px 6px 10px; font-size:13px; border:none !important}

@media (min-width: 992px) { .infobar .btn-default {font-size:11px;} }

*/



/*--Home Media Releases--*/

.hmr {float:none; display:block;}

@media (min-width: 480px) { .hmr {float:none; display:block;} }

@media (min-width: 768px) { .hmr {float:none; display:block;} }

@media (min-width: 992px) { .hmr {float:left; display:inline-block;} }

@media (min-width: 1200px) { .hmr {float:left; display:inline-block;} }



/*--Nor margin right--*/

.npr {padding-right:0;}





/*--Home Feature--*/

/* #ftr-slider {text-align:center; position:relative; } */



.home-banner {}



/*--Home features sliders--*/

#ftr-slider {text-align:center; position:relative; padding-left:2%}

@media (min-width: 480px) { #ftr-slider {padding-left:2%} }

@media (min-width: 768px) { #ftr-slider {padding-left:2%;} }

@media (min-width: 992px) { #ftr-slider {padding-left:3%;} }

@media (min-width: 1200px) { #ftr-slider {padding-left:3%;} }



#ftr-slider ul {display:block; margin:0 auto 20px auto; padding:0; width:auto; background:transparent !important; text-align:left}



#ftr-slider ul li {display:inline-block; margin:0 auto; list-style:none; background:transparent !important; padding:0;}

#ftr-slider ul li:before {content:''}





/*--Feature Column--*/









/*--Feature nav--*/

.cn-r {display:block; width:20px; height:50px; position:absolute; top:150px; right:0px; z-index:500;}

@media (min-width: 480px) { .cn-r {top:150px;} }

@media (min-width: 768px) { .cn-r {top:150px;} }

@media (min-width: 992px) { .cn-r {top:450px;} }

@media (min-width: 1200px) { .cn-r {top:450px;} }



.cn-r:before{cursor:pointer;

		font-family:'FontAwesome';

		font-size:2em;

		position: absolute;

		left:0; top:4px;

		content:"\f054 ";   /* Chevron right */

		color:#e3e3e4; }  



.cn-l {display:block; width:20px; height:50px; position:absolute; top:150px; left:0px; z-index:500;}

@media (min-width: 480px) { .cn-l {top:150px;} }

@media (min-width: 768px) { .cn-l {top:150px;} }

@media (min-width: 992px) { .cn-l {top:450px;} }

@media (min-width: 1200px) { .cn-l {top:450px;} }



.cn-l:before{cursor:pointer;

		font-family:'FontAwesome';

		font-size:2em;

		position: absolute;

		left:0; top:4px;

		content:"\f053  ";   /* Chevron left */

		color:#e3e3e4; }

#cnav-right:hover:before,

#cnav-left:hover:before{color:#a9cb6b} 





/*--Home Feature Slick Slider--*/ /*--

#ftr-slider {text-align:center; position:relative; margin-top:200px;}

#ftr-slider .slider {display:block; margin:0 auto; padding:0; width:auto; background:transparent !important; text-align:left}

--*/



/*--Home Feature--With New banner inside column--*/

.hm-feature {margin:20px 5% 20px 5%; display:block; text-align:left; width:90%;}

@media (min-width: 480px) { .hm-feature {margin:50px 4% 20px 5%;} }

@media (min-width: 768px) { .hm-feature {margin:50px 0 0 5%;} }

@media (min-width: 992px) { .hm-feature {margin:30px 0 0 5%;} }

@media (min-width: 1200px) { .hm-feature {margin:40px 2% 0 5%;} }

@media (min-width: 1600px) { .hm-feature {margin:40px 2% 0 5%;} }



.ftr-item {display:block; margin:0 0 20px 0; padding:5px 0 20px 0; border-bottom:2px dotted #ccc;}

.ftr-item:last-child {border-bottom:none;}


/*--Feature One only--*/
.ftr-item.lrg {font-size:1.15em;}


/*--Feature Two only--*/
.ftr-item.med {font-size:1.105em; margin:0 0 20px 0; padding:5px 0 10px 0;}


.hm-feature h3 {color:#000; font-weight:bold; line-height:1.2em; margin-bottom:12px; font-size:1.2em;}

@media (min-width: 480px) { .hm-feature h3 {font-size: 1.1em; line-height:1.1em; } }

@media (min-width: 768px) { .hm-feature h3 {font-size: 1.1em; line-height:1.1em; } }

@media (min-width: 992px) { .hm-feature h3 {font-size: 1.1em; line-height:1.1em; } }

@media (min-width: 1200px) { .hm-feature h3 {font-size: 1.15em; line-height:1.1em; } }

@media (min-width: 1600px) { .hm-feature h3 {font-size: 1.2em; line-height:1.2em; } }



.hm-feature h3 a {color:#000;}

.hm-feature h4 {color:#a9cb6b; font-weight:bold; font-size:1.2em; margin-bottom:10px;}

.hm-feature h4 a {color:#000;}

.hm-feature h5 {color:#999; font-weight:bold; margin-bottom:0.5em; font-size:1.1em;}

.hm-feature h5 a {color:#90ba51;}

.hm-feature p.lead {font-size:1.2em; line-height:1.6em; margin-bottom:0.8.hm-feature p em;}



.hm-feature p {font-size:0.96em; line-height:1.4em; margin-bottom:0.8em;}

@media (min-width: 768px) { .hm-feature p {font-size:0.9em; line-height:1.4em;} }

@media (min-width: 992px) { .hm-feature p {font-size:0.9em; line-height:1.35em;} }

@media (min-width: 1200px) { .hm-feature p {font-size:0.9em; line-height:1.4em;} }

@media (min-width: 1600px) { .hm-feature p {font-size:1.0em; line-height:1.6em;} }

@media (min-width: 1920px) { .hm-feature p {font-size:1.05em; line-height:1.6em;} }



.hm-feature p span {font-size:0.9em; line-height:1.5em;}

.hm-feature p.descriptor, .hm-feature p.date {color:#a9cb6b; font-size:0.8em; margin:0 0 0.5em 0; line-height:1.1em; text-transform:uppercase;}

.hm-feature p.nbm {margin-bottom:0.3em;}



/*--Paragraph List - UL list don't work in slider--*/

.hm-feature .p-list {margin-bottom:15px; text-align:left;}

.hm-feature .p-list p {font-size:0.9em; display:block !important; margin:0 0 0.3em 0; padding:0 0 0 20px !important; background:url(https://www.mpact.co.za/assets/images/bullet-1.png) left 3px no-repeat !important; text-align:left; }

.hm-feature .p-list p:before {content:''}



/*--UL List - Only outslide slider--  */

.hm-feature ul {margin:0 0 15px 0; text-align:left;}

.hm-feature li {list-style:none; font-size:0.95em; display:block !important; margin:0 0 0.4em 0; padding:0 0 0 23px !important; background:url(https://www.mpact.co.za/assets/images/bullet-1.png) left 4px no-repeat !important; text-align:left; color:#000; }

.hm-feature li:before {content:''}



.hm-feature img {margin-top:0px;}

.hm-feature img.icon {max-width:160px; border:1px solid #ccc; box-shadow: 2px 2px 4px rgba(0,0,0,0.2);}

.hm-feature img.icon:hover {border:1px solid #000;}



#ftr-slider .hm-feature ul {margin-bottom:0.6em; overflow:visible !important;}

#ftr-slider .hm-feature li {font-size:0.95em; overflow:visible !important;}



.hm-feature .btn-default {display:inline-block; font-size:12px; margin:0 5px 0.6em 0; padding:4px 9px; font-weight:bold; color:#fff; border:0px solid #ccc; background:#bfbfbf; -webkit-transition: background-color 0.2s ease; transition: background-color 0.2s ease; border-radius:0; text-transform:uppercase; }

.hm-feature .btn-default:hover{color:#fff; background:#000; border:none;}



.btn-default.h-l {background:#a9cb6b; margin-bottom:1em; font-size:13px;}

.btn-default.h-l:hover {background:#000;}



.btn-default.vidlist {width:140px;}



/*--IC Modal--*/

.modal {z-index:10000 !important;}

.modal-dialog {width:90%;}

@media (min-width: 768px) { .modal-dialog {width:90%;} }

@media (min-width: 992px) { .modal-dialog {width:80%;} }

@media (min-width: 1200px) { .modal-dialog {width:70%;} }

.modal-header h1 {text-transform:none; margin-bottom:0;}





/*--Video Modal--*/

.modal-video {width:70%;}

@media (min-width: 768px) { .modal-video {width:70%;} }

@media (min-width: 992px) { .modal-video {width:60%;} }

@media (min-width: 1200px) { .modal-video {width:50%;} }



/*--Generic-Modal-Video--*/ 

.video-modal .modal-dialog {width:100%; text-align:center; min-height:394px; }

@media (min-width: 768px) { .video-modal .modal-dialog {max-width:700px; } }

@media (min-width: 992px) { .video-modal .modal-dialog {max-width:900px; } }

@media (min-width: 1200px) { .video-modal .modal-dialog {max-width:1100px; } }

@media (min-width: 1500px) { .video-modal .modal-dialog {max-width:1250px; } }



.video-modal .modal-header {padding-bottom:0; border-bottom:none;}

.video-modal .modal-footer {text-align:center; padding-top:0; border-top:none;}

.video-modal .modal-body {position:relative;}



.video-modal .modal-body iframe {width:100%; height:inherit; min-height:250px;  }

@media (min-width: 768px) { .video-modal .modal-body iframe {width:650px; height:366px; min-height:inherit;} }

@media (min-width: 992px) { .video-modal .modal-body iframe {width:850px; height:478px; min-height:inherit;} }

@media (min-width: 1200px) { .video-modal .modal-body iframe {width:1050px; height:591px; min-height:inherit;} }

@media (min-width: 1500px) { .video-modal .modal-body iframe {width:1200px; height:675px; min-height:inherit;} }



/*--Bacic Video--*/

.flex-video iframe{width: 100%;  background-size: cover; background-position: center center}

@media (min-width: 768px) { .flex-video iframe {height: 450px} }

@media (min-width: 1200px) { .flex-video iframe {height: 580px} }



/*--Banner Sub--*/

#banner-sub {width:100%; margin:0px 0 0 0; padding:0; position:relative; z-index:0; text-align:center; height:300px;}



.banner-circular-city {background:#cccccc url(../images/banner-circular-city.jpg) center top no-repeat; width:100%; height:300px; margin:0; padding:0; position:relative; background-size:auto 100%;}



.banner-circular-shacks {background:#cccccc url(../images/banner-circular-shacks.jpg) center top no-repeat; width:100%; height:300px; margin:0; padding:0; position:relative; background-size:auto 100%;}



.banner-circular-space {background:#cccccc url(../images/banner-circular-space.jpg) center top no-repeat; width:100%; height:300px; margin:0; padding:0; position:relative; background-size:auto 100%;}



.banner-circular-water {background:#cccccc url(../images/banner-circular-water.jpg) center top no-repeat; width:100%; height:300px; margin:0; padding:0; position:relative; background-size:auto 100%;}

 





.banner-about-us{background:#cccccc url(../images/banner-about-us.jpg) center top no-repeat; width:100%; height:300px; margin:0; padding:0; position:relative; background-size:auto 100% ;}



.banner-our-products{background:#cccccc url(../images/banner-our-products.jpg) center top no-repeat; width:100%; height:300px; margin:0; padding:0; position:relative; background-size:auto 100% ;}

.banner-paper{background: #cccccc url(../images/banner-paper.jpg) center top no-repeat; width:100%; height:300px; margin:0; padding:0; position:relative; background-size:auto 100% ;}

.banner-recycling{background:url(../images/banner-recycling.jpg) center top no-repeat; width:100%; height:300px; margin:0; padding:0; position:relative; background-size:auto 100% ;}

.banner-paper-manufacturing{background:url(../images/banner-paper-manufacturing.jpg) center top no-repeat; width:100%; height:300px; margin:0; padding:0; position:relative; background-size:auto 100% ;}

.banner-paper-converting{background:url(../images/banner-paper-converting.jpg) center top no-repeat; width:100%; height:300px; margin:0; padding:0; position:relative; background-size:auto 100% ;}

.banner-plastics{background:url(../images/banner-plastics.jpg) center top no-repeat; width:100%; height:300px; margin:0; padding:0; position:relative; background-size:auto 100% ;}

.banner-polymers{background:url(../images/banner-polymers.jpg) center top no-repeat; width:100%; height:300px; margin:0; padding:0; position:relative; background-size:auto 100% ;}

.banner-investor-relations{background:url(../images/banner-investor-relations.jpg) center top no-repeat; width:100%; height:300px; margin:0; padding:0; position:relative; background-size:auto 100% ;}

.banner-media-centre{background:url(../images/banner-media-centre.jpg) center top no-repeat; width:100%; height:300px; margin:0; padding:0; position:relative; background-size:auto 100% ;}

.banner-vacancies{background:url(../images/banner-vacancies.jpg) center top no-repeat; width:100%; height:300px; margin:0; padding:0; position:relative; background-size:auto 100% ;}



.banner-sustainability{background:url(../images/banner-sustainability.jpg) center top no-repeat; width:100%; height:300px; margin:0; padding:0; position:relative; background-size:auto 100% ;}



.banner-sustainability-award{background:url(../images/banner-sustainability-award.jpg) center top no-repeat; width:100%; height:300px; margin:0; padding:0; position:relative; background-size:auto 100% ;}



.banner-governance{background:url(../images/banner-governance.jpg) center top no-repeat; width:100%; height:300px; margin:0; padding:0; position:relative; background-size:auto 100% ;}

.banner-contact-us{background:url(../images/banner-contact-us.jpg) center top no-repeat; width:100%; height:300px; margin:0; padding:0; position:relative; background-size:auto 100% ;}



/*--Banner Content--*/

.banner-content{padding:0; margin:0 0 0 0; width:100%; height:300px; position:relative; background:url(../images/cc.png) left top no-repeat;}

@media (min-width: 480px) { .banner-content {margin:0 0 0 0; width:50%; } }

@media (min-width: 768px) { .banner-content {margin:0 0 0 0; width:40%; } }

@media (min-width: 992px) { .banner-content {margin:0 0 0 2%; width:35%; } }

@media (min-width: 1200px) { .banner-content {margin:0 0 0 10%; width:30%; } }

/*--Banner Content--

.banner-content{padding:0; margin:0 0 0 0; width:100%; height:300px; position:relative; background:url(../images/cc.png) left top no-repeat;}

@media (min-width: 768px) { .banner-content {margin:0 0 0 10%; width:60%; } }

@media (min-width: 992px) { .banner-content {margin:0 0 0 10%; width:45%; } }

@media (min-width: 1200px) { .banner-content {margin:0 0 0 10%; width:30%; } }



--*/



.banner-content img {margin:15px auto 10px auto; padding:0; max-width:30px; -webkit-animation:fadeInDown 1s; animation:fadeInDown 1s;}	

@media (min-width: 768px) { .banner-content img {margin:15px auto 10px auto; max-width:35px; } }

@media (min-width: 992px) { .banner-content img {margin:30px auto 10px auto; max-width:45px; } }

@media (min-width: 1200px) { .banner-content img {margin:40px auto 10px auto; max-width:50px; } }



.banner-content.sustainability-award {background:#090a0e; text-align:left;}

@media (min-width: 768px) { .banner-content.sustainability-award {text-align:center;} }

@media (min-width: 992px) { .banner-content.sustainability-award {text-align:center;} }

@media (min-width: 1200px) { .banner-content.sustainability-award {text-align:center;} }





.banner-content.sustainability-award img {margin:60px 0 0 10px; padding:0; width:80%; max-width:350px; }

@media (min-width: 768px) { .banner-content.sustainability-award img {margin:20px auto 0 auto; width:auto; max-width:350px;} }

@media (min-width: 992px) { .banner-content.sustainability-award img {margin:20px auto 0 auto; width:auto; max-width:413px;} }

@media (min-width: 1200px) { .banner-content.sustainability-award img {margin:20px auto 0 auto; width:auto; max-width:413px;} }



.banner-content img.survey {margin:10px auto 10px auto; max-width:190px;}

@media (min-width: 768px) { .banner-content img.survey {max-width:240px;} }

@media (min-width: 992px) { .banner-content img.survey {max-width:260px;} }

@media (min-width: 1200px) { .banner-content img.survey {max-width:260px;} }



.banner-content h1 {display:block; color:#fff; font-size:1.6em; text-align:center; position:relative; width:auto; line-height:0.9em; text-shadow:2px 2px 4px rgba(0,0,0,0.2); margin-bottom:15px; font-weight:bold; -webkit-animation:fadeIn 1s; animation:fadeIn 1s; text-transform:none;} 

@media (min-width: 768px) { .banner-content h1 {font-size:2.0em; margin-bottom:10px; } }

@media (min-width: 992px) { .banner-content h1 {font-size:2.1em; margin-bottom:10px; } }

@media (min-width: 1200px) { .banner-content h1 {font-size:2.2em; margin-bottom:10px; } }



.banner-content h1 span {display:block; font-size:30%; line-height:1em;}



.banner-content p {color:#000; display:block; width:80%; margin:10px auto 10px auto; font-size:0.85em;  line-height:1.4em; text-shadow:2px 2px 3px rgba(0,0,0,0.1); -webkit-animation:zoomIn 1s; animation:zoomIn 1s;}



.banner-content a.value {display:block; margin:0 auto; font-weight:bold; color:#fff; line-height:1.3em;}



.banner-content .btn-cc {background:none; color:#000; border-radius:20px; border:1px solid #000; padding:7px 15px 8px 15px; text-shadow:2px 2px 3px rgba(0,0,0,0.2); -webkit-animation:zoomIn 1s; animation:zoomIn 1s;}

.banner-content .btn-cc:hover {background:#000; color:#fff;}



.banner-about-us .banner-content {background:url(../images/cc.png) left top no-repeat;     height: 300px;}

.banner-paper .banner-content {background:url(../images/cc-paper-manufacturing.png) left top no-repeat;   height: 300px;}

.banner-our-products .banner-content {background:url(../images/cc.png) left top no-repeat;   height: 300px;}

.banner-plastics .banner-content {background:url(../images/cc-plastics.png) left top no-repeat;   height: 300px;}

.banner-recycling .banner-content {background:url(../images/cc-recycling.png) left top no-repeat;   height: 300px;}

.banner-paper-manufacturing .banner-content {background:url(../images/cc-paper-manufacturing.png) left top no-repeat;   height: 300px;}

.banner-paper-converting .banner-content {background:url(../images/cc-paper-converting.png) left top no-repeat;   height: 300px;}





.banner-button {display:block; width:100px; position:absolute; right:20px; bottom:130px; }

@media (min-width: 768px) { .banner-button {width:150px; bottom:60px;} }

@media (min-width: 992px) { .banner-button {width:200px; bottom:60px;} }

@media (min-width: 1200px) { .banner-button {width:330px; bottom:60px;} }



.banner-button img {width:100%;}



.banner-slogan {display:block; position:absolute; right:2%; top:60px; width:50%; display:none; }

@media (min-width: 480px) { .banner-slogan {right:0; top:60px; width:50%; display:block;} }

@media (min-width: 768px) { .banner-slogan {right:12%; top:60px; width:48%; display:block;  } }

@media (min-width: 992px) { .banner-slogan {right:10%; top:60px; width:48%; display:block; } }

@media (min-width: 1200px) { .banner-slogan {right:10%; top:60px; width:48%; display:block; } }



.banner-slogan p {font-weight:bold; font-size:1.3em; line-height:1.4em; color:#fff; text-shadow:2px 2px 8px rgba(0,0,0,0.3); text-align:left;}

@media (min-width: 480px) { .banner-slogan p {font-size:1.3em; line-height:1.5em;} }

@media (min-width: 768px) { .banner-slogan p {font-size:1.6em; line-height:1.5em;} }

@media (min-width: 992px) { .banner-slogan p {font-size:1.6em; line-height:1.5em;} }

@media (min-width: 1200px) { .banner-slogan p {font-size:1.6em; line-height:1.5em;} }



/*--CONTENT--*/

#content{width:100%; clear:both; position:relative; margin:10px 0 0 0}

#home #content{width:100%; clear:both; position:relative; margin:0 0 0 0}

/*--

#home .container {width: auto;}

@media (min-width: 768px) { #home .container {width:auto;} }

@media (min-width: 992px) { #home .container {width:970px;} }

@media (min-width: 1200px) { #home .container {width:1200px;} }--*/



/*--MAIN CONTENT--*/

#main-content{float:left; width:69%; margin:0; padding:0 0.5% 30px 2.5%; min-height:450px; position:relative;}

#main-content img{margin:4px 0 10px 14px; max-width:100%;}

#main-content a{text-decoration:none; border-bottom:1px dotted #a9cb6b;}



#home #main-content{width:51%; margin:0; padding:20px 3%; min-height:300px; float:right;}

#home h1 a{border:none;}





/*--FORMS--*/

form{margin:0 0 1em 0;}

fieldset{border:0; border-bottom:1px dotted #ccc; margin:0 0 10px 0;}

label{clear:both; color: #000;}

.button{margin: 3px 0 3px 16.5%;}

label{clear:both; width:20%}

input, select, textarea{color:#888; background:#f1f1f1; border:1px solid #CCC; list-style:none; margin:0 0 7px 10px; padding:5px 5px 5px 8px; width:320px; }

input[type="radio"], input[type="checkbox"]{width:auto; margin:0 5px 10px 10px; padding: 2px;}

textarea{margin:0 0 7px 10px; padding:2px; width:70%}

input[type="checkbox"]{margin:7px 0 0 45px; }

form em{font-size:0.9em}

button, 

button.btn,

input[type="button"], 

input[type="submit"], 

input[type="reset"],

button.hasTooltip{color:#fff; background:#999; width:auto; height:auto; cursor:pointer; display:block; padding:5px 7px; margin-left:6px; font-size:80%; font-family:'DINmedium',Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; width:auto; border:none; cursor:pointer;}

button:hover, 

input[type="button"]:hover, 

input[type="submit"]:hover, 

input[type="reset"]:hover{color:#fff; background:#83b341;}

button span.icon-search{display:none}



input[type="button"].unsubbutton{background:none; color:#b0afaf; font-size:70%; margin:10px 0 0 6px; padding:0; width:auto}

input[type="button"].unsubbutton:hover{color:#666;}



/*--Search page submit button--*/

button span.icon-search{display:none;}

button.hasTooltip{display:block; background:#999 url(../images/btn-submit-2.png) center center no-repeat; width:50px !important; height:23px !important; display:block; padding:4px 5px 4px 5px !important; margin:4px 0 10px 10px; content:"Submit"; font-weight:bold; text-transform:uppercase; font-size:1.4em}

button.hasTooltip{}

button.hasTooltip:hover{background:#039 url(../images/btn-submit-2.png) center center no-repeat;}



/*--Acymailing_form--*/

.acymailing_module_form table{background:none !important; text-align:left !important;}

table.acymailing_form td{text-align:left !important; padding:0px;}

/*--

.acymailing_module_form input[type="button"].unsubbutton{background:none; color:#b0afaf; font-size:75%; padding:3px 5px;}

.acymailing_module_form input[type="button"].unsubbutton:hover{color:#666;}--*/



.acymailing_footer{display:none;}



#main-content div.acymailing_module_form{text-align:left; width:50%}

#main-content table.acymailing_form{}

#main-content table.acymailing_form td{font-size:1em;}

#main-content table.acymailing_form td.acysubbuttons{padding-left:10px;}

#main-content table.acymailing_form input, 

#main-content table.acymailing_form select, 

#main-content table.acymailing_form textarea{}

#main-content table.acymailing_form label{display:block; width:100%; text-align:right;}





/*--Acmailing pager navigation--*/

.pager{display:none;}



label.radiobtn{margin:0 15px 10px 0;}

.chronoform_contact-form input[type="submit"]{margin-left:25% !important;}

.submit1{margin-left:22% !important}

form em{font-size:0.9em}







/*--HOME PAGE CONTENT--*/



/*--Slick (JQuery slider)--*/

.slider {width:100%; margin:100px auto; }

.slick-slide {margin:15px 0px;}

.slick-slide img {}

.slick-prev:before,

.slick-next:before {color:black;}



.slick-slide {opacity:1; filter:alpha(opacity=100); transition: opacity 1s; height:280px;}

.slick-slide h3, 

.slick-slide p {opacity:1; filter:alpha(opacity=100); width:90%; transition: width 1s, opacity 1s;}



/*--Home products--*/

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

@media (min-width: 768px) { .home-products .row {margin-right:30px; margin-left:30px;} }

@media (min-width: 992px) { .home-products .row {margin-right:30px; margin-left:30px;} }

@media (min-width: 1200px) { .home-products .row {margin-right:30px; margin-left:30px;} }



.home-products ul {margin:0 0 0 0; text-align:center; }



.home-products ul li {height:210px; padding:30px 20px 10px; box-shadow:2px 2px 8px rgba(0,0,0,0.4); text-align:center; background-size:500px auto; background-color:#ccc; position:relative;}

@media (min-width: 480px) { .home-products ul li {height:210px; background-size:600px auto;} }

@media (min-width: 768px) { .home-products ul li {height:240px; background-size:100% auto;} }

@media (min-width: 992px) { .home-products ul li {height:280px; background-size:100% auto;} }

@media (min-width: 1200px) { .home-products ul li {height:310px; background-size:100% auto; } }

@media (min-width: 1600px) { .home-products ul li {height:330px; background-size:100% auto; } }



/*

.home-products ul li {height:280px; padding:30px 20px 10px; box-shadow:2px 2px 8px rgba(0,0,0,0.4); text-align:center; background-size:645px auto; background-color:#000; position:relative;}

@media (min-width: 768px) { .home-products ul li {background-size:645px auto;} }

@media (min-width: 992px) { .home-products ul li {background-size:645px auto;} }

@media (min-width: 1200px) { .home-products ul li {background-size:645px auto; } }

*/



.home-products ul li:before {content:'';}



.home-products h3 {text-shadow:2px 2px 7px rgba(0,0,0,1); font-size:1.0em; text-align:center; text-transform:none;}

@media (min-width: 768px) { .home-products h3 {font-size:1.2em;} }

@media (min-width: 992px) { .home-products h3 {font-size:1.4em;} }

@media (min-width: 1200px) { .home-products h3 {font-size:1.6em;} }

@media (min-width: 1600px) { .home-products h3 {font-size:1.8em;} }



.home-products h3 a {color:#fff;}

.home-products h3 a:hover {color:#a9cb6b;}

.home-products h4 {display:inline-block; width:40%; margin:40px auto 20px auto; text-align:center; color:#fff; text-shadow:2px 2px 8px rgba(0,0,0,0.3);}

@media (min-width: 768px) { .home-products h4 {width:50%;} }

@media (min-width: 992px) { .home-products h4 {width:60%;} }

@media (min-width: 1200px) { .home-products h4 {width:70%;} }



.home-products p {color:#fff; text-shadow:2px 2px 3px rgba(0,0,0,0.6); font-size:0.8em; line-height:1.2em;}

@media (min-width: 768px) { .home-products p {font-size:1.0em; line-height:1.3em;} }

@media (min-width: 992px) { .home-products p {font-size:1.0em; line-height:1.3em;} }

@media (min-width: 1200px) { .home-products p {font-size:1.1em; line-height:1.3em;} }



.home-products img {margin:0 auto 5px auto; width:auto !important;}



.home-products.sub .slick-prev:before, 

.home-products.sub .slick-next:before{color:#999 !important;}

.home-products.sub li {margin-top:20px;}

.home-products.sub li.slick-current {margin-top:-0px !important;}

.home-products.sub h3 {display:inline-block; width:100%; /* height:100%; */ padding-top:0px; }



.home-products.sub li:before { background: rgba(0,0,0,0.5); }





.prod-recycling {background:url(../images/products-recycling.jpg) center top no-repeat;}

.prod-paper-manufacturing {background:url(../images/products-paper-manufacturing.jpg) center top no-repeat;}

.prod-paper-converting {background:url(../images/products-paper-converting.jpg) center top no-repeat;}

.prod-plastics {background:url(../images/products-plastics.jpg) center top no-repeat;}



/*--Products Plastics--*/

.prod-pet {background:url(../images/pl-bottles.jpg) center top no-repeat; }

.prod-fmcg {background:url(../images/pl-fmcg.jpg) center top no-repeat;}

.prod-containers {background:url(../images/pl-containers.jpg) center top no-repeat;}

.prod-trays-films {background:url(../images/pl-trays-films.jpg) center top no-repeat;}

.prod-polymers {background:url(../images/pl-polymers.jpg) center top no-repeat;}



.highlight-block {background:#AAD061; padding:10px; color:#fff;font-size:1.3em; font-weight:bold; text-align:center;}





.awards-intro-block {background:#AAD061; padding:40px; min-height:148px;}

.awards-intro-block  {color:#000; margin:0; font-size: 2.5em; font-weight:bold;}

.winners-block {padding:10px; color:#000 !important; background:#99D257; position:relative; display:inline-block; font-weight:bold; margin:0;}

.winners-block-inverse {padding:10px; color:#99D257 !important; position:relative; display:inline-block;font-weight:bold;margin:0; border-bottom:1px solid #000;}



.winners-rule {clear: both; border-bottom: 1px dotted #9BD35D; padding: 0; height: 0; margin-bottom: 10px;}



.awards-home-block {border-top:1px solid #b9db89; border-bottom:1px solid #b9db89; padding:5px 0; width: 90%; margin: 0 auto;}

.awards-home-block img {margin:0 auto; max-width:200px; border:1px solid #000; margin-bottom:8px;}

.awards-home-block p {color: #fff;  text-shadow: 2px 2px 4px rgba(0,0,0,0.15); font-size: 0.90em; line-height: 1.3em;  margin: 0 0 10px 0;}



p.winners-block {padding:10px; color:#000 !important; background:#99D257; position:relative; display:inline-block; font-weight:bold; margin:0;font-size: 1.4em;}

p.winners-block-inverse {padding:10px; color:#000 !important; position:relative; display:inline-block;font-weight:bold;margin:0; font-size: 1.4em;background:#99D257; border:none;}

p.winners-block-inverse:after {content:''; width:100%; left:0; bottom:0; border-bottom: 1px solid #9BD35D; position:absolute;}





@media (max-width: 1198px) { .awards-intro-block h4 {font-size:2em;}}

@media (max-width: 991px) { .awards-intro-block h4 {font-size:1.5em;}.awards-intro-block {min-height:0; padding:20px;} .awards-intro-block + div img {margin:0 auto; padding-top:10px;}}







/*--Slick Content slider--*/

.home-products ul li.slick-current {margin-top:0; opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */  transition:scale3d 1s; z-index:3000; height:300px; outline:2px solid #fff;

 -webkit-transform: scale3d(1.1);

       -moz-transform: scale3d(1.1);

        -ms-transform: scale3d(1.1);

         -o-transform: scale3d(1.1);

            transform: scale3d(1.1);}

@media (min-width: 480px) { .home-products ul li.slick-current {height:250px;} }

@media (min-width: 768px) { .home-products ul li.slick-current {height:280px;} }

@media (min-width: 992px) { .home-products ul li.slick-current {height:320px;} }

@media (min-width: 1200px) { .home-products ul li.slick-current {height:350px;} }

@media (min-width: 1600px) { .home-products ul li.slick-current {height:380px;} }



.slick-current h3,

.slick-current img,

.slick-current p {width:100%;  opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */  transition: width 1s, opacity 1s;}



.slick-prev, .slick-next {width:25px; height:25px; top:inherit; bottom:-35px;}

@media (min-width: 768px) { .slick-prev, .slick-next {top:50%; bottom:inherit;} }

@media (min-width: 992px) { .slick-prev, .slick-next {top:50%; bottom:inherit;} }

@media (min-width: 1200px) { .slick-prev, .slick-next {top:50%; bottom:inherit;} }



.slick-next {right:42%;}

@media (min-width: 768px) { .slick-next {right:-30px;} }

@media (min-width: 992px) { .slick-next {right:-30px;} }

@media (min-width: 1200px) { .slick-next {right:-30px;} }



.slick-prev {left:42%;}

@media (min-width: 768px) { .slick-prev {left:-30px;} }

@media (min-width: 992px) { .slick-prev {left:-30px;} }

@media (min-width: 1200px) { .slick-prev {left:-30px;} }



.slick-prev:before, .slick-next:before {

    font-family: 'FontAwesome';

    font-size: 25px;

    line-height: 1;

    opacity: .75;

    color: white;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}

.slick-prev:before{content: '\f053 ';} /* fa-chevron-left  */

.slick-next:before{content: '\f054 ';} /* fa-chevron-right  */





/*--Home Ticker--*/

section.home-ticker{margin:0 0 0px 0; padding:0; background:#90ba51; text-align:center; height:30px; box-shadow:0 2px 5px rgba(0,0,0,0.2); z-index:1000; }

.share-ticker{background:#c2c2c3 !important;}

.affix {bottom:0px; left:0; z-index:4000; margin:0 !important; width:100%;}



section.home-ticker li {color:#fff;}

section.home-ticker li strong {color:#fff;}



.simple-marquee-container {float:none; position:relative !important; left:inherit !important; right:inherit !important; top:inherit !important;}





/*--Filetext--*/

.fileitem {margin:0; padding:0;}

.fileitem img {display:inline-block; float:left; width:25%; max-width:150px; margin-right:15px; box-shadow:2px 2px 4px rgba(0,0,0,0.2); border:1px solid #ccc;}

.fileitem a {}

.fileitem a img:hover {border:1px solid #000;}



.filetext{display:inline-block; width:70%; margin:0 0 10px 0; text-align:left;}

.filetext h5{padding-top:0px;  margin: 0 0 2px; font-size:1.3em;}

.filetext p{margin-left:0px !important; padding-left: 0em; font-size:0.9em;}

 

 /*--Hilite--*/
 .hilite {display:block; padding:20px; background:#ececec;}
 .hilite h2 {color:#000;}

 /*--Hilite Purple--*/
 .hilite.hl-purple {background:#9f61a3;}
 .hilite.hl-purple p {color:#fff; font-size:1.1em;}
 .hilite.hl-purple a {color:#fff; text-decoration:underline;}
 .hilite.hl-purple a:hover {color:#000;  }

 /*--Hilite Green--*/
 .hilite.hl-green {background:#9fce5c;}
 .hilite.hl-green h3, .hilite.hl-green h4, .hilite.hl-green h5 {color:#fff;}
 .hilite.hl-green p {color:#fff; font-size:1.1em;}
 .hilite.hl-green a {color:#fff; text-decoration:underline; cursor:pointer;}
 .hilite.hl-green a:hover {color:#000 !important;  }
 .hilite.hl-green ul {margin:0 0 0.7em 0;}
 .hilite.hl-green li {color:#fff; font-size:1.1em; list-style:none; margin: 0 0 0.7em 5px; padding: 0 0 0 0;}
 .hilite.hl-green li a {color:#fff; display:block; height:25px; }

 .hilite.hl-green li a.hl-video {color:#fff; padding-left:24px; position: relative; background:url(../images/icon-hl-video.png) 0px 2px no-repeat; background-size:19px auto;}

 .hilite.hl-green li a.hl-pdf {color:#fff; padding-left:24px; position: relative; background:url(../images/icon-hl-pdf.png) 0px 0px no-repeat; background-size:18px auto;}

 .hilite.hl-green li:before {display:none;}

.hilite.hl-green li a:hover {color:#000 !important}

/*--Home Investor Toolkit--*/

/*--section.home-toolkit {padding:50px; position:relative; background:url(../images/circle-elements.png) center 50px no-repeat ; background-size:75%; }--*/



section.home-toolkit {padding:0px 0; position:relative; /*--background:url(../images/circle-elements.svg) center 50px no-repeat; background-size:75%;--*/ height:inherit;}

@media (min-width: 992px) { section.home-toolkit {height:600px; } }

@media (min-width: 1200px) { section.home-toolkit {height:590px; } }



.home-toolkit .row {width:100%; margin:0; }

/*

@media (min-width: 768px) { .home-toolkit .row {width:100%;} }

@media (min-width: 992px) { .home-toolkit .row {width:100%;} }

@media (min-width: 1200px) { .home-toolkit .row {width:100%;} }

@media (min-width: 1600px) { .home-toolkit .row {width:85%;} }

*/

/*--.home-toolkit .row div {min-height:200px;}--*/



.home-toolkit .row.cntnt {padding:40px 0 0;}



.home-toolkit h2 {color:#808080; background:url(../images/icon-ht-cogs.svg)left top no-repeat; padding:0px 0 5px 46px; background-size:46px 40px; font-size: 2em; letter-spacing:1px;}



.home-toolkit h3 {}



.itc {border-right:0px !important; height:auto; min-height:200px;}

@media (min-width: 768px) { .itc {border-right:0px !important; height:auto; min-height:270px;} }

@media (min-width: 992px) { .itc {border-right:1px solid #f0edeb !important; height:250px; min-height:inherit;} }

@media (min-width: 1200px) { .itc {border-right:1px solid #f0edeb !important; height:240px; min-height:inherit;} }



.itc iframe {max-height:208px !important; overflow:visible !important}



.itc.last {border:none !important;}

.itc iframe {display:block; position:relative;}

.itc iframe html {width:100%;}



.itc h4 {font-size: 1.4em; color:#000; font-weight:bold; line-height:1.4em; margin-bottom:0.3em;}

.itc h4 a {color:#000}

.itc h4 a:hover {color:#90ba51;}



.itc h5 {font-size:1.05em; color:#000; font-weight:bold; line-height:1.4em; margin-bottom:0.7em;}

.itc h5 a {color:#000}

.itc h5 a.pdf {font-size:1.05em !important;}

.itc h5 a:hover {color:#90ba51;}



/*--IT section headings--*/

.itc h3 {font-size:1.5em; font-weight:bold; display:inline-block; margin-left:0; margin-bottom:15px; clear:both;  }

@media (min-width: 768px) { .itc h3 {margin-left:0; font-size:1.7em;} }

@media (min-width: 992px) { .itc h3 {margin-left:0; font-size:1.7em;} }

@media (min-width: 1200px) { .itc h3 {margin-left:5%; font-size:1.8em;} }

@media (min-width: 1200px) { .itc h3 {margin-left:5%; font-size:2.0em;} }



.itc h3 a {padding:0; background:transparent; color:#000;}

.itc h3 a:hover {color:#a9cb6b; text-decoration:none; }

/*--

.itc h3 {font-size:1.2em; font-weight:bold; display:inline-block; margin-left:0; margin-bottom:25px; clear:both;  }

@media (min-width: 768px) { .itc h3 {margin-left:0;} }

@media (min-width: 992px) { .itc h3 {margin-left:0;} }

@media (min-width: 1200px) { .itc h3 {margin-left:5%;} }

.itc h3 a {padding:7px 20px; background: #d6ccc8; color:#fff;}

.itc h3 a:hover {color:#fff; background:#a9cb6b;} --*/



.itc .fileitem {margin:0; padding:0 0 20px 0;}

@media (min-width: 768px) { .itc .fileitem {margin:0; padding:0 0 20px 0;} }

@media (min-width: 992px) { .itc .fileitem {margin:0; padding:0 0 20px 0;} }

@media (min-width: 1200px) { .itc .fileitem {margin:0; padding:0 0 0 5%;} }



.itc p {font-size:0.8em; line-height:1.45em;}

.itc p a {color:#000}

.itc p a:hover {color:#90ba51;}

.itc .filetext p {font-size:1em; line-height:1.5em;}



.itc p.date {margin-bottom:0.4em; color:#a9cb6b; font-size:0.9em; text-transform:uppercase; font-weight:bold;}



.itc .btn-default {color:#888; border:1px solid #ccc; background:#fff; padding:5px 11px 5px 11px; font-size:0.7em;}



.events h5 {margin-bottom:1em;}



/*--SENS--*/

.itc.sens {}

.itc.sens .sens_hp_head {font-size:1.05em; color:#000; font-weight:bold; line-height:1.4em; margin-bottom:0.4em; font-family: Arial, Helvetica, sans-serif;}

.itc.sens .sens_hp_head a {color:#000}

.itc.sens .sens_hp_head a:hover {color:#90ba51;}



/*--Side Headers--*/

.side-header {display:block; height:auto; position:relative; padding-right:0; padding-left:0;}

@media (min-width: 768px) { .side-header {display:block; padding-right:0; padding-left:0;} }

@media (min-width: 992px) { .side-header {display:inline-block;  } }

@media (min-width: 1200px) { .side-header {display:inline-block; } }



.side-header h1 {width:100%; display:block; color:#fff; font-size:1.4em; margin: 0 0 0 0; padding:20px; transform:none; left:inherit; top:inherit; text-align:center; font-weight:bold;}

@media (min-width: 768px) { .side-header h1 {font-size:1.4em; width:100%; position:relative; left:inherit; top:inherit; transform:none; } }

@media (min-width: 992px) { .side-header h1 {font-size:1.4em; width:370px; position:absolute; left:-299px; top:299px; transform:rotate(270deg); } }

@media (min-width: 1200px) { .side-header h1 {font-size:1.4em; width:370px; position:absolute; left:-294px; top:294px; transform:rotate(-90deg); } }



.side-header h1.toolkit {background:#a9cb6b; width:100%;}

@media (min-width: 768px) { .side-header h1.toolkit {width:100%; } }

@media (min-width: 992px) { .side-header h1.toolkit {width:660px; } }

@media (min-width: 1200px) { .side-header h1.toolkit {width:650px; } }



.side-header h1.sustainability {background:#4fbfaa; left:-125px; left:inherit; top:inherit; }

@media (min-width: 768px) { .side-header h1.sustainability {left:inherit; top:inherit; } }

@media (min-width: 992px) { .side-header h1.sustainability {left:-124px; top:152px;} }

@media (min-width: 1200px) { .side-header h1.sustainability {left:-124px; top:152px;} }



/*--Home SENS Announcements--*/

.home-sens-announcements {margin-top:30px;}

li.home-sens-announcements td.sens_hp_link {font-size:0.8em !important;}

td.sens_hp_head {

    font-size: 1.4em;

    color: #000000;

    vertical-align: middle;

    font-weight: bold;

    height: 120px;

    text-align: center;

    Cursor: pointer;

	line-height: 1.2em;}



/*--Home Integrated Report--*/

.home-report {margin-top:30px;}



/*--Home Share Price--*/

.home-share-price {margin-top:30px; position:relative;}

.home-share-price p

.home-share-price h4 {color:#000;}

h2.share-price {font-size:2.2em; margin:0; color:#000 !important; }

@media (min-width: 768px) { h2.share-price {font-size:2.0em;} }

@media (min-width: 992px) { h2.share-price {font-size:1.8em;} }

@media (min-width: 1200px) { h2.share-price {font-size:2.1em;} }

.home-share-price td.spacer_sml {height:0px !important; }



h2.share-price strong {font-weight:bold; color:#000;}

h2.share-price span {font-size:0.4em; color:#000;}



.shareprice-info{background:#c2c2c3;}

.shareprice-info .container{background:none; }

.shareprice-info h1 {color:#fff;}



.home-share-price iframe {width:auto; height:250px;}

.home-share-price iframe path.highcharts-tracker {width:auto; margin:0; padding:0;}



/*--Home Media Releases--*/

.home-media-releases {margin-top:30px;}

.home-media-releases h3 {text-transform:none !important;}

.home-media-releases .btn {font-size:11px; color:#666;}



/*--Share Price Page--*/

.shareprice-page {}

.shareprice-page h1 {color:#fff !important;}





/*--Media centre share price--*/

.blocklist {min-height:130px;}

.share{color: #a5d32d; font-size: 1.8em !important; line-height: 1em; margin: 0}

.code, .change, .price{display: inline-block;}

.price {font-weight:bold;}

.code, .change{font-size: 0.6em !important; }

.code{float: left; padding-bottom: 10px}



/*--Investor Relations Page Columns--*/

.ircol {min-height:400px; margin-bottom:20px;}

@media (min-width: 768px) { .ircol {min-height:500px} }

@media (min-width: 992px) { .ircol {min-height:560px} }

@media (min-width: 1200px) { .ircol {min-height:500px;} }



.ircol h2 a {color:#000;}

.ircol h2 a:hover {}



.ircol.brdr-r{border-right:0px dotted #ccc;}

@media (min-width: 768px) { .ircol.brdr-r {border-right:2px dotted #ccc;} }

@media (min-width: 992px) { .ircol.brdr-r {border-right:2px dotted #ccc;} }

@media (min-width: 1200px) { .ircol.brdr-r {border-right:2px dotted #ccc;} }



.ircol.brdrs{border-right:2px dotted #ccc; border-left:2px dotted #ccc;}



.ircol .fileitem img {}

@media (min-width: 768px) { .ircol .fileitem img {} }

@media (min-width: 992px) { .ircol .fileitem img {} }

@media (min-width: 1200px) { .ircol .fileitem img {} }



.spp-1 {background:#c9e4a3; margin:0 2% 20px 0; padding:25px; height:472px; width:auto; float:none;}

@media (min-width: 768px) { .spp-1 {margin:0 0 20px 0; width:auto; float:none;} }

@media (min-width: 992px) { .spp-1 {margin:0 2% 20px 0; width:48.8%; float:left;} }

@media (min-width: 1200px) { .spp-1 {margin:0 2% 20px 0; width:48.8%; float:left;} }



.spp-1 iframe {width:100%; height:420px;}

.spp-1 p.price {color:#fff !important;}

.spp-1 hr {background-color:#3ab54a !important;}



.spp-2 {background:#a9cb6b; margin:0 0 20px 0; padding:25px; width:auto; float:none;}

@media (min-width: 768px) { .spp-2 {margin:0 0 30px 0; width:auto; float:none; } }

@media (min-width: 992px) { .spp-2 {margin:0 0 30px 0; width:48.8%; float:left;} }

@media (min-width: 1200px) { .spp-2 {margin:0 0 30px 0; width:48.8%; float:left;} }



.spp-2 iframe {width:100%;}





/*--Home Sustainability--*/

.home-sustainability {padding:0; position:relative; border-top:2px solid rgba(79, 191, 170, 0.3);}

.home-sustainability .row {margin:0px;}



.home-sustainability .side-header h1 {margin: 0 ;}

@media (min-width: 768px) { .home-sustainability .side-header h1 {margin: 0;} }

@media (min-width: 992px) { .home-sustainability .side-header h1 {margin: 0 0 0 -30px;} }

@media (min-width: 1200px) { .home-sustainability .side-header h1 {margin: 0 0 0 -30px;} }

@media (min-width: 1600px) { .home-sustainability .side-header h1 {margin: 0 0 0 -30px;} }



/*--Old layout--

/*--Content--*/ /*--

.sustainability-content {background:#f4f4f4; padding:40px 0 50px 10%; }

@media (min-width: 768px) { .sustainability-content {padding:40px 0 50px 10%; } }

@media (min-width: 992px) { .sustainability-content {padding:40px 0 50px 10%;} }

@media (min-width: 1200px) { .sustainability-content {padding:40px 0 50px 10%;} }



.sustainability-content h2 {color:#000; padding:0; text-align:left; letter-spacing:0px; font-size:2.0em; line-height:1.2em;}

@media (min-width: 768px) { .sustainability-content h2 {font-size:1.8em;} }

@media (min-width: 992px) { .sustainability-content h2 {font-size:1.8em;} }

@media (min-width: 1200px) { .sustainability-content h2 { font-size:1.8em;} }



.sustainability-content p {color:#000;  font-size:1.0em; line-height:1.55em; text-align:left}

@media (min-width: 768px) { .sustainability-content p {font-size:0.9em;} }

@media (min-width: 992px) { .sustainability-content p { font-size:0.95em;} }

@media (min-width: 1200px) { .sustainability-content p { font-size:1.0em;} }



.sustainability-highlights {padding-top:50px; padding-bottom:50px; background:url(../images/back-home-sustainability.png) -110px top no-repeat; background-color:#fff;}

@media (min-width: 768px) { .sustainability-highlights {padding-bottom:300px;} }

@media (min-width: 992px) { .sustainability-highlights {padding-bottom:150px;} }

@media (min-width: 1200px) { .sustainability-highlights {padding-bottom:50px;} }

--*/



/*--Sustainability Highlights--*/

.sustainability-highlights {padding-top:50px; background-color:#fff; position:relative;}



.sustainability-highlights ul {margin:0.3em 0 1em 5%;}

.sustainability-highlights li {list-style:none; margin:0 0 1em 0; padding-left:90px; height:140px; text-align:left;}



.sustainability-highlights h3 {font-size:1.6em; line-height:1.0em; margin-bottom:0.0em; text-align:left;} 

@media (min-width: 768px) { .sustainability-highlights h3 {font-size:2em;} }

@media (min-width: 992px) { .sustainability-highlights h3 {font-size:2.8em;} }

@media (min-width: 1200px) { .sustainability-highlights h3 {font-size:3.2em;} }



.sustainability-highlights h3 span {font-size:0.4em; margin-left:5px; } 



.sustainability-highlights h4 {font-size:0.85em; text-transform:uppercase; line-height:1.1em; letter-spacing:0.5px; margin-bottom:0.4em; color:#000; font-family: Arial, Helvetica, sans-serif; font-weight:bold; } 



.sustainability-highlights p {font-size:0.9em; text-align:left; color:#999; font-style:italic;}

@media (min-width: 768px) { .sustainability-highlights p {font-size:0.9em;} }

@media (min-width: 992px) { .sustainability-highlights p {font-size:0.9em;} }

@media (min-width: 1200px) { .sustainability-highlights p {font-size:0.9em;} }



.sustainability-highlights sub {font-size:0.5em;}



li.skills {background:url(../images/icon-sust-skills.png)left top no-repeat; padding-left:100px;}

li.skills h3 {color:#a9cb6b;}



li.greenhouse {background:url(../images/icon-sust-greenhouse.png)left top no-repeat; padding-left:80px;}

li.greenhouse h3 {color:#6c903c;}



li.water {background:url(../images/icon-sust-water.png)left top no-repeat; padding-left:70px;}

li.water h3 {color:#09b298;}



li.energy {background:url(../images/icon-sust-energy.png)left top no-repeat; padding-left:100px;}

li.energy h3 {color:#ce725a;}



li.recyclables {background:url(../images/icon-sust-recyclables.png)left top no-repeat; padding-left:85px;}

li.recyclables h3 {color:#9e60a3;}



li.jobs {background:url(../images/icon-sust-jobs.png)left top no-repeat; padding-left:75px;}

li.jobs h3 {color:#b9a59c;}









/*--Menu page--*/

.ui-tabs-nav {margin:0 0 0em 0; padding:0; height:auto; font-size:1.0em; text-align:left; position:relative; z-index:1; border-bottom:1px solid #999; width:auto;}

@media (min-width: 768px) { .ui-tabs-nav {width:auto;} }

@media (min-width: 992px) { .ui-tabs-nav {width:auto;} }

@media (min-width: 1200px) { .ui-tabs-nav {width:auto;} }



.ui-tabs-nav ul{display:block; margin:0px 0 2em 0; border-bottom:1px solid #999;}

.ui-tabs-nav li{display:inline; margin:0 !important; padding:0  !important;  list-style-type:none; list-style-image:none; background:none; font-size:1.2em;}

.ui-tabs-nav li:before{display:none;}

.ui-tabs-nav a{display:inline-block; text-decoration:none !important; padding:5px 15px; margin:0 0 0 0; border:1px solid #3ab54a; border-right:1px solid #3ab54a; border-bottom:none; text-align:center; color:#3ab54a; font-weight:normal; background:#e9f8d4;}

.ui-tabs-nav li a:hover{color:#fff; background:#a9cb6b;}

.ui-tabs-nav li:last-child a{border-right:1px solid #3ab54a;}

.ui-tabs-nav li.ui-state-active{z-index:100; top:1px;}

.ui-tabs-nav li.ui-state-active a{color:#3ab54a; background:#fff; padding-top:6px; font-weight:bold;}

.ui-tabs-nav li.ui-state-active a:hover{color:#3ab54a; background:#fff;}



.ui-tabs-panel {background:#fff; width:auto; padding:30px; border:1px solid #3ab54a; border-radius:5px;}

@media (min-width: 768px) { .ui-tabs-panel {width:auto; } }

@media (min-width: 992px) { .ui-tabs-panel {width:auto; } }

@media (min-width: 1200px) { .ui-tabs-panel {width:auto; } }



.ui-tabs-panel iframe {width:100%; }



/* Searchbox */

.searchbar{padding:20px 0;}

.searchbar .moduletable {position:relative;}

.searchbar form {margin: 0 0 0 0; text-align:center;}

.searchbar label {display:none;}

.searchbar input{background:#bfc2da; border:0; height:40px; border-radius:20px; color:#293484; position:relative; font-size:1.3em; margin:0 0 7px 0px; line-height:1em;}

.searchbar input[type="search"] {border:0; height:37px; width:70%; padding-left:15px;}

@media (min-width: 768px) { .searchbar input[type="search"] {width:98%;} }

@media (min-width: 992px) { .searchbar input[type="search"] {width:98%;} }

@media (min-width: 1200px) { .searchbar input[type="search"] {width:98%;} }



.searchbar button {width:37px; height:37px; background:none; border:0; border-radius:20px; padding:0; margin:0; display:block; position:absolute; right:15%; top:0; z-index:1;}

@media (min-width: 768px) { .searchbar button {right:5px;} }

@media (min-width: 992px) { .searchbar button {right:5px;} }

@media (min-width: 1200px) { .searchbar button {right:5px;} }



.searchbar button:hover{background-color:#bfc2da; border:0;}

.searchbar button:before{

		font-family:'FontAwesome';

		font-size:1.7em;

		position: absolute;

		right:12px; top:12px;

		content:"\f002";  /* fa-search */

		color:#293484; z-index:2;}

.searchbar button:hover:before{color:#fff;}



/*--Buttons--*/

.btn {padding:4px 12px 5px 12px;}



.btn-primary{

		color:#fff; border:1px solid #ffffff; line-height:0.9em;

		background:#01949b; 

		-webkit-transition: background-color 0.2s ease; 

    	transition: background-color 0.2s ease;}

.btn-primary:hover{color:#000; background:#fff; border:1px solid #ffffff}



.btn-default{

		color:#000; border:1px solid #ccc;

		background:#fff; 

		-webkit-transition: background-color 0.2s ease; 

    	transition: background-color 0.2s ease;}

.btn-default:hover{color:#fff; background:#000; border:1px solid #ccc}



a.btn-catalogue{display:block; width:210px; padding:16px 30px; margin:20px auto 20px auto; font-size:0.9em; text-transform:uppercase; letter-spacing:1px; border-radius:8px; font-weight:bold; color:#919090; border:2px solid #cccccc; line-height:1.2em; background:#fff; text-align:center; -webkit-transition: background-color 0.2s ease; transition: background-color 0.2s ease;}

a.btn-catalogue:hover{color:#fff; background:#919090; border:2px solid #919090; text-decoration:none;}

a.btn-catalogue.ib {display:inline-block;}



/*--Custom catalogue buttons--*/

a.btn-cata {display:block; width:320px; padding:16px 23px 16px 55px; margin:20px auto 20px auto; font-size:1.6em; text-transform:uppercase; letter-spacing:1px; border-radius:8px; font-weight:bold; color:#fff; border:0px solid #cccccc; line-height:1.2em; text-align:left; -webkit-transition: background-color 0.2s ease; transition: background-color 0.2s ease; position:relative;}



a.btn-cata:after {display:block; width:34px; height:35px; background:url(../images/catalogue-arrows.svg) left top no-repeat; background-size:100%; position:absolute; top:10px; right:10px; content:''}



a.btn-cata span {font-weight:normal !important; letter-spacing:0px;}



a.btn-cata.lng {width:400px}



a.btn-cata.preforms {background:#cac6a9 url(../images/icon-catalogue.svg) 15px 15px no-repeat; background-size:30px auto;}

a.btn-cata.bottles {background:#9ccc54 url(../images/icon-catalogue.svg) 15px 15px no-repeat; background-size:30px auto;}

a.btn-cata.closures {background:#9c529d url(../images/icon-catalogue.svg) 15px 15px no-repeat; background-size:30px auto;}



a.btn-cata:hover{color:#fff; background:#999 url(../images/icon-catalogue.svg) 15px 15px no-repeat; background-size:30px auto; border:0px solid #919090; text-decoration:none; }

/*

div.btn-cata {display:block; width:320px; padding:16px 20px 16px 55px; margin:20px auto 20px auto; background:#cac6a9 url(../images/icon-catalogue.svg) 15px 17px no-repeat; position:relative; border-radius:5px;}

.btn-cata a {display:block; width:auto; font-size:1.5em; text-transform:uppercase; letter-spacing:1px; border-radius:8px; font-weight:bold; color:#fff; line-height:1.2em; text-align:left; -webkit-transition: background-color 0.2s ease; transition: background-color 0.2s ease; }



div.btn-cata:after {display:block; width:30px; height:31px; background:url(../images/catalogue-arrows.svg) left top no-repeat; background-size:100%; position:absolute; top:10px; right:10px;}



.btn-cata.preforms {background:#cac6a9 url(../images/icon-catalogue.svg) 15px 17px no-repeat; background-size:30px auto;}

.btn-cata.bottles {background:#9ccc54 url(../images/icon-catalogue.svg) 15px 17px no-repeat; background-size:30px auto;}

.btn-cata.closures {background:#9c529d url(../images/icon-catalogue.svg) 15px 17px no-repeat; background-size:30px auto;}



.btn-cata a:hover{color:#fff; background:#999 url(../images/icon-catalogue.svg) 15px 17px no-repeat; background-size:30px auto; border:0px solid #919090; text-decoration:none; }

*/



/*--Style 2--*/  /*--

a.btn-cata {display:block; width:230px; padding:16px 20px 16px 65px; margin:20px auto 20px auto; font-size:1.5em; text-transform:uppercase; letter-spacing:1px; border-radius:8px; font-weight:bold; color:#fff; border:0px solid #cccccc; line-height:1.2em; background:#999; text-align:left; -webkit-transition: background-color 0.2s ease; transition: background-color 0.2s ease;}



a.btn-cata.preforms {background:#cac6a9 url(../images/icon-catalogue.svg) 15px 19px no-repeat; background-size:40px auto;}

a.btn-cata.bottles {background:#9ccc54 url(../images/icon-catalogue.svg) 15px 19px no-repeat; background-size:40px auto;}

a.btn-cata.closures {background:#9c529d url(../images/icon-catalogue.svg) 15px 19px no-repeat; background-size:40px auto;}



a.btn-cata:hover{color:#fff; background:#999 url(../images/icon-catalogue.svg) 15px 19px no-repeat; background-size:40px auto; border:0px solid #919090; text-decoration:none; }

*/

a.btn-download,

a.btn-downlaod{

		 text-align:center; padding:16px 30px; margin:20px auto 20px auto; font-size:0.9em; text-transform:uppercase; letter-spacing:1px; border-radius:8px; font-weight:bold; color:#919090; border:2px solid #cccccc; line-height:1em; background:#fff; 

		-webkit-transition: background-color 0.2s ease; 

    	transition: background-color 0.2s ease;}

a.btn-download:hover,

a.btn-downlaod:hover{color:#fff; background:#919090; border:2px solid #919090; text-decoration:none;}



a.btn-download.ulcase {text-transform:none !important;}





/*Mpact verspak button*/

a.btn-verspak,

a.btn-verspak{

		 text-align:center; padding:16px 30px; margin:20px auto 20px auto; font-size:0.9em; text-transform:uppercase; letter-spacing:1px; border-radius:8px; font-weight:bold; color:#ffffff; border:2px solid #cccccc; line-height:1em; background:#a9cb6b; 

		-webkit-transition: background-color 0.2s ease; 

    	transition: background-color 0.2s ease;}

a.btn-verspak:hover,

a.btn-verspak:hover{color:#a9cb6b; background:#ffffff; border:2px solid #919090; text-decoration:none;}



a.btn-verspak {text-transform:none !important;}







ul.multibtns {text-align:center; margin:0px 0; padding:0;}

ul.multibtns li {display:inline-block; list-style:none; margin:10px 10px 0 0; padding:0; vertical-align:top; height:60px; }

ul.multibtns li:before {content:'';}

ul.multibtns li a.btn-download {margin:10px auto 20px auto;}



ul.multibtns.ta-l {text-align:left;}



/*--Products page--*/

.productspage {}

.productspage p {line-height:1.9em;}

.productspage img {margin:0 0 40px;}

.productspage hr {border:none; border-bottom:2px dotted #bdbcbc; margin:30px auto;}



h2.ulc{text-transform:none !important}



/*--SIDE SUB NAVIGATION--*/

#sub-navigation {display:block; position:absolute; top:-70px; right:15px; z-index:3000; width:300px; height:auto !important; margin:0; padding:0; max-width:inherit; min-width:inherit; }



#sub-navigation h3 {display:block; background:#c4c4c4; padding:10px 10px 10px 32px; width:auto; height:auto; color:#fff; text-transform:uppercase; font-weight:normal; font-size:1.2em; line-height:1.0em; cursor:pointer; box-shadow:3px 3px 5px rgba(0,0,0,0.15); }

@media (min-width: 768px) { #sub-navigation h3 {font-size:1.3em; padding:9px 10px 8px 35px;} }

@media (min-width: 992px) { #sub-navigation h3 {font-size:1.3em; padding:9px 10px 8px 35px;} }

@media (min-width: 1200px) { #sub-navigation h3 {font-size:1.3em; padding:9px 10px 8px 35px;} }

#sub-navigation h3:hover{color:#fff;}

#sub-navigation h3:before{

		font-family:'FontAwesome';

		font-size:0.7em;

		position: absolute;

		left:15px; top:8px;

		content:"\f063"; /* fa-arrow-down  */

		color:#fff; }





.ib-block .moduletable{background:url(../images/ib-block-tile.png) left -10px repeat-x; padding:70px 10px 10px; position:absolute; top:0px; left:0; z-index:2; width:auto; height:71px; opacity:0; -webkit-transition:height 0.3s; transition:height 0.3s; }

@media (min-width: 768px) { .ib-block .moduletable {background:url(../images/ib-block-tile.png) left -10px repeat-x; padding:70px 10px 10px; } }

@media (min-width: 992px) { .ib-block .moduletable {background:url(../images/ib-block-tile.png) left -10px repeat-x; padding:70px 10px 10px; } }

@media (min-width: 1200px) { .ib-block .moduletable {background:url(../images/ib-block-tile.png) left -3px repeat-x; padding:70px 10px 10px; } }



.ib-block .moduletable:hover{height:350px; opacity:1; -webkit-animation:fadeIn 0.3s; animation:fadeIn 0.3s;}

.iblarge{height:300px !important;}





#sub-navigation ul{display:block; width:300px; background:#c4c4c4; margin:10px 0 0px 0; padding:15px; border-bottom:none; position:absolute; top:25px; left:0; z-index:1000; float:none; display:none; }

#sub-navigation ul ul{background:none; border:none; margin:0px 0 0 10px !important; padding:0; width:auto; position:relative; left:auto; top:auto; box-shadow:none; }

#sub-navigation ul.open{display:block; -webkit-animation:fadeIn 0.3s; animation:fadeIn 0.3s; box-shadow:3px 3px 4px rgba(0,0,0,0.15);}

#sub-navigation ul.open ul.open{box-shadow:none;}

#sub-navigation ul.open h3:before{content:"\f062";}



/*

#sub-navigation ul {width:300px; background:none; margin:0; padding:15px; border-bottom:none; position:absolute; top:0px; left:0; z-index:1000; float:none; display:block; height:40px; opacity:0;}

#sub-navigation ul:hover {top:30px; display:block; height:auto; background:#c4c4c4; opacity:1; }

#sub-navigation ul ul{background:none; border:none; margin:0 0 0 10px !important; padding:0; width:auto; position:relative; left:auto; top:auto; box-shadow:none; height:inherit; opacity:1; }

#sub-navigation ul ul:hover {top:inherit; }



#sub-navigation ul.open{display:block; -webkit-animation:fadeIn 0.3s; animation:fadeIn 0.3s; box-shadow:3px 3px 4px rgba(0,0,0,0.15);}

#sub-navigation ul.open ul.open{box-shadow:none;}

#sub-navigation ul.open h3:before{content:"\f062";}

*/



#sub-navigation li{margin:0 0 10px 0px; padding:0 0 0 15px !important; list-style:none; display:list-item; padding:0; line-height:1.3em; white-space:normal; border:none; float:none; position:relative; font-size:0.9em;}

#sub-navigation li:hover{}

#sub-navigation li:before {

		font-family:'FontAwesome';

		font-size:0.6em;

		position: absolute;

		left:0px; top:0px;

		color:#000; }

#sub-navigation li.active:before {color:#000; }



.slideDown{

	animation-name: slideDown;

	-webkit-animation-name: slideDown;	



	animation-duration: 1s;	

	-webkit-animation-duration: 1s;



	animation-timing-function: ease;	

	-webkit-animation-timing-function: ease;	



	visibility: visible !important;						

}





#sub-navigation a{text-decoration:none; color:#000; font-size:1.1em; font-family:Arial, Helvetica, sans-serif; font-weight:normal; border:none; margin:0; padding:2px 0 5px 0; text-transform:none}



#sub-navigation ul li.active a{list-style:none; font-weight:bold; color:#fff}

#sub-navigation ul li.active ul li{font-weight:normal;}

#sub-navigation ul li.active ul li.active{font-weight:bold;}

#sub-navigation ul li.active ul li a{color:#000;}



#sub-navigation a:hover, #sub-navigation li a:active:hover{color:#fff !important; }



#sub-navigation ul li.active ul{background:none;}

#sub-navigation ul ul li{margin:0 0 0 5px; padding:0 0 0 0; list-style:none; color:#d6eefd; background:none; font-size: 0.9em;}

#sub-navigation ul ul li a, 

#sub-navigation ul li.active ul li a,

#sub-navigation ul li.active ul li.active ul li a{font-weight:normal !important; font-size:0.9em; color:#000; }

#sub-navigation ul ul li a:hover, 

#sub-navigation ul li.active ul li a:hover,

#sub-navigation ul li.active ul li.active ul li a:hover{font-weight:normal !important; color:#fff; }

#sub-navigation ul ul li.active a, 

#sub-navigation ul li.active ul li.active a,

#sub-navigation ul li.active ul li.active ul li.active a{color:#fff !important; font-weight:bold !important; }

#sub-navigation ul ul ul li a{font-size:0.9em !important;}



/*--Menu page - Media releases--*/

.sub-cat-navigation{margin:0 0 2em 0; padding:0; height:auto; font-size:1.0em; text-align:left; position:relative; z-index:1; border-bottom:0px solid #999;}

.item-page-blog-subpage .sub-cat-navigation{display:none;}

.sub-cat-navigation h2{color:#999}

.sub-cat-navigation h2 a{color:#999}

.sub-cat-navigation h2 a:hover{color:#6895c0;}

.sub-cat-navigation h3{color:#999; margin-bottom:0; padding-top:15px; border-top:2px dotted #ccc;}

.sub-cat-navigation ul{display:block; margin:0px 0 2em 0; border-bottom:1px solid #999;}

.sub-cat-navigation li{display:inline !important; margin:0 2px !important; padding:0  !important;  list-style-type:none; list-style-image:none; background:none;}

.section-main .sub-cat-navigation li:before{display:none;}

.sub-cat-navigation a{display:inline-block; text-decoration:none !important; padding:8px 15px; margin:0 0 0 0; border:1px solid #999; text-align:center; color:#999; font-weight:normal; background:#fff; border-radius:5px;}

.sub-cat-navigation li a:hover{color:#fff; background:#ccc;}

.sub-cat-navigation li:last-child a{border-right:1px solid #999;}

.sub-cat-navigation li.active{z-index:100; top:0px;}

.sub-cat-navigation li.active a{color:#000; background:#fff; font-weight:bold; border:1px solid #000;}

.sub-cat-navigation li.active a:hover{color:#fff; background:#b2b1b1;}





/*--Menu page - Fin reports

.sub-cat-navigation{margin:0 0 2em 0; padding:0; height:auto; font-size:1.0em; text-align:left; position:relative; z-index:1; border-bottom:1px solid #999;}

.item-page-blog-subpage .sub-cat-navigation{display:none;}

.sub-cat-navigation h2{color:#999}

.sub-cat-navigation h2 a{color:#999}

.sub-cat-navigation h2 a:hover{color:#6895c0;}

.sub-cat-navigation h3{color:#999; margin-bottom:0; padding-top:15px; border-top:2px dotted #ccc;}

.sub-cat-navigation ul{display:block; margin:0px 0 2em 0; border-bottom:1px solid #999;}

.sub-cat-navigation li{display:inline; margin:0 !important; padding:0  !important;  list-style-type:none; list-style-image:none; background:none;}

.sub-cat-navigation li:before{display:none;}

.sub-cat-navigation a{display:inline-block; text-decoration:none !important; padding:5px 15px; margin:0 0 0 0; border:1px solid #999; border-right:1px solid #999; border-bottom:none; text-align:center; color:#999; font-weight:normal; background:#e4e4e4;}

.sub-cat-navigation li a:hover{color:#fff; background:#ccc;}

.sub-cat-navigation li:last-child a{border-right:1px solid #999;}

.sub-cat-navigation li.active{z-index:100; top:1px;}

.sub-cat-navigation li.active a{color:#666; background:#fff; padding-top:6px; font-weight:bold; }

.sub-cat-navigation li.active a:hover{color:#fff; background:#b2b1b1;} --*/





/*--Portal page--*/

.product-portal {}

.product-portal h1 {text-align:center;}

.product-portal h2 {font-size:2em; text-align:left; margin:0 auto 20px auto; top:inherit;}

@media (min-width: 768px) { .product-portal h2 {font-size:1.8em;} }

@media (min-width: 992px) { .product-portal h2 {font-size:2em;} }

@media (min-width: 1200px) { .product-portal h2 {font-size:2em;} }



.pl-products {display:block; width:auto; height:inherit; float:none; text-align:center;  background:none; margin:0; padding:20px 0; clear:both;} /*--Green--*/



.pl-products ul {margin:0 0 10px 0; margin:0 auto; clear: both;}

.pl-products h3 {position:relative; font-size:1.2em; font-family:Arial, Helvetica, sans-serif; display:block; width:100%; text-align:center; margin:0; padding:20px 0; background:rgba(0,0,0,0.5); line-height:1.0em;}

.pl-products h3 span {font-size:0.7em; display:block;}

.pl-products h3 a {color:#fff;}

.pl-products h3 a:hover {color:#fff; text-decoration:none;}

.pl-products img {border:1px solid #fff; width:100%; margin-bottom:10px !important;}



.pl-products li {display:inline-block; text-align:center; list-style:none; height:220px; padding:0 !important; margin:0 auto 15px auto; width:90%; float:none; border:1px solid #000;}

@media (min-width: 768px) { .pl-products li {margin:0 5px 15px 5px; width:47%; float:left;} }

@media (min-width: 992px) { .pl-products li {margin:0 8px 15px 8px; width:47%; float:left;} }

@media (min-width: 1200px) { .pl-products li {margin:0 8px 15px 8px; width:47%; float:left;} }

.pl-products li:before {content:'';}

.section-main .pl-products li:last-child {border:1px solid #000;}



.product-portal .btn-catalogue {width:150px;}



li.pl-bottles {background:url(../images/pl-bottles.jpg) center top no-repeat;}

li.pl-fmcg {background:url(../images/pl-fmcg.jpg) center top no-repeat;}

li.pl-containers {background:url(../images/pl-containers.jpg) center top no-repeat; border:none; border:none !important;}

li.pl-trays-films {background:url(../images/pl-trays-films.jpg) center top no-repeat;}



li.pl-blow-moulding {background:url(../images/plastics-video-blow-moulding.jpg) center top no-repeat;}

li.pl-injection-moulding {background:url(../images/plastics-video-injection-moulding.jpg) center top no-repeat;}

li.pl-is1-blow-moulding {background:url(../images/plastics-video-is-blow-moulding-1st.jpg) center top no-repeat;}

li.pl-is2-blow-moulding {background:url(../images/plastics-video-is-blow-moulding-2st.jpg) center top no-repeat;}



li.pl-containers {background:url(../images/plastics-containers-video.jpg) center top no-repeat; background-size:100% auto; display:block; width:auto !important; height:220px; float:none;}

@media (min-width: 768px) { li.pl-containers {height:180px;} }

@media (min-width: 992px) { li.pl-containers {height:220px;} }

@media (min-width: 1200px) { li.pl-containers {height:220px;} }



.pl-icon {display:block; width:100%; text-align:center; min-height:220px; margin:80px 0 14px 0;}

.pl-icon img {float:none; margin:0 auto;}



.survey-icon {display:block; margin:50px auto 0 auto;}

.noPadleft {padding-left:0;}



/*--Downloads--*/

.pl-downloads {background:#4fbfaa; margin:92px 0 10px 0; padding:20px; text-align:center; } /*--Green--*/

@media (min-width: 768px) { .pl-downloads {margin:82px 0 10px 0;} }

@media (min-width: 992px) { .pl-downloads {margin:92px 0 10px 0;} }

@media (min-width: 1200px) { .pl-downloads {margin:92px 0 10px 0;} }



.pl-downloads h2, .pl-focus h2, .pl-register h2{font-size:1.8em;}

@media (min-width: 768px) { .pl-downloads h2, .pl-focus h2, .pl-register h2 {font-size: 1.6em;} }

@media (min-width: 992px) { .pl-downloads h2, .pl-focus h2, .pl-register h2 {font-size: 1.8em;} }

@media (min-width: 1200px) { .pl-downloads h2, .pl-focus h2, .pl-register h2 {font-size: 1.8em;} }



.pl-downloads h2 {color:#fff; }

.pl-downloads h4 {font-size:1.2em; margin:0; padding:20px 0 0 0; text-align:left !important; line-height:1.3em;}

@media (min-width: 768px) { .pl-downloads h4 {font-size:1.0em;} }

@media (min-width: 992px) { .pl-downloads h4 {font-size:1.1em;} }

@media (min-width: 1200px) { .pl-downloads h4 {font-size:1.2em;} }

.pl-downloads h4 a {color:#000;}

.pl-downloads img {display:inline-block; width:90px; margin:0 15px 10px 0; border:1px solid #888; clear:both; float:left; box-shadow:2px 2px 4px rgba(0,0,0,0.6);}

.pl-downloads p {color:#000; margin:0; font-size:0.8em; text-align:left !important;}

@media (min-width: 768px) { .pl-downloads p {font-size:0.6em;} }

@media (min-width: 992px) { .pl-downloads p {font-size:0.7em;} }

@media (min-width: 1200px) { .pl-downloads p {font-size:0.8em;} }



/*--Focus--*/

.pl-focus {width:auto; float:none; background:#c3b1a9; margin-bottom:10px; padding:20px 20px 40px 20px; text-align:center; } /*--Pinkish--*/

.pl-focus h2 {color:#fff; line-height:1.1em;}

.pl-focus img {border:1px solid #fff; width:100%;}

.pl-focus p {color:#000; margin:0 0 2em 0; font-size:1em; line-height:1.9em;}

@media (min-width: 768px) { .pl-focus p {font-size:0.8em;  line-height:1.6em;} }

@media (min-width: 992px) { .pl-focus p {font-size:0.9em; line-height:1.7em;} }

@media (min-width: 1200px) { .pl-focus p {font-size:1em; line-height:1.9em;} }



/*--Videos--*/

.pl-videos {width:auto; float:none; text-align:center; margin:0 0 0 0; }

.pl-videos img {border:1px solid #000; width:100%; margin-bottom:10px; }

.pl-videos p a {display:block; color:#000; text-decoration:none; height:15px; margin:0 0 10px 0; }

.pl-videos p a:hover {color:#a5d32d;}

.pl-videos ul {margin:0;}

.pl-videos li {text-align:center; list-style:none; padding-right:5px; padding-left:5px;}



.pl-videos li:before {content:'';}



.hl-regcol {width:auto; float:none; background:none; padding:0px; text-align:center; }







/*--Responsive videos--*/

.video-container {

position: relative;

padding-bottom: 56.25%;

padding-top: 30px; height: 0; overflow: hidden;

}



.video-container iframe,

.video-container object,

.video-container embed {

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

}





/*--Register--*/

.pl-register {background:#d7d6d7; margin:0 0 12px 0; padding:20px 5%; text-align:center;} /*--Grey--*/

.pl-register h2 {color:#fff;}

.pl-register img {border:1px solid #fff; width:100%; margin-bottom:10px !important;}

.pl-register p {margin-bottom:0.5em;}

.pl-register button {margin:0 auto;}

.pl-register button:hover {background:#000;}



.hl-connect {width:inherit; background:#a167a5; padding:20px 5%; text-align:center;} /*--Pink --*/

.hl-connect h2 {position:relative; font-size:1.7em; color:#fff; top:inherit;}

.hl-connect img {border:0px solid #fff;}

.hl-connect p {color:#fff;}



/*--Catalogues--*/

.catalogue{text-align:center;}

.catalogue h4{text-align:center !important;}

.catalogue img {margin:0 auto 0px auto; border:1px solid #888; clear:both; float:none; box-shadow:2px 2px 4px rgba(0,0,0,0.2);}

.catalogue p a {color:#000;}

.catalogue p span.descriptor {font-size:0.8em;}



/*--Catalogue Page--*/

.catalogue-page {}

.cat-item {}



.cat-item strong {color:#a9cb6b; font-weight:600;}

h3.cat-header {font-size:1.7em; color:#a9cb6b; /*--#90ba51--*/ font-weight:bold; padding-bottom:5px; border-bottom:2px solid #a9cb6b;}



.cat-item table {}

.cat-item td, .cat-item th {font-size:1em; padding:5px 7px 6px 5px;}



.cat-item img {display:block; border:2px solid #a2cd50; margin:0; padding:0;}



.cat-item p.imgdesc {display:block; margin:0; padding:6px; color:#fff; background:#a2cd50; text-align:center; font-size:0.7em; font-weight:normal; width:100%; text-transform:uppercase; line-height:1.2em;}



/*--FOOTER--*/

footer{width:100%; background:#000; line-height:16px; margin:0; padding:25px 0 20px 0; position:relative; font-size:0.9em}

#home footer {padding:25px 0 40px 0;}



footer h4{display:block; color:#a9a9a9; margin-bottom:15px;}



footer p {color:#a9a9a9; font:'BlissRegular', Arial, Helvetica, sans-serif; margin:0px 5% 10px 0; float:none; text-align:left; line-height:1.3em; }

@media (min-width: 768px) { footer p {float:none; text-align:left;} }

@media (min-width: 992px) { footer p {float:left} }

@media (min-width: 1200px) { footer p {float:left} }



footer p.descriptor{font-size:0.75em;}



footer ul {text-align:left; width:auto; margin:0; padding:0; text-align:left;}



footer li {display:list-item; list-style:none; margin:0 0 0.5em 0; padding:0 0 0 15px; background:none; border-right:0px solid #8fb6db; }

footer li:before{

		font-family:'FontAwesome';

		font-size:0.6em;

		position: absolute;

		left:0; top:0px;

		content:"\f054";  

		color:#a9a9a9; }



footer li a {padding:0 7px 2px 0px; color:#a9a9a9; text-decoration:none; font-weight:normal; }

footer li a:hover,

footer li a:hover{color:#fff; background:none;}



footer form{}

footer fieldset{border-bottom:none;}

footer div{text-align:left;}

footer input[type="submit"],

footer input.btn-default,

footer input.btn-primary,

footer button.btn-primary{border:none; color:#000 !important; background:#636363 !important; font-size:0.8em !important; margin:0; padding:5px 8px !important; border-radius:0;}

footer input[type="submit"]:hover,

footer input.btn-default:hover,

footer input.btn-primary:hover,

footer button.btn-primary:hover{background:#fff !important; color:#000; border:none !important;}

footer input, footer textarea, footer select {color:#666; font-size:1.0em; background:#bdbcbc; border:none; margin:0px 0 10px 0px; padding:5px 4px 7px 15px; opacity:1; width:100%;}

footer input[type="checkbox"] {margin:5px 5px 0px 0px; display:inline-block;}

span.rmv{position:relative; line-height:1em; display:inline-block; vertical-align:top; padding:7px 0 0 0;}.remove-me {position:relative; line-height:1.5em; font-size:1.2em; display:inline-block; vertical-align:top; padding:0 0 10px;}



.footer-register {margin:20px 0 0 0;}

@media (min-width: 768px) { .footer-register {margin:0;} }

@media (min-width: 992px) { .footer-register {margin:0;} }

@media (min-width: 1200px) { .footer-register {margin:0;} }



footer form#register input[type="button"], footer form#register input[type="submit"]{margin:0px 0 10px 0px;}



#registration-form td {border-bottom:none;padding:0px;}



/* Footer search */ /*-- Add "top" as suffix in the search module's "Module Class Suffix"--*/

.footer-search {margin:20px 0 0 0;}

@media (min-width: 768px) { .footer-search {margin:0;} }

@media (min-width: 992px) { .footer-search {margin:0;} }

@media (min-width: 1200px) { .footer-search {margin:0;} }



.ftr-search{width:100%; margin:10px auto 0px 0; width:210px; text-align:left;}

@media (min-width: 768px) { .ftr-search {width:210px;  margin:0px 0 0 0px; } }

@media (min-width: 992px) { .ftr-search {width:210px;  margin:0px 0 0 0px; } }

@media (min-width: 1200px) { .ftr-search {width:210px;  margin:0px 0 0 0px; } }



.ftr-search input{border:0px solid #c7c5c5; color:#6b6c6d !important;}

.ftr-search h3{margin-top:0; padding-top:0;}

	

.ftr-search input[type="search"]{border:0; height:30px; border-right:none; padding-left:15px; font-size:1.1em; color:#6b6c6d;}	

@media (min-width: 768px) { .ftr-search input[type="search"]{height:30px; } }

@media (min-width: 992px) { .ftr-search input[type="search"]{height:30px; } }

@media (min-width: 1200px) { .ftr-search input[type="search"]{height:30px; } }



.ftr-search label{display:none;}



button.btn-search{display:inline; width:42px; height:40px; margin:0; background:#fff url(../images/btn-search.png) center center no-repeat;}

button:hover{background-color:#c7c5c5;}





/* Define common classes */

.row{clear:both;}

.col{width: 48%}

.col.left{float: left;}

.col.right{float: right}

.center{text-align: center; margin: 0 auto !important; display: block}





.col-10{width:10%;}

.col-15{width:15%;}

.col-20{width:20%;}

.col-25{width:25%;}

.col-30{width:30%;}

.col-33{width:33%;}

.col-35{width:35%;}

.col-37{width:37%;}

.col-40{width:40%;}

.col-46{width:46%;}

.col-48{width:48%;}

.col-50{width:50%;}

.col-55{width:55%;}

.col-60{width:60%;}

.col-65{width:65%;}

.col-70{width:70%;}

.col-75{width:75%;}

.col-80{width:80%;}



.left{float:left; margin:0 2% 15px 0;}

.right{float:right; margin:0 0 15px 2%;}

.left-l{float:left; margin-right:0}



.partners{background:#fff; padding:0 0 0 10px;}

.partners ul{display:inline-block; margin-left:0;}

.partners ul li{list-style:none; display:inline-block; vertical-align:top;}


/*POP UP - HOMEPAGE*/
#pop{display: none;}


/*--PDF icons--*/
.pdf-icon{max-width:80px; max-height:140px; width:20%; float:left; margin:0 10px 20px 0;}

#main-content .pdf-icon img{width:90%; height:auto; float:none !important; margin:0 !important}


/*--PDF link--*/
a.pdf {padding-left:23px; position:relative; font-size:15.5px; background: url(../images/icon-pdf.png) 0px 0px no-repeat;}

a.pdf:before{}  

/*--Video link--*/
a.icon-video {padding-left:28px; position:relative; font-size:15.5px; background: url(../images/icon-video.png) 0px 0px no-repeat; background-size:26px auto;}

a.icon-video:before{}  

/*--Hilite PDF link--*/
a.hl-icon-pdf {padding-left:23px; position:relative; font-size:15.5px; background: url(../images/hl-icon-pdf.png) 0px 0px no-repeat;}

a.hl-icon-pdf:before{}  

/*--Hilite Video link--*/
a.icon-hl-video {padding-left:28px; position:relative; font-size:15.5px; background: url(../images/icon-hl-video.png) 0px 0px no-repeat; background-size:26px auto;}

a.icon-hl-video:before{}

.f-r{float:right;}

		

/*--More icon--*/

span.more{background:#a5d32d; font-size:0.9em; text-transform:uppercase; line-height:1.05em; right: 0; color:#fff; display:inline-block; padding:2px !important; text-decoration:none}



/*--Downloads page--*/

.downloadpage{}

.downloadpage h4, .downloadpage h5, .downloadpage h6{line-height:1.1em;  margin:0 0 2px 0; padding:0; }

.downloadpage h4 a, .downloadpage h5 a, .downloadpage h6 a, .downloadpage p a{text-decoration:none;}

.downloadpage a:hover{color:#000}

.downloadpage p{margin:0 0 0 0;}

.downloadpage ul{margin:0 0 1em 1em;}

.downloadpage li{list-style:none; background:url(../images/bullet-4.png) left 6px no-repeat; padding:0 0 10px 16px; margin:0 0 1.5em 1.2em; clear:both; border-bottom:1px dotted #ccc; min-height:90px}

.downloadpage li a img{float:left !important; width:60px; margin:0 15px 15px 0 !important; padding:0; border:1px solid #af9c8a}

.downloadpage li a img:hover{border:1px solid #000}



/*--Downloads list with icons--*/

.dwlds-icon{float:left; width:100px; margin:0 15px 10px 0; padding:0;}

.dwlds-icon img{border:1px solid #ccc;}

.dwlds-txt{float:left; width:65%; margin:0 0 10px 0; padding:0;}



/*--Readmore--*/

a.readmore{display:block; padding:3px 5px 4px 5px; background:#eaeaea; color:#003399; font-size:1em; margin-top:5px; float:none; width:55px; clear:both; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}

a.readmore:hover{background:#003399; color:#fff; }

#home a.readmore{float:right}



p.readmore{display:block; padding:0; background:0; float:none; color:#666666; width:70px; }

p.readmore a{display:block; padding:2px 5px 2px 5px; background:#eaebeb; color:#666666; font-size:0.85em; margin-top:10px; float:none; width:70px; clear:both; text-decoration:none !important; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}

p.readmore a:hover{background:#009A44; color:#fff !important; }

.rm1{font-size:0.9em !important;}



/*--TABLES--*/

table{margin:0 0 1em 0; width: 100%; font-family:Arial, Helvetica, sans-serif; font-weight:normal; }

#main-content_notes {padding:5px 15px 0px 15px;}

td, th{padding:7px 7px 12px 5px; text-align:right; vertical-align:bottom; border: none; font-size:0.9em;}

th{font-weight:bold; letter-spacing:0.3px; color:#FFF; padding:2px 7px 1px 5px; }

td{border-bottom:1px solid #dae5f1; font-size:0.9em; line-height:1.4em;}

caption{color:#000; font-weight: bold; font-family: Arial; font-size: 1.25em; line-height: 1.3em; padding: 3px; text-align:left;}

caption span{font-weight: normal}

.ta-l, .ta-l td, .ta-l th{text-align: left !important}

.ta-c, .ta-c td, .ta-c th{text-align: center}



.shade, .shade td{background: #dae5f1; color:#039; font-size:1.1em; font-weight:bold; letter-spacing:0.3px; border-top:1px solid #a9cb6b; padding:5px 7px 6px 5px;  }

thead th{background: #a9cb6b; color: #fff; font-weight:normal;  text-align: right; }

tbody th{background: #888; color: #fff; font-weight:normal;  text-align: right; }

thead td{background: #A5A4A4; border-top: #fff 3px solid; color: #fff}

thead tr.nb td {background: #FA9C1E; border-top: #FA9C19 3px solid}

thead tr.nb th, th.nb{background: #2E2B2C}

.rule td, .rule{border-bottom: #CECECE 1px solid}

.rule-nb td{border-bottom: #000 1px solid}

.indent{padding-left: 15px}

.va-t td, .va-t{vertical-align: top}

.v-borders td, td.v-borders{border-right: #FA9C1E 1px solid}

.v-borders thead th, th.v-borders, thead td.v-borders{border-right: #fff 1px solid}

.nvb{border-right: none !important}

.border-white, .border-white td{border:2px solid #ffffff;}



td ul{margin:0px 0px 1em 0px;}

td li{margin:0 0 0.8em 0.9em; padding:0 0 0 0;}



table.small {font-size:85%;}

@media (min-width: 768px) { table.small {font-size:85%;} }

@media (min-width: 992px) { table.small {font-size:90%;} }

@media (min-width: 1200px) { table.small {font-size:98%;} }



/*--BREADCRUMB--*/

ul.breadcrumb{display:block; height:15px; margin:-20px 0 20px 0; padding:0; background:none; line-height:1.5em;}

ul.breadcrumb li{float:left; margin:0 6px 0.4em 0; padding:0 6px 0 0; list-style:none; border-right:1px solid #e4e3e3; color:#7d7b7b; line-height:1em; font-size:0.8em;}

ul.breadcrumb li span{color:#e4e3e3;}

ul.breadcrumb li:before{display:none;}

.section-main ul.breadcrumb  li:before {content:'';}

ul.breadcrumb  li:first-child{display:none;}

.section-main ul.breadcrumb  li span{padding-top:0;}

ul.breadcrumb  li a,

ul.breadcrumb  li a span{color:#7d7b7b; text-decoration:none;}

ul.breadcrumb  li a:hover,

ul.breadcrumb  li a span:hover{color:#232222;}

ul.breadcrumb  li.first{margin:0 !important;}

ul.breadcrumb  li:last-child{border-right:none !important;}



.clear,

.clearfix {clear:both; height:0px;}



.pic-l{float:left; margin:0 12px 12px 0 !important;}

.pic-r{float:right; margin:0 0 12px 12px !important;}

.pic-c{margin-left:90px;}

img.brdr{border:1px solid #ccc;}

img.brdr.shad {box-shadow:2px 2px 5px rgba(0,0,0,0.2);}

img.mr-icon {border:1px solid #ccc; box-shadow:2px 2px 5px rgba(0,0,0,0.2); max-width:200px;}

img.sm-icon {max-width:200px;}



.brdr-r{border-right: 2px dotted #9f9f9f;}

.brdr-l{border-left: 2px dotted #9f9f9f;}



.divider{clear:both; height:5px; margin:0 0 15px 0; border-bottom:1px dotted #ccc;}



/*--Media Release Page--*/

.medrel {padding-right:30px; padding-left:30px;}





/*--REGISTER BUTTON--*/

.register h3{color:#fff;}



#register button {clear:both; margin:3px 0 3px 40px; padding:0 0 0 0; border:none; background:url(../images/btn_subscribe.png) no-repeat left top; width:75px; height:25px; cursor:pointer; display:block; }

#register button:hover{background-position: left -27px;}



#register input[type="button"], #register input[type="submit"] {background:#666; margin:3px auto 3px auto;}



 



/*--UP DOWN NAV--*/

.arrownav{display:block; width:156px; height:43px; margin:0 auto; padding:0; position:absolute; bottom:60px; left:40%;}

#arrownav1,

#arrownav2,

#arrownav3,

#arrownav4{display:block; width:156px; height:43px; margin:0 auto; padding:0; position:absolute; bottom:40px; left:40%;}

a.arrowdown{display:block; width:68px; height:43px; margin:0 10px 0 0; padding:0; float:left; background:url(../images/arrow-down.png) left top no-repeat;}

#arrownav3{bottom:0px;}

a.arrowdown:hover{background-position:left bottom;}

a.arrowup{display:block; width:68px; height:43px; margin:0 0 0 10px; padding:0; float:left; background:url(../images/arrow-up.png) left top no-repeat;}

a.arrowup:hover{background-position:left bottom;}



#personal a.arrowdown{display:block; width:68px; height:43px; margin:0 10px 0 0; padding:0; float:left; background:url(../images/arrow-down-2.png) left top no-repeat;}

#personal a.arrowdown:hover{background-position:left bottom;}

#personal a.arrowup{display:block; width:68px; height:43px; margin:0 0 0 10px; padding:0; float:left; background:url(../images/arrow-up-2.png) left top no-repeat;}

#personal a.arrowup:hover{background-position:left bottom;}



#home-contact a.arrowdown{display:block; width:68px; height:43px; margin:0 10px 0 0; padding:0; float:left; background:url(../images/arrow-down-2.png) left top no-repeat;}

#home-contact a.arrowdown:hover{background-position:left bottom;}

#home-contact a.arrowup{display:block; width:68px; height:43px; margin:0 0 0 10px; padding:0; float:left; background:url(../images/arrow-up-2.png) left top no-repeat;}

#home-contact a.arrowup:hover{background-position:left bottom;}



/*--Management--*/

.management{width:64%; padding:0 0 0 4%; margin:0px 0 10px 0; float:left}

.management h4{margin:0 0 0.3em 0; line-height:1em; }

.management h4 span{font-family:Arial, Helvetica, sans-serif; font-size:0.7em;}

.management h5{font-size:1.3em; margin-bottom:5px !important}

.management p{margin-bottom:0.5em}

.management p em{margin:0 0 0 0 !important;}



.directors{min-height:208px; }

.directors hr{clear:both; height:2px; margin:0 0 10px 0; border:1px dotted #dddddd;}

.directors p {margin-bottom:1em;}

.directors h4 {margin-bottom:0.2em;}

.directors h5 {margin-bottom:0.2em;}



.directors-50l{width:45%!important; float:left!important; margin:0 5% 0 0; padding:0;}

.directors-50l.last{margin:0 0 0 0;}

.directors-50l img{float:left; max-width:30% !important; margin:15px 4px 10px 0 !important;}



dl.dldir{width:auto; margin:1em 0 1em 0; }

dl.dldir dt{clear:both; float:left; width:48%; line-height:1.2em; margin:0 0 0.1em 0; padding:0 1% 0.3em; text-align:left;  border-top:0px dotted #ccc}

dl.dldir dd{float:left; width:50%; line-height:1.2em; margin:0; padding:0px 0 0.2em 0; margin:0 0 0.2em 0; border-top:0px dotted #ccc}

dl.dldir dd h5, dl.dldir dt.h5{color:#acacac; margin-bottom:0; line-height:1.2em; font-size:1.0em; font-family:'hobo_btregular', Verdana, Geneva, sans-serif; font-weight:normal;}



/*---Accordion---*/

.ui-accordion{width: 100%; position:relative; left:-5px; border-bottom:0px solid #ccc; }

.ui-accordion .ui-accordion-header{font-size:1.6em; font-family:Arial, Helvetica, sans-serif; font-weight:bold; background:#c6c6c6; -moz-border-radius: 0px; border-radius:0px; color:#fff; cursor:pointer; padding:4px 30px 7px 15px; margin:5px 0 15px 0; position:relative; border:none !important; outline:none;}



.ui-accordion .ui-accordion-header:hover{color:#fff; background:#a9cb6b; }

.ui-accordion .ui-accordion-header-active .ui-accordion-header-icon{position:absolute; display: block; right:0px; top:0px; width:40px; height:27px; background:url(../images/trigger-arrows.png) no-repeat right bottom;}

.ui-accordion .ui-accordion-icons {}

.ui-accordion .ui-accordion-noicons {}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {padding-left: 0; }

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {position:absolute; display:block; right:0px; top:10px; width:40px; height:27px; background:url(../images/trigger-arrows.png) no-repeat right -27px; }

.ui-accordion .ui-accordion-header:hover .ui-accordion-header-icon{background-position:right 0px; color: #999}

.ui-accordion .ui-accordion-header-active .ui-accordion-header-icon{background-position:right -54px}

.ui-accordion .ui-accordion-header-active:hover .ui-accordion-header-icon{background-position:right -81px}

.ui-accordion .ui-accordion-header-active{color:#fff; background:#9ecd5c; } 

.ui-accordion .ui-accordion-content {padding: 5px 0px 2px 0px; }

.ui-accordion .ui-accordion-header-active,

.ui-accordion .ui-accordion-header-active:link,

.ui-accordion .ui-accordion-header-active:visited,

.ui-accordion .ui-accordion-header-active:hover,

.ui-accordion .ui-accordion-header-active:active{border:none !important;}



.ui-accordion div {}

.ui-accordion .ui-accordion-content {background:#efeeee; margin:-15px 0 15px 0; padding:30px 20px 20px 30px;}

.ui-accordion p,

.ui-accordion li {color:#000; padding-right:15px;}



.ui-accordion p.lead {font-size:1.2em;}



.ui-accordion img {margin-left:20px;}



/*SUSTAINABILITY ARCHIVE  */

.sd-performance {margin: 0 0 20px 0; padding: 0; width: 100%; border-top: 1px dotted #ccc; border-left: 1px dotted #ccc; height:inherit; clear:both; display:block;}

.sd-performance li{float: left; margin: 0 !important; padding: 1px; width: 201px; height: 100px; border-right: 1px dotted #ccc; border-bottom: 1px dotted #ccc; overflow: hidden; position: relative; text-align:center;}

.sd-performance li:before{content:'';}

	

ul.sd-performance h4{margin:0; text-transform:uppercase; font-size:0.80em; position:absolute !important; top:0; left:0; z-index:100; background: #a5d32d; width:201px; padding: 2px; color: #000; font-weight:600;  text-align:center;}

ul.sd-performance li img{margin: 0; position: absolute;  top:0; left:0; z-index:1; background: #000;  }



.ie8 #main-content .sd-performance h4{margin-top: -20px; text-transform:uppercase; font-size: 0.9em; position: absolute; background:#a5d32d; width:196px; padding: 2px; color: #000}

 

.sd-performance a.more{position:absolute; bottom: 1px; right: 1px; z-index:100; display:none; background:#a5d32d; color:#fff; font-size:0.85em; text-decoration:none; padding:0 5px; opacity:1;  }	

.sd-performance a.more:hover{color:#000; background:#fff;}



.sd-performance li:hover{opacity:1; filter:alpha(opacity=100); display: block}

.sd-performance li:hover a.more{opacity:1 !important; filter:alpha(opacity=100) !important; display: block}

.sd-performance li:hover img{opacity:0.4; }







/*--gallery navigation--*/

#gallery-navigation ul {margin:0;}

#gallery-navigation{display: block; background: #eaeaea; margin: 0 0 10px 0 !important; height:40px; margin: 0 0 0px 0; font-family:  Arial; font-size: 14px; }

#gallery-navigation li{display: block; float: left; border-right:0px solid #666; height:12px; margin:10px 0 0 0; font-size:1.2em;}

#gallery-navigation first{}

#gallery-navigation li a{display: inline-block; padding:8px 12px 8px 8px; color: #4D4D4D; position: relative; top: -10px; text-decoration:none}

#gallery-navigation li a:hover{color: #a5d32d}

#gallery-navigation li:before{font-family:'FontAwesome'; font-size:0.7em; position:absolute; left:12px; top:-3px; content:"\f054";  color:#999; }

#gallery-navigation li.active{font-weight: bold}

#gallery-navigation li.active a{color:#000;}

#gallery-navigation li.active:before a{color:#666;}



/*--Fin reports--*/

.finreports {}

.finreports .fileitem {height:155px;}



.finreports .fileitem img {width:25%; max-width:100px;}



/*--Menu page--*/

.finreports .sub-cat-navigation{margin:0 0 0.7em 0; padding:0; height:auto; font-size:1.0em; text-align:left; position:relative; z-index:1; border-bottom:0px solid #3ab54a;}



.finreports h2 {color:#000; line-height:1em; height:inherit; }

@media (min-width: 768px) { .finreports h2 {height:68px;} }

@media (min-width: 992px) { .finreports h2 {height:68px;} }

@media (min-width: 1200px) { .finreports h2 {height:68px;} }



.finreports .sub-cat-navigation ul{display:block; margin:0px 0 2em 0; border-bottom:1px solid #999;}

.finreports .sub-cat-navigation li{display:inline; margin:0 1px 0 0 !important; padding:0  !important;  list-style-type:none; list-style-image:none; background:none; font-size:0.8em;}

.finreports .sub-cat-navigation li:before{display:none;}

.finreports .sub-cat-navigation a{display:inline-block; text-decoration:none !important; padding:4px 6px; margin:0 0 0 0; border:1px solid #999; border-right:1px solid #999; text-align:center; color:#999; font-weight:normal; background:#fff;}

.finreports .sub-cat-navigation li a:hover{color:#fff; background:#ccc;}

.finreports .sub-cat-navigation li:last-child a{border-right:1px solid #999;}

.finreports .sub-cat-navigation li.active{z-index:100; top:1px;}

.finreports .sub-cat-navigation li.active a{color:#666; background:#fff; padding-top:6px; font-weight:bold; border-color:#3ab54a !important; border-bottom:none;}

.finreports li.ui-tabs-active a.ui-tabs-anchor {border-color:#3ab54a !important; }

.finreports .sub-cat-navigation li.active a:hover{color:#fff; background:#b2b1b1;}



/*--Media coverage page--*/

.media-coverage {padding:30px 0px 20px 30px; height:inherit; 

	-webkit-perspective:1;

	column-count: 1;

    	-moz-column-count: 1; /* Firefox */ 

			-webkit-column-count: 1; /* Chrome, Safari, Opera */

	-webkit-column-gap:20px; /* Chrome, Safari, Opera */

    	-moz-column-gap:20px; /* Firefox */

    		column-gap:20px;

	}

@media (min-width: 768px) { .media-coverage {column-count:2; -moz-column-count:2; -webkit-column-count:2;  } }

@media (min-width: 992px) { .media-coverage {column-count:3; -moz-column-count:3; -webkit-column-count:3; } }

@media (min-width: 1200px) { .media-coverage {column-count:3; -webkit-column-count:3; -moz-column-count:3; } }



.media-coverage h4 {font-weight:bold; margin-bottom:1.0em;}

.media-coverage h5 {}

.media-coverage h6 {font-size:0.9em; color:#999; margin:0;}



.media-article-block {width:auto; min-height:250px;background:#fff; margin:0 0 20px 0; padding:20px; border:1px solid #bab9b9; 

display:block; 

vertical-align:top;

-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */

	page-break-inside: avoid; /* Firefox */

		break-inside: avoid; /* IE 10+ */

break-inside:avoid-column;



}

/*

.media-article-block {width:auto; background:#fff; margin:0 3% 20px 0; padding:20px; border:1px solid #bab9b9; display:inline-block; vertical-align:top; overflow:visible}

*/



/*--Contact form--*/

#contact-form {}

#contact-form td {border-bottom:none; padding:0 0 10px 0;}

#contact-form td.label {width:auto; display:block; text-align:right; margin-right:15px; padding-top:5px;}

#contact-form td.label label {width:auto; text-align:right; font-size:1.3em; font-weight:600;}

#contact-form td.field {text-align:left;}

#contact-form td.field input, select {font-size:1.3em; line-height:1em; margin:0; width:inherit;}

#contact-form td.field textarea {font-size:1.3em; line-height:1em; margin:0; width:inherit;}

#contact-form td.required {text-align:center;}



/*--Fancybox--*/

.fancybox-wrap {top:50px !important; max-width:90% !important; max-height:85vh !important;}

@media (min-width: 768px) { .fancybox-wrap {max-width:70% !important;} }

@media (min-width: 992px) { .fancybox-wrap {max-width:70% !important;} }

@media (min-width: 1200px) { .fancybox-wrap {max-width:70% !important;} }



.fancybox-wrap div {width:auto !important;}



.fancybox-inner {width:auto !important; height:inherit !important; position:relative;}



.fancybox-wrap img {width:auto !important; height:inherit !important}





/*--HTML5 Video--*/

a.videolink {display:block; cursor:pointer;}

video#videowrapper {position:relative; width:100%; height:100%;}





/*--Video Iframe--*/

.iframe-container {position:relative; width:100%; padding-bottom:56.25%; height:0;}

.iframe-container iframe {position:absolute; top:0; left:0; width:100%; height:100%; }



/*--Embedded videos--*/

.newvid-featured {text-align:center; margin:0 0 20px 0;}

.newvid-featured h5 {display:inline-block; text-align:center; margin-bottom:0em; font-size:2em; line-height:1.2em;}

.newvid-featured p {font-size:1em; }

.newvid-featured p.descriptor {font-size:0.75em; }



.newvid {display:block;  padding-bottom:30px; padding-top:0px; width:85%; height:281px; overflow:hidden; text-align:left; margin:0 auto 10px auto; }

@media (min-width: 768px) { .newvid {width:90%; height:350px;} }

@media (min-width: 992px) { .newvid {width:90%; height:350px;} }

@media (min-width: 1200px) { .newvid {width:80%; height:422px;} }

@media (min-width: 1600px) { .newvid {width:80%; height:600px;} }

@media (min-width: 1920px) { .newvid {width:80%; height:650px;} }



.newvid iframe {border:0px solid #000; margin-bottom:0px}









/*--COVID-19--*/

.covid19 {display: block; margin: 0px 0 0 0; padding: 10px; background: #a9cb6b; }

.covid19 h5 {color: #000; text-transform: uppercase; margin:5px 0 0 3.3%; font-size: 1.0em; line-height:1.2em; font-weight:bold; text-align:center; letter-spacing:0.5px;}

.covid19 h5 a {color:#000; text-decoration:underline;}

.covid19 h5 a:hover {color:#fff;}



/*--blank link color--*/

a.black-link {color:#000; text-decoration: none; border-bottom: 0px dotted #000;}

a.black-link:hover {color: #90ba51; border-bottom: 0px dotted #a9cb6b; text-decoration:underline;}

#ataglance ul {margin: 0.3em 0 1em 0px;}

#ataglance ul li {list-style: none;}



#ataglance ul li div {display:block; width:31.9%; margin:0 5px 5px 0; float:left; padding:30px 5px 10px 5px; position:relative;     text-align: center;}

#ataglance ul li div img {position:absolute; left: 167px; top: -20px;}

/*#ataglance ul li div:nth-child(5) img {position:absolute; left: 191px;  top: -13px;}*/

#ataglance ul li:marker {content:''; display:none;}

#ataglance ul li div:before {content:'';

    height: 45px;

    width: 45px;

    background: #fff;

    position: absolute;

    left: 160px;

    top: -25px;

    border-radius: 50%;

    display: inline-block;}



#ataglance ul li div:nth-child(4):before {content:'';

    height: 45px;

    width: 45px;

    background: #fff;

    position: absolute;

    left: 250px;

    top: -25px;

    border-radius: 50%;

    display: inline-block;}

	

#ataglance ul li div:nth-child(5):before {content:'';

    height: 45px;

    width: 45px;

    background: #fff;

    position: absolute;

    left: 250px;

    top: -25px;

    border-radius: 50%;

    display: inline-block;}





#ataglance ul li div p sup {top: 0em;}

#ataglance ul li div:nth-child(4) {width:48.1%;}

#ataglance ul li div:nth-child(5) {margin-right:0px; width:48.1%;}



#ataglance ul li div:nth-child(4) img {position: absolute; left: 255px; top: -20px;}

#ataglance ul li div:nth-child(5) img {position: absolute; left: 255px; top: -20px;}

/*#ataglance ul li div:nth-child(5) {margin-right:0; width:97%;min-height:65px !important; margin-top: 5px;}*/

#ataglance ul.purple li div {background:#E5D7E8; color:#9E60A2; border-top:5px solid #B081B4; min-height:100px;}

#ataglance ul.green li div {background:#E9F3DC; color:#A0CF79; border-top:5px solid #A0CD61;min-height:145px;}

#ataglance ul.grey li div {background:#E6E7E8; color:#808285; border-top:5px solid #A7A9AC; min-height:195px;}  

#ataglance ul.purple li div p {color: #9E60A2 !important;}

#ataglance ul li div p {line-height: 25px; margin:0;}

#ataglance ul li div p span {font-size:25px; font-weight:bold;}

/*--GREENY--*/
#ataglance.key-indicators div.greeny {background:#dfeac0; color:#9E60A2; margin-top:5px; min-height:160px;}
#ataglance.key-indicators div.greeny p {color:#5f6f62 !important;}
#ataglance.key-indicators div.greeny strong {color:#5f6f62 !important;}
#ataglance.key-indicators div.greeny p span {color:#5f6f62 !important;}
#ataglance.key-indicators div.greeny:before {border:1px solid #a8cd5e;}

/*--BLEUSY--*/
#ataglance.key-indicators div.bleusy {background:#dce0ed; color:#7692bd ; margin-top:5px; min-height:160px;}
#ataglance.key-indicators div.bleusy p {color:#7692bd !important;}
#ataglance.key-indicators div.bleusy strong {color:#7692bd !important;}
#ataglance.key-indicators div.bleusy p span {color:#7692bd !important;}
#ataglance.key-indicators div.bleusy:before {border:1px solid #7692bd;}
#ataglance.key-indicators div.bleus:before {border:1px solid #7692bd;}


/*--PURPLY--*/
#ataglance.key-indicators div.purply {background:#e2d4e3; color:#935ba1; margin-top:5px; min-height:160px;}
#ataglance.key-indicators div.purply p {color:#935ba1 !important;}
#ataglance.key-indicators div.purply p span {color:#935ba1 !important;}
#ataglance.key-indicators div.purply strong {color:#935ba1 !important;}
#ataglance.key-indicators div.purply:before {border:1px solid #8a3b87;}


#ataglance.key-indicators ul li div{
  width:212px;
  min-height: 160px;
  margin-bottom:25px;
  border-top-right-radius: 25px;
  border-bottom-left-radius: 25px;
  margin-left:10px !important;
  margin-right:0px !important;
}

#ataglance.key-indicators ul li div:before {
    left: 85px;
}

#ataglance.key-indicators ul li div img{
    left: 90px;
}

#ataglance.key-indicators ul li div.purply img,
#ataglance.key-indicators ul li div.bleusy img{
    left: 93px;
    width: 30px;
    top: -18px;
}

.strong-green {
    color: #80BC41;
    font-weight: bold;
}

small {font-size:12px;}

sup { vertical-align: super !important; font-size: smaller}

sub { vertical-align: sub !important; font-size: smaller}



/*--Home SENS overrides--*/

.sens_hp_head {font-size:1em !important; line-height:1.3em !important;}


/*--WOW Festival--*/
p.wowlead {font-size:1.1em; line-height:1.5em; margin:0 0 1em 0; font-weight:normal; color:#000;}
@media (min-width: 768px) { p.wowlead {font-size:1.2em;} }
@media (min-width: 992px) { p.wowlead {font-size:1.26em;} }
@media (min-width: 1200px) { p.wowlead {font-size:1.3em;} }

.col-wj {text-align:center; border-right:none; height:auto; margin-bottom:10px; }
@media (min-width: 768px) { .col-wj {height:auto; border-right:none;} }
@media (min-width: 992px) { .col-wj {height:315px; margin-bottom:25px;} }
@media (min-width: 1200px) { .col-wj {height:315px; } }
@media (min-width: 1600px) { .col-wj {height:315px; } }


/*--With border right--*/
@media (min-width: 992px) { 
    .col-wj:nth-child(1), 
    .col-wj:nth-child(3), 
    .col-wj:nth-child(5), 
    .col-wj:nth-child(7) {border-right:#bbbbbb 1px solid;} }

@media (min-width: 1200px) { 
    .col-wj:nth-child(1), 
    .col-wj:nth-child(2), 
    .col-wj:nth-child(4), 
    .col-wj:nth-child(5), 
    .col-wj:nth-child(7), 
    .col-wj:nth-child(8), 
    .col-wj:nth-child(10), 
    .col-wj:nth-child(11) {border-right:#bbbbbb 1px solid;} }

@media (min-width: 1200px) { .col-wj:nth-child(3) {border-right:none;} }

.wow-jobs {text-align:center; padding:15px; }

.wow-jobs h4 {text-align:center; color:#000; font-size:2.0em;}
.wow-jobs p {text-align:center;}
.wow-jobs p.lead {color:#a9cb6b; text-align:center; font-size:1.6em; line-height:1.5em; margin-top:30px; }
.wow-jobs img.wowicon {display:block; margin:0 auto 10px auto; text-align:center; width:75px;}

.wow-hlp, .wow-hl-resources {padding-left:15px; margin-bottom:20px;}
@media (min-width: 992px) { .wow-hlp, .wow-hl-resources {padding-left:0;} }

.wow-hlp .hl-purple, .wow-hl-resources {height:auto; min-height:inherit;}
@media (min-width: 992px) { .wow-hlp .hl-purple, .wow-hl-resources .hl-green {min-height:235px; } }
@media (min-width: 1200px) { .wow-hlp .hl-purple, .wow-hl-resources .hl-green {min-height:235px;} }
@media (min-width: 1600px) { .wow-hlp .hl-purple, .wow-hl-resources .hl-green {min-height:235px;} }