@charset "utf-8";

@import url("animate.css");

/*--Google Font Montserrat--*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800&display=swap');
/*--
300 light
400 regular
500 medium
600 semibold
700 bold  
800 extra bold --*/


/*--BASE--*/

body {
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-weight: 400;
	font-size: 13px;
	line-height: 1.6em;
	color: #333;
	text-align: left;
	background: #fff;
	margin-top: 180px;
}

@media (min-width: 768px) {
	body {
		font-size: 16px;
		margin-top: 130px;
	}
}

@media (min-width: 992px) {
	body {
		font-size: 16px;
		margin-top: 170px;
	}
}

@media (min-width: 1200px) {
	body {
		font-size: 16px;
		margin-top: 100px;
	}
}

@media (min-width: 480px) {
	header {
		min-height: 100px;
	}
}

@media (min-width: 768px) {
	header {
		min-height: 160px;
	}
}

@media (min-width: 992px) {
	header {
		min-height: 160px;
	}
}

@media (min-width: 1200px) {
	header {
		min-height: 100px;
	}
}

h1,
h2,
h3,
h4,
h5 {
	margin-top: 0;
	margin-bottom: 0.5em;
	line-height: 1.3em;
	font-weight: 700;
	text-transform: uppercase
}

h1 {
	color: #000;
	font-size: 3.0em;
	position: relative;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 0.5em;
	text-transform: uppercase;
	line-height: 1.2em;
}

.page-header {
	border: none;
	margin: 10px 0 20px;
	padding-bottom: 0px;
}

h2 {
	color: #666;
	font-size: 2.2em;
	position: relative;
	line-height: 1.0em;
}

h3 {
	color: #000;
	font-size: 1.8em;
}

h4 {
	color: #000;
	font-size: 1.4em;
	text-transform: none;
}

h5 {
	color: #000;
	font-size: 1.2em;
	text-transform: none;
}

h6 {
	color: #000;
	font-size: 1.0em;
	line-height: 1.4em;
}

ul {
	margin: 0 0 1.2em 0px;
	padding-left: 12px;
}

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 {
	background: none;
	font-family: 'FontAwesome';
	font-size: 0.6em;
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	color: #219e8e;
}

/*.fancy-enviro ol li ul li:before{background:none; font-family:'FontAwesome'; font-size:0.6em; position: absolute; left:0; top:0; content:"";  color:#219e8e; } */
ol {
	margin: 0 0 1em 0 !important;
}

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

ol li:before {
	display: none;
}

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

p {
	margin-bottom: 1.2em;
	color: #333
}

p.lead,
p.intro {
	font-size: 1.2em;
	line-height: 1.5em;
	font-weight: 300;
	color: #000;
}

@media (min-width: 480px) {

	p.lead,
	p.intro {
		font-size: 1.3em;
		line-height: 1.6em;
	}
}

@media (min-width: 768px) {

	p.lead,
	p.intro {
		font-size: 1.3em;
		line-height: 1.6em;
	}
}

@media (min-width: 992px) {

	p.lead,
	p.intro {
		font-size: 1.3em;
		line-height: 1.6em;
	}
}

@media (min-width: 1200px) {

	p.lead,
	p.intro {
		font-size: 1.4em;
		line-height: 1.6em;
	}
}

a {
	color: #0e75bc;
	cursor: pointer !important;
}

.item-page p a,
.item-page li a {}

a.undl {
	text-decoration: underline;
}

a.undl:hover {
	color: #ee2b37;
}

a:hover {
	color: #000;
}

strong {
	color: #484848
}

hr {
	clear: both;
	height: 2px;
	margin: 0px 0 20px 0;
	border: none;
	border-bottom: 2px dotted #c2c3c3;
}

img {}

img a {
	border: none;
}

img.img-shadow {
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
}

img.img-center {
	display: block;
	margin: 0 auto 40px auto;
}

img.img-thumb {
	display: block;
	margin: 0 auto 15px auto;
	border: 1px solid #999;
	box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.3);
	-webkit-transition: transform 0.2s ease;
	transition: transform 0.2s ease;
}

img.img-thumb:hover {
	transform: scale(1.05);
	border: 1px solid #000;
}

input {
	padding: 2px;
}

.lc {
	text-transform: none;
}

time {
	color: #808285;
	font-weight: 400;
	font-size: 0.8em;
	font-style: italic;
}

.descriptor,
.mod-articles-category-date {
	color: #9c9b9b;
	font-size: 0.9em;
}

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

h2.smlr {font-size: 1.8em;}

.nodisplay,
.acymailing_footer {display: none;}

.center-block {text-align: center;margin-bottom: 20px;}

a.thumbicon {display: block; text-align: center; margin: 0 auto 15px auto; -webkit-transition: transform 0.2s ease; transition: transform 0.2s ease;}

a.thumbicon:hover {transform: scale(1.05);}

a.thumbicon img {margin: 0 auto 10px auto; border: 1px solid #999; box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2); width: auto; max-width: 100%;}

a.thumbicon:hover img {box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4);}

a.thumbicon p {font-size: 0.8em !important;text-align: center !important;line-height: 1.3em;color: #000;}

a.thumbicon p.lg {font-size: 0.9em !important;}

a.thumbicon p strong {font-weight: 700;}

dd,
dt {
	line-height: 1.5;
}

dt {
	font-weight: 700;
	padding-top: 6px;
}

/* Reset li:before */
.carousel-indicators li:before,
nav ul.pagination li:before {
	content: "";
}

input,
textarea,
button {
	border-radius: 0px;
}

/*--Custom Overrides--*/
.nombtmrg {
	margin-bottom: 0.1em;
}

.nolmrg {
	margin-left: 0;
}

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

.mrg-b1 {
	margin-bottom: 10px !important;
}

.mrg-b2 {
	margin-bottom: 15px !important;
}

.mrg-b3 {
	margin-bottom: 20px !important;
}

.mrg-b4 {
	margin-bottom: 30px !important;
}

.mrgn-l1 {
	margin-left: 10px !important;
}

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

.nomrgn {
	margin: 0;
}

.nomrgn-l {
	margin-left: 0 !important;
}

.nomrgn-r {
	margin-right: 0 !important;
}

.nomrgn-t {
	margin-top: 0 !important;
}

.nomrgn-b {
	margin-bottom: 0 !important;
}

a.ntd {
	text-decoration: none !important;
}

/*--Padding Overrides--*/
.nopad-l {
	margin-left: 0 !important;
}

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

.nopad-t {
	margin-top: 0 !important;
}

.nopad-b {
	margin-bottom: 0 !important;
}

/*--Padding overrides--*/
.nopad {
	padding: 0 !important;
}

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

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

.nopad-t {
	padding-top: 0 !important;
}

.img-cntr {
	display: block;
	text-align: center !important;
	margin: 0 auto 15px auto !important;
}

.img-aux {
	width: 100%;
}

.mx-auto {
	display: block;
	margin-left: auto;
	margin-right: auto;
	float: none;
}

.shadow-sm {
	box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}

.shadow {
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

.shadow-lg {
	box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important;
}

.ilbl {
	display: inline-block;
	vertical-align: top;
}

.row.center {
	text-align: center;
}

.col-cntr {
	display: inline-block;
	vertical-align: top;
	margin: 0 auto 15px auto !important;
	text-align: left;
	float: none;
}

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

.row.btp {
	margin-right: -15px;
	margin-left: -15px;
}

.row:before,
.container:before,
h1:before {
	content: "";
}

.aside-box {
	padding: 0 2%;
}

.hidden {
	visibility: hidden;
}

/*--Hover transition--*/
.htrz {
	-webkit-transition: transform 0.2s ease;
	transition: transform 0.2s ease;
}

.htrz:hover {
	transform: scale(1.03);
}

/*--BUTTONS--*/
.btn {
	padding: 6px 12px 8px 12px;
	-webkit-transition: transform 0.2s ease;
	transition: transform 0.2s ease;
}

.btn:hover {
	transform: scale(1.03);
}

.btn.inline {
	font-size: 90%;
	background: transparent;
}

.fclose {
	padding: 5px 25px 6px;
	font-size: 0.9em;
}

.btn-primary {
	color: #fff;
	background: #0e75bc !important;
	border: 0px solid #d58c16;
	line-height: 0.7em;
	padding: 5px 12px 6px;
	font-size: 0.7em;
	border-radius: 0;
	text-transform: uppercase;
	font-weight: 500;
	-webkit-transition: background-color 0.2s ease;
	transition: background-color 0.2s ease;
}

.btn-primary:hover {
	color: #fff;
	background: #555 !important;
	border: 0px solid #ffffff
}

.btn-read-more {
	color: #93d8b1 !important;
	background: #007749;
	border: 0px solid #ccc;
	padding: 5px 12px 6px;
	font-size: 0.8em;
	border-radius: 0;
	text-transform: uppercase;
	font-weight: 500;
	-webkit-transition: background-color 0.2s ease;
	transition: background-color 0.2s ease;
}

.btn-default {
	color: #fff;
	background: #ccc;
	border: 0px solid #ccc;
	padding: 5px 18px 6px;
	font-size: 1.2em;
	border-radius: 0;
	text-transform: uppercase;
	font-weight: 500;
	-webkit-transition: background-color 0.2s ease;
	transition: background-color 0.2s ease;
}

.btn-default:hover {
	color: #fff;
	background: #0e75bc;
	border: 0px solid #d58c16;
}

.btn-default.sml {
	font-size: 1em !important;
	-webkit-transition: background-color 0.2s ease;
	transition: background-color 0.2s ease;
}

/*--Button Small inline on white background--*/
a.btn-si {
	color: #fff !important;
	background: #ababab !important;
	margin: 0 3px;
	padding: 3px 7px 4px 7px;
	font-size: 0.75em;
	text-align: center;
	text-transform: uppercase;
	font-weight: 500;
	text-decoration: none !important;
	-webkit-transition: transform 0.2s ease;
	transition: transform 0.2s ease;
}

a.btn-si:hover,
.section-main li a.btn-si:hover {
	color: #fff !important;
	background: #ed2636 !important;
	transform: scale(1.03);
}


.btn-default.grey1 {
	color: #fff !important;
	background: #ababab;
}

.btn-default.grey1:hover {
	color: #989898;
	background: #fff;
}

.btn-default.grey2 {
	color: #fff !important;
	background: #ababab;
}

.btn-default.grey2:hover {
	color: #fff !important;
	background: #d5ad64;
}

.btn-default.grey3 {
	color: #fff !important;
	background: #bbb;
}

.btn-default.grey3:hover {
	color: #fff !important;
	background: #666;
}

/*--BUTTONS GREEN--*/
.btn-default.grn1 {
	color: #fff !important;
	background: #00ad69;
}

.btn-default.grn1:hover {
	color: #fff !important;
	background: #97d700;
}

.btn-default.grn2 {
	color: #93d8b1 !important;
	background: #007749;
}

.btn-default.grn2:hover {
	color: #fff !important;
	background: #97d700;
}

.btn-default.grn3 {
	color: #fff;
	background: #97d700;
}

.btn-default.grn3:hover {
	color: #fff !important;
	background: #00ad69;
}

/*--HEADER--*/
header {
	display: block;
	background: #fff;
	padding: 0px 0 0 0;
	margin: 0;
	width: 100%;
	height: auto;
	min-height: 200px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
}

@media (min-width: 480px) {
	header {
		min-height: 190px;
	}
}

@media (min-width: 768px) {
	header {
		min-height: 150px;
	}
}

@media (min-width: 992px) {
	header {
		min-height: 160px;
	}
}

@media (min-width: 1200px) {
	header {
		min-height: 100px;
	}
}

/*--Header Columns--*/
.hdrcol-logo {
	float: none;
}

@media (min-width: 768px) {
	.hdrcol-logo {
		float: left;
	}
}

@media (min-width: 992px) {
	.hdrcol-logo {
		float: left;
	}
}

@media (min-width: 1200px) {
	.hdrcol-logo {
		float: left;
	}
}

/*--Logo--*/
a#logo {
	display: block;
	margin: 10px 0 10px 5px;
	padding: 0;
}

@media (min-width: 768px) {
	a#logo {
		margin: 10px 0 15px 0px;
	}
}

@media (min-width: 992px) {
	a#logo {
		margin: 10px 0 20px 10px;
	}
}

@media (min-width: 1200px) {
	a#logo {
		margin: 15px 0 15px 40px;
	}
}

a#logo img {
	margin: 0;
	padding: 0;
	max-width: 310px;
}

@media (min-width: 768px) {
	a#logo img {
		max-width: 310px;
	}
}

@media (min-width: 992px) {
	a#logo img {
		max-width: 360px;
	}
}

@media (min-width: 1200px) {
	a#logo img {
		max-width: 360px;
	}
}

.hdrcol-utility {
	float: none;
}

@media (min-width: 768px) {
	.hdrcol-utility {
		float: left;
	}
}

@media (min-width: 992px) {
	.hdrcol-utility {
		float: left;
	}
}

@media (min-width: 1200px) {
	.hdrcol-utility {
		float: left;
	}
}


/*--UTILITY MENU--*/
ul.utility-menu {
	display: flex;
	align-items: center;
	justify-items: center;
	text-transform: uppercase;
	margin: 20px 0 0px 0;
	padding: 0 0 0px 0;
	border-bottom: 0px dotted #ccc;
	float: none;
	vertical-align: top;
}

@media (min-width: 768px) {
	ul.utility-menu {
		border: none;
		float: right;
	}
}

@media (min-width: 992px) {
	ul.utility-menu {
		border: none;
		float: right;
	}
}

@media (min-width: 1200px) {
	ul.utility-menu {
		margin: 20px 0 0px 0;
		border: none;
		float: right;
	}
}


ul.utility-menu li {
	display: inline-block;
	margin: 0 0 0 0px;
	padding: 0;
	list-style: none;
	vertical-align: top;
	float: none;
	font-weight: 700;
	font-size: 0.9em;
	line-height: 1em;
	width: auto;
}

@media (min-width: 480px) {
	ul.utility-menu li {
		display: inline-block;
		margin: 0 0 0 2px;
		font-size: 1.0em;
	}
}

@media (min-width: 768px) {
	ul.utility-menu li {
		display: inline-block;
		margin: 0 0 0 2px;
		font-size: 1.0em;
	}
}

@media (min-width: 992px) {
	ul.utility-menu li {
		display: inline-block;
		margin: 0 0 0 3px;
		font-size: 1.0em;
	}
}

@media (min-width: 1200px) {
	ul.utility-menu li {
		display: inline-block;
		margin: 0 0 0 6px;
		font-size: 1.0em;
	}
}

ul.utility-menu li:hover a {
	background-position: left bottom;
}

ul.utility-menu li a {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 4px 5px 4px 5px;
	cursor: pointer;
	color: #333333;
	background-size: 100% !important;
	min-height: 32px;
}

@media (min-width: 480px) {
	ul.utility-menu li a {
		padding: 6px 6px 6px 6px;
		margin: 3px 4px 0 0;
		min-height: auto;
	}
}

@media (min-width: 768px) {
	ul.utility-menu li a {
		padding: 10px 6px 12px 6px;
		margin: 4px 4px 0 0;
		min-height: auto;
	}
}

@media (min-width: 992px) {
	ul.utility-menu li a {
		padding: 8px 8px 8px 8px;
		margin: 0 4px 0 0;
		min-height: auto;
	}
}

ul.utility-menu li:before {
	content: '';
}

ul.utility-menu li a:hover {
	color: #ee2b37;
	text-decoration: none;
}


ul.utility-menu li.btn-utilities a {
	background: url(../images/btn-utilities.png) left top no-repeat;
}

ul.utility-menu li.btn-utilities a:hover {
	background: url(../images/btn-utilities.png) left bottom no-repeat;
}

ul.utility-menu li.btn-covid-19 {
	margin-right: 5px
}

ul.utility-menu li.btn-covid-19 a {
	display: block;
	color: #fff;
	background: #ee2b37;
	line-height: 1em;
	text-align: center;
}

ul.utility-menu li.btn-covid-19 a:hover {
	color: #ee2b37;
	background: #fff;
	text-decoration: none;
}

ul.utility-menu li.btn-b4sa {
	margin-right: 5px
}

ul.utility-menu li.btn-b4sa a {
	display: block;
	color: #fff;
	background: #0054a6;
	line-height: 1em;
	text-align: center;
}

ul.utility-menu li.btn-b4sa a:hover {
	color: #0054a6;
	background: #fff;
	text-decoration: none;
}


/*
ul.utility-menu li.btn-covid-19 {font-weight:700; width:135px !important; height:48px;line-height:1em;  }
ul.utility-menu li.btn-covid-19 a {padding:12px 12px 12px 12px; margin:0 10px 0 0; color:#fff; font-size:1.4em; background:#ee2b37; line-height:1em; text-align:center;}
ul.utility-menu li.btn-covid-19 a:hover {color:#000; background:#fff; text-decoration:none;}
--*/
ul.utility-menu li.btn-search {
	position: relative;
	top: 3px
}

ul.utility-menu li.btn-search a {
	padding: 0 0 0 0
}

#searchbar {
	position: relative;
	max-height: 0px;
	overflow: hidden;
	background: #ebebeb;
	transition: max-height 0.75s;
}

#searchbar.open {
	max-height: 100px;
}

#searchbar>div {
	padding: 0.75em 2rem 0.65em 5.2rem;
}

ul.utility-menu li a[data-toggle=tipoffs] {
	background-color: #00ac67;
	color: #ffffff
}

ul.utility-menu li a[data-toggle=tipoffs]:hover {
	color: #00ac67;
	background: transparent;
}

#tipoffs {
	position: relative;
	max-height: 0px;
	overflow: hidden;
	background: #79c89b;
	;
	color: #ffffff;
	transition: max-height 0.75s;
}

#tipoffs a {
	color: #ffffff
}

#tipoffs.open {
	max-height: 100px;
}

#tipoffs>div {
	padding: 0.75em 2rem 0.65em 5.2rem;
}

.masoyise-logo {
	display: inline-block;
	vertical-align: top;
	float: right;
	margin: 0 0 20px 30px;
}

/*--masoyise-logo--
.masoyise-logo {float:right ; margin-top: -100px;}
@media (min-width: 320px) { .masoyise-logo  {float:left; margin-top:0px;} }
@media (min-width: 481px) { .masoyise-logo  {float:left; margin-top:-0px; } }
@media (min-width: 600px) { .masoyise-logo  {float:left; margin-top:0px; } }
@media (min-width: 768px) { .masoyise-logo  {float:left; margin-top:0px;} }
@media (min-width: 992px) { .masoyise-logo  {float:left; margin-top:0px} }
@media (min-width: 1024px) { .masoyise-logo  {float:left; margin-top:0px} }
@media (min-width: 1280px) { .masoyise-logo  {float:right; margin-top:-100px} }
@media (min-width: 1360px) { .masoyise-logo  {float:left; margin-top:0px} }
@media (min-width: 1560px) { .masoyise-logo  {float:right; margin-top:-100px} }
*/


/*--Top Search--*/
/*-- In Joomla: Add "top" as suffix in the search module's "Module Class Suffix"--*/
ul.utility-menu li.searchtop {
	display: inline-block;
	width: 100%;
	height: 45px;
	margin: 0;
	text-align: left;
	float: none;
}

@media (min-width: 480px) {
	ul.utility-menu li.searchtop {
		width: 60%;
		height: 45px;
	}
}

@media (min-width: 768px) {
	ul.utility-menu li.searchtop {
		display: inline-block;
		width: 330px;
		height: 45px;
		float: right;
		margin: 0 0 0 10px;
		;
	}
}

@media (min-width: 992px) {
	ul.utility-menu li.searchtop {
		display: inline-block;
		width: 350px;
		height: 45px;
		float: right;
		margin: 0 0 0 10px;
		;
	}
}

@media (min-width: 1200px) {
	ul.utility-menu li.searchtop {
		display: inline-block;
		width: 350px;
		height: 50px;
		float: right;
		margin: 0 0 0 10px;
	}
}

.searchtop form,
.searchtop form.gsc-search-box {
	position: relative;
	width: auto;
	margin-bottom: 0;
}

.searchtop table {
	border: 0;
	padding: 0;
}

.searchtop td {
	border: 0;
	padding: 0;
}

.searchtop input {
	display: inline-block;
	border: 0px solid #cccccc;
	border-right: none;
	width: 90%;
	height: 50px;
	border-radius: 0px;
	margin: 0 10px 0 0;
	padding: 13px 0 13px 20px;
	color: #8c8b8b;
	font-family: "sansationlight", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1em;
	background: #f5f5f5;
	text-align: left;
	text-indent: 0;
}

/*--Google Search in Searchtop--*/
.searchtop table.gsc-search-box {
	border: 2px solid #cccccc;
	background: #f5f5f5;
	height: 45px;
	margin-bottom: 5px;
}

@media (min-width: 480px) {
	.searchtop table.gsc-search-box {
		height: 45px;
	}
}

@media (min-width: 768px) {
	.searchtop table.gsc-search-box {
		height: 45px;
	}
}

@media (min-width: 992px) {
	.searchtop table.gsc-search-box {
		height: 45px;
	}
}

@media (min-width: 1200px) {
	.searchtop table.gsc-search-box {
		height: 50px;
	}
}

.searchtop table.gsc-search-box td {
	padding: 0;
	margin: 0;
}

.searchtop table.gsc-search-box input {
	height: inherit;
	background: #f5f5f5 !important;
	text-indent: 0 !important;
	padding: 6px 0 6px 20px !important;
	border: none !important;
	outline: none !important;
}

@media (min-width: 480px) {
	.searchtop table.gsc-search-box input {
		padding: 6px 0 6px 20px !important;
	}
}

@media (min-width: 768px) {
	.searchtop table.gsc-search-box input {
		padding: 12px 0 12px 20px !important;
	}
}

.gsc-input-box {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	border-radius: 0 !important;
	border: 0px !important;
}

.searchtop input.gsc-input::-moz-placeholder {
	font-size: 1.2em !important;
	border: 0px !important;
	outline: none !important;
	height: inherit !important;
	padding: 12px 0 12px 20px !important;
}

.searchtop table.gsc-search-box tbody,
.searchtop table.gsc-search-box td,
.searchtop table.gsc-search-box tr {
	border: none;
	outline: none !important;
}

.searchtop table#gs_id50 input {
	width: 100% !important;
	margin: 0 !important;
	border: none;
}

.searchtop table#gs_id50 td.gsib_b {
	display: none;
}

.searchtop td.gsc-input {
	padding-right: 0 !important;
	border: none !important;
	margin: 0 !important;
	padding: 0 !important;
	outline: 0 !important;
	height: auto;
}

.searchtop td.gsc-search-button {
	margin: 0;
	padding: 0 !important;
	border: 1px solid #cccccc !important;
	border-left: none !important;
	position: relative;
}

/*--Search Button Option 1--*/
.searchtop button.gsc-search-button {
	margin: 0;
	position: relative;
	background: none;
	border: none;
	font-size: 1.4em !important;
	width: 50px;
	height: 43px;
	vertical-align: middle;
}

.cse .gsc-search-button-v2,
.gsc-search-button-v2 {}

.searchtop button.gsc-search-button:before {
	background: none;
	font-family: 'FontAwesome';
	font-size: 1.1em;
	position: absolute;
	right: 18px;
	top: 9px;
	z-index: 3000;
	content: "\f002";
	color: #a8a8a8;
}

.searchtop button.gsc-search-button:hover:before {
	color: #000;
}

.searchtop svg {
	display: none;
}

/*--
.searchtop input {display:inline-block; border:3px solid #cccccc; border-right:none; width:90%; height:50px; border-radius:0px; margin:0 10px 0 0; padding:13px 0 13px 20px; color:#8c8b8b; font-family:"sansationlight",Arial, Helvetica, sans-serif; font-size:1.2em; line-height:1em; background:#f5f5f5; }
--*/
@media (min-width: 768px) {
	.searchtop input {
		width: 300px;
	}
}

@media (min-width: 992px) {
	.searchtop input {
		width: 300px;
	}
}

@media (min-width: 1200px) {
	.searchtop input {
		width: 300px;
	}
}

button.btn-search1 {
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 50px;
	height: 50px;
	margin: 0;
	padding: 0;
	border: none;
	border: 3px solid #cccccc;
	border-left: none;
	background: #f5f5f5;
}

@media (min-width: 768px) {
	button.btn-search1 {
		right: 0px;
		height: 50px;
	}
}

@media (min-width: 992px) {
	button.btn-search1 {
		right: 0px;
		height: 50px;
	}
}

@media (min-width: 1200px) {
	button.btn-search1 {
		right: 0px;
		height: 50px;
	}
}

button.btn-search1:hover {}

button.btn-search1:before {
	background: none;
	font-family: 'FontAwesome';
	font-size: 1.2em;
	position: absolute;
	left: 11px;
	top: 8px;
	content: "\f002";
	color: #a8a8a8;
}

button.btn-search1:hover:before {
	color: #000;
}




/*--MAIN NAV--With Bootstrap MegaMenu Module--*/
.tvtma-megamnu {
	display: block;
	position: relative;
	bottom: inherit;
	left: inherit;
	z-index: 3000;
	clear: left
}


/*
.tvtma-megamnu {display:block; position:relative;  }

.tvtma-megamnu {display:block; position:relative; bottom:inherit; left:inherit; z-index:3000; }
@media (min-width: 768px) { .tvtma-megamnu { position:absolute; bottom:-35px; left:0px; z-index:3000; } }
@media (min-width: 992px) { .tvtma-megamnu { position:absolute; bottom:-35px; left:0px; z-index:3000; } }
@media (min-width: 1200px) { .tvtma-megamnu { position:absolute; bottom:-35px; left:0px; z-index:3000; } }
*/

/* NAVBAR */
#home .navbar {
	margin: 0 0 0 0;
}

.caret {
	display: none;
}

.navbar {
	background: #fff;
	padding: 0;
	margin: 0 0 0 0;
	width: 100%;
	min-height: 0px;
	z-index: 10000;
	*zoom: 1;
	border-radius: 0;
	border: none;
	line-height: 1em;
}

@media (min-width: 768px) {
	.navbar {
		min-height: 30px;
		padding: 0;
	}
}

@media (min-width: 992px) {
	.navbar {
		min-height: 30px;
		padding: 0;
	}
}

@media (min-width: 1200px) {
	.navbar {
		min-height: 30px;
		padding: 0;
	}
}

.navbar.fixed-theme {
	border-bottom: 2px solid #000;
	min-height: 30px;
	padding-top: 10px;
}

.navbar.fixed-theme li {
	font-size: 1.0em;
}

.navbar.navbar-inverse.fixed-theme .navbar-nav>li>a {
	padding: 7px 10px 10px 10px;
}

.fixed-theme .navbar-nav {
	display: block;
	margin: 0 10px 0 35%;
}

.fixed-theme a#brand,
#header.navbar.fixed-theme,
.fixed-theme .navbar-nav {
	transition: 0.8s;
	-webkit-transition: 0.8s;
}

.affix {
	top: 0;
	width: 100%;
}

.affix+.container-fluid {
	padding-top: 70px;
}


.navbar li:before {
	display: none;
}

.navbar li {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	background: #fff;
	font-size: 1.2em;
	text-transform: uppercase;
	text-align: left;
	font-weight: 500;
	min-width: 150px;
	height: 35px;
}

@media (min-width: 768px) {
	.navbar li {
		font-size: 0.8em;
		text-align: center;
	}
}

@media (min-width: 992px) {
	.navbar li {
		font-size: 0.75em;
		text-align: center;
	}
}

@media (min-width: 1200px) {
	.navbar li {
		font-size: 0.8em;
		text-align: center;
	}
}

@media (min-width: 1920px) {
	.navbar li {
		font-size: 0.9em;
		text-align: center;
	}
}

/*
.navbar li {list-style:none; margin:0; padding:0; position:relative; background:#fff; font-size:1.2em; text-transform:uppercase; text-align:left; font-weight:500; width:auto; height:35px;}
@media (min-width: 768px) { .navbar li {font-size:0.7em; width:15.7%; text-align:center;} }
@media (min-width: 992px) { .navbar li {font-size:0.70em; width:15.7%; text-align:center;} }
@media (min-width: 1200px) { .navbar li {font-size:0.75em; width:13.7%; text-align:center;} }
@media (min-width: 1920px) { .navbar li {font-size:0.9em; width:13%; text-align:center;} }
*/
.navbar ul ul li:first-child {
	display: inherit;
}

ul.navbar-nav {
	background: none;
}

.navbar-nav>li>a {
	padding: 10px 20px;
	line-height: 1em;
	color: #fff
}

.navbar-nav>li:nth-child(1)>a,
.navbar-nav>li:nth-child(7)>a {
	background: #ee2b37;
}

.navbar-nav>li:nth-child(2)>a {
	background: #0054a6;
}

.navbar-nav>li:nth-child(3)>a {
	background: #00ac67;
}

.navbar-nav>li:nth-child(4)>a {
	background: #fcb61a;
}

.navbar-nav>li:nth-child(5)>a {
	background: #de7f24;
}

.navbar-nav>li:nth-child(6)>a {
	background: #71aada;
}

.navbar-nav>li:nth-child(7)>a {
	background: #97d700;
}

.navbar-nav>li:nth-child(8)>a {
	background: #000000;
}

.navbar-nav>li>a:hover {
	color: #2b358c;
	background: none;
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
	color: #737373;
	background: none;
}

.navbar-inverse .navbar-nav>li>a {
	color: #fff;
	padding: 10px 10px 10px 30px;
	min-height: 35px;
}

@media (min-width: 768px) {
	.navbar-inverse .navbar-nav>li>a {
		padding: 10px 12px;
	}
}

@media (min-width: 992px) {
	.navbar-inverse .navbar-nav>li>a {
		padding: 10px 16px;
	}
}

@media (min-width: 1200px) {
	.navbar-inverse .navbar-nav>li>a {
		padding: 10px 18px;
	}
}

.navbar-inverse .navbar-nav>li>a.dropdown {
	color: #000;
	padding: 7px 14px 10px 20px;
}

.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav>li.active>a,
.navbar-inverse .navbar-nav>li.active>a:focus {
	color: #000;
	background-color: transparent;
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover {
	color: #000;
	background-color: transparent;
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover {
	color: #000;
	background-color: transparent;
}

.navbar-inverse .navbar-nav>li.active>a:hover,
.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>.active>a:hover {
	color: #000;
	background-color: transparent;
}

.navbar-collapse,
.nav-collapse {
	padding-top: 0;
	padding-right: 0px;
	padding-left: 0px;
	position: relative;
	margin-top: 55px;
}

@media (min-width: 480px) {

	.navbar-collapse,
	.nav-collapse {
		margin-top: 55px;
	}
}

@media (min-width: 768px) {

	.navbar-collapse,
	.nav-collapse {
		margin-top: 0px;
	}
}

.navbar-collapse:before {
	margin: 0;
	padding: 0;
}

/*--Collapse-Override default Bootstrap
.nav-collapse.collapse {display:none;} --*/
@media (min-width: 768px) {
	.nav-collapse.collapse {
		display: block !important;
	}
}

@media (min-width: 992px) {
	.nav-collapse.collapse {
		display: block !important;
	}
}

@media (min-width: 1200px) {
	.nav-collapse.collapse {
		display: block !important;
	}
}

ul.navbar-nav {
	margin: 0 0 0;
	float: none;
	display: block;
}


/* Dropdown Nav */
.navbar-nav>li:hover>ul {
	display: block;
}

.dropdown-menu {
	display: none;
	margin-top: 0 !important;
	min-width: 260px;
	float: none;
	top: 0;
	left: 30%;
}

@media (min-width: 768px) {
	.dropdown-menu {
		top: 100%;
		left: 0;
		left: 40%;
	}
}

@media (min-width: 992px) {
	.dropdown-menu {
		top: 100%;
		left: 0;
	}
}

@media (min-width: 1200px) {
	.dropdown-menu {
		top: 100%;
		left: 0;
	}
}

.dropdown-menu>li {
	width: auto;
	text-align: left;
	position: relative;
	font-weight: 400;
	font-size: 1.0em;
	text-transform: none;
	height: inherit;
	border-bottom: 1px dotted #ccc;
	line-height: 1.42857;
}

.dropdown-menu>li:last-child {
	border: none;
}

.dropdown-menu>li:before {
	display: inline;
	font-family: 'FontAwesome';
	font-size: 1em;
	color: #a8a8a8;
	position: absolute;
	left: 12px;
	top: 5px;
	z-index: 1000;
	content: "\f105" !important;
}

.dropdown-menu>li>a {
	display: block;
	padding: 4px 10px 4px 25px;
	color: #333;
}

.dropdown-menu>li>a:hover {
	color: #000;
}

/*--Navbar inverse--*/
.navbar-inverse .navbar-nav .open .dropdown-menu>li {
	font-size: 1.2em;
	text-transform: none;
}

.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
	display: block;
	padding: 4px 10px 4px 36px;
	border-bottom: 1px dotted #666;
	line-height: 1.42857;
	color: #333;
}

.navbar-inverse .navbar-nav .open .dropdown-menu>li:last-child>a {}

.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
	color: #000;
	background: #F5F5F5 url(../images/bullet-1.png) 18px 12px no-repeat;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
	color: #000;
	background-color: #F5F5F5;
}

.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover {
	color: #000;
	background-color: #F5F5F5;
}

ul.dropdown-menu ul.dropdown-menu {
	position: relative;
	top: inherit;
	left: inherit;
	display: block;
	float: none;
	padding: 0;
	margin: 0 0 0 0;
	font-size: 12px;
	list-style: none;
	border: none;
	border-radius: 0px;
	box-shadow: none;
}

ul.dropdown-menu ul.dropdown-menu>li {
	padding-left: 20px;
}

ul.dropdown-menu ul.dropdown-menu>li>a {
	padding-left: 40px;
}

.navbar-inverse .navbar-nav .open .dropdown-menu ul.dropdown-menu>li>a {
	background: url(../images/bullet-4.png) 10px 12px no-repeat;
}

.navbar-inverse .navbar-nav .open .dropdown-menu ul.dropdown-menu>.active>a,
.navbar-inverse .navbar-nav .open .dropdown-menu ul.dropdown-menu>li>a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu ul.dropdown-menu>li>a:focus {
	color: #000;
	background: #F5F5F5 url(../images/bullet-3.png) 10px 12px no-repeat;
}

/*--3RD TIER DROPDOWN--*/
/*-- .navbar ul.dropdown-menu ul {position:relative; top:inherit; left:inherit; display:none; float:none; padding:0 0 5px 0; margin:0 0 0 5px; font-size:12px; list-style:none; border:none; text-align:left; } --*/

.navbar ul.dropdown-menu ul {
	position: absolute;
	top: 25px;
	left: 40px;
	display: none;
	float: none;
	padding: 0 0 5px 0;
	margin: 0 0 0 5px;
	font-size: 12px;
	list-style: none;
	text-align: left;
	z-index: 1000;
	border: 1px solid #999;
	box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.3);
}

@media (min-width: 992px) {
	.navbar ul.dropdown-menu ul {
		top: 0px;
		left: 50%;
	}
}

.navbar ul.dropdown-menu li:hover>ul {
	display: block !important;
}

.navbar ul.dropdown-menu ul>li {
	display: block;
	padding-left: 10px;
	text-transform: none;
	width: inherit;
	font-weight: 400;
	font-size: 1.0em;
	height: inherit;
	text-align: left;
}

.navbar ul.dropdown-menu ul>li>a {
	color: #333;
	padding: 3px 0 0 13px;
}

.navbar ul.dropdown-menu ul>li>a:hover {
	text-decoration: none;
	color: #000;
	background-color: #f5f5f5;
}

.navbar ul.dropdown-menu ul>li:before {
	display: inline !important;
	content: "\f105" !important;
	left: 11px;
	top: 3px;
	font-size: 1em;
}

.dropdown-menu>li>a {
	white-space: normal;
}

/*--4th TIER DROPDOWN--*/
.navbar ul.dropdown-menu ul li:hover>ul {
	display: block !important;
}

.navbar ul.dropdown-menu ul ul {
	position: absolute;
	top: 25px;
	left: 40px;
	display: none;
	float: none;
	padding: 0 0 5px 0;
	margin: 0 0 0 5px;
	font-size: 12px;
	list-style: none;
	text-align: left;
	z-index: 1000;
	border: 1px solid #999;
	box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.3);
}

@media (min-width: 992px) {
	.navbar ul.dropdown-menu ul {
		top: 0px;
		left: 50%;
	}
}


/* Navbar Header */
.navbar-header {
	border: none;
	display: block;
	background: #fff;
	padding: 0px 10px 0px 0;
	position: absolute;
	top: 12px;
	left: 15px;
	z-index: 100;
}

@media (min-width: 480px) {
	.navbar-header {
		top: 12px;
		left: 0px;
	}
}

@media (min-width: 768px) {
	.navbar-header {
		display: none;
	}
}

@media (min-width: 992px) {
	.navbar-header {
		display: none;
	}
}

@media (min-width: 1200px) {
	.navbar-header {
		display: none;
	}
}

.navbar-header img {
	margin: 0;
}

.navbar-header h5 {
	display: inline-block;
	margin: 5px 0px 5px 5px;
	color: #000;
	font-size: 1.0em;
}

@media (min-width: 768px) {
	.navbar-header h5 {
		display: none;
	}
}

@media (min-width: 992px) {
	.navbar-header h5 {
		display: none;
	}
}

@media (min-width: 1200px) {
	.navbar-header h5 {
		display: none;
	}
}

/*
.navbar-header h5 {display:inline-block; margin:5px 10px 5px 15px; color:#000; font-size:1.5em;}
@media (min-width: 768px) {.navbar-header h5{display:none;}}
@media (min-width: 992px) {.navbar-header h5{display:none;}}
@media (min-width: 1200px) {.navbar-header h5{display:none;}}
*/

.btn-navbar {
	width: 45px;
}

#page-tools {
	float: right;
	margin: 0
}

#page-tools li {
	display: inline
}

/*--Brand--*/
.navbar-header img.brand {
	display: none;
	margin: 5px 0 0 0px;
	width: 60px;
}

@media (min-width: 300px) {
	.navbar-header img.brand {
		display: block;
		margin: 5px 0 0 0px;
		width: 90px;
	}
}

@media (min-width: 480px) {
	.navbar-header img.brand {
		display: block;
		margin: 0 0 0 20px;
		width: 110px;
	}
}

@media (min-width: 768px) {
	.navbar-header img.brand {
		display: block;
		margin: 0 0 0 20px;
		width: 110px;
	}
}

.carousel-indicators a li {
	cursor: pointer !important;
}


/*--Toggle Button--*/
.navbar-toggle,
.btn.btn-navbar {
	display: inline-block;
	position: relative;
	float: right;
	padding: 8px 10px 4px 10px;
	margin-top: -3px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: none;
	border: 1px solid #bfbfbf;
	border-radius: 4px;
	background: #bfbfbf;
	/* font-family:FontAwesome;
  font-size:16px;
  color:#000;;
  content:"\f0c9" */
}

@media (min-width: 768px) {
	.btn.btn-navbar {
		display: none;
	}
}

@media (min-width: 992px) {
	.btn.btn-navbar {
		display: none;
	}
}

@media (min-width: 1200px) {
	.btn.btn-navbar {
		display: none;
	}
}

.btn.btn-navbar:hover {
	background: #000;
	color: #fff;
	border: 1px solid #000;
}

.navbar-toggle .icon-bar,
.btn.btn-navbar .icon-bar {
	display: block;
	width: 22px;
	height: 4px;
	border-radius: 2px;
	background: #fff;
	margin: 0 0 4px 0;
}

.navbar-toggle:hover .icon-bar,
.btn.btn-navbar:hover .icon-bar {
	background: #fff;
}

.sr-only {
	background: #FFF;
}

@media (min-width: 768px) {

	.navbar-toggle,
	.btn-navbar {
		display: none;
	}
}




/*--Photo Gallery--*/
.os-gallery-tabs-main-2 ul.osgalery-cat-tabs {}

.os-gallery-tabs-main-2 ul.osgalery-cat-tabs li {}

/*--OSGallery--*/
[class^="os-gallery-tabs-main"] .osgalery-cat-tabs li a {
	text-transform: uppercase;
	font-size: 0.8em;
	background: #ebebeb;
	border: none;
	color: #000;
	border: 0px !important
}

[class^="os-gallery-tabs-main"] .osgalery-cat-tabs li a.active {
	background: #ccc;
	color: #000;
	border: none
}

[class^="os-gallery-tabs-main"] .osgalery-cat-tabs li:not(:first-child) {
	border-left: 1px solid #ccc;
	padding: 0 0.4em 0 0.25em;
	border: none
}

[class^=os-gallery-album-tabs-main] .back-to-albums {
	background: #354052;
	color: #fff;
	font-weight: bold;
	font-size: 15px;
	line-height: 15px;
	padding: 0;
	margin: 10px 0;
	cursor: pointer;
	display: inline-block;
}

[class^=os-gallery-all-in-one-main] .img-block.none-effect .os-gallery-caption h3.os-gallery-img-title,
[class^=os-gallery-album-tabs-main] .img-block.none-effect .os-gallery-caption h3.os-gallery-img-title,
[class^=os-gallery-tabs-main] .img-block.none-effect .os-gallery-caption h3.os-gallery-img-title {
	position: relative;
	padding: 0.5em 0;
	color: #000;
	text-align: center;
	font-size: 100%;
	line-height: 100%;
	font-weight: bold;
	margin: 0;
	text-shadow: 1px 2px 4px #505050;
	-webkit-text-shadow: 1px 2px 4px #505050;
	-moz-text-shadow: 1px 2px 4px #505050;
}

.os-gallery-caption a {
	color: #000;
}

/*--UTILITY MODAL POPUP--*/
#utilities {
	padding-top: 25px;
	text-align: center;
}

#utilities .modal-body {
	border: none;
	padding-top: 30px;
}

#utilities .modal-dialog {
	width: 80%;
}

#utilities div.utilcol {
	vertical-align: top;
}

#utilities button.close {
	position: absolute;
	top: 15px;
	right: 15px;
	z-index: 100;
}

#utilities h1 {
	color: #000;
	font-size: 1.8em;
	margin-bottom: 1.5em;
	padding: 5px 0 0 52px !important;
	line-height: 1em;
	text-align: left;
	display: inline-block;
}

#utilities h1:before {
	font-family: 'FontAwesome';
	font-size: 0.70em;
	position: absolute;
	left: 0;
	top: 0px;
	color: #000;
	width: 47px;
	height: 40px;
}

#utilities h4 {
	font-size: 1.3em;
	line-height: 1.1em;
}

#utilities h4 a {
	color: #000;
}

#utilities h5 {
	color: #e08126;
}

#utilities h6 {
	font-size: 1em;
}

#utilities p a {
	color: #e08126;
}

#utilities p {
	font-size: 0.95em;
	line-height: 1.6em;
}

#utilities img {
	border: 2px solid #c6c6c6;
	margin-bottom: 10px;
}

#utilities img.nobrdr {
	border: none !important;
}

#utilities button.btn-default {
	color: #fff;
	background: #e08126;
	border: none;
	margin: 0 auto;
}

#utilities button.btn-default:hover {
	background: #000;
}

/*--Chamber office bearers--*/
#utilities .cob {}

#utilities .cob h1:before {
	content: "";
	background: url(../images/hui-cob.png) left top no-repeat;
}

#utilities .cob p {
	font-size: 0.95em;
	line-height: 1.1em;
}

/*--Websites--*/
#utilities .websites {
	text-align: center;
}

#utilities .websites h1:before {
	content: "";
	background: url(../images/hui-websites.png) left top no-repeat;
}

#utilities .websites img {
	width: 100%;
	max-width: 175px;
	text-align: center;
	margin: 0 auto 10px auto;
	padding: 0;
}

#utilities .websites h4 {
	text-align: center;
	margin-bottom: 5px;
}

/*--Membership--*/
#utilities .membership h1:before {
	content: "";
	background: url(../images/hui-membership.png) left top no-repeat;
}



/*--Register--*/
#utilities .register {
	background: #efefef;
	padding: 30px;
}

#utilities .register h1:before {
	content: "";
	background: url(../images/hui-register.png) left top no-repeat;
}

#utilities .register form {}

#utilities .register input[type="text"] {
	border: 2px solid #c2c2c2;
	display: block;
	margin: 0 auto 10px auto;
	padding: 5px 5px 5px 10px;
	width: 70%;
	max-width: 300px;
}

#utilities .register input[type="submit"],
#utilities .register button.btn-search {
	border: none;
	color: #fff;
	background: #e08126;
	width: auto;
	height: auto;
	cursor: pointer;
	display: block;
	padding: 3px 10px;
	margin: 4px auto 10px auto;
	text-transform: uppercase;
}

#utilities .register input[type="submit"]:hover,
#utilities .register button.btn-search:hover {
	background: #000
}

/*--Tipoffs--*/
#utilities .tipoffs {
	margin-bottom: 30px;
}

#utilities .tipoffs h1 {
	margin-bottom: 0.5em;
}

#utilities .tipoffs h1:before {
	content: "";
	background: url(../images/hui-tipoffs.png) left top no-repeat;
}

/*--Contact--*/
#utilities .contact {}

#utilities .contact img {
	margin: 0 auto;
}

#utilities .contact h1 {
	margin-bottom: 0.5em;
}

#utilities .contact h1:before {
	content: "";
	background: url(../images/hui-contact.png) left top no-repeat;
}



/*--Breaking News Popup--*/
#breaking-news {
	display: none;
	position: absolute;
	z-index: 5000;
	width: 100px;
	height: 100%;
}

#breaking-news.popup {
	display: block;
}

#breaking-news img {
	width: 654px;
	height: 433px;
	top: 495px;
	right: 20px;
}


/*--HOME PAGE--*/
body#home {
	background: #fff;
}


/*--HOME BANNER CAROUSEL--*/
#carousel-home {}

p#h-message {
	display: block;
	margin: 0 auto;
	position: absolute;
	left: 46%;
	bottom: 130px;
	z-index: 1000;
	font-size: 1.3em;
	color: #fff;
	text-shadow: 2px 2px 10px rgba(0, 0, 0, 1);
	padding: 15px;
	font-weight: 700;
	-webkit-animation: fadeInUp 1s;
	animation: fadeInUp 1s;
}

.carousel {
	margin-bottom: 0px;
}

.carousel-inner .item {
	height: auto;
	min-height: 900px;
	padding-right: 0px;
	padding-left: 0px;
	text-align: right;
	padding-bottom: 120px;
}
.carousel-inner .item:before {
  position: absolute;
  right: 0;
  bottom: 130px;
  content: attr(data-content);
  transform: rotate(-90deg) translate(100%, 0);
  transform-origin: right bottom;
  font-weight: bold;
  color: #ffffff;	
  font-size: 12px;	
}

@media (min-width: 480px) {
	.carousel-inner .item {
		height: auto;
		min-height: 500px;
		padding-bottom: 120px;
	}
}

@media (min-width: 768px) {
	.carousel-inner .item {
		height: auto;
		min-height: 500px;
		padding-bottom: 120px;
	}
}

@media (min-width: 992px) {
	.carousel-inner .item {
		height: 90vh;
		min-height: 500px;
		padding-bottom: 120px;
	}
}

@media (min-width: 1200px) {
	.carousel-inner .item {
		height: 90vh;
		min-height: 600px;
		padding-bottom: 0px;
	}
}

@media (min-width: 1600px) {
	.carousel-inner .item {
		height: 90vh;
		min-height: 600px;
		padding-bottom: 0px;
	}
}

/*
.carousel-inner .item {height:auto; min-height:900px; padding-right:0px; padding-left:0px; text-align: right; background-position:left top; background-size:auto 100%;}
@media (min-width: 480px) { .carousel-inner .item {height:auto; min-height:900px; background-position:left top; background-size:auto; padding-bottom:120px; } }
@media (min-width: 768px) { .carousel-inner .item {height:auto; min-height:900px; background-position:left top; background-size:auto; padding-bottom:120px; } }
@media (min-width: 992px) { .carousel-inner .item {height:auto; min-height:600px; background-position:left top; background-size:auto; padding-bottom:120px;} }
@media (min-width: 1200px) {.carousel-inner .item {height:90vh; min-height:600px; background-position:left top; background-size:auto; padding-bottom:0px; } }
@media (min-width: 1600px) {.carousel-inner .item {height:90vh; min-height:600px; background-position:left top; background-size:auto; padding-bottom:0px; } } */

.carousel-indicators li small {
	font-size: 75%;
}

/*--Carousel Indicators--*/
.carousel-indicators {
	display: block;
	height: 200px;
	position: absolute;
	bottom: -90px;
	left: 0;
	width: 100%;
	background: #fff;
	text-align: left;
	margin: 0 !important;
}

@media (min-width: 768px) {
	.carousel-indicators {
		height: 120px;
		bottom: 0px;
	}
}

@media (min-width: 992px) {
	.carousel-indicators {
		height: 120px;
		bottom: 0px;
	}
}

@media (min-width: 1200px) {
	.carousel-indicators {
		height: 120px;
		bottom: 0px;
	}
}

@media (min-width: 1600px) {
	.carousel-indicators {
		height: 120px;
		bottom: 0px;
	}
}

#carousel-home .carousel-indicators {display:flex; align-items:flex-start; justify-content:center; }

/*--CI--3 items--*/
/*--
.carousel-indicators li, .carousel-indicators li.active {font-size:0.9em; line-height:1.2em; position:relative; display:inline-block; width:48%; height:100px; text-align:center; padding:0; margin:0 0 0 -3px; vertical-align:top; border:none; border-right:1px #dcddde; text-indent:0; }
@media (min-width: 768px) { .carousel-indicators li, .carousel-indicators li.active {width:32%; height:120px;} }
@media (min-width: 992px) { .carousel-indicators li, .carousel-indicators li.active {width:32%; height:120px;} }
@media (min-width: 1200px) { .carousel-indicators li, .carousel-indicators li.active {width:32%; height:120px;} }
*/
/*--CI--4 items--*/
/*--
.carousel-indicators li, .carousel-indicators li.active {font-size:0.9em; line-height:1.2em; position:relative; display:inline-block; width:48%; height:100px; text-align:center; padding:0; margin:0 0 0 -3px; vertical-align:top; border:none; border-right:1px #dcddde; text-indent:0; }
@media (min-width: 768px) { .carousel-indicators li, .carousel-indicators li.active {width:24.8%; height:120px;} }
@media (min-width: 992px) { .carousel-indicators li, .carousel-indicators li.active {width:24.8%; height:120px;} }
@media (min-width: 1200px) { .carousel-indicators li, .carousel-indicators li.active {width:24.8%; height:120px;} }
--*/
/*--CI--5 items--*/
/*--
.carousel-indicators li, .carousel-indicators li.active {font-size:0.9em; line-height:1.2em; position:relative; display:inline-block; width:32%; height:100px; text-align:center; padding:0; margin:0 0 0 -3px; vertical-align:top; border:none; border-right:1px #dcddde; text-indent:0; }
@media (min-width: 768px) { .carousel-indicators li, .carousel-indicators li.active {width:19.5%; height:120px;} }
@media (min-width: 992px) { .carousel-indicators li, .carousel-indicators li.active {width:19.5%; height:120px;} }
@media (min-width: 1200px) { .carousel-indicators li, .carousel-indicators li.active {width:19.5%; height:120px;} }
--*/
/*--CI--6 items--*/
.carousel-indicators li,
.carousel-indicators li.active {
	font-size: 0.8em;
	line-height: 1.2em;
	position: relative;
	display: inline-block;
	width: 32%;
	height: 100px;
	text-align: center;
	padding: 0;
	margin: 0 0 0 -3px;
	vertical-align: top;
	border: none;
	border-right: 1px #dcddde;
	text-indent: 0;
}

@media (min-width: 768px) {

	.carousel-indicators li,
	.carousel-indicators li.active {
		font-size: 0.70em;
		line-height: 1.2em;
		width: 16.5%;
		height: 120px;
	}
}

@media (min-width: 992px) {

	.carousel-indicators li,
	.carousel-indicators li.active {
		font-size: 0.85em;
		line-height: 1.2em;
		width: 16.5%;
		height: 120px;
	}
}

@media (min-width: 1200px) {

	.carousel-indicators li,
	.carousel-indicators li.active {
		font-size: 0.9em;
		line-height: 1.2em;
		width: 16.5%;
		height: 120px;
	}
}

@media (min-width: 1600px) {

	.carousel-indicators li,
	.carousel-indicators li.active {
		font-size: 0.95em;
		line-height: 1.2em;
		width: 16.5%;
		height: 120px;
	}
}

/*--CI--Plenty items--*/
/*--
.carousel-indicators li, .carousel-indicators li.active {font-size:0.8em; line-height:1.2em; position:relative; display:inline-block; width:20%; height:100px; text-align:center; padding:0; margin:0 0 0 -3px; vertical-align:top; border:none; border-right:1px #dcddde; text-indent:0; }
@media (min-width: 768px) { .carousel-indicators li, .carousel-indicators li.active {font-size:0.70em; line-height:1.2em; width:12%; height:120px;} }
@media (min-width: 992px) { .carousel-indicators li, .carousel-indicators li.active {font-size:0.85em; line-height:1.2em; width:12%; height:120px;} }
@media (min-width: 1200px) { .carousel-indicators li, .carousel-indicators li.active {font-size:0.9em; line-height:1.2em; width:12%; height:120px;} }
@media (min-width: 1600px) { .carousel-indicators li, .carousel-indicators li.active {font-size:0.95em; line-height:1.2em; width:12%; height:120px;} }
--*/

/*--Carousel Indicators- LI-*/
.carousel-indicators li:last-child {
	border-right: none;
}

.carousel-indicators li img {
	margin: 0 auto;
	padding: 0;
}

.carousel-indicators li:before {
	display: none;
}

.carousel-indicators li a {
	display: block;
	width: auto;
	height: 120px;
	padding: 35px 0 0 0;
	margin: 0 auto;
	color: #abaaaa;
	text-transform: uppercase;
}

.carousel-indicators li a {
	background-image: none;
	background-size: 100% 100%;
}

/*--Indicators: RED, Blue, Green, Yellow--*/
.carousel-indicators li.active:nth-child(1) a {
	background: url(../images/ci-1.png) center top no-repeat;
	color: #ef3842;
}

.carousel-indicators li.active:nth-child(2) a {
	background: url(../images/ci-2.png) center top no-repeat;
	color: #0054a6;
}

.carousel-indicators li.active:nth-child(3) a {
	background: url(../images/ci-3.png) center top no-repeat;
	color: #00ac67;
}

.carousel-indicators li.active:nth-child(4) a {
	background: url(../images/ci-4.png) center top no-repeat;
	color: #fcb61a;
}

.carousel-indicators li.active:nth-child(5) a {
	background: url(../images/ci-1.png) center top no-repeat;
	color: #ef3842;
}

.carousel-indicators li.active:nth-child(6) a {
	background: url(../images/ci-2.png) center top no-repeat;
	color: #0054a6;
}

.carousel-indicators li.active:nth-child(7) a {
	background: url(../images/ci-3.png) center top no-repeat;
	color: #00ac67;
}

.carousel-indicators li.active:nth-child(8) a {
	background: url(../images/ci-4.png) center top no-repeat;
	color: #fcb61a;
}

.carousel-indicators li.active:nth-child(9) a {
	background: url(../images/ci-3.png) center top no-repeat;
	color: #00ac67;
}

/*--Indicators: RED, Blue, Green, Yellow
.carousel-indicators li.active:nth-child(1) a {background:url(../images/ci-1.png) center top no-repeat; color:#ef3842;}
.carousel-indicators li.active:nth-child(2) a {background:url(../images/ci-2.png) center top no-repeat; color:#0054a6;}
.carousel-indicators li.active:nth-child(3) a {background:url(../images/ci-3.png) center top no-repeat; color:#00ac67;}
.ca.rousel-indicators li.active:nth-child(4) a {background:url(../images/ci-4.png) center top no-repeat; color:#fcb61a;}
.carousel-indicators li.active:nth-child(5) a {background:url(../images/ci-1.png) center top no-repeat; color:#ef3842;}
.carousel-indicators li.active:nth-child(6) a {background:url(../images/ci-2.png) center top no-repeat; color:#0054a6;}
--*/

.carousel-indicators li.active a,
.carousel-indicators li a:hover {
	background-position: center top;
	text-decoration: none;
	color: #000;
}

.carousel img {
	padding: 0;
}

.carousel img.brdr {
	border: 1px solid #fff;
	margin-top: 4px;
}

img.brdr1 {border: 1px solid #666;}
img.brdr2 {border: 1px solid #ccc;}

/*--HOME BANNERS--*/
.banner-hm-1 {
	background: url(../images/banner-home-1.jpg) left top no-repeat;
}

.banner-hm-2 {
	background: url(../images/banner-home-2.jpg) left top no-repeat;
}

.banner-hm-3 {
	background: url(../images/banner-home-3.jpg) left top no-repeat;
}

.banner-hm-4 {
	background: url(../images/banner-home-4.jpg) left top no-repeat;
}

.banner-hm-5 {
	background: url(../images/banner-home-5.jpg) left top no-repeat;
}

.banner-hm-6 {
	background: url(../images/banner-home-6.jpg) left top no-repeat;
}

.banner-hm-7 {
	background: url(../images/banner-home-7.jpg) left top no-repeat;
}

.banner-competitiveness {
	background: url(../images/banner-hm-competitiveness.jpg) left bottom no-repeat;
}

.banner-gwn {
	background: url(../images/banner-gwn.jpg) left top no-repeat;
}

.banner-safety-day {
	background: url(../images/banner-safety-day.png) left top no-repeat;
}

.banner-hm-ff2017 {
	background: url(../images/banner-home-ff2017.jpg) left top no-repeat;
}

/*--Selectable Link area inside banner--*/
a.hm-banner-link {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	width: 100%;
	height: 175px;
	border: 0px solid #999;
	background: none;
	cursor: pointer
}

@media (min-width: 480px) {
	a.hm-banner-link {
		width: 100%;
		height: 185px;
	}
}

@media (min-width: 768px) {
	a.hm-banner-link {
		width: 25%;
		height: 80vh;
	}
}

@media (min-width: 992px) {
	a.hm-banner-link {
		width: 40%;
		height: 80vh;
	}
}

@media (min-width: 1200px) {
	a.hm-banner-link {
		width: 50%;
		height: 80vh;
	}
}

@media (min-width: 1600px) {
	a.hm-banner-link {
		width: 60%;
		height: 80vh;
	}
}

@media (min-width: 1921px) {
	a.hm-banner-link {
		width: 70%;
		height: 80vh;
	}
}

/*--NEW BANNER SYSTEM - OPEN LAYOUT--*/
.b-mainpic {
	height: 100%;
}

.b-back {
	height: 100%;
	position: relative;
}

.b-back picture {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: auto;
}

.b-back picture img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

/*--Banner Wrapper Block with spacing around--*/
.b-wrapper {
	height: 100%;
	min-height: 300px;
	text-align: left;
	padding: 40px 2% 50px 2%;
	clear: both;
}

@media (min-width: 480px) {
	.b-wrapper {
		padding: 40px 3% 50px 3%;
		min-height: 748px;
	}
}

@media (min-width: 768px) {
	.b-wrapper {
		padding: 40px 3% 50px 3%;
		min-height: 748px;
	}
}

@media (min-width: 992px) {
	.b-wrapper {
		padding: 5vh 3% 50px 3%;
		min-height: 748px;
	}
}

@media (min-width: 1200px) {
	.b-wrapper {
		padding: 15vh 3% 50px 3%;
		min-height: 748px;
	}
}

@media (min-width: 1600px) {
	.b-wrapper {
		padding: 20vh 5% 50px 5%;
		min-height: 748px;
	}
}

@media (min-width: 1920px) {
	.b-wrapper {
		padding: 20vh 5% 50px 5%;
		min-height: 748px;
	}
}

.bwmt-15 {
	margin-top: 0;
}

@media (min-width: 768px) {
	.bwmt-15 {
		margin-top: -15px;
	}
}


.hero-block {
	margin: 100px auto 0 auto;
}

@media (min-width: 480px) {
	.hero-block {
		margin: 10vh auto 0 auto;
	}
}

@media (min-width: 768px) {
	.hero-block {
		margin: 10vh auto 0 auto;
	}
}

@media (min-width: 992px) {
	.hero-block {
		margin: 15vh auto 0 auto;
	}
}

@media (min-width: 1200px) {
	.hero-block {
		margin: 15vh auto 0 auto;
	}
}

@media (min-width: 1600px) {
	.hero-block {
		margin: 11vh auto 0 auto;
	}
}

/*--Banner Content Block--*/
.b-content {
	height: auto;
	min-height: 300px;
	text-align: left;
	padding: 40px 2% 50px 2%;
}

@media (min-width: 480px) {
	.b-content {
		padding: 40px 3% 50px 3%;
		min-height: 600px;
	}
}

@media (min-width: 768px) {
	.b-content {
		padding: 40px 3% 50px 3%;
		min-height: 600px;
	}
}

@media (min-width: 992px) {
	.b-content {
		padding: 5vh 3% 50px 0;
		min-height: 748px;
	}
}

@media (min-width: 1200px) {
	.b-content {
		padding: 15vh 3% 50px 0;
		min-height: 748px;
	}
}

@media (min-width: 1600px) {
	.b-content {
		padding: 18vh 5% 100px;
		min-height: 748px;
	}
}

@media (min-width: 1920px) {
	.b-content {
		padding: 17vh 5% 100px;
		min-height: 748px;
	}
}

.b-contentblock {
	background: #ffffff;
	padding: 20px 20px 20px 20px;
	box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.2);
}

.b-contentblock h1 {
	font-size: 2.0em;
	line-height: 0.9em;
	font-weight: 700;
	margin-bottom: 0.3em;
}

@media (min-width: 480px) {
	.b-contentblock h1 {
		font-size: 2.3em;
	}
}

@media (min-width: 768px) {
	.b-contentblock h1 {
		font-size: 2.4em;
	}
}

@media (min-width: 992px) {
	.b-contentblock h1 {
		font-size: 2.6em;
	}
}

@media (min-width: 1200px) {
	.b-contentblock h1 {
		font-size: 2.7em;
	}
}

@media (min-width: 1600px) {
	.b-contentblock h1 {
		font-size: 2.9em;
	}
}

.b-contentblock h2 {
	font-size: 2.0em;
}

@media (min-width: 992px) {
	.b-contentblock h2 {
		font-size: 2.2em;
	}
}

.b-contentblock h2.ib {
	display: block;
}

.b-contentblock h2.ib span {
	font-size: 0.7em;
	color: #000 !important;
}

.b-contentblock h3 {
	line-height: 1.2em;
	margin-bottom: 0.4em;
}

.b-contentblock h3.ib {
	display: block;
}

.b-contentblock h3.ib span {
	font-size: 1.1em;
	color: #ae122a !important;
	font-weight: 800;
}

.b-contentblock.bc-red h3.ib span {
	color: #ae122a !important;
}

.b-contentblock.bc-blue h3.ib span {
	color: #0054a6 !important;
}

.b-contentblock.bc-green h3.ib span {
	color: #00ac67 !important;
}

.b-contentblock.bc-yellow h3.ib span {
	color: #fcb61a !important;
}

.b-contentblock h4 {
	font-size: 1.4em;
	line-height: 1.35em;
}

.b-contentblock p {
	font-size: 1em;
	margin-bottom: 0.8em;
	line-height: 1.45em;
	color: #000;
}

.b-contentblock p a {}

.b-contentblock p a:hover {
	color: #000;
	text-decoration: underline;
}

.b-contentblock p.lead {
	font-size: 1.15em;
	font-weight: 700;
}

.b-contentblock p.descriptor {
	font-weight: normal !important;
	font-size: 0.8em;
	color: #999;
	font-style: italic;
}

.b-contentblock ul {
	margin: 0 0 15px 0;
	padding: 0;
}

.b-contentblock li {
	list-style: none;
	margin: 0 0 0.4em 0;
	padding: 0 0 0 14px;
}

.b-contentblock li:before {
	font-family: 'FontAwesome';
	font-size: 0.6em;
	position: absolute;
	left: 0;
	top: 1px;
	content: "\f054 ";
	color: #6c6c6c;
}

.b-contentblock .btn-default {
	border-radius: 0;
	color: #fff !important;
	background: #ee2b37;
	padding: 6px 10px 7px 10px;
	line-height: 1.2em;
	font-size: 0.8em;
	margin: 0px 0 5px 0 !important;
	text-decoration: none !important;
}

.b-contentblock .btn-primary {
	border-radius: 0;
	color: #fff !important;
	background: #ee2b37;
	padding: 6px 10px 7px 10px;
	line-height: 1.2em;
	font-size: 0.8em;
	margin: 0px 0 5px 0 !important;
	text-decoration: none !important;
}

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

.b-contentblock img.thumb {
	border: 1px solid #666;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
	-webkit-transition: transform 0.2s ease;
	transition: transform 0.2s ease;
	margin: 0 auto 10px auto;
}

.b-contentblock img.thumb:hover {
	border: 1px solid #000;
	transform: scale(1.05);
}

p.imgp {
	text-align: center;
}

/*--Banner Colour Coding--*/
/*--Hilite in banner--*/
.hilite {
	display: block;
	margin: 0px 0 10px 0;
	padding: 12px 12px;
	background: #ae122a;
}

.hilite h5 {
	color: #fff;
	text-transform: uppercase;
	margin: 0;
	font-weight: 700;
	font-size: 1.1em;
	line-height: 1.4em;
	text-align: center;
}

.hilite h5 a {
	color: #fff !important;
}

.hilite h5 a:hover {
	color: #000 !important;
}

.hilite h6 {
	color: #fff;
	text-transform: uppercase;
	margin: 0;
	font-weight: 700;
	font-size: 1.0em;
	line-height: 1.4em;
	text-align: center;
}

.hilite h6 a {
	color: #fff !important;
}

.hilite h6 a:hover {
	color: #000 !important;
}

/*--Red--*/
.bc-red {}

.bc-red h1 {
	color: #ae122a;
}

/*--DRed--*/
.bc-red h2 {
	color: #ee2b37;
}

/*--Red--*/
.bc-red h3 {
	color: #000;
}

.bc-red h4 {
	color: #000;
}

.bc-red h5 {
	color: #ee2b37;
}

.bc-red p {
	color: #000;
}

.bc-red p.lead {
	color: #ee2b37;
}

.bc-red a {
	color: #ee2b37;
	text-decoration: underline;
}

.bc-red li:before {
	color: #ee2b37;
}

.bc-red sup {
	color: #ee2b37;
}

.bc-red h1 sup {
	color: #ae122a;
}

.bc-red .btn-default {
	background: #ee2b37;
	color: #fff !important;
}

.bc-red .btn-default:hover {
	background: #af122a;
	color: #fff;
}

.bc-red .hilite {
	background: #ae122a;
}

/*--Blue--*/
.bc-blue {}

.bc-blue h1,
.b-contentblock .bc-blue h1 {color: #0054a6;}

/*--DBlue--*/
.bc-blue h2 {color: #0055a6;}

/*--Blue--*/
.bc-blue h3 {color: #000;}
.bc-blue h4 {color: #000;}
.bc-blue h5 {color: #0055a6;}
.bc-blue .hilite h5 {color: #fff; text-transform: none;}
.bc-blue p {color: #000;}
.bc-blue p.lead {color: #0055a6;}
.bc-blue a {color: #0055a6; text-decoration: underline;}
.bc-blue a:hover {color: #000; text-decoration: underline;}
.bc-blue li:before {color: #0055a6;}

.bc-blue .btn-default {
	border-radius: 0;
	color: #fff;
	background: #72addf;
	font-size: 0.8em;
	margin: 0 0 8px 0;}

.bc-blue .btn-default:hover {
	background: #0055a6;
	color: #fff;
}

.bc-blue .btn-primary {
	border-radius: 0;
	color: #fff;
	background: #0055a6;
	font-size: 0.8em;
	margin: 0 0 8px 0;
}

.bc-blue .btn-primary:hover {
	background: #72addf;
	color: #fff;
}

.bc-blue .bblock-icon {
	background: #72addf;
}

.bc-blue .bblock-icon.blue2 {
	color: #00213f;
}

.bc-blue .hilite {
	background: #0054a6
}

.b-contentblock.bc-blue h3.ib span {
	color: #0054a6 !important;
}

.bc-blue sup {
	color: #0054a6;
}

/*--Green--*/
.bc-green {
	background: #00ad69;
}

.b-contentblock.bc-green {
	background: #fff;
}

.b-contentblock.bc-green .hilite {
	background: #00ac67;
}

.bc-green .btn-default {
	border-radius: 0;
	color: #fff;
	background: #00ad69;
	font-size: 0.8em;
	margin: 10px 0 10px 0;
}

.bc-green .btn-default:hover {
	background: #007749;
	color: #fff;
}

.bc-green .bblock-icon {
	background: #007749;
}

.bc-green .bblock-icon.green2 {
	background: #97d700;
}

.bc-green .hilite {
	background: #00ac67;
}

.bc-green .hilite {
	background: #00ad69;
}

.bc-green p {
	color: #000;
}

.bc-green p a,
.bc-green li a {
	color: #007749;
	text-decoration: underline;
}

.bc-green p a:hover,
.bc-green li a:hover {
	color: #000;
	text-decoration: underline;
}

.bc-green sup {
	color: #00ac67;
}

/*--Yellow--*/
.bc-yellow {
	/*--background:#e18127;--*/
}

.bc-yellow h2 {
	color: #fcb61a;
}

.bc-yellow .btn-default {
	border-radius: 0;
	color: #fff;
	background: #fcb61a;
	font-size: 0.8em;
	margin: 10px 0 10px 0;
}

.bc-yellow .btn-default:hover {
	background: #e08227;
	color: #fff;
}

.bc-yellow .bblock-icon {
	background: #feb818;
}

.bc-yellow .bblock-icon.yellow2 {}

.bc-yellow .hilite {
	background: #fcb61a;
}

.bc-yellow p {
	color: #000;
}

.bc-yellow p a {
	color: #e08227;
	text-decoration: underline;
}

.bc-yellow p a:hover {
	color: #000;
	text-decoration: underline;
}

.bc-yellow sup {
	color: #fcb61a;
}

.bc-yellow .hilite {
	background: #ae122a;
}

/*--Yellow/Green--*/
.bc-yellowgreen {}

.bc-yellowgreen h1,
.b-contentblock .bc-yellowgreen h1 {color: #BCD800;}


.bc-yellowgreen h2 {color: #BCD800;}


.bc-yellowgreen h3 {color: #fff;}
.bc-yellowgreen h4 {color: #fff;}
.bc-yellowgreen h5 {color: #BCD800;}
.bc-yellowgreen .hilite h5 {color: #fff; text-transform: none;}
.bc-yellowgreen p {color: #fff;}
.bc-yellowgreen p.lead {color: #BCD800;}
.bc-yellowgreen a {color: #BCD800; text-decoration: underline;}
.bc-yellowgreen a:hover {color: #fff; text-decoration: underline;}
.bc-yellowgreen li:before {color: #BCD800;}

.bc-yellowgreen .btn-default {
	border-radius: 0;
	color: #000 !important;
	background: #BCD800;
	font-size: 0.8em;
	margin: 0 5px 8px 0 !important;}

.bc-yellowgreen .btn-default:hover {
	background: #BCD800;
	color: #000 !important;
}

.bc-yellowgreen .btn-primary {
	border-radius: 0;
	color: #000;
	background: #BCD800;
	font-size: 0.8em;
	margin: 0 0 8px 0;
}

.bc-yellowgreen .btn-primary:hover {
	background: #BCD800;
	color: #000;
}

.bc-yellowgreen .bblock-icon {
	background: #BCD800;
}

.bc-yellowgreen .bblock-icon.blue2 {
	color: #BCD800;
}

.bc-yellowgreen .hilite {
	background: #BCD800
}

.b-contentblock.bc-yellowgreen h3.ib span {
	color: #BCD800 !important;
}

.bc-yellowgreen sup {
	color: #BCD800;
}

ul.list-hilites {}

ul.list-hilites li {
	font-size: 1.0em;
}

ul.list-hilites li:before {}

ul.list-hilites li strong {
	font-weight: 700;
}

/*--Logo Block Left - If used--*/
.b-logoblock {
	margin: 100px auto 0 auto;
	width: 70%;
}

@media (min-width: 480px) {
	.b-logoblock {
		margin: 10vh auto 0 auto;
		width: 70%;
	}
}

@media (min-width: 768px) {
	.b-logoblock {
		margin: 10vh auto 0 auto;
		width: 85%;
	}
}

@media (min-width: 992px) {
	.b-logoblock {
		margin: 32vh auto 0 auto;
		width: 90%;
	}
}

@media (min-width: 1200px) {
	.b-logoblock {
		margin: 33vh auto 0 auto;
		width: 80%;
	}
}

@media (min-width: 1600px) {
	.b-logoblock {
		margin: 35vh auto 0 auto;
		width: 80%;
	}
}


/*--HOME BANNERS-----------------------------*/


/*----Home Banner - Comprehensive Facts and Figures 2023 - 6 Aug 2024---*/
.banner-hm-cff-2023 {background:#6babe5; background-size:cover; text-align:left;}
@media (min-width: 480px) {.banner-hm-cff-2023 {background-position: left 0px;}}
@media (min-width: 768px) {.banner-hm-cff-2023 {background-position: left 0px;}}
@media (min-width: 992px) {.banner-hm-cff-2023 {background-position: left 0px;}}
@media (min-width: 1200px) {.banner-hm-cff-2023 {background-position: left 35px;}}
@media (min-width: 1600px) {.banner-hm-cff-2023 {background-position: left 35px;}}

.banner-hm-cff-2023 .b-wrapper {height:100%; padding:40px 1% 50px 1%; clear: both; margin-right:-12px; margin-left:-12px;}
@media (min-width: 480px) {.banner-hm-cff-2023 .b-wrapper {padding: 40px 2% 50px 2%;}}
@media (min-width: 768px) {.banner-hm-cff-2023 .b-wrapper {padding: 5vh 2% 50px 2%;}}
@media (min-width: 992px) {.banner-hm-cff-2023 .b-wrapper {padding: 5vh 2% 50px 2%;}}
@media (min-width: 1200px) {.banner-hm-cff-2023 .b-wrapper {padding: 8vh 2% 50px 2%;}}
@media (min-width: 1600px) {.banner-hm-cff-2023 .b-wrapper {padding: 9vh 3% 50px 3%;}}
@media (min-width: 1920px) {.banner-hm-cff-2023 .b-wrapper {padding: 12vh 6% 50px 6%;}}

.banner-hm-cff-2023 .b-contentblock {margin-top:10px; margin-bottom:20px; box-shadow:2px 2px 15px rgba(0, 0, 0, 0.5);}
@media (min-width: 768px) {.banner-hm-cff-2023 .b-contentblock {margin-top:20px;}}
@media (min-width: 992px) {.banner-hm-cff-2023 .b-contentblock {margin-top: 0px;}}
@media (min-width: 1200px) {.banner-hm-cff-2023 .b-contentblock {margin-top:20px; min-height: 370px;}}
@media (min-width: 1600px) {.banner-hm-cff-2023 .b-contentblock {margin-top:40px; min-height: 370px;}}

.banner-hm-cff-2023 .header {}

.banner-hm-cff-2023 h1 {font-weight: 800; margin-bottom: 0.3em; color:#0054a6;}
.banner-hm-cff-2023 h2 {color:#0054a6;}

.banner-hm-cff-2023 h3 {margin-bottom: 0em; font-size:1.8em; }
@media (min-width: 768px) { .banner-hm-cff-2023 h3 {font-size:1.5em;} }
@media (min-width: 992px) { .banner-hm-cff-2023 h3 {font-size:1.6em;} }
@media (min-width: 1200px) { .banner-hm-cff-2023 h3 {font-size:1.7em;} }
@media (min-width: 1600px) { .banner-hm-cff-2023 h3 {font-size:1.8em;} }

.banner-hm-cff-2023 h3 span {color:#97d700;}
.banner-hm-cff-2023 h4 {font-size: 1.3em; line-height: 1.3em; margin-bottom: 0em;}
.banner-hm-cff-2023 h5 {font-size:0.9em; display:block; vertical-align:top; color: #000;  margin:15px 10px 10px 10px; text-align:left;}
.banner-hm-cff-2023 p {font-size:0.9em;}

.banner-hm-cff-2023 p.lead {color:#000; font-size:1.0em;}
@media (min-width: 768px) { .banner-hm-cff-2023 p.lead {font-size:0.8em;} }
@media (min-width: 992px) { .banner-hm-cff-2023 p.lead {font-size:0.85em;} }
@media (min-width: 1200px) { .banner-hm-cff-2023 p.lead {font-size:0.9em;} }
@media (min-width: 1600px) { .banner-hm-cff-2023 p.lead {font-size:1.0em;} }

.banner-hm-cff-2023 p.descriptor {margin-bottom: 0.3em !important;}

.banner-hm-cff-2023 img.icon-hdr {width:100%; max-width: 350px; margin-top: 0; margin-bottom: 20px;}
@media (min-width: 768px) {.banner-hm-cff-2023 img.icon-hdr {margin-top: 0;}}
@media (min-width: 992px) {.banner-hm-cff-2023 img.icon-hdr {margin-top: 0px;}}
@media (min-width: 1200px) {.banner-hm-cff-2023 img.icon-hdr {margin-top: 20px;	}}
@media (min-width: 1600px) {.banner-hm-cff-2023 img.icon-hdr {margin-top: 40px;}}

.banner-hm-cff-2023 .icon-stats {text-align: center;padding-right: 10px;padding-left: 10px;}
.banner-hm-cff-2023 .icon-stats img {margin: 0 auto 10px auto;padding: 0;width: 100%;max-width: 160px;}

.banner-hm-cff-2023 img.icon-ff2023 {width: 100%; max-width: 150px; margin: 0 0 15px 0; padding: 0;}

.banner-hm-cff-2023 a.booklet {display: block;text-align: center; color: #666; font-size:0.75em; line-height:1.2em;text-decoration: none;}

.banner-hm-cff-2023 a.booklet img.icon-ff2023 {width:100%; max-width:280px; margin:0 auto 8px auto; padding: 0; border:1px solid #000;}

.banner-hm-cff-2023 .miningsector {display: block; padding: 20px 15px; text-align: center; background:#6babe5; border: 0px;}

.banner-hm-cff-2023 .miningsector h3 {text-align: center; color: #fff;text-transform: none; margin-bottom: 0.5em;}

.banner-hm-cff-2023 .btn-default {background:#2cd5c4; font-size:0.9em; padding:8px 10px 9px 10px; margin:5px 0 0px 0 !important;}
@media (min-width: 768px) { .banner-hm-cff-2023 .btn-default {font-size:0.5em;} }
@media (min-width: 992px) { .banner-hm-cff-2023 .btn-default {font-size:0.7em;} }
@media (min-width: 1200px) { .banner-hm-cff-2023 .btn-default {font-size:0.8em;} }
@media (min-width: 1600px) { .banner-hm-cff-2023 .btn-default {font-size:0.9em;} }

.banner-hm-cff-2023 .btn-default:hover {background:#0054a6;}
.banner-hm-cff-2023 .btnblock {display:inline-block; margin:0 10px 10px 0 !important;}
.banner-hm-cff-2023 .btnblock:nth-child(1) {margin-top:10px;}



/*----Home Banner -Tax Mineral Export--*/
.banner-hm-tax-mineral-export {background: url(../../../images/banners/banner-hm-tax-mineral-export.jpg) left top no-repeat;}
DJI_0246.jpg

.banner-hm-tax-mineral-export .b-wrapper {height: 100%;padding: 40px 2% 50px 2%;clear: both;}
@media (min-width: 480px) {.banner-hm-tax-mineral-export .b-wrapper {padding: 40px 3% 30px 3%;}}
@media (min-width: 768px) {.banner-hm-tax-mineral-export .b-wrapper {padding: 3vh 5% 30px 5%;}}
@media (min-width: 992px) {.banner-hm-tax-mineral-export .b-wrapper {padding: 4vh 8% 30px 8%;}}
@media (min-width: 1200px) {.banner-hm-tax-mineral-export .b-wrapper {padding: 6vh 10% 30px 10%;}}
@media (min-width: 1600px) {.banner-hm-tax-mineral-export .b-wrapper {padding: 10vh 15% 30px 15%;}}
@media (min-width: 1920px) {.banner-hm-tax-mineral-export .b-wrapper {padding: 20vh 18% 50px 18%;}}

.banner-hm-tax-mineral-export h1 {color:#fcb61a !important; margin-bottom:0.4em;}

.banner-hm-tax-mineral-export h5 {margin-bottom:0.35em;}

.banner-hm-tax-mineral-export p {font-size:0.85em; margin-bottom: 0.5em; line-height: 1.4em;}

.banner-hm-tax-mineral-export .thumbicon p {text-align: center;}

.banner-hm-tax-mineral-export img.mshot {width:100%; max-width:500px;}

/*----Home Banner - GBVF 2024--*/
/*.banner-gbvf-2024 {background: url(../../../images/banners/cancer-awareness-hp-1920.jpg) center center no-repeat; background-size: auto 100%; text-align: left;}*/
.banner-gbvf-2024 {background: rgba(255,182,18,1)};
@media (min-width: 992px) {.banner-gbvf-2024 {background-position:center center; background-size: cover;}}

.banner-gbvf-2024 .b-contentblock {padding: 30px 20px 20px 20px; box-shadow: 2px 2px 22px rgba(0, 0, 0, 0.5);}

.banner-gbvf-2024 .b-wrapper {height: 100%;padding: 40px 2% 50px 2%;clear: both;}
@media (min-width: 480px) {.banner-gbvf-2024 .b-wrapper {padding: 40px 3% 50px 3%;}}
@media (min-width: 768px) {.banner-gbvf-2024 .b-wrapper {padding: 8vh 5% 50px 5%;}}
@media (min-width: 992px) {.banner-gbvf-2024 .b-wrapper {padding: 10vh 8% 50px 8%;}}
@media (min-width: 1200px) {.banner-gbvf-2024 .b-wrapper {padding: 15vh 10% 50px 10%;}}
@media (min-width: 1600px) {.banner-gbvf-2024 .b-wrapper {padding: 20vh 18% 50px 18%;}}
@media (min-width: 1920px) {.banner-gbvf-2024 .b-wrapper {padding: 20vh 18% 50px 18%;}}

.banner-gbvf-2024 .b-contentblock p.lead {font-size:1.2em; line-height:1.5em; margin-bottom:1.1em; color:#000; }

.banner-gbvf-2024 img.thumb {width:100%; max-width:400px; margin:0 auto 10px auto;}

.banner-gbvf-2024 .btn-default {margin:0 5px 10px 0 !important;}

/*----Home Banner -Mining Indaba 2025--*/
.banner-mi-2025 {background: url(../../../images/banners/Mining-Indaba-Back-1155.jpg) center center no-repeat; background-size: auto 100%; text-align: left;}
@media (min-width: 992px) {.banner-mi-2025 {background-position:center center; background-size: cover;}}

.banner-mi-2025 .b-contentblock {padding: 30px 20px 20px 20px; box-shadow: 2px 2px 22px rgba(0, 0, 0, 0.5);}

.banner-ca-2024 .b-wrapper {height: 100%;padding: 40px 2% 50px 2%;clear: both;}
@media (min-width: 480px) {.banner-mi-2025 .b-wrapper {padding: 40px 3% 50px 3%;}}
@media (min-width: 768px) {.banner-mi-2025 .b-wrapper {padding: 8vh 5% 50px 5%;}}
@media (min-width: 992px) {.banner-mi-2025 .b-wrapper {padding: 10vh 8% 50px 8%;}}
@media (min-width: 1200px) {.banner-mi-2025 .b-wrapper {padding: 15vh 10% 50px 10%;}}
@media (min-width: 1600px) {.banner-mi-2025 .b-wrapper {padding: 20vh 18% 50px 18%;}}
@media (min-width: 1920px) {.banner-mi-2025 .b-wrapper {padding: 20vh 18% 50px 18%;}}

.banner-mi-2025 .b-contentblock p.lead {font-size:1.2em; line-height:1.5em; margin-bottom:1.1em; color:#000; }

.banner-mi-2025 img.thumb {width:100%; max-width:400px; margin:0 auto 10px auto;}

.banner-mi-2025 .btn-default {margin:0 5px 10px 0 !important;}

/*----Home Banner - Cancer Awareness 2024--*/
.banner-ca-2024 {background: url(../../../images/banners/cancer-awareness-hp-1920.jpg) center center no-repeat; background-size: auto 100%; text-align: left;}
@media (min-width: 992px) {.banner-ca-2024 {background-position:center center; background-size: cover;}}

.banner-ca-2024 .b-contentblock {padding: 30px 20px 20px 20px; box-shadow: 2px 2px 22px rgba(0, 0, 0, 0.5);}

.banner-ca-2024 .b-wrapper {height: 100%;padding: 40px 2% 50px 2%;clear: both;}
@media (min-width: 480px) {.banner-ca-2024 .b-wrapper {padding: 40px 3% 50px 3%;}}
@media (min-width: 768px) {.banner-ca-2024 .b-wrapper {padding: 8vh 5% 50px 5%;}}
@media (min-width: 992px) {.banner-ca-2024 .b-wrapper {padding: 10vh 8% 50px 8%;}}
@media (min-width: 1200px) {.banner-ca-2024 .b-wrapper {padding: 15vh 10% 50px 10%;}}
@media (min-width: 1600px) {.banner-ca-2024 .b-wrapper {padding: 20vh 18% 50px 18%;}}
@media (min-width: 1920px) {.banner-ca-2024 .b-wrapper {padding: 20vh 18% 50px 18%;}}

.banner-ca-2024 .b-contentblock p.lead {font-size:1.2em; line-height:1.5em; margin-bottom:1.1em; color:#000; }

.banner-ca-2024 img.thumb {width:100%; max-width:400px; margin:0 auto 10px auto;}

.banner-ca-2024 .btn-default {margin:0 5px 10px 0 !important;}

/*----Home Banner - IAR 2023--*/
.banner-hm-iar2023 {background: url(../../../images/banners/banner-hm-iar2023.jpg) center center no-repeat; background-size: auto 100%; text-align: left;}
@media (min-width: 992px) {.banner-hm-iar2023 {background-position:center center; background-size: cover;}}

.banner-hm-iar2023 .b-contentblock {padding: 30px 20px 20px 20px; box-shadow: 2px 2px 22px rgba(0, 0, 0, 0.5);}

.banner-hm-iar2023 .b-wrapper {height: 100%;padding: 40px 2% 50px 2%;clear: both;}
@media (min-width: 480px) {.banner-hm-iar2023 .b-wrapper {padding: 40px 3% 50px 3%;}}
@media (min-width: 768px) {.banner-hm-iar2023 .b-wrapper {padding: 8vh 5% 50px 5%;}}
@media (min-width: 992px) {.banner-hm-iar2023 .b-wrapper {padding: 10vh 8% 50px 8%;}}
@media (min-width: 1200px) {.banner-hm-iar2023 .b-wrapper {padding: 15vh 10% 50px 10%;}}
@media (min-width: 1600px) {.banner-hm-iar2023 .b-wrapper {padding: 20vh 18% 50px 18%;}}
@media (min-width: 1920px) {.banner-hm-iar2023 .b-wrapper {padding: 20vh 18% 50px 18%;}}

.banner-hm-iar2023 .b-contentblock p.lead {font-size:1.2em; line-height:1.5em; margin-bottom:1.1em; color:#000; }

.banner-hm-iar2023 img.thumb {width:100%; max-width:400px; margin:0 auto 10px auto;}

.banner-hm-iar2023 .btn-default {margin:0 5px 10px 0 !important;}


/*-- Home banner:  FOGAP day of learning 5 April 2024 --*/
.banner-hm-fogap-day-of-learning-2024 {background:#6babe5 url(../../../images/banners/banner-hm-fogap-boxer.svg) left 50px no-repeat; background-size:auto 100%;}

.banner-hm-fogap-day-of-learning-2024 .b-contentblock {padding:25px 15px 25px 15px;}

.banner-hm-fogap-day-of-learning-2024 h1 {margin-bottom:0.2em; color:#0054a6; }

.banner-hm-fogap-day-of-learning-2024 h2 {margin-bottom: 0.2em; color:#0054a6; font-size: 2.1em;}
@media (min-width: 768px) {.banner-hm-fogap-day-of-learning-2024 h2 {font-size: 2.4em;}}
@media (min-width: 992px) {.banner-hm-fogap-day-of-learning-2024 h2 {font-size: 2.4em;}}
@media (min-width: 1200px) {.banner-hm-fogap-day-of-learning-2024 h2 {font-size: 2.1em;}}
@media (min-width: 1600px) {.banner-hm-fogap-day-of-learning-2024 h2 {font-size: 2.5em;}}

.banner-hm-fogap-day-of-learning-2024 .btn-default {margin: 0 0 0.5em 0 !important;}

.banner-hm-fogap-day-of-learning-2024 figure.thumb {display: block; margin: 5px 0;}
.banner-hm-fogap-day-of-learning-2024 p {font-size:1em;}
.banner-hm-fogap-day-of-learning-2024 p.lead {margin-bottom:0.5em; font-size:1.2em; line-height:1.4em; margin-bottom:0.5em; color:#000;}

.banner-hm-fogap-day-of-learning-2024 {padding: 5vh 1% 10px 1%;}
@media (min-width: 768px) {.banner-hm-fogap-day-of-learning-2024 .b-wrapper {padding:8vh 1% 10px 1%;}}
@media (min-width: 992px) {.banner-hm-fogap-day-of-learning-2024 .b-wrapper {padding:6vh 2% 0px 2%;}}
@media (min-width: 1200px) {.banner-hm-fogap-day-of-learning-2024 .b-wrapper {padding:8vh 3% 0px 3%;}}
@media (min-width: 1600px) {.banner-hm-fogap-day-of-learning-2024 .b-wrapper {padding:15vh 5% 10px 5%;}}

.logorow {display: block}

img.header-fogap2024 {width: 100%; max-width: 480px; margin-bottom: 1em;}

img.logos-fogap {display: inline-block; vertical-align: top; width:100%; max-width:500px; margin-bottom:15px;}

a.idwim-hashtag {display: inline-block;margin: 0 10px 0.1em 0;font-size: 1em;color: #e08227 !important;line-height: 1.2em;font-weight: 600;}



/*----Home Banner - WIM Newsletter Q1 2024---*/
.banner-hm-wim-newsletter-q1-2024 {background: url(../../../images/banners/banner-hm-wim-newsletter-q1-2024.jpg) center top no-repeat;background-size: auto 100%;}
@media (min-width: 992px) {.banner-hm-wim-newsletter-q1-2024 {background-size: cover;}}

.banner-hm-wim-newsletter-q1-2024 .b-contentblock {padding: 25px 20px 20px 20px;}

.banner-hm-wim-newsletter-q1-2024 h1 {color: #007749; margin-bottom: 0.2em;}
.banner-hm-wim-newsletter-q1-2024 h4 {margin-bottom: 0.2em;}
.banner-hm-wim-newsletter-q1-2024 p {}
.banner-hm-wim-newsletter-q1-2024 p.lead {}

.banner-hm-wim-newsletter-q1-2024 sup {text-transform: lowercase}

.banner-hm-wim-newsletter-q1-2024 .b-wrapper {height: 100%;min-height: 300px;text-align: left;padding: 40px 2% 50px 2%;clear: both;}
@media (min-width: 480px) {.banner-hm-wim-newsletter-q1-2024 .b-wrapper {padding: 40px 3% 50px 3%;min-height: 748px;}}
@media (min-width: 768px) {.banner-hm-wim-newsletter-q1-2024 .b-wrapper {padding: 40px 3% 50px 3%;min-height: 748px;}}
@media (min-width: 992px) {.banner-hm-wim-newsletter-q1-2024 .b-wrapper {padding: 5vh 3% 50px 3%;min-height: 748px;}}
@media (min-width: 1200px) {.banner-hm-wim-newsletter-q1-2024 .b-wrapper {padding: 13vh 4% 50px 4%;min-height: 748px;}}
@media (min-width: 1600px) {.banner-hm-wim-newsletter-q1-2024 .b-wrapper {padding: 17vh 8% 50px 6%;min-height: 748px;}}

.banner-hm-wim-newsletter-q1-2024 img.fscover {width: 100%;max-width: 250px; margin: 0 auto; padding: 0 0 0px 0; border:1px solid #999; box-shadow:2px 2px 10px rgba(0, 0, 0, 0.2);}

.banner-hm-wim-newsletter-q1-2024 a.btn-default {font-size: 0.9em;padding: 8px 12px 8px 12px;}



/*----International Womens Day 2024---*/
.banner-hm-intl-womens-day-2024 {background: url(../../../images/banners/banner-hm-intl-womens-day-2024.jpg) left bottom no-repeat; background-size: cover; text-align: left;}
@media (min-width: 480px) {.banner-hm-intl-womens-day-2024 {background-position: left bottom;}}
@media (min-width: 768px) {.banner-hm-intl-womens-day-2024 {background-position: left bottom;}}
@media (min-width: 992px) {.banner-hm-intl-womens-day-2024 {background-position: left bottom;}}
@media (min-width: 1200px) {.banner-hm-intl-womens-day-2024 {background-position: left bottom;}}
@media (min-width: 1600px) {.banner-hm-intl-womens-day-2024 {background-position: left bottom;}}

.banner-hm-intl-womens-day-2024 .b-wrapper {height: 100%; padding:40px 2% 50px 2%;clear: both;}
@media (min-width: 480px) {.banner-hm-intl-womens-day-2024 .b-wrapper {padding:40px 3% 50px 3%;}}
@media (min-width: 768px) {.banner-hm-intl-womens-day-2024 .b-wrapper {padding:8vh 5% 50px 5%;}}
@media (min-width: 992px) {.banner-hm-intl-womens-day-2024 .b-wrapper {padding:10vh 8% 50px 20%;}}
@media (min-width: 1200px) {.banner-hm-intl-womens-day-2024 .b-wrapper {padding:15vh 8% 50px 27%;}}
@media (min-width: 1600px) {.banner-hm-intl-womens-day-2024 .b-wrapper {padding:20vh 15% 50px 30%;}}
@media (min-width: 1920px) {.banner-hm-intl-womens-day-2024 .b-wrapper {padding:23vh 18% 50px 33%;}}

.banner-hm-intl-womens-day-2024 h2 {font-weight: 800;text-transform: none;font-size: 2.0em;margin-bottom: 0.2em}
@media (min-width: 480px) {.banner-hm-intl-womens-day-2024 h2 {font-size: 2.0em;}}
@media (min-width: 768px) {.banner-hm-intl-womens-day-2024 h2 {font-size: 1.8em;}}
@media (min-width: 992px) {.banner-hm-intl-womens-day-2024 h2 {font-size: 1.8em;}}
@media (min-width: 1200px) {.banner-hm-intl-womens-day-2024 h2 {font-size: 1.8em;}}
@media (min-width: 1600px) {.banner-hm-intl-womens-day-2024 h2 {font-size: 2.9em;}}

.banner-hm-intl-womens-day-2024 h4 {margin-bottom: 0.3em;font-size: 1.6em;line-height: 1.1em;font-weight: 500;letter-spacing: 3px;}
.banner-hm-intl-womens-day-2024 h5 {font-size:1em; margin-bottom:0.5em; color:#666; }
.banner-hm-intl-womens-day-2024 p {font-size:0.9em; color:#000; margin-bottom:0.7em;}
.banner-hm-intl-womens-day-2024 p strong {color:#000;}
.banner-hm-intl-womens-day-2024 p.lead {color:#000; margin-bottom:0.5em; font-size:1.0em; font-weight:600;}
.banner-hm-intl-womens-day-2024 p.lead strong {color:#ee2b37; font-weight:700;}
.banner-hm-intl-womens-day-2024 p.descriptor {color: #999; margin-bottom:0.5em; font-size:0.78em; font-style: italic;}

.banner-hm-intl-womens-day-2024 a.thumbicon {text-decoration:none;}
.banner-hm-intl-womens-day-2024 a.thumbicon img {border:1px solid #999; margin-bottom:10px; width:100%; max-width:100%; }
.banner-hm-intl-womens-day-2024 a.thumbicon p.descriptor {margin:0 auto; font-style:normal; font-size:0.7em; color:#555;}
.banner-hm-intl-womens-day-2024 a.thumbicon:hover p {color:#000;}


/*----Home Banner - Mining Matters Campaign--*/
.banner-hm-mining-matters-campaign {background: url(../../../images/banners/banner-hm-mining-matters-campaign.jpg) center center no-repeat; background-size: auto 100%; text-align: left;}
@media (min-width: 992px) {.banner-hm-mining-matters-campaign {background-position:center center; background-size: cover;}}

.banner-hm-mining-matters-campaign .b-contentblock {padding: 30px 20px 20px 20px; box-shadow: 2px 2px 22px rgba(0, 0, 0, 0.5);}

.banner-hm-mining-matters-campaign .b-wrapper {height: 100%;padding: 40px 2% 50px 2%;clear: both;}
@media (min-width: 480px) {.banner-hm-mining-matters-campaign .b-wrapper {padding: 40px 3% 50px 3%;}}
@media (min-width: 768px) {.banner-hm-mining-matters-campaign .b-wrapper {padding: 8vh 5% 50px 5%;}}
@media (min-width: 992px) {.banner-hm-mining-matters-campaign .b-wrapper {padding: 10vh 8% 50px 8%;}}
@media (min-width: 1200px) {.banner-hm-mining-matters-campaign .b-wrapper {padding: 15vh 10% 50px 10%;}}
@media (min-width: 1600px) {.banner-hm-mining-matters-campaign .b-wrapper {padding: 20vh 18% 50px 18%;}}
@media (min-width: 1920px) {.banner-hm-mining-matters-campaign .b-wrapper {padding: 23vh 22% 50px 22%;}}

.banner-hm-mining-matters-campaign h1 {margin-bottom:0.2em; line-height: 1.0em;}
.banner-hm-mining-matters-campaign h2 {margin-bottom:0.2em; line-height: 1.0em;}
.banner-hm-mining-matters-campaign h3 {margin-bottom:0.2em; text-transform: none !important;}
.banner-hm-mining-matters-campaign h4 {margin-bottom:0.5em; }
.banner-hm-mining-matters-campaign h5 {margin-bottom:0.5em; color:#000;}
.banner-hm-mining-matters-campaign p {font-size:0.9em; color:#000; margin-bottom:0.7em;}
.banner-hm-mining-matters-campaign p strong {color:#000;}
.banner-hm-mining-matters-campaign p.lead {color:#000; margin-bottom:0.5em; font-size:1.1em;}
.banner-hm-mining-matters-campaign p.descriptor {color: #999; margin-bottom:0.5em; font-size:0.78em; font-style: italic;}

.banner-hm-mining-matters-campaign ul {margin-bottom: 1em;}
.banner-hm-mining-matters-campaign li {font-size:1.0em; color:#000; margin:0 0 0.2em 0;}
.banner-hm-mining-matters-campaign li strong {color:#000;}
.banner-hm-mining-matters-campaign li a {color:#000;}
.banner-hm-mining-matters-campaign li a:hover {color: #0054a6;}

.banner-hm-mining-matters-campaign a.thumbicon {text-decoration:none;}
.banner-hm-mining-matters-campaign a.thumbicon img {border:1px solid #999; margin-bottom:10px; width:100%; max-width:150px; }
.banner-hm-mining-matters-campaign a.thumbicon p.descriptor {margin:0 auto; font-style:normal; font-size:0.7em; color:#555;}
.banner-hm-mining-matters-campaign a.thumbicon:hover p {color:#000;}



/*----Home Banner - Economic Report---*/
.banner-hm-economic-report {background: url(../../../images/banners/banner-hm-economic-report.jpg) center center no-repeat; background-size: auto 100%; text-align: left;}
@media (min-width: 992px) {.banner-hm-economic-report {background-position:center center; background-size: cover;}}

.banner-hm-economic-report .b-contentblock {padding: 30px 20px 20px 20px; box-shadow: 2px 2px 22px rgba(0, 0, 0, 0.5);}

.banner-hm-economic-report .b-wrapper {height: 100%;padding: 40px 2% 50px 2%;clear: both;}
@media (min-width: 480px) {.banner-hm-economic-report .b-wrapper {padding: 40px 3% 50px 3%;}}
@media (min-width: 768px) {.banner-hm-economic-report .b-wrapper {padding: 8vh 5% 50px 5%;}}
@media (min-width: 992px) {.banner-hm-economic-report .b-wrapper {padding: 10vh 8% 50px 8%;}}
@media (min-width: 1200px) {.banner-hm-economic-report .b-wrapper {padding: 15vh 10% 50px 10%;}}
@media (min-width: 1600px) {.banner-hm-economic-report .b-wrapper {padding: 20vh 18% 50px 18%;}}
@media (min-width: 1920px) {.banner-hm-economic-report .b-wrapper {padding: 23vh 22% 50px 22%;}}

.banner-hm-economic-report h1 {margin-bottom:0.5em; color:#de7c00; line-height: 1.0em;}
.banner-hm-economic-report h2 {margin-bottom:0.5em; color:#de7c00; line-height: 1.0em;}
.banner-hm-economic-report h3 {margin-bottom:0.8em; text-transform: none !important;}
.banner-hm-economic-report h4 {margin-bottom:1em; }
.banner-hm-economic-report h5 {margin-bottom:1em; color: #000;}
.banner-hm-economic-report p {color:#000; margin-bottom:1em;}
.banner-hm-economic-report p strong {color:#000;}
.banner-hm-economic-report p.lead {color:#000; margin-bottom:0.75em; font-size: 1.1em;}
.banner-hm-economic-report p.descriptor {color: #999;margin-bottom: 1em;font-size: 0.78em;font-style: italic;}

.banner-hm-economic-report .btn-default {border:none !important; background:#de7c00; margin-bottom:0.7em !important;}
.banner-hm-economic-report .btn-default:hover {border:none !important; background:#ffb612;}
.banner-hm-economic-report ul {margin-bottom: 1em;}
.banner-hm-economic-report li {font-size:1.0em; color:#000; margin:0 0 0.2em 0;}
.banner-hm-economic-report li strong {color:#000;}
.banner-hm-economic-report li a {color:#000;}
.banner-hm-economic-report li a:hover {color: #0054a6;}

.banner-hm-economic-report a.thumbicon img {border:1px solid #999; margin-bottom:10px; width:100%; max-width:150px; }
.banner-hm-economic-report a.thumbicon p.descriptor {margin:0 auto;}


/*----Home Banner - IOL Op Ed - 28 Feb 2024---*/
.banner-hm-bd-op-ed.oe20240228 {background: url(../../../images/banners/banner-hm-bd-op-ed-critical-thinking.jpg) right top no-repeat;background-size: auto 100%;text-align: left;}
@media (min-width: 992px) {.banner-hm-bd-op-ed.oe20240228 {background-position: right top;background-size: cover;}}

.banner-hm-bd-op-ed.oe20240228 .b-contentblock {padding:30px 20px 25px 20px;box-shadow: 2px 2px 18px rgba(0, 0, 0, 0.4);}

.banner-hm-bd-op-ed.oe20240228 .b-wrapper {height: 100%; padding: 40px 2% 50px 2%;clear: both;}
@media (min-width: 480px) {.banner-hm-bd-op-ed.oe20240228 .b-wrapper {padding: 40px 3% 50px 3%;}}
@media (min-width: 768px) {.banner-hm-bd-op-ed.oe20240228 .b-wrapper {padding: 8vh 5% 50px 5%;}}
@media (min-width: 992px) {.banner-hm-bd-op-ed.oe20240228 .b-wrapper {padding: 10vh 8% 50px 8%;}}
@media (min-width: 1200px) {.banner-hm-bd-op-ed.oe20240228 .b-wrapper {padding: 15vh 14% 50px 14%;}}
@media (min-width: 1600px) {.banner-hm-bd-op-ed.oe20240228 .b-wrapper {padding: 20vh 18% 50px 18%;}}
@media (min-width: 1920px) {.banner-hm-bd-op-ed.oe20240228 .b-wrapper {padding: 23vh 20% 50px 20%;}}

.banner-hm-bd-op-ed.oe20240228 h1 {margin-bottom:0.25em;}
.banner-hm-bd-op-ed.oe20240228 h3 {margin-bottom:0.5em;}
.banner-hm-bd-op-ed.oe20240228 p {color:#000; margin-bottom:0.7em;}
.banner-hm-bd-op-ed.oe20240228 p.descriptor { margin-bottom:0.7em;}
.banner-hm-bd-op-ed.oe20240228 img.mshot {margin-bottom: -20px;}


/*----Home Banner - Business Day Op Ed - GENERIC---*/
.banner-hm-bd-op-ed {background: url(../../../images/banners/banner-hm-bd-op-ed-critical-thinking.jpg) right top no-repeat;background-size: auto 100%;text-align: left;}
@media (min-width: 992px) {.banner-hm-bd-op-ed {background-position: right top;background-size: cover;}}

.banner-hm-bd-op-ed.b-contentblock {padding: 30px 20px 20px 20px;box-shadow: 2px 2px 18px rgba(0, 0, 0, 0.4);}

.banner-hm-bd-op-ed .b-wrapper {height: 100%;padding: 40px 2% 50px 2%;clear: both;}
@media (min-width: 480px) {.banner-hm-bd-op-ed .b-wrapper {padding: 40px 3% 50px 3%;}}
@media (min-width: 768px) {.banner-hm-bd-op-ed .b-wrapper {padding: 8vh 5% 50px 5%;}}
@media (min-width: 992px) {.banner-hm-bd-op-ed .b-wrapper {padding: 10vh 8% 50px 8%;}}
@media (min-width: 1200px) {.banner-hm-bd-op-ed .b-wrapper {padding: 15vh 15% 50px 15%;}}
@media (min-width: 1600px) {.banner-hm-bd-op-ed .b-wrapper {padding: 20vh 20% 50px 20%;}}
@media (min-width: 1920px) {.banner-hm-bd-op-ed .b-wrapper {padding: 23vh 22% 50px 22%;}}

.banner-hm-bd-op-ed img.mshot {margin-bottom: -20px;}
.banner-hm-bd-op-ed h1 {margin-bottom: 0.3em;color: #ee2b37;/*--color:#;--*/line-height: 1.0em;}
.banner-hm-bd-op-ed h3 {margin-bottom: 0.8em;color: #000;text-transform: none !important;}
.banner-hm-bd-op-ed h4 {margin-bottom: 1em;color: #000;}
.banner-hm-bd-op-ed h5 {margin-bottom: 1em;color: #000;}
.banner-hm-bd-op-ed p {color: #555;}
.banner-hm-bd-op-ed p.lead {color: #555;margin-bottom: 0.4em;font-size: 1.0em;}
.banner-hm-bd-op-ed p.descriptor {color: #999;margin-bottom: 1em;font-size: 0.78em;font-style: italic;}

.banner-hm-bd-op-ed .btn-default {background: #ff7f32;border: none !important;}
.banner-hm-bd-op-ed .btn-default:hover {background: #a6192e;border: none !important;}
.banner-hm-bd-op-ed ul {margin-bottom: 1em;}
.banner-hm-bd-op-ed li {font-size: 1.1em;color: #000;margin: 0 0 0.5em 0;}
.banner-hm-bd-op-ed li strong {color: #000;}
.banner-hm-bd-op-ed li a {color: #000;}
.banner-hm-bd-op-ed li a:hover {color: #0054a6;}



/*----Home Banner - The role and opportunities of 4IR in the mining industry - Mzila Mthenjane---*/
.banner-hm-role-of-4ir-in-mining {background: url(../../../images/banners/banner-hm-role-of-4ir-in-mining.jpg) center top no-repeat; background-size: auto 100%; text-align: left;}
@media (min-width: 992px) {.banner-hm-role-of-4ir-in-mining {background-position: center top; background-size: cover;}}

.banner-hm-role-of-4ir-in-mining .b-contentblock {padding:20px 10px 20px 10px; box-shadow:2px 2px 22px rgba(0, 0, 0, 0.8);}
@media (min-width: 768px) { .banner-hm-role-of-4ir-in-mining .b-contentblock {padding:30px 20px 20px 20px;}}

.banner-hm-role-of-4ir-in-mining .b-contentblock .b-wrapper {height: 100%;padding: 40px 2% 50px 2%;clear: both;}
@media (min-width: 480px) {.banner-hm-role-of-4ir-in-mining .b-wrapper {padding: 40px 3% 50px 3%;}}
@media (min-width: 768px) {.banner-hm-role-of-4ir-in-mining .b-wrapper {padding: 8vh 5% 50px 5%;}}
@media (min-width: 992px) {.banner-hm-role-of-4ir-in-mining .b-wrapper {padding: 10vh 8% 50px 8%;}}
@media (min-width: 1200px) {.banner-hm-role-of-4ir-in-mining .b-wrapper {padding: 12vh 12% 50px 12%;}}
@media (min-width: 1600px) {.banner-hm-role-of-4ir-in-mining .b-wrapper {padding: 15vh 17% 50px 17%;}}
@media (min-width: 1920px) {.banner-hm-role-of-4ir-in-mining .b-wrapper {padding: 18vh 20% 50px 20%;}}

img.thumb {border:none; width:100%; max-width:570px;}


/*----Home Banner - Business Day Op Ed: Critical thinking about minerals 3 October---*/
.banner-hm-sona-2024 {background: url(../../../images/banners/banner-hm-sona-2024.jpg) right top no-repeat;background-size: auto 100%;text-align: left;}
@media (min-width: 992px) {.banner-hm-sona-2024 {background-position: right top;background-size: cover;}}

.banner-hm-sona-2024 .b-contentblock {padding: 30px 20px 20px 20px; box-shadow: 2px 2px 22px rgba(0, 0, 0, 0.5);}

.banner-hm-new-ceo .b-wrapper {height: 100%;padding: 40px 2% 50px 2%;clear: both;}
@media (min-width: 480px) {.banner-hm-sona-2024 .b-wrapper {padding: 40px 3% 50px 3%;}}
@media (min-width: 768px) {.banner-hm-sona-2024 .b-wrapper {padding: 8vh 5% 50px 5%;}}
@media (min-width: 992px) {.banner-hm-sona-2024 .b-wrapper {padding: 10vh 8% 50px 8%;}}
@media (min-width: 1200px) {.banner-hm-sona-2024 .b-wrapper {padding: 15vh 15% 50px 15%;}}
@media (min-width: 1600px) {.banner-hm-sona-2024 .b-wrapper {padding: 20vh 20% 50px 20%;}}
@media (min-width: 1920px) {.banner-hm-sona-2024 .b-wrapper {padding: 23vh 22% 50px 22%;}}

.banner-hm-sona-2024 img.mshot {margin-bottom: -20px;}
.banner-hm-sona-2024 h1 {margin-bottom: 0.3em; /*--color:#;--*/line-height: 1.0em;}
.banner-hm-sona-2024 h2 {margin-bottom: 0.3em; color:#a6192e; line-height: 1.0em;}
.banner-hm-sona-2024 h3 {margin-bottom: 0.8em; color: #000;text-transform: none !important;}
.banner-hm-sona-2024 h4 {margin-bottom: 1em; color: #000;}
.banner-hm-sona-2024 h5 {margin-bottom: 1em; color: #000;}
.banner-hm-sona-2024 p {color: #555;}
.banner-hm-sona-2024 p.lead {color:#000; margin-bottom: 0.4em; font-size: 1.1em;}
.banner-hm-sona-2024 p.descriptor {color: #999;margin-bottom: 1em;font-size: 0.78em;font-style: italic;}

.banner-hm-sona-2024 .btn-default {border: none !important;}
.banner-hm-sona-2024 .btn-default:hover {border: none !important;}
.banner-hm-sona-2024 ul {margin-bottom: 1em;}
.banner-hm-sona-2024 li {font-size: 1.1em;color: #000;margin: 0 0 0.5em 0;}
.banner-hm-sona-2024 li strong {color: #000;}
.banner-hm-sona-2024 li a {color: #000;}
.banner-hm-sona-2024 li a:hover {color: #0054a6;}


/*----Home Banner Facts and Figures Pocketbook 2023 - Feb 2024---*/
.banner-hm-ff-pocketbook-2023 {background:#e1585f url(../../../images/banners/banner-hm-ff-pocketbook-2023.jpg) left 0px no-repeat; background-size:cover; text-align:left;}
@media (min-width: 480px) {.banner-hm-ff-pocketbook-2023 {background-position: left 0px;}}
@media (min-width: 768px) {.banner-hm-ff-pocketbook-2023 {background-position: left 0px;}}
@media (min-width: 992px) {.banner-hm-ff-pocketbook-2023 {background-position: left 0px;}}
@media (min-width: 1200px) {.banner-hm-ff-pocketbook-2023 {background-position: left 35px;}}
@media (min-width: 1600px) {.banner-hm-ff-pocketbook-2023 {background-position: left 35px;}}

.banner-hm-ff-pocketbook-2023 .b-wrapper {height:100%; padding:40px 1% 50px 1%; clear: both; margin-right:-12px; margin-left:-12px;}
@media (min-width: 480px) {.banner-hm-ff-pocketbook-2023 .b-wrapper {padding: 40px 2% 50px 2%;}}
@media (min-width: 768px) {.banner-hm-ff-pocketbook-2023 .b-wrapper {padding: 5vh 2% 50px 2%;}}
@media (min-width: 992px) {.banner-hm-ff-pocketbook-2023 .b-wrapper {padding: 5vh 2% 50px 2%;}}
@media (min-width: 1200px) {.banner-hm-ff-pocketbook-2023 .b-wrapper {padding: 8vh 2% 50px 2%;}}
@media (min-width: 1600px) {.banner-hm-ff-pocketbook-2023 .b-wrapper {padding: 9vh 3% 50px 3%;}}
@media (min-width: 1920px) {.banner-hm-ff-pocketbook-2023 .b-wrapper {padding: 12vh 6% 50px 6%;}}

.banner-hm-ff-pocketbook-2023 .b-contentblock {margin-top:10px; margin-bottom:20px; box-shadow:2px 2px 15px rgba(0, 0, 0, 0.5);}
@media (min-width: 768px) {.banner-hm-ff-pocketbook-2023 .b-contentblock {margin-top:20px;}}
@media (min-width: 992px) {.banner-hm-ff-pocketbook-2023 .b-contentblock {margin-top: 0px;}}
@media (min-width: 1200px) {.banner-hm-ff-pocketbook-2023 .b-contentblock {margin-top:40px; min-height: 370px;}}
@media (min-width: 1600px) {.banner-hm-ff-pocketbook-2023 .b-contentblock {margin-top:50px; min-height: 370px;}}

.banner-hm-ff-pocketbook-2023 .header {}

.banner-hm-ff-pocketbook-2023 h1 {font-weight: 800; margin-bottom: 0.3em; color:#a6192e;}
.banner-hm-ff-pocketbook-2023 h2 {color:#a6192e;}

.banner-hm-ff-pocketbook-2023 h3 {margin-bottom: 0em; font-size:1.8em; }
@media (min-width: 768px) { .banner-hm-ff-pocketbook-2023 h3 {font-size:1.5em;} }
@media (min-width: 992px) { .banner-hm-ff-pocketbook-2023 h3 {font-size:1.6em;} }
@media (min-width: 1200px) { .banner-hm-ff-pocketbook-2023 h3 {font-size:1.7em;} }
@media (min-width: 1600px) { .banner-hm-ff-pocketbook-2023 h3 {font-size:1.8em;} }

.banner-hm-ff-pocketbook-2023 h3 span {color:#97d700;}
.banner-hm-ff-pocketbook-2023 h4 {font-size: 1.3em; line-height: 1.3em; margin-bottom: 0em;}
.banner-hm-ff-pocketbook-2023 h5 {font-size:0.9em; display:block; vertical-align:top; color: #000;  margin:15px 10px 10px 10px; text-align: center;}
.banner-hm-ff-pocketbook-2023 p {font-size:0.9em;}

.banner-hm-ff-pocketbook-2023 p.lead {color:#000; font-size:1.0em;}
@media (min-width: 768px) { .banner-hm-ff-pocketbook-2023 p.lead {font-size:0.8em;} }
@media (min-width: 992px) { .banner-hm-ff-pocketbook-2023 p.lead {font-size:0.9em;} }
@media (min-width: 1200px) { .banner-hm-ff-pocketbook-2023 p.lead {font-size:1.0em;} }
@media (min-width: 1200px) { .banner-hm-ff-pocketbook-2023 p.lead {font-size:1.1em;} }

.banner-hm-ff-pocketbook-2023 p.descriptor {margin-bottom: 0.3em !important;}

.banner-hm-ff-pocketbook-2023 img.icon-hdr {width:100%; max-width: 350px; margin-top: 35px; margin-bottom: 20px;}
@media (min-width: 768px) {.banner-hm-ff-pocketbook-2023 img.icon-hdr {margin-top: 35px;}}
@media (min-width: 992px) {.banner-hm-ff-pocketbook-2023 img.icon-hdr {margin-top: 40px;}}
@media (min-width: 1200px) {.banner-hm-ff-pocketbook-2023 img.icon-hdr {margin-top: 40px;	}}
@media (min-width: 1600px) {.banner-hm-ff-pocketbook-2023 img.icon-hdr {margin-top: 50px;}}

.banner-hm-ff-pocketbook-2023 img.cover-hdr {width:100%; max-width: 350px; margin-top: 35px; margin-bottom: 20px; border:0px solid #fff; box-shadow:2px 2px 15px rgba(0, 0, 0, 0.5);}
@media (min-width: 768px) {.banner-hm-ff-pocketbook-2023 img.cover-hdr {margin-top: 35px;}}
@media (min-width: 992px) {.banner-hm-ff-pocketbook-2023 img.cover-hdr {margin-top: 40px;}}
@media (min-width: 1200px) {.banner-hm-ff-pocketbook-2023 img.cover-hdr {margin-top: 40px;	}}
@media (min-width: 1600px) {.banner-hm-ff-pocketbook-2023 img.cover-hdr {margin-top: 50px;}}

.banner-hm-ff-pocketbook-2023 .icon-stats {text-align: center;padding-right: 10px;padding-left: 10px;}
.banner-hm-ff-pocketbook-2023 .icon-stats img {margin: 0 auto 10px auto;padding: 0;width: 100%;max-width: 160px;}

.banner-hm-ff-pocketbook-2023 img.icon-ff2023 {width: 100%; max-width: 150px; margin: 0 0 15px 0; padding: 0;}

.banner-hm-ff-pocketbook-2023 a.booklet {display: block;text-align: center; color: #666; font-size:0.75em; line-height:1.2em;text-decoration: none;}

.banner-hm-ff-pocketbook-2023 a.booklet img.icon-ff2023 {width:100%; max-width:280px; margin:0 auto 8px auto; padding: 0; border:1px solid #000;}

.banner-hm-ff-pocketbook-2023 .miningsector {display: block; padding: 20px 15px; text-align: center; background:#ff7f32; border: 0px;}

.banner-hm-ff-pocketbook-2023 .miningsector h3 {text-align: center; color: #fff;text-transform: none; margin-bottom: 0.5em;}

.banner-hm-ff-pocketbook-2023 .btn-default {background:#a6192e; font-size:0.9em; padding:8px 10px 9px 10px; margin:5px 0 0px 0 !important;}
@media (min-width: 768px) { .banner-hm-ff-pocketbook-2023 .btn-default {font-size:0.5em;} }
@media (min-width: 992px) { .banner-hm-ff-pocketbook-2023 .btn-default {font-size:0.7em;} }
@media (min-width: 1200px) { .banner-hm-ff-pocketbook-2023 .btn-default {font-size:0.8em;} }
@media (min-width: 1600px) { .banner-hm-ff-pocketbook-2023 .btn-default {font-size:0.9em;} }

.banner-hm-ff-pocketbook-2023 .btn-default:hover {background:#ff7f32;}
.banner-hm-ff-pocketbook-2023 .btnblock {display: block;}
.banner-hm-ff-pocketbook-2023 .btnblock:nth-child(1) {margin-top:10px;}



/*----Home Banner - African Mining Indaba DAY ---*/
.banner-hm-ami-2024-day {background:url(../../../images/banners/banner-hm-ami-invitation.jpg) left 0px no-repeat;background-size: cover;text-align: left;}

.banner-hm-ami-2024-day .b-contentblock {padding: 30px 20px 30px 20px; box-shadow: 2px 2px 18px rgba(0, 0, 0, 0.4);}

.banner-hm-ami-2024-day .b-wrapper {height:100%; padding: 40px 2% 50px 2%; clear: both;}
@media (min-width: 480px) {.banner-hm-ami-2024-day .b-wrapper {padding: 40px 3% 50px 3%;}}
@media (min-width: 768px) {.banner-hm-ami-2024-day .b-wrapper {padding: 8vh 5% 50px 5%;	}}
@media (min-width: 992px) {.banner-hm-ami-2024-day .b-wrapper {padding: 8vh 5% 50px 5%;}}
@media (min-width: 1200px) {.banner-hm-ami-2024-day .b-wrapper {padding: 10vh 5% 50px 5%;}}
@media (min-width: 1600px) {.banner-hm-ami-2024-day .b-wrapper {padding: 18vh 9% 50px 9%;}}
@media (min-width: 1920px) {.banner-hm-ami-2024-day .b-wrapper {padding: 20vh 12% 50px 12%;}}

.banner-hm-ami-2024-day img.logos {width:100%; max-width:400px; margin-bottom:10px;}
.banner-hm-ami-2024-day h1 {margin-bottom:0.2em; line-height: 1.0em; color:#007748; }

.banner-hm-ami-2024-day h1 {font-size: 2.8em; font-weight:700;}
@media (min-width: 480px) { .banner-hm-ami-2024-day h1 {font-size: 3.0em;}}
@media (min-width: 768px) { .banner-hm-ami-2024-day h1 {font-size: 3.2em;}}
@media (min-width: 992px) { .banner-hm-ami-2024-day h1 {font-size: 2.8em;}}
@media (min-width: 1200px) { .banner-hm-ami-2024-day h1 {font-size: 3.1em;}}
@media (min-width: 1600px) { .banner-hm-ami-2024-day h1 {font-size: 3.5em;}}

.banner-hm-ami-2024-day h3 {margin-bottom:0.3em; text-transform:none; color:#007748; line-height:1.15em;  }
@media (min-width: 480px) { .banner-hm-ami-2024-day h3 {font-size: 3.0em;}}
@media (min-width: 768px) { .banner-hm-ami-2024-day h3 {font-size: 1.7em;}}
@media (min-width: 992px) { .banner-hm-ami-2024-day h3 {font-size: 1.8em;}}
@media (min-width: 1200px) { .banner-hm-ami-2024-day h3 {font-size: 1.9em;}}
@media (min-width: 1600px) { .banner-hm-ami-2024-day h3 {font-size: 2.0em;}}

.banner-hm-ami-2024-day h4 {margin-bottom:0.5em; color:#000; font-size:1.6em; }
.banner-hm-ami-2024-day h5 {margin-bottom:0.6em; color:#000; font-size:1.2em; }
.banner-hm-ami-2024-day h6 {margin-bottom:0.5em; color:#000; font-size:0.95em; font-weight:700; }
.banner-hm-ami-2024-day ul {margin:0 0 15px 0;}
.banner-hm-ami-2024-day ul li {color:#000; font-weight:500; font-size:1.0em; line-height:1.3em !important; margin-bottom:0.4em;}
.banner-hm-ami-2024-day ul li strong {font-weight:600;}
.banner-hm-ami-2024-day p {margin-bottom:0.7em; }
.banner-hm-ami-2024-day p.lead {margin-bottom:0.3em; font-size: 1.05em; color:#000;}
.banner-hm-ami-2024-day p.descriptor {color:#333; margin-bottom:0.5em; font-size:0.9em; font-style: italic;}
.banner-hm-ami-2024-day hr {margin:0px 0 10px 0;}
.banner-hm-ami-2024-day .btn-default {border:none !important; background:#97d700; font-size:1em; font-weight:700; padding:8px 15px;}
.banner-hm-ami-2024-day .btn-default:hover {border:none !important;}




/*----Home Banner - Strategic goals and objectives Fact Sheet---*/
.banner-hm-strategic-goals-objectives {background:url(../../../images/banners/banner-hm-strategic-goals-objectives.jpg) right center no-repeat; background-size: cover; text-align: left;}

.banner-hm-strategic-goals-objectives .b-contentblock {padding:25px 20px 25px 20px; box-shadow:2px 2px 18px rgba(0, 0, 0, 0.5);}

.banner-hm-strategic-goals-objectives .b-wrapper {height: 100%;padding: 40px 2% 50px 2%;clear: both;}
@media (min-width: 480px) {.banner-hm-strategic-goals-objectives .b-wrapper {padding:40px 3% 50px 3%;}}
@media (min-width: 768px) {.banner-hm-strategic-goals-objectives .b-wrapper {padding:8vh 20% 50px 5%; }}
@media (min-width: 992px) {.banner-hm-strategic-goals-objectives .b-wrapper {padding:10vh 28% 50px 5%;}}
@media (min-width: 1200px) {.banner-hm-strategic-goals-objectives .b-wrapper {padding:15vh 28% 50px 5%;}}
@media (min-width: 1600px) {.banner-hm-strategic-goals-objectives .b-wrapper {padding:20vh 30% 50px 9%;}}
@media (min-width: 1920px) {.banner-hm-strategic-goals-objectives .b-wrapper {padding:20vh 30% 50px 10%;}}

.banner-hm-strategic-goals-objectives .b-contentblock h1 {font-size:2.8em; margin-bottom:0.2em; line-height:1.0em;}
@media (min-width: 480px) {.banner-hm-strategic-goals-objectives .b-contentblock h1 {font-size:3.0em;}}
@media (min-width: 768px) {.banner-hm-strategic-goals-objectives .b-contentblock h1 {font-size:2.5em;}}
@media (min-width: 992px) {.banner-hm-strategic-goals-objectives .b-contentblock h1 {font-size:2.5em;}}
@media (min-width: 1200px) {.banner-hm-strategic-goals-objectives .b-contentblock h1 {font-size:2.6em;}}
@media (min-width: 1600px) {.banner-hm-strategic-goals-objectives .b-contentblock h1 {font-size:3.5em;}}

.banner-hm-strategic-goals-objectives h2 {margin-bottom:0.2em; line-height:1.1em;  }
.banner-hm-strategic-goals-objectives h3 {margin-bottom:0.3em; text-transform:none;  }
.banner-hm-strategic-goals-objectives h5 {margin-top:0.6em; font-size:1.0em;}
.banner-hm-strategic-goals-objectives p {font-size:0.9em; margin-bottom:0.3em; color:#000; }
.banner-hm-strategic-goals-objectives p.lead {font-size:1em; font-weight:600; color:#000;}
.banner-hm-strategic-goals-objectives p strong {color:#0054a6}
.banner-hm-strategic-goals-objectives p.descriptor {color:#999; margin-bottom:0.4em; font-size: 0.78em; font-style: italic;}
.banner-hm-strategic-goals-objectives img.logos {width:100%; max-width:400px; margin-bottom:10px;}
.banner-hm-strategic-goals-objectives img.thumb-fs {width:100%; max-width:400px; margin:0 auto;}
.banner-hm-strategic-goals-objectives .btn-default {border:none !important; color:#fff !important; background:auto;}
.banner-hm-strategic-goals-objectives .btn-default:hover {border: none !important; color:#000 !important; background:auto;}
a.thumblink {display:block; text-align:center !important; text-decoration:none; }
a.thumblink span {display:block; text-align:center !important; line-height:1.3em; font-size:0.9em;  color:#999; margin:10px auto 0 auto; text-decoration:none;}
a.thumblink:hover img {border:1px solid #000;}
a.thumblink:hover span {color:#000;}

/*----Home Banner - Stay Focused---*/
.banner-hm-stay-focused {background:#ffb612; text-align: left;}

.banner-hm-stay-focused .b-contentblock {padding: 30px 20px 30px 20px;box-shadow: 2px 2px 18px rgba(0, 0, 0, 0.4);}

.banner-hm-stay-focused .b-wrapper {height: 100%;padding: 40px 2% 50px 2%;clear: both;}
@media (min-width: 480px) {.banner-hm-stay-focused .b-wrapper {padding: 40px 3% 50px 3%;}}
@media (min-width: 768px) {.banner-hm-stay-focused .b-wrapper {padding: 8vh 5% 50px 5%;	}}
@media (min-width: 992px) {.banner-hm-stay-focused .b-wrapper {padding: 10vh 5% 50px 5%;}}
@media (min-width: 1200px) {.banner-hm-stay-focused .b-wrapper {padding: 15vh 12% 50px 12%;}}
@media (min-width: 1600px) {.banner-hm-stay-focused .b-wrapper {padding: 20vh 15% 50px 15%;}}
@media (min-width: 1920px) {.banner-hm-stay-focused .b-wrapper {padding: 20vh 18% 50px 18%;}}

.banner-hm-stay-focused img.logos {width:100%; max-width:400px; margin-bottom:10px;}
.banner-hm-stay-focused img.thumb-poster {width:100%; max-width:250px; margin:0 auto;}
.banner-hm-stay-focused h1 {margin-bottom:0.2em; line-height: 1.0em; color:inherit; color:#de7c00; }
.banner-hm-stay-focused h3 {margin-bottom:0.3em; text-transform:none; color:inherit; }
.banner-hm-stay-focused h5 {margin-bottom:1em; }

.banner-hm-stay-focused p {font-size:0.9em; margin-bottom:1em; color:#000; }
.banner-hm-stay-focused p.lead {margin-bottom:0.6em; font-size:1em; font-weight:bold;}
.banner-hm-stay-focused p strong {color:#de7c00;}
.banner-hm-stay-focused p.descriptor {color:#999; margin-bottom:0.4em; font-size: 0.78em;font-style: italic;}
.banner-hm-stay-focused .btn-default {border:none !important; color:#fff !important; background:#de7c00;}
.banner-hm-stay-focused .btn-default:hover {border: none !important; color:#000 !important; background:#ffb612;}



/*----Home Banner - African Mining Indaba Invitation---*/
.banner-hm-ami-invitation {background:url(../../../images/banners/banner-hm-ami-invitation.jpg) left 0px no-repeat;background-size: cover;text-align: left;}

.banner-hm-ami-invitation .b-contentblock {padding: 30px 20px 30px 20px; box-shadow: 2px 2px 18px rgba(0, 0, 0, 0.4);}

.banner-hm-ami-invitation .b-wrapper {height:100%; padding: 40px 2% 50px 2%; clear: both;}
@media (min-width: 480px) {.banner-hm-ami-invitation .b-wrapper {padding: 40px 3% 50px 3%;}}
@media (min-width: 768px) {.banner-hm-ami-invitation .b-wrapper {padding: 8vh 5% 50px 5%;	}}
@media (min-width: 992px) {.banner-hm-ami-invitation .b-wrapper {padding: 10vh 5% 50px 5%;}}
@media (min-width: 1200px) {.banner-hm-ami-invitation .b-wrapper {padding: 15vh 12% 50px 12%;}}
@media (min-width: 1600px) {.banner-hm-ami-invitation .b-wrapper {padding: 18vh 16% 50px 16%;}}
@media (min-width: 1920px) {.banner-hm-ami-invitation .b-wrapper {padding: 20vh 18% 50px 18%;}}

.banner-hm-ami-invitation img.logos {width:100%; max-width:400px; margin-bottom:10px;}
.banner-hm-ami-invitation h1 {margin-bottom:0.2em; line-height: 1.0em; color:#007748; }

.banner-hm-ami-invitation h1 {font-size: 2.8em; font-weight:700;}
@media (min-width: 480px) { .banner-hm-ami-invitation h1 {font-size: 3.0em;}}
@media (min-width: 768px) { .banner-hm-ami-invitation h1 {font-size: 3.2em;}}
@media (min-width: 992px) { .banner-hm-ami-invitation h1 {font-size: 2.8em;}}
@media (min-width: 1200px) { .banner-hm-ami-invitation h1 {font-size: 3.1em;}}
@media (min-width: 1600px) { .banner-hm-ami-invitation h1 {font-size: 3.5em;}}

.banner-hm-ami-invitation h3 {margin-bottom:0.3em; text-transform:none;  }
.banner-hm-ami-invitation h4 {margin-bottom:0.5em; color:#000; font-size:1.6em; }
.banner-hm-ami-invitation h5 {margin-bottom:1em; color:#000; }
.banner-hm-ami-invitation ul {margin:0 0 25px 0;}
.banner-hm-ami-invitation ul li {color:#000; font-weight:500; font-size:1.15em;}

.banner-hm-ami-invitation p {margin-bottom:0.7em; }
.banner-hm-ami-invitation p.lead {margin-bottom:0.3em; font-size: 1.05em; color:#000;}
.banner-hm-ami-invitation p.descriptor {color:#999; margin-bottom:0.5em; font-size: 0.78em; font-style: italic;}
.banner-hm-ami-invitation .btn-default {border:none !important; background:#97d700; font-size:1.1em; font-weight:700; padding:10px 18px;}
.banner-hm-ami-invitation .btn-default:hover {border:none !important;}



/*----Home Banner - 16 Days of Activism GBVF---*/
.banner-hm-16days-of-activism-gbvf {background:#a6192e; text-align: left;}

.banner-hm-16days-of-activism-gbvf .b-contentblock {padding: 30px 20px 30px 20px;box-shadow: 2px 2px 18px rgba(0, 0, 0, 0.4);}

.banner-hm-16days-of-activism-gbvf .b-wrapper {height: 100%;padding: 40px 2% 50px 2%;clear: both;}
@media (min-width: 480px) {.banner-hm-16days-of-activism-gbvf .b-wrapper {padding: 40px 3% 50px 3%;}}
@media (min-width: 768px) {.banner-hm-16days-of-activism-gbvf .b-wrapper {padding: 8vh 5% 50px 5%;	}}
@media (min-width: 992px) {.banner-hm-16days-of-activism-gbvf .b-wrapper {padding: 10vh 5% 50px 5%;}}
@media (min-width: 1200px) {.banner-hm-16days-of-activism-gbvf .b-wrapper {padding: 15vh 12% 50px 12%;}}
@media (min-width: 1600px) {.banner-hm-16days-of-activism-gbvf .b-wrapper {padding: 18vh 15% 50px 15%;}}
@media (min-width: 1920px) {.banner-hm-16days-of-activism-gbvf .b-wrapper {padding: 20vh 18% 50px 18%;}}

.banner-hm-16days-of-activism-gbvf img.logos {width:100%; max-width:400px; margin-bottom:10px;}
.banner-hm-16days-of-activism-gbvf img.thumb-poster {width:100%; max-width:400px; margin:0 auto;}
.banner-hm-16days-of-activism-gbvf h1 {margin-bottom:0.2em; line-height: 1.0em; color:#ee2b37; }
.banner-hm-16days-of-activism-gbvf h3 {margin-bottom:0.3em; text-transform:none;  }
.banner-hm-16days-of-activism-gbvf h5 {margin-bottom:1em; }

.banner-hm-16days-of-activism-gbvf p {margin-bottom:0.7em; }
.banner-hm-16days-of-activism-gbvf p.lead {margin-bottom:0.3em; font-size: 1.05em; color:#000;}
.banner-hm-16days-of-activism-gbvf p.descriptor {color:#999; margin-bottom:0.4em; font-size: 0.78em;font-style: italic;}
.banner-hm-16days-of-activism-gbvf .btn-default {border: none !important;}
.banner-hm-16days-of-activism-gbvf .btn-default:hover {border: none !important;}



/*----Home Banner Facts and Figures 2022 Version 2 - December 2023---*/
.banner-hm-ff-2022-v2 {background: #89acc8 url(../../../images/banners/banner-hm-ff-2022-v2.jpg) left 0px no-repeat;background-size: cover;text-align: left;}
@media (min-width: 480px) {.banner-hm-ff-2022-v2 {background-position: left 0px;}}
@media (min-width: 768px) {.banner-hm-ff-2022-v2 {background-position: left 0px;}}
@media (min-width: 992px) {.banner-hm-ff-2022-v2 {background-position: left 0px;}}
@media (min-width: 1200px) {.banner-hm-ff-2022-v2 {background-position: left 35px;}}
@media (min-width: 1600px) {.banner-hm-ff-2022-v2 {background-position: left 35px;}}

.banner-hm-ff-2022-v2 .b-wrapper {height: 100%;padding: 40px 1% 50px 1%;clear: both;}
@media (min-width: 480px) {.banner-hm-ff-2022-v2 .b-wrapper {padding: 40px 2% 50px 2%;}}
@media (min-width: 768px) {.banner-hm-ff-2022-v2 .b-wrapper {padding: 5vh 2% 50px 2%;}}
@media (min-width: 992px) {.banner-hm-ff-2022-v2 .b-wrapper {padding: 5vh 2% 50px 2%;}}
@media (min-width: 1200px) {.banner-hm-ff-2022-v2 .b-wrapper {padding: 8vh 2% 50px 2%;}}
@media (min-width: 1600px) {.banner-hm-ff-2022-v2 .b-wrapper {padding: 9vh 4% 50px 4%;}}
@media (min-width: 1920px) {.banner-hm-ff-2022-v2 .b-wrapper {padding: 12vh 6% 50px 6%;}}

.banner-hm-ff-2022-v2 .b-contentblock {margin-top: 10px;margin-bottom: 20px;}
@media (min-width: 768px) {.banner-hm-ff-2022-v2 .b-contentblock {margin-top: 20px;}}
@media (min-width: 992px) {.banner-hm-ff-2022-v2 .b-contentblock {margin-top: 40px;}}
@media (min-width: 1200px) {.banner-hm-ff-2022-v2 .b-contentblock {margin-top: 40px;min-height: 370px;}}

@media (min-width: 1600px) {.banner-hm-ff-2022-v2 .b-contentblock {margin-top: 50px;min-height: 370px;}}

.banner-hm-ff-2022-v2 .header {}

.banner-hm-ff-2022-v2 h1 {font-weight: 800; margin-bottom: 0.1em; color:#007748;}
.banner-hm-ff-2022-v2 h2 {color:#007748;}
.banner-hm-ff-2022-v2 h3 {margin-bottom: 0em;}
.banner-hm-ff-2022-v2 h3 span {color:#97d700;}
.banner-hm-ff-2022-v2 h4 {font-size: 1.3em; line-height: 1.3em; margin-bottom: 0em;}
.banner-hm-ff-2022-v2 h5 {font-size:1em; display:block; vertical-align:top; color: #00ad69;  margin:15px 10px 10px 10px; text-align: center;}
.banner-hm-ff-2022-v2 p {font-size:0.9em;}
.banner-hm-ff-2022-v2 p.lead {color:#007748;}
.banner-hm-ff-2022-v2 p.descriptor {margin-bottom: 0.3em !important;}

.banner-hm-ff-2022-v2 img.icon-hdr {width: 100%;max-width: 350px;margin-top: 35px;margin-bottom: 20px;}
@media (min-width: 768px) {.banner-hm-ff-2022-v2 img.icon-hdr {margin-top: 35px;}}
@media (min-width: 992px) {.banner-hm-ff-2022-v2 img.icon-hdr {margin-top: 50px;}}
@media (min-width: 1200px) {.banner-hm-ff-2022-v2 img.icon-hdr {margin-top: 60px;	}}
@media (min-width: 1600px) {.banner-hm-ff-2022-v2 img.icon-hdr {margin-top: 70px;}}

.banner-hm-ff-2022-v2 .icon-stats {text-align: center;padding-right: 10px;padding-left: 10px;}
.banner-hm-ff-2022-v2 .icon-stats img {margin: 0 auto 10px auto;padding: 0;width: 100%;max-width: 160px;}

.banner-hm-ff-2022-v2 img.icon-ff2021 {width: 100%; max-width: 150px; margin: 0 0 15px 0; padding: 0;}

.banner-hm-ff-2022-v2 a.booklet {display: block;text-align: center; color: #666; font-size:0.75em; line-height:1.2em;text-decoration: none;}

.banner-hm-ff-2022-v2 a.booklet img.icon-ff2021 {width:100%; max-width:250px; margin:0 auto 8px auto; padding: 0;}

.banner-hm-ff-2022-v2 .miningsector {display: block; padding: 20px 15px; text-align: center; background: #007748; border: 0px;}

.banner-hm-ff-2022-v2 .miningsector h3 {text-align: center; color: #fff;text-transform: none; margin-bottom: 0.5em;}

.banner-hm-ff-2022-v2 .btn-default {background:#97d700; font-size:0.9em; padding:8px 10px 9px 10px; margin:5px 0 0px 0 !important;}
.banner-hm-ff-2022-v2 .btnblock {display: block;}
.banner-hm-ff-2022-v2 .btnblock:nth-child(1) {margin-top:10px;}


/*----Home Banner - Masoyise NIHL Protect your hearing---*/
.banner-hm-protect-your-hearing {background:#0054a6; /*--#72adde;--*/ text-align: left;}

.banner-hm-protect-your-hearing .b-contentblock {padding: 30px 20px 30px 20px;box-shadow: 2px 2px 18px rgba(0, 0, 0, 0.4);}

.banner-hm-protect-your-hearing .b-wrapper {height: 100%;padding: 40px 2% 50px 2%;clear: both;}
@media (min-width: 480px) {.banner-hm-protect-your-hearing .b-wrapper {padding: 40px 3% 50px 3%;}}
@media (min-width: 768px) {.banner-hm-protect-your-hearing .b-wrapper {padding: 8vh 5% 50px 5%;	}}
@media (min-width: 992px) {.banner-hm-protect-your-hearing .b-wrapper {padding: 10vh 5% 50px 5%;}}
@media (min-width: 1200px) {.banner-hm-protect-your-hearing .b-wrapper {padding: 15vh 12% 50px 12%;}}
@media (min-width: 1600px) {.banner-hm-protect-your-hearing .b-wrapper {padding: 20vh 15% 50px 15%;}}
@media (min-width: 1920px) {.banner-hm-protect-your-hearing .b-wrapper {padding: 20vh 18% 50px 18%;}}

.banner-hm-protect-your-hearing img.logos {width:100%; max-width:400px; margin-bottom:10px;}
.banner-hm-protect-your-hearing img.thumb-poster {width:100%; max-width:250px; margin:0 auto;}
.banner-hm-protect-your-hearing h1 {margin-bottom:0.2em; line-height: 1.0em; color:#0054a6; }
.banner-hm-protect-your-hearing h3 {margin-bottom:0.3em; text-transform:none; color:#0c2340; }
.banner-hm-protect-your-hearing h5 {margin-bottom:1em; }

.banner-hm-protect-your-hearing p {margin-bottom:1em; font-weight:bold;}
.banner-hm-protect-your-hearing p.lead {margin-bottom:1em; font-size: 1.05em;}
.banner-hm-protect-your-hearing p.descriptor {color:#999; margin-bottom:0.4em; font-size: 0.78em;font-style: italic;}
.banner-hm-protect-your-hearing .btn-default {border: none !important;}
.banner-hm-protect-your-hearing .btn-default:hover {border: none !important;}




/*----Home Banner - WIM August Newsletter 2023---*/
.banner-hm-wim-newsletter-nov-2023 {background:#68beff url(../../../images/banners/banner-hm-wim-newsletter-nov-2023-tile.svg) left top repeat; background-size: auto 100%;}
@media (min-width: 992px) {.banner-hm-wim-newsletter-nov-2023 {background-size: cover;}}

.banner-hm-wim-newsletter-nov-2023 .b-contentblock {padding: 25px 20px 20px 20px;}
.banner-hm-wim-newsletter-nov-2023 h1 {color: #0054a6; margin-bottom: 0.2em;}
.banner-hm-wim-newsletter-nov-2023 h4 {margin-bottom: 0.2em;}
.banner-hm-wim-newsletter-nov-2023 p {font-size:0.95em; line-height:1.4em; color:#000;}
.banner-hm-wim-newsletter-nov-2023 p.lead {}
.banner-hm-wim-newsletter-nov-2023 sup {text-transform: lowercase}

.banner-hm-wim-newsletter-nov-2023 .b-wrapper {height: 100%; min-height: 300px; text-align: left; padding: 40px 2% 50px 2%; clear: both;}
@media (min-width: 480px) {.banner-hm-wim-newsletter-nov-2023 .b-wrapper {padding: 40px 3% 50px 3%; min-height: 748px;}}
@media (min-width: 768px) {.banner-hm-wim-newsletter-nov-2023 .b-wrapper {padding: 40px 3% 50px 3%; min-height: 748px;}}
@media (min-width: 992px) {.banner-hm-wim-newsletter-nov-2023 .b-wrapper {padding: 5vh 3% 50px 3%; min-height: 748px;}}
@media (min-width: 1200px) {.banner-hm-wim-newsletter-nov-2023 .b-wrapper { padding: 13vh 4% 50px 4%; min-height: 748px;}}
@media (min-width: 1600px) {.banner-hm-wim-newsletter-nov-2023 .b-wrapper { padding: 17vh 8% 50px 6%; min-height: 748px;}}

.banner-hm-wim-newsletter-nov-2023 img.logo-wim {display:block; margin:0 auto 30px auto;}

.banner-hm-wim-newsletter-nov-2023 img.fscover {width: 100%; max-width:250px; margin: 0 auto; padding: 0 0 10px 0; border: 1px solid #999; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);}

img.icon-wim-btb {width:100%; max-width:320px; margin:0 auto; padding:0 0 10px 0; }

.banner-hm-wim-newsletter-nov-2023 a.btn-default {font-size: 0.9em; padding: 8px 12px 8px 12px;}




/*----Home Banner - FOGAP November Newsletter 2023---*/
.banner-hm-fogap-newsletter-nov-2023 {background: url(../../../images/banners/banner-hm-fogap-newsletter-nov-2023.jpg) right center no-repeat; background-size: auto 100%; text-align: left;}
@media (min-width: 992px) {.banner-hm-fogap-newsletter-nov-2023 { background-position: bottom center; background-size: cover;}}

.banner-hm-fogap-newsletter-nov-2023 .b-contentblock {padding: 25px 20px 20px 17px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.9);}

.banner-hm-new-ceo .b-wrapper {height: 100%;padding: 40px 2% 50px 2%;clear: both;}

@media (min-width: 480px) {.banner-hm-fogap-newsletter-nov-2023 .b-wrapper {padding: 40px 3% 50px 3%;}}
@media (min-width: 768px) {.banner-hm-fogap-newsletter-nov-2023 .b-wrapper {padding: 8vh 5% 50px 5%; }}
@media (min-width: 992px) {.banner-hm-fogap-newsletter-nov-2023 .b-wrapper {padding: 10vh 5% 50px 10%;}}
@media(min-width: 1200px) {.banner-hm-fogap-newsletter-nov-2023 .b-wrapper {padding: 15vh 5% 50px 26%;}}
@media (min-width: 1600px) {.banner-hm-fogap-newsletter-nov-2023 .b-wrapper {padding: 20vh 10% 50px 30%;}}
@media (min-width: 1920px) {.banner-hm-fogap-newsletter-nov-2023 .b-wrapper {padding: 22vh 15% 50px 30%;}}

.banner-hm-fogap-newsletter-nov-2023 img.thumb {margin-bottom:20px; width:100%; max-width:220px;}
.banner-hm-fogap-newsletter-nov-2023 h1 {margin-bottom: 0.3em; color: #ee2b37;/*--color:#;--*/ line-height: 1.0em;}
.banner-hm-fogap-newsletter-nov-2023 h5 {margin-bottom: 0.5em; color: #000;}
.banner-hm-fogap-newsletter-nov-2023 p {color: #555; margin-bottom:0.9em;}
.banner-hm-fogap-newsletter-nov-2023 p.lead {color:#000; margin-bottom:0.8em; font-size:1.1em;}

.banner-hm-fogap-newsletter-nov-2023 p.descriptor {color: #999; margin-bottom: 0.4em; font-size: 0.78em; font-style: italic;}

.banner-hm-fogap-newsletter-nov-2023 a.btn-default {font-size: 0.9em; padding: 8px 12px 8px 12px;}



/*----Home Banner - Anti Smoking Campaign - 25 Oct '23---*/
.banner-hm-healthy-miners-dont-smoke {
	background: url(../../../images/banners/banner-hm-healthy-miners-dont-smoke.jpg) left top no-repeat;
	background-size: cover;
	text-align: left;
}

.banner-hm-healthy-miners-dont-smoke .b-contentblock {
	padding: 25px 0px 0px 20px;
	box-shadow: 2px 2px 18px rgba(0, 0, 0, 0.4);
}

.banner-hm-new-ceo .b-wrapper {
	height: 100%;
	padding: 40px 2% 50px 2%;
	clear: both;
}

@media (min-width: 480px) {
	.banner-hm-healthy-miners-dont-smoke .b-wrapper {
		padding: 40px 3% 50px 3%;
	}
}

@media (min-width: 768px) {
	.banner-hm-healthy-miners-dont-smoke .b-wrapper {
		padding: 8vh 5% 50px 5%;
	}
}

@media (min-width: 992px) {
	.banner-hm-healthy-miners-dont-smoke .b-wrapper {
		padding: 10vh 5% 50px 5%;
	}
}

@media (min-width: 1200px) {
	.banner-hm-healthy-miners-dont-smoke .b-wrapper {
		padding: 12vh 9% 50px 9%;
	}
}

@media (min-width: 1600px) {
	.banner-hm-healthy-miners-dont-smoke .b-wrapper {
		padding: 15vh 17% 50px 17%;
	}
}

@media (min-width: 1920px) {
	.banner-hm-healthy-miners-dont-smoke .b-wrapper {
		padding: 13vh 17% 50px 17%;
	}
}

.banner-hm-healthy-miners-dont-smoke img.smokeilli {
	width: 100%;
	max-width: 530px;
}

@media (min-width: 1600px) {
	.banner-hm-healthy-miners-dont-smoke img.smokeilli {
		max-width: 100%;
	}
}

.banner-hm-healthy-miners-dont-smoke h1 {
	margin-bottom: 0.1em;
	color: #97d700;
	line-height: 0.9em;
	font-size: 2.8em;
}

@media (min-width: 768px) {
	.banner-hm-healthy-miners-dont-smoke h1 {
		font-size: 2.8em;
	}
}

@media (min-width: 992px) {
	.banner-hm-healthy-miners-dont-smoke h1 {
		font-size: 3.3em;
	}
}

@media (min-width: 1200px) {
	.banner-hm-healthy-miners-dont-smoke h1 {
		font-size: 3.5em;
	}
}

@media (min-width: 1600px) {
	.banner-hm-healthy-miners-dont-smoke h1 {
		font-size: 3.8em;
	}
}

.banner-hm-healthy-miners-dont-smoke h3 {
	margin-bottom: 0.8em;
	color: #00ad69;
	text-transform: none !important;
}

.banner-hm-healthy-miners-dont-smoke h4 {
	margin-bottom: 1em;
	color: #007749;
}

.banner-hm-healthy-miners-dont-smoke h5 {
	margin-bottom: 1em;
	color: #007749;
}

.banner-hm-healthy-miners-dont-smoke p {
	color: #555;
	margin-bottom: 0.5em;
}

.banner-hm-healthy-miners-dont-smoke p.lead {
	color: #555;
	margin-bottom: 0.5em;
	font-size: 1.2em;
}

.banner-hm-healthy-miners-dont-smoke p.hashtag {
	color: #97d700;
	font-weight: bold;
	font-size: 1.2em;
}

.banner-hm-healthy-miners-dont-smoke p.descriptor {
	color: #999;
	margin-bottom: 1em;
	font-size: 0.78em;
	font-style: italic;
}

.banner-hm-healthy-miners-dont-smoke .btn-default {
	display: block;
	width: 220px;
	background: #00ad69;
	border: none !important;
	margin-bottom: 1em !important;
	font-size: 1em;
}

.banner-hm-healthy-miners-dont-smoke .btn-default:hover {
	background: #97d700;
	border: none !important;
}




/*----Home Banner - World Mental Health Day 2023 - 10 Oct '23---*/
.banner-hm-world-mental-health-day-2023 {
	background: #00ad69;
	text-align: left;
}

/*--.banner-hm-world-mental-health-day-2023 {background:#00ad69 url(../../../images/banners/banner-hm-world-mental-health-day-2023.png) left top no-repeat; background-size:100% auto; text-align:left; text-align:left; }
@media (min-width: 992px) { .banner-hm-world-mental-health-day-2023 {background-position:left top; background-size:100% auto;} }--*/

.banner-hm-world-mental-health-day-2023 .b-contentblock {
	padding: 30px 20px 30px 20px;
	box-shadow: 2px 2px 18px rgba(0, 0, 0, 0.4);
}

.banner-hm-new-ceo .b-wrapper {
	height: 100%;
	padding: 40px 2% 50px 2%;
	clear: both;
}

@media (min-width: 480px) {
	.banner-hm-world-mental-health-day-2023 .b-wrapper {
		padding: 40px 3% 50px 3%;
	}
}

@media (min-width: 768px) {
	.banner-hm-world-mental-health-day-2023 .b-wrapper {
		padding: 8vh 5% 50px 5%;
	}
}

@media (min-width: 992px) {
	.banner-hm-world-mental-health-day-2023 .b-wrapper {
		padding: 10vh 5% 50px 5%;
	}
}

@media (min-width: 1200px) {
	.banner-hm-world-mental-health-day-2023 .b-wrapper {
		padding: 15vh 12% 50px 12%;
	}
}

@media (min-width: 1600px) {
	.banner-hm-world-mental-health-day-2023 .b-wrapper {
		padding: 20vh 15% 50px 15%;
	}
}

@media (min-width: 1920px) {
	.banner-hm-world-mental-health-day-2023 .b-wrapper {
		padding: 23vh 18% 50px 18%;
	}
}

.banner-hm-world-mental-health-day-2023 img.mshot {
	margin-bottom: -20px;
}

.banner-hm-world-mental-health-day-2023 h1 {
	margin-bottom: 0.3em;
	color: #97d700;
	line-height: 1.0em;
}

.banner-hm-world-mental-health-day-2023 h3 {
	margin-bottom: 0.8em;
	color: #00ad69;
	text-transform: none !important;
}

.banner-hm-world-mental-health-day-2023 h4 {
	margin-bottom: 1em;
	color: #007749;
}

.banner-hm-world-mental-health-day-2023 h5 {
	margin-bottom: 1em;
	color: #007749;
}

.banner-hm-world-mental-health-day-2023 p {
	color: #555;
}

.banner-hm-world-mental-health-day-2023 p.lead {
	color: #555;
	margin-bottom: 0.7em;
	font-size: 1.05em;
}

.banner-hm-world-mental-health-day-2023 p.descriptor {
	color: #999;
	margin-bottom: 1em;
	font-size: 0.78em;
	font-style: italic;
}

.banner-hm-world-mental-health-day-2023 .btn-default {
	background: #00ad69;
	border: none !important;
}

.banner-hm-world-mental-health-day-2023 .btn-default:hover {
	background: #97d700;
	border: none !important;
}


/*----Home Banner - Business Day Op Ed: Critical thinking about minerals 3 October---*/
.banner-hm-bd-op-ed-critical-thinking {background: url(../../../images/banners/banner-hm-bd-op-ed-critical-thinking.jpg) right top no-repeat;background-size: auto 100%;text-align: left;}
@media (min-width: 992px) {.banner-hm-bd-op-ed-critical-thinking {background-position: right top;background-size: cover;}}

.banner-hm-bd-op-ed-critical-thinking .b-contentblock {padding: 30px 20px 20px 20px;box-shadow: 2px 2px 18px rgba(0, 0, 0, 0.4);}

.banner-hm-new-ceo .b-wrapper {height: 100%;padding: 40px 2% 50px 2%;clear: both;}
@media (min-width: 480px) {.banner-hm-bd-op-ed-critical-thinking .b-wrapper {padding: 40px 3% 50px 3%;}}
@media (min-width: 768px) {.banner-hm-bd-op-ed-critical-thinking .b-wrapper {padding: 8vh 5% 50px 5%;}}
@media (min-width: 992px) {.banner-hm-bd-op-ed-critical-thinking .b-wrapper {padding: 10vh 8% 50px 8%;}}
@media (min-width: 1200px) {.banner-hm-bd-op-ed-critical-thinking .b-wrapper {padding: 15vh 15% 50px 15%;}}
@media (min-width: 1600px) {.banner-hm-bd-op-ed-critical-thinking .b-wrapper {padding: 20vh 20% 50px 20%;}}
@media (min-width: 1920px) {.banner-hm-bd-op-ed-critical-thinking .b-wrapper {padding: 23vh 22% 50px 22%;}}

.banner-hm-bd-op-ed-critical-thinking img.mshot {margin-bottom: -20px;}
.banner-hm-bd-op-ed-critical-thinking h1 {margin-bottom: 0.3em;color: #ee2b37;/*--color:#;--*/line-height: 1.0em;}
.banner-hm-bd-op-ed-critical-thinking h3 {margin-bottom: 0.8em;color: #000;text-transform: none !important;}
.banner-hm-bd-op-ed-critical-thinking h4 {margin-bottom: 1em;color: #000;}
.banner-hm-bd-op-ed-critical-thinking h5 {margin-bottom: 1em;color: #000;}
.banner-hm-bd-op-ed-critical-thinking p {color: #555;}
.banner-hm-bd-op-ed-critical-thinking p.lead {color: #555;margin-bottom: 0.4em;font-size: 1.0em;}
.banner-hm-bd-op-ed-critical-thinking p.descriptor {color: #999;margin-bottom: 1em;font-size: 0.78em;font-style: italic;}

.banner-hm-bd-op-ed-critical-thinking .btn-default {background: #ff7f32;border: none !important;}
.banner-hm-bd-op-ed-critical-thinking .btn-default:hover {background: #a6192e;border: none !important;}
.banner-hm-bd-op-ed-critical-thinking ul {margin-bottom: 1em;}
.banner-hm-bd-op-ed-critical-thinking li {font-size: 1.1em;color: #000;margin: 0 0 0.5em 0;}
.banner-hm-bd-op-ed-critical-thinking li strong {color: #000;}
.banner-hm-bd-op-ed-critical-thinking li a {color: #000;}
.banner-hm-bd-op-ed-critical-thinking li a:hover {color: #0054a6;}



/*----Home Banner - Women in Mining Website---*/
.banner-hm-wim-website {
	background: #68c9d0;
}

.banner-hm-wim-website .b-contentblock {
	padding: 30px 20px 20px 20px;
}

@media (min-width: 1600px) {
	.banner-hm-wim-website .b-contentblock {
		min-height: 362px;
	}
}

.banner-hm-wim-website h1 {
	color: #00213f;
	margin-bottom: 0.4em;
	line-height: 1.0em;
}

.banner-hm-wim-website h2 {
	color: #00213f;
	margin-bottom: 0.4em;
}

.banner-hm-wim-website h4 {
	margin-bottom: 0.2em;
}

.banner-hm-wim-website p {}

.banner-hm-wim-website p.lead {
	margin-bottom: 1em;
}

.banner-hm-wim-website sup {
	text-transform: lowercase
}

.banner-hm-wim-website .b-wrapper {
	height: 100%;
	min-height: 300px;
	text-align: left;
	padding: 40px 2% 50px 2%;
	clear: both;
}

@media (min-width: 480px) {
	.banner-hm-wim-website .b-wrapper {
		padding: 40px 3% 50px 3%;
		min-height: 748px;
	}
}

@media (min-width: 768px) {
	.banner-hm-wim-website .b-wrapper {
		padding: 40px 3% 50px 3%;
		min-height: 748px;
	}
}

@media (min-width: 992px) {
	.banner-hm-wim-website .b-wrapper {
		padding: 5vh 3% 50px 3%;
		min-height: 748px;
	}
}

@media (min-width: 1200px) {
	.banner-hm-wim-website .b-wrapper {
		padding: 13vh 4% 50px 4%;
		min-height: 748px;
	}
}

@media (min-width: 1600px) {
	.banner-hm-wim-website .b-wrapper {
		padding: 17vh 8% 50px 6%;
		min-height: 748px;
	}
}

.banner-hm-wim-website img.wim-web-icon {
	width: 100%;
	max-width: 380px;
	margin: 0 auto 10px auto;
	box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.2);
}

.banner-hm-wim-website img.wimlaptop {
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	padding: 0 0 10px 0;
}

.banner-hm-wim-website a.btn-default {
	font-size: 0.9em;
	padding: 8px 12px 8px 12px;
}



@media (min-width: 480px) {
	.banner-mhs-summit-2024 .b-wrapper {
		padding: 40px 3% 50px 3%;
		min-height: 748px;
	}
}

@media (min-width: 768px) {
	.banner-mhs-summit-2024 .b-wrapper {
		padding: 40px 3% 50px 3%;
		min-height: 748px;
	}
}

@media (min-width: 992px) {
	.banner-mhs-summit-2024 .b-wrapper {
		padding: 2vh 3% 50px 3%;
		min-height: 748px;
	}
}

@media (min-width: 1200px) {
	.banner-mhs-summit-2024 .b-wrapper {
		padding: 7vh 4% 50px 4%;
		min-height: 748px;
	}
}

@media (min-width: 1600px) {
	.banner-mhs-summit-2024 .b-wrapper {
		padding: 17vh 8% 50px 6%;
		min-height: 748px;
	}
}

.banner-mhs-summit-2024 img.wim-web-icon {
	width: 100%;
	max-width: 380px;
	margin: 0 auto 10px auto;
	box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.2);
}

.banner-mhs-summit-2024 img.wimlaptop {
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	padding: 0 0 10px 0;
}

.banner-mhs-summit-2024 a.btn-default {
	font-size: 0.9em;
	padding: 8px 12px 8px 12px;
}

/*----Home Banner - Joburg Indaba 2024---*/
.banner-joburg-indaba-2024 {

    background: url(../../../images/banners/The-Joburg-Indaba-Back-1920.jpg) left 0px no-repeat;
	background-size: cover;
	text-align: left;
}

.banner-joburg-indaba-2024 .b-contentblock {
	padding: 30px 20px 20px 20px;
    background-color: black;
}
.banner-joburg-indaba-2024 .row. {
  display: table-cell;
}
.banner-joburg-indaba-2024 .row > [class*='col-'] {
  display: table-cell;
}
.banner-joburg-indaba-2024 .row > [class*='col-'] img {
  vertical-align: bottom;
}

@media (min-width: 1600px) {
	.banner-joburg-indaba-2024 .b-contentblock {
		min-height: 362px;
        background-color: black;
	}
}

.banner-joburg-indaba-2024 h1 {
	color: #BCD800;
	margin-bottom: 0.4em;
	line-height: 1.0em;
}

.banner-joburg-indaba-2024 h2 {
	color: #BCD800;
	margin-bottom: 0.4em;
	font-size: 30px;
}

.banner-joburg-indaba-2024 h4 {
	margin-bottom: 0.2em;
}

.banner-joburg-indaba-2024 p {}

.banner-joburg-indaba-2024 p.lead {
	margin-bottom: 1em;
}

.banner-joburg-indaba-2024 sup {
	text-transform: lowercase
}

.banner-joburg-indaba-2024 .b-wrapper {
	height: 100%;
	min-height: 300px;
	text-align: left;
	padding: 40px 2% 50px 2%;
	clear: both;
}

@media (min-width: 480px) {
	.banner-joburg-indaba-2024 .b-wrapper {
		padding: 40px 3% 50px 3%;
		min-height: 748px;
	}
}

@media (min-width: 768px) {
	.banner-joburg-indaba-2024 .b-wrapper {
		padding: 40px 3% 50px 3%;
		min-height: 748px;
	}
}

@media (min-width: 992px) {
	.banner-joburg-indaba-2024 .b-wrapper {
		padding: 5vh 3% 50px 3%;
		min-height: 748px;
	}
}

@media (min-width: 1200px) {
	.banner-joburg-indaba-2024 .b-wrapper {
		padding: 13vh 4% 50px 4%;
		min-height: 748px;
	}
}



@media (min-width: 1600px) {
	.banner-joburg-indaba-2024 .b-wrapper {
		padding: 17vh 8% 50px 6%;
		min-height: 748px;
	}
}

.banner-joburg-indaba-2024 img.wim-web-icon {
	float:right;
	
	max-height: 460px;
	margin: 0 auto 10px auto;
}

.banner-joburg-indaba-2024 img.wimlaptop {
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	padding: 0 0 10px 0;
}

.banner-joburg-indaba-2024 a.btn-default {
	font-size: 0.8em;
	padding: 8px 12px 8px 12px;
}
@media (max-width: 1280px) {
.banner-joburg-indaba-2024 img.wim-web-icon {
	float:none;
	max-height: none;
	max-width: 320px;
}
}
@media (min-width: 1900px) {
.banner-joburg-indaba-2024 img.wim-web-icon {
	float:right;
	max-height: 412px;
	margin: 0 auto 10px auto;
}
}


/*---Home banner--National Day of Health and Safety 2023 - 17 August---*/
.banner-hm-nd-health-safety-2023 {
	background: url(../../../images/banners/banner-hm-nd-health-safety-2023.jpg) left 0px no-repeat;
	background-size: cover;
	text-align: left;
}

.banner-hm-nd-health-safety-2023 h1 {
	color: #0054a6;
}

.banner-hm-nd-health-safety-2023 h2 {
	color: #0054a6;
	margin-bottom: 0.3em;
}

.banner-hm-nd-health-safety-2023 h3 {
	color: #0054a6;
}

.banner-hm-nd-health-safety-2023 .b-contentblock {
	padding: 25px 20px 20px 20px;
}

.banner-hm-nd-health-safety-2023 .b-wrapper {
	height: 100%;
	padding: 40px 2% 50px 2%;
	clear: both;
}

@media (min-width: 480px) {
	.banner-hm-nd-health-safety-2023 .b-wrapper {
		padding: 40px 3% 50px 3%;
	}
}

@media (min-width: 768px) {
	.banner-hm-nd-health-safety-2023 .b-wrapper {
		padding: 6vh 2% 50px 2%;
	}
}

@media (min-width: 992px) {
	.banner-hm-nd-health-safety-2023 .b-wrapper {
		padding: 6vh 2% 50px 2%;
	}
}

@media (min-width: 1200px) {
	.banner-hm-nd-health-safety-2023 .b-wrapper {
		padding: 12vh 2% 50px 2%;
	}
}

@media (min-width: 1600px) {
	.banner-hm-nd-health-safety-2023 .b-wrapper {
		padding: 20vh 5% 50px 5%;
	}
}

@media (min-width: 1920px) {
	.banner-hm-nd-health-safety-2023 .b-wrapper {
		padding: 20vh 6% 50px 6%;
	}
}

.banner-hm-nd-health-safety-2023 .b-contentblock h1 {font-size: 2.8em;font-weight: 800;}
@media (min-width: 480px) {.banner-hm-nd-health-safety-2023 .b-contentblock h1 {font-size: 3.0em;}}
@media (min-width: 768px) {.banner-hm-nd-health-safety-2023 .b-contentblock h1 {font-size: 3.2em;}}
@media (min-width: 992px) {.banner-hm-nd-health-safety-2023 .b-contentblock h1 {font-size: 2.8em;}}
@media (min-width: 1200px) {.banner-hm-nd-health-safety-2023 .b-contentblock h1 {font-size: 3em;}}
@media (min-width: 1600px) {.banner-hm-nd-health-safety-2023 .b-contentblock h1 {font-size: 3.5em;}}

.banner-hm-nd-health-safety-2023 p {font-size: 1em;margin-bottom: 0.7em;}

.banner-hm-nd-health-safety-2023 p.lead {
	font-size: 1.2em;
	text-align: left;
	color: #000;
	font-weight: 700;
}

.banner-hm-nd-health-safety-2023 p.lead span {
	display: inline;
	color: #0054a6;
}

.banner-hm-nd-health-safety-2023 p a {
	color: #0054a6 !important;
}

.banner-hm-nd-health-safety-2023 p a:hover {
	color: #000 !important;
}

.banner-hm-nd-health-safety-2023 li {
	margin: 0 0 0.15em 0;
}

.banner-hm-nd-health-safety-2023 img {
	margin: 0 auto 10px auto;
}

.banner-hm-nd-health-safety-2023 a.btn:hover {
	color: #fff !important;
	background: #000;
}

/*--Spotlight--Banner National Day of Health and Safety 2023--*/
.banner_nd_health_safety_2023 #banner {height: 40vh;min-height: 220px;}

@media (min-width: 480px) {.banner_nd_health_safety_2023 #banner {width: 100%;height: 40vh;min-height: 260px;}}
@media (min-width: 768px) {.banner_nd_health_safety_2023 #banner {width: 100%;height: 40vh;min-height: 280px;}}
@media (min-width: 992px) {.banner_nd_health_safety_2023 #banner {width: 100%;height: 40vh;min-height: 300px;}}
@media (min-width: 1200px) {.banner_nd_health_safety_2023 #banner {width: 100%;height: 40vh;min-height: 300px;}}

picture.bannerpicture.nd-health-safety-2023 {
	position: relative;
	text-align: left;
	background: url(../../../images/banners/banner-hm-nd-health-safety-2023.jpg) left top no-repeat;
	background-size: cover;
}

/*--picture.bannerpicture.nd-health-safety-2023 {position:relative; text-align:left; background:#fed141; background-size:cover; } --*/

.bannerlogo-ndhs-2023 {
	display: block;
	margin: 50px auto 0 auto;
	padding: 0;
	width: 80%;
	max-width: 1332px;
	height: auto;
	cursor: pointer;
}

@media (min-width: 480px) {
	.bannerlogo-ndhs-2023 {
		width: 70%;
		margin-top: 50px;
	}
}

@media (min-width: 768px) {
	.bannerlogo-ndhs-2023 {
		width: 50%;
		margin-top: 80px;
	}
}

@media (min-width: 992px) {
	.bannerlogo-ndhs-2023 {
		width: 45%;
		margin-top: 80px;
	}
}

@media (min-width: 1200px) {
	.bannerlogo-ndhs-2023 {
		width: 42%;
		margin-top: 80px;
	}
}

@media (min-width: 1600px) {
	.bannerlogo-ndhs-2023 {
		width: 38%;
		margin-top: 90px;
	}
}




/*----Home Banner - FOGAP August Newsletter 2023---*/
.banner-hm-fogap-newsletter-aug-2023 {
	background: url(../../../images/banners/banner-hm-fogap-newsletter-aug-2023.jpg) right top no-repeat;
	background-size: auto 100%;
	text-align: left;
}

@media (min-width: 992px) {
	.banner-hm-fogap-newsletter-aug-2023 {
		background-position: right bottom;
		background-size: cover;
	}
}

.banner-hm-fogap-newsletter-aug-2023 .b-contentblock {
	padding: 25px 20px 20px 17px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.9);
}

.banner-hm-new-ceo .b-wrapper {
	height: 100%;
	padding: 40px 2% 50px 2%;
	clear: both;
}

@media (min-width: 480px) {
	.banner-hm-fogap-newsletter-aug-2023 .b-wrapper {
		padding: 40px 3% 50px 3%;
	}
}

@media (min-width: 768px) {
	.banner-hm-fogap-newsletter-aug-2023 .b-wrapper {
		padding: 8vh 5% 50px 5%;
	}
}

@media (min-width: 992px) {
	.banner-hm-fogap-newsletter-aug-2023 .b-wrapper {
		padding: 10vh 7.3% 50px 7.3%;
	}
}

@media (min-width: 1200px) {
	.banner-hm-fogap-newsletter-aug-2023 .b-wrapper {
		padding: 15vh 15% 50px 15%;
	}
}

@media (min-width: 1600px) {
	.banner-hm-fogap-newsletter-aug-2023 .b-wrapper {
		padding: 20vh 20% 50px 24%;
	}
}

@media (min-width: 1920px) {
	.banner-hm-fogap-newsletter-aug-2023 .b-wrapper {
		padding: 22vh 22% 50px 22%;
	}
}

.banner-hm-fogap-newsletter-aug-2023 img.thumb {
	margin-bottom: -20px;
}

.banner-hm-fogap-newsletter-aug-2023 h1 {
	margin-bottom: 0.3em;
	color: #ee2b37;
	/*--color:#;--*/
	line-height: 1.0em;
}

.banner-hm-fogap-newsletter-aug-2023 h5 {
	margin-bottom: 0.3em;
	color: #000;
}

.banner-hm-fogap-newsletter-aug-2023 p {
	color: #555;
}

.banner-hm-fogap-newsletter-aug-2023 p.lead {
	color: #555;
	margin-bottom: 0.4em;
	font-size: 1.0em;
}

.banner-hm-fogap-newsletter-aug-2023 p.descriptor {
	color: #999;
	margin-bottom: 0.4em;
	font-size: 0.78em;
	font-style: italic;
}

.banner-hm-fogap-newsletter-aug-2023 a.btn-default {
	font-size: 0.9em;
	padding: 8px 12px 8px 12px;
}


/*----Home Banner - WIM August Newsletter 2023---*/
.banner-hm-wim-newsletter-aug-2023 {
	background: url(../../../images/banners/banner-hm-wim-newsletter-aug-2023.jpg) center top no-repeat;
	background-size: auto 100%;
}

@media (min-width: 992px) {
	.banner-hm-wim-newsletter-aug-2023 {
		background-size: cover;
	}
}

.banner-hm-wim-newsletter-aug-2023 .b-contentblock {
	padding: 25px 20px 20px 20px;
}

.banner-hm-wim-newsletter-aug-2023 h1 {
	color: #0054a6;
	margin-bottom: 0.2em;
}

.banner-hm-wim-newsletter-aug-2023 h4 {
	margin-bottom: 0.2em;
}

.banner-hm-wim-newsletter-aug-2023 p {}

.banner-hm-wim-newsletter-aug-2023 p.lead {}

.banner-hm-wim-newsletter-aug-2023 sup {
	text-transform: lowercase
}

.banner-hm-wim-newsletter-aug-2023 .b-wrapper {
	height: 100%;
	min-height: 300px;
	text-align: left;
	padding: 40px 2% 50px 2%;
	clear: both;
}

@media (min-width: 480px) {
	.banner-hm-wim-newsletter-aug-2023 .b-wrapper {
		padding: 40px 3% 50px 3%;
		min-height: 748px;
	}
}

@media (min-width: 768px) {
	.banner-hm-wim-newsletter-aug-2023 .b-wrapper {
		padding: 40px 3% 50px 3%;
		min-height: 748px;
	}
}

@media (min-width: 992px) {
	.banner-hm-wim-newsletter-aug-2023 .b-wrapper {
		padding: 5vh 3% 50px 3%;
		min-height: 748px;
	}
}

@media (min-width: 1200px) {
	.banner-hm-wim-newsletter-aug-2023 .b-wrapper {
		padding: 13vh 4% 50px 4%;
		min-height: 748px;
	}
}

@media (min-width: 1600px) {
	.banner-hm-wim-newsletter-aug-2023 .b-wrapper {
		padding: 17vh 8% 50px 6%;
		min-height: 748px;
	}
}

.banner-hm-wim-newsletter-aug-2023 img.fscover {
	width: 100%;
	max-width: 250px;
	margin: 0 auto;
	padding: 0 0 10px 0;
	border: 1px solid #999;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
}

.banner-hm-wim-newsletter-aug-2023 a.btn-default {
	font-size: 0.9em;
	padding: 8px 12px 8px 12px;
}


/*-- Home banner:  International Day of Women In Mining 2023 --*/
.banner-hm-idwim-2023 {
	background: url(../../../images/banners/banner-hm-idwim-2023.jpg) center top no-repeat;
	background-size: auto 100%;
}

/*-- .banner-hm-idwim-2023 {background:#ffb612}--*/
@media (min-width: 992px) {
	.banner-hm-idwim-2023 {
		background-size: cover;
	}
}

.banner-hm-idwim-2023 .b-wrapper {
	padding: 5vh 1% 10px 1%;
}

@media (min-width: 768px) {
	.banner-hm-idwim-2023 .b-wrapper {
		padding: 8vh 1% 10px 1%;
	}
}

@media (min-width: 992px) {
	.banner-hm-idwim-2023 .b-wrapper {
		padding: 6vh 1% 0px 1%;
	}
}

@media (min-width: 1200px) {
	.banner-hm-idwim-2023 .b-wrapper {
		padding: 7.5vh 1% 0px 1%;
	}
}

@media (min-width: 1600px) {
	.banner-hm-idwim-2023 .b-wrapper {
		padding: 12vh 2% 10px 2%;
	}
}

.banner-hm-idwim-2023 .b-contentblock {
	padding: 25px 15px 25px 15px;
	min-height: 300px;
}

@media (min-width: 1200px) {
	.banner-hm-idwim-2023 .b-contentblock {
		min-height: 338.5px;
	}
}

@media (min-width: 1600px) {
	.banner-hm-idwim-2023 .b-contentblock {
		min-height: 390px;
	}
}

.banner-hm-idwim-2023 h2 {
	margin-bottom: 0.2em;
	color: #e08227;
	font-size: 2.1em;
}

@media (min-width: 768px) {
	.banner-hm-idwim-2023 h2 {
		font-size: 2.4em;
	}
}

@media (min-width: 992px) {
	.banner-hm-idwim-2023 h2 {
		font-size: 2.4em;
	}
}

@media (min-width: 1200px) {
	.banner-hm-idwim-2023 h2 {
		font-size: 2.1em;
	}
}

@media (min-width: 1600px) {
	.banner-hm-idwim-2023 h2 {
		font-size: 2.5em;
	}
}

.banner-hm-idwim-2023 h5 {
	margin-bottom: 0.2em;
}

.banner-hm-idwim-2023 h5.hashtag {
	margin: 5px 0 0.3em 0;
}

.banner-hm-idwim-2023 h5.hashtag a {
	display: block;
	margin: 0 10px 2px 0;
	font-size: 0.7em;
	color: #e08227;
	line-height: 1.2em;
	font-weight: 500;
}

.banner-hm-idwim-2023 a.hashtag {
	display: inline-block;
	margin: 0 10px 0.1em 0;
	font-size: 0.9em;
	color: #e08227;
	line-height: 1.2em;
	font-weight: 700;
}

.banner-hm-idwim-2023 .btn-default {
	margin: 0 0 0.5em 0 !important;
}

.banner-hm-idwim-2023 img.img-thumb {
	width: 100%;
	max-width: 200px;
}

img.header-idwim23 {
	width: 100%;
	max-width: 540px;
	margin-bottom: 1em;
}

.banner-hm-idwim-2023 p {
	font-size: 0.9em;
	line-height: 1.4em;
	margin-bottom: 0.7em;
}

@media (min-width: 992px) {
	.banner-hm-idwim-2023 p {
		font-size: 0.9em;
		line-height: 1.4em;
	}
}

.banner-hm-idwim-2023 p.lead {
	font-size: 1em;
	line-height: 1.4em;
	margin-bottom: 0.7em;
	color: #484848;
}

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

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

@media (min-width: 1200px) {
	.banner-hm-idwim-2023 p.lead {
		font-size: 1em;
		line-height: 1.35em;
	}
}

@media (min-width: 1600px) {
	.banner-hm-idwim-2023 p.lead {
		font-size: 1.1em;
		line-height: 1.45em;
	}
}

.banner-hm-idwim-2023 p.follow {
	margin-bottom: 0.3em;
	font-size: 0.8em;
	line-height: 1.4em;
	font-weight: 500;
}

.banner-hm-idwim-2023 .joinus p,
.banner-hm-idwim-2023 p.ju {
	color: #e08227;
	font-weight: 700;
	font-size: 0.9em;
	line-height: 1.6em;
	margin-bottom: 0.3em;
}

.banner-hm-idwim-2023 .joinus p.sml {
	color: #000;
	font-weight: 500;
	font-size: 0.75em;
	line-height: 1.3em;
	margin-bottom: 0.4em;
}

.banner-hm-idwim-2023 .btn {
	font-weight: 700;
}

.banner-hm-idwim-2023 .btn-primary {
	background: #e08227 !important;
}

.banner-hm-idwim-2023 .btn-primary:hover {
	background: #fcb61a !important;
}

/*--Spotlight--Banner Intl day of Women in Mining 2023--*/
.banner_idwim_2023 #banner {
	height: 40vh;
	min-height: 220px;
}

@media (min-width: 480px) {
	.banner_idwim_2023 #banner {
		width: 100%;
		height: 40vh;
		min-height: 260px;
	}
}

@media (min-width: 768px) {
	.banner_idwim_2023 #banner {
		width: 100%;
		height: 40vh;
		min-height: 280px;
	}
}

@media (min-width: 992px) {
	.banner_idwim_2023 #banner {
		width: 100%;
		height: 40vh;
		min-height: 300px;
	}
}

@media (min-width: 1200px) {
	.banner_idwim_2023 #banner {
		width: 100%;
		height: 40vh;
		min-height: 320px;
	}
}

picture.bannerpicture.banner-idwim-2023 {
	position: relative;
	text-align: left;
	background: url(../../../images/banners/banner-hm-idwim-2023.jpg) left top no-repeat;
	background-size: cover;
}

/*--picture.bannerpicture.banner-idwim-2023 {position:relative; text-align:left; background:#fed141; background-size:cover; } --*/

.bannerlogo-idwim-2023 {
	display: block;
	margin: 50px auto 0 auto;
	padding: 0;
	width: 80%;
	max-width: 1332px;
	height: auto;
	cursor: pointer;
}

@media (min-width: 480px) {
	.bannerlogo-idwim-2023 {
		width: 70%;
		margin-top: 50px;
	}
}

@media (min-width: 768px) {
	.bannerlogo-idwim-2023 {
		width: 50%;
		margin-top: 80px;
	}
}

@media (min-width: 992px) {
	.bannerlogo-idwim-2023 {
		width: 40%;
		margin-top: 60px;
	}
}

@media (min-width: 1200px) {
	.bannerlogo-idwim-2023 {
		width: 33%;
		margin-top: 70px;
	}
}

@media (min-width: 1600px) {
	.bannerlogo-idwim-2023 {
		width: 30%;
		margin-top: 80px;
	}
}




/*----Home Banner - Stop Cholera---*/
.banner-hm-stop-cholera {
	background: url(../../../images/banners/banner-hm-stop-cholera.jpg) center top no-repeat;
	background-size: auto 100%;
}

@media (min-width: 992px) {
	.banner-hm-stop-cholera {
		background-size: cover;
	}
}

.banner-hm-stop-cholera h1 {
	margin-bottom: 0.2em;
}

.banner-hm-stop-cholera h2 {
	margin-bottom: 0.2em;
}

.banner-hm-stop-cholera sup {
	text-transform: lowercase
}

.banner-hm-stop-cholera .b-wrapper {
	height: 100%;
	min-height: 300px;
	text-align: left;
	padding: 40px 2% 50px 2%;
	clear: both;
}

@media (min-width: 480px) {
	.banner-hm-stop-cholera .b-wrapper {
		padding: 40px 3% 50px 3%;
		min-height: 748px;
	}
}

@media (min-width: 768px) {
	.banner-hm-stop-cholera .b-wrapper {
		padding: 40px 3% 50px 3%;
		min-height: 748px;
	}
}

@media (min-width: 992px) {
	.banner-hm-stop-cholera .b-wrapper {
		padding: 5vh 3% 50px 3%;
		min-height: 748px;
	}
}

@media (min-width: 1200px) {
	.banner-hm-stop-cholera .b-wrapper {
		padding: 12vh 4% 50px 4%;
		min-height: 748px;
	}
}

@media (min-width: 1600px) {
	.banner-hm-stop-cholera .b-wrapper {
		padding: 16vh 8% 50px 6%;
		min-height: 748px;
	}
}

.banner-hm-stop-cholera img.fscover {
	width: 100%;
	max-width: 190px;
	margin: 0 auto;
	padding: 0 0 10px 0;
	border: 1px solid #999;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
}

/*--Spotlight Stop Cholera Video list--*/
ul.sc-video-list {
	display: block;
	margin: 10px auto;
	text-align: center;
}

ul.sc-video-list li {
	list-style: none;
	display: inline-block !important;
	vertical-align: top;
	font-size: 0.9em;
	color: #0054a6;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	border-right: 1px solid #ccc;
}

ul.sc-video-list li:before {
	display: none;
}

ul.sc-video-list li a {
	color: #0054a6;
}

ul.sc-video-list li a:hover {
	color: #000;
}


/*----Home Banner - New CEO 2023---*/
.banner-hm-new-ceo-2023 {
	background: url(../../../images/banners/banner-hm-new-ceo-2023.jpg) right top no-repeat;
	background-size: auto 100%;
	text-align: left;
}

@media (min-width: 992px) {
	.banner-hm-new-ceo-2023 {
		background-position: right top;
		background-size: cover;
	}
}

.banner-hm-new-ceo-2023 .b-contentblock {
	padding: 30px 20px 20px 20px;
}

.banner-hm-new-ceo .b-wrapper {
	height: 100%;
	padding: 40px 2% 50px 2%;
	clear: both;
}

@media (min-width: 480px) {
	.banner-hm-new-ceo-2023 .b-wrapper {
		padding: 40px 3% 50px 3%;
	}
}

@media (min-width: 768px) {
	.banner-hm-new-ceo-2023 .b-wrapper {
		padding: 8vh 5% 50px 5%;
	}
}

@media (min-width: 992px) {
	.banner-hm-new-ceo-2023 .b-wrapper {
		padding: 10vh 8% 50px 8%;
	}
}

@media (min-width: 1200px) {
	.banner-hm-new-ceo-2023 .b-wrapper {
		padding: 15vh 15% 50px 15%;
	}
}

@media (min-width: 1600px) {
	.banner-hm-new-ceo-2023 .b-wrapper {
		padding: 20vh 20% 50px 20%;
	}
}

@media (min-width: 1920px) {
	.banner-hm-new-ceo-2023 .b-wrapper {
		padding: 23vh 22% 50px 22%;
	}
}

.banner-hm-new-ceo-2023 img.mshot {
	margin-bottom: -20px;
}

.banner-hm-new-ceo-2023 h1 {
	margin-bottom: 0.3em;
	color: #ee2b37;
	/*--color:#;--*/
	line-height: 1.0em;
}

.banner-hm-new-ceo-2023 h5 {
	margin-bottom: 0.3em;
	color: #000;
}

.banner-hm-new-ceo-2023 p {
	color: #555;
}

.banner-hm-new-ceo-2023 p.lead {
	color: #555;
	margin-bottom: 0.4em;
	font-size: 1.0em;
}

.banner-hm-new-ceo-2023 p.descriptor {
	color: #999;
	margin-bottom: 0.4em;
	font-size: 0.78em;
	font-style: italic;
}

.banner-hm-new-ceo-2023 ul {
	margin-bottom: 1em;
}

.banner-hm-new-ceo-2023 li {
	font-size: 1.1em;
	color: #000;
	margin: 0 0 0.5em 0;
}

.banner-hm-new-ceo-2023 li strong {
	color: #000;
}

.banner-hm-new-ceo-2023 li a {
	color: #000;
}

.banner-hm-new-ceo-2023 li a:hover {
	color: #0054a6;
}



/*----AIR 2022---*/
.banner-hm-air-2022 {
	background: url(../../../images/banners/banner-hm-iar-2022.jpg) center top no-repeat;
	background-size: auto 100%;
}

@media (min-width: 992px) {
	.banner-hm-air-2022 {
		background-size: cover;
	}
}

.banner-hm-air-2022 .b-wrapper {
	height: 100%;
	min-height: 300px;
	text-align: left;
	padding: 40px 2% 50px 2%;
	clear: both;
}

@media (min-width: 480px) {
	.banner-hm-air-2022 .b-wrapper {
		padding: 40px 3% 50px 3%;
		min-height: 748px;
	}
}

@media (min-width: 768px) {
	.banner-hm-air-2022 .b-wrapper {
		padding: 40px 5% 50px 5%;
		min-height: 748px;
	}
}

@media (min-width: 992px) {
	.banner-hm-air-2022 .b-wrapper {
		padding: 5vh 8% 50px 8%;
		min-height: 748px;
	}
}

@media (min-width: 1200px) {
	.banner-hm-air-2022 .b-wrapper {
		padding: 12vh 12% 50px 12%;
		min-height: 748px;
	}
}

@media (min-width: 1600px) {
	.banner-hm-air-2022 .b-wrapper {
		padding: 16vh 15% 50px 15%;
		min-height: 748px;
	}
}

.banner-hm-air-2022 .b-contentblock {
	min-height: auto;
}

@media (min-width: 480px) {
	.banner-hm-air-2022 .b-contentblock {
		min-height: auto;
	}
}

@media (min-width: 768px) {
	.banner-hm-air-2022 .b-contentblock {
		height: auto;
	}
}

@media (min-width: 992px) {
	.banner-hm-air-2022 .b-contentblock {
		height: 365px;
	}
}

@media (min-width: 1200px) {
	.banner-hm-air-2022 .b-contentblock {
		height: 365px;
	}
}

@media (min-width: 1600px) {
	.banner-hm-air-2022 .b-contentblock {
		height: 400px;
	}
}

.iar22-block {
	display: block;
	text-align: center;
	padding: 0;
}

.iar22-block img {
	max-width: 100%;
	width: auto;
	margin: 0 auto;
	border: 2px solid #fff;
	height: auto;
}

@media (min-width: 480px) {
	.iar22-block img {
		height: auto;
	}
}

@media (min-width: 768px) {
	.iar22-block img {
		height: auto;
	}
}

@media (min-width: 992px) {
	.iar22-block img {
		height: 365px;
	}
}

@media (min-width: 1200px) {
	.iar22-block img {
		height: 365px;
	}
}

@media (min-width: 1600px) {
	.iar22-block img {
		height: 400px;
	}
}

.iar22-block p.descriptor,
.iar22-block figcaption {
	display: block;
	font-size: 0.8em;
	margin-top: 10px;
	line-height: 19px;
	color: #fff;
}

.iar22-block figcaption strong {
	display: block;
	margin-top: 10px;
}

.iar22-block a.thumb-icon {
	color: #ffffff;
	text-align: center !important;
	-webkit-transition: transform 0.2s ease;
	transition: transform 0.2s ease;
}

.iar22-block a.thumb-icon:hover {}

.iar22-block a.thumb-icon:hover img {
	transform: scale(1.03);
}

.iar22-block a.thumb-icon figcaption {
	display: block;
	font-size: 12px;
	color: #fff !important;
}

.banner-hm-air-2022 h1 {
	margin-bottom: 0.3em;
}

.banner-hm-air-2022 h1 span {
	display: block;
	font-size: 150%;
	margin-top: 10px;
}

.banner-hm-air-2022 h2 {
	margin-bottom: 0.3em;
}

.banner-hm-air-2022 p {
	line-height: 1.4em;
}

.banner-hm-air-2022 p.lead {
	font-size: 1.2em;
	line-height: 1.5em;
}

.banner-hm-air-2022 img.cover {
	width: 100%;
	max-width: 240px;
	border: 0px solid #fff;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
	margin-bottom: 15px;
	-webkit-transition: transform 0.2s ease;
	transition: transform 0.2s ease;
}

@media (min-width: 768px) {
	.banner-hm-air-2022 img.cover {
		max-width: 250px;
	}
}

.banner-hm-air-2022 img.cover:hover {
	border: 2px solid #fff;
	transform: scale(1.05);
}

.banner-hm-air-2022 .btn-default {
	font-size: 0.75em;
}

@media (min-width: 992px) {
	.banner-hm-air-2022 .btn-default {
		font-size: 0.8em;
	}
}

.banner-hm-air-2022 .bc-red .btn-default.hil {
	background: #ae122a;
	color: #fff;
	font-size: 0.8em;
}

.banner-hm-air-2022 .bc-red .btn-default.hil:hover {
	background: #000;
}

.banner-hm-air-2022 .bc-blue .btn-default.hil {
	background: #0055a6;
	color: #fff;
	font-size: 0.8em;
}

.banner-hm-air-2022 .bc-blue .btn-default.hil:hover {
	background: #0054a6;
}




/*----133d AGM 2023---*/
.banner-hm-agm-2023 {
	background: url(../../../images/banners/banner-hm-agm-2023.jpg?v2) center top no-repeat;
	background-size: auto 100%;
}

@media (min-width: 992px) {
	.banner-hm-agm-2023 {
		background-size: cover;
	}
}

.banner-hm-agm-2023 h1 {
	margin-bottom: 0.2em;
}

.banner-hm-agm-2023 h2 {
	margin-bottom: 0.2em;
}

.banner-hm-agm-2023 sup {
	text-transform: lowercase
}

.banner-hm-agm-2023 .b-wrapper {
	height: 100%;
	min-height: 300px;
	text-align: left;
	padding: 40px 2% 50px 2%;
	clear: both;
}

@media (min-width: 480px) {
	.banner-hm-agm-2023 .b-wrapper {
		padding: 40px 3% 50px 3%;
		min-height: 748px;
	}
}

@media (min-width: 768px) {
	.banner-hm-agm-2023 .b-wrapper {
		padding: 40px 3% 50px 3%;
		min-height: 748px;
	}
}

@media (min-width: 992px) {
	.banner-hm-agm-2023 .b-wrapper {
		padding: 5vh 3% 50px 3%;
		min-height: 748px;
	}
}

@media (min-width: 1200px) {
	.banner-hm-agm-2023 .b-wrapper {
		padding: 12vh 3% 50px 3%;
		min-height: 748px;
	}
}

@media (min-width: 1600px) {
	.banner-hm-agm-2023 .b-wrapper {
		padding: 16vh 5% 50px 5%;
		min-height: 748px;
	}
}

.banner-hm-agm-2023 img.groupshot {
	width: 100%;
	max-width: 350px;
}


/*----Home Banner - FOGAP Day of Learning 2023---*/
.banner-hm-fogap-day-of-learning-2023 {
	background: url(../../../images/banners/banner-hm-fogap-day-of-learning-2023.jpg) center top no-repeat;
	background-size: auto 100%;
	text-align: left;
}

@media (min-width: 992px) {
	.banner-hm-fogap-day-of-learning-2023 {
		background-position: center top;
		background-size: cover;
	}
}

.banner-hm-fogap-day-of-learning-2023 .b-contentblock {
	padding: 30px 20px 20px 20px;
}

.banner-hm-ten-insights-4ir .b-wrapper {
	height: 100%;
	padding: 40px 2% 50px 2%;
	clear: both;
}

@media (min-width: 480px) {
	.banner-hm-fogap-day-of-learning-2023 .b-wrapper {
		padding: 40px 3% 50px 3%;
	}
}

@media (min-width: 768px) {
	.banner-hm-fogap-day-of-learning-2023 .b-wrapper {
		padding: 6vh 2% 50px 2%;
	}
}

@media (min-width: 992px) {
	.banner-hm-fogap-day-of-learning-2023 .b-wrapper {
		padding: 7vh 5% 50px 5%;
	}
}

@media (min-width: 1200px) {
	.banner-hm-fogap-day-of-learning-2023 .b-wrapper {
		padding: 10vh 8% 50px 5%;
	}
}

@media (min-width: 1600px) {
	.banner-hm-fogap-day-of-learning-2023 .b-wrapper {
		padding: 14vh 15% 50px 7%;
	}
}

@media (min-width: 1920px) {
	.banner-hm-fogap-day-of-learning-2023 .b-wrapper {
		padding: 18vh 25% 50px 10%;
	}
}

.banner-hm-fogap-day-of-learning-2023 h1 {
	margin-bottom: 0.3em;
	color: #ee2b37;
}

.banner-hm-fogap-day-of-learning-2023 h3 {
	margin-bottom: 0.2em;
}

.banner-hm-fogap-day-of-learning-2023 p {
	color: #555;
	font-size: 1.0em;
}

.banner-hm-fogap-day-of-learning-2023 p.lead {
	color: #555;
	margin-bottom: 0.4em;
	font-size: 1.2em;
}

.banner-hm-fogap-day-of-learning-2023 p.descriptor {
	color: #999;
	margin-bottom: 0.4em;
	font-size: 0.78em;
	font-style: italic;
}

.banner-hm-fogap-day-of-learning-2023 ul {
	margin-bottom: 1em;
}

.banner-hm-fogap-day-of-learning-2023 li {
	font-size: 1.1em;
	color: #000;
	margin: 0 0 0.5em 0;
}

.banner-hm-fogap-day-of-learning-2023 li strong {
	color: #000;
}

.banner-hm-fogap-day-of-learning-2023 li a {
	color: #000;
}

.banner-hm-fogap-day-of-learning-2023 li a:hover {
	color: #ee2b37;
}


/*----Home Banner - Ten insights into 4IR 2023---*/
.banner-hm-ten-insights-4ir-2023 {
	background: url(../../../images/banners/banner-hm-ten-insights-4ir-2023.jpg) right top no-repeat;
	background-size: auto 100%;
	text-align: left;
}

@media (min-width: 992px) {
	.banner-hm-ten-insights-4ir-2023 {
		background-position: right top;
		background-size: cover;
	}
}

.banner-hm-ten-insights-4ir-2023 .b-contentblock {
	padding: 30px 20px 20px 20px;
}

.banner-hm-ten-insights-4ir .b-wrapper {
	height: 100%;
	padding: 40px 2% 50px 2%;
	clear: both;
}

@media (min-width: 480px) {
	.banner-hm-ten-insights-4ir-2023 .b-wrapper {
		padding: 40px 3% 50px 3%;
	}
}

@media (min-width: 768px) {
	.banner-hm-ten-insights-4ir-2023 .b-wrapper {
		padding: 6vh 2% 50px 2%;
	}
}

@media (min-width: 992px) {
	.banner-hm-ten-insights-4ir-2023 .b-wrapper {
		padding: 7vh 5% 50px 5%;
	}
}

@media (min-width: 1200px) {
	.banner-hm-ten-insights-4ir-2023 .b-wrapper {
		padding: 10vh 8% 50px 5%;
	}
}

@media (min-width: 1600px) {
	.banner-hm-ten-insights-4ir-2023 .b-wrapper {
		padding: 14vh 20% 50px 7%;
	}
}

@media (min-width: 1920px) {
	.banner-hm-ten-insights-4ir-2023 .b-wrapper {
		padding: 18vh 25% 50px 10%;
	}
}

.banner-hm-ten-insights-4ir-2023 h1 {
	margin-bottom: 0.1em;
	color: #0054a6;
	/*--color:#ee2b37;--*/
}

.banner-hm-ten-insights-4ir-2023 h3 {
	margin-bottom: 0.2em;
}

.banner-hm-ten-insights-4ir-2023 p {
	color: #555;
}

.banner-hm-ten-insights-4ir-2023 p.lead {
	color: #555;
	margin-bottom: 0.4em;
	font-size: 1.0em;
}

.banner-hm-ten-insights-4ir-2023 p.descriptor {
	color: #999;
	margin-bottom: 0.4em;
	font-size: 0.78em;
	font-style: italic;
}

.banner-hm-ten-insights-4ir-2023 ul {
	margin-bottom: 1em;
}

.banner-hm-ten-insights-4ir-2023 li {
	font-size: 1.1em;
	color: #000;
	margin: 0 0 0.5em 0;
}

.banner-hm-ten-insights-4ir-2023 li strong {
	color: #000;
}

.banner-hm-ten-insights-4ir-2023 li a {
	color: #000;
}

.banner-hm-ten-insights-4ir-2023 li a:hover {
	color: #0054a6;
}


/*----Home Banner - Modernisation in Mining 2023---*/
.banner-hm-mim-23 {
	background: url(../../../images/banners/banner-hm-mim-23.jpg) right center no-repeat;
	background-size: auto 100%;
	text-align: left;
}

@media (min-width: 992px) {
	.banner-hm-mim-23 {
		background-position: right center;
		background-size: cover;
	}
}

.banner-hm-mim-23 .b-wrapper {
	height: 100%;
	padding: 40px 2% 50px 2%;
	clear: both;
}

@media (min-width: 480px) {
	.banner-hm-mim-23 .b-wrapper {
		padding: 40px 3% 50px 3%;
	}
}

@media (min-width: 768px) {
	.banner-hm-mim-23 .b-wrapper {
		padding: 6vh 2% 50px 2%;
	}
}

@media (min-width: 992px) {
	.banner-hm-mim-23 .b-wrapper {
		padding: 7vh 5% 50px 5%;
	}
}

@media (min-width: 1200px) {
	.banner-hm-mim-23 .b-wrapper {
		padding: 10vh 8% 50px 5%;
	}
}

@media (min-width: 1600px) {
	.banner-hm-mim-23 .b-wrapper {
		padding: 14vh 20% 50px 7%;
	}
}

@media (min-width: 1920px) {
	.banner-hm-mim-23 .b-wrapper {
		padding: 18vh 25% 50px 10%;
	}
}

.banner-hm-mim-23 h1 {
	margin-bottom: 0.1em;
}

.banner-hm-mim-23 p {
	color: #555;
}

.banner-hm-mim-23 p.lead {
	color: #555;
	margin-bottom: 0.4em;
	font-size: 1.0em;
}

.banner-hm-mim-23 p.descriptor {
	color: #999;
	margin-bottom: 0.4em;
	font-size: 0.78em;
	font-style: italic;
}

.banner-hm-mim-23 ul {
	margin-bottom: 0.3em;
}

.banner-hm-mim-23 li {
	font-size: 0.9em;
	color: #ae122a;
	margin: 0 0 0.3em 0;
}

.banner-hm-mim-23 li strong {
	color: #ae122a;
}

.banner-hm-mim-23 li a {
	color: #ae122a;
}

.banner-hm-mim-23 li a:hover {
	color: #000;
}

/*---Home banner--Women in Mining SP Heroes '22--*/
.banner-hm-wim-sp-heroes-22 {
	background: url(../../../images/banners/banner-hm-wim-sp-heroes-22.jpg) left 0px no-repeat;
	background-size: cover;
	background-position: left top;
	text-align: left;
}

@media (min-width: 1600px) {
	.banner-hm-wim-sp-heroes-22 {
		background-position: left -50px;
	}
}

.banner-hm-wim-sp-heroes-22 .b-contentblock {
	padding: 20px 10px 10px 10px;
}

@media (min-width: 768px) {
	.banner-hm-wim-sp-heroes-22 .b-contentblock {
		padding: 25px 15px 15px 15px;
	}
}

@media (min-width: 992px) {
	.banner-hm-wim-sp-heroes-22 .b-contentblock {
		padding: 30px 25px 25px 25px;
	}
}

.banner-hm-wim-sp-heroes-22 h1 {}

.banner-hm-wim-sp-heroes-22 h3 {}

.banner-hm-wim-sp-heroes-22 .b-wrapper {
	height: 100%;
	padding: 40px 2% 50px 2%;
	clear: both;
}

@media (min-width: 480px) {
	.banner-hm-wim-sp-heroes-22 .b-wrapper {
		padding: 40px 3% 50px 3%;
	}
}

@media (min-width: 768px) {
	.banner-hm-wim-sp-heroes-22 .b-wrapper {
		padding: 6vh 2% 50px 2%;
	}
}

@media (min-width: 992px) {
	.banner-hm-wim-sp-heroes-22 .b-wrapper {
		padding: 7vh 2% 50px 2%;
	}
}

@media (min-width: 1200px) {
	.banner-hm-wim-sp-heroes-22 .b-wrapper {
		padding: 10vh 2% 50px 22%;
	}
}

@media (min-width: 1600px) {
	.banner-hm-wim-sp-heroes-22 .b-wrapper {
		padding: 14vh 4% 50px 30%;
	}
}

@media (min-width: 1920px) {
	.banner-hm-wim-sp-heroes-22 .b-wrapper {
		padding: 18vh 5% 50px 30%;
	}
}

.banner-hm-wim-sp-heroes-22 h2 {
	font-size: 1.7em;
	margin-bottom: 0.3em;
	font-weight: 700;
	line-height: 1.1em;
	color: #97d700;
}

@media (min-width: 480px) {
	.banner-hm-wim-sp-heroes-22 h2 {
		font-size: 1.7em;
	}
}

@media (min-width: 768px) {
	.banner-hm-wim-sp-heroes-22 h2 {
		font-size: 1.7em;
	}
}

@media (min-width: 992px) {
	.banner-hm-wim-sp-heroes-22 h2 {
		font-size: 1.75em;
	}
}

@media (min-width: 1200px) {
	.banner-hm-wim-sp-heroes-22 h2 {
		font-size: 1.8em;
	}
}

@media (min-width: 1600px) {
	.banner-hm-wim-sp-heroes-22 h2 {
		font-size: 2.2em;
	}
}

.banner-hm-wim-sp-heroes-22 p {
	font-size: 1em;
	margin-bottom: 1em;
}

.banner-hm-wim-sp-heroes-22 p.lead {
	font-size: 1.2em;
	text-align: left;
	color: #007749;
	font-weight: 500;
}

.banner-hm-wim-sp-heroes-22 p.lead strong {
	display: inline;
}

.banner-hm-wim-sp-heroes-22 p.lead span {
	display: inline;
}

.banner-hm-wim-sp-heroes-22 p a {
	color: #0054a6 !important;
}

.banner-hm-wim-sp-heroes-22 p a:hover {
	color: #000 !important;
}

.banner-hm-wim-sp-heroes-22 li {
	margin: 0 0 0.5em 0;
}

.banner-hm-wim-sp-heroes-22 img {
	margin: 0 auto 10px auto;
}

.banner-hm-wim-sp-heroes-22 img.thumb {
	border: 1px solid #999;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
	-webkit-transition: transform 0.2s ease;
	transition: transform 0.2s ease;
}

.banner-hm-wim-sp-heroes-22 img.thumb:hover {
	transform: scale(1.05);
}

.banner-hm-wim-sp-heroes-22 a.btn:hover {
	color: #fff !important;
	background: #000;
}


/*----Home Banner Facts and Figures 2022 - 6 Feb 2023---*/
.banner-hm-ff-2022 {
	background: #89acc8 url(../../../images/banners/banner-hm-ff-2022.jpg) left 0px no-repeat;
	background-size: cover;
	text-align: left;
}

@media (min-width: 480px) {
	.banner-hm-ff-2022 {
		background-position: left 0px;
	}
}

@media (min-width: 768px) {
	.banner-hm-ff-2022 {
		background-position: left 0px;
	}
}

@media (min-width: 992px) {
	.banner-hm-ff-2022 {
		background-position: left 0px;
	}
}

@media (min-width: 1200px) {
	.banner-hm-ff-2022 {
		background-position: left 35px;
	}
}

@media (min-width: 1600px) {
	.banner-hm-ff-2022 {
		background-position: left 35px;
	}
}

.banner-hm-ff-2022 .b-wrapper {
	height: 100%;
	padding: 40px 1% 50px 1%;
	clear: both;
}

@media (min-width: 480px) {
	.banner-hm-ff-2022 .b-wrapper {
		padding: 40px 2% 50px 2%;
	}
}

@media (min-width: 768px) {
	.banner-hm-ff-2022 .b-wrapper {
		padding: 5vh 2% 50px 2%;
	}
}

@media (min-width: 992px) {
	.banner-hm-ff-2022 .b-wrapper {
		padding: 5vh 2% 50px 2%;
	}
}

@media (min-width: 1200px) {
	.banner-hm-ff-2022 .b-wrapper {
		padding: 8vh 2% 50px 2%;
	}
}

@media (min-width: 1600px) {
	.banner-hm-ff-2022 .b-wrapper {
		padding: 9vh 4% 50px 4%;
	}
}

@media (min-width: 1920px) {
	.banner-hm-ff-2022 .b-wrapper {
		padding: 12vh 6% 50px 6%;
	}
}

.banner-hm-ff-2022 .b-contentblock {
	margin-top: 10px;
	margin-bottom: 20px;
}

@media (min-width: 768px) {
	.banner-hm-ff-2022 .b-contentblock {
		margin-top: 20px;
	}
}

@media (min-width: 992px) {
	.banner-hm-ff-2022 .b-contentblock {
		margin-top: 40px;
	}
}

@media (min-width: 1200px) {
	.banner-hm-ff-2022 .b-contentblock {
		margin-top: 40px;
		min-height: 370px;
	}
}

@media (min-width: 1600px) {
	.banner-hm-ff-2022 .b-contentblock {
		margin-top: 50px;
		min-height: 370px;
	}
}

.banner-hm-ff-2022 .header {}

.banner-hm-ff-2022 h1 {
	font-weight: 800;
	margin-bottom: 0.1em;
}

.banner-hm-ff-2022 h2 {}

.banner-hm-ff-2022 h3 {
	margin-bottom: 0em;
}

.banner-hm-ff-2022 h3 span {
	display: inline !important;
	color: #0054a6;
}

.banner-hm-ff-2022 h4 {
	font-size: 1.3em;
	line-height: 1.3em;
	margin-bottom: 0em;
}

.banner-hm-ff-2022 h5 {
	display: block;
	vertical-align: top;
	margin-left: 10px;
	color: #000;
	margin-bottom: 0.1em;
	text-align: center;
}

.banner-hm-ff-2022 p {
	font-size: 0.9em;
}

.banner-hm-ff-2022 p.lead {}

.banner-hm-ff-2022 p.descriptor {
	margin-bottom: 0.3em !important;
}

.banner-hm-ff-2022 img.icon-hdr {
	width: 100%;
	max-width: 350px;
	margin-top: 35px;
	margin-bottom: 20px;
}

@media (min-width: 768px) {
	.banner-hm-ff-2022 img.icon-hdr {
		margin-top: 35px;
	}
}

@media (min-width: 992px) {
	.banner-hm-ff-2022 img.icon-hdr {
		margin-top: 50px;
	}
}

@media (min-width: 1200px) {
	.banner-hm-ff-2022 img.icon-hdr {
		margin-top: 60px;
	}
}

@media (min-width: 1600px) {
	.banner-hm-ff-2022 img.icon-hdr {
		margin-top: 70px;
	}
}



.banner-hm-ff-2022 .icon-stats {
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
}

.banner-hm-ff-2022 .icon-stats img {
	margin: 0 auto 10px auto;
	padding: 0;
	width: 100%;
	max-width: 160px;
}

.miningsector {
	display: block;
	padding: 20px 15px;
	text-align: center;
	background: #f0f1f1;
	border: 1px solid #ddd;
}

.miningsector h3 {
	text-align: center;
	color: #0054a6;
	text-transform: none;
	margin-bottom: 0.5em;
}

.banner-hm-ff-2022 .btnblock {
	display: block;
}

.banner-hm-ff-2022 img.icon-ff2021 {
	width: 100%;
	max-width: 150px;
	margin: 0 0 15px 0;
	padding: 0;
}

.banner-hm-ff-2022 a.booklet {
	display: block;
	text-align: center;
	color: #666;
	font-size: 0.9em;
	line-height: 1.2em;
	text-decoration: none;
}

.banner-hm-ff-2022 a.booklet img.icon-ff2021 {
	width: 100%;
	max-width: 150px;
	margin: 0 auto 8px auto;
	padding: 0;
}

.banner-hm-ff-2022 .miningsector {
	display: block;
	padding: 20px 15px;
	text-align: center;
	background: #2cd5c4;
	border: 1px solid #2cd5c4;
}

.banner-hm-ff-2022 .miningsector h3 {
	text-align: center;
	color: #fff;
	text-transform: none;
	margin-bottom: 0.5em;
}



/*---Home banner--January Zero Harm---*/
.banner-hm-january-zero-harm {
	background: url(../../../images/banners/banner-hm-january-zero-harm-3.jpg) left 0px no-repeat;
	background-size: cover;
	background-position: left top;
	text-align: left;
}

@media (min-width: 1600px) {
	.banner-hm-january-zero-harm {
		background-position: left -50px;
	}
}

.banner-hm-january-zero-harm .b-contentblock {
	padding: 20px 10px 10px 10px;
}

@media (min-width: 768px) {
	.banner-hm-january-zero-harm .b-contentblock {
		padding: 25px 15px 15px 15px;
	}
}

@media (min-width: 992px) {
	.banner-hm-january-zero-harm .b-contentblock {
		padding: 30px 25px 25px 25px;
	}
}

.banner-hm-january-zero-harm h1 {
	color: #0054a6;
}

.banner-hm-january-zero-harm h3 {
	color: #0054a6;
}

.banner-hm-january-zero-harm .b-wrapper {
	height: 100%;
	padding: 40px 2% 50px 2%;
	clear: both;
}

@media (min-width: 480px) {
	.banner-hm-january-zero-harm .b-wrapper {
		padding: 40px 3% 50px 3%;
	}
}

@media (min-width: 768px) {
	.banner-hm-january-zero-harm .b-wrapper {
		padding: 6vh 2% 50px 2%;
	}
}

@media (min-width: 992px) {
	.banner-hm-january-zero-harm .b-wrapper {
		padding: 7vh 2% 50px 2%;
	}
}

@media (min-width: 1200px) {
	.banner-hm-january-zero-harm .b-wrapper {
		padding: 10vh 2% 50px 22%;
	}
}

@media (min-width: 1600px) {
	.banner-hm-january-zero-harm .b-wrapper {
		padding: 14vh 4% 50px 30%;
	}
}

@media (min-width: 1920px) {
	.banner-hm-january-zero-harm .b-wrapper {
		padding: 18vh 5% 50px 30%;
	}
}

.banner-hm-january-zero-harm h2 {
	font-size: 1.7em;
	color: #0054a6;
	margin-bottom: 0.3em;
	font-weight: 700;
	line-height: 1.1em;
}

@media (min-width: 480px) {
	.banner-hm-january-zero-harm h2 {
		font-size: 1.7em;
	}
}

@media (min-width: 768px) {
	.banner-hm-january-zero-harm h2 {
		font-size: 1.7em;
	}
}

@media (min-width: 992px) {
	.banner-hm-january-zero-harm h2 {
		font-size: 1.75em;
	}
}

@media (min-width: 1200px) {
	.banner-hm-january-zero-harm h2 {
		font-size: 1.8em;
	}
}

@media (min-width: 1600px) {
	.banner-hm-january-zero-harm h2 {
		font-size: 2.2em;
	}
}

.banner-hm-january-zero-harm p {
	font-size: 1em;
	margin-bottom: 1em;
}

.banner-hm-january-zero-harm p.lead {
	font-size: 1.2em;
	text-align: left;
	color: #007749;
	font-weight: 500;
}

.banner-hm-january-zero-harm p.lead strong {
	display: inline;
}

.banner-hm-january-zero-harm p.lead span {
	display: inline;
	color: #0054a6;
}

.banner-hm-january-zero-harm p a {
	color: #0054a6 !important;
}

.banner-hm-january-zero-harm p a:hover {
	color: #000 !important;
}

.banner-hm-january-zero-harm li {
	margin: 0 0 0.5em 0;
}

.banner-hm-january-zero-harm img {
	margin: 0 auto 10px auto;
}

.banner-hm-january-zero-harm a.btn:hover {
	color: #fff !important;
	background: #000;
}



/*---Home banner-- African Mining Indaba 2023---*/
.banner-hm-ami-2023.ami-green {background: url(../../../images/banners/banner-hm-ami-2023-green.jpg) left 0px no-repeat; background-size: cover; text-align: left;}

.banner-hm-ami-2023.ami-blue {background: url(../../../images/banners/banner-hm-ami-2023-blue.jpg) left 0px no-repeat; background-size: cover; text-align: left;}

.banner-hm-ami-2023.ami-orange {background: url(../../../images/banners/banner-hm-ami-2023-orange.jpg) left 0px no-repeat; background-size: cover; text-align: left;}

.banner-hm-ami-2023.ami-red {background: url(../../../images/banners/banner-hm-ami-2023-red.jpg) left 0px no-repeat; background-size: cover; text-align: left;}

.banner-hm-ami-2023.ami-bluelt {background: url(../../../images/banners/banner-hm-ami-2023-bluelt.jpg) left 0px no-repeat; background-size: cover; text-align: left;}

.banner-hm-ami-2023.ami-green .b-wrapper {height: 100%; padding: 40px 2% 50px 2%; clear: both;}
@media (min-width: 480px) {.banner-hm-ami-2023.ami-green .b-wrapper {padding: 40px 3% 50px 3%;}}
@media (min-width: 768px) {.banner-hm-ami-2023.ami-green .b-wrapper {padding: 6vh 2% 50px 2%;}}
@media (min-width: 992px) {.banner-hm-ami-2023.ami-green .b-wrapper {padding: 6vh 2% 50px 2%;}}
@media (min-width: 1200px) {.banner-hm-ami-2023.ami-green .b-wrapper {padding: 10vh 3% 50px 4%;}}
@media (min-width: 1600px) {.banner-hm-ami-2023.ami-green .b-wrapper {padding: 15vh 8% 50px 9%;}}
@media (min-width: 1920px) {.banner-hm-ami-2023.ami-green .b-wrapper {padding: 17vh 9% 50px 10%;}}

.banner-hm-ami-2023 .b-contentblock {padding: 30px 25px 25px 25px;}

img.header-ami23 {display: block;margin-bottom: 15px;max-width: 320px;}

.banner-hm-ami-2023.ami-green img.logo-mcsa {width: 30%;max-width: 300px;margin: 0 0 15px -10px;}
@media (min-width: 992px) {.banner-hm-ami-2023.ami-green img.logo-mcsa {width: 30%;max-width: 400px}}

.banner-hm-ami-2023 .contentblock-ami-c-grn {background: transparent;margin-left: 0;padding: 10px 0 0 15px;border-left: 5px solid #d7df21;}
@media (min-width: 992px) {.banner-hm-ami-2023 .contentblock-ami-c-grn {margin-left: 15px;padding: 10px 0 0 30px;}}
@media (min-width: 1200px) {.banner-hm-ami-2023 .contentblock-ami-c-grn {margin-left: 15px;padding: 10px 0 0 35px;}}
@media (min-width: 1600px) {.banner-hm-ami-2023 .contentblock-ami-c-grn {margin-left: 15px;padding: 10px 0 0 40px;}}

.banner-hm-ami-2023 .contentblock-ami-c-grn h1 {color: #d7df21;text-transform: none;font-weight: 800;text-shadow: 2px 2px 8px rgba(0, 91, 56, 0.5);}

.banner-hm-ami-2023 .contentblock-ami-c-grn h1.lrg {display: block;margin-left: -30px;padding-left: 30px;font-size: 2.5em;background: url(../../../images/seeyouarrow.svg) left center no-repeat;background-size: 20px;}
@media (min-width: 768px) {.banner-hm-ami-2023 .contentblock-ami-c-grn h1.lrg {font-size: 3em;margin-left: -35px;padding-left: 35px;background-size: 25px;}}
@media (min-width: 992px) {.banner-hm-ami-2023 .contentblock-ami-c-grn h1.lrg {font-size: 3.1em;margin-left: -50px;padding-left: 50px;background-size: 30px;}}
@media (min-width: 1200px) {.banner-hm-ami-2023 .contentblock-ami-c-grn h1.lrg {font-size: 3.3em;margin-left: -55px;padding-left: 55px;}}

@media (min-width: 1600px) {.banner-hm-ami-2023 .contentblock-ami-c-grn h1.lrg {font-size: 3.6em;}}
.banner-hm-ami-2023 .contentblock-ami-c-grn h2 {color: #fff;text-transform: none;text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);}

.banner-hm-ami-2023 .contentblock-ami-c-grn h3 {color: #fff;text-transform: none;font-size: 1.4em;text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);margin-bottom: 0.5em;}
@media (min-width: 992px) {.banner-hm-ami-2023 .contentblock-ami-c-grn h3 {font-size: 1.4em;}}
@media (min-width: 1200px) {.banner-hm-ami-2023 .contentblock-ami-c-grn h3 {font-size: 1.4em;}}
@media (min-width: 1600px) {.banner-hm-ami-2023 .contentblock-ami-c-grn h3 {font-size: 1.5em;}}

.banner-hm-ami-2023 h5 {color: #fff;text-transform: none;}
.banner-hm-ami-2023 h5.imih {display: block;font-size: 0.9em;margin-bottom: 30px;}

.banner-hm-ami-2023 .contentblock-ami-c-grn h5 {margin-bottom: 1em;text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);}
@media (min-width: 1200px) {.banner-hm-ami-2023 .contentblock-ami-c-grn h5 {margin-bottom: 1.5em;}}
@media (min-width: 1600px) {.banner-hm-ami-2023 .contentblock-ami-c-grn h5 {margin-bottom: 2.5em;}}

.banner-hm-ami-2023 .contentblock-ami-c-grn h4.bh {color: #fff;text-transform: none;font-size: 1.3em;text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);margin-bottom: 0.2em;}

.banner-hm-ami-2023 .contentblock-ami-c-grn h5.bh {text-transform: none;margin-bottom: 0.2em;}

.banner-hm-ami-2023 p {text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);}
.banner-hm-ami-2023 p.lead {font-weight: 500;font-size: 1.15em;line-height: 1.4em;margin-bottom: 1em;}
.banner-hm-ami-2023 p.descriptor {margin-bottom: 0.4em !important;}

.banner-hm-ami-2023 ul {margin: 10px 0 15px;padding: 0;}
@media (min-width: 992px) {.banner-hm-ami-2023 ul {margin: 10px 0 15px;}}
@media (min-width: 1200px) {

.banner-hm-ami-2023 ul {margin: 10px 0 15px;}}
@media (min-width: 1600px) {.banner-hm-ami-2023 ul {margin: 10px 0 15px;}}

.banner-hm-ami-2023 li {font-weight: 500;font-size: 1.0em;line-height: 1.4em;margin: 0 0 0.8em 0.9em;padding: 0;color: #fff !important;text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7);}
@media (min-width: 992px) {.banner-hm-ami-2023 li {font-size: 1.0em;}}
@media (min-width: 1200px) {.banner-hm-ami-2023 li {font-size: 1.05em;}}
@media (min-width: 1600px) {.banner-hm-ami-2023 li {font-size: 1.2em;}}

.banner-hm-ami-2023 li a {font-weight: 500;color: #d7df21 !important;padding-bottom: 3px;border-bottom: 0px dotted #d7df21;}

.banner-hm-ami-2023 li a:hover {text-decoration: none;color: #fff !important;border-bottom: 1px dotted #fff;}

.banner-hm-ami-2023 ul hr {border-bottom: 2px dotted #fff !important;text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7);}



/*---Home banner--Gender Based Violence Campaign---*/
.banner-hm-gbvf {
	background: #007749;
	/*--#97d700;--*/
}

.banner-hm-gbvf .b-contentblock {
	padding: 30px 25px 25px 25px;
}

.banner-hm-gbvf h1 {
	color: #007749;
}

.banner-hm-gbvf h2 {
	font-size: 1.8em;
	color: #97d700;
	margin-bottom: 0.2em;
	font-weight: 700;
	line-height: 1.1em;
}

@media (min-width: 480px) {
	.banner-hm-gbvf h2 {
		font-size: 1.9em;
	}
}

@media (min-width: 768px) {
	.banner-hm-gbvf h2 {
		font-size: 1.6em;
	}
}

@media (min-width: 992px) {
	.banner-hm-gbvf h2 {
		font-size: 1.6em;
	}
}

@media (min-width: 1200px) {
	.banner-hm-gbvf h2 {
		font-size: 1.7em;
	}
}

@media (min-width: 1600px) {
	.banner-hm-gbvf h2 {
		font-size: 1.9em;
	}
}

.banner-hm-gbvf h3 {
	color: #007749;
}

.banner-hm-gbvf p {
	color: #666;
}

.banner-hm-gbvf p.lead {
	font-weight: 500;
	font-size: 1.15em;
	line-height: 1.4em;
	margin-bottom: 1em;
}

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

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

@media (min-width: 1200px) {
	.banner-hm-gbvf p.lead {
		font-size: 1em;
		line-height: 1.35em;
	}
}

@media (min-width: 1600px) {
	.banner-hm-gbvf p.lead {
		font-size: 1.1em;
		line-height: 1.45em;
	}
}

.banner-hm-gbvf p.descriptor {
	margin-bottom: 0.4em !important;
}

.banner-hm-gbvf .b-wrapper {
	height: 100%;
	padding: 40px 2% 50px 2%;
	clear: both;
}

@media (min-width: 480px) {
	.banner-hm-gbvf .b-wrapper {
		padding: 40px 3% 50px 3%;
	}
}

@media (min-width: 768px) {
	.banner-hm-gbvf .b-wrapper {
		padding: 6vh 2% 50px 2%;
	}
}

@media (min-width: 992px) {
	.banner-hm-gbvf .b-wrapper {
		padding: 6vh 2% 50px 2%;
	}
}

@media (min-width: 1200px) {
	.banner-hm-gbvf .b-wrapper {
		padding: 10vh 2% 50px 2%;
	}
}

@media (min-width: 1600px) {
	.banner-hm-gbvf .b-wrapper {
		padding: 15vh 6% 50px 5%;
	}
}

@media (min-width: 1920px) {
	.banner-hm-gbvf .b-wrapper {
		padding: 20vh 7% 50px 6%;
	}
}



/*---Home banner--Khumbulekhaya Safety Campaign 2022---*/
.banner-hm-khumbu-safety-campaign-2022 {
	background: url(../../../images/banners/banner-hm-khumbu-safety-campaign-2022.jpg) left 0px no-repeat;
	background-size: cover;
	text-align: left;
}

.banner-hm-khumbu-safety-campaign-2022 .b-contentblock {
	padding: 30px 25px 25px 25px;
}

.banner-hm-khumbu-safety-campaign-2022 h1 {
	color: #0054a6;
}

.banner-hm-khumbu-safety-campaign-2022 h2 {
	margin-bottom: 0.3em
}

.banner-hm-khumbu-safety-campaign-2022 h3 {
	color: #0054a6;
}

.banner-hm-khumbu-safety-campaign-2022 p {}

.banner-hm-khumbu-safety-campaign-2022 p.descriptor {
	margin-bottom: 0.4em !important;
}

.banner-hm-khumbu-safety-campaign-2022 p span {
	font-weight: 700;
}

.banner-hm-khumbu-safety-campaign-2022 .b-wrapper {
	height: 100%;
	padding: 40px 2% 50px 2%;
	clear: both;
}

@media (min-width: 480px) {
	.banner-hm-khumbu-safety-campaign-2022 .b-wrapper {
		padding: 40px 3% 50px 3%;
	}
}

@media (min-width: 768px) {
	.banner-hm-khumbu-safety-campaign-2022 .b-wrapper {
		padding: 6vh 2% 50px 2%;
	}
}

@media (min-width: 992px) {
	.banner-hm-khumbu-safety-campaign-2022 .b-wrapper {
		padding: 6vh 2% 50px 2%;
	}
}

@media (min-width: 1200px) {
	.banner-hm-khumbu-safety-campaign-2022 .b-wrapper {
		padding: 10vh 2% 50px 2%;
	}
}

@media (min-width: 1600px) {
	.banner-hm-khumbu-safety-campaign-2022 .b-wrapper {
		padding: 13vh 6% 50px 5%;
	}
}

@media (min-width: 1920px) {
	.banner-hm-khumbu-safety-campaign-2022 .b-wrapper {
		padding: 15vh 7% 50px 6%;
	}
}

img.klogo {
	display: inline-block;
	vertical-align: top;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 50px;
	margin: 0 5% 25px 0;
}

@media (min-width: 768px) {
	img.klogo {
		max-height: 50px;
	}
}

@media (min-width: 992px) {
	img.klogo {
		max-height: 60px;
	}
}

@media (min-width: 1200px) {
	img.klogo {
		max-height: 70px;
	}
}

@media (min-width: 1600px) {
	img.klogo {
		max-height: 80px;
	}
}

img.klogo.kl-khumbu {}

img.klogo.kl-mcsa {}


/*---Home banner--ROGER BAXTER TO STEP DOWN AS CEO---*/
.banner-hm-roger-baxter-step-down {
	background: url(../../../images/banners/banner-hm-roger-baxter-step-down.jpg) left 0px no-repeat;
	background-size: cover;
	text-align: left;
}

.banner-hm-roger-baxter-step-down .b-wrapper {
	height: 100%;
	padding: 40px 2% 50px 2%;
	clear: both;
}

@media (min-width: 480px) {
	.banner-hm-roger-baxter-step-down .b-wrapper {
		padding: 40px 3% 50px 3%;
	}
}

@media (min-width: 768px) {
	.banner-hm-roger-baxter-step-down .b-wrapper {
		padding: 6vh 2% 50px 2%;
	}
}

@media (min-width: 992px) {
	.banner-hm-roger-baxter-step-down .b-wrapper {
		padding: 6vh 2% 50px 2%;
	}
}

@media (min-width: 1200px) {
	.banner-hm-roger-baxter-step-down .b-wrapper {
		padding: 10vh 2% 50px 2%;
	}
}

@media (min-width: 1600px) {
	.banner-hm-roger-baxter-step-down .b-wrapper {
		padding: 13vh 6% 50px 5%;
	}
}

@media (min-width: 1920px) {
	.banner-hm-roger-baxter-step-down .b-wrapper {
		padding: 15vh 7% 50px 6%;
	}
}

.banner-hm-roger-baxter-step-down .b-contentblock {
	padding: 30px 25px 25px 25px;
}

.banner-hm-roger-baxter-step-down h1 {}

.banner-hm-roger-baxter-step-down h2 {
	margin-bottom: 0.3em;
}

.banner-hm-roger-baxter-step-down h3 {}

.banner-hm-roger-baxter-step-down p {}

.banner-hm-roger-baxter-step-down p.descriptor {
	margin-bottom: 0.4em !important;
}

.banner-hm-roger-baxter-step-down p span {}

img.rb-stepdown {
	width: 100%;
	max-width: 300px;
}



/*---Home banner--MHSC OHST Summit---*/
.banner-hm-mhsc-ohst-summit {
	background: url(../../../images/banners/banner-hm-mhsc-ohst-summit.jpg) left 0px no-repeat;
	background-size: cover;
	text-align: left;
}

.banner-hm-mhsc-ohst-summit .b-contentblock {
	padding: 30px 25px 25px 25px;
}

.banner-hm-mhsc-ohst-summit h1 {
	color: #0054a6;
}

.banner-hm-mhsc-ohst-summit h3 {
	color: #0054a6;
}

.banner-hm-mhsc-ohst-summit .b-wrapper {
	height: 100%;
	padding: 40px 2% 50px 2%;
	clear: both;
}

@media (min-width: 480px) {
	.banner-hm-mhsc-ohst-summit .b-wrapper {
		padding: 40px 3% 50px 3%;
	}
}

@media (min-width: 768px) {
	.banner-hm-mhsc-ohst-summit .b-wrapper {
		padding: 6vh 2% 50px 2%;
	}
}

@media (min-width: 992px) {
	.banner-hm-mhsc-ohst-summit .b-wrapper {
		padding: 6vh 2% 50px 2%;
	}
}

@media (min-width: 1200px) {
	.banner-hm-mhsc-ohst-summit .b-wrapper {
		padding: 12vh 2% 50px 2%;
	}
}

@media (min-width: 1600px) {
	.banner-hm-mhsc-ohst-summit .b-wrapper {
		padding: 20vh 6% 50px 5%;
	}
}

@media (min-width: 1920px) {
	.banner-hm-mhsc-ohst-summit .b-wrapper {
		padding: 20vh 7% 50px 6%;
	}
}

.banner-hm-mhsc-ohst-summit h2 {
	font-size: 1.8em;
	color: #0054a6;
	margin-bottom: 0.3em;
	font-weight: 700;
	line-height: 1.15em;
}

@media (min-width: 480px) {
	.banner-hm-mhsc-ohst-summit h2 {
		font-size: 1.9em;
	}
}

@media (min-width: 768px) {
	.banner-hm-mhsc-ohst-summit h2 {
		font-size: 1.9em;
	}
}

@media (min-width: 992px) {
	.banner-hm-mhsc-ohst-summit h2 {
		font-size: 2.0em;
	}
}

@media (min-width: 1200px) {
	.banner-hm-mhsc-ohst-summit h2 {
		font-size: 2.1em;
	}
}

@media (min-width: 1600px) {
	.banner-hm-mhsc-ohst-summit h2 {
		font-size: 2.2em;
	}
}

.banner-hm-mhsc-ohst-summit p {
	font-size: 1em;
	margin-bottom: 1em;
}

.banner-hm-mhsc-ohst-summit p.lead {
	font-size: 1.2em;
	text-align: left;
	color: #007749;
	font-weight: 500;
}

.banner-hm-mhsc-ohst-summit p.lead strong {
	display: inline;
}

.banner-hm-mhsc-ohst-summit p.lead span {
	display: inline;
	color: #0054a6;
}

.banner-hm-mhsc-ohst-summit p a {
	color: #0054a6 !important;
}

.banner-hm-mhsc-ohst-summit p a:hover {
	color: #000 !important;
}

.banner-hm-mhsc-ohst-summit li {
	margin: 0 0 0.15em 0;
}

.banner-hm-mhsc-ohst-summit img {
	margin: 0 auto 10px auto;
}

.banner-hm-mhsc-ohst-summit a.btn:hover {
	color: #fff !important;
	background: #000;
}


/*-- Home banner:  Joburg Mining Indaba 5 Oct 2022 --*/
.banner-hm-joburg-mining-indaba-202210 {
	background: url(../../../images/banners/banner-hm-joburg-mining-indaba-202210.jpg) center top no-repeat;
	background-size: cover;
}

.banner-hm-joburg-mining-indaba-202210 .b-contentblock {
	padding: 21px 12px 20px 12px;
}

.banner-hm-joburg-mining-indaba-202210 h2 {
	margin-bottom: 0.2em;
	color: #e08227;
	font-size: 2.1em;
}

@media (min-width: 768px) {
	.banner-hm-joburg-mining-indaba-202210 h2 {
		font-size: 2.4em;
	}
}

@media (min-width: 992px) {
	.banner-hm-joburg-mining-indaba-202210 h2 {
		font-size: 2.4em;
	}
}

@media (min-width: 1200px) {
	.banner-hm-joburg-mining-indaba-202210 h2 {
		font-size: 2.1em;
	}
}

@media (min-width: 1600px) {
	.banner-hm-joburg-mining-indaba-202210 h2 {
		font-size: 2.5em;
	}
}

.banner-hm-joburg-mining-indaba-202210 h3 {
	margin-bottom: 0.2em;
	color: #e08227;
	font-size: 1.5em;
	line-height: 1.1em !important;
}

@media (min-width: 768px) {
	.banner-hm-joburg-mining-indaba-202210 h3 {
		font-size: 1.5em;
	}
}

@media (min-width: 992px) {
	.banner-hm-joburg-mining-indaba-202210 h3 {
		font-size: 1.6em;
	}
}

@media (min-width: 1200px) {
	.banner-hm-joburg-mining-indaba-202210 h3 {
		font-size: 1.7em;
	}
}

@media (min-width: 1600px) {
	.banner-hm-joburg-mining-indaba-202210 h3 {
		font-size: 2.0em;
	}
}

.banner-hm-joburg-mining-indaba-202210 h5 {
	margin-bottom: 0.2em;
}

.banner-hm-joburg-mining-indaba-202210 h5.hashtag {
	margin: 5px 0 0.1em 0;
}

.banner-hm-joburg-mining-indaba-202210 h5.hashtag a {
	display: block;
	margin: 0 10px 2px 0;
	font-size: 0.7em;
	color: #e08227;
	line-height: 1.2em;
	font-weight: 500;
}

.banner-hm-joburg-mining-indaba-202210 a.hashtag {
	display: inline-block;
	margin: 0 10px 0.1em 0;
	font-size: 0.9em;
	color: #e08227;
	line-height: 1.2em;
	font-weight: 500;
}

.banner-hm-joburg-mining-indaba-202210 .btn-default {
	margin: 0 0 0.5em 0 !important;
}

.banner-hm-joburg-mining-indaba-202210 p {
	font-size: 1em;
	line-height: 1.4em;
	margin-bottom: 0.3em;
}

@media (min-width: 768px) {
	.banner-hm-joburg-mining-indaba-202210 p {
		font-size: 0.9em;
		line-height: 1.4em;
	}
}

@media (min-width: 992px) {
	.banner-hm-joburg-mining-indaba-202210 p {
		font-size: 0.9em;
		line-height: 1.35em;
	}
}

@media (min-width: 1200px) {
	.banner-hm-joburg-mining-indaba-202210 p {
		font-size: 1em;
		line-height: 1.35em;
	}
}

@media (min-width: 1600px) {
	.banner-hm-joburg-mining-indaba-202210 p {
		font-size: 1.1em;
		line-height: 1.45em;
	}
}

.banner-hm-joburg-mining-indaba-202210 .b-wrapper {
	padding: 5.5vh 1% 10px 1%;
}

@media (min-width: 768px) {
	.banner-hm-joburg-mining-indaba-202210 .b-wrapper {
		padding: 8vh 1% 10px 1%;
	}
}

@media (min-width: 992px) {
	.banner-hm-joburg-mining-indaba-202210 .b-wrapper {
		padding: 10vh 2% 0px 2%;
	}
}

@media (min-width: 1200px) {
	.banner-hm-joburg-mining-indaba-202210 .b-wrapper {
		padding: 11vh 2% 0px 2%;
	}
}

@media (min-width: 1600px) {
	.banner-hm-joburg-mining-indaba-202210 .b-wrapper {
		padding: 13vh 3% 10px 3%;
	}
}

.banner-hm-joburg-mining-indaba-202210 li a {
	color: #e08227;
	font-weight: 700;
	text-decoration: underline;
}

.banner-hm-joburg-mining-indaba-202210 li a:hover {
	color: #000;
}

.banner-hm-joburg-mining-indaba-202210 li:before {
	color: #e08227;
}

/*---Home banner-Jagersfontein---*/
.banner-hm-jagersfontein {
	background: #000;
	text-align: left;
}

/*
.banner-hm-jagersfontein {background:url(../../../images/banners/banner-hm-jagersfontein.jpg) left 0px no-repeat; background-size:cover; text-align:left; } */

.banner-hm-jagersfontein .b-wrapper {
	height: 100%;
	padding: 40px 2% 50px 2%;
	clear: both;
	box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.5);
}

@media (min-width: 480px) {
	.banner-hm-jagersfontein .b-wrapper {
		padding: 40px 3% 50px 3%;
	}
}

@media (min-width: 768px) {
	.banner-hm-jagersfontein .b-wrapper {
		padding: 6vh 2% 50px 2%;
	}
}

@media (min-width: 992px) {
	.banner-hm-jagersfontein .b-wrapper {
		padding: 6vh 2% 50px 2%;
	}
}

@media (min-width: 1200px) {
	.banner-hm-jagersfontein .b-wrapper {
		padding: 12vh 2% 50px 2%;
	}
}

@media (min-width: 1600px) {
	.banner-hm-jagersfontein .b-wrapper {
		padding: 20vh 5% 50px 5%;
	}
}

@media (min-width: 1920px) {
	.banner-hm-jagersfontein .b-wrapper {
		padding: 20vh 6% 50px 6%;
	}
}

.banner-hm-jagersfontein .b-contentblock h1 {
	font-size: 2.3em;
	font-weight: 700;
	color: #00ad69;
}

@media (min-width: 480px) {
	.banner-hm-jagersfontein .b-contentblock h1 {
		font-size: 3.0em;
	}
}

@media (min-width: 768px) {
	.banner-hm-jagersfontein .b-contentblock h1 {
		font-size: 3.2em;
	}
}

@media (min-width: 992px) {
	.banner-hm-jagersfontein .b-contentblock h1 {
		font-size: 2.8em;
	}
}

@media (min-width: 1200px) {
	.banner-hm-jagersfontein .b-contentblock h1 {
		font-size: 3em;
	}
}

@media (min-width: 1600px) {
	.banner-hm-jagersfontein .b-contentblock h1 {
		font-size: 3.5em;
	}
}

.banner-hm-jagersfontein p {
	font-size: 1em;
	margin-bottom: 0.7em;
}

.banner-hm-jagersfontein p.lead {
	font-size: 1.2em;
	text-align: left;
	color: #007749;
	font-weight: 500;
}

.banner-hm-jagersfontein p a {
	color: #ee2b37 !important;
}

.banner-hm-jagersfontein p a:hover {
	color: #000 !important;
}

.banner-hm-jagersfontein li {
	margin: 0 0 0.15em 0;
}

.banner-hm-jagersfontein img {
	margin: 0 auto 10px auto;
}

.banner-hm-jagersfontein a.btn:hover {
	color: #fff !important;
	background: #000;
}





/*--National Day Women in Mining August 2022--*/
.banner-hm-ndwim-2022 {
	background: url(../../../images/banners/banner-hm-ndwim-2022.jpg) center top no-repeat;
	background-size: cover;
	text-align: center;
}

@media (min-width: 480px) {
	.banner-hm-ndwim-2022 {
		background-position: center top;
	}
}

@media (min-width: 768px) {
	.banner-hm-ndwim-2022 {
		background-position: center top;
	}
}

@media (min-width: 992px) {
	.banner-hm-ndwim-2022 {
		background-position: center top;
	}
}

@media (min-width: 1200px) {
	.banner-hm-ndwim-2022 {
		background-position: center top;
	}
}

@media (min-width: 1600px) {
	.banner-hm-ndwim-2022 {
		background-position: center top;
	}
}

.banner-hm-ndwim-2022 .b-wrapper {
	height: 100%;
	padding: 40px 2% 50px 2%;
	clear: both;
}

@media (min-width: 480px) {
	.banner-hm-ndwim-2022 .b-wrapper {
		padding: 40px 3% 50px 3%;
	}
}

@media (min-width: 768px) {
	.banner-hm-ndwim-2022 .b-wrapper {
		padding: 6vh 2% 50px 2%;
	}
}

@media (min-width: 992px) {
	.banner-hm-ndwim-2022 .b-wrapper {
		padding: 6vh 2% 50px 2%;
	}
}

@media (min-width: 1200px) {
	.banner-hm-ndwim-2022 .b-wrapper {
		padding: 12vh 2% 50px 2%;
	}
}

@media (min-width: 1600px) {
	.banner-hm-ndwim-2022 .b-wrapper {
		padding: 15vh 5% 50px 5%;
	}
}

@media (min-width: 1920px) {
	.banner-hm-ndwim-2022 .b-wrapper {
		padding: 20vh 6% 50px 6%;
	}
}

.banner-hm-ndwim-2022 .b-contentblock {
	padding: 20px 10px 20px 10px;
}

.banner-hm-ndwim-2022 .b-contentblock h2 {
	color: #97d700;
	margin-bottom: 0.2em;
	font-size: 2.2em;
	line-height: 1.0em;
	letter-spacing: -1px;
}

@media (min-width: 480px) {
	.banner-hm-ndwim-2022 .b-contentblock h2 {
		font-size: 2.0em;
	}
}

@media (min-width: 768px) {
	.banner-hm-ndwim-2022 .b-contentblock h2 {
		font-size: 2.1em;
	}
}

@media (min-width: 992px) {
	.banner-hm-ndwim-2022 .b-contentblock h2 {
		font-size: 2.2em;
	}
}

@media (min-width: 1200px) {
	.banner-hm-ndwim-2022 .b-contentblock h2 {
		font-size: 2.3em;
	}
}

@media (min-width: 1400px) {
	.banner-hm-ndwim-2022 .b-contentblock h2 {
		font-size: 2.5em;
	}
}

@media (min-width: 1700px) {
	.banner-hm-ndwim-2022 .b-contentblock h2 {
		font-size: 2.8em;
	}
}

@media (min-width: 1900px) {
	.banner-hm-ndwim-2022 .b-contentblock h2 {
		font-size: 3em;
	}
}

.banner-hm-ndwim-2022 .b-contentblock img {
	display: inline-block;
	vertical-align: top;
}

.banner-hm-ndwim-2022 img.logo-mcsa {
	margin: 0 15px 15px 15px;
	padding: 0 15px 0 0;
	max-width: 200px;
	border-right: 1px solid #000;
}

@media (min-width: 768px) {
	.banner-hm-ndwim-2022 img.logo-mcsa {
		max-width: 240px;
	}
}

.banner-hm-ndwim-2022 img.logo-ndwim {
	margin: 0 15px 15px 15px;
	max-width: 200px;
}

@media (min-width: 768px) {
	.banner-hm-ndwim-2022 img.logo-ndwim {
		max-width: 240px;
	}
}

.banner-hm-ndwim-2022 .b-contentblock h1 span {
	color: #000;
	display: inline-block;
	margin-right: 10px;
}

.banner-hm-ndwim-2022 .b-contentblock p {
	color: #000 !important;
	font-size: 1em;
	margin-bottom: 1em;
}

.banner-hm-ndwim-2022 .b-contentblock p.descriptor {
	font-size: 0.8em;
	margin: 10px auto;
}

.banner-hm-ndwim-2022 .b-contentblock p.lead {
	color: #000 !important;
	font-size: 1.2em;
	line-height: 1.5em;
	margin-bottom: 1.2em;
	font-weight: 500;
}

.banner-hm-ndwim-2022 .b-contentblock .btn-default {
	background: #007749;
	font-size: 0.75em;
}

.banner-hm-ndwim-2022 .b-contentblock .btn-default:hover {
	background: #000;
}

.brdr-r {
	border-right: 0px solid #000;
}



/*-- Home banner: Marikana commemoration 2022 --*/
.banner-hm-marikana-2022 {
	background: url(../../../images/banners/banner-hm-marikana-2022.jpg) center top no-repeat;
	background-size: auto 100%;
}

@media (min-width: 992px) {
	.banner-hm-marikana-2022 {
		background-size: cover;
	}
}

.banner-hm-marikana-2022 h1 {}

.banner-hm-marikana-2022 h2 {
	font-weight: 800;
	margin-bottom: 0.3em;
}

.banner-hm-marikana-2022 h3 {}

.banner-hm-marikana-2022 p {
	font-size: 1em;
	margin-bottom: 0.5em;
}

.banner-hm-marikana-2022 p.lead {
	font-size: 1.2em;
	text-align: left;
	font-weight: 700;
}

.banner-hm-marikana-2022 ul {
	margin-bottom: 0.5em;
}

.banner-hm-marikana-2022 li {
	color: #ee2b37;
	font-weight: 500;
	margin-bottom: 0.5em;
	line-height: 1.3em;
}

.banner-hm-marikana-2022 li a {
	color: #ee2b37;
}

.banner-hm-marikana-2022 .b-contentblock li:before {
	color: #ee2b37;
}

.banner-hm-marikana-2022 ul.blocky {
	display: block;
	margin: 5px 0 0px 0;
	padding: 0;
}

.banner-hm-marikana-2022 ul.blocky li {
	display: inline-block;
	color: #fff;
	padding: 5px 10px 7px 10px;
	background: #fcb61a;
	font-weight: 500;
	margin-bottom: 0.5em;
	line-height: 1.2em;
}

.banner-hm-marikana-2022 ul.blocky li a {
	color: #fff;
}

.banner-hm-marikana-2022 .b-contentblock ul.blocky li:before {
	display: none;
}

.banner-hm-marikana-2022 ul.blocky li:hover {
	background: #ee2b37;
}

.banner-hm-marikana-2022 .b-wrapper {
	height: 100%;
	padding: 40px 2% 50px 2%;
	clear: both;
}

@media (min-width: 480px) {
	.banner-hm-marikana-2022 .b-wrapper {
		padding: 40px 3% 50px 3%;
	}
}

@media (min-width: 768px) {
	.banner-hm-marikana-2022 .b-wrapper {
		padding: 6vh 2% 50px 2%;
	}
}

@media (min-width: 992px) {
	.banner-hm-marikana-2022 .b-wrapper {
		padding: 6vh 2% 50px 2%;
	}
}

@media (min-width: 1200px) {
	.banner-hm-marikana-2022 .b-wrapper {
		padding: 12vh 2% 50px 2%;
	}
}

@media (min-width: 1600px) {
	.banner-hm-marikana-2022 .b-wrapper {
		padding: 20vh 5% 50px 5%;
	}
}

@media (min-width: 1920px) {
	.banner-hm-marikana-2022 .b-wrapper {
		padding: 20vh 6% 50px 6%;
	}
}

.banner-hm-marikana-2022 .b-contentblock h1 {
	font-size: 2.8em;
	font-weight: 800;
}

@media (min-width: 480px) {
	.banner-hm-marikana-2022 .b-contentblock h1 {
		font-size: 3.0em;
	}
}

@media (min-width: 768px) {
	.banner-hm-marikana-2022 .b-contentblock h1 {
		font-size: 3.2em;
	}
}

@media (min-width: 992px) {
	.banner-hm-marikana-2022 .b-contentblock h1 {
		font-size: 2.8em;
	}
}

@media (min-width: 1200px) {
	.banner-hm-marikana-2022 .b-contentblock h1 {
		font-size: 3em;
	}
}

@media (min-width: 1600px) {
	.banner-hm-marikana-2022 .b-contentblock h1 {
		font-size: 3.5em;
	}
}



/*---Home banner--SECURITY CHALLENGES IN MINING---*/
.banner-hm-security-2022 {
	background: url(../../../images/banners/security-banner.jpg) left 0px no-repeat;
	background-size: cover;
	text-align: left;
	background-position: bottom;
}

.banner-hm-security-2022 h1 {
	color: #ef3842;
}

.banner-hm-security-2022 h2 {
	color: #ef3842;
	margin-bottom: 0.3em;
}

.banner-hm-security-2022 h3 {
	color: #ef3842;
}

.banner-hm-security-2022 .b-wrapper {
	height: 100%;
	padding: 40px 2% 50px 2%;
	clear: both;
}

@media (min-width: 480px) {
	.banner-hm-security-2022 .b-wrapper {
		padding: 40px 3% 50px 3%;
	}
}

@media (min-width: 768px) {
	.banner-hm-security-2022 .b-wrapper {
		padding: 6vh 2% 50px 2%;
	}
}

@media (min-width: 992px) {
	.banner-hm-security-2022 .b-wrapper {
		padding: 6vh 2% 50px 2%;
	}
}

@media (min-width: 1200px) {
	.banner-hm-security-2022 .b-wrapper {
		padding: 12vh 2% 50px 2%;
	}
}

@media (min-width: 1600px) {
	.banner-hm-security-2022 .b-wrapper {
		padding: 20vh 5% 50px 5%;
	}
}

@media (min-width: 1920px) {
	.banner-hm-security-2022 .b-wrapper {
		padding: 20vh 6% 50px 6%;
	}
}

.banner-hm-security-2022 .b-contentblock h1 {
	font-size: 2.8em;
	font-weight: 800;
}

@media (min-width: 480px) {
	.banner-hm-security-2022 .b-contentblock h1 {
		font-size: 3.0em;
	}
}

@media (min-width: 768px) {
	.banner-hm-security-2022 .b-contentblock h1 {
		font-size: 3.2em;
	}
}

@media (min-width: 992px) {
	.banner-hm-security-2022 .b-contentblock h1 {
		font-size: 2.8em;
	}
}

@media (min-width: 1200px) {
	.banner-hm-security-2022 .b-contentblock h1 {
		font-size: 3em;
	}
}

@media (min-width: 1600px) {
	.banner-hm-security-2022 .b-contentblock h1 {
		font-size: 3.5em;
	}
}



/*---Home banner--Energy Supply Overhaul---*/
.banner-hm-ndhs-2022 {
	background: url(../../../images/banners/banner-hm-ndhs-2022.jpg) left 0px no-repeat;
	background-size: cover;
	text-align: left;
}

.banner-hm-ndhs-2022 h1 {
	color: #0054a6;
}

.banner-hm-ndhs-2022 h2 {
	color: #0054a6;
	margin-bottom: 0.3em;
}

.banner-hm-ndhs-2022 h3 {
	color: #0054a6;
}

.banner-hm-ndhs-2022 .b-wrapper {
	height: 100%;
	padding: 40px 2% 50px 2%;
	clear: both;
}

@media (min-width: 480px) {
	.banner-hm-ndhs-2022 .b-wrapper {
		padding: 40px 3% 50px 3%;
	}
}

@media (min-width: 768px) {
	.banner-hm-ndhs-2022 .b-wrapper {
		padding: 6vh 2% 50px 2%;
	}
}

@media (min-width: 992px) {
	.banner-hm-ndhs-2022 .b-wrapper {
		padding: 6vh 2% 50px 2%;
	}
}

@media (min-width: 1200px) {
	.banner-hm-ndhs-2022 .b-wrapper {
		padding: 12vh 2% 50px 2%;
	}
}

@media (min-width: 1600px) {
	.banner-hm-ndhs-2022 .b-wrapper {
		padding: 20vh 5% 50px 5%;
	}
}

@media (min-width: 1920px) {
	.banner-hm-ndhs-2022 .b-wrapper {
		padding: 20vh 6% 50px 6%;
	}
}

.banner-hm-ndhs-2022 .b-contentblock h1 {
	font-size: 2.8em;
	font-weight: 800;
}

@media (min-width: 480px) {
	.banner-hm-ndhs-2022 .b-contentblock h1 {
		font-size: 3.0em;
	}
}

@media (min-width: 768px) {
	.banner-hm-ndhs-2022 .b-contentblock h1 {
		font-size: 3.2em;
	}
}

@media (min-width: 992px) {
	.banner-hm-ndhs-2022 .b-contentblock h1 {
		font-size: 2.8em;
	}
}

@media (min-width: 1200px) {
	.banner-hm-ndhs-2022 .b-contentblock h1 {
		font-size: 3em;
	}
}

@media (min-width: 1600px) {
	.banner-hm-ndhs-2022 .b-contentblock h1 {
		font-size: 3.5em;
	}
}

.banner-hm-ndhs-2022 p {
	font-size: 1em;
	margin-bottom: 0.7em;
}

.banner-hm-ndhs-2022 p.lead {
	font-size: 1.2em;
	text-align: left;
	color: #007749;
	font-weight: 500;
}

.banner-hm-ndhs-2022 p.lead strong {
	display: inline;
}

.banner-hm-ndhs-2022 p.lead span {
	display: inline;
	color: #0054a6;
}

.banner-hm-ndhs-2022 p a {
	color: #0054a6 !important;
}

.banner-hm-ndhs-2022 p a:hover {
	color: #000 !important;
}

.banner-hm-ndhs-2022 li {
	margin: 0 0 0.15em 0;
}

.banner-hm-ndhs-2022 img {
	margin: 0 auto 10px auto;
}

.banner-hm-ndhs-2022 a.btn:hover {
	color: #fff !important;
	background: #000;
}


/*---Home banner--Energy Supply Overhaul---*/
.energy-supply-overhaul {
	background: url(../../../images/banners/energy-supply-overhaul.jpg) left 0px no-repeat;
	background-size: cover;
	text-align: left;
}

.energy-supply-overhaul h1 {
	color: #ef3842;
}

.energy-supply-overhaul h2 {
	color: #ef3842;
}

.energy-supply-overhaul h3 {
	color: #ef3842;
}

.energy-supply-overhaul .b-wrapper {
	height: 100%;
	padding: 40px 2% 50px 2%;
	clear: both;
}

@media (min-width: 480px) {
	.energy-supply-overhaul .b-wrapper {
		padding: 40px 3% 50px 3%;
	}
}

@media (min-width: 768px) {
	.energy-supply-overhaul .b-wrapper {
		padding: 6vh 2% 50px 2%;
	}
}

@media (min-width: 992px) {
	.energy-supply-overhaul .b-wrapper {
		padding: 6vh 2% 50px 2%;
	}
}

@media (min-width: 1200px) {
	.energy-supply-overhaul .b-wrapper {
		padding: 12vh 2% 50px 2%;
	}
}

@media (min-width: 1600px) {
	.energy-supply-overhaul .b-wrapper {
		padding: 20vh 5% 50px 5%;
	}
}

@media (min-width: 1920px) {
	.energy-supply-overhaul .b-wrapper {
		padding: 20vh 6% 50px 6%;
	}
}

.energy-supply-overhaul .b-contentblock h1 {
	font-size: 2.8em;
	font-weight: 800;
}

@media (min-width: 480px) {
	.energy-supply-overhaul .b-contentblock h1 {
		font-size: 3.0em;
	}
}

@media (min-width: 768px) {
	.energy-supply-overhaul .b-contentblock h1 {
		font-size: 3.2em;
	}
}

@media (min-width: 992px) {
	.energy-supply-overhaul .b-contentblock h1 {
		font-size: 2.8em;
	}
}

@media (min-width: 1200px) {
	.energy-supply-overhaul .b-contentblock h1 {
		font-size: 3em;
	}
}

@media (min-width: 1600px) {
	.energy-supply-overhaul .b-contentblock h1 {
		font-size: 3.5em;
	}
}

.energy-supply-overhaul p {
	font-size: 1em;
	margin-bottom: 0.7em;
}

.energy-supply-overhaul p.lead {
	font-size: 1.2em;
	text-align: left;
	color: #666;
	font-weight: 500;
}

.energy-supply-overhaul p a {
	color: #a6192e !important;
}

.energy-supply-overhaul p a:hover {
	color: #000 !important;
}

.energy-supply-overhaul li {
	margin: 0 0 0.15em 0;
}

.energy-supply-overhaul img {
	margin: 0 auto 10px auto;
}

.energy-supply-overhaul .btn-default {
	background: #ef3842;
}

.energy-supply-overhaul a.btn:hover {
	color: #fff !important;
	background: #000;
}




/*-- Home banner:  International Day of Women In Mining 2022 --*/
/*--.banner-hm-intl-women-in-mining-2022 {background:url(../../../images/banners/banner-hm-intl-women-in-mining-2022.jpg) center top no-repeat; background-size:auto 100%;} --*/

.banner-hm-intl-women-in-mining-2022 {
	background: #ffb612
}

@media (min-width: 992px) {
	.banner-hm-intl-women-in-mining-2022 {
		background-size: cover;
	}
}

.banner-hm-intl-women-in-mining-2022 .b-contentblock {
	padding: 25px 15px 25px 15px;
}

.banner-hm-intl-women-in-mining-2022 h2 {
	margin-bottom: 0.2em;
	color: #e08227;
	font-size: 2.1em;
}

@media (min-width: 768px) {
	.banner-hm-intl-women-in-mining-2022 h2 {
		font-size: 2.4em;
	}
}

@media (min-width: 992px) {
	.banner-hm-intl-women-in-mining-2022 h2 {
		font-size: 2.4em;
	}
}

@media (min-width: 1200px) {
	.banner-hm-intl-women-in-mining-2022 h2 {
		font-size: 2.1em;
	}
}

@media (min-width: 1600px) {
	.banner-hm-intl-women-in-mining-2022 h2 {
		font-size: 2.5em;
	}
}

.banner-hm-intl-women-in-mining-2022 h5 {
	margin-bottom: 0.2em;
}

.banner-hm-intl-women-in-mining-2022 h5.hashtag {
	margin: 5px 0 0.1em 0;
}

.banner-hm-intl-women-in-mining-2022 h5.hashtag a {
	display: block;
	margin: 0 10px 2px 0;
	font-size: 0.7em;
	color: #e08227;
	line-height: 1.2em;
	font-weight: 500;
}

.banner-hm-intl-women-in-mining-2022 a.hashtag {
	display: inline-block;
	margin: 0 10px 0.1em 0;
	font-size: 0.9em;
	color: #e08227;
	line-height: 1.2em;
	font-weight: 500;
}

.banner-hm-intl-women-in-mining-2022 .btn-default {
	margin: 0 0 0.5em 0 !important;
}

.banner-hm-intl-women-in-mining-2022 figure.thumb {
	display: block;
	margin: 5px 0;
}

.banner-hm-intl-women-in-mining-2022 p {
	font-size: 1em;
	line-height: 1.4em;
	margin-bottom: 0.7em;
}

@media (min-width: 768px) {
	.banner-hm-intl-women-in-mining-2022 p {
		font-size: 0.9em;
		line-height: 1.4em;
	}
}

@media (min-width: 992px) {
	.banner-hm-intl-women-in-mining-2022 p {
		font-size: 0.9em;
		line-height: 1.35em;
	}
}

@media (min-width: 1200px) {
	.banner-hm-intl-women-in-mining-2022 p {
		font-size: 1em;
		line-height: 1.35em;
	}
}

@media (min-width: 1600px) {
	.banner-hm-intl-women-in-mining-2022 p {
		font-size: 1.1em;
		line-height: 1.45em;
	}
}

.banner-hm-intl-women-in-mining-2022 p.follow {
	margin-bottom: 0.2em;
	font-size: 0.9em;
	line-height: 1.3em;
}

.banner-hm-intl-women-in-mining-2022 {
	padding: 5vh 1% 10px 1%;
}

@media (min-width: 768px) {
	.banner-hm-intl-women-in-mining-2022 .b-wrapper {
		padding: 8vh 1% 10px 1%;
	}
}

@media (min-width: 992px) {
	.banner-hm-intl-women-in-mining-2022 .b-wrapper {
		padding: 6vh 2% 0px 2%;
	}
}

@media (min-width: 1200px) {
	.banner-hm-intl-women-in-mining-2022 .b-wrapper {
		padding: 8vh 2% 0px 2%;
	}
}

@media (min-width: 1600px) {
	.banner-hm-intl-women-in-mining-2022 .b-wrapper {
		padding: 15vh 3% 10px 3%;
	}
}

img.header-idwim22 {
	width: 100%;
	max-width: 480px;
	margin-bottom: 1em;
}

.joinus h3 {
	color: #e08227;
	font-weight: 800;
	margin-bottom: 0.1em !important;
	font-size: 1.7em;
	line-height: 1.2em;
}

.joinus p {
	color: #e08227;
	font-weight: 700;
}

.logorow {
	display: block;
}

img.logos-mcsawim {
	display: inline-block;
	vertical-align: top;
	width: 70%;
	max-width: 300px;
}

img.logo-wimsa {
	display: inline-block;
	vertical-align: top;
	float: right;
	width: 20%;
	max-width: 150px;
}

a.idwim-hashtag {
	display: inline-block;
	margin: 0 10px 0.1em 0;
	font-size: 1em;
	color: #e08227 !important;
	line-height: 1.2em;
	font-weight: 600;
}



/*-- Junior Indaba --*/
.banner-hm-junior-indaba {
	background: #000;
}

.banner-hm-junior-indaba .b-contentblock {
	background: transparent;
	padding: 0px 20px 20px 20px;
}

.banner-hm-junior-indaba .b-wrapper {
	padding: 5vh 1% 50px 1%;
}

@media (min-width: 768px) {
	.banner-hm-junior-indaba .b-wrapper {
		padding: 8vh 2% 50px 1%;
	}
}

@media (min-width: 992px) {
	.banner-hm-junior-indaba .b-wrapper {
		padding: 10vh 2% 50px 1%;
	}
}

@media (min-width: 1200px) {
	.banner-hm-junior-indaba .b-wrapper {
		padding: 10vh 2% 50px 6%;
	}
}

@media (min-width: 1600px) {
	.banner-hm-junior-indaba .b-wrapper {
		padding: 15vh 1% 50px 10%;
	}
}

.banner-hm-junior-indaba h1 {
	display: inline-block;
	color: #fff;
	margin-bottom: 0.2em;
	padding-bottom: 0.2em;
	border-bottom: 2px solid #ababab;
	font-size: 2.0em;
}

@media (min-width: 480px) {
	.banner-hm-junior-indaba h1 {
		font-size: 2.3em;
	}
}

@media (min-width: 768px) {
	.banner-hm-junior-indaba h1 {
		font-size: 2.4em;
	}
}

@media (min-width: 992px) {
	.banner-hm-junior-indaba h1 {
		font-size: 2.9em;
	}
}

@media (min-width: 1200px) {
	.banner-hm-junior-indaba h1 {
		font-size: 3.5em;
	}
}

@media (min-width: 1600px) {
	.banner-hm-junior-indaba h1 {
		font-size: 4.2em;
	}
}

.banner-hm-junior-indaba h2 {
	display: block;
	color: #f16603;
	margin-bottom: 0.5em;
	text-transform: none !important;
	font-size: 1.6em;
}

@media (min-width: 768px) {
	.banner-hm-junior-indaba h2 {
		font-size: 1.8em;
	}
}

@media (min-width: 992px) {
	.banner-hm-junior-indaba h2 {
		font-size: 2.0em;
	}
}

@media (min-width: 1200px) {
	.banner-hm-junior-indaba h2 {
		font-size: 2.4em;
	}
}

@media (min-width: 1600px) {
	.banner-hm-junior-indaba h2 {
		font-size: 2.9em;
	}
}

.banner-hm-junior-indaba h2 a {
	color: #f16603;
}

.banner-hm-junior-indaba h2 a:hover {
	color: #fff;
}

.banner-hm-junior-indaba h3 {
	display: block;
	color: #f16603;
	text-transform: uppercase;
	margin-bottom: 0.2em;
	font-size: 2em;
}

.banner-hm-junior-indaba h4 {
	color: #f16603;
}

.banner-hm-junior-indaba h4.block {
	display: inline-block;
	color: #fff;
	background: #f16603;
	padding: 7px 10px;
	line-height: 1em;
	margin-bottom: 20px;
	text-transform: uppercase;
	font-size: 0.85em;
}

@media (min-width: 768px) {
	.banner-hm-junior-indaba h4.block {
		font-size: 0.9em;
	}
}

@media (min-width: 992px) {
	.banner-hm-junior-indaba h4.block {
		font-size: 0.75em;
	}
}

@media (min-width: 1200px) {
	.banner-hm-junior-indaba h4.block {
		font-size: 0.8em;
	}
}

@media (min-width: 1600px) {
	.banner-hm-junior-indaba h4.block {
		font-size: 0.97em;
	}
}


.banner-hm-junior-indaba h5 {
	display: inline-block;
	color: #fff;
	border: 3px solid #f16603;
	padding: 5px 7px;
	line-height: 1.1em;
	text-transform: uppercase;
}

.banner-hm-junior-indaba p {
	color: #fff;
}

.banner-hm-junior-indaba img.tji-logo {
	margin-bottom: 1.3em;
	width: 100%;
	max-width: 650px;
}

.banner-hm-junior-indaba img.header {
	display: block;
	margin-bottom: 0.5em;
	width: auto;
	max-width: 100%;
}

.banner-hm-junior-indaba img.speaker {
	display: inline-block;
	vertical-align: top;
	float: left;
	margin: 0 15px 0.5em 0;
	width: 145px;
	max-width: 100%;
}

.banner-hm-junior-indaba a.btn-default {
	background: #f16603;
}

.banner-hm-junior-indaba a.btn-default:hover {
	background: #fff;
	color: #000 !important;
}




/*----AGM 2022 - V.2. - NOT USED!!---*/
.banner-hm-agm-2022-v2 {
	background: url(../../../images/banners/banner-hm-agm-2022.jpg) center top no-repeat;
	background-size: auto 100%;
}

@media (min-width: 992px) {
	.banner-hm-agm-2022-v2 {
		background-size: cover;
	}
}

.banner-hm-agm-2022-v2 sup {
	text-transform: lowercase
}

.banner-hm-agm-2022-v2 .b-wrapper {
	height: 100%;
	min-height: 300px;
	text-align: left;
	padding: 40px 2% 50px 2%;
	clear: both;
}

@media (min-width: 480px) {
	.banner-hm-agm-2022-v2 .b-wrapper {
		padding: 40px 3% 50px 3%;
		min-height: 748px;
	}
}

@media (min-width: 768px) {
	.banner-hm-agm-2022-v2 .b-wrapper {
		padding: 40px 3% 50px 3%;
		min-height: 748px;
	}
}

@media (min-width: 992px) {
	.banner-hm-agm-2022-v2 .b-wrapper {
		padding: 5vh 3% 50px 3%;
		min-height: 748px;
	}
}

@media (min-width: 1200px) {
	.banner-hm-agm-2022-v2 .b-wrapper {
		padding: 12vh 3% 50px 3%;
		min-height: 748px;
	}
}

@media (min-width: 1600px) {
	.banner-hm-agm-2022-v2 .b-wrapper {
		padding: 16vh 5% 50px 5%;
		min-height: 748px;
	}
}

.banner-hm-agm-2022-v2 h2 {
	margin-bottom: 0.3em;
}

.banner-hm-agm-2022-v2 img.brdr {
	width: 100%;
	max-width: 280px;
	min-width: 160px;
	margin-top: 0;
}


/*----132nd AGM 2022---*/
.banner-hm-agm-2022 {
	background: url(../../../images/banners/banner-hm-agm-2022.jpg) center top no-repeat;
	background-size: auto 100%;
}

@media (min-width: 992px) {
	.banner-hm-agm-2022 {
		background-size: cover;
	}
}

.banner-hm-agm-2022 h1 {
	margin-bottom: 0.2em;
}

.banner-hm-agm-2022 h2 {
	margin-bottom: 0.2em;
}

.banner-hm-agm-2022 sup {
	text-transform: lowercase
}

.banner-hm-agm-2022 .b-wrapper {
	height: 100%;
	min-height: 300px;
	text-align: left;
	padding: 40px 2% 50px 2%;
	clear: both;
}

@media (min-width: 480px) {
	.banner-hm-agm-2022 .b-wrapper {
		padding: 40px 3% 50px 3%;
		min-height: 748px;
	}
}

@media (min-width: 768px) {
	.banner-hm-agm-2022 .b-wrapper {
		padding: 40px 3% 50px 3%;
		min-height: 748px;
	}
}

@media (min-width: 992px) {
	.banner-hm-agm-2022 .b-wrapper {
		padding: 5vh 3% 50px 3%;
		min-height: 748px;
	}
}

@media (min-width: 1200px) {
	.banner-hm-agm-2022 .b-wrapper {
		padding: 12vh 3% 50px 3%;
		min-height: 748px;
	}
}

@media (min-width: 1600px) {
	.banner-hm-agm-2022 .b-wrapper {
		padding: 16vh 5% 50px 5%;
		min-height: 748px;
	}
}

.banner-hm-agm-2022 img.groupshot {
	width: 100%;
	max-width: 350px;
}



/*----AIR 2021---*/
.banner-hm-air-2021 {
	background: url(../../../images/banners/banner-hm-air-2021.jpg) center top no-repeat;
	background-size: auto 100%;
}

@media (min-width: 992px) {
	.banner-hm-air-2021 {
		background-size: cover;
	}
}

.banner-hm-air-2021 .b-wrapper {
	height: 100%;
	min-height: 300px;
	text-align: left;
	padding: 40px 2% 50px 2%;
	clear: both;
}

@media (min-width: 480px) {
	.banner-hm-air-2021 .b-wrapper {
		padding: 40px 3% 50px 3%;
		min-height: 748px;
	}
}

@media (min-width: 768px) {
	.banner-hm-air-2021 .b-wrapper {
		padding: 40px 3% 50px 3%;
		min-height: 748px;
	}
}

@media (min-width: 992px) {
	.banner-hm-air-2021 .b-wrapper {
		padding: 5vh 3% 50px 3%;
		min-height: 748px;
	}
}

@media (min-width: 1200px) {
	.banner-hm-air-2021 .b-wrapper {
		padding: 12vh 3% 50px 3%;
		min-height: 748px;
	}
}

@media (min-width: 1600px) {
	.banner-hm-air-2021 .b-wrapper {
		padding: 16vh 5% 50px 5%;
		min-height: 748px;
	}
}

.banner-hm-air-2021 h1 {
	margin-bottom: 0.3em;
}

.banner-hm-air-2021 h2 {
	margin-bottom: 0.3em;
}

.banner-hm-air-2021 p {
	line-height: 1.4em;
}

.banner-hm-air-2021 img.cover {
	width: 100%;
	max-width: 240px;
	border: 2px solid #fff;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
	margin-bottom: 15px;
	-webkit-transition: transform 0.2s ease;
	transition: transform 0.2s ease;
}

@media (min-width: 768px) {
	.banner-hm-air-2021 img.cover {
		max-width: 250px;
	}
}

.banner-hm-air-2021 img.cover:hover {
	border: 2px solid #fff;
	transform: scale(1.05);
}

.banner-hm-air-2021 .btn-default {
	font-size: 0.75em;
}

@media (min-width: 992px) {
	.banner-hm-air-2021 .btn-default {
		font-size: 0.8em;
	}
}

.banner-hm-air-2021 .bc-red .btn-default.hil {
	background: #ae122a;
	color: #fff;
	font-size: 0.8em;
}

.banner-hm-air-2021 .bc-red .btn-default.hil:hover {
	background: #000;
}

.banner-hm-air-2021 .bc-blue .btn-default.hil {
	background: #0055a6;
	color: #fff;
	font-size: 0.8em;
}

.banner-hm-air-2021 .bc-blue .btn-default.hil:hover {
	background: #0054a6;
}


/*----Home banner - African Mining Indaba 2022 Week ---*/
.banner-hm-amiweek-2022 {
	background: #89acc8 url(../../../images/banners/banner-hm-ami2-2022.jpg) left top no-repeat;
	background-size: cover;
	text-align: left;
}

.banner-hm-amiweek-2022 .b-wrapper {
	padding: 5vh 1% 50px 1%;
}

@media (min-width: 768px) {
	.banner-hm-amiweek-2022 .b-wrapper {
		padding: 5vh 2% 50px 2%;
	}
}

@media (min-width: 992px) {
	.banner-hm-amiweek-2022 .b-wrapper {
		padding: 8vh 2% 50px 2%;
	}
}

@media (min-width: 1200px) {
	.banner-hm-amiweek-2022 .b-wrapper {
		padding: 9vh 2% 50px 2%;
	}
}

@media (min-width: 1600px) {
	.banner-hm-amiweek-2022 .b-wrapper {
		padding: 10vh 4% 50px 4%;
	}
}

.banner-hm-amiweek-2022 .brdr-r {
	border-right: 2px solid #999
}

.banner-hm-amiweek-2022 .brdr-l {
	border-left: 2px solid #ccc !important;
}

.banner-hm-amiweek-2022 .b-contentblock {
	margin-bottom: 1em;
	min-height: 390px;
}

.banner-hm-amiweek-2022 .b-contentblock .mainhead {
	margin-bottom: 1em;
}

.banner-hm-amiweek-2022 .b-contentblock .mainhead h1,
.banner-hm-amiweek-2022 .b-contentblock .mainhead h2 {
	margin-bottom: 0.1em !important;
	line-height: 1em;
}

.banner-hm-amiweek-2022 .b-contentblock .mainhead h3 {
	margin-bottom: 0.5em !important;
}

.banner-hm-amiweek-2022 .b-contentblock h1 {
	font-size: 2.8em;
	font-weight: 800;
	margin-bottom: 0.1em;
}

@media (min-width: 480px) {
	.banner-hm-amiv-2021 .b-contentblock h1 {
		font-size: 3.0em;
	}
}

@media (min-width: 768px) {
	.banner-hm-amiv-2021 .b-contentblock h1 {
		font-size: 3.2em;
	}
}

@media (min-width: 992px) {
	.banner-hm-amiv-2021 .b-contentblock h1 {
		font-size: 2.8em;
	}
}

@media (min-width: 1200px) {
	.banner-hm-amiv-2021 .b-contentblock h1 {
		font-size: 3em;
	}
}

@media (min-width: 1600px) {
	.banner-hm-amiv-2021 .b-contentblock h1 {
		font-size: 4em;
	}
}

.banner-hm-amiweek-2022 .b-contentblock h2 {
	color: #af122a !important;
	font-weight: 800;
	font-size: 2.2em;
	line-height: 1.0em;
	margin-bottom: 0.1em;
}

.banner-hm-amiweek-2022 .b-contentblock h3 {
	color: #af122a !important;
	font-weight: 800;
	font-size: 1.8em;
	line-height: 1.0em;
	margin-bottom: 0.1em;
}

@media (min-width: 1280px) {
	.banner-hm-amiweek-2022 .b-contentblock h3 {
		font-size: 2em;
	}
}

.banner-hm-amiweek-2022 .b-contentblock h4 {
	font-weight: 800;
	font-size: 1.15em;
	text-transform: uppercase;
	margin-bottom: 0.5em;
	line-height: 1.2em;
}

@media (min-width: 992px) {
	.banner-hm-amiv-2021 .b-contentblock h4 {
		font-size: 1.25em;
	}
}

@media (min-width: 1200px) {
	.banner-hm-amiv-2021 .b-contentblock h4 {
		font-size: 1.3em;
	}
}

@media (min-width: 1600px) {
	.banner-hm-amiv-2021 .b-contentblock h4 {
		font-size: 1.4em;
	}
}

.banner-hm-amiweek-2022 .b-contentblock h5 {
	display: block;
	color: #000 !important;
	margin-bottom: 0.3em;
	font-size: 1.1em;
	line-height: 1.1em;
}

@media (min-width: 1200px) {
	.banner-hm-amiweek-2022 .b-contentblock h5 {
		font-size: 1.2em;
	}
}

@media (min-width: 1600px) {
	.banner-hm-amiweek-2022 .b-contentblock h5 {
		font-size: 1.3em;
	}
}

.banner-hm-amiweek-2022 .b-contentblock p {
	margin-bottom: 0.5em;
	font-size: 0.9em;
	line-height: 1.2em;
}

@media (min-width: 1200px) {
	.banner-hm-amiweek-2022 .b-contentblock p {
		font-size: 1em;
	}
}

.banner-hm-amiweek-2022 .b-contentblock date {
	display: block;
	margin-bottom: 0.8em;
	font-size: 0.9em;
	line-height: 1.2em;
	font-style: italic;
}

.banner-hm-amiweek-2022 li {
	font-size: 0.9em;
	line-height: 1.3em;
}

.banner-hm-amiweek-2022 .b-contentblock p.lead {
	font-weight: 500;
	font-size: 1.0em;
}

@media (min-width: 1280px) {
	.banner-hm-amiweek-2022 .b-contentblock p.lead {
		font-size: 1.15em;
	}
}

.banner-hm-amiweek-2022 .b-contentblock img.mb {
	margin-bottom: 1em;
	border: 1px solid #00223e;
}

/*--Amiv Logo--*/
.banner-hm-amiweek-2022 img.logo-mcsa {
	display: block;
	width: 100%;
	max-width: 160px;
	margin: 0px auto 0 auto;
}

.banner-hm-amiweek-2022 img.logo-mcsa.horizontal {
	display: block;
	width: 100%;
	max-width: 300px;
	margin: 0px auto 0 auto;
}

.banner-hm-amiweek-2022 img.logo-ami {
	display: block;
	width: 100%;
	max-width: 200px;
	margin: 0px auto 0 auto;
}

.banner-hm-amiweek-2022 img.logo-ami2 {
	display: block;
	width: 100%;
	max-width: 350px;
	margin: 0 0 15px 0;
}

.banner-hm-amiweek-2022 img.headling {
	margin: 0 0 10px 0;
	max-width: 450px;
}

@media (min-width: 768px) {
	.banner-hm-amiweek-2022 img.headling {
		margin: 10px 0 7px 0;
	}
}

@media (min-width: 992px) {
	.banner-hm-amiweek-2022 img.headling {
		margin: 10px 0 7px 0;
	}
}

@media (min-width: 1200px) {
	.banner-hm-amiweek-2022 img.headling {
		margin: 0 0 7px 0;
	}
}

@media (min-width: 1600px) {
	.banner-hm-amiweek-2022 img.headling {
		margin: 0 0 7px 0;
	}
}

.banner-hm-amiweek-2022 img.mugshot {
	width: 100%;
	max-width: 200px;
	margin: 0 10px 10px 0;
}

.banner-hm-amiweek-2022 img.mugshot2 {
	width: 85px;
	max-width: 90px;
	margin: 0 0 10px 10px;
	float: right;
}

.banner-hm-amiweek-2022 hr {
	margin: 8px 0 12px 0;
}

.banner-hm-amiweek-2022 .btn-default {
	margin-top: 10px;
}

.btn-ami-readmore {
	display: block;
	text-align: center;
	color: #fff;
	background: #97d700;
	border: 0px solid #ccc;
	padding: 6px 20px 6px;
	font-size: 0.8em;
	border-radius: 0;
	max-width: 450px;
	margin-bottom: 15px;
	line-height: 1.1em;
	-webkit-transition: background-color 0.2s ease;
	transition: background-color 0.2s ease;
	text-transform: uppercase;
	font-weight: 500;
}

.b-contentblock .btn-ami-readmore {
	display: inline-block;
	text-align: center;
	color: #fff;
	text-decoration: none;
}

.btn-ami-readmore:hover {
	color: #97d700;
	background: #fff;
	border: 0px solid #d58c16;
}

/*----Logos Only - African Mining Indaba 2022 Week ---*/

.button-and-logo {
	display: block;
	vertical-align: top;
	margin: 0 0 15px 0;
}

@media (min-width: 768px) {
	.button-and-logo {
		display: inline-block;
		margin: 35px 0 20px 0;
	}
}

@media (min-width: 992px) {
	.button-and-logo {
		display: inline-block;
		margin: 30px 0 20px 0;
	}
}

@media (min-width: 1200px) {
	.button-and-logo {
		display: inline-block;
		margin: 35px 0 20px 0;
	}
}

img.ami22-logo {
	display: inline-block;
	vertical-align: top;
	background: #fff;
	padding: 15px 20px;
	width: 330px;
}

@media (min-width: 768px) {
	img.ami22-logo {
		width: 260px;
	}
}

@media (min-width: 992px) {
	img.ami22-logo {
		width: 350px;
	}
}

@media (min-width: 1200px) {
	img.ami22-logo {
		width: 380px;
	}
}

@media (min-width: 1600px) {
	img.ami22-logo {
		width: 440px;
	}
}

.btn-ami-readmore.single {
	font-size: 16px;
	width: 330px;
	margin: 0 0 20px 0;
}

@media (min-width: 768px) {
	.btn-ami-readmore.single {
		margin: 0 0 20px 0;
		width: 260px;
	}
}

@media (min-width: 992px) {
	.btn-ami-readmore.single {
		margin: 0 0 20px 0;
		width: 350px;
	}
}

@media (min-width: 1200px) {
	.btn-ami-readmore.single {
		margin: 0 0 20px 0;
		width: 380px;
	}
}

@media (min-width: 1600px) {
	.btn-ami-readmore.single {
		margin: 0 0 20px 0;
		width: 440px;
	}
}

.banner-hm-ami2-2022 img.heading3 {
	display: block;
	vertical-align: top;
	margin: 0 0 15px 0;
	width: 340px;
}

@media (min-width: 768px) {
	.banner-hm-ami2-2022 img.heading3 {
		display: inline-block;
		margin: 10px 30px 15px 0;
	}
}

@media (min-width: 992px) {
	.banner-hm-ami2-2022 img.heading3 {
		margin: 0px 30px 15px 0;
		width: 420px;
	}
}

@media (min-width: 1200px) {
	.banner-hm-ami2-2022 img.heading3 {
		margin: 0 30px 15px 0;
		width: 450px;
	}
}

@media (min-width: 1600px) {
	.banner-hm-ami2-2022 img.heading3 {
		margin: 0 30px 15px 0;
		width: 500px;
	}
}



/*----Home Banner Facts and Figures 2021 - 4 May 2022---*/
.banner-hm-ff-2021 {
	background: #89acc8 url(../../../images/banners/banner-hm-ff-2021.jpg) left 0px no-repeat;
	background-size: cover;
	text-align: left;
}

@media (min-width: 480px) {
	.banner-hm-ff2020 {
		background-position: left 0px;
	}
}

@media (min-width: 768px) {
	.banner-hm-ff2020 {
		background-position: left 0px;
	}
}

@media (min-width: 992px) {
	.banner-hm-ff2020 {
		background-position: left 0px;
	}
}

@media (min-width: 1200px) {
	.banner-hm-ff2020 {
		background-position: left 35px;
	}
}

@media (min-width: 1600px) {
	.banner-hm-ff2020 {
		background-position: left 35px;
	}
}

.banner-hm-ff-2021 .b-wrapper {
	height: 100%;
	padding: 40px 1% 50px 1%;
	clear: both;
}

@media (min-width: 480px) {
	.banner-hm-ff-2021 .b-wrapper {
		padding: 40px 2% 50px 2%;
	}
}

@media (min-width: 768px) {
	.banner-hm-ff-2021 .b-wrapper {
		padding: 5vh 2% 50px 2%;
	}
}

@media (min-width: 992px) {
	.banner-hm-ff-2021 .b-wrapper {
		padding: 5vh 2% 50px 2%;
	}
}

@media (min-width: 1200px) {
	.banner-hm-ff-2021 .b-wrapper {
		padding: 8vh 2% 50px 2%;
	}
}

@media (min-width: 1600px) {
	.banner-hm-ff-2021 .b-wrapper {
		padding: 9vh 4% 50px 4%;
	}
}

@media (min-width: 1920px) {
	.banner-hm-ff-2021 .b-wrapper {
		padding: 12vh 6% 50px 6%;
	}
}

.banner-hm-ff-2021 .b-contentblock {
	margin-top: 10px;
	margin-bottom: 20px;
}

@media (min-width: 768px) {
	.banner-hm-ff-2021 .b-contentblock {
		margin-top: 20px;
	}
}

@media (min-width: 992px) {
	.banner-hm-ff-2021 .b-contentblock {
		margin-top: 40px;
	}
}

@media (min-width: 1200px) {
	.banner-hm-ff-2021 .b-contentblock {
		margin-top: 40px;
		min-height: 370px;
	}
}

@media (min-width: 1600px) {
	.banner-hm-ff-2021 .b-contentblock {
		margin-top: 50px;
		min-height: 370px;
	}
}

.banner-hm-ff-2021 .header {}

.banner-hm-ff-2021 h1 {
	font-weight: 800;
	margin-bottom: 0.1em;
}

.banner-hm-ff-2021 h2 {}

.banner-hm-ff-2021 h3 {
	margin-bottom: 0em;
}

.banner-hm-ff-2021 h4 {
	font-size: 1.3em;
	line-height: 1.3em;
	margin-bottom: 0em;
}

.banner-hm-ff-2021 h5 {
	display: block;
	vertical-align: top;
	margin-left: 10px;
	color: #000;
	margin-bottom: 0.1em;
	text-align: center;
}

.banner-hm-ff-2021 p {
	font-size: 0.9em;
}

.banner-hm-ff-2021 p.descriptor {
	margin-bottom: 0.3em !important;
}

.banner-hm-ff-2021 img.icon-hdr {
	width: 100%;
	max-width: 350px;
	margin-bottom: 20px;
}

.banner-hm-ff-2021 .icon-stats {
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
}

.banner-hm-ff-2021 .icon-stats img {
	margin: 0 auto 10px auto;
	padding: 0;
	width: 100%;
	max-width: 160px;
}

.miningsector {
	display: block;
	padding: 20px 15px;
	text-align: center;
	background: #f0f1f1;
	border: 1px solid #ddd;
}

.miningsector h3 {
	text-align: center;
	color: #0054a6;
	text-transform: none;
	margin-bottom: 0.5em;
}

.banner-hm-ff-2021 .btnblock {
	display: block;
}

.banner-hm-ff-2021 img.icon-ff2021 {
	width: 100%;
	max-width: 150px;
	margin: 0 0 15px 0;
	padding: 0;
}

.banner-hm-ff-2021 a.booklet {
	display: block;
	text-align: center;
	color: #666;
	font-size: 0.9em;
	line-height: 1.2em;
	text-decoration: none;
}

.banner-hm-ff-2021 a.booklet img.icon-ff2021 {
	width: 100%;
	max-width: 150px;
	margin: 0 auto 8px auto;
	padding: 0;
}



/*---Home banner--Energy Balancing Act---*/
.banner-hm-energy-balancing-act {
	background: url(../../../images/banners/banner-hm-energy-balancing-act.jpg) left 0px no-repeat;
	background-size: cover;
	text-align: left;
}

.banner-hm-energy-balancing-act .b-wrapper {
	height: 100%;
	padding: 40px 2% 50px 2%;
	clear: both;
}

@media (min-width: 480px) {
	.banner-hm-energy-balancing-act .b-wrapper {
		padding: 40px 3% 50px 3%;
	}
}

@media (min-width: 768px) {
	.banner-hm-energy-balancing-act .b-wrapper {
		padding: 6vh 2% 50px 2%;
	}
}

@media (min-width: 992px) {
	.banner-hm-energy-balancing-act .b-wrapper {
		padding: 6vh 2% 50px 2%;
	}
}

@media (min-width: 1200px) {
	.banner-hm-energy-balancing-act .b-wrapper {
		padding: 12vh 2% 50px 2%;
	}
}

@media (min-width: 1600px) {
	.banner-hm-energy-balancing-act .b-wrapper {
		padding: 20vh 5% 50px 5%;
	}
}

@media (min-width: 1920px) {
	.banner-hm-energy-balancing-act .b-wrapper {
		padding: 20vh 6% 50px 6%;
	}
}

.banner-hm-energy-balancing-act .b-contentblock h1 {
	font-size: 2.8em;
	font-weight: 800;
}

@media (min-width: 480px) {
	.banner-hm-energy-balancing-act .b-contentblock h1 {
		font-size: 3.0em;
	}
}

@media (min-width: 768px) {
	.banner-hm-energy-balancing-act .b-contentblock h1 {
		font-size: 3.2em;
	}
}

@media (min-width: 992px) {
	.banner-hm-energy-balancing-act .b-contentblock h1 {
		font-size: 2.8em;
	}
}

@media (min-width: 1200px) {
	.banner-hm-energy-balancing-act .b-contentblock h1 {
		font-size: 3em;
	}
}

@media (min-width: 1600px) {
	.banner-hm-energy-balancing-act .b-contentblock h1 {
		font-size: 3.5em;
	}
}

.banner-hm-energy-balancing-act p {
	font-size: 1em;
	margin-bottom: 0.7em;
}

.banner-hm-energy-balancing-act p.lead {
	font-size: 1.2em;
	text-align: left;
	color: #007749;
	font-weight: 500;
}

.banner-hm-energy-balancing-act p a {
	color: #ee2b37 !important;
}

.banner-hm-energy-balancing-act p a:hover {
	color: #000 !important;
}

.banner-hm-energy-balancing-act li {
	margin: 0 0 0.15em 0;
}

.banner-hm-energy-balancing-act img {
	margin: 0 auto 10px auto;
}

.banner-hm-energy-balancing-act a.btn:hover {
	color: #fff !important;
	background: #000;
}



/*----Home banner - African Mining Indaba 2022 - Option 2 ---*/
.banner-hm-ami2-2022 {
	background: #89acc8 url(../../../images/banners/banner-hm-ami2-2022.jpg) left top no-repeat;
	background-size: cover;
	text-align: left;
}

.banner-hm-ami2-2022 .b-wrapper {
	padding: 5vh 1% 50px 1%;
}

@media (min-width: 768px) {
	.banner-hm-ami2-2022 .b-wrapper {
		padding: 10vh 5% 50px 5%;
	}
}

@media (min-width: 992px) {
	.banner-hm-ami2-2022 .b-wrapper {
		padding: 10vh 5% 50px 5%;
	}
}

@media (min-width: 1200px) {
	.banner-hm-ami2-2022 .b-wrapper {
		padding: 10vh 5% 50px 5%;
	}
}

@media (min-width: 1600px) {
	.banner-hm-ami2-2022 .b-wrapper {
		padding: 15vh 5% 50px 5%;
	}
}

.banner-hm-ami2-2022 .brdr-r {
	border-right: 2px solid #999
}

.banner-hm-ami2-2022 .brdr-l {
	border-left: 2px solid #ccc !important;
}

.banner-hm-ami2-2022 .b-contentblock {
	margin-bottom: 1em;
}

.banner-hm-ami2-2022 .b-contentblock .mainhead {
	margin-bottom: 1em;
}

.banner-hm-ami2-2022 .b-contentblock .mainhead h1,
.banner-hm-ami2-2022 .b-contentblock .mainhead h2 {
	margin-bottom: 0.1em !important;
	line-height: 1em;
}

.banner-hm-ami2-2022 .b-contentblock .mainhead h3 {
	margin-bottom: 0.5em !important;
}

.banner-hm-ami2-2022 .b-contentblock h1 {
	color: #00223e !important;
	font-size: 2.8em;
	font-weight: 800;
}

@media (min-width: 480px) {
	.banner-hm-amiv-2021 .b-contentblock h1 {
		font-size: 3.0em;
	}
}

@media (min-width: 768px) {
	.banner-hm-amiv-2021 .b-contentblock h1 {
		font-size: 3.2em;
	}
}

@media (min-width: 992px) {
	.banner-hm-amiv-2021 .b-contentblock h1 {
		font-size: 2.8em;
	}
}

@media (min-width: 1200px) {
	.banner-hm-amiv-2021 .b-contentblock h1 {
		font-size: 3em;
	}
}

@media (min-width: 1600px) {
	.banner-hm-amiv-2021 .b-contentblock h1 {
		font-size: 4em;
	}
}

.banner-hm-ami2-2022 .b-contentblock h2 {
	color: #0c4d9e !important;
	font-weight: 800;
}

.banner-hm-ami2-2022 .b-contentblock h3 {
	color: #00223e !important;
	font-weight: 800;
	font-size: 1.6em;
}

@media (min-width: 1280px) {
	.banner-hm-ami2-2022 .b-contentblock h3 {
		font-size: 1.8em;
	}
}

.banner-hm-ami2-2022 .b-contentblock h4 {
	color: #00223e !important;
	font-weight: 800;
	font-size: 1.15em;
	text-transform: uppercase;
}

@media (min-width: 992px) {
	.banner-hm-amiv-2021 .b-contentblock h4 {
		font-size: 1.2em;
	}
}

@media (min-width: 1200px) {
	.banner-hm-amiv-2021 .b-contentblock h4 {
		font-size: 1.25em;
	}
}

@media (min-width: 1600px) {
	.banner-hm-amiv-2021 .b-contentblock h4 {
		font-size: 1.3em;
	}
}

.banner-hm-ami2-2022 .b-contentblock h5 {
	color: #000 !important;
	margin-bottom: 5px;
	font-size: 1.1em;
}

@media (min-width: 1280px) {
	.banner-hm-ami2-2022 .b-contentblock h5 {
		font-size: 1.2em;
	}
}

.banner-hm-ami2-2022 .b-contentblock p {
	margin-bottom: 0.8em;
	font-size: 0.9em;
}

@media (min-width: 1200px) {
	.banner-hm-ami2-2022 .b-contentblock p {
		font-size: 1em;
	}
}

.banner-hm-ami2-2022 .b-contentblock.bc-blue p a {
	color: #73addd !important
}

.banner-hm-ami2-2022 .b-contentblock.bc-blue p a:hover {
	color: #00223e !important
}

.banner-hm-ami2-2022 li {
	font-size: 0.9em;
	line-height: 1.3em;
}

.banner-hm-ami2-2022 .b-contentblock p.lead {
	font-weight: 500;
	font-size: 1.0em;
}

@media (min-width: 1280px) {
	.banner-hm-ami2-2022 .b-contentblock p.lead {
		font-size: 1.15em;
	}
}

.banner-hm-ami2-2022 .b-contentblock img.mb {
	margin-bottom: 1em;
	border: 1px solid #00223e;
}

.banner-hm-ami2-2022 .b-contentblock.bc-blue .btn-default {
	background: #73addd !important;
}

.banner-hm-ami2-2022 .b-contentblock.bc-blue .btn-default:hover {
	background: #00223e !important;
	color: #fff !important;
}

/*--Amiv Logo--*/
.banner-hm-ami2-2022 img.logo-mcsa {
	display: block;
	width: 100%;
	max-width: 160px;
	margin: 0px auto 0 auto;
}

.banner-hm-ami2-2022 img.logo-mcsa.horizontal {
	display: block;
	width: 100%;
	max-width: 300px;
	margin: 0px auto 0 auto;
}

.banner-hm-ami2-2022 img.logo-ami {
	display: block;
	width: 100%;
	max-width: 200px;
	margin: 0px auto 0 auto;
}

.banner-hm-ami2-2022 img.logo-ami2 {
	display: block;
	width: 100%;
	max-width: 350px;
	margin: 0 0 35px 0;
}

.banner-hm-ami2-2022 img.headling {
	margin: 0 0 15px 0;
	max-width: 400px;
}

@media (min-width: 768px) {
	.banner-hm-ami2-2022 img.headling {
		margin: 10px 0 15px 0;
	}
}

@media (min-width: 992px) {
	.banner-hm-ami2-2022 img.headling {
		margin: 10px 0 15px 0;
	}
}

@media (min-width: 1200px) {
	.banner-hm-ami2-2022 img.headling {
		margin: 25px 0 15px 0;
	}
}

@media (min-width: 1600px) {
	.banner-hm-ami2-2022 img.headling {
		margin: 0 0 15px 0;
	}
}

.banner-hm-ami2-2022 img.mugshot {
	width: 100%;
	max-width: 200px;
	margin: 0 10px 10px 0;
}



/*----Home banner - African Mining Indaba 2022 ---*/
.item.banner-hm-ami-2022 {
	background: #79c89b;
	height: auto;
	min-height: 900px;
}

@media (min-width: 768px) {
	.item.banner-hm-ami-2022 {
		height: auto;
		min-height: 900px;
		padding-bottom: 120px;
	}
}

@media (min-width: 768px) {
	.item.banner-hm-ami-2022 {
		height: auto;
		min-height: 600px;
		padding-bottom: 120px;
	}
}

@media (min-width: 992px) {
	.item.banner-hm-ami-2022 {
		height: 85vh;
		min-height: 500px;
		padding-bottom: 120px;
	}
}

@media (min-width: 1200px) {
	.item.banner-hm-ami-2022 {
		height: 85vh;
		min-height: 550px;
		padding-bottom: 0px;
	}
}

@media (min-width: 1600px) {
	.item.banner-hm-ami-2022 {
		height: 87vh;
		min-height: 600px;
		padding-bottom: 0px;
	}
}

.banner-hm-ami-2022 .b-wrapper {
	height: 100% !important;
	padding: 0px 0 0;
	clear: both;
	min-height: 500px;
}

@media (min-width: 480px) {
	.banner-hm-ami-2022 .b-wrapper {
		padding: 0px 0 0;
	}
}

@media (min-width: 768px) {
	.banner-hm-ami-2022 .b-wrapper {
		padding: 0vh 0 0;
	}
}

@media (min-width: 992px) {
	.banner-hm-ami-2022 .b-wrapper {
		padding: 0vh 0 0;
	}
}

@media (min-width: 1200px) {
	.banner-hm-ami-2022 .b-wrapper {
		padding: 2.7vh 0 0;
	}
}

@media (min-width: 1600px) {
	.banner-hm-ami-2022 .b-wrapper {
		padding: 3vh 0 0;
		min-height: 500px;
	}
}

@media (min-width: 1900px) {
	.banner-hm-ami-2022 .b-wrapper {
		padding: 3vh 0 0;
		min-height: 748px;
	}
}

.row-h100 {
	height: 100% !important;
}

.ami-2022-background {
	height: 100% !important;
	background: url(../../../images/banners/banner-hm-ami-2022-background.jpg) left top no-repeat;
	background-size: cover;
	min-height: 180px;
}

@media (min-width: 480px) {
	.ami-2022-background {
		min-height: 330px;
	}
}

@media (min-width: 768px) {
	.ami-2022-background {
		min-height: 450px;
	}
}

@media (min-width: 992px) {
	.ami-2022-background {
		min-height: 500px;
	}
}

@media (min-width: 1200px) {
	.ami-2022-background {
		min-height: 500px;
	}
}

@media (min-width: 1600px) {
	.ami-2022-background {
		min-height: 500px;
	}
}

.row.maincontent {
	display: flex;
	height: auto;
	min-height: 100% !important;
	margin: 0;
}

.banner-hm-ami-2022 h3 {
	color: #fff;
	text-transform: none;
}

.banner-hm-ami-2022 h4 {
	color: #fff;
	text-transform: none;
}

.banner-hm-ami-2022 h5 {
	color: #fff;
	text-align: left;
	margin-bottom: 0.5em;
	font-size: 1.3em;
	line-height: 1.4em;
}

.banner-hm-ami-2022 h5.hashtag {
	color: #000;
	font-size: 1.0em;
}

.banner-hm-ami-2022 p {
	color: #fff;
	text-align: left;
	font-size: 1.25em;
	line-height: 1.3em;
	margin-bottom: 0.4em;
}

@media (min-width: 768px) {
	.banner-hm-ami-2022 p {
		font-size: 1.2em;
		line-height: 1.3em;
	}
}

@media (min-width: 992px) {
	.banner-hm-ami-2022 p {
		font-size: 1.0em;
		line-height: 1.3em;
	}
}

@media (min-width: 1200px) {
	.banner-hm-ami-2022 p {
		font-size: 1.0em;
		line-height: 1.3em;
	}
}

@media (min-width: 1600px) {
	.banner-hm-ami-2022 p {
		font-size: 1.25em;
		line-height: 1.4em;
	}
}

.banner-hm-ami-2022 p.lead {
	font-weight: 700;
	margin-bottom: 0.7em;
}

.ami-2022-background .header {
	display: block;
	width: 80%;
	position: absolute;
	top: 5vh;
	right: inherit;
	left: 30px;
}

@media (min-width: 768px) {
	.ami-2022-background .header {
		width: 80%;
		top: 10vh;
		right: inherit;
		left: 30px;
	}
}

@media (min-width: 992px) {
	.ami-2022-background .header {
		width: 95%;
		top: 33vh;
		right: 15px;
		left: inherit;
	}
}

.ami-2022-background .header img {
	display: block;
	width: 95%;
}

.ami-2022-background h1 {}

.ami-2022-background h3 {}

.ami-2022-background h4 {}

.colblock {
	display: block;
	padding: 35px 20px 0 20px;
}

@media (min-width: 992px) {
	.colblock {
		padding: 30px 20px 0 20px;
	}
}

@media (min-width: 1200px) {
	.colblock {
		padding: 30px 20px 0 20px;
	}
}

@media (min-width: 1600px) {
	.colblock {
		padding: 35px 20px 0 20px;
	}
}

.darkgreen {
	background: #007749;
}

.colblock.white {
	background: #fff;
}

.banner-hm-ami-2022 img.logo-mcsa {
	display: block;
	margin: 0 auto 20px auto;
	width: 40%;
	max-width: 150px;
	min-width: 80px;
}

.banner-hm-ami-2022 img.logo-iami {
	display: block;
	margin: 0 auto 20px auto;
	width: 50%;
	max-width: 180px;
	min-width: 100px;
}

.banner-hm-ami-2022 img.mugshot {
	margin: 0 0 5px 0;
	width: 100%;
	max-width: 150px;
}

@media (min-width: 768px) {
	.banner-hm-ami-2022 img.mugshot {
		max-width: 150px;
	}
}

@media (min-width: 992px) {
	.banner-hm-ami-2022 img.mugshot {
		max-width: 100px;
	}
}

@media (min-width: 1200px) {
	.banner-hm-ami-2022 img.mugshot {
		max-width: 100px;
	}
}

@media (min-width: 1600px) {
	.banner-hm-ami-2022 img.mugshot {
		max-width: 150px;
	}
}

.banner-hm-ami-2022 figure {
	display: block;
	text-align: left;
	margin: 0 0 15px 20px;
}

.banner-hm-ami-2022 figcaption {
	text-align: left;
	color: #000;
	font-size: 0.9em;
}

.darkgreen figcaption {
	color: #fff;
}



/*----Home banner -- 2022 PGMs Industry Day---*/
.banner-hm-2022-pgms-industry-day {
	background: url(../../../images/banners/banner-hm-2022-pgms-industry-day.jpg) left top no-repeat;
	background-size: cover, 40%;
	text-align: left;
}

.pgms-id-infographic {
	display: block;
	position: absolute;
	left: -30px;
	top: 0px;
	z-index: 0;
	background: url(../../../images/banners/banner-hm-2022-pgms-id-infographics.svg) left top no-repeat;
	width: 40%;
	height: 90%;
	opacity: 0.8;
}

@media (min-width: 768px) {
	.pgms-id-infographic {
		width: 25%;
		height: 90%;
		opacity: 0.8;
		top: 10px;
	}
}

@media (min-width: 992px) {
	.pgms-id-infographicy {
		width: 30%;
		height: 90%;
		opacity: 1;
		top: 20px;
	}
}

@media (min-width: 1200px) {
	.pgms-id-infographic {
		width: 32%;
		height: 90%;
		opacity: 1;
		top: 20px;
	}
}

@media (min-width: 1600px) {
	.pgms-id-infographic {
		width: 33%;
		height: 90%;
		opacity: 1;
		top: 20px;
	}
}

.banner-hm-2022-pgms-industry-day .b-wrapper {
	height: 100%;
	padding: 20px 0 0;
	clear: both;
}

@media (min-width: 480px) {
	.banner-hm-2022-pgms-industry-day .b-wrapper {
		padding: 20px 0 0;
	}
}

@media (min-width: 768px) {
	.banner-hm-2022-pgms-industry-day .b-wrapper {
		padding: 3vh 0 0;
	}
}

@media (min-width: 992px) {
	.banner-hm-2022-pgms-industry-day .b-wrapper {
		padding: 2vh 0 0;
	}
}

@media (min-width: 1200px) {
	.banner-hm-2022-pgms-industry-day .b-wrapper {
		padding: 4vh 0 0;
	}
}

@media (min-width: 1600px) {
	.banner-hm-2022-pgms-industry-day .b-wrapper {
		padding: 7vh 0 0;
	}
}

@media (min-width: 1900px) {
	.banner-hm-2022-pgms-industry-day .b-wrapper {
		padding: 7vh 0 0;
	}
}

.banner-hm-2022-pgms-industry-day h1 {
	display: inline-block;
	vertical-align: top;
	color: #fff;
	background: #9ccc3c;
	padding: 10px;
	text-align: right;
	margin-bottom: 15px;
	line-height: 0.9em;
	font-size: 2.5em;
	text-transform: none;
}

@media (min-width: 768px) {
	.banner-hm-2022-pgms-industry-day h1 {
		font-size: 2.1em;
	}
}

@media (min-width: 992px) {
	.banner-hm-2022-pgms-industry-day h1 {
		font-size: 2.4em;
	}
}

@media (min-width: 1200px) {
	.banner-hm-2022-pgms-industry-day h1 {
		font-size: 2.8em;
	}
}

@media (min-width: 1600px) {
	.banner-hm-2022-pgms-industry-day h1 {
		font-size: 3.5em;
	}
}

.banner-hm-2022-pgms-industry-day h5 {
	color: #fff;
	text-align: right;
	margin-bottom: 0.5em;
	font-size: 1.3em;
	line-height: 1.4em;
}

@media (min-width: 992px) {
	.banner-hm-2022-pgms-industry-day h5 {
		margin-bottom: 0.5em;
		font-size: 1.25em;
		line-height: 1.35em;
	}
}

@media (min-width: 1200px) {
	.banner-hm-2022-pgms-industry-day h5 {
		margin-bottom: 0.8em;
		font-size: 1.1em;
		line-height: 1.4em;
		padding-left: 5%;
	}
}

@media (min-width: 1600px) {
	.banner-hm-2022-pgms-industry-day h5 {
		margin-bottom: 1.5em;
		font-size: 1.5em;
		line-height: 1.45em;
		padding-left: 5%;
	}
}

.banner-hm-2022-pgms-industry-day p {
	color: #aad7f0;
	text-align: left;
	font-size: 1.25em;
	font-style: italic;
	line-height: 1.4em;
}

@media (min-width: 768px) {
	.banner-hm-2022-pgms-industry-day p {
		font-size: 1.15em;
	}
}

@media (min-width: 992px) {
	.banner-hm-2022-pgms-industry-day p {
		font-size: 1.15em;
	}
}

@media (min-width: 1200px) {
	.banner-hm-2022-pgms-industry-day p {
		font-size: 1.1em;
	}
}

@media (min-width: 1600px) {
	.banner-hm-2022-pgms-industry-day p {
		font-size: 1.25em;
	}
}

.banner-hm-2022-pgms-industry-day img.logo-mcsa {
	display: inline-block;
	vertical-align: top;
	float: right;
	margin: 0 0 5px 0;
	width: 100%;
	max-width: 250px;
}

@media (min-width: 768px) {
	.banner-hm-2022-pgms-industry-day img.logo-mcsa {
		max-width: 300px;
		margin: 0 0 5px 0;
	}
}

@media (min-width: 992px) {
	.banner-hm-2022-pgms-industry-day img.logo-mcsa {
		max-width: 280px;
	}
}

@media (min-width: 1200px) {
	.banner-hm-2022-pgms-industry-day img.logo-mcsa {
		max-width: 300px;
	}
}

@media (min-width: 1600px) {
	.banner-hm-2022-pgms-industry-day img.logo-mcsa {
		max-width: 450px;
		margin: 0 0 15px 0;
	}
}

.banner-hm-2022-pgms-industry-day img.baxter {
	margin: 0;
	width: 100%;
	max-width: 472px;
}

.banner-hm-2022-pgms-industry-day img.logo-joburg-indaba {
	display: inline-block;
	vertical-align: top;
	float: right;
	margin: 0;
	width: 50%;
	max-width: 180px;
}

.banner-hm-2022-pgms-industry-day a.btn-default {
	margin: 0 10px 15px 0;
	background: #72acdb;
	color: #fff;
}

.banner-hm-2022-pgms-industry-day a.btn-default:hover {
	margin: 0 10px 15px 0;
	background: #9ccc3c;
	color: #fff;
}

.fancy-header {
	text-align: right;
	padding-right: 20px;
	border-right: 2px solid #7cb4e2;
}

.fancy-header h3 {
	display: block;
	color: #fff;
	text-align: right;
	font-size: 1.8em;
	line-height: 1em;
	margin-bottom: 0.2em;
	text-transform: none;
}

.fancy-header h2 {
	display: block;
	color: #9ccc3c;
	text-align: right;
	font-size: 2.0em;
	text-transform: uppercase;
	line-height: 1em;
}

@media (min-width: 768px) {
	.fancy-header h2 {
		font-size: 2.0em;
	}
}

@media (min-width: 992px) {
	.fancy-header h2 {
		font-size: 2.2em;
	}
}

@media (min-width: 1200px) {
	.fancy-header h2 {
		font-size: 2.5em;
	}
}

@media (min-width: 1600px) {
	.fancy-header h2 {
		font-size: 3.1em;
	}
}

.fancy-header h2 span {
	display: block;
	color: #fff;
	text-align: right;
	font-size: 1.0em;
	line-height: 1em;
}


/*----Home banner -- New Era April 2022---*/
.banner-hm-new-era-april2022 {
	background: #89acc8 url(../../../images/banners/banner-hm-new-era-april2022.jpg) left bottom no-repeat;
	background-size: cover;
	text-align: left;
}

.banner-hm-new-era-april2022 .b-wrapper {
	height: 100%;
	padding: 20px 2% 50px 2%;
	clear: both;
}

@media (min-width: 480px) {
	.banner-hm-new-era-april2022 .b-wrapper {
		padding: 20px 3% 50px 3%;
	}
}

@media (min-width: 768px) {
	.banner-hm-new-era-april2022 .b-wrapper {
		padding: 4vh 2% 50px 2%;
	}
}

@media (min-width: 992px) {
	.banner-hm-new-era-april2022 .b-wrapper {
		padding: 6vh 2% 50px 2%;
	}
}

@media (min-width: 1200px) {
	.banner-hm-new-era-april2022 .b-wrapper {
		padding: 6vh 2% 50px 2%;
	}
}

@media (min-width: 1600px) {
	.banner-hm-new-era-april2022 .b-wrapper {
		padding: 7vh 2% 50px 2%;
	}
}

@media (min-width: 1920px) {
	.banner-hm-new-era-april2022 .b-wrapper {
		padding: 8vh 3% 50px 3%;
	}
}

.banner-hm-new-era-april2022 hr {
	margin-bottom: 10px;
}

.banner-hm-new-era-april2022 img.img-center {
	margin: 10px auto !important;
	max-width: 250px;
}


/*----Home banner -- Mining in SA---*/
.banner-hm-mining-in-sa {
	background: #89acc8 url(../../../images/banners/banner-hm-mining-in-sa.jpg) left 0px no-repeat;
	background-size: cover;
	text-align: left;
}

.banner-hm-mining-in-sa .b-wrapper {
	height: 100%;
	padding: 40px 2% 50px 2%;
	clear: both;
}

@media (min-width: 480px) {
	.banner-hm-mining-in-sa .b-wrapper {
		padding: 40px 3% 50px 3%;
	}
}

@media (min-width: 768px) {
	.banner-hm-mining-in-sa .b-wrapper {
		padding: 6vh 2% 50px 2%;
	}
}

@media (min-width: 992px) {
	.banner-hm-mining-in-sa .b-wrapper {
		padding: 6vh 2% 50px 2%;
	}
}

@media (min-width: 1200px) {
	.banner-hm-mining-in-sa .b-wrapper {
		padding: 12vh 2% 50px 2%;
	}
}

@media (min-width: 1600px) {
	.banner-hm-mining-in-sa .b-wrapper {
		padding: 20vh 5% 50px 5%;
	}
}

@media (min-width: 1920px) {
	.banner-hm-mining-in-sa .b-wrapper {
		padding: 25vh 6% 50px 6%;
	}
}

.banner-hm-mining-in-sa .b-contentblock h1 {
	font-size: 2.8em;
	font-weight: 800;
}

@media (min-width: 480px) {
	.banner-hm-mining-in-sa .b-contentblock h1 {
		font-size: 3.0em;
	}
}

@media (min-width: 768px) {
	.banner-hm-mining-in-sa .b-contentblock h1 {
		font-size: 3.2em;
	}
}

@media (min-width: 992px) {
	.banner-hm-mining-in-sa .b-contentblock h1 {
		font-size: 2.8em;
	}
}

@media (min-width: 1200px) {
	.banner-hm-mining-in-sa .b-contentblock h1 {
		font-size: 3em;
	}
}

@media (min-width: 1600px) {
	.banner-hm-mining-in-sa .b-contentblock h1 {
		font-size: 3.5em;
	}
}

.banner-hm-mining-in-sa p {
	font-size: 1em;
	margin-bottom: 0.7em;
}

.banner-hm-mining-in-sa p.lead {
	font-size: 1.2em;
	text-align: left;
	color: #007749;
	font-weight: 500;
}

.banner-hm-mining-in-sa p a {
	color: #ee2b37 !important;
}

.banner-hm-mining-in-sa p a:hover {
	color: #000 !important;
}

.banner-hm-mining-in-sa li {
	margin: 0 0 0.15em 0;
}

.banner-hm-mining-in-sa img {
	margin: 0 auto 10px auto;
}

.banner-hm-mining-in-sa a.btn:hover {
	color: #fff !important;
	background: #000;
}



/*-----Home Banner - International Women's Day 8 March 2022---*/
.banner-hm-intl-womens-day-2022 {
	background: #00975f url(../../../images/banners/banner-hm-iwd-2022-icon.svg) 5% 100px no-repeat;
	background-size: 15%;
	text-align: left;
}

@media (min-width: 480px) {
	.banner-hm-intl-womens-day-2022 {
		background-position: 2% 100px;
		background-size: 15%;
	}
}

@media (min-width: 768px) {
	.banner-hm-intl-womens-day-2022 {
		background-position: 2% 100px;
		background-size: 15%;
	}
}

@media (min-width: 992px) {
	.banner-hm-intl-womens-day-2022 {
		background-position: 2% 100px;
		background-size: 15%;
	}
}

@media (min-width: 1200px) {
	.banner-hm-intl-womens-day-2022 {
		background-position: 5% 100px;
		background-size: 20%;
	}
}

@media (min-width: 1600px) {
	.banner-hm-intl-womens-day-2022 {
		background-position: 5% 120px;
		background-size: 20%;
	}
}

.banner-hm-intl-womens-day-2022 .b-wrapper {
	height: 100%;
	min-height: 300px;
	text-align: left;
	padding: 30px 1% 50px 1%;
	clear: both;
}

@media (min-width: 480px) {
	.banner-hm-intl-womens-day-2022 .b-wrapper {
		padding: 30px 1% 50px 1%;
		min-height: 748px;
	}
}

@media (min-width: 768px) {
	.banner-hm-intl-womens-day-2022 .b-wrapper {
		padding: 4vh 1% 50px 1%;
		min-height: 748px;
	}
}

@media (min-width: 992px) {
	.banner-hm-intl-womens-day-2022 .b-wrapper {
		padding: 4vh 1% 50px 1%;
		min-height: 748px;
	}
}

@media (min-width: 1200px) {
	.banner-hm-intl-womens-day-2022 .b-wrapper {
		padding: 7vh 2% 50px 3%;
		min-height: 748px;
	}
}

@media (min-width: 1600px) {
	.banner-hm-intl-womens-day-2022 .b-wrapper {
		padding: 7vh 2.5% 50px 3%;
		min-height: 748px;
	}
}

@media (min-width: 1920px) {
	.banner-hm-intl-womens-day-2022 .b-wrapper {
		padding: 10vh 3% 50px 3%;
		min-height: 748px;
	}
}

.banner-hm-intl-womens-day-2022 h1 {
	font-weight: 800;
	font-size: 2em;
	display: block;
	vertical-align: top;
	text-transform: none;
	text-align: left;
	color: #00ad69;
	margin-bottom: 0.25em;
}

@media (min-width: 768px) {
	.banner-hm-intl-womens-day-2022 h1 {
		font-size: 2.4em;
		margin-bottom: 0.1em;
	}
}

@media (min-width: 992px) {
	.banner-hm-intl-womens-day-2022 h1 {
		font-size: 2.5em;
	}
}

@media (min-width: 1200px) {
	.banner-hm-intl-womens-day-2022 h1 {
		font-size: 2.8em;
	}
}

@media (min-width: 1600px) {
	.banner-hm-intl-womens-day-2022 h1 {
		font-size: 3.4em;
	}
}

.banner-hm-intl-womens-day-2022 h3 {
	margin-bottom: 0.1em;
}

.b-wrapper.center {
	text-align: center;
}

.banner-hm-intl-womens-day-2022 .b-contentblock {
	margin-top: 0;
}

@media (min-width: 480px) {
	.banner-hm-intl-womens-day-2022 .b-contentblock {
		margin-top: 0;
	}
}

@media (min-width: 768px) {
	.banner-hm-intl-womens-day-2022 .b-contentblock {
		margin-top: 0;
	}
}

@media (min-width: 992px) {
	.banner-hm-intl-womens-day-2022 .b-contentblock {
		margin-top: 0;
	}
}

@media (min-width: 1200px) {
	.banner-hm-intl-womens-day-2022 .b-contentblock {
		margin-top: 0vh;
	}
}

@media (min-width: 1600px) {
	.banner-hm-intl-womens-day-2022 .b-contentblock {
		margin-top: 1vh;
	}
}

.banner-hm-intl-womens-day-2022 p {
	margin-bottom: 0.5em;
}

@media (min-width: 1200px) {
	.banner-hm-intl-womens-day-2022 p {
		margin-bottom: 0.5em;
	}
}

@media (min-width: 1600px) {
	.banner-hm-intl-womens-day-2022 p {
		margin-bottom: 0.8em;
	}
}

.banner-hm-intl-womens-day-2022 p.lead {
	font-size: 1.05em;
	line-height: 1.35em;
}

@media (min-width: 992px) {
	.banner-hm-intl-womens-day-2022 p.lead {
		font-size: 1.05em;
		line-height: 1.35em;
	}
}

@media (min-width: 1200px) {
	.banner-hm-intl-womens-day-2022 p.lead {
		font-size: 1.05em;
		line-height: 1.35em;
	}
}

@media (min-width: 1600px) {
	.banner-hm-intl-womens-day-2022 p.lead {
		font-size: 1.1em;
		line-height: 1.45em;
	}
}

.banner-hm-intl-womens-day-2022 .logosbar {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 2px dotted #ccc;
	text-align: center;
}

.banner-hm-intl-womens-day-2022 img.logo-mc {
	display: inline-block;
	vertical-align: top;
	width: 210px;
	margin: 0px 12px 0 12px;
}

.banner-hm-intl-womens-day-2022 img.logo-wim {
	display: inline-block;
	vertical-align: top;
	width: 180px;
	margin: 0px 12px 0 12px;
}

.banner-hm-intl-womens-day-2022 img.logo-mcsa-wim {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	max-width: 500px;
	margin: 0px 12px 0 12px;
	padding-right: 12px;
}

.banner-hm-intl-womens-day-2022 img.logo-dmre {
	display: inline-block;
	vertical-align: top;
	width: 170px;
	margin: 0px 25px 0 12px;
}

.banner-hm-intl-womens-day-2022 .logosbar .brdr-r {
	border-right: 1px solid #ccc;
}

.banner-hm-intl-womens-day-2022 .faces {
	text-align: center;
}

.banner-hm-intl-womens-day-2022 .faces p.descriptor {
	text-align: center;
	font-style: normal !important;
	color: #666;
	font-size: 0.7em;
	line-height: 1.2em;
}

.banner-hm-intl-womens-day-2022 .faces p.descriptor strong {
	font-size: 1.1em;
}


/*----Festive Season campaign ---*/
.banner-hm-ichoosevaccination {
	background: #ff7f32 url(../../../images/banners/hm-nat-vaccination-bg-2.png) left top repeat;
	background-size: 100% auto;
	text-align: left;
}

.banner-hm-ichoosevaccination .b-contentblock {
	margin-top: 0vh;
	margin-bottom: 20px;
}

@media (min-width: 768px) {
	.banner-hm-ichoosevaccination .b-contentblock {
		margin-top: 0vh;
	}
}

@media (min-width: 992px) {
	.banner-hm-ichoosevaccination .b-contentblock {
		margin-top: 0vh;
	}
}

@media (min-width: 1200px) {
	.banner-hm-ichoosevaccination .b-contentblock {
		margin-top: 4vh;
	}
}

@media (min-width: 1600px) {
	.banner-hm-ichoosevaccination .b-contentblock {
		margin-top: 8vh;
	}
}

.banner-hm-ichoosevaccination .col-cntr {
	display: block;
}

.banner-hm-ichoosevaccination .b-wrapper {
	height: 100%;
	padding: 40px 2% 50px 2%;
	clear: both;
}

@media (min-width: 480px) {
	.banner-hm-ichoosevaccination .b-wrapper {
		padding: 40px 3% 50px 3%;
	}
}

@media (min-width: 768px) {
	.banner-hm-ichoosevaccination .b-wrapper {
		padding: 5vh 2% 50px 2%;
	}
}

@media (min-width: 992px) {
	.banner-hm-ichoosevaccination .b-wrapper {
		padding: 5vh 2% 50px 2%;
	}
}

@media (min-width: 1200px) {
	.banner-hm-ichoosevaccination .b-wrapper {
		padding: 10vh 2% 50px 2%;
	}
}

@media (min-width: 1600px) {
	.banner-hm-ichoosevaccination .b-wrapper {
		padding: 12vh 6% 50px 6%;
	}
}

@media (min-width: 1920px) {
	.banner-hm-ichoosevaccination .b-wrapper {
		padding: 13vh 6% 50px 6%;
	}
}

.banner-hm-ichoosevaccination h1 {
	font-weight: 800;
	font-size: 6em;
	margin-bottom: 0.2em;
	color: #f05a5e;
	display: block;
	vertical-align: top;
	text-align: center;
}

@media (min-width: 768px) {
	.banner-hm-ichoosevaccination h1 {
		font-size: 5.5em;
		display: inline-block;
		text-align: left;
	}
}

@media (min-width: 992px) {
	.banner-hm-ichoosevaccination h1 {
		font-size: 6em;
	}
}

@media (min-width: 1200px) {
	.banner-hm-ichoosevaccination h1 {
		font-size: 6.5em;
	}
}

@media (min-width: 1600px) {
	.banner-hm-ichoosevaccination h1 {
		font-size: 7em;
	}
}

.banner-hm-ichoosevaccination h2 {
	font-weight: 800;
	font-size: 2em;
	margin-bottom: 0.5em;
	display: block;
	vertical-align: top;
	text-transform: none;
	text-align: left;
}

@media (min-width: 768px) {
	.banner-hm-ichoosevaccination h2 {
		font-size: 2.0em;
		margin-bottom: 0.2em;
	}
}

@media (min-width: 992px) {
	.banner-hm-ichoosevaccination h2 {
		font-size: 2.2em;
	}
}

@media (min-width: 1200px) {
	.banner-hm-ichoosevaccination h2 {
		font-size: 2.5em;
	}
}

@media (min-width: 1600px) {
	.banner-hm-ichoosevaccination h2 {
		font-size: 3em;
	}
}

h2.hashtag {
	display: block;
	padding: 15px;
	background: #df6322;
	color: #fed141;
	text-align: center;
}

.banner-hm-ichoosevaccination h4 {
	margin-bottom: 0.3em !important;
	color: #f05a5e;
	text-transform: uppercase;
	text-align: center;
}

.banner-hm-ichoosevaccination .b-contentblock p {
	font-size: 0.95em;
	line-height: 1.35em;
	margin-bottom: 0.6em;
	text-align: left;
}

@media (min-width: 768px) {
	.banner-hm-ichoosevaccination p {
		font-size: 0.95em;
		line-height: 1.35em;
		margin-bottom: 0.6em;
	}
}

@media (min-width: 992px) {
	.banner-hm-ichoosevaccination p {
		font-size: 0.95em;
		line-height: 1.35em;
		margin-bottom: 0.6em;
	}
}

@media (min-width: 1200px) {
	.banner-hm-ichoosevaccination p {
		font-size: 0.95em;
		line-height: 1.35em;
		margin-bottom: 0.6em;
	}
}

@media (min-width: 1600px) {
	.banner-hm-ichoosevaccination p {
		font-size: 1.0em;
		line-height: 1.45em;
		margin-bottom: 0.8em;
	}
}

.banner-hm-ichoosevaccination .b-contentblock p.lead {
	font-size: 1.1em;
	font-weight: 700;
}

@media (min-width: 768px) {
	.banner-hm-ichoosevaccination .b-contentblock p.lead {
		font-size: 1.1em;
		display: inline-block;
	}
}

@media (min-width: 992px) {
	.banner-hm-ichoosevaccination .b-contentblock p.lead {
		font-size: 1.1em;
	}
}

@media (min-width: 1200px) {
	.banner-hm-ichoosevaccination .b-contentblock p.lead {
		font-size: 1.1em;
	}
}

@media (min-width: 1600px) {
	.banner-hm-ichoosevaccination .b-contentblock p.lead {
		font-size: 1.2em;
	}
}

.banner-hm-ichoosevaccination .btn-default {
	font-size: 0.75em;
	padding: 5px 9px 6px 9px;
}



/*----Home banner -- Budget Speech 2022---*/
.banner-hm-budget-speech-2022 {
	background: #89acc8 url(../../../images/banners/banner-hm-budget-speech-2022.jpg) left 0px no-repeat;
	background-size: cover;
	text-align: left;
}

.banner-hm-budget-speech-2022 .b-wrapper {
	height: 100%;
	padding: 40px 2% 50px 2%;
	clear: both;
}

@media (min-width: 480px) {
	.banner-hm-budget-speech-2022 .b-wrapper {
		padding: 40px 3% 50px 3%;
	}
}

@media (min-width: 768px) {
	.banner-hm-budget-speech-2022 .b-wrapper {
		padding: 6vh 2% 50px 2%;
	}
}

@media (min-width: 992px) {
	.banner-hm-budget-speech-2022 .b-wrapper {
		padding: 6vh 2% 50px 2%;
	}
}

@media (min-width: 1200px) {
	.banner-hm-budget-speech-2022 .b-wrapper {
		padding: 12vh 2% 50px 2%;
	}
}

@media (min-width: 1600px) {
	.banner-hm-budget-speech-2022 .b-wrapper {
		padding: 20vh 5% 50px 5%;
	}
}

@media (min-width: 1920px) {
	.banner-hm-budget-speech-2022 .b-wrapper {
		padding: 25vh 6% 50px 6%;
	}
}

.banner-hm-budget-speech-2022 h2 {
	margin-bottom: 0.35em;
	font-size: 1.6em;
	text-align: left;
	line-height: 1.15em;
}

@media (min-width: 992px) {
	.banner-hm-budget-speech-2022 h2 {
		font-size: 1.6em;
	}
}

@media (min-width: 1200px) {
	.banner-hm-budget-speech-2022 h2 {
		font-size: 1.7em;
	}
}

@media (min-width: 1600px) {
	.banner-hm-budget-speech-2022 h2 {
		font-size: 2em;
	}
}

.banner-hm-budget-speech-2022 p {
	font-size: 0.9em;
	margin-bottom: 0.7em;
}

.banner-hm-budget-speech-2022 p.lead {
	font-size: 1.1em;
	text-align: left;
	color: #007749;
	font-weight: 500;
}

.banner-hm-budget-speech-2022 p a {
	color: #ee2b37 !important;
}

.banner-hm-budget-speech-2022 p a:hover {
	color: #000 !important;
}

.banner-hm-budget-speech-2022 li {
	margin: 0 0 0.15em 0;
}

.banner-hm-budget-speech-2022 a.btn:hover {
	color: #fff !important;
	background: #000;
}



/*-----Home Banner - Women in Mining 9 February 2022---*/
.banner-hm-wim-feb2022 {
	background: url(../../../images/banners/banner-hm-wim-feb2022.jpg) center top no-repeat;
	background-size: cover;
	text-align: center;
}

@media (min-width: 480px) {
	.banner-hm-wim-feb2022 {
		background-position: center top;
	}
}

@media (min-width: 768px) {
	.banner-hm-wim-feb2022 {
		background-position: center top;
	}
}

@media (min-width: 992px) {
	.banner-hm-wim-feb2022 {
		background-position: center top;
	}
}

@media (min-width: 1200px) {
	.banner-hm-wim-feb2022 {
		background-position: center top;
	}
}

@media (min-width: 1600px) {
	.banner-hm-wim-feb2022 {
		background-position: center bottom;
	}
}

.banner-hm-wim-feb2022 .b-wrapper {
	height: 100%;
	min-height: 300px;
	text-align: left;
	padding: 30px 1% 50px 1%;
	clear: both;
}

@media (min-width: 480px) {
	.banner-hm-wim-feb2022 .b-wrapper {
		padding: 30px 1% 50px 1%;
		min-height: 748px;
	}
}

@media (min-width: 768px) {
	.banner-hm-wim-feb2022 .b-wrapper {
		padding: 4vh 1% 50px 1%;
		min-height: 748px;
	}
}

@media (min-width: 992px) {
	.banner-hm-wim-feb2022 .b-wrapper {
		padding: 4vh 1% 50px 1%;
		min-height: 748px;
	}
}

@media (min-width: 1200px) {
	.banner-hm-wim-feb2022 .b-wrapper {
		padding: 6vh 3% 50px 3%;
		min-height: 748px;
	}
}

@media (min-width: 1600px) {
	.banner-hm-wim-feb2022 .b-wrapper {
		padding: 6vh 3% 50px 3%;
		min-height: 748px;
	}
}

@media (min-width: 1920px) {
	.banner-hm-wim-feb2022 .b-wrapper {
		padding: 10vh 3% 50px 3%;
		min-height: 748px;
	}
}

.b-wrapper.center {
	text-align: center;
}

.banner-hm-wim-feb2022 .b-contentblock {
	margin-top: 0;
}

@media (min-width: 480px) {
	.banner-hm-wim-feb2022 .b-contentblock {
		margin-top: 0;
	}
}

@media (min-width: 768px) {
	.banner-hm-wim-feb2022 .b-contentblock {
		margin-top: 0;
	}
}

@media (min-width: 992px) {
	.banner-hm-wim-feb2022 .b-contentblock {
		margin-top: 0;
	}
}

@media (min-width: 1200px) {
	.banner-hm-wim-feb2022 .b-contentblock {
		margin-top: 0vh;
	}
}

@media (min-width: 1600px) {
	.banner-hm-wim-feb2022 .b-contentblock {
		margin-top: 1vh;
	}
}


.banner-hm-wim-feb2022 h2 {
	margin-bottom: 0.3em;
	font-size: 1.5em;
	line-height: 1.1em;
}

@media (min-width: 480px) {
	.banner-hm-wim-feb2022 h2 {
		font-size: 1.6em;
	}
}

@media (min-width: 768px) {
	.banner-hm-wim-feb2022 h2 {
		font-size: 1.65em;
	}
}

@media (min-width: 992px) {
	.banner-hm-wim-feb2022 h2 {
		font-size: 1.6em;
	}
}

@media (min-width: 1200px) {
	.banner-hm-wim-feb2022 h2 {
		font-size: 1.6em;
	}
}

@media (min-width: 1600px) {
	.banner-hm-wim-feb2022 h2 {
		font-size: 1.8em;
	}
}

.bc-red .banner-hm-wim-feb2022 h5 {
	color: #ae122a;
}

.banner-hm-wim-feb2022 p {
	font-size: 0.9em;
	line-height: 1.2em;
	margin-bottom: 0.7em;
	color: #000
}

@media (min-width: 992px) {
	.banner-hm-wim-feb2022 p {
		font-size: 0.9em;
		line-height: 1.2em;
	}
}

@media (min-width: 1200px) {
	.banner-hm-wim-feb2022 p {
		font-size: 0.9em;
		line-height: 1.2em;
	}
}

@media (min-width: 1600px) {
	.banner-hm-wim-feb2022 p {
		font-size: 1em;
		line-height: 1.25em;
	}
}

.banner-hm-wim-feb2022 p.lead {
	font-size: 1.1em;
	line-height: 1.5em;
	color: #000;
	font-weight: 500;
}

.banner-hm-wim-feb2022 ul {}

.banner-hm-wim-feb2022 li {
	font-size: 1em;
	line-height: 1.25em;
	margin-bottom: 0.5em;
	font-weight: 500;
}

.banner-hm-wim-feb2022 li span.descriptor {
	font-weight: 400;
}

.banner-hm-wim-feb2022 li a {
	color: #000;
	text-decoration: none;
}

.banner-hm-wim-feb2022 li a:hover {
	color: #ae122a;
	text-decoration: none;
}

.banner-hm-wim-feb2022 .heropic {
	margin: 0 15px 0 0;
	width: 100%;
	max-width: 615px;
}


.banner-hm-wim-feb2022 .logosbar {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 2px dotted #ccc;
}

.banner-hm-wim-feb2022 img.logo-wim {
	width: 100%;
	max-width: 180px;
	margin: 10px auto 0 15px;
}

.banner-hm-wim-feb2022 img.logo-mc {
	width: 100%;
	max-width: 210px;
	margin: 0px 10px 0 auto;
}

.banner-hm-wim-feb2022 img.face {
	width: 100%;
	max-width: 150px;
	margin: 0 auto 10px auto;
	border: 1px solid #666;
}

.banner-hm-wim-feb2022 .logosbar .brdr-r {
	border-right: 1px solid #ccc;
}

.banner-hm-wim-feb2022 .faces p.descriptor {
	text-align: center;
	font-style: normal !important;
	color: #666;
	font-size: 0.7em;
	line-height: 1.2em;
}

.banner-hm-wim-feb2022 .faces p.descriptor strong {
	font-size: 1.1em;
}

.banner-hm-wim-feb2022 a.btn {
	margin-top: 10px !important;
}

.banner-hm-wim-feb2022 a.thumb {
	display: block;
	width: 100%;
	max-width: 250px;
	margin: 0 0 0 15px;
	text-decoration: none;
}

.banner-hm-wim-feb2022 a.thumb img {
	width: 100%;
	max-width: 250px;
	margin: 0 0 10px 0;
}

.banner-hm-wim-feb2022 a.thumb p.descriptor {
	text-align: center;
	font-style: normal !important;
	color: #000;
}

.banner-hm-wim-feb2022 li a {
	color: #ee2b37;
}

.banner-hm-wim-feb2022 li a:hover {
	color: #000;
}


/*----Home Banner SONA Government address 10 Feb 2022---*/
.banner-hm-sona-2022 {
	background: #89acc8 url(../../../images/banners/banner-hm-sona-2022.jpg) left 0px no-repeat;
	background-size: cover;
	text-align: left;
}

.banner-hm-sona-2022 .b-wrapper {
	height: 100%;
	padding: 40px 2% 50px 2%;
	clear: both;
}

@media (min-width: 480px) {
	.banner-hm-sona-2022 .b-wrapper {
		padding: 40px 3% 50px 3%;
	}
}

@media (min-width: 768px) {
	.banner-hm-sona-2022 .b-wrapper {
		padding: 6vh 2% 50px 2%;
	}
}

@media (min-width: 992px) {
	.banner-hm-sona-2022 .b-wrapper {
		padding: 6vh 2% 50px 2%;
	}
}

@media (min-width: 1200px) {
	.banner-hm-sona-2022 .b-wrapper {
		padding: 10vh 2% 50px 2%;
	}
}

@media (min-width: 1600px) {
	.banner-hm-sona-2022 .b-wrapper {
		padding: 18vh 5% 50px 5%;
	}
}

@media (min-width: 1920px) {
	.banner-hm-sona-2022 .b-wrapper {
		padding: 15vh 6% 50px 6%;
	}
}

.banner-hm-sona-2022 h2 {
	margin-bottom: 0.35em;
	font-size: 1.6em;
	text-align: left;
	line-height: 1.15em;
}

@media (min-width: 992px) {
	.banner-hm-sona-2022 h2 {
		font-size: 1.6em;
	}
}

@media (min-width: 1200px) {
	.banner-hm-sona-2022 h2 {
		font-size: 1.6em;
	}
}

@media (min-width: 1600px) {
	.banner-hm-sona-2022 h2 {
		font-size: 2em;
	}
}

.banner-hm-sona-2022 p {
	font-size: 0.9em;
	margin-bottom: 0.5em;
}

.banner-hm-sona-2022 p.lead {
	font-size: 1em;
	text-align: left;
	color: #007749;
}

.banner-hm-sona-2022 p a {
	font-weight: 700;
	color: #ee2b37 !important;
}

.banner-hm-sona-2022 p a:hover {
	color: #000 !important;
}

.banner-hm-sona-2022 li {
	margin: 0 0 0.15em 0;
}

.banner-hm-sona-2022 a.btn:hover {
	color: #fff !important;
	background: #000;
}


/*----Home Eskom's Tariff Application---*/
.banner-hm-eskom-tariff {
	background: #89acc8 url(../../../images/banners/banner-hm-eskom-tariff.jpg) left 0px no-repeat;
	background-size: cover;
	text-align: left;
}

.banner-hm-eskom-tariff .b-wrapper {
	height: 100%;
	padding: 40px 2% 50px 2%;
	clear: both;
}

@media (min-width: 480px) {
	.banner-hm-eskom-tariff .b-wrapper {
		padding: 40px 3% 50px 3%;
	}
}

@media (min-width: 768px) {
	.banner-hm-eskom-tariff .b-wrapper {
		padding: 6vh 2% 50px 2%;
	}
}

@media (min-width: 992px) {
	.banner-hm-eskom-tariff .b-wrapper {
		padding: 6vh 2% 50px 2%;
	}
}

@media (min-width: 1200px) {
	.banner-hm-eskom-tariff .b-wrapper {
		padding: 10vh 2% 50px 2%;
	}
}

@media (min-width: 1600px) {
	.banner-hm-eskom-tariff .b-wrapper {
		padding: 18vh 5% 50px 5%;
	}
}

@media (min-width: 1920px) {
	.banner-hm-eskom-tariff .b-wrapper {
		padding: 25vh 6% 50px 6%;
	}
}

.banner-hm-eskom-tariff h2 {
	margin-bottom: 0.35em;
	font-size: 1.6em;
	text-align: left;
	line-height: 1.15em;
}

@media (min-width: 992px) {
	.banner-hm-eskom-tariff h2 {
		font-size: 1.6em;
	}
}

@media (min-width: 1200px) {
	.banner-hm-eskom-tariff h2 {
		font-size: 1.7em;
	}
}

@media (min-width: 1600px) {
	.banner-hm-eskom-tariff h2 {
		font-size: 2em;
	}
}

.banner-hm-eskom-tariff p {
	font-size: 0.9em;
	margin-bottom: 0.5em;
}

.banner-hm-eskom-tariff p.lead {
	font-size: 1em;
	text-align: left;
	color: #007749;
}

.banner-hm-eskom-tariff p a {
	font-weight: 700;
	color: #ee2b37 !important;
}

.banner-hm-eskom-tariff p a:hover {
	color: #000 !important;
}

.banner-hm-eskom-tariff li {
	margin: 0 0 0.15em 0;
}

.banner-hm-eskom-tariff a.btn:hover {
	color: #fff !important;
	background: #000;
}



/*----Home Banner Zondo Commission Report---*/
.banner-hm-zondo {
	background: #89acc8 url(../../../images/banners/banner-hm-zondo.jpg) left 0px no-repeat;
	background-size: cover;
	text-align: left;
}

.banner-hm-zondo .b-wrapper {
	height: 100%;
	padding: 40px 2% 50px 2%;
	clear: both;
}

@media (min-width: 480px) {
	.banner-hm-zondo .b-wrapper {
		padding: 40px 3% 50px 3%;
	}
}

@media (min-width: 768px) {
	.banner-hm-zondo .b-wrapper {
		padding: 6vh 2% 50px 2%;
	}
}

@media (min-width: 992px) {
	.banner-hm-zondo .b-wrapper {
		padding: 6vh 2% 50px 2%;
	}
}

@media (min-width: 1200px) {
	.banner-hm-zondo .b-wrapper {
		padding: 10vh 2% 50px 2%;
	}
}

@media (min-width: 1600px) {
	.banner-hm-zondo .b-wrapper {
		padding: 18vh 5% 50px 5%;
	}
}

@media (min-width: 1920px) {
	.banner-hm-zondo .b-wrapper {
		padding: 25vh 6% 50px 6%;
	}
}

.banner-hm-zondo h2 {
	margin-bottom: 0.35em;
	font-size: 1.6em;
	text-align: left;
	line-height: 1.15em;
}

@media (min-width: 992px) {
	.banner-hm-zondo h2 {
		font-size: 1.6em;
	}
}

@media (min-width: 1200px) {
	.banner-hm-zondo h2 {
		font-size: 1.7em;
	}
}

@media (min-width: 1600px) {
	.banner-hm-zondo h2 {
		font-size: 2em;
	}
}

.banner-hm-zondo p {
	font-size: 0.9em;
	margin-bottom: 0.5em;
}

.banner-hm-zondo p.lead {
	font-size: 1em;
	text-align: left;
	color: #007749;
}

.banner-hm-zondo p a {
	font-weight: 700;
	color: #ee2b37 !important;
}

.banner-hm-zondo p a:hover {
	color: #000 !important;
}

.banner-hm-zondo li {
	margin: 0 0 0.15em 0;
}

.banner-hm-zondo a.btn:hover {
	color: #fff !important;
	background: #000;
}


/*----Festive Season campaign ---*/
.banner-hm-festive-2021 {
	background: #ff7f32 url(../../../images/banners/festive21-background.svg) left 30px repeat;
	background-size: 37% auto;
	text-align: left;
}

.banner-hm-festive-2021 .b-wrapper {
	height: 100%;
	padding: 40px 2% 50px 2%;
	clear: both;
}

@media (min-width: 480px) {
	.banner-hm-festive-2021 .b-wrapper {
		padding: 40px 3% 50px 3%;
	}
}

@media (min-width: 768px) {
	.banner-hm-festive-2021 .b-wrapper {
		padding: 5vh 2% 50px 2%;
	}
}

@media (min-width: 992px) {
	.banner-hm-festive-2021 .b-wrapper {
		padding: 5vh 2% 50px 2%;
	}
}

@media (min-width: 1200px) {
	.banner-hm-festive-2021 .b-wrapper {
		padding: 10vh 2% 50px 2%;
	}
}

@media (min-width: 1600px) {
	.banner-hm-festive-2021 .b-wrapper {
		padding: 12vh 6% 50px 6%;
	}
}

@media (min-width: 1920px) {
	.banner-hm-festive-2021 .b-wrapper {
		padding: 13vh 6% 50px 6%;
	}
}

.banner-hm-festive-2021 img.toplogos {
	display: block;
	text-align: center !important;
	margin: 0 auto 10px auto !important;
	width: 100%;
	max-width: 600px;
}

@media (min-width: 768px) {
	.banner-hm-festive-2021 img.toplogos {
		max-width: 600px;
	}
}

@media (min-width: 992px) {
	.banner-hm-festive-2021 img.toplogos {
		max-width: 600px;
	}
}

@media (min-width: 1200px) {
	.banner-hm-festive-2021 img.toplogos {
		max-width: 600px;
	}
}

@media (min-width: 1600px) {
	.banner-hm-festive-2021 img.toplogos {
		max-width: 800px;
	}
}

.banner-hm-festive-2021 h1 {
	font-weight: 800;
	font-size: 5em;
	margin-bottom: 0.5em;
	color: #f05a5e;
}

@media (min-width: 768px) {
	.banner-hm-festive-2021 h1 {
		font-size: 5em;
		margin-bottom: 0.3em;
	}
}

@media (min-width: 992px) {
	.banner-hm-festive-2021 h1 {
		font-size: 5em;
		margin-bottom: 0.3em;
	}
}

@media (min-width: 1200px) {
	.banner-hm-festive-2021 h1 {
		font-size: 6em;
		margin-bottom: 0.3em;
	}
}

@media (min-width: 1600px) {
	.banner-hm-festive-2021 h1 {
		font-size: 7em;
		margin-bottom: 0.3em;
	}
}

.banner-hm-festive-2021 h2 {
	font-weight: 800;
	font-size: 1.8em;
	margin-bottom: 0.5em;
}

@media (min-width: 768px) {
	.banner-hm-festive-2021 h2 {
		font-size: 2.0em;
		margin-bottom: 0.3em;
	}
}

@media (min-width: 992px) {
	.banner-hm-festive-2021 h2 {
		font-size: 2.1em;
		margin-bottom: 0.3em;
	}
}

@media (min-width: 1200px) {
	.banner-hm-festive-2021 h2 {
		font-size: 2.2em;
		margin-bottom: 0.3em;
	}
}

@media (min-width: 1600px) {
	.banner-hm-festive-2021 h2 {
		font-size: 2.5em;
		margin-bottom: 0.5em;
	}
}

.banner-hm-festive-2021 h4 {
	margin-bottom: 0.3em !important;
	color: #f05a5e;
	text-transform: uppercase;
}

.banner-hm-festive-2021 ul {
	margin-left: 0;
	padding-left: 0;
}

.banner-hm-festive-2021 li {
	color: #67c9d0;
	font-size: 0.95em;
	line-height: 1.35em;
}

.banner-hm-festive-2021 li a {
	color: #0055a6;
	cursor: pointer;
}

.banner-hm-festive-2021 li span {
	font-size: 0.75em;
}

.banner-hm-festive-2021 .b-contentblock p {
	font-size: 0.95em;
	line-height: 1.35em;
	margin-bottom: 0.6em;
}

@media (min-width: 768px) {
	.banner-hm-festive-2021 .b-contentblock p {
		font-size: 0.95em;
		line-height: 1.35em;
		margin-bottom: 0.6em;
	}
}

@media (min-width: 992px) {
	.banner-hm-festive-2021 .b-contentblock p {
		font-size: 0.95em;
		line-height: 1.35em;
		margin-bottom: 0.6em;
	}
}

@media (min-width: 1200px) {
	.banner-hm-festive-2021 .b-contentblock p {
		font-size: 0.95em;
		line-height: 1.35em;
		margin-bottom: 0.6em;
	}
}

@media (min-width: 1600px) {
	.banner-hm-festive-2021 .b-contentblock p {
		font-size: 1.0em;
		line-height: 1.45em;
		margin-bottom: 0.8em;
	}
}

.banner-hm-festive-2021 .b-contentblock p.descript {
	display: block;
	font-size: 0.6em !important;
	line-height: 1.1em !important;
	margin: 0 auto 10px auto;
	text-align: center;
}

.banner-hm-festive-2021 .b-contentblock p.lead {
	font-size: 1.1em;
	font-weight: 700;
}

@media (min-width: 768px) {
	.banner-hm-festive-2021 .b-contentblock p.lead {
		font-size: 1.1em;
	}
}

@media (min-width: 992px) {
	.banner-hm-festive-2021 .b-contentblock p.lead {
		font-size: 1.1em;
	}
}

@media (min-width: 1200px) {
	.banner-hm-festive-2021 .b-contentblock p.lead {
		font-size: 1.1em;
	}
}

@media (min-width: 1600px) {
	.banner-hm-festive-2021 .b-contentblock p.lead {
		font-size: 1.2em;
	}
}

.banner-hm-festive-2021 .btn-default {
	font-size: 0.75em;
	padding: 5px 9px 6px 9px;
}

.banner-hm-festive-2021 .btn-primary {
	color: #fff;
	background: #0055a6 !important;
}

.banner-hm-festive-2021 .btn-primary:hover {
	color: #fff;
	background: #000 !important;
}


/*----Home Banner Modernisation and Technical Innovation---*/
.banner-hm-minesafe-2021 {
	background: #89acc8 url(../../../images/banners/minesafe2021/banner-hm-minesafe-2021.jpg) left 0px no-repeat;
	background-size: cover;
	text-align: left;
}

.banner-hm-minesafe-2021 .b-wrapper {
	height: 100%;
	padding: 40px 2% 50px 2%;
	clear: both;
}

@media (min-width: 480px) {
	.banner-hm-minesafe-2021 .b-wrapper {
		padding: 40px 3% 50px 3%;
	}
}

@media (min-width: 768px) {
	.banner-hm-minesafe-2021 .b-wrapper {
		padding: 5vh 2% 50px 2%;
	}
}

@media (min-width: 992px) {
	.banner-hm-minesafe-2021 .b-wrapper {
		padding: 5vh 2% 50px 2%;
	}
}

@media (min-width: 1200px) {
	.banner-hm-minesafe-2021 .b-wrapper {
		padding: 5vh 2% 50px 2%;
	}
}

@media (min-width: 1600px) {
	.banner-hm-minesafe-2021 .b-wrapper {
		padding: 10vh 5% 50px 5%;
	}
}

@media (min-width: 1920px) {
	.banner-hm-minesafe-2021 .b-wrapper {
		padding: 11vh 6% 50px 6%;
	}
}

.banner-hm-minesafe-2021 h2 {
	margin-bottom: 0.35em;
	font-size: 1.6em;
	text-align: left;
}

@media (min-width: 992px) {
	.banner-hm-minesafe-2021 h2 {
		font-size: 1.7em;
	}
}

@media (min-width: 1200px) {
	.banner-hm-minesafe-2021 h2 {
		font-size: 1.8em;
	}
}

@media (min-width: 1600px) {
	.banner-hm-minesafe-2021 h2 {
		font-size: 2em;
	}
}

.banner-hm-minesafe-2021 p {
	font-size: 0.9em;
	margin-bottom: 0.5em;
}

.banner-hm-minesafe-2021 p.lead {
	font-size: 1em;
	text-align: left;
	color: #007749;
}

.banner-hm-minesafe-2021 p a {
	font-weight: 700;
	color: #ee2b37 !important;
}

.banner-hm-minesafe-2021 .bc-blue p a {
	color: #0054a6 !important;
}

.banner-hm-minesafe-2021 .bc-green p a {
	color: #666666 !important;
}

.banner-hm-minesafe-2021 .bc-yellow p a {
	color: #de7f24 !important;
}

.banner-hm-minesafe-2021 p a:hover {
	color: #000 !important;
}

.banner-hm-minesafe-2021 li {
	margin: 0 0 0.15em 0;
}

.minesafe-logos {
	margin: 0;
	text-align: center;
}

.minesafe-logos img {
	display: inline-block;
	vertical-align: top;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 50px;
	margin: 0 2px 5px;
}

/*----Home Banner Modernisation and Technical Innovation---*/
.banner-hm-mti {
	background: #89acc8 url(../../../images/banners/banner-hm-mti.jpg) left 0px no-repeat;
	background-size: cover;
	text-align: left;
}

.banner-hm-mti .b-wrapper {
	height: 100%;
	padding: 40px 2% 50px 2%;
	clear: both;
}

@media (min-width: 480px) {
	.banner-hm-mti .b-wrapper {
		padding: 40px 3% 50px 3%;
	}
}

@media (min-width: 768px) {
	.banner-hm-mti .b-wrapper {
		padding: 5vh 2% 50px 2%;
	}
}

@media (min-width: 992px) {
	.banner-hm-mti .b-wrapper {
		padding: 5vh 2% 50px 2%;
	}
}

@media (min-width: 1200px) {
	.banner-hm-mti .b-wrapper {
		padding: 8vh 2% 50px 2%;
	}
}

@media (min-width: 1600px) {
	.banner-hm-mti .b-wrapper {
		padding: 10vh 3% 50px 6%;
	}
}

@media (min-width: 1920px) {
	.banner-hm-mti .b-wrapper {
		padding: 11vh 3% 50px 6%;
	}
}

.banner-hm-mti h2 {
	margin-bottom: 0.35em;
	font-size: 1.9em;
	text-align: left;
}

@media (min-width: 992px) {
	.banner-hm-mti h2 {
		font-size: 1.9em;
	}
}

.banner-hm-mti p {
	margin-bottom: 0.5em;
}

.banner-hm-mti p.lead {
	text-align: left;
	color: #007749;
}

.banner-hm-mti li {
	margin: 0 0 0.15em 0;
}

.clr {
	display: block;
	padding: 15px;
	height: auto;
	text-align: center;
	margin-bottom: 15px;
}

@media (min-width: 768px) {
	.clr {
		height: auto;
	}
}

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

@media (min-width: 1200px) {
	.clr {
		height: 280px;
	}
}

@media (min-width: 1600px) {
	.clr {
		height: 250px;
	}
}

.clr h4 {
	color: #fff;
	text-align: center;
	font-weight: 700;
}

.clr h5 {
	color: #fff;
	text-align: center;
	font-weight: 700;
	margin-bottom: 0.7em;
}

.clr p {
	color: #fff;
	text-align: center;
	font-weight: 700;
}

.clr p strong {
	color: #fff;
}

.clr ul {
	border-top: 1px solid #fff;
}

.clr li {
	color: #fff;
	text-align: center;
	font-weight: 700;
	padding: 8px 0 8px 10px;
	border-bottom: 1px solid #fff;
	line-height: 1.1em;
}

.clr li:before {
	left: 0px;
	top: 6px;
}

.clr img {
	text-align: center;
	margin: 0 auto 10px;
	width: 100%;
	max-width: 80px;
}

.clr.red {
	background: #ee2836;
}

.clr.red ul {
	border-top: 1px solid #fcb0b5;
}

.clr.red li {
	border-bottom: 1px solid #fcb0b5;
}

.clr.red li:before {
	color: #feb819;
}

.clr.red .btn-default {
	background: #af122a;
	color: #fff;
}

.clr.red .btn-default:hover {
	background: #ff7f32;
	color: #fff;
}

.clr.yellow {
	background: #feb919;
}

.clr.blue {
	background: #0055a6;
}

.clr.blue ul {
	border-top: 2px solid #67c9d0;
}

.clr.blue li {
	color: #fff;
	text-align: center;
	border-bottom: 2px solid #67c9d0;
}

.clr.blue li strong {
	color: #fff;
	text-align: center;
}

.clr.blue li:before {
	display: none;
}

.clr.blue .btn-default {
	background: #67c9d0 !important;
	color: #fff !important;
	font-weight: 700;
}

.clr.blue .btn-default:hover {
	background: #fff !important;
	color: #0054a6 !important;
}

/*----Home Banner Facts and Figures 2020 - 14 Oct 2021---*/
.banner-hm-ff-2020 {
	background: #89acc8 url(../../../images/banners/banner-hm-ff-2020.jpg) left 0px no-repeat;
	background-size: cover;
	text-align: left;
}

@media (min-width: 480px) {
	.banner-hm-ff2020 {
		background-position: left 0px;
	}
}

@media (min-width: 768px) {
	.banner-hm-ff2020 {
		background-position: left 0px;
	}
}

@media (min-width: 992px) {
	.banner-hm-ff2020 {
		background-position: left 0px;
	}
}

@media (min-width: 1200px) {
	.banner-hm-ff2020 {
		background-position: left 35px;
	}
}

@media (min-width: 1600px) {
	.banner-hm-ff2020 {
		background-position: left 35px;
	}
}

.banner-hm-ff-2020 .b-wrapper {
	height: 100%;
	padding: 40px 2% 50px 2%;
	clear: both;
}

@media (min-width: 480px) {
	.banner-hm-ff-2020 .b-wrapper {
		padding: 40px 3% 50px 3%;
	}
}

@media (min-width: 768px) {
	.banner-hm-ff-2020 .b-wrapper {
		padding: 5vh 2% 50px 2%;
	}
}

@media (min-width: 992px) {
	.banner-hm-ff-2020 .b-wrapper {
		padding: 5vh 2% 50px 2%;
	}
}

@media (min-width: 1200px) {
	.banner-hm-ff-2020 .b-wrapper {
		padding: 8vh 2% 50px 2%;
	}
}

@media (min-width: 1600px) {
	.banner-hm-ff-2020 .b-wrapper {
		padding: 10vh 6% 50px 6%;
	}
}

@media (min-width: 1920px) {
	.banner-hm-ff-2020 .b-wrapper {
		padding: 12vh 6% 50px 6%;
	}
}


/*----Vooma Vaccination Week ---*/
.banner-hm-vooma-vaccination {
	background: #0054a6;
	text-align: left;
}

.banner-hm-vooma-vaccination .b-wrapper {
	height: 100%;
	padding: 40px 2% 50px 2%;
	clear: both;
}

@media (min-width: 480px) {
	.banner-hm-vooma-vaccination .b-wrapper {
		padding: 40px 3% 50px 3%;
	}
}

@media (min-width: 768px) {
	.banner-hm-vooma-vaccination .b-wrapper {
		padding: 5vh 2% 50px 2%;
	}
}

@media (min-width: 992px) {
	.banner-hm-vooma-vaccination .b-wrapper {
		padding: 5vh 2% 50px 2%;
	}
}

@media (min-width: 1200px) {
	.banner-hm-vooma-vaccination .b-wrapper {
		padding: 10vh 2% 50px 2%;
	}
}

@media (min-width: 1600px) {
	.banner-hm-vooma-vaccination .b-wrapper {
		padding: 12vh 6% 50px 6%;
	}
}

@media (min-width: 1920px) {
	.banner-hm-vooma-vaccination .b-wrapper {
		padding: 13vh 6% 50px 6%;
	}
}

.banner-hm-vooma-vaccination img.toplogos {
	display: block;
	text-align: center !important;
	margin: 0 auto 10px auto !important;
	width: 100%;
	max-width: 600px;
}

@media (min-width: 768px) {
	.banner-hm-vooma-vaccination img.toplogos {
		max-width: 600px;
	}
}

@media (min-width: 992px) {
	.banner-hm-vooma-vaccination img.toplogos {
		max-width: 600px;
	}
}

@media (min-width: 1200px) {
	.banner-hm-vooma-vaccination img.toplogos {
		max-width: 600px;
	}
}

@media (min-width: 1600px) {
	.banner-hm-vooma-vaccination img.toplogos {
		max-width: 800px;
	}
}

.banner-hm-vooma-vaccination h2 {
	font-weight: 800;
	font-size: 1.8em;
	margin-bottom: 0.5em;
}

@media (min-width: 768px) {
	.banner-hm-vooma-vaccination h2 {
		font-size: 2.0em;
		margin-bottom: 0.3em;
	}
}

@media (min-width: 992px) {
	.banner-hm-vooma-vaccination h2 {
		font-size: 2.1em;
		margin-bottom: 0.3em;
	}
}

@media (min-width: 1200px) {
	.banner-hm-vooma-vaccination h2 {
		font-size: 2.2em;
		margin-bottom: 0.3em;
	}
}

@media (min-width: 1600px) {
	.banner-hm-vooma-vaccination h2 {
		font-size: 2.5em;
		margin-bottom: 0.5em;
	}
}

.banner-hm-vooma-vaccination h4 {
	margin-bottom: 0.3em !important;
}

.banner-hm-vooma-vaccination ul {
	margin-left: 0;
	padding-left: 0;
}

.banner-hm-vooma-vaccination li {
	color: #67c9d0;
	font-size: 0.95em;
	line-height: 1.35em;
}

.banner-hm-vooma-vaccination li a {
	color: #0055a6;
	cursor: pointer;
}

.banner-hm-vooma-vaccination li span {
	font-size: 0.75em;
}

.banner-hm-vooma-vaccination .b-contentblock p {
	font-size: 0.95em;
	line-height: 1.35em;
	margin-bottom: 0.6em;
}

@media (min-width: 768px) {
	.banner-hm-vooma-vaccination .b-contentblock p {
		font-size: 0.95em;
		line-height: 1.35em;
		margin-bottom: 0.6em;
	}
}

@media (min-width: 992px) {
	.banner-hm-vooma-vaccination .b-contentblock p {
		font-size: 0.95em;
		line-height: 1.35em;
		margin-bottom: 0.6em;
	}
}

@media (min-width: 1200px) {
	.banner-hm-vooma-vaccination .b-contentblock p {
		font-size: 0.95em;
		line-height: 1.35em;
		margin-bottom: 0.6em;
	}
}

@media (min-width: 1600px) {
	.banner-hm-vooma-vaccination .b-contentblock p {
		font-size: 1.1em;
		line-height: 1.45em;
		margin-bottom: 0.8em;
	}
}

.banner-hm-vooma-vaccination .b-contentblock p.lead {
	font-size: 1.1em;
	font-weight: 700;
}

@media (min-width: 768px) {
	.banner-hm-vooma-vaccination .b-contentblock p.lead {
		font-size: 1.1em;
	}
}

@media (min-width: 992px) {
	.banner-hm-vooma-vaccination .b-contentblock p.lead {
		font-size: 1.1em;
	}
}

@media (min-width: 1200px) {
	.banner-hm-vooma-vaccination .b-contentblock p.lead {
		font-size: 1.1em;
	}
}

@media (min-width: 1600px) {
	.banner-hm-vooma-vaccination .b-contentblock p.lead {
		font-size: 1.2em;
	}
}

.banner-hm-vooma-vaccination .btn-default {
	font-size: 0.75em;
	padding: 5px 9px 6px 9px;
}

.banner-hm-vooma-vaccination .btn-primary {
	color: #fff;
	background: #0055a6 !important;
}

.banner-hm-vooma-vaccination .btn-primary:hover {
	color: #fff;
	background: #000 !important;
}

/*----The State of the Mining Nation ---*/
.banner-hm-just-energy-transition {
	background: #89acc8 url(../../../images/banners/banner-hm-just-energy-transition.jpg) left 0px no-repeat;
	background-size: cover;
	text-align: left;
}

@media (min-width: 480px) {
	.banner-hm-just-energy-transition {
		background-position: left 0px;
	}
}

@media (min-width: 768px) {
	.banner-hm-just-energy-transition {
		background-position: left 0px;
	}
}

@media (min-width: 992px) {
	.banner-hm-just-energy-transition {
		background-position: left 0px;
	}
}

@media (min-width: 1200px) {
	.banner-hm-just-energy-transition {
		background-position: left 35px;
	}
}

@media (min-width: 1600px) {
	.banner-hm-just-energy-transition {
		background-position: left 35px;
	}
}

.banner-hm-just-energy-transition .b-contentblock h2 {
	font-size: 1.5em;
	line-height: 1.1em;
}

@media (min-width: 480px) {
	.banner-hm-just-energy-transition .b-contentblock h2 {
		font-size: 1.6em;
	}
}

@media (min-width: 768px) {
	.banner-hm-just-energy-transition .b-contentblock h2 {
		font-size: 1.65em;
	}
}

@media (min-width: 992px) {
	.banner-hm-just-energy-transition .b-contentblock h2 {
		font-size: 1.6em;
	}
}

@media (min-width: 1200px) {
	.banner-hm-just-energy-transition .b-contentblock h2 {
		font-size: 1.6em;
	}
}

@media (min-width: 1600px) {
	.banner-hm-just-energy-transition .b-contentblock h2 {
		font-size: 1.8em;
	}
}

/*--Banner Wrapper Block with spacing around--*/
.banner-hm-just-energy-transition .b-wrapper {
	height: 100%;
	padding: 40px 2% 50px 2%;
	clear: both;
}

@media (min-width: 480px) {
	.banner-hm-just-energy-transition .b-wrapper {
		padding: 40px 3% 50px 3%;
	}
}

@media (min-width: 768px) {
	.banner-hm-just-energy-transition .b-wrapper {
		padding: 40px 3% 50px 3%;
	}
}

@media (min-width: 992px) {
	.banner-hm-just-energy-transition .b-wrapper {
		padding: 5vh 3% 50px 3%;
	}
}

@media (min-width: 1200px) {
	.banner-hm-just-energy-transition .b-wrapper {
		padding: 10vh 3% 50px 3%;
	}
}

@media (min-width: 1600px) {
	.banner-hm-just-energy-transition .b-wrapper {
		padding: 15vh 5% 50px 5%;
	}
}

@media (min-width: 1920px) {
	.banner-hm-just-energy-transition .b-wrapper {
		padding: 20vh 5% 50px 5%;
	}
}

.banner-hm-just-energy-transition p a {
	font-weight: 700;
}

/*--Home Reimagining Training in Mining Innovation--*/
.banner-hm-tim-innovation {
	background: url(../../../images/banners/banner-hm-tim-innovation-icons.svg) 95% 10vh no-repeat, url(../../../images/banners/banner-hm-tim-innovation.png) 0 0 repeat-y;
	background-size: 0% auto, 100% auto;
	text-align: left;
}

@media (min-width: 768px) {
	.banner-hm-tim-innovation {
		background-size: 0% auto, 100% auto;
		background-position: 97% 12vh, 0 0;
	}
}

@media (min-width: 992px) {
	.banner-hm-tim-innovation {
		background-size: 18% auto, 100% auto;
		background-position: 98% 6vh, 0 0;
	}
}

@media (min-width: 1200px) {
	.banner-hm-tim-innovation {
		background-size: 28% auto, 100% auto;
		background-position: 95% 12vh, 0 0;
	}
}

@media (min-width: 1600px) {
	.banner-hm-tim-innovation {
		background-size: 28% auto, 100% auto;
		background-position: 93% 15vh, 0 0;
	}
}

.banner-hm-tim-innovation .b-wrapper {
	padding: 10vh 4% 50px 5%;
	min-height: 748px;
}

@media (min-width: 768px) {
	.banner-hm-tim-innovation .b-wrapper {
		padding: 10vh 4% 50px 4%;
	}
}

@media (min-width: 992px) {
	.banner-hm-tim-innovation .b-wrapper {
		padding: 6vh 4% 50px 4%;
	}
}

@media (min-width: 1200px) {
	.banner-hm-tim-innovation .b-wrapper {
		padding: 12vh 4% 50px 5%;
	}
}

@media (min-width: 1600px) {
	.banner-hm-tim-innovation .b-wrapper {
		padding: 15vh 4% 50px 5%;
	}
}

.banner-hm-tim-innovation .b-contentblock {}

.banner-hm-tim-innovation img.logos {
	display: block;
	margin: 0 auto 0.1em auto;
	width: 90%;
	max-width: 500px;
}

.banner-hm-tim-innovation h2 {
	font-size: 1.7em;
	background: #97d700;
	color: #fff;
	padding: 5px 10px;
	line-height: 1em;
}

@media (min-width: 768px) {
	.banner-hm-tim-innovation h2 {
		font-size: 1.7em;
	}
}

@media (min-width: 992px) {
	.banner-hm-tim-innovation h2 {
		font-size: 1.7em;
	}
}

@media (min-width: 1200px) {
	.banner-hm-tim-innovation h2 {
		font-size: 1.9em;
	}
}

@media (min-width: 1600px) {
	.banner-hm-tim-innovation h2 {
		font-size: 2.15em;
	}
}

.banner-hm-tim-innovation .b-contentblock h4 {
	color: #0054a6;
	margin-bottom: 0.6em;
}

.banner-hm-tim-innovation .b-contentblock p {
	color: #0054a6;
	font-weight: 400;
}

.banner-hm-tim-innovation .b-contentblock p.lead {
	color: #0054a6;
	font-weight: 500;
	font-size: 1.0em;
	line-height: 1.35em;
}

.banner-hm-tim-innovation .b-contentblock p strong {
	color: #0054a6;
	font-weight: 800;
	margin-bottom: 1em;
}

.banner-hm-tim-innovation p.descriptor {
	color: #999;
}

.banner-hm-tim-innovation li {
	font-size: 1.0em;
	line-height: 1.35em;
	color: #0054a6;
	font-weight: 400;
}

.banner-hm-tim-innovation .b-contentblock a {
	color: #0054a6;
	text-decoration: underline;
	cursor: pointer;
	font-weight: 500;
}

.banner-hm-tim-innovation .b-contentblock a.transl {
	font-weight: 400;
	font-size: 0.9em;
}

.banner-hm-tim-innovation .b-contentblock a:hover {
	color: #000;
}

.banner-hm-tim-innovation .b-contentblock hr {
	border-bottom: 2px dotted rgba(103, 201, 208, 0.7);
	margin: 2px auto 12px auto;
}

.banner-hm-tim-innovation .b-contentblock .btn-default {
	padding: 6px 10px 7px 10px;
	background: #6babe5;
}

.banner-hm-tim-innovation .b-contentblock .btn-default:hover {
	background: #0054a6;
}

.banner-hm-tim-innovation .bc-blue .hilite {
	background: #2cd5c4;
}

.banner-hm-tim-innovation .bc-blue .hilite h5 {
	color: #fff;
	font-size: 1.4em;
	line-height: 1.2em;
}


/*-----Home Banner - National Day of Women in Mining 2021 / Advancing Women in Mining ---*/
.banner-hm-awim-2021 {
	background: url(../../../images/banners/banner-hm-awim-2021.jpg) center top no-repeat;
	background-size: cover;
	text-align: center;
}

@media (min-width: 480px) {
	.banner-hm-awim-2021 {
		background-position: center top;
	}
}

@media (min-width: 768px) {
	.banner-hm-awim-2021 {
		background-position: center top;
	}
}

@media (min-width: 992px) {
	.banner-hm-awim-2021 {
		background-position: center top;
	}
}

@media (min-width: 1200px) {
	.banner-hm-awim-2021 {
		background-position: center top;
	}
}

@media (min-width: 1600px) {
	.banner-hm-awim-2021 {
		background-position: center bottom;
	}
}

.banner-hm-awim-2021 {}

.banner-hm-awim-2021 h2 {
	margin-bottom: 0.3em
}

.bc-red .banner-hm-awim-2021 h5 {
	color: #ae122a;
}

.banner-hm-awim-2021 p {
	font-size: 0.9em;
	line-height: 1.2em;
	margin-bottom: 0.7em;
	color: #000
}

@media (min-width: 992px) {
	.banner-hm-awim-2021 p {
		font-size: 0.9em;
		line-height: 1.2em;
	}
}

@media (min-width: 1200px) {
	.banner-hm-awim-2021 p {
		font-size: 0.9em;
		line-height: 1.2em;
	}
}

@media (min-width: 1600px) {
	.banner-hm-awim-2021 p {
		font-size: 1em;
		line-height: 1.25em;
	}
}

.banner-hm-awim-2021 p.lead {
	font-size: 1.1em;
	line-height: 1.5em;
	color: #000;
	font-weight: 500;
}

.banner-hm-awim-2021 ul {}

.banner-hm-awim-2021 li {
	font-size: 1em;
	line-height: 1.25em;
	margin-bottom: 0.5em;
	font-weight: 500;
}

.banner-hm-awim-2021 li span.descriptor {
	font-weight: 400;
}

.banner-hm-awim-2021 li a {
	color: #000;
	text-decoration: none;
}

.banner-hm-awim-2021 li a:hover {
	color: #ae122a;
	text-decoration: none;
}

.banner-hm-awim-2021 .heropic {
	margin: 0 15px 0 0;
	width: 100%;
	max-width: 615px;
}

.banner-hm-awim-2021 .banner-hm-awim-2021 .b-wrapper {
	height: 100%;
	min-height: 300px;
	text-align: left;
	padding: 30px 1% 50px 1%;
	clear: both;
}

@media (min-width: 480px) {
	.banner-hm-awim-2021 .b-wrapper {
		padding: 30px 1% 50px 1%;
		min-height: 748px;
	}
}

@media (min-width: 768px) {
	.banner-hm-awim-2021 .b-wrapper {
		padding: 4vh 1% 50px 1%;
		min-height: 748px;
	}
}

@media (min-width: 992px) {
	.banner-hm-awim-2021 .b-wrapper {
		padding: 4vh 1% 50px 1%;
		min-height: 748px;
	}
}

@media (min-width: 1200px) {
	.banner-hm-awim-2021 .b-wrapper {
		padding: 6vh 3% 50px 3%;
		min-height: 748px;
	}
}

@media (min-width: 1600px) {
	.banner-hm-awim-2021 .b-wrapper {
		padding: 6vh 3% 50px 3%;
		min-height: 748px;
	}
}

@media (min-width: 1920px) {
	.banner-hm-awim-2021 .b-wrapper {
		padding: 10vh 3% 50px 3%;
		min-height: 748px;
	}
}

.b-wrapper.center {
	text-align: center;
}

.banner-hm-awim-2021 .b-contentblock {
	margin-top: 0;
}

@media (min-width: 480px) {
	.banner-hm-awim-2021 .b-contentblock {
		margin-top: 0;
	}
}

@media (min-width: 768px) {
	.banner-hm-awim-2021 .b-contentblock {
		margin-top: 0;
	}
}

@media (min-width: 992px) {
	.banner-hm-awim-2021 .b-contentblock {
		margin-top: 0;
	}
}

@media (min-width: 1200px) {
	.banner-hm-awim-2021 .b-contentblock {
		margin-top: 0vh;
	}
}

@media (min-width: 1600px) {
	.banner-hm-awim-2021 .b-contentblock {
		margin-top: 1vh;
	}
}

.banner-hm-awim-2021 .logosbar {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 2px dotted #ccc;
}

.banner-hm-awim-2021 img.logo-wim {
	width: 100%;
	max-width: 180px;
	margin: 10px auto 0 15px;
}

.banner-hm-awim-2021 img.logo-mc {
	width: 100%;
	max-width: 210px;
	margin: 0px 10px 0 auto;
}

.banner-hm-awim-2021 img.face {
	width: 100%;
	max-width: 150px;
	margin: 0 auto 10px auto;
	border: 1px solid #666;
}

.banner-hm-awim-2021 .logosbar .brdr-r {
	border-right: 1px solid #ccc;
}

.faces p.descriptor {
	text-align: center;
	font-style: normal !important;
	color: #666;
	line-height: 1.2em;
}

.banner-hm-awim-2021 a.btn {
	margin-top: 10px !important;
}

.banner-hm-awim-2021 a.thumb {
	display: block;
	width: 100%;
	max-width: 250px;
	margin: 0 0 0 15px;
	text-decoration: none;
}

.banner-hm-awim-2021 a.thumb img {
	width: 100%;
	max-width: 250px;
	margin: 0 0 10px 0;
}

.banner-hm-awim-2021 a.thumb p.descriptor {
	text-align: center;
	font-style: normal !important;
	color: #000;
}




/*--Home Banner - Womens Day 9 July 2021 --*/
.banner-hm-womens-day-9aug21 {
	background: #72cc98;
	text-align: left;
}

/*--
.banner-hm-womens-day-9aug21 {background:#72cc98 url(../../../images/banners/banner-hm-womens-day-9aug21.jpg) left top no-repeat; background-size:100% auto; text-align:left;  background-position:left top;}
@media (min-width: 480px) { .banner-hm-womens-day-9aug21 {background-size:auto 100%; background-position:left top;} }
@media (min-width: 768px) { .banner-hm-womens-day-9aug21 {background-size:auto 100%; background-position:left top;} }
@media (min-width: 992px) { .banner-hm-womens-day-9aug21 {background-size:cover; background-position:left 0px;} }
@media (min-width: 1200px) { .banner-hm-womens-day-9aug21 {background-size:100% auto; background-position:left 30px;} }
@media (min-width: 1600px) { .banner-hm-womens-day-9aug21 {background-size:100% auto; background-position:left top;} } --*/

.banner-hm-womens-day-9aug21 .banner-hm-womens-day-9aug21 .b-wrapper {
	height: 100%;
	min-height: 300px;
	text-align: left;
	padding: 30px 1% 50px 1%;
	clear: both;
}

@media (min-width: 480px) {
	.banner-hm-womens-day-9aug21 .b-wrapper {
		padding: 30px 1% 50px 1%;
		min-height: 748px;
	}
}

@media (min-width: 768px) {
	.banner-hm-womens-day-9aug21 .b-wrapper {
		padding: 5vh 1% 50px 1%;
		min-height: 748px;
	}
}

@media (min-width: 992px) {
	.banner-hm-womens-day-9aug21 .b-wrapper {
		padding: 5vh 2% 50px 1%;
		min-height: 748px;
	}
}

@media (min-width: 1200px) {
	.banner-hm-womens-day-9aug21 .b-wrapper {
		padding: 5vh 3% 50px 3%;
		min-height: 748px;
	}
}

@media (min-width: 1600px) {
	.banner-hm-womens-day-9aug21 .b-wrapper {
		padding: 7vh 5% 50px 5%;
		min-height: 748px;
	}
}

@media (min-width: 1920px) {
	.banner-hm-womens-day-9aug21 .b-wrapper {
		padding: 7vh 5% 50px 5%;
		min-height: 748px;
	}
}

.banner-hm-womens-day-9aug21 .b-contentblock {
	margin-top: 0;
}

@media (min-width: 480px) {
	.banner-hm-womens-day-9aug21 .b-contentblock {
		margin-top: 0;
	}
}

@media (min-width: 768px) {
	.banner-hm-womens-day-9aug21 .b-contentblock {
		margin-top: 0;
	}
}

@media (min-width: 992px) {
	.banner-hm-womens-day-9aug21 .b-contentblock {
		margin-top: 0;
	}
}

@media (min-width: 1200px) {
	.banner-hm-womens-day-9aug21 .b-contentblock {
		margin-top: 2vh;
	}
}

@media (min-width: 1600px) {
	.banner-hm-womens-day-9aug21 .b-contentblock {
		margin-top: 8vh;
	}
}

.banner-hm-womens-day-9aug21 h1 {
	margin-bottom: 0.2em;
}

.banner-hm-womens-day-9aug21 p.lead {
	font-size: 1.1em;
	line-height: 1.5em;
	color: #000;
	margin-bottom: 1em;
	font-weight: 500;
}

@media (min-width: 480px) {
	.banner-hm-womens-day-9aug21 p.lead {
		font-size: 1.1em;
		line-height: 1.5em;
	}
}

@media (min-width: 768px) {
	.banner-hm-womens-day-9aug21 p.lead {
		font-size: 0.9em;
		line-height: 1.4em;
	}
}

@media (min-width: 992px) {
	.banner-hm-womens-day-9aug21 p.lead {
		font-size: 1.0em;
		line-height: 1.4em;
	}
}

@media (min-width: 1200px) {
	.banner-hm-womens-day-9aug21 p.lead {
		font-size: 1.0em;
		line-height: 1.45em;
	}
}

@media (min-width: 1600px) {
	.banner-hm-womens-day-9aug21 p.lead {
		font-size: 1.1em;
		line-height: 1.55em;
	}
}

.banner-hm-womens-day-9aug21 li {
	font-size: 0.9em;
	line-height: 1.4em;
}

.banner-hm-womens-day-9aug21 li a {
	color: #000;
}

.col-xs-0 {
	display: none;
}

@media (min-width: 480px) {
	.col-xs-0 {
		display: none;
	}
}

@media (min-width: 768px) {
	.col-xs-0 {
		display: none;
	}
}

@media (min-width: 992px) {
	.col-xs-0 {
		display: none;
	}
}

@media (min-width: 1200px) {
	.col-xs-0 {
		display: inline;
	}
}

@media (min-width: 1600px) {
	.col-xs-0 {
		display: inline;
	}
}

img.heropic {
	margin-top: 0;
}

@media (min-width: 480px) {
	img.heropic {
		margin-top: 0;
	}
}

@media (min-width: 768px) {
	img.heropic {
		margin-top: 7vh;
	}
}

@media (min-width: 992px) {
	img.heropic {
		margin-top: 3vh;
	}
}

@media (min-width: 1200px) {
	img.heropic {
		margin-top: 0;
	}
}

@media (min-width: 1600px) {
	img.heropic {
		margin-top: 0;
	}
}

/*--Newsletter 05 July 2021--*/
.banner-hm-newsletter {
	background: url(../../../images/banners/newsletter-july-2021.jpg) center top no-repeat;
	background-size: auto 100%;
}

@media (min-width: 768px) {
	.banner-hm-newsletter {
		background-size: cover;
		background-position: center top;
	}
}

.banner-hm-newsletter h1 {}

.banner-hm-newsletter img {
	height: auto;
	max-height: 50px !important;
}

.banner-hm-newsletter img.brdr:hover {
	border: 2px solid #fff;
}

.banner-hm-newsletter .btn-default {
	font-size: 0.75em;
	margin-bottom: 20px !important;
}

@media (min-width: 992px) {
	.banner-hm-newsletter .btn-default {
		font-size: 0.8em;
	}
}

.banner-hm-newsletter a strong {
	font-weight: 700;
	color: inherit;
}



/*--Reimagining Training in Mining--*/
.banner-hm-tim {
	background: url(../../../images/banners/banner-hm-tim.jpg) center top no-repeat;
	background-size: auto 100%;
}

@media (min-width: 768px) {
	.banner-hm-tim {
		background-size: cover;
		background-position: center top;
	}
}

.banner-hm-tim h1 {}

.banner-hm-tim img {
	height: auto;
	max-height: 50px !important;
}

.banner-hm-tim img.brdr:hover {
	border: 2px solid #fff;
}

.banner-hm-tim .btn-default {
	font-size: 0.75em;
	margin-bottom: 20px !important;
}

@media (min-width: 992px) {
	.banner-hm-tim .btn-default {
		font-size: 0.8em;
	}
}

.banner-hm-tim a strong {
	font-weight: 700;
	color: inherit;
}

/*--Making Columns flex--*/
.row.r-flex {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	height: 100%;
	flex-direction: column;
}

@media (min-width: 992px) {
	.row.r-flex {
		flex-direction: row;
	}
}

.r-flex .flx-col {}


/*----CEOs Support VacciNation---*/
.banner-hm-ceos-vaccination {
	background: #99bbdb;
}

#ceos-popup {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1000;
	background: url(../../../images/banners/ceo-vaccination/ceos-support-vaccination-overlay.png) left top repeat;
	text-align: center;
	padding: 10vh 20px 20px;
	cursor: pointer;
}

#ceos-popup .row {
	width: 100%;
	height: 80%;
	margin-top: 0;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	/*-- -ms-flex-align: top !important; align-items: top !important; 
	-ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center !important; justify-content: center !important; --*/
}

#ceos-popup img {
	display: block;
	margin: 0 auto 30px auto;
	webkit-transition: transform 1s ease;
	transition: transform 1s ease;
	width: auto;
	max-width: 90%;
}

@media (min-height: 480px) {
	#ceos-popup img {
		margin: 0 auto 10px auto;
		padding-top: 0px;
		max-width: 60%;
	}
}

@media (min-height: 768px) {
	#ceos-popup img {
		margin: 0 auto 10px auto;
		padding-top: 0px;
		max-width: 70%;
	}
}

@media (min-height: 900px) {
	#ceos-popup img {
		margin: 0 auto 20px auto;
		padding-top: 2vh;
		max-width: 90%;
	}
}

@media (min-height: 1000px) {
	#ceos-popup img {
		margin: 0 auto 30px auto;
		padding-top: 3vh;
		max-width: 100%;
	}
}

#ceos-popup h4 {
	display: block;
	height: 45px;
	text-align: left;
	margin: 0 auto;
	padding: 18px 45px 0 0;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
	font-size: 1.2em;
	letter-spacing: 1px;
	background: url(../../../images/banners/ceo-vaccination/cursor-click.png) right top no-repeat;
	background-size: auto 100%;
}

@media (min-width: 768px) {
	#ceos-popup h4 {
		font-size: 1.3em;
		height: 50px;
		padding: 18px 50px 0 0;
	}
}

@media (min-width: 992px) {
	#ceos-popup h4 {
		font-size: 1.4em;
		height: 55px;
		padding: 18px 55px 0 0;
	}
}

@media (min-width: 1200px) {
	#ceos-popup h4 {
		font-size: 1.5em;
		height: 61px;
		padding: 18px 61px 0 0;
	}
}

@media (min-width: 1600px) {
	#ceos-popup h4 {
		font-size: 1.6em;
		height: 61px;
		padding: 18px 61px 0 0;
	}
}

.banner-hm-ceos-vaccination .row {
	height: 88%;
}

@media (min-width: 480px) {
	.banner-hm-ceos-vaccination .row {
		padding-top: 0px;
		height: 88%;
	}
}

@media (min-width: 768px) {
	.banner-hm-ceos-vaccination .row {
		padding-top: 0px;
		height: 65%;
	}
}

@media (min-width: 992px) {
	.banner-hm-ceos-vaccination .row {
		padding-top: 0px;
		height: 65%;
	}
}

@media (min-width: 1200px) {
	.banner-hm-ceos-vaccination .row {
		padding-top: 35px;
		height: 83%;
	}
}

@media (min-width: 1600px) {
	.banner-hm-ceos-vaccination .row {
		padding-top: 35px;
		height: 86%;
	}
}

.align-items-center {
	-webkit-box-align: center !important;
	-ms-flex-align: center !important;
	align-items: center !important;
}

.justify-content-center {
	-ms-flex-pack: center !important;
	justify-content: center !important;
}

.rowflex {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: 0px;
	margin-left: 0px;
	height: 100%;
}

/*--Column without widths without heights. To be used with BS4 columns below
.fxcol {-ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; position: relative; height:auto; min-height: 1px; padding-right:2px !important; padding-left:2px !important; margin-bottom:4px; }--*/

/*--Column without widths with set heights. To be used with BS4 columns below--*/
.fxcol {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	position: relative;
	height: 20vh;
	min-height: 1px;
	padding-right: 2px !important;
	padding-left: 2px !important;
	margin-bottom: 4px;
	-ms-flex-pack: center !important;
	justify-content: center !important;
}

@media (min-width: 480px) {
	.fxcol {
		height: 15vh;
	}
}

@media (min-width: 768px) {
	.fxcol {
		height: 20vh;
	}
}

@media (min-width: 992px) {
	.fxcol {
		height: 20vh;
	}
}

@media (min-width: 1200px) {
	.fxcol {
		height: auto;
	}
}

@media (min-width: 1600px) {
	.fxcol {
		height: auto;
	}
}

/*--Column with width sizes--
.fxcol {-ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; position: relative; width: 100%; height:20vh; min-height: 1px; padding-right:2px; padding-left:2px; margin-bottom:4px;
	-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}/*--col-12--*/
/*--
@media (min-width: 480px) { .fxcol {height:15vh; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%;} }/*--col-6--*/
/*--
@media (min-width: 768px) { .fxcol {height:20vh; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;} }/*--col-4--*/
/*--
@media (min-width: 992px) { .fxcol {height:20vh; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;} }/*--col-4--*/
/*--
@media (min-width: 1200px) { .fxcol {height:25vh; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;} }/*--col-3--*/
/*--
@media (min-width: 1600px) { .fxcol {height:25vh; -ms-flex: 0 0 19.9%; flex: 0 0 19.9%; max-width: 19.9%;} }/*--col-2+--*/
/*--
--*/

.fxcol a {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-size: cover !important;
	background-position: center top !important;
	position: relative;
	-webkit-transition: transform 0.5s ease;
	transition: transform 0.5s ease;
	text-align: center;
}

@media (min-width: 480px) {
	.fxcol a {
		background-size: cover !important;
	}
}

@media (min-width: 768px) {
	.fxcol a {
		background-size: cover !important;
	}
}

@media (min-width: 992px) {
	.fxcol a {
		background-size: cover !important;
	}
}

@media (min-width: 1200px) {
	.fxcol a {
		background-size: cover !important;
	}
}

@media (min-width: 1600px) {
	.fxcol a {
		background-size: cover !important;
	}
}

@media (min-height: 400px) {
	.fxcol a {
		background-position: center -0px !important;
	}
}

@media (min-height: 480px) {
	.fxcol a {
		background-position: center -10px !important;
	}
}

@media (min-height: 768px) {
	.fxcol a {
		background-position: center -0 !important;
	}
}

/*--Landscape--@media (min-height: 768px) { .fxcol a {background-position:center -15px !important;} } --*/
@media (min-height: 992px) {
	.fxcol a {
		background-position: center -10px !important;
	}
}

@media (min-height: 1200px) {
	.fxcol a {
		background-position: center top !important;
	}
}

.fxcol a:hover {
	transform: scale(1.05);
}

.fxcol p {
	position: absolute;
	left: auto;
	right: auto;
	bottom: 15px;
	width: 100%;
	z-index: 1;
	margin: 70% auto 0 auto;
	text-align: center;
	color: #fff;
	font-weight: 700;
	text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7);
	line-height: 1.2em;
	-ms-flex-item-align: center !important;
	align-self: center !important;
}

@media (min-width: 480px) {
	.fxcol p {
		font-size: 1em;
	}
}

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

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

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

@media (min-width: 1600px) {
	.fxcol p {
		font-size: 0.8em;
	}
}

.fxcol p.descriptor {
	text-align: center;
	color: #fff;
	font-weight: 700;
	text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7);
}



/*----Home Banner CONGRATULATIONS--December 2021---------------------------------------*/
.banner-hm-congratulations {
	background: #0054a6;
}

/*--Flex row. Remember to REDUCE top padding when more content is added--*/
.rowflex.bhcngr {
	height: 85%;
	position: relative;
	margin: 0;
}

@media (min-width: 480px) {
	.rowflex.bhcngr {
		height: 85%;
		padding: 10px 0 0;
	}
}

@media (min-width: 768px) {
	.rowflex.bhcngr {
		height: 85%;
		padding: 10px 0 0;
	}
}

@media (min-width: 992px) {
	.rowflex.bhcngr {
		height: 100%;
		padding: 10px 0 0;
	}
}

@media (min-width: 1200px) {
	.rowflex.bhcngr {
		height: 83%;
		padding: 40px 0 0;
	}
}

@media (min-width: 1600px) {
	.rowflex.bhcngr {
		height: 83%;
		padding: 40px 0 0;
	}
}

.rowflex.bhcngr .rowflex {
	margin-right: -5px;
	margin-left: -5px;
	;
}

@media (min-width: 768px) {
	.rowflex.bhcngr .rowflex {
		margin-right: -15px;
		margin-left: -15px;
	}
}


/*--Congrats Left Column--Smaller collumn--*/
.congr-leftcol {
	background: url(../../../images/banners/congratulations/congrats-vaccine.svg) right 10vh no-repeat;
	background-size: 12%;
	height: auto;
}

@media (min-width: 480px) {
	.congr-leftcol {
		background-position: right bottom;
	}
}

@media (min-width: 768px) {
	.congr-leftcol {
		position: relative;
		background: url(../../../images/banners/congratulations/congrats-arrow.svg) left 50% no-repeat, url(../../../images/banners/congratulations/congrats-vaccine.svg) right 45% no-repeat;
		background-size: 25%, 45%;
	}
}

@media (min-width: 992px) {
	.congr-leftcol {
		background-position: left 72%, right 70%;
		background-size: 25%, 45%;
	}
}

@media (min-width: 1200px) {
	.congr-leftcol {
		background-position: left 72%, right 70%;
		background-size: 25%, 42%;
	}
}

@media (min-width: 1600px) {
	.congr-leftcol {
		background-position: left 72%, right 60%;
		background-size: 25%, 42%;
	}
}

/*--Congrats Left Column--Larger column--*/
/*--
.congr-leftcol {background:url(../../../images/banners/congratulations/congrats-vaccine.svg) right 10vh no-repeat; background-size:12%; height:auto;}
@media (min-width: 480px) { .congr-leftcol {background-position:right bottom; } }
@media (min-width: 768px) { .congr-leftcol {position:relative; background:url(../../../images/banners/congratulations/congrats-arrow.svg) left 50% no-repeat, url(../../../images/banners/congratulations/congrats-vaccine.svg) right 45% no-repeat; background-size:25%, 48%;} }
@media (min-width: 992px) { .congr-leftcol {background-position:left 72%, right 60%; background-size:25%, 45%;  } }
@media (min-width: 1200px) { .congr-leftcol {background-position:left 72%, right 55%; background-size:25%, 42%;  } }
@media (min-width: 1600px) { .congr-leftcol {background-position:left 72%, right 45%; background-size:25%, 54%;  } }
--*/
/*--Congrats Right Column--*/
.congr-rightcol {
	padding: 0px 0 15px;
}

@media (min-width: 480px) {
	.congr-rightcol {
		padding: 40px 0 0;
	}
}

@media (min-width: 768px) {
	.congr-rightcol {
		padding: 60px 0 0;
		height: 100%;
	}
}

@media (min-width: 992px) {
	.congr-rightcol {
		padding: 35px 0 0;
		height: 70%;
	}
}

@media (min-width: 1200px) {
	.congr-rightcol {
		padding: 5px 0 0;
		height: 70%;
	}
}

@media (min-width: 1600px) {
	.congr-rightcol {
		padding: 5px 0 0;
	}
}

/*--
.rowflex.bhcngr {height:88%; position:relative; margin:0;}
@media (min-width: 480px) { .rowflex.bhcngr {height:88%; padding:10px 0 0;} }
@media (min-width: 768px) { .rowflex.bhcngr {height:85%; padding:10px 0 0;} }
@media (min-width: 992px) { .rowflex.bhcngr {height:85%; padding:10px 0 0;} }
@media (min-width: 1200px) { .rowflex.bhcngr {height:75%; padding:45px 0 0;} }
@media (min-width: 1600px) { .rowflex.bhcngr {height:75%; padding:50px 0 0;} } */

/*--Congrats Left Column--*/
/*--
.congr-leftcol {background:url(../../../images/banners/congratulations/congrats-vaccine.svg) right 10vh no-repeat; background-size:12%;}
@media (min-width: 480px) { .congr-leftcol {background-position:right bottom; } }
@media (min-width: 768px) { .congr-leftcol {position:relative; background:url(../../../images/banners/congratulations/congrats-arrow.svg) left 75% no-repeat, url(../../../images/banners/congratulations/congrats-vaccine.svg) right 75% no-repeat; background-size:25%, 48%;} }
@media (min-width: 992px) { .congr-leftcol {background-position:left 72%, right 45%; background-size:25%, 54%;} }

/*--Congrats Right Column--*/
/*--
.congr-rightcol {padding:0px 0 0;}
@media (min-width: 480px) { .congr-rightcol {padding:40px 0 0;} }
@media (min-width: 768px) { .congr-rightcol {padding:60px 0 0;} }
@media (min-width: 992px) { .congr-rightcol {padding:5px 0 0;} }
@media (min-width: 1200px) { .congr-rightcol {padding:5px 0 0;} }
@media (min-width: 1600px) { .congr-rightcol {padding:5px 0 0;} }
*/

.congr-leftcol .content {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	min-height: 160px;
}

/*--REDUCE font sizes when more content is added--*/
.congr-leftcol .content.sml-1 {
	font-size: 90%;
}

.congr-leftcol .content.sml-2 {
	font-size: 80%;
}

.congr-leftcol .content.sml-3 {
	font-size: 70%;
}

/*--Congrats h2 -- Smaller column--*/
.banner-hm-congratulations h2 {
	display: block;
	margin: 30px 0 0;
	padding: 0;
	color: #fdb819;
	text-transform: uppercase;
	text-align: left;
	font-weight: 700;
	font-size: 1.4em;
}

@media (min-width: 480px) {
	.banner-hm-congratulations h2 {
		font-size: 1.5em;
		margin: 10px 0 0;
	}
}

@media (min-width: 768px) {
	.banner-hm-congratulations h2 {
		font-size: 1.5em;
		margin: 22px 0 0;
	}
}

@media (min-width: 992px) {
	.banner-hm-congratulations h2 {
		font-size: 1.2em;
		margin: 2px 0 5px 0;
	}
}

@media (min-width: 1250px) {
	.banner-hm-congratulations h2 {
		font-size: 1.15em;
		margin: 2px 0 8px 0;
	}
}

@media (min-width: 1600px) {
	.banner-hm-congratulations h2 {
		font-size: 1.26em;
		margin: 2px 0 8px 0;
	}
}

/*--Congrats h2 -- Larger column--*/
/*--
.banner-hm-congratulations h2 {display:block; margin:30px 0 0; padding:0; color:#fdb819; text-transform:uppercase; text-align:left; font-weight:700; font-size:1.4em;}
@media (min-width: 480px) { .banner-hm-congratulations h2 {font-size:1.5em; margin:10px 0 0;} }
@media (min-width: 768px) { .banner-hm-congratulations h2 {font-size:1.6em; margin:22px 0 0;} }
@media (min-width: 992px) { .banner-hm-congratulations h2 {font-size:1.6em; margin:0 0 5px 0;} }
@media (min-width: 1250px) { .banner-hm-congratulations h2 {font-size:1.7em; margin:0 0 8px 0;} }
@media (min-width: 1600px) { .banner-hm-congratulations h2 {font-size:2.0em; margin:0 0 8px 0;} }
--*/

h4.congr-perc {
	color: #babbbc;
	text-align: center;
	font-weight: 800;
	font-size: 1.5em;
	margin: 0;
	z-index: 100;
	margin: 0px 0 0px 0;
	line-height: 1em;
}

@media (min-width: 480px) {
	h4.congr-perc {
		font-size: 1.5em;
		margin: 0px 0 0px 0;
	}
}

@media (min-width: 768px) {
	h4.congr-perc {
		font-size: 1.5em;
		margin: 0px 0 0px 0;
	}
}

@media (min-width: 992px) {
	h4.congr-perc {
		font-size: 1.6em;
		margin: -5px 0 0px 0;
	}
}

@media (min-width: 1200px) {
	h4.congr-perc {
		font-size: 1.65em;
		margin: 0px 0 0px 0;
	}
}

@media (min-width: 1600px) {
	h4.congr-perc {
		font-size: 1.7em;
		margin: 0px 0 0px 0;
	}
}

.cp-color-1 h4.congr-perc {
	color: #0054a6;
}

.cp-color-2 h4.congr-perc {
	color: #2cd5c4;
}

.cp-color-3 h4.congr-perc {
	color: #6ba9dc;
}

.cp-color-4 h4.congr-perc {
	color: #001f3d;
}

.banner-hm-congratulations p {
	display: block;
	min-height: 20px;
	position: relative !important;
	left: auto;
	right: auto;
	top: auto;
	bottom: auto;
	color: #babbbc;
	text-align: center;
	font-weight: 500;
	font-size: 0.7em;
	line-height: 1.1em;
	margin: 0.4vh auto 0px auto;
	text-shadow: none;
}

@media (min-width: 480px) {
	.banner-hm-congratulations p {}
}

@media (min-width: 768px) {
	.banner-hm-congratulations p {}
}

@media (min-width: 992px) {
	.banner-hm-congratulations p {}
}

@media (min-width: 1200px) {
	.banner-hm-congratulations p {
		font-size: 0.73em;
		margin: 0 auto 0 auto;
		min-height: 15px;
	}
}

@media (min-width: 1600px) {
	.banner-hm-congratulations p {
		font-size: 0.73em;
		margin: 0 auto 0 auto;
	}
}

/*--Smaller column--*/
.banner-hm-congratulations p.lead {
	display: block;
	color: #fff;
	text-transform: none;
	width: 100%;
	font-size: 1.3em;
	line-height: 1.3em;
	text-align: left;
	font-weight: 500;
	margin: 0;
}

@media (min-width: 480px) {
	.banner-hm-congratulations p.lead {
		font-size: 1.2em;
	}
}

@media (min-width: 768px) {
	.banner-hm-congratulations p.lead {
		font-size: 1.15em;
	}
}

@media (min-width: 992px) {
	.banner-hm-congratulations p.lead {
		width: 100%;
		font-size: 1.2em;
	}
}

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

@media (min-width: 1600px) {
	.banner-hm-congratulations p.lead {
		width: 100%;
		font-size: 1.35em;
	}
}

/*--Larger column--
.banner-hm-congratulations p.lead {display:block; color:#fff; text-transform:none; width:100%; font-size:1.3em; line-height:1.3em; text-align:left; font-weight:500; margin:0;}
@media (min-width: 480px) { .banner-hm-congratulations p.lead {font-size:1.2em;} }
@media (min-width: 768px) { .banner-hm-congratulations p.lead {font-size:1.15em;} }
@media (min-width: 992px) { .banner-hm-congratulations p.lead {width:100%; font-size:1.2em;} }
@media (min-width: 1200px) { .banner-hm-congratulations p.lead {width:80%; font-size:1.35em;} }
@media (min-width: 1600px) { .banner-hm-congratulations p.lead {width:55%; font-size:1.4em;} }
--*/
.banner-hm-congratulations img {
	display: block;
	z-index: 0;
	width: 100%;
	max-width: 90% !important;
	margin: 0 auto;
}

img.congr-hashtags {
	position: absolute;
	bottom: 0px;
	left: 15px;
	width: 70%;
	max-width: 250px;
}

@media (min-width: 768px) {
	img.congr-hashtags {
		max-width: 300px;
	}
}

.congr-blank-1 {
	background: #6ba9dc !important;
}

.congr-blank-2 {
	background: #2cd5c4 !important;
}

.congr-blank-3 {
	background: #406ab3 !important;
}

.congr-blank-4 {
	background: #0054a6 !important;
}

/*--Flex Congrats Column-- 3 Rows --*/
.fxccol {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 0;
	position: relative;
	padding-right: 2px !important;
	padding-left: 2px !important;
	margin-bottom: 8px;
	-ms-flex-pack: center !important;
	justify-content: center !important;
	background: #fff;
	border-right: 8px solid #0054a6;
	padding: 5px 0;
	height: auto;
	min-height: 104px;
}

@media (min-width: 480px) {
	.fxccol {
		height: auto;
	}
}

@media (min-width: 768px) {
	.fxccol {
		height: auto;
	}
}

@media (min-width: 992px) {
	.fxccol {
		height: auto;
	}
}

@media (min-width: 1200px) {
	.fxccol {
		height: auto;
	}
}

@media (min-width: 1600px) {
	.fxccol {
		height: auto;
	}
}

/*--Flex Congrats Column-- 4 Rows --
.fxccol {-ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; position:relative; padding-right:2px !important; padding-left:2px !important; margin-bottom:4px; -ms-flex-pack: center !important; justify-content: center !important; background:#fff; border-right:4px solid #0054a6; padding:5px 0; height:auto; max-height:20vh; min-height:104px;}
@media (min-width: 480px) { .fxccol {max-height:15vh; } }
@media (min-width: 768px) { .fxccol {max-height:16vh; } }
@media (min-width: 992px) { .fxccol {max-height:17vh; } }
@media (min-width: 1200px) { .fxccol {max-height:16.5vh; } }
@media (min-width: 1600px) { .fxccol {max-height:20vh; } }  --*/

/*--REDUCE font-sizes and spacing when adding more content--*/
.fontsmaller-1 {
	font-size: 90%;
}

.banner-hm-congratulations.fontsmaller- p {
	min-height: 26px;
	font-size: 0.7em;
	line-height: 1.1em;
	margin: 0.4vh auto 0 auto;
}

.fontsmaller-2 {
	font-size: 85%;
}

.banner-hm-congratulations.fontsmaller-2 p {
	min-height: 26.5px;
	font-size: 0.7em;
	line-height: 1.1em;
	margin: 0.3vh auto 0 auto;
}

.fontsmaller-3 {
	font-size: 80%;
}

.banner-hm-congratulations.fontsmaller-3 p {
	min-height: 26.5px;
	font-size: 0.7em;
	line-height: 1.05em;
	margin: 0.2vh auto 0 auto;
}

.fontsmaller-4 {
	font-size: 75%;
}

.banner-hm-congratulations.fontsmaller-4 p {
	min-height: 26.5px;
	font-size: 0.7em;
	line-height: 1.05em;
	margin: 0.1vh auto 0 auto;
}

.fontsmaller-5 {
	font-size: 70%;
}

.banner-hm-congratulations.fontsmaller-5 p {
	min-height: 26.5px;
	font-size: 0.7em;
	line-height: 1em;
	margin: 0 auto 0 auto;
}

.fontsmaller-6 {
	font-size: 65%;
}

.banner-hm-congratulations.fontsmaller-6 p {
	min-height: 26.5px;
	font-size: 0.7em;
	line-height: 1em;
	margin: 0 auto 0 auto;
}

.fontsmaller-7 {
	font-size: 60%;
}

.banner-hm-congratulations.fontsmaller-7 p {
	min-height: 26.5px;
	font-size: 0.7em;
	line-height: 1em;
	margin: 0 auto 0 auto;
}


/*-------------------END CONGRATS------------------------------------------*/


/*--CEO's columns--*/
a.ceo-nolitha-fakude {
	background: url(../../../images/banners/ceo-vaccination/ceo-nolitha-fakude.jpg);
}

a.ceo-nolitha-fakude:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-nolitha-fakude-h.jpg);
}

a.ceo-roger-baxter {
	background: url(../../../images/banners/ceo-vaccination/ceo-roger-baxter.jpg);
}

a.ceo-roger-baxter:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-roger-baxter-h.jpg);
}

a.ceo-peter-steenkamp {
	background: url(../../../images/banners/ceo-vaccination/ceo-peter-steenkamp.jpg);
}

a.ceo-peter-steenkamp:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-peter-steenkamp-h.jpg);
}

a.ceo-paul-dunne {
	background: url(../../../images/banners/ceo-vaccination/ceo-paul-dunne.jpg);
}

a.ceo-paul-dunne:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-paul-dunne-h.jpg);
}

a.ceo-martin-preece {
	background: url(../../../images/banners/ceo-vaccination/ceo-martin-preece.jpg);
}

a.ceo-martin-preece:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-martin-preece-h.jpg);
}

a.ceo-mxolisi-mgojo {
	background: url(../../../images/banners/ceo-vaccination/ceo-mxolisi-mgojo.jpg);
}

a.ceo-mxolisi-mgojo:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-mxolisi-mgojo-h.jpg);
}

a.ceo-mike-teke {
	background: url(../../../images/banners/ceo-vaccination/ceo-mike-teke.jpg);
}

a.ceo-mike-teke:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-mike-teke-h.jpg);
}

a.ceo-sietse-vd-woude {
	background: url(../../../images/banners/ceo-vaccination/ceo-sietse-vd-woude.jpg);
}

a.ceo-sietse-vd-woude:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-sietse-vd-woude-h.jpg);
}

a.ceo-harry-groenewald {
	background: url(../../../images/banners/ceo-vaccination/ceo-harry-groenewald.jpg);
}

a.ceo-harry-groenewald:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-harry-groenewald-h.jpg);
}

a.ceo-errol-smart {
	background: url(../../../images/banners/ceo-vaccination/ceo-errol-smart.jpg);
}

a.ceo-errol-smart:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-errol-smart-h.jpg);
}

a.ceo-japie-fullard {
	background: url(../../../images/banners/ceo-vaccination/ceo-japie-fullard.jpg);
}

a.ceo-japie-fullard:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-japie-fullard-h.jpg);
}

a.ceo-steve-phiri {
	background: url(../../../images/banners/ceo-vaccination/ceo-steve-phiri.jpg);
}

a.ceo-steve-phiri:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-steve-phiri-h.jpg);
}

a.ceo-neal-froneman {
	background: url(../../../images/banners/ceo-vaccination/ceo-neal-froneman.jpg);
}

a.ceo-neal-froneman:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-neal-froneman-h.jpg);
}

a.ceo-natascha-viljoen {
	background: url(../../../images/banners/ceo-vaccination/ceo-natascha-viljoen.jpg);
}

a.ceo-natascha-viljoen:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-natascha-viljoen-h.jpg);
}

a.ceo-themba-mkhwanazi {
	background: url(../../../images/banners/ceo-vaccination/ceo-themba-mkhwanazi.jpg);
}

a.ceo-themba-mkhwanazi:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-themba-mkhwanazi-h.jpg);
}

a.ceo-sicelo-ntuli {
	background: url(../../../images/banners/ceo-vaccination/ceo-sicelo-ntuli.jpg);
}

a.ceo-sicelo-ntuli:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-sicelo-ntuli-h.jpg);
}

a.ceo-lucky-kgatle {
	background: url(../../../images/banners/ceo-vaccination/ceo-lucky-kgatle.jpg);
}

a.ceo-lucky-kgatle:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-lucky-kgatle-h.jpg);
}

a.ceo-mpumi-zikalaka {
	background: url(../../../images/banners/ceo-vaccination/ceo-mpumi-zikalaka.jpg);
}

a.ceo-mpumi-zikalaka:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-mpumi-zikalaka-h.jpg);
}

a.ceo-nico-pienaar {
	background: url(../../../images/banners/ceo-vaccination/ceo-nico-pienaar.jpg);
}

a.ceo-nico-pienaar:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-nico-pienaar-h.jpg);
}

a.ceo-barend-petersen {
	background: url(../../../images/banners/ceo-vaccination/ceo-barend-petersen.jpg);
}

a.ceo-barend-petersen:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-barend-petersen-h.jpg);
}

a.ceo-july-ndlovu {
	background: url(../../../images/banners/ceo-vaccination/ceo-july-ndlovu.jpg);
}

a.ceo-july-ndlovu:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-july-ndlovu-h.jpg);
}

a.ceo-mariana-lamont {
	background: url(../../../images/banners/ceo-vaccination/ceo-mariana-lamont.jpg);
}

a.ceo-mariana-lamont:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-mariana-lamont-h.jpg);
}

a.ceo-fortune-mojapelo {
	background: url(../../../images/banners/ceo-vaccination/ceo-fortune-mojapelo.jpg);
}

a.ceo-fortune-mojapelo:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-fortune-mojapelo-h.jpg);
}

a.ceo-banzi-giyose {
	background: url(../../../images/banners/ceo-vaccination/ceo-banzi-giyose.jpg);
}

a.ceo-banzi-giyose:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-banzi-giyose-h.jpg);
}

a.ceo-lee-mccann {
	background: url(../../../images/banners/ceo-vaccination/ceo-lee-mccann.jpg);
}

a.ceo-lee-mccann:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-lee-mccann-h.jpg);
}

a.ceo-nico-muller {
	background: url(../../../images/banners/ceo-vaccination/ceo-nico-muller.jpg);
}

a.ceo-nico-muller:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-nico-muller-h.jpg);
}

a.ceo-gerhard-potgieter {
	background: url(../../../images/banners/ceo-vaccination/ceo-gerhard-potgieter.jpg);
}

a.ceo-gerhard-potgieter:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-gerhard-potgieter-h.jpg);
}

a.ceo-pieter-van-greunen {
	background: url(../../../images/banners/ceo-vaccination/ceo-pieter-van-greunen.jpg);
}

a.ceo-pieter-van-greunen:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-pieter-van-greunen-h.jpg);
}

a.ceo-nombasa-tsenga {
	background: url(../../../images/banners/ceo-vaccination/ceo-nombasa-tsenga.jpg);
}

a.ceo-nombasa-tsenga:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-nombasa-tsenga-h.jpg);
}

a.ceo-thuthula-balfour {
	background: url(../../../images/banners/ceo-vaccination/ceo-thuthula-balfour.jpg);
}

a.ceo-thuthula-balfour:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-thuthula-balfour-h.jpg);
}

a.ceo-thembelani-gantsho {
	background: url(../../../images/banners/ceo-vaccination/ceo-thembelani-gantsho.jpg);
}

a.ceo-thembelani-gantsho:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-thembelani-gantsho-h.jpg);
}

a.ceo-george-ashworth {
	background: url(../../../images/banners/ceo-vaccination/ceo-george-ashworth.jpg);
}

a.ceo-george-ashworth:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-george-ashworth-h.jpg);
}

a.ceo-mike-schmidt {
	background: url(../../../images/banners/ceo-vaccination/ceo-mike-schmidt.jpg);
}

a.ceo-mike-schmidt:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-mike-schmidt-h.jpg);
}

a.ceo-lee-ann-samuel {
	background: url(../../../images/banners/ceo-vaccination/ceo-lee-ann-samuel.jpg);
}

a.ceo-lee-ann-samuel:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-lee-ann-samuel-h.jpg);
}

a.ceo-laxman-shekhwat {
	background: url(../../../images/banners/ceo-vaccination/ceo-laxman-shekhwat.jpg);
}

a.ceo-laxman-shekhwat:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-laxman-shekhwat-h.jpg);
}

a.ceo-pushpender-singla {
	background: url(../../../images/banners/ceo-vaccination/ceo-pushpender-singla.jpg);
}

a.ceo-pushpender-singla:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-pushpender-singla-h.jpg);
}

a.ceo-jon-andrews {
	background: url(../../../images/banners/ceo-vaccination/ceo-jon-andrews.jpg);
}

a.ceo-jon-andrews:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-jon-andrews-h.jpg);
}

a.ceo-mike-fraser {
	background: url(../../../images/banners/ceo-vaccination/ceo-mike-fraser.jpg);
}

a.ceo-mike-fraser:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-mike-fraser-h.jpg);
}

a.ceo-cheryl-carolus {
	background: url(../../../images/banners/ceo-vaccination/ceo-cheryl-carolus.jpg);
}

a.ceo-cheryl-carolus:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-cheryl-carolus-h.jpg);
}

a.ceo-sean-jenniker {
	background: url(../../../images/banners/ceo-vaccination/ceo-sean-jenniker.jpg);
}

a.ceo-sean-jenniker:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-sean-jenniker-h.jpg);
}

a.ceo-gerrit-lotz {
	background: url(../../../images/banners/ceo-vaccination/ceo-gerrit-lotz.jpg);
}

a.ceo-gerrit-lotz:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-gerrit-lotz-h.jpg);
}

a.ceo-james-wellsted {
	background: url(../../../images/banners/ceo-vaccination/ceo-james-wellsted.jpg);
}

a.ceo-james-wellsted:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-james-wellsted-h.jpg);
}

a.ceo-niks-lesufi {
	background: url(../../../images/banners/ceo-vaccination/ceo-niks-lesufi.jpg);
}

a.ceo-niks-lesufi:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-niks-lesufi-h.jpg);
}

a.ceo-mzila-mthenjane {
	background: url(../../../images/banners/ceo-vaccination/ceo-mzila-mthenjane.jpg);
}

a.ceo-mzila-mthenjane:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-mzila-mthenjane-h.jpg);
}

a.ceo-riaan-koppeschaar {
	background: url(../../../images/banners/ceo-vaccination/ceo-riaan-koppeschaar.jpg);
}

a.ceo-riaan-koppeschaar:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-riaan-koppeschaar-h.jpg);
}

a.ceo-marian-van-der-walt {
	background: url(../../../images/banners/ceo-vaccination/ceo-marian-van-der-walt.jpg);
}

a.ceo-marian-van-der-walt:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-marian-van-der-walt-h.jpg);
}

a.ceo-david-kovarsky {
	background: url(../../../images/banners/ceo-vaccination/ceo-david-kovarsky.jpg);
}

a.ceo-david-kovarsky:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-david-kovarsky-h.jpg);
}

a.ceo-richard-aston {
	background: url(../../../images/banners/ceo-vaccination/ceo-richard-aston.jpg);
}

a.ceo-richard-aston:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-richard-aston-h.jpg);
}

a.ceo-malose-chaba {
	background: url(../../../images/banners/ceo-vaccination/ceo-malose-chaba.jpg);
}

a.ceo-malose-chaba:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-malose-chaba-h.jpg);
}

a.ceo-brigadier-nash-lutchman {
	background: url(../../../images/banners/ceo-vaccination/ceo-brigadier-nash-lutchman.jpg);
}

a.ceo-brigadier-nash-lutchman:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-brigadier-nash-lutchman-h.jpg);
}

a.ceo-neil-carr {
	background: url(../../../images/banners/ceo-vaccination/ceo-neil-carr.jpg);
}

a.ceo-neil-carr:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-neil-carr-h.jpg);
}

a.ceo-vicky-tlhabanelo {
	background: url(../../../images/banners/ceo-vaccination/ceo-vicky-tlhabanelo.jpg);
}

a.ceo-vicky-tlhabanelo:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-vicky-tlhabanelo-h.jpg);
}

a.ceo-philip-coetzer {
	background: url(../../../images/banners/ceo-vaccination/ceo-philip-coetzer.jpg);
}

a.ceo-philip-coetzer:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-philip-coetzer-h.jpg);
}

a.ceo-dr-ridwaan-ibrahim {
	background: url(../../../images/banners/ceo-vaccination/ceo-dr-ridwaan-ibrahim.jpg);
}

a.ceo-dr-ridwaan-ibrahim:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-dr-ridwaan-ibrahim-h.jpg);
}

a.ceo-dr-tumi-legobye {
	background: url(../../../images/banners/ceo-vaccination/ceo-dr-tumi-legobye.jpg);
}

a.ceo-dr-tumi-legobye:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-dr-tumi-legobye-h.jpg);
}

a.ceo-mashego-mashego {
	background: url(../../../images/banners/ceo-vaccination/ceo-mashego-mashego.jpg);
}

a.ceo-mashego-mashego:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-mashego-mashego-h.jpg);
}

a.ceo-beyers-nel {
	background: url(../../../images/banners/ceo-vaccination/ceo-beyers-nel.jpg);
}

a.ceo-beyers-nel:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-beyers-nel-h.jpg);
}

a.ceo-phillip-tobias {
	background: url(../../../images/banners/ceo-vaccination/ceo-phillip-tobias.jpg);
}

a.ceo-phillip-tobias:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-phillip-tobias-h.jpg);
}

a.ceo-abre-van-vuuren {
	background: url(../../../images/banners/ceo-vaccination/ceo-abre-van-vuuren.jpg);
}

a.ceo-abre-van-vuuren:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-abre-van-vuuren-h.jpg);
}

a.ceo-francois-uys {
	background: url(../../../images/banners/ceo-vaccination/ceo-francois-uys.jpg);
}

a.ceo-francois-uys:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-francois-uys-h.jpg);
}

a.ceo-robert-van-niekerk {
	background: url(../../../images/banners/ceo-vaccination/ceo-robert-van-niekerk.jpg);
}

a.ceo-robert-van-niekerk:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-robert-van-niekerk-h.jpg);
}

a.ceo-thabo-masike {
	background: url(../../../images/banners/ceo-vaccination/ceo-thabo-masike.jpg);
}

a.ceo-thabo-masike:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-thabo-masike-h.jpg);
}

a.ceo-andre-joubert {
	background: url(../../../images/banners/ceo-vaccination/ceo-andre-joubert.jpg);
}

a.ceo-andre-joubert:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-andre-joubert-h.jpg);
}

a.ceo-thando-mkatshana {
	background: url(../../../images/banners/ceo-vaccination/ceo-thando-mkatshana.jpg);
}

a.ceo-thando-mkatshana:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-thando-mkatshana-h.jpg);
}

a.ceo-lindiwe-montshiwagae {
	background: url(../../../images/banners/ceo-vaccination/ceo-lindiwe-montshiwagae.jpg);
}

a.ceo-lindiwe-montshiwagae:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-lindiwe-montshiwagae-h.jpg);
}

a.ceo-johan-van-schalkwyk {
	background: url(../../../images/banners/ceo-vaccination/ceo-johan-van-schalkwyk.jpg);
}

a.ceo-johan-van-schalkwyk:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-johan-van-schalkwyk-h.jpg);
}

a.ceo-lesego-mataboge {
	background: url(../../../images/banners/ceo-vaccination/ceo-lesego-mataboge.jpg);
}

a.ceo-lesego-mataboge:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-lesego-mataboge-h.jpg);
}

a.ceo-mpumi-sithole {
	background: url(../../../images/banners/ceo-vaccination/ceo-mpumi-sithole.jpg);
}

a.ceo-mpumi-sithole:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-mpumi-sithole-h.jpg);
}

a.ceo-leslie-martin {
	background: url(../../../images/banners/ceo-vaccination/ceo-leslie-martin.jpg);
}

a.ceo-leslie-martin:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-leslie-martin-h.jpg);
}

a.ceo-chris-griffith {
	background: url(../../../images/banners/ceo-vaccination/ceo-chris-griffith.jpg);
}

a.ceo-chris-griffith:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-chris-griffith-h.jpg);
}

a.ceo-carina-venter {
	background: url(../../../images/banners/ceo-vaccination/ceo-carina-venter.jpg);
}

a.ceo-carina-venter:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-carina-venter-h.jpg);
}

a.ceo-bernard-dalton {
	background: url(../../../images/banners/ceo-vaccination/ceo-bernard-dalton.jpg);
}

a.ceo-bernard-dalton:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-bernard-dalton-h.jpg);
}

a.ceo-XXXX {
	background: url(../../../images/banners/ceo-vaccination/ceo-XXXX.jpg);
}

a.ceo-XXXX:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-XXXX-h.jpg);
}

a.ceo-XXXX {
	background: url(../../../images/banners/ceo-vaccination/ceo-XXXX.jpg);
}

a.ceo-XXXX:hover {
	background: url(../../../images/banners/ceo-vaccination/ceo-XXXX-h.jpg);
}

a.ceo-blank {
	background: #346595;
}

a.ceo-blank:hover {
	background: #346595;
	transform: scale(1);
}



.fxcol a span {
	display: block;
	width: 100%;
	height: 30%;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 0;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
}

/*--BS4 FLEXBOX SYSTEM--*/
.rowflex {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}

.rowflex .col-1,
.rowflex .col-2,
.rowflex .col-3,
.rowflex .col-4,
.rowflex .col-5,
.rowflex .col-6,
.rowflex .col-7,
.rowflex .col-8,
.rowflex .col-9,
.rowflex .col-10,
.rowflex .col-11,
.rowflex .col-12,
.rowflex .col,
.rowflex .col-auto,
.rowflex .col-sm-1,
.rowflex .col-sm-2,
.rowflex .col-sm-3,
.rowflex .col-sm-4,
.rowflex .col-sm-5,
.rowflex .col-sm-6,
.rowflex .col-sm-7,
.rowflex .col-sm-8,
.rowflex .col-sm-9,
.rowflex .col-sm-10,
.rowflex .col-sm-11,
.rowflex .col-sm-12,
.rowflex .col-sm,
.rowflex .col-sm-auto,
.rowflex .col-md-1,
.rowflex .col-md-2,
.rowflex .col-md-3,
.rowflex .col-md-4,
.rowflex .col-md-5,
.rowflex .col-md-6,
.rowflex .col-md-7,
.rowflex .col-md-8,
.rowflex .col-md-9,
.rowflex .col-md-10,
.rowflex .col-md-11,
.rowflex .col-md-12,
.rowflex .col-md,
.rowflex .col-md-auto,
.rowflex .col-lg-1,
.rowflex .col-lg-2,
.rowflex .col-lg-3,
.rowflex .col-lg-4,
.rowflex .col-lg-5,
.rowflex .col-lg-6,
.rowflex .col-lg-7,
.rowflex .col-lg-8,
.rowflex .col-lg-9,
.rowflex .col-lg-10,
.rowflex .col-lg-11,
.rowflex .col-lg-12,
.rowflex .col-lg,
.rowflex .col-lg-auto,
.rowflex .col-xl-1,
.rowflex .col-xl-2,
.rowflex .col-xl-3,
.rowflex .col-xl-4,
.rowflex .col-xl-5,
.rowflex .col-xl-6,
.rowflex .col-xl-7,
.rowflex .col-xl-8,
.rowflex .col-xl-9,
.rowflex .col-xl-10,
.rowflex .col-xl-11,
.rowflex .col-xl-12,
.rowflex .col-xl,
.rowflex .col-xl-auto {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.rowflex .col {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%;
}

.rowflex .col-auto {
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: auto;
	max-width: none;
}

.rowflex .col-1 {
	-ms-flex: 0 0 8.333333%;
	flex: 0 0 8.333333%;
	max-width: 8.333333%;
}

.rowflex .col-2 {
	-ms-flex: 0 0 16.666667%;
	flex: 0 0 16.666667%;
	max-width: 16.666667%;
}

.rowflex .col-3 {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
}

.rowflex .col-4 {
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
}

.rowflex .col-5 {
	-ms-flex: 0 0 41.666667%;
	flex: 0 0 41.666667%;
	max-width: 41.666667%;
}

.rowflex .col-6 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}

.rowflex .col-7 {
	-ms-flex: 0 0 58.333333%;
	flex: 0 0 58.333333%;
	max-width: 58.333333%;
}

.rowflex .col-8 {
	-ms-flex: 0 0 66.666667%;
	flex: 0 0 66.666667%;
	max-width: 66.666667%;
}

.rowflex .col-9 {
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%;
}

.rowflex .col-10 {
	-ms-flex: 0 0 83.333333%;
	flex: 0 0 83.333333%;
	max-width: 83.333333%;
}

.rowflex .col-11 {
	-ms-flex: 0 0 91.666667%;
	flex: 0 0 91.666667%;
	max-width: 91.666667%;
}

.rowflex .col-12 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}

@media (min-width:576px) {
	.rowflex .col-sm {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%
	}

	.rowflex .col-sm-auto {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: none
	}

	.rowflex .col-sm-1 {
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%
	}

	.rowflex .col-sm-2 {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%
	}

	.rowflex .col-sm-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%
	}

	.rowflex .col-sm-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%
	}

	.rowflex .col-sm-5 {
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%
	}

	.rowflex .col-sm-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}

	.rowflex .col-sm-7 {
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%
	}

	.rowflex .col-sm-8 {
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%
	}

	.rowflex .col-sm-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%
	}

	.rowflex .col-sm-10 {
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%
	}

	.rowflex .col-sm-11 {
		-ms-flex: 0 0 91.666667%;
		flex: 0 0 91.666667%;
		max-width: 91.666667%
	}

	.rowflex .col-sm-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}
}

@media (min-width:768px) {
	.rowflex .col-md {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%
	}

	.rowflex .col-md-auto {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: none
	}

	.rowflex .col-md-1 {
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%
	}

	.rowflex .col-md-2 {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%
	}

	.rowflex .col-md-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%
	}

	.rowflex .col-md-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%
	}

	.rowflex .col-md-5 {
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%
	}

	.rowflex .col-md-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}

	.rowflex .col-md-7 {
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%
	}

	.rowflex .col-md-8 {
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%
	}

	.rowflex .col-md-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%
	}

	.rowflex .col-md-10 {
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%
	}

	.rowflex .col-md-11 {
		-ms-flex: 0 0 91.666667%;
		flex: 0 0 91.666667%;
		max-width: 91.666667%
	}

	.rowflex .col-md-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}
}

@media (min-width:992px) {
	.rowflex .col-lg {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%
	}

	.rowflex .col-lg-auto {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: none
	}

	.rowflex .col-lg-1 {
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%
	}

	.rowflex .col-lg-2 {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%
	}

	.rowflex .col-lg-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%
	}

	.rowflex .col-lg-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%
	}

	.rowflex .col-lg-5 {
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%
	}

	.rowflex .col-lg-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}

	.rowflex .col-lg-7 {
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%
	}

	.rowflex .col-lg-8 {
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%
	}

	.rowflex .col-lg-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%
	}

	.rowflex .col-lg-10 {
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%
	}

	.rowflex .col-lg-11 {
		-ms-flex: 0 0 91.666667%;
		flex: 0 0 91.666667%;
		max-width: 91.666667%
	}

	.rowflex .col-lg-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}
}

@media (min-width:1200px) {
	.rowflex .col-xl {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%
	}

	.rowflex .col-xl-auto {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: none
	}

	.rowflex .col-xl-1 {
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%
	}

	.rowflex .col-xl-2 {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%
	}

	.rowflex .col-xl-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%
	}

	.rowflex .col-xl-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%
	}

	.rowflex .col-xl-5 {
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%
	}

	.rowflex .col-xl-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}

	.rowflex .col-xl-7 {
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%
	}

	.rowflex .col-xl-8 {
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%
	}

	.rowflex .col-xl-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%
	}

	.rowflex .col-xl-10 {
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%
	}

	.rowflex .col-xl-11 {
		-ms-flex: 0 0 91.666667%;
		flex: 0 0 91.666667%;
		max-width: 91.666667%
	}

	.rowflex .col-xl-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}
}

/*--Auto column width--*/
.col,
.col-xs,
.col-sm,
.col-md,
.col-lg {
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: auto;
	max-width: none;
}

@media (min-width: 480px) {

	.col,
	.col-xs,
	.col-sm,
	.col-md,
	.col-lg {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: none;
	}
}

@media (min-width: 768px) {

	.col,
	.col-xs,
	.col-sm,
	.col-md,
	.col-lg {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: none;
	}
}

@media (min-width: 992px) {

	.col,
	.col-xs,
	.col-sm,
	.col-md,
	.col-lg {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: none;
	}
}

@media (min-width: 1200px) {

	.col,
	.col-xs,
	.col-sm,
	.col-md,
	.col-lg {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: none;
	}
}

@media (min-width: 1600px) {

	.col,
	.col-xs,
	.col-sm,
	.col-md,
	.col-lg {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: none;
	}
}

/*--5 Column--*/
.col-xl-5c {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	-ms-flex: inherit;
	flex: inherit;
	max-width: inherit;
}

@media (min-width: 480px) {
	.col-xl-5c {
		-ms-flex: inherit;
		flex: inherit;
		max-width: inherit;
	}
}

@media (min-width: 768px) {
	.col-xl-5c {
		-ms-flex: inherit;
		flex: inherit;
		max-width: inherit;
	}
}

@media (min-width: 992px) {
	.col-xl-5c {
		-ms-flex: inherit;
		flex: inherit;
		max-width: inherit;
	}
}

@media (min-width: 1200px) {
	.col-xl-5c {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
}

@media (min-width: 1600px) {
	.col-xl-5c {
		-ms-flex: 0 0 20% !important;
		flex: 0 0 20% !important;
		max-width: 20% !important;
	}
}

.col-lg-5c {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	-ms-flex: inherit;
	flex: inherit;
	max-width: inherit;
	;
}

@media (min-width: 480px) {
	.col-lg-5c {
		-ms-flex: inherit;
		flex: inherit;
		max-width: inherit;
	}
}

@media (min-width: 768px) {
	.col-lg-5c {
		-ms-flex: inherit;
		flex: inherit;
		max-width: inherit;
	}
}

@media (min-width: 992px) {
	.col-lg-5c {
		-ms-flex: inherit;
		flex: inherit;
		max-width: inherit;
	}
}

@media (min-width: 1200px) {
	.col-lg-5c {
		-ms-flex: 0 0 20% !important;
		flex: 0 0 20% !important;
		max-width: 20% !important;
	}
}

@media (min-width: 1600px) {
	.col-lg-5c {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
}

.col-md-5c {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	-ms-flex: inherit;
	flex: inherit;
	max-width: inherit;
	;
}

@media (min-width: 480px) {
	.col-md-5c {
		-ms-flex: inherit;
		flex: inherit;
		max-width: inherit;
	}
}

@media (min-width: 768px) {
	.col-md-5c {
		-ms-flex: inherit;
		flex: inherit;
		max-width: inherit;
	}
}

@media (min-width: 992px) {
	.col-md-5c {
		-ms-flex: 0 0 20% !important;
		flex: 0 0 20% !important;
		max-width: 20% !important;
	}
}

@media (min-width: 1200px) {
	.col-md-5c {
		-ms-flex: inherit;
		flex: inherit;
		max-width: inherit;
	}
}

@media (min-width: 1600px) {
	.col-md-5c {
		-ms-flex: inherit;
		flex: inherit;
		max-width: inherit;
	}
}

/*--7 Column--*/
.col-lg-7c {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	-ms-flex: inherit;
	flex: inherit;
	max-width: inherit;
}

@media (min-width: 480px) {
	.col-lg-7c {
		-ms-flex: inherit;
		flex: inherit;
		max-width: inherit;
	}
}

@media (min-width: 768px) {
	.col-lg-7c {
		-ms-flex: inherit;
		flex: inherit;
		max-width: inherit;
	}
}

@media (min-width: 992px) {
	.col-lg-7c {
		-ms-flex: inherit;
		flex: inherit;
		max-width: inherit;
	}
}

@media (min-width: 1200px) {
	.col-lg-7c {
		-ms-flex: 0 0 14.28% !important;
		flex: 0 0 14.28% !important;
		max-width: 14.28% !important;
	}
}

@media (min-width: 1600px) {
	.col-lg-7c {
		-ms-flex: 0 0 14.28%;
		flex: 0 0 14.28%;
		max-width: 14.28%;
	}
}

.col-md-7c {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	-ms-flex: inherit;
	flex: inherit;
	max-width: inherit;
}

@media (min-width: 480px) {
	.col-md-7c {
		-ms-flex: inherit;
		flex: inherit;
		max-width: inherit;
	}
}

@media (min-width: 768px) {
	.col-md-7c {
		-ms-flex: inherit;
		flex: inherit;
		max-width: inherit;
	}
}

@media (min-width: 992px) {
	.col-md-7c {
		-ms-flex: 0 0 14.28% !important;
		flex: 0 0 14.28% !important;
		max-width: 14.28% !important;
	}
}

@media (min-width: 1200px) {
	.col-md-7c {
		-ms-flex: inherit;
		flex: inherit;
		max-width: inherit;
	}
}

@media (min-width: 1600px) {
	.col-md-7c {
		-ms-flex: inherit;
		flex: inherit;
		max-width: inherit;
	}
}

/*--8 Column--*/
.col-lg-8c {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	-ms-flex: inherit;
	flex: inherit;
	max-width: inherit;
}

@media (min-width: 480px) {
	.col-lg-8c {
		-ms-flex: inherit;
		flex: inherit;
		max-width: inherit;
	}
}

@media (min-width: 768px) {
	.col-lg-8c {
		-ms-flex: inherit;
		flex: inherit;
		max-width: inherit;
	}
}

@media (min-width: 992px) {
	.col-lg-8c {
		-ms-flex: inherit;
		flex: inherit;
		max-width: inherit;
	}
}

@media (min-width: 1200px) {
	.col-lg-8c {
		-ms-flex: 0 0 12.5% !important;
		flex: 0 0 12.5% !important;
		max-width: 12.5% !important;
	}
}

@media (min-width: 1600px) {
	.col-lg-8c {
		-ms-flex: 0 0 12.5%;
		flex: 0 0 14.28%;
		max-width: 12.5%;
	}
}

.col-md-8c {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	-ms-flex: inherit;
	flex: inherit;
	max-width: inherit;
}

@media (min-width: 480px) {
	.col-md-8c {
		-ms-flex: inherit;
		flex: inherit;
		max-width: inherit;
	}
}

@media (min-width: 768px) {
	.col-md-8c {
		-ms-flex: inherit;
		flex: inherit;
		max-width: inherit;
	}
}

@media (min-width: 992px) {
	.col-md-8c {
		-ms-flex: 0 0 12.5% !important;
		flex: 0 0 12.5% !important;
		max-width: 12.5% !important;
	}
}

@media (min-width: 1200px) {
	.col-md-8c {
		-ms-flex: inherit;
		flex: inherit;
		max-width: inherit;
	}
}

@media (min-width: 1600px) {
	.col-md-8c {
		-ms-flex: inherit;
		flex: inherit;
		max-width: inherit;
	}
}

/*--9 Column--*/
.col-lg-9c {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	-ms-flex: inherit;
	flex: inherit;
	max-width: inherit;
}

@media (min-width: 480px) {
	.col-lg-9c {
		-ms-flex: inherit;
		flex: inherit;
		max-width: inherit;
	}
}

@media (min-width: 768px) {
	.col-lg-9c {
		-ms-flex: inherit;
		flex: inherit;
		max-width: inherit;
	}
}

@media (min-width: 992px) {
	.col-lg-9c {
		-ms-flex: inherit;
		flex: inherit;
		max-width: inherit;
	}
}

@media (min-width: 1200px) {
	.col-lg-9c {
		-ms-flex: 0 0 11.1% !important;
		flex: 0 0 11.1% !important;
		max-width: 11.1% !important;
	}
}

@media (min-width: 1600px) {
	.col-lg-9c {
		-ms-flex: 0 0 11.1%;
		flex: 0 0 11.1%;
		max-width: 11.1%;
	}
}

/*--10 Column--*/
.col-lg-10c {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	-ms-flex: inherit;
	flex: inherit;
	max-width: inherit;
}

@media (min-width: 480px) {
	.col-lg-10c {
		-ms-flex: inherit;
		flex: inherit;
		max-width: inherit;
	}
}

@media (min-width: 768px) {
	.col-lg-10c {
		-ms-flex: inherit;
		flex: inherit;
		max-width: inherit;
	}
}

@media (min-width: 992px) {
	.col-lg-10c {
		-ms-flex: inherit;
		flex: inherit;
		max-width: inherit;
	}
}

@media (min-width: 1200px) {
	.col-lg-10c {
		-ms-flex: 0 0 10% !important;
		flex: 0 0 10% !important;
		max-width: 10% !important;
	}
}

@media (min-width: 1600px) {
	.col-lg-10c {
		-ms-flex: 0 0 10%;
		flex: 0 0 10%;
		max-width: 10%;
	}
}

/*--5 Column Flex--*/
.w-20 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}

@media (min-width: 480px) {
	.w-20 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
}

@media (min-width: 768px) {
	.w-20 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
}

@media (min-width: 992px) {
	.w-20 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
}

@media (min-width: 1200px) {
	.w-20 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
}

@media (min-width: 1600px) {
	.w-20 {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
}

.rowflex .justify-content-start {
	-ms-flex-pack: start !important;
	justify-content: flex-start !important;
}

.rowflex .justify-content-end {
	-ms-flex-pack: end !important;
	justify-content: flex-end !important;
}

.rowflex .justify-content-center {
	-ms-flex-pack: center !important;
	justify-content: center !important;
}

.rowflex .justify-content-between {
	-ms-flex-pack: justify !important;
	justify-content: space-between !important;
}

.rowflex .justify-content-around {
	-ms-flex-pack: distribute !important;
	justify-content: space-around !important;
}



/*--Modal Popups for CEOs--SEE BOTTOM OF PAGE--*/
.ceosmodal .modal-dialog {
	width: 96%;
}

@media (min-width: 480px) {
	.ceosmodal .modal-dialog {
		width: 96%;
	}
}

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

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

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

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

.ceosmodal blockquote {
	color: #0054a6;
	font-weight: 700;
	font-size: 1.6em;
	line-height: 1.3em;
	margin: 0 0 20px 0;
	border: none;
}

@media (min-width: 480px) {
	.ceosmodal blockquote {
		font-size: 2.1em;
	}
}

@media (min-width: 768px) {
	.ceosmodal blockquote {
		font-size: 2.0em;
	}
}

@media (min-width: 992px) {
	.ceosmodal blockquote {
		font-size: 2.3em;
	}
}

@media (min-width: 1200px) {
	.ceosmodal blockquote {
		font-size: 2.7em;
	}
}

@media (min-width: 1600px) {
	.ceosmodal blockquote {
		font-size: 3em;
	}
}

.ceosmodal blockquote.sml {
	font-size: 2em;
}

.ceosmodal blockquote.med {
	font-size: 2.2em;
}

.ceosmodal h3 {
	color: #0054a6;
	font-weight: 300;
	margin-bottom: 0.3em;
}

.ceosmodal p.descriptor {
	color: #0054a6;
}

.ceosmodal img {
	border: 1px solid #0054a6;
	margin: 0px;
	width: 100%;
	max-width: 100%;
}


/*----AIR 2020---*/
.banner-hm-air-2020 {
	background: url(../../../images/banners/banner-hm-air-2020.jpg) center top no-repeat;
	background-size: auto 100%;
}

@media (min-width: 992px) {
	.banner-hm-air-2020 {
		background-size: cover;
	}
}

.banner-hm-air-2020 h1 {}

.banner-hm-air-2020 img.brdr {
	width: 100%;
	max-width: 240px;
	border: 2px solid #fff;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
	margin-bottom: 15px;
}

@media (min-width: 768px) {
	.banner-hm-air-2020 img.brdr {
		max-width: 274px;
	}
}

.banner-hm-air-2020 img.brdr:hover {
	border: 2px solid #fff;
}

.banner-hm-air-2020 .btn-default {
	font-size: 0.75em;
}

@media (min-width: 992px) {
	.banner-hm-air-2020 .btn-default {
		font-size: 0.8em;
	}
}

.banner-hm-air-2020 .bc-red .btn-default.hil {
	background: #ae122a;
	color: #fff;
	font-size: 0.8em;
}

.banner-hm-air-2020 .bc-red .btn-default.hil:hover {
	background: #000;
}

.banner-hm-air-2020 .bc-blue .btn-default.hil {
	background: #0055a6;
	color: #fff;
	font-size: 0.8em;
}

.banner-hm-air-2020 .bc-blue .btn-default.hil:hover {
	background: #0054a6;
}

/*----AGM 2021---*/
.banner-hm-agm-2021 {
	background: url(../../../images/banners/banner-hm-agm-21.jpg) center bottom no-repeat;
	background-size: auto 100%;
}

@media (min-width: 992px) {
	.banner-hm-agm-2021 {
		background-size: cover;
	}
}

.banner-hm-agm-2021 .b-contentblock {
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
}

.banner-hm-agm-2021 .b-contentblock p.lead {
	font-size: 1.3em;
}

.b-contentblock .banner-hm-agm-2021 h1 {
	font-size: 2.0em;
}

@media (min-width: 480px) {
	.b-contentblock .banner-hm-agm-2021 h1 {
		font-size: 2.3em;
	}
}

@media (min-width: 768px) {
	.b-contentblock .banner-hm-agm-2021 h1 {
		font-size: 2.4em;
	}
}

@media (min-width: 992px) {
	.b-contentblock .banner-hm-agm-2021 h1 {
		font-size: 2.6em;
	}
}

@media (min-width: 1200px) {
	.b-contentblock .banner-hm-agm-2021 h1 {
		font-size: 2.65em;
	}
}

@media (min-width: 1600px) {
	.b-contentblock .banner-hm-agm-2021 h1 {
		font-size: 2.75em;
	}
}

.banner-hm-agm-2021 h1 small,
.banner-hm-agm-2021 h1 sup {
	font-size: 70%;
	text-transform: none;
}

.banner-hm-agm-2021 img.brdr {
	width: 100%;
	max-width: 210px;
	border: 2px solid #fff;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
}

.banner-hm-agm-2021 img.brdr:hover {
	border: 2px solid #fff;
}

/*----Womens Day 2021---*/
.banner-hm-womens-day-21 {
	background: url(../../../images/banners/banner-hm-womens-day-21.jpg) left bottom no-repeat;
	background-size: cover;
	text-align: left;
}

@media (min-width: 480px) {
	.banner-hm-womens-day-21 {
		background-position: left bottom;
	}
}

@media (min-width: 768px) {
	.banner-hm-womens-day-21 {
		background-position: left bottom;
	}
}

@media (min-width: 992px) {
	.banner-hm-womens-day-21 {
		background-position: left bottom;
	}
}

@media (min-width: 1200px) {
	.banner-hm-womens-day-21 {
		background-position: left bottom;
	}
}

@media (min-width: 1600px) {
	.banner-hm-womens-day-21 {
		background-position: left bottom;
	}
}

/*--Banner Wrapper Block -- Womens Day--*/
.banner-hm-womens-day-21 .b-wrapper {
	height: auto;
	min-height: 300px;
	text-align: left;
	padding: 40px 2% 50px 2%;
}

@media (min-width: 480px) {
	.banner-hm-womens-day-21 .b-wrapper {
		padding: 40px 2% 50px 2%;
		min-height: 748px;
	}
}

@media (min-width: 768px) {
	.banner-hm-womens-day-21 .b-wrapper {
		padding: 40px 14% 50px 14%;
		min-height: 748px;
	}
}

@media (min-width: 992px) {
	.banner-hm-womens-day-21 .b-wrapper {
		padding: 5vh 3% 50px 3%;
		min-height: 748px;
	}
}

@media (min-width: 1200px) {
	.banner-hm-womens-day-21 .b-wrapper {
		padding: 8vh 2% 50px 3%;
		min-height: 748px;
	}
}

@media (min-width: 1600px) {
	.banner-hm-womens-day-21 .b-wrapper {
		padding: 10vh 2% 50px 5%;
		min-height: 748px;
	}
}

@media (min-width: 1920px) {
	.banner-hm-womens-day-21 .b-wrapper {
		padding: 10vh 2% 50px 5%;
		min-height: 748px;
	}
}

.banner-hm-womens-day-21 h2 {
	font-weight: 800;
	text-transform: none;
	font-size: 2.0em;
	margin-bottom: 0.2em
}

@media (min-width: 480px) {
	.banner-hm-womens-day-21 h2 {
		font-size: 2.0em;
	}
}

@media (min-width: 768px) {
	.banner-hm-womens-day-21 h2 {
		font-size: 1.8em;
	}
}

@media (min-width: 992px) {
	.banner-hm-womens-day-21 h2 {
		font-size: 1.8em;
	}
}

@media (min-width: 1200px) {
	.banner-hm-womens-day-21 h2 {
		font-size: 1.8em;
	}
}

@media (min-width: 1600px) {
	.banner-hm-womens-day-21 h2 {
		font-size: 2.9em;
	}
}

.banner-hm-womens-day-21 h4 {
	margin-bottom: 0.3em;
	font-size: 1.6em;
	line-height: 1.1em;
	font-weight: 500;
	letter-spacing: 3px;
}

.mcsa-wim {
	width: 100%;
	max-width: 500px;
	margin-bottom: 20px;
}

.banner-hm-womens-day-21 p.lead {
	font-weight: 500;
	margin: 0 0 10px 0;
	color: #000;
	font-size: 1.1em;
	line-height: 1.35em;
}

.banner-hm-womens-day-21 .card .container {
	width: 100%;
	text-align: center;
	padding: 10px 15px;
}

.banner-hm-womens-day-21 .card p {
	text-align: center;
	color: #fff;
	font-weight: 400;
	font-size: 0.85em;
	line-height: 1.3em;
	margin-bottom: 8px;
}

.banner-hm-womens-day-21 blockquote {
	padding: 0;
	text-align: center;
	border: none;
	color: #fff;
	font-weight: 500;
	font-size: 0.75em;
	line-height: 1.3em;
	position: relative;
	margin-bottom: 5px;
}

@media (min-width: 480px) {
	.banner-hm-womens-day-21 blockquote {
		font-size: 0.9em;
		line-height: 1.3em;
	}
}

@media (min-width: 768px) {
	.banner-hm-womens-day-21 blockquote {
		font-size: 0.75em;
		line-height: 1.3em;
	}
}

@media (min-width: 992px) {
	.banner-hm-womens-day-21 blockquote {
		font-size: 0.7em;
		line-height: 1.3em;
	}
}

@media (min-width: 1200px) {
	.banner-hm-womens-day-21 blockquote {
		font-size: 0.75em;
		line-height: 1.35em;
	}
}

@media (min-width: 1600px) {
	.banner-hm-womens-day-21 blockquote {
		font-size: 0.8em;
		line-height: 1.4em;
	}
}

.banner-hm-womens-day-21 blockquote span {
	color: #7f699a;
	padding: 0 3px;
}

.banner-hm-womens-day-21 .logo {
	display: inline-block;
	vertical-align: top;
	width: auto;
	max-width: 110px;
	padding: 0 20px 10px 0;
}


/*--Womens Day Cards--*/
.banner-hm-womens-day-21 .card {
	background: #482a6e;
	margin: 0 -10px 10px -10px;
	height: auto;
}

@media (min-width: 480px) {
	.banner-hm-womens-day-21 .card {
		height: auto;
	}
}

@media (min-width: 768px) {
	.banner-hm-womens-day-21 .card {
		height: 310px;
	}
}

@media (min-width: 992px) {
	.banner-hm-womens-day-21 .card {
		height: 310px;
	}
}

@media (min-width: 1200px) {
	.banner-hm-womens-day-21 .card {
		height: 310px;
	}
}

@media (min-width: 1600px) {
	.banner-hm-womens-day-21 .card {
		height: 318px;
	}
}

.banner-hm-womens-day-21 .card .container {
	width: 100%;
	text-align: center;
	padding: 10px 15px;
}

.banner-hm-womens-day-21 .card p {
	text-align: center;
	color: #fff;
	font-weight: 400;
	font-size: 0.85em;
	line-height: 1.3em;
	margin-bottom: 8px;
}

.banner-hm-womens-day-21 blockquote {
	padding: 0;
	text-align: center;
	border: none;
	color: #fff;
	font-weight: 500;
	font-size: 0.75em;
	line-height: 1.3em;
	position: relative;
	margin-bottom: 5px;
}

@media (min-width: 480px) {
	.banner-hm-womens-day-21 blockquote {
		font-size: 0.9em;
		line-height: 1.3em;
	}
}

@media (min-width: 768px) {
	.banner-hm-womens-day-21 blockquote {
		font-size: 0.8em;
		line-height: 1.3em;
	}
}

@media (min-width: 992px) {
	.banner-hm-womens-day-21 blockquote {
		font-size: 0.7em;
		line-height: 1.3em;
	}
}

@media (min-width: 1200px) {
	.banner-hm-womens-day-21 blockquote {
		font-size: 0.8em;
		line-height: 1.35em;
	}
}

@media (min-width: 1600px) {
	.banner-hm-womens-day-21 blockquote {
		font-size: 0.9em;
		line-height: 1.4em;
	}
}




/*--Womens Day Cards - Spotlight page--*/
.womens-day-21 .card {
	background: #482a6e;
	margin: 0 -10px 10px -10px;
	height: auto;
}

@media (min-width: 768px) {
	.womens-day-21 .card {
		height: 360px;
	}
}

@media (min-width: 992px) {
	.womens-day-21 .card {
		height: 360px;
	}
}

@media (min-width: 1200px) {
	.womens-day-21 .card {
		height: 400px;
	}
}

@media (min-width: 1600px) {
	.womens-day-21 .card {
		height: 400px;
	}
}

.womens-day-21 .card .container {
	width: 100%;
	text-align: center;
	padding: 10px 15px;
	height: auto;
	min-height: 130px;
}

.womens-day-21 .card p {
	text-align: center;
	color: #fff;
	font-weight: 400;
	font-size: 1em;
	line-height: 1.3em;
	margin-bottom: 8px;
}

.womens-day-21 blockquote {
	padding: 0;
	text-align: center;
	border: none;
	color: #fff;
	font-weight: 500;
	font-size: 1.2em;
	line-height: 1.35em;
	position: relative;
	margin-bottom: 5px;
}

@media (min-width: 480px) {
	.womens-day-21 blockquote {
		font-size: 1.2em;
		line-height: 1.35em;
	}
}

@media (min-width: 768px) {
	.womens-day-21 blockquote {
		font-size: 0.9em;
		line-height: 1.3em;
	}
}

@media (min-width: 992px) {
	.womens-day-21 blockquote {
		font-size: 0.9em;
		line-height: 1.35em;
	}
}

@media (min-width: 1200px) {
	.womens-day-21 blockquote {
		font-size: 1em;
		line-height: 1.4em;
	}
}

@media (min-width: 1600px) {
	.womens-day-21 blockquote {
		font-size: 1em;
		line-height: 1.4em;
	}
}

h4.hashtag {
	color: #ee2a35;
}


/*----Home Banner - Modernisation in Mining---*/
.banner-hm-mim-21 {
	background: url(../../../images/banners/banner-hm-mim-21.jpg) left bottom no-repeat;
	background-size: auto 100%;
	text-align: left;
}

@media (min-width: 480px) {
	.banner-hm-mim-21 {
		background-position: left bottom;
		background-size: auto 100%;
	}
}

@media (min-width: 768px) {
	.banner-hm-mim-21 {
		background-position: left bottom;
		background-size: auto 100%;
	}
}

@media (min-width: 992px) {
	.banner-hm-mim-21 {
		background-position: left bottom;
		background-size: cover;
	}
}

@media (min-width: 1200px) {
	.banner-hm-mim-21 {
		background-position: left bottom;
		background-size: cover;
	}
}

@media (min-width: 1600px) {
	.banner-hm-mim-21 {
		background-position: left bottom;
		background-size: cover;
	}
}

/*----Ten insights into 4IR by PWC---*/
.banner-hm-pwc-4ir {
	background: url(../../../images/banners/banner-hm-pwc-4ir.jpg) left bottom no-repeat;
	background-size: cover;
	text-align: left;
}

@media (min-width: 480px) {
	.banner-hm-pwc-4ir {
		background-position: left bottom;
	}
}

@media (min-width: 768px) {
	.banner-hm-pwc-4ir {
		background-position: left bottom;
	}
}

@media (min-width: 992px) {
	.banner-hm-pwc-4ir {
		background-position: left bottom;
	}
}

@media (min-width: 1200px) {
	.banner-hm-pwc-4ir {
		background-position: left bottom;
	}
}

@media (min-width: 1600px) {
	.banner-hm-pwc-4ir {
		background-position: left bottom;
	}
}

.banner-hm-pwc-4ir .btn-default {}

/*----Facts and Figures 2020 POCKETBOOK---*/
.banner-hm-ff2020 {
	background: #89acc8 url(../../../images/banners/banner-hm-ff2020.jpg) left 0px no-repeat;
	background-size: cover;
	text-align: left;
}

@media (min-width: 480px) {
	.banner-hm-ff2020 {
		background-position: left 0px;
	}
}

@media (min-width: 768px) {
	.banner-hm-ff2020 {
		background-position: left 0px;
	}
}

@media (min-width: 992px) {
	.banner-hm-ff2020 {
		background-position: left 0px;
	}
}

@media (min-width: 1200px) {
	.banner-hm-ff2020 {
		background-position: left 35px;
	}
}

@media (min-width: 1600px) {
	.banner-hm-ff2020 {
		background-position: left 35px;
	}
}

.banner-hm-ff2020 .btn-default {
	/*--background:#0054a5;--*/
}

/*----The State of the Mining Nation ---*/
.banner-hm-state-of-mn {
	background: #89acc8 url(../../../images/banners/banner-hm-state-of-mn.jpg) left 0px no-repeat;
	background-size: cover;
	text-align: left;
}

@media (min-width: 480px) {
	.banner-hm-state-of-mn {
		background-position: left 0px;
	}
}

@media (min-width: 768px) {
	.banner-hm-state-of-mn {
		background-position: left 0px;
	}
}

@media (min-width: 992px) {
	.banner-hm-state-of-mn {
		background-position: left 0px;
	}
}

@media (min-width: 1200px) {
	.banner-hm-state-of-mn {
		background-position: left 35px;
	}
}

@media (min-width: 1600px) {
	.banner-hm-state-of-mn {
		background-position: left 35px;
	}
}

.sotmn {}

.sotmn p.lead {
	color: #000;
	margin-bottom: 1.1em;
}

.sotmn p a {
	color: #ae122a;
}

.sotmn p a:hover {
	color: #000;
}

.sotmn .btn-default {
	padding: 5px 10px 6px 10px !important;
}

.sotmn .btn-default:hover {
	background: #ff7f32 !important;
}

.sotmn .btn-default:after {
	clear: both;
}

.sotmn h4 {
	color: #ee2b37;
	font-size: 1.45em;
	line-height: 1.0em;
	margin-bottom: 0.4em;
	font-weight: 800;
}

h5.sotmn {
	color: #ee2b37;
}

.sotmn .sotm-ff {}

.sotmn .sotm-ff h4,
h4.sotm-ff {
	color: #ae122a;
}

.sotmn .sotm-ff .btn-default {
	background: #ae122a;
}

h5.sotm-ff {
	color: #ae122a;
}

img.logo-sotmn {
	width: 100%;
	max-width: 320px;
	margin: 0px 10px 0 0;
}

.sotmn img.logo-mcmiv {
	width: 100%;
	max-width: 280px;
	margin: 0px auto 0 auto;
}

.sotmn img.logo-amiv {
	width: 100%;
	max-width: 180px;
	margin: 0px auto 0 auto;
}

img.sotm-slogan {
	max-width: 240px;
	float: right;
}

/*----African Mining Indaba Virtual - Option 2---*/
.banner-hm-amiv2-2021 {
	background: #89acc8 url(../../../images/banners/banner-hm-amiv2-2021.jpg) left 0px no-repeat;
	background-size: cover;
	text-align: left;
}

@media (min-width: 480px) {
	.banner-hm-amiv2-2021 {
		background-position: left 0px;
	}
}

@media (min-width: 768px) {
	.banner-hm-amiv2-2021 {
		background-position: left 0px;
	}
}

@media (min-width: 992px) {
	.banner-hm-amiv2-2021 {
		background-position: left 0px;
	}
}

@media (min-width: 1200px) {
	.banner-hm-amiv2-2021 {
		background-position: left 35px;
	}
}

@media (min-width: 1600px) {
	.banner-hm-amiv2-2021 {
		background-position: left 35px;
	}
}

.banner-hm-amiv2-2021 .b-wrapper {
	padding: 10vh 5% 50px 5%;
}

.banner-hm-amiv2-2021 .b-contentblock {
	margin-bottom: 1em;
}

.banner-hm-amiv2-2021 .b-contentblock .mainhead {
	margin-bottom: 1em;
}

.banner-hm-amiv2-2021 .b-contentblock .mainhead h1,
.banner-hm-amiv2-2021 .b-contentblock .mainhead h2 {
	margin-bottom: 0.1em !important;
	line-height: 1em;
}

.banner-hm-amiv2-2021 .b-contentblock .mainhead h3 {
	margin-bottom: 0.5em !important;
}

.pl-15 {
	padding-left: 15px;
}

.banner-hm-amiv2-2021 .b-contentblock h1 {
	color: #00223e !important;
	font-size: 2.8em;
	font-weight: 800;
}

@media (min-width: 480px) {
	.banner-hm-amiv-2021 .b-contentblock h1 {
		font-size: 3.0em;
	}
}

@media (min-width: 768px) {
	.banner-hm-amiv-2021 .b-contentblock h1 {
		font-size: 3.2em;
	}
}

@media (min-width: 992px) {
	.banner-hm-amiv-2021 .b-contentblock h1 {
		font-size: 2.8em;
	}
}

@media (min-width: 1200px) {
	.banner-hm-amiv-2021 .b-contentblock h1 {
		font-size: 3em;
	}
}

@media (min-width: 1600px) {
	.banner-hm-amiv-2021 .b-contentblock h1 {
		font-size: 4em;
	}
}

.banner-hm-amiv2-2021 .b-contentblock h2 {
	color: #73addd !important;
}

.banner-hm-amiv2-2021 .b-contentblock h3 {
	color: #00223e !important;
	font-weight: 800;
	font-size: 1.6em;
}

@media (min-width: 1280px) {
	.banner-hm-amiv2-2021 .b-contentblock h3 {
		font-size: 1.8em;
	}
}

.banner-hm-amiv2-2021 .b-contentblock h4 {
	color: #00223e !important;
	font-weight: 800;
	font-size: 1.15em;
	text-transform: uppercase;
}

@media (min-width: 992px) {
	.banner-hm-amiv-2021 .b-contentblock h4 {
		font-size: 1.2em;
	}
}

@media (min-width: 1200px) {
	.banner-hm-amiv-2021 .b-contentblock h4 {
		font-size: 1.25em;
	}
}

@media (min-width: 1600px) {
	.banner-hm-amiv-2021 .b-contentblock h4 {
		font-size: 1.3em;
	}
}

.banner-hm-amiv2-2021 .b-contentblock h5 {
	color: #000 !important;
	margin-bottom: 5px;
	font-size: 1.1em;
}

@media (min-width: 1280px) {
	.banner-hm-amiv2-2021 .b-contentblock h5 {
		font-size: 1.2em;
	}
}

.banner-hm-amiv2-2021 .b-contentblock p {
	margin-bottom: 0.8em;
	font-size: 0.9em;
}

@media (min-width: 1280px) {
	.banner-hm-amiv2-2021 .b-contentblock h5 {
		font-size: 1em;
	}
}

.banner-hm-amiv2-2021 .b-contentblock.bc-blue p a {
	color: #73addd !important
}

.banner-hm-amiv2-2021 .b-contentblock.bc-blue p a:hover {
	color: #00223e !important
}

.banner-hm-amiv2-2021 .b-contentblock p.lead {
	font-weight: 500;
	font-size: 1.0em;
}

@media (min-width: 1280px) {
	.banner-hm-amiv2-2021 .b-contentblock p.lead {
		font-size: 1.15em;
	}
}

.banner-hm-amiv2-2021 .b-contentblock img.mb {
	margin-bottom: 1em;
	border: 1px solid #00223e;
}

.banner-hm-amiv2-2021 .b-contentblock.bc-blue .btn-default {
	background: #73addd !important;
}

.banner-hm-amiv2-2021 .b-contentblock.bc-blue .btn-default:hover {
	background: #00223e !important;
	color: #fff !important;
}

/*--Amiv Logo--*/
img.logo-mcmiv {
	width: 100%;
	max-width: 300px;
	margin: 0px auto 0 auto;
}

img.logo-amiv {
	width: 100%;
	max-width: 180px;
	margin: 0px auto 0 auto;
}


/*--Home banner World TB Day--*/
.banner-hm-world-tb-day {
	background: #d5d6d8;
	text-align: left;
}

.banner-hm-world-tb-day .wtb-logos {
	max-height: 66px;
}

.banner-hm-world-tb-day .logoheader {
	margin-bottom: 15px;
}

.banner-hm-world-tb-day .logoblock {
	background: #fff;
	box-shadow: 2px 2px 15px rgb(0 0 0 / 20%);
}

.banner-hm-world-tb-day .logoblock img {
	padding: 10px 0;
}


/*--Home banner Easter Covid-19*/
.banner-hm-easter-covid19 {
	background: #ab0922 url(../../../images/banners/hm-bg-nat-vaccination.png) left top repeat;
	background-size: 100% auto;
	text-align: left;
}

.banner-hm-easter-covid19 .b-wrapper {
	padding: 20vh 5% 50px 5%;
	min-height: 748px;
}

.banner-hm-easter-covid19 .b-contentblock {
	padding: 25px 20px 20px 25px;
}

.banner-hm-easter-covid19 h1 {
	text-transform: none;
	font-weight: 800;
	margin-bottom: 0.4em;
}

.section-main #easterposters h1 {
	color: #ab0922;
	margin: 10px 0 0.3em -0px;
	padding: 0 !important;
	text-transform: none;
	font-weight: 800;
}

/*-- .section-main #easterposters h1 {color:#fff; background:#ab0922; margin:10px 0 1em -15px; padding:15px 20px 20px 20px !important; text-transform:none; font-weight:800; } --*/
#easterposters p.lead {
	color: #000;
	margin: 15px 0 0.5em -0px;
}

#easterposters p a {
	color: #ed2636 !important;
}

#easterposters p a:hover {
	color: #ab0922 !important;
}

#easterposters .btn-default {
	margin-bottom: 1em;
	color: #fff !important;
	font-size: 0.8em;
	background: #ed2636;
}

#easterposters .btn-default:hover {
	background: #ab0922;
}

.banner-hm-nat-vaccination {
	background: #00ad69 url(../../../images/banners/hm-nat-vaccination-bg.png) left top repeat;
	background-size: 100% auto;
	text-align: left;
}

.banner-hm-nat-vaccination .b-wrapper {
	padding: 5vh 3% 50px 3%;
	min-height: 748px;
}

@media (min-width: 768px) {
	.banner-hm-nat-vaccination .b-wrapper {
		padding: 5vh 3% 50px 3%;
	}
}

@media (min-width: 992px) {
	.banner-hm-nat-vaccination .b-wrapper {
		padding: 5vh 3% 50px 3%;
	}
}

@media (min-width: 1200px) {
	.banner-hm-nat-vaccination .b-wrapper {
		padding: 6vh 1% 50px 1%;
	}
}

@media (min-width: 1600px) {
	.banner-hm-nat-vaccination .b-wrapper {
		padding: 6vh 1% 50px 1%;
	}
}

@media (min-width: 1920px) {
	.banner-hm-nat-vaccination .b-wrapper {
		padding: 6vh 2% 50px 2%;
	}
}

.banner-hm-nat-vaccination .b-contentblock {
	padding: 20px 20px 20px 28px;
}

.col-nvp {
	float: none;
	width: 100%;
}

@media (min-width: 768px) {
	.col-nvp {
		float: none;
		width: 100%;
	}
}

@media (min-width: 992px) {
	.col-nvp {
		float: none;
		width: 100%;
	}
}

@media (min-width: 1200px) {
	.col-nvp {
		float: right;
		width: 100%;
	}
}

@media (min-width: 1600px) {
	.col-nvp {
		float: right;
		width: 80%;
	}
}

.banner-hm-nat-vaccination h2 {
	color: #00ad69;
	font-weight: 800;
	margin-bottom: 0.0em;
	font-size: 1.8em;
}

@media (min-width: 768px) {
	.banner-hm-nat-vaccination h2 {
		font-size: 1.7em;
	}
}

@media (min-width: 992px) {
	.banner-hm-nat-vaccination h2 {
		font-size: 1.7em;
	}
}

@media (min-width: 1200px) {
	.banner-hm-nat-vaccination h2 {
		font-size: 1.8em;
	}
}

@media (min-width: 1600px) {
	.banner-hm-nat-vaccination h2 {
		font-size: 2.2em;
	}
}

.banner-hm-nat-vaccination h3 {
	color: #00ad69;
	font-weight: 800;
	margin-bottom: 0.0em;
}

.banner-hm-nat-vaccination h5 {
	color: #00ad69;
	margin-bottom: 1.2em;
	font-size: 1.0em;
	line-height: 1.2em;
}

.banner-hm-nat-vaccination img.form {
	width: 10%;
	max-width: 55px;
	margin: 0 15px 20px 0;
}

.banner-hm-nat-vaccination p {
	color: #000;
	font-size: 0.9em;
}

@media (min-width: 480px) {
	.banner-hm-nat-vaccination p {
		font-size: 0.9em;
	}
}

@media (min-width: 768px) {
	.banner-hm-nat-vaccination p {

		font-size: 0.9em;
	}
}

@media (min-width: 992px) {
	.banner-hm-nat-vaccination p {
		font-size: 0.85em;
	}
}

@media (min-width: 1200px) {
	.banner-hm-nat-vaccination p {
		font-size: 0.85em;
	}
}

@media (min-width: 1600px) {
	.banner-hm-nat-vaccination p {
		font-size: 1em;
	}
}

.banner-hm-nat-vaccination p.lead {
	margin-bottom: 0.5em;
}

.banner-hm-nat-vaccination p img {
	margin: 0 0 10px 10px;
	padding: 0;
}

.banner-hm-nat-vaccination .hl-bar {
	display: block;
	padding: 10px 15px;
	background: #97d700;
	margin-bottom: 1em;
}

.banner-hm-nat-vaccination .hl-bar p {
	color: #fff;
	font-weight: 800;
	font-size: 1.3em;
	line-height: 1.4em;
	margin: 0;
}

.banner-hm-nat-vaccination .ftr-bar {
	display: block;
	padding: 15px 20px;
	margin: 0 0 1em 0;
	background: #00ad69;
	position: relative;
}

.banner-hm-nat-vaccination .ftr-bar h4 {
	color: #fff;
	font-weight: 700;
	margin-bottom: 0.1em;
	font-size: 1.5em;
	line-height: 1.3em;
	text-transform: uppercase;
}

.banner-hm-nat-vaccination .ftr-bar h5 {
	color: #fff;
	font-weight: 700;
	margin-bottom: 0.2em;
	font-size: 1.1em;
	line-height: 1.3em;
}

.banner-hm-nat-vaccination .ftr-bar h1 {
	color: #fff;
	font-weight: 800;
	margin-bottom: 0.3em;
	font-size: 2.0em;
}

@media (min-width: 480px) {
	.banner-hm-nat-vaccination .ftr-bar h1 {
		font-size: 2.2em;
	}
}

@media (min-width: 768px) {
	.banner-hm-nat-vaccination .ftr-bar h1 {
		font-size: 2.2em;
	}
}

@media (min-width: 992px) {
	.banner-hm-nat-vaccination .ftr-bar h1 {
		font-size: 2.2em;
	}
}

@media (min-width: 1200px) {
	.banner-hm-nat-vaccination .ftr-bar h1 {
		font-size: 2.4em;
	}
}

@media (min-width: 1600px) {
	.banner-hm-nat-vaccination .ftr-bar h1 {
		font-size: 2.7em;
	}
}

.banner-hm-nat-vaccination .ftr-bar p {
	color: #fff;
	font-weight: 400;
	margin-bottom: 0.2em;
	line-height: 1.1em;
}

.banner-hm-nat-vaccination .ftr-bar img.arrow-down {
	width: 45px;
	position: absolute;
	bottom: -15px;
	left: 40%;
}

.banner-hm-nat-vaccination img.piechart {
	display: block;
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
}

@media (min-width: 992px) {
	.banner-hm-nat-vaccination img.piechart {
		max-width: 300px;
		margin: 0 auto;
	}
}

@media (min-width: 1200px) {
	.banner-hm-nat-vaccination img.piechart {
		max-width: 300px;
		margin: 0 auto;
	}
}

@media (min-width: 1600px) {
	.banner-hm-nat-vaccination img.piechart {
		max-width: 500px;
		margin: 0 auto;
	}
}

.banner-hm-nat-vaccination hr {
	border-bottom: 1px solid #00ad69;
}

.banner-hm-nat-vaccination .logos-1 {
	float: left;
	width: 100%;
	max-width: 400px;
}

@media (min-width: 768px) {
	.banner-hm-nat-vaccination .logos-1 {
		float: left;
	}
}

@media (min-width: 992px) {
	.banner-hm-nat-vaccination .logos-1 {
		float: left;
	}
}

.banner-hm-nat-vaccination .logos-2 {
	float: left;
	width: 100%;
	max-width: 300px;
}

@media (min-width: 768px) {
	.banner-hm-nat-vaccination .logos-2 {
		float: right;
	}
}

@media (min-width: 992px) {
	.banner-hm-nat-vaccination .logos-2 {
		float: right;
	}
}

/*--Home banner Covid-19 Vaccines Blue*/
.banner-hm-vaccination {
	background: #78d2d9 url(../../../images/covid-19-cells-2.svg) 5% 5vh no-repeat;
	background-size: 40% auto;
	text-align: left;
}

/*-- #2cd5c4 --*/
.banner-hm-vaccination .b-wrapper {
	padding: 12vh 4% 50px 5%;
	min-height: 748px;
}

.banner-hm-vaccination .b-contentblock {
	padding: 15px 20px 20px 25px;
}

.banner-hm-vaccination .b-contentblock h4 {
	color: #0054a6;
	margin-bottom: 0.6em;
}

.banner-hm-vaccination .b-contentblock p {
	color: #0054a6;
	font-weight: 400;
}

.banner-hm-vaccination .b-contentblock p.lead {
	color: #0054a6;
	font-weight: 500;
	font-size: 1.0em;
	line-height: 1.35em;
}

.banner-hm-vaccination .b-contentblock p.lead strong {
	color: #0054a6;
	font-weight: 800;
}

.banner-hm-vaccination li {
	font-size: 1.0em;
	line-height: 1.35em;
	color: #0054a6;
	font-weight: 400;
}

.banner-hm-vaccination .b-contentblock a {
	color: #0054a6;
	text-decoration: underline;
	cursor: pointer;
	font-weight: 500;
}

.banner-hm-vaccination .b-contentblock a.transl {
	font-weight: 400;
	font-size: 0.9em;
}

.banner-hm-vaccination .b-contentblock a:hover {
	color: #000;
}

.banner-hm-vaccination .b-contentblock hr {
	border-bottom: 2px dotted rgba(103, 201, 208, 0.7);
	margin: 2px auto 12px auto;
}

.banner-hm-vaccination .b-contentblock .btn-default {
	padding: 6px 10px 7px 10px;
	background: #6babe5;
}

.banner-hm-vaccination .b-contentblock .btn-default:hover {
	background: #0054a6;
}

.banner-hm-vaccination .b-contentblock .btn-default.hl {
	background: #0054a6 !important;
	color: #fff !important;
}

.banner-hm-vaccination .b-contentblock .btn-default.hl:hover {
	background: #ffb612 !important;
}

.banner-hm-vaccination .bc-blue .hilite {
	background: #2cd5c4;
}

.banner-hm-vaccination .bc-blue .hilite h5 {
	color: #fff;
	font-size: 1.4em;
	line-height: 1.2em;
}

.logo-covid {
	margin: 100px auto 0 auto;
	width: 70%;
}

@media (min-width: 480px) {
	.logo-covid {
		margin: 10vh auto 0 auto;
		width: 70%;
	}
}

@media (min-width: 768px) {
	.logo-covid {
		margin: 10vh auto 0 auto;
		width: 85%;
	}
}

@media (min-width: 992px) {
	.logo-covid {
		margin: 25vh auto 0 auto;
		width: 90%;
	}
}

@media (min-width: 1200px) {
	.logo-covid {
		margin: 25vh auto 0 auto;
		width: 80%;
	}
}

@media (min-width: 1600px) {
	.logo-covid {
		margin: 25vh auto 0 auto;
		width: 80%;
	}
}

.covid19 .hilite {
	display: block;
	margin: 0px 0 10px 0;
	padding: 12px 12px;
	background: #0054a6;
}

.col-poster-2 {
	position: relative;
	min-height: 120px;
	padding-left: 0px;
	margin-bottom: 0px;
}

a.video-icon {
	text-align: center;
	cursor: pointer;
}

a.video-icon img {
	border: 1px solid #999;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 auto 10px auto !important;
	text-align: center;
}

a.video-icon p {
	text-align: center;
	font-size: 1.0em;
	line-height: 1.2em;
	color: #0054a6;
	line-height: 1.2em;
	margin: 0 auto 0.4em auto;
	font-weight: 700;
}

p.vi {
	text-align: center;
	font-size: 1.0em;
	line-height: 1.2em;
	color: #0054a6;
	line-height: 1.2em;
	margin: 0 auto 0.4em auto;
	font-weight: 400;
	font-size: 0.9em;
	line-height: 1.2em;
}

.img-vvid {
	border: 1px solid #999;
	width: 100% !important;
	max-width: 100% !important;
	margin-bottom: 10px !important;
}

/*--Women in Mining COVID-19 Heroes - 1 Dec 2020--*/
.banner-hm-wim-covid-19 {
	background: url(../../../images/banners/banner-hm-wim-covid-19-sml.jpg) left top no-repeat;
	background-size: 100% auto;
	text-align: left;
}

@media (min-width: 480px) {
	.banner-hm-wim-covid-19 {
		background: url(../../../images/banners/banner-hm-wim-covid-19-sml.jpg) left top no-repeat;
		background-size: 100% auto;
	}
}

@media (min-width: 768px) {
	.banner-hm-wim-covid-19 {
		background: url(../../../images/banners/banner-hm-wim-covid-19-sml.jpg) left top no-repeat;
		background-size: 100% auto;
	}
}

@media (min-width: 992px) {
	.banner-hm-wim-covid-19 {
		background: url(../../../images/banners/banner-hm-wim-covid-19-md.jpg) left -50px repeat-y;
		background-size: 100% auto;
	}
}

@media (min-width: 1200px) {
	.banner-hm-wim-covid-19 {
		background: url(../../../images/banners/banner-hm-wim-covid-19.jpg) left 35px repeat-y;
		background-size: 100% auto;
	}
}

@media (min-width: 1600px) {
	.banner-hm-wim-covid-19 {
		background: url(../../../images/banners/banner-hm-wim-covid-19.jpg) left 35px repeat-y;
		background-size: 100% auto;
	}
}

.banner-hm-wim-covid-19 .b-contentblock {}

.banner-hm-wim-covid-19 .b-contentblock p {
	margin-bottom: 1.1em;
}

.banner-hm-wim-covid-19 .b-contentblock .headerbar {
	background: #00213f;
	margin: 0 -15px 15px -15px;
	padding: 20px;
}

.banner-hm-wim-covid-19 .b-contentblock .headerbar h1 {
	color: #fff;
	font-size: 2.8em;
	margin-bottom: 5px;
}

@media (min-width: 480px) {
	.banner-hm-wim-covid-19 .b-contentblock .headerbar h1 {
		font-size: 3em;
	}
}

@media (min-width: 768px) {
	.banner-hm-wim-covid-19 .b-contentblock .headerbar h1 {
		font-size: 3.2em;
	}
}

@media (min-width: 992px) {
	.banner-hm-wim-covid-19 .b-contentblock .headerbar h1 {
		font-size: 3.2em;
	}
}

@media (min-width: 1200px) {
	.banner-hm-wim-covid-19 .b-contentblock .headerbar h1 {
		font-size: 3.3em;
	}
}

@media (min-width: 1600px) {
	.banner-hm-wim-covid-19 .b-contentblock .headerbar h1 {
		font-size: 3.6em;
	}
}

.banner-hm-wim-covid-19 .b-contentblock .headerbar h3 {
	color: #6babe5;
	font-size: 2em;
	margin-bottom: 5px;
}

.banner-hm-wim-covid-19 img.badge {
	max-width: 110px;
}

.banner-hm-wim-covid-19 img.logo-wim {
	width: 100%;
	max-width: 270px;
	margin: 10px auto 0 auto;
}

.banner-hm-wim-covid-19 img.logo-mc {
	width: 100%;
	max-width: 330px;
	margin: 0px auto 0 auto;
}

.banner-hm-wim-covid-19 .b-contentblock .brdr-r {
	border-right: 1px solid #000;
}

.banner-hm-wim-covid-19 .b-contentblock .btn-default {
	background: #6babe5;
}

.banner-hm-wim-covid-19 .b-contentblock .btn-default:hover {
	background: #00213f;
}

.banner-hm-wim-covid-19 .b-contentblock .btn-default.video {
	background: #00213f;
	padding: 8px 12px 10px 12px;
}

.banner-hm-wim-covid-19 .b-contentblock .btn-default.video:hover {
	background: #6babe5;
}

/*--Home Banner - Coal technology webinar--*/
.banner-hm-coal-tech-webinar {
	background: #232323 url(../../../images/banners/banner-hm-coal-tech-webinar-sml.jpg) left top repeat;
	background-size: 100% auto;
	text-align: left;
}

@media (min-width: 480px) {
	.banner-hm-coal-tech-webinar {
		background: #232323 url(../../../images/banners/banner-hm-coal-tech-webinar-sml.jpg) left top repeat;
		background-size: 100% auto;
	}
}

@media (min-width: 768px) {
	.banner-hm-coal-tech-webinar {
		background: #232323 url(../../../images/banners/banner-hm-coal-tech-webinar-sml.jpg) left top no-repeat;
		background-size: 100% auto;
	}
}

@media (min-width: 992px) {
	.banner-hm-coal-tech-webinar {
		background: #232323 url(../../../images/banners/banner-hm-coal-tech-webinar-md.jpg) left top no-repeat;
		background-size: auto 100%;
	}
}

@media (min-width: 1200px) {
	.banner-hm-coal-tech-webinar {
		background: #232323 url(../../../images/banners/banner-hm-coal-tech-webinar.jpg) 0px top repeat;
		background-size: 100% auto;
	}
}

@media (min-width: 1600px) {
	.banner-hm-coal-tech-webinar {
		background: #232323 url(../../../images/banners/banner-hm-coal-tech-webinar.jpg) left 30px no-repeat;
		background-size: 100% auto;
	}
}

@media (min-width: 1922px) {
	.banner-hm-coal-tech-webinar {
		background: #232323 url(../../../images/banners/banner-hm-coal-tech-webinar-lg.jpg) left 35px no-repeat;
		background-size: auto 100%;
	}
}



/*--Global Ethics Day 2020 - Human rights framework--*/
.banner-hm-global-ethics-day-2020 {
	background: #232323 url(../../../images/banners/banner-hm-global-ethics-day-2020-sml.jpg) left top no-repeat;
	background-size: auto 100%;
	text-align: left;
}

@media (min-width: 480px) {
	.banner-hm-global-ethics-day-2020 {
		background: #232323 url(../../../images/banners/banner-hm-global-ethics-day-2020-sml.jpg) left top no-repeat;
		background-size: auto 100%;
	}
}

@media (min-width: 768px) {
	.banner-hm-global-ethics-day-2020 {
		background: #232323 url(../../../images/banners/banner-hm-global-ethics-day-2020-sml.jpg) left top no-repeat;
		background-size: auto 100%;
	}
}

@media (min-width: 992px) {
	.banner-hm-global-ethics-day-2020 {
		background: #232323 url(../../../images/banners/banner-hm-global-ethics-day-2020-md.jpg) left top no-repeat;
		background-size: auto 100%;
	}
}

@media (min-width: 1200px) {
	.banner-hm-global-ethics-day-2020 {
		background: #232323 url(../../../images/banners/banner-hm-global-ethics-day-2020-md.jpg) 0px 35px no-repeat;
		background-size: cover;
	}
}

@media (min-width: 1600px) {
	.banner-hm-global-ethics-day-2020 {
		background: #232323 url(../../../images/banners/banner-hm-global-ethics-day-2020.jpg) left 30px no-repeat;
		background-size: 100% auto;
	}
}

@media (min-width: 1922px) {
	.banner-hm-global-ethics-day-2020 {
		background: #232323 url(../../../images/banners/banner-hm-global-ethics-day-2020-lg.jpg) left 35px no-repeat;
		background-size: auto 100%;
	}
}

.banner-hm-global-ethics-day-2020 h1 {
	margin-bottom: 0.2em !important;
	font-size: 1.8em;
}

.banner-hm-global-ethics-day-2020 .btn-default {
	margin-bottom: 10px !important;
	padding: 5px 10px;
}

.banner-hm-global-ethics-day-2020 .b-content {
	height: auto;
	text-align: left;
	padding: 40px 2% 50px 2%;
}

@media (min-width: 480px) {
	.banner-hm-global-ethics-day-2020 .b-content {
		padding: 30px 3% 50px 3%;
	}
}

@media (min-width: 768px) {
	.banner-hm-global-ethics-day-2020 .b-content {
		padding: 30px 3% 50px 3%;
	}
}

@media (min-width: 992px) {
	.banner-hm-global-ethics-day-2020 .b-content {
		padding: 5vh 3% 50px 0;
	}
}

@media (min-width: 1200px) {
	.banner-hm-global-ethics-day-2020 .b-content {
		padding: 7vh 3% 50px 0;
	}
}

@media (min-width: 1600px) {
	.banner-hm-global-ethics-day-2020 .b-content {
		padding: 7vh 4% 100px;
	}
}

@media (min-width: 1920px) {
	.banner-hm-global-ethics-day-2020 .b-content {
		padding: 7vh 4% 100px;
	}
}

/*--Home Banner - Masoyise HP seminar--*/
.banner-hm-masoyise-hp-seminar {
	background: #232323 url(../../../images/banners/banner-hm-masoyise-hp-seminar-sml.jpg) left top no-repeat;
	background-size: 100% auto;
	text-align: left;
}

@media (min-width: 480px) {
	.banner-hm-masoyise-hp-seminar {
		background: #232323 url(../../../images/banners/banner-hm-masoyise-hp-seminar-sml.jpg) left top no-repeat;
		background-size: 100% auto;
	}
}

@media (min-width: 768px) {
	.banner-hm-masoyise-hp-seminar {
		background: #232323 url(../../../images/banners/banner-hm-masoyise-hp-seminar-sml.jpg) left top no-repeat;
		background-size: auto 100%;
	}
}

@media (min-width: 992px) {
	.banner-hm-masoyise-hp-seminar {
		background: #232323 url(../../../images/banners/banner-hm-masoyise-hp-seminar-md.jpg) left -50px no-repeat;
		background-size: auto 100%;
	}
}

@media (min-width: 1200px) {
	.banner-hm-masoyise-hp-seminar {
		background: #232323 url(../../../images/banners/banner-hm-masoyise-hp-seminar-md.jpg) -50px 35px no-repeat;
		background-size: auto 100%;
	}
}

@media (min-width: 1600px) {
	.banner-hm-masoyise-hp-seminar {
		background: #232323 url(../../../images/banners/banner-hm-masoyise-hp-seminar.jpg) 0 35px no-repeat;
		background-size: 100% auto;
	}
}

@media (min-width: 1922px) {
	.banner-hm-masoyise-hp-seminar {
		background: #232323 url(../../../images/banners/banner-hm-masoyise-hp-seminar-lg.jpg) left 35px no-repeat;
		background-size: auto 100%;
	}
}

/*----Home Banner World Aids Day 2020---*/
.banner-hm-wad-2020 {
	background: #eceded;
}

.banner-hm-wad-2020 .b-contentblock {
	box-shadow: 2px 2px 15px rgba(209, 1, 4, 0.2)
}

.banner-hm-wad-2020 .b-contentblock h1 {
	color: #d81f26 !important;
}

.banner-hm-wad-2020 .b-contentblock p {
	color: #333;
	margin-bottom: 0.8em;
}

.banner-hm-wad-2020 .b-contentblock p.lead {}

.banner-hm-wad-2020 .b-contentblock h5 {
	margin-bottom: 0.8em;
}

.banner-hm-wad-2020 .b-contentblock h5 span.hash-1 {
	color: #f88139;
}

.banner-hm-wad-2020 .b-contentblock h5 span.hash-2 {
	color: #a9162e;
}

.banner-hm-wad-2020 .b-contentblock .btn-default {
	background: #e45255 !important;
}

.banner-hm-wad-2020 .b-contentblock .btn-default:hover {
	background: #d91f26 !important;
}

/*----Home Banner Facts and Figures 2019---*/
.banner-hm-ff2019 {
	background: #004899 url(../../../images/banners/banner-hm-ff2019-sml.png) left top no-repeat;
	background-size: 100% auto !important;
	background-position: 30px 0 !important;
}

@media (min-width: 480px) {
	.banner-hm-ff2019 {
		background: #004899 url(../../../images/banners/banner-hm-ff2019-sml.png) left top no-repeat;
		background-position: 0px 0 !important;
		background-size: 100% auto !important;
	}
}

@media (min-width: 780px) {
	.banner-hm-ff2019 {
		background: #004899 url(../../../images/banners/banner-hm-ff2019-sml.png) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: auto 100% !important;
	}
}

@media (min-width: 992px) {
	.banner-hm-ff2019 {
		background: #004899 url(../../../images/banners/banner-hm-ff2019-md.png) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: auto 100% !important;
	}
}

@media (min-width: 1200px) {
	.banner-hm-ff2019 {
		background: #004899 url(../../../images/banners/banner-hm-ff2019-md.png) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: 100% auto !important;
	}
}

@media (min-width: 1600px) {
	.banner-hm-ff2019 {
		background: #004899 url(../../../images/banners/banner-hm-ff2019.png) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: 100% auto !important;
	}
}

@media (min-width: 1921px) {
	.banner-hm-ff2019 {
		background: #004899 url(../../../images/banners/banner-hm-ff2019-lg.png) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: auto !important;
	}
}

.banner-hm-ff2019 p.lead {
	color: #333;
}


/*--Joburg Indaba 2020--*/
.banner-hm-joburg-indaba-2020 {
	background: url(../../../images/banners/banner-hm-joburg-indaba-2020-sml.jpg) left top repeat-y;
	background-size: 100% auto;
	text-align: left;
}

@media (min-width: 480px) {
	.banner-hm-joburg-indaba-2020 {
		background: url(../../../images/banners/banner-hm-joburg-indaba-2020-sml.jpg) left top repeat-y;
		background-size: 100% auto;
	}
}

@media (min-width: 768px) {
	.banner-hm-joburg-indaba-2020 {
		background: url(../../../images/banners/banner-hm-joburg-indaba-2020-sml.jpg) left top repeat-y;
		background-size: 100% auto;
	}
}

@media (min-width: 992px) {
	.banner-hm-joburg-indaba-2020 {
		background: url(../../../images/banners/banner-hm-joburg-indaba-2020-md.jpg) left -50px repeat-y;
		background-size: 100% auto;
	}
}

@media (min-width: 1200px) {
	.banner-hm-joburg-indaba-2020 {
		background: url(../../../images/banners/banner-hm-joburg-indaba-2020.jpg) left 35px repeat-y;
		background-size: 100% auto;
	}
}

@media (min-width: 1600px) {
	.banner-hm-joburg-indaba-2020 {
		background: url(../../../images/banners/banner-hm-joburg-indaba-2020.jpg) left 35px repeat-y;
		background-size: 100% auto;
	}
}

.banner-hm-joburg-indaba-2020 .b-contentblock {
	padding: 20px 20px 20px 20px;
}

.banner-hm-joburg-indaba-2020 .b-contentblock h2 {
	color: #b8ce2a;
	padding-bottom: 12px;
	margin-bottom: 10px;
	border-bottom: 2px solid #c0d72e;
	font-size: 2.2em;
	font-weight: 800;
}

@media (min-width: 480px) {
	.banner-hm-joburg-indaba-2020 .b-contentblock h2 {
		font-size: 2.0em;
	}
}

@media (min-width: 768px) {
	.banner-hm-joburg-indaba-2020 .b-contentblock h2 {
		font-size: 2.0em;
	}
}

@media (min-width: 992px) {
	.banner-hm-joburg-indaba-2020 .b-contentblock h2.banner-hm-joburg-indaba-2020 .b-contentblock h2 {
		font-size: 2.1em;
	}
}

@media (min-width: 1200px) {
	.banner-hm-joburg-indaba-2020 .b-contentblock h2 {
		font-size: 1.9em;
	}
}

@media (min-width: 1600px) {
	.banner-hm-joburg-indaba-2020 .b-contentblock h2 {
		font-size: 2.2em;
	}
}

.banner-hm-joburg-indaba-2020 .b-contentblock h3 {
	color: #000 !important;
	text-transform: none;
}

.banner-hm-joburg-indaba-2020 .b-contentblock h3 span {
	color: #b8ce2a;
}

.banner-hm-joburg-indaba-2020 .b-contentblock p {
	color: #000 !important;
}

.banner-hm-joburg-indaba-2020 .b-contentblock p strong {
	text-transform: uppercase;
	font-weight: 800;
}

.banner-hm-joburg-indaba-2020 .b-contentblock p.lead {
	color: #000 !important;
}

.banner-hm-joburg-indaba-2020 .b-contentblock .btn-default {
	color: #000 !important;
	background: #c0d72e;
	padding: 6px 10px;
	line-height: 1.1em;
	font-size: 0.9em;
}

.banner-hm-joburg-indaba-2020 .b-contentblock .btn-default:hover {
	color: #fff !important;
	background: #000;
}

.banner-hm-joburg-indaba-2020 img {
	margin-top: 10px;
	max-width: 100%;
}

@media (min-width: 480px) {
	.banner-hm-joburg-indaba-2020 img {
		max-width: 80%;
	}
}

@media (min-width: 768px) {
	.banner-hm-joburg-indaba-2020 img {
		max-width: 80%;
	}
}

@media (min-width: 992px) {
	.banner-hm-joburg-indaba-2020 img {
		max-width: 100%;
	}
}

@media (min-width: 1200px) {
	.banner-hm-joburg-indaba-2020 img {
		max-width: 90%;
	}
}

@media (min-width: 1600px) {
	.banner-hm-joburg-indaba-2020 img {
		max-width: 100%;
	}
}


/*--Home Banner - Masoyise HP seminar--*/
.banner-hm-masoyise-hp-seminar {
	background: #232323 url(../../../images/banners/banner-hm-masoyise-hp-seminar-sml.jpg) left top no-repeat;
	background-size: 100% auto;
	text-align: left;
}

@media (min-width: 480px) {
	.banner-hm-masoyise-hp-seminar {
		background: #232323 url(../../../images/banners/banner-hm-masoyise-hp-seminar-sml.jpg) left top no-repeat;
		background-size: 100% auto;
	}
}

@media (min-width: 768px) {
	.banner-hm-masoyise-hp-seminar {
		background: #232323 url(../../../images/banners/banner-hm-masoyise-hp-seminar-sml.jpg) left top no-repeat;
		background-size: auto 100%;
	}
}

@media (min-width: 992px) {
	.banner-hm-masoyise-hp-seminar {
		background: #232323 url(../../../images/banners/banner-hm-masoyise-hp-seminar-md.jpg) left -50px no-repeat;
		background-size: auto 100%;
	}
}

@media (min-width: 1200px) {
	.banner-hm-masoyise-hp-seminar {
		background: #232323 url(../../../images/banners/banner-hm-masoyise-hp-seminar-md.jpg) -50px 35px no-repeat;
		background-size: auto 100%;
	}
}

@media (min-width: 1600px) {
	.banner-hm-masoyise-hp-seminar {
		background: #232323 url(../../../images/banners/banner-hm-masoyise-hp-seminar.jpg) 0 35px no-repeat;
		background-size: 100% auto;
	}
}

@media (min-width: 1922px) {
	.banner-hm-masoyise-hp-seminar {
		background: #232323 url(../../../images/banners/banner-hm-masoyise-hp-seminar-lg.jpg) left 35px no-repeat;
		background-size: auto 100%;
	}
}

.banner-hm-masoyise-hp-seminar .b-content {
	padding: 10vh 5% 100px;
	min-height: 748px;
}

.banner-hm-masoyise-hp-seminar .b-contentblock {
	padding: 20px 15px 20px 15px;
}


/*--National Day Women in Mining August 2020--*/
.banner-hm-nd-women-mining-2020 {
	background: url(../../../images/banners/banner-hm-nd-women-mining-2020-sm.jpg) left top no-repeat;
	background-size: 100% auto;
	text-align: left;
}

@media (min-width: 480px) {
	.banner-hm-nd-women-mining-2020 {
		background: url(../../../images/banners/banner-hm-nd-women-mining-2020-sm.jpg) left top no-repeat;
		background-size: 100% auto;
	}
}

@media (min-width: 768px) {
	.banner-hm-nd-women-mining-2020 {
		background: url(../../../images/banners/banner-hm-nd-women-mining-2020-sm.jpg) left top no-repeat;
		background-size: 100% auto;
	}
}

@media (min-width: 992px) {
	.banner-hm-nd-women-mining-2020 {
		background: url(../../../images/banners/banner-hm-nd-women-mining-2020-md.jpg) left -50px repeat-y;
		background-size: 100% auto;
	}
}

@media (min-width: 1200px) {
	.banner-hm-nd-women-mining-2020 {
		background: url(../../../images/banners/banner-hm-nd-women-mining-2020.jpg) left 35px repeat-y;
		background-size: 100% auto;
	}
}

@media (min-width: 1600px) {
	.banner-hm-nd-women-mining-2020 {
		background: url(../../../images/banners/banner-hm-nd-women-mining-2020.jpg) left 35px repeat-y;
		background-size: 100% auto;
	}
}

.b-contentblock.ndwim2020 {
	padding: 20px 20px 20px 30px;
}

.b-contentblock.ndwim2020 h1 {
	color: #97d700;
	margin-bottom: 0.2em;
	font-size: 3.0em;
	line-height: 1.0em;
	letter-spacing: -1px;
}

@media (min-width: 480px) {
	.b-contentblock.ndwim2020 h1 {
		font-size: 3.8em;
	}
}

@media (min-width: 768px) {
	.b-contentblock.ndwim2020 h1 {
		font-size: 4.8em;
	}
}

@media (min-width: 992px) {
	.b-contentblock.ndwim2020 h1 {
		font-size: 4.1em;
	}
}

@media (min-width: 1200px) {
	.b-contentblock.ndwim2020 h1 {
		font-size: 3.77em;
	}
}

@media (min-width: 1400px) {
	.b-contentblock.ndwim2020 h1 {
		font-size: 4.4em;
	}
}

@media (min-width: 1700px) {
	.b-contentblock.ndwim2020 h1 {
		font-size: 4.7em;
	}
}

@media (min-width: 1900px) {
	.b-contentblock.ndwim2020 h1 {
		font-size: 5.1em;
	}
}

.b-contentblock.ndwim2020 img {
	display: block;
	max-width: 200px;
	margin: 0 auto;
}

@media (min-width: 768px) {
	.b-contentblock.ndwim2020 img {
		max-width: 300px;
	}
}

.b-contentblock.ndwim2020 h1 span {
	color: #000;
	display: inline-block;
	margin-right: 10px;
}

.b-contentblock.ndwim2020 p {
	color: #000 !important;
	font-size: 0.8em;
	margin-bottom: 1em;
}

.b-contentblock.ndwim2020 p.lead {
	color: #000 !important;
	font-size: 1.2em;
	line-height: 1.5em;
	margin-bottom: 1.2em;
	font-weight: 500;
}

/*--.b-contentblock.ndwim2020 p.lead {color:#000 !important; font-size:0.9em; line-height:1.4em; margin-bottom:0.8em;}--*/
.b-contentblock.ndwim2020 .btn-default {
	background: #007749;
	font-size: 0.75em;
	width: 24%;
}

.b-contentblock.ndwim2020 .btn-default:hover {
	background: #000;
}

.brdr-r {
	border-right: 0px solid #000;
}

@media (min-width: 768px) {
	.brdr-r {
		border-right: 2px solid #000;
	}
}

/*--Human Rights--*/
.banner-hm-human-rights {
	background: url(../../../images/banners/banner-hm-human-rights-sml.jpg) left top no-repeat;
	background-size: 100% auto;
	text-align: left;
}

@media (min-width: 480px) {
	.banner-hm-human-rights {
		background: url(../../../images/banners/banner-hm-human-rights-sml.jpg) left top no-repeat;
		background-size: auto 100%;
	}
}

@media (min-width: 768px) {
	.banner-hm-human-rights {
		background: url(../../../images/banners/banner-hm-human-rights-md.jpg) left top no-repeat;
		background-size: auto 100%;
	}
}

@media (min-width: 992px) {
	.banner-hm-human-rights {
		background: url(../../../images/banners/banner-hm-human-rights.jpg) -100px top no-repeat;
		background-size: auto 100%;
	}
}

@media (min-width: 1200px) {
	.banner-hm-human-rights {
		background: url(../../../images/banners/banner-hm-human-rights.jpg) left top no-repeat;
		background-size: 100% auto;
	}
}

@media (min-width: 1600px) {
	.banner-hm-human-rights {
		background: url(../../../images/banners/banner-hm-human-rights.jpg) left -100px no-repeat;
		background-size: 100% auto;
	}
}

/*--B4SA--*/
.banner-hm-b4sa {
	background: url(../../../images/banners/banner-hm-b4sa-1920.jpg) left top no-repeat;
	background-size: 100% auto;
	text-align: left;
	background-position: left top;
}

@media (min-width: 480px) {
	.banner-hm-b4sa {
		background: url(../../../images/banners/banner-hm-b4sa-sml.jpg) left top no-repeat;
		background-size: auto 100%;
		background-position: left top;
	}
}

@media (min-width: 768px) {
	.banner-hm-b4sa {
		background: url(../../../images/banners/banner-hm-b4sa-sml.jpg) left top no-repeat;
		background-size: auto 100%;
		background-position: left top;
	}
}

@media (min-width: 992px) {
	.banner-hm-b4sa {
		background: url(../../../images/banners/banner-hm-b4sa-1920.jpg) left top no-repeat;
		background-size: auto 100%;
		background-position: left top;
	}
}

@media (min-width: 1200px) {
	.banner-hm-b4sa {
		background: url(../../../images/banners/banner-hm-b4sa-1920.jpg) left top no-repeat;
		background-size: 100% auto;
		background-position: left top;
	}
}


/*--B4SA video icons--*/
.b4sa-vidicons {
	background: #ededed;
	border: none;
	margin: 0 0 1.5em;
	padding: 2em 1em 1em 1.2em;
	margin-bottom: 1em !important;
}

.b4sa-vidicons img {
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	margin: 0 0 10px 0 !important;
}

.b4sa-vidicons a {
	cursor: pointer;
}


.b4sa-vidicons h5 {
	font-size: 1.2em;
	line-height: 1.2em;
	padding: 0 5.5%;
	color: #666;
}

@media (min-width: 480px) {
	.b4sa-vidicons h5 {
		font-size: 1.2em;
	}
}

@media (min-width: 768px) {
	.b4sa-vidicons h5 {
		font-size: 1.2em;
	}
}

@media (min-width: 992px) {
	.b4sa-vidicons h5 {
		font-size: 1.2em;
	}
}

@media (min-width: 1200px) {
	.b4sa-vidicons h5 {
		font-size: 1.2em;
	}
}

@media (min-width: 1600px) {
	.b4sa-vidicons h5 {
		font-size: 1.2em;
	}
}

.b4sa-vidicons p {
	font-size: 0.75em;
	line-height: 1.4em;
	padding: 0 5.5%;
}

@media (min-width: 480px) {
	.b4sa-vidicons p {
		font-size: 1em;
		line-height: 1.5em;
	}
}

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

@media (min-width: 992px) {
	.b4sa-vidicons p {
		font-size: 0.8em;
		line-height: 1.45em;
	}
}

@media (min-width: 1200px) {
	.b4sa-vidicons p {
		font-size: 0.8em;
		line-height: 1.45em;
	}
}

@media (min-width: 1600px) {
	.b4sa-vidicons p {
		font-size: 0.8em;
		line-height: 1.45em;
	}
}

.col-vidintro {
	display: block;
	vertical-align: top;
	width: 100%;
	position: relative;
	min-height: 1px;
	margin: 0 0 15px 0;
	padding: 25px 16px 20px 20px;
	height: auto;
	background: #fff;
	text-align: center;
	border: 1px solid rgba(0, 0, 0, 0.2);
}

@media (min-width: 480px) {
	.col-vidintro {
		display: block;
		width: 98%;
		margin-right: 0px;
		margin-left: 2px;
		height: auto;
	}
}

@media (min-width: 768px) {
	.col-vidintro {
		display: block;
		width: 98%;
		margin-right: 5px;
		margin-left: 5px;
		height: auto;
	}
}

@media (min-width: 992px) {
	.col-vidintro {
		display: inline-block;
		width: 65%;
		margin-right: 0.5%;
		margin-left: 0.5%;
		height: 360px;
	}
}

@media (min-width: 1200px) {
	.col-vidintro {
		display: inline-block;
		width: 48.3%;
		margin-right: 0.5%;
		margin-left: 0.5%;
		height: 360px;
	}
}

@media (min-width: 1600px) {
	.col-vidintro {
		display: inline-block;
		width: 48.3%;
		margin-right: 0.5%;
		margin-left: 0.5%;
		height: 350px;
	}
}

.col-vidintro p {
	font-size: 1.1em;
	line-height: 1.5em;
	padding: 0 3%;
	text-align: left;
	margin: 0 0 0.4em 0;
}

@media (min-width: 480px) {
	.col-vidintro p {
		font-size: 1.1em;
		line-height: 1.45em;
	}
}

@media (min-width: 768px) {
	.col-vidintro p {
		font-size: 1.1em;
		line-height: 1.45em;
	}
}

@media (min-width: 992px) {
	.col-vidintro p {
		font-size: 1.1em;
		line-height: 1.5em;
	}
}

@media (min-width: 1200px) {
	.col-vidintro p {
		font-size: 1.1em;
		line-height: 1.6em;
	}
}

@media (min-width: 1600px) {
	.col-vidintro p {
		font-size: 1.15em;
		line-height: 1.6em;
	}
}

.col-vidintro p.lead {
	font-size: 1.15em;
	font-weight: 700;
}

@media (min-width: 480px) {
	.col-vidintro p.lead {
		font-size: 1.15em;
	}
}

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

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

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

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

/*--B4SA Column for Video Icon--*/
.col-vidicon {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	position: relative;
	min-height: 1px;
	margin: 0 5px 15px 0;
	padding: 0px;
	height: auto;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.2);
}

@media (min-width: 480px) {
	.col-vidicon {
		display: inline-block;
		width: 48%;
		margin-right: 0.7%;
		margin-left: 0.7%;
		height: 350px;
	}
}

@media (min-width: 768px) {
	.col-vidicon {
		display: inline-block;
		width: 48%;
		margin-right: 0.7%;
		margin-left: 0.7%;
		height: 400px;
	}
}

@media (min-width: 992px) {
	.col-vidicon {
		display: inline-block;
		width: 31.5%;
		margin-right: 0.5%;
		margin-left: 0.5%;
		height: 360px;
	}
}

@media (min-width: 1200px) {

	.col-vidicon {
		display: inline-block;
		width: 23.5%;
		margin-right: 0.5%;
		margin-left: 0.5%;
		height: 360px;
	}
}

@media (min-width: 1600px) {
	.col-vidicon {
		display: inline-block;
		width: 23.5%;
		margin-right: 0.5%;
		margin-left: 0.5%;
		height: 350px;
	}
}

/*--B4SA video icons--
.b4sa-vidicons {background:#ededed; border: none; margin: 0 0 1.5em; padding:1.2rem 0 1em 1.2em; margin-bottom: 1em !important;}
.b4sa-vidicons img {border:1px solid rgba(0,0,0,0.7); margin:0 0 6px 0 !important;}
.b4sa-vidicons a {cursor:pointer;}
.b4sa-vidicons h5 {font-size:1.0em; line-height:1.2em;}
.b4sa-vidicons p {font-size:0.8em; line-height:1.25em;}
*/
/*--B4SA Column for Video Icon--
.col-vidicon {float:left; width:100%; position:relative; min-height:1px; padding-right:0px; padding-left:0px; height:auto; background:#fff;}
@media (min-width: 480px) { .col-vidicon {float:left; width:100%; padding-right:0px; padding-left:0px; height:auto; } }
@media (min-width: 768px) { .col-vidicon {float:left; width:50%; padding-right:15px; padding-left:0px; height:280px; } }
@media (min-width: 992px) { .col-vidicon {float:left; width:50%; padding-right:15px; padding-left:0px; height:280px; } }
@media (min-width: 1200px) { .col-vidicon {float:left; width:19%; padding-right:15px; padding-left:0px; height:270px; } }
*/


/*--B4SA--
.banner-hm-b4sa {background:url(../../../images/banners/banner-hm-b4sa-1920.jpg) left top no-repeat; background-size:100% auto; text-align:left;  background-position:left top;}
@media (min-width: 480px) { .banner-hm-b4sa {background-size:auto 100%; background-position:left top;} }
@media (min-width: 768px) { .banner-hm-b4sa {background-size:auto 100%; background-position:left top;} }
@media (min-width: 992px) { .banner-hm-b4sa {background-size:auto 100%; background-position:left top;} }
@media (min-width: 1200px) { .banner-hm-b4sa {background-size:100% auto; background-position:left top;} }
*/
/*--Quarterly July 2020--*/
.qrtrly-july-2020 {
	background: url(../../../images/banners/banner-qrtrly-july-2020-1920.jpg) left top no-repeat;
	background-size: 100% auto;
	text-align: left;
	background-position: left top;
}

@media (min-width: 480px) {
	.qrtrly-july-2020 {
		background-size: auto 100%;
		background-position: left top;
	}
}

@media (min-width: 768px) {
	.qrtrly-july-2020 {
		background-size: auto 100%;
		background-position: left top;
	}
}

@media (min-width: 992px) {
	.qrtrly-july-2020 {
		background-size: auto 100%;
		background-position: left top;
	}
}

@media (min-width: 1200px) {
	.qrtrly-july-2020 {
		background-size: 100% auto;
		background-position: left -30px;
	}
}

/*--Custom Home banner AIR2019--*/
.safety-health-2020 {
	background: #007e4d url(../../../images/banners/banner-safety-health-2020-1920.jpg) left top repeat;
	background-size: 100% auto;
	text-align: left;
	background-position: left top;
}

@media (min-width: 480px) {
	.safety-health-2020 {
		background-size: auto 100%;
		background-position: left top;
	}
}

@media (min-width: 768px) {
	.safety-health-2020 {
		background-size: auto 100%;
		background-position: left top;
	}
}

@media (min-width: 992px) {
	.safety-health-2020 {
		background-size: auto 100%;
		background-position: left top;
	}
}

@media (min-width: 1200px) {
	.safety-health-2020 {
		background-size: 100% auto;
		background-position: left -30px;
	}
}

.safety-health-2020 a {
	text-decoration: none;
}

.safety-health-2020 img {
	border: 1px solid #ccc;
	margin: 0 0 5px 0;
}

.safety-health-2020 p.imgp {
	line-height: 0.5em !important;
	font-size: 1em;
	font-weight: 700;
	margin-bottom: 15px;
}

.safety-health-2020 p.imgp a {
	display: block;
	line-height: 1.2em !important;
	font-size: 0.75em;
	font-weight: 700;
	margin: 0;
	padding: 0;
}

.safety-health-2020 a:hover {
	text-decoration: underline;
}

a.img-a {
	line-height: 0.5em !important;
	font-size: 0.85em;
	font-weight: 700;
	margin-bottom: 10px;
}

.safety-health-2020 a:hover {
	text-decoration: underline;
}


/*--Custom Home banner AIR2019--*/
.air2019 {
	background: #007e4d url(../../../images/banners/hm-bg-air2019.png) left top repeat;
	background-size: 100% auto;
	text-align: left;
}

.air2019 .b-content {
	height: auto;
	min-height: 300px;
	text-align: left;
	padding: 40px 2% 50px 2%;
}

@media (min-width: 480px) {
	.air2019 .b-content {
		padding: 40px 3% 50px 3%;
		min-height: 748px;
	}
}

@media (min-width: 768px) {
	.air2019 .b-content {
		padding: 40px 3% 50px 3%;
		min-height: 748px;
	}
}

@media (min-width: 992px) {
	.air2019 .b-content {
		padding: 5vh 3% 50px 0;
		min-height: 748px;
	}
}

@media (min-width: 1200px) {
	.air2019 .b-content {
		padding: 10vh 3% 50px 0;
		min-height: 748px;
	}
}

@media (min-width: 1600px) {
	.air2019 .b-content {
		padding: 10vh 3% 100px;
		min-height: 748px;
	}
}

@media (min-width: 1920px) {
	.air2019 .b-content {
		padding: 12vh 3% 100px;
		min-height: 748px;
	}
}

.air2019 .report {
	padding: 0;
}

.air2019 .report img {
	max-height: 600px;
}

.air2019 .report p {
	text-align: center;
	color: #fff;
	margin: 10px 0 0;
}

.air2019 .report p a {
	color: #fff;
}

.air2019 .b-contentblock {
	padding: 30px 30px 30px 30px;
}

.air2019 .b-contentblock h4 {
	color: #000;
	margin-bottom: 0.6em;
	text-transform: uppercase;
}

.air2019 .b-contentblock p {
	color: #666;
}

.air2019 .b-contentblock p.lead {
	color: #666;
}

.air2019 .b-contentblock a {
	color: #ee2b37;
	text-decoration: underline;
}

/*--Custom Home banner Covid-19--V2-Light Blue*/
.covid19 {
	background: #6babe5 left top repeat;
	background-size: 100% auto;
	text-align: left;
}

.sagov-covid {
	display: block;
	margin: 0px 0 10px 0;
	padding: 0;
	background: none;
}

.sagov-covid h5 {
	color: #0054a6;
	text-transform: uppercase;
	margin: 0;
	font-weight: 700;
	font-size: 0.9em;
	line-height: 1.5em;
	text-align: center;
}

.sagov-covid h5 a {
	color: #0054a6 !important;
}

.sagov-covid h5 a:hover {
	color: #0054a6 !important;
}


.covid19 .b-content {
	height: auto;
	min-height: 400px;
	text-align: left;
	padding: 40px 2% 50px 2%;
}

@media (min-width: 480px) {
	.covid19 .b-content {
		padding: 40px 3% 50px 3%;
		min-height: 400px;
	}
}

@media (min-width: 768px) {
	.covid19 .b-content {
		padding: 40px 3% 50px 3%;
		min-height: 400px;
	}
}

@media (min-width: 992px) {
	.covid19 .b-content {
		padding: 5vh 3% 50px 0;
		min-height: 400px;
	}
}

@media (min-width: 1200px) {
	.covid19 .b-content {
		padding: 15vh 3% 50px 0;
		min-height: 400px;
	}
}

@media (min-width: 1600px) {
	.covid19 .b-content {
		padding: 20vh 5% 100px;
		min-height: 400px;
	}
}

@media (min-width: 1920px) {
	.covid19 .b-content {
		padding: 20vh 5% 100px;
		min-height: 400px;
	}
}

.covid19 .b-contentblock h4 {
	color: #0054a6;
	margin-bottom: 0.6em;
}

.covid19 .b-contentblock p {
	color: #0054a6;
	font-weight: 400;
}

.covid19 .b-contentblock p.lead {
	color: #0054a6;
	font-weight: 700;
}

.covid19 .b-contentblock a {
	color: #0054a6;
	text-decoration: underline;
}

.logo-covid {
	margin: 100px auto 0 auto;
	width: 70%;
}

@media (min-width: 480px) {
	.logo-covid {
		margin: 10vh auto 0 auto;
		width: 70%;
	}
}

@media (min-width: 768px) {
	.logo-covid {
		margin: 10vh auto 0 auto;
		width: 85%;
	}
}

@media (min-width: 992px) {
	.logo-covid {
		margin: 25vh auto 0 auto;
		width: 90%;
	}
}

@media (min-width: 1200px) {
	.logo-covid {
		margin: 25vh auto 0 auto;
		width: 80%;
	}
}

@media (min-width: 1600px) {
	.logo-covid {
		margin: 25vh auto 0 auto;
		width: 80%;
	}
}

.covid19 .hilite {
	display: block;
	margin: 0px 0 10px 0;
	padding: 12px 12px;
	background: #0054a6;
}

/*--Custom Home banner Covid-19--V1-Red--*/
/*--
.covid19 {background:#ee2b37 url(../../../images/banners/hm-bg-covid19.png) left top repeat; background-size:100% auto; text-align:left; }

.sagov-covid {display:block; margin:0px 0 10px 0; padding:0; background:none;}
.sagov-covid h5 {color:#ed2636; text-transform:uppercase; margin:0; font-weight:700; font-size:0.9em; line-height:1.5em; text-align:center;}
.sagov-covid h5 a {color:#ed2636 !important;}
.sagov-covid h5 a:hover {color:#000 !important;}

.covid19 .b-contentblock h4 {color:#ee2b37; margin-bottom:0.6em; }
.covid19 .b-contentblock p {color:#ee2b37; }
.covid19 .b-contentblock p.lead {color:#ee2b37; }
.covid19 .b-contentblock a {color:#ee2b37; text-decoration: underline;}

.logo-covid {margin:100px auto 0 auto; width:70%;}
@media (min-width: 480px) { .logo-covid {margin:10vh auto 0 auto; width:70%;} }
@media (min-width: 768px) { .logo-covid {margin:10vh auto 0 auto; width:85%;} }
@media (min-width: 992px) { .logo-covid {margin:32vh auto 0 auto; width:90%;} }
@media (min-width: 1200px) { .logo-covid {margin:33vh auto 0 auto; width:80%;} }
@media (min-width: 1600px) { .logo-covid {margin:35vh auto 0 auto; width:80%;} }
--*/


/*--FIRST BANNER SYSTEM--*/

/*--Banner Colour Coding--*/
/*--Red--*/
.bb-red {
	background: #ee2b37;
}

.bb-red h1 {
	color: #ae122a;
}

/*--DRed--*/
.bb-red h2 {
	color: #ee2b37;
}

/*--Red--*/
.bb-red h3 {
	color: #000;
}

.bb-red h4 {
	color: #ee2b37;
}

.bb-red h5 {
	color: #ee2b37;
}

.bb-red p {
	color: #666;
}

.bb-red p.lead {
	color: #ee2b37;
}

.bb-red a {
	color: #ee2b37;
	text-decoration: underline;
}

.bb-red .btn-default {
	border-radius: 0;
	color: #f5823c;
	background: #af122a;
	font-size: 0.75em;
	margin: 10px 0 10px 0;
}

.bb-red .btn-default.feature {
	color: #ee2b37 !important;
}

.bb-red .bblock-icon {
	background: #af122a;
}

.bb-red .bblock-icon.red2 {
	background: #f5823c;
}

/*--Blue--*/
.bb-blue {
	background: #0055a6;
}

.bb-blue .btn-default {
	border-radius: 0;
	color: #0055a6;
	background: #72addf;
	font-size: 0.8em;
	margin: 10px 0 10px 0;
}

.bb-blue .bblock-icon {
	background: #72addf;
}

.bb-blue .bblock-icon.blue2 {
	color: #00213f;
}

/*--Green--*/
.bb-green {
	background: #00ad69;
}

.bb-green .btn-default {
	border-radius: 0;
	color: #fff;
	background: #007749;
	font-size: 0.8em;
	margin: 10px 0 10px 0;
}

.bb-green .bblock-icon {
	background: #007749;
}

.bb-green .bblock-icon.green2 {
	background: #97d700;
}

/*--Yellow--*/
.bb-yellow {
	background: #e18127;
}

.bb-yellow .btn-default {
	border-radius: 0;
	color: #d37824;
	background: #fedb00;
	font-size: 0.8em;
	margin: 10px 0 10px 0;
}

.bb-yellow .bblock-icon {
	background: #feb818;
}

.bb-yellow .bblock-icon.yellow2 {}


/*   
.carousel-inner .item {height:auto; min-height:900px; padding-right:0px; padding-left:0px; text-align: right; background-position:left top; background-size:auto 100%; }
@media (min-width: 480px) { .carousel-inner .item {height:auto; min-height:auto; background-position:left top; background-size:auto; } }
@media (min-width: 768px) { .carousel-inner .item {height:80vh; min-height:750px; background-position:left top; background-size:auto;  } }
@media (min-width: 992px) { .carousel-inner .item {height:80vh; min-height:750px; background-position:left top; background-size:auto; } }
@media (min-width: 1200px) {.carousel-inner .item {height:80vh; min-height:600px; background-position:left top; background-size:auto;  } }
@media (min-width: 1600px) {.carousel-inner .item {height:90vh; min-height:750px; background-position:left top; background-size:auto; } }  */

/*--END NEW BANNER SYSTEM--*/

/*
Standard 19" desktop
	Browser window size: 1280 x 881
	Screen size: 1280 x 1024

HD laptop
	Current:
	Browser window size: 1536 x 722
	Screen size: 1536 x 864

HD Monitor	
	Browser window size: 1920 x 937
	Screen size: 1920 x 1080

4k Monitor (Werner)
	Browser window size: 2521 x 1305
	Screen size: 2560 x 1440
*/

/*--Banner AGM 2020--*/
.banner-hm-agm-2020 {
	background: #7b0d1d url(../../../images/banners/banner-hm-agm-2020.jpg) left -30px no-repeat;
	background-size: 140% auto !important;
	background-position: left -30px;
}

@media (min-width: 480px) {
	.banner-hm-agm-2020 {
		background: #7b0d1d url(../../../images/banners/banner-hm-agm-2020.jpg) left -30px no-repeat;
		background-size: 160% auto !important;
		background-position: left -30px;
	}
}

@media (min-width: 750px) {
	.banner-hm-agm-2020 {
		background: #7b0d1d url(../../../images/banners/banner-hm-agm-2020-sml.jpg) left top no-repeat;
		background-size: 80% auto !important;
		background-position: left top !important
	}
}

@media (min-width: 768px) {
	.banner-hm-agm-2020 {
		background: #7b0d1d url(../../../images/banners/banner-hm-agm-2020-sml.jpg) left top no-repeat;
		background-size: 70% auto !important;
		background-position: left top !important;
	}
}

@media (min-width: 992px) {
	.banner-hm-agm-2020 {
		background: #7b0d1d url(../../../images/banners/banner-hm-agm-2020-sml.jpg) left top no-repeat;
		background-size: 70% auto !important;
		background-position: left top !important;
	}
}

@media (min-width: 1200px) {
	.banner-hm-agm-2020 {
		background: #7b0d1d url(../../../images/banners/banner-hm-agm-2020.jpg) left 8vh no-repeat;
		background-size: 88% auto !important;
		background-position: left 8vh !important;
	}
}

@media (min-width: 1500px) {
	.banner-hm-agm-2020 {
		background: #7b0d1d url(../../../images/banners/banner-hm-agm-2020.jpg) left top no-repeat;
		background-size: 95% auto !important;
		background-position: left top !important;
	}
}

@media (min-width: 1922px) {
	.banner-hm-agm-2020 {
		background: #7b0d1d url(../../../images/banners/banner-hm-agm-2020-lg.jpg) left 30px no-repeat;
		background-size: 100% auto !important;
		background-position: left 30px !important;
	}
}


/*--COVID-19 Return to work--*/
.banner-hm-covid-19-return-to-work {
	background: #fff url(../../../images/banners/banner-hm-covid-19-return-to-work-xs.jpg) left top no-repeat;
	background-size: 100% auto !important;
	background-position: left top !important;
}

@media (min-width: 480px) {
	.banner-hm-covid-19-return-to-work {
		background: #fff url(../../../images/banners/banner-hm-covid-19-return-to-work-xs.jpg) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: 100% auto !important;
	}
}

@media (min-width: 768px) {
	.banner-hm-covid-19-return-to-work {
		background: #fff url(../../../images/banners/banner-hm-covid-19-return-to-work-sm.jpg) left top no-repeat;
		background-position: -200px 0px !important;
		background-size: auto !important;
	}
}

@media (min-width: 992px) {
	.banner-hm-covid-19-return-to-work {
		background: #fff url(../../../images/banners/banner-hm-covid-19-return-to-work-sm.jpg) left top no-repeat;
		background-position: -100px 0px !important;
		background-size: auto !important;
	}
}

@media (min-width: 1200px) {
	.banner-hm-covid-19-return-to-work {
		background: #fff url(../../../images/banners/banner-hm-covid-19-return-to-work-md.jpg) left top no-repeat;
		background-position: -200px 0px !important;
		background-size: 100% auto !important;
	}
}

@media (min-width: 1500px) {
	.banner-hm-covid-19-return-to-work {
		background: #fff url(../../../images/banners/banner-hm-covid-19-return-to-work.jpg) left top no-repeat;
		background-position: -600px 0px !important;
		background-size: auto !important;
	}
}

@media (min-width: 1920px) {
	.banner-hm-covid-19-return-to-work {
		background: #fff url(../../../images/banners/banner-hm-covid-19-return-to-work-lg.jpg) left top no-repeat;
		background-position: -200px 0px !important;
		background-size: 100% auto !important;
	}
}


/*--Banner Calls for corona virus--*/
.banner-hm-convid-19-2020 {
	background: #ae122a url(../../../images/banners/banner-hm-convid-19-2020-xs.png) center 20px no-repeat !important;
	background-size: 90% auto !important;
}

@media (min-width: 400px) {
	.banner-hm-convid-19-2020 {
		background: #ae122a url(../../../images/banners/banner-hm-convid-19-2020-xs.png) center 20px no-repeat !important;
		background-size: 100% auto !important;
	}
}

@media (min-width: 750px) {
	.banner-hm-convid-19-2020 {
		background: #ae122a url(../../../images/banners/banner-hm-covid-19-sm.png) 0px top no-repeat !important;
		background-size: 60% auto !important;
	}
}

@media (min-width: 920px) {
	.banner-hm-convid-19-2020 {
		background: #ae122a url(../../../images/banners/banner-hm-covid-19-md.png) left top no-repeat !important;
		background-size: 100% auto !important;
	}
}

@media (min-width: 1200px) {
	.banner-hm-convid-19-2020 {
		background: #ae122a url(../../../images/banners/banner-hm-covid-19-std.png) left top no-repeat !important;
		background-size: 100% !important;
	}
}

@media (min-width: 1500px) {
	.banner-hm-convid-19-2020 {
		background: #ae122a url(../../../images/banners/banner-hm-covid-19-xlg.png) 0px top no-repeat !important;
		background-size: 90% !important;
	}
}

@media (min-width: 1920px) {
	.banner-hm-convid-19-2020 {
		background: #ae122a url(../../../images/banners/banner-hm-covid-19-xlg.png) left 0 no-repeat !important;
		background-size: 90% !important;
	}
}

/*--Banner Calls for corona virus--
.banner-hm-convid-19-2020 {background:#000 url(../../../images/banners/banner-hm-convid-19-2020-xs.png) left -20px no-repeat !important; background-size:90% auto !important;}
@media (min-width: 480px) { .banner-hm-convid-19-2020 {background:#000 url(../../../images/banners/banner-hm-convid-19-2020-sml.png) left -0px no-repeat !important;background-size:80% auto !important; } }
@media (min-width: 750px) { .banner-hm-convid-19-2020 {background:#000 url(../../../images/banners/banner-hm-convid-19-2020-sml.png) -200px top no-repeat !important;background-size:100% auto !important; } }
@media (min-width: 768px) { .banner-hm-convid-19-2020 {background:#000 url(../../../images/banners/banner-hm-convid-19-2020-sml.png) -350px top no-repeat !important; background-size:100% auto !important; } }
@media (min-width: 992px) { .banner-hm-convid-19-2020 {background:#000 url(../../../images/banners/banner-hm-convid-19-2020-md.png) -250px top no-repeat !important;background-size:100% auto !important; } }
@media (min-width: 1200px) { .banner-hm-convid-19-2020 {background:#000 url(../../../images/banners/banner-hm-convid-19-2020-md.png) -250px top no-repeat !important;background-size:auto !important; } }
@media (min-width: 1500px) { .banner-hm-convid-19-2020 {background:#000 url(../../../images/banners/banner-hm-convid-19-2020.png) 0px top no-repeat !important;background-size:auto !important; } }
@media (min-width: 1922px) { .banner-hm-convid-19-2020 {background:#000 url(../../../images/banners/banner-hm-convid-19-2020-lg.png) left 0 no-repeat !important;}  }
*/

/*--Banner Calls for women in mining 2020--*/
.banner-hm-women-in-mining-2020 {
	background: #000 url(../../../images/banners/banner-hm-women-in-mining-2020-xs.jpg) left -20px no-repeat !important;
	background-size: 90% auto !important;
}

@media (min-width: 480px) {
	.banner-hm-women-in-mining-2020 {
		background: #000 url(../../../images/banners/banner-hm-women-in-mining-2020-sml.jpg) left -0px no-repeat !important;
		background-size: 80% auto !important;
	}
}

@media (min-width: 750px) {
	.banner-hm-women-in-mining-2020 {
		background: #000 url(../../../images/banners/banner-hm-women-in-mining-2020-sml.jpg) -200px top no-repeat !important;
		background-size: 100% auto !important;
	}
}

@media (min-width: 768px) {
	.banner-hm-women-in-mining-2020 {
		background: #000 url(../../../images/banners/banner-hm-women-in-mining-2020-sml.jpg) -350px top no-repeat !important;
		background-size: 100% auto !important;
	}
}

@media (min-width: 992px) {
	.banner-hm-women-in-mining-2020 {
		background: #000 url(../../../images/banners/banner-hm-women-in-mining-2020-md.jpg) -250px top no-repeat !important;
		background-size: 100% auto !important;
	}
}

@media (min-width: 1200px) {
	.banner-hm-women-in-mining-2020 {
		background: #000 url(../../../images/banners/banner-hm-women-in-mining-2020-md.jpg) -250px top no-repeat !important;
		background-size: auto !important;
	}
}

@media (min-width: 1500px) {
	.banner-hm-women-in-mining-2020 {
		background: #000 url(../../../images/banners/banner-hm-women-in-mining-2020.jpg) 0px top no-repeat !important;
		background-size: auto !important;
	}
}

@media (min-width: 1922px) {
	.banner-hm-women-in-mining-2020 {
		background: #000 url(../../../images/banners/banner-hm-women-in-mining-2020-lg.jpg) left 0 no-repeat !important;
	}
}


/*--Banner women abuse--*/
.banner-hm-women-abuse {
	background: #ed2636 url(../../../images/banners/banner-hm-women-abuse-2020-xs.png) left top no-repeat;
	background-size: 100% auto !important;
	background-position: left top !important;
}

@media (min-width: 480px) {
	.banner-hm-women-abuse {
		background: #e7e7e8 url(../../../images/banners/banner-hm-women-abuse-2020-xs.png) left top no-repeat;
		background-position: left top !important;
		background-size: 100% auto !important;
	}
}

@media (min-width: 780px) {
	.banner-hm-women-abuse {
		background: #e7e7e8 url(../../../images/banners/banner-hm-women-abuse-2020-sml.png) left top no-repeat;
		background-position: left top !important;
		background-size: 50% auto !important;
	}
}

@media (min-width: 992px) {
	.banner-hm-women-abuse {
		background: #e7e7e8 url(../../../images/banners/banner-hm-women-abuse-2020-md2.png) left top no-repeat;
		background-position: left top !important;
		background-size: 80% auto !important;
	}
}

@media (min-width: 1200px) {
	.banner-hm-women-abuse {
		background: #e7e7e8 url(../../../images/banners/banner-hm-women-abuse-2020-md.png) left top no-repeat;
		background-position: left top !important;
		background-size: 90% auto !important;
	}
}

@media (min-width: 1600px) {
	.banner-hm-women-abuse {
		background: #e7e7e8 url(../../../images/banners/banner-hm-women-abuse-2020.png) left top no-repeat;
		background-position: left top !important;
		background-size: auto !important;
	}
}

@media (min-width: 1921px) {
	.banner-hm-women-abuse {
		background: #e7e7e8 url(../../../images/banners/banner-hm-women-abuse-2020-lg.png) left top no-repeat;
		background-position: left top !important;
		background-size: auto !important;
	}
}


/*--Banner women abuse--*/
/*--
.banner-hm-women-abuse {background:#ed2636 url(../../../images/banners/banner-hm-women-abuse-2020-xs.png) left top no-repeat; background-size:100% auto !important; background-position:left top !important;}

@media (min-width: 480px) { .banner-hm-women-abuse {background:#e7e7e8 url(../../../images/banners/banner-hm-women-abuse-2020-xs.png) left top no-repeat; background-position:left top !important; background-size:100% auto !important;} }

@media (min-width: 780px) { .banner-hm-women-abuse {background:#e7e7e8 url(../../../images/banners/banner-hm-women-abuse-2020-sml.png) left top no-repeat; background-position:left top !important; background-size:80% auto !important; } }

@media (min-width: 992px) { .banner-hm-women-abuse {background:#e7e7e8 url(../../../images/banners/banner-hm-women-abuse-2020-md.png) left top no-repeat; background-position:left top !important; background-size:90% auto !important; } }

@media (min-width: 1200px) { .banner-hm-women-abuse {background:#e7e7e8 url(../../../images/banners/banner-hm-women-abuse-2020-md.png) left top no-repeat; background-position:left top !important; background-size:100% auto !important; } }

@media (min-width: 1600px) { .banner-hm-women-abuse {background:#e7e7e8 url(../../../images/banners/banner-hm-women-abuse-2020.png) left top no-repeat; background-position:left top !important; background-size:auto !important; } }

@media (min-width: 1921px) { .banner-hm-women-abuse {background:#e7e7e8 url(../../../images/banners/banner-hm-women-abuse-2020-lg.png) left top no-repeat; background-position:left top !important; background-size:auto !important;  } }
--*/

/*--Banner Calls for conservative budget 2020--*/
.banner-hm-conservative-budget-2020 {
	background: #000 url(../../../images/banners/banner-hm-conservative-budget-2020-xs.jpg) left 0px no-repeat !important;
	background-size: 100% auto !important;
}

@media (min-width: 480px) {
	.banner-hm-conservative-budget-2020 {
		background: #000 url(../../../images/banners/banner-hm-conservative-budget-2020-sml.jpg) left -0px no-repeat !important;
		background-size: 100% auto !important;
	}
}

@media (min-width: 750px) {
	.banner-hm-conservative-budget-2020 {
		background: #000 url(../../../images/banners/banner-hm-conservative-budget-2020-sml.jpg) -200px top no-repeat !important;
		background-size: 100% auto !important;
	}
}

@media (min-width: 768px) {
	.banner-hm-conservative-budget-2020 {
		background: #000 url(../../../images/banners/banner-hm-conservative-budget-2020-sml.jpg) -350px top no-repeat !important;
		background-size: 100% auto !important;
	}
}

@media (min-width: 992px) {
	.banner-hm-conservative-budget-2020 {
		background: #000 url(../../../images/banners/banner-hm-conservative-budget-2020-md.jpg) -250px top no-repeat !important;
		background-size: 100% auto !important;
	}
}

@media (min-width: 1200px) {
	.banner-hm-conservative-budget-2020 {
		background: #000 url(../../../images/banners/banner-hm-conservative-budget-2020-md.jpg) -250px top no-repeat !important;
		background-size: auto !important;
	}
}

@media (min-width: 1600px) {
	.banner-hm-conservative-budget-2020 {
		background: #000 url(../../../images/banners/banner-hm-conservative-budget-2020.jpg) 0px top no-repeat !important;
		background-size: auto !important;
	}
}

@media (min-width: 1922px) {
	.banner-hm-conservative-budget-2020 {
		background: #000 url(../../../images/banners/banner-hm-conservative-budget-2020-lg.jpg) left 20px no-repeat !important;
		background-size: auto !important;
	}
}


/*--Banner - 10Feb2020 - SONA critical action-*/
.banner-hm-sona-critical {
	background: #ed2835 url(../../../images/banners/banner-hm-sona-critical-xs.png) left top no-repeat;
	background-size: 100% auto !important;
	background-position: left top !important;
}

@media (min-width: 480px) {
	.banner-hm-sona-critical {
		background: #ed2835 url(../../../images/banners/banner-hm-sona-critical-xs.png) left top no-repeat;
		background-position: left top !important;
		background-size: 100% auto !important;
	}
}

@media (min-width: 780px) {
	.banner-hm-sona-critical {
		background: #ed2835 url(../../../images/banners/banner-hm-sona-critical-sml.png) left top no-repeat;
		background-position: left top !important;
		background-size: 80% auto !important;
	}
}

@media (min-width: 992px) {
	.banner-hm-sona-critical {
		background: #ed2835 url(../../../images/banners/banner-hm-sona-critical-md.png) left top no-repeat;
		background-position: left top !important;
		background-size: 90% auto !important;
	}
}

@media (min-width: 1200px) {
	.banner-hm-sona-critical {
		background: #ed2835 url(../../../images/banners/banner-hm-sona-critical-md.png) left top no-repeat;
		background-position: left top !important;
		background-size: 100% auto !important;
	}
}

@media (min-width: 1600px) {
	.banner-hm-sona-critical {
		background: #ed2835 url(../../../images/banners/banner-hm-sona-critical.png) left top no-repeat;
		background-position: left top !important;
		background-size: auto !important;
	}
}

@media (min-width: 1925px) {
	.banner-hm-sona-critical {
		background: #ed2835 url(../../../images/banners/banner-hm-sona-critical-lg.png) left top no-repeat;
		background-position: left top !important;
		background-size: auto !important;
	}
}


/*--Banner - 13 Feb2020 - RCA announcement --*/
.banner-hm-rca-announcement {
	background: #4489c8 url(../../../images/banners/banner-rca-announcement-xs.png) left top no-repeat;
	background-size: 100% auto !important;
	background-position: left top !important;
}




/*--Banner Mining Indaba 2020--Only background landscape pic--*/
.banner-hm-indaba-2020 {
	background: #ed2636 url(../../../images/banners/banner-hm-indaba-2020-xs.png) left top no-repeat;

	background-size: 100% auto !important;
	background-position: left top !important;
}

@media (min-width: 480px) {
	.banner-hm-indaba-2020 {
		background: #ed2636 url(../../../images/banners/banner-hm-indaba-2020-xs.png) left top no-repeat;
		background-position: left top !important;
		background-size: 100% auto !important;
	}
}

@media (min-width: 780px) {
	.banner-hm-indaba-2020 {
		background: #ed2636 url(../../../images/banners/banner-hm-indaba-2020-sml.png) left top no-repeat;
		background-position: left top !important;
		background-size: 80% auto !important;
	}
}

@media (min-width: 992px) {
	.banner-hm-indaba-2020 {
		background: #ed2636 url(../../../images/banners/banner-hm-indaba-2020-md.png) left top no-repeat;
		background-position: left top !important;
		background-size: 90% auto !important;
	}
}

@media (min-width: 1200px) {
	.banner-hm-indaba-2020 {
		background: #ed2636 url(../../../images/banners/banner-hm-indaba-2020-md.png) left top no-repeat;
		background-position: left top !important;
		background-size: 100% auto !important;
	}
}

@media (min-width: 1600px) {
	.banner-hm-indaba-2020 {
		background: #ed2636 url(../../../images/banners/banner-hm-indaba-2020.png) left top no-repeat;
		background-position: left top !important;
		background-size: auto !important;
	}
}

@media (min-width: 1921px) {
	.banner-hm-indaba-2020 {
		background: #ed2636 url(../../../images/banners/banner-hm-indaba-2020-lg.png) left top no-repeat;
		background-position: left top !important;
		background-size: auto !important;
	}
}


/*----Banner Facts & Figures 2019 Pocketbook - GREEN ---*/
.banner-hm-ff2019-2-pocketbook {
	background: #00ad69 url(../../../images/banners/banner-hm-ff2019-pocketbook-2-xs.png) left top no-repeat;
	background-size: 100% auto !important;
	background-position: 30px 0 !important;
}

@media (min-width: 480px) {
	.banner-hm-ff2019-2-pocketbook {
		background: #00ad69 url(../../../images/banners/banner-hm-ff2019-pocketbook-2-xs.png) left top no-repeat;
		background-position: 0px 0 !important;
		background-size: 100% auto !important;
	}
}

@media (min-width: 780px) {
	.banner-hm-ff2019-2-pocketbook {
		background: #00ad69 url(../../../images/banners/banner-hm-ff2019-pocketbook-2-sml.png) left top no-repeat;
		background-position: 0px 30px !important;
		background-size: 80% auto !important;
	}
}

@media (min-width: 992px) {
	.banner-hm-ff2019-2-pocketbook {
		background: #00ad69 url(../../../images/banners/banner-hm-ff2019-pocketbook-2-md.png) left top no-repeat;
		background-position: 0px 30px !important;
		background-size: 90% auto !important;
	}
}

@media (min-width: 1200px) {
	.banner-hm-ff2019-2-pocketbook {
		background: #00ad69 url(../../../images/banners/banner-hm-ff2019-pocketbook-2-md.png) left top no-repeat;
		background-position: 0px 35px !important;
		background-size: 100% auto !important;
	}
}

@media (min-width: 1600px) {
	.banner-hm-ff2019-2-pocketbook {
		background: #00ad69 url(../../../images/banners/banner-hm-ff2019-pocketbook-2.png) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: auto !important;
	}
}

@media (min-width: 1921px) {
	.banner-hm-ff2019-2-pocketbook {
		background: #00ad69 url(../../../images/banners/banner-hm-ff2019-pocketbook-2-lg.png) left top no-repeat;
		background-position: 0px 30px !important;
		background-size: auto !important;
	}
}



/*--Banner Quarterly Update December 2019--*/
.banner-hm-quarterly-dec2019 {
	background: #000 url(../../../images/banners/banner-hm-quarterly-dec2019-sml.jpg) left -20px no-repeat !important;
	background-size: 100% auto !important;
}

@media (min-width: 480px) {
	.banner-hm-quarterly-dec2019 {
		background: #000 url(../../../images/banners/banner-hm-quarterly-dec2019-sml.jpg) left -80px no-repeat !important;
		background-size: 100% auto !important;
	}
}

@media (min-width: 750px) {
	.banner-hm-quarterly-dec2019 {
		background: #000 url(../../../images/banners/banner-hm-quarterly-dec2019-sml.jpg) left top no-repeat !important;
		background-size: 100% auto !important;
	}
}

@media (min-width: 768px) {
	.banner-hm-quarterly-dec2019 {
		background: #000 url(../../../images/banners/banner-hm-quarterly-dec2019-sml.jpg) -90px top no-repeat !important;
		background-size: 55% auto !important;
	}
}

@media (min-width: 992px) {
	.banner-hm-quarterly-dec2019 {
		background: #000 url(../../../images/banners/banner-hm-quarterly-dec2019-sml.jpg) -150px top no-repeat !important;
		background-size: 70% auto !important;
	}
}

@media (min-width: 1200px) {
	.banner-hm-quarterly-dec2019 {
		background: #000 url(../../../images/banners/banner-hm-quarterly-dec2019.jpg) -140px top no-repeat !important;
		background-size: 125% auto !important;
	}
}

@media (min-width: 1500px) {
	.banner-hm-quarterly-dec2019 {
		background: #000 url(../../../images/banners/banner-hm-quarterly-dec2019.jpg) left top no-repeat !important;
		background-size: 110% auto !important;
	}
}

@media (min-width: 1922px) {
	.banner-hm-quarterly-dec2019 {
		background: #000 url(../../../images/banners/banner-hm-quarterly-dec2019-lg.jpg) left 0 no-repeat !important;
		background-size: auto !important;
	}
}

/*----Banner World Aid Day ---*/
.banner-hm-aids-day-2019 {
	background: #fff url(../../../images/banners/banner-hm-aids-day-2019.jpg) left top no-repeat;
	background-size: 100% auto !important;
	background-position: 70px 30px !important;
}

@media (min-width: 480px) {
	.banner-hm-aids-day-2019 {
		background: #fff url(../../../images/banners/banner-hm-aids-day-2019.jpg) left top no-repeat;
		background-position: 90px 20px !important;
		background-size: 100% auto !important;
	}
}

@media (min-width: 780px) {
	.banner-hm-aids-day-2019 {
		background: #fff url(../../../images/banners/banner-hm-aids-day-2019-sml.jpg) left top no-repeat;
		background-position: 0px 30px !important;
		background-size: 60% auto !important;
	}
}

@media (min-width: 992px) {
	.banner-hm-aids-day-2019 {
		background: #fff url(../../../images/banners/banner-hm-aids-day-2019-sml.jpg) left top no-repeat;
		background-position: 0px 30px !important;
		background-size: 90% auto !important;
	}
}

@media (min-width: 1200px) {
	.banner-hm-aids-day-2019 {
		background: #fff url(../../../images/banners/banner-hm-aids-day-2019.jpg) left top no-repeat;
		background-position: 0px 35px !important;
		background-size: 90% auto !important;
	}
}

@media (min-width: 1600px) {
	.banner-hm-aids-day-2019 {
		background: #fff url(../../../images/banners/banner-hm-aids-day-2019.jpg) left top no-repeat;
		background-position: 70px 35px !important;
		background-size: 100% auto !important;
	}
}

@media (min-width: 1921px) {
	.banner-hm-aids-day-2019 {
		background: #fff url(../../../images/banners/banner-hm-aids-day-2019-lg.jpg) left top no-repeat;
		background-position: 50px 30px !important;
		background-size: 100% auto !important;
	}
}


/*--Banner Fact sheet update Safety in mining (2020)--*/
.banner-hm-fs-safety {
	background: #000 url(../../../images/banners/banner-hm-fs-safety-xs.jpg) left -0px no-repeat !important;
	background-size: 100% auto !important;
}

@media (min-width: 480px) {
	.banner-hm-fs-safety {
		background: #000 url(../../../images/banners/banner-hm-fs-safety-sml.jpg) left -0px no-repeat !important;
		background-size: 100% auto !important;
	}
}

@media (min-width: 750px) {
	.banner-hm-fs-safety {
		background: #000 url(../../../images/banners/banner-hm-fs-safety-sml.jpg) -200px top no-repeat !important;
		background-size: 100% auto !important;
	}
}

@media (min-width: 768px) {
	.banner-hm-fs-safety {
		background: #000 url(../../../images/banners/banner-hm-fs-safety-sml.jpg) -200px top no-repeat !important;
		background-size: 100% auto !important;
	}
}

@media (min-width: 992px) {
	.banner-hm-fs-safety {
		background: #000 url(../../../images/banners/banner-hm-fs-safety-md.jpg) -200px top no-repeat !important;
		background-size: 100% auto !important;
	}
}

@media (min-width: 1200px) {
	.banner-hm-fs-safety {
		background: #000 url(../../../images/banners/banner-hm-fs-safety-md.jpg) -400px top no-repeat !important;
		background-size: auto !important;
	}
}

@media (min-width: 1600px) {
	.banner-hm-fs-safety {
		background: #000 url(../../../images/banners/banner-hm-fs-safety.jpg) 0px top no-repeat !important;
		background-size: auto !important;
	}
}

@media (min-width: 1922px) {
	.banner-hm-fs-safety {
		background: #000 url(../../../images/banners/banner-hm-fs-safety-lg.jpg) left 0 no-repeat !important;
		background-size: auto !important;
	}
}


/*--Banner SLPs--*/
.banner-hm-tpr-2019 {
	background: #000 url(../../../images/banners/banner-hm-tpr-2019-xs.jpg) left -0px no-repeat !important;
	background-size: 100% auto !important;
}

@media (min-width: 480px) {
	.banner-hm-tpr-2019 {
		background: #000 url(../../../images/banners/banner-hm-tpr-2019-sml.jpg) left -0px no-repeat !important;
		background-size: 100% auto !important;
	}
}

@media (min-width: 750px) {
	.banner-hm-tpr-2019 {
		background: #000 url(../../../images/banners/banner-hm-tpr-2019-sml.jpg) left top no-repeat !important;
		background-size: 100% auto !important;
	}
}

@media (min-width: 768px) {
	.banner-hm-tpr-2019 {
		background: #000 url(../../../images/banners/banner-hm-tpr-2019-md.jpg) left top no-repeat !important;
		background-size: 100% auto !important;
	}
}

@media (min-width: 992px) {
	.banner-hm-tpr-2019 {
		background: #000 url(../../../images/banners/banner-hm-tpr-2019-md.jpg) left top no-repeat !important;
		background-size: auto !important;
	}
}

@media (min-width: 1200px) {
	.banner-hm-tpr-2019 {
		background: #000 url(../../../images/banners/banner-hm-tpr-2019.jpg) left top no-repeat !important;
		background-size: auto !important;
	}
}

@media (min-width: 1922px) {
	.banner-hm-tpr-2019 {
		background: #000 url(../../../images/banners/banner-hm-tpr-2019-lg.jpg) left 0 no-repeat !important;
		background-size: auto !important;
	}
}


/*--Banner Northern Cape Mining Community--*/
.banner-hm-ncmc {
	background: #000 url(../../../images/banners/banner-hm-ncmc-xs.jpg) left top no-repeat !important;
	background-size: 100% auto !important;
}

@media (min-width: 480px) {
	.banner-hm-ncmc {
		background: #000 url(../../../images/banners/banner-hm-ncmc-sml.jpg) 0px top no-repeat !important;
		background-size: 100% auto !important;
	}
}

@media (min-width: 780px) {
	.banner-hm-ncmc {
		background: #000 url(../../../images/banners/banner-hm-ncmc-sml.jpg) 0px top no-repeat !important;
		background-size: 80% auto !important;
	}
}

@media (min-width: 992px) {
	.banner-hm-ncmc {
		background: #000 url(../../../images/banners/banner-hm-ncmc-md.jpg) -150px top no-repeat !important;
		background-size: 95% auto !important;
	}
}

@media (min-width: 1200px) {
	.banner-hm-ncmc {
		background: #000 url(../../../images/banners/banner-hm-ncmc.jpg) left top no-repeat !important;
		background-size: 100% auto !important;
	}
}

@media (min-width: 1922px) {
	.banner-hm-ncmc {
		background: #000 url(../../../images/banners/banner-hm-ncmc-lg.jpg) left 0 no-repeat !important;
		background-size: auto !important;
	}
}

/*--Banner SLPs--*/
.banner-hm-slps {
	background: #000 url(../../../images/banners/banner-hm-slps-xs.jpg) left top no-repeat !important;
	background-size: 100% auto !important;
}

@media (min-width: 480px) {
	.banner-hm-slps {
		background: #000 url(../../../images/banners/banner-hm-slps-sml.jpg) -350px top no-repeat !important;
		background-size: auto !important;
	}
}

@media (min-width: 780px) {
	.banner-hm-slps {
		background: #000 url(../../../images/banners/banner-hm-slps-md.jpg) -250px top no-repeat !important;
		background-size: 100% auto !important;
	}
}

@media (min-width: 992px) {
	.banner-hm-slps {
		background: #000 url(../../../images/banners/banner-hm-slps-md.jpg) -400px top no-repeat !important;
		background-size: auto !important;
	}
}

@media (min-width: 1200px) {
	.banner-hm-slps {
		background: #000 url(../../../images/banners/banner-hm-slps.jpg) left top no-repeat !important;
		background-size: auto !important;
	}
}

@media (min-width: 1922px) {
	.banner-hm-slps {
		background: #000 url(../../../images/banners/banner-hm-slps-lg.jpg) left 0 no-repeat !important;
		background-size: auto !important;
	}
}

/*--Banner Jhb Indaba 2019--*/
.banner-home-jhb-indaba2019 {
	background: #000 url(../../../images/banners/banner-home-jhb-indaba2019.jpg) left top no-repeat;
	background-size: 140% auto !important;
	background-position: left top;
}

@media (min-width: 480px) {
	.banner-home-jhb-indaba2019 {
		background: #000 url(../../../images/banners/banner-home-jhb-indaba2019.jpg) left top no-repeat;
		background-size: 160% auto !important;
		background-position: left top;
	}
}

@media (min-width: 750px) {
	.banner-home-jhb-indaba2019 {
		background: #000 url(../../../images/banners/banner-home-jhb-indaba2019-sml.jpg) left top no-repeat;
		background-size: 80% auto !important;
		background-position: left top !important
	}
}

@media (min-width: 768px) {
	.banner-home-jhb-indaba2019 {
		background: #000 url(../../../images/banners/banner-home-jhb-indaba2019-sml.jpg) left top no-repeat;
		background-size: 70% auto !important;
		background-position: left 80px !important;
	}
}

@media (min-width: 992px) {
	.banner-home-jhb-indaba2019 {
		background: #000 url(../../../images/banners/banner-home-jhb-indaba2019-sml.jpg) left top no-repeat;
		background-size: 70% auto !important;
		background-position: left 40px !important;
	}
}

@media (min-width: 1200px) {
	.banner-home-jhb-indaba2019 {
		background: #000 url(../../../images/banners/banner-home-jhb-indaba2019.jpg) left bottom no-repeat;
		background-size: 88% auto !important;
		background-position: left bottom !important;
	}
}

@media (min-width: 1500px) {
	.banner-home-jhb-indaba2019 {
		background: #000 url(../../../images/banners/banner-home-jhb-indaba2019.jpg) left bottom no-repeat;
		background-size: 95% auto !important;
		background-position: left bottom !important;
	}
}

@media (min-width: 1922px) {
	.banner-home-jhb-indaba2019 {
		background: #000 url(../../../images/banners/banner-home-jhb-indaba2019.jpg) left bottom no-repeat;
		background-size: 70% auto !important;
		background-position: left bottom !important;
	}
}


/*--Banner Quarterly Update October 2019--*/
.banner-hm-quarterly-oct2019 {
	background: #000 url(../../../images/banners/banner-hm-quarterly-oct02019-sml.jpg) left top no-repeat !important;
	background-size: 100% auto !important;
}

@media (min-width: 480px) {
	.banner-hm-quarterly-oct2019 {
		background: #000 url(../../../images/banners/banner-hm-quarterly-oct02019-sml.jpg) left top no-repeat !important;
		background-size: 100% auto !important;
	}
}

@media (min-width: 750px) {
	.banner-hm-quarterly-oct2019 {
		background: #000 url(../../../images/banners/banner-hm-quarterly-oct02019-sml.jpg) left top no-repeat !important;
		background-size: 100% auto !important;
	}
}

@media (min-width: 768px) {
	.banner-hm-quarterly-oct2019 {
		background: #000 url(../../../images/banners/banner-hm-quarterly-oct02019-sml.jpg) -100px top no-repeat !important;
		background-size: 100% auto !important;
	}
}

@media (min-width: 992px) {
	.banner-hm-quarterly-oct2019 {
		background: #000 url(../../../images/banners/banner-hm-quarterly-oct02019-sml.jpg) left top no-repeat !important;
		background-size: 100% auto !important;
	}
}

@media (min-width: 1200px) {
	.banner-hm-quarterly-oct2019 {
		background: #000 url(../../../images/banners/banner-hm-quarterly-oct02019.jpg) left top no-repeat !important;
		background-size: 100% auto !important;
	}
}

@media (min-width: 1922px) {
	.banner-hm-quarterly-oct2019 {
		background: #000 url(../../../images/banners/banner-hm-quarterly-oct02019-lg.jpg) left 0 no-repeat !important;
		background-size: auto !important;
	}
}


/*--Carbon tax 19 september 2019--*/
.banner-carbon-tax {
	background: #e6e6e6 url(../../../images/banners/banner-carbon-tax-hm-xs-1.png) left top no-repeat;
	background-size: 100% auto !important;
	background-position: left top !important;
}

@media (min-width: 480px) {
	.banner-carbon-tax {
		background: #e6e6e6 url(../../../images/banners/banner-carbon-tax-hm-xs.png) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: 100% auto !important;
	}
}

@media (min-width: 768px) {
	.banner-carbon-tax {
		background: #e6e6e6 url(../../../images/banners/banner-carbon-tax-hm-sm.png) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: 25% !important;
	}
}

@media (min-width: 992px) {
	.banner-carbon-tax {
		background: #e6e6e6 url(../../../images/banners/banner-carbon-tax-hm-sm.png) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: 45% !important;
	}
}

@media (min-width: 1200px) {
	.banner-carbon-tax {
		background: #e6e6e6 url(../../../images/banners/banner-carbon-tax-hm-md.png) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: auto !important;
	}
}

@media (min-width: 1600px) {
	.banner-carbon-tax {
		background: #e6e6e6 url(../../../images/banners/banner-carbon-tax-hm-md.png) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: auto !important;
	}
}

@media (min-width: 1920px) {
	.banner-carbon-tax {
		background: #e6e6e6 url(../../../images/banners/banner-carbon-tax-hm-lg.png) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: 90% auto !important;
	}
}

/*--Facts and figures 2018 september 2019--*/
.banner-hm-ff2018 {
	background: #fff url(../../../images/banners/banner-hm-ff2018-xs.png) left top no-repeat;
	background-size: 100% auto !important;
	background-position: left top !important;
}

@media (min-width: 480px) {
	.banner-hm-ff2018 {
		background: #fff url(../../../images/banners/banner-hm-ff2018-xs.png) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: 100% auto !important;
	}
}

@media (min-width: 768px) {
	.banner-hm-ff2018 {
		background: #fff url(../../../images/banners/banner-hm-ff2018-sm.png) left top no-repeat;
		background-position: -150px 0px !important;
		background-size: auto !important;
	}
}

@media (min-width: 992px) {
	.banner-hm-ff2018 {
		background: #fff url(../../../images/banners/banner-hm-ff2018-sm.png) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: auto !important;
	}
}

@media (min-width: 1200px) {
	.banner-hm-ff2018 {
		background: #fff url(../../../images/banners/banner-hm-ff2018-md.png) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: auto !important;
	}
}

@media (min-width: 1600px) {
	.banner-hm-ff2018 {
		background: #fff url(../../../images/banners/banner-hm-ff2018.png) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: auto !important;
	}
}

@media (min-width: 1920px) {
	.banner-hm-ff2018 {
		background: #fff url(../../../images/banners/banner-hm-ff2018.png) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: 90% auto !important;
	}
}


/*--HOME presentations 3--*/
.banner-hm-presentations {
	background: #cbd400 url(../../../images/banners/banner-hm-presentation-xs.png) left top no-repeat;
	background-size: 100% !important;
	background-position: left 20px !important;
}

@media (min-width: 480px) {
	.banner-hm-presentations {
		background: #cbd400 url(../../../images/banners/banner-hm-presentation-md.png) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: 100% !important;
	}
}

@media (min-width: 768px) {
	.banner-hm-presentations {
		background: #cbd400 url(../../../images/banners/banner-hm-presentation-sm.png) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: 40% !important;
	}
}

@media (min-width: 900px) {
	.banner-hm-presentations {
		background: #cbd400 url(../../../images/banners/banner-hm-presentation-sm.png) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: 60% !important;
	}
}

@media (min-width: 992px) {
	.banner-hm-presentations {
		background: #cbd400 url(../../../images/banners/banner-hm-presentation-sm.png) left top no-repeat !important;
		background-position: 0px 0px !important;
		background-size: 60% auto !important;
	}
}

/*Desktop*/
@media (min-width: 1200px) {
	.banner-hm-presentations {
		background: #cbd400 url(../../../images/banners/banner-hm-presentation-md.png) left top no-repeat !important;
		background-position: 0px 30px !important;
		background-size: 80% auto !important;
	}
}

/*HD Laptop*/
@media (min-width: 1500px) {
	.banner-hm-presentations {
		background: #cbd400 url(../../../images/banners/banner-hm-presentation.png) left top no-repeat !important;
		background-position: 0px 30px !important;
		background-size: 100% auto !important;
	}
}

@media (min-width: 1920px) {
	.banner-hm-presentations {
		background: #fff url(../../../images/banners/banner-hm-presentation-lg.png) left top no-repeat !important;
		background-position: 0px 30px !important;
		background-size: auto !important;
	}
}



/*--HOME presentations 2--*/
/*--
.banner-hm-presentations {background:#cbd400 url(../../../images/banners/banner-hm-presentation-xs.png) left top no-repeat; background-size:100% !important; background-position:left 20px !important;}
@media (min-width: 480px) { .banner-hm-presentations  {background:#cbd400 url(../../../images/banners/banner-hm-presentation-md.png) left top no-repeat; background-position:0px 0px !important; background-size:100% !important;} }
@media (min-width: 768px) { .banner-hm-presentations  {background:#cbd400 url(../../../images/banners/banner-hm-presentation-sm.png) left top no-repeat; background-position:0px 0px !important; background-size:40% !important;} }
@media (min-width: 900px) { .banner-hm-presentations  {background:#cbd400 url(../../../images/banners/banner-hm-presentation-sm.png) left top no-repeat; background-position:0px 0px !important; background-size:60% !important;} }
@media (min-width: 992px) { .banner-hm-presentations  {background:#cbd400 url(../../../images/banners/banner-hm-presentation-sm.png) left top 0% 0%/100% no-repeat !important;} }
/*Desktop*/
/*--
@media (min-width: 1200px) { .banner-hm-presentations  {background:#cbd400 url(../../../images/banners/banner-hm-presentation-md.png) 0% 0%/100% no-repeat !important;} }
/*HD Laptop*/
/*--
@media (min-width: 1500px) { .banner-hm-presentations  {background:#cbd400 url(../../../images/banners/banner-hm-presentation.png) 0% 35%/80% no-repeat !important;} }
@media (min-width: 1920px) { .banner-hm-presentations  {background:#fff url(../../../images/banners/banner-hm-presentation-lg.png) left top no-repeat; background-position:0px 30px !important; background-size: auto !important;} }
--*/

/*--HOME presentations 1--*/
/*.banner-hm-presentations {background:#fff url(../../../images/banners/banner-hm-presentation-xs.jpg) left top no-repeat; background-size:100% auto !important; background-position:0px top !important;}
@media (min-width: 480px) { .banner-hm-presentations {background:#fff url(../../../images/banners/banner-hm-presentation-xs.png) left top no-repeat; background-position:0px 0px !important; background-size:100% auto !important;} }
@media (min-width: 768px) { .banner-hm-presentations {background:#fff url(../../../images/banners/banner-hm-presentation-sm.png) left top no-repeat; background-position:0px 0px !important; background-size:auto !important; } }
@media (min-width: 992px) { .banner-hm-presentations {background:#fff url(../../../images/banners/banner-hm-presentation-md.png) left top no-repeat; background-position:0px 0px !important; background-size:auto !important; } }
@media (min-width: 1200px) { .banner-hm-presentations {background:#fff url(../../../images/banners/banner-hm-presentation-md.png) left top no-repeat; background-position:0px 0px !important; background-size:auto !important; } }
@media (min-width: 1920px) { .banner-hm-presentations {background:#fff url(../../../images/banners/banner-hm-presentation-lg.png) left top no-repeat; background-position:0px 0px !important; background-size:auto !important;  } }
--*/

.banner-hm-qrtr-update-dec2018 {
	background: #73abbc url(../../../images/banners/banner-hm-qrtr-update-dec2018-xs.jpg) left top no-repeat;
	background-size: 100% auto !important;
	background-position: 0px top !important;
}

@media (min-width: 480px) {
	.banner-hm-qrtr-update-dec2018 {
		background: #73abbc url(../../../images/banners/banner-hm-qrtr-update-dec2018-sml.jpg) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: 100% auto !important;
	}
}

@media (min-width: 768px) {
	.banner-hm-qrtr-update-dec2018 {
		background: #73abbc url(../../../images/banners/banner-hm-qrtr-update-dec2018-sml.jpg) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: 80% auto !important;
	}
}

@media (min-width: 992px) {
	.banner-hm-qrtr-update-dec2018 {
		background: #73abbc url(../../../images/banners/banner-hm-qrtr-update-dec2018-sml.jpg) left top no-repeat;
		background-position: -150px 0px !important;
		background-size: auto !important;
	}
}

@media (min-width: 1200px) {
	.banner-hm-qrtr-update-dec2018 {
		background: #73abbc url(../../../images/banners/banner-hm-qrtr-update-dec2018.jpg) left top no-repeat;
		background-position: -200px 35px !important;
		background-size: auto !important;
	}
}

@media (min-width: 1920px) {
	.banner-hm-qrtr-update-dec2018 {
		background: #73abbc url(../../../images/banners/banner-hm-qrtr-update-dec2018-lg.jpg) left top no-repeat;
		background-position: 0px 30px !important;
		background-size: auto !important;
	}
}


.banner-hm-qrt-update-oct2018 {
	background: url(../images/banner-home-qrtr-update-oct2018.jpg) no-repeat;
	background-position: left top !important;
}

@media (min-width: 768px) {
	.banner-hm-qrt-update-oct2018 {
		background-position: -350px top !important;
		background-size: auto;
	}
}

@media (min-width: 992px) {
	.banner-hm-qrt-update-oct2018 {
		background-position: -350px top !important;
		background-size: auto;
	}
}

@media (min-width: 1200px) {
	.banner-hm-qrt-update-oct2018 {
		background-position: left top !important;
		background-size: auto;
	}
}

.banner-home-jhb-indaba2018 {
	background: #000 url(../images/banner-home-jhb-indaba2018.jpg) left top no-repeat;
	background-size: 100% auto !important;
}

@media (min-width: 768px) {
	.banner-home-jhb-indaba2018 {
		background-size: 100% auto !important;
	}
}

@media (min-width: 992px) {
	.banner-home-jhb-indaba2018 {
		background-size: 80% auto !important;
	}
}

@media (min-width: 1200px) {
	.banner-home-jhb-indaba2018 {
		background-size: 80% auto !important;
	}
}

/*
.banner-hm-wim-2018 {background:#454362 !important;} /*-- #504c9a --*/

.banner-hm-wim-2018 {
	background: #272544 url(../../../images/banners/banner-hm-wim-2018-xs.jpg) left 10px no-repeat;
	background-size: 100% auto !important;
	background-position: 0px top !important;
}

@media (min-width: 760px) {
	.banner-hm-wim-2018 {
		background: url(../../../images/banners/banner-hm-wim-2018-sml.jpg) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: 50% auto !important;
	}
}

@media (min-width: 768px) {
	.banner-hm-wim {
		background: url(../../../images/banners/banner-hm-wim-2018-sml.jpg) left top no-repeat;
		background-position: 0px 50px !important;
		background-size: auto !important;
	}
}

@media (min-width: 992px) {
	.banner-hm-wim-2018 {
		background: url(../../../images/banners/banner-hm-wim-2018-sml.jpg) left top no-repeat;
		background-position: 0px 30px !important;
		background-size: auto !important;
	}
}

@media (min-width: 1200px) {
	.banner-hm-wim-2018 {
		background: url(../../../images/banners/banner-hm-wim-2018-med.jpg) left top no-repeat;
		background-position: 0px 35px !important;
		background-size: 100% auto !important;
	}
}

@media (min-width: 1920px) {
	.banner-hm-wim-2018 {
		background: url(../../../images/banners/banner-hm-wim-2018.jpg) left top no-repeat;
		background-position: 0px 30px !important;
		background-size: 100% auto !important;
	}
}


.banner-hm-aids-day-2018 {
	background: #fff url(../../../images/banners/banner-hm-aids-day-2018-xs.png) left top no-repeat;
	background-size: 100% auto !important;
	background-position: 0px top !important;
}

@media (min-width: 480px) {
	.banner-hm-aids-day-2018 {
		background: #fff url(../../../images/banners/banner-hm-aids-day-2018-xs.png) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: 100% auto !important;
	}
}

@media (min-width: 768px) {
	.banner-hm-aids-day-2018 {
		background: #fff url(../../../images/banners/banner-hm-aids-day-2018-sml.png) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: 80% auto !important;
	}
}

@media (min-width: 992px) {
	.banner-hm-aids-day-2018 {
		background: #fff url(../../../images/banners/banner-hm-aids-day-2018-sml.png) left top no-repeat;
		background-position: 0px 30px !important;
		background-size: auto !important;
	}
}

@media (min-width: 1200px) {
	.banner-hm-aids-day-2018 {
		background: #fff url(../../../images/banners/banner-hm-aids-day-2018.png) left top no-repeat;
		background-position: 0px 35px !important;
		background-size: 100% auto !important;
	}
}

@media (min-width: 1920px) {
	.banner-hm-aids-day-2018 {
		background: #fff url(../../../images/banners/banner-hm-aids-day-2018-lg.png) left top no-repeat;
		background-position: 0px 30px !important;
		background-size: 100% auto !important;
	}
}


.banner-hm-eskom-nersa {
	background: #fff url(../../../images/banners/banner-hm-eskom-nersa-xs.jpg) left top no-repeat;
	background-size: 100% auto !important;
	background-position: 0px top !important;
}

@media (min-width: 480px) {
	.banner-hm-eskom-nersa {
		background: #fff url(../../../images/banners/banner-hm-eskom-nersa-xs.jpg) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: 100% auto !important;
	}
}

@media (min-width: 768px) {
	.banner-hm-eskom-nersa {
		background: #fff url(../../../images/banners/banner-hm-eskom-nersa-sm.jpg) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: auto !important;
	}
}

@media (min-width: 992px) {
	.banner-hm-eskom-nersa {
		background: #fff url(../../../images/banners/banner-hm-eskom-nersa-md.jpg) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: auto !important;
	}
}

@media (min-width: 1200px) {
	.banner-hm-eskom-nersa {
		background: #fff url(../../../images/banners/banner-hm-eskom-nersa-md.jpg) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: auto !important;
	}
}

@media (min-width: 1920px) {
	.banner-hm-eskom-nersa {
		background: #fff url(../../../images/banners/banner-hm-eskom-nersa-lg.jpg) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: auto !important;
	}
}

.banner-hm-mining-leadership-compact {
	background: #fff url(../../../images/banners/banner-hm-mining-leadership-compact-xs.jpg) left top no-repeat;
	background-size: 100% auto !important;
	background-position: left top !important;
}

@media (min-width: 480px) {
	.banner-hm-mining-leadership-compact {
		background: #fff url(../../../images/banners/banner-hm-mining-leadership-compact-xs.jpg) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: auto !important;
	}
}

@media (min-width: 768px) {
	.banner-hm-mining-leadership-compact {
		background: #fff url(../../../images/banners/banner-hm-mining-leadership-compact-sm.jpg) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: auto !important;
	}
}

@media (min-width: 992px) {
	.banner-hm-mining-leadership-compact {
		background: #fff url(../../../images/banners/banner-hm-mining-leadership-compact-md.jpg) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: auto !important;
	}
}

@media (min-width: 1200px) {
	.banner-hm-mining-leadership-compact {
		background: #fff url(../../../images/banners/banner-hm-mining-leadership-compact.jpg) left top no-repeat;
		background-position: 0px 0px !important;
	}
}

@media (min-width: 1920px) {
	.banner-hm-mining-leadership-compact {
		background: #fff url(../../../images/banners/banner-hm-mining-leadership-compact-lg.jpg) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: auto !important;
	}
}

.banner-hm-facts-and-figures-2018 {
	background: #fff url(../../../images/banners/banner-hm-facts-and-figures-2018-xs.jpg) left top no-repeat;
	background-size: 100% auto !important;
	background-position: left top !important;
}

@media (min-width: 480px) {
	.banner-hm-facts-and-figures-2018 {
		background: #fff url(../../../images/banners/banner-hm-facts-and-figures-2018-xs.jpg) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: 100% auto !important;
	}
}

@media (min-width: 768px) {
	.banner-hm-facts-and-figures-2018 {
		background: #fff url(../../../images/banners/banner-hm-facts-and-figures-2018-sm.jpg) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: auto !important;
	}
}

@media (min-width: 992px) {
	.banner-hm-facts-and-figures-2018 {
		background: #fff url(../../../images/banners/banner-hm-facts-and-figures-2018-md.jpg) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: auto !important;
	}
}

@media (min-width: 1200px) {
	.banner-hm-facts-and-figures-2018 {
		background: #fff url(../../../images/banners/banner-hm-facts-and-figures-2018.jpg) left top no-repeat;
		background-position: 0px 0px !important;
	}
}

@media (min-width: 1920px) {
	.banner-hm-facts-and-figures-2018 {
		background: #fff url(../../../images/banners/banner-hm-facts-and-figures-2018-lg.jpg) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: auto !important;
	}
}

.banner-hm-secondary-strike {
	background: #fff url(../../../images/banners/banner-hm-secondary-strike-xs.jpg) left top no-repeat;
	background-size: 100% auto !important;
	background-position: left top !important;
}

@media (min-width: 480px) {
	.banner-hm-secondary-strike {
		background: #fff url(../../../images/banners/banner-hm-secondary-strike-xs.jpg) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: 100% auto !important;
	}
}

@media (min-width: 768px) {
	.banner-hm-secondary-strike {
		background: #fff url(../../../images/banners/banner-hm-secondary-strike-sm.jpg) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: auto !important;
	}
}

@media (min-width: 992px) {
	.banner-hm-secondary-strike {
		background: #fff url(../../../images/banners/banner-hm-secondary-strike-md.jpg) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: auto !important;
	}
}

@media (min-width: 1200px) {
	.banner-hm-secondary-strike {
		background: #fff url(../../../images/banners/banner-hm-secondary-strike-md.jpg) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: auto !important;
	}
}

@media (min-width: 1920px) {
	.banner-hm-secondary-strike {
		background: #fff url(../../../images/banners/banner-hm-secondary-strike-lg.jpg) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: auto !important;
	}
}

.banner-hm-womans-day-2019 {
	background: #fff url(../../../images/banners/banner-hm-womans-day-1.jpg) left top no-repeat;
	background-size: 95% auto !important;
	background-position: 15% 5vh !important;
}

@media (min-width: 480px) {
	.banner-hm-womans-day-2019 {
		background: #fff url(../../../images/banners/banner-hm-womans-day-2019-xs.jpg) left top no-repeat;
		background-position: left 50px !important;
		background-size: 100% auto !important;
	}
}

@media (min-width: 768px) {
	.banner-hm-womans-day-2019 {
		background: #fff url(../../../images/banners/banner-hm-womans-day-2019-xs.jpg) left top no-repeat;
		background-position: left 50px !important;
		background-size: 40% auto !important;
	}
}

@media (min-width: 992px) {
	.banner-hm-womans-day-2019 {
		background: #fff url(../../../images/banners/banner-hm-womans-day-1.jpg) left top no-repeat;
		background-position: 1% 10vh !important;
		background-size: 40% auto !important;
	}
}

@media (min-width: 1200px) {
	.banner-hm-womans-day-2019 {
		background: #fff url(../../../images/banners/banner-hm-womans-day-1.jpg) left top no-repeat;
		background-position: 15% 10vh !important;
		background-size: 40% auto !important;
	}
}

@media (min-width: 1600px) {
	.banner-hm-womans-day-2019 {
		background: #fff url(../../../images/banners/banner-hm-womans-day-1.jpg) left top no-repeat;
		background-position: 20% 10vh !important;
		background-size: 45% auto !important;
	}
}

@media (min-width: 1920px) {
	.banner-hm-womans-day-2019 {
		background: #fff url(../../../images/banners/banner-hm-womans-day-1.jpg) left top no-repeat;
		background-position: 70px 30px !important;
		background-size: auto 90% !important;
	}
}

/*--Human rights 2019--*/
.banner-hm-human-rights-2019 {
	background: #fff url(../../../images/banners/banner-hm-human-rights-2019-xs.jpg) left top no-repeat;
	background-size: 100% auto !important;
	background-position: left top !important;
}

@media (min-width: 480px) {
	.banner-hm-human-rights-2019 {
		background: #fff url(../../../images/banners/banner-hm-human-rights-2019-xs.jpg) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: 100% auto !important;
	}
}

@media (min-width: 768px) {
	.banner-hm-human-rights-2019 {
		background: #fff url(../../../images/banners/banner-hm-human-rights-2019-sm.jpg) left top no-repeat;
		background-position: -200px 0px !important;
		background-size: auto !important;
	}
}

@media (min-width: 992px) {
	.banner-hm-human-rights-2019 {
		background: #fff url(../../../images/banners/banner-hm-human-rights-2019-sm.jpg) left top no-repeat;
		background-position: -100px 0px !important;
		background-size: auto !important;
	}
}

@media (min-width: 1200px) {
	.banner-hm-human-rights-2019 {
		background: #fff url(../../../images/banners/banner-hm-human-rights-2019-md.jpg) left top no-repeat;
		background-position: -200px -100px !important;
		background-size: auto !important;
	}
}

@media (min-width: 1600px) {
	.banner-hm-human-rights-2019 {
		background: #fff url(../../../images/banners/banner-hm-human-rights-2019.jpg) left top no-repeat;
		background-position: -600px 0px !important;
		background-size: auto !important;
	}
}

@media (min-width: 1920px) {
	.banner-hm-human-rights-2019 {
		background: #fff url(../../../images/banners/banner-hm-human-rights-2019-lg.jpg) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: 90% auto !important;
	}
}

/*--Mining Indaba 2019--*/
.banner-hm-indaba-2019 {
	background: #fff url(../../../images/banners/banner-hm-indaba-2019-xs.jpg) left top no-repeat;
	background-size: 100% auto !important;
	background-position: 0px top !important;
}

@media (min-width: 480px) {
	.banner-hm-indaba-2019 {
		background: #fff url(../../../images/banners/banner-hm-indaba-2019-sm.jpg) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: 100% auto !important;
	}
}

@media (min-width: 768px) {
	.banner-hm-indaba-2019 {
		background: #fff url(../../../images/banners/banner-hm-indaba-2019-sm.jpg) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: auto !important;
	}
}

@media (min-width: 992px) {
	.banner-hm-indaba-2019 {
		background: #fff url(../../../images/banners/banner-hm-indaba-2019-md.jpg) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: auto !important;
	}
}

@media (min-width: 1200px) {
	.banner-hm-indaba-2019 {
		background: #fff url(../../../images/banners/banner-hm-indaba-2019.jpg) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: auto !important;
	}
}

@media (min-width: 1920px) {
	.banner-hm-indaba-2019 {
		background: #fff url(../../../images/banners/banner-hm-indaba-2019-lg.jpg) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: auto !important;
	}
}

/*--Quarterly Update March 2019--*/
.banner-hm-qtly-update-march2019 {
	background: #fff url(../../../images/banners/banner-hm-qtly-update-march2019-xs.jpg) left top no-repeat;
	background-size: 100% auto !important;
	background-position: left top !important;
}

@media (min-width: 480px) {
	.banner-hm-qtly-update-march2019 {
		background: #fff url(../../../images/banners/banner-hm-qtly-update-march2019-xs.jpg) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: 100% auto !important;
	}
}

@media (min-width: 768px) {
	.banner-hm-qtly-update-march2019 {
		background: #fff url(../../../images/banners/banner-hm-qtly-update-march2019-sm.jpg) left top no-repeat;
		background-position: -150px 0px !important;
		background-size: auto !important;
	}
}

@media (min-width: 992px) {
	.banner-hm-qtly-update-march2019 {
		background: #fff url(../../../images/banners/banner-hm-qtly-update-march2019-sm.jpg) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: auto !important;
	}
}

@media (min-width: 1200px) {
	.banner-hm-qtly-update-march2019 {
		background: #fff url(../../../images/banners/banner-hm-qtly-update-march2019-md.jpg) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: auto !important;
	}
}

@media (min-width: 1600px) {
	.banner-hm-qtly-update-march2019 {
		background: #fff url(../../../images/banners/banner-hm-qtly-update-march2019.jpg) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: auto !important;
	}
}

@media (min-width: 1920px) {
	.banner-hm-qtly-update-march2019 {
		background: #fff url(../../../images/banners/banner-hm-qtly-update-march2019-lg.jpg) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: 90% auto !important;
	}
}

/*--National Platinum Strategy - April 2019--*/
.banner-hm-nat-plat-strat-2019 {
	background: #fff url(../../../images/banners/banner-hm-nat-plat-strat-2019-xs.jpg) left top no-repeat;
	background-size: 100% auto !important;
	background-position: left top !important;
}

@media (min-width: 480px) {
	.banner-hm-nat-plat-strat-2019 {
		background: #fff url(../../../images/banners/banner-hm-nat-plat-strat-2019-xs.jpg) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: 100% auto !important;
	}
}

@media (min-width: 768px) {
	.banner-hm-nat-plat-strat-2019 {
		background: #fff url(../../../images/banners/banner-hm-nat-plat-strat-2019-sm.jpg) left top no-repeat;
		background-position: -150px 0px !important;
		background-size: auto !important;
	}
}

@media (min-width: 992px) {
	.banner-hm-nat-plat-strat-2019 {
		background: #fff url(../../../images/banners/banner-hm-nat-plat-strat-2019-sm.jpg) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: auto !important;
	}
}

@media (min-width: 1200px) {
	.banner-hm-nat-plat-strat-2019 {
		background: #fff url(../../../images/banners/banner-hm-nat-plat-strat-2019-md.jpg) left top no-repeat;
		background-position: -350px -330px !important;
		background-size: auto !important;
	}
}

@media (min-width: 1600px) {
	.banner-hm-nat-plat-strat-2019 {
		background: #fff url(../../../images/banners/banner-hm-nat-plat-strat-2019.jpg) left top no-repeat;
		background-position: -200px 0px !important;
		background-size: 100% !important;
	}
}

@media (min-width: 1920px) {
	.banner-hm-nat-plat-strat-2019 {
		background: #fff url(../../../images/banners/banner-hm-nat-plat-strat-2019-lg.jpg) left top no-repeat;
		background-position: -200px 0px !important;
		background-size: 90% auto !important;
	}
}

/*--Electricity tariff increase 2019--*/
.banner-hm-electricity-tariff-increase {
	background: #fff url(../../../images/banners/banner-hm-electricity-tariff-increase-xs.jpg) left top no-repeat;
	background-size: 100% auto !important;
	background-position: left top !important;
}

@media (min-width: 480px) {
	.banner-hm-electricity-tariff-increase {
		background: #fff url(../../../images/banners/banner-hm-electricity-tariff-increase-xs.jpg) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: 100% auto !important;
	}
}

@media (min-width: 768px) {
	.banner-hm-electricity-tariff-increase {
		background: #fff url(../../../images/banners/banner-hm-electricity-tariff-increase-sm.jpg) left top no-repeat;
		background-position: -200px 0px !important;
		background-size: auto !important;
	}
}

@media (min-width: 992px) {
	.banner-hm-electricity-tariff-increase {
		background: #fff url(../../../images/banners/banner-hm-electricity-tariff-increase-sm.jpg) left top no-repeat;
		background-position: -100px 0px !important;
		background-size: auto !important;
	}
}

@media (min-width: 1200px) {
	.banner-hm-electricity-tariff-increase {
		background: #fff url(../../../images/banners/banner-hm-electricity-tariff-increase-md.jpg) left top no-repeat;
		background-position: -200px 0px !important;
		background-size: auto !important;
	}
}

@media (min-width: 1600px) {
	.banner-hm-electricity-tariff-increase {
		background: #fff url(../../../images/banners/banner-hm-electricity-tariff-increase.jpg) left top no-repeat;
		background-position: -600px 0px !important;
		background-size: auto !important;
	}
}

@media (min-width: 1920px) {
	.banner-hm-electricity-tariff-increase {
		background: #fff url(../../../images/banners/banner-hm-electricity-tariff-increase-lg.jpg) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: 100% auto !important;
	}
}

/*--The impact of carbon tax--*/
.banner-hm-impact-of-carbon-tax {
	background: #fff url(../../../images/banners/banner-hm-impact-of-carbon-tax-xs.jpg) left top no-repeat;
	background-size: 100% auto !important;
	background-position: left top !important;
}

@media (min-width: 480px) {
	.banner-hm-impact-of-carbon-tax {
		background: #fff url(../../../images/banners/banner-hm-impact-of-carbon-tax-xs.jpg) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: 100% auto !important;
	}
}

@media (min-width: 768px) {
	.banner-hm-impact-of-carbon-tax {
		background: #fff url(../../../images/banners/banner-hm-impact-of-carbon-tax-sm.jpg) left top no-repeat;
		background-position: -200px 0px !important;
		background-size: auto !important;
	}
}

@media (min-width: 992px) {
	.banner-hm-impact-of-carbon-tax {
		background: #fff url(../../../images/banners/banner-hm-impact-of-carbon-tax-sm.jpg) left top no-repeat;
		background-position: -200px 0px !important;
		background-size: auto !important;
	}
}

@media (min-width: 1200px) {
	.banner-hm-impact-of-carbon-tax {
		background: #fff url(../../../images/banners/banner-hm-impact-of-carbon-tax-md.jpg) left top no-repeat;
		background-position: -200px 0px !important;
		background-size: auto !important;
	}
}

@media (min-width: 1600px) {
	.banner-hm-impact-of-carbon-tax {
		background: #fff url(../../../images/banners/banner-hm-impact-of-carbon-tax.jpg) left top no-repeat;
		background-position: -200px 0px !important;
		background-size: auto !important;
	}
}

@media (min-width: 1920px) {
	.banner-hm-impact-of-carbon-tax {
		background: #fff url(../../../images/banners/banner-hm-impact-of-carbon-tax-lg.jpg) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: 100% auto !important;
	}
}

ul.wim {
	padding-left: 0;
}

ul.wim li {
	list-style: disc;
	margin: 0 0 0.3em 10px;
	padding: 0 0 0 5px;
	color: #fff;
}

ul.wim li p {
	color: #fff;
	font-weight: 400;
	line-height: 1.0em;
	margin: 0 0 0.3em 10px;
}

ul.wim li p span {
	font-size: 0.7em;
	color: #E5E5E5;
}

.banner-hm-wim-2018 .bblock.red .btn-default {
	font-size: 0.7em;
	padding-left: 5px;
	padding-right: 5px;
}

/*--Quarterly Update June 2019--*/
.banner-hm-makingminingmatter {
	background: #fff url(../../../images/banners/banner-hm-qtly-update-june2019-xs.png) left top no-repeat;
	background-size: 100% auto !important;
	background-position: left top !important;
}

@media (min-width: 480px) {
	.banner-hm-makingminingmatter {
		background: #fff url(../../../images/banners/banner-hm-qtly-update-june2019-xs.png) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: 100% auto !important;
	}
}

@media (min-width: 768px) {
	.banner-hm-makingminingmatter {
		background: #fff url(../../../images/banners/banner-hm-qtly-update-june2019-sm.png) left top no-repeat;
		background-position: -150px 0px !important;
		background-size: auto !important;
	}
}

@media (min-width: 992px) {
	.banner-hm-makingminingmatter {
		background: #fff url(../../../images/banners/banner-hm-qtly-update-june2019-sm.png) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: auto !important;
	}
}

@media (min-width: 1200px) {
	.banner-hm-makingminingmatter {
		background: #fff url(../../../images/banners/banner-hm-qtly-update-june2019-md.png) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: auto !important;
	}
}

@media (min-width: 1600px) {
	.banner-hm-makingminingmatter {
		background: #fff url(../../../images/banners/banner-hm-qtly-update-june2019.png) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: auto !important;
	}
}

@media (min-width: 1920px) {
	.banner-hm-makingminingmatter {
		background: #fff url(../../../images/banners/banner-hm-qtly-update-june2019-lg.png) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: 90% auto !important;
	}
}

/*--HS Summit--*/
.banner-hm-hssummit-2018 {
	background-color: #000;
	background: url(../../../images/banners/banner-hm-hssummit-2018-sml.jpg) left top no-repeat;
	background-size: auto;
	background-position: 0px top !important;
}

@media (min-width: 768px) {
	.banner-hm-hssummit-2018 {
		background: url(../../../images/banners/banner-hm-hssummit-2018-sml.jpg) left top no-repeat;
		background-size: auto !important;
		background-position: 0px top !important;
	}
}

@media (min-width: 992px) {
	.banner-hm-hssummit-2018 {
		background: url(../../../images/banners/banner-hm-hssummit-2018.jpg) left top no-repeat;
		background-size: auto !important;
		background-position: -450px top !important;
	}
}

@media (min-width: 1200px) {
	.banner-hm-hssummit-2018 {
		background: url(../../../images/banners/banner-hm-hssummit-2018.jpg) left top no-repeat;
		background-size: auto !important;
		background-position: -250px top !important;
	}
}

@media (min-width: 1920px) {
	.banner-hm-hssummit-2018 {
		background: url(../../../images/banners/banner-hm-hssummit-2018.jpg) left top no-repeat;
		background-size: 100% auto !important;
		background-position: 0 top !important;
	}
}

/*--PM Strategy--*/
.banner-hm-pgm-strategy {
	background-color: #000;
	background: url(../../../images/banners/banner-hm-pgm-strategy-sml.jpg) left top no-repeat;
	background-size: auto;
	background-position: 0px top !important;
}

@media (min-width: 480px) {
	.banner-hm-pgm-strategy {
		background: url(../../../images/banners/banner-hm-pgm-strategy-sml.jpg) left top no-repeat;
		background-size: auto;
		background-position: 0px top !important;
	}
}

@media (min-width: 768px) {
	.banner-hm-pgm-strategy {
		background: url(../../../images/banners/banner-hm-pgm-strategy-sml.jpg) left top no-repeat;
		background-size: auto !important;
		background-position: -500px top !important;
	}
}

@media (min-width: 992px) {
	.banner-hm-pgm-strategy {
		background: url(../../../images/banners/banner-hm-pgm-strategy-sml.jpg) left top no-repeat;
		background-size: auto !important;
		background-position: -450px top !important;
	}
}

@media (min-width: 1200px) {
	.banner-hm-pgm-strategy {
		background: url(../../../images/banners/banner-hm-pgm-strategy.jpg) left top no-repeat;
		background-size: auto !important;
		background-position: -300px top !important;
	}
}

@media (min-width: 1920px) {
	.banner-hm-pgm-strategy {
		background: url(../../../images/banners/banner-hm-pgm-strategy.jpg) left top no-repeat;
		background-size: 100% auto !important;
		background-position: 0 top !important;
	}
}

/*--Mining for Schools: Coal--*/
.banner-hm-mfs-coal {
	background: #fff url(../../../images/banners/banner-hm-mfs-coal-xs.jpg) left top no-repeat;
	background-size: 100% auto !important;
	background-position: left top !important;
}

@media (min-width: 480px) {
	.banner-hm-mfs-coal {
		background: #fff url(../../../images/banners/banner-hm-mfs-coal-xs.jpg) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: 100% auto !important;
	}
}

@media (min-width: 768px) {
	.banner-hm-mfs-coal {
		background: #fff url(../../../images/banners/banner-hm-mfs-coal-sm.jpg) left top no-repeat;
		background-position: -50px 0px !important;
		background-size: auto !important;
	}
}

@media (min-width: 992px) {
	.banner-hm-mfs-coal {
		background: #fff url(../../../images/banners/banner-hm-mfs-coal-sm.jpg) left top no-repeat;
		background-position: -50px 0px !important;
		background-size: auto !important;
	}
}

@media (min-width: 1200px) {
	.banner-hm-mfs-coal {
		background: #fff url(../../../images/banners/banner-hm-mfs-coal-md.jpg) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: auto !important;
	}
}

@media (min-width: 1600px) {
	.banner-hm-mfs-coal {
		background: #fff url(../../../images/banners/banner-hm-mfs-coal.jpg) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: auto !important;
	}
}

@media (min-width: 1920px) {
	.banner-hm-mfs-coal {
		background: #fff url(../../../images/banners/banner-hm-mfs-coal-lg.jpg) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: 100% auto !important;
	}
}

/*--Pre-AGM dinner--*/
.banner-hm-pre-agm {
	background: #fff url(../../../images/banners/banner-hm-pre-agm-2019.jpg) left top no-repeat;
	background-size: 100% auto !important;
	background-position: left top !important;
}

@media (min-width: 480px) {
	.banner-hm-pre-agm {
		background: #fff url(../../../images/banners/banner-hm-pre-agm-2019.jpg) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: 100% auto !important;
	}
}

@media (min-width: 768px) {
	.banner-hm-pre-agm {
		background: #fff url(../../../images/banners/banner-hm-pre-agm-2019-sm.jpg) left top no-repeat;
		background-position: -150px 0px !important;
		background-size: auto !important;
	}
}

@media (min-width: 992px) {
	.banner-hm-pre-agm {
		background: #fff url(../../../images/banners/banner-hm-pre-agm-2019-sm.jpg) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: auto !important;
	}
}

@media (min-width: 1200px) {
	.banner-hm-pre-agm {
		background: #fff url(../../../images/banners/banner-hm-pre-agm-2019-md.jpg) left top no-repeat;
		background-position: -100px -325px !important;
		background-size: auto !important;
	}
}

@media (min-width: 1600px) {
	.banner-hm-pre-agm {
		background: #fff url(../../../images/banners/banner-hm-pre-agm-2019-lg.jpg) left top no-repeat;
		background-position: -500px 30px !important;
		background-size: 100% auto !important;
	}
}

@media (min-width: 1920px) {
	.banner-hm-pre-agm {
		background: #fff url(../../../images/banners/banner-hm-pre-agm-2019-lg.jpg) left top no-repeat;
		background-position: -200px 0px !important;
		background-size: 90% auto !important;
	}
}

/*--AGM --*/
.banner-hm-iar {
	background: #fff url(../../../images/banners/banner-hm-iar-2019-xs.jpg) left top no-repeat;
	background-size: 100% auto !important;
	background-position: left top !important;
}

@media (min-width: 480px) {
	.banner-hm-iar {
		background: #fff url(../../../images/banners/banner-hm-iar-2019-xs.jpg) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: 100% auto !important;
	}
}

@media (min-width: 768px) {
	.banner-hm-iar {
		background: #fff url(../../../images/banners/banner-hm-iar-2019-sm.jpg) left top no-repeat;
		background-position: -150px 0px !important;
		background-size: auto !important;
	}
}

@media (min-width: 992px) {
	.banner-hm-iar {
		background: #fff url(../../../images/banners/banner-hm-iar-2019-sm.jpg) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: auto !important;
	}
}

@media (min-width: 1200px) {
	.banner-hm-iar {
		background: #fff url(../../../images/banners/banner-hm-iar-2019-md.jpg) left top no-repeat;
		background-position: -350px -200px !important;
		background-size: auto !important;
	}
}

@media (min-width: 1600px) {
	.banner-hm-iar {
		background: #fff url(../../../images/banners/banner-hm-iar-2019.jpg) left top no-repeat;
		background-position: -200px 0px !important;
		background-size: 100% !important;
	}
}

@media (min-width: 1920px) {
	.banner-hm-iar {
		background: #fff url(../../../images/banners/banner-hm-iar-2019-lg.jpg) left top no-repeat;
		background-position: -200px 0px !important;
		background-size: 90% auto !important;
	}
}

/*--About MOSH--*/
.banner-hm-about-mosh {
	background: #fff url(../../../images/banners/banner-hm-about-mosh-xs.jpg) left top no-repeat;
	background-size: 100% auto !important;
	background-position: left top !important;
}

@media (min-width: 480px) {
	.banner-hm-about-mosh {
		background: #fff url(../../../images/banners/banner-hm-about-mosh-xs.jpg) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: 100% auto !important;
	}
}

@media (min-width: 768px) {
	.banner-hm-about-mosh {
		background: #fff url(../../../images/banners/banner-hm-about-mosh-sm.jpg) left top no-repeat;
		background-position: -200px 0px !important;
		background-size: auto !important;
	}
}

@media (min-width: 992px) {
	.banner-hm-about-mosh {
		background: #fff url(../../../images/banners/banner-hm-about-mosh-sm.jpg) left top no-repeat;
		background-position: -100px 0px !important;
		background-size: auto !important;
	}
}

@media (min-width: 1200px) {
	.banner-hm-about-mosh {
		background: #fff url(../../../images/banners/banner-hm-about-mosh-md.jpg) left top no-repeat;
		background-position: -200px 0px !important;
		background-size: auto !important;
	}
}

@media (min-width: 1600px) {
	.banner-hm-about-mosh {
		background: #fff url(../../../images/banners/banner-hm-about-mosh.jpg) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: auto !important;
	}
}

@media (min-width: 1920px) {
	.banner-hm-about-mosh {
		background: #fff url(../../../images/banners/banner-hm-about-mosh-lg.jpg) left top no-repeat;
		background-position: 0px 0px !important;
		background-size: 100% auto !important;
	}
}

.carousel-inner .item.banner-home-khumbulekhaya {
	background: url(../images/banner-hm-khumbulekhaya.jpg) left top no-repeat;
	background-size: cover;
}

@media (min-width: 1321px) {
	.carousel-inner .item.banner-home-khumbulekhaya {
		background-image: url(../images/banner-hm-khumbulekhaya-1920.jpg);
	}
}

.carousel-inner .item.banner-home-khumbulekhaya-newsletter {
	background: url(../images/banner-hm-khumbulekhaya-newsletter.jpg) left top no-repeat;
	background-size: cover;
}

@media (min-width: 1321px) {
	.carousel-inner .item.banner-home-khumbulekhaya-newsletter {
		background-image: url(../images/banner-hm-khumbulekhaya-newsletter-1920.jpg);
	}
}

/*--Home Banner Descriptors--*/
.hm-banner-descriptor {
	display: none;
	position: absolute;
	left: 55px;
	bottom: 55px;
	z-index: 1000;
	min-height: 30px;
}

@media (min-width: 768px) {
	.hm-banner-descriptor {
		display: block;
	}
}

@media (min-width: 992px) {
	.hm-banner-descriptor {
		display: block;
	}
}

@media (min-width: 1200px) {
	.hm-banner-descriptor {
		display: block;
	}
}

.hm-banner-descriptor p {
	color: #fff;
	font-size: 1.1em;
	line-height: 1.3em;
	font-weight: 400;
	padding: 6px 0 0 40px;
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

@media (min-width: 768px) {
	.hm-banner-descriptor p {
		font-size: 0.9em;
	}
}

@media (min-width: 992px) {
	.hm-banner-descriptor p {
		font-size: 1.1em;
	}
}

@media (min-width: 1200px) {
	.hm-banner-descriptor p {
		font-size: 1.1em;
	}
}

.hm-banner-descriptor p.hbd-red {
	background: url(../images/hbd-icon-red.png) left top no-repeat;
}

.hm-banner-descriptor p.hbd-blue {
	background: url(../images/hbd-icon-blue.png) left top no-repeat;
}

.hm-banner-descriptor p.hbd-green {
	background: url(../images/hbd-icon-green.png) left top no-repeat;
}

.hm-banner-descriptor p.hbd-yellow {
	background: url(../images/hbd-icon-yellow.png) left top no-repeat;
}

/*--Banner Image Block--*/
.bnr-img-block {
	display: block;
	text-align: center;
	padding: 0;
	background: none;
	width: 100%;
	min-height: 120px;
	max-height: 120px;
	height: auto;
	position: relative;
}

@media (min-width: 480px) {
	.bnr-img-block {
		width: 50%;
		min-height: 50px;
		max-height: 120px;
	}
}

@media (min-width: 768px) {
	.bnr-img-block {
		width: 40%;
		min-height: 100px;
	}
}

@media (min-width: 992px) {
	.bnr-img-block {
		width: 60%;
		min-height: 600px;
	}
}

@media (min-width: 1200px) {
	.bnr-img-block {
		width: 70%;
		min-height: 600px;
	}
}

.bnr-img-block img {
	display: block;
	margin: 0;
	padding: 0;
	float: none;
	height: auto;
}

.bnr-img-block img.icon {
	margin: 0 0 0 30%;
	width: 30%;
	padding: 30px 0 0;
	max-width: 740px;
}

@media (min-width: 480px) {
	.bnr-img-block img.icon {
		margin: 0 0 0 30%;
		width: 60%;
		padding: 20px 0 0;
	}
}

@media (min-width: 768px) {
	.bnr-img-block img.icon {
		margin: 0 0 0 10%;
		width: 60%;
		padding: 70px 0 0;
	}
}

@media (min-width: 992px) {
	.bnr-img-block img.icon {
		margin: 0 0 0 10%;
		width: 60%;
		padding: 70px 0 0;
	}
}

@media (min-width: 1200px) {
	.bnr-img-block img.icon {
		margin: 0 0 0 10%;
		width: 60%;
		padding: 70px 0 0;
	}
}

@media (min-width: 1920px) {
	.bnr-img-block img.icon {
		margin: 0 0 0 30%;
		width: 60%;
		padding: 70px 0 0;
	}
}

/*--Bannerblock--*/
.bannerblock {
	display: block;
	text-align: left !important;
	padding-right: 0px !important;
	padding-left: 0px !important;
	background: none;
	width: 100%;
	min-height: 40vh;
	height: auto;
	position: absolute;
	right: 0;
	bottom: 0px;
}

@media (min-width: 780px) {
	.bannerblock {
		height: 100%;
		position: absolute;
		right: 0;
		bottom: 120px;
		width: 600px;
		background: #fff;
	}
}

@media (min-width: 992px) {
	.bannerblock {
		height: 100%;
		position: absolute;
		right: 0;
		bottom: 120px;
		width: 600px;
		background: #fff;
	}
}

@media (min-width: 1200px) {
	.bannerblock {
		height: 100%;
		position: absolute;
		right: 0;
		bottom: 120px;
		width: 600px;
		background: #fff;
	}
}

/*--Bannerblock Large--*/
.bannerblock.lg {
	display: block;
	text-align: left !important;
	padding-right: 0px !important;
	padding-left: 0px !important;
	background: none;
	width: 100%;
	min-height: 600px;
	height: 100%;
	position: relative;
}

@media (min-width: 768px) {
	.bannerblock.lg {
		position: absolute;
		right: 0;
		bottom: 120px;
		width: 100%;
		max-width: 900px;
		background: #fff;
	}
}

@media (min-width: 992px) {
	.bannerblock.lg {
		position: absolute;
		right: 0;
		bottom: 120px;
		width: 80%;
		max-width: 900px;
		background: #fff;
	}
}

@media (min-width: 1200px) {
	.bannerblock.lg {
		position: absolute;
		right: 0;
		bottom: 120px;
		width: 70%;
		background: #fff;
	}
}

.bannerblock.lg .bblock-top {
	top: -100px;
	width: 100%;
	height: 100px;
}

.bannerblock.lg .bblock-top p {
	width: 96%;
	padding: 26px 0 0 20%;
}

/*--BannerBlock Top Icon Smaller--*/
.bblock-icon.sml {
	display: block;
	width: 15%;
	height: auto;
	max-width: 110px;
	max-height: 110px;
	position: absolute;
	left: 0;
	bottom: 0;
}

@media (min-width: 768px) {
	.bblock-icon.sml {
		width: 110px;
		height: 110px;
	}
}

@media (min-width: 992px) {
	.bblock-icon.sml {
		width: 110px;
		height: 110px;
	}
}

@media (min-width: 1200px) {
	.bblock-icon.sml {
		width: 110px;
		height: 110px;
	}
}

.bannerblock.brdr-lwh {
	border-left: 2px solid #fff;
}

.bannerblock.brdr-lr {
	border-left: 2px solid #ee2b37;
}

.bannerblock.brdr-lr2 {
	border-left: 2px solid #ff7f32;
}

.bannerblock.brdr-lbl {
	border-left: 2px solid #0055a6;
}

.bannerblock.nbk {
	background: none;
}

@media (min-width: 768px) {
	.bannerblock.nbk {
		background: none;
	}
}

@media (min-width: 992px) {
	.bannerblock.nbk {
		background: none;
	}
}

@media (min-width: 1200px) {
	.bannerblock.nbk {
		background: #fff;
	}
}

/*--Bannerblock Content Area--*/
.bblock {
	display: block;
	width: 100%;
	min-height: 310px;
	padding: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: left !important;
}

.bblock .row {
	position: relative;
	padding: 20px 20px 15px 20px;
}

.bblock .row.tight {
	padding: 0px 20px 15px 20px;
}

.bblock .row.tight-2 {
	padding: 0px 20px 0px 20px;
}

.bblock .row.tight-3 {
	padding: 0px;
}

.bblock .row.tightlft {
	padding: 0px 20px 15px 0px;
}

.bblock .row.btmbrdr {
	border-bottom: 1px dotted #ccc;
	margin-bottom: 10px;
	padding: 0px 20px 10px 20px;
}

.tightlft1 {
	padding-left: 0;
}

.tight {
	padding-left: 0;
	padding-right: 0;
}


.btmbrdr-agm {
	border-bottom: 1px dotted #ccc;
	margin-bottom: 10px;
	padding: 0px 20px 5px 0px;
}

.cblock {
	display: inline-block;
	position: relative;
	text-align: left !important;
	padding-top: 20px;
}

@media (min-width: 768px) {
	.cblock {
		padding-top: 60px;
	}
}

@media (min-width: 992px) {
	.cblock {
		padding-top: 60px;
	}
}

@media (min-width: 1200px) {
	.cblock {
		padding-top: 60px;
	}
}

@media (min-width: 1920px) {
	.cblock {
		padding-top: 60px;
	}
}

.bblock h1,
.cblock h1 {
	display: block;
	color: #fff;
	font-size: 2.5em;
	margin-bottom: 0.2em;
	line-height: 1.0em;
}

.bblock h1.ulc {
	text-transform: none !important;
}

.bblock h1 a,
.cblock h1 a {
	color: #fff;
}

.bblock h2,
.cblock h2 {
	display: block;
	color: #fff;
	font-size: 2em;
	margin-bottom: 0.2em;
}

.bblock h2 a,
.cblock h2 a {
	color: #fff;
}

.bblock h3,
.cblock h3 {
	display: block;
	color: #fff;
	font-size: 1.6em;
	line-height: 1.10em;
	margin-bottom: 0.25em;
}

.bblock h3 span,
.cblock h3 span {
	font-size: 0.9em;
	line-height: 0.9em;
}

.bblock h4,
.cblock h4 {
	display: block;
	color: #fff;
	font-size: 1.4em;
	line-height: 1.2em;
	margin-bottom: 0.5em;
}

.bblock h5,
.cblock h5 {
	color: #fff;
	font-size: 1.2em;
	line-height: 1.25em;
	margin-top: 0px;
	margin-bottom: 0.5em;
	font-weight: 700;
}

.bblock h5 a,
.cblock h5 a {
	color: #fff;
}

.bblock h6,
.cblock h6 {
	color: #fff;
	font-weight: 700;
}

.bblock h5.nombtmrg {
	margin-bottom: 0.1em;
}

.bblock h5 span,
.cblock h5 span {
	font-weight: 300;
	font-size: 0.8em;
}

.bblock p,
.cblock p {
	color: #fff;
	font-size: 0.9em;
	line-height: 1.4em;
	margin: 0 0 0.2em 0;
}

.bblock .bmrgn p,
.cblock .bmrgn p {
	margin: 0 0 0.7em 0;
	line-height: 1.2em;
}

.bblock p strong,
.cblock p strong {
	color: #fff;
}

.bblock p a,
.cblock p a {
	color: #fff;
	text-decoration: underline;
}

.bblock p.lead,
.cblock p.lead {
	font-size: 1.2em;
	line-height: 1.45em;
	margin: 0 0 0.5em 0;
}

@media (min-width: 480px) {

	.bblock p.lead,
	.cblock p.lead {
		font-size: 1.1em;
		line-height: 1.25em;
	}
}

@media (min-width: 768px) {

	.bblock p.lead,
	.cblock p.lead {
		font-size: 1.1em;
		line-height: 1.3em;
	}
}

@media (min-width: 992px) {

	.bblock p.lead,
	.cblock p.lead {
		font-size: 1.1em;
		line-height: 1.4em;
	}
}

@media (min-width: 1200px) {

	.bblock p.lead,
	.cblock p.lead {
		font-size: 1.15em;
		line-height: 1.4em;
	}
}

.bblock p.descriptor,
.bblock p span.descriptor {
	font-size: 0.8em;
	color: #fff;
	margin-bottom: 0.5em;
	font-weight: 300;
}

.bblock ul {}

.bblock ul li {
	color: #fff;
	font-size: 0.9em;
	line-height: 1.4em;
	margin: 0 0 0.3em 0;
	padding: 0 0 0 6px;
}

.nombtmrg {
	margin-bottom: 0.1em;
}

.bblock img.icon {
	margin: 0 auto 0.5em auto;
	max-height: 150px;
}

.col-tl {
	padding-left: 0px;
}

/*--Bannerblock Heading bar--*/
.bblock-heading {
	padding-left: 15px;
}

span.lowercase {
	text-transform: none !important;
}

/*--Bannerblock Button--*/
.bblock .btn-default {
	color: #000;
	background: #fff;
	text-transform: uppercase;
	font-size: 0.9em;
	text-decoration: none;
	padding: 5px 1em;
}

.bblock .btn-default:hover {
	color: #fff !important;
	background: #000 !important;
}

.bblock .btn-default.feature {
	color: #000 !important;
	background: #fff !important;
}

.bblock .btn-default.feature:hover {
	color: #fff !important;
	background: #000 !important;
}

.btn-default.ibhoriz {
	display: inline-block;
	padding-right: 20px;
}

.btn-default.sml {
	font-size: 0.6em !important;
	margin: 5px 0 10px 0 !important;
	padding: 3px 10px 5px !important;
}

.bblock hr {
	clear: both;
	height: 1px;
	margin: 0 0 1em 0;
	padding: 0;
}

.pdl1 {
	padding-left: 10%;
}

/*banner title lower case*/
.lowc {
	text-transform: lowercase;
}

/*--Bannerblock Content Colour Coding--*/

/*--Red--*/
.bblock.red {
	background: #ee2b37;
}

.banner-safety-day .bblock.red {
	background: #f5823c;
}

.bblock.red .btn-default {
	border-radius: 0;
	color: #edaa63;
	background: #af122a;
	font-size: 0.75em;
	margin: 0px 0 8px 0;
}

.bblock.red .btn-default.feature {
	color: #ee2b37 !important;
}

.bblock.red .bblock-icon {
	background: #af122a;
}

.bblock.red .bblock-icon.red2 {
	background: #f5823c;
}

.btn-default.btmrg {
	margin-bottom: 0px !important;
	text-decoration: none;
	padding: 5px 1em;
	margin-right: 7px !important
}

/*--Blue--*/
.bblock.blue {
	background: #0055a6;
}

.bblock.blue .btn-default {
	border-radius: 0;
	color: #0055a6;
	background: #72addf;
	font-size: 0.8em;
	margin: 10px 0 10px 0;
}

.bblock.blue .bblock-icon {
	background: #72addf;
}

.bblock.blue .bblock-icon.blue2 {
	color: #00213f;
}

/*--Green--*/
.bblock.green {
	background: #00ad69;
}

.bblock.green .btn-default {
	border-radius: 0;
	color: #fff;
	background: #007749;
	font-size: 0.8em;
	margin: 10px 0 10px 0;
}

.bblock.green .bblock-icon {
	background: #007749;
}

.bblock.green .bblock-icon.green2 {
	background: #97d700;
}

/*--Yellow--*/
.bblock.yellow {
	background: #e18127;
}

.bblock.yellow .btn-default {
	border-radius: 0;
	color: #d37824;
	background: #fedb00;
	font-size: 0.8em;
	margin: 10px 0 10px 0;
}

.bblock.yellow .bblock-icon {
	background: #feb818;
}

.bblock.yellow .bblock-icon.yellow2 {}

/*--BannerBlock Top--*/
/*--BannerBlock Top Quote (with icon)--*/
.bblock-top {
	position: absolute;
	left: 0;
	top: -130px;
	width: 100%;
	height: 130px;
	background: #fff;
}

.bblock-top p {
	display: block;
	width: 92%;
	padding: 40px 0 0 30%;
	color: #989797;
	font-style: italic;
	font-size: 1.0em;
	line-height: 1.5em;
}

.bblock-top p span {
	font-size: 0.8em;
}

/*--BannerBlock Top Icon--*/
.bblock-icon {
	display: block;
	width: 20%;
	height: auto;
	max-width: 130px;
	max-height: 130px;
	position: absolute;
	left: 0;
	bottom: 0;
}

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

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

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

.bblock-icon img {
	width: 100%;
}


/*--Media releases type list style--*/
ul.media-rel {
	margin: 0;
	padding: 0;
}

ul.media-rel li {
	color: #fff;
	border-bottom: 0px dotted #ccc;
	margin: 0 0 10px 0;
	padding: 0px 20px 0px 15px;
	list-style: none;
}

ul.media-rel li:last-child {
	border-bottom: none !important;
	padding: 0px 20px 0px 15px;
}

ul.media-rel li a {
	color: #fff;
}

ul.media-rel li:before {
	content: '\f054';
	color: #fff;
}

ul.media-rel li h5 {
	font-size: 1.0em;
	line-height: 1.3em;
}

ul.media-rel li p.descriptor {
	font-size: 0.7em;
	margin-bottom: 0.5em;
}


/*--HOME BANNER WITH FULL CONTENT--*/

.banner-full {
	margin: 0;
	padding: 0;
	background: rgba(0, 0, 0, 0.5);
	height: 120%;
	min-height: 200px;
}

.banner-full .bblock {
	position: relative;
	display: block;
	height: auto !important;
	min-height: 100px;
	left: inherit;
	bottom: inherit;
}

@media (min-width: 480px) {
	.banner-full .bblock {
		display: block;
		height: auto !important;
		min-height: 100px;
	}
}

@media (min-width: 768px) {
	.banner-full .bblock {
		display: block;
		height: auto !important;
		min-height: 100px;
	}
}

@media (min-width: 992px) {
	.banner-full .bblock {
		display: inline-block;
		height: 100% !important;
		min-height: 200px;
	}
}

@media (min-width: 1200px) {
	.banner-full .bblock {
		display: inline-block;
		height: 100% !important;
		min-height: 200px;
	}
}

/*--When there's no .bblock-top with icon above the bblock--*/
.banner-full .bblock.notop {
	margin-top: 20px;
}

@media (min-width: 480px) {
	.banner-full .bblock.notop {
		margin-top: 20px;
	}
}

@media (min-width: 768px) {
	.banner-full .bblock.notop {
		margin-top: 20px;
	}
}

@media (min-width: 992px) {
	.banner-full .bblock.notop {
		margin-top: 30px;
	}
}

@media (min-width: 1200px) {
	.banner-full .bblock.notop {
		margin-top: 30px;
	}
}

.banner-full .bblock.notop p {
	font-size: 0.85em;
	margin: 0 0 0.7em 0;
	line-height: 1.25em;
}

.banner-full .bblock .row {
	position: relative;
	padding: 20px 20px 15px 20px;
}

.last {
	position: relative;
	padding-right: 0;
	display: block;
	vertical-align: bottom;
	height: auto;
}

@media (min-width: 480px) {
	.last {
		display: block;
		height: auto;
	}
}

@media (min-width: 768px) {
	.last {
		display: block;
		height: 50%;
	}
}

@media (min-width: 992px) {
	.last {
		display: inline-block;
		height: 80%;
	}
}

@media (min-width: 1200px) {
	.last {
		display: inline-block;
		height: 80%;
	}
}

.banner-full .bannerblock {
	width: auto;
	bottom: inherit;
	min-height: 100px;
	height: auto;
}

@media (min-width: 480px) {
	.banner-full .bannerblock {
		min-height: 100px;
		height: auto;
	}
}

@media (min-width: 768px) {
	.banner-full .bannerblock {
		min-height: 100px;
		height: auto;
	}
}

@media (min-width: 992px) {
	.banner-full .bannerblock {
		min-height: 500px;
		height: 100%;
	}
}

@media (min-width: 1200px) {
	.banner-full .bannerblock {
		min-height: 500px;
		height: 100%;
	}
}

.banner-full .bblock-top {
	position: relative;
	top: inherit;
	left: inherit;
	padding: 50px 0 20px 0;
	width: 100%;
	min-height: 170px;
	background: #fff;
}

.banner-full .bblock-icon {
	z-index: 10000;
	display: block !important;
}

.banner-full .bblock-icon.red {
	background: #af122a;
}

.banner-full ul.media-rel {
	margin: 0 0 10px 0;
	padding: 0;
}

.banner-full ul.media-rel li {
	margin: 0 0 12px 0;
}

.banner-full ul.media-rel li h5 {
	font-size: 0.95em;
	line-height: 1.3em;
}

.cblock {}

.cblock .row {
	padding-left: 2%;
}

.cblock h3 {
	margin-bottom: 0.8em;
}

.cblock h4 {
	margin-bottom: 0.8em;
}

/*--banner full end--*/


/* Reset li:before */
.carousel-indicators li:before,
nav ul.pagination li:before {
	content: "";
}

/*--Carousel control--*/
.carousel-control {
	width: 3%;
}

.carousel-control.left {
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0000) 0%, rgba(0, 0, 0, .0000) 90%);
	background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0000) 0%, rgba(0, 0, 0, .0000) 90%);
	background-image: linear-gradient(to right, rgba(0, 0, 0, .0000) 0%, rgba(0, 0, 0, .0000) 90%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
	background-repeat: repeat-x;
}

.carousel-control.right {
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0000) 0, rgba(0, 0, 0, .00001) 90%);
	background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0000) 0, rgba(0, 0, 0, .00001) 90%);
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0000)), to(rgba(0, 0, 0, .00001)));
	background-image: linear-gradient(to right, rgba(0, 0, 0, .0000) 0, rgba(0, 0, 0, .00001) 90%);
}

.carousel-control:hover,
.carousel-control:focus {
	color: #fff;
	text-decoration: none;
	filter: alpha(opacity=100);
	outline: 0;
	opacity: 1;
}

.container {
	position: relative;
}


/*--HOME SECTIONS--*/
#home section {
	margin: 0;
	padding: 50px 0;
	text-align: left;
	min-height: 300px;
}

#home section h2 {
	display: block;
	padding: 7px 0 20px 65px;
	color: #fff;
	text-transform: uppercase !important;
	font-size: 2em;
}

/*--Home Register--*/
#home section.register {
	min-height: 0;
	padding: 35px 0 10px 0
}

/*--Latest News--*/
#home section.latest-news {
	margin-top: 100px;
	background: #f2f3f2;
}

@media (min-width: 480px) {
	#home section.latest-news {
		margin-top: 100px;
	}
}

@media (min-width: 768px) {
	#home section.latest-news {
		margin-top: 0px;
	}
}

@media (min-width: 992px) {
	#home section.latest-news {
		margin-top: 0px;
	}
}

@media (min-width: 1200px) {
	#home section.latest-news {
		margin-top: 0px;
	}
}

/*--Latest News--
#home section.latest-news {margin-top:190px; background:#f2f3f2;}
@media (min-width: 768px) { #home section.latest-news {margin-top:117px;} }
@media (min-width: 992px) { #home section.latest-news {margin-top:117px;} }
@media (min-width: 1200px) { #home section.latest-news {margin-top:117px;} }
--*/



.btn-default.aside {
	display: block;
	position: relative;
	top: inherit;
	right: inherit;
	font-size: 1.0em;
	text-align: center;
	width: 130px;
	height: auto;
	float: none;
	margin-bottom: 10px;
}

@media (min-width: 768px) {
	.btn-default.aside {
		position: absolute;
		top: 35px;
		right: 40px;
		float: none;
	}
}

@media (min-width: 992px) {
	.btn-default.aside {
		position: absolute;
		top: 35px;
		right: 40px;
		float: none;
	}
}

@media (min-width: 1200px) {
	.btn-default.aside {
		position: absolute;
		top: 35px;
		right: 40px;
		float: none;
	}
}

.btn-default.aside.ba2 {
	top: inherit;
	font-size: 0.9em;
	width: 200px;
	height: auto;
	padding: 5px 6px 6px;
}

@media (min-width: 768px) {
	.btn-default.aside.ba2 {
		top: 40px;
		padding: 5px 12px 6px;
	}
}

@media (min-width: 992px) {
	.btn-default.aside.ba2 {
		top: 40px;
		padding: 5px 12px 6px;
	}
}

@media (min-width: 1200px) {
	.btn-default.aside.ba2 {
		top: 75px;
		padding: 5px 12px 6px;
	}
}

.btn-default.aside.ba1 {
	top: inherit;
	font-size: 0.9em;
	width: 200px;
	height: auto;
	padding: 5px 6px 6px;
}

@media (min-width: 768px) {
	.btn-default.aside.ba1 {
		top: 75px;
		padding: 5px 12px 6px;
	}
}

@media (min-width: 992px) {
	.btn-default.aside.ba1 {
		top: 75px;
		padding: 5px 12px 6px;
	}
}

@media (min-width: 1200px) {
	.btn-default.aside.ba1 {
		top: 110px;
		padding: 5px 12px 6px;
	}
}

#home section.latest-news h2 {
	color: #000 !important;
}

#home section.latest-news .news-list h2 {
	background: url(../images/hmh-icon-news.png) left top no-repeat;
}

#home section.latest-news h2.facebook {
	background: url(../images/icon-facebook.png) left top no-repeat;
}

#home section.latest-news h2.twitter {
	background: url(../images/icon-twitter.png) left top no-repeat;
}

#home section.latest-news h2.linkedin {
	background: url(../images/icon-linkedin-in.png) left top no-repeat;
}

#home section.register h2 {
	background: url(../images/icon-register.png) left top no-repeat;
	color: #000
}
#grey section.register .subscribe h2 {
	background: url(../images/icon-register.png) left top no-repeat;
	color: #000
}
#grey section.register .subscribe h2 {
    display: block;
    padding: 7px 0 20px 65px;
    text-transform: uppercase !important;
    font-size: 2em;
}

.news-list p,
.latest-news a.mod-articles-category-title {
	font-weight: 700;
	margin-bottom: 0.3em;
}

.news-list p a {
	color: #555;
}

.news-list p a:hover {
	color: #000;
}

.latest-news .descriptor {
	font-size: 0.9em;
	font-weight: 300;
	margin-bottom: 0.3em;
	display: block;
}

.latest-news h6 {
	font-weight: 700;
	margin-bottom: 0
}



/*--News Buttons--*/
.latest-news .btn-news {
	display: inline-block;
	position: relative;
	font-size: 0.9em;
	text-align: center;
	width: auto;
	height: auto;
	float: none;
	margin: 0 10px 10px 0;
	padding: 5px 10px 5px 14px;
	background: #00ad69;
	border: 0px;
	color: #fff;
	font-weight: 500;
	border-radius: 0px;
	-webkit-transition: background 0.2s ease;
	transition: background 0.2s ease;
}

@media (min-width: 768px) {
	.latest-news .btn-news {
		padding: 5px 14px 6px 14px;
		font-size: 1.0em;
	}
}

@media (min-width: 992px) {
	.latest-news .btn-news {
		padding: 5px 14px 6px 14px;
		font-size: 1.0em;
	}
}

@media (min-width: 1200px) {
	.latest-news .btn-news {
		padding: 5px 14px 6px 14px;
		font-size: 1.0em;
	}
}

.latest-news .btn-news:hover {
	background: #97d700;
	color: #fff;
	text-decoration: none;
}

.newsbuttons {
	text-align: left;
	margin-bottom: 20px;
}

@media (min-width: 768px) {
	.newsbuttons {
		text-align: right;
	}
}

@media (min-width: 992px) {
	.newsbuttons {
		text-align: right;
	}
}

@media (min-width: 1200px) {
	.newsbuttons {
		text-align: right;
	}
}

/*--Ftr Buttons--*/
#home section.ftrbuttons {
	margin-top: 0;
	padding: 25px 0;
	background: #007749;
	text-align: center;
	min-height: 30px;
}

.ftrbuttons .btn {
	display: inline-block;
	position: relative;
	font-size: 1.1em;
	text-align: center;
	width: auto;
	height: auto;
	min-height: 36px;
	float: none;
	margin: 0 15px 0px 0;
	padding: 8px 14px 9px 14px;
	background: #00ad69;
	border: 2px solid #60b883;
	color: #fff;
	font-weight: 500;
}

.ftrbuttons .btn:hover {
	background: #97d700;
	color: #fff;
	border: 2px solid #97d700;
}


/*--Home Our Websites--*/
#home section.our-websites {
	background: #79c89b;
}

.our-websites h2 {
	color: #fff;
	background: url(../images/hmh-icon-our-websites.png) left top no-repeat;
}

.webblock {
	margin-bottom: 20px;
	height: auto;
}

@media (min-width: 768px) {
	.webblock {
		height: 280px;
	}
}

@media (min-width: 992px) {
	.webblock {
		height: 275px;
	}
}

@media (min-width: 1200px) {
	.webblock {
		height: 286px;
	}
}

@media (min-width: 1600px) {
	.webblock {
		height: 286px;
	}
}

.webblock img {
	display: block;
	margin-bottom: 0.3em;
	border: 1px solid #000;
}

.webblock img:hover {
	border: 1px solid #fff;
}

.webblock .btn-default {
	padding: 5px 10px 6px;
	font-size: 0.7em;
}

.webblock h4 {
	min-height: 48px;
	display: inline-block;
	vertical-align: baseline;
}

/*--Home Adverts--*/
#home section.adverts {
	padding: 30px 0 50px 0;
	min-height: 100px;
	background: #00ac67;
	/* #00ac67; */
	border-bottom: 2px solid #fff;
}

#home section.adverts h2 {
	color: #fff;
}

#home section.adverts h2 {
	color: #fff;
	background-size: 50px;
}

.adverts a {
	width: auto;
	margin: 0 auto;
	padding: 0;
	border: 2px solid #fff;
	display: block;
	background: #fff;
}

.adverts a:hover {
	margin: 0;
	padding: 0;
	border: 2px solid #000;
	background: #fff;
}

.adverts img {
	text-align: center;
	opacity: 1;
}

.adverts img:hover {
	opacity: 1;
	transition: all 0.8s;
	-webkit-transition: all 0.5s;
}

/*--Home Adverts - African Mining Indaba 2020--*/
.ami2020 {
	background: #fff;
}

#home section.adverts .ami2020 h2 {
	color: #fff;
	background: url(../images/icon-africa.svg) left top no-repeat;
	background-size: 50px;
}

/*--Home Advert - SA Earth Observation challenge 2019--*/
/*--
#home section.adverts {padding:30px 0 50px 0; min-height:100px; background:#79c89b; /* #00ac67; */
/*-- 
border-bottom:2px solid #fff; }
#home section.adverts h2.earth {color: #fff; background: url(../images/icon-earth.svg) left top no-repeat; background-size:50px;}
--*/

/*--Home Connect--*/
section.connect {
	background: #00ac67;
}

.connect h2 {
	color: #fff;
	background: url(../images/icon-video.png) left top no-repeat;
}

.connect h4 {
	color: #00ac67;
	padding: 0 0 10px 45px;
}

.connect h4.youtube {
	background: url(../images/conn-icon-youtube.png) left top no-repeat;
}

.connectbox {
	min-height: 250px;
	background: #fff;
	padding-top: 25px;
	padding-bottom: 25px;
	margin-bottom: 15px;
}

.connectbox p {
	font-size: 0.75em;
	line-height: 1.5em;
}

.connectbox p a {
	color: #000;
}

.connectbox.yt {}

.connectbox.yt img {
	width: 100%;
	margin: 0 auto 0.5em auto;
}

/*--Our Markets--*/
section.our-markets {
	background: #007749;
}

.our-markets h2 {
	color: #fff;
	background: url(../images/hmh-icon-our-markets.png) left top no-repeat;
}

.zarprice {
	background: #97d700;
	padding-top: 20px;
	padding-bottom: 20px;
	float: none;
}

@media (min-width: 768px) {
	.zarprice {
		float: left;
	}
}

@media (min-width: 992px) {
	.zarprice {
		float: left;
	}
}

@media (min-width: 1200px) {
	.zarprice {
		float: left;
	}
}

.zarprice h3 {
	color: #000;
	font-size: 2.2em;
	font-weight: 300;
	margin-bottom: 0.1em;
}

.zarprice h3 span {
	color: #000;
	font-weight: 700;
}

.zarprice p.descriptor {
	color: #000;
	font-size: 0.6em;
	margin-bottom: 0.2em;
}

.markets {
	background: #fff;
	float: none;
	width: 100%;
	margin-left: 0px;
	padding: 20px 25px;
}

@media (min-width: 768px) {
	.markets {
		float: left;
		width: 62%;
		margin-left: 15px;
	}
}

@media (min-width: 992px) {
	.markets {
		float: left;
		width: 65%;
		margin-left: 15px;
	}
}

@media (min-width: 1200px) {
	.markets {
		float: left;
		width: 65%;
		margin-left: 15px;
	}
}

.markets ul {
	margin: 0;
	padding: 0;
}

.markets li {
	display: block;
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	border-bottom: 2px dotted #ccc;
	list-style: none;
	background: none;
}

.markets li:before {
	display: none !important;
	content: '';
}

.markets p {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 1.0em;
	line-height: 1em;
	vertical-align: bottom;
	position: relative;
}

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

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

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

.markets p span {
	display: inline-block;
}

.markets p span.commodity {
	margin: 0 0px 0 0;
	padding: 0;
	color: #00ac67;
	font-size: 0.9em;
	font-weight: 700;
	width: 40%;
}

.markets p span.currency {
	color: #97d700;
}

.markets p span.value {
	color: #000;
	font-size: 1.2em;
	font-weight: 700;
}

.markets p span.measure {
	color: #000;
	font-size: 0.8em;
	font-weight: 300;
}

.markets p span.movement {
	padding-left: 15px;
	color: #686868;
	font-size: 0.5em;
	font-weight: 300;
	position: relative;
	float: right;
}

.markets p span.movement.m-up:before {
	color: #c3c3c3;
	font-family: 'FontAwesome';
	font-size: 1.3em;
	position: absolute;
	left: 0;
	top: 0;
	content: "\f0d8";
}

/*-- fa-caret-up --*/

.markets p span.movement.m-down:before {
	color: #c3c3c3;
	font-family: 'FontAwesome';
	font-size: 1.3em;
	position: absolute;
	left: 0;
	top: 0;
	content: "\f0d7";
}

/*-- fa-caret-down --*/

.markets br {
	padding: 0;
}


/*--We care--*/
section.we-care {
	background: #97d700;
}

.we-care h2 {
	color: #fff;
	background: url(../images/hmh-icon-we-care.png) left top no-repeat;
}

.we-care h3 {
	color: #000;
	margin: 30px 0 0 0;
}

.we-care h5 {
	color: #000;
	font-size: 1.2em;
}

.we-care p {
	padding: 0 0 0 25px;
	font-size: 0.8em;
	line-height: 1.5em;
}

.we-care p.lead {
	padding-bottom: 0;
	font-size: 1em;
	font-weight: 500;
}

.we-care .content {
	padding-top: 30px;
	padding-bottom: 25px;
	background: url(../images/wcc-backtile.png) left top repeat-y;
}

.we-care .content img {
	margin: 5px 0 0 0;
	border: 2px solid #fff;
}

.we-care-popup {
	padding-left: 0 !important;
}

/*--POP-UP BLUE--*/
section.popup-blue {
	background: #0054a5;
}

.popup-blue h2 {
	color: #fff;
	background: url(../images/hmh-icon-our-websites.png) left top no-repeat;
}

.popup-blue h3 {
	color: #000;
	margin: 30px 0 0 0;
}

.popup-blue h5 {
	color: #000;
	font-size: 1.2em;
}

.popup-blue p {
	padding: 0 0 0 25px;
	font-size: 0.8em;
	line-height: 1.5em;
	color: #fff;
}

.popup-blue p.lead {
	padding-bottom: 0;
	font-size: 1em;
	font-weight: 500;
}

.popup-blue .content {
	padding-top: 30px;
	padding-bottom: 25px;
	background-color: #ffffff;
}

.popup-blue .content img {
	margin: 5px 0 0 0;
	border: 2px solid #fff;
}


/*--women day pop up--*/
section.we-care-w {
	background: #ffffff;
}

.we-care-w h2 {
	color: #000000;
	padding: 0;
	margin: 0;
}

.we-care-w h3 {
	color: #000000;
}

.we-care-w h5 {
	color: #000000;
	font-size: 1.2em;
	margin: 20px 0 10px 0;
}

.we-care-w h4 a {
	color: #ef3842;
	font-size: 1em;
}

.we-care-w p {
	padding: 0;
	font-size: 0.8em;
	line-height: 1.5em;
}

.we-care-w p.lead {
	padding-bottom: 0;
	font-size: 1em;
	font-weight: 500;
}

.we-care-w .content {
	padding-top: 10px;
	padding-bottom: 25px;
}

.we-care-w .content img {
	margin: 5px 0 0 0;
	border: 2px solid #fff;
}

.thumbnail-container {}

.thumbnail-container div img {
	box-shadow: 1px 2px 8px #000;
}

.custom-width {
	width: 14%;
}

.margBot10 {
	margin-bottom: 10px;
}

.news-list .thumbbox {
	width: 180px;
	height: 180px;
	position: relative;
	overflow: hidden;
	margin-bottom: 1rem;
}

.news-list .thumbbox img {
	min-width: 180px;
	height: auto;
	min-height: 180px;
	position: absolute;
	left: -5px
}

@media (min-width: 768px) {
	.custom-width {
		width: 14%;
	}
}

@media (min-width: 990px) {
	.custom-width {
		width: 14%;
		margin-bottom: 2%;
	}
}

@media (min-width: 1199px) {
	.custom-width {
		width: 14%;
		margin-right: 2%;
	}
}

.backtile {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	width: 30%;
	background: #97d700;
}

.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
	}
}

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

section.women-mining {
	background: #ffde00;
}

.quickfacts {
	background: #e08227;
	font-weight: bold;
	color: #ffffff
}

section.women-mining .content {
	background: #FFEFAB;
	padding: 1em
}

section.women-mining .btn-default {
	background: #ffb612;
	font-size: 1em
}

.quickfacts {
	height: 100%;
}

.quickfacts h4 {
	position: relative;
	font-size: 1.3em;
	margin-top: -5rem;
	color: #ffffff;
	text-align: center;
	text-transform: uppercase
}

.quickfacts ul {
	margin: 0;
	padding: 0
}

.quickfacts li {
	padding: 0;
	list-style-type: none;
	position: relative;
	min-height: 80px;
	display: flex;
	align-items: center
}

.quickfacts li strong {
	background: #ffb612;
	border-radius: 50%;
	color: #ffffff;
	text-align: center;
	width: 75px;
	height: 75px;
	line-height: 75px;
	font-size: 1.4em;
	position: absolute
}

.quickfacts li span {
	margin-left: 85px
}

/*--Footer--*/
section.footer {
	background: #d1d3d5;
}

/*--border divider--*/
.copyright-style {
	font-size: 0.75em;
	text-align: left;
}

@media (min-width: 768px) {
	.copyright-style {
		text-align: right;
	}
}

.footer-divider {
	border-top: 1px solid #7e7e7e;
	padding-top: 20px;
}

.footer-policy-menu p a {
	font-size: 0.9em;
	color: #7e7e7e;
	font-weight: 700;
}

.container2 {
	width: 100% !important;
	margin: 0;
	padding: 0;
}


/*--SECTIONS--*/
section {
	padding: 50px 0;
	position: relative;
}

/*--MAIN PAGE CONTENT--*/
section.section-main {
	margin-top: 0px;
	padding: 0px 0;
}

.section-main .container {
	min-height: 500px;
	padding: 40px 15px 50px 30px;
	width: auto;
}

@media (min-width: 768px) {
	.section-main .container {
		padding: 40px 15px 50px 30px;
		width: auto;
	}
}

@media (min-width: 992px) {
	.section-main .container {
		padding: 40px 15px 50px 30px;
		width: 95%;
	}
}

.section-main header {
	position: relative;
	padding: 0;
	margin: 0 0 20px 0;
	min-height: inherit;
	top: inherit;
	left: inherit;
	z-index: 1;
}

.section-main h1 {
	margin-left: -60px;
	font-size: 1.8em;
}

@media (min-width: 480px) {
	.section-main h1 {
		font-size: 2.1em;
	}
}

@media (min-width: 768px) {
	.section-main h1 {
		font-size: 2.3em;
	}
}

@media (min-width: 992px) {
	.section-main h1 {
		font-size: 2.6em;
	}
}

@media (min-width: 1200px) {
	.section-main h1 {
		font-size: 2.8em;
	}
}

@media (min-width: 1600px) {
	.section-main h1 {
		font-size: 3em;
	}
}

.section-main li {
	list-style: none;
	margin: 0 0 0.5em 0;
	padding: 0 0 0 20px;
	position: relative;
	/* background:url(../images/bullet-1.png) left 8px no-repeat; */
}

.section-main li ul li {
	margin: 0 0 0.5em 20px;
}

.section-main li:before,
.section-main ol li ul li:before {
	background: none;
	font-family: 'FontAwesome';
	font-size: 0.5em;
	position: absolute;
	left: 0;
	top: 0;
	content: "\f111";
	color: #3e91c9;
}

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

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

ul.lower-alpha li,
.section-main ul.lower-alpha li {
	list-style-type: lower-alpha !important;
	margin: 0px 0px 1em !important;
	padding: 0px 0px 0px 10px;
}

ul.lower-roman li,
.section-main ul.lower-roman li {
	list-style-type: lower-roman !important;
	margin: 0px 0px 1em !important;
	padding: 0px 0px 0px 10px;
}

.section-main img {
	margin-bottom: 1.3em;
}

.section-main p a,
.section-main li a {}

.section-main a:hover {
	color: #000 !important;
}

/*--BANNER--*/
#banner {
	width: 100%;
	height: 60vh;
	min-height: 220px;
	margin: 0;
	padding: 0;
	position: relative;
}

@media (min-width: 480px) {
	#banner {
		width: 100%;
		height: 60vh;
		min-height: 220px;
	}
}

@media (min-width: 768px) {
	#banner {
		width: 100%;
		height: 60vh;
		min-height: 230px;
	}
}

@media (min-width: 992px) {
	#banner {
		width: 100%;
		height: 60vh;
		min-height: 230px;
	}
}

.banner_134th_agm #banner {height: 40vh;min-height: 220px;}
@media (min-width: 480px) {.banner_134th_agm #banner {
		width: 100%;
		height: 40vh;
		min-height: 220px;}}
@media (min-width: 768px) {.banner_134th_agm #banner {
		width: 100%;
		height: 40vh;
		min-height: 230px;}}
@media (min-width: 992px) {.banner_134th_agm #banner {
		width: 100%;
		height: 40vh;
		min-height: 230px;}}

/*--
#banner {width:100%; height:250px; margin:0; padding:0; position:relative;}
@media (min-width: 480px) { #banner {width:100%; height:300px;} }
@media (min-width: 768px) { #banner {width:100%; height:400px;} }
@media (min-width: 992px) { #banner {width:100%; height:480px;} }
--*/

.banner_133rd_agm2 #banner {
	height: 40vh;
	min-height: 220px;
}

@media (min-width: 480px) {
	.banner_133rd_agm #banner {
		width: 100%;
		height: 40vh;
		min-height: 220px;
	}
}

@media (min-width: 768px) {
	.banner_133rd_agm #banner {
		width: 100%;
		height: 40vh;
		min-height: 230px;
	}
}

@media (min-width: 992px) {
	.banner_133rd_agm #banner {
		width: 100%;
		height: 40vh;
		min-height: 230px;
	}
}

.banner_mining_in_sa_26april2022 #banner {
	height: 250px;
}

@media (min-width: 480px) {
	.banner_mining_in_sa_26april2022 #banner {
		height: 250px;
	}
}

@media (min-width: 768px) {
	.banner_mining_in_sa_26april2022 #banner {
		height: 250px;
	}
}

@media (min-width: 992px) {
	.banner_mining_in_sa_26april2022 #banner {
		height: 200px;
	}
}

.banner_mining_in_sa_26april2022 #banner picture {
	background-position: left -270px;
}

#banner picture {
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	position: absolute;
	left: auto;
	top: 0;
	z-index: 0;
	overflow: hidden;
}

#banner picture img {
	display: inline-block;
	margin-top: 0px;
	width: 100%;
}

@media (min-width: 768px) {
	#banner picture img {
		width: 100%;
	}
}

@media (min-width: 992px) {
	#banner picture img {
		width: 100%;
	}
}

@media (min-width: 1200px) {
	#banner picture img {
		width: 100%;
	}
}

@media (min-width: 1920px) {
	#banner picture img {
		width: 100%;
	}
}

/*--Banner small--*/
.banner-small {
	background: #6babe5;
	width: 100%;
	height: 200px;
	margin: 0;
	padding: 0;
	position: relative;
	overflow: hidden;
}

@media (min-width: 480px) {
	.banner-small {
		width: 100%;
		height: 200px;
	}
}

@media (min-width: 768px) {
	.banner-small {
		width: 100%;
		height: 250px;
	}
}

@media (min-width: 992px) {
	.banner-small {
		width: 100%;
		height: 250px;
	}
}

@media (min-width: 1200px) {
	.banner-small {
		width: 100%;
		height: 350px;
	}
}

.banner-small .custom {
	width: 100%;
	height: 100%;
}

.banner-small picture {
	display: block;
	width: 100%;
	height: auto;
	text-align: center;
	position: absolute;
	left: auto;
	top: 0;
	z-index: 0;
	overflow: hidden;
}

.banner-small picture img {
	display: inline-block;
	margin-top: 20px;
	width: 100%;
}

@media (min-width: 768px) {
	.banner-small picture img {
		margin-top: 20px;
		width: 90%;
	}
}

@media (min-width: 992px) {
	.banner-small picture img {
		margin-top: 20px;
		width: 85%;
	}
}

@media (min-width: 1200px) {
	.banner-small picture img {
		margin-top: 20px;
		width: 90%;
	}
}

@media (min-width: 1600px) {
	.banner-small picture img {
		margin-top: 0px;
		width: 75%;
	}
}

.banner-small-covid-19 {
	display: block;
	width: 100%;
	height: 100%;
	background: #6babe5 url(../images/banners/banner-covid19-v2-1920.png) center top no-repeat;
	background-size: 100% auto;
	margin: 0;
	padding: 0;
}

/*--Banners Content Pages--Not used. The #banner is used!--*/
.banner {
	display: block;
	float: none;
	width: 100%;
	height: 250px;
	margin: 0;
	padding: 0;
	background-position: center top;
}

@media (min-width: 768px) {
	.banner {
		display: inline-block;
		float: left;
		width: 75%;
		height: 250px;
		background-position: center top;
	}
}

@media (min-width: 992px) {
	.banner {
		display: inline-block;
		float: left;
		width: 75%;
		height: 480px;
		background-position: center top;
	}
}

@media (min-width: 1200px) {
	.banner {
		display: inline-block;
		float: left;
		width: 75%;
		height: 480px;
		background-position: left top;
	}
}

.banner-about-us {
	background: url(../images/banner-about-us.jpg) left top no-repeat;
}

/*--Banner Quote--*/
.banner-quote {
	display: block;
	vertical-align: top;
	margin: 0;
	width: 100%;
	height: 60vh;
	min-height: 220px;
	padding: 20px 3% 20px 4%;
	background: #666;
	font-size: 1.1em;
	line-height: 1.8em;
}

@media (min-width: 768px) {
	.banner-quote {
		display: inline-block;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 50;
		width: 25%;
		height: 60vh;
		min-height: 230px;
		padding: 12vh 2% 20px 3%;
		font-size: 0.9em;
	}
}

@media (min-width: 992px) {
	.banner-quote {
		display: inline-block;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 50;
		width: 25%;
		height: 60vh;
		min-height: 230px;
		padding: 12vh 2% 20px 3%;
		font-size: 1.0em;
	}
}

@media (min-width: 1200px) {
	.banner-quote {
		display: inline-block;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 50;
		width: 25%;
		height: 60vh;
		min-height: 230px;
		padding: 12vh 2% 20px 3%;
		font-size: 1.1em;
	}
}

/*--Banner Quote--*/
/*--
.banner-quote {display:block; vertical-align:top; margin:0; width:100%; height:auto; min-height:100px; padding:20px 3% 20px 4%; background:#666; font-size:1.1em; line-height:1.8em;}
@media (min-width: 768px) { .banner-quote {display:inline-block; position:absolute; top:0; right:0; z-index:50; width:25%; height:480px; min-height:inherit; padding:100px 2% 20px 3%; font-size:0.9em;} }
@media (min-width: 992px) { .banner-quote {display:inline-block; position:absolute; top:0; right:0; z-index:50; width:25%; height:480px; min-height:inherit; padding:100px 2% 20px 3%; font-size:1.0em;} }
@media (min-width: 1200px) { .banner-quote {display:inline-block; position:absolute; top:0; right:0; z-index:50; width:25%; height:480px; min-height:inherit; padding:100px 2% 20px 3%; font-size:1.1em;} }  --*/

.banner-quote p {
	display: block !important;
	color: #fff;
	font-size: 1em;
	line-height: 1.6em;
}

@media (min-width: 480px) {
	.banner-quote p {
		font-size: 0.9em;
		line-height: 1.6em;
	}
}

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

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

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

@media (min-width: 1600px) {
	.banner-quote p {
		font-size: 1em;
		line-height: 1.8em;
	}
}

/*--FORM --MAIN PAGE--*/
.section-main input,
.section-main select,
.section-main textarea {
	background: #F9F9F9 !important
}

.section-main button,
.section-main input[type="button"],
.section-main input[type="submit"],
.section-main input[type="reset"] {
	display: block;
	margin: 10px 0 15px 0px;
	padding: 5px 12px 6px !important;
	color: #fff !important;
	background: #888 !important;
	width: auto;
	height: auto;
	border: none;
	border-radius: 0px;
	font-size: 0.7em;
	font-weight: 500;
	text-transform: uppercase;
}

.section-main button:hover,
.section-main input[type="button"]:hover,
.section-main input[type="submit"]:hover,
.section-main input[type="reset"]:hover {
	background: #d5ad64 !important;
	color: #fff;
}


/*--Page H1 main headings with icons--*/
.section-main h1,
.section-main .gbs3 h1 {
	padding-left: 65px !important;
	position: relative;
}

.section-main h1:before {
	font-family: 'FontAwesome';
	font-size: 0.75em;
	position: absolute;
	left: 0;
	top: 12px;
	color: #000;
}

/*--Custom H1 page icons--*/

/*-- About us - article H1 icons --*/
/*- .item-page-about-us h1:before{content:"\f2bb"; font-size:0.70em; }		/* fa-address-card */
/*--Our business - article H1 icons--*/
.item-page-about-us h1:before {
	content: "";
	background: url(../images/h-icon-about-us.png) left top no-repeat;
	width: 60px;
	height: 45px;
}


/*--HIGHLIGHTS BLOCKS--*/
.hilight {
	background: #dedddd;
	padding: 25px 35px;
	margin-bottom: 20px;
}

/*--Light Grey--*/

.hilight.hl-1 {
	background: #ccc;
}

.hilight.hl-1 h1,
.hilight.hl-1 h2,
.hilight.hl-1 h3,
.hilight.hl-1 h4,
.hilight.hl-1 h5,
.hilight.hl-1 h6,
.hilight.hl-1 p,
.hilight.hl-1 li {
	color: #fff;
}

.hilight.hl-2 {
	background: #666;
}

.hilight.hl-2 h1,
.hilight.hl-2 h2,
.hilight.hl-2 h3,
.hilight.hl-2 h4,
.hilight.hl-2 h5,
.hilight.hl-2 h6,
.hilight.hl-2 p,
.hilight.hl-2 li {
	color: #fff;
}

.hilight.hl-3 {
	background: #555;
}

.hilight.hl-3 h1,
.hilight.hl-3 h2,
.hilight.hl-3 h3,
.hilight.hl-3 h4,

.hilight.hl-3 h5,
.hilight.hl-3 h6,
.hilight.hl-3 p,
.hilight.hl-3 li {
	color: #fff;
}

.hilight.hl-4 {
	background: #777;
}

.hilight.hl-4 h1,
.hilight.hl-4 h2,
.hilight.hl-4 h3,
.hilight.hl-4 h4,
.hilight.hl-4 h5,
.hilight.hl-4 h6,
.hilight.hl-4 p,
.hilight.hl-4 li {
	color: #fff;
}


/*--ASIDE--*/
.section-main aside {
	float: right;
	padding-right: 0px;
	padding-left: 0px;
}

aside div {}

/*--SUBNAV ASIDE--*/
aside .sub-navigation {
	padding: 35px 3% 35px 10%;
	z-index: 0;
}

.sub-navigation h3 {
	color: #fff !important;
}

.sub-navigation ul.nav {
	padding: 0;
	z-index: 0;
}

.sub-navigation ul.nav li {
	list-style: none;
	padding: 0 0 0 12px;
	line-height: 1.3em;
	z-index: 0;
}

.sub-navigation ul.nav li:before {
	content: '\f105';
	color: #fff;
	font-size: 0.8em;
}

.sub-navigation ul.nav li:hover:before {
	color: #000;
}

.sub-navigation ul.nav a {
	color: #fff;
	padding: 0px 10px 0px 3px;
}

.sub-navigation ul.nav a:hover,
.sub-navigation ul.nav a.active {
	color: #000 !important;
	text-decoration: none;
	background: none;
}

.sub-navigation ul.nav ul,
.sub-navigation ul.nav ul.dropdown-menu {
	display: block;
	position: relative;
	background: none;
	border-radius: 0px;
	box-shadow: none;
	border: 0px;
	margin: 10px 0 0 0;
	padding: 5px 0 0;
	top: auto;
	left: auto;
	z-index: 0 !important;
    min-width:100px;
}

.sub-navigation ul.nav ul ul,
.sub-navigation ul.nav ul ul.dropdown-menu {
	margin: 10px 0 0 0;
	padding: 5px 0 0;
}

.sub-navigation ul.nav ul li {
	margin-left: 5px;
	border-bottom: none !important;
	font-size: 0.9em;
	line-height: 1.5em;
}

.sub-navigation ul.nav ul li.active a {
	background: none;
}

.sub-navigation ul.nav li.item-113 ul {
	display: none !important;
}

.sub-navigation ul.nav ul ul {
	display: block;
	position: relative;
	background: none;
	border-radius: 0px;
	box-shadow: none;
	border: 0px;
}

.sub-navigation ul.nav ul ul li a {
	padding-left: 0;
}


/*--Tint--Aside content block--*/
.tint {
	padding: 35px 3% 35px 10%;
}

.tint h3,
.tint h4 {
	text-transform: uppercase;
	color: #fff;
	line-height: 1.3em;
}

.tint h5,
.tint h6,
.tint p,
.tint li,
.tint span.descriptor {
	color: #fff;
	margin-bottom: 0.1em;
}

.tint h5 {
	font-size: 1.0em;
	font-weight: normal;
	font-weight: 400;
}

.tint span.descriptor {
	font-size: 0.8em;
}

.tint p {
	line-height: 1.3em;
}

.tint a {
	color: #fff;
}

.tint .custom {
	display: block;
}

/*--Heading scale--*/
.hscl {
	display: block;
	width: auto;
}


.colimg {
	padding-left: 0;
}

.coltxt {
	padding-left: 0px;
}

/*--CONTENT PAGE COLOUR CODING--*/

/*--BLUE PAGE--*/
#blue h2 {
	color: #0054a6;
}

#blue h3 {
	color: #5eaee0;
}

#blue .banner-quote {
	background: #0054a6;
}

#blue .sub-navigation {
	background: #5eaee0;
}

#blue .section-main .sub-navigation li:before {
	color: #fff;
}

#blue .hilight.hl-1 {
	background: #0054a6;
}

/*--Main--*/
#blue .hilight.hl-2 {
	background: #6babe5;
}

/*--Tint--*/
#blue .hilight.hl-3 {
	background: #00213f;
}

/*--Shade--*/
#blue .hilight.hl-4,
#blue .tint {
	background: #67c9d0;
}

/*--Highlight--*/
#blue .section-main li:before {
	color: #0054a6;
}

#blue .item-page a {
	color: #0054a6;
}

/*--RED PAGE--*/
#red h2 {
	color: #ed2636;
}

#red h3 {
	color: #ae122a;
}

#red .banner-quote {
	background: #ed2636;
}

#red .sub-navigation {
	background: #ae122a;
}

#red .section-main .sub-navigation li:before {
	color: #fff;
}

#red .hilight.hl-1 {
	background: #ed2636;
}

/*--Main--*/
#red .hilight.hl-2 {
	background: #f05a5e;
}

/*--Tint--*/
#red .hilight.hl-3 {
	background: #ae122a;
}

/*--Shade--*/
#red .hilight.hl-4,
#red .tint {
	background: #ff7f32;
}

/*--Highlight--*/
#red .section-main li:before {
	color: #ff7f32;
}

#red .item-page a {
	color: #ed2636;
}

/*--GREEN PAGE--*/
#green h2 {
	color: #00ad69;
}

#green h3 {
	color: #007749;
}

#green .banner-quote {
	background: #00ad69;
}

#green .sub-navigation {
	background: #79c89b;
}

#green .section-main .sub-navigation li:before {
	color: #fff;
}

#green .hilight.hl-1 {
	background: #00ad69;
}

/*--Main--*/
#green .hilight.hl-2 {
	background: #79c89b;
}

/*--Tint--*/
#green .hilight.hl-3 {
	background: #007749;
}

/*--Shade--*/
#green .hilight.hl-4,
#green .tint {
	background: #97d700;
}

/*--Highlight--*/
#green .section-main li:before {
	color: #00ad69;
}

#green .item-page a {
	color: #00ad69;
}

#green ul.nav-tabs {
	border-bottom: 3px solid #00ad69;
	margin-bottom: 0.75em;
	text-transform: uppercase
}

#green ul.nav-tabs li {
	border: none;
	padding: 0;
	margin: 0;
	position: relative;
	top: 1px;
	left: -1px
}

#green ul.nav-tabs li.active a {
	background: #00ad69;
	color: #ffffff
}

/*--YELLOW PAGE--*/
#yellow h2 {
	color: #fdb819;
}

#yellow h3 {
	color: #e08227;
}

#yellow .banner-quote {
	background: #e08227;
}

#yellow .sub-navigation {
    background: #ae122a;
}

#yellow .section-main .sub-navigation li:before {
	color: #fff;
}

#yellow .hilight.hl-1 {
	background: #fdb819;
}

/*--Main--*/
#yellow .hilight.hl-2 {
	background: #ffdd4e;
}

/*--Tint--Light Yellow--*/
#yellow .tint {
	background: #fdb819;
}

/*--Tint--Darker Yellow--*/
#yellow .hilight.hl-2 h1,
#yellow .hilight.hl-2 h2,
#yellow .hilight.hl-2 h3,
#yellow .hilight.hl-2 h4,
#yellow .hilight.hl-2 h5,
#yellow .hilight.hl-2 h6,
#yellow .hilight.hl-2 p,
#yellow .hilight.hl-2 li {
	color: #000;
}

#yellow .hilight.hl-3 {
	background: #e08227;
}

/*--Shade--*/
#yellow .hilight.hl-4 {
	background: #ffde00;
}

/*--Highlight--Light Yellow--*/
#yellow .hilight.hl-4 h1,
#yellow .hilight.hl-4 h2,
#yellow .hilight.hl-4 h3,
#yellow .hilight.hl-4 h4,
#yellow .hilight.hl-4 h5,
#yellow .hilight.hl-4 h6,
#yellow .hilight.hl-4 p,
#yellow .hilight.hl-4 li {
	color: #000;
}

#yellow .section-main li:before {
	color: #fdb819;
}

#yellow .item-page a {
	color: #e08227;
}

#yellow .item-page a.btn-default {
	background: #e08227;
	color: #ffffff;
}

#yellow .item-page a.btn-default:hover {}

#yellow .news-list .btn-default {
	background: #e08227;
	color: #ffffff;
	margin-bottom: 1rem;
	font-size: 1.5rem
}


.section-main ul.osgalery-cat-tabs li:before {
	content: "" !important;
}

.section-main ul.nav-tabs li:before {
	content: "" !important;
}


/*--GREY PAGE--*/
#grey h2 {
	color: #898a8a;
}

#grey h3 {
	color: #626363;
}

#grey .banner-quote {
	background: #898a8a;
}

#grey .sub-navigation {
	background: #b2b2b2;
}

#grey .section-main .sub-navigation li:before {
	color: #fff;
}

#grey .hilight.hl-1 {
	background: #898a8a;
}

/*--Main--*/
#grey .hilight.hl-2 {
	background: #b2b2b2;
}

/*--Tint--*/
#grey .hilight.hl-3 {
	background: #626363;
}

/*--Shade--*/
#grey .hilight.hl-4,
#grey .tint {
	background: #bebebe;
}

/*--Highlight--*/
#grey .section-main li:before {
	color: #898a8a;
}

#grey .item-page a {
	color: #000;
}

#grey .item-page a:hover {
	color: #ee2b37;
}

/*--ORANGE PAGE--*/
#orange h2 {
	color: #df8025;
}

#orange h3 {
	color: #f5823c;
}

#orange .banner-quote {
	background: #df8025;
}

#orange .sub-navigation {
	background: #b2b2b2;
}

#orange .section-main .sub-navigation li:before {
	color: #fff;
}

#orange .hilight.hl-1 {
	background: #df8025;
}

/*--Main--*/
#orange .hilight.hl-2 {
	background: #b2b2b2;
}

/*--Tint--*/
#orange .hilight.hl-3 {
	background: #f5823c;
}

/*--Shade--*/
#orange .hilight.hl-4,
#orange .tint {
	background: #bebebe;
}

/*--Highlight--*/
#orange .section-main li:before {
	color: #df8025;
}

#orange .item-page a {
	color: #df8025;
}

/*--LIGHT BLUE PAGE--*/
#liteblue h2 {
	color: #6fa9d8;
}

#liteblue h3 {
	color: #0055a6;
}

#liteblue .banner-quote {
	background: #6fa9d8;
}

#liteblue .sub-navigation {
	background: #6fa9d8;
}

#liteblue .section-main .sub-navigation li:before {
	color: #fff;
}

#liteblue .hilight.hl-1 {
	background: #6fa9d8;
}

/*--Main--*/
#liteblue .hilight.hl-2 {
	background: #6babe5;
}

/*--Tint--*/
#liteblue .hilight.hl-3 {
	background: #00213f;
}

/*--Shade--*/
#liteblue .hilight.hl-4,
#liteblue .tint {
	background: #67c9d0;
}

/*--Highlight--*/
#liteblue .section-main li:before {
	color: #6fa9d8;
}

#liteblue .item-page a {
	color: #6fa9d8;
}

/*--LIGHT BLUE PAGE--*/
#liteblue h2 {
	color: #6fa9d8;
}

#liteblue h3 {
	color: #0055a6;
}

#liteblue .banner-quote {
	background: #6fa9d8;
}

#liteblue .sub-navigation {
	background: #6fa9d8;
}

#liteblue .section-main .sub-navigation li:before {
	color: #fff;
}

#liteblue .hilight.hl-1 {
	background: #6fa9d8;
}

/*--Main--*/
#liteblue .hilight.hl-2 {
	background: #6babe5;
}

/*--Tint--*/
#liteblue .hilight.hl-3 {
	background: #00213f;
}

/*--Shade--*/
#liteblue .hilight.hl-4,
#liteblue .tint {
	background: #67c9d0;
}

/*--Highlight--*/
#liteblue .section-main li:before {
	color: #6fa9d8;
}

#liteblue .item-page a {
	color: #6fa9d8;
}


#red .item-page a.btn-default:hover,
#blue .item-page a.btn-default:hover,
#green .item-page a.btn-default:hover,
#yellow .item-page a.btn-default:hover,
#grey .item-page a.btn-default:hover,
#orange .item-page a.btn-default:hover,
#liteblue .item-page a.btn-default:hover {
	color: #fff;
}

/*--Aside register--*/
.aside-register {
	padding: 20px 20px;
	background: #bebebe;
}

.aside-register h3 {
	color: #fff !important;
	line-height: 1.2em;
	margin-bottom: 0.3em;
}

.aside-register div.acymailing_introtext {
	display: block;
	text-align: left;
	padding-bottom: 10px !important;
	font-size: 0.9em;
}

.aside-register table.acym_form {width:100%;}

.aside-register table.acym_form label {}

.aside-register .acym_module_form table.acym_form label {margin: 0 0px 0 0px; width: 100%;}
@media (min-width: 768px) {.aside-register .acym_module_form table.acym_form label {width: 100%;}}
@media (min-width: 992px) {.aside-register .acym_module_form table.acym_form label {width: 90%;}}
@media (min-width: 1200px) {.aside-register .acym_module_form table.acym_form label {width:90%;}}
@media (min-width: 1600px) {.aside-register .acym_module_form table.acym_form label {width: 100%;}}

.aside-register .acym_module_form table.acym_form input {width:100%; max-width:100%;}

.aside-register .acym_module_form table.acym_form input.btn {width:auto;}
.aside-register .acym_module_form table.acym_form input.btn:hover {color:#fff !important; border:none; background:#000 !important; }

.aside-register table.acymailing_form input {
	padding-left: 10px;
	outline: none;
	border: none;
}

.copyright-block {
	display: none;
}
div.acyfield_text {
	
	float: left;
}
p.acysubbuttons {float: left;}

/*--privacy content--*/
ul.alpha_n {
	list-style-type: lower-alpha !important;
}

/*--FOOTER--*/
footer {
	background: #d1d3d5;
	padding: 40px 0;
}

footer .container {
	width: auto !important;
	margin-left: 5%;
	margin-right: 3%;
	padding-left: 0;
	padding-right: 0;
}

@media (min-width: 480px) {
	footer .container {
		margin-left: 6%;
		margin-right: 3%;
	}
}

@media (min-width: 768px) {
	footer .container {
		margin-left: 6%;
		margin-right: 3%;
	}
}

/*
footer .container {width:90% !important; margin-left:8%; padding-left:0; padding-right:0;}
@media (min-width: 480px) { footer .container {width:95% !important; margin-left:3%;} }
@media (min-width: 768px) { footer .container {width:95% !important; margin-left:3%;} }
@media (min-width: 992px) { footer .container {width:95% !important; margin-left:3%;} }
@media (min-width: 1200px) { footer .container {width:90% !important; margin-left:8%;} }
*/
.ftrcol {
	margin-bottom: 20px;
	padding-left: 0;
}

footer h4 {
	color: #7e7e7e;
	text-transform: uppercase;
	font-size: 1.1em;
}

footer ul {
	margin: 0;
	padding: 0;
}

footer ul>li {
	margin: 0;
	padding: 0px 0 5px 10px;
	font-size: 0.9em;
	line-height: 1.3em;
	list-style: none;
}

@media (min-width: 992px) {
	footer ul>li {
		font-size: 0.8em;
	}
}

footer li a {
	color: #666666;
	padding: 0 0 3px 0;
	display: inline-block
}

footer li a:hover {
	color: #000;
	text-decoration: none;
}

footer li:before {
	background: none;
	font-family: 'FontAwesome';
	font-size: 1.1em;
	position: absolute;
	left: 0;
	top: 0;
	color: #b0b1b2;
	content: '\f0da';
}

/*-- fa-caret-right --*/
footer li:hover:before {
	color: #555;
}

footer ul ul {
	margin: 4px 0 0 0;
}

footer ul ul li {
	font-size: 10.5px;
	padding-bottom: 0;
	margin: 0 0 0.2em 0 !important;
	line-height: 1.4em;
}

@media (min-width: 768px) {
	footer ul ul li {
		font-size: 10px;
	}
}

@media (min-width: 992px) {
	footer ul ul li {
		font-size: 10px;
	}
}

/*--Footer Social--*/
#footer-social {
	display: block;
	clear: both;
	padding: 0;
	margin: 0;
	width: auto;
}

@media (min-width: 768px) {
	#footer-social {
		margin: 0;
		width: auto;
		float: none;
	}
}

@media (min-width: 992px) {
	#footer-social {
		margin: 0;
		width: auto;
		float: none;
	}
}

@media (min-width: 1200px) {
	#footer-social {
		margin: 0;
		padding: 0 10% 0 0;
		width: auto;
		float: none;
	}
}

#footer-social ul {
	display: block;
	margin: 0 auto;
	padding: 10px 0 0;
	width: 130px;
	height: auto;
}

#footer-social li {
	display: inline-block;
	float: left;
	width: 39px;
	height: 39px;
	list-style: none;
	margin: 0 0.3em 0.7em 0.4em;
	padding: 0;
}

#footer-social li:before {
	content: ''
}

#footer-social li:hover:before {
	color: #666;
}

#footer-social a {
	display: block;
	width: 39px;
	height: 39px;
	font-size: 0.0000001em !important;
	text-decoration: none;
	color: #fff;
	padding: 0;
	margin: 0;
	cursor: pointer;
}

#footer-social li a:hover {
	text-decoration: none;
	color: #666;
	background-color: transparent
}

#footer-social li:last-child {
	border-right: none
}

#footer-social li.fs-facebook a {
	background: url(../images/fs-facebook.png) left top no-repeat;
}

#footer-social li.fs-facebook a:hover {
	background-position: left bottom;
}

#footer-social li.fs-twitter a {
	background: url(../images/fs-twitter.png) left top no-repeat;
}

#footer-social li.fs-twitter a:hover {
	background-position: left bottom;
}

#footer-social li.fs-youtube a {
	background: url(../images/fs-youtube.png) left top no-repeat;
}

#footer-social li.fs-youtube a:hover {
	background-position: left bottom;
}

#footer-social li.fs-linkedin a {
	background: url(../images/fs-linkedin.png) left top no-repeat;
}

#footer-social li.fs-linkedin a:hover {
	background-position: left bottom;
}

/*--Footer List with Icons--*/
ul#footer-ico {}

#footer-ico li {
	list-style: none;
	padding: 0 0 0 20px;
}

#footer-ico li:before {
	background: none;
	font-family: 'FontAwesome';
	font-size: 1.2em;
	position: absolute;
	left: 0;
	top: 0;
	color: #b0b1b2;
}

#footer-ico li:hover:before {
	color: #666;
}

#footer-ico a {
	display: block;
	width: auto;
	height: 33px;
	text-decoration: none;
	padding: 0;
	margin: 0;
	cursor: pointer;
}

#footer-ico li.fi-contacts:before {
	content: '\f095';
}

/*-- fa-phone --*/
#footer-ico li.fi-register:before {
	content: '\f044';
}

/*-- fa-edit --*/
#footer-ico li.fi-directory:before {
	content: '\f07c';
}

/*-- fa-folder-open --*/
#footer-ico li.fi-webmail:before {
	content: '\f2b6';
}

/*-- fa-envelope-open --*/

/*--Footer register--*/
.ftr-register {
	padding: 20px 0;
}

.ftr-register h3 {
	color: #fff !important;
}

.ftr-register h4 {
	margin-bottom: 0.3em;
}

.ftr-register div.acymailing_introtext {
	display: block;
	text-align: left;
	padding-bottom: 8px !important;

	color: #666;
	font-size: 0.75em;
	line-height: 1.2em;
}

.ftr-register table.acymailing_form {
	margin: 0;
}

.ftr-register table.acymailing_form input {
	padding: 5px 10px;
	outline: none;
	border: none;
	font-size: 0.7em;
	line-height: 1.3em;
}

.ftr-register td.acysubbuttons {
	text-align: left;
}

.ftr-register td.acysubbuttons .button {
	background: #999 !important;
	font-size: 0.55em !important;
	padding: 5px 12px 6px !important;
	line-height: 0.7em !important;
}

.ftr-register td.acysubbuttons .button:hover {
	background: #333 !important;
}


/*--Acymailing edits--*/
#acymodifyform {}

#acymodifyform header {
	padding: 5px 0 0 0;
}

#acymodifyform legend {
	border: none;
}

#acyuserinfo label,
#acyusersubscription label {
	margin: 0 10px 0 20px;
}

#acymodifyform input {
	border: 2px solid #ccc;
	background: #F9F9F9;
}

/*--Acymailing Module form--*/
.section-main .acym_module_form table.acymailing_form {
	margin: 0; 
}

.section-main .acym_module_form table.acymailing_form td {
	padding-bottom: 5px !important;
}

.acym_module_form .acymailing_introtext {
	margin: 0.5em 0 10px 0 !important;
	font-size: 16px;
	line-height: 1.4em;
}

.acymailing_moduacym_module_formle_form header {
	padding: 5px 0 0 0;
}

.acym_module_form legend {
	border: none;
}

.acym_module_form label {margin: 0 0px 0 0px; width: 100%;}
@media (min-width: 768px) {.acym_module_form label {width: 100%;}}
@media (min-width: 992px) {.acym_module_form label {width: 100%;}}
@media (min-width: 1200px) {.acym_module_form label {width: 100%;}}
@media (min-width: 1600px) {.acym_module_form label {width: 100%;}}

.section-main .acym_module_form .acysubbuttons {
	text-align: center;
	padding-top: 0.33rem;
	/* padding-left: 90px; */
}
.section-main .subscribe .acym_module_form p.acysubbuttons {
	padding-top: 0px;
}


@media (min-width: 768px) {
	.section-main .acymailing_modacym_module_formule_form .acysubbuttons {
		/* padding-left: 90px; */
	}
}

@media (min-width: 992px) {
	.section-main .acym_module_form .acysubbuttons {
		/* padding-left: 90px; */
	}
}

@media (min-width: 1200px) {
	.section-main .acym_module_form .acysubbuttons {
		/* padding-left: 90px; */
	}
}

.acym_module_form input {border: 2px solid #ccc;background: #F9F9F9;width: 200px;}
@media (min-width: 768px) {.acym_module_form input {width: 250px;}}
@media (min-width: 992px) {.acym_module_form input {width: 200px;}}
@media (min-width: 1200px) {.acym_module_form input {width: 100%;}}


.acym_module_form .acysubbuttons input.btn {
	display: inline-block;
	padding: 0.5rem;
	line-height: 1.4em;
	background: #888 !important;
	-webkit-transition: background-color 0.2s ease;
	transition: background-color 0.2s ease;
	border-radius: 0;
	margin-top: 10px;
	width: 130px;
	height: 35px;
	text-transform: none;
	font-size: 14px;
}

.acym_module_form .acysubbuttons input.btn.unsubbutton {
	background: #bebebe !important;
}

.acym_module_form .acysubbuttons input.btn:hover {
	background: #fff !important;
	border: solid 2px #ccc;
	color: #ccc;
}

.acysubbuttons {
	text-align: left
}

ul.no-bullet li {
	padding: 0 0 0 5px;
}

ul.no-bullet li:before {
	content: '';
	clear: both;
	margin-left: 0;
	padding-left: 0;
}

.column {
	display: inline-block;
	padding: 12px 2px 0px 0 !important;
	height: 70px;
}

.column.gr1 {
	background: #ccc;
	border-right: 3px solid #fff;
}

.column p {
	margin-bottom: 0;
}


/*--Members--*/
.members {}

.members .label {
	background: #000;
}

.members>li:before {
	content: "";
}

.members>li {
	height: 150px;
	padding: 0px;
	position: relative;
	display: block;
	overflow: hidden;
}

.panel {
	position: absolute;
	width: 100%;
	height: 110px;
	top: 100%;
	overflow: hidden;
}

.members h5 {
	color: #ee2b37;
	text-align: center;
}

.members p {
	font-size: 1em;
	line-height: 1.2em;
}

.mem-col-1 {
	text-align: center;
}

.mem-col-1 img {
	border: none !important;
	width: 100%;
	max-width: 100px !important;
	margin: 0 auto 10px auto;
}

.mem-col-il {
	padding: 0px;
}

.mem-col-3 {
	border: 3px solid #ffb612;
	margin-left: 10px;
	padding-top: 20px;
	text-align: center
}


/*--Members Industries List--*/
ul.industries-list {
	padding-left: 0;
	margin-left: 0;
}

ul.industries-list li,
.section-main ul.industries-list li {
	list-style: none;
	display: block;
	margin: 0 0 0 0;
	padding: 0 20px 10px 20px;
	height: auto;
	font-weight: 500;
	border-left: 3px solid #ffb612;
	border-right: 3px solid #ffb612;
	background: url(../images/ilist.png) left top repeat-x;
	text-align: left;
}

ul.industries-list li:first-child,
.section-main ul.industries-list li:first-child {
	border-left: none;
	border-right: none;
	background: url(../images/ilist-topleft.png) left top no-repeat, url(../images/ilist-topright.png) right top no-repeat;
	padding: 0 23px 10px 25px;
}

ul.industries-list li:last-child,
.section-main ul.industries-list li:last-child {
	border-left: none;
	border-right: none;
	background: url(../images/ilist-botleft.png) left bottom no-repeat, url(../images/ilist-botright.png) right bottom no-repeat;
	padding: 0 23px 10px 25px;
}

ul.industries-list li:before,
.section-main ul.industries-list li:before {
	content: '' !important;
}

ul.industries-list li p,
.section-main ul.industries-list li p {
	display: block;
	background: #ee2b37;
	font-size: 1em;
	line-height: 1.2em;
	color: #ffb612;
	padding: 10px;
	margin: 0;
}

ul.industries-list p span {
	display: inline-block;
	margin-left: 50px;
	vertical-align: middle;
}

ul.industries-list strong.icon {
	display: block;
	position: absolute;
	left: 20px;
	top: 0;
	background: #ffb612;
	color: #000;
	padding: 10px 10px 0 10px;
	width: 50px;
	height: 82%;
	text-align: center;
}

h2.memnum {
	color: #ffb612 !important;
	width: 70px;
	height: 70px;
	font-size: 2.5em;
	padding: 16px 13px;
	background: #ee2b37;
	border-radius: 60px;
	letter-spacing: -5px;
	margin: 20px auto;
}

@media (min-width: 768px) {
	h2.memnum {
		width: 80px;
		height: 80px;
		font-size: 2.5em;
		padding: 20px 15px;
	}
}

@media (min-width: 992px) {
	h2.memnum {
		width: 90px;
		height: 90px;
		font-size: 2.5em;
		padding: 22px 20px;
	}
}

@media (min-width: 1200px) {
	h2.memnum {
		width: 110px;
		height: 110px;
		font-size: 3.5em;
		padding: 25px 20px;
	}
}

/*--Home - Members Industries List--*/
#utilities ul.industries-list {
	font-size: 90%
}

#utilities ul.industries-list li {
	margin: 0 0 0 0;
	padding: 0 20px 10px 20px;
	height: auto;
	background-position: left -7px;
}

#utilities ul.industries-list li:first-child {
	background: url(../images/ilist-topleft.png) left -7px no-repeat, url(../images/ilist-topright.png) right -7px no-repeat;
	padding: 0 23px 10px 25px;
}

#utilities ul.industries-list li:last-child {
	background: url(../images/ilist-botleft.png) left bottom no-repeat, url(../images/ilist-botright.png) right bottom no-repeat;
	padding: 0 23px 10px 25px;
}

#utilities ul.industries-list li p {
	font-size: 1em;
	line-height: 1.0em;
	padding: 5px 5px 7px 5px;
}

#utilities ul.industries-list p span {
	display: inline-block;
	margin-left: 48px;
	vertical-align: middle;
}

#utilities ul.industries-list p strong.icon {
	font-size: 1em;
	line-height: 0.9em;
	left: 20px;
	top: 0;
	padding: 5px 10px 0 10px;
	width: 40px;
	height: 73%;
	text-align: center;
}

#utilities h2.memnum {
	color: #ffb612 !important;
	width: 30px;
	height: 30px;
	font-size: 1em;
	padding: 10px 0px;
	background: #ee2b37;
	border-radius: 60px;
	letter-spacing: -5px;
	margin: 20px auto;
}

@media (min-width: 768px) {
	#utilities h2.memnum {
		width: 30px;
		height: 30px;
		font-size: 1em;
		padding: 10px 0px;
	}
}

@media (min-width: 992px) {
	#utilities h2.memnum {
		width: 40px;
		height: 40px;
		font-size: 1em;
		padding: 10px 0px;
	}
}

@media (min-width: 1200px) {
	#utilities h2.memnum {
		width: 60px;
		height: 60px;
		font-size: 2em;
		padding: 10px 0px;
	}
}


/*--Members Industries List--*/
/*--
ul.industries-list {padding-left:0; margin-left:0;}
.section-main ul.industries-list li {list-style:none; display:block; margin:0 0 10px 0; padding:0 20px 10px 20px;  height:auto; font-weight:500; border-left:3px solid #ffb612;}
.section-main ul.industries-list li:first-child {border-left:none; background:url(../images/ilist-topleft.png) left bottom-no-repeat;}
.section-main ul.industries-list li:before {content:'' !important;}
.section-main ul.industries-list li p {display:block; background:#ee2b37; font-size:1em; line-height:1.2em; color:#ffb612; padding:10px; margin:0;}
ul.industries-list p span {display:inline-block; margin-left:40px; vertical-align: middle;}
ul.industries-list strong.icon {display:block; position:absolute; left:0; top:0; background:#ffb612; color:#000; padding:10px; width:50px; height:100%; text-align: center;}
--*/

/*--Council--*/
.council li {
	float: left;
	position: relative;
	border: 0px solid red;
	min-height: 230px;
	margin: 0 0 20px 0;
	padding: 0px 0px 0px 0 !important;
	height: 70px;
	width: 260px;
}

@media (min-width: 768px) {
	.council li {
		width: 260px;
	}
}

@media (min-width: 992px) {
	.council li {
		width: 260px;
	}
}

@media (min-width: 1200px) {
	.council li {
		width: 260px;
	}
}

.council li img {
	border: 1px solid #c0c0c0;
	margin-bottom: 0.5em;
	margin: 0 0 10px 0;
	padding: 0;
}

.collapse-content {
	position: absolute;
	z-index: 2000;
	background: white;
	border: 1px solid #c0c0c0;
	padding: 10px;
	width: 455px;
	box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.2)
}

.collapse-content h4 {
	font-size: 1.1em;
}

.collapse-content .education {
	font-style: italic;
}

.council .fa-plus {
	position: absolute;
	right: -1px;
	top: 0px;
	z-index: 1;
	font-size: 1.3rem;
	display: inline-block;
	background: #000;
	color: #fefefe;
	line-height: 1.8rem;
	width: 2rem;
	text-align: center;
}

ul.piclist {
	padding-left: 0;
}

ul.piclist li {
	display: inline-block;
}

ul.piclist li img {
	border: 1px solid #ccc;
	margin-bottom: 1.0em;
}

.caption {
	font-size: 0.9em;
	line-height: 1.1em;
	text-align: center
}

.callout {
	position: relative;
	margin: 0 0 1rem;
	padding: 1rem;
	border: 1px solid rgba(10, 10, 10, .25);
	border-radius: 0;
	background-color: #fff;
	color: #444;
}

.callout.secondary {
	background-color: #ededed;
	color: #444;
}

.callout.secondary h2+time {
	margin-top: -1em;
	display: block
}

.callout.hilite1 {
	background-color: #f4f3f3;
	color: #333;
	padding: 25px 15px 20px 30px;
}

.callout.hilite1 h2 {
	margin-bottom: 0.2em;
}

.callout.hilite1 h5,
.callout.hilite1 p,
.callout.hilite1 strong,
.callout.hilite1 li,
.callout.hilite1 a {
	color: #333;
}

.content-blue {}

.content-blue h2 {
	color: #0055a6 !important;
}

.content-red {}

.content-red h2 {
	color: #ae122a !important;
	/*--#ae122a--*/
}

.content-green {}

.content-green h2 {
	color: #007749 !important;
	/*--#00ad69--*/
}


.content-yellow {}

.content-yellow h2 {
	color: #ffb612 !important;
	/*--#ee2b37--*/
}

/*--Hilite base--*/
.highlights {
	display: block;
	padding: 25px 25px 25px 30px;
	height: 100% !important;
	margin-bottom: 1em;
}

.highlights blockquote {
	display: block;
	background: transparent;
	color: #6babe5;
	margin: 25px 0;
	padding: 25px 0 20px 0;
	font-weight: 400;
	font-size: 1.8em;
	line-height: 1.4em;
	border: none;
	border-top: 2px dotted #3981c2;
	font-style: italic;
}

/*--Hilite 1--*/
.hl-1 {
	background-color: #f4f3f3;
	color: #333;
	padding: 25px 15px 20px 30px;
	height: 100%;
}

.hl-1 h2 {
	margin-bottom: 0.2em;
}

.hl-1 h5,
.hl-1 p,
.hl-1 strong,
.hl-1 li,
.hl-1 a {
	color: #333;
}

/*--Hilite LightBlue background--*/
.hl-lblue {
	background-color: #d4e6f5;
	border: 1px solid #6babe5;
}

.hl-lblue h2 {
	color: #0054a6 !important;
	margin-bottom: 0.2em;
}

.hl-lblue h3 {
	color: #0054a6 !important;
}

.hl-lblue h4 {
	color: #0054a6 !important;
}

.hl-lblue h5 {
	color: #0c2340 !important;
}

.hl-lblue p {
	color: #000 !important;
}

.hl-lblue p strong {
	color: #000 !important;
}

.hl-lblue li {
	color: #000 !important;
	margin-bottom: 0.2em;
}

.hl-lblue a {
	color: #0c2340 !important;
}

.hl-lblue a:hover {
	color: #000 !important;
}

.hl-lblue img {}

/*--Hilite BrightBlue with White content--*/
.hl-bblue {
	background-color: #0054a6;
	border: none
}

.hl-bblue h2 {
	color: #6babe5 !important;
	margin-bottom: 0.2em;
}

.hl-bblue h3 {
	color: #8dbfe9 !important;
}

.hl-bblue h4 {
	color: #fff !important;
}

.hl-bblue h5 {
	color: #fff !important;
}

.hl-bblue p {
	color: #fff !important;
}

.hl-bblue p strong {
	color: #fff !important;
}

.hl-bblue li {
	color: #fff !important;
	margin-bottom: 0.2em;
}

.hl-bblue a {
	color: #fff !important;
}

.hl-bblue a:hover {
	color: #8dbfe9 !important;
}

.hl-bblue img {
	border: 1px solid #fff;
}

/*--Hilite White background--*/
.hl-plain {
	background-color: #fff;
	border: 1px solid #ccc;
}

.hl-plain h2 {
	color: #0054a6 !important;
	margin-bottom: 0.2em;
}

.hl-plain h3 {
	color: #0054a6 !important;
}

.hl-plain h4 {
	color: #0054a6 !important;
}

.hl-plain h5 {
	color: #0c2340 !important;
}

.hl-plain p {
	color: #000 !important;
}

.hl-plain p strong {
	color: #000 !important;
}

.hl-plain li {
	color: #000 !important;
	margin-bottom: 0.2em;
}

.hl-plain a {
	color: #0c2340 !important;
}

.hl-plain a:hover {
	color: #000 !important;
}

.hl-plain img {
	border: 1px solid #ccc;
}



/*--Category Nav--*/
section.category-nav {
	padding: 0 0 20px 0;
}

.category-nav ul {}

.category-nav li {
	list-style: none;
	display: inline-block;
	width: auto;
	margin-bottom: 0;
	padding: 10px 10px 0 10px;
	border-right: 1px solid #ccc;
	font-size: 1.3em;
}

.category-nav li:last-child {
	border: none;
}

.category-nav li:before {
	content: '';
}

.category-nav li a {
	color: #666;
}

.category-nav li.active a {
	color: #000;
	font-weight: 700;
}

/*--Blog page Jdownloads--*/
.jd-item-page {}

.jd-item-page ul {
	margin-top: 20px;
}

.jd-item-page li:before {
	content: '';
	color: #ccc;
}

.section-main .jd-item-page li {
	font-size: 1.1em;
	font-weight: 500;
	line-height: 1.6em;
	padding: 0 0 6px 10px;
	border-bottom: 1px dotted #ccc;
}

.xjd-item-page li a {
	display: block;
	color: #000;
	padding: 0 5rem .3rem 10rem;
	position: relative;
}

@media (min-width: 768px) {
	.xjd-item-page li a {
		padding: 0 5rem .3rem 10rem;
	}
}

@media (min-width: 992px) {
	.xjd-item-page li a {
		padding: 0 5rem .3rem 15rem;
	}
}

@media (min-width: 1200px) {
	.xjd-item-page li a {
		padding: 0 5rem .3rem 15rem;
	}
}


.jd-item-page li a time {
	display: inline-block;
	position: absolute;
	left: 0;
	padding: 0 10px 0 0;
	color: #808285;
	font-weight: 400;
	font-size: 0.8em;
	font-style: italic;
}

.jd-item-page ul.category li {
	min-height: 50px;
}


/*--Button--*/
span.label {
	display: block;
	position: absolute;
	top: 0px;
	right: 0;
	color: #fff;
	background: #bcbcbc;
	margin: 5px 5px 0 0;
	padding: 5px 7px;
	text-transform: uppercase;
	border-radius: 0;
	font-size: 0.7em;
	font-weight: 400;
}

xspan.label:hover {
	color: #fff;
	background: #ae122a;
}

a.label {
	color: #fff !important;
	background: #bcbcbc !important;
	margin: 0 5px 0 0;
	padding: 3px 5px 5px;
	border-radius: 0;
	transition: 0.5s ease;
}

a.label:hover {
	background: #555 !important;
}

.jd-item-page span.label {
	font-size: 0.6em;
}


.jd_footer {
	display: none;
}

/*--Catergory--*/
dl.category dd,
dl.category li,
ul.category dd,
ul.category li,
ul.category-no-date li {
	border-bottom: 1px dotted #A5A398;
	clear: both;
}

/*--Category Featuread Articles Layout--*/
ul.category {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}

ul.category li:before {
	content: '';
}

.section-main ul.category li {
	min-height: 45px;
}

.section-main ul.category li {
	padding-right: 0;
	padding-left: 0px;
	margin-bottom: 0;
	padding-bottom: 3px;
	padding-top: 3px;
}

ul.category li {
	display: block !important;
	width: 100%;
	/*--display: flex; flex-flow: row wrap; justify-content: stretch; align-items: center;--*/
}

.section-main ul.category li div {
	display: block !important;
	width: 100%;
}

ul.category li a {
	display: block;
	text-align: left;
	padding: 0 67px 0 110px;
	position: relative;
	z-index: 99;
}

@media (min-width: 768px) {
	ul.category li a {
		padding: 0 67px 0 15%;
	}
}

@media (min-width: 992px) {
	ul.category li a {
		padding: 0 67px 0 16%;
	}
}

@media (min-width: 1200px) {
	ul.category li a {
		padding: 0 67px 0 17%;
	}
}

/*
ul.category li a {margin-left:180px; flex-basis: calc(100% - 270px);}
@media (min-width: 768px) { ul.category li a {margin-left:10%; margin-right:7%;} }
@media (min-width: 992px) { ul.category li a {margin-left:16%; margin-right:7%;} }
@media (min-width: 1200px) { ul.category li a {margin-left:17%; margin-right:7%;} } */

ul.category li .label {
	width: 60px;
}

ul.category li time {
	display: block;
	position: absolute;
	left: 0;
	top: 5px;
	width: 100px;
	bottom: 0px;
	line-height: 1.3em;
}

@media (min-width: 768px) {
	ul.category li time {
		width: 13%;
	}
}

@media (min-width: 992px) {
	ul.category li time {
		width: 14%;
	}
}

@media (min-width: 1200px) {
	ul.category li time {
		width: 16%;
	}
}

/*
ul.category li time {display:inline-block; vertical-align:top; width:180px;  bottom:0px;}
@media (min-width: 768px) { ul.category li time {display:inline-block; width:11%;} }
@media (min-width: 992px) { ul.category li time {display:inline-block; width:12%;} }
@media (min-width: 1200px) { ul.category li time {display:inline-block; width:16%;} }
*/
.jd-item-page ul.category li a,
ul.category.videos li a {
	display: block;
	margin-left: 0;
	margin-right: 0;
}

ul.category li p {
	margin-bottom: 1.5em;
}

/*--Jobs--*/
ul.category.jobs {}

ul.category.jobs li {
	padding-bottom: 10px;
}

ul.category.jobs h4 {
	margin-bottom: 0em;
}

ul.category.jobs strong {
	color: #666;
	font-size: 0.8em;
	font-weight: 400;
	font-style: italic;
}

ul.category.jobs li a {
	display: block;
	margin-left: 20px;
	margin-right: 0;
	position: relative;
}

@media (min-width: 768px) {
	ul.category.jobs li a {
		margin-left: 25px;
	}
}

@media (min-width: 992px) {
	ul.category.jobs li a {
		margin-left: 25px;
	}
}

@media (min-width: 1200px) {
	ul.category.jobs li a {
		margin-left: 25px;
	}
}

ul.category.jobs li:before,
section-main ul.category.jobs li:before,
.section-main ol li ul.category.jobs li:before {
	background: none;
	font-family: 'FontAwesome';
	font-size: 1em;
	position: absolute;
	left: 0;
	top: 5px;
	content: "\f1c1" !important;
	/*--fa-file-pdf--*/
	color: #6fa9d8;
}

/*--Blue--*/


.section-main ul.category li:first-child {
	padding-left: 0;
}

@media (min-width: 768px) {
	.section-main ul.category li:first-child {
		padding-left: 0;
	}
}

@media (min-width: 992px) {
	.section-main ul.category li:first-child {
		padding-left: 0;
	}
}

@media (min-width: 1200px) {
	.section-main ul.category li:first-child {
		padding-left: 0;
	}
}

ul.widget {
	list-style-type: none;
}

ul.widget li:before {
	content: ""
}

ul.widget li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	border-bottom: 1px dotted #ccc
}

ul.widget time {
	background: #ffffff;
	display: inline-block;
	padding: 0em 0.5em
}

ul.widget p {
	margin-bottom: 0
}

ul.widget a {
	display: block;
	padding: 0.3em
}

ul.widget a:hover {
	text-decoration: none;
	background-color: #dcf9ed
}

ul.widget small {
	color: #00ac67;
	font-size: 0.8em
}

p.go-social {
	font-size: 1em;
	margin: -1em 0 0.5em 1em;

}

p.go-social a {
	color: #00ad69
}

/*--Jobs--*/
ul.category.jobs {}

ul.category.jobs li {
	padding-bottom: 10px;
}

ul.category.jobs h4 {
	margin-bottom: 0em;
}

ul.category.jobs strong {
	color: #666;
	font-size: 0.8em;
	font-weight: 400;
	font-style: italic;
}

ul.category.jobs li a {
	display: block;
	margin-left: 20px;
	margin-right: 0;
	position: relative;
}

@media (min-width: 768px) {
	ul.category.jobs li a {
		margin-left: 25px;
	}
}

@media (min-width: 992px) {
	ul.category.jobs li a {
		margin-left: 25px;
	}
}

@media (min-width: 1200px) {
	ul.category.jobs li a {
		margin-left: 25px;
	}
}

ul.category.jobs li:before,
section-main ul.category.jobs li:before,
.section-main ol li ul.category.jobs li:before {
	background: none;
	font-family: 'FontAwesome';
	font-size: 1em;
	position: absolute;
	left: 0;
	top: 5px;
	content: "\f1c1" !important;
	/*--fa-file-pdf--*/
	color: #6fa9d8;
}

/*--Blue--*/


.section-main ul.category li:first-child {
	padding-left: 0;
}

@media (min-width: 768px) {
	.section-main ul.category li:first-child {
		padding-left: 0;
	}
}

@media (min-width: 992px) {
	.section-main ul.category li:first-child {
		padding-left: 0;
	}
}

@media (min-width: 1200px) {
	.section-main ul.category li:first-child {
		padding-left: 0;
	}
}

ul.widget {
	list-style-type: none;
}

ul.widget li:before {
	content: ""
}

ul.widget li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	border-bottom: 1px dotted #ccc
}

ul.widget time {
	background: #ffffff;
	display: inline-block;
	padding: 0em 0.5em
}

ul.widget p {
	margin-bottom: 0
}

ul.widget a {
	display: block;
	padding: 0.3em
}

ul.widget a:hover {
	text-decoration: none;
	background-color: #dcf9ed
}

ul.widget small {
	color: #00ac67;
	font-size: 0.8em
}

p.go-social {
	font-size: 1em;
	margin: -1em 0 0.5em 1em;
}

p.go-social a {
	color: #00ad69
}

/*--Catergory--*/
/*--
dl.category dd, dl.category li, ul.category dd, ul.category li, ul.category-no-date li{border-bottom: 1px dotted #A5A398; clear: both;}

/*--Category Featuread Articles Layout--*/
/*--
ul.category {list-style-type: none; margin-left: 0; padding-left:0; }
ul.category li:before {content:'';}
.section-main ul.category li{padding-right:0; padding-left:0px; margin-bottom:0; padding-bottom: 3px;  padding-top: 3px;}
ul.category li{display: flex; flex-flow: row wrap; justify-content: stretch; align-items: center;}
ul.category li a {display:block; text-align: left; flex-basis: auto}
@media (min-width: 768px) { xul.category li a {margin-left:10%; margin-right:7%;} }
@media (min-width: 992px) { xul.category li a {margin-left:16%; margin-right:7%;} }
@media (min-width: 1200px) { xul.category li a {margin-left:17%; margin-right:7%;} }
ul.category li .label{width: 100px;}
ul.category li time {display:inline-block; width:15%;  bottom:0px;}
@media (min-width: 768px) { xul.category li a time {display:inline-block; width:11%;} }
@media (min-width: 992px) { xul.category li a time {display:inline-block; width:12%;} }
@media (min-width: 1200px) {xul.category li a time {display:inline-block; width:16%;} }

.jd-item-page ul.category li a,
ul.category.videos li a {display:block; margin-left:0; margin-right:0;}

ul.category li p {margin-bottom:1.5em;}

/*--Jobs--*/
/*--
ul.category.jobs {}
ul.category.jobs li {padding-bottom:10px; }
ul.category.jobs h4 {margin-bottom:0em;}
ul.category.jobs strong {color:#666; font-size:0.8em; font-weight:400; font-style:italic;}
ul.category.jobs li a {display:block; margin-left:20px; margin-right:0; position:relative;}
@media (min-width: 768px) { ul.category.jobs li a {margin-left:25px; } }
@media (min-width: 992px) { ul.category.jobs li a {margin-left:25px; } }
@media (min-width: 1200px) { ul.category.jobs li a {margin-left:25px; } }

ul.category.jobs li:before,
section-main ul.category.jobs li:before, 
.section-main ol li ul.category.jobs li:before {
    background: none;
    font-family: 'FontAwesome';
    font-size: 1em;
    position: absolute; left: 0; top: 5px;
    content: "\f1c1" !important; /*--fa-file-pdf--*/
/*--
	color: #6fa9d8;} /*--Blue--*/
/*--

.section-main ul.category li:first-child {padding-left:0;}
@media (min-width: 768px) { .section-main ul.category li:first-child {padding-left:0;} }
@media (min-width: 992px) { .section-main ul.category li:first-child {padding-left:0;} }
@media (min-width: 1200px) { .section-main ul.category li:first-child {padding-left:0;} }

ul.widget{list-style-type: none;}
ul.widget li:before{content:""}
ul.widget li{list-style-type: none; padding: 0; margin: 0; border-bottom: 1px dotted #ccc}

ul.widget time{background: #ffffff;display: inline-block; padding: 0em 0.5em}
ul.widget p{margin-bottom: 0}
ul.widget a{display: block; padding: 0.3em}
ul.widget a:hover{text-decoration: none; background-color: #dcf9ed}
ul.widget small{color: #00ac67; font-size: 0.8em} 
p.go-social{font-size: 1em; margin: -1em 0 0.5em 1em; }
p.go-social a{color: #00ad69}  --*/

/*--Callout--*/
.callout {
	position: relative;
	margin: 0 0 1.5em;
	padding: 1.4rem 1.1em 1.4em 1.4em;
	border: 1px solid rgba(10, 10, 10, .25);
	border-radius: 0;
	background-color: #fff;
	min-height: 120px;
}

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


/*--Special Feature--*/
.section-main ul.special-feature {}

.section-main li ul.special-feature li {
	float: left;
	padding-left: 0 !important;
}

ul.special-feature li:before {
	content: "";
}

@media (min-width: 1200px) {
	.section-main ul.special-feature ul.category li {
		min-height: 260px;
	}
}

.section-main ul.special-feature time {
	color: #808285;
	font-weight: 400;
	font-size: 0.9em;
	font-style: italic;
}

.section-main ul.special-feature .callout {
	position: relative;
	margin: 0 0 0.5em;
	padding: 1.2rem 0 0 0;
	border: 1px solid rgba(10, 10, 10, .25);
	border-radius: 0;
	background-color: #fff;
	min-height: auto;
}

@media (min-width: 992px) {
	.section-main ul.special-feature .callout {
		min-height: 490px;
	}
}

@media (min-width: 1200px) {
	.section-main ul.special-feature .callout {
		min-height: 390px;
	}
}

@media (min-width: 1600px) {
	.section-main ul.special-feature .callout {
		min-height: 310px;
	}
}

@media (min-width: 1920px) {
	.section-main ul.special-feature .callout {
		min-height: 270px;
	}
}


.section-main ul.special-feature .callout p {
	color: #444;
	font-size: 0.9em;
	line-height: 1.6em;
	font-weight: 400;
}

.section-main ul.special-feature .callout h4 {
	font-size: 1.4em;
	line-height: 1.3em;
}

.section-main ul.special-feature .callout img {}

.txt {
	padding-left: 15px;
}

@media (min-width: 768px) {
	.txt {
		padding-left: 5px;
	}
}

@media (min-width: 992px) {
	.txt {
		padding-left: 5px;
	}
}

@media (min-width: 1200px) {
	.txt {
		padding-left: 5px;
	}
}


/*--Text alignment--*/
.ta-r {
	text-align: right;
}

.ta-r img {
	text-align: right;
	float: right;
}

/*--Maps--*/
img.tiny-map {
	margin: 0;
	padding: 0;
	float: left;
}

.float-right {
	float: right;
}

img.left {
	float: left;
	margin: 0;
	padding: 0;
}

figure {
	margin-bottom: 20px;
}

/*--Videos page--*/
ul.videos {}

ul.videos li {
	margin-bottom: 20px;
}

ul.videos li:last-child {
	border: none;
}

/*--Blog pagination--*/
.pagination {
	width: 100%;
}

.pagination p {
	font-size: 15px;
	margin: 15px 0;
}

.pagination p.counter {
	font-weight: bold
}

.pagination ul {
	margin: 15px 0 10px 0
}

.pagination li {
	list-style: none;
	display: inline-block;
	padding: 0;
	margin: 0 5px 10px 0;
	font-size: 15px;
}

.pagination li:before {
	content: ''
}

.pagination li a {
	padding: 3px 8px;
	border: 1px solid #888;
}

.pagination li.current a,
.item-page li.current a {
	color: #fff !important;
	background: #888;
}

.pagination li a.pagenav {
	padding: 3px 8px;
	border: 1px solid #888;
}

.pagination li span.pagenav {
	background: #888;
	color: #fff;
	font-weight: 700;
	border: 1px solid #888
}

.pagination-start span.pagenav,
.pagination-prev span.pagenav,
.pagination-next span.pagenav,
.pagination-end span.pagenav {
	background: #fff !important;
	font-weight: normal !important;
	border: 1px solid #CCC !important;
	color: #888 !important
}

.pagination-start a.pagenav,
.pagination-prev a.pagenav,
.pagination-next a.pagenav,
.pagination-end a.pagenav {
	background: #fff !important;
	font-weight: normal !important;
	border: 1px solid #888 !important;
	color: #888 !important
}

.pagination-start a.pagenav:hover,
.pagination-prev a.pagenav:hover,
.pagination-next a.pagenav:hover,
.pagination-end a.pagenav:hover {
	background: #888 !important;
	font-weight: normal !important;
	border: 1px solid #888 !important;
	color: #fff !important
}

.item-page .pagination li a.pagenav {
	background: none;
	font-weight: 400;
	text-decoration: none !important;
	color: #888 !important
}

.item-page .pagination li .pagenav:hover {
	background: #888;
	cursor: pointer;
	border: 1px solid #888;
	color: #fff !important
}

/*--Timeline--*/
ul.timeline {
	border-left: 2px dotted #ff7f32;
	padding-left: 0;
}

.timeline>li {
	padding: .9375rem 1.875rem;
	position: relative;
	border-bottom: 1px dotted #ccc;
}

.timeline>li:before {
	content: "\2022";
	color: #B8A17C;
	font-size: 5rem;
	line-height: 1em;
	position: absolute;
	left: -.95rem;
	top: 0rem;
}

.tableish {}

.tableish a.row {
	padding-bottom: 30px;
}

.crt {
	padding-bottom: 20px;
}

.content-categoryindustry-news span.label {
	position: relative !important;
	display: inline-block;
	padding: .33333rem .5rem;
	border-radius: 0;
	margin: 10px 10px 0 0;
	background: #A44928;
}



/*--Map Modal Dialog--*/
.modal-dialog.md-map {
	width: 90%;
	max-width: 900px;
}

.modal-dialog.md-map img {}

/*--Video Intro Popup--*/
#introVideo {}

#introVideo .modal-dialog {
	width: 80%;
}

video.video-popup {
	display: block;
	margin: 0 auto;
	width: auto;
	height: auto;
	max-width: 650px;
	max-height: 366px;
}

@media (min-width: 768px) {
	video.video-popup {
		max-width: 650px;
		max-height: 366px;
	}
}

@media (min-width: 992px) {
	video.video-popup {
		max-width: 900px;
		max-height: 506px;
	}
}

@media (min-width: 1200px) {
	video.video-popup {
		max-width: 1280px;
		max-height: 720px;
	}
}

.clearfix {
	height: 0px;
	clear: both
}

.prlt {
	position: relative;
}


/*--Documentary page - 1 Column layout.--*/
.mainvideo {
	text-align: center;
	margin: 0px auto 40px auto;
}

.mainvideo img {
	margin: 0 auto;
	cursor: pointer;
}

.bannerlogo {
	display: block;
	position: absolute;
	left: 10%;
	top: 100px;
	z-index: 100;
	margin: 0;
	padding: 0;
	width: 85%;
	max-width: 1332px;
	height: auto;
	cursor: pointer;
}

@media (min-width: 768px) {
	.bannerlogo {
		width: 60%;
		top: 150px;
	}
}

@media (min-width: 992px) {
	.bannerlogo {
		width: 60%;
		top: 120px;
	}
}

@media (min-width: 1200px) {
	.bannerlogo {
		width: 50%;
		top: 70px;
	}
}

.bannerlogo-2 {
	display: block;
	margin: 100px auto 0 auto;
	padding: 0;
	width: 90%;
	max-width: 1332px;
	height: auto;
	cursor: pointer;
}

@media (min-width: 768px) {
	.bannerlogo-2 {
		width: 90%;
		margin-top: 70px;
	}
}

@media (min-width: 992px) {
	.bannerlogo-2 {
		width: 80%;
		margin-top: 80px;
	}
}

@media (min-width: 1200px) {
	.bannerlogo-2 {
		width: 65%;
		margin-top: 90px;
	}
}

@media (min-width: 1600px) {
	.bannerlogo-2 {
		width: 55%;
		margin-top: 80px;
	}
}

.bannerlogo-3 {
	display: block;
	margin: 60px auto 0 auto;
	padding: 0;
	width: 80%;
	max-width: 1332px;
	height: auto;
	cursor: pointer;
}

@media (min-width: 768px) {
	.bannerlogo-3 {
		width: 70%;
		margin-top: 100px;
	}
}

@media (min-width: 992px) {
	.bannerlogo-3 {
		width: 60%;
		margin-top: 100px;
	}
}

@media (min-width: 1200px) {
	.bannerlogo-3 {
		width: 45%;
		margin-top: 110px;
	}
}

@media (min-width: 1600px) {
	.bannerlogo-3 {
		width: 40%;
		margin-top: 120px;
	}
}

.bannerlogo-4 {
	display: block;
	margin: 50px auto 0 auto;
	padding: 0;
	width: 90%;
	max-width: 1332px;
	height: auto;
	cursor: pointer;
}

@media (min-width: 768px) {
	.bannerlogo-4 {
		width: 90%;
		margin-top: 100px;
	}
}

@media (min-width: 992px) {
	.bannerlogo-4 {
		width: 80%;
		margin-top: 110px;
	}
}

@media (min-width: 1200px) {
	.bannerlogo-4 {
		width: 65%;
		margin-top: 120px;
	}
}

@media (min-width: 1600px) {
	.bannerlogo-4 {
		width: 55%;
		margin-top: 120px;
	}
}

.bannerlogo-5 {
	display: block;
	margin: 50px auto 0 auto;
	padding: 0;
	width: 90%;
	max-width: 1332px;
	height: auto;
	cursor: pointer;
}

@media (min-width: 768px) {
	.bannerlogo-5 {
		width: 90%;
		margin-top: 100px;
	}
}

@media (min-width: 992px) {
	.bannerlogo-5 {
		width: 80%;
		margin-top: 110px;
	}
}

@media (min-width: 1200px) {
	.bannerlogo-5 {
		width: 65%;
		margin-top: 120px;
	}
}

@media (min-width: 1600px) {
	.bannerlogo-5 {
		width: 70%;
		margin-top: 120px;
	}
}

.bannerpic-1 {
	display: block;
	margin: 100px auto 0 auto;
	padding: 0;
	width: 90%;
	max-width: 1332px;
	height: auto;
	cursor: pointer;
}

@media (min-width: 768px) {
	.bannerpic-1 {
		width: 80%;
		margin-top: 100px;
	}
}

@media (min-width: 992px) {
	.bannerpic-1 {
		width: 80%;
		margin-top: 100px;
	}
}

@media (min-width: 1200px) {
	.bannerpic-1 {
		width: 65%;
		margin-top: 90px;
	}
}

@media (min-width: 1600px) {
	.bannerpic-1 {
		width: 55%;
		margin-top: 80px;
	}
}


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

img.brdr.wht {
	border: 1px solid #fff !important;
}

img.brdr:hover {
	border: 1px solid #000;
	margin: 0 0 5px 0;
}


.bannerlogo img {}

picture.bannerpicture {
	position: relative;
}

picture.bannerpicture.red {
	background: #ae122a;
}

picture.bannerpicture.blu {
	background: #0054a6;
}

picture.bannerpicture.grey-l {
	background: #ececed;
}

picture.bannerpicture.grey-m {
	background: #ccc;
}

picture.bannerpicture.purple {
	background: #482a6e;
}

picture.bannerpicture.purple {
	background: #492a6e;
}

#banner .custom {
	display: block;
	width: 100%;
	height: 100%;
}

#banner .moduletable {
	display: block;
	width: 100%;
	height: 100%;
}

#banner .custom picture:before, #banner .custom .bannerpicture:before {
    position: absolute;
    left: 75px;
    bottom: 10px;
    content: attr(data-content);
    /*transform: rotate(-90deg) translate(1%, 0);
    transform-origin: left bottom;*/
    font-weight: bold;
    color: #ffffff;
	font-size: 12px;
}

/*--Feature Banner - Spotlight FOGAP Day of Learning - 2024--*/
body.banner_fogap_2024 #banner {width: 100%;height: 250px;margin: 0;padding: 0;position: relative; overflow: hidden; background-size: cover;}
@media (min-width: 480px) {body.banner_fogap_2024 #banner {width: 100%; height: 300px;}}
@media (min-width: 768px) {body.banner_fogap_2024 #banner {width: 100%; height: 400px;}}
@media (min-width: 992px) {body.banner_fogap_2024 #banner {width: 100%; height: 450px;}}
@media (min-width: 1200px) {body.banner_fogap_2024 #banner {width: 100%; height: 480px;}}

.bannerpicture.banner_fogap_2024 {width:100%; height:100%; position: relative !important; text-align: left; background:#6babe5 url(../../../images/banners/banner-hm-fogap-boxer.svg) 5% 30px no-repeat; background-size:auto 100%; }

.bannerlogo-spotlight-fogap_2024 {display: block; margin: 0 auto 0 auto; padding:50px 15px; background:transparent; width: 60%; max-width: 1332px; height: auto; text-align:center; }
@media (min-width: 480px) {.bannerlogo-spotlight-fogap_2024 {width:35%; padding-top: 70px;}}
@media (min-width: 768px) {.bannerlogo-spotlight-fogap_2024 {width:35%; padding-top: 90px;}}
@media (min-width: 992px) {.bannerlogo-spotlight-fogap_2024 {width:32%; padding-top: 90px;}}
@media (min-width: 1200px) {.bannerlogo-spotlight-fogap_2024 {width:25%; padding-top: 100px;}}
@media (min-width: 1600px) {.bannerlogo-spotlight-fogap_2024 {width:22%; padding-top: 100px;}}

.bannerlogo-spotlight-fogap_2024 img {width:100%; max-width:auto; box-shadow:2px 2px 10px rgba(0,0,0,0.5); margin:0 auto; }


/*--Feature Banner - Spotlight Facts & Figures Pocketbook 2023 - 5 Feb 2024--*/
body.banner_facts_figures_pocketbook_2023 #banner {width: 100%;height: 250px;margin: 0;padding: 0;position: relative; overflow: hidden; background-size: cover;}
@media (min-width: 480px) {body.banner_facts_figures_pocketbook_2023 #banner {width: 100%; height: 300px;}}
@media (min-width: 768px) {body.banner_facts_figures_pocketbook_2023 #banner {width: 100%; height: 400px;}}
@media (min-width: 992px) {body.banner_facts_figures_pocketbook_2023 #banner {width: 100%; height: 450px;}}
@media (min-width: 1200px) {body.banner_facts_figures_pocketbook_2023 #banner {width: 100%; height: 480px;}}

.bannerpicture.banner-facts-figures-pb-2023 {width:100%; height:100%; position: relative !important; text-align: left; background: url(../../../images/banners/banner-hm-ff-pocketbook-2023.jpg) left center no-repeat; background-size: cover;}

.bannerlogo-spotlight-ff-pb-2023 {display: block; margin: 0 auto 0 auto; padding:60px 15px; background: transparent; width: 60%; max-width: 1332px; height: auto; }
@media (min-width: 480px) {.bannerlogo-spotlight-ff-pb-2023 {width: 35%; padding-top: 70px;}}
@media (min-width: 768px) {.bannerlogo-spotlight-ff-pb-2023 {width: 20%; padding-top: 100px;}}
@media (min-width: 992px) {.bannerlogo-spotlight-ff-pb-2023 {width: 20%; padding-top: 100px;}}
@media (min-width: 1200px) {.bannerlogo-spotlight-ff-pb-2023 {width: 20%; padding-top: 100px;}}
@media (min-width: 1600px) {.bannerlogo-spotlight-ff-pb-2023 {width: 20%; padding-top: 100px;}}

.bannerlogo-spotlight-ff-pb-2023 img {width:100%; max-width:100%; box-shadow:2px 2px 10px rgba(0,0,0,0.5);}


/*--Feature Khumbulekhaya - Stay Focused--*/
.banner_stay_focused #banner {height: 40vh;min-height: 220px;}

@media (min-width: 480px) {.banner_stay_focused #banner {width: 100%; height:40vh; min-height: 260px;}}
@media (min-width: 768px) {.banner_stay_focused #banner {width: 100%; height:40vh; min-height: 280px;}}
@media (min-width: 992px) {.banner_stay_focused #banner {width: 100%; height:40vh; min-height: 300px;}}
@media (min-width: 1200px) {.banner_stay_focused #banner {width: 100%; height:40vh; min-height: 300px;}}

picture.bannerpicture.banner-stay-focused {position:relative !important; top:auto; right:auto; text-align: left; background:#ffb612; /*url(../../../images/banners/banner-hm-khumbu-safety-campaign-2022.jpg) left top no-repeat; background-size: cover;*/ }

.bannerlogo-stay-focused {display: block; margin:80px auto 0 auto; padding: 10px 15px; background: #fff; width:80%; max-width:600px; height: auto;cursor: pointer;}
@media (min-width: 480px) {.bannerlogo-stay-focused {width:70%; margin-top: 80px; }}
@media (min-width: 768px) {.bannerlogo-stay-focused {width:50%; margin-top: 80px; }}
@media (min-width: 992px) {.bannerlogo-stay-focused {width:50%; margin-top: 80px; }}
@media (min-width: 1200px) {.bannerlogo-stay-focused {width:50%; margin-top: 90px; }}
@media (min-width: 1600px) {.bannerlogo-stay-focused {width:50%; margin-top: 100px; }}



/*--Feature Banner - Spotlight Facts & Figures 2022 December 2023--*/
body.banner_facts_figures_2022_v2 #banner {width: 100%;height: 250px;margin: 0;padding: 0;position: relative;overflow: hidden;background-size: cover;}
@media (min-width: 480px) {body.banner_facts_figures_2022_v2 #banner {width: 100%;height: 300px;}}
@media (min-width: 768px) {body.banner_facts_figures_2022_v2 #banner {width: 100%;height: 400px;}}
@media (min-width: 992px) {body.banner_facts_figures_2022_v2 #banner {width: 100%;height: 450px;}}
@media (min-width: 1200px) {body.banner_facts_figures_2022_v2 #banner {width: 100%;height: 480px;}}

.bannerpicture.banner-facts-figures-2022-v2 {width: 100%;height: 100%;position: relative !important;text-align: left;background: url(../../../images/banners/banner-hm-ff-2022-v2.jpg) left top no-repeat;background-size: cover;}

.bannerlogo-spotlight-ff-2022-v2 {display: block; margin: 0 auto 0 auto; padding:60px 15px; background: transparent; width: 60%; max-width: 1332px; height: auto; }
@media (min-width: 480px) {.bannerlogo-spotlight-ff-2022-v2 {width: 45%; padding-top: 70px;}}
@media (min-width: 768px) {.bannerlogo-spotlight-ff-2022-v2 {width: 30%; padding-top: 100px;}}
@media (min-width: 992px) {.bannerlogo-spotlight-ff-2022-v2 {width: 30%; padding-top: 100px;}}
@media (min-width: 1200px) {.bannerlogo-spotlight-ff-2022-v2 {width: 30%; padding-top: 100px;}}
@media (min-width: 1600px) {.bannerlogo-spotlight-ff-2022-v2 {width: 25%; padding-top: 100px;}}

.bannerlogo-spotlight-ff-2022-v2 img {width:100%; max-width:100%;}


/*--Banner - Spotlight AMI 2024--*/
body.banner_mining_indaba_2024 #banner {width: 100%;height: 250px;margin: 0;padding: 0;position: relative;overflow: hidden;background-size: cover;}

@media (min-width: 480px) {body.banner_mining_indaba_2024 #banner {width: 100%;height: 300px;}}
@media (min-width: 768px) {body.banner_mining_indaba_2024 #banner {width: 100%;height: 400px;}}
@media (min-width: 992px) {body.banner_mining_indaba_2024 #banner {width: 100%;height: 450px;}}
@media (min-width: 1200px) {body.banner_mining_indaba_2024 #banner {width: 100%;height: 480px;}}

.bannerpicture.banner-mining-indaba-2024 {width: 100%; height: 100%;position: relative !important; text-align: left;background: url(../../../images/banners/banner-hm-ami-feb-2024.png) left top no-repeat; background-size: cover;}

.bannerlogo-ami-spotlight-2024 {display: block; margin: 0 auto 0 auto; padding: 10px 15px; background: transparent; width: 90%; max-width: 1332px; height: auto; cursor: pointer;}
@media (min-width: 480px) {.bannerlogo-ami-spotlight-2024 {width: 90%; padding-top: 100px;}}
@media (min-width: 768px) {.bannerlogo-ami-spotlight-2024 {width: 85%; padding-top: 100px;}}
@media (min-width: 992px) {.bannerlogo-ami-spotlight-2024 {width: 80%; padding-top: 100px;}}
@media (min-width: 1200px) {.bannerlogo-ami-spotlight-2024 {width: 70%; padding-top: 110px;}}
@media (min-width: 1600px) {.bannerlogo-ami-spotlight-2024 {width: 60%; padding-top: 90px;}}



/*--Banner - Spotlight JUNIOR AND EMERGING MINERS--*/
body.banner_junior_emerging_miners #banner {
	width: 100%;
	height: 250px;
	margin: 0;
	padding: 0;
	position: relative;
	overflow: hidden;
	background-size: cover;
}

@media (min-width: 480px) {
	body.banner_junior_emerging_miners #banner {
		width: 100%;
		height: 300px;
	}
}

@media (min-width: 768px) {
	body.banner_junior_emerging_miners #banner {
		width: 100%;
		height: 400px;
	}
}

@media (min-width: 992px) {
	body.banner_junior_emerging_miners #banner {
		width: 100%;
		height: 450px;
	}
}

@media (min-width: 1200px) {
	body.banner_junior_emerging_miners3 #banner {
		width: 100%;
		height: 480px;
	}
}

@media (min-width: 1600px) {
	body.banner_junior_emerging_miners #banner {
		width: 100%;
		height: 500px;
	}
}


/*--Banner - Spotlight MMI 2023--*/
body.banner_modernisation_in_mining_23 #banner {
	width: 100%;
	height: 250px;
	margin: 0;
	padding: 0;
	position: relative;
	overflow: hidden;
	background-size: cover;
}

@media (min-width: 480px) {
	body.banner_modernisation_in_mining_23 #banner {
		width: 100%;
		height: 300px;
	}
}

@media (min-width: 768px) {
	body.banner_modernisation_in_mining_23 #banner {
		width: 100%;
		height: 400px;
	}
}

@media (min-width: 992px) {
	body.banner_modernisation_in_mining_23 #banner {
		width: 100%;
		height: 450px;
	}
}

@media (min-width: 1200px) {
	body.banner_modernisation_in_mining_23 #banner {
		width: 100%;
		height: 480px;
	}
}

@media (min-width: 1600px) {
	body.banner_modernisation_in_mining_23 #banner {
		width: 100%;
		height: 500px;
	}
}

/*--Banner - Spotlight Facts & Figures Pocketbook 2022--*/
body.banner_facts_figures_2022 #banner {
	width: 100%;
	height: 250px;
	margin: 0;
	padding: 0;
	position: relative;
	overflow: hidden;
	background-size: cover;
}

@media (min-width: 480px) {
	body.banner_facts_figures_2022 #banner {
		width: 100%;
		height: 300px;
	}
}

@media (min-width: 768px) {
	body.banner_facts_figures_2022 #banner {
		width: 100%;
		height: 400px;
	}
}

@media (min-width: 992px) {
	body.banner_facts_figures_2022 #banner {
		width: 100%;
		height: 450px;
	}
}

@media (min-width: 1200px) {
	body.banner_facts_figures_2022 #banner {
		width: 100%;
		height: 480px;
	}
}

.bannerpicture.banner-facts-figures-2022 {
	width: 100%;
	height: 100%;
	position: relative !important;
	text-align: left;
	background: url(../../../images/banners/banner-hm-ff-2022.jpg) left top no-repeat;
	background-size: cover;
}

.bannerlogo-spotlight-ff-2022 {
	display: block;
	margin: 0 auto 0 auto;
	padding: 10px 15px;
	background: transparent;
	width: 50%;
	max-width: 1332px;
	height: auto;
	cursor: pointer;
}

@media (min-width: 480px) {
	.bannerlogo-spotlight-ff-2022 {
		width: 50%;
		padding-top: 100px;
	}
}

@media (min-width: 768px) {
	.bannerlogo-spotlight-ff-2022 {
		width: 30%;
		padding-top: 100px;
	}
}

@media (min-width: 992px) {
	.bannerlogo-spotlight-ff-2022 {
		width: 30%;
		padding-top: 100px;
	}
}

@media (min-width: 1200px) {
	.bannerlogo-spotlight-ff-2022 {
		width: 30%;
		padding-top: 110px;
	}
}

@media (min-width: 1600px) {
	.bannerlogo-spotlight-ff-2022 {
		width: 30%;
		padding-top: 90px;
	}
}

/*--Banner - Spotlight AMI 2023--*/
body.banner_mining_indaba_2023 #banner {width: 100%;height: 250px;margin: 0;padding: 0;position: relative;overflow: hidden;background-size: cover;}

@media (min-width: 480px) {body.banner_mining_indaba_2023 #banner {width: 100%;height: 300px;}}
@media (min-width: 768px) {body.banner_mining_indaba_2023 #banner {width: 100%;height: 400px;}}
@media (min-width: 992px) {body.banner_mining_indaba_2023 #banner {width: 100%;height: 450px;}}

@media (min-width: 1200px) {body.banner_mining_indaba_2023 #banner {width: 100%;height: 480px;}}

.bannerpicture.banner-mining-indaba-2023 {width: 100%;height: 100%;position: relative !important;text-align: left;background: url(../../../images/banners/banner-ami-spotlight-2023.jpg) left top no-repeat;background-size: cover;}

.bannerlogo-ami-spotlight-2023 {display: block;margin: 0 auto 0 auto;padding: 10px 15px;background: transparent;width: 90%;max-width: 1332px;height: auto;cursor: pointer;}
@media (min-width: 480px) {.bannerlogo-ami-spotlight-2023 {width: 90%;padding-top: 100px;}}
@media (min-width: 768px) {.bannerlogo-ami-spotlight-2023 {width: 85%;padding-top: 100px;}}
@media (min-width: 992px) {.bannerlogo-ami-spotlight-2023 {width: 80%;padding-top: 80px;}}
@media (min-width: 1200px) {.bannerlogo-ami-spotlight-2023 {width: 70%;padding-top: 90px;}}
@media (min-width: 1600px) {.bannerlogo-ami-spotlight-2023 {width: 60%;padding-top: 100px;}}

/*--Banner - Spotlight MHS SUmmit 2024--*/
body.banner_mhssummit_2024 #banner {width: 100%;height: 250px;margin: 0;padding: 0;position: relative;overflow: hidden;background-size: cover;}

@media (min-width: 480px) {body.banner_mhssummit_2024 #banner  {width: 100%;height: 400px;}}
@media (min-width: 768px) {body.banner_mhssummit_2024 #banner   {width: 100%;height: 500px;}}
@media (min-width: 992px) {body.banner_mhssummit_2024 #banner  {width: 100%;height: 550px;}}

@media (min-width: 1200px) {body.banner_mhssummit_2024 #banner  {width: 100%;height: 580px;}}
@media (min-width: 1600px) {body.banner_mhssummit_2024 #banner  {width: 100%;height: 580px;}}

.bannerpicture.banner-mhs-summit-2024 {width: 100%;height: 100%;position: relative !important;text-align: left;background: url(../../../images/banners/ohs-summit2024-bg.jpg) left top no-repeat;background-size: cover;}

.bannerlogo-mhs-summit-2024 {display: block;margin: 0 auto 0 auto;padding: 10px 15px;padding-top:100px;background: transparent;width: 90%;max-width: 350px;height: auto; max-height: 380px; cursor: pointer;}
@media (min-width: 480px) {.bannerlogo-mhs-summit-2024 {width: 100%;padding-top: 150px;max-width:420px}}
@media (min-width: 768px) {.bannerlogo-mhs-summit-2024 {width: 85%;padding-top: 150px;max-width:650px}}
@media (min-width: 992px) {.bannerlogo-mhs-summit-2024 {width: 80%;padding-top: 150px;margin-left:150px;max-width:700px}}
@media (min-width: 1200px) {.bannerlogo-mhs-summit-2024 {width: 70%;padding-top: 150px;margin-left:280px;max-width:965px}}
@media (min-width: 1600px) {.bannerlogo-mhs-summit-2024 {width: 75%;padding-top: 140px;max-width:965px;margin-left:280px;}}

/*--Health and Safety - Khumbulekhaya Stop.Act.Report--*/
picture.bannerpicture.banner-khumbulekhaya-hs2022 {position: relative; text-align: left; background: url(../../../images/banners/banner-hm-khumbu-safety-campaign-2022.jpg) left top no-repeat;background-size: cover;}

.bannerlogo-khumbulekhaya-hs2022 {display: block;margin: 50px auto 0 auto;padding: 10px 15px;background: #fff;width: 80%;max-width: 1332px;height: auto;cursor: pointer;}

@media (min-width: 480px) {.bannerlogo-khumbulekhaya-hs2022 {width: 70%;margin-top: 50px;}}
@media (min-width: 768px) {.bannerlogo-khumbulekhaya-hs2022 {width: 60%;margin-top: 100px;}}
@media (min-width: 992px) {.bannerlogo-khumbulekhaya-hs2022 {width: 50%;margin-top: 100px;}}
@media (min-width: 1200px) {.bannerlogo-khumbulekhaya-hs2022 {width: 50%;margin-top: 120px;}}
@media (min-width: 1600px) {.bannerlogo-khumbulekhaya-hs2022 {width: 40%;margin-top: 150px;	}}


/*--Bannerpicture National Day of Women in Mining 2022--*/
picture.bannerpicture.banner-ndwim2022 {
	position: relative;
	text-align: left;
	background: url(../../../images/banners/banner-ndwim-2022.jpg) left top no-repeat;
	background-size: cover;
}

/*-- picture.bannerpicture.banner-ndwim2022 {position:relative; text-align:left; background:url(../../../images/banners/banner-hm-ndwim-2022.jpg) left top no-repeat; background-size:cover; } --*/

.bannerlogo-ndwim2022 {
	display: block;
	margin: 50px auto 0 auto;
	padding: 0;
	width: 80%;
	max-width: 1332px;
	height: auto;
	cursor: pointer;
}

@media (min-width: 480px) {
	.bannerlogo-ndwim2022 {
		width: 70%;
		margin-top: 50px;
	}
}

@media (min-width: 768px) {
	.bannerlogo-ndwim2022 {
		width: 60%;
		margin-top: 100px;
	}
}

@media (min-width: 992px) {
	.bannerlogo-ndwim2022 {
		width: 50%;
		margin-top: 100px;
	}
}

@media (min-width: 1200px) {
	.bannerlogo-ndwim2022 {
		width: 50%;
		margin-top: 90px;
	}
}

@media (min-width: 1600px) {
	.bannerlogo-ndwim2022 {
		width: 40%;
		margin-top: 90px;
	}
}



/*--Bannerpicture Intl day of Women in Mining 2022--*/
picture.bannerpicture.banner-marikana-2022 {
	position: relative;
	text-align: left;
	background: url(../../../images/banners/banner-hm-marikana-2022.jpg) left top no-repeat;
	background-size: cover;
}

.bannerlogo-marikana-2022 {
	display: block;
	margin: 50px auto 0 auto;
	padding: 0;
	width: 80%;
	max-width: 1332px;
	height: auto;
	cursor: pointer;
}

@media (min-width: 480px) {
	.bannerlogo-marikana-2022 {
		width: 70%;
		margin-top: 80px;
	}
}

@media (min-width: 768px) {
	.bannerlogo-marikana-2022 {
		width: 60%;
		margin-top: 100px;
	}
}

@media (min-width: 992px) {
	.bannerlogo-marikana-2022 {
		width: 50%;
		margin-top: 100px;
	}
}

@media (min-width: 1200px) {
	.bannerlogo-marikana-2022 {
		width: 50%;
		margin-top: 120px;
	}
}

@media (min-width: 1600px) {
	.bannerlogo-marikana-2022 {
		width: 40%;
		margin-top: 120px;
	}
}


/*--Banner National day of Health and Safety 2022--*/
picture.bannerpicture.banner-ndhs-2022 {
	position: relative;
	text-align: left;
	background: url(../../../images/banners/banner-hm-ndhs-2022.jpg) left top no-repeat;
	background-size: cover;
}

.bannerlogo-ndhs-2022 {
	display: block;
	margin: 50px auto 0 auto;
	padding: 10px 15px;
	background: #fff;
	width: 80%;
	max-width: 1332px;
	height: auto;
	cursor: pointer;
}

@media (min-width: 480px) {
	.bannerlogo-ndhs-2022 {
		width: 70%;
		margin-top: 50px;
	}
}

@media (min-width: 768px) {
	.bannerlogo-ndhs-2022 {
		width: 60%;
		margin-top: 100px;
	}
}

@media (min-width: 992px) {
	.bannerlogo-ndhs-2022 {
		width: 50%;
		margin-top: 100px;
	}
}

@media (min-width: 1200px) {
	.bannerlogo-ndhs-2022 {
		width: 50%;
		margin-top: 90px;
	}
}

@media (min-width: 1600px) {
	.bannerlogo-ndhs-2022 {
		width: 40%;
		margin-top: 90px;
	}
}


/*--Bannerpicture Intl day of Women in Mining 2022--*/
picture.bannerpicture.banner-idwim2022 {
	position: relative;
	text-align: left;
	background: url(../../../images/banners/banner-idwim-2022.jpg) left top no-repeat;
	background-size: cover;
}

/*--picture.bannerpicture.banner-idwim2022 {position:relative; background:#fed141; text-align:left; }--*/

.bannerlogo-idwim2022 {
	display: block;
	margin: 50px auto 0 auto;
	padding: 0;
	width: 80%;
	max-width: 1332px;
	height: auto;
	cursor: pointer;
}

@media (min-width: 480px) {
	.bannerlogo-idwim2022 {
		width: 70%;
		margin-top: 50px;
	}
}

@media (min-width: 768px) {
	.bannerlogo-idwim2022 {
		width: 60%;
		margin-top: 100px;
	}
}

@media (min-width: 992px) {
	.bannerlogo-idwim2022 {
		width: 50%;
		margin-top: 100px;
	}
}

@media (min-width: 1200px) {
	.bannerlogo-idwim2022 {
		width: 50%;
		margin-top: 90px;
	}
}

@media (min-width: 1600px) {
	.bannerlogo-idwim2022 {
		width: 40%;
		margin-top: 90px;
	}
}

/*
.bannerlogo-idwim2022 {display:block; margin:50px auto 0 auto; padding:0; width:60%; max-width:1332px; height:auto; cursor:pointer;}
@media (min-width: 480px) { .bannerlogo-idwim2022 {width:40%; margin-top:50px; } }
@media (min-width: 768px) { .bannerlogo-idwim2022 {width:40%; margin-top:100px; } }
@media (min-width: 992px) { .bannerlogo-idwim2022 {width:40%; margin-top:100px; } }
@media (min-width: 1200px) { .bannerlogo-idwim2022 {width:30%; margin-top:90px;} }
@media (min-width: 1600px) { .bannerlogo-idwim2022 {width:25%; margin-top:90px;} }
*/

/*--Banner Stop Cholera--*/
.banner_stop_cholera #banner {
	height: 40vh;
	min-height: 220px;
}

@media (min-width: 480px) {
	.banner_stop_cholera #banner {
		width: 100%;
		height: 40vh;
		min-height: 220px;
	}
}

@media (min-width: 768px) {
	.banner_stop_cholera #banner {
		width: 100%;
		height: 40vh;
		min-height: 230px;
	}
}

@media (min-width: 992px) {
	.banner_stop_cholera #banner {
		width: 100%;
		height: 40vh;
		min-height: 230px;
	}
}

/*--Bannerpicture Stop Cholera--*/
picture.bannerpicture.banner-stop-cholera {
	position: relative;
	background: url(../../../images/banners/banner-hm-stop-cholera.jpg) left top no-repeat;
	background-size: cover;
	text-align: left;
}

@media (min-width: 480px) {
	picture.bannerpicture.banner-stop-cholera {
		background-size: cover
	}
}

.bannerlogo-stop-cholera {
	display: block;
	margin: 50px auto 0 auto;
	padding: 0;
	width: 80%;
	max-width: 1332px;
	height: auto;
	cursor: pointer;
}

@media (min-width: 480px) {
	.bannerlogo-stop-cholera {
		width: 50%;
		margin-top: 60px;
	}
}

@media (min-width: 768px) {
	.bannerlogo-stop-cholera {
		width: 40%;
		margin-top: 70px;
	}
}

@media (min-width: 992px) {
	.bannerlogo-stop-cholera {
		width: 33%;
		margin-top: 60px;
	}
}

@media (min-width: 1200px) {
	.bannerlogo-stop-cholera {
		width: 28%;
		margin-top: 90px;
	}
}

@media (min-width: 1600px) {
	.bannerlogo-stop-cholera {
		width: 28%;
		margin-top: 90px;
	}
}

/*--Bannerpicture 134th AGM - 2024--*/
picture.bannerpicture.banner-134th-agm {position: relative;background: url(../../../images/banners/banner-agm-2024.jpg) left top no-repeat;background-size: cover;text-align: left;}
@media (min-width: 480px) {picture.bannerpicture.banner-134th-agm {background-size: cover}}

.bannerlogo-134th-agm {display: block;margin: 50px auto 0 auto;padding: 0;width:60%; max-width:320px; height: auto;cursor: pointer;}
@media (min-width: 480px) {.bannerlogo-134th-agm {width:45%; margin-top: 50px;}}
@media (min-width: 768px) {.bannerlogo-134th-agm {width:30%; margin-top: 90px;}}
@media (min-width: 992px) {.bannerlogo-134th-agm {width:22%; margin-top: 80px;}}
@media (min-width: 1200px) {.bannerlogo-134th-agm {width:18%; margin-top: 80px;}}
@media (min-width: 1600px) {.bannerlogo-134th-agm {width:18%; margin-top: 80px;}}



/*--Bannerpicture 133rd AGM - 2023--*/
picture.bannerpicture.banner-133rd-agm {position: relative;background: url(../../../images/banners/banner-hm-agm-2023.jpg) left top no-repeat;background-size: cover;text-align: left;}
@media (min-width: 480px) {picture.bannerpicture.banner-133rd-agm {background-size: cover}}

.bannerlogo-133agm {display: block;margin: 50px auto 0 auto;padding: 0;width: 70%;max-width: 1332px;height: auto;cursor: pointer;}
@media (min-width: 480px) {.bannerlogo-133agm {width: 40%;margin-top: 50px;}}
@media (min-width: 768px) {.bannerlogo-133agm {width: 30%;margin-top: 90px;}}
@media (min-width: 992px) {.bannerlogo-133agm {width: 25%;margin-top: 80px;}}
@media (min-width: 1200px) {.bannerlogo-133agm {width: 20%;margin-top: 80px;}}
@media (min-width: 1600px) {.bannerlogo-133agm {width: 20%;margin-top: 80px;}}


/*--Bannerpicture 132nd AGM - 2022--*/
picture.bannerpicture.banner-132nd-agm {
	position: relative;
	background: url(../../../images/banners/banner-hm-agm-2022.jpg) left top no-repeat;
	background-size: cover;
	text-align: left;
}

@media (min-width: 480px) {
	picture.bannerpicture.banner-132nd-agm {
		background-size: cover
	}
}

.bannerlogo-132agm {
	display: block;
	margin: 50px auto 0 auto;
	padding: 0;
	width: 80%;
	max-width: 1332px;
	height: auto;
	cursor: pointer;
}

@media (min-width: 480px) {
	.bannerlogo-132agm {
		width: 50%;
		margin-top: 50px;
	}
}

@media (min-width: 768px) {
	.bannerlogo-132agm {
		width: 40%;
		margin-top: 100px;
	}
}

@media (min-width: 992px) {
	.bannerlogo-132agm {
		width: 40%;
		margin-top: 100px;
	}
}

@media (min-width: 1200px) {
	.bannerlogo-132agm {
		width: 30%;
		margin-top: 90px;
	}
}

@media (min-width: 1600px) {
	.bannerlogo-132agm {
		width: 25%;
		margin-top: 90px;
	}
}


/*--Bannerpicture Mining in SA 26 April 2022--*/
picture.bannerpicture.mining_in_sa_26april2022 {
	position: relative;
	background: url(../../../images/banners/banner-hm-energy-balancing-act.jpg) center -20px no-repeat;
	background-size: cover;
	text-align: left;
}

/*--Bannerpicture Mining in SA--*/
picture.bannerpicture.mining-in-sa {
	position: relative;
	background: url(../../../images/banners/banner-hm-mining-in-sa.jpg) center -20px no-repeat;
	background-size: cover;
	text-align: left;
}

/*--Bannerpicture Mine safety 2021--*/
picture.bannerpicture.minesafe2021 {
	position: relative;
	background: url(../../../images/banners/minesafe2021/banner-hm-minesafe-2021.jpg) center center no-repeat;
	background-size: cover;
	text-align: left;
}

/*--Bannerpicture State Capture Comission Report 6Jan2022--*/
picture.bannerpicture.zondocommission {
	position: relative;
	background: url(../../../images/banners/banner-hm-zondo.jpg) center center no-repeat;
	background-size: cover;
	text-align: left;
}

/*--Bannerpicture TIM innovation 2021--*/
picture.bannerpicture.tim-innovation {
	position: relative;
	background: url(../../../images/banners/banner-hm-tim-innovation.png) left top repeat-y;
	background-size: 100% auto;
	text-align: left;
}


/*--Bannerpicture Training in Mining (TIM)--*/
picture.bannerpicture.banner-tim {
	position: relative;
	background: url(../../../images/banners/banner-hm-tim.jpg) left top no-repeat;
	background-size: auto 100%;
	text-align: left;
}

@media (min-width: 480px) {
	picture.bannerpicture.banner-tim {
		background-size: auto 100%;
	}
}

@media (min-width: 768px) {
	picture.bannerpicture.banner-tim {
		background-size: 100% auto
	}
}

@media (min-width: 992px) {
	picture.bannerpicture.banner-tim {
		background-size: 100% auto;
	}
}


/*--Bannerpicture 131st AGM--*/
picture.bannerpicture.banner-131st-agm {
	position: relative;
	background: url(../../../images/banners/banner-131st-agm.jpg) left top no-repeat;
	background-size: auto 100%;
	text-align: left;
}

@media (min-width: 480px) {
	picture.bannerpicture.banner-131st-agm {
		background-size: auto 100%;
	}
}

@media (min-width: 768px) {
	picture.bannerpicture.banner-131st-agm {
		background-size: 100% auto
	}
}

@media (min-width: 992px) {
	picture.bannerpicture.banner-131st-agm {
		background-size: 100% auto;
	}
}

/*--Bannerpicture WIM Summit 21--*/
picture.bannerpicture.wim-summit-21 {
	position: relative;
	background: url(../../../images/banners/banner-wim-summit-21-back.jpg) left top no-repeat;
	background-size: auto 100%;
	text-align: left;
}

@media (min-width: 480px) {
	picture.bannerpicture.wim-summit-21 {
		background-size: auto 100%;
	}
}

@media (min-width: 768px) {
	picture.bannerpicture.wim-summit-21 {
		background-size: 100% auto
	}
}

@media (min-width: 992px) {
	picture.bannerpicture.wim-summit-21 {
		background-size: 100% auto;
	}
}

picture.bannerpicture.wim-summit-21 img {
	margin-top: 70px !important
}

@media (min-width: 480px) {
	picture.bannerpicture.wim-summit-21 img {
		margin-top: 70px !important
	}
}

@media (min-width: 768px) {
	picture.bannerpicture.wim-summit-21 img {
		margin-top: 90px !important
	}
}

@media (min-width: 992px) {
	picture.bannerpicture.wim-summit-21 img {
		margin-top: 90px !important
	}
}

/*-- --*/

picture.bannerpicture.state-of-mn {
	position: relative;
	background: url(../../../images/banners/banner-state-of-mn-back.jpg) left top no-repeat;
	background-size: 100% auto;
	text-align: left;
}

picture.bannerpicture.amiv-2021 {
	position: relative;
	background: url(../../../images/banners/banner-amiv-back-2021.jpg) left top no-repeat;
	background-size: 100% auto;
	text-align: left;
}

.banner-quote.midblu {
	background: #6babe5 !important;
	display: block;
	position: absolute;
	bottom: 0;
}

@media (min-width: 768px) {
	.banner-quote.midblu {
		display: inline-block;
		position: absolute;
	}
}

@media (min-width: 992px) {
	.banner-quote.midblu {
		display: inline-block;
		position: absolute;
	}
}

@media (min-width: 1200px) {
	.banner-quote.midblu {
		display: inline-block;
		position: absolute;
	}
}

.banner-quote.midblu p {
	font-size: 1em;
	font-weight: 700;
}

@media (min-width: 768px) {
	.banner-quote.midblu p {
		font-size: 1em;
	}
}

@media (min-width: 992px) {
	.banner-quote.midblu p {
		font-size: 1.0em;
	}
}

@media (min-width: 1200px) {
	.banner-quote.midblu p {
		font-size: 1.2em;
	}
}

#grey .banner-quote.midblu {
	background: #6babe5 !important;
}

ul.interviewees {}

.intv {
	height: auto;
	min-height: auto;
	text-align: center;
	display: inline-block;
	vertical-align: top;
}

.intv img {
	margin: 0 auto 25px auto;
}

.intv p {
	font-size: 0.9em;
	line-height: 1.4em;
}

/*--Interviewees row--*/
.interviewees {
	text-align: center;
}

.interviewees li,
.section-main .interviewees li {
	list-style: none;
	display: inline-block;
	text-align: center;
	margin: inherit;
	padding: inherit;
}

.interviewees li:before {
	display: none;
}

h3.cntrlrg {
	display: inline-block;
	height: 60px;
	padding: 0px 0 0 70px;
	margin: 20px auto 50px auto;
	position: relative;
	font-size: 3em;
	color: #6babe4 !important;
}

h3.cntrlrg.morevideos {
	display: inline-block;
	height: 60px;
	padding: 0px 0 0 70px;
	margin: 50px auto 50px auto;
	position: relative;
	background: url(../images/icon-more-videos.png) left top no-repeat;
	font-size: 3em;
}

/*--Videos Column--*/
.vids {
	text-align: center;
	margin-bottom: 20px;
	min-height: 300px;
}

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

@media (min-width: 992px) {
	.vids {
		min-height: 300px;
	}
}

@media (min-width: 1200px) {
	.vids {
		min-height: 450px;
	}
}

.vids p {
	font-size: 0.9em;
}

.vids a {
	cursor: pointer;
}


/*--Documentary page - 2 Column layout. Not used!--*/

/*--Documentary--*/
.topbit {
	height: auto;
	min-height: 440px;
	position: relative;
	margin-bottom: 20px;
	background: #6babe5;
	/*--Grey #d6d4d5 --*/
	;
}

div.d-blue {
	display: block;
	background: #0054a6;
	margin: 0;
	height: 100%;
	min-height: auto;
	vertical-align: top;
}

@media (min-width: 768px) {
	div.d-blue {
		height: auto;
		min-height: 440px;
	}
}

@media (min-width: 992px) {
	div.d-blue {
		height: auto;
		min-height: 440px;
	}
}

@media (min-width: 1200px) {
	div.d-blue {
		height: auto;
		min-height: 440px;
	}
}

div.d-blue p {
	color: #fff;
	margin: 20px 20px 20px 20px;
	font-size: 16px;
}

@media (min-width: 768px) {
	div.d-blue p {
		margin: 50px 20px 0 20px;
		font-size: 15px;
	}
}

@media (min-width: 992px) {
	div.d-blue p {
		margin: 50px 20px 0 20px;
		font-size: 16px;
	}
}

@media (min-width: 1200px) {
	div.d-blue p {
		margin: 100px 20px 0 20px;
		font-size: 16px;
	}
}

.topvideo {
	display: inline-block;
	text-align: center;
	margin: 30px auto 0px auto;
	vertical-align: middle;
	max-width: 750px;
}

.topvideo img {
	border: 2px solid #fff;
}

.topvideo p {
	color: #fff;
	font-weight: 700;
}

.topvideo p a {
	color: #fff !important;
}

.cb {
	text-align: center;
}

/*--Documentary banner--*/
/*--
.videoicon {display:block; position:absolute; left:32%; top:250px; z-index:100; margin:0; padding:0; width:100px; height:70px; cursor:pointer;}
@media (min-width: 768px) { .videoicon {width:100px; height:70px;} }
@media (min-width: 992px) { .videoicon {width:120px; height:84px;} }
@media (min-width: 1200px) { .videoicon {width:150px; height:105px;} }
.videoicon p {color:#fff;}
.videoicon p a {color:#fff;}

/*--Videos Column--*/
/*--
.vids {text-align:center; margin-bottom:20px; min-height:300px;}
@media (min-width: 768px) { .vids {min-height:300px;} }
@media (min-width: 992px) { .vids {min-height:300px;} }
@media (min-width: 1200px) { .vids {min-height:450px;} }
.vids p {font-size:0.9em;}
.vids a {cursor:pointer;}

/*--Interviewees column--*/
/*--
.mgl0 {padding-left:0;}
.mgl0 h3 {margin:20px 0 20px 0;}
@media (min-width: 768px) { .mgl0 h3 {margin:188px 0 20px 0;} }
@media (min-width: 992px) { .mgl0 h3 {margin:20px 0 20px 0;} }
@media (min-width: 1200px) { .mgl0 h3 {margin:20px 0 20px 0;} }




/*--Side column intervewiees--*/
.interviewee {
	margin: 0 auto 3px auto;
}

.interviewee.roger-baxter {
	background: url(../images/interviewee-roger-baxter-.jpg) left top no-repeat;
}

.interviewee.errol-smart {
	background: url(../images/interviewee-errol-smart-.jpg) left top no-repeat;
}

.interviewee.niel-pretorius {
	background: url(../images/interviewee-niel-pretorius-.jpg) left top no-repeat;
}

.interviewee.mike-teke {
	background: url(../images/interviewee-mike-teke-.jpg) left top no-repeat;
}

.interviewee.norman-mbazima {
	background: url(../images/interviewee-norman-mbazima-.jpg) left top no-repeat;
}

.interviewee.tebello-chabana {
	background: url(../images/interviewee-tebello-chabana-.jpg) left top no-repeat;
}

.interviewee.mxolisi-mgojo {
	background: url(../images/interviewee-mxolisi-mgojo-.jpg) left top no-repeat;
}

.interviewee.mark-cutifani {
	background: url(../images/interviewee-mark-cutifani-.jpg) left top no-repeat;
}

.interviewee.tafadzwa-chibanguz {
	background: url(../images/interviewee-tafadzwa-chibanguz-.jpg) left top no-repeat;
}

.interviewee.henk-langenhoven {
	background: url(../images/interviewee-henk-langenhoven-.jpg) left top no-repeat;
}

.interviewee img {
	margin: 0;
}

/*--Interviewee layout with html text--*/
.interviewee p {
	DISPLAY: NONE !IMPORTANT;
	font-weight: 300;
	position: relative;
	display: inline-block;
	width: 60%;
	margin: 10px 0 0 20px;
	padding: 20px 0 0 0;
	color: #fff !important;
}

.interviewee p strong {
	font-weight: 700;
}

.interviewee p a {
	color: #fff !important;
}

.interviewee p:before {
	display: block;
	width: 15px;
	height: 15px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background-size: 100%;
}

@media (min-width: 768px) {
	.interviewee p:before {
		width: 20px;
		height: 20px;
	}
}

@media (min-width: 992px) {
	.interviewee p:before {
		width: 30px;
		height: 30px;
	}
}

@media (min-width: 1200px) {
	.interviewee p:before {
		width: 43px;
		height: 43px;
	}
}

.interviewee.roger-baxter p:before,
.interviewee.norman-mbazima p:before {
	background: url(../images/icon-text-grn.png) left top no-repeat;
}

.interviewee.errol-smart,
.interviewee.tebello-chabana p:before {
	background: url(../images/icon-text-yellow.png) left top no-repeat;
}

.interviewee.niel-pretorius,
.interviewee.mxolisi-mgojo p:before {
	background: url(../images/icon-text-red.png) left top no-repeat;
}

.interviewee.mike-teke,
.interviewee.mark-cutifani p:before {
	background: url(../images/icon-text-blue.png) left top no-repeat;
}

/*--Modals for 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: 0px;
	padding-top: 0px;
	width: 100%;
	height: 300px;
	overflow: hidden;
	text-align: center;
	margin: 0 auto 10px auto;
}

@media (min-width: 768px) {
	.newvid {
		width: 600px;
		height: 362px;
	}
}

@media (min-width: 992px) {
	.newvid {
		width: 700px;
		height: 422px;
	}
}

@media (min-width: 1200px) {
	.newvid {
		width: 1200px;
		height: 675px;
	}
}

/* @media (min-width: 1200px) { .newvid{width:800px; height:482px;} } */

.img-icon {
	text-align: center !important;
	margin: 0 auto 15px auto !important;
	border: 2px solid #ccc;
}

.newvid iframe {
	border: 2px solid #000;
	margin-bottom: 0px
}

/*--Main Video--*/
.primevideo {
	display: block;
	float: none;
	vertical-align: top;
	padding-bottom: 10px;
	padding-top: 0px;
	width: 85%;
	height: 350px;
	overflow: hidden;
	text-align: center;
	margin: 0 2% 10px 0;
}

@media (min-width: 768px) {
	.primevideo {
		display: block;
		float: none;
		width: 600px;
		height: 338px;
	}
}

@media (min-width: 992px) {
	.primevideo {
		display: inline-block;
		float: left;
		width: 680px;
		height: 383px;
	}
}

@media (min-width: 1200px) {
	.primevideo {
		display: inline-block;
		float: left;
		width: 800px;
		height: 450px;
	}
}

@media (min-width: 1600px) {
	.primevideo {
		display: inline-block;
		float: left;
		width: 900px;
		height: 507px;
	}
}

.primevideo iframe {
	width: 100%;
	height: 100%;
	border: 2px solid #ccc;
	margin-bottom: 0px
}

.modal-dialog {
	width: 80%
}

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

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

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


.banner_documentary .page-header {
	display: none !important;
}

.tenders dl {
	width: 100%;
	max-width: 360px
}

.tenders dt:before {
	content: "";
	width: 100%;
	display: table;
	position: absolute;
}

.tenders dt {
	display: inline-block;
	width: 150px;
	position: relative
}

.tenders dd {
	display: inline-block;
	width: 200px
}

.tenders .btn {
	background: #ae122a;
	color: #ffffff !important;
	font-weight: bold;
	font-size: 0.85em;
	font-weight: 500;
}

.tenders td {
	border-bottom: 1px dotted #cccccc;
	vertical-align: top;
	padding: 5px
}

.tenders table {
	margin-bottom: 0.75em
}

.tenders>li {
	border-bottom: 4px solid #ff7f32;
	padding: 0 0 1em 1em
}

/*--Video wrapper--*/
.videowrapper {
	display: block;
	position: relative;
	padding: 0;
	margin: 0 auto;
	width: 300px;
	height: 169px;
	text-align: left;
}

@media (min-width: 768px) {
	.videowrapper {
		width: 600px;
		height: 338px;
	}
}

@media (min-width: 992px) {
	.videowrapper {
		width: 800px;
		height: 450px
	}
}

@media (min-width: 1200px) {
	.videowrapper {
		width: 950px;
		height: 534px;
	}
}

.videowrapper.lftmrg {
	margin: 200px auto 0 auto;
	text-align: left;
}

@media (min-width: 768px) {
	.videowrapper.lftmrg {
		margin: 120px auto 0 auto;
	}
}

@media (min-width: 992px) {
	.videowrapper.lftmrg {
		margin: 0 auto;
	}
}

@media (min-width: 1200px) {
	.videowrapper.lftmrg {
		margin: 0 auto;
	}
}

.videowrapper iframe {
	margin: 0 auto 10px auto;
	float: none;
	width: 100%;
	height: 100%;
	text-align: center;
	border: 1px solid #000;
}

@media (min-width: 768px) {
	.videowrapper iframe {
		width: 600px;
		height: 338px;
	}
}

@media (min-width: 992px) {
	.videowrapper iframe {
		width: 800px;
		height: 450px;
	}
}

@media (min-width: 1200px) {
	.videowrapper iframe {
		width: 950px;
		height: 534px;
	}
}

iframe.hc {
	margin: 0 auto;
}

/*--DL list--*/
dl.category dd,
ul.category dd {
	padding-bottom: .8rem;
}

dl.category dd,
dl.category li,
ul.category dd,
ul.category li {
	border-bottom: 1px dotted #A5A398;
	clear: both;
}


/*bootstrap gutter override*/
.row.gutter-0 {
	margin-left: 0px;
	margin-right: 0px;

	[class*="col-"] {
		padding-left: 0px;
		padding-right: 0px;
	}
}

.row.gutter-10 {
	margin-left: -5px;
	margin-right: -5px;

	[class*="col-"] {
		padding-left: 5px;
		padding-right: 5px;
	}
}

.row.gutter-20 {
	margin-left: -10px;
	margin-right: -10px;

	[class*="col-"] {
		padding-left: 10px;
		padding-right: 10px;
	}
}

/*--Videos list--*/
.videoslist {}

.videoslist h4 {
	margin-bottom: 1em;
}

.videoslist h5 {
	font-size: 1.3em;
	margin-bottom: 1.1em;
	line-height: 1.3em;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #ccc;
}

.videoslist p {
	font-size: 1.1em;
	margin-bottom: 1em;
	line-height: 1.1em;
}

.videoicon {
	display: block;
	border: 2px solid #ccc;
	margin-bottom: 10px !important;
}

.videoslist a {
	cursor: pointer !important;
}

ul.vidlist {
	padding-left: 0px;
	margin-bottom: 2.5em;
}

ul.vidlist li {
	clear: both;
	display: block;
	list-style: none;
	padding: 0;
	margin-bottom: 1.2em;
}

ul.vidlist li:before {
	content: ''
}

ul.vidlist li a {
	color: #ee2b37 !important;
	cursor: pointer;
	display: block;
	vertical-align: top;
	margin: 0;
	font-weight: bold !important;
	font-size: 1em;
}

ul.vidlist li a span {
	font-weight: 800;
}

ul.vidlist li a:hover {
	color: #000 !important;
}

ul.vidlist li p {
	font-weight: 800;
	color: #000;
}

ul.vidlist li p span {
	font-weight: 300;
	font-size: 0.7em;
	color: #999;
}

ul.vidlist li img {
	display: block;
	vertical-align: top;
	margin: 0;
}

/*--Spotlight Icons--*/
.spotty {}

.spotty-posters {}

.spotty-posters h5 {
	color: #898a8a;
	margin-bottom: 20px;
	padding-left: 20px
}

.spotty h3 {
	padding-left: 20px;
}

.spot-icon {
	text-align: center;
}

.spot-icon p {
	text-align: center;
	color: #000;
	font-size: 1.0em;
}

.spot-icon a {
	text-align: center;
	color: #000 !important;
	font-size: 1.0em;
	margin: 0 auto;
	line-height: 1.2em;
}

.spot-icon .si {
	text-align: center;
	max-width: 100px;
	margin: 0 auto 10px auto;
	padding: 0;
}

.spot-icon img.si {
	margin: 0 auto 10px auto;
	padding: 0;
	border: 1px solid #ccc;
}

.spot-icon span.descriptor {
	font-size: 0.7em;
	color: #999;
	display: block;
	line-height: 1.1em;
}

.resources-hm {
	color: #ee2b37;
	text-decoration: none;
	font-size: 40px;
}

.si-mediarelease a {
	display: inline-block;
	text-align: left;
	color: #000;
	font-size: 1.0em;
	margin-bottom: 0.2em;
	padding-left: 20px;
}

.si-mediarelease span.descriptor {
	font-size: 0.7em;
	color: #999;
	display: inline-block;
	line-height: 1.1em;
}

.brdr-r1 {
	border-right: 1px solid #ccc;
}

.resource-q a {
	color: #ee2b37;
	text-decoration: none;
	font-size: 30px;
}

.resource-q p {
	margin-top: 0px;
	padding-top: 0;
}

.resource-q {
	padding: 0;
	margin: 0;
}

@media (min-width: 480px) {
	.resource-q {
		padding-top: 72px;
	}
}

@media (min-width: 768px) {
	.resource-q {
		padding-top: 65px;
	}
}

@media (min-width: 992px) {
	.resource-q {}
}

@media (min-width: 1200px) {
	.resource-q {}
}


.brdr-l1 {
	border-left: 0px;
}

@media (min-width: 480px) {
	.brdr-l1 {
		border-left: 0px;
	}
}

@media (min-width: 768px) {
	.brdr-l1 {
		border-left: 0px;
	}
}

@media (min-width: 992px) {
	.brdr-l1 {
		border-left: 1px solid #ccc;
	}
}

@media (min-width: 1200px) {
	.brdr-l1 {
		border-left: 1px solid #ccc;
	}
}


/*--COVID-19 PAGE--*/
.blue {
	color: #0054a4
}

.lightblue {
	color: #73addd
}

.lighter-blue {
	color: #83c4fa;
}

.ligherer-blue {
	color: #9ad0fc;
}

img.dashboard-img {
	vertical-align: baseline !important;
}

.covid19-mr {
	background: #0054a4 !important;
	padding-top: 25px;
	padding-right: 10px;
	height: auto;
}

@media (min-width: 480px) {
	.covid19-mr {
		height: auto;
	}
}

@media (min-width: 768px) {
	.covid19-mr {
		height: auto;
	}
}

@media (min-width: 992px) {
	.covid19-mr {
		height: 2660px;
	}
}

/*  1800px    */
@media (min-width: 1200px) {
	.covid19-mr {
		height: 2540px;
	}
}

/*  1735px    */
@media (min-width: 1600px) {
	.covid19-mr {
		height: 2424px;
	}
}

/*  1800px    */
@media (min-width: 1920px) {
	.covid19-mr {
		height: 2424px;
	}
}

/*  1800px    */
/*
.covid19-mr {background:#0054a4 !important; padding-top:25px; height:1420px;}
*/

.covid19-mr h5 {
	color: #83c4fa;
	text-transform: uppercase;
	font-size: 1.5em;
}

.covid19-mr p {
	color: #fff;
}

.covid19-mr ul {
	padding-left: 0;
}

.covid19-mr li {
	color: #fff !important;
	font-size: 1em;
	line-height: 1.6em;
	padding-left: 17px;
}

@media (min-width: 480px) {
	.covid19-mr li {
		font-size: 1em;
		line-height: 1.6em;
		padding-left: 18px;
	}
}

@media (min-width: 768px) {
	.covid19-mr li {
		font-size: 1em;
		line-height: 1.6em;
		padding-left: 20px;
	}
}

@media (min-width: 992px) {
	.covid19-mr li {
		font-size: 0.9em;
		line-height: 1.45em;
		padding-left: 15px;
	}
}

@media (min-width: 1200px) {
	.covid19-mr li {
		font-size: 1em;
		line-height: 1.5em;
		padding-left: 17px;
	}
}

@media (min-width: 1600px) {
	.covid19-mr li {
		font-size: 1em;
		line-height: 1.6em;
		padding-left: 20px;
	}
}

.covid19-mr li a {
	color: #fff !important;
}

.section-main .covid19-mr li:before {
	color: #83c4fa !important;
}

.covid19-mr span.descriptor {
	display: block;
	color: #73addd !important
}

.covid19-co {
	background: #ebeff2;
	border: none;
	padding-top: 25px;
	padding-right: 15px;
	margin-bottom: 1em !important;
}

.covid19-co h4 {
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 1em
}

.covid19-co h5 {
	color: #000;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 0.6em;
}

.ttl {
	margin-bottom: 0;
}

.ttl span.descriptor {
	font-size: 0.7em;
	margin-bottom: 0.5em;
	font-weight: 400;
	text-transform: none;
}

.covid19-co p {
	color: #000;
}

.covid19-co ul {
	margin: 0 0 0.5em 0px;
	padding-left: 2px;
}

.covid19-co li {
	font-weight: normal
}

.covid19-co span.descriptor {
	display: block;
	color: #73addd !important;
	font-weight: normal
}

.covid19-co li a {
	color: #fff !important;
	text-decoration: none;
}

.covid19-co li a:hover {
	text-decoration: underline #fff;
}

.covid19-co li:before {
	color: #73addd !important
}

.covid19-co strong {
	font-weight: bold
}

/*--Weekly update--*/
.weekly {}

.co-post-l .weekly li {
	font-size: 1em;
}

.weekly iframe {
	width: 90% !important;
	margin-top: 8px;
}

.weekly iframe .sound__footer {
	display: none !important;
}

.sound__content {
	height: 104px !important;
}

/*--Blue--*/
.co-1 {
	background: #6babe5;
	height: auto
}

/* @media (min-width: 992px) { .co-1 {height:auto} }
@media (min-width: 1200px) { .co-1 {height:460px;} }
@media (min-width: 1400px) { .co-1 {height:440px;} }
@media (min-width: 1600px) { .co-1 {height:414px;} }*/

/*blue poster height*/
@media (min-width: 992px) {
	.co-h {
		height: inherit
	}
}

@media (min-width: 1200px) {
	.co-h {
		height: 655px;
	}
}

@media (min-width: 1600px) {
	.co-h {
		height: 655px;
	}
}

/*Old*/
/*@media (min-width: 1200px) { .co-1 {height:689px;} }
@media (min-width: 1600px) { .co-1 {height:689px;} }*/

.co-1 h4 {
	color: #fff;
}

.co-1 h5 {
	color: #fff;
}

.co-1 p {
	color: #0054a6;
}

.co-1 span.descriptor {
	color: #0054a6 !important;
}

.co-1 li a {
	color: #fff !important
}

.co-1 li:before {
	color: #0054a6 !important
}

/*--videos--*/
.co-v {
	background: #98CA3C;
}

.co-v h4 {
	color: #fff;
}

.co-v h5 {
	color: #ed2636;
}

.co-v p {
	color: #ae122a;
}

.co-v span.descriptor {
	color: #ae122a !important;
}

.co-v li a {
	color: #fff !important
}

.co-v li:before {
	color: #00ac67 !important
}

/*--Red--*/
.co-red {
	background: #e1585f;
}

.co-red li:before {
	color: #ae122a !important
}

/*--Blue--*/
.co-blue {
	background: #0008a6;
}

/*--Dark Blue Tint 50--*/
.co-5 {
	background: #8997c5;
	height: inherit
}

.co-5 h4 {
	color: #fff;
}

.co-5 h5 {
	color: #0054a5;
}

.co-5 p {
	color: #0054a6;
}

.co-5 span.descriptor {
	color: #0054a6 !important;
}

.co-5 li a {
	color: #fff !important
}

.co-5 li:before {
	color: #0054a6 !important
}


/*--Orange--*/
.co-2 {
	background: #ff7f32;
}

.co-2 h4 {
	color: #fff;
}

.co-2 h5 {
	color: #ed2636;
}

.co-2 p {
	color: #ae122a;
}

.co-2 span.descriptor {
	color: #ae122a !important;
}

.co-2 li a {
	color: #fff !important
}

.co-2 li:before {
	color: #ae122a !important
}

/*--Yellow--*/
.co-3 {
	background: #fdb819;
}

@media (min-width: 992px) {
	.co-3 {
		height: inherit
	}
}

@media (min-width: 1200px) {
	.co-3 {
		height: inherit
	}
}

@media (min-width: 1600px) {
	.co-3 {
		height: inherit
	}
}


/*old style*/
/*@media (min-width: 1200px) { .co-3 {height:352px;} }
@media (min-width: 1600px) { .co-3 {height:352px;} }*/

/*--Red--*/
.co-3 h4 {
	color: #fff;
}

.co-3 h5 {
	color: #ab5a0b;
}

.co-3 p {
	color: #ab5a0b;
}

.co-3 span.descriptor {
	color: #ab5a0b !important;
}

.co-3 li a {
	color: #fff !important
}

.co-3 li:before {
	color: #e08227 !important
}

.co-3 p strong {
	color: #ab5a0b !important;
}

/*--Green--*/
.co-4 {
	background: #ebeff2;
}

.co-4 h4 {
	color: #fff;
}

.co-4 h5 {
	color: #007749;
}

.co-4 p {
	color: #007749;
}

.co-4 span.descriptor {
	color: #007749 !important;
}

.co-4 li a {
	color: #fff !important
}

.co-4 li:before {
	color: #007749 !important
}

/*--Light Green--*/
.co-lightgreen {
	background: #79c89b;
	height: inherit;
}

@media (min-width: 480px) {
	.co-lightgreen {
		height: inherit;
	}
}

@media (min-width: 768px) {
	.co-lightgreen {
		height: inherit;
	}
}

@media (min-width: 992px) {
	.co-lightgreen {
		height: inherit;
	}
}

@media (min-width: 1200px) {
	.co-lightgreen {
		height: 640px;
	}
}

@media (min-width: 1600px) {
	.co-lightgreen {
		height: 515px;
	}
}

.co-lightgreen h4 {
	color: #fff;
}

.co-lightgreen h5 {
	color: #007749;
}

.co-lightgreen p {
	color: #007749;
}

.co-lightgreen span.descriptor {
	color: #007749 !important;
}

.co-lightgreen li a {
	color: #fff !important
}

.co-lightgreen li:before {
	color: #007749 !important
}

/*--Posters--*/
.co-post {
	margin-bottom: 1.3em;
}

.co-post h4 {
	color: #00213f;
	margin-bottom: 1em;
}

.co-post h5 {
	color: #0054a6;
	text-transform: none;
	font-weight: 700 !important;
	margin-bottom: 1em;
}

.co-post h6 {
	color: #0054a6;
	font-size: 1em;
	line-height: 1.2em;
	margin: 0 0 0.4em 0;
	font-weight: 700;
}

.co-post h6 a {
	color: #0054a6 !important;
}

.co-post p {
	color: #0054a6;
	margin-bottom: 0.4em;
}

.co-post span.descriptor {
	color: #0054a6 !important;
}

.co-post ul {
	margin: 0;
	padding: 0;
}

.co-post li {
	margin: 0 0 0.4em 0;
	padding: 0 0 0 15px;
	line-height: 1em;
	font-size: 0.8em;
}

.co-post ul.lg li {
	margin: 0 0 0.3em 0;
	padding: 0 0 0 15px;
	line-height: 1.2em;
	font-size: 0.9em;
}

.co-post li a {
	color: #0054a6 !important;
}

.co-post li a:hover {
	color: #00213f !important;
	border-bottom: 1px solid #00213f;
}

.co-post li:before {
	color: #6babe5 !important
}

.co-post img {
	border: 1px solid #999;
	width: 100%;
	max-width: 101px;
}

.co-post hr {
	border-bottom: 2px dotted #67c9d0;
	width: 98%;
}

/*--Posters Co post - Yellow--*/
.co-post.yello {margin-bottom: 1.3em; background:#f2f5f7;}

.co-post.yello h4 {color: #ed2636;margin-bottom: 1em;}
.co-post.yello h5 {color: #ed2636;text-transform: none;font-weight: 700 !important;margin-bottom: 1em;}
.co-post.yello h6 {color: #ed2636;font-size: 1em;line-height: 1.2em;margin: 0 0 0.4em 0;font-weight: 700;}
.co-post.yello h6 a {color: #ed2636 !important;}
.co-post.yello p {color: #000;margin-bottom: 0.4em;}
.co-post.yello span.descriptor {color: #0054a6 !important;}
.co-post.yello ul {margin: 0;padding: 0;}

.co-post.yello li {margin: 0 0 0.4em 0;padding: 0 0 0 15px;line-height: 1em;font-size: 0.8em;}
.co-post.yello ul.lg li {margin: 0 0 0.3em 0;padding: 0 0 0 15px;line-height: 1.2em;font-size: 0.9em;}
.co-post.yello li a {color: #000 !important;}
.co-post.yello li a:hover {color: #ed2636 !important;border-bottom: 1px solid #ed2636;}
.co-post.yello li:before {color: #ed2636 !important}


/*Latest resource*/
.co-post-l ul {
	margin: 0;
	padding: 0;
}

.co-post-l li {
	margin: 0 0 0.9em 0;
	padding: 0 0 0 15px;
	line-height: 1.2em;
	font-size: 1em;
}

.co-post-l li a {
	color: #0054a6 !important;
}

.co-post-l li a:hover {
	color: #00213f !important;
	border-bottom: 1px solid #00213f;
}

.co-post-l li:before {
	color: #6babe5 !important
}

/*--Easter posters--*/
.co-post.easterposters {
	margin-left: 15px;
}

.co-post.easterposters h6 {
	color: #ab0922 !important;
}

.co-post.easterposters ul li a {
	color: #ab0922 !important;
}

.co-post.easterposters ul li a:hover {
	color: #000 !important;
}

.co-post.easterposters ul li:before {
	color: #ed2636 !important;
}

@media (min-width: 1200px) {
	.col-lg-25 {
		width: 19%;
	}
}

/*--Posters with responsive HD 5-column and set height--*/
.col-poster {
	float: left;
	width: 100%;
	position: relative;
	min-height: 120px;
	padding-right: 15px;
	padding-left: 0px;
	margin-bottom: 10px;
}

@media (min-width: 480px) {
	.col-poster {
		width: 100%;
	}
}

@media (min-width: 768px) {
	.col-poster {
		width: 50%;
	}
}

@media (min-width: 992px) {
	.col-poster {
		width: 25%;
	}
}

@media (min-width: 1200px) {
	.col-poster {
		width: 19.5%;
	}
}

.col-cp {
	min-height: 120px;
	margin-bottom: 10px;
}

.col-cp160 {
	min-height: 160px;
	margin-bottom: 10px;
}

.co-post h6.ttl span.descriptor {
	font-size: 0.8em;
}

/*--NEW COVID-19 LAYOUT - 18 Feb 2021 --*/
.covidpage {}

.covidpage h2 {
	font-weight: 800;
	margin: 0 0 1em 0;
	padding: 0 !important;
	text-transform: uppercase;
}

.covidpage h5 {
	font-weight: 500;
}

.covidpage p {
	color: #000;
}

.covidpage a {
	color: #0054a6;
}

.covidpage p a,
#red .item-page .covidpage p a {
	text-decoration: underline;
	color: #0054a6 !important;
}

.covidpage ul {
	margin: 0 0 0.5em 0px;
	padding-left: 0px;
}

.covidpage li {
	padding-left: 15px;
	font-weight: 500;
}

.covidpage li a {
	text-decoration: none;
	color: #0054a6 !important;
}

.covidpage li a:hover {
	text-decoration: underline;
	color: #000 !important;
}

.covidpage li:before {
	color: #0054a6 !important;
	font-family: 'FontAwesome';
	font-size: 0.7em;
	content: '\f054';
}

.section-main .covidpage li:before {
	color: #0054a6 !important;
	font-size: 0.7em;
	content: '\f054' !important;
}

.covidpage .btn-default {
	color: #fff !important;
	background: #71aada;
	padding: 3px 7px 4px 7px;
	font-size: 0.8em;
	text-align: center;
}

.covidpage .btn-default:hover {
	color: #fff !important;
	background: #0054a6;
}

.cntnt {
	position: relative;
	margin: 0 0 1.5em;
	padding: 25px 25px;
}

.c19-mu {
	background: #5977ba;
	position: relative;
	height: auto;
}

@media (min-width: 480px) {
	.c19-mu {
		height: auto;
	}
}

@media (min-width: 768px) {
	.c19-mu {
		height: auto;
	}
}

@media (min-width: 992px) {
	.c19-mu {
		height: 465px;
	}
}

@media (min-width: 1200px) {
	.c19-mu {
		height: 465px;
	}
}

@media (min-width: 1600px) {
	.c19-mu {
		height: 445px;
	}
}

.c19-mu h4 {
	color: #fff;
	text-transform: uppercase;
	font-size: 2em;
}

.c19-mu h5 {
	color: #83c4fa;
	text-transform: uppercase;
	font-size: 1.5em;
}

.c19-mu p {
	color: #fff;
}

.c19-mu ul {}

.c19-mu a {
	color: #fff !important;
	text-decoration: none;
}

.c19-mu li {
	color: #fff !important;
	font-size: 1em;
	line-height: 1.6em;
	padding-left: 17px;
	font-weight: 500;
}

@media (min-width: 480px) {
	.c19-mu li {
		font-size: 1em;
		line-height: 1.5em;
		padding-left: 18px;
	}
}

@media (min-width: 768px) {
	.c19-mu li {
		font-size: 1em;
		line-height: 1.5em;
		padding-left: 20px;
	}
}

@media (min-width: 992px) {
	.c19-mu li {
		font-size: 1em;
		line-height: 1.5em;
		padding-left: 15px;
	}
}

@media (min-width: 1200px) {
	.c19-mu li {
		font-size: 1.1em;
		line-height: 1.5em;
		padding-left: 17px;
	}
}

@media (min-width: 1600px) {
	.c19-mu li {
		font-size: 1.2em;
		line-height: 1.5em;
		padding-left: 17px;
	}
}

.c19-mu li a {
	color: #fff !important;
	text-decoration: none;
}

.c19-mu li a:hover {
	text-decoration: underline #fff;
}

.c19-mu li:before {
	color: #bdc9e3 !important;
	font-size: 0.8em;
	content: '\f054' !important;
}

.section-main .c19-mu li:before {
	color: #bdc9e3 !important;
	content: '\f054' !important;
}

.c19-mu a {
	color: #fff !important;
}

.c19-mu span.descriptor {
	color: #bdc9e3;
	text-decoration: none;
	margin: 0 0 0 5px;
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight: 400;
}

.c19-mu a span.descriptor {
	color: #bdc9e3 !important;
	text-decoration: none;
}

.c19-mu audio {
	width: 100%;
}

.thumb-presentation {}

.thumb-presentation p {
	display: block;
	color: #fff;
	font-size: 0.9em !important;
	line-height: 1.2em;
	margin: 0 0 10px 0 !important;
	padding: 0;
}

.thumb-presentation a,
.covidpage .thumb-presentation p a,
#red .item-page .covidpage .thumb-presentation p a {
	color: #fff !important;
	text-decoration: none !important;
}

.thumb-presentation img {
	width: 100%;
	max-width: 230px !important;
	border: 1px solid #fff;
}

/*--COVID-19 Resources page--*/
.covidpage.resources .thumb-presentation a {
	color: #000 !important;
}

.covidpage.resources {}

.covidpage.resources .thumb-presentation p {
	color: #000;
}

.mythlist {}

.mythlist div {
	border-bottom: 1px solid #01764a;
}

.mythlist li {
	font-weight: 400;
	padding-right: 15px;
	padding-left: 15px;
}

.mythlist h5 {
	font-weight: 700;
}

.mythlist p {
	font-weight: 400;
	font-size: 1em;
	margin-bottom: 0.5em;
	line-height: 1.4em;
}

.mythlist p strong {
	font-weight: 700;
	color: #0054a6;
}

/*--Button Vertical Arrow--*/
a.btn-va {
	color: #fff !important;
	background: #0054a6;
	position: absolute;
	right: 20px;
	bottom: 20px;
	text-align: left;
	margin: 0 20px 0 0;
	padding: 3px 23px 4px 7px;
	font-size: 0.8em;
}

a.btn-va:before {
	font-family: 'FontAwesome';
	font-size: 0.8em;
	position: absolute;
	right: 7px;
	top: 5px;
	content: "\f063";
	color: #66d1e5 !important;
}

a.btn-va:hover {
	color: #0054a6 !important;
	background: #fff;
}

/*--Button Sml-*/
a.btn-sml {
	display: inline-block;
	vertical-align: baseline;
	color: #fff !important;
	background: #0054a6;
	position: relative;
	text-align: left;
	margin: 0 20px 0 0;
	padding: 3px 7px 5px 7px;
	font-size: 0.8em;
	text-transform: uppercase;
}

a.btn-sml:before {
	display: none;
	content: "";
}

a.btn-sml:hover {
	color: #fff !important;
	background: #75addd;
}

/*--Dashboard--*/
.daily-dashboard {}

.daily-dashboard h1,
.section-main .daily-dashboard h1 {
	display: inline-block;
	vertical-align: baseline;
	font-weight: 800;
	color: #0054a6;
	margin: 0 15px 0.3em 0 !important;
	padding: 0 !important;
}

.daily-dashboard h5.date {
	font-weight: 700;
	color: #0054a6;
}

.daily-dashboard h5.date span {
	font-weight: 300;
	color: #0054a6;
}

/*--QUe--*/
.c19-que {
	height: auto;
}

@media (min-width: 480px) {
	.c19-que {
		height: auto;
	}
}

@media (min-width: 768px) {
	.c19-que {
		height: auto;
	}
}

@media (min-width: 992px) {
	.c19-que {
		height: 620px;
	}
}

@media (min-width: 1200px) {
	.c19-que {
		height: 550px;
	}
}

@media (min-width: 1600px) {
	.c19-que {
		height: 620px;
	}
}

.c19-que img {
	margin: 0 15px 20px 0;
}

.c19-que img.brdr {
	border: 1px solid #fff;
	margin: 30px 0 0 0;
}

.c19-que li h5 {
	margin: 0;
}

.section-main .covidpage .c19-que li:before {
	color: #000 !important;
}

/*--Questions--*/
.c19-que.que {
	background: #ee2b39;
}

.c19-que.que h5 {
	color: #fff;
}

.c19-que.que p {
	color: #fff;
}

.c19-que.que li {
	color: #fff;
}

/*--Did you know?--*/
.c19-que.know {
	background: #fbb61b;
}

.c19-que.know h5 {
	color: #000;
}

.c19-que.know p {
	color: #000;
}

.c19-que.know li {
	color: #000;
}

.c19-que a.btn-va {
	background: #fff;
	color: #ee2b39 !important;
	padding: 3px 7px 5px 7px;
}

.c19-que a.btn-va:hover {
	background: #000;
	color: #fff !important;
}

.c19-que a.btn-va:before {
	display: none;
	content: "";
}

/*--Mythbusters--*/
.c19-que.bust {
	background: #01764a;
	position: relative;
}

.c19-que.bust h5 {
	color: #fff;
}

.c19-que.bust p {
	color: #fff;
}

.c19-que.bust li {
	color: #fff;
}

.c19-que.bust a.btn-va {
	background: #fff;
	color: #01764a !important;
	padding: 3px 7px 5px 7px;
}

.c19-que.bust a.btn-va:hover {
	background: #000;
	color: #fff !important;
}

.c19-que.bust a.btn-va:before {
	display: none;
	content: "";
}

.c19-que.bust p.descriptor {}

/*--Mythbuster Scrolling Items--*/
#mythslider {
	margin: 0 0 10px 0;
	padding: 0;
	text-align: left;
}

#mythslider .carousel-inner {
	margin: 0;
	padding: 0;
}

#mythslider .carousel-indicators {
	display: none !important;
}

#mythslider .item {
	margin: 0;
	padding: 0;
	left: inherit;
	text-align: left;
	height: auto;
	min-height: 100px;
}

#mythslider h4 {
	display: block;
	color: #000;
	background: #f9bb34;
	margin: 0 0 15px 0;
	padding: 12px 20px;
}

#mythslider h4 span {
	color: #ea000b;
}

#mythslider h5 {
	font-size: 1.4em;
	color: #e6bd3f;
	font-weight: 700;
	margin: 8px 0 0.5em 0;
}

@media (min-width: 480px) {
	#mythslider h5 {
		font-size: 1.4em;
	}
}

@media (min-width: 768px) {
	#mythslider h5 {
		font-size: 1.4em;
	}
}

@media (min-width: 992px) {
	#mythslider h5 {
		font-size: 1.3em;
	}
}

@media (min-width: 1200px) {
	#mythslider h5 {
		font-size: 1.4em;
	}
}

@media (min-width: 1600px) {
	#mythslider h5 {
		font-size: 1.5em;
	}
}

#mythslider p {
	margin-bottom: 0.7em;
}

#mythslider p.descriptor {
	color: #ccc;
	font-style: italic;
}

#mythslider p strong {
	font-weight: 400;
	font-weight: 700;
	color: #fff;
}

#mythslider p.small {
	font-size: 0.9em;
	line-height: 1.35em;
}

#mythslider img {
	margin: 0 0 0 10px;
}

#mythslider .carousel-control {}

/* #mythslider .carousel-control.left {background:url(../images/cc-left.svg) center center; background-size:15px auto; }
#mythslider .carousel-control.right {background:url(../images/cc-right.svg) center center; background-size:15px auto;} */

#mythslider a.carousel-control.left:before {
	display: block !important;
	width: 15px;
	height: 15px;
	font-family: 'FontAwesome';
	font-size: 0.9em;
	position: absolute;
	left: -15px;
	top: 250px;
	content: "\f053";
	color: #ccc;
}

#mythslider .carousel-control.right:before {
	display: block !important;
	width: 15px;
	height: 15px;
	font-family: 'FontAwesome';
	font-size: 0.9em;
	position: absolute;
	right: -15px;
	top: 250px;
	content: "\f054";
	color: #ccc;
}

/*--Posters row--*/
.c19-post {
	margin: 0 0 0.5em 0;
}

.c19-post h2 {
	color: #73addd !important;
}

.c19-post h2 a {
	color: #73addd !important;
}

.c19-post ul {
	margin: 0 0 0.5em 0;
	padding: 0;
}

.c19-post li {
	padding-left: 15px;
	font-weight: 500;
}

.c19-post li:before {
	content: "\f054";
	color: #000 !important;
}

.c19-post a {
	color: #000 !important;
}

.c19-post .brdr {
	border: 1px solid #000;
}

.c19-post p {
	font-size: 0.9em;
	line-height: 1.2em;
}

.c19-post p.ttl {}

.c19-post h6 {
	font-size: 1em;
	line-height: 1.2em;
	font-weight: 500;
}

.c19-post h6.ttl {}

img.mw250 {
	width: 100%;
	max-width: 180px;
}

img.img-cntr {
	margin-right: auto;
	margin-left: auto;
}

p.lead.pl2 {
	font-size: 1.3em;
	line-height: 1.5em;
	margin-bottom: 1.2em;
}

@media (min-width: 768px) {
	p.lead.pl2 {
		font-size: 1.3em;
		line-height: 1.5em;
	}
}

@media (min-width: 992px) {
	p.lead.pl2 {
		font-size: 1.3em;
		line-height: 1.5em;
	}
}

@media (min-width: 1200px) {
	p.lead.pl2 {
		font-size: 1.16em;
		line-height: 1.4em;
	}
}

@media (min-width: 1600px) {
	p.lead.pl2 {
		font-size: 1.3em;
		line-height: 1.5em;
	}
}

/*--Reinforcements--*/
.reinf {
	background: #b9d6ee;
	margin: 0 0 1em 0;
}

.reinf h2 {
	color: #0054a6 !important;
}

.reinf h5 {
	color: #000 !important;
}

.reinf p {
	color: #000 !important;
}

.reinf li {
	color: #000 !important;
}

.reinf li:before {
	content: "\f054";
	color: #000 !important;
}

.reinf a {
	color: #000 !important;
}

/*--Basic covid--*/
.bsc {
	background: #ebeff2;
	margin: 0 0 1em 0;
}

.bsc h2 {
	color: #0054a6 !important;
}

.bsc h5 {
	color: #000 !important;
}

.bsc p {
	color: #000 !important;
}

.bsc ul {
	margin: 0 0 0.5em 0;
	padding: 0;
}

.bsc li {
	color: #000 !important;
}

.bsc li:before {
	content: "\f054";
	color: #000 !important;
}

.bsc a {
	color: #000 !important
}

/*--Tab docs--*/
.tabdocs {
	margin: 0 0 1em 0;
}

.tabdocs ul.nav-tabs {
	margin: 0;
	border: 0px;
}

.tabdocs ul.nav-tabs li {
	color: #549dce;
	text-transform: uppercase;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 1.3em;
}

.tabdocs ul.nav-tabs li a {
	color: #549dce !important;
	background: transparent;
}

.tabdocs ul.nav-tabs li.active {}

.tabdocs ul.nav-tabs li.active a {
	color: #fff !important;
	background: #549dce;
}

.tabdocs ul.nav-tabs {}

.tab-content {
	background: #d5e7f5;
	padding: 30px;
	border-top: 2px solid #549dce
}

.tab-content h2 {
	color: #549dce;
}

.tab-content h3,
.tab-content h4,
.tab-content h5,
.tab-content h6,
.tab-content p,
.tab-content li,
.tab-content a {
	color: #000 !important;
}

.covidpage .tab-content ul {
	margin-left: 10px;
}

.tab-content .descriptor {
	color: #0054a6;
	font-weight: 400;
}

/*--Timeline--*/
.roadmap.roadmap--orientation-auto {
	margin: 50px auto !important;
}

.roadmap.roadmap--orientation-auto .roadmap__events {
	position: relative;
	width: -webkit-calc(100% - 200px);
	width: calc(100% - 200px);
	margin: 0 auto;
	padding: 00px 0;
}

.roadmap.roadmap--orientation-auto .roadmap__events:after {
	background-color: #0054a6;
	top: 50% !important;
	display: none !important;
}

@media (min-width: 992px) {
	.roadmap.roadmap--orientation-auto .roadmap__events:after {
		display: block !important;
		left: 5% !important
	}
}

.roadmap.roadmap--orientation-auto .roadmap__navigation>:first-child {
	left: -100px !important;
}

/*--Nav--*/
.roadmap__navigation a {
	color: #6babe5 !important;
}

.roadmap__navigation a:hover {
	color: #00213f !important;
}

.roadmap.roadmap--orientation-auto .roadmap__navigation>* {}

.roadmap.roadmap--orientation-auto .roadmap__navigation>:first-child {}

@media (min-width: 768px) {
	.roadmap.roadmap--orientation-auto .roadmap__navigation>:first-child {}
}

.roadmap.roadmap--orientation-auto .roadmap__navigation>:last-child {
	right: -40px !important;
}

@media (min-width: 768px) {
	.roadmap.roadmap--orientation-auto .roadmap__navigation>:last-child {
		right: 0px !important;
	}
}

.roadmap.roadmap--orientation-auto .roadmap__navigation>* a i {
	font-size: 80px !important;
}

.event {}

.event__date {
	font-weight: 700 !important;
	color: #0054a4;
	text-transform: uppercase;
	font-size: 1.4em;
	line-height: 1.4em;
}

ul.roadmap__navigation {}

ul.roadmap__navigation li {}

ul.roadmap__navigation li:before {
	display: none;
}

ul.roadmap__navigation {}

ul.roadmap__events {}

li.roadmap__events__event {
	list-style: none !important;
}


.roadmap.roadmap--orientation-auto .roadmap__events__event {
	list-style: none;
	position: relative;
	width: auto !important;
	min-width: 280px !important;
	height: auto;
	margin-left: 0px !important;
	font-size: 16px;
}

@media (min-width: 992px) {
	.roadmap.roadmap--orientation-auto .roadmap__events__event {
		position: absolute;
		width: 30% !important;
		min-width: 280px !important;
		height: 200px;
		margin-left: -140px !important;
		font-size: 16px;
	}
}

@media (min-width: 1200px) {
	.roadmap.roadmap--orientation-auto .roadmap__events__event {
		margin-left: -107px !important;
	}
}

@media (min-width: 1600px) {
	.roadmap.roadmap--orientation-auto .roadmap__events__event {
		margin-left: -140px !important;
	}
}

.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(odd) {
	bottom: -12px !important;
}

.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(odd):before {
	top: -8px;
	display: none !important;
}

.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(even):before {
	top: inherit;
	bottom: -12px !important;
	display: none !important;
}

.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(even):after {
	bottom: -0px;
	display: none !important;
}

@media (min-width: 992px) {
	.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(even):after {
		display: block !important;
	}
}

.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(odd):after {
	display: none !important;
}

@media (min-width: 992px) {
	.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(odd):after {
		display: block !important;
	}
}

.roadmap.roadmap--orientation-auto .roadmap__events__event .event {
	position: relative;
	margin-bottom: 20px;
}

@media (min-width: 768px) {
	.roadmap.roadmap--orientation-auto .roadmap__events__event .event {
		position: absolute;
	}
}

.event__content {
	display: block;
	font-size: 0.9em;
	line-height: 1.4em;
}

.event__content a {
	display: block;
	width: 90px;
	clear: both !important;
	font-size: 0.65em;
	text-transform: uppercase;
	color: #fff !important;
	margin: 5px auto 0 auto;
	padding: 3px 3px;
	background: #6babe5;
	line-height: 1.5em;
}

.event__content a:hover {
	background: #0054a6;
	text-decoration: none !important;
}

.material-icons {}

/*--iPhone X in portrait & landscape--*/
@media (max-width:455px) {
	.roadmap.roadmap--orientation-auto .roadmap__events__event {
		min-height: 200px;
	}

	.event__date {
		font-size: 1.0em;
		line-height: 1.2em;
	}

	.event__content {
		font-size: 0.8em;
		line-height: 1.2em;
	}
}


/*--BSA page--*/
.bsa {}

.bsa h4 {}

.bsa h5 {
	color: inherit;
}

.bsa p {}

.bsa .descriptor {
	display: block;
}

.bsa ul {}

.bsa li {
	margin: 0 0 0.7em 0;
	line-height: 1.4em;
}

.bsa a {
	color: #000;
	font-weight: 700;
	line-height: 1.2em;
}

.bsa li a {
	margin: 0 0 0.2em 0;
	font-weight: 700;
}

.bsa li.brdr-l {
	border-left: 1px dotted #ccc;
}

.bsa img.brdr {
	border: 1px solid #ccc;
	box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
	width: 100%;
	max-width: 240px;
	margin: 0 0 10px 0;
}

.bsa img.brdr:hover {
	border: 1px solid #000;
}

.bsa audio {
	display: block;
	margin: 10px 0 0 0;
}

.bsa .mrgt1 {
	margin-top: 10px !important;
}

.bsa-col {
	background: #999;
	border: none;
	padding: 20px 15px 1em 1.2em;
	margin-bottom: 1em !important;
}

.bsa-col h4 {
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 1em
}

.bsa-col h5 {
	color: #000;
	text-transform: uppercase;
	font-weight: 700;
}

.bsa-col .ttl {
	margin-bottom: 0;
}

.bsa-col .ttl span.descriptor {
	font-size: 0.7em;
	margin-bottom: 0.5em;
	font-weight: 400;
	text-transform: none;
}

.bsa-col p {
	color: #000;
}

.bsa-col ul {
	margin: 0 0 0.5em 0px;
	padding: 0;
}

.bsa-col li {
	font-weight: 400;
	padding: 0 0 0 13px;
	font-size: 1em;
	line-height: 1.25em;
}

.bsa-col span.descriptor {
	font-size: 0.8em;
	display: block;
	color: #999;
	font-weight: normal
}

.bsa-col li a {
	color: #fff;
	text-decoration: none;
	font-weight: 700;
}

.bsa-col li a:hover {
	text-decoration: underline #fff;
}

.bsa-col li:before {
	color: #999
}

.bsa-col strong {
	font-weight: bold
}

.col-y {
	background: #feb818;
}

.col-y h4 {
	color: #fff;
}

.col-y h5 {
	color: #fff;
}

.col-y p {
	color: #000;
}

.col-y a {
	color: #000 !important;
	font-weight: 700;
}

.col-y a:hover {
	color: #fff !important;
	text-decoration: underline;
}

.col-y li:before {
	color: #000 !important;
}

.col-y span.descriptor {
	color: #000;
}

.col-or {
	background: #e18127;
}

.col-or h4 {
	color: #fff;
}

.col-or h5 {
	color: #fff;
}

.col-or p {
	color: #fff;
}

.col-or a {
	color: #fff;
	font-weight: 700;
}

.col-or a:hover {
	color: #fff;
	text-decoration: underline;
}

.col-or li:before {
	color: #fff !important;
}

.col-or span.descriptor {
	color: #fff;
}

.col-blu {
	background: #72addf;
}

.col-blu h4 {
	color: #fff;
}

.col-blu h5 {
	color: #fff;
}

.col-blu p {
	color: #fff;
}

.col-blu a {
	color: #fff;
	font-weight: 700;
}

.col-blu a:hover {
	color: #fff;
	text-decoration: underline;
}

.col-blu li:before {
	color: #fff !important;
}

.col-blu span.descriptor {
	color: #fff;
}

.col-grn1 {
	background: #79c89b;
}

.col-grn1 h4 {
	color: #fff;
}

.col-grn1 h5 {
	color: #fff;
}

.col-grn1 p {
	color: #000;
}

.col-grn1 a {
	color: #000;
	font-weight: 700;
}

.col-grn1 a:hover {
	color: #fff;
	text-decoration: underline;
}

.col-grn1 li:before {
	color: #fff !important;
}

.col-grn1 span.descriptor {
	color: #fff;
}

.bsa .multicol-3 {
	padding: 15px;
	-webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1;
	-webkit-column-gap: 40px;
	-moz-column-gap: 40px;
	column-gap: 40px;
	-webkit-column-rule: 1px solid lightgrey;
	-moz-column-rule: 1px solid lightgrey;
	column-rule: 1px solid lightgrey;
}

@media (min-width: 480px) {
	.bsa .multicol-3 {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}
}

@media (min-width: 768px) {
	.bsa .multicol-3 {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}
}

@media (min-width: 992px) {
	.bsa .multicol-3 {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
	}
}

@media (min-width: 1200px) {
	.bsa .multicol-3 {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
	}
}

.media-releases {
	background: #feb818;
	margin-bottom: 1.5em !important;
}

.media-releases h3 {
	color: #fff !important;
	text-transform: uppercase;
	font-size: 2em;
	margin-left: 10px;
}

.media-releases h4 {
	color: #fff;
}

.media-releases h5 {
	color: #fff;
}

.media-releases p {
	color: #000;
}

.media-releases a {
	color: #000 !important;
	font-weight: 700;
}

.media-releases a:hover {
	color: #fff !important;
	text-decoration: underline;
}

.media-releases li {
	padding: 0 0 0 13px;
	font-size: 1.2em;
	line-height: 1.6em;
}

.media-releases li:before {
	color: #000 !important;
}

.media-releases span.descriptor {
	color: #000;
}

/*---Accordion---*/
.ui-accordion {
	width: 100%;
	position: relative;
	left: -5px;
	border-bottom: 0px solid #ccc;
	margin-bottom: 2em;
}

.ui-accordion .ui-accordion-header {
	font-size: 1.4em;
	font-weight: 400;
	color: #fff;
	background: #af122a;
	-moz-border-radius: 0px;
	border-radius: 0px;
	cursor: pointer;
	padding: 4px 30px 8px 15px;
	margin: 5px 0 20px 0;
	position: relative !important;
	border: none !important;
	outline: none;
	line-height: 1.5em;
	text-transform: uppercase;
}

.ui-accordion .ui-accordion-header:hover {
	color: #fff;
	background: #000;
}

.ui-accordion-header.red {
	color: #fff;
	background: #af122a;
	position: relative;
}

.ui-accordion-header.navy {
	color: #fff;
	background: #0055a6;
	position: relative;
}

.ui-accordion-header.orange {
	color: #fff;
	background: #ff7f32;
	position: relative;
}

.ui-accordion-header-active {
	color: #fff;
	background: #0055a6;
	position: relative;
}

.ui-accordion.green {}

.ui-accordion.green .ui-accordion-header,
.ui-accordion-header.green {
	color: #fff;
	background: #00ac67;
	position: relative;
}

.ui-accordion.green li:before {
	color: #00ac67;
}

.ui-accordion .ui-accordion-header-active .ui-accordion-header-icon {
	position: absolute;
	display: block;
	right: 0px;
	top: 8px;
	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: 8px;
	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;
}

.ui-accordion .ui-accordion-content {
	margin-top: -20px;
	padding: 20px 0px 2px 1em;
	background: #fff;
}

.ui-accordion .ui-accordion-content a[type="button"] {
	cursor: pointer;
}

.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;
}

/*--Accordion--Resources--*/
.resources .ui-accordion {}

.resources .ui-accordion .ui-accordion-header {
	font-size: 1.2em;
	font-weight: 400;
	color: #0054a6;
	background: #fff;
	-moz-border-radius: 0px;
	border-radius: 0px;
	cursor: pointer;
	padding: 3px 30px 5px 17px;
	margin: 5px 0 7px 0;
	position: relative !important;
	border: none;
	border-bottom: 1px solid #0054a6 !important;
	outline: none;
	line-height: 1.4em;
	text-transform: none;
}

.resources .ui-accordion .ui-accordion-header:hover {
	background: #d6e4f1;
}

.resources .ui-accordion .ui-accordion-header-active {
	color: #fff;
	background: #0054a6;
}

.resources .ui-accordion .ui-accordion-header-active:hover {
	background: #0054a6;
}

.resources .ui-accordion .ui-accordion-header-active .ui-accordion-header-icon {
	display: none !important;
}

.resources .ui-accordion .ui-accordion-header:hover .ui-accordion-header-icon {
	display: none !important;
}

.resources .ui-accordion .ui-accordion-header-active .ui-accordion-header-icon {
	display: none !important;
}

.resources .ui-accordion .ui-accordion-header-active:hover .ui-accordion-header-icon {
	display: none !important;
}

.resources .ui-accordion .ui-accordion-header:before {
	display: block;
	position: absolute;
	left: 5px;
	top: 3px;
	color: #0054a6 !important;
	font-family: 'FontAwesome';
	font-size: 0.6em;
	content: '\f054';
}

.resources .ui-accordion .ui-accordion-header:after {
	display: block;
	position: absolute;
	right: 20px;
	top: 0px;
	color: #0054a6 !important;
	font-family: 'FontAwesome';
	font-size: 0.9em;
	content: '\f078';
}

.resources .ui-accordion .ui-accordion-header-active:after {
	display: block;
	position: absolute;
	right: 20px;
	top: 0px;
	color: #fff !important;
	font-family: 'FontAwesome';
	font-size: 0.9em;
	content: '\f077';
}

/*--Accordion for Mythbusters--*/
.resources .ui-accordion.mythlist .ui-accordion-header {
	background: #fff;
	color: #01764a;
	border-bottom: 1px solid #01764a !important;
}

.resources .ui-accordion.mythlist .ui-accordion-header:hover {
	background: #d9ebe4;
}

.resources .ui-accordion.mythlist .ui-accordion-header-active {
	color: #fff;
	background: #01764a;
}

.resources .ui-accordion.mythlist .ui-accordion-header-active:hover {
	background: #01764a;
}

.resources .ui-accordion .ui-accordion-header:before {
	color: #01764a !important;
}

.resources .ui-accordion .ui-accordion-header:after {
	color: #01764a !important;
}

.resources .ui-accordion .ui-accordion-header-active:after {
	color: #fff !important;
}



/*--BSA custom icons--*/
ul.bsa-ci {
	margin: 0 0 1em 0;
	padding: 0;
}

.bsa-ci-col-l {
	border-right: none;
	padding-left: 0;
	padding-right: 0;
}

@media (min-width: 992px) {
	.bsa-ci-col-l {
		border-right: 1px solid #000;
		padding-left: 0;
		padding-right: 15px;
	}
}

.bsa-ci-col-r {
	padding-left: 0;
	padding-right: 0;
}

@media (min-width: 992px) {
	.bsa-ci-col-r {
		padding-left: 15px;
		padding-right: 0;
	}
}

ul.bsa-ci li {
	list-style: none;
	display: block;
	color: #000;
	margin: 0 0 15px 0;
	padding: 0;
	width: 100%;
	height: 110px;
	position: relative;
}

ul.bsa-ci li i {
	display: inline-block;
	vertical-align: top;
	margin: 0;
	width: 15%;
	height: 100%;
	border-right: 5px solid #fff;
}

ul.bsa-ci li i img {
	display: block;
	width: 100%;
	height: auto;
	max-height: 90px;
	margin-top: 10px;
}

ul.bsa-ci li p {
	display: inline-block;
	color: #000;
	text-align: left;
	font-weight: 700;
	margin: 0;
	padding: 30px 0 0 15px;
	width: 82%;
	height: auto;
	font-size: 1.3em;
	line-height: 1.2em;
}

@media (min-width: 480px) {
	ul.bsa-ci li p {
		font-size: 1.6em;
		padding: 35px 0 0 20px;
		width: 84%;
	}
}

@media (min-width: 768px) {
	ul.bsa-ci li p {
		font-size: 1.6em;
		padding: 35px 0 0 20px;
		width: 84%;
	}
}

@media (min-width: 992px) {
	ul.bsa-ci li p {
		font-size: 1.4em;
		padding: 25px 0 0 15px;
		width: 80%;
	}
}

@media (min-width: 1200px) {
	ul.bsa-ci li p {
		font-size: 1.4em;
		padding: 30px 0 0 20px;
		width: 80%;
	}
}

@media (min-width: 1600px) {
	ul.bsa-ci li p {
		font-size: 1.6em;
		padding: 35px 0 0 20px;
		width: 84%;
	}
}

ul.bsa-ci li.tl p {
	font-size: 1.3em;
	padding: 25px 0 0 15px;
}

@media (min-width: 480px) {
	ul.bsa-ci li.tl p {
		font-size: 1.3em;
		padding: 35px 0 0 20px;
	}
}

@media (min-width: 768px) {
	ul.bsa-ci li.tl p {
		font-size: 1.3em;
		padding: 35px 0 0 20px;
	}
}

@media (min-width: 992px) {
	ul.bsa-ci li.tl p {
		font-size: 1.2em;
		padding: 20px 0 0 15px;
	}
}

@media (min-width: 1200px) {
	ul.bsa-ci li.tl p {
		font-size: 1.3em;
		padding: 20px 0 0 20px;
	}
}

@media (min-width: 1600px) {
	ul.bsa-ci li.tl p {
		font-size: 1.6em;
		padding: 25px 0 0 20px;
	}
}

ul.bsa-ci li:before {
	display: none;
}

/*--BSA custom icons--
ul.bsa-ci {margin:0 0 1em 0; padding:0;}
ul.bsa-ci.br {border-right:1px solid #000;}
ul.bsa-ci li {list-style:none; display:block; color:#000; margin:0 0 20px 0; padding:0; width:100%; height:100px; position:relative; }
ul.bsa-ci li p {display:inline; color:#000; text-align:left; font-weight:800; margin:0; padding:20px 0 0 20px; height:auto; font-size:1.3em; line-height:1.3em; }
ul.bsa-ci li.tl p {padding:10px 0 0 20px; font-size:1.2em;}
ul.bsa-ci li img {display:inline-block; vertical-align:top; margin:0 0 0 0; width:auto; height:100%; border-right:5px solid #fff;}
ul.bsa-ci li:before {display:none;}
*/
ul.bsa-ci li.rf {
	background: #f05a5e;
}

ul.bsa-ci li.rf i {
	background: #ed2636;
}

ul.bsa-ci li.mod {
	background: #6babe5;
}

ul.bsa-ci li.mod i {
	background: #0054a6;
}

ul.bsa-ci li.energy {
	background: #79c89b;
}

ul.bsa-ci li.energy i {
	background: #00ad69;
}

ul.bsa-ci li.infra {
	background: #ffdd4e;
}

ul.bsa-ci li.infra i {
	background: #fdb819;
}

ul.bsa-ci li.ici {
	background: #ff7f32;
}

ul.bsa-ci li.ici i {
	background: #ae122a;
}

ul.bsa-ci li.exs {
	background: #67c9d0;
}

ul.bsa-ci li.exs i {
	background: #00213f;
}

ul.bsa-ci li.gov {
	background: #97d700;
}

ul.bsa-ci li.gov i {
	background: #007749;
}

ul.bsa-ci li.saip {
	background: #ffde00;
}

ul.bsa-ci li.saip i {
	background: #e08227;
}

/*--Connect list--*/
ul.connect {
	margin: 0;
	padding: 0;
}

ul.connect li {
	display: block;
	list-style: none;
	margin: 0 0 1em 5px;
	padding: 0;
}

ul.connect li a {
	display: inline-block;
	color: #fff;
	font-size: 1.2em;
	font-weight: 700;
}

ul.connect li a span {
	display: block;
	font-size: 0.2em;
	font-weight: 300;
}

ul.connect li:before {
	display: none;
}

ul.connect li img {
	display: inline-block;
	vertical-align: top;
	width: 8%;
	min-width: 25px;
	height: auto;
}

ul.connect li.c-twitter {}

ul.connect li.c-facebook {}

ul.connect li.c-linkedin {}

/*--Multi Column 2--*/
.multicol-2 {
	padding: 15px;
	-webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1;
	-webkit-column-gap: 40px;
	-moz-column-gap: 40px;
	column-gap: 40px;
	-webkit-column-rule: 1px solid lightgrey;
	-moz-column-rule: 1px solid lightgrey;
	column-rule: 0px solid lightgrey;
}

@media (min-width: 480px) {
	.multicol-2 {
		-webkit-column-count: 2;
		-moz-column-count: 1;
		column-count: 1;
	}
}

@media (min-width: 768px) {
	.multicol-2 {
		-webkit-column-count: 2;
		-moz-column-count: 1;
		column-count: 1;
	}
}

@media (min-width: 992px) {
	.multicol-2 {
		-webkit-column-count: 3;
		-moz-column-count: 1;
		column-count: 1;
	}
}

@media (min-width: 1200px) {
	.multicol-2 {
		-webkit-column-count: 3;
		-moz-column-count: 2;
		column-count: 2;
	}
}

.v-reg {
	padding: 0px;
}

h1.vac-h1 {
	color: #71aada !important;
	margin-bottom: 15px !important;
	font-weight: 800;
}

h2.vac-h2 {
	color: #71aada !important;
	margin-bottom: 15px !important;
}

/*--Animations--*/
@-webkit-keyframes zoomIn {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}

	50% {
		opacity: 1;
	}
}

@keyframes zoomIn {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}

	50% {
		opacity: 1;
	}
}

.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn;
}

@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}

.scale {
	webkit-transition: transform 0.2s ease;
	transition: transform 0.2s ease;
}

.scale:hover {
	transform: scale(1.05);
}

/*--Generic Popup--*/
.generic-popup {
	padding: 0;
	background: rgba(0, 0, 0, 0.5);
}

.generic-popup .modal-dialog {
	margin-top: 5vh;
	width: 96% !important;
}

@media (min-width: 768px) {
	.generic-popup .modal-dialog {
		width: 92% !important;
	}
}

@media (min-width: 992px) {
	.generic-popup .modal-dialog {
		width: 90% !important;
	}
}

@media (min-width: 1200px) {
	.generic-popup .modal-dialog {
		width: 90% !important;
	}
}

@media (min-width: 1600px) {
	.generic-popup .modal-dialog {
		width: 80% !important;
	}
}


.generic-popup .modal-content {
	border-radius: 0;
	background: transparent;
}

.generic-popup .modal-body {
	padding: 0;
	background: #fff;
}

.bg-grey100c {
	background: #e9eaeb url(../images/sarb-100cent-rc.png) right bottom no-repeat;
	background-size: 20% auto;
}


.generic-popup h2 {
	color: #ae122a;
}

.generic-popup h3 {
	color: #ae122a;
	margin: 0 0 0.5em 0;
	font-size: 1.6em;
	font-weight: 700;
	text-transform: none;
}

@media (min-width: 768px) {
	.generic-popup h3 {
		font-size: 1.5em;
	}
}

@media (min-width: 992px) {
	.generic-popup h3 {
		font-size: 1.5em;
	}
}

@media (min-width: 1200px) {
	.generic-popup h3 {
		font-size: 1.7em;
	}
}

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

.generic-popup p {
	font-size: 1.0em;
	line-height: 1.5em;
	color: #000;
}

@media (min-width: 768px) {
	.generic-popup p {
		font-size: 1.0em;
		line-height: 1.5em;
	}
}

@media (min-width: 992px) {
	.generic-popup p {
		font-size: 1.0em;
		line-height: 1.5em;
	}
}

@media (min-width: 1200px) {
	.generic-popup p {
		font-size: 1.0em;
		line-height: 1.5em;
	}
}

@media (min-width: 1600px) {
	.generic-popup p {
		font-size: 1.1em;
		line-height: 1.6em;
	}
}

.generic-popup .content {
	padding: 40px 30px;
}

.generic-popup .content img {
	margin: 0;
}

/*--Spotlight Customizations--*/
.spotl-red {}

.spotl-red h2 {}

.spotl-red h3 {}

.spotl-red h4 {
	color: #ae122a;
}

/*--dark red--*/
.spotl-red h5 {}

/*--Spotlight Media Releases--*/
.section-main .spotlight-mr {
	padding: 0 0 0 25px;
	min-height: 200px;
	border-left: 2px solid #ccc;
	margin-bottom: 1em;
}

@media (min-width: 768px) {
	.section-main .spotlight-mr {
		min-height: 380px;
	}
}

@media (min-width: 992px) {
	.section-main .spotlight-mr {
		min-height: 400px;
	}
}

@media (min-width: 1200px) {
	.section-main .spotlight-mr {
		min-height: 380px;
	}
}

@media (min-width: 1600px) {
	.section-main .spotlight-mr {
		min-height: 400px;
	}
}

.section-main .spotlight-mr.brdr-r {
	border-right: 2px dotted #ccc;
}

.section-main .spotlight-mr h5 {
	line-height: 1.2em;
}

.section-main .spotlight-mr p {
	font-size: 0.9em;
	line-height: 1.25em;
	margin-bottom: 0.7em;
}

.section-main .spotlight-mr p.descriptor {
	color: #666;
	margin-bottom: 0.3em;
}

.section-main .spotlight-mr img {
	margin: 0 0 10px 0;
}

.section-main .spotlight-mr .btn-default {
	font-size: 0.7em;
	color: #fff !important;
	background: #a5a5a5;
	margin-bottom: 1em;
	padding: 5px 7px;
	line-height: 1.2em;
}

.section-main .spotlight-mr .btn-default:hover {
	background: #ae122a;
	color: #fff;
}

/*--We care and remember page--*/
body#we-care {}

body#we-care .callout time,
body#we-care .section-main .callout time {
	display: none !important;
}

/*--Event calendar--*/
.ec-event {
	display: block;
	padding: 15px 0 15px 0;
	margin: 0 0 15px 0;
	border-bottom: 2px dotted #c2c3c3;
}

.ec-event img {
	margin: 0;
}

/*--Council At Work List--*/
ul.list-caw {
	display: block;
	margin-left: -15px;
	margin-right: -15px;
}

ul.list-caw li {
	min-height: 45px;
}

@media (min-width: 768px) {
	ul.list-caw li {
		min-height: 45px;
	}
}

@media (min-width: 992px) {
	ul.list-caw li {
		min-height: 50px;
	}
}

@media (min-width: 1200px) {
	ul.list-caw li {
		min-height: 30px;
	}
}

ul.list-caw li h5 {
	margin: 0;
	font-size: 1.25em;
}

ul.list-caw li h5 a {
	color: #000 !important;
}

ul.list-caw:before {
	clear: both;
	content: "";
}

.cse_block_container {
	display: none !important;
}

/* -- Cookie Consent -- */
#cookieConsent {
	background: #000;
	z-index: 9999;
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 1.2rem 16px;
}

.cookie-container-wrapper {
	margin-inline: auto;
}

#cookieConsent.active {
	display: block;
}

#cookieConsent .cookie-container {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

#cookieConsent p {
	margin: 0 !important;
	text-align: left !important;
	font-size: 1.3rem !important;
	color: #fff !important;
}

#cookieConsent a {
	color: #fff;
	text-decoration: underline;
	text-underline-offset: 3px;
	font-weight: bold;
	font-size: 1.3rem !important;
}

#cookieConsent a:hover {
	color: #fcb61a;
}

#cookieConsent button {
	background-color: #d58c16;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 10px;
	border: none;
	cursor: pointer;
	width: 100%;
	margin: 0 !important;
}

#cookieConsent button:hover {
	background-color: #fcb61a;
	color: #f5f5f5;
}

@media screen and (min-width: 768px) {
	#cookieConsent .cookie-container {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
	}

	#cookieConsent button {
		width: 120px;
	}
}

@media screen and (min-width: 1024px) {
	#cookieConsent {
		padding-inline: 55px;
	}
}

/* Safety */
ul.safety-collateral.row {
	display: flex;
	flex-flow: row wrap;

	margin-left: 0rem;
	margin-right: 0rem;
	padding-left: 0rem;

}

.safety-collateral li {
	float: left;
	position: relative;
	border: 0px solid red;
	margin: 0 0 0 0;
	padding: 0px 0.66rem 0px 0 !important;
	box-sizing: border-box;
}

/* @media (min-width: 768px) { .safety-collateral li {width:260px;} }
@media (min-width: 992px) { .safety-collateral li {width:260px;} }
@media (min-width: 1200px) { .safety-collateral li {width:260px;} } */

.safety-collateral li img {
	border: 1px solid #c0c0c0;
}

/*--Publications Page--*/
.publications-page .row {display:flex; justify-content:flex-start;  flex-flow:row wrap; }


.publ-col {flex:0 1 95%; border:1px solid #ccc; padding:1.7rem 1.0em 1.6em 1.0em; margin:0 0.5% 15px 0.5%; background:#f3f3f3; }
@media (min-width: 480px) { .publ-col {flex:0 1 90%; padding:1.7rem 1.0em 1.6em 1.0em; margin:0 1% 15px 1%;}}
@media (min-width: 768px) { .publ-col {flex:0 1 48%; padding:1.7rem 1.0em 1.6em 1.0em; margin:0 1% 15px 1%;}}
@media (min-width: 992px) { .publ-col {flex:0 1 48%; padding:1.7rem 1.0em 1.6em 1.0em; margin:0 1% 15px 1%; }}
@media (min-width: 1200px) { .publ-col {flex:0 1 31%; padding:1.7rem 1.0em 1.6em 1.0em; margin:0 1% 20px 1%; }}

.publications-page .publ-col h2 {font-size:1.4em; line-height:1.1em; margin-bottom:0.4em; color:#de7c00 !important; text-transform:uppercase; text-align:center; min-height:47px;}

.publ-col .jd_module_link {text-align:center !important; font-size:1em;}
.publ-col a,
.publ-col .jd_module_link a,
.publ-col ul.videos li a h4 {display:block; color:#000 !important; font-weight:bold; text-align:center;  width:100%; min-height:47px;}
.publ-col .jd_module_link a {font-size:1.1em;}
.publ-col .jd_module_link a:hover {color:#de7c00 !important; text-decoration:none;  }
.publ-col ul.videos li a h4 {font-size:1.1em;}
.publ-col ul.videos li a h4:hover {color:#de7c00 !important; background:transparent; }
.publ-col .jd_module_date_newline {text-align:center !important;}

.publ-col img {display: block; width:auto; max-width:80%; height:auto !important; max-height:150px; margin:0 auto !important; border:1px solid #666; padding:0 !important; text-align:center; -webkit-transition: transform 0.2s ease; transition: transform 0.2s ease;}

.publ-col img:hover {transform: scale(1.05); box-shadow:2px 2px 8px rgba(0,0,0,0.2);}

.publ-col ul.videos {}
.publ-col ul.videos li {display:none !important; border:none !important;}
.publ-col ul.videos li:hover,
.publ-col ul.videos li a:hover {background:transparent !important;}
.publ-col ul.videos li:first-child {display:block !important;}
.publ-col ul.videos li a {display:flex !important; flex-flow:column wrap; width:100%; margin:0; padding:0;}
.publ-col ul.videos li a .col-xs-12.col-sm-4.col-md-4,
.publ-col ul.videos li a .col-xs-12.col-sm-8.col-md-8 {flex:0 1 100%; float:none !important; width:100% !important; padding:0 !important;}
.publ-col ul.videos li a .col-xs-12:first-child { order:2;}
.publ-col ul.videos li a .col-xs-12:last-child {order:1;}
.publ-col ul.videos li a button {display:none !important;}
.publ-col ul.videos img {max-width:100% !important;}

/*--In the news page--*/
#yellow .section-main ul.category.widget li h4,
#yellow.newspage .section-main ul.category.widget li h4 {width:90%;}
#yellow .section-main ul.category.widget li {padding-top:15px; padding-bottom:15px; position:relative;}

/* Youtube video frames to be square on embed */
  .square-modal {
    max-width: 800px; 
    width: 100%;
  }

  .square-modal .modal-content {
    height: 800px; 
    overflow-y: auto; 
  }

/*--Spotlight Article pages--*/
.spotlight-page {}
.spotlight-page h1 {color:#626363 !important; font-size: 1.8em !important; text-transform:uppercase; padding-left:60px !important;} /*-- This only works if the menu item "In the spotlight" / Options / Choose layout option is "special-feature". Make sure on-page article titles are set as H1 and not H3 !! */
.spotlight-page h1 sup {font-size:60%; text-transform:none;}
.spotlight-page dd.create {margin-bottom:0.5em;}
.spotlight-page dd.create time {color:#000; font-weight:700; font-size:1.2em; font-style:normal; margin-left:0px;}
.spotlight-page span.label-warning {display:none;}