@charset "utf-8";

/*--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;
	text-decoration: none; /* BS5 rebuild: BS3 bootstrap.css set text-decoration:none; restore. */
}

.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;
}

/* BS5 renamed .item; CLI renamed it in content, not here. Both kept until verified. P83 */
.carousel-inner .item,
.carousel-inner .carousel-item {
	height: auto;
	min-height: 900px;
	padding-right: 0px;
	padding-left: 0px;
	text-align: right;
	/*padding-bottom: 120px;*/
}
.carousel-inner .item:before,
.carousel-inner .carousel-item:before {
  position: absolute;
  right: 0;
  bottom: 10px;
  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,
	.carousel-inner .carousel-item {
		height: auto;
		min-height: 500px;
		padding-bottom: 120px;
	}
}

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

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

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

@media (min-width: 1600px) {
	.carousel-inner .item,
	.carousel-inner .carousel-item {
		height: 80vh;
		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--*/


/*--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: 1.7em;
}

@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;
}

/*--Blue Hue--*/
.bc-bluehue {
	background: #0054A6;
}

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

.b-contentblock.bc-bluehue .hilite {
	background: #0054A6;
}

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

.bc-bluehue .btn-default:hover {
	background: #6BABE5;
	color: #fff;
}

.bc-bluehue .bblock-icon {
	background: #6BABE5;
}

.bc-bluehue .bblock-icon.green2 {
	background: #2CD5C4;
}

.bc-bluehue .hilite {
	background: #0054A6;
}


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

.bc-bluehue p a,
.bc-bluehue li a {
	color: #0054A6;
	text-decoration: underline;
}

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

.bc-bluehue sup {
	color: #0054A6;
}
/*--White Yellow Button Transparent--*/
.bc-whiteyellowtrans {
	background: #fcb61a;
}

.b-contentblock.bc-whiteyellowtrans {
	background-color: rgba(0, 0, 0, 0.0);
	box-shadow: none;
}

.b-contentblock.bc-whiteyellowtrans .hilite {
	background: #fcb61a;
}

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

.bc-whiteyellowtrans .btn-default:hover {
	background: #de7c00;
	color: #fff;
}

.bc-whiteyellowtrans .bblock-icon {
	background: #fcb61a;
}

.bc-whiteyellowtrans .bblock-icon.green2 {
	background: #2CD5C4;
}

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


.b-contentblock.bc-whiteyellowtrans p {
	color: #fff;
}
.b-contentblock.bc-whiteyellowtrans h2 {
	color: #fff;
}

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

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

.bc-whiteyellowtrans sup {
	color: #fcb61a;
}
/*--White Blue Button Transparent--*/
.bc-whitebluetrans {
	background: #0055a6;
}

.b-contentblock.bc-whitebluetrans {
	background-color: rgba(0, 0, 0, 0.0);
	box-shadow: none;
}

.b-contentblock.bc-whitebluetrans .hilite {
	background: #0055a6;
}

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

.bc-whitebluetrans .btn-default:hover {
	background: #72addf;
	color: #fff;
}

.bc-whitebluetrans .bblock-icon {
	background: #0055a6;
}

.bc-whitebluetrans .bblock-icon.green2 {
	background: #2CD5C4;
}

.bc-whitebluetrans .hilite {
	background: #0055a6;
}


.b-contentblock.bc-whitebluetrans p {
	color: #fff;
}
.b-contentblock.bc-whitebluetrans h2 {
	color: #fff;
}

.bc-whitebluetrans p a,

.bc-whitebluetrans li a {
	color: #fff;
	text-decoration: underline;
}

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

.bc-whitebluetrans sup {
	color: #0055a6;
}
/*--White Green Button Transparent--*/

.bc-whitegreentrans {
	background: #00ad69;
}

.b-contentblock.bc-whitegreentrans {
	background-color: rgba(0, 0, 0, 0.0);
	box-shadow: none;
}

.b-contentblock.bc-whitegreentrans .hilite {
	background: #00ad69;
}

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

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

.bc-whitegreentrans .bblock-icon {
	background: #00ad69;
}

.bc-whitegreentrans .bblock-icon.green2 {
	background: #00ad67;
}

.bc-whitegreentrans .hilite {
	background: #00ad67;
}


.b-contentblock.bc-whitegreentrans p {

	color: #fff;
}
.b-contentblock.bc-whitegreentrans h2 {
	color: #fff;
}

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

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

.bc-whitegreentrans sup {
	color: #00ad69;
}
/*--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 GDPP3 2026----*/
.banner-hm-gbpp2026 {background: url(../../../images/banners/government-business-partnership.webp) center center no-repeat; background-size: cover; text-align: left;}
@media (max-width: 480px) {
	.banner-hm-gbpp2026 {background: url(../../../images/banners/gbp-hp-mobi.jpg) center center no-repeat; background-size: cover; text-align: left;}
}
.banner-hm-gbpp2026 .b-contentblock {padding: 30px 20px 20px 20px;background-color: rgba(0, 0, 0, 0.0);box-shadow:none;}

.banner-hm-gbpp2026 h1 {margin-bottom:0.5em; color:#fff; line-height: 1.0em;clear: left; display:block;}
.banner-hm-gbpp2026 h2 {margin-bottom:1em; color:#fff; line-height: 1.0em;clear: left; display:block;font-size:18px;}
.banner-hm-gbpp2026 h3 {margin-bottom:0.3em; color:#fff; text-transform: none !important;font-size:1.6em}
.banner-hm-gbpp2026 h4 {margin-bottom:1em; }
.banner-hm-gbpp2026 h5 {margin-bottom:1em; color: #fff;}

.banner-hm-gbpp2026 .b-contentblock p.date {font-size:0.9em; line-height:1.5em; margin-bottom:0.3em; color:#fff; font-style: italic;}
.banner-hm-gbpp2026 .b-contentblock p {text-align: left; color:#fff;color:#fff; margin-bottom:1em;clear: left; display:block;}
.banner-hm-gbpp2026 .b-wrapper {height: 100%;padding: 0px 2% 30px 2%;clear: both;}
@media (min-width: 480px) {.banner-hm-gbpp2026 .b-wrapper {padding: 50px 12% 50px 12%;}.banner-hm-gbpp2026 h2 {font-size:20px;}}
@media (min-width: 768px) {.banner-hm-gbpp2026 .b-wrapper {padding: 10vh 15% 50px 15%;}}
@media (min-width: 992px) {.banner-hm-gbpp2026 .b-wrapper {padding: 8vh 20% 50px 20%;}
	.banner-hm-gbpp2026 h2 {font-size:22px;}
.banner-hm-gbpp2026 h3 {margin-bottom:0.3em; color:#fff; font-size:1.8em}
}
@media (min-width: 1200px) {.banner-hm-gbpp2026 .b-wrapper {padding: 6vh 48% 50px 10%;}
	.banner-hm-gbpp2026 h2 {font-size:24px;}}
@media (min-width: 1600px) {.banner-hm-gbpp2026 .b-wrapper {padding: 10vh 48% 50px 12%;}
	.banner-hm-gbpp2026 h2 {font-size:30px;}}
@media (min-width: 1920px) {.banner-hm-gbpp2026 .b-wrapper {padding: 10vh 50% 50px 16%;}}


.banner-hm-gbpp2026 .btn-default {
	border-radius: 0;
	color: #fff;
	background: #01ac68;
	font-size: 0.8em;
	margin: 0px 5px 10px 0 !important;
	padding: 10px;
	float: left;
}

.banner-hm-gbpp2026 .btn-default:hover {
	background: #7ac79b;
	color: #fff;
}
.banner-hm-gbpp2026 .image-stack {display: flex;flex-direction: column;gap: 15px;float:left;margin-bottom:30px;align-items: flex-start;}
.banner-hm-gbpp2026 img {box-shadow:none; border:none; transform:none;max-width:250px !important; margin:0 auto 10px 0;display:block;}
.banner-hm-gbpp2026 img.divider {box-shadow:none; border:none; transform:none;max-width:460px !important; margin:0 auto 10px 0;display:block;}
@media (max-width: 1440px) {
	.banner-hm-gbpp2026 img {box-shadow:none; border:none; transform:none;max-width:205px !important; margin:0 auto 10px 0;display:block;}
.banner-hm-gbpp2026 img.divider {box-shadow:none; border:none; transform:none;max-width:385px !important; margin:0 auto 10px 0;display:block;}}
@media (max-width: 480px) {
	.banner-hm-gbpp2026 img {box-shadow:none; border:none; transform:none;max-width:155px !important; margin:0 auto 10px 0;display:block;}
.banner-hm-gbpp2026 img.divider {box-shadow:none; border:none; transform:none;max-width:285px !important; margin:0 auto 10px 0;display:block;}}
@media (max-width: 420px) {
.banner-hm-gbpp2026 img.divider {box-shadow:none; border:none; transform:none;max-width:235px !important; margin:0 auto 10px 0;display:block;}.banner-hm-gbpp2026 .image-stack {display: flex;flex-direction: column;gap: 15px;float:left;margin-bottom:10px;align-items: flex-start;}}

/*---- Home Banner Mining GDP----*/
.banner-hm-jemd-2026 {background: url(../../../images/banners/desktop-jemd-webinar-hp-banner-bg.webp) center center no-repeat; background-size: cover; text-align: left;}
@media (max-width: 480px) {
	.banner-hm-jemd-2026 {background: url(../../../images/banners/mobile-jemd-2026-hp-banner-bg.webp) center center no-repeat; background-size: cover; text-align: left;}
}
.banner-hm-jemd-2026 .b-contentblock {padding: 30px 20px 20px 20px;background-color: rgba(0, 0, 0, 0.6)}

.banner-hm-jemd-2026 h1 {margin-bottom:0.5em; color:#fff; line-height: 1.0em;clear: left; display:block;}

.banner-hm-jemd-2026 h2 {margin-bottom:1em; color:#fff; line-height: 1.0em;clear: left; display:block;font-size:18px;}
.banner-hm-jemd-2026 h3 {margin-bottom:0.3em; color:#fff; text-transform: none !important;font-size:1.6em}
.banner-hm-jemd-2026 h4 {margin-bottom:1em; }
.banner-hm-jemd-2026 h5 {margin-bottom:1em; color: #fff;}

.banner-hm-jemd-2026 .b-contentblock p.date {font-size:0.9em; line-height:1.5em; margin-bottom:0.3em; color:#fff; font-style: italic;}
.banner-hm-jemd-2026 .b-contentblock p {text-align: left; color:#fff;color:#fff; margin-bottom:1em;clear: left; display:block;}
.banner-hm-jemd-2026 .b-wrapper {height: 100%;padding: 30px 2% 30px 2%;clear: both;}
@media (min-width: 480px) {.banner-hm-jemd-2026 .b-wrapper {padding: 50px 12% 50px 12%;}
	.banner-hm-jemd-2026 h2 {font-size:20px;}}
@media (min-width: 768px) {.banner-hm-jemd-2026 .b-wrapper {padding: 10vh 15% 50px 15%;}}
@media (min-width: 992px) {.banner-hm-jemd-2026 .b-wrapper {padding: 8vh 20% 50px 20%;}
	.banner-hm-jemd-2026 h2 {font-size:22px;}
.banner-hm-jemd-2026 h3 {margin-bottom:0.3em; color:#fff; font-size:1.8em}
}
@media (min-width: 1200px) {.banner-hm-jemd-2026 .b-wrapper {padding: 6vh 38% 50px 10%;}
	.banner-hm-jemd-2026 h2 {font-size:24px;}}
@media (min-width: 1600px) {.banner-hm-jemd-2026 .b-wrapper {padding: 14vh 38% 50px 12%;}
	.banner-hm-jemd-2026 h2 {font-size:30px;}}
@media (min-width: 1920px) {.banner-hm-jemd-2026 .b-wrapper {padding: 14vh 40% 50px 16%;}}


.banner-hm-jemd-2026 .btn-default {
	border-radius: 0;
	color: #fff;
	background: #6babe5;
	font-size: 0.8em;
	margin: 0px 5px 10px 0 !important;
	padding: 10px;
	float: left;
}

.banner-hm-jemd-2026 .btn-default:hover {
	background: #0c2340;
	color: #fff;
}

.banner-hm-jemd-2026 img {box-shadow:none; border:none; transform:none;max-width:250px !important; margin:0 auto 10px auto;float:left;}
@media (max-width: 480px) {.banner-hm-jemd-2026 img {box-shadow:none; border:none; transform:none;max-width:130px !important; margin:0 auto 10px auto;float:left;}}
/*---- Home Banner International Womens Day----*/
.banner-hm-intwomensday2026 {background: url(../../../images/banners/international-womens-day-hp-banner-desktop.jpg) center center no-repeat; background-size: cover; text-align: left;}
@media (max-width: 480px) {
	.banner-hm-intwomensday2026 {background: url(../../../images/banners/international-womens-day-hp-banner-mobile.jpg) center center no-repeat; background-size: cover; text-align: left;}
}
.banner-hm-intwomensday2026 .b-contentblock {padding: 30px 20px 20px 20px;background-color: rgba(0, 0, 0, 0.6)}

.banner-hm-intwomensday2026 h1 {margin-bottom:0.3em; color:#fff; line-height: 1.0em;clear: left; display:block;}
.banner-hm-intwomensday2026 h2 {margin-bottom:0.8em;margin-top:1em; color:#fff; line-height: 1.0em;clear: left; display:block;font-size:1.2em;}
.banner-hm-intwomensday2026 h3 {margin-bottom:1.0em; color:#fff; text-transform: none !important;font-size:1.0em}
.banner-hm-intwomensday2026 h4 {margin-bottom:1em; }
.banner-hm-intwomensday2026 h5 {margin-bottom:1em; color: #fff;}

.banner-hm-intwomensday2026 .b-contentblock p.date {font-size:0.9em; line-height:1.5em; margin-bottom:0.3em; color:#fff; font-style: italic;}
.banner-hm-intwomensday2026 .b-contentblock p {text-align: left; color:#fff;color:#fff; margin-bottom:1em;clear: left; display:block;}
.banner-hm-intwomensday2026 .b-wrapper {height: 100%;padding: 200px 2% 30px 2%;clear: both;}
@media (min-width: 480px) {.banner-hm-intwomensday2026 .b-wrapper {padding: 50px 12% 50px 12%;}.banner-hm-intwomensday2026 h2 {font-size:1.2em;}.banner-hm-intwomensday2026 h3 {font-size:1.2em;}}
@media (min-width: 768px) {.banner-hm-intwomensday2026 .b-wrapper {padding: 10vh 15% 50px 15%;}.banner-hm-intwomensday2026 h2 {font-size:1.75em;}.banner-hm-intwomensday2026 h3 {font-size:1.35em;}}
@media (min-width: 992px) {.banner-hm-intwomensday2026 .b-wrapper {padding: 8vh 20% 50px 20%;}
	.banner-hm-intwomensday2026 h2 {font-size:1.9em;}
.banner-hm-intwomensday2026 h3 {margin-bottom:0.3em; color:#fff; font-size:1.3em}
}
@media (min-width: 1200px) {.banner-hm-intwomensday2026 .b-wrapper {padding: 12vh 40% 50px 16%;}
	.banner-hm-intwomensday2026 h2 {font-size:1.7em;}}
@media (min-width: 1600px) {.banner-hm-intwomensday2026 .b-wrapper {padding: 15vh 42% 50px 20%;}
	.banner-hm-intwomensday2026 h2 {font-size:2.0em;}.banner-hm-intwomensday2026 h3 {font-size:1.5em;}}
@media (min-width: 1920px) {.banner-hm-intwomensday2026 .b-wrapper {padding: 14vh 42% 50px 20%;}.banner-hm-intwomensday2026 h2 {font-size:2.1em;}.banner-hm-intwomensday2026 h3 {font-size:1.5em;}}
.banner-hm-intwomensday2026 .btn-default {
	border-radius: 0;
	color: #fff;
	background: #00ae69;
	font-size: 0.8em;
	margin: 0px 5px 10px 0 !important;
	padding: 10px;
	float: left;
}
.banner-hm-intwomensday2026 .btn-default:hover {
	background: #007749;
	color: #fff;
}
.banner-hm-intwomensday2026 img {box-shadow:none; border:none; transform:none;max-width:480px !important; margin:0 auto 30px auto;float:left;}
@media (max-width: 480px) {.banner-hm-intwomensday2026 img {box-shadow:none; border:none; transform:none;max-width:250px !important; margin:0 auto 30px auto;float:left;}}
/*---- Home Banner Mining Indaba 2026----*/
.banner-hm-budget26 {background: url(../../../images/banners/budget-speech-homepage-banner-desktop-bg.jpg) center center no-repeat; background-size: cover; text-align: left;}
@media (max-width: 480px) {
	.banner-hm-budget26 {background: url(../../../images/banners/budget-speech-hp-banner-mobile-min.jpg) center center no-repeat; background-size: cover; text-align: left;}
}
.banner-hm-budget26 .b-contentblock {padding: 30px 20px 20px 20px;background-color: transparent;}

.banner-hm-budget26 h1 {margin-bottom:0.3em; color:#fff; line-height: 1.0em;clear: left; display:block;}
.banner-hm-budget26 h2 {margin-bottom:0.8em;margin-top:1em; color:#fff; line-height: 1.0em;clear: left; display:block;font-size:1.2em;}
.banner-hm-budget26 h3 {margin-bottom:1.0em; color:#fff; text-transform: none !important;font-size:1.0em}
.banner-hm-budget26 h4 {margin-bottom:1em; }
.banner-hm-budget26 h5 {margin-bottom:1em; color: #fff;}

.banner-hm-budget26 .b-contentblock p.date {font-size:0.9em; line-height:1.5em; margin-bottom:0.3em; color:#fff; font-style: italic;}
.banner-hm-budget26 .b-contentblock p {text-align: left; color:#fff;color:#fff; margin-bottom:1em;clear: left; display:block;}
.banner-hm-budget26 .b-wrapper {height: 100%;padding: 0px 2% 30px 2%;clear: both;}
@media (min-width: 400px) {.banner-hm-budget26 .b-wrapper {30px 2% 30px 2%;clear: both;}}
@media (min-width: 480px) {.banner-hm-budget26 .b-wrapper {padding: 50px 12% 50px 12%;}.banner-hm-budget26 h2 {font-size:1.2em;}.banner-hm-budget26 h3 {font-size:1.2em;}}
@media (min-width: 768px) {.banner-hm-budget26 .b-wrapper {padding: 10vh 15% 50px 15%;}.banner-hm-budget26 h2 {font-size:1.75em;}.banner-hm-budget26 h3 {font-size:1.35em;}}
@media (min-width: 992px) {.banner-hm-budget26 .b-wrapper {padding: 8vh 20% 50px 20%;}
	.banner-hm-budget26 h2 {font-size:1.9em;}
.banner-hm-budget26 h3 {margin-bottom:0.3em; color:#fff; font-size:1.3em}
}
@media (min-width: 1200px) {.banner-hm-budget26 .b-wrapper {padding: 12vh 40% 50px 16%;}
	.banner-hm-budget26 h2 {font-size:1.7em;}}
@media (min-width: 1600px) {.banner-hm-budget26 .b-wrapper {padding: 14vh 44% 50px 18%;}
	.banner-hm-budget26 h2 {font-size:2.0em;} .banner-hm-budget26 h3 {font-size:1.5em;}}
@media (min-width: 1920px) {.banner-hm-budget26 .b-wrapper {padding: 13vh 46% 50px 18%;}.banner-hm-budget26 h2 {font-size:2.1em;}.banner-hm-budget26 h3 {font-size:1.5em;}}
.banner-hm-budget26 .btn-default {
	border-radius: 0;
	color: #fff;
	background-color: #ffb612;
	font-size: 0.8em;
	margin: 0px 5px 10px 0 !important;
	padding: 10px;
	float: left;
	border: 1px solid #ffb612;
}
.banner-hm-budget26 .btn-default:hover {
	background-color: #de7c00;
	color: #fff;
}
.banner-hm-budget26 .btn-ghost {
	border-radius: 0;
	color: #ffb612;
	background-color: transparent;
	font-size: 0.8em;
	margin: 0px 5px 10px 0 !important;
	padding: 10px;
	float: left;
	border: 1px solid #ffb612;
	line-height: 1.2;
	margin-left: 20px !important;
}
.banner-hm-budget26 .btn-ghost:hover {
	background-color: transparent;
	color: #fff;
	border: 1px solid #fffff;
}
.banner-hm-budget26 img {box-shadow:none; border:none; transform:none;max-width:450px !important; margin:0 auto 30px auto;float:left;}
@media (max-width: 480px) {.banner-hm-budget26 img {box-shadow:none; border:none; transform:none;max-width:230px !important; margin:0 auto 20px auto;float:left;}.banner-hm-budget26 .btn-ghost {margin-left: 0px !important;}}
@media (max-width: 400px) {.banner-hm-budget26 img {box-shadow:none; border:none; transform:none;max-width:200px !important; margin:0 auto 10px auto;float:left;}}

/*---- Home Banner F&F Pocketbook 2026----*/
.banner-hm-ffpocket2026 {background: url(../../../images/banners/facts-and-figures-2025-hp-banner-desktop-bg.jpg) center center no-repeat; background-size: cover; text-align: left;}

.banner-hm-ffpocket2026 .b-contentblock {padding: 30px 20px 20px 20px;background-color: rgba(0, 0, 0, 0.0);box-shadow:none;}
@media (max-width: 480px) {
	.banner-hm-ffpocket2026 {background: url(../../../images/banners/facts-and-figures-2025-hp-banner-mobile-bg.jpg) center center no-repeat; background-size: cover; text-align: left;}
	.banner-hm-ffpocket2026 .b-contentblock {padding: 30px 0px 20px 0px;}
}
.banner-hm-ffpocket2026 h1 {margin-bottom:0.5em; color:#fff; line-height: 1.0em;clear: left; display:block;}
.banner-hm-ffpocket2026 h2 {margin-bottom:0.5em; color:#fff; line-height: 1.0em;clear: left; display:block;font-size:18px;}
.banner-hm-ffpocket2026 h3 {margin-bottom:0.3em; color:#fff; text-transform: none !important;font-size:1.6em}
.banner-hm-ffpocket2026 h4 {margin-bottom:1em; }
.banner-hm-ffpocket2026 h5 {margin-top: 2.4em;padding-left: 5px; color: #fff;}

.banner-hm-ffpocket2026 .b-contentblock p.date {font-size:0.9em; line-height:1.5em; margin-bottom:0.3em; color:#fff; font-style: italic;}
.banner-hm-ffpocket2026 .b-contentblock p {text-align: left; color:#fff;color:#fff; margin-bottom:1.5em;clear: left; display:block;font-size:1.1em;}
.banner-hm-ffpocket2026 .b-wrapper {height: 100%;padding: 30px 2% 30px 2%;clear: both;}
@media (min-width: 480px) {.banner-hm-ffpocket2026 .b-wrapper {padding: 50px 12% 50px 12%;}.banner-hm-ffpocket2026 h2 {font-size:20px;}}
@media (min-width: 768px) {.banner-hm-ffpocket2026 .b-wrapper {padding: 10vh 15% 50px 15%;}}
@media (min-width: 992px) {.banner-hm-ffpocket2026 .b-wrapper {padding: 10vh 20% 50px 20%;}
	.banner-hm-ffpocket2026 h2 {font-size:24px;}
.banner-hm-ffpocket2026 h3 {margin-bottom:0.3em; color:#fff; font-size:1.8em}
}
@media (min-width: 1200px) {.banner-hm-ffpocket2026 .b-wrapper {padding: 14vh 36% 50px 10%;}
	.banner-hm-ffpocket2026 h2 {font-size:28px;}
.banner-hm-ffpocket2026 .b-contentblock p {font-size:1em;}}
@media (min-width: 1600px) {.banner-hm-ffpocket2026 .b-wrapper {padding: 14vh 40% 50px 14%;}
	.banner-hm-ffpocket2026 h2 {font-size:28px;}
.banner-hm-ffpocket2026 .b-contentblock p {font-size:1.1em;}}
@media (min-width: 1920px) {.banner-hm-ffpocket2026 .b-wrapper {padding: 14vh 40% 50px 16%;}.banner-hm-ffpocket2026 h2 {font-size:31px;}}
@media (max-width: 480px) {
	.banner-hm-ffpocket2026 .b-contentblock p {font-size:1em;}
	
	.banner-hm-ffpocket2026 h2 {font-size:22px;}
	.banner-hm-ffpocket2026 h5 {margin-top: 1.2em;}
}

.banner-hm-ffpocket2026 .btn-default {
	border-radius: 0;
	color: #fff;
	background: #00ae69;
	font-size: 0.8em;
	margin: 0px 5px 10px 0 !important;
	padding: 10px;
	float: left;
}

.banner-hm-ffpocket2026 .btn-default:hover {
	background: #007749;
	color: #fff;
}
.banner-hm-ffpocket2026 img {box-shadow:none; border:none; transform:none;margin:0 auto 20px auto;}
@media (max-width: 480px) {.banner-hm-ffpocket2026 img {box-shadow:none; border:none; transform:none;margin:0 0px 20px 0px;max-width: 230px !important;}}
.banner-hm-ffpocket2026 div.gradientblack {background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.04) 25%, rgba(0, 0, 0, 0.6) 100%);padding-left: 22px;padding-bottom: 10px;padding-right: 22px;}

/*---- Home Banner Mining Indaba 2026----*/
.banner-hm-mi2026 {background: url(../../../images/banners/mi26-hp-banner-desktop.jpg) center center no-repeat; background-size: cover; text-align: left;}
@media (max-width: 480px) {
	.banner-hm-mi2026 {background: url(../../../images/banners/mi26-hp-banner-mobile-bg.jpg) center center no-repeat; background-size: cover; text-align: left;}
}
.banner-hm-mi2026 .b-contentblock {padding: 30px 20px 20px 20px;background-color: transparent;}

.banner-hm-mi2026 h1 {margin-bottom:0.3em; color:#fff; line-height: 1.0em;clear: left; display:block;}
.banner-hm-mi2026 h2 {margin-bottom:0.8em;margin-top:1em; color:#fff; line-height: 1.0em;clear: left; display:block;font-size:1.2em;}
.banner-hm-mi2026 h3 {margin-bottom:1.0em; color:#fff; text-transform: none !important;font-size:1.0em}
.banner-hm-mi2026 h4 {margin-bottom:1em; }
.banner-hm-mi2026 h5 {margin-bottom:1em; color: #fff;}

.banner-hm-mi2026 .b-contentblock p.date {font-size:0.9em; line-height:1.5em; margin-bottom:0.3em; color:#fff; font-style: italic;}
.banner-hm-mi2026 .b-contentblock p {text-align: left; color:#fff;color:#fff; margin-bottom:1em;clear: left; display:block;}
.banner-hm-mi2026 .b-wrapper {height: 100%;padding: 0px 2% 30px 2%;clear: both;}
@media (min-width: 400px) {.banner-hm-mi2026 .b-wrapper {30px 2% 30px 2%;clear: both;}}
@media (min-width: 480px) {.banner-hm-mi2026 .b-wrapper {padding: 50px 12% 50px 12%;}.banner-hm-mi2026 h2 {font-size:1.2em;}.banner-hm-mi2026 h3 {font-size:1.2em;}}
@media (min-width: 768px) {.banner-hm-mi2026 .b-wrapper {padding: 10vh 15% 50px 15%;}.banner-hm-mi2026 h2 {font-size:1.75em;}.banner-hm-mi2026 h3 {font-size:1.35em;}}
@media (min-width: 992px) {.banner-hm-mi2026 .b-wrapper {padding: 8vh 20% 50px 20%;}
	.banner-hm-mi2026 h2 {font-size:1.9em;}
.banner-hm-mi2026 h3 {margin-bottom:0.3em; color:#fff; font-size:1.3em}
}
@media (min-width: 1200px) {.banner-hm-mi2026 .b-wrapper {padding: 12vh 40% 50px 16%;}
	.banner-hm-mi2026 h2 {font-size:1.7em;}}
@media (min-width: 1600px) {.banner-hm-mi2026 .b-wrapper {padding: 14vh 44% 50px 18%;}
	.banner-hm-mi2026 h2 {font-size:2.0em;}.banner-hm-mi2026 h3 {font-size:1.5em;}}
@media (min-width: 1920px) {.banner-hm-mi2026 .b-wrapper {padding: 13vh 46% 50px 18%;}.banner-hm-mi2026 h2 {font-size:2.1em;}.banner-hm-mi2026 h3 {font-size:1.5em;}}
.banner-hm-mi2026 .btn-default {
	border-radius: 0;
	color: #fff;
	background-color: #ffb612;
	font-size: 0.8em;
	margin: 0px 5px 10px 0 !important;
	padding: 10px;
	float: left;
}
.banner-hm-mi2026 .btn-default:hover {
	background-color: #de7c00;
	color: #fff;
}
.banner-hm-mi2026 .btn-ghost {
	border-radius: 0;
	color: #ffb612;
	background-color: transparent;
	font-size: 0.8em;
	margin: 0px 5px 10px 0 !important;
	padding: 10px;
	float: left;
	border: 1px solid #ffb612;
}
.banner-hm-mi2026 .btn-ghost:hover {
	background-color: transparent;
	color: #fff;
	border: 1px solid #fffff;
}
.banner-hm-mi2026 img {box-shadow:none; border:none; transform:none;max-width:450px !important; margin:0 auto 30px auto;float:left;}
@media (max-width: 480px) {.banner-hm-mi2026 img {box-shadow:none; border:none; transform:none;max-width:230px !important; margin:0 auto 20px auto;float:left;}}
@media (max-width: 400px) {.banner-hm-mi2026 img {box-shadow:none; border:none; transform:none;max-width:200px !important; margin:0 auto 10px auto;float:left;}}

/*---- Home Banner MiningMatters Employees 2025----*/
.banner-hm-mm2025-employees {background: url(../../../images/banners/Employees_HPBannerDesktopImg.jpg) center center no-repeat; background-size: cover; text-align: left;}
@media (max-width: 480px) {
	.banner-hm-mm2025-employees {background: url(../../../images/banners/Employees_HPBannerMobileImg.jpg) center center no-repeat; background-size: cover; text-align: left;}
}
.banner-hm-mm2025-employees .b-contentblock {padding: 30px 20px 20px 20px;background-color: rgba(0, 0, 0, 0.6)}

.banner-hm-mm2025-employees h1 {margin-bottom:0.3em; color:#fff; line-height: 1.0em;clear: left; display:block;}
.banner-hm-mm2025-employees h2 {margin-bottom:0.8em;margin-top:1em; color:#fff; line-height: 1.0em;clear: left; display:block;font-size:1.2em;}
.banner-hm-mm2025-employees h3 {margin-bottom:1.0em; color:#fff; text-transform: none !important;font-size:1.0em}
.banner-hm-mm2025-employees h4 {margin-bottom:1em; }
.banner-hm-mm2025-employees h5 {margin-bottom:1em; color: #fff;}

.banner-hm-mm2025-employees .b-contentblock p.date {font-size:0.9em; line-height:1.5em; margin-bottom:0.3em; color:#fff; font-style: italic;}
.banner-hm-mm2025-employees .b-contentblock p {text-align: left; color:#fff;color:#fff; margin-bottom:1em;clear: left; display:block;}
.banner-hm-mm2025-employees .b-wrapper {height: 100%;padding: 200px 2% 30px 2%;clear: both;}
@media (min-width: 480px) {.banner-hm-mm2025-employees .b-wrapper {padding: 50px 12% 50px 12%;}.banner-hm-mm2025 h2 {font-size:1.2em;}.banner-hm-mm2025-employees h3 {font-size:1.2em;}}
@media (min-width: 768px) {.banner-hm-mm2025-employees .b-wrapper {padding: 10vh 15% 50px 15%;}.banner-hm-mm2025 h2 {font-size:1.75em;}.banner-hm-mm2025-employees h3 {font-size:1.35em;}}
@media (min-width: 992px) {.banner-hm-mm2025-employees .b-wrapper {padding: 8vh 20% 50px 20%;}
	.banner-hm-mm2025-employees h2 {font-size:1.9em;}
.banner-hm-mm2025-employees h3 {margin-bottom:0.3em; color:#fff; font-size:1.3em}
}
@media (min-width: 1200px) {.banner-hm-mm2025-employees .b-wrapper {padding: 12vh 40% 50px 16%;}
	.banner-hm-mm2025-employees h2 {font-size:1.7em;}}
@media (min-width: 1600px) {.banner-hm-mm2025-employees .b-wrapper {padding: 15vh 42% 50px 20%;}
	.banner-hm-mm2025-employees h2 {font-size:2.0em;}.banner-hm-mm2025-employees h3 {font-size:1.5em;}}
@media (min-width: 1920px) {.banner-hm-mm2025-employees .b-wrapper {padding: 14vh 42% 50px 20%;}.banner-hm-mm2025-employees h2 {font-size:2.1em;}.banner-hm-mm2025-employees h3 {font-size:1.5em;}}
.banner-hm-mm2025-employees .btn-default {
	border-radius: 0;
	color: #fff;
	background: #0039a6;
	font-size: 0.8em;
	margin: 0px 5px 10px 0 !important;
	padding: 10px;
	float: left;
}
.banner-hm-mm2025-employees .btn-default:hover {
	background: #69afed;
	color: #fff;
}
.banner-hm-mm2025-employees img {box-shadow:none; border:none; transform:none;max-width:480px !important; margin:0 auto 30px auto;float:left;}
@media (max-width: 480px) {.banner-hm-mm2025-employees img {box-shadow:none; border:none; transform:none;max-width:250px !important; margin:0 auto 30px auto;float:left;}}
/*---- Home Banner MiningMatters 2025----*/
.banner-hm-mm2025 {background: url(../../../images/banners/National_HPBanner_Desktop.jpg) center center no-repeat; background-size: cover; text-align: left;}
@media (max-width: 480px) {
	.banner-hm-mm2025 {background: url(../../../images/banners/National_HPBanner_Mobile.jpg) center center no-repeat; background-size: cover; text-align: left;}
}
.banner-hm-mm2025 .b-contentblock {padding: 30px 20px 20px 20px;background-color: rgba(0, 0, 0, 0.6)}

.banner-hm-mm2025 h1 {margin-bottom:0.3em; color:#fff; line-height: 1.0em;clear: left; display:block;}
.banner-hm-mm2025 h2 {margin-bottom:0.8em;margin-top:1em; color:#fff; line-height: 1.0em;clear: left; display:block;font-size:1.2em;}
.banner-hm-mm2025 h3 {margin-bottom:1.0em; color:#fff; text-transform: none !important;font-size:1.0em}
.banner-hm-mm2025 h4 {margin-bottom:1em; }
.banner-hm-mm2025 h5 {margin-bottom:1em; color: #fff;}

.banner-hm-mm2025 .b-contentblock p.date {font-size:0.9em; line-height:1.5em; margin-bottom:0.3em; color:#fff; font-style: italic;}
.banner-hm-mm2025 .b-contentblock p {text-align: left; color:#fff;color:#fff; margin-bottom:1em;clear: left; display:block;}
.banner-hm-mm2025 .b-wrapper {height: 100%;padding: 30px 2% 30px 2%;clear: both;}
@media (min-width: 480px) {.banner-hm-mm2025 .b-wrapper {padding: 50px 12% 50px 12%;}.banner-hm-mm2025 h2 {font-size:1.2em;}.banner-hm-mm2025 h3 {font-size:1.2em;}}
@media (min-width: 768px) {.banner-hm-mm2025 .b-wrapper {padding: 10vh 15% 50px 15%;}.banner-hm-mm2025 h2 {font-size:1.75em;}.banner-hm-mm2025 h3 {font-size:1.35em;}}
@media (min-width: 992px) {.banner-hm-mm2025 .b-wrapper {padding: 8vh 20% 50px 20%;}
	.banner-hm-mm2025 h2 {font-size:1.9em;}
.banner-hm-mm2025 h3 {margin-bottom:0.3em; color:#fff; font-size:1.3em}
}
@media (min-width: 1200px) {.banner-hm-mm2025 .b-wrapper {padding: 12vh 40% 50px 16%;}
	.banner-hm-mm2025 h2 {font-size:1.7em;}}
@media (min-width: 1600px) {.banner-hm-mm2025 .b-wrapper {padding: 15vh 42% 50px 20%;}
	.banner-hm-mm2025 h2 {font-size:2.0em;}.banner-hm-mm2025 h3 {font-size:1.5em;}}
@media (min-width: 1920px) {.banner-hm-mm2025 .b-wrapper {padding: 14vh 42% 50px 20%;}.banner-hm-mm2025 h2 {font-size:2.1em;}.banner-hm-mm2025 h3 {font-size:1.5em;}}
.banner-hm-mm2025 .btn-default {
	border-radius: 0;
	color: #fff;
	background: #dc2430;
	font-size: 0.8em;
	margin: 0px 5px 10px 0 !important;
	padding: 10px;
	float: left;
}
.banner-hm-mm2025 .btn-default:hover {
	background: #b3000d;
	color: #fff;
}
.banner-hm-mm2025 img {box-shadow:none; border:none; transform:none;max-width:480px !important; margin:0 auto 30px auto;float:left;}
@media (max-width: 480px) {.banner-hm-mm2025 img {box-shadow:none; border:none; transform:none;max-width:250px !important; margin:0 auto 30px auto;float:left;}}
/*----Home Banner -Masoyise Strategy 20230 --*/
.banner-hm-masoyise-strategy2030 {background: url(../../../images/banners/TopLeftPattern.png) left top no-repeat, url(../../../images/banners/BottomRightPattern.png) right bottom no-repeat; background-color: rgba(0, 0, 0, 0.0); background-size: 500px; text-align: left;}


@media (max-width: 1600px) {
	.banner-hm-masoyise-strategy2030 {background-size: 380px; }
}
@media (max-width: 1200px) {
	.banner-hm-masoyise-strategy2030 {background-size: 300px;}
}
@media (max-width: 480px) {
	.banner-hm-masoyise-strategy2030 {background: url(../../../images/banners/BottomRightPattern.png) right bottom no-repeat; background-size: 170px; text-align: left;}
}

/*@media (min-width: 992px) {.banner-hm-masoyise-strategy2030 {background-position:center top; background-size: cover;}*/}

.banner-hm-masoyise-strategy2030 .b-contentblock {padding: 20vh 20px 20px 20px; box-shadow: none !important; background-color: none;}
.banner-hm-masoyise-strategy2030 .b-contentblock .float-end {padding-right: 10vw;}


..banner-hm-masoyise-strategy2030 .b-wrapper {height: 100%;padding: 30px 2% 30px 2%;clear: both;}
@media (min-width: 480px) {.banner-hm-masoyise-strategy2030 .b-wrapper {padding: 30px 3% 30px 3%;}}
@media (min-width: 768px) {.banner-hm-masoyise-strategy2030 .b-wrapper {padding: 6vh 5% 50px 5%;}}
@media (min-width: 992px) {.banner-hm-masoyise-strategy2030 .b-wrapper {padding: 21vh 18% 50px 18%;}}
@media (min-width: 1200px) {.banner-hm-masoyise-strategy2030 .b-wrapper {padding: 22vh 28% 00px 20%;}}
@media (min-width: 1600px) {.banner-hm-masoyise-strategy2030 .b-wrapper {padding: 28vh 28% 50px 25%;}}
@media (min-width: 1920px) {.banner-hm-masoyise-strategy2030 .b-wrapper {padding: 28vh 28% 50px 25%;}}

.banner-hm-masoyise-strategy2030 .b-contentblock p.lead {font-size:1.2em; line-height:1.5em; margin-bottom:1.1em; color:#000; }
.banner-hm-masoyise-strategy2030 .b-contentblock p {text-align: left; color:#000;}
.banner-hm-masoyise-strategy2030 .b-contentblock h2 {text-align: left; color:#000;}

.banner-hm-masoyise-strategy2030 .btn-default {
	border-radius: 0;
	color: #fff;
	background: #0054a6;
	font-size: 0.8em;
	margin: 10px 0 10px 0;
	padding: 10px;

}

.banner-hm-masoyise-strategy2030 .btn-default:hover {
	background: #72addf;
	color: #fff;
}
@media (max-width: 480px) {
	/*.banner-hm-masoyise-strategy2030 .b-contentblock {background: url(../../../images/banners/MobilePills.svg) right bottom no-repeat; background-size: auto 50%;min-height: 280px;padding: 0px 10px;}*/
	.banner-hm-masoyise-strategy2030 .b-contentblock .float-end {padding-right: 0px;padding-left: 0px;}
	.banner-hm-masoyise-strategy2030 .b-contentblock p {text-align: left; color:#000; float:none;}
	.banner-hm-masoyise-strategy2030 .b-contentblock h2 {text-align: left; color:#000;  float:none; font-size: 1.5em }
	.banner-hm-masoyise-strategy2030 .btn-default {float: none;}
	.banner-hm-masoyise-strategy2030 img {max-height: 200px;}
}

.banner-hm-masoyise-strategy2030 img.thumb {width:100%; max-width:300px; margin:0 auto 10px auto;float:right;}

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


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

.banner-miningindaba-2025 .b-contentblock {padding: 30px 20px 20px 20px; box-shadow: none; background-color: rgba(0, 0, 0, 0.0);}
@media (max-width: 400px) {.banner-miningindaba-2025 .b-contentblock {padding: 30px 0px 0px 20px;}}

.banner-miningindaba-2025 .b-wrapper {height: 100%;padding: 30px 2% 30px 2%;clear: both;}
@media (min-width: 480px) {.banner-miningindaba-2025 .b-wrapper {padding: 30px 3% 30px 3%;}}
@media (min-width: 768px) {.banner-miningindaba-2025 .b-wrapper {padding: 4vh 5% 50px 5%;}}
@media (min-width: 992px) {.banner-miningindaba-2025 .b-wrapper {padding: 5vh 8% 50px 8%;}}
@media (min-width: 1200px) {.banner-miningindaba-2025 .b-wrapper {padding: 7vh 10% 50px 10%;}}
@media (min-width: 1600px) {.banner-miningindaba-2025 .b-wrapper {padding: 10vh 18% 50px 18%;}}
@media (min-width: 1920px) {.banner-miningindaba-2025 .b-wrapper {padding: 10vh 18% 50px 18%;}}

.banner-miningindaba-2025 .b-contentblock p.lead {font-size:1.2em; line-height:1.5em; margin-bottom:1.1em; color:#fff; }
.banner-miningindaba-2025 .b-contentblock p {text-align: right; color:#fff; float:right;}
.banner-miningindaba-2025 .b-contentblock h2 {text-align: right; color:#fff;  float:right; }
.banner-miningindaba-2025 .btn-default {
	border-radius: 0;
	color: #fff;
	background: #fcb61a;
	font-size: 0.8em;
	margin: 10px 0 10px 0;
	padding: 10px;
	float: right;
}

.banner-miningindaba-2025 .btn-default:hover {
	background: #de7c00;
	color: #fff;
}

.banner-miningindaba-2025 img.thumb {width:100%; max-width:300px; margin:0 auto 10px auto;float:right;}

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

/*---- Home Banner Comprehensize F&F 2024----*/
.banner-hm-compff-2024 {background: url(../../../images/banners/Comp-Facts-Figures-desktop-hp-banner-min.jpg) center center no-repeat; background-size: cover; text-align: left;}

.banner-hm-compff-2024 .b-contentblock {padding: 30px 20px 20px 20px;background-color: rgba(0, 0, 0, 0.0);box-shadow:none;}
@media (max-width: 480px) {
	.banner-hm-compff-2024 {background: url(../../../images/banners/Comp-Facts-Figures-mobile-hp-banner.jpg) center center no-repeat; background-size: cover; text-align: left;}
	.banner-hm-compff-2024 .b-contentblock {padding: 30px 0px 20px 0px;}
}
.banner-hm-compff-2024 h1 {margin-bottom:0.5em; color:#fff; line-height: 1.0em;clear: left; display:block;}
.banner-hm-compff-2024 h2 {margin-bottom:0.5em; color:#fff; line-height: 1.0em;clear: left; display:block;font-size:18px;}
.banner-hm-compff-2024 h3 {margin-bottom:0.3em; color:#fff; text-transform: none !important;font-size:1.6em}
.banner-hm-compff-2024 h4 {margin-bottom:1em; }
.banner-hm-compff-2024 h5 {margin-top: 2.4em;padding-left: 5px; color: #fff;}

.banner-hm-compff-2024 .b-contentblock p.date {font-size:0.9em; line-height:1.5em; margin-bottom:0.3em; color:#fff; font-style: italic;}
.banner-hm-compff-2024 .b-contentblock p {text-align: left; color:#fff;color:#fff; margin-bottom:1.5em;clear: left; display:block;font-size:1.1em;}
.banner-hm-compff-2024 .b-wrapper {height: 100%;padding: 30px 2% 30px 2%;clear: both;}
@media (min-width: 480px) {.banner-hm-compff-2024 .b-wrapper {padding: 50px 12% 50px 12%;}.banner-hm-economic-report-employment h2 {font-size:20px;}}
@media (min-width: 768px) {.banner-hm-compff-2024 .b-wrapper {padding: 10vh 15% 50px 15%;}}
@media (min-width: 992px) {.banner-hm-compff-2024 .b-wrapper {padding: 10vh 20% 50px 20%;}
	.banner-hm-compff-2024 h2 {font-size:24px;}
.banner-hm-compff-2024 h3 {margin-bottom:0.3em; color:#fff; font-size:1.8em}
}
@media (min-width: 1200px) {.banner-hm-compff-2024 .b-wrapper {padding: 14vh 36% 50px 10%;}
	.banner-hm-compff-2024 h2 {font-size:28px;}
.banner-hm-compff-2024 .b-contentblock p {font-size:1em;}}
@media (min-width: 1600px) {.banner-hm-compff-2024 .b-wrapper {padding: 14vh 40% 50px 14%;}
	.banner-hm-compff-2024 h2 {font-size:28px;}
.banner-hm-compff-2024 .b-contentblock p {font-size:1.1em;}}
@media (min-width: 1920px) {.banner-hm-compff-2024 .b-wrapper {padding: 14vh 40% 50px 16%;}.banner-hm-compff-2024 h2 {font-size:31px;}}
@media (max-width: 480px) {
	.banner-hm-compff-2024 .b-contentblock p {font-size:1em;}
	
	.banner-hm-compff-2024 h2 {font-size:22px;}
	.banner-hm-compff-2024 h5 {margin-top: 1.2em;}
}

.banner-hm-compff-2024 .btn-default {
	border-radius: 0;
	color: #fff;
	background: #0055a6;
	font-size: 0.8em;
	margin: 0px 5px 10px 0 !important;
	padding: 10px;
	float: left;
}

.banner-hm-compff-2024 .btn-default:hover {
	background: #72addf;
	color: #fff;
}
.banner-hm-compff-2024 img {box-shadow:none; border:none; transform:none;margin:0 auto 20px auto;}
@media (max-width: 480px) {.banner-hm-compff-2024 img {box-shadow:none; border:none; transform:none;margin:0 auto 20px auto;}}
.banner-hm-compff-2024 div.gradientblack {background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.04) 25%, rgba(0, 0, 0, 0.6) 100%);padding-left: 22px;padding-bottom: 10px;padding-right: 22px;}

/*---- Home Banner Mining GDP----*/
.banner-hm-economic-report-miningdp {background: url(../../../images/banners/Desktop_MiningGDPImage.jpg) center center no-repeat; background-size: cover; text-align: left;}
@media (max-width: 480px) {
	.banner-hm-economic-report-miningdp {background: url(../../../images/banners/Mobile_MiningGDPImage_new.jpg) center center no-repeat; background-size: cover; text-align: left;}
}
.banner-hm-economic-report-miningdp .b-contentblock {padding: 30px 20px 20px 20px;background-color: rgba(0, 0, 0, 0.6)}

.banner-hm-economic-report-miningdp h1 {margin-bottom:0.5em; color:#fff; line-height: 1.0em;clear: left; display:block;}

.banner-hm-economic-report-miningdp h2 {margin-bottom:1em; color:#fff; line-height: 1.0em;clear: left; display:block;font-size:18px;}
.banner-hm-economic-report-miningdp h3 {margin-bottom:0.3em; color:#fff; text-transform: none !important;font-size:1.6em}
.banner-hm-economic-report-miningdp h4 {margin-bottom:1em; }
.banner-hm-economic-report-miningdp h5 {margin-bottom:1em; color: #fff;}

.banner-hm-economic-report-miningdp .b-contentblock p.date {font-size:0.9em; line-height:1.5em; margin-bottom:0.3em; color:#fff; font-style: italic;}
.banner-hm-economic-report-miningdp .b-contentblock p {text-align: left; color:#fff;color:#fff; margin-bottom:1em;clear: left; display:block;}
.banner-hm-economic-report-miningdp .b-wrapper {height: 100%;padding: 30px 2% 30px 2%;clear: both;}
@media (min-width: 480px) {.banner-hm-economic-report-miningdp .b-wrapper {padding: 50px 12% 50px 12%;}
	.banner-hm-economic-report-miningdp h2 {font-size:20px;}}
@media (min-width: 768px) {.banner-hm-economic-report-miningdp .b-wrapper {padding: 10vh 15% 50px 15%;}}
@media (min-width: 992px) {.banner-hm-economic-report-miningdp .b-wrapper {padding: 8vh 20% 50px 20%;}
	.banner-hm-economic-report-miningdp h2 {font-size:22px;}
.banner-hm-economic-report-miningdp h3 {margin-bottom:0.3em; color:#fff; font-size:1.8em}
}
@media (min-width: 1200px) {.banner-hm-economic-report-miningdp .b-wrapper {padding: 6vh 38% 50px 10%;}
	.banner-hm-economic-report-miningdp h2 {font-size:24px;}}
@media (min-width: 1600px) {.banner-hm-economic-report-miningdp .b-wrapper {padding: 14vh 38% 50px 12%;}
	.banner-hm-economic-report-miningdp h2 {font-size:30px;}}
@media (min-width: 1920px) {.banner-hm-economic-report-miningdp .b-wrapper {padding: 14vh 40% 50px 16%;}}


.banner-hm-economic-report-miningdp .btn-default {
	border-radius: 0;
	color: #fff;
	background: #de7c01;
	font-size: 0.8em;
	margin: 0px 5px 10px 0 !important;
	padding: 10px;
	float: left;
}

.banner-hm-economic-report-miningdp .btn-default:hover {
	background: #fcb61a;
	color: #fff;
}

.banner-hm-economic-report-miningdp img {box-shadow:none; border:none; transform:none;max-width:250px !important; margin:0 auto 10px auto;float:left;}
@media (max-width: 480px) {.banner-hm-economic-report-miningdp img {box-shadow:none; border:none; transform:none;max-width:130px !important; margin:0 auto 10px auto;float:left;}}

/*---- Home Banner Input Cost Report----*/
.banner-hm-economic-report-inputcost {background: url(../../../images/banners/Desktop_MiningInputImage-min.jpg) center center no-repeat; background-size: cover; text-align: left;}
@media (max-width: 480px) {
	.banner-hm-economic-report-inputcost {background: url(../../../images/banners/Mobile_MiningInputImage-min.jpg) center center no-repeat; background-size: cover; text-align: left;}
}
.banner-hm-economic-report-inputcost .b-contentblock {padding: 30px 20px 20px 20px;background-color: rgba(0, 0, 0, 0.6)}

.banner-hm-economic-report-inputcost h1 {margin-bottom:0.5em; color:#fff; line-height: 1.0em;clear: left; display:block;}
.banner-hm-economic-report-inputcost h2 {margin-bottom:1em; color:#fff; line-height: 1.0em;clear: left; display:block;font-size:18px;}
.banner-hm-economic-report-inputcost h3 {margin-bottom:0.3em; color:#fff; text-transform: none !important;font-size:1.6em}
.banner-hm-economic-report-inputcost h4 {margin-bottom:1em; }
.banner-hm-economic-report-inputcost h5 {margin-bottom:1em; color: #fff;}

.banner-hm-economic-report-inputcost .b-contentblock p.date {font-size:0.9em; line-height:1.5em; margin-bottom:0.3em; color:#fff; font-style: italic;}
.banner-hm-economic-report-inputcost .b-contentblock p {text-align: left; color:#fff;color:#fff; margin-bottom:1em;clear: left; display:block;}
.banner-hm-economic-report-inputcost .b-wrapper {height: 100%;padding: 30px 2% 30px 2%;clear: both;}
@media (min-width: 480px) {.banner-hm-economic-report-inputcost .b-wrapper {padding: 50px 12% 50px 12%;}.banner-hm-economic-report-employment h2 {font-size:20px;}}
@media (min-width: 768px) {.banner-hm-economic-report-inputcost .b-wrapper {padding: 10vh 15% 50px 15%;}}
@media (min-width: 992px) {.banner-hm-economic-report-inputcost .b-wrapper {padding: 8vh 20% 50px 20%;}
	.banner-hm-economic-report-inputcost h2 {font-size:22px;}
.banner-hm-economic-report-inputcost h3 {margin-bottom:0.3em; color:#fff; font-size:1.8em}
}
@media (min-width: 1200px) {.banner-hm-economic-report-inputcost .b-wrapper {padding: 6vh 38% 50px 10%;}
	.banner-hm-economic-report-inputcost h2 {font-size:24px;}}
@media (min-width: 1600px) {.banner-hm-economic-report-inputcost .b-wrapper {padding: 14vh 38% 50px 12%;}
	.banner-hm-economic-report-inputcost h2 {font-size:30px;}}
@media (min-width: 1920px) {.banner-hm-economic-report-inputcost .b-wrapper {padding: 14vh 40% 50px 16%;}}


.banner-hm-economic-report-inputcost .btn-default {
	border-radius: 0;
	color: #fff;
	background: #00ad69;
	font-size: 0.8em;
	margin: 0px 5px 10px 0 !important;
	padding: 10px;
	float: left;
}

.banner-hm-economic-report-inputcost .btn-default:hover {
	background: #007749;
	color: #fff;
}

.banner-hm-economic-report-inputcost img {box-shadow:none; border:none; transform:none;max-width:250px !important; margin:0 auto 10px auto;float:left;}
@media (max-width: 480px) {.banner-hm-economic-report-inputcost img {box-shadow:none; border:none; transform:none;max-width:130px !important; margin:0 auto 10px auto;float:left;}}

/*---- Home Banner CPI Econ Report----*/
.banner-hm-economic-report-cpi {background: url(../../../images/banners/Desktop_CPIInflationImage-min.jpg) center center no-repeat; background-size: cover; text-align: left;}
@media (max-width: 480px) {
	.banner-hm-economic-report-cpi {background: url(../../../images/banners/Mobile_CPIInflationImage-min.jpg) center center no-repeat; background-size: cover; text-align: left;}
}
.banner-hm-economic-report-cpi .b-contentblock {padding: 30px 20px 20px 20px;background-color: rgba(0, 0, 0, 0.6)}

.banner-hm-economic-report-cpi h1 {margin-bottom:0.5em; color:#fff; line-height: 1.0em;clear: left; display:block;}
.banner-hm-economic-report-cpi h2 {margin-bottom:1em; color:#fff; line-height: 1.0em;clear: left; display:block;font-size:18px;}
.banner-hm-economic-report-cpi h3 {margin-bottom:0.3em; color:#fff; text-transform: none !important;font-size:1.6em}
.banner-hm-economic-report-cpi h4 {margin-bottom:1em; }
.banner-hm-economic-report-cpi h5 {margin-bottom:1em; color: #fff;}

.banner-hm-economic-report-cpi .b-contentblock p.date {font-size:0.9em; line-height:1.5em; margin-bottom:0.3em; color:#fff; font-style: italic;}
.banner-hm-economic-report-cpi .b-contentblock p {text-align: left; color:#fff;color:#fff; margin-bottom:1em;clear: left; display:block;}
.banner-hm-economic-report-cpi .b-wrapper {height: 100%;padding: 30px 2% 30px 2%;clear: both;}
@media (min-width: 480px) {.banner-hm-economic-report-cpi .b-wrapper {padding: 50px 12% 50px 12%;}.banner-hm-economic-report-employment h2 {font-size:20px;}}
@media (min-width: 768px) {.banner-hm-economic-report-cpi .b-wrapper {padding: 10vh 15% 50px 15%;}}
@media (min-width: 992px) {.banner-hm-economic-report-cpi .b-wrapper {padding: 8vh 20% 50px 20%;}
	.banner-hm-economic-report-cpi h2 {font-size:22px;}
.banner-hm-economic-report-cpi h3 {margin-bottom:0.3em; color:#fff; font-size:1.8em}
}
@media (min-width: 1200px) {.banner-hm-economic-report-cpi .b-wrapper {padding: 6vh 38% 50px 10%;}
	.banner-hm-economic-report-cpi h2 {font-size:24px;}}
@media (min-width: 1600px) {.banner-hm-economic-report-cpi .b-wrapper {padding: 14vh 38% 50px 12%;}
	.banner-hm-economic-report-cpi h2 {font-size:30px;}}
@media (min-width: 1920px) {.banner-hm-economic-report-cpi .b-wrapper {padding: 14vh 40% 50px 16%;}}


.banner-hm-economic-report-cpi .btn-default {
	border-radius: 0;
	color: #fff;
	background: #6bace6;
	font-size: 0.8em;
	margin: 0px 5px 10px 0 !important;
	padding: 10px;
	float: left;
}

.banner-hm-economic-report-cpi .btn-default:hover {
	background: #2cd5c4;
	color: #fff;
}

.banner-hm-economic-report-cpi img {box-shadow:none; border:none; transform:none;max-width:250px !important; margin:0 auto 10px auto;float:left;}
@media (max-width: 480px) {.banner-hm-economic-report-cpi img {box-shadow:none; border:none; transform:none;max-width:130px !important; margin:0 auto 10px auto;float:left;}}
/*---- Home Banner Mining Production Econ Report----*/
.banner-hm-economic-report-production {background: url(../../../images/banners/Desktop_ProductionSalesImage-min.jpg) center center no-repeat; background-size: cover; text-align: left;}
@media (max-width: 480px) {
	.banner-hm-economic-report-production {background: url(../../../images/banners/Mobile_ProductionSalesImage-min.jpg) center center no-repeat; background-size: cover; text-align: left;}
}
.banner-hm-economic-report-production .b-contentblock {padding: 30px 20px 20px 20px;background-color: rgba(0, 0, 0, 0.6)}

.banner-hm-economic-report-production h1 {margin-bottom:0.5em; color:#fff; line-height: 1.0em;clear: left; display:block;}
.banner-hm-economic-report-production h2 {margin-bottom:1em; color:#fff; line-height: 1.0em;clear: left; display:block;font-size:18px;}
.banner-hm-economic-report-production h3 {margin-bottom:0.3em; color:#fff; text-transform: none !important;font-size:1.6em}
.banner-hm-economic-report-production h4 {margin-bottom:1em; }
.banner-hm-economic-report-production h5 {margin-bottom:1em; color: #fff;}

.banner-hm-economic-report-production .b-contentblock p.date {font-size:0.9em; line-height:1.5em; margin-bottom:0.3em; color:#fff; font-style: italic;}
.banner-hm-economic-report-production .b-contentblock p {text-align: left; color:#fff;color:#fff; margin-bottom:1em;clear: left; display:block;}
.banner-hm-economic-report-production .b-wrapper {height: 100%;padding: 30px 2% 30px 2%;clear: both;}
@media (min-width: 480px) {.banner-hm-economic-report-production .b-wrapper {padding: 50px 12% 50px 12%;}.banner-hm-economic-report-employment h2 {font-size:20px;}}
@media (min-width: 768px) {.banner-hm-economic-report-production .b-wrapper {padding: 10vh 15% 50px 15%;}}
@media (min-width: 992px) {.banner-hm-economic-report-production .b-wrapper {padding: 8vh 20% 50px 20%;}
	.banner-hm-economic-report-production h2 {font-size:22px;}
.banner-hm-economic-report-production h3 {margin-bottom:0.3em; color:#fff; font-size:1.8em}
}
@media (min-width: 1200px) {.banner-hm-economic-report-production .b-wrapper {padding: 6vh 38% 50px 10%;}
	.banner-hm-economic-report-production h2 {font-size:24px;}}
@media (min-width: 1600px) {.banner-hm-economic-report-production .b-wrapper {padding: 14vh 38% 50px 12%;}
	.banner-hm-economic-report-production h2 {font-size:30px;}}
@media (min-width: 1920px) {.banner-hm-economic-report-production .b-wrapper {padding: 14vh 40% 50px 16%;}}


.banner-hm-economic-report-production .btn-default {
	border-radius: 0;
	color: #fff;
	background: #0055a6;
	font-size: 0.8em;
	margin: 0px 5px 10px 0 !important;
	padding: 10px;
	float: left;
}

.banner-hm-economic-report-production .btn-default:hover {
	background: #72addf;
	color: #fff;
}

.banner-hm-economic-report-production img {box-shadow:none; border:none; transform:none;max-width:250px !important; margin:0 auto 10px auto;float:left;}
@media (max-width: 480px) {.banner-hm-economic-report-production img {box-shadow:none; border:none; transform:none;max-width:130px !important; margin:0 auto 10px auto;float:left;}}
/*---- Home Banner Employment Stats Econ Report----*/
.banner-hm-economic-report-employment {background: url(../../../images/banners/Desktop_QEmploymentStatsImage-min.jpg) center center no-repeat; background-size: cover; text-align: left;}
@media (max-width: 480px) {
	.banner-hm-economic-report-employment {background: url(../../../images/banners/Mobile_QEmploymentStatsImage-min.jpg) center center no-repeat; background-size: cover; text-align: left;}
}
.banner-hm-economic-report-employment .b-contentblock {padding: 30px 20px 20px 20px;background-color: rgba(0, 0, 0, 0.6)}

.banner-hm-economic-report-employment h1 {margin-bottom:0.5em; color:#fff; line-height: 1.0em;clear: left; display:block;}
.banner-hm-economic-report-employment h2 {margin-bottom:1em; color:#fff; line-height: 1.0em;clear: left; display:block;font-size:18px;}
.banner-hm-economic-report-employment h3 {margin-bottom:0.3em; color:#fff; text-transform: none !important;font-size:1.6em}
.banner-hm-economic-report-employment h4 {margin-bottom:1em; }
.banner-hm-economic-report-employment h5 {margin-bottom:1em; color: #fff;}

.banner-hm-economic-report-employment .b-contentblock p.date {font-size:0.9em; line-height:1.5em; margin-bottom:0.3em; color:#fff; font-style: italic;}
.banner-hm-economic-report-employment .b-contentblock p {text-align: left; color:#fff;color:#fff; margin-bottom:1em;clear: left; display:block;}
.banner-hm-economic-report-employment .b-wrapper {height: 100%;padding: 30px 2% 30px 2%;clear: both;}
@media (min-width: 480px) {.banner-hm-economic-report-employment .b-wrapper {padding: 50px 12% 50px 12%;}.banner-hm-economic-report-employment h2 {font-size:20px;}}
@media (min-width: 768px) {.banner-hm-economic-report-employment .b-wrapper {padding: 10vh 15% 50px 15%;}}
@media (min-width: 992px) {.banner-hm-economic-report-employment .b-wrapper {padding: 8vh 20% 50px 20%;}
	.banner-hm-economic-report-employment h2 {font-size:22px;}
.banner-hm-economic-report-employment h3 {margin-bottom:0.3em; color:#fff; font-size:1.8em}
}
@media (min-width: 1200px) {.banner-hm-economic-report-employment .b-wrapper {padding: 6vh 38% 50px 10%;}
	.banner-hm-economic-report-employment h2 {font-size:24px;}}
@media (min-width: 1600px) {.banner-hm-economic-report-employment .b-wrapper {padding: 12vh 38% 50px 12%;}
	.banner-hm-economic-report-employment h2 {font-size:30px;}}
@media (min-width: 1920px) {.banner-hm-economic-report-employment .b-wrapper {padding: 12vh 40% 50px 16%;}}


.banner-hm-economic-report-employment .btn-default {
	border-radius: 0;
	color: #fff;
	background: #ED2835;
	font-size: 0.8em;
	margin: 0px 5px 10px 0 !important;
	padding: 10px;
	float: left;
}

.banner-hm-economic-report-employment .btn-default:hover {
	background: #eb5c61;
	color: #fff;
}

.banner-hm-economic-report-employment img {box-shadow:none; border:none; transform:none;max-width:250px !important; margin:0 auto 10px auto;float:left;}
@media (max-width: 480px) {.banner-hm-economic-report-employment img {box-shadow:none; border:none; transform:none;max-width:130px !important; margin:0 auto 10px auto;float:left;}}

/*---- Home Banner Electricity Econ Report----*/
.banner-hm-economic-report-electricity {background: url(../../../images/banners/Desktop_ElectricityUpdateImage-min.jpg) center center no-repeat; background-size: cover; text-align: left;}
@media (max-width: 480px) {
	.banner-hm-economic-report-electricity {background: url(../../../images/banners/Mobile_ElectricityUpdateImage-min.jpg) center center no-repeat; background-size: cover; text-align: left;}
}
.banner-hm-economic-report-electricity .b-contentblock {padding: 30px 20px 20px 20px;background-color: rgba(0, 0, 0, 0.6)}

.banner-hm-economic-report-electricity h1 {margin-bottom:0.5em; color:#fff; line-height: 1.0em;clear: left; display:block;}
.banner-hm-economic-report-electricity h2 {margin-bottom:1em; color:#fff; line-height: 1.0em;clear: left; display:block;font-size:18px;}
.banner-hm-economic-report-electricity h3 {margin-bottom:0.3em; color:#fff; text-transform: none !important;font-size:1.6em}
.banner-hm-economic-report-electricity h4 {margin-bottom:1em; }
.banner-hm-economic-report-electricity h5 {margin-bottom:1em; color: #fff;}

.banner-hm-economic-report-electricity .b-contentblock p.date {font-size:0.9em; line-height:1.5em; margin-bottom:0.3em; color:#fff; font-style: italic;}
.banner-hm-economic-report-electricity .b-contentblock p {text-align: left; color:#fff;color:#fff; margin-bottom:1em;clear: left; display:block;}
.banner-hm-economic-report-electricity .b-wrapper {height: 100%;padding: 30px 2% 30px 2%;clear: both;}
@media (min-width: 480px) {.banner-hm-economic-report-electricity .b-wrapper {padding: 50px 12% 50px 12%;}.banner-hm-economic-report-employment h2 {font-size:20px;}}
@media (min-width: 768px) {.banner-hm-economic-report-electricity .b-wrapper {padding: 10vh 15% 50px 15%;}}
@media (min-width: 992px) {.banner-hm-economic-report-electricity .b-wrapper {padding: 8vh 20% 50px 20%;}
	.banner-hm-economic-report-electricity h2 {font-size:22px;}
.banner-hm-economic-report-electricity h3 {margin-bottom:0.3em; color:#fff; font-size:1.8em}
}
@media (min-width: 1200px) {.banner-hm-economic-report-electricity .b-wrapper {padding: 6vh 38% 50px 10%;}
	.banner-hm-economic-report-electricity h2 {font-size:24px;}}
@media (min-width: 1600px) {.banner-hm-economic-report-electricity .b-wrapper {padding: 12vh 38% 50px 12%;}
	.banner-hm-economic-report-electricity h2 {font-size:30px;}}
@media (min-width: 1920px) {.banner-hm-economic-report-electricity .b-wrapper {padding: 12vh 40% 50px 16%;}}


.banner-hm-economic-report-electricity .btn-default {
	border-radius: 0;
	color: #fff;
	background: #fcb61a;
	font-size: 0.8em;
	margin: 0px 5px 10px 0 !important;
	padding: 10px;
	float: left;
}

.banner-hm-economic-report-electricity .btn-default:hover {
	background: #de7c00;
	color: #fff;
}

.banner-hm-economic-report-electricity img {box-shadow:none; border:none; transform:none;max-width:250px !important; margin:0 auto 10px auto;float:left;}
@media (max-width: 480px) {.banner-hm-economic-report-electricity img {box-shadow:none; border:none; transform:none;max-width:130px !important; margin:0 auto 10px auto;float:left;}}

/*----Home Banner -AGM 2026 - Live--*/
.banner-hm-agm2026 {background: url(../../../images/banners/AGM2026HPBannerDesktopImage.jpg) center top no-repeat; background-size: auto 100%; text-align: left;}
@media (max-width: 480px) {
	.banner-hm-agm2026 {background: url(../../../images/banners/AGM2026MobileBanner.jpg) center center no-repeat; background-size: auto 100%; text-align: left;}
}
@media (min-width: 992px) {.banner-hm-agm2026 {background-position:center top; background-size: cover;}}

.banner-hm-agm2026 .b-contentblock {padding: 30px 20px 20px 20px; box-shadow: none; background-color: rgba(0, 0, 0, 0.0);}
@media (max-width: 480px) {.banner-hm-agm2026 .b-contentblock {padding: 0px 0px 0px 0px;}}
.banner-hm-agm2026 .innerblock {float:right;}
@media (max-width: 480px) {.banner-hm-agm2026 .innerblock {float:left;}}

.banner-hm-agm2026 .b-wrapper {height: 100%;padding: 10px 2% 30px 2%;clear: both;}
@media (min-width: 480px) {.banner-hm-agm2026 .b-wrapper {padding: 30px 3% 30px 30%;}}
@media (min-width: 768px) {.banner-hm-agm2026 .b-wrapper {padding: 4vh 5% 50px 38%;}}
@media (min-width: 992px) {.banner-hm-agm2026 .b-wrapper {padding: 5vh 8% 50px 38%;}}
@media (min-width: 1200px) {.banner-hm-agm2026 .b-wrapper {padding: 7vh 10% 50px 38%;}}
@media (min-width: 1600px) {.banner-hm-agm2026 .b-wrapper {padding: 10vh 16% 50px 36%;}}
@media (min-width: 1920px) {.banner-hm-agm2026 .b-wrapper {padding: 10vh 16% 50px 36%;}}

.banner-hm-agm2026 .b-contentblock p.lead {font-size:1.2em; line-height:1.5em; margin-bottom:1.1em; color:#fff; }
.banner-hm-agm2026 .b-contentblock p {text-align: left; color:#fff; float:right;}
.banner-hm-agm2026 .b-contentblock h2 {text-align: left; color:#fff;  float:right; }
.banner-hm-agm2026 .btn-default {
	border-radius: 0;
	color: #fff;
	background: #0054a5;
	font-size: 0.8em;
	margin: 0px 5px 10px 0 !important;
	padding: 10px;
	float: right;
}

.banner-hm-agm2026 .btn-default:hover {
	background: #73addf;
	color: #fff;
}

.banner-hm-agm2026 img.thumb {width:100%; max-width:220px !important; margin:0 auto 10px auto;float:left;}
@media (min-width: 768px) {.banner-hm-agm2026 img.thumb {width:100%;max-width:429px !important; margin:0 auto 10px auto;float:right;}}
@media (max-width: 480px) {.banner-hm-agm2026 .btn-default {float:left; } .banner-hm-agm2026 .b-contentblock p {text-align: left; color:#fff; float:left;margin-bottom: 0px;}}

/*----Home Banner -AGM 2025 - Live--*/
.banner-agm-2025 {background: url(../../../images/banners/AGM-hp-banner.jpg) center top no-repeat; background-size: auto 100%; text-align: left;}
@media (max-width: 480px) {
	.banner-agm-2025 {background: url(../../../images/banners/AGM-mobi-hp-banner-2.jpg) center center no-repeat; background-size: auto 100%; text-align: left;}
}
@media (min-width: 992px) {.banner-agm-2025 {background-position:center top; background-size: cover;}}

.banner-agm-2025 .b-contentblock {padding: 30px 20px 20px 20px; box-shadow: none; background-color: rgba(0, 0, 0, 0.0);}
@media (max-width: 400px) {.banner-agm-2025 .b-contentblock {padding: 30px 0px 0px 20px;}}

.banner-agm-2025 .b-wrapper {height: 100%;padding: 30px 2% 30px 2%;clear: both;}
@media (min-width: 480px) {.banner-agm-2025 .b-wrapper {padding: 30px 3% 30px 3%;}}
@media (min-width: 768px) {.banner-agm-2025 .b-wrapper {padding: 4vh 5% 50px 5%;}}
@media (min-width: 992px) {.banner-agm-2025 .b-wrapper {padding: 5vh 8% 50px 8%;}}
@media (min-width: 1200px) {.banner-agm-2025 .b-wrapper {padding: 7vh 10% 50px 10%;}}
@media (min-width: 1600px) {.banner-agm-2025 .b-wrapper {padding: 10vh 18% 50px 18%;}}
@media (min-width: 1920px) {.banner-agm-2025 .b-wrapper {padding: 10vh 18% 50px 18%;}}

.banner-agm-2025 .b-contentblock p.lead {font-size:1.2em; line-height:1.5em; margin-bottom:1.1em; color:#fff; }
.banner-agm-2025 .b-contentblock p {text-align: left; color:#fff; float:left;}
.banner-agm-2025 .b-contentblock h2 {text-align: left; color:#fff;  float:left; }
.banner-agm-2025 .btn-default {
	border-radius: 0;
	color: #fff;
	background: #fcb61a;
	font-size: 0.8em;
	margin: 0px 5px 10px 0 !important;
	padding: 10px;
	float: left;
}

.banner-agm-2025 .btn-default:hover {
	background: #de7c00;
	color: #fff;
}

.banner-budget-2025 img.thumb {width:100%; max-width:429px !important; margin:0 auto 10px auto;float:left;}

.banner-budget-2025 .btn-default {margin:0 5px 10px 0 !important;}
/*----Home Banner -Masoyise Substance ABuse Poters --*/
.banner-hm-health-subabuse {background: url(../../../images/banners/SubstanceAbuseBanner_BG.jpg) center top no-repeat; background-size: auto 100%; text-align: left;}
@media (max-width: 480px) {
	.banner-hm-health-subabuse {background: url(../../../images/banners/SubstanceAbuseBanner_BG.jpg) center center no-repeat; background-size: auto 100%; text-align: left;}
}
@media (min-width: 992px) {.banner-hm-health-subabuse {background-position:center top; background-size: cover;}}

.banner-hm-health-subabuse .b-contentblock {padding: 20vh 20px 20px 20px; box-shadow: none; background-color: rgba(0, 0, 0, 0.0);}
.banner-hm-health-subabuse .b-contentblock {background: url(../../../images/banners/DesktopPills.svg) right bottom no-repeat; background-size: 30%;min-height: 550px;}
.banner-hm-health-subabuse .b-contentblock .float-end {padding-right: 10vw;}


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

.banner-hm-health-subabuse .b-contentblock p.lead {font-size:1.2em; line-height:1.5em; margin-bottom:1.1em; color:#000; }
.banner-hm-health-subabuse .b-contentblock p {text-align: right; color:#000; float:right;}
.banner-hm-health-subabuse .b-contentblock h2 {text-align: right; color:#000;  float:right; }

.banner-hm-health-subabuse .btn-default {
	border-radius: 0;
	color: #fff;
	background: #0055a6;
	font-size: 0.8em;
	margin: 10px 0 10px 0;
	padding: 10px;
	float: right;
}

.banner-hm-health-subabuse .btn-default:hover {
	background: #72addf;
	color: #fff;
}
@media (max-width: 480px) {
	.banner-hm-health-subabuse .b-contentblock {background: url(../../../images/banners/MobilePills.svg) right bottom no-repeat; background-size: auto 50%;min-height: 280px;padding: 0px 10px;}
	.banner-hm-health-subabuse .b-contentblock .float-end {padding-right: 0px;padding-left: 0px;}
	.banner-hm-health-subabuse .b-contentblock p {text-align: left; color:#000; float:none;}
	.banner-hm-health-subabuse .b-contentblock h2 {text-align: left; color:#000;  float:none; font-size: 1.5em }
	.banner-hm-health-subabuse .btn-default {float: none;}
}

.banner-hm-health-subabuse img.thumb {width:100%; max-width:300px; margin:0 auto 10px auto;float:right;}

.banner-hm-health-subabuse .btn-default {margin:0 5px 10px 0 !important;}
/*----Home Banner -BUdget Speech 2025 - Live--*/
.banner-budget-2025 {background: url(../../../images/banners/budget-speech-banner-bg.jpg) center top no-repeat; background-size: auto 100%; text-align: left;}
@media (max-width: 480px) {
	.banner-budget-2025 {background: url(../../../images/banners/budget-speech-mobile-bg-2.jpg) center center no-repeat; background-size: auto 100%; text-align: left;}
}
@media (min-width: 992px) {.banner-budget-2025 {background-position:center top; background-size: cover;}}

.banner-budget-2025 .b-contentblock {padding: 30px 20px 20px 20px; box-shadow: none; background-color: rgba(0, 0, 0, 0.0);}
@media (max-width: 400px) {.banner-budget-2025 .b-contentblock {padding: 30px 0px 0px 20px;}}

.banner-budget-2025 .b-wrapper {height: 100%;padding: 30px 2% 30px 2%;clear: both;}
@media (min-width: 480px) {.banner-budget-2025 .b-wrapper {padding: 30px 3% 30px 3%;}}
@media (min-width: 768px) {.banner-budget-2025 .b-wrapper {padding: 4vh 5% 50px 5%;}}
@media (min-width: 992px) {.banner-budget-2025 .b-wrapper {padding: 5vh 8% 50px 8%;}}
@media (min-width: 1200px) {.banner-budget-2025 .b-wrapper {padding: 7vh 10% 50px 10%;}}
@media (min-width: 1600px) {.banner-budget-2025 .b-wrapper {padding: 10vh 18% 50px 18%;}}
@media (min-width: 1920px) {.banner-budget-2025 .b-wrapper {padding: 10vh 18% 50px 18%;}}

.banner-budget-2025 .b-contentblock p.lead {font-size:1.2em; line-height:1.5em; margin-bottom:1.1em; color:#fff; }
.banner-budget-2025 .b-contentblock p {text-align: right; color:#fff; float:right;}
.banner-budget-2025 .b-contentblock h2 {text-align: right; color:#fff;  float:right; }
.banner-budget-2025 .btn-default {
	border-radius: 0;
	color: #fff;
	background: #00ad69;
	font-size: 0.8em;
	margin: 10px 0 10px 0;
	padding: 10px;
	float: right;
}

.banner-budget-2025 .btn-default:hover {
	background: #007749;
	color: #fff;
}

.banner-budget-2025 img.thumb {width:100%; max-width:300px; margin:0 auto 10px auto;float:right;}

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

/*----Home Banner - OLD Guide 2025 - Live--*/
.banner-oldguide-2025 {background: url(../../../images/banners/OLD-homepage-banner.jpg) center top no-repeat; background-size: auto 100%; text-align: left;}
@media (max-width: 480px) {
	.banner-oldguide-2025 {background: url(../../../images/banners/OLD-mobile-hp-banner-2.jpg) center center no-repeat; background-size: auto 100%; text-align: left;}
}
@media (min-width: 992px) {.banner-oldguide-2025 {background-position:center top; background-size: cover;}}

.banner-oldguide-2025 .b-contentblock {padding: 30px 20px 20px 20px; box-shadow: none; background-color: rgba(0, 0, 0, 0.0);}
@media (max-width: 400px) {.banner-oldguide-2025 .b-contentblock {padding: 30px 0px 0px 20px;}}

.banner-oldguide-2025 .b-wrapper {height: 100%;padding: 30px 2% 30px 2%;clear: both;}
@media (min-width: 480px) {.banner-oldguide-2025 .b-wrapper {padding: 30px 3% 30px 3%;}}
@media (min-width: 768px) {.banner-oldguide-2025 .b-wrapper {padding: 4vh 5% 50px 5%;}}
@media (min-width: 992px) {.banner-oldguide-2025 .b-wrapper {padding: 5vh 8% 50px 8%;}}
@media (min-width: 1200px) {.banner-oldguide-2025 .b-wrapper {padding: 7vh 10% 50px 10%;}}
@media (min-width: 1600px) {.banner-oldguide-2025 .b-wrapper {padding: 10vh 18% 50px 18%;}}
@media (min-width: 1920px) {.banner-oldguide-2025 .b-wrapper {padding: 10vh 18% 50px 18%;}}

.banner-oldguide-2025 .b-contentblock p.lead {font-size:1.2em; line-height:1.5em; margin-bottom:1.1em; color:#fff; }
.banner-oldguide-2025 .b-contentblock p {text-align: right; color:#fff; float:right;}
.banner-oldguide-2025 .b-contentblock h2 {text-align: right; color:#fff;  float:right; }
.banner-oldguide-2025 .btn-default {
	border-radius: 0;
	color: #fff;
	background: #00ad69;
	font-size: 0.8em;
	margin: 10px 0 10px 0;
	padding: 10px;
	float: right;
}

.banner-oldguide-2025 .btn-default:hover {
	background: #007749;
	color: #fff;
}

.banner-oldguide-2025 img.thumb {width:100%; max-width:300px; margin:0 auto 10px auto;float:right;}

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

/*----Home Banner - fogapP DOL 2026 - Live--*/
.banner-fogapdol-2026 {background: url(../../../images/banners/fogap-2026-hp-banner-desktop.webp) center top no-repeat; background-size: auto 100%; text-align: left;}
@media (max-width: 480px) {
	.banner-fogapdol-2026 {background: url(../../../images/banners/fogap-2026-hp-bg-mobile.webp) center center no-repeat; background-size: auto 100%; text-align: left;}
}
@media (min-width: 992px) {.banner-fogapdol-2026 {background-position:center top; background-size: cover;}}

.banner-fogapdol-2026 .b-contentblock {padding: 30px 20px 20px 20px; box-shadow: none; background-color: rgba(0, 0, 0, 0.0);}
@media (max-width: 400px) {.banner-fogapdol-2026 .b-contentblock {padding: 30px 0px 0px 20px;}}

.banner-fogapdol-2026 .b-wrapper {height: 100%;padding: 30px 2% 30px 2%;clear: both;}
@media (min-width: 480px) {.banner-fogapdol-2026 .b-wrapper {padding: 30px 3% 30px 23%;}}
@media (min-width: 768px) {.banner-fogapdol-2026 .b-wrapper {padding: 4vh 5% 50px 25%;}}
@media (min-width: 992px) {.banner-fogapdol-2026 .b-wrapper {padding: 5vh 8% 50px 35%;}}
@media (min-width: 1200px) {.banner-fogapdol-2026 .b-wrapper {padding: 7vh 10% 50px 38%;}}
@media (min-width: 1600px) {.banner-fogapdol-2026 .b-wrapper fogap{padding: 10vh 18% 50px 40%;}}
@media (min-width: 1920px) {.banner-fogapdol-2026 .b-wrapper {padding: 10vh 18% 50px 40%;}}

.banner-fogapdol-2026 .b-contentblock p.lead {font-size:1.2em; line-height:1.5em; margin-bottom:1.1em; color:#fff; }
.banner-fogapdol-2026 .b-contentblock p {text-align: right; color:#fff; float:right;}
.banner-fogapdol-2026 .b-contentblock h2 {text-align: right; color:#fff;  float:right; }
.banner-fogapdol-2026 .btn-default {
	border-radius: 0;
	color: #fff;
	background: #027848;
	font-size: 0.8em;
	margin: 10px 0 10px 0;
	padding: 10px;
	float: right;
}

.banner-fogapdol-2026 .btn-default:hover {
	background: #00ae69;
	color: #fff;
}

.banner-fogapdol-2026 img.thumb {width:100%; max-width:200px !important; margin:0 auto 10px auto;float:right;}
@media (min-width: 768px) {.banner-fogapdol-2026 img.thumb {width:100%; max-width:360px !important; margin:0 auto 10px auto;float:right;}}
.banner-fogapdol-2026 .btn-default {margin:0 5px 10px 0 !important;}
/*----Home Banner - Modernisation 2026 - Live--*/
.banner-hm-modernisation2026 {background: url(../../../images/banners/modernisation-desktop-hp-banner.jpg) left top no-repeat; background-size: auto 100%; text-align: left;}
@media (max-width: 480px) {
	.banner-hm-modernisation2026 {background: url(../../../images/banners/modernisation-mobi-hp-banner.jpg.webp) center center no-repeat; background-size: auto; text-align: left;}
}
@media (min-width: 992px) {.banner-hm-modernisation2026 {background-position:center top; background-size: cover;}}

.banner-hm-modernisation2026 .b-contentblock {padding: 30px 20px 20px 20px; box-shadow: none; background-color: rgba(0, 0, 0, 0.55);}
@media (max-width: 480px) {.banner-hm-modernisation2026 .b-contentblock {background-color: rgba(0, 0, 0, 0.70);}}
@media (max-width: 400px) {.banner-hm-modernisation2026 .b-contentblock {padding: 30px 0px 0px 20px;background-color: rgba(0, 0, 0, 0.70);}}

.banner-hm-modernisation2026 .b-wrapper {height: 100%;padding: 30px 10% 30px 5%;clear: both;}
@media (min-width: 480px) {.banner-hm-modernisation2026 .b-wrapper {padding: 30px 3% 30px 23%;}}
@media (min-width: 768px) {.banner-hm-modernisation2026 .b-wrapper {padding: 11vh 14% 50px 30%;}}
@media (min-width: 992px) {.banner-hm-modernisation2026 .b-wrapper {padding: 12vh 13% 50px 48%;}}
@media (min-width: 1200px) {.banner-hm-modernisation2026 .b-wrapper {padding: 15vh 18% 50px 48%;}}
@media (min-width: 1600px) {.banner-hm-modernisation2026 .b-wrapper {padding: 18vh 22% 50px 48%;}}
@media (min-width: 1920px) {.banner-hm-modernisation2026 .b-wrapper {padding: 18vh 22% 50px 50%;}}

.banner-hm-modernisation2026 .b-contentblock p.lead {font-size:1.25em; line-height:1.5em; margin-bottom:1.1em; color:#fff; }
.banner-hm-modernisation2026 .b-contentblock p {text-align: right; color:#fff; float:right;}
.banner-hm-modernisation2026 .b-contentblock h2 {text-align: right; color:#fff;  float:right; text-transform: none !important; }
@media (max-width: 480px) {
	.banner-hm-modernisation2026 .b-contentblock p {text-align: left; float:none;}
	.banner-hm-modernisation2026 .b-contentblock h2 {text-align: left; float:none;} 
}
.banner-hm-modernisation2026 .btn-default {
	border-radius: 0;
	color: #000000;
	background: #0054a5;
	font-size: 0.8em;
	margin: 10px 0 20px 0 !important;
	padding: 10px;
	float: right;
}

.banner-hm-modernisation2026 .btn-default:hover {
	background: #73addf;
	color: #fff;
}

.banner-hm-modernisation2026 img.thumb {width:100%; max-width:200px !important; margin:0 auto 10px auto;float:right;}
@media (min-width: 768px) {.banner-hm-modernisation2026 img.thumb {width:100%; max-width:360px !important; margin:0 auto 10px auto;float:right;}}
.banner-hm-modernisation2026 .btn-default {margin:0 5px 10px 0 !important;}

/*----Home Banner - MPLS 2026 - Live--*/
.banner-hm-mpls2026 {background: url(../../../images/banners/MissingPersonLocatorHPBannerDesktop.jpg) center top no-repeat; background-size: auto 100%; text-align: left;}
@media (max-width: 480px) {
	.banner-hm-mpls2026 {background: url(../../../images/banners/MissingPersonLocatorHPBannerMobile.jpg) center center no-repeat; background-size: auto 100%; text-align: left;}
}
@media (min-width: 992px) {.banner-hm-mpls2026 {background-position:center top; background-size: cover;}}

.banner-hm-mpls2026 .b-contentblock {padding: 30px 20px 20px 20px; box-shadow: none; background-color: rgba(0, 0, 0, 0.55);}
@media (max-width: 400px) {.banner-hm-mpls2026 .b-contentblock {padding: 30px 0px 0px 20px;}}

.banner-hm-mpls2026 .b-wrapper {height: 100%;padding: 30px 2% 30px 2%;clear: both;}
@media (min-width: 480px) {.banner-hm-mpls2026 .b-wrapper {padding: 30px 3% 30px 23%;}}
@media (min-width: 768px) {.banner-hm-mpls2026 .b-wrapper {padding: 11vh 14% 50px 30%;}}
@media (min-width: 992px) {.banner-hm-mpls2026 .b-wrapper {padding: 12vh 13% 50px 48%;}}
@media (min-width: 1200px) {.banner-hm-mpls2026 .b-wrapper {padding: 15vh 18% 50px 48%;}}
@media (min-width: 1600px) {.banner-hm-mpls2026 .b-wrapper {padding: 18vh 22% 50px 48%;}}
@media (min-width: 1920px) {.banner-hm-mpls2026 .b-wrapper {padding: 18vh 22% 50px 50%;}}

.banner-hm-mpls2026 .b-contentblock p.lead {font-size:1.25em; line-height:1.5em; margin-bottom:1.1em; color:#fff; }
.banner-hm-mpls2026 .b-contentblock p {text-align: right; color:#fff; float:right;}
.banner-hm-mpls2026 .b-contentblock h2 {text-align: right; color:#fff;  float:right; text-transform: none !important; }
.banner-hm-mpls2026 .btn-default {
	border-radius: 0;
	color: #000000;
	background: #fdb91a;
	font-size: 0.8em;
	margin: 10px 0 20px 0 !important;
	padding: 10px;
	float: right;
}

.banner-hm-mpls2026 .btn-default:hover {
	background: #ffb612;
	color: #fff;
}

.banner-hm-mpls2026 img.thumb {width:100%; max-width:200px !important; margin:0 auto 10px auto;float:right;}
@media (min-width: 768px) {.banner-hm-mpls2026 img.thumb {width:100%; max-width:360px !important; margin:0 auto 10px auto;float:right;}}
.banner-fogapdol-2026 .btn-default {margin:0 5px 10px 0 !important;}
/*----Home Banner - DMRE Safety Stats 2025--*/
.banner-dmre-safety-2025 {background: url(../../../images/banners/dmre-hp-banner-bg.jpg) center center no-repeat; background-size: auto 100%; text-align: left;}
@media (min-width: 992px) {.banner-dmre-safety-2025 {background-position:center center; background-size: cover;}}

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

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

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

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

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





/*----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;}




.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;
}

.darkgreen figcaption {
	color: #fff;
}




.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;
}



.col-0 {
	display: none;
}

@media (min-width: 480px) {
	.col-0 {
		display: none;
	}
}

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

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

@media (min-width: 1200px) {
	.col-0 {
		display: inline;
	}
}

@media (min-width: 1600px) {
	.col-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;
	}
}


/*--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 {}



.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%;
}


.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;
}



.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;
}



.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;
	}
}



/*--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
*/




/*--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;
}





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

/*--Carousel control--*/
.carousel-control {
	width: 3%;
}

.carousel-control.left {
	left: 0;
	right: auto;
	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 {
	left: auto;
	right: 0;
	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;
}

/* BS5 indicators are bars; restore circular dots to match live. */
.carousel-indicators li[data-bs-target] {
	box-sizing: content-box;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin: 4px;
	padding: 0;
	border: 0;
	text-indent: 0;
	background-color: #ababab;
	opacity: 1;
}
.carousel-indicators li[data-bs-target].active {
	background-color: #555;
}

.container {
	position: relative;
}






.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.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;
}



.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: 100px;
	padding: 0px 0;
}
section.section-main:has(+ #banner) {
	margin-top: 0px;
}


.section-main .container {
	min-height: 500px;
	padding: 40px 15px 50px 15px;
	width: auto;
	/* BS3 sized .container with width; BS5 uses max-width — clear the cap. P63 */
	max-width: none;
}

@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;
	margin-top: 80px !important;
}

@media (min-width: 480px) {
	#banner {
		width: 100%;
		height: 60vh;
		min-height: 220px;
	}
}

@media (min-width: 768px) {
	#banner {
		width: 100%;
		height: 60vh;
		min-height: 230px;
		margin-top: 100px !important;
	}
}

@media (min-width: 992px) {
	#banner {
		width: 100%;
		height: 60vh;
		min-height: 230px;
		margin-top: 120px !important;
	}
}



#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: none;
	vertical-align: top;
	margin: 0;
	width: 100%;
	height: 60vh;
	min-height: 220px;
	padding: 42vh 3% 20px 4%;
	background: #666;
	font-size: 1.1em;
	line-height: 1.8em;
}

@media (min-width: 480px) {
	banner-quote {
	display: block;
	vertical-align: top;
	margin: 0;
	width: 100%;
	height: 60vh;
	min-height: 220px;
	padding: 42vh 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: 14vh 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: 14vh 2% 20px 3%;
		font-size: 1.0em;
	}
}

@media (min-width: 1200px) {
	.banner-quote {
		display: inline-block;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 1;
		width: 25%;
		height: 60vh;
		min-height: 230px;
		padding: 20vh 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;
}
a.btn-incontent-blue {display: block; color: #fff !important; background: #0054a6; line-height: 1em; text-align: center;padding:10px 7px; width: 350px;font-weight:bold;}
a.btn-incontent-blue:hover {color: #0054a6 !important;
	background: #fff;
	text-decoration: none;}

/*--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
}

/* BS5 puts .active on the .nav-link, not the li. P84 */
#green ul.nav-tabs .nav-link.active {
	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: 15px;
}


.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: 0px;
	/*border-right: 1px solid #ccc;*/
	font-size: 1em;
}

.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.5em;
	padding: 0 0 6px 10px;
	border-bottom: 1px dotted #ccc;
}
@media (max-width: 768px) {
.section-main .jd-item-page li {
	font-size: 1.0em;
	font-weight: 400;
}
}
.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;
}
@media (max-width: 740px) {
	span.label { 
		position: relative;
		width: 100px;
		float: none;
	}
}


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: 1;
	margin-left: 0px;
	margin-top: 5px;
}

@media (min-width: 768px) {
	ul.category li a {
		padding: 0 67px 0 15%;
		margin-left: 10px;
		margin-top: 0px;
	}
}

@media (min-width: 992px) {
	ul.category li a {
		padding: 0 67px 0 16%;
		margin-left: 10px;
	}
}

@media (min-width: 1200px) {
	ul.category li a {
		padding: 0 67px 0 17%;
		margin-left: 10px;
	}
}

/*
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;
	position:relative;
	float: none;
	margin-bottom: 10px;
}
@media (min-width: 768px) {
ul.category li .label {
	position: absolute;
	
}
}

ul.category li time {
	display: block;
	position: relative;
	left: 0;
	top: 5px;
	bottom: 0px;
	line-height: 1.3em;
}

@media (min-width: 768px) {
	ul.category li time {
		width: 13%;
		position: absolute;
	}
}

@media (min-width: 992px) {
	ul.category li time {
		width: 14%;
		position: absolute;
	}
}

@media (min-width: 1200px) {
	ul.category li time {
		width: 16%;
		position: absolute;
	}
}

/*
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;
	margin-top: 5px;
}

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;
}

@media (max-width: 480px) {
	#banner .custom picture:before, #banner .custom .bannerpicture:before {
		text-align: left;
		left: 20px;
		line-height: 15px;
		font-size: 10px;
	}
}
/* Spotlight Banners */
/*--Banner - Mining Matters 2025 Employees--*/
body.banner_spotlight_mmemployees_2025 #banner {width: 100%;height: 230px;margin: 0;padding: 0;position: relative;overflow: hidden;background-size: cover;}

@media (min-width: 480px) {body.banner_spotlight_mmemployees_2025 #banner  {width: 100%;height: 400px;}}
@media (min-width: 768px) {body.banner_spotlight_mmemployees_2025 #banner   {width: 100%;height: 500px;}}
@media (min-width: 992px) {body.banner_spotlight_mmemployees_2025 #banner  {width: 100%;height: 550px;}}
@media (min-width: 1200px) {body.banner_spotlight_mmemployees_2025 #banner  {width: 100%;height: 580px;}}
@media (min-width: 1600px) {body.banner_spotlight_mmemployees_2025 #banner  {width: 100%;height: 580px;}}

.bannerpicture.banner-spotlight-mmemployees-2025 {width: 100%;height: calc(100% - 0px);position: relative !important;text-align: left;background: url(../../../images/thumbnails/special-features/miningmatters2025/Employees_HeaderBanner2.jpg) center top no-repeat;background-size: cover;}

.bannerlogo-spotlight-mmemployees-2025 {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; min-height:230px;}
@media (min-width: 480px) {.bannerlogo-spotlight-mmemployees-2025 {width: 100%;padding-top: 150px;max-width:420px}}
@media (min-width: 768px) {.bannerlogo-spotlight-mmemployees-2025 {width: 85%;padding-top: 150px;max-width:650px}}
@media (min-width: 992px) {.bannerlogo-spotlight-mmemployees-2025 {width: 80%;padding-top: 150px;margin-left:150px;max-width:700px}}
@media (min-width: 1200px) {.bannerlogo-spotlight-mmemployees-2025 {width: 70%;padding-top: 150px;margin-left:280px;max-width:965px}}
@media (min-width: 1600px) {.bannerlogo-spotlight-mmemployees-2025 {width: 75%;padding-top: 140px;max-width:965px;margin-left:280px;}}

/*--Banner - Mining Matters 2025 National--*/
body.banner_spotlight_mmnational_2025 #banner {width: 100%;height: 230px;margin: 0;padding: 0;position: relative;overflow: hidden;background-size: cover;}

@media (min-width: 480px) {body.banner_spotlight_mmnational_2025 #banner  {width: 100%;height: 400px;}}
@media (min-width: 768px) {body.banner_spotlight_mmnational_2025 #banner   {width: 100%;height: 500px;}}
@media (min-width: 992px) {body.banner_spotlight_mmnational_2025 #banner  {width: 100%;height: 550px;}}

@media (min-width: 1200px) {body.banner_spotlight_mmnational_2025 #banner  {width: 100%;height: 580px;}}
@media (min-width: 1600px) {body.banner_spotlight_mmnational_2025 #banner  {width: 100%;height: 580px;}}

.bannerpicture.banner-spotlight-mmnational-2025 {width: 100%;height: 100%;position: relative !important;text-align: left;background: url(../../../images/thumbnails/special-features/miningmatters2025/MMNationalHeaderBanner.jpg) center top no-repeat;background-size: cover;}

.bannerlogo-spotlight-mmnational-2025 {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; min-height:230px;}
@media (min-width: 480px) {.bannerlogo-spotlight-mmnational-2025 {width: 100%;padding-top: 150px;max-width:420px}}
@media (min-width: 768px) {.bannerlogo-spotlight-mmnational-2025 {width: 85%;padding-top: 150px;max-width:650px}}
@media (min-width: 992px) {.bannerlogo-spotlight-mmnational-2025 {width: 80%;padding-top: 150px;margin-left:150px;max-width:700px}}
@media (min-width: 1200px) {.bannerlogo-spotlight-mmnational-2025 {width: 70%;padding-top: 150px;margin-left:280px;max-width:965px}}
@media (min-width: 1600px) {.bannerlogo-spotlight-mmnational-2025 {width: 75%;padding-top: 140px;max-width:965px;margin-left:280px;}}

/*--Banner - Mining Matters 2025 Landing--*/
body.banner_spotlight_mmlanding_2025 #banner {width: 100%;height: 230px;margin: 0;padding: 0;position: relative;overflow: hidden;background-size: cover;}

@media (min-width: 480px) {body.banner_spotlight_mmlanding_2025 #banner  {width: 100%;height: 400px;}}
@media (min-width: 768px) {body.banner_spotlight_mmlanding_2025 #banner   {width: 100%;height: 500px;}}
@media (min-width: 992px) {body.banner_spotlight_mmlanding_2025 #banner  {width: 100%;height: 550px;}}

@media (min-width: 1200px) {body.banner_spotlight_mmlanding_2025 #banner  {width: 100%;height: 580px;}}
@media (min-width: 1600px) {body.banner_spotlight_mmlanding_2025 #banner  {width: 100%;height: 580px;}}

.bannerpicture.banner-spotlight-mmlanding-2025 {width: 100%;height: 100%;position: relative !important;text-align: left;background: url(../../../images/thumbnails/special-features/miningmatters2025/MMLandingHeaderBanner.jpg) center top no-repeat;background-size: cover;}
@media (max-width: 480px) {
	.bannerpicture.banner-spotlight-mmlanding-2025 {background: url(../../../images/thumbnails/special-features/miningmatters2025/LandingMobile_HeaderBanner230.jpg) top center no-repeat; background-size: contain; text-align: left;}
}

.bannerlogo-spotlight-mmlanding-2025 {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; min-height:230px;}
@media (min-width: 480px) {.bannerlogo-spotlight-mmlanding-2025 {width: 100%;padding-top: 150px;max-width:420px}}
@media (min-width: 768px) {.bannerlogo-spotlight-mmlanding-2025 {width: 85%;padding-top: 150px;max-width:650px}}
@media (min-width: 992px) {.bannerlogo-spotlight-mmlanding-2025 {width: 80%;padding-top: 150px;margin-left:150px;max-width:700px}}
@media (min-width: 1200px) {.bannerlogo-spotlight-mmlanding-2025 {width: 70%;padding-top: 150px;margin-left:280px;max-width:965px}}
@media (min-width: 1600px) {.bannerlogo-spotlight-mmlanding-2025 {width: 75%;padding-top: 140px;max-width:965px;margin-left:280px;}}

/*--Banner - MRD Bill 2025--*/
body.banner_spotlight_mrdbill_2025 #banner {width: 100%;height: 250px;margin: 0;padding: 0;position: relative;overflow: hidden;background-size: cover;}

@media (min-width: 480px) {body.banner_spotlight_mrdbill_2025 #banner  {width: 100%;height: 400px;}}
@media (min-width: 768px) {body.banner_spotlight_mrdbill_2025 #banner   {width: 100%;height: 500px;}}
@media (min-width: 992px) {body.banner_spotlight_mrdbill_2025 #banner  {width: 100%;height: 550px;}}

@media (min-width: 1200px) {body.banner_spotlight_mrdbill_2025 #banner  {width: 100%;height: 580px;}}
@media (min-width: 1600px) {body.banner_spotlight_mrdbill_2025 #banner  {width: 100%;height: 580px;}}

.bannerpicture.banner-spotlight-mrdbill-2025 {width: 100%;height: 100%;position: relative !important;text-align: left;background: url(../../../images/thumbnails/special-features/mrdbill2025/MRDBillHeaderBanner.jpg) center top no-repeat;background-size: cover;}

.bannerlogo-spotlight-mrdbill-2025 {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; min-height:230px;}
@media (min-width: 480px) {.bannerlogo-spotlight-mrdbill-2025 {width: 100%;padding-top: 150px;max-width:420px}}
@media (min-width: 768px) {.bannerlogo-spotlight-mrdbill-2025 {width: 85%;padding-top: 150px;max-width:650px}}
@media (min-width: 992px) {.bannerlogo-spotlight-mrdbill-2025 {width: 80%;padding-top: 150px;margin-left:150px;max-width:700px}}
@media (min-width: 1200px) {.bannerlogo-spotlight-mrdbill-2025 {width: 70%;padding-top: 150px;margin-left:280px;max-width:965px}}
@media (min-width: 1600px) {.bannerlogo-spotlight-mrdbill-2025 {width: 75%;padding-top: 140px;max-width:965px;margin-left:280px;}}

/*--Banner - International Day WIM 2025--*/
body.banner_intdaywim_2025 #banner {width: 100%;height: 250px;margin: 80px 0 0 0;padding: 0;position: relative;overflow: hidden;background-size: cover;}

@media (min-width: 480px) {body.banner_intdaywim_2025 #banner  {width: 100%;height: 400px;}}
@media (min-width: 768px) {body.banner_intdaywim_2025 #banner   {width: 100%;height: 500px;margin-top:100px;}}
@media (min-width: 992px) {body.banner_intdaywim_2025 #banner  {width: 100%;height: 550px;margin-top:120px;}}

@media (min-width: 1200px) {body.banner_intdaywim_2025 #banner  {width: 100%;height: 580px;}}
@media (min-width: 1600px) {body.banner_intdaywim_2025 #banner  {width: 100%;height: 580px;}}

.bannerpicture.banner-daywim-spotlight-2025 {width: 100%;height: 100%;position: relative !important;text-align: left;background: url(../../../images/banners/idowim-spotlight-page-header-bg_1.jpg) left top no-repeat;background-size: cover;}

.bannerlogo-daywim-spotlight-2025 {display: block;margin: 0 auto 0 auto;padding: 10px 15px;padding-top:100px;padding-bottom:40px;background: transparent;width: 90%;max-width: 180px;height: auto; max-height: 470px; float: none;}
@media (min-width: 480px) {.bannerlogo-daywim-spotlight-2025 {width: 100%;padding-top: 100px;max-width:250px}}
@media (min-width: 768px) {.bannerlogo-daywim-spotlight-2025 {width: 100%;padding-top: 160px;max-width:500px;margin-right:220px; float: right;}}
@media (min-width: 992px) {.bannerlogo-daywim-spotlight-2025 {width: 100%;padding-top: 200px;margin-right:450px;max-width:500px; float: right;}}
@media (min-width: 1200px) {.bannerlogo-daywim-spotlight-2025 {width: 100%;padding-top: 180px;margin-right:100px;max-width:500px; float: right;}}
@media (min-width: 1600px) {.bannerlogo-daywim-spotlight-2025 {width: 100%;padding-top: 180px;max-width:614px;margin-right:200px; float: right;}}

/*--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 ID 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: 300px;}}

picture.bannerpicture.banner-idwim-2023 {position:relative !important; top:auto; right:auto; text-align: left; background: url(../../../images/banners/banner-idwim-2023-heading.png) center top no-repeat; background-size: contain; background-color:#e18227; }

/*--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 AGM 2026--*/
body.banner_agm_spotlight_2026 #banner {width: 100%;height: 250px;margin: 0;padding: 0;position: relative;overflow: hidden;background-size: cover;}

@media (min-width: 480px) {body.banner_agm_spotlight_2026 #banner  {width: 100%;height: 400px;}}
@media (min-width: 768px) {body.banner_agm_spotlight_2026 #banner   {width: 100%;height: 500px;}}
@media (min-width: 992px) {body.banner_agm_spotlight_2026 #banner  {width: 100%;height: 550px;}}

@media (min-width: 1200px) {body.banner_agm_spotlight_2026 #banner  {width: 100%;height: 580px;}}
@media (min-width: 1600px) {body.banner_agm_spotlight_2026 #banner  {width: 100%;height: 580px;}}

.bannerpicture.banner-agm-spotlight-2026 {width: 100%;height: 100%;position: relative !important;text-align: left;background: url(../../../images/banners/AGM2026HeaderBanner.webp) center top no-repeat;background-size: cover;}
@media (max-width: 480px) {.bannerpicture.banner-agm-spotlight-2026 {background: url(../../../images/banners/AGM2026HeaderBanner.webp) right top no-repeat;}}

.bannerlogo-agm-spotlight-2026 {display: block;margin: 0 auto 0 auto;padding: 35px 15px;background: transparent;width: 90%;max-width: 280px;height: auto; max-height: 470px; float: none;}
@media (min-width: 480px) {.bannerlogo-agm-spotlight-2026 {width: 100%;padding-top: 80px;max-width:250px;margin-right:2vw; float: right;}}
@media (min-width: 768px) {.bannerlogo-agm-spotlight-2026 {width: 100%;padding-top: 80px;max-width:320px;margin-right:2vw; float: right;}}
@media (min-width: 992px) {.bannerlogo-agm-spotlight-2026 {width: 100%;padding-top: 100px;margin-right:0;max-width:470px; float: right;}}
@media (min-width: 1200px) {.bannerlogo-agm-spotlight-2026 {width: 100%;padding-top: 100px;margin-right:3vw;max-width:470px; float: right;}}
@media (min-width: 1600px) {.bannerlogo-agm-spotlight-2026 {width: 100%;padding-top: 100px;max-width:470px;margin-right:10vw; float: right;}}
/*--Banner - Spotlight AGM 2025--*/
body.banner_agm_spotlight_2025 #banner {width: 100%;height: 250px;margin: 0;padding: 0;position: relative;overflow: hidden;background-size: cover;}

@media (min-width: 480px) {body.banner_agm_spotlight_2025 #banner  {width: 100%;height: 400px;}}
@media (min-width: 768px) {body.banner_agm_spotlight_2025 #banner   {width: 100%;height: 500px;}}
@media (min-width: 992px) {body.banner_agm_spotlight_2025 #banner  {width: 100%;height: 550px;}}

@media (min-width: 1200px) {body.banner_agm_spotlight_2025 #banner  {width: 100%;height: 580px;}}
@media (min-width: 1600px) {body.banner_agm_spotlight_2025 #banner  {width: 100%;height: 580px;}}

.bannerpicture.banner-agm-spotlight-2025 {width: 100%;height: 100%;position: relative !important;text-align: left;background: url(../../../images/banners/AGM2025HeaderBanner.jpg) left top no-repeat;background-size: cover;}

.bannerlogo-agm-spotlight-2025 {display: block;margin: 0 auto 0 auto;padding: 10px 15px;padding-top:30px;background: transparent;width: 90%;max-width: 250px;height: auto; max-height: 470px; float: none;}
@media (min-width: 480px) {.bannerlogo-agm-spotlight-2025 {width: 100%;padding-top: 40px;max-width:250px}}
@media (min-width: 768px) {.bannerlogo-agm-spotlight-2025 {width: 100%;padding-top: 40px;max-width:320px;margin-left:200px; float: left;}}
@media (min-width: 992px) {.bannerlogo-agm-spotlight-2025 {width: 100%;padding-top: 50px;margin-left:320px;max-width:470px; float: left;}}
@media (min-width: 1200px) {.bannerlogo-agm-spotlight-2025 {width: 100%;padding-top: 50px;margin-left:420px;max-width:470px; float: left;}}
@media (min-width: 1600px) {.bannerlogo-agm-spotlight-2025 {width: 100%;padding-top: 50px;max-width:470px;margin-left:420px; float: left;}}
/*--Banner - Spotlight FOGAP DOL 2025--*/
body.banner_fogapdol_2025 #banner {width: 100%;height: 250px;margin: 0;padding: 0;position: relative;overflow: hidden;background-size: cover;}

@media (min-width: 480px) {body.banner_fogapdol_2025 #banner  {width: 100%;height: 400px;}}
@media (min-width: 768px) {body.banner_fogapdol_2025 #banner   {width: 100%;height: 500px;}}
@media (min-width: 992px) {body.banner_fogapdol_2025 #banner  {width: 100%;height: 550px;}}

@media (min-width: 1200px) {body.banner_fogapdol_2025 #banner  {width: 100%;height: 580px;}}
@media (min-width: 1600px) {body.banner_fogapdol_2025 #banner  {width: 100%;height: 580px;}}

.bannerpicture.banner-fogap-dol-2025 {width: 100%;height: 100%;position: relative !important;text-align: left;background: url(../../../images/banners/FOGAPHeaderBanner.jpg) left top no-repeat;background-size: cover;}

.bannerlogo-fogap-dol-2025 {display: block;margin: 0 auto 0 auto;padding: 10px 15px;padding-top:70px;background: transparent;width: 90%;max-width: 350px;height: auto; max-height: 271px; float: none;}
@media (min-width: 480px) {.bannerlogo-fogap-dol-2025 {width: 100%;padding-top: 150px;max-width:420px}}
@media (min-width: 768px) {.bannerlogo-fogap-dol-2025 {width: 100%;padding-top: 150px;max-width:614px;margin-right:75px; float: right;}}
@media (min-width: 992px) {.bannerlogo-fogap-dol-2025 {width: 100%;padding-top: 150px;margin-right:100px;max-width:614px; float: right;}}
@media (min-width: 1200px) {.bannerlogo-fogap-dol-2025 {width: 100%;padding-top: 180px;margin-right:120px;max-width:614px; float: right;}}
@media (min-width: 1600px) {.bannerlogo-fogap-dol-2025 {width: 100%;padding-top: 180px;max-width:614px;margin-right:180px; float: right;}}

/*--Banner - Spotlight FOGAP DOL 2026--*/
body.banner_fogapdol_2026 #banner {width: 100%;height: 250px;margin: 0;padding: 0;position: relative;overflow: hidden;background-size: cover;}

@media (min-width: 480px) {body.banner_fogapdol_2026 #banner  {width: 100%;height: 400px;}}
@media (min-width: 768px) {body.banner_fogapdol_2026 #banner   {width: 100%;height: 500px;}}
@media (min-width: 992px) {body.banner_fogapdol_2026 #banner  {width: 100%;height: 550px;}}

@media (min-width: 1200px) {body.banner_fogapdol_2026 #banner  {width: 100%;height: 580px;}}
@media (min-width: 1600px) {body.banner_fogapdol_2026 #banner  {width: 100%;height: 580px;}}

.bannerpicture.banner-fogap-dol-2026 {width: 100%;height: 100%;position: relative !important;text-align: left;background: url(../../../images/banners/fogap-spotlight-header-banner.webp) left top no-repeat;background-size: cover;}

.bannerlogo-fogap-dol-2026 {display: block;margin: 0 auto 0 auto;padding: 50px 15px;background: transparent;width: 90%;max-width: 350px;height: auto; max-height: 271px; float: none;}
@media (min-width: 480px) {.bannerlogo-fogap-dol-2026 {width: 100%;padding-top: 150px;max-width:420px}}
@media (min-width: 768px) {.bannerlogo-fogap-dol-2026 {width: 100%;padding-top: 150px;max-width:614px;margin-right:75px; float: right;}}
@media (min-width: 992px) {.bannerlogo-fogap-dol-2026 {width: 100%;padding-top: 150px;margin-right:100px;max-width:614px; float: right;}}
@media (min-width: 1200px) {.bannerlogo-fogap-dol-2026 {width: 100%;padding-top: 180px;margin-right:120px;max-width:614px; float: right;}}
@media (min-width: 1600px) {.bannerlogo-fogap-dol-2026 {width: 100%;padding-top: 180px;max-width:614px;margin-right:180px; float: right;}}

/*--Banner - Spotlight Modernisation 2026--*/
body.banner_modernisation_2026 #banner {width: 100%;height: 250px;margin: 0;padding: 0;position: relative;overflow: hidden;background-size: cover;}

@media (min-width: 480px) {body.banner_modernisation_2026 #banner  {width: 100%;height: 400px;}}
@media (min-width: 768px) {body.banner_modernisation_2026 #banner   {width: 100%;height: 500px;}}
@media (min-width: 992px) {body.banner_modernisation_2026 #banner  {width: 100%;height: 550px;}}

@media (min-width: 1200px) {body.banner_modernisation_2026 #banner  {width: 100%;height: 580px;}}
@media (min-width: 1600px) {body.banner_modernisation_2026 #banner  {width: 100%;height: 580px;}}

.bannerpicture.banner-modernisation-2026 {width: 100%;height: 100%;position: relative !important;text-align: left;background: url(../../../images/thumbnails/special-features/modernisation2026/MinMHeaderBanner.webp) center top no-repeat;background-size: cover;}

.bannerlogo-modernisation-2026 {display: block;margin: 0 auto 0 auto;padding: 50px 15px;background: transparent;width: 90%;max-width: 350px;height: auto; max-height: 271px; float: none;min-height:220px;}
@media (min-width: 480px) {.bannerlogo-modernisation-2026 {width: 100%;padding-top: 150px;max-width:420px}}
@media (min-width: 768px) {.bannerlogo-modernisation-2026 {width: 100%;padding-top: 150px;max-width:614px;margin-right:75px; float: right;}}
@media (min-width: 992px) {.bannerlogo-modernisation-2026 {width: 100%;padding-top: 150px;margin-right:100px;max-width:614px; float: right;}}
@media (min-width: 1200px) {.bannerlogo-modernisation-2026 {width: 100%;padding-top: 180px;margin-right:120px;max-width:614px; float: right;}}
@media (min-width: 1600px) {.bannerlogo-modernisation-2026 {width: 100%;padding-top: 180px;max-width:614px;margin-right:180px; float: right;}}

/*--Banner - Spotlight GBPP3 2026--*/
body.banner_gbpp3_2026 #banner {width: 100%;height: 250px;margin: 0;padding: 0;position: relative;overflow: hidden;background-size: cover;}

@media (min-width: 480px) {body.banner_gbpp3_2026 #banner  {width: 100%;height: 400px;}}
@media (min-width: 768px) {body.banner_gbpp3_2026 #banner   {width: 100%;height: 500px;}}
@media (min-width: 992px) {body.banner_gbpp3_2026 #banner  {width: 100%;height: 550px;}}

@media (min-width: 1200px) {body.banner_gbpp3_2026 #banner  {width: 100%;height: 580px;}}
@media (min-width: 1600px) {body.banner_gbpp3_2026 #banner  {width: 100%;height: 580px;}}

.bannerpicture.banner-gbpp3-2026 {width: 100%;height: 100%;position: relative !important;text-align: left;background: url(../../../images/thumbnails/special-features/gbpp2026/GBPP3HeaderBanner.webp) center top no-repeat;background-size: cover;}

.bannerlogo-gbpp3-2026 {display: block;margin: 0 auto 0 auto;padding: 50px 15px;background: transparent;width: 90%;max-width: 350px;height: auto; max-height: 271px; float: none;min-height:220px;}
@media (min-width: 480px) {.bannerlogo-gbpp3-2026 {width: 100%;padding-top: 150px;max-width:420px}}
@media (min-width: 768px) {.bannerlogo-gbpp3-2026 {width: 100%;padding-top: 150px;max-width:614px;margin-right:75px; float: right;}}
@media (min-width: 992px) {.bannerlogo-gbpp3-2026 {width: 100%;padding-top: 150px;margin-right:100px;max-width:614px; float: right;}}
@media (min-width: 1200px) {.bannerlogo-gbpp3-2026 {width: 100%;padding-top: 180px;margin-right:120px;max-width:614px; float: right;}}
@media (min-width: 1600px) {.bannerlogo-gbpp3-2026 {width: 100%;padding-top: 180px;max-width:614px;margin-right:180px; float: right;}}

/*--Banner - Spotlight JEMD Webinar 2026--*/
body.banner_jemdwebinar_2026 #banner {width: 100%;height: 250px;margin: 0;padding: 0;position: relative;overflow: hidden;background-size: cover;}

@media (min-width: 480px) {body.banner_jemdwebinar_2026 #banner  {width: 100%;height: 400px;}}
@media (min-width: 768px) {body.banner_jemdwebinar_2026 #banner   {width: 100%;height: 500px;}}
@media (min-width: 992px) {body.banner_jemdwebinar_2026 #banner  {width: 100%;height: 550px;}}

@media (min-width: 1200px) {body.banner_jemdwebinar_2026 #banner  {width: 100%;height: 580px;}}
@media (min-width: 1600px) {body.banner_jemdwebinar_2026 #banner  {width: 100%;height: 580px;}}

.bannerpicture.banner-jemdwebinar-2026 {width: 100%;height: 100%;position: relative !important;text-align: left;background: url(../../../images/banners/jemd-spotlight-header-banner.webp) left top no-repeat;background-size: cover;}

.bannerlogo-jemdwebinar-2026 {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; min-height: 230px;float: none;}
@media (min-width: 480px) {.bannerlogo-jemdwebinar-2026 {width: 100%;padding-top: 150px;max-width:420px}}
@media (min-width: 768px) {.bannerlogo-jemdwebinar-2026 {width: 100%;padding-top: 150px;max-width:614px;margin-right:75px; float: right;}}
@media (min-width: 992px) {.bannerlogo-jemdwebinar-2026 {width: 100%;padding-top: 150px;margin-right:100px;max-width:614px; float: right;}}
@media (min-width: 1200px) {.bannerlogo-jemdwebinar-2026 {width: 100%;padding-top: 180px;margin-right:120px;max-width:614px; float: right;}}
@media (min-width: 1600px) {.bannerlogo-jemdwebinar-2026 {width: 100%;padding-top: 180px;max-width:614px;margin-right:180px; float: right;}}

/*--Banner - Spotlight MPLS Workshop 2026--*/
body.banner_mpls_2026 #banner {width: 100%;height: 250px;margin: 0;padding: 0;position: relative;overflow: hidden;background-size: cover;}

@media (min-width: 480px) {body.banner_mpls_2026 #banner  {width: 100%;height: 400px;}}
@media (min-width: 768px) {body.banner_mpls_2026 #banner   {width: 100%;height: 500px;}}
@media (min-width: 992px) {body.banner_mpls_2026 #banner  {width: 100%;height: 550px;}}

@media (min-width: 1200px) {body.banner_mpls_2026 #banner  {width: 100%;height: 580px;}}
@media (min-width: 1600px) {body.banner_mpls_2026 #banner  {width: 100%;height: 580px;}}

.bannerpicture.banner-mpls-2026 {width: 100%;height: 100%;position: relative !important;text-align: left;background: url(../../../images/banners/MissingPersonsLocatorSystemHeaderBanner.jpg) left top no-repeat;background-size: cover;}

.bannerlogo-mpls-2026 {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; min-height: 230px;float: none;}
@media (min-width: 480px) {.bannerlogo-mpls-2026 {width: 100%;padding-top: 150px;max-width:420px}}
@media (min-width: 768px) {.bannerlogo-mpls-2026 {width: 100%;padding-top: 150px;max-width:614px;margin-right:75px; float: right;}}
@media (min-width: 992px) {.bannerlogo-mpls-2026 {width: 100%;padding-top: 150px;margin-right:100px;max-width:614px; float: right;}}
@media (min-width: 1200px) {.bannerlogo-mpls-2026 {width: 100%;padding-top: 180px;margin-right:120px;max-width:614px; float: right;}}
@media (min-width: 1600px) {.bannerlogo-mpls-2026 {width: 100%;padding-top: 180px;max-width:614px;margin-right:180px; float: right;}}

/*--Banner - Spotlight OLD Guide 2025--*/
body.banner_oldguide_2025 #banner {width: 100%;height: 250px;margin: 0;padding: 0;position: relative;overflow: hidden;background-size: cover;}

@media (min-width: 480px) {body.banner_oldguide_2025 #banner  {width: 100%;height: 400px;}}
@media (min-width: 768px) {body.banner_oldguide_2025 #banner   {width: 100%;height: 500px;}}
@media (min-width: 992px) {body.banner_oldguide_2025 #banner  {width: 100%;height: 550px;}}

@media (min-width: 1200px) {body.banner_oldguide_2025 #banner  {width: 100%;height: 580px;}}
@media (min-width: 1600px) {body.banner_oldguide_2025 #banner  {width: 100%;height: 580px;}}

.bannerpicture.banner-old-guide-2025 {width: 100%;height: 100%;position: relative !important;text-align: left;background: url(../../../images/banners/OLD-spotlight-banner.jpg) left top no-repeat;background-size: cover;}

.bannerlogo-old-guide-2025 {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-old-guide-2025 {width: 100%;padding-top: 150px;max-width:420px}}
@media (min-width: 768px) {.bannerlogo-old-guide-2025 {width: 85%;padding-top: 150px;max-width:650px}}
@media (min-width: 992px) {.bannerlogo-old-guide-2025 {width: 80%;padding-top: 150px;margin-left:150px;max-width:700px}}
@media (min-width: 1200px) {.bannerlogo-old-guide-2025 {width: 70%;padding-top: 150px;margin-left:280px;max-width:965px}}
@media (min-width: 1600px) {.bannerlogo-old-guide-2025 {width: 75%;padding-top: 140px;max-width:965px;margin-left:280px;}}

/*--Banner - Spotlight INternational Women's Day 2026--*/
body.banner_intwomensday_2026 #banner {width: 100%;height: 250px;margin: 0;padding: 0;position: relative;overflow: hidden;background-size: cover;}

@media (min-width: 480px) {body.banner_intwomensday_2026 #banner  {width: 100%;height: 400px;}}
@media (min-width: 768px) {body.banner_intwomensday_2026 #banner   {width: 100%;height: 500px;}}
@media (min-width: 992px) {body.banner_intwomensday_2026 #banner  {width: 100%;height: 550px;}}

@media (min-width: 1200px) {body.banner_intwomensday_2026 #banner  {width: 100%;height: 580px;}}
@media (min-width: 1600px) {body.banner_intwomensday_2026 #banner  {width: 100%;height: 580px;}}

.bannerpicture.banner-intwomens-day-2026 {width: 100%;height: 100%;min-height:250px; position: relative !important;text-align: left;background: url(../../../images/thumbnails/special-features/intwomensday2026/2025-sheroes-spotlight-page-hero-02.jpg) left top no-repeat;background-size: cover;}

.bannerlogo-intwomens-day-2026 {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-intwomens-day-2026 {width: 100%;padding-top: 150px;max-width:420px}}
@media (min-width: 768px) {.bannerlogo-intwomens-day-2026 {width: 85%;padding-top: 150px;max-width:650px}}
@media (min-width: 992px) {.bannerlogo-intwomens-day-2026 {width: 80%;padding-top: 150px;margin-left:150px;max-width:700px}}
@media (min-width: 1200px) {.bannerlogo-intwomens-day-2026 {width: 70%;padding-top: 150px;margin-left:280px;max-width:965px}}
@media (min-width: 1600px) {.bannerlogo-intwomens-day-2026 {width: 75%;padding-top: 140px;max-width:965px;margin-left:280px;}}

/*--Banner - Spotlight INternational Women's Day 2025--*/
body.banner_intwomensday_2025 #banner {width: 100%;height: 250px;margin: 0;padding: 0;position: relative;overflow: hidden;background-size: cover;}

@media (min-width: 480px) {body.banner_intwomensday_2025 #banner  {width: 100%;height: 400px;}}
@media (min-width: 768px) {body.banner_intwomensday_2025 #banner   {width: 100%;height: 500px;}}
@media (min-width: 992px) {body.banner_intwomensday_2025 #banner  {width: 100%;height: 550px;}}

@media (min-width: 1200px) {body.banner_intwomensday_2025 #banner  {width: 100%;height: 580px;}}
@media (min-width: 1600px) {body.banner_intwomensday_2025 #banner  {width: 100%;height: 580px;}}

.bannerpicture.banner-intwomens-day-2025 {width: 100%;height: 100%;position: relative !important;text-align: left;background: url(../../../images/banners/iwd-spotlight-header.jpg) left top no-repeat;background-size: cover;}

.bannerlogo-intwomens-day-2025 {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-intwomens-day-2025 {width: 100%;padding-top: 150px;max-width:420px}}
@media (min-width: 768px) {.bannerlogo-intwomens-day-2025 {width: 85%;padding-top: 150px;max-width:650px}}
@media (min-width: 992px) {.bannerlogo-intwomens-day-2025 {width: 80%;padding-top: 150px;margin-left:150px;max-width:700px}}
@media (min-width: 1200px) {.bannerlogo-intwomens-day-2025 {width: 70%;padding-top: 150px;margin-left:280px;max-width:965px}}
@media (min-width: 1600px) {.bannerlogo-intwomens-day-2025 {width: 75%;padding-top: 140px;max-width:965px;margin-left:280px;}}

/*--Banner - Spotlight Mining Indaba 2025--*/
body.banner_miningindaba_2025 #banner {width: 100%;height: 250px;margin: 0;padding: 0;position: relative;overflow: hidden;background-size: cover;}


@media (min-width: 480px) {body.banner_miningindaba_2025 #banner  {width: 100%;height: 400px;}}
@media (min-width: 768px) {body.banner_miningindaba_2025 #banner   {width: 100%;height: 500px;}}
@media (min-width: 992px) {body.banner_miningindaba_2025 #banner  {width: 100%;height: 550px;}}

@media (min-width: 1200px) {body.banner_miningindaba_2025 #banner  {width: 100%;height: 580px;}}
@media (min-width: 1600px) {body.banner_miningindaba_2025 #banner  {width: 100%;height: 580px;}}

.bannerpicture.banner-mining-indaba-2025 {width: 100%;height: 100%;position: relative !important;text-align: left;background: url(../../../images/banners/Banner-Top-1920580.jpg) left top no-repeat;background-size: cover;}


.bannerlogo-mining-indaba-2025 {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; min-height:220px;}
@media (min-width: 480px) {.bannerlogo-mining-indaba-2025 {width: 100%;padding-top: 150px;max-width:420px}}
@media (min-width: 768px) {.bannerlogo-mining-indaba-2025 {width: 85%;padding-top: 150px;max-width:650px}}
@media (min-width: 992px) {.bannerlogo-mining-indaba-2025 {width: 80%;padding-top: 150px;margin-left:150px;max-width:700px}}
@media (min-width: 1200px) {.bannerlogo-mining-indaba-2025 {width: 70%;padding-top: 150px;margin-left:280px;max-width:965px}}
@media (min-width: 1600px) {.bannerlogo-mining-indaba-2025 {width: 75%;padding-top: 140px;max-width:965px;margin-left:280px;}}

/*--Banner - Spotlight Mining Indaba 2026 Day 1--*/
body.banner_miningindaba_2026_day1 #banner {width: 100%;height: 250px;margin: 0;padding: 0;position: relative;overflow: hidden;background-size: cover;}

@media (min-width: 480px) {body.banner_miningindaba_2026_day1 #banner  {width: 100%;height: 400px;}}
@media (min-width: 768px) {body.banner_miningindaba_2026_day1 #banner   {width: 100%;height: 500px;}}
@media (min-width: 992px) {body.banner_miningindaba_2026_day1 #banner  {width: 100%;height: 550px;}}

@media (min-width: 1200px) {body.banner_miningindaba_2026_day1 #banner  {width: 100%;height: 580px;}}
@media (min-width: 1600px) {body.banner_miningindaba_2026_day1 #banner  {width: 100%;height: 580px;}}

.bannerpicture.banner-mining-indaba-2026-day1 {width: 100%;height: 100%;position: relative !important;text-align: left;background: url(../../../images/thumbnails/special-features/miningindaba2026/mi26-hero-banner-day-01.jpg) center top no-repeat;background-size: cover;min-height: 250px}


.bannerlogo-mining-indaba-2026-day1 {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-mining-indaba-2026-day1 {width: 100%;padding-top: 150px;max-width:420px}}
@media (min-width: 768px) {.bannerlogo-mining-indaba-2026-day1 {width: 85%;padding-top: 150px;max-width:650px}}
@media (min-width: 992px) {.bannerlogo-mining-indaba-2026-day1 {width: 80%;padding-top: 150px;margin-left:150px;max-width:700px}}
@media (min-width: 1200px) {.bannerlogo-mining-indaba-2026-day1 {width: 70%;padding-top: 150px;margin-left:280px;max-width:965px}}
@media (min-width: 1600px) {.bannerlogo-mining-indaba-2026-day1 {width: 75%;padding-top: 140px;max-width:965px;margin-left:280px;}}

/*--Banner - Spotlight Mining Indaba 2026 Day 2--*/
body.banner_miningindaba_2026_day2 #banner {width: 100%;height: 250px;margin: 0;padding: 0;position: relative;overflow: hidden;background-size: cover;}

@media (min-width: 480px) {body.banner_miningindaba_2026_day2 #banner  {width: 100%;height: 400px;}}
@media (min-width: 768px) {body.banner_miningindaba_2026_day2 #banner   {width: 100%;height: 500px;}}
@media (min-width: 992px) {body.banner_miningindaba_2026_day2 #banner  {width: 100%;height: 550px;}}

@media (min-width: 1200px) {body.banner_miningindaba_2026_day2 #banner  {width: 100%;height: 580px;}}
@media (min-width: 1600px) {body.banner_miningindaba_2026_day2 #banner  {width: 100%;height: 580px;}}

.bannerpicture.banner-mining-indaba-2026-day2 {width: 100%;height: 100%;position: relative !important;text-align: left;background: url(../../../images/thumbnails/special-features/miningindaba2026/mi26-hero-banner-day-02-new.jpg) left top no-repeat;background-size: cover;min-height: 250px}


.bannerlogo-mining-indaba-2026-day2 {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-mining-indaba-2026-day2 {width: 100%;padding-top: 150px;max-width:420px}}
@media (min-width: 768px) {.bannerlogo-mining-indaba-2026-day2 {width: 85%;padding-top: 150px;max-width:650px}}
@media (min-width: 992px) {.bannerlogo-mining-indaba-2026-day2 {width: 80%;padding-top: 150px;margin-left:150px;max-width:700px}}
@media (min-width: 1200px) {.bannerlogo-mining-indaba-2026-day2 {width: 70%;padding-top: 150px;margin-left:280px;max-width:965px}}
@media (min-width: 1600px) {.bannerlogo-mining-indaba-2026-day2 {width: 75%;padding-top: 140px;max-width:965px;margin-left:280px;}}

/*--Banner - Spotlight Mining Indaba 2026 Day 3--*/
body.banner_miningindaba_2026_day3 #banner {width: 100%;height: 250px;margin: 0;padding: 0;position: relative;overflow: hidden;background-size: cover;}

@media (min-width: 480px) {body.banner_miningindaba_2026_day3 #banner  {width: 100%;height: 400px;}}
@media (min-width: 768px) {body.banner_miningindaba_2026_day3 #banner   {width: 100%;height: 500px;}}
@media (min-width: 992px) {body.banner_miningindaba_2026_day3 #banner  {width: 100%;height: 550px;}}

@media (min-width: 1200px) {body.banner_miningindaba_2026_day3 #banner  {width: 100%;height: 580px;}}
@media (min-width: 1600px) {body.banner_miningindaba_2026_day3 #banner  {width: 100%;height: 580px;}}

.bannerpicture.banner-mining-indaba-2026-day3 {width: 100%;height: 100%;position: relative !important;text-align: left;background: url(../../../images/thumbnails/special-features/miningindaba2026/mi26-hero-banner-day-03.jpg) left top no-repeat;background-size: cover;min-height: 250px}


.bannerlogo-mining-indaba-2026-day3 {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-mining-indaba-2026-day3 {width: 100%;padding-top: 150px;max-width:420px}}
@media (min-width: 768px) {.bannerlogo-mining-indaba-2026-day3 {width: 85%;padding-top: 150px;max-width:650px}}
@media (min-width: 992px) {.bannerlogo-mining-indaba-2026-day3 {width: 80%;padding-top: 150px;margin-left:150px;max-width:700px}}
@media (min-width: 1200px) {.bannerlogo-mining-indaba-2026-day3 {width: 70%;padding-top: 150px;margin-left:280px;max-width:965px}}
@media (min-width: 1600px) {.bannerlogo-mining-indaba-2026-day3 {width: 75%;padding-top: 140px;max-width:965px;margin-left:280px;}}

/*--Banner - Spotlight Mining Indaba 2026 Day 4--*/
body.banner_miningindaba_2026_day4 #banner {width: 100%;height: 250px;margin: 0;padding: 0;position: relative;overflow: hidden;background-size: cover;}

@media (min-width: 480px) {body.banner_miningindaba_2026_day4 #banner  {width: 100%;height: 400px;}}
@media (min-width: 768px) {body.banner_miningindaba_2026_day4 #banner   {width: 100%;height: 500px;}}
@media (min-width: 992px) {body.banner_miningindaba_2026_day4 #banner  {width: 100%;height: 550px;}}

@media (min-width: 1200px) {body.banner_miningindaba_2026_day4 #banner  {width: 100%;height: 580px;}}
@media (min-width: 1600px) {body.banner_miningindaba_2026_day4 #banner  {width: 100%;height: 580px;}}

.bannerpicture.banner-mining-indaba-2026-day4 {width: 100%;height: 100%;position: relative !important;text-align: left;background: url(../../../images/thumbnails/special-features/miningindaba2026/mi26-hero-banner-day-04.jpg) left top no-repeat;background-size: cover;min-height: 250px}


.bannerlogo-mining-indaba-2026-day4 {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-mining-indaba-2026-day4 {width: 100%;padding-top: 150px;max-width:420px}}
@media (min-width: 768px) {.bannerlogo-mining-indaba-2026-day4 {width: 85%;padding-top: 150px;max-width:650px}}
@media (min-width: 992px) {.bannerlogo-mining-indaba-2026-day4 {width: 80%;padding-top: 150px;margin-left:150px;max-width:700px}}
@media (min-width: 1200px) {.bannerlogo-mining-indaba-2026-day4 {width: 70%;padding-top: 150px;margin-left:280px;max-width:965px}}
@media (min-width: 1600px) {.bannerlogo-mining-indaba-2026-day4 {width: 75%;padding-top: 140px;max-width:965px;margin-left:280px;}}


/*--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;	}}

/*----Spotlight - Mining Matters Campaign--*/
.banner-hm-mining-matters-campaign {background: url(../../../images/banners/banner-hm-mining-matters-campaign.jpg) center center no-repeat; background-size: cover; text-align: left;display:flex;align-items:center;justify-content:center;height:100%;}
.banner-hm-mining-matters-campaign p {text-align: center;color: #ffffff;margin-bottom: 0;font-size: 8em;text-transform: uppercase;line-height: 1em;}
.banner-hm-mining-matters-campaign p strong {font-size: 10rem;color: #ffffff;letter-spacing: 10px;}
@media (max-width: 780px) {
	
	.banner-hm-mining-matters-campaign p {font-size: 6em;}
	.banner-hm-mining-matters-campaign p strong {font-size: 10rem;}
}
@media (max-width: 450px) {
	.banner-hm-mining-matters-campaign {height:250px;}
	.banner-hm-mining-matters-campaign p {font-size: 4em;}
	.banner-hm-mining-matters-campaign p strong {font-size: 4.5rem;}
}


/*--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,
#mythslider .carousel-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 {}

/* BS5 puts .active on the .nav-link, not the li. P84 */
.tabdocs ul.nav-tabs .nav-link.active {
	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: 14px !important;
	color: #fff !important;
}

#cookieConsent a {
	color: #fff;
	text-decoration: underline;
	text-underline-offset: 3px;
	font-weight: bold;
	font-size: 14px !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-12.col-sm-4.col-md-4,
.publ-col ul.videos li a .col-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-12:first-child { order:2;}
.publ-col ul.videos li a .col-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:capitalize; 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;}

/* Target the dialog container only when it is a video modal */
#videoModal .modal-dialog,
.video-modal .modal-dialog {
    width: 95%;
    margin: 10px auto;
}

/* Desktop/Tablet adjustments for video modals only */
@media (min-width: 768px) {
    #videoModal .modal-dialog,
    .video-modal .modal-dialog {
        width: 80%;
        max-width: 900px;
    }
}

/* Ensure the iframe is responsive and sharp */
#videoModal .modal-body iframe,
.video-modal .modal-body iframe {
    width: 100% !important;
    aspect-ratio: 16 / 9;
    height: auto !important;
    display: block;
    background: #000;
}

/* Remove padding to allow the video to be edge-to-edge in the modal */
#videoModal .modal-body,
.video-modal .modal-body {
    padding: 0 !important;
    background: #000;
    overflow: hidden;
}
a:focus-visible,
button:focus-visible,
input[type="button"]:focus-visible,
input[type="submit"]:focus-visible,
input[type="reset"]:focus-visible,
.btn:focus-visible,
[class*="btn-"]:focus-visible, a:focus,
button:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
.btn:focus,
[class*="btn-"]:focus {
    outline: none;
    box-shadow: 0 0 0 2px rgba(147, 149, 152, 0.35);
}


/* === BS3 to BS5 component compatibility (compat block). See P55+. === */

/* BS3 .list-group was block; BS5 is flex-column — restore row wrap for .members. P55 */
ul.members.list-group {
	flex-direction: row;
	flex-wrap: wrap;
}

/* BS3 .panel surface (bg/border/shadow); BS5 removed it. P56 */
.panel {
	margin-bottom: 20px;
	background-color: #fff;
	border: 1px solid transparent;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

/* BS3 .close surface; BS5 renamed to .btn-close. P58 */
.close {
	float: right;
	font-size: 21px;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	filter: alpha(opacity=20);
	opacity: .2;
}

.close:hover,
.close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
	filter: alpha(opacity=50);
	opacity: .5;
}

button.close {
	-webkit-appearance: none;
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: 0;
}

/* BS3 .nav was block; BS5 is flex — keep .sub-navigation vertical. P55 */
.sub-navigation ul.nav {
	display: block;
}

/* BS3 .label base; BS5 dropped it (use .badge). P55 */
.label {
	display: inline;
	padding: .2em .6em .3em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em;
	background-color: #777;
}

a.label:hover,
a.label:focus {
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}

.label:empty {
	display: none;
}

.btn .label {
	position: relative;
	top: -1px;
}

.label-default  { background-color: #777; }
.label-primary  { background-color: #337ab7; }
.label-success  { background-color: #5cb85c; }
.label-info     { background-color: #5bc0de; }
.label-warning  { background-color: #f0ad4e; }
.label-danger   { background-color: #d9534f; }

/* BS3 .nav>li>a padding/hover; BS5 styles .nav-link only. Scoped to .category-nav. P60 */
.category-nav ul.nav > li > a {
	position: relative;
	display: block;
	padding: 10px 15px;
}

/* :not(.current) so active year keeps #888 on hover, matching live. P60 */
.category-nav ul.nav > li:not(.current) > a:hover,
.category-nav ul.nav > li:not(.current) > a:focus {
	text-decoration: none;
	background-color: #eee;
}

/* BS3 .text-right/.text-left; BS5 renamed .text-end/.text-start. No !important. P60 */
.text-right { text-align: right; }
.text-left  { text-align: left; }

/* BS3 .center-block centred the element; site rule only centres text. P60 */
.center-block {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

/* BS3 supplied position/top/bottom for .carousel-control; site owns width/gradients. P60 */
.carousel-control {
	position: absolute;
	top: 0;
	bottom: 0;
	font-size: 20px;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
	opacity: .5;
}

/* === Pagination restyled for Joomla 5 core markup (match .category-nav). P62 === */

/* Both div and ul.pagination get BS5 flex; set layout explicitly. P62 */
div.pagination {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0 20px;
	width: 100%;
}

div.pagination > .counter {
	margin: 15px 0;
	font-size: 15px;
	font-weight: 700;
	color: #333;
}

/* Pagination list: block + inline-block items like .category-nav. P62 */
ul.pagination {
	display: block;
	padding-left: 0;
	list-style: none;
}

ul.pagination > li.page-item {
	display: inline-block;
	width: auto;
	margin: 0;
	padding: 0;
	font-size: 1em;
	list-style: none;
}

ul.pagination > li.page-item:before {
	content: '';
}

/* Beat site .pagination li a and BS5 .page-link; flat like year nav. P62 */
ul.pagination .page-link {
	position: relative;
	display: block;
	padding: 10px 15px;
	color: #666;
	background: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	text-decoration: none;
}

ul.pagination > li.page-item:not(.active) > .page-link:hover,
ul.pagination > li.page-item:not(.active) > .page-link:focus {
	color: #666;
	background-color: #eee;
	text-decoration: none;
}

/* Joomla uses li.active not li.current; style current like year nav. P62 */
ul.pagination > li.page-item.active > .page-link {
	color: #fff;
	background: #888;
	font-weight: 700;
}

ul.pagination > li.disabled > .page-link,
ul.pagination > li.page-item.disabled > .page-link {
	color: #ccc;
	background: none;
	pointer-events: none;
}

/* Empty icon-angle spans: set FA glyphs; screen.css icon font has none. P62 */
ul.pagination .page-link [class*="icon-"]:before {
	font-family: 'FontAwesome';
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	line-height: 1;
	speak: none;
}

ul.pagination .page-link .icon-angle-double-left:before  { content: "\f100"; }
ul.pagination .page-link .icon-angle-left:before         { content: "\f104"; }
ul.pagination .page-link .icon-angle-right:before        { content: "\f105"; }
ul.pagination .page-link .icon-angle-double-right:before { content: "\f101"; }

/* BS3 .nav>li>a:hover #eee; BS5 has no equivalent. Scoped; :not(.current). P65 */
/* BS3 .nav>li>a was display:block; without it padding does not grow the li. P68 */
.spotlight-day-nav ul.nav > li > a {
	display: block;
}

.spotlight-day-nav ul.nav > li:not(.current) > a:hover,
.spotlight-day-nav ul.nav > li:not(.current) > a:focus {
	text-decoration: none;
	background-color: #eee;
}

/* BS3 .col-* floated at any depth; BS5 flex only reaches .row children. P67 */
/* align-items left at stretch (row default); hand-flexed AGM cards need it. P70 */
.item-page :is([class*="col-"], .thumb-content):not(.row):has(> [class*="col-"]) {
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
}

/* Force non-column children full-width so headings stay above cols. P67 */
.item-page :is([class*="col-"], .thumb-content):not(.row):has(> [class*="col-"]) > :not([class*="col-"]) {
	flex: 0 0 100%;
}

/* Gutter default at zero specificity so site rules win, like BS5 own .row > *. P69 */
:where(.item-page :is([class*="col-"], .thumb-content):not(.row):has(> [class*="col-"])) > :where([class*="col-"]) {
	padding-left: 12px;
	padding-right: 12px;
}

/* .item-page is a .row child, not a column; kill BS5 .row>* side padding. P67 */
.section-main .row > .item-page {
	padding-left: 0;
	padding-right: 0;
}

/* BS3 .img-responsive was display:block; .img-fluid is not. Scoped: all came from the CLI. P71 */
.item-page .img-fluid {
	display: block;
}

/* BS3 .col-* had position:relative; BS5 dropped it — abs children escaped to .container. P74 */
.item-page [class*="col-"] {
	position: relative;
}

/* BS5 removed the push/pull family. BS3 values, BS5 breakpoints (names shifted by CLI). P78 */
@media (min-width: 768px) {
	.col-md-push-6 { left: 50%; }
	.col-md-pull-6 { right: 50%; }
}
@media (min-width: 992px) {
	.col-lg-push-6 { left: 50%; }
	.col-lg-pull-6 { right: 50%; }
}
@media (min-width: 1200px) {
	.col-xl-push-6 { left: 50%; }
	.col-xl-pull-6 { right: 50%; }
}