@charset "utf-8"; @import url("animate.css"); /*--Custom Font embedding--*/ @font-face { font-family: 'GothamBlack'; src: url('../fonts/gotham-black.eot'), url('../fonts/gotham-black.eot?#iefix') format('embedded-opentype'), url('../fonts/gotham-black.woff2') format('woff2'), url('../fonts/gotham-black.woff') format('woff'), url('../fonts/gotham-black.ttf') format('truetype'), url('../fonts/gotham-black.svg#GothamBlack') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GothamBold'; src: url('../fonts/gotham-bold.eot'), url('../fonts/gotham-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/gotham-bold.woff2') format('woff2'), url('../fonts/gotham-bold.woff') format('woff'), url('../fonts/gotham-bold.ttf') format('truetype'), url('../fonts/gotham-bold.svg#GothamBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GothamMedium'; src: url('../fonts/gotham-medium.eot'), url('../fonts/gotham-medium.eot?#iefix') format('embedded-opentype'), url('../fonts/gotham-medium.woff2') format('woff2'), url('../fonts/gotham-medium.woff') format('woff'), url('../fonts/gotham-medium.ttf') format('truetype'), url('../fonts/gotham-medium.svg#GothamMedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GothamBook'; src: url('../fonts/gotham-book.eot'), url('../fonts/gotham-book.eot?#iefix') format('embedded-opentype'), url('../fonts/gotham-book.woff2') format('woff2'), url('../fonts/gotham-book.woff') format('woff'), url('../fonts/gotham-book.ttf') format('truetype'), url('../fonts/gotham-book.svg#GothamBook') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GothamLight'; src: url('../fonts/gotham-light.eot'), url('../fonts/gotham-light.eot?#iefix') format('embedded-opentype'), url('../fonts/gotham-light.woff2') format('woff2'), url('../fonts/gotham-light.woff') format('woff'), url('../fonts/gotham-light.ttf') format('truetype'), url('../fonts/gotham-light.svg#GothamLight') format('svg'); font-weight: normal; font-style: normal; } /*--BASE--*/ body {font-family:'GothamBook', Arial, Helvetica, sans-serif; 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-family:'GothamBold', Arial, Helvetica, sans-serif; text-transform:uppercase } h1 {color:#000; font-size:3.0em; position:relative; font-family:'GothamBold', Arial, Helvetica, sans-serif; font-weight:normal; 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 1em 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-family:'GothamLight', Arial, Helvetica, sans-serif; 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;} 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 #ccc; 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-family:'GothamBook', Arial, Helvetica, sans-serif; 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;} dd, dt {line-height: 1.5;} dt {font-family:'GothamBold', Arial, Helvetica, sans-serif; font-weight:normal; 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;} .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:before, .container:before, h1:before{content:"";} .aside-box{padding:0 2%;} .hidden{visibility:hidden;} /*--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:100; } @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-family: 'GothamBold', Arial, Helvetica, sans-serif; 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:#ee2c37; 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:#ee2c37; line-height:1em; text-align:center;} ul.utility-menu li.btn-covid-19 a:hover {color:#ee2c37; 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:#132f8c; line-height:1em; text-align:center;} ul.utility-menu li.btn-b4sa a:hover {color:#132f8c; background:#fff; text-decoration:none;} /* ul.utility-menu li.btn-covid-19 {font-family: 'GothamBold', Arial, Helvetica, sans-serif; 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:#ee2c37; 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:1000; *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-family:'GothamMedium', Arial, Helvetica, sans-serif; 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-family:'GothamMedium', Arial, Helvetica, sans-serif; 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:#ee2c37;} .navbar-nav > li:nth-child(2) > a {background:#132f8c;} .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:#9dcb3b;} .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 {margin-top:0 !important; min-width:260px; float:none; top:0; left:40%; } @media (min-width: 768px) { .dropdown-menu {top:100%; left:0; } } @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-family:'GothamBook', Arial, Helvetica, sans-serif; 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:block; 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 > li {display:block; padding-left:18px; text-transform:none; width:inherit; font-family: 'GothamBook', Arial, Helvetica, sans-serif; font-size:1.0em; height:inherit; text-align:left; } .navbar ul.dropdown-menu ul > li:hover { } .navbar ul.dropdown-menu ul > li > a {color:#333; padding:3px 0 0 16px; } .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:22px; top:0px; font-size:1em;} .dropdown-menu > li > a {white-space: normal;} /* 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-family:'GothamBold', Arial, Helvetica, sans-serif;-webkit-animation:fadeInUp 1s; animation:fadeInUp 1s;} .carousel {margin-bottom:0px;} .carousel-inner .item {height:auto; min-height:900px; padding-right:0px; padding-left:0px; text-align: right; } @media (min-width: 480px) { .carousel-inner .item {height:auto; min-height:600px; padding-bottom:120px; } } @media (min-width: 768px) { .carousel-inner .item {height:auto; min-height:600px; padding-bottom:120px; } } @media (min-width: 992px) { .carousel-inner .item {height:90vh; min-height:600px; padding-bottom:120px;} } @media (min-width: 1200px) {.carousel-inner .item {height:90vh; min-height:600px; padding-bottom:0px; } } @media (min-width: 1600px) {.carousel-inner .item {height:90vh; min-height:600px; padding-bottom:0px; } } /* .carousel-inner .item {height:auto; min-height:900px; padding-right:0px; padding-left:0px; text-align: right; background-position:left top; background-size:auto 100%;} @media (min-width: 480px) { .carousel-inner .item {height:auto; min-height:900px; background-position:left top; background-size:auto; padding-bottom:120px; } } @media (min-width: 768px) { .carousel-inner .item {height:auto; min-height:900px; background-position:left top; background-size:auto; padding-bottom:120px; } } @media (min-width: 992px) { .carousel-inner .item {height:auto; min-height:600px; background-position:left top; background-size:auto; padding-bottom:120px;} } @media (min-width: 1200px) {.carousel-inner .item {height:90vh; min-height:600px; background-position:left top; background-size:auto; padding-bottom:0px; } } @media (min-width: 1600px) {.carousel-inner .item {height:90vh; min-height:600px; background-position:left top; background-size:auto; padding-bottom:0px; } } */ .carousel-indicators li small {font-size:75%;} /*--Carousel Indicators--*/ .carousel-indicators {display:block; height:200px; position:absolute; bottom:-90px; left:0; width:100%; background:#fff; text-align:left; margin:0 !important;} @media (min-width: 768px) { .carousel-indicators {height:120px; bottom:0px;} } @media (min-width: 992px) { .carousel-indicators {height:120px; bottom:0px;} } @media (min-width: 1200px) { .carousel-indicators {height:120px; bottom:0px;} } @media (min-width: 1600px) { .carousel-indicators {height:120px; bottom:0px;} } /*--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;} } /*--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:#132f8c;} .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:#132f8c;} /*--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:#132f8c;} .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:#132f8c;} --*/ .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.brdr2 {border:1px solid #ccc; } /*--HOME BANNERS--*/ .banner-hm-1 {background:url(../images/banner-home-1.jpg) left top no-repeat; } .banner-hm-2 {background:url(../images/banner-home-2.jpg) left top no-repeat; } .banner-hm-3 {background:url(../images/banner-home-3.jpg) left top no-repeat; } .banner-hm-4 {background:url(../images/banner-home-4.jpg) left top no-repeat; } .banner-hm-5 {background:url(../images/banner-home-5.jpg) left top no-repeat; } .banner-hm-6 {background:url(../images/banner-home-6.jpg) left top no-repeat; } .banner-hm-7 {background:url(../images/banner-home-7.jpg) left top no-repeat; } .banner-competitiveness {background:url(../images/banner-hm-competitiveness.jpg) left bottom no-repeat; } .banner-gwn {background:url(../images/banner-gwn.jpg) left top no-repeat; } .banner-safety-day {background:url(../images/banner-safety-day.png) left top no-repeat; } .banner-hm-ff2017 {background:url(../images/banner-home-ff2017.jpg) left top no-repeat; } /*--Selectable Link area inside banner--*/ a.hm-banner-link {display:block; position:absolute; left:0; top:0; z-index:0; width:100%; height:175px; border:0px solid #999; background:none; cursor:pointer} @media (min-width: 480px) { a.hm-banner-link {width:100%; height:185px;} } @media (min-width: 768px) { a.hm-banner-link {width:25%; height:80vh;} } @media (min-width: 992px) { a.hm-banner-link {width:40%; height:80vh;} } @media (min-width: 1200px) { a.hm-banner-link {width:50%; height:80vh;} } @media (min-width: 1600px) { a.hm-banner-link {width:60%; height:80vh;} } @media (min-width: 1921px) { a.hm-banner-link {width:70%; height:80vh; } } /*--NEW BANNER SYSTEM - OPEN LAYOUT--*/ .b-mainpic {height:100%;} .b-back {height:100%; position:relative;} .b-back picture {display:block; position:absolute; top:0; left:0; z-index:0; width:100%; height:auto;} .b-back picture img {position:absolute; top:0; left:0; z-index:0;} /*--Banner Wrapper Block with spacing around--*/ .b-wrapper {height:100%; min-height:300px; text-align:left; padding:40px 2% 50px 2%; clear:both;} @media (min-width: 480px) { .b-wrapper {padding:40px 3% 50px 3%; min-height:748px;} } @media (min-width: 768px) { .b-wrapper {padding:40px 3% 50px 3%; min-height:748px;} } @media (min-width: 992px) { .b-wrapper {padding:5vh 3% 50px 3%; min-height:748px;} } @media (min-width: 1200px) { .b-wrapper {padding:15vh 3% 50px 3%; min-height:748px;} } @media (min-width: 1600px) { .b-wrapper {padding:20vh 5% 50px 5%; min-height:748px;} } @media (min-width: 1920px) { .b-wrapper {padding:20vh 5% 50px 5%; min-height:748px;} } .bwmt-15 {margin-top:0;} @media (min-width: 768px) { .bwmt-15 {margin-top:-15px;} } .hero-block {margin:100px auto 0 auto; } @media (min-width: 480px) { .hero-block {margin:10vh auto 0 auto; } } @media (min-width: 768px) { .hero-block {margin:10vh auto 0 auto; } } @media (min-width: 992px) { .hero-block {margin:15vh auto 0 auto; } } @media (min-width: 1200px) { .hero-block {margin:15vh auto 0 auto; } } @media (min-width: 1600px) { .hero-block {margin:11vh auto 0 auto; } } /*--Banner Content Block--*/ .b-content {height:auto; min-height:300px; text-align:left; padding:40px 2% 50px 2%;} @media (min-width: 480px) { .b-content {padding:40px 3% 50px 3%; min-height:600px;} } @media (min-width: 768px) { .b-content {padding:40px 3% 50px 3%; min-height:600px;} } @media (min-width: 992px) { .b-content {padding:5vh 3% 50px 0; min-height:748px;} } @media (min-width: 1200px) { .b-content {padding:15vh 3% 50px 0; min-height:748px;} } @media (min-width: 1600px) { .b-content {padding:18vh 5% 100px; min-height:748px;} } @media (min-width: 1920px) { .b-content {padding:17vh 5% 100px; min-height:748px;} } .b-contentblock {background:#ffffff; padding:20px 20px 20px 20px; box-shadow:2px 2px 15px rgba(0,0,0,0.2);} .b-contentblock h1 {font-size:2.0em; line-height:0.9em; font-family: 'GothamBold', Arial, Helvetica, sans-serif; margin-bottom:0.3em; } @media (min-width: 480px) { .b-contentblock h1 {font-size:2.3em;} } @media (min-width: 768px) { .b-contentblock h1 {font-size:2.4em;} } @media (min-width: 992px) { .b-contentblock h1 {font-size:2.6em;} } @media (min-width: 1200px) { .b-contentblock h1 {font-size:2.7em;} } @media (min-width: 1600px) { .b-contentblock h1 {font-size:2.9em;} } .b-contentblock h2 {font-size:2.0em;} @media (min-width: 992px) { .b-contentblock h2 {font-size:2.2em;} } .b-contentblock h2.ib {display:block; } .b-contentblock h2.ib span {font-size:0.7em; color:#000 !important;} .b-contentblock h3 {line-height:1.2em; margin-bottom:0.4em;} .b-contentblock h3.ib {display:block; } .b-contentblock h3.ib span {font-size:1.1em; color:#ae122a !important; font-family: 'GothamBlack', Arial, Helvetica, sans-serif;} .b-contentblock.bc-red h3.ib span {color:#ae122a !important;} .b-contentblock.bc-blue h3.ib span {color:#132f8c !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-family:'GothamBold', Arial, Helvetica, sans-serif;} .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:#ee2835; 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:#ee2835; 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-family:'GothamBold', Arial, Helvetica, sans-serif; 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-family:'GothamBold', Arial, Helvetica, sans-serif; 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:#ee2835;} /*--Red--*/ .bc-red h3 {color:#000;} .bc-red h4 {color:#000;} .bc-red h5 {color:#ee2835;} .bc-red p {color:#000;} .bc-red p.lead {color:#ee2835; } .bc-red a {color:#ee2835; text-decoration:underline;} .bc-red li:before {color:#ee2835;} .bc-red sup {color:#ee2c37;} .bc-red h1 sup {color:#ae122a;} .bc-red .btn-default {background:#ee2835; color:#fff !important;} .bc-red .btn-default:hover {background:#af122a; color:#fff;} .bc-red .hilite {background:#ae122a;} /*--Blue--*/ .bc-blue {} .bc-blue h1 {color:#132f8c;} /*--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:#132f8c} .b-contentblock.bc-blue h3.ib span {color:#132f8c !important;} .bc-blue sup {color:#132f8c;} /*--Green--*/ .bc-green {background:#00a76d;} .b-contentblock.bc-green {background:#fff;} .b-contentblock.bc-green .hilite {background:#00ac67;} .bc-green .btn-default {border-radius:0; color:#fff; background:#00a76d; font-size:0.8em; margin:10px 0 10px 0;} .bc-green .btn-default:hover {background:#007748; color:#fff;} .bc-green .bblock-icon {background:#007748;} .bc-green .bblock-icon.green2 {background:#9dcb3b;} .b-contentblock.bc-green .hilite {background:#00ac67;} .bc-green .hilite {background:#00a76d;} .bc-green p {color:#000;} .bc-green p a {color:#007748; text-decoration:underline;} .bc-green p a:hover {color:#000; text-decoration:underline;} .bc-green sup {color:#00ac67;} /*--Yellow--*/ .bc-yellow {/*--background:#e18127;--*/} .bc-yellow h2 {color:#fcb61a;} .bc-yellow .btn-default {border-radius:0; color:#fff; background:#fcb61a; font-size:0.8em; margin:10px 0 10px 0;} .bc-yellow .btn-default:hover {background:#e08227; color:#fff;} .bc-yellow .bblock-icon {background:#feb818;} .bc-yellow .bblock-icon.yellow2 {} .bc-yellow .hilite {background:#fcb61a;} .bc-yellow p {color:#000;} .bc-yellow p a {color:#e08227; text-decoration:underline;} .bc-yellow p a:hover {color:#000; text-decoration:underline;} .bc-yellow sup {color:#fcb61a;} .bc-yellow .hilite {background:#ae122a;} ul.list-hilites {} ul.list-hilites li {font-size:1.0em;} ul.list-hilites li:before {} ul.list-hilites li strong {font-family:'GothamBold', Arial, Helvetica, sans-serif;} /*--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 INDIVIDUAL BANNERS--*/ /*----Home banner -- 2022 PGMs Industry Day---*/ .banner-hm-2022-pgms-industry-day {background:url(../../../images/banners/banner-hm-2022-pgms-industry-day.jpg) left top no-repeat; background-size:cover, 40%; text-align:left; } .pgms-id-infographic {display:block; position:absolute; left:-30px; top:0px; z-index:0; background:url(../../../images/banners/banner-hm-2022-pgms-id-infographics.svg) left top no-repeat; width:40%; height:100%; opacity:0.8;} @media (min-width: 768px) { .pgms-id-infographic {width:25%; height:100%; opacity:0.8; top:10px;} } @media (min-width: 992px) { .pgms-id-infographicy {width:30%; height:100%;opacity:1; top:20px;} } @media (min-width: 1200px) { .pgms-id-infographic {width:32%; height:100%; opacity:1; top:20px;} } @media (min-width: 1600px) { .pgms-id-infographic {width:33%; height:100%; opacity:1; top:20px;} } .banner-hm-2022-pgms-industry-day .b-wrapper {height:100%; padding:20px 0 0; clear:both;} @media (min-width: 480px) { .banner-hm-2022-pgms-industry-day .b-wrapper {padding:20px 0 0;} } @media (min-width: 768px) { .banner-hm-2022-pgms-industry-day .b-wrapper {padding:3vh 0 0;} } @media (min-width: 992px) { .banner-hm-2022-pgms-industry-day .b-wrapper {padding:2vh 0 0; } } @media (min-width: 1200px) { .banner-hm-2022-pgms-industry-day .b-wrapper {padding:4vh 0 0;} } @media (min-width: 1600px) { .banner-hm-2022-pgms-industry-day .b-wrapper {padding:7vh 0 0;} } @media (min-width: 1900px) { .banner-hm-2022-pgms-industry-day .b-wrapper {padding:7vh 0 0;} } .banner-hm-2022-pgms-industry-day h1 {display:inline-block; vertical-align:top; color:#fff; background:#9ccc3c; padding:10px; text-align:right; margin-bottom:15px; line-height:0.9em; font-size:2.5em; text-transform:none;} @media (min-width: 768px) { .banner-hm-2022-pgms-industry-day h1 {font-size:2.1em;} } @media (min-width: 992px) { .banner-hm-2022-pgms-industry-day h1 {font-size:2.4em;} } @media (min-width: 1200px) { .banner-hm-2022-pgms-industry-day h1 {font-size:2.8em;} } @media (min-width: 1600px) { .banner-hm-2022-pgms-industry-day h1 {font-size:3.5em;} } .banner-hm-2022-pgms-industry-day h5 {color:#fff; text-align:right; margin-bottom:0.5em; font-size:1.3em; line-height:1.4em;} @media (min-width: 992px) { .banner-hm-2022-pgms-industry-day h5 {margin-bottom:0.5em; font-size:1.25em; line-height:1.35em;} } @media (min-width: 1200px) { .banner-hm-2022-pgms-industry-day h5 {margin-bottom:0.8em; font-size:1.1em; line-height:1.4em; padding-left:5%;} } @media (min-width: 1600px) { .banner-hm-2022-pgms-industry-day h5 {margin-bottom:1.5em; font-size:1.5em; line-height:1.45em; padding-left:5%;} } .banner-hm-2022-pgms-industry-day p {color:#aad7f0; text-align:left; font-size:1.25em; font-style:italic; line-height:1.4em;} @media (min-width: 768px) { .banner-hm-2022-pgms-industry-day p {font-size:1.15em;} } @media (min-width: 992px) { .banner-hm-2022-pgms-industry-day p {font-size:1.15em;} } @media (min-width: 1200px) { .banner-hm-2022-pgms-industry-day p {font-size:1.1em;} } @media (min-width: 1600px) { .banner-hm-2022-pgms-industry-day p {font-size:1.25em;} } .banner-hm-2022-pgms-industry-day img.logo-mcsa {display:inline-block; vertical-align:top; float:right; margin:0 0 5px 0; width:100%; max-width:250px; } @media (min-width: 768px) { .banner-hm-2022-pgms-industry-day img.logo-mcsa {max-width:300px; margin:0 0 5px 0;} } @media (min-width: 992px) { .banner-hm-2022-pgms-industry-day img.logo-mcsa {max-width:280px;} } @media (min-width: 1200px) { .banner-hm-2022-pgms-industry-day img.logo-mcsa {max-width:300px;} } @media (min-width: 1600px) { .banner-hm-2022-pgms-industry-day img.logo-mcsa {max-width:450px; margin:0 0 15px 0;} } .banner-hm-2022-pgms-industry-day img.baxter {margin:0; width:100%; max-width:472px;} .banner-hm-2022-pgms-industry-day img.logo-joburg-indaba {display:inline-block; vertical-align:top; float:right; margin:0; width:50%; max-width:180px;} .banner-hm-2022-pgms-industry-day a.btn-default {margin:0 10px 15px 0; background:#72acdb; color:#fff;} .banner-hm-2022-pgms-industry-day a.btn-default:hover {margin:0 10px 15px 0; background:#9ccc3c; color:#fff;} .fancy-header {text-align:right; padding-right:20px; border-right:2px solid #7cb4e2; } .fancy-header h3 {display:block; color:#fff; text-align:right; font-size:1.8em; line-height:1em; margin-bottom:0.2em; text-transform:none;} .fancy-header h2 {display:block; color:#9ccc3c; text-align:right; font-size:2.0em; text-transform:uppercase; line-height:1em;} @media (min-width: 768px) { .fancy-header h2 {font-size:2.0em;} } @media (min-width: 992px) { .fancy-header h2 {font-size:2.2em;} } @media (min-width: 1200px) { .fancy-header h2 {font-size:2.5em;} } @media (min-width: 1600px) { .fancy-header h2 {font-size:3.1em;} } .fancy-header h2 span {display:block; color:#fff; text-align:right; font-size:1.0em; line-height:1em;} /*----Home banner -- New Era April 2022---*/ .banner-hm-new-era-april2022 {background:#89acc8 url(../../../images/banners/banner-hm-new-era-april2022.jpg) left bottom no-repeat; background-size:cover; text-align:left; } .banner-hm-new-era-april2022 .b-wrapper {height:100%; padding:20px 2% 50px 2%; clear:both;} @media (min-width: 480px) { .banner-hm-new-era-april2022 .b-wrapper {padding:20px 3% 50px 3%;} } @media (min-width: 768px) { .banner-hm-new-era-april2022 .b-wrapper {padding:4vh 2% 50px 2%;} } @media (min-width: 992px) { .banner-hm-new-era-april2022 .b-wrapper {padding:6vh 2% 50px 2%; } } @media (min-width: 1200px) { .banner-hm-new-era-april2022 .b-wrapper {padding:6vh 2% 50px 2%;} } @media (min-width: 1600px) { .banner-hm-new-era-april2022 .b-wrapper {padding:7vh 2% 50px 2%;} } @media (min-width: 1920px) { .banner-hm-new-era-april2022 .b-wrapper {padding:8vh 3% 50px 3%;} } .banner-hm-new-era-april2022 hr {margin-bottom:10px;} .banner-hm-new-era-april2022 img.img-center {margin:10px auto !important; max-width:250px;} /*----Home banner -- Mining in SA---*/ .banner-hm-mining-in-sa {background:#89acc8 url(../../../images/banners/banner-hm-mining-in-sa.jpg) left 0px no-repeat; background-size:cover; text-align:left; } .banner-hm-mining-in-sa .b-wrapper {height:100%; padding:40px 2% 50px 2%; clear:both;} @media (min-width: 480px) { .banner-hm-mining-in-sa .b-wrapper {padding:40px 3% 50px 3%;} } @media (min-width: 768px) { .banner-hm-mining-in-sa .b-wrapper {padding:6vh 2% 50px 2%;} } @media (min-width: 992px) { .banner-hm-mining-in-sa .b-wrapper {padding:6vh 2% 50px 2%; } } @media (min-width: 1200px) { .banner-hm-mining-in-sa .b-wrapper {padding:12vh 2% 50px 2%;} } @media (min-width: 1600px) { .banner-hm-mining-in-sa .b-wrapper {padding:20vh 5% 50px 5%;} } @media (min-width: 1920px) { .banner-hm-mining-in-sa .b-wrapper {padding:25vh 6% 50px 6%;} } .banner-hm-mining-in-sa .b-contentblock h1 {font-size:2.8em; font-family: 'GothamBlack', Arial, Helvetica, sans-serif;} @media (min-width: 480px) { .banner-hm-mining-in-sa .b-contentblock h1 {font-size:3.0em;} } @media (min-width: 768px) { .banner-hm-mining-in-sa .b-contentblock h1 {font-size:3.2em;} } @media (min-width: 992px) { .banner-hm-mining-in-sa .b-contentblock h1 {font-size:2.8em;} } @media (min-width: 1200px) { .banner-hm-mining-in-sa .b-contentblock h1 {font-size:3em;} } @media (min-width: 1600px) { .banner-hm-mining-in-sa .b-contentblock h1 {font-size:3.5em;} } .banner-hm-mining-in-sa p {font-size:1em; margin-bottom: 0.7em;} .banner-hm-mining-in-sa p.lead {font-size:1.2em; text-align:left; color:#007748; font-family:'GothamMedium', Arial, Helvetica, sans-serif;} .banner-hm-mining-in-sa p a { color:#ee2835 !important;} .banner-hm-mining-in-sa p a:hover {color:#000 !important;} .banner-hm-mining-in-sa li {margin: 0 0 0.15em 0; } .banner-hm-mining-in-sa img {margin:0 auto 10px auto;} .banner-hm-mining-in-sa a.btn:hover {color:#fff !important; background:#000;} /*-----Home Banner - International Women's Day 8 March 2022---*/ .banner-hm-intl-womens-day-2022 {background:#00975f url(../../../images/banners/banner-hm-iwd-2022-icon.svg) 5% 100px no-repeat; background-size:15%; text-align:left; } @media (min-width: 480px) { .banner-hm-intl-womens-day-2022 {background-position:2% 100px; background-size:15%;} } @media (min-width: 768px) { .banner-hm-intl-womens-day-2022 {background-position:2% 100px; background-size:15%;} } @media (min-width: 992px) { .banner-hm-intl-womens-day-2022 {background-position:2% 100px; background-size:15%;} } @media (min-width: 1200px) { .banner-hm-intl-womens-day-2022 {background-position:5% 100px; background-size:20%;} } @media (min-width: 1600px) { .banner-hm-intl-womens-day-2022 {background-position:5% 120px; background-size:20%;} } .banner-hm-intl-womens-day-2022 .b-wrapper {height:100%; min-height:300px; text-align:left; padding:30px 1% 50px 1%; clear:both;} @media (min-width: 480px) { .banner-hm-intl-womens-day-2022 .b-wrapper {padding:30px 1% 50px 1%; min-height:748px;} } @media (min-width: 768px) { .banner-hm-intl-womens-day-2022 .b-wrapper {padding:4vh 1% 50px 1%; min-height:748px;} } @media (min-width: 992px) { .banner-hm-intl-womens-day-2022 .b-wrapper {padding:4vh 1% 50px 1%; min-height:748px;} } @media (min-width: 1200px) { .banner-hm-intl-womens-day-2022 .b-wrapper {padding:7vh 2% 50px 3%; min-height:748px;} } @media (min-width: 1600px) { .banner-hm-intl-womens-day-2022 .b-wrapper {padding:7vh 2.5% 50px 3%; min-height:748px;} } @media (min-width: 1920px) { .banner-hm-intl-womens-day-2022 .b-wrapper {padding:10vh 3% 50px 3%; min-height:748px;} } .banner-hm-intl-womens-day-2022 h1 {font-family:'GothamBlack', Arial, Helvetica, sans-serif; font-size:2em; display:block; vertical-align:top; text-transform:none; text-align:left; color:#00a76d; margin-bottom:0.25em;} @media (min-width: 768px) { .banner-hm-intl-womens-day-2022 h1 {font-size:2.4em; margin-bottom:0.1em;} } @media (min-width: 992px) { .banner-hm-intl-womens-day-2022 h1 {font-size:2.5em;} } @media (min-width: 1200px) { .banner-hm-intl-womens-day-2022 h1 {font-size:2.8em; } } @media (min-width: 1600px) { .banner-hm-intl-womens-day-2022 h1 {font-size:3.4em; } } .banner-hm-intl-womens-day-2022 h3 {margin-bottom:0.1em;} .b-wrapper.center {text-align:center;} .banner-hm-intl-womens-day-2022 .b-contentblock {margin-top:0;} @media (min-width: 480px) { .banner-hm-intl-womens-day-2022 .b-contentblock {margin-top:0;} } @media (min-width: 768px) { .banner-hm-intl-womens-day-2022 .b-contentblock {margin-top:0;} } @media (min-width: 992px) { .banner-hm-intl-womens-day-2022 .b-contentblock {margin-top:0;} } @media (min-width: 1200px) { .banner-hm-intl-womens-day-2022 .b-contentblock {margin-top:0vh;} } @media (min-width: 1600px) { .banner-hm-intl-womens-day-2022 .b-contentblock {margin-top:1vh;} } .banner-hm-intl-womens-day-2022 p {margin-bottom:0.5em;} @media (min-width: 1200px) { .banner-hm-intl-womens-day-2022 p {margin-bottom:0.5em;} } @media (min-width: 1600px) { .banner-hm-intl-womens-day-2022 p {margin-bottom:0.8em;} } .banner-hm-intl-womens-day-2022 p.lead {font-size:1.05em; line-height:1.35em; } @media (min-width: 992px) { .banner-hm-intl-womens-day-2022 p.lead {font-size:1.05em; line-height:1.35em;} } @media (min-width: 1200px) { .banner-hm-intl-womens-day-2022 p.lead {font-size:1.05em; line-height:1.35em;} } @media (min-width: 1600px) { .banner-hm-intl-womens-day-2022 p.lead {font-size:1.1em; line-height:1.45em;} } .banner-hm-intl-womens-day-2022 .logosbar {margin-top:10px; padding-top:10px; border-top:2px dotted #ccc; text-align:center;} .banner-hm-intl-womens-day-2022 img.logo-mc {display:inline-block; vertical-align:top; width:210px; margin:0px 12px 0 12px;} .banner-hm-intl-womens-day-2022 img.logo-wim {display:inline-block; vertical-align:top; width:180px; margin:0px 12px 0 12px;} .banner-hm-intl-womens-day-2022 img.logo-mcsa-wim {display:inline-block; vertical-align:top; width:100%; max-width:500px; margin:0px 12px 0 12px; padding-right:12px; } .banner-hm-intl-womens-day-2022 img.logo-dmre {display:inline-block; vertical-align:top; width:170px; margin:0px 25px 0 12px;} .banner-hm-intl-womens-day-2022 .logosbar .brdr-r {border-right:1px solid #ccc;} .banner-hm-intl-womens-day-2022 .faces {text-align:center;} .banner-hm-intl-womens-day-2022 .faces p.descriptor {text-align:center; font-style:normal !important; color:#666; font-size:0.7em; line-height:1.2em;} .banner-hm-intl-womens-day-2022 .faces p.descriptor strong {font-size:1.1em;} /*----Festive Season campaign ---*/ .banner-hm-ichoosevaccination {background:#f5833c url(../../../images/banners/hm-nat-vaccination-bg-2.png) left top repeat; background-size:100% auto; text-align: left;} .banner-hm-ichoosevaccination .b-contentblock {margin-top:0vh; margin-bottom:20px;} @media (min-width: 768px) { .banner-hm-ichoosevaccination .b-contentblock {margin-top:0vh;} } @media (min-width: 992px) { .banner-hm-ichoosevaccination .b-contentblock {margin-top:0vh;} } @media (min-width: 1200px) { .banner-hm-ichoosevaccination .b-contentblock {margin-top:4vh;} } @media (min-width: 1600px) { .banner-hm-ichoosevaccination .b-contentblock {margin-top:8vh;} } .banner-hm-ichoosevaccination .col-cntr {display:block; } .banner-hm-ichoosevaccination .b-wrapper {height:100%; padding:40px 2% 50px 2%; clear:both;} @media (min-width: 480px) { .banner-hm-ichoosevaccination .b-wrapper {padding:40px 3% 50px 3%;} } @media (min-width: 768px) { .banner-hm-ichoosevaccination .b-wrapper {padding:5vh 2% 50px 2%;} } @media (min-width: 992px) { .banner-hm-ichoosevaccination .b-wrapper {padding:5vh 2% 50px 2%; } } @media (min-width: 1200px) { .banner-hm-ichoosevaccination .b-wrapper {padding:10vh 2% 50px 2%;} } @media (min-width: 1600px) { .banner-hm-ichoosevaccination .b-wrapper {padding:12vh 6% 50px 6%;} } @media (min-width: 1920px) { .banner-hm-ichoosevaccination .b-wrapper {padding:13vh 6% 50px 6%;} } .banner-hm-ichoosevaccination h1 {font-family:'GothamBlack', Arial, Helvetica, sans-serif; font-size:6em; margin-bottom:0.2em; color:#f05a5e; display:block; vertical-align:top; text-align:center;} @media (min-width: 768px) { .banner-hm-ichoosevaccination h1 {font-size:5.5em; display:inline-block; text-align:left;} } @media (min-width: 992px) { .banner-hm-ichoosevaccination h1 {font-size:6em; } } @media (min-width: 1200px) { .banner-hm-ichoosevaccination h1 {font-size:6.5em; } } @media (min-width: 1600px) { .banner-hm-ichoosevaccination h1 {font-size:7em; } } .banner-hm-ichoosevaccination h2 {font-family:'GothamBlack', Arial, Helvetica, sans-serif; font-size:2em; margin-bottom:0.5em; display:block; vertical-align:top; text-transform:none; text-align:left;} @media (min-width: 768px) { .banner-hm-ichoosevaccination h2 {font-size:2.0em; margin-bottom:0.2em;} } @media (min-width: 992px) { .banner-hm-ichoosevaccination h2 {font-size:2.2em;} } @media (min-width: 1200px) { .banner-hm-ichoosevaccination h2 {font-size:2.5em; } } @media (min-width: 1600px) { .banner-hm-ichoosevaccination h2 {font-size:3em; } } h2.hashtag {display:block; padding:15px; background:#df6322; color:#ffdd4f; text-align:center;} .banner-hm-ichoosevaccination h4 {margin-bottom:0.3em !important; color:#f05a5e; text-transform:uppercase; text-align:center;} .banner-hm-ichoosevaccination .b-contentblock p {font-size:0.95em; line-height:1.35em; margin-bottom:0.6em; text-align:left; } @media (min-width: 768px) { .banner-hm-ichoosevaccination p {font-size:0.95em; line-height:1.35em; margin-bottom:0.6em;} } @media (min-width: 992px) { .banner-hm-ichoosevaccination p {font-size:0.95em; line-height:1.35em; margin-bottom:0.6em;} } @media (min-width: 1200px) { .banner-hm-ichoosevaccination p {font-size:0.95em; line-height:1.35em; margin-bottom:0.6em;} } @media (min-width: 1600px) { .banner-hm-ichoosevaccination p {font-size:1.0em; line-height:1.45em; margin-bottom:0.8em;} } .banner-hm-ichoosevaccination .b-contentblock p.lead {font-size:1.1em; font-family:'GothamBold', Arial, Helvetica, sans-serif;} @media (min-width: 768px) { .banner-hm-ichoosevaccination .b-contentblock p.lead {font-size:1.1em; display:inline-block;} } @media (min-width: 992px) { .banner-hm-ichoosevaccination .b-contentblock p.lead {font-size:1.1em;} } @media (min-width: 1200px) { .banner-hm-ichoosevaccination .b-contentblock p.lead {font-size:1.1em;} } @media (min-width: 1600px) { .banner-hm-ichoosevaccination .b-contentblock p.lead {font-size:1.2em;} } .banner-hm-ichoosevaccination .btn-default {font-size:0.75em; padding:5px 9px 6px 9px;} /*----Home banner -- Budget Speech 2022---*/ .banner-hm-budget-speech-2022 {background:#89acc8 url(../../../images/banners/banner-hm-budget-speech-2022.jpg) left 0px no-repeat; background-size:cover; text-align:left; } .banner-hm-budget-speech-2022 .b-wrapper {height:100%; padding:40px 2% 50px 2%; clear:both;} @media (min-width: 480px) { .banner-hm-budget-speech-2022 .b-wrapper {padding:40px 3% 50px 3%;} } @media (min-width: 768px) { .banner-hm-budget-speech-2022 .b-wrapper {padding:6vh 2% 50px 2%;} } @media (min-width: 992px) { .banner-hm-budget-speech-2022 .b-wrapper {padding:6vh 2% 50px 2%; } } @media (min-width: 1200px) { .banner-hm-budget-speech-2022 .b-wrapper {padding:12vh 2% 50px 2%;} } @media (min-width: 1600px) { .banner-hm-budget-speech-2022 .b-wrapper {padding:20vh 5% 50px 5%;} } @media (min-width: 1920px) { .banner-hm-budget-speech-2022 .b-wrapper {padding:25vh 6% 50px 6%;} } .banner-hm-budget-speech-2022 h2 {margin-bottom: 0.35em; font-size:1.6em; text-align:left; line-height:1.15em;} @media (min-width: 992px) { .banner-hm-budget-speech-2022 h2 {font-size:1.6em;} } @media (min-width: 1200px) { .banner-hm-budget-speech-2022 h2 {font-size:1.7em;} } @media (min-width: 1600px) { .banner-hm-budget-speech-2022 h2 {font-size:2em;} } .banner-hm-budget-speech-2022 p {font-size:0.9em; margin-bottom: 0.7em;} .banner-hm-budget-speech-2022 p.lead {font-size:1.1em; text-align:left; color:#007748; font-family:'GothamMedium', Arial, Helvetica, sans-serif;} .banner-hm-budget-speech-2022 p a { color:#ee2835 !important;} .banner-hm-budget-speech-2022 p a:hover {color:#000 !important;} .banner-hm-budget-speech-2022 li {margin: 0 0 0.15em 0; } .banner-hm-budget-speech-2022 a.btn:hover {color:#fff !important; background:#000;} /*-----Home Banner - Women in Mining 9 February 2022---*/ .banner-hm-wim-feb2022 {background:url(../../../images/banners/banner-hm-wim-feb2022.jpg) center top no-repeat; background-size:cover; text-align:center; } @media (min-width: 480px) { .banner-hm-wim-feb2022 {background-position:center top;} } @media (min-width: 768px) { .banner-hm-wim-feb2022 {background-position:center top;} } @media (min-width: 992px) { .banner-hm-wim-feb2022 {background-position:center top;} } @media (min-width: 1200px) { .banner-hm-wim-feb2022 {background-position:center top;} } @media (min-width: 1600px) { .banner-hm-wim-feb2022 {background-position:center bottom;} } .banner-hm-wim-feb2022 .b-wrapper {height:100%; min-height:300px; text-align:left; padding:30px 1% 50px 1%; clear:both;} @media (min-width: 480px) { .banner-hm-wim-feb2022 .b-wrapper {padding:30px 1% 50px 1%; min-height:748px;} } @media (min-width: 768px) { .banner-hm-wim-feb2022 .b-wrapper {padding:4vh 1% 50px 1%; min-height:748px;} } @media (min-width: 992px) { .banner-hm-wim-feb2022 .b-wrapper {padding:4vh 1% 50px 1%; min-height:748px;} } @media (min-width: 1200px) { .banner-hm-wim-feb2022 .b-wrapper {padding:6vh 3% 50px 3%; min-height:748px;} } @media (min-width: 1600px) { .banner-hm-wim-feb2022 .b-wrapper {padding:6vh 3% 50px 3%; min-height:748px;} } @media (min-width: 1920px) { .banner-hm-wim-feb2022 .b-wrapper {padding:10vh 3% 50px 3%; min-height:748px;} } .b-wrapper.center {text-align:center;} .banner-hm-wim-feb2022 .b-contentblock {margin-top:0;} @media (min-width: 480px) { .banner-hm-wim-feb2022 .b-contentblock {margin-top:0;} } @media (min-width: 768px) { .banner-hm-wim-feb2022 .b-contentblock {margin-top:0;} } @media (min-width: 992px) { .banner-hm-wim-feb2022 .b-contentblock {margin-top:0;} } @media (min-width: 1200px) { .banner-hm-wim-feb2022 .b-contentblock {margin-top:0vh;} } @media (min-width: 1600px) { .banner-hm-wim-feb2022 .b-contentblock {margin-top:1vh;} } .banner-hm-wim-feb2022 h2 {margin-bottom:0.3em; font-size:1.5em; line-height:1.1em;} @media (min-width: 480px) { .banner-hm-wim-feb2022 h2 {font-size:1.6em;} } @media (min-width: 768px) { .banner-hm-wim-feb2022 h2 {font-size:1.65em;} } @media (min-width: 992px) { .banner-hm-wim-feb2022 h2 {font-size:1.6em;} } @media (min-width: 1200px) { .banner-hm-wim-feb2022 h2 {font-size:1.6em;} } @media (min-width: 1600px) { .banner-hm-wim-feb2022 h2 {font-size:1.8em;} } .bc-red .banner-hm-wim-feb2022 h5 {color:#ae122a; } .banner-hm-wim-feb2022 p {font-size:0.9em; line-height:1.2em; margin-bottom:0.7em; color:#000} @media (min-width: 992px) { .banner-hm-wim-feb2022 p {font-size:0.9em; line-height:1.2em; } } @media (min-width: 1200px) { .banner-hm-wim-feb2022 p {font-size:0.9em; line-height:1.2em; } } @media (min-width: 1600px) { .banner-hm-wim-feb2022 p {font-size:1em; line-height:1.25em; } } .banner-hm-wim-feb2022 p.lead {font-size:1.1em; line-height:1.5em; color:#000; font-family:'GothamMedium', Arial, Helvetica, sans-serif;} .banner-hm-wim-feb2022 ul {} .banner-hm-wim-feb2022 li {font-size:1em; line-height:1.25em; margin-bottom:0.5em; font-family:'GothamMedium', Arial, Helvetica, sans-serif;} .banner-hm-wim-feb2022 li span.descriptor {font-family:'GothamBBook', Arial, Helvetica, sans-serif;} .banner-hm-wim-feb2022 li a {color:#000; text-decoration:none;} .banner-hm-wim-feb2022 li a:hover {color:#ae122a; text-decoration:none;} .banner-hm-wim-feb2022 .heropic {margin:0 15px 0 0; width:100%; max-width:615px;} .banner-hm-wim-feb2022 .logosbar {margin-top:10px; padding-top:10px; border-top:2px dotted #ccc;} .banner-hm-wim-feb2022 img.logo-wim {width:100%; max-width:180px; margin:10px auto 0 15px;} .banner-hm-wim-feb2022 img.logo-mc {width:100%; max-width:210px; margin:0px 10px 0 auto;} .banner-hm-wim-feb2022 img.face {width:100%; max-width:150px; margin:0 auto 10px auto; border:1px solid #666;} .banner-hm-wim-feb2022 .logosbar .brdr-r {border-right:1px solid #ccc;} .banner-hm-wim-feb2022 .faces p.descriptor {text-align:center; font-style:normal !important; color:#666; font-size:0.7em; line-height:1.2em;} .banner-hm-wim-feb2022 .faces p.descriptor strong {font-size:1.1em;} .banner-hm-wim-feb2022 a.btn {margin-top:10px !important;} .banner-hm-wim-feb2022 a.thumb {display:block; width:100%; max-width:250px; margin:0 0 0 15px; text-decoration:none;} .banner-hm-wim-feb2022 a.thumb img {width:100%; max-width:250px; margin:0 0 10px 0;} .banner-hm-wim-feb2022 a.thumb p.descriptor {text-align:center; font-style:normal !important; color:#000;} .banner-hm-wim-feb2022 li a {color:#ee2835;} .banner-hm-wim-feb2022 li a:hover {color:#000;} /*----Home Banner SONA Government address 10 Feb 2022---*/ .banner-hm-sona-2022 {background:#89acc8 url(../../../images/banners/banner-hm-sona-2022.jpg) left 0px no-repeat; background-size:cover; text-align:left; } .banner-hm-sona-2022 .b-wrapper {height:100%; padding:40px 2% 50px 2%; clear:both;} @media (min-width: 480px) { .banner-hm-sona-2022 .b-wrapper {padding:40px 3% 50px 3%;} } @media (min-width: 768px) { .banner-hm-sona-2022 .b-wrapper {padding:6vh 2% 50px 2%;} } @media (min-width: 992px) { .banner-hm-sona-2022 .b-wrapper {padding:6vh 2% 50px 2%; } } @media (min-width: 1200px) { .banner-hm-sona-2022 .b-wrapper {padding:10vh 2% 50px 2%;} } @media (min-width: 1600px) { .banner-hm-sona-2022 .b-wrapper {padding:18vh 5% 50px 5%;} } @media (min-width: 1920px) { .banner-hm-sona-2022 .b-wrapper {padding:15vh 6% 50px 6%;} } .banner-hm-sona-2022 h2 {margin-bottom: 0.35em; font-size:1.6em; text-align:left; line-height:1.15em;} @media (min-width: 992px) { .banner-hm-sona-2022 h2 {font-size:1.6em;} } @media (min-width: 1200px) { .banner-hm-sona-2022 h2 {font-size:1.6em;} } @media (min-width: 1600px) { .banner-hm-sona-2022 h2 {font-size:2em;} } .banner-hm-sona-2022 p {font-size:0.9em; margin-bottom: 0.5em;} .banner-hm-sona-2022 p.lead {font-size:1em; text-align:left; color:#007748;} .banner-hm-sona-2022 p a {font-family:'GothamBold', Arial, Helvetica, sans-serif; color:#ee2835 !important;} .banner-hm-sona-2022 p a:hover {color:#000 !important;} .banner-hm-sona-2022 li {margin: 0 0 0.15em 0; } .banner-hm-sona-2022 a.btn:hover {color:#fff !important; background:#000;} /*----Home Eskom's Tariff Application---*/ .banner-hm-eskom-tariff {background:#89acc8 url(../../../images/banners/banner-hm-eskom-tariff.jpg) left 0px no-repeat; background-size:cover; text-align:left; } .banner-hm-eskom-tariff .b-wrapper {height:100%; padding:40px 2% 50px 2%; clear:both;} @media (min-width: 480px) { .banner-hm-eskom-tariff .b-wrapper {padding:40px 3% 50px 3%;} } @media (min-width: 768px) { .banner-hm-eskom-tariff .b-wrapper {padding:6vh 2% 50px 2%;} } @media (min-width: 992px) { .banner-hm-eskom-tariff .b-wrapper {padding:6vh 2% 50px 2%; } } @media (min-width: 1200px) { .banner-hm-eskom-tariff .b-wrapper {padding:10vh 2% 50px 2%;} } @media (min-width: 1600px) { .banner-hm-eskom-tariff .b-wrapper {padding:18vh 5% 50px 5%;} } @media (min-width: 1920px) { .banner-hm-eskom-tariff .b-wrapper {padding:25vh 6% 50px 6%;} } .banner-hm-eskom-tariff h2 {margin-bottom: 0.35em; font-size:1.6em; text-align:left; line-height:1.15em;} @media (min-width: 992px) { .banner-hm-eskom-tariff h2 {font-size:1.6em;} } @media (min-width: 1200px) { .banner-hm-eskom-tariff h2 {font-size:1.7em;} } @media (min-width: 1600px) { .banner-hm-eskom-tariff h2 {font-size:2em;} } .banner-hm-eskom-tariff p {font-size:0.9em; margin-bottom: 0.5em;} .banner-hm-eskom-tariff p.lead {font-size:1em; text-align:left; color:#007748;} .banner-hm-eskom-tariff p a {font-family:'GothamBold', Arial, Helvetica, sans-serif; color:#ee2835 !important;} .banner-hm-eskom-tariff p a:hover {color:#000 !important;} .banner-hm-eskom-tariff li {margin: 0 0 0.15em 0; } .banner-hm-eskom-tariff a.btn:hover {color:#fff !important; background:#000;} /*----Home Banner Zondo Commission Report---*/ .banner-hm-zondo {background:#89acc8 url(../../../images/banners/banner-hm-zondo.jpg) left 0px no-repeat; background-size:cover; text-align:left; } .banner-hm-zondo .b-wrapper {height:100%; padding:40px 2% 50px 2%; clear:both;} @media (min-width: 480px) { .banner-hm-zondo .b-wrapper {padding:40px 3% 50px 3%;} } @media (min-width: 768px) { .banner-hm-zondo .b-wrapper {padding:6vh 2% 50px 2%;} } @media (min-width: 992px) { .banner-hm-zondo .b-wrapper {padding:6vh 2% 50px 2%; } } @media (min-width: 1200px) { .banner-hm-zondo .b-wrapper {padding:10vh 2% 50px 2%;} } @media (min-width: 1600px) { .banner-hm-zondo .b-wrapper {padding:18vh 5% 50px 5%;} } @media (min-width: 1920px) { .banner-hm-zondo .b-wrapper {padding:25vh 6% 50px 6%;} } .banner-hm-zondo h2 {margin-bottom: 0.35em; font-size:1.6em; text-align:left; line-height:1.15em;} @media (min-width: 992px) { .banner-hm-zondo h2 {font-size:1.6em;} } @media (min-width: 1200px) { .banner-hm-zondo h2 {font-size:1.7em;} } @media (min-width: 1600px) { .banner-hm-zondo h2 {font-size:2em;} } .banner-hm-zondo p {font-size:0.9em; margin-bottom: 0.5em;} .banner-hm-zondo p.lead {font-size:1em; text-align:left; color:#007748;} .banner-hm-zondo p a {font-family:'GothamBold', Arial, Helvetica, sans-serif; color:#ee2835 !important;} .banner-hm-zondo p a:hover {color:#000 !important;} .banner-hm-zondo li {margin: 0 0 0.15em 0; } .banner-hm-zondo a.btn:hover {color:#fff !important; background:#000;} /*----Festive Season campaign ---*/ .banner-hm-festive-2021 {background:#f5833c url(../../../images/banners/festive21-background.svg) left 30px repeat; background-size:37% auto; text-align:left; } .banner-hm-festive-2021 .b-wrapper {height:100%; padding:40px 2% 50px 2%; clear:both;} @media (min-width: 480px) { .banner-hm-festive-2021 .b-wrapper {padding:40px 3% 50px 3%;} } @media (min-width: 768px) { .banner-hm-festive-2021 .b-wrapper {padding:5vh 2% 50px 2%;} } @media (min-width: 992px) { .banner-hm-festive-2021 .b-wrapper {padding:5vh 2% 50px 2%; } } @media (min-width: 1200px) { .banner-hm-festive-2021 .b-wrapper {padding:10vh 2% 50px 2%;} } @media (min-width: 1600px) { .banner-hm-festive-2021 .b-wrapper {padding:12vh 6% 50px 6%;} } @media (min-width: 1920px) { .banner-hm-festive-2021 .b-wrapper {padding:13vh 6% 50px 6%;} } .banner-hm-festive-2021 img.toplogos {display:block; text-align:center !important; margin:0 auto 10px auto !important; width:100%; max-width:600px;} @media (min-width: 768px) { .banner-hm-festive-2021 img.toplogos {max-width:600px;} } @media (min-width: 992px) { .banner-hm-festive-2021 img.toplogos {max-width:600px;} } @media (min-width: 1200px) { .banner-hm-festive-2021 img.toplogos {max-width:600px;} } @media (min-width: 1600px) { .banner-hm-festive-2021 img.toplogos {max-width:800px;} } .banner-hm-festive-2021 h1 {font-family:'GothamBlack', Arial, Helvetica, sans-serif; font-size:5em; margin-bottom:0.5em; color:#f05a5e;} @media (min-width: 768px) { .banner-hm-festive-2021 h1 {font-size:5em; margin-bottom:0.3em;} } @media (min-width: 992px) { .banner-hm-festive-2021 h1 {font-size:5em; margin-bottom:0.3em;} } @media (min-width: 1200px) { .banner-hm-festive-2021 h1 {font-size:6em; margin-bottom:0.3em; } } @media (min-width: 1600px) { .banner-hm-festive-2021 h1 {font-size:7em; margin-bottom:0.3em; } } .banner-hm-festive-2021 h2 {font-family:'GothamBlack', Arial, Helvetica, sans-serif; font-size:1.8em; margin-bottom:0.5em;} @media (min-width: 768px) { .banner-hm-festive-2021 h2 {font-size:2.0em; margin-bottom:0.3em;} } @media (min-width: 992px) { .banner-hm-festive-2021 h2 {font-size:2.1em; margin-bottom:0.3em;} } @media (min-width: 1200px) { .banner-hm-festive-2021 h2 {font-size:2.2em; margin-bottom:0.3em; } } @media (min-width: 1600px) { .banner-hm-festive-2021 h2 {font-size:2.5em; margin-bottom:0.5em; } } .banner-hm-festive-2021 h4 {margin-bottom:0.3em !important; color:#f05a5e; text-transform:uppercase;} .banner-hm-festive-2021 ul {margin-left:0; padding-left:0;} .banner-hm-festive-2021 li {color:#67c9d0; font-size:0.95em; line-height:1.35em;} .banner-hm-festive-2021 li a {color: #0055a6; cursor:pointer;} .banner-hm-festive-2021 li span {font-size:0.75em;} .banner-hm-festive-2021 .b-contentblock p {font-size:0.95em; line-height:1.35em; margin-bottom:0.6em; } @media (min-width: 768px) { .banner-hm-festive-2021 .b-contentblock p {font-size:0.95em; line-height:1.35em; margin-bottom:0.6em;} } @media (min-width: 992px) { .banner-hm-festive-2021 .b-contentblock p {font-size:0.95em; line-height:1.35em; margin-bottom:0.6em;} } @media (min-width: 1200px) { .banner-hm-festive-2021 .b-contentblock p {font-size:0.95em; line-height:1.35em; margin-bottom:0.6em;} } @media (min-width: 1600px) { .banner-hm-festive-2021 .b-contentblock p {font-size:1.0em; line-height:1.45em; margin-bottom:0.8em;} } .banner-hm-festive-2021 .b-contentblock p.descript {display:block; font-size:0.6em !important; line-height:1.1em !important; margin:0 auto 10px auto; text-align:center;} .banner-hm-festive-2021 .b-contentblock p.lead {font-size:1.1em; font-family:'GothamBold', Arial, Helvetica, sans-serif;} @media (min-width: 768px) { .banner-hm-festive-2021 .b-contentblock p.lead {font-size:1.1em;} } @media (min-width: 992px) { .banner-hm-festive-2021 .b-contentblock p.lead {font-size:1.1em;} } @media (min-width: 1200px) { .banner-hm-festive-2021 .b-contentblock p.lead {font-size:1.1em;} } @media (min-width: 1600px) { .banner-hm-festive-2021 .b-contentblock p.lead {font-size:1.2em;} } .banner-hm-festive-2021 .btn-default {font-size:0.75em; padding:5px 9px 6px 9px;} .banner-hm-festive-2021 .btn-primary {color:#fff; background:#0055a6 !important;} .banner-hm-festive-2021 .btn-primary:hover {color:#fff; background:#000 !important; } /*----Home Banner Modernisation and Technical Innovation---*/ .banner-hm-minesafe-2021 {background:#89acc8 url(../../../images/banners/minesafe2021/banner-hm-minesafe-2021.jpg) left 0px no-repeat; background-size:cover; text-align:left; } .banner-hm-minesafe-2021 .b-wrapper {height:100%; padding:40px 2% 50px 2%; clear:both;} @media (min-width: 480px) { .banner-hm-minesafe-2021 .b-wrapper {padding:40px 3% 50px 3%;} } @media (min-width: 768px) { .banner-hm-minesafe-2021 .b-wrapper {padding:5vh 2% 50px 2%;} } @media (min-width: 992px) { .banner-hm-minesafe-2021 .b-wrapper {padding:5vh 2% 50px 2%; } } @media (min-width: 1200px) { .banner-hm-minesafe-2021 .b-wrapper {padding:5vh 2% 50px 2%;} } @media (min-width: 1600px) { .banner-hm-minesafe-2021 .b-wrapper {padding:10vh 5% 50px 5%;} } @media (min-width: 1920px) { .banner-hm-minesafe-2021 .b-wrapper {padding:11vh 6% 50px 6%;} } .banner-hm-minesafe-2021 h2 {margin-bottom: 0.35em; font-size:1.6em; text-align:left;} @media (min-width: 992px) { .banner-hm-minesafe-2021 h2 {font-size:1.7em;} } @media (min-width: 1200px) { .banner-hm-minesafe-2021 h2 {font-size:1.8em;} } @media (min-width: 1600px) { .banner-hm-minesafe-2021 h2 {font-size:2em;} } .banner-hm-minesafe-2021 p {font-size:0.9em; margin-bottom: 0.5em;} .banner-hm-minesafe-2021 p.lead {font-size:1em; text-align:left; color:#007748;} .banner-hm-minesafe-2021 p a {font-family:'GothamBold', Arial, Helvetica, sans-serif; color:#ee2835 !important;} .banner-hm-minesafe-2021 .bc-blue p a {color:#132f8c !important;} .banner-hm-minesafe-2021 .bc-green p a {color:#666666 !important;} .banner-hm-minesafe-2021 .bc-yellow p a {color:#de7f24 !important;} .banner-hm-minesafe-2021 p a:hover {color:#000 !important;} .banner-hm-minesafe-2021 li {margin: 0 0 0.15em 0; } .minesafe-logos {margin:0; text-align:center;} .minesafe-logos img {display:inline-block; vertical-align:top; width:auto; max-width:100%; height:auto; max-height:50px; margin:0 2px 5px;} /*----Home Banner Modernisation and Technical Innovation---*/ .banner-hm-mti {background:#89acc8 url(../../../images/banners/banner-hm-mti.jpg) left 0px no-repeat; background-size:cover; text-align:left; } .banner-hm-mti .b-wrapper {height:100%; padding:40px 2% 50px 2%; clear:both;} @media (min-width: 480px) { .banner-hm-mti .b-wrapper {padding:40px 3% 50px 3%;} } @media (min-width: 768px) { .banner-hm-mti .b-wrapper {padding:5vh 2% 50px 2%;} } @media (min-width: 992px) { .banner-hm-mti .b-wrapper {padding:5vh 2% 50px 2%; } } @media (min-width: 1200px) { .banner-hm-mti .b-wrapper {padding:8vh 2% 50px 2%;} } @media (min-width: 1600px) { .banner-hm-mti .b-wrapper {padding:10vh 3% 50px 6%;} } @media (min-width: 1920px) { .banner-hm-mti .b-wrapper {padding:11vh 3% 50px 6%;} } .banner-hm-mti h2 {margin-bottom: 0.35em; font-size:1.9em; text-align:left;} @media (min-width: 992px) { .banner-hm-mti h2 {font-size:1.9em;} } .banner-hm-mti p {margin-bottom: 0.5em;} .banner-hm-mti p.lead {text-align:left; color:#007748;} .banner-hm-mti li {margin: 0 0 0.15em 0;} .clr {display:block; padding:15px; height:auto; text-align:center; margin-bottom:15px;} @media (min-width: 768px) { .clr {height:auto;} } @media (min-width: 992px) { .clr {height:250px;} } @media (min-width: 1200px) { .clr {height:280px;} } @media (min-width: 1600px) { .clr {height:250px;} } .clr h4 {color:#fff; text-align:center; font-family:'GothamBold', Arial, Helvetica, sans-serif;} .clr h5 {color:#fff; text-align:center; font-family:'GothamBold', Arial, Helvetica, sans-serif; margin-bottom:0.7em; } .clr p {color:#fff; text-align:center; font-family:'GothamBold', Arial, Helvetica, sans-serif;} .clr p strong {color:#fff;} .clr ul {border-top:1px solid #fff;} .clr li {color:#fff; text-align:center; font-family:'GothamBold', Arial, Helvetica, sans-serif; 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:#f5833c; 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-family:'GothamBold', Arial, Helvetica, sans-serif; font-weight:normal;} .clr.blue .btn-default:hover {background:#fff !important; color:#0054a6 !important;} /*----Home Banner Facts and Figures 2020 - 14 Oct 2021---*/ .banner-hm-ff-2020 {background:#89acc8 url(../../../images/banners/banner-hm-ff-2020.jpg) left 0px no-repeat; background-size:cover; text-align:left; } @media (min-width: 480px) { .banner-hm-ff2020 {background-position:left 0px;} } @media (min-width: 768px) { .banner-hm-ff2020 {background-position:left 0px;} } @media (min-width: 992px) { .banner-hm-ff2020 {background-position:left 0px;} } @media (min-width: 1200px) { .banner-hm-ff2020 {background-position:left 35px;} } @media (min-width: 1600px) { .banner-hm-ff2020 {background-position:left 35px;} } .banner-hm-ff-2020 .b-wrapper {height:100%; padding:40px 2% 50px 2%; clear:both;} @media (min-width: 480px) { .banner-hm-ff-2020 .b-wrapper {padding:40px 3% 50px 3%;} } @media (min-width: 768px) { .banner-hm-ff-2020 .b-wrapper {padding:5vh 2% 50px 2%;} } @media (min-width: 992px) { .banner-hm-ff-2020 .b-wrapper {padding:5vh 2% 50px 2%; } } @media (min-width: 1200px) { .banner-hm-ff-2020 .b-wrapper {padding:8vh 2% 50px 2%;} } @media (min-width: 1600px) { .banner-hm-ff-2020 .b-wrapper {padding:10vh 6% 50px 6%;} } @media (min-width: 1920px) { .banner-hm-ff-2020 .b-wrapper {padding:12vh 6% 50px 6%;} } /*----Vooma Vaccination Week ---*/ .banner-hm-vooma-vaccination {background:#0054a6; text-align:left; } .banner-hm-vooma-vaccination .b-wrapper {height:100%; padding:40px 2% 50px 2%; clear:both;} @media (min-width: 480px) { .banner-hm-vooma-vaccination .b-wrapper {padding:40px 3% 50px 3%;} } @media (min-width: 768px) { .banner-hm-vooma-vaccination .b-wrapper {padding:5vh 2% 50px 2%;} } @media (min-width: 992px) { .banner-hm-vooma-vaccination .b-wrapper {padding:5vh 2% 50px 2%; } } @media (min-width: 1200px) { .banner-hm-vooma-vaccination .b-wrapper {padding:10vh 2% 50px 2%;} } @media (min-width: 1600px) { .banner-hm-vooma-vaccination .b-wrapper {padding:12vh 6% 50px 6%;} } @media (min-width: 1920px) { .banner-hm-vooma-vaccination .b-wrapper {padding:13vh 6% 50px 6%;} } .banner-hm-vooma-vaccination img.toplogos {display:block; text-align:center !important; margin:0 auto 10px auto !important; width:100%; max-width:600px;} @media (min-width: 768px) { .banner-hm-vooma-vaccination img.toplogos {max-width:600px;} } @media (min-width: 992px) { .banner-hm-vooma-vaccination img.toplogos {max-width:600px;} } @media (min-width: 1200px) { .banner-hm-vooma-vaccination img.toplogos {max-width:600px;} } @media (min-width: 1600px) { .banner-hm-vooma-vaccination img.toplogos {max-width:800px;} } .banner-hm-vooma-vaccination h2 {font-family:'GothamBlack', Arial, Helvetica, sans-serif; font-size:1.8em; margin-bottom:0.5em;} @media (min-width: 768px) { .banner-hm-vooma-vaccination h2 {font-size:2.0em; margin-bottom:0.3em;} } @media (min-width: 992px) { .banner-hm-vooma-vaccination h2 {font-size:2.1em; margin-bottom:0.3em;} } @media (min-width: 1200px) { .banner-hm-vooma-vaccination h2 {font-size:2.2em; margin-bottom:0.3em; } } @media (min-width: 1600px) { .banner-hm-vooma-vaccination h2 {font-size:2.5em; margin-bottom:0.5em; } } .banner-hm-vooma-vaccination h4 {margin-bottom:0.3em !important;} .banner-hm-vooma-vaccination ul {margin-left:0; padding-left:0;} .banner-hm-vooma-vaccination li {color:#67c9d0; font-size:0.95em; line-height:1.35em;} .banner-hm-vooma-vaccination li a {color: #0055a6; cursor:pointer;} .banner-hm-vooma-vaccination li span {font-size:0.75em;} .banner-hm-vooma-vaccination .b-contentblock p {font-size:0.95em; line-height:1.35em; margin-bottom:0.6em; } @media (min-width: 768px) { .banner-hm-vooma-vaccination .b-contentblock p {font-size:0.95em; line-height:1.35em; margin-bottom:0.6em;} } @media (min-width: 992px) { .banner-hm-vooma-vaccination .b-contentblock p {font-size:0.95em; line-height:1.35em; margin-bottom:0.6em;} } @media (min-width: 1200px) { .banner-hm-vooma-vaccination .b-contentblock p {font-size:0.95em; line-height:1.35em; margin-bottom:0.6em;} } @media (min-width: 1600px) { .banner-hm-vooma-vaccination .b-contentblock p {font-size:1.1em; line-height:1.45em; margin-bottom:0.8em;} } .banner-hm-vooma-vaccination .b-contentblock p.lead {font-size:1.1em; font-family:'GothamBold', Arial, Helvetica, sans-serif;} @media (min-width: 768px) { .banner-hm-vooma-vaccination .b-contentblock p.lead {font-size:1.1em;} } @media (min-width: 992px) { .banner-hm-vooma-vaccination .b-contentblock p.lead {font-size:1.1em;} } @media (min-width: 1200px) { .banner-hm-vooma-vaccination .b-contentblock p.lead {font-size:1.1em;} } @media (min-width: 1600px) { .banner-hm-vooma-vaccination .b-contentblock p.lead {font-size:1.2em;} } .banner-hm-vooma-vaccination .btn-default {font-size:0.75em; padding:5px 9px 6px 9px;} .banner-hm-vooma-vaccination .btn-primary {color:#fff; background:#0055a6 !important;} .banner-hm-vooma-vaccination .btn-primary:hover {color:#fff; background:#000 !important; } /*----The State of the Mining Nation ---*/ .banner-hm-just-energy-transition {background:#89acc8 url(../../../images/banners/banner-hm-just-energy-transition.jpg) left 0px no-repeat; background-size:cover; text-align:left; } @media (min-width: 480px) { .banner-hm-just-energy-transition {background-position:left 0px;} } @media (min-width: 768px) { .banner-hm-just-energy-transition {background-position:left 0px;} } @media (min-width: 992px) { .banner-hm-just-energy-transition {background-position:left 0px;} } @media (min-width: 1200px) { .banner-hm-just-energy-transition {background-position:left 35px;} } @media (min-width: 1600px) { .banner-hm-just-energy-transition {background-position:left 35px;} } .banner-hm-just-energy-transition .b-contentblock h2 {font-size:1.5em; line-height:1.1em;} @media (min-width: 480px) { .banner-hm-just-energy-transition .b-contentblock h2 {font-size:1.6em;} } @media (min-width: 768px) { .banner-hm-just-energy-transition .b-contentblock h2 {font-size:1.65em;} } @media (min-width: 992px) { .banner-hm-just-energy-transition .b-contentblock h2 {font-size:1.6em;} } @media (min-width: 1200px) { .banner-hm-just-energy-transition .b-contentblock h2 {font-size:1.6em;} } @media (min-width: 1600px) { .banner-hm-just-energy-transition .b-contentblock h2 {font-size:1.8em;} } /*--Banner Wrapper Block with spacing around--*/ .banner-hm-just-energy-transition .b-wrapper {height:100%; padding:40px 2% 50px 2%; clear:both;} @media (min-width: 480px) { .banner-hm-just-energy-transition .b-wrapper {padding:40px 3% 50px 3%;} } @media (min-width: 768px) { .banner-hm-just-energy-transition .b-wrapper {padding:40px 3% 50px 3%;} } @media (min-width: 992px) { .banner-hm-just-energy-transition .b-wrapper {padding:5vh 3% 50px 3%; } } @media (min-width: 1200px) { .banner-hm-just-energy-transition .b-wrapper {padding:10vh 3% 50px 3%;} } @media (min-width: 1600px) { .banner-hm-just-energy-transition .b-wrapper {padding:15vh 5% 50px 5%;} } @media (min-width: 1920px) { .banner-hm-just-energy-transition .b-wrapper {padding:20vh 5% 50px 5%;} } .banner-hm-just-energy-transition p a {font-family:'GothamBold', Arial, Helvetica, sans-serif;} /*--Home Reimagining Training in Mining Innovation--*/ .banner-hm-tim-innovation {background:url(../../../images/banners/banner-hm-tim-innovation-icons.svg) 95% 10vh no-repeat, url(../../../images/banners/banner-hm-tim-innovation.png) 0 0 repeat-y; background-size:0% auto, 100% auto; text-align:left; } @media (min-width: 768px) { .banner-hm-tim-innovation {background-size:0% auto, 100% auto; background-position:97% 12vh, 0 0;} } @media (min-width: 992px) { .banner-hm-tim-innovation {background-size:18% auto, 100% auto; background-position:98% 6vh, 0 0;} } @media (min-width: 1200px) { .banner-hm-tim-innovation {background-size:28% auto, 100% auto; background-position:95% 12vh, 0 0;} } @media (min-width: 1600px) { .banner-hm-tim-innovation {background-size:28% auto, 100% auto; background-position:93% 15vh, 0 0;} } .banner-hm-tim-innovation .b-wrapper {padding:10vh 4% 50px 5%; min-height:748px;} @media (min-width: 768px) { .banner-hm-tim-innovation .b-wrapper {padding:10vh 4% 50px 4%;} } @media (min-width: 992px) { .banner-hm-tim-innovation .b-wrapper {padding:6vh 4% 50px 4%;} } @media (min-width: 1200px) { .banner-hm-tim-innovation .b-wrapper {padding:12vh 4% 50px 5%;} } @media (min-width: 1600px) { .banner-hm-tim-innovation .b-wrapper {padding:15vh 4% 50px 5%;} } .banner-hm-tim-innovation .b-contentblock {} .banner-hm-tim-innovation img.logos {display:block; margin:0 auto 0.1em auto; width:90%; max-width:500px;} .banner-hm-tim-innovation h2 {font-size:1.7em; background:#9ccb3b; color:#fff; padding:5px 10px; line-height:1em;} @media (min-width: 768px) { .banner-hm-tim-innovation h2 {font-size:1.7em;} } @media (min-width: 992px) { .banner-hm-tim-innovation h2 {font-size:1.7em;} } @media (min-width: 1200px) { .banner-hm-tim-innovation h2 {font-size:1.9em;} } @media (min-width: 1600px) { .banner-hm-tim-innovation h2 {font-size:2.15em;} } .banner-hm-tim-innovation .b-contentblock h4 {color:#0054a6; margin-bottom:0.6em; } .banner-hm-tim-innovation .b-contentblock p {color:#0054a6; font-family:'Gotham', Arial, Helvetica, sans-serif;} .banner-hm-tim-innovation .b-contentblock p.lead {color:#0054a6; font-family:'GothamMedium', Arial, Helvetica, sans-serif; font-size:1.0em; line-height:1.35em;} .banner-hm-tim-innovation .b-contentblock p strong {color:#0054a6; font-family:'GothamBlack', Arial, Helvetica, sans-serif; margin-bottom:1em;} .banner-hm-tim-innovation p.descriptor {color:#999;} .banner-hm-tim-innovation li {font-size:1.0em; line-height:1.35em; color:#0054a6; font-family:'GothamBook', Arial, Helvetica, sans-serif;} .banner-hm-tim-innovation .b-contentblock a {color:#0054a6; text-decoration: underline; cursor:pointer; font-family:'GothamMedium', Arial, Helvetica, sans-serif;} .banner-hm-tim-innovation .b-contentblock a.transl {font-family:'GothamBook', Arial, Helvetica, sans-serif; font-size:0.9em;} .banner-hm-tim-innovation .b-contentblock a:hover {color:#000;} .banner-hm-tim-innovation .b-contentblock hr {border-bottom:2px dotted rgba(103,201,208,0.7); margin:2px auto 12px auto;} .banner-hm-tim-innovation .b-contentblock .btn-default {padding:6px 10px 7px 10px; background:#72adde;} .banner-hm-tim-innovation .b-contentblock .btn-default:hover {background:#0054a6;} .banner-hm-tim-innovation .bc-blue .hilite {background: #68c9d0;} .banner-hm-tim-innovation .bc-blue .hilite h5 {color:#fff; font-size:1.4em; line-height:1.2em;} /*-----Home Banner - National Day of Women in Mining 2021 / Advancing Women in Mining ---*/ .banner-hm-awim-2021 {background:url(../../../images/banners/banner-hm-awim-2021.jpg) center top no-repeat; background-size:cover; text-align:center; } @media (min-width: 480px) { .banner-hm-awim-2021 {background-position:center top;} } @media (min-width: 768px) { .banner-hm-awim-2021 {background-position:center top;} } @media (min-width: 992px) { .banner-hm-awim-2021 {background-position:center top;} } @media (min-width: 1200px) { .banner-hm-awim-2021 {background-position:center top;} } @media (min-width: 1600px) { .banner-hm-awim-2021 {background-position:center bottom;} } .banner-hm-awim-2021 {} .banner-hm-awim-2021 h2 {margin-bottom:0.3em} .bc-red .banner-hm-awim-2021 h5 {color:#ae122a; } .banner-hm-awim-2021 p {font-size:0.9em; line-height:1.2em; margin-bottom:0.7em; color:#000} @media (min-width: 992px) { .banner-hm-awim-2021 p {font-size:0.9em; line-height:1.2em; } } @media (min-width: 1200px) { .banner-hm-awim-2021 p {font-size:0.9em; line-height:1.2em; } } @media (min-width: 1600px) { .banner-hm-awim-2021 p {font-size:1em; line-height:1.25em; } } .banner-hm-awim-2021 p.lead {font-size:1.1em; line-height:1.5em; color:#000; font-family:'GothamMedium', Arial, Helvetica, sans-serif;} .banner-hm-awim-2021 ul {} .banner-hm-awim-2021 li {font-size:1em; line-height:1.25em; margin-bottom:0.5em; font-family:'GothamMedium', Arial, Helvetica, sans-serif;} .banner-hm-awim-2021 li span.descriptor {font-family:'GothamBBook', Arial, Helvetica, sans-serif;} .banner-hm-awim-2021 li a {color:#000; text-decoration:none;} .banner-hm-awim-2021 li a:hover {color:#ae122a; text-decoration:none;} .banner-hm-awim-2021 .heropic {margin:0 15px 0 0; width:100%; max-width:615px;} .banner-hm-awim-2021 .banner-hm-awim-2021 .b-wrapper {height:100%; min-height:300px; text-align:left; padding:30px 1% 50px 1%; clear:both;} @media (min-width: 480px) { .banner-hm-awim-2021 .b-wrapper {padding:30px 1% 50px 1%; min-height:748px;} } @media (min-width: 768px) { .banner-hm-awim-2021 .b-wrapper {padding:4vh 1% 50px 1%; min-height:748px;} } @media (min-width: 992px) { .banner-hm-awim-2021 .b-wrapper {padding:4vh 1% 50px 1%; min-height:748px;} } @media (min-width: 1200px) { .banner-hm-awim-2021 .b-wrapper {padding:6vh 3% 50px 3%; min-height:748px;} } @media (min-width: 1600px) { .banner-hm-awim-2021 .b-wrapper {padding:6vh 3% 50px 3%; min-height:748px;} } @media (min-width: 1920px) { .banner-hm-awim-2021 .b-wrapper {padding:10vh 3% 50px 3%; min-height:748px;} } .b-wrapper.center {text-align:center;} .banner-hm-awim-2021 .b-contentblock {margin-top:0;} @media (min-width: 480px) { .banner-hm-awim-2021 .b-contentblock {margin-top:0;} } @media (min-width: 768px) { .banner-hm-awim-2021 .b-contentblock {margin-top:0;} } @media (min-width: 992px) { .banner-hm-awim-2021 .b-contentblock {margin-top:0;} } @media (min-width: 1200px) { .banner-hm-awim-2021 .b-contentblock {margin-top:0vh;} } @media (min-width: 1600px) { .banner-hm-awim-2021 .b-contentblock {margin-top:1vh;} } .banner-hm-awim-2021 .logosbar {margin-top:10px; padding-top:10px; border-top:2px dotted #ccc;} .banner-hm-awim-2021 img.logo-wim {width:100%; max-width:180px; margin:10px auto 0 15px;} .banner-hm-awim-2021 img.logo-mc {width:100%; max-width:210px; margin:0px 10px 0 auto;} .banner-hm-awim-2021 img.face {width:100%; max-width:150px; margin:0 auto 10px auto; border:1px solid #666;} .banner-hm-awim-2021 .logosbar .brdr-r {border-right:1px solid #ccc;} .faces p.descriptor {text-align:center; font-style:normal !important; color:#666; line-height:1.2em;} .banner-hm-awim-2021 a.btn {margin-top:10px !important;} .banner-hm-awim-2021 a.thumb {display:block; width:100%; max-width:250px; margin:0 0 0 15px; text-decoration:none;} .banner-hm-awim-2021 a.thumb img {width:100%; max-width:250px; margin:0 0 10px 0;} .banner-hm-awim-2021 a.thumb p.descriptor {text-align:center; font-style:normal !important; color:#000;} /*--Home Banner - Womens Day 9 July 2021 --*/ .banner-hm-womens-day-9aug21 {background:#72cc98; text-align:left;} /*-- .banner-hm-womens-day-9aug21 {background:#72cc98 url(../../../images/banners/banner-hm-womens-day-9aug21.jpg) left top no-repeat; background-size:100% auto; text-align:left; background-position:left top;} @media (min-width: 480px) { .banner-hm-womens-day-9aug21 {background-size:auto 100%; background-position:left top;} } @media (min-width: 768px) { .banner-hm-womens-day-9aug21 {background-size:auto 100%; background-position:left top;} } @media (min-width: 992px) { .banner-hm-womens-day-9aug21 {background-size:cover; background-position:left 0px;} } @media (min-width: 1200px) { .banner-hm-womens-day-9aug21 {background-size:100% auto; background-position:left 30px;} } @media (min-width: 1600px) { .banner-hm-womens-day-9aug21 {background-size:100% auto; background-position:left top;} } --*/ .banner-hm-womens-day-9aug21 .banner-hm-womens-day-9aug21 .b-wrapper {height:100%; min-height:300px; text-align:left; padding:30px 1% 50px 1%; clear:both;} @media (min-width: 480px) { .banner-hm-womens-day-9aug21 .b-wrapper {padding:30px 1% 50px 1%; min-height:748px;} } @media (min-width: 768px) { .banner-hm-womens-day-9aug21 .b-wrapper {padding:5vh 1% 50px 1%; min-height:748px;} } @media (min-width: 992px) { .banner-hm-womens-day-9aug21 .b-wrapper {padding:5vh 2% 50px 1%; min-height:748px;} } @media (min-width: 1200px) { .banner-hm-womens-day-9aug21 .b-wrapper {padding:5vh 3% 50px 3%; min-height:748px;} } @media (min-width: 1600px) { .banner-hm-womens-day-9aug21 .b-wrapper {padding:7vh 5% 50px 5%; min-height:748px;} } @media (min-width: 1920px) { .banner-hm-womens-day-9aug21 .b-wrapper {padding:7vh 5% 50px 5%; min-height:748px;} } .banner-hm-womens-day-9aug21 .b-contentblock {margin-top:0;} @media (min-width: 480px) { .banner-hm-womens-day-9aug21 .b-contentblock {margin-top:0;} } @media (min-width: 768px) { .banner-hm-womens-day-9aug21 .b-contentblock {margin-top:0;} } @media (min-width: 992px) { .banner-hm-womens-day-9aug21 .b-contentblock {margin-top:0;} } @media (min-width: 1200px) { .banner-hm-womens-day-9aug21 .b-contentblock {margin-top:2vh;} } @media (min-width: 1600px) { .banner-hm-womens-day-9aug21 .b-contentblock {margin-top:8vh;} } .banner-hm-womens-day-9aug21 h1 {margin-bottom:0.2em;} .banner-hm-womens-day-9aug21 p.lead {font-size:1.1em; line-height: 1.5em; color:#000; margin-bottom:1em; font-family:'GothamMedium', Arial, Helvetica, sans-serif;} @media (min-width: 480px) { .banner-hm-womens-day-9aug21 p.lead {font-size:1.1em; line-height: 1.5em;} } @media (min-width: 768px) { .banner-hm-womens-day-9aug21 p.lead {font-size:0.9em; line-height: 1.4em;} } @media (min-width: 992px) { .banner-hm-womens-day-9aug21 p.lead {font-size:1.0em; line-height: 1.4em;} } @media (min-width: 1200px) { .banner-hm-womens-day-9aug21 p.lead {font-size:1.0em; line-height: 1.45em;} } @media (min-width: 1600px) { .banner-hm-womens-day-9aug21 p.lead {font-size:1.1em; line-height: 1.55em;} } .banner-hm-womens-day-9aug21 li {font-size:0.9em; line-height: 1.4em;} .banner-hm-womens-day-9aug21 li a {color:#000; } .col-xs-0 {display:none;} @media (min-width: 480px) { .col-xs-0 {display:none;} } @media (min-width: 768px) { .col-xs-0 {display:none;} } @media (min-width: 992px) { .col-xs-0 {display:none;} } @media (min-width: 1200px) { .col-xs-0 {display:inline;} } @media (min-width: 1600px) { .col-xs-0 {display:inline;} } img.heropic {margin-top:0;} @media (min-width: 480px) { img.heropic {margin-top:0;} } @media (min-width: 768px) { img.heropic {margin-top:7vh;} } @media (min-width: 992px) { img.heropic {margin-top:3vh;} } @media (min-width: 1200px) { img.heropic {margin-top:0;} } @media (min-width: 1600px) { img.heropic {margin-top:0;} } /*--Newsletter 05 July 2021--*/ .banner-hm-newsletter {background:url(../../../images/banners/newsletter-july-2021.jpg) center top no-repeat; background-size:auto 100%;} @media (min-width: 768px) { .banner-hm-newsletter {background-size:cover; background-position:center top;} } .banner-hm-newsletter h1 {} .banner-hm-newsletter img {height:auto; max-height:50px !important;} .banner-hm-newsletter img.brdr:hover {border:2px solid #fff;} .banner-hm-newsletter .btn-default {font-size:0.75em; margin-bottom:20px !important;} @media (min-width: 992px) { .banner-hm-newsletter .btn-default {font-size:0.8em;} } .banner-hm-newsletter a strong {font-weight:700; color:inherit;} /*--Reimagining Training in Mining--*/ .banner-hm-tim {background:url(../../../images/banners/banner-hm-tim.jpg) center top no-repeat; background-size:auto 100%;} @media (min-width: 768px) { .banner-hm-tim {background-size:cover; background-position:center top;} } .banner-hm-tim h1 {} .banner-hm-tim img {height:auto; max-height:50px !important;} .banner-hm-tim img.brdr:hover {border:2px solid #fff;} .banner-hm-tim .btn-default {font-size:0.75em; margin-bottom:20px !important;} @media (min-width: 992px) { .banner-hm-tim .btn-default {font-size:0.8em;} } .banner-hm-tim a strong {font-weight:700; color:inherit;} /*----CEOs Support VacciNation---*/ .banner-hm-ceos-vaccination {background:#99bbdb;} #ceos-popup {display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1000; background:url(../../../images/banners/ceo-vaccination/ceos-support-vaccination-overlay.png) left top repeat; text-align:center; padding:10vh 20px 20px; cursor:pointer;} #ceos-popup .row {width:100%; height:80%; margin-top:0; display:-ms-flexbox; display:flex; flex-direction: column; /*-- -ms-flex-align: top !important; align-items: top !important; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center !important; justify-content: center !important; --*/} #ceos-popup img {display:block; margin:0 auto 30px auto; webkit-transition:transform 1s ease; transition:transform 1s ease; width:auto; max-width:90%;} @media (min-height: 480px) { #ceos-popup img {margin:0 auto 10px auto; padding-top:0px; max-width:60%;} } @media (min-height: 768px) { #ceos-popup img {margin:0 auto 10px auto; padding-top:0px; max-width:70%;} } @media (min-height: 900px) { #ceos-popup img {margin:0 auto 20px auto; padding-top:2vh; max-width:90%;} } @media (min-height: 1000px) { #ceos-popup img {margin:0 auto 30px auto; padding-top:3vh; max-width:100%;} } #ceos-popup h4 {display:block; height:45px; text-align:left; margin:0 auto; padding:18px 45px 0 0; color:#fff; font-family:'GothamBold', Arial, Helvetica, sans-serif; text-transform:uppercase; text-shadow:2px 2px 10px rgba(0,0,0,0.5); font-size:1.2em; letter-spacing:1px; background:url(../../../images/banners/ceo-vaccination/cursor-click.png) right top no-repeat; background-size:auto 100%;} @media (min-width: 768px) { #ceos-popup h4 {font-size:1.3em; height:50px; padding:18px 50px 0 0;} } @media (min-width: 992px) { #ceos-popup h4 {font-size:1.4em; height:55px; padding:18px 55px 0 0;} } @media (min-width: 1200px) { #ceos-popup h4 {font-size:1.5em; height:61px; padding:18px 61px 0 0;} } @media (min-width: 1600px) { #ceos-popup h4 {font-size:1.6em; height:61px; padding:18px 61px 0 0;} } .banner-hm-ceos-vaccination .row {height:88%;} @media (min-width: 480px) { .banner-hm-ceos-vaccination .row {padding-top:0px; height:88%;} } @media (min-width: 768px) { .banner-hm-ceos-vaccination .row {padding-top:0px; height:65%;} } @media (min-width: 992px) { .banner-hm-ceos-vaccination .row {padding-top:0px; height:65%;} } @media (min-width: 1200px) { .banner-hm-ceos-vaccination .row {padding-top:35px; height:83%;} } @media (min-width: 1600px) { .banner-hm-ceos-vaccination .row {padding-top:35px; height:86%;} } .align-items-center {-webkit-box-align:center !important; -ms-flex-align: center !important; align-items: center !important;} .justify-content-center {-ms-flex-pack: center !important; justify-content: center !important;} .rowflex {display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right:0px; margin-left:0px; height:100%; } /*--Column without widths without heights. To be used with BS4 columns below .fxcol {-ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; position: relative; height:auto; min-height: 1px; padding-right:2px !important; padding-left:2px !important; margin-bottom:4px; }--*/ /*--Column without widths with set heights. To be used with BS4 columns below--*/ .fxcol {-ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; position: relative; height:20vh; min-height: 1px; padding-right:2px !important; padding-left:2px !important; margin-bottom:4px; -ms-flex-pack: center !important; justify-content: center !important;} @media (min-width: 480px) { .fxcol {height:15vh; } } @media (min-width: 768px) { .fxcol {height:20vh; } } @media (min-width: 992px) { .fxcol {height:20vh; } } @media (min-width: 1200px) { .fxcol {height:auto; } } @media (min-width: 1600px) { .fxcol {height:auto; } } /*--Column with width sizes-- .fxcol {-ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; position: relative; width: 100%; height:20vh; min-height: 1px; padding-right:2px; padding-left:2px; margin-bottom:4px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}/*--col-12--*//*-- @media (min-width: 480px) { .fxcol {height:15vh; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%;} }/*--col-6--*//*-- @media (min-width: 768px) { .fxcol {height:20vh; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;} }/*--col-4--*//*-- @media (min-width: 992px) { .fxcol {height:20vh; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;} }/*--col-4--*//*-- @media (min-width: 1200px) { .fxcol {height:25vh; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;} }/*--col-3--*//*-- @media (min-width: 1600px) { .fxcol {height:25vh; -ms-flex: 0 0 19.9%; flex: 0 0 19.9%; max-width: 19.9%;} }/*--col-2+--*//*-- --*/ .fxcol a {display:block; width:100%; height:100%; margin:0; padding:0; background-size:cover !important; background-position:center top !important; position:relative; -webkit-transition:transform 0.5s ease; transition:transform 0.5s ease; text-align:center;} @media (min-width: 480px) { .fxcol a {background-size:cover !important;} } @media (min-width: 768px) { .fxcol a {background-size:cover !important;} } @media (min-width: 992px) { .fxcol a {background-size:cover !important;} } @media (min-width: 1200px) { .fxcol a {background-size:cover !important;} } @media (min-width: 1600px) { .fxcol a {background-size:cover !important;} } @media (min-height: 400px) { .fxcol a {background-position:center -0px !important;} } @media (min-height: 480px) { .fxcol a {background-position:center -10px !important;} } @media (min-height: 768px) { .fxcol a {background-position:center -0 !important;} } /*--Landscape--@media (min-height: 768px) { .fxcol a {background-position:center -15px !important;} } --*/ @media (min-height: 992px) { .fxcol a {background-position:center -10px !important;} } @media (min-height: 1200px) { .fxcol a {background-position:center top !important;} } .fxcol a:hover {transform:scale(1.05);} .fxcol p {position:absolute; left:auto; right:auto; bottom:15px; width:100%; z-index:1; margin:70% auto 0 auto; text-align:center; color:#fff; font-family:'GothamBold', Arial, Helvetica, sans-serif; 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-family:'GothamBold', Arial, Helvetica, sans-serif; text-shadow:2px 2px 8px rgba(0,0,0,0.7);} /*----Home Banner CONGRATULATIONS--December 2021---------------------------------------*/ .banner-hm-congratulations {background:#0054a6;} /*--Flex row. Remember to REDUCE top padding when more content is added--*/ .rowflex.bhcngr {height:85%; position:relative; margin:0;} @media (min-width: 480px) { .rowflex.bhcngr {height:85%; padding:10px 0 0;} } @media (min-width: 768px) { .rowflex.bhcngr {height:85%; padding:10px 0 0;} } @media (min-width: 992px) { .rowflex.bhcngr {height:100%; padding:10px 0 0;} } @media (min-width: 1200px) { .rowflex.bhcngr {height:83%; padding:40px 0 0;} } @media (min-width: 1600px) { .rowflex.bhcngr {height:83%; padding:40px 0 0;} } .rowflex.bhcngr .rowflex {margin-right:-5px; margin-left:-5px;;} @media (min-width: 768px) { .rowflex.bhcngr .rowflex {margin-right:-15px; margin-left:-15px;} } /*--Congrats Left Column--Smaller collumn--*/ .congr-leftcol {background:url(../../../images/banners/congratulations/congrats-vaccine.svg) right 10vh no-repeat; background-size:12%; height:auto;} @media (min-width: 480px) { .congr-leftcol {background-position:right bottom; } } @media (min-width: 768px) { .congr-leftcol {position:relative; background:url(../../../images/banners/congratulations/congrats-arrow.svg) left 50% no-repeat, url(../../../images/banners/congratulations/congrats-vaccine.svg) right 45% no-repeat; background-size:25%, 45%;} } @media (min-width: 992px) { .congr-leftcol {background-position:left 72%, right 70%; background-size:25%, 45%; } } @media (min-width: 1200px) { .congr-leftcol {background-position:left 72%, right 70%; background-size:25%, 42%; } } @media (min-width: 1600px) { .congr-leftcol {background-position:left 72%, right 60%; background-size:25%, 42%; } } /*--Congrats Left Column--Larger column--*//*-- .congr-leftcol {background:url(../../../images/banners/congratulations/congrats-vaccine.svg) right 10vh no-repeat; background-size:12%; height:auto;} @media (min-width: 480px) { .congr-leftcol {background-position:right bottom; } } @media (min-width: 768px) { .congr-leftcol {position:relative; background:url(../../../images/banners/congratulations/congrats-arrow.svg) left 50% no-repeat, url(../../../images/banners/congratulations/congrats-vaccine.svg) right 45% no-repeat; background-size:25%, 48%;} } @media (min-width: 992px) { .congr-leftcol {background-position:left 72%, right 60%; background-size:25%, 45%; } } @media (min-width: 1200px) { .congr-leftcol {background-position:left 72%, right 55%; background-size:25%, 42%; } } @media (min-width: 1600px) { .congr-leftcol {background-position:left 72%, right 45%; background-size:25%, 54%; } } --*/ /*--Congrats Right Column--*/ .congr-rightcol {padding:0px 0 15px;} @media (min-width: 480px) { .congr-rightcol {padding:40px 0 0;} } @media (min-width: 768px) { .congr-rightcol {padding:60px 0 0; height:100%; } } @media (min-width: 992px) { .congr-rightcol {padding:35px 0 0; height:70%;} } @media (min-width: 1200px) { .congr-rightcol {padding:5px 0 0; height:70%; } } @media (min-width: 1600px) { .congr-rightcol {padding:5px 0 0;} } /*-- .rowflex.bhcngr {height:88%; position:relative; margin:0;} @media (min-width: 480px) { .rowflex.bhcngr {height:88%; padding:10px 0 0;} } @media (min-width: 768px) { .rowflex.bhcngr {height:85%; padding:10px 0 0;} } @media (min-width: 992px) { .rowflex.bhcngr {height:85%; padding:10px 0 0;} } @media (min-width: 1200px) { .rowflex.bhcngr {height:75%; padding:45px 0 0;} } @media (min-width: 1600px) { .rowflex.bhcngr {height:75%; padding:50px 0 0;} } */ /*--Congrats Left Column--*//*-- .congr-leftcol {background:url(../../../images/banners/congratulations/congrats-vaccine.svg) right 10vh no-repeat; background-size:12%;} @media (min-width: 480px) { .congr-leftcol {background-position:right bottom; } } @media (min-width: 768px) { .congr-leftcol {position:relative; background:url(../../../images/banners/congratulations/congrats-arrow.svg) left 75% no-repeat, url(../../../images/banners/congratulations/congrats-vaccine.svg) right 75% no-repeat; background-size:25%, 48%;} } @media (min-width: 992px) { .congr-leftcol {background-position:left 72%, right 45%; background-size:25%, 54%;} } /*--Congrats Right Column--*//*-- .congr-rightcol {padding:0px 0 0;} @media (min-width: 480px) { .congr-rightcol {padding:40px 0 0;} } @media (min-width: 768px) { .congr-rightcol {padding:60px 0 0;} } @media (min-width: 992px) { .congr-rightcol {padding:5px 0 0;} } @media (min-width: 1200px) { .congr-rightcol {padding:5px 0 0;} } @media (min-width: 1600px) { .congr-rightcol {padding:5px 0 0;} } */ .congr-leftcol .content {display:block; width:100%; height:100%; padding:0; min-height:160px;} /*--REDUCE font sizes when more content is added--*/ .congr-leftcol .content.sml-1 {font-size:90%;} .congr-leftcol .content.sml-2 {font-size:80%;} .congr-leftcol .content.sml-3 {font-size:70%;} /*--Congrats h2 -- Smaller column--*/ .banner-hm-congratulations h2 {display:block; margin:30px 0 0; padding:0; color:#fdb819; text-transform:uppercase; text-align:left; font-family:'GothamBold', Arial, Helvetica, sans-serif; font-size:1.4em;} @media (min-width: 480px) { .banner-hm-congratulations h2 {font-size:1.5em; margin:10px 0 0;} } @media (min-width: 768px) { .banner-hm-congratulations h2 {font-size:1.5em; margin:22px 0 0;} } @media (min-width: 992px) { .banner-hm-congratulations h2 {font-size:1.2em; margin:2px 0 5px 0;} } @media (min-width: 1250px) { .banner-hm-congratulations h2 {font-size:1.15em; margin:2px 0 8px 0;} } @media (min-width: 1600px) { .banner-hm-congratulations h2 {font-size:1.26em; margin:2px 0 8px 0;} } /*--Congrats h2 -- Larger column--*//*-- .banner-hm-congratulations h2 {display:block; margin:30px 0 0; padding:0; color:#fdb819; text-transform:uppercase; text-align:left; font-family:'GothamBold', Arial, Helvetica, sans-serif; font-size:1.4em;} @media (min-width: 480px) { .banner-hm-congratulations h2 {font-size:1.5em; margin:10px 0 0;} } @media (min-width: 768px) { .banner-hm-congratulations h2 {font-size:1.6em; margin:22px 0 0;} } @media (min-width: 992px) { .banner-hm-congratulations h2 {font-size:1.6em; margin:0 0 5px 0;} } @media (min-width: 1250px) { .banner-hm-congratulations h2 {font-size:1.7em; margin:0 0 8px 0;} } @media (min-width: 1600px) { .banner-hm-congratulations h2 {font-size:2.0em; margin:0 0 8px 0;} } --*/ h4.congr-perc {color:#babbbc; text-align:center; font-family:'GothamBlack', Arial, Helvetica, sans-serif; font-size:1.5em; margin:0; z-index:100; margin:0px 0 0px 0; line-height:1em;} @media (min-width: 480px) { h4.congr-perc {font-size:1.5em; margin:0px 0 0px 0;} } @media (min-width: 768px) { h4.congr-perc {font-size:1.5em; margin:0px 0 0px 0;} } @media (min-width: 992px) { h4.congr-perc {font-size:1.6em; margin:-5px 0 0px 0;} } @media (min-width: 1200px) { h4.congr-perc {font-size:1.65em; margin:0px 0 0px 0;} } @media (min-width: 1600px) { h4.congr-perc {font-size:1.7em; margin:0px 0 0px 0;} } .cp-color-1 h4.congr-perc {color:#0054a6;} .cp-color-2 h4.congr-perc {color:#68c9d0;} .cp-color-3 h4.congr-perc {color:#6ba9dc;} .cp-color-4 h4.congr-perc {color:#001f3d;} .banner-hm-congratulations p {display:block; min-height:20px; position:relative !important; left:auto; right:auto; top:auto; bottom:auto; color:#babbbc; text-align:center; font-family:'GothamMedium', Arial, Helvetica, sans-serif; font-size:0.7em; line-height:1.1em; margin:0.4vh auto 0px auto; text-shadow:none;} @media (min-width: 480px) { .banner-hm-congratulations p {} } @media (min-width: 768px) { .banner-hm-congratulations p {} } @media (min-width: 992px) { .banner-hm-congratulations p {} } @media (min-width: 1200px) { .banner-hm-congratulations p {font-size:0.73em; margin:0 auto 0 auto; min-height:15px;} } @media (min-width: 1600px) { .banner-hm-congratulations p {font-size:0.73em; margin:0 auto 0 auto;} } /*--Smaller column--*/ .banner-hm-congratulations p.lead {display:block; color:#fff; text-transform:none; width:100%; font-size:1.3em; line-height:1.3em; text-align:left; font-family:'GothamMedium', Arial, Helvetica, sans-serif; margin:0;} @media (min-width: 480px) { .banner-hm-congratulations p.lead {font-size:1.2em;} } @media (min-width: 768px) { .banner-hm-congratulations p.lead {font-size:1.15em;} } @media (min-width: 992px) { .banner-hm-congratulations p.lead {width:100%; font-size:1.2em;} } @media (min-width: 1200px) { .banner-hm-congratulations p.lead {width:100%; font-size:1.3em;} } @media (min-width: 1600px) { .banner-hm-congratulations p.lead {width:100%; font-size:1.35em;} } /*--Larger column-- .banner-hm-congratulations p.lead {display:block; color:#fff; text-transform:none; width:100%; font-size:1.3em; line-height:1.3em; text-align:left; font-family:'GothamMedium', Arial, Helvetica, sans-serif; margin:0;} @media (min-width: 480px) { .banner-hm-congratulations p.lead {font-size:1.2em;} } @media (min-width: 768px) { .banner-hm-congratulations p.lead {font-size:1.15em;} } @media (min-width: 992px) { .banner-hm-congratulations p.lead {width:100%; font-size:1.2em;} } @media (min-width: 1200px) { .banner-hm-congratulations p.lead {width:80%; font-size:1.35em;} } @media (min-width: 1600px) { .banner-hm-congratulations p.lead {width:55%; font-size:1.4em;} } --*/ .banner-hm-congratulations img {display:block; z-index:0; width:100%; max-width:90% !important; margin:0 auto;} img.congr-hashtags {position:absolute; bottom:0px; left:15px; width:70%; max-width:250px;} @media (min-width: 768px) { img.congr-hashtags {max-width:300px;} } .congr-blank-1 {background:#6ba9dc !important;} .congr-blank-2 {background:#68c9d0 !important;} .congr-blank-3 {background:#406ab3 !important;} .congr-blank-4 {background:#0054a6 !important;} /*--Flex Congrats Column-- 3 Rows --*/ .fxccol {-ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 0; position:relative; padding-right:2px !important; padding-left:2px !important; margin-bottom:8px; -ms-flex-pack: center !important; justify-content: center !important; background:#fff; border-right:8px solid #0054a6; padding:5px 0; height:auto; min-height:104px;} @media (min-width: 480px) { .fxccol {height:auto; } } @media (min-width: 768px) { .fxccol {height:auto; } } @media (min-width: 992px) { .fxccol {height:auto; } } @media (min-width: 1200px) { .fxccol {height:auto; } } @media (min-width: 1600px) { .fxccol {height:auto; } } /*--Flex Congrats Column-- 4 Rows -- .fxccol {-ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; position:relative; padding-right:2px !important; padding-left:2px !important; margin-bottom:4px; -ms-flex-pack: center !important; justify-content: center !important; background:#fff; border-right:4px solid #0054a6; padding:5px 0; height:auto; max-height:20vh; min-height:104px;} @media (min-width: 480px) { .fxccol {max-height:15vh; } } @media (min-width: 768px) { .fxccol {max-height:16vh; } } @media (min-width: 992px) { .fxccol {max-height:17vh; } } @media (min-width: 1200px) { .fxccol {max-height:16.5vh; } } @media (min-width: 1600px) { .fxccol {max-height:20vh; } } --*/ /*--REDUCE font-sizes and spacing when adding more content--*/ .fontsmaller-1 {font-size:90%;} .banner-hm-congratulations.fontsmaller- p {min-height:26px; font-size:0.7em; line-height:1.1em; margin:0.4vh auto 0 auto;} .fontsmaller-2 {font-size:85%;} .banner-hm-congratulations.fontsmaller-2 p {min-height:26.5px; font-size:0.7em; line-height:1.1em; margin:0.3vh auto 0 auto;} .fontsmaller-3 {font-size:80%;} .banner-hm-congratulations.fontsmaller-3 p {min-height:26.5px; font-size:0.7em; line-height:1.05em; margin:0.2vh auto 0 auto;} .fontsmaller-4 {font-size:75%;} .banner-hm-congratulations.fontsmaller-4 p {min-height:26.5px; font-size:0.7em; line-height:1.05em; margin:0.1vh auto 0 auto;} .fontsmaller-5 {font-size:70%;} .banner-hm-congratulations.fontsmaller-5 p {min-height:26.5px; font-size:0.7em; line-height:1em; margin:0 auto 0 auto;} .fontsmaller-6 {font-size:65%;} .banner-hm-congratulations.fontsmaller-6 p {min-height:26.5px; font-size:0.7em; line-height:1em; margin:0 auto 0 auto;} .fontsmaller-7 {font-size:60%;} .banner-hm-congratulations.fontsmaller-7 p {min-height:26.5px; font-size:0.7em; line-height:1em; margin:0 auto 0 auto;} /*-------------------END CONGRATS------------------------------------------*/ /*--CEO's columns--*/ a.ceo-nolitha-fakude {background:url(../../../images/banners/ceo-vaccination/ceo-nolitha-fakude.jpg); } a.ceo-nolitha-fakude:hover {background:url(../../../images/banners/ceo-vaccination/ceo-nolitha-fakude-h.jpg); } a.ceo-roger-baxter {background:url(../../../images/banners/ceo-vaccination/ceo-roger-baxter.jpg);} a.ceo-roger-baxter:hover {background:url(../../../images/banners/ceo-vaccination/ceo-roger-baxter-h.jpg);} a.ceo-peter-steenkamp {background:url(../../../images/banners/ceo-vaccination/ceo-peter-steenkamp.jpg);} a.ceo-peter-steenkamp:hover {background:url(../../../images/banners/ceo-vaccination/ceo-peter-steenkamp-h.jpg);} a.ceo-paul-dunne {background:url(../../../images/banners/ceo-vaccination/ceo-paul-dunne.jpg);} a.ceo-paul-dunne:hover {background:url(../../../images/banners/ceo-vaccination/ceo-paul-dunne-h.jpg);} a.ceo-martin-preece {background:url(../../../images/banners/ceo-vaccination/ceo-martin-preece.jpg);} a.ceo-martin-preece:hover {background:url(../../../images/banners/ceo-vaccination/ceo-martin-preece-h.jpg);} a.ceo-mxolisi-mgojo {background:url(../../../images/banners/ceo-vaccination/ceo-mxolisi-mgojo.jpg);} a.ceo-mxolisi-mgojo:hover {background:url(../../../images/banners/ceo-vaccination/ceo-mxolisi-mgojo-h.jpg);} a.ceo-mike-teke {background:url(../../../images/banners/ceo-vaccination/ceo-mike-teke.jpg);} a.ceo-mike-teke:hover {background:url(../../../images/banners/ceo-vaccination/ceo-mike-teke-h.jpg);} a.ceo-sietse-vd-woude {background:url(../../../images/banners/ceo-vaccination/ceo-sietse-vd-woude.jpg);} a.ceo-sietse-vd-woude:hover {background:url(../../../images/banners/ceo-vaccination/ceo-sietse-vd-woude-h.jpg);} a.ceo-harry-groenewald {background:url(../../../images/banners/ceo-vaccination/ceo-harry-groenewald.jpg);} a.ceo-harry-groenewald:hover {background:url(../../../images/banners/ceo-vaccination/ceo-harry-groenewald-h.jpg);} a.ceo-errol-smart {background:url(../../../images/banners/ceo-vaccination/ceo-errol-smart.jpg);} a.ceo-errol-smart:hover {background:url(../../../images/banners/ceo-vaccination/ceo-errol-smart-h.jpg);} a.ceo-japie-fullard {background:url(../../../images/banners/ceo-vaccination/ceo-japie-fullard.jpg);} a.ceo-japie-fullard:hover {background:url(../../../images/banners/ceo-vaccination/ceo-japie-fullard-h.jpg);} a.ceo-steve-phiri {background:url(../../../images/banners/ceo-vaccination/ceo-steve-phiri.jpg);} a.ceo-steve-phiri:hover {background:url(../../../images/banners/ceo-vaccination/ceo-steve-phiri-h.jpg);} a.ceo-neal-froneman {background:url(../../../images/banners/ceo-vaccination/ceo-neal-froneman.jpg);} a.ceo-neal-froneman:hover {background:url(../../../images/banners/ceo-vaccination/ceo-neal-froneman-h.jpg);} a.ceo-natascha-viljoen {background:url(../../../images/banners/ceo-vaccination/ceo-natascha-viljoen.jpg);} a.ceo-natascha-viljoen:hover {background:url(../../../images/banners/ceo-vaccination/ceo-natascha-viljoen-h.jpg);} a.ceo-themba-mkhwanazi {background:url(../../../images/banners/ceo-vaccination/ceo-themba-mkhwanazi.jpg);} a.ceo-themba-mkhwanazi:hover {background:url(../../../images/banners/ceo-vaccination/ceo-themba-mkhwanazi-h.jpg);} a.ceo-sicelo-ntuli {background:url(../../../images/banners/ceo-vaccination/ceo-sicelo-ntuli.jpg);} a.ceo-sicelo-ntuli:hover {background:url(../../../images/banners/ceo-vaccination/ceo-sicelo-ntuli-h.jpg);} a.ceo-lucky-kgatle {background:url(../../../images/banners/ceo-vaccination/ceo-lucky-kgatle.jpg);} a.ceo-lucky-kgatle:hover {background:url(../../../images/banners/ceo-vaccination/ceo-lucky-kgatle-h.jpg);} a.ceo-mpumi-zikalaka {background:url(../../../images/banners/ceo-vaccination/ceo-mpumi-zikalaka.jpg);} a.ceo-mpumi-zikalaka:hover {background:url(../../../images/banners/ceo-vaccination/ceo-mpumi-zikalaka-h.jpg);} a.ceo-nico-pienaar {background:url(../../../images/banners/ceo-vaccination/ceo-nico-pienaar.jpg);} a.ceo-nico-pienaar:hover {background:url(../../../images/banners/ceo-vaccination/ceo-nico-pienaar-h.jpg);} a.ceo-barend-petersen {background:url(../../../images/banners/ceo-vaccination/ceo-barend-petersen.jpg);} a.ceo-barend-petersen:hover {background:url(../../../images/banners/ceo-vaccination/ceo-barend-petersen-h.jpg);} a.ceo-july-ndlovu {background:url(../../../images/banners/ceo-vaccination/ceo-july-ndlovu.jpg);} a.ceo-july-ndlovu:hover {background:url(../../../images/banners/ceo-vaccination/ceo-july-ndlovu-h.jpg);} a.ceo-mariana-lamont {background:url(../../../images/banners/ceo-vaccination/ceo-mariana-lamont.jpg);} a.ceo-mariana-lamont:hover {background:url(../../../images/banners/ceo-vaccination/ceo-mariana-lamont-h.jpg);} a.ceo-fortune-mojapelo {background:url(../../../images/banners/ceo-vaccination/ceo-fortune-mojapelo.jpg);} a.ceo-fortune-mojapelo:hover {background:url(../../../images/banners/ceo-vaccination/ceo-fortune-mojapelo-h.jpg);} a.ceo-banzi-giyose {background:url(../../../images/banners/ceo-vaccination/ceo-banzi-giyose.jpg);} a.ceo-banzi-giyose:hover {background:url(../../../images/banners/ceo-vaccination/ceo-banzi-giyose-h.jpg);} a.ceo-lee-mccann {background:url(../../../images/banners/ceo-vaccination/ceo-lee-mccann.jpg);} a.ceo-lee-mccann:hover {background:url(../../../images/banners/ceo-vaccination/ceo-lee-mccann-h.jpg);} a.ceo-nico-muller {background:url(../../../images/banners/ceo-vaccination/ceo-nico-muller.jpg);} a.ceo-nico-muller:hover {background:url(../../../images/banners/ceo-vaccination/ceo-nico-muller-h.jpg);} a.ceo-gerhard-potgieter {background:url(../../../images/banners/ceo-vaccination/ceo-gerhard-potgieter.jpg);} a.ceo-gerhard-potgieter:hover {background:url(../../../images/banners/ceo-vaccination/ceo-gerhard-potgieter-h.jpg);} a.ceo-pieter-van-greunen {background:url(../../../images/banners/ceo-vaccination/ceo-pieter-van-greunen.jpg);} a.ceo-pieter-van-greunen:hover {background:url(../../../images/banners/ceo-vaccination/ceo-pieter-van-greunen-h.jpg);} a.ceo-nombasa-tsenga {background:url(../../../images/banners/ceo-vaccination/ceo-nombasa-tsenga.jpg);} a.ceo-nombasa-tsenga:hover {background:url(../../../images/banners/ceo-vaccination/ceo-nombasa-tsenga-h.jpg);} a.ceo-thuthula-balfour {background:url(../../../images/banners/ceo-vaccination/ceo-thuthula-balfour.jpg);} a.ceo-thuthula-balfour:hover {background:url(../../../images/banners/ceo-vaccination/ceo-thuthula-balfour-h.jpg);} a.ceo-thembelani-gantsho {background:url(../../../images/banners/ceo-vaccination/ceo-thembelani-gantsho.jpg);} a.ceo-thembelani-gantsho:hover {background:url(../../../images/banners/ceo-vaccination/ceo-thembelani-gantsho-h.jpg);} a.ceo-george-ashworth {background:url(../../../images/banners/ceo-vaccination/ceo-george-ashworth.jpg);} a.ceo-george-ashworth:hover {background:url(../../../images/banners/ceo-vaccination/ceo-george-ashworth-h.jpg);} a.ceo-mike-schmidt {background:url(../../../images/banners/ceo-vaccination/ceo-mike-schmidt.jpg);} a.ceo-mike-schmidt:hover {background:url(../../../images/banners/ceo-vaccination/ceo-mike-schmidt-h.jpg);} a.ceo-lee-ann-samuel {background:url(../../../images/banners/ceo-vaccination/ceo-lee-ann-samuel.jpg);} a.ceo-lee-ann-samuel:hover {background:url(../../../images/banners/ceo-vaccination/ceo-lee-ann-samuel-h.jpg);} a.ceo-laxman-shekhwat {background:url(../../../images/banners/ceo-vaccination/ceo-laxman-shekhwat.jpg);} a.ceo-laxman-shekhwat:hover {background:url(../../../images/banners/ceo-vaccination/ceo-laxman-shekhwat-h.jpg);} a.ceo-pushpender-singla {background:url(../../../images/banners/ceo-vaccination/ceo-pushpender-singla.jpg);} a.ceo-pushpender-singla:hover {background:url(../../../images/banners/ceo-vaccination/ceo-pushpender-singla-h.jpg);} a.ceo-jon-andrews {background:url(../../../images/banners/ceo-vaccination/ceo-jon-andrews.jpg);} a.ceo-jon-andrews:hover {background:url(../../../images/banners/ceo-vaccination/ceo-jon-andrews-h.jpg);} a.ceo-mike-fraser {background:url(../../../images/banners/ceo-vaccination/ceo-mike-fraser.jpg);} a.ceo-mike-fraser:hover {background:url(../../../images/banners/ceo-vaccination/ceo-mike-fraser-h.jpg);} a.ceo-cheryl-carolus {background:url(../../../images/banners/ceo-vaccination/ceo-cheryl-carolus.jpg);} a.ceo-cheryl-carolus:hover {background:url(../../../images/banners/ceo-vaccination/ceo-cheryl-carolus-h.jpg);} a.ceo-sean-jenniker {background:url(../../../images/banners/ceo-vaccination/ceo-sean-jenniker.jpg);} a.ceo-sean-jenniker:hover {background:url(../../../images/banners/ceo-vaccination/ceo-sean-jenniker-h.jpg);} a.ceo-gerrit-lotz {background:url(../../../images/banners/ceo-vaccination/ceo-gerrit-lotz.jpg);} a.ceo-gerrit-lotz:hover {background:url(../../../images/banners/ceo-vaccination/ceo-gerrit-lotz-h.jpg);} a.ceo-james-wellsted {background:url(../../../images/banners/ceo-vaccination/ceo-james-wellsted.jpg);} a.ceo-james-wellsted:hover {background:url(../../../images/banners/ceo-vaccination/ceo-james-wellsted-h.jpg);} a.ceo-niks-lesufi {background:url(../../../images/banners/ceo-vaccination/ceo-niks-lesufi.jpg);} a.ceo-niks-lesufi:hover {background:url(../../../images/banners/ceo-vaccination/ceo-niks-lesufi-h.jpg);} a.ceo-mzila-mthenjane {background:url(../../../images/banners/ceo-vaccination/ceo-mzila-mthenjane.jpg);} a.ceo-mzila-mthenjane:hover {background:url(../../../images/banners/ceo-vaccination/ceo-mzila-mthenjane-h.jpg);} a.ceo-riaan-koppeschaar {background:url(../../../images/banners/ceo-vaccination/ceo-riaan-koppeschaar.jpg);} a.ceo-riaan-koppeschaar:hover {background:url(../../../images/banners/ceo-vaccination/ceo-riaan-koppeschaar-h.jpg);} a.ceo-marian-van-der-walt {background:url(../../../images/banners/ceo-vaccination/ceo-marian-van-der-walt.jpg);} a.ceo-marian-van-der-walt:hover {background:url(../../../images/banners/ceo-vaccination/ceo-marian-van-der-walt-h.jpg);} a.ceo-david-kovarsky {background:url(../../../images/banners/ceo-vaccination/ceo-david-kovarsky.jpg);} a.ceo-david-kovarsky:hover {background:url(../../../images/banners/ceo-vaccination/ceo-david-kovarsky-h.jpg);} a.ceo-richard-aston {background:url(../../../images/banners/ceo-vaccination/ceo-richard-aston.jpg);} a.ceo-richard-aston:hover {background:url(../../../images/banners/ceo-vaccination/ceo-richard-aston-h.jpg);} a.ceo-malose-chaba {background:url(../../../images/banners/ceo-vaccination/ceo-malose-chaba.jpg);} a.ceo-malose-chaba:hover {background:url(../../../images/banners/ceo-vaccination/ceo-malose-chaba-h.jpg);} a.ceo-brigadier-nash-lutchman {background:url(../../../images/banners/ceo-vaccination/ceo-brigadier-nash-lutchman.jpg);} a.ceo-brigadier-nash-lutchman:hover {background:url(../../../images/banners/ceo-vaccination/ceo-brigadier-nash-lutchman-h.jpg);} a.ceo-neil-carr {background:url(../../../images/banners/ceo-vaccination/ceo-neil-carr.jpg);} a.ceo-neil-carr:hover {background:url(../../../images/banners/ceo-vaccination/ceo-neil-carr-h.jpg);} a.ceo-vicky-tlhabanelo {background:url(../../../images/banners/ceo-vaccination/ceo-vicky-tlhabanelo.jpg);} a.ceo-vicky-tlhabanelo:hover {background:url(../../../images/banners/ceo-vaccination/ceo-vicky-tlhabanelo-h.jpg);} a.ceo-philip-coetzer {background:url(../../../images/banners/ceo-vaccination/ceo-philip-coetzer.jpg);} a.ceo-philip-coetzer:hover {background:url(../../../images/banners/ceo-vaccination/ceo-philip-coetzer-h.jpg);} a.ceo-dr-ridwaan-ibrahim {background:url(../../../images/banners/ceo-vaccination/ceo-dr-ridwaan-ibrahim.jpg);} a.ceo-dr-ridwaan-ibrahim:hover {background:url(../../../images/banners/ceo-vaccination/ceo-dr-ridwaan-ibrahim-h.jpg);} a.ceo-dr-tumi-legobye {background:url(../../../images/banners/ceo-vaccination/ceo-dr-tumi-legobye.jpg);} a.ceo-dr-tumi-legobye:hover {background:url(../../../images/banners/ceo-vaccination/ceo-dr-tumi-legobye-h.jpg);} a.ceo-mashego-mashego {background:url(../../../images/banners/ceo-vaccination/ceo-mashego-mashego.jpg);} a.ceo-mashego-mashego:hover {background:url(../../../images/banners/ceo-vaccination/ceo-mashego-mashego-h.jpg);} a.ceo-beyers-nel {background:url(../../../images/banners/ceo-vaccination/ceo-beyers-nel.jpg);} a.ceo-beyers-nel:hover {background:url(../../../images/banners/ceo-vaccination/ceo-beyers-nel-h.jpg);} a.ceo-phillip-tobias {background:url(../../../images/banners/ceo-vaccination/ceo-phillip-tobias.jpg);} a.ceo-phillip-tobias:hover {background:url(../../../images/banners/ceo-vaccination/ceo-phillip-tobias-h.jpg);} a.ceo-abre-van-vuuren {background:url(../../../images/banners/ceo-vaccination/ceo-abre-van-vuuren.jpg);} a.ceo-abre-van-vuuren:hover {background:url(../../../images/banners/ceo-vaccination/ceo-abre-van-vuuren-h.jpg);} a.ceo-francois-uys {background:url(../../../images/banners/ceo-vaccination/ceo-francois-uys.jpg);} a.ceo-francois-uys:hover {background:url(../../../images/banners/ceo-vaccination/ceo-francois-uys-h.jpg);} a.ceo-robert-van-niekerk {background:url(../../../images/banners/ceo-vaccination/ceo-robert-van-niekerk.jpg);} a.ceo-robert-van-niekerk:hover {background:url(../../../images/banners/ceo-vaccination/ceo-robert-van-niekerk-h.jpg);} a.ceo-thabo-masike {background:url(../../../images/banners/ceo-vaccination/ceo-thabo-masike.jpg);} a.ceo-thabo-masike:hover {background:url(../../../images/banners/ceo-vaccination/ceo-thabo-masike-h.jpg);} a.ceo-andre-joubert {background:url(../../../images/banners/ceo-vaccination/ceo-andre-joubert.jpg);} a.ceo-andre-joubert:hover {background:url(../../../images/banners/ceo-vaccination/ceo-andre-joubert-h.jpg);} a.ceo-thando-mkatshana {background:url(../../../images/banners/ceo-vaccination/ceo-thando-mkatshana.jpg);} a.ceo-thando-mkatshana:hover {background:url(../../../images/banners/ceo-vaccination/ceo-thando-mkatshana-h.jpg);} a.ceo-lindiwe-montshiwagae {background:url(../../../images/banners/ceo-vaccination/ceo-lindiwe-montshiwagae.jpg);} a.ceo-lindiwe-montshiwagae:hover {background:url(../../../images/banners/ceo-vaccination/ceo-lindiwe-montshiwagae-h.jpg);} a.ceo-johan-van-schalkwyk {background:url(../../../images/banners/ceo-vaccination/ceo-johan-van-schalkwyk.jpg);} a.ceo-johan-van-schalkwyk:hover {background:url(../../../images/banners/ceo-vaccination/ceo-johan-van-schalkwyk-h.jpg);} a.ceo-lesego-mataboge {background:url(../../../images/banners/ceo-vaccination/ceo-lesego-mataboge.jpg);} a.ceo-lesego-mataboge:hover {background:url(../../../images/banners/ceo-vaccination/ceo-lesego-mataboge-h.jpg);} a.ceo-mpumi-sithole {background:url(../../../images/banners/ceo-vaccination/ceo-mpumi-sithole.jpg);} a.ceo-mpumi-sithole:hover {background:url(../../../images/banners/ceo-vaccination/ceo-mpumi-sithole-h.jpg);} a.ceo-leslie-martin {background:url(../../../images/banners/ceo-vaccination/ceo-leslie-martin.jpg);} a.ceo-leslie-martin:hover {background:url(../../../images/banners/ceo-vaccination/ceo-leslie-martin-h.jpg);} a.ceo-chris-griffith {background:url(../../../images/banners/ceo-vaccination/ceo-chris-griffith.jpg);} a.ceo-chris-griffith:hover {background:url(../../../images/banners/ceo-vaccination/ceo-chris-griffith-h.jpg);} a.ceo-carina-venter {background:url(../../../images/banners/ceo-vaccination/ceo-carina-venter.jpg);} a.ceo-carina-venter:hover {background:url(../../../images/banners/ceo-vaccination/ceo-carina-venter-h.jpg);} a.ceo-bernard-dalton {background:url(../../../images/banners/ceo-vaccination/ceo-bernard-dalton.jpg);} a.ceo-bernard-dalton:hover {background:url(../../../images/banners/ceo-vaccination/ceo-bernard-dalton-h.jpg);} a.ceo-XXXX {background:url(../../../images/banners/ceo-vaccination/ceo-XXXX.jpg);} a.ceo-XXXX:hover {background:url(../../../images/banners/ceo-vaccination/ceo-XXXX-h.jpg);} a.ceo-XXXX {background:url(../../../images/banners/ceo-vaccination/ceo-XXXX.jpg);} a.ceo-XXXX:hover {background:url(../../../images/banners/ceo-vaccination/ceo-XXXX-h.jpg);} a.ceo-blank {background:#346595;} a.ceo-blank:hover {background:#346595; transform:scale(1);} .fxcol a span {display:block; width:100%; height:30%; position:absolute; left:0; bottom:0; z-index:0; background:linear-gradient(to top, rgba(0,0,0,0.7), rgba(0,0,0,0));} /*--BS4 FLEXBOX SYSTEM--*/ .rowflex {display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px;} .rowflex .col-1, .rowflex .col-2, .rowflex .col-3, .rowflex .col-4, .rowflex .col-5, .rowflex .col-6, .rowflex .col-7, .rowflex .col-8, .rowflex .col-9, .rowflex .col-10, .rowflex .col-11, .rowflex .col-12, .rowflex .col, .rowflex .col-auto, .rowflex .col-sm-1, .rowflex .col-sm-2, .rowflex .col-sm-3, .rowflex .col-sm-4, .rowflex .col-sm-5, .rowflex .col-sm-6, .rowflex .col-sm-7, .rowflex .col-sm-8, .rowflex .col-sm-9, .rowflex .col-sm-10, .rowflex .col-sm-11, .rowflex .col-sm-12, .rowflex .col-sm, .rowflex .col-sm-auto, .rowflex .col-md-1, .rowflex .col-md-2, .rowflex .col-md-3, .rowflex .col-md-4, .rowflex .col-md-5, .rowflex .col-md-6, .rowflex .col-md-7, .rowflex .col-md-8, .rowflex .col-md-9, .rowflex .col-md-10, .rowflex .col-md-11, .rowflex .col-md-12, .rowflex .col-md, .rowflex .col-md-auto, .rowflex .col-lg-1, .rowflex .col-lg-2, .rowflex .col-lg-3, .rowflex .col-lg-4, .rowflex .col-lg-5, .rowflex .col-lg-6, .rowflex .col-lg-7, .rowflex .col-lg-8, .rowflex .col-lg-9, .rowflex .col-lg-10, .rowflex .col-lg-11, .rowflex .col-lg-12, .rowflex .col-lg, .rowflex .col-lg-auto, .rowflex .col-xl-1, .rowflex .col-xl-2, .rowflex .col-xl-3, .rowflex .col-xl-4, .rowflex .col-xl-5, .rowflex .col-xl-6, .rowflex .col-xl-7, .rowflex .col-xl-8, .rowflex .col-xl-9, .rowflex .col-xl-10, .rowflex .col-xl-11, .rowflex .col-xl-12, .rowflex .col-xl, .rowflex .col-xl-auto {position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px;} .rowflex .col {-ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%;} .rowflex .col-auto {-ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none;} .rowflex .col-1 {-ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%;} .rowflex .col-2 {-ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;} .rowflex .col-3 {-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;} .rowflex .col-4 {-ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;} .rowflex .col-5 {-ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%;} .rowflex .col-6 {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;} .rowflex .col-7 {-ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%;} .rowflex .col-8 {-ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%;} .rowflex .col-9 {-ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%;} .rowflex .col-10 {-ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%;} .rowflex .col-11 {-ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%;} .rowflex .col-12 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;} @media (min-width:576px){.rowflex .col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.rowflex .col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.rowflex .col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.rowflex .col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.rowflex .col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.rowflex .col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.rowflex .col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.rowflex .col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.rowflex .col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.rowflex .col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.rowflex .col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.rowflex .col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.rowflex .col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.rowflex .col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}} @media (min-width:768px){.rowflex .col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.rowflex .col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.rowflex .col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.rowflex .col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.rowflex .col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.rowflex .col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.rowflex .col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.rowflex .col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.rowflex .col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.rowflex .col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.rowflex .col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.rowflex .col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.rowflex .col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.rowflex .col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}} @media (min-width:992px){.rowflex .col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.rowflex .col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.rowflex .col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.rowflex .col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.rowflex .col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.rowflex .col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.rowflex .col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.rowflex .col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.rowflex .col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.rowflex .col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.rowflex .col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.rowflex .col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.rowflex .col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.rowflex .col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}} @media (min-width:1200px){.rowflex .col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.rowflex .col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.rowflex .col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.rowflex .col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.rowflex .col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.rowflex .col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.rowflex .col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.rowflex .col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.rowflex .col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.rowflex .col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.rowflex .col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.rowflex .col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.rowflex .col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.rowflex .col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}} /*--Auto column width--*/ .col, .col-xs, .col-sm, .col-md, .col-lg {-ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none;} @media (min-width: 480px) { .col, .col-xs, .col-sm, .col-md, .col-lg {-ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none;} } @media (min-width: 768px) { .col, .col-xs, .col-sm, .col-md, .col-lg {-ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none;} } @media (min-width: 992px) { .col, .col-xs, .col-sm, .col-md, .col-lg {-ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none;} } @media (min-width: 1200px) { .col, .col-xs, .col-sm, .col-md, .col-lg {-ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none;} } @media (min-width: 1600px) { .col, .col-xs, .col-sm, .col-md, .col-lg {-ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none;} } /*--5 Column--*/ .col-xl-5c {position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; -ms-flex:inherit; flex:inherit; max-width:inherit;} @media (min-width: 480px) { .col-xl-5c {-ms-flex:inherit; flex:inherit; max-width:inherit;} } @media (min-width: 768px) { .col-xl-5c {-ms-flex:inherit; flex:inherit; max-width:inherit;} } @media (min-width: 992px) { .col-xl-5c {-ms-flex:inherit; flex:inherit; max-width:inherit;} } @media (min-width: 1200px) { .col-xl-5c {-ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;} } @media (min-width: 1600px) { .col-xl-5c {-ms-flex: 0 0 20% !important; flex: 0 0 20% !important; max-width: 20% !important;} } .col-lg-5c {position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; -ms-flex:inherit; flex:inherit; max-width:inherit;;} @media (min-width: 480px) { .col-lg-5c {-ms-flex:inherit; flex:inherit; max-width:inherit;} } @media (min-width: 768px) { .col-lg-5c {-ms-flex:inherit; flex:inherit; max-width:inherit;} } @media (min-width: 992px) { .col-lg-5c {-ms-flex:inherit; flex:inherit; max-width:inherit;} } @media (min-width: 1200px) { .col-lg-5c {-ms-flex: 0 0 20% !important; flex: 0 0 20% !important; max-width: 20% !important;} } @media (min-width: 1600px) { .col-lg-5c {-ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;} } .col-md-5c {position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; -ms-flex:inherit; flex:inherit; max-width:inherit;;} @media (min-width: 480px) { .col-md-5c {-ms-flex:inherit; flex:inherit; max-width:inherit;} } @media (min-width: 768px) { .col-md-5c {-ms-flex:inherit; flex:inherit; max-width:inherit;} } @media (min-width: 992px) { .col-md-5c {-ms-flex: 0 0 20% !important; flex: 0 0 20% !important; max-width: 20% !important;} } @media (min-width: 1200px) { .col-md-5c {-ms-flex:inherit; flex:inherit; max-width:inherit;} } @media (min-width: 1600px) { .col-md-5c {-ms-flex:inherit; flex:inherit; max-width:inherit;} } /*--7 Column--*/ .col-lg-7c {position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; -ms-flex:inherit; flex:inherit; max-width:inherit;} @media (min-width: 480px) { .col-lg-7c {-ms-flex:inherit; flex:inherit; max-width:inherit;} } @media (min-width: 768px) { .col-lg-7c {-ms-flex:inherit; flex:inherit; max-width:inherit;} } @media (min-width: 992px) { .col-lg-7c {-ms-flex:inherit; flex:inherit; max-width:inherit;} } @media (min-width: 1200px) { .col-lg-7c {-ms-flex: 0 0 14.28% !important; flex: 0 0 14.28% !important; max-width: 14.28% !important;} } @media (min-width: 1600px) { .col-lg-7c {-ms-flex: 0 0 14.28%; flex: 0 0 14.28%; max-width: 14.28%;} } .col-md-7c {position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; -ms-flex:inherit; flex:inherit; max-width:inherit;} @media (min-width: 480px) { .col-md-7c {-ms-flex:inherit; flex:inherit; max-width:inherit;} } @media (min-width: 768px) { .col-md-7c {-ms-flex:inherit; flex:inherit; max-width:inherit;} } @media (min-width: 992px) { .col-md-7c {-ms-flex: 0 0 14.28% !important; flex: 0 0 14.28% !important; max-width: 14.28% !important;} } @media (min-width: 1200px) { .col-md-7c {-ms-flex:inherit; flex:inherit; max-width:inherit;} } @media (min-width: 1600px) { .col-md-7c {-ms-flex:inherit; flex:inherit; max-width:inherit;} } /*--8 Column--*/ .col-lg-8c {position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; -ms-flex:inherit; flex:inherit; max-width:inherit;} @media (min-width: 480px) { .col-lg-8c {-ms-flex:inherit; flex:inherit; max-width:inherit;} } @media (min-width: 768px) { .col-lg-8c {-ms-flex:inherit; flex:inherit; max-width:inherit;} } @media (min-width: 992px) { .col-lg-8c {-ms-flex:inherit; flex:inherit; max-width:inherit;} } @media (min-width: 1200px) { .col-lg-8c {-ms-flex: 0 0 12.5% !important; flex: 0 0 12.5% !important; max-width: 12.5% !important;} } @media (min-width: 1600px) { .col-lg-8c {-ms-flex: 0 0 12.5%; flex: 0 0 14.28%; max-width: 12.5%;} } .col-md-8c {position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; -ms-flex:inherit; flex:inherit; max-width:inherit;} @media (min-width: 480px) { .col-md-8c {-ms-flex:inherit; flex:inherit; max-width:inherit;} } @media (min-width: 768px) { .col-md-8c {-ms-flex:inherit; flex:inherit; max-width:inherit;} } @media (min-width: 992px) { .col-md-8c {-ms-flex: 0 0 12.5% !important; flex: 0 0 12.5% !important; max-width: 12.5% !important;} } @media (min-width: 1200px) { .col-md-8c {-ms-flex:inherit; flex:inherit; max-width:inherit;} } @media (min-width: 1600px) { .col-md-8c {-ms-flex:inherit; flex:inherit; max-width:inherit;} } /*--9 Column--*/ .col-lg-9c {position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; -ms-flex:inherit; flex:inherit; max-width:inherit;} @media (min-width: 480px) { .col-lg-9c {-ms-flex:inherit; flex:inherit; max-width:inherit;} } @media (min-width: 768px) { .col-lg-9c {-ms-flex:inherit; flex:inherit; max-width:inherit;} } @media (min-width: 992px) { .col-lg-9c {-ms-flex:inherit; flex:inherit; max-width:inherit;} } @media (min-width: 1200px) { .col-lg-9c {-ms-flex: 0 0 11.1% !important; flex: 0 0 11.1% !important; max-width: 11.1% !important;} } @media (min-width: 1600px) { .col-lg-9c {-ms-flex: 0 0 11.1%; flex: 0 0 11.1%; max-width: 11.1%;} } /*--10 Column--*/ .col-lg-10c {position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; -ms-flex:inherit; flex:inherit; max-width:inherit;} @media (min-width: 480px) { .col-lg-10c {-ms-flex:inherit; flex:inherit; max-width:inherit;} } @media (min-width: 768px) { .col-lg-10c {-ms-flex:inherit; flex:inherit; max-width:inherit;} } @media (min-width: 992px) { .col-lg-10c {-ms-flex:inherit; flex:inherit; max-width:inherit;} } @media (min-width: 1200px) { .col-lg-10c {-ms-flex: 0 0 10% !important; flex: 0 0 10% !important; max-width: 10% !important;} } @media (min-width: 1600px) { .col-lg-10c {-ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 10%;} } /*--5 Column Flex--*/ .w-20 {-webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;} @media (min-width: 480px) { .w-20 {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;} } @media (min-width: 768px) { .w-20 {-ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;} } @media (min-width: 992px) { .w-20 {-ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;} } @media (min-width: 1200px) { .w-20 {-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;} } @media (min-width: 1600px) { .w-20 {-ms-flex:0 0 20%; flex:0 0 20%; max-width:20%;} } .rowflex .justify-content-start {-ms-flex-pack: start !important; justify-content: flex-start !important;} .rowflex .justify-content-end {-ms-flex-pack: end !important; justify-content: flex-end !important;} .rowflex .justify-content-center {-ms-flex-pack: center !important; justify-content: center !important;} .rowflex .justify-content-between {-ms-flex-pack: justify !important; justify-content: space-between !important;} .rowflex .justify-content-around {-ms-flex-pack: distribute !important; justify-content: space-around !important;} /*--Modal Popups for CEOs--SEE BOTTOM OF PAGE--*/ .ceosmodal .modal-dialog {width:96%;} @media (min-width: 480px) { .ceosmodal .modal-dialog {width:96%;} } @media (min-width: 768px) { .ceosmodal .modal-dialog {width:90%;} } @media (min-width: 992px) { .ceosmodal .modal-dialog {width:80%;} } @media (min-width: 1200px) { .ceosmodal .modal-dialog {width:70%;} } @media (min-width: 1600px) { .ceosmodal .modal-dialog {width:70%;} } .ceosmodal blockquote {color:#0054a6; font-family:'GothamBold', Arial, Helvetica, sans-serif; font-size:1.6em; line-height:1.3em; margin:0 0 20px 0; border:none;} @media (min-width: 480px) { .ceosmodal blockquote {font-size:2.1em;} } @media (min-width: 768px) { .ceosmodal blockquote {font-size:2.0em;} } @media (min-width: 992px) { .ceosmodal blockquote {font-size:2.3em;} } @media (min-width: 1200px) { .ceosmodal blockquote {font-size:2.7em;} } @media (min-width: 1600px) { .ceosmodal blockquote {font-size:3em;} } .ceosmodal blockquote.sml {font-size:2em;} .ceosmodal blockquote.med {font-size:2.2em;} .ceosmodal h3 {color:#0054a6; font-family:'GothamLight', Arial, Helvetica, sans-serif; margin-bottom:0.3em;} .ceosmodal p.descriptor {color:#0054a6; } .ceosmodal img {border:1px solid #0054a6; margin:0px; width:100%; max-width:100%;} /*----AIR 2020---*/ .banner-hm-air-2020 {background:url(../../../images/banners/banner-hm-air-2020.jpg) center top no-repeat; background-size:auto 100%;} @media (min-width: 992px) { .banner-hm-air-2020 {background-size:cover;} } .banner-hm-air-2020 h1 {} .banner-hm-air-2020 img.brdr {width:100%; max-width:240px; border:2px solid #fff; box-shadow:2px 2px 10px rgba(0,0,0,0.5); margin-bottom:15px;} @media (min-width: 768px) { .banner-hm-air-2020 img.brdr {max-width:274px;} } .banner-hm-air-2020 img.brdr:hover {border:2px solid #fff;} .banner-hm-air-2020 .btn-default {font-size:0.75em;} @media (min-width: 992px) { .banner-hm-air-2020 .btn-default {font-size:0.8em;} } .banner-hm-air-2020 .bc-red .btn-default.hil {background:#ae122a; color:#fff; font-size:0.8em;} .banner-hm-air-2020 .bc-red .btn-default.hil:hover {background:#000;} .banner-hm-air-2020 .bc-blue .btn-default.hil {background:#0055a6; color:#fff; font-size:0.8em;} .banner-hm-air-2020 .bc-blue .btn-default.hil:hover {background:#132f8c;} /*----AGM 2020---*/ .banner-hm-agm-2021 {background:url(../../../images/banners/banner-hm-agm-21.jpg) center bottom no-repeat; background-size:auto 100%;} @media (min-width: 992px) { .banner-hm-agm-2021 {background-size:cover;} } .banner-hm-agm-2021 .b-contentblock {box-shadow:2px 2px 10px rgba(0,0,0,0.5);} .banner-hm-agm-2021 .b-contentblock p.lead {font-size:1.3em;} .b-contentblock .banner-hm-agm-2021 h1 {font-size:2.0em;} @media (min-width: 480px) { .b-contentblock .banner-hm-agm-2021 h1 {font-size:2.3em;} } @media (min-width: 768px) { .b-contentblock .banner-hm-agm-2021 h1 {font-size:2.4em;} } @media (min-width: 992px) { .b-contentblock .banner-hm-agm-2021 h1 {font-size:2.6em;} } @media (min-width: 1200px) { .b-contentblock .banner-hm-agm-2021 h1 {font-size:2.65em;} } @media (min-width: 1600px) { .b-contentblock .banner-hm-agm-2021 h1 {font-size:2.75em;} } .banner-hm-agm-2021 h1 small, .banner-hm-agm-2021 h1 sup {font-size:70%; text-transform:none;} .banner-hm-agm-2021 img.brdr {width:100%; max-width:210px; border:2px solid #fff; box-shadow:2px 2px 10px rgba(0,0,0,0.5);} .banner-hm-agm-2021 img.brdr:hover {border:2px solid #fff;} /*----Womens Day 2021---*/ .banner-hm-womens-day-21 {background:url(../../../images/banners/banner-hm-womens-day-21.jpg) left bottom no-repeat; background-size:cover; text-align:left; } @media (min-width: 480px) { .banner-hm-womens-day-21 {background-position:left bottom;} } @media (min-width: 768px) { .banner-hm-womens-day-21 {background-position:left bottom;} } @media (min-width: 992px) { .banner-hm-womens-day-21 {background-position:left bottom;} } @media (min-width: 1200px) { .banner-hm-womens-day-21 {background-position:left bottom;} } @media (min-width: 1600px) { .banner-hm-womens-day-21 {background-position:left bottom;} } /*--Banner Wrapper Block -- Womens Day--*/ .banner-hm-womens-day-21 .b-wrapper {height:auto; min-height:300px; text-align:left; padding:40px 2% 50px 2%;} @media (min-width: 480px) { .banner-hm-womens-day-21 .b-wrapper {padding:40px 2% 50px 2%; min-height:748px;} } @media (min-width: 768px) { .banner-hm-womens-day-21 .b-wrapper {padding:40px 14% 50px 14%; min-height:748px;} } @media (min-width: 992px) { .banner-hm-womens-day-21 .b-wrapper {padding:5vh 3% 50px 3%; min-height:748px;} } @media (min-width: 1200px) { .banner-hm-womens-day-21 .b-wrapper {padding:8vh 2% 50px 3%; min-height:748px;} } @media (min-width: 1600px) { .banner-hm-womens-day-21 .b-wrapper {padding:10vh 2% 50px 5%; min-height:748px;} } @media (min-width: 1920px) { .banner-hm-womens-day-21 .b-wrapper {padding:10vh 2% 50px 5%; min-height:748px;} } .banner-hm-womens-day-21 h2 {font-family:'GothamBlack', Arial, Helvetica, sans-serif; text-transform:none; font-size:2.0em; margin-bottom:0.2em} @media (min-width: 480px) { .banner-hm-womens-day-21 h2 {font-size:2.0em;} } @media (min-width: 768px) { .banner-hm-womens-day-21 h2 {font-size:1.8em;} } @media (min-width: 992px) { .banner-hm-womens-day-21 h2 {font-size:1.8em;} } @media (min-width: 1200px) { .banner-hm-womens-day-21 h2 {font-size:1.8em;} } @media (min-width: 1600px) { .banner-hm-womens-day-21 h2 {font-size:2.9em;} } .banner-hm-womens-day-21 h4 {margin-bottom:0.3em; font-size:1.6em; line-height:1.1em; font-family:'GothamMedium', Arial, Helvetica, sans-serif; letter-spacing:3px;} .mcsa-wim {width:100%; max-width:500px; margin-bottom:20px;} .banner-hm-womens-day-21 p.lead {font-family:'GothamMedium', Arial, Helvetica, sans-serif; margin:0 0 10px 0; color:#000; font-size: 1.1em; line-height: 1.35em;} .banner-hm-womens-day-21 .card .container {width:100%; text-align:center; padding:10px 15px;} .banner-hm-womens-day-21 .card p {text-align:center; color:#fff; font-family:'GothamBook', Arial, Helvetica, sans-serif; font-size:0.85em; line-height:1.3em; margin-bottom:8px;} .banner-hm-womens-day-21 blockquote {padding:0; text-align:center; border:none; color:#fff; font-family:'GothamMedium', Arial, Helvetica, sans-serif; font-size:0.75em; line-height:1.3em; position:relative; margin-bottom:5px;} @media (min-width: 480px) { .banner-hm-womens-day-21 blockquote {font-size:0.9em; line-height:1.3em;} } @media (min-width: 768px) { .banner-hm-womens-day-21 blockquote {font-size:0.75em; line-height:1.3em;} } @media (min-width: 992px) { .banner-hm-womens-day-21 blockquote {font-size:0.7em; line-height:1.3em;} } @media (min-width: 1200px) { .banner-hm-womens-day-21 blockquote {font-size:0.75em; line-height:1.35em;} } @media (min-width: 1600px) { .banner-hm-womens-day-21 blockquote {font-size:0.8em; line-height:1.4em;} } .banner-hm-womens-day-21 blockquote span {color:#7f699a; padding:0 3px;} .banner-hm-womens-day-21 .logo {display:inline-block; vertical-align:top; width:auto; max-width:110px; padding:0 20px 10px 0;} /*--Womens Day Cards--*/ .banner-hm-womens-day-21 .card {background:#482a6e; margin:0 -10px 10px -10px; height:auto;} @media (min-width: 480px) { .banner-hm-womens-day-21 .card {height:auto;} } @media (min-width: 768px) { .banner-hm-womens-day-21 .card {height:310px;} } @media (min-width: 992px) { .banner-hm-womens-day-21 .card {height:310px;} } @media (min-width: 1200px) { .banner-hm-womens-day-21 .card {height:310px;} } @media (min-width: 1600px) { .banner-hm-womens-day-21 .card {height:318px;} } .banner-hm-womens-day-21 .card .container {width:100%; text-align:center; padding:10px 15px;} .banner-hm-womens-day-21 .card p {text-align:center; color:#fff; font-family:'GothamBook', Arial, Helvetica, sans-serif; font-size:0.85em; line-height:1.3em; margin-bottom:8px;} .banner-hm-womens-day-21 blockquote {padding:0; text-align:center; border:none; color:#fff; font-family:'GothamMedium', Arial, Helvetica, sans-serif; font-size:0.75em; line-height:1.3em; position:relative; margin-bottom:5px;} @media (min-width: 480px) { .banner-hm-womens-day-21 blockquote {font-size:0.9em; line-height:1.3em;} } @media (min-width: 768px) { .banner-hm-womens-day-21 blockquote {font-size:0.8em; line-height:1.3em;} } @media (min-width: 992px) { .banner-hm-womens-day-21 blockquote {font-size:0.7em; line-height:1.3em;} } @media (min-width: 1200px) { .banner-hm-womens-day-21 blockquote {font-size:0.8em; line-height:1.35em;} } @media (min-width: 1600px) { .banner-hm-womens-day-21 blockquote {font-size:0.9em; line-height:1.4em;} } /*--Womens Day Cards - Spotlight page--*/ .womens-day-21 .card {background:#482a6e; margin:0 -10px 10px -10px; height:auto;} @media (min-width: 768px) { .womens-day-21 .card {height:360px;} } @media (min-width: 992px) { .womens-day-21 .card {height:360px;} } @media (min-width: 1200px) { .womens-day-21 .card {height:400px;} } @media (min-width: 1600px) { .womens-day-21 .card {height:400px;} } .womens-day-21 .card .container {width:100%; text-align:center; padding:10px 15px; height:auto; min-height:130px;} .womens-day-21 .card p {text-align:center; color:#fff; font-family:'GothamBook', Arial, Helvetica, sans-serif; font-size:1em; line-height:1.3em; margin-bottom:8px;} .womens-day-21 blockquote {padding:0; text-align:center; border:none; color:#fff; font-family:'GothamMedium', Arial, Helvetica, sans-serif; font-size:1.2em; line-height:1.35em; position:relative; margin-bottom:5px;} @media (min-width: 480px) { .womens-day-21 blockquote {font-size:1.2em; line-height:1.35em;} } @media (min-width: 768px) { .womens-day-21 blockquote {font-size:0.9em; line-height:1.3em;} } @media (min-width: 992px) { .womens-day-21 blockquote {font-size:0.9em; line-height:1.35em;} } @media (min-width: 1200px) { .womens-day-21 blockquote {font-size:1em; line-height:1.4em;} } @media (min-width: 1600px) { .womens-day-21 blockquote {font-size:1em; line-height:1.4em;} } h4.hashtag {color:#ee2a35;} /*----Home Banner - Modernisation in Mining---*/ .banner-hm-mim-21 {background:url(../../../images/banners/banner-hm-mim-21.jpg) left bottom no-repeat; background-size:auto 100%; text-align:left; } @media (min-width: 480px) { .banner-hm-mim-21 {background-position:left bottom; background-size:auto 100%;} } @media (min-width: 768px) { .banner-hm-mim-21 {background-position:left bottom; background-size:auto 100%;} } @media (min-width: 992px) { .banner-hm-mim-21 {background-position:left bottom; background-size:cover;} } @media (min-width: 1200px) { .banner-hm-mim-21 {background-position:left bottom; background-size:cover;} } @media (min-width: 1600px) { .banner-hm-mim-21 {background-position:left bottom; background-size:cover;} } /*----Ten insights into 4IR by PWC---*/ .banner-hm-pwc-4ir {background:url(../../../images/banners/banner-hm-pwc-4ir.jpg) left bottom no-repeat; background-size:cover; text-align:left; } @media (min-width: 480px) { .banner-hm-pwc-4ir {background-position:left bottom;} } @media (min-width: 768px) { .banner-hm-pwc-4ir {background-position:left bottom;} } @media (min-width: 992px) { .banner-hm-pwc-4ir {background-position:left bottom;} } @media (min-width: 1200px) { .banner-hm-pwc-4ir {background-position:left bottom;} } @media (min-width: 1600px) { .banner-hm-pwc-4ir {background-position:left bottom;} } .banner-hm-pwc-4ir .btn-default {} /*----Facts and Figures 2020 POCKETBOOK---*/ .banner-hm-ff2020 {background:#89acc8 url(../../../images/banners/banner-hm-ff2020.jpg) left 0px no-repeat; background-size:cover; text-align:left; } @media (min-width: 480px) { .banner-hm-ff2020 {background-position:left 0px;} } @media (min-width: 768px) { .banner-hm-ff2020 {background-position:left 0px;} } @media (min-width: 992px) { .banner-hm-ff2020 {background-position:left 0px;} } @media (min-width: 1200px) { .banner-hm-ff2020 {background-position:left 35px;} } @media (min-width: 1600px) { .banner-hm-ff2020 {background-position:left 35px;} } .banner-hm-ff2020 .btn-default {/*--background:#0054a5;--*/} /*----The State of the Mining Nation ---*/ .banner-hm-state-of-mn {background:#89acc8 url(../../../images/banners/banner-hm-state-of-mn.jpg) left 0px no-repeat; background-size:cover; text-align:left; } @media (min-width: 480px) { .banner-hm-state-of-mn {background-position:left 0px;} } @media (min-width: 768px) { .banner-hm-state-of-mn {background-position:left 0px;} } @media (min-width: 992px) { .banner-hm-state-of-mn {background-position:left 0px;} } @media (min-width: 1200px) { .banner-hm-state-of-mn {background-position:left 35px;} } @media (min-width: 1600px) { .banner-hm-state-of-mn {background-position:left 35px;} } .sotmn {} .sotmn p.lead {color:#000; margin-bottom:1.1em;} .sotmn p a {color:#ae122a;} .sotmn p a:hover {color:#000;} .sotmn .btn-default {padding:5px 10px 6px 10px !important;} .sotmn .btn-default:hover {background:#f5833c !important;} .sotmn .btn-default:after {clear:both;} .sotmn h4 {color:#ee2c37; font-size:1.45em; line-height:1.0em; margin-bottom:0.4em; font-family:'GothamBlack', Arial, Helvetica, sans-serif; font-weight:normal;} h5.sotmn {color:#ee2c37;} .sotmn .sotm-ff {} .sotmn .sotm-ff h4, h4.sotm-ff {color:#ae122a; } .sotmn .sotm-ff .btn-default {background:#ae122a; } h5.sotm-ff {color:#ae122a; } img.logo-sotmn {width:100%; max-width:320px; margin:0px 10px 0 0; } .sotmn img.logo-mcmiv {width:100%; max-width:280px; margin:0px auto 0 auto;} .sotmn img.logo-amiv {width:100%; max-width:180px; margin:0px auto 0 auto;} img.sotm-slogan {max-width:240px; float:right;} /*----African Mining Indaba Virtual - Option 2---*/ .banner-hm-amiv2-2021 {background:#89acc8 url(../../../images/banners/banner-hm-amiv2-2021.jpg) left 0px no-repeat; background-size:cover; text-align:left; } @media (min-width: 480px) { .banner-hm-amiv2-2021 {background-position:left 0px;} } @media (min-width: 768px) { .banner-hm-amiv2-2021 {background-position:left 0px;} } @media (min-width: 992px) { .banner-hm-amiv2-2021 {background-position:left 0px;} } @media (min-width: 1200px) { .banner-hm-amiv2-2021 {background-position:left 35px;} } @media (min-width: 1600px) { .banner-hm-amiv2-2021 {background-position:left 35px;} } .banner-hm-amiv2-2021 .b-contentblock {margin-bottom:1em;} .banner-hm-amiv2-2021 .b-contentblock .mainhead {margin-bottom:5em;} .banner-hm-amiv2-2021 .b-contentblock .mainhead h1, .banner-hm-amiv2-2021 .b-contentblock .mainhead h2 {margin-bottom:0.1em !important; line-height:1em;} .banner-hm-amiv2-2021 .b-contentblock .mainhead h3 {margin-bottom:0.5em !important; } .pl-15 {padding-left:15px;} .banner-hm-amiv2-2021 .b-contentblock h1 {color:#00223e !important; font-size:2.8em; font-family: 'GothamBlack', Arial, Helvetica, sans-serif;} @media (min-width: 480px) { .banner-hm-amiv-2021 .b-contentblock h1 {font-size:3.0em;} } @media (min-width: 768px) { .banner-hm-amiv-2021 .b-contentblock h1 {font-size:3.2em;} } @media (min-width: 992px) { .banner-hm-amiv-2021 .b-contentblock h1 {font-size:2.8em;} } @media (min-width: 1200px) { .banner-hm-amiv-2021 .b-contentblock h1 {font-size:3em;} } @media (min-width: 1600px) { .banner-hm-amiv-2021 .b-contentblock h1 {font-size:4em;} } .banner-hm-amiv2-2021 .b-contentblock h2 {color:#73addd !important;} .banner-hm-amiv2-2021 .b-contentblock h3 {color:#00223e !important; font-family:'GothamBlack', Arial, Helvetica, sans-serif; font-size:1.6em;} @media (min-width: 1280px) { .banner-hm-amiv2-2021 .b-contentblock h3 {font-size:1.8em;} } .banner-hm-amiv2-2021 .b-contentblock h4 {color:#00223e !important; font-family: 'GothamBlack', Arial, Helvetica, sans-serif; font-size:1.15em; text-transform:uppercase;} @media (min-width: 992px) { .banner-hm-amiv-2021 .b-contentblock h4 {font-size:1.2em; } } @media (min-width: 1200px) { .banner-hm-amiv-2021 .b-contentblock h4 {font-size:1.25em; } } @media (min-width: 1600px) { .banner-hm-amiv-2021 .b-contentblock h4 {font-size:1.3em; } } .banner-hm-amiv2-2021 .b-contentblock h5 {color:#000 !important; margin-bottom:5px; font-size:1.1em;} @media (min-width: 1280px) { .banner-hm-amiv2-2021 .b-contentblock h5 {font-size:1.2em;} } .banner-hm-amiv2-2021 .b-contentblock p {margin-bottom:0.8em; font-size:0.9em;} @media (min-width: 1280px) { .banner-hm-amiv2-2021 .b-contentblock h5 {font-size:1em;} } .banner-hm-amiv2-2021 .b-contentblock.bc-blue p a {color:#73addd !important} .banner-hm-amiv2-2021 .b-contentblock.bc-blue p a:hover {color:#00223e !important} .banner-hm-amiv2-2021 .b-contentblock p.lead {font-family:'GothamMedium', Arial, Helvetica, sans-serif; font-size: 1.0em;} @media (min-width: 1280px) { .banner-hm-amiv2-2021 .b-contentblock p.lead {font-size:1.15em; } } .banner-hm-amiv2-2021 .b-contentblock img.mb {margin-bottom:1em; border:1px solid #00223e;} .banner-hm-amiv2-2021 .b-contentblock.bc-blue .btn-default {background:#73addd !important;} .banner-hm-amiv2-2021 .b-contentblock.bc-blue .btn-default:hover {background:#00223e !important; color:#fff !important;} /*--Amiv Logo--*/ img.logo-mcmiv {width:100%; max-width:300px; margin:0px auto 0 auto;} img.logo-amiv {width:100%; max-width:180px; margin:0px auto 0 auto;} /*--Home banner World TB Day--*/ .banner-hm-world-tb-day {background:#d5d6d8; text-align:left; } .banner-hm-world-tb-day .wtb-logos {max-height:66px;} .banner-hm-world-tb-day .logoheader {margin-bottom:15px;} .banner-hm-world-tb-day .logoblock {background:#fff; box-shadow:2px 2px 15px rgb(0 0 0 / 20%);} .banner-hm-world-tb-day .logoblock img {padding:10px 0;} /*--Home banner Easter Covid-19*/ .banner-hm-easter-covid19 {background:#ab0922 url(../../../images/banners/hm-bg-nat-vaccination.png) left top repeat; background-size:100% auto; text-align:left; } .banner-hm-easter-covid19 .b-wrapper {padding:20vh 5% 50px 5%; min-height:748px;} .banner-hm-easter-covid19 .b-contentblock {padding:25px 20px 20px 25px;} .banner-hm-easter-covid19 h1 {text-transform:none; font-family:'GothamBlack', Arial, Helvetica, sans-serif; margin-bottom:0.4em;} .section-main #easterposters h1 {color:#ab0922; margin:10px 0 0.3em -0px; padding:0 !important; text-transform:none; font-family:'GothamBlack', Arial, Helvetica, sans-serif; } /*-- .section-main #easterposters h1 {color:#fff; background:#ab0922; margin:10px 0 1em -15px; padding:15px 20px 20px 20px !important; text-transform:none; font-family:'GothamBlack', Arial, Helvetica, sans-serif; } --*/ #easterposters p.lead {color:#000; margin:15px 0 0.5em -0px; } #easterposters p a {color:#ed2636 !important;} #easterposters p a:hover {color:#ab0922 !important; } #easterposters .btn-default {margin-bottom:1em; color:#fff !important; font-size:0.8em; background:#ed2636;} #easterposters .btn-default:hover {background:#ab0922;} /*--Home banner National Vaccination Statistics body .banner-hm-nat-vaccination {font-size:12px;} @media (min-width: 768px) { body.banner-hm-nat-vaccination {font-size:14px;} } @media (min-width: 992px) { body.banner-hm-nat-vaccination {font-size:15px;} } @media (min-width: 1200px) { body.banner-hm-nat-vaccination {font-size:15.5px; } }--*/ .banner-hm-nat-vaccination {background:#00a76d url(../../../images/banners/hm-nat-vaccination-bg.png) left top repeat; background-size:100% auto; text-align:left; } .banner-hm-nat-vaccination .b-wrapper {padding:5vh 3% 50px 3%; min-height:748px;} @media (min-width: 768px) { .banner-hm-nat-vaccination .b-wrapper {padding:5vh 3% 50px 3%;} } @media (min-width: 992px) { .banner-hm-nat-vaccination .b-wrapper {padding:5vh 3% 50px 3%;} } @media (min-width: 1200px) { .banner-hm-nat-vaccination .b-wrapper {padding:6vh 1% 50px 1%;} } @media (min-width: 1600px) { .banner-hm-nat-vaccination .b-wrapper {padding:6vh 1% 50px 1%;} } @media (min-width: 1920px) { .banner-hm-nat-vaccination .b-wrapper {padding:6vh 2% 50px 2%;} } .banner-hm-nat-vaccination .b-contentblock {padding:20px 20px 20px 28px;} .col-nvp {float:none; width:100%;} @media (min-width: 768px) { .col-nvp {float:none; width:100%;} } @media (min-width: 992px) { .col-nvp {float:none; width:100%;} } @media (min-width: 1200px) { .col-nvp {float:right; width:100%;} } @media (min-width: 1600px) { .col-nvp {float:right; width:80%;} } .banner-hm-nat-vaccination h2 {color:#00a76d; font-family:'GothamBlack', Arial, Helvetica, sans-serif; margin-bottom:0.0em; font-size:1.8em;} @media (min-width: 768px) { .banner-hm-nat-vaccination h2 {font-size:1.7em;} } @media (min-width: 992px) { .banner-hm-nat-vaccination h2 {font-size:1.7em;} } @media (min-width: 1200px) { .banner-hm-nat-vaccination h2 {font-size:1.8em;} } @media (min-width: 1600px) { .banner-hm-nat-vaccination h2 {font-size:2.2em;} } .banner-hm-nat-vaccination h3 {color:#00a76d; font-family:'GothamBlack', Arial, Helvetica, sans-serif; margin-bottom:0.0em;} .banner-hm-nat-vaccination h5 {color:#00a76d; margin-bottom:1.2em; font-size:1.0em; line-height:1.2em;} .banner-hm-nat-vaccination img.form {width:10%; max-width:55px; margin:0 15px 20px 0;} .banner-hm-nat-vaccination p {color:#000; font-size:0.9em;} @media (min-width: 480px) { .banner-hm-nat-vaccination p {font-size:0.9em;} } @media (min-width: 768px) { .banner-hm-nat-vaccination p {font-size:0.9em;} } @media (min-width: 992px) { .banner-hm-nat-vaccination p {font-size:0.85em;} } @media (min-width: 1200px) { .banner-hm-nat-vaccination p {font-size:0.85em;} } @media (min-width: 1600px) { .banner-hm-nat-vaccination p {font-size:1em;} } .banner-hm-nat-vaccination p.lead {margin-bottom:0.5em;} .banner-hm-nat-vaccination p img {margin:0 0 10px 10px; padding:0;} .banner-hm-nat-vaccination .hl-bar {display:block; padding:10px 15px; background:#9ccb3b; margin-bottom:1em;} .banner-hm-nat-vaccination .hl-bar p {color:#fff; font-family:'GothamBlack', Arial, Helvetica, sans-serif; font-size:1.3em; line-height:1.4em; margin:0;} .banner-hm-nat-vaccination .ftr-bar {display:block; padding:15px 20px; margin:0 0 1em 0; background:#00a76d; position:relative;} .banner-hm-nat-vaccination .ftr-bar h4 {color:#fff; font-family:'GothamBold', Arial, Helvetica, sans-serif; margin-bottom:0.1em; font-size: 1.5em; line-height: 1.3em; text-transform:uppercase;} .banner-hm-nat-vaccination .ftr-bar h5 {color:#fff; font-family:'GothamBold', Arial, Helvetica, sans-serif; margin-bottom:0.2em; font-size:1.1em; line-height:1.3em;} .banner-hm-nat-vaccination .ftr-bar h1 {color:#fff; font-family:'GothamBlack', Arial, Helvetica, sans-serif; margin-bottom:0.3em; font-size:2.0em;} @media (min-width: 480px) { .banner-hm-nat-vaccination .ftr-bar h1 {font-size:2.2em;} } @media (min-width: 768px) { .banner-hm-nat-vaccination .ftr-bar h1 {font-size:2.2em;} } @media (min-width: 992px) { .banner-hm-nat-vaccination .ftr-bar h1 {font-size:2.2em;} } @media (min-width: 1200px) { .banner-hm-nat-vaccination .ftr-bar h1 {font-size:2.4em;} } @media (min-width: 1600px) { .banner-hm-nat-vaccination .ftr-bar h1 {font-size:2.7em;} } .banner-hm-nat-vaccination .ftr-bar p {color:#fff; font-family:'GothamBook', Arial, Helvetica, sans-serif; margin-bottom:0.2em; line-height:1.1em;} .banner-hm-nat-vaccination .ftr-bar img.arrow-down {width:45px; position:absolute; bottom:-15px; left:40%;} .banner-hm-nat-vaccination img.piechart {display:block; width:100%; max-width:400px; margin:0 auto;} @media (min-width: 992px) { .banner-hm-nat-vaccination img.piechart {max-width:300px; margin:0 auto;} } @media (min-width: 1200px) { .banner-hm-nat-vaccination img.piechart {max-width:300px; margin:0 auto;} } @media (min-width: 1600px) { .banner-hm-nat-vaccination img.piechart {max-width:500px; margin:0 auto;} } .banner-hm-nat-vaccination hr {border-bottom:1px solid #00a76d;} .banner-hm-nat-vaccination .logos-1 {float:left; width:100%; max-width:400px;} @media (min-width: 768px) { .banner-hm-nat-vaccination .logos-1 {float:left;} } @media (min-width: 992px) { .banner-hm-nat-vaccination .logos-1 {float:left;} } .banner-hm-nat-vaccination .logos-2 {float:left; width:100%; max-width:300px;} @media (min-width: 768px) { .banner-hm-nat-vaccination .logos-2 {float:right;} } @media (min-width: 992px) { .banner-hm-nat-vaccination .logos-2 {float:right;} } /*--Home banner Covid-19 Vaccines Blue*/ .banner-hm-vaccination {background:#78d2d9 url(../../../images/covid-19-cells-2.svg) 5% 5vh no-repeat; background-size:40% auto; text-align:left; } /*-- #68c9d0 --*/ .banner-hm-vaccination .b-wrapper {padding:12vh 4% 50px 5%; min-height:748px;} .banner-hm-vaccination .b-contentblock {padding:15px 20px 20px 25px;} .banner-hm-vaccination .b-contentblock h4 {color:#0054a6; margin-bottom:0.6em; } .banner-hm-vaccination .b-contentblock p {color:#0054a6; font-family:'Gotham', Arial, Helvetica, sans-serif;} .banner-hm-vaccination .b-contentblock p.lead {color:#0054a6; font-family:'GothamMedium', Arial, Helvetica, sans-serif; font-size:1.0em; line-height:1.35em;} .banner-hm-vaccination .b-contentblock p.lead strong {color:#0054a6; font-family:'GothamBlack', Arial, Helvetica, sans-serif;} .banner-hm-vaccination li {font-size:1.0em; line-height:1.35em; color:#0054a6; font-family:'GothamBook', Arial, Helvetica, sans-serif;} .banner-hm-vaccination .b-contentblock a {color:#0054a6; text-decoration: underline; cursor:pointer; font-family:'GothamMedium', Arial, Helvetica, sans-serif;} .banner-hm-vaccination .b-contentblock a.transl {font-family:'GothamBook', Arial, Helvetica, sans-serif; font-size:0.9em;} .banner-hm-vaccination .b-contentblock a:hover {color:#000;} .banner-hm-vaccination .b-contentblock hr {border-bottom:2px dotted rgba(103,201,208,0.7); margin:2px auto 12px auto;} .banner-hm-vaccination .b-contentblock .btn-default {padding:6px 10px 7px 10px; background:#72adde;} .banner-hm-vaccination .b-contentblock .btn-default:hover {background:#0054a6;} .banner-hm-vaccination .b-contentblock .btn-default.hl {background:#0054a6 !important; color:#fff !important;} .banner-hm-vaccination .b-contentblock .btn-default.hl:hover {background:#fdb91a !important;} .banner-hm-vaccination .bc-blue .hilite {background: #68c9d0;} .banner-hm-vaccination .bc-blue .hilite h5 {color:#fff; font-size:1.4em; line-height:1.2em;} .logo-covid {margin:100px auto 0 auto; width:70%;} @media (min-width: 480px) { .logo-covid {margin:10vh auto 0 auto; width:70%;} } @media (min-width: 768px) { .logo-covid {margin:10vh auto 0 auto; width:85%;} } @media (min-width: 992px) { .logo-covid {margin:25vh auto 0 auto; width:90%;} } @media (min-width: 1200px) { .logo-covid {margin:25vh auto 0 auto; width:80%;} } @media (min-width: 1600px) { .logo-covid {margin:25vh auto 0 auto; width:80%;} } .covid19 .hilite {display: block; margin: 0px 0 10px 0; padding: 12px 12px; background:#0054a6;} .col-poster-2 {position: relative; min-height:120px; padding-left:0px; margin-bottom:0px;} a.video-icon {text-align:center; cursor: pointer;} a.video-icon img {border:1px solid #999; width:100% !important; max-width:100% !important; margin:0 auto 10px auto !important; text-align:center;} a.video-icon p {text-align:center; font-size:1.0em; line-height:1.2em; color:#0054a6; line-height:1.2em; margin: 0 auto 0.4em auto; font-family: 'GothamBold', Arial, Helvetica, sans-serif;} 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-family: 'GothamBook', Arial, Helvetica, sans-serif; font-size:0.9em; line-height:1.2em;} .img-vvid {border:1px solid #999; width:100% !important; max-width:100% !important; margin-bottom:10px !important; } /*--Women in Mining COVID-19 Heroes - 1 Dec 2020--*/ .banner-hm-wim-covid-19 {background:url(../../../images/banners/banner-hm-wim-covid-19-sml.jpg) left top no-repeat; background-size:100% auto; text-align:left; } @media (min-width: 480px) { .banner-hm-wim-covid-19 { background:url(../../../images/banners/banner-hm-wim-covid-19-sml.jpg) left top no-repeat; background-size:100% auto ; } } @media (min-width: 768px) { .banner-hm-wim-covid-19 { background:url(../../../images/banners/banner-hm-wim-covid-19-sml.jpg) left top no-repeat; background-size:100% auto; } } @media (min-width: 992px) { .banner-hm-wim-covid-19 { background:url(../../../images/banners/banner-hm-wim-covid-19-md.jpg) left -50px repeat-y; background-size:100% auto; } } @media (min-width: 1200px) { .banner-hm-wim-covid-19 { background:url(../../../images/banners/banner-hm-wim-covid-19.jpg) left 35px repeat-y; background-size:100% auto; } } @media (min-width: 1600px) { .banner-hm-wim-covid-19 { background:url(../../../images/banners/banner-hm-wim-covid-19.jpg) left 35px repeat-y; background-size:100% auto; } } .banner-hm-wim-covid-19 .b-contentblock {} .banner-hm-wim-covid-19 .b-contentblock p {margin-bottom:1.1em;} .banner-hm-wim-covid-19 .b-contentblock .headerbar {background:#00213f; margin:0 -15px 15px -15px; padding:20px;} .banner-hm-wim-covid-19 .b-contentblock .headerbar h1 {color:#fff; font-size:2.8em; margin-bottom:5px;} @media (min-width: 480px) { .banner-hm-wim-covid-19 .b-contentblock .headerbar h1 {font-size:3em; } } @media (min-width: 768px) { .banner-hm-wim-covid-19 .b-contentblock .headerbar h1 {font-size:3.2em; } } @media (min-width: 992px) { .banner-hm-wim-covid-19 .b-contentblock .headerbar h1 {font-size:3.2em; } } @media (min-width: 1200px) { .banner-hm-wim-covid-19 .b-contentblock .headerbar h1 {font-size:3.3em; } } @media (min-width: 1600px) { .banner-hm-wim-covid-19 .b-contentblock .headerbar h1 {font-size:3.6em; } } .banner-hm-wim-covid-19 .b-contentblock .headerbar h3 {color:#72adde; font-size:2em; margin-bottom:5px;} .banner-hm-wim-covid-19 img.badge {max-width:110px;} .banner-hm-wim-covid-19 img.logo-wim {width:100%; max-width:270px; margin:10px auto 0 auto;} .banner-hm-wim-covid-19 img.logo-mc {width:100%; max-width:330px; margin:0px auto 0 auto;} .banner-hm-wim-covid-19 .b-contentblock .brdr-r {border-right:1px solid #000;} .banner-hm-wim-covid-19 .b-contentblock .btn-default {background:#72adde;} .banner-hm-wim-covid-19 .b-contentblock .btn-default:hover {background:#00213f;} .banner-hm-wim-covid-19 .b-contentblock .btn-default.video {background:#00213f; padding:8px 12px 10px 12px;} .banner-hm-wim-covid-19 .b-contentblock .btn-default.video:hover {background:#72adde;} /*--Home Banner - Coal technology webinar--*/ .banner-hm-coal-tech-webinar {background:#232323 url(../../../images/banners/banner-hm-coal-tech-webinar-sml.jpg) left top repeat; background-size:100% auto; text-align:left; } @media (min-width: 480px) { .banner-hm-coal-tech-webinar { background:#232323 url(../../../images/banners/banner-hm-coal-tech-webinar-sml.jpg) left top repeat; background-size:100% auto ; } } @media (min-width: 768px) { .banner-hm-coal-tech-webinar { background:#232323 url(../../../images/banners/banner-hm-coal-tech-webinar-sml.jpg) left top no-repeat; background-size:100% auto; } } @media (min-width: 992px) { .banner-hm-coal-tech-webinar { background:#232323 url(../../../images/banners/banner-hm-coal-tech-webinar-md.jpg) left top no-repeat; background-size:auto 100%; } } @media (min-width: 1200px) { .banner-hm-coal-tech-webinar { background:#232323 url(../../../images/banners/banner-hm-coal-tech-webinar.jpg) 0px top repeat; background-size:100% auto; } } @media (min-width: 1600px) { .banner-hm-coal-tech-webinar { background:#232323 url(../../../images/banners/banner-hm-coal-tech-webinar.jpg) left 30px no-repeat; background-size:100% auto; } } @media (min-width: 1922px) { .banner-hm-coal-tech-webinar { background:#232323 url(../../../images/banners/banner-hm-coal-tech-webinar-lg.jpg) left 35px no-repeat; background-size:auto 100% ; } } /*--Global Ethics Day 2020 - Human rights framework--*/ .banner-hm-global-ethics-day-2020 {background:#232323 url(../../../images/banners/banner-hm-global-ethics-day-2020-sml.jpg) left top no-repeat; background-size:auto 100%; text-align:left; } @media (min-width: 480px) { .banner-hm-global-ethics-day-2020 { background:#232323 url(../../../images/banners/banner-hm-global-ethics-day-2020-sml.jpg) left top no-repeat; background-size:auto 100%; } } @media (min-width: 768px) { .banner-hm-global-ethics-day-2020 { background:#232323 url(../../../images/banners/banner-hm-global-ethics-day-2020-sml.jpg) left top no-repeat; background-size:auto 100%; } } @media (min-width: 992px) { .banner-hm-global-ethics-day-2020 { background:#232323 url(../../../images/banners/banner-hm-global-ethics-day-2020-md.jpg) left top no-repeat; background-size:auto 100%; } } @media (min-width: 1200px) { .banner-hm-global-ethics-day-2020 { background:#232323 url(../../../images/banners/banner-hm-global-ethics-day-2020-md.jpg) 0px 35px no-repeat; background-size:cover; } } @media (min-width: 1600px) { .banner-hm-global-ethics-day-2020 { background:#232323 url(../../../images/banners/banner-hm-global-ethics-day-2020.jpg) left 30px no-repeat; background-size:100% auto; } } @media (min-width: 1922px) { .banner-hm-global-ethics-day-2020 { background:#232323 url(../../../images/banners/banner-hm-global-ethics-day-2020-lg.jpg) left 35px no-repeat; background-size:auto 100% ; } } .banner-hm-global-ethics-day-2020 h1 {margin-bottom:0.2em !important; font-size:1.8em;} .banner-hm-global-ethics-day-2020 .btn-default {margin-bottom:10px !important; padding:5px 10px;} .banner-hm-global-ethics-day-2020 .b-content {height:auto; text-align:left; padding:40px 2% 50px 2%;} @media (min-width: 480px) { .banner-hm-global-ethics-day-2020 .b-content {padding:30px 3% 50px 3%; } } @media (min-width: 768px) { .banner-hm-global-ethics-day-2020 .b-content {padding:30px 3% 50px 3%; } } @media (min-width: 992px) { .banner-hm-global-ethics-day-2020 .b-content {padding:5vh 3% 50px 0; } } @media (min-width: 1200px) { .banner-hm-global-ethics-day-2020 .b-content {padding:7vh 3% 50px 0; } } @media (min-width: 1600px) { .banner-hm-global-ethics-day-2020 .b-content {padding:7vh 4% 100px; } } @media (min-width: 1920px) { .banner-hm-global-ethics-day-2020 .b-content {padding:7vh 4% 100px; } } /*--Home Banner - Masoyise HP seminar--*/ .banner-hm-masoyise-hp-seminar {background:#232323 url(../../../images/banners/banner-hm-masoyise-hp-seminar-sml.jpg) left top no-repeat; background-size:100% auto; text-align:left; } @media (min-width: 480px) { .banner-hm-masoyise-hp-seminar { background:#232323 url(../../../images/banners/banner-hm-masoyise-hp-seminar-sml.jpg) left top no-repeat; background-size:100% auto ; } } @media (min-width: 768px) { .banner-hm-masoyise-hp-seminar { background:#232323 url(../../../images/banners/banner-hm-masoyise-hp-seminar-sml.jpg) left top no-repeat; background-size:auto 100%; } } @media (min-width: 992px) { .banner-hm-masoyise-hp-seminar { background:#232323 url(../../../images/banners/banner-hm-masoyise-hp-seminar-md.jpg) left -50px no-repeat; background-size:auto 100%; } } @media (min-width: 1200px) { .banner-hm-masoyise-hp-seminar { background:#232323 url(../../../images/banners/banner-hm-masoyise-hp-seminar-md.jpg) -50px 35px no-repeat; background-size:auto 100% ; } } @media (min-width: 1600px) { .banner-hm-masoyise-hp-seminar { background:#232323 url(../../../images/banners/banner-hm-masoyise-hp-seminar.jpg) 0 35px no-repeat; background-size:100% auto; } } @media (min-width: 1922px) { .banner-hm-masoyise-hp-seminar { background:#232323 url(../../../images/banners/banner-hm-masoyise-hp-seminar-lg.jpg) left 35px no-repeat; background-size:auto 100% ; } } /*----Home Banner World Aids Day 2020---*/ .banner-hm-wad-2020 {background:#eceded;} .banner-hm-wad-2020 .b-contentblock {box-shadow:2px 2px 15px rgba(209,1,4,0.2)} .banner-hm-wad-2020 .b-contentblock h1 {color:#d81f26 !important;} .banner-hm-wad-2020 .b-contentblock p {color:#333; margin-bottom:0.8em; } .banner-hm-wad-2020 .b-contentblock p.lead {} .banner-hm-wad-2020 .b-contentblock h5 {margin-bottom:0.8em;} .banner-hm-wad-2020 .b-contentblock h5 span.hash-1 {color:#f88139;} .banner-hm-wad-2020 .b-contentblock h5 span.hash-2 {color:#a9162e;} .banner-hm-wad-2020 .b-contentblock .btn-default {background:#e45255 !important;} .banner-hm-wad-2020 .b-contentblock .btn-default:hover {background:#d91f26 !important;} /*----Home Banner Facts and Figures 2019---*/ .banner-hm-ff2019 {background:#004899 url(../../../images/banners/banner-hm-ff2019-sml.png) left top no-repeat; background-size:100% auto !important; background-position:30px 0 !important;} @media (min-width: 480px) { .banner-hm-ff2019 {background:#004899 url(../../../images/banners/banner-hm-ff2019-sml.png) left top no-repeat; background-position:0px 0 !important; background-size:100% auto !important;} } @media (min-width: 780px) { .banner-hm-ff2019 {background:#004899 url(../../../images/banners/banner-hm-ff2019-sml.png) left top no-repeat; background-position:0px 0px !important; background-size:auto 100% !important; } } @media (min-width: 992px) { .banner-hm-ff2019 {background:#004899 url(../../../images/banners/banner-hm-ff2019-md.png) left top no-repeat; background-position:0px 0px !important; background-size:auto 100% !important; } } @media (min-width: 1200px) { .banner-hm-ff2019 {background:#004899 url(../../../images/banners/banner-hm-ff2019-md.png) left top no-repeat; background-position:0px 0px !important; background-size:100% auto !important; } } @media (min-width: 1600px) { .banner-hm-ff2019 {background:#004899 url(../../../images/banners/banner-hm-ff2019.png) left top no-repeat; background-position:0px 0px !important; background-size:100% auto !important; } } @media (min-width: 1921px) { .banner-hm-ff2019 {background:#004899 url(../../../images/banners/banner-hm-ff2019-lg.png) left top no-repeat; background-position:0px 0px !important; background-size:auto !important; } } .banner-hm-ff2019 p.lead {color:#333;} /*--Joburg Indaba 2020--*/ .banner-hm-joburg-indaba-2020 {background:url(../../../images/banners/banner-hm-joburg-indaba-2020-sml.jpg) left top repeat-y; background-size:100% auto; text-align:left; } @media (min-width: 480px) { .banner-hm-joburg-indaba-2020 { background:url(../../../images/banners/banner-hm-joburg-indaba-2020-sml.jpg) left top repeat-y; background-size:100% auto ; } } @media (min-width: 768px) { .banner-hm-joburg-indaba-2020 { background:url(../../../images/banners/banner-hm-joburg-indaba-2020-sml.jpg) left top repeat-y; background-size:100% auto; } } @media (min-width: 992px) { .banner-hm-joburg-indaba-2020 { background:url(../../../images/banners/banner-hm-joburg-indaba-2020-md.jpg) left -50px repeat-y; background-size:100% auto; } } @media (min-width: 1200px) { .banner-hm-joburg-indaba-2020 { background:url(../../../images/banners/banner-hm-joburg-indaba-2020.jpg) left 35px repeat-y; background-size:100% auto; } } @media (min-width: 1600px) { .banner-hm-joburg-indaba-2020 { background:url(../../../images/banners/banner-hm-joburg-indaba-2020.jpg) left 35px repeat-y; background-size:100% auto; } } .banner-hm-joburg-indaba-2020 .b-contentblock {padding:20px 20px 20px 20px;} .banner-hm-joburg-indaba-2020 .b-contentblock h2 {color:#b8ce2a; padding-bottom:12px; margin-bottom:10px; border-bottom:2px solid #c0d72e; font-size:2.2em; font-family:'GothamBlack', Arial, Helvetica, sans-serif;} @media (min-width: 480px) { .banner-hm-joburg-indaba-2020 .b-contentblock h2 {font-size:2.0em; } } @media (min-width: 768px) { .banner-hm-joburg-indaba-2020 .b-contentblock h2 {font-size:2.0em; } } @media (min-width: 992px) { .banner-hm-joburg-indaba-2020 .b-contentblock h2.banner-hm-joburg-indaba-2020 .b-contentblock h2 {font-size:2.1em; } } @media (min-width: 1200px) { .banner-hm-joburg-indaba-2020 .b-contentblock h2 {font-size:1.9em; } } @media (min-width: 1600px) { .banner-hm-joburg-indaba-2020 .b-contentblock h2 {font-size:2.2em; } } .banner-hm-joburg-indaba-2020 .b-contentblock h3 {color:#000 !important; text-transform:none; } .banner-hm-joburg-indaba-2020 .b-contentblock h3 span {color:#b8ce2a; } .banner-hm-joburg-indaba-2020 .b-contentblock p {color:#000 !important; } .banner-hm-joburg-indaba-2020 .b-contentblock p strong {text-transform:uppercase; font-family:'GothamBlack', Arial, Helvetica, sans-serif;} .banner-hm-joburg-indaba-2020 .b-contentblock p.lead {color:#000 !important; } .banner-hm-joburg-indaba-2020 .b-contentblock .btn-default {color:#000 !important; background:#c0d72e; padding:6px 10px; line-height:1.1em; font-size:0.9em;} .banner-hm-joburg-indaba-2020 .b-contentblock .btn-default:hover {color:#fff !important; background:#000;} .banner-hm-joburg-indaba-2020 img {margin-top:10px; max-width:100%;} @media (min-width: 480px) { .banner-hm-joburg-indaba-2020 img {max-width:80%;} } @media (min-width: 768px) { .banner-hm-joburg-indaba-2020 img {max-width:80%;} } @media (min-width: 992px) { .banner-hm-joburg-indaba-2020 img {max-width:100%;} } @media (min-width: 1200px) { .banner-hm-joburg-indaba-2020 img {max-width:90%;} } @media (min-width: 1600px) { .banner-hm-joburg-indaba-2020 img {max-width:100%;} } /*--Home Banner - Masoyise HP seminar--*/ .banner-hm-masoyise-hp-seminar {background:#232323 url(../../../images/banners/banner-hm-masoyise-hp-seminar-sml.jpg) left top no-repeat; background-size:100% auto; text-align:left; } @media (min-width: 480px) { .banner-hm-masoyise-hp-seminar { background:#232323 url(../../../images/banners/banner-hm-masoyise-hp-seminar-sml.jpg) left top no-repeat; background-size:100% auto ; } } @media (min-width: 768px) { .banner-hm-masoyise-hp-seminar { background:#232323 url(../../../images/banners/banner-hm-masoyise-hp-seminar-sml.jpg) left top no-repeat; background-size:auto 100%; } } @media (min-width: 992px) { .banner-hm-masoyise-hp-seminar { background:#232323 url(../../../images/banners/banner-hm-masoyise-hp-seminar-md.jpg) left -50px no-repeat; background-size:auto 100%; } } @media (min-width: 1200px) { .banner-hm-masoyise-hp-seminar { background:#232323 url(../../../images/banners/banner-hm-masoyise-hp-seminar-md.jpg) -50px 35px no-repeat; background-size:auto 100% ; } } @media (min-width: 1600px) { .banner-hm-masoyise-hp-seminar { background:#232323 url(../../../images/banners/banner-hm-masoyise-hp-seminar.jpg) 0 35px no-repeat; background-size:100% auto; } } @media (min-width: 1922px) { .banner-hm-masoyise-hp-seminar { background:#232323 url(../../../images/banners/banner-hm-masoyise-hp-seminar-lg.jpg) left 35px no-repeat; background-size:auto 100% ; } } .banner-hm-masoyise-hp-seminar .b-content {padding:10vh 5% 100px; min-height:748px;} .banner-hm-masoyise-hp-seminar .b-contentblock {padding:20px 15px 20px 15px;} /*--National Day Women in Mining August 2020--*/ .banner-hm-nd-women-mining-2020 {background:url(../../../images/banners/banner-hm-nd-women-mining-2020-sm.jpg) left top no-repeat; background-size:100% auto; text-align:left; } @media (min-width: 480px) { .banner-hm-nd-women-mining-2020 { background:url(../../../images/banners/banner-hm-nd-women-mining-2020-sm.jpg) left top no-repeat; background-size:100% auto ; } } @media (min-width: 768px) { .banner-hm-nd-women-mining-2020 { background:url(../../../images/banners/banner-hm-nd-women-mining-2020-sm.jpg) left top no-repeat; background-size:100% auto; } } @media (min-width: 992px) { .banner-hm-nd-women-mining-2020 { background:url(../../../images/banners/banner-hm-nd-women-mining-2020-md.jpg) left -50px repeat-y; background-size:100% auto; } } @media (min-width: 1200px) { .banner-hm-nd-women-mining-2020 { background:url(../../../images/banners/banner-hm-nd-women-mining-2020.jpg) left 35px repeat-y; background-size:100% auto; } } @media (min-width: 1600px) { .banner-hm-nd-women-mining-2020 { background:url(../../../images/banners/banner-hm-nd-women-mining-2020.jpg) left 35px repeat-y; background-size:100% auto; } } .b-contentblock.ndwim2020 {padding:20px 20px 20px 30px;} .b-contentblock.ndwim2020 h1 {color:#9ccb3b; margin-bottom:0.2em; font-size:3.0em; line-height:1.0em; letter-spacing:-1px;} @media (min-width: 480px) { .b-contentblock.ndwim2020 h1 {font-size:3.8em;} } @media (min-width: 768px) { .b-contentblock.ndwim2020 h1 {font-size:4.8em;} } @media (min-width: 992px) { .b-contentblock.ndwim2020 h1 {font-size:4.1em;} } @media (min-width: 1200px) { .b-contentblock.ndwim2020 h1 {font-size:3.77em;} } @media (min-width: 1400px) { .b-contentblock.ndwim2020 h1 {font-size:4.4em;} } @media (min-width: 1700px) { .b-contentblock.ndwim2020 h1 {font-size:4.7em;} } @media (min-width: 1900px) { .b-contentblock.ndwim2020 h1 {font-size:5.1em;} } .b-contentblock.ndwim2020 img {display:block; max-width:200px; margin:0 auto;} @media (min-width: 768px) { .b-contentblock.ndwim2020 img {max-width:300px;} } .b-contentblock.ndwim2020 h1 span {color:#000; display:inline-block; margin-right:10px;} .b-contentblock.ndwim2020 p {color:#000 !important; font-size:0.8em; margin-bottom:1em;} .b-contentblock.ndwim2020 p.lead {color:#000 !important; font-size:1.2em; line-height:1.5em; margin-bottom:1.2em; font-family: 'GothamMedium', Arial, Helvetica, sans-serif;} /*--.b-contentblock.ndwim2020 p.lead {color:#000 !important; font-size:0.9em; line-height:1.4em; margin-bottom:0.8em;}--*/ .b-contentblock.ndwim2020 .btn-default {background:#007748; font-size:0.75em; width:24%;} .b-contentblock.ndwim2020 .btn-default:hover {background:#000;} .brdr-r {border-right:0px solid #000;} @media (min-width: 768px) { .brdr-r {border-right:2px solid #000;} } /*--Human Rights--*/ .banner-hm-human-rights {background:url(../../../images/banners/banner-hm-human-rights-sml.jpg) left top no-repeat; background-size:100% auto; text-align:left; } @media (min-width: 480px) { .banner-hm-human-rights { background:url(../../../images/banners/banner-hm-human-rights-sml.jpg) left top no-repeat; background-size:auto 100%; } } @media (min-width: 768px) { .banner-hm-human-rights { background:url(../../../images/banners/banner-hm-human-rights-md.jpg) left top no-repeat; background-size:auto 100%; } } @media (min-width: 992px) { .banner-hm-human-rights { background:url(../../../images/banners/banner-hm-human-rights.jpg) -100px top no-repeat; background-size:auto 100%; } } @media (min-width: 1200px) { .banner-hm-human-rights { background:url(../../../images/banners/banner-hm-human-rights.jpg) left top no-repeat; background-size:100% auto; } } @media (min-width: 1600px) { .banner-hm-human-rights { background:url(../../../images/banners/banner-hm-human-rights.jpg) left -100px no-repeat; background-size:100% auto; } } /*--B4SA--*/ .banner-hm-b4sa {background:url(../../../images/banners/banner-hm-b4sa-1920.jpg) left top no-repeat; background-size:100% auto; text-align:left; background-position:left top;} @media (min-width: 480px) { .banner-hm-b4sa { background:url(../../../images/banners/banner-hm-b4sa-sml.jpg) left top no-repeat; background-size:auto 100%; background-position:left top;} } @media (min-width: 768px) { .banner-hm-b4sa { background:url(../../../images/banners/banner-hm-b4sa-sml.jpg) left top no-repeat; background-size:auto 100%; background-position:left top;} } @media (min-width: 992px) { .banner-hm-b4sa { background:url(../../../images/banners/banner-hm-b4sa-1920.jpg) left top no-repeat; background-size:auto 100%; background-position:left top;} } @media (min-width: 1200px) { .banner-hm-b4sa { background:url(../../../images/banners/banner-hm-b4sa-1920.jpg) left top no-repeat; background-size:100% auto; background-position:left top;} } /*--B4SA video icons--*/ .b4sa-vidicons {background:#ededed; border: none; margin: 0 0 1.5em; padding:2em 1em 1em 1.2em; margin-bottom: 1em !important; } .b4sa-vidicons img {border-bottom:1px solid rgba(0,0,0,0.2); margin:0 0 10px 0 !important;} .b4sa-vidicons a {cursor:pointer;} .b4sa-vidicons h5 {font-size:1.2em; line-height:1.2em; padding:0 5.5%; color:#666;} @media (min-width: 480px) { .b4sa-vidicons h5 {font-size:1.2em;} } @media (min-width: 768px) { .b4sa-vidicons h5 {font-size:1.2em;} } @media (min-width: 992px) { .b4sa-vidicons h5 {font-size:1.2em;} } @media (min-width: 1200px) { .b4sa-vidicons h5 {font-size:1.2em;} } @media (min-width: 1600px) { .b4sa-vidicons h5 {font-size:1.2em;} } .b4sa-vidicons p {font-size:0.75em; line-height:1.4em; padding:0 5.5%;} @media (min-width: 480px) { .b4sa-vidicons p {font-size:1em; line-height:1.5em;} } @media (min-width: 768px) { .b4sa-vidicons p {font-size:0.9em; line-height:1.4em;} } @media (min-width: 992px) { .b4sa-vidicons p {font-size:0.8em; line-height:1.45em;} } @media (min-width: 1200px) { .b4sa-vidicons p {font-size:0.8em; line-height:1.45em;} } @media (min-width: 1600px) { .b4sa-vidicons p {font-size:0.8em; line-height:1.45em;} } .col-vidintro {display:block; vertical-align:top; width:100%; position:relative; min-height:1px; margin:0 0 15px 0; padding:25px 16px 20px 20px; height:auto; background:#fff; text-align:center; border:1px solid rgba(0,0,0,0.2);} @media (min-width: 480px) { .col-vidintro {display:block; width:98%; margin-right:0px; margin-left:2px; height:auto;} } @media (min-width: 768px) { .col-vidintro {display:block; width:98%; margin-right:5px; margin-left:5px; height:auto;} } @media (min-width: 992px) { .col-vidintro {display:inline-block; width:65%; margin-right:0.5%; margin-left:0.5%; height:360px;} } @media (min-width: 1200px) { .col-vidintro {display:inline-block; width:48.3%; margin-right:0.5%; margin-left:0.5%; height:360px;} } @media (min-width: 1600px) { .col-vidintro {display:inline-block; width:48.3%; margin-right:0.5%; margin-left:0.5%; height:350px;} } .col-vidintro p {font-size:1.1em; line-height:1.5em; padding:0 3%; text-align:left; margin:0 0 0.4em 0; } @media (min-width: 480px) { .col-vidintro p {font-size:1.1em; line-height:1.45em; } } @media (min-width: 768px) { .col-vidintro p {font-size:1.1em; line-height:1.45em; } } @media (min-width: 992px) { .col-vidintro p {font-size:1.1em; line-height:1.5em; } } @media (min-width: 1200px) { .col-vidintro p {font-size:1.1em; line-height:1.6em; } } @media (min-width: 1600px) { .col-vidintro p {font-size:1.15em; line-height:1.6em; } } .col-vidintro p.lead {font-size:1.15em; font-weight:bold; } @media (min-width: 480px) { .col-vidintro p.lead {font-size:1.15em; } } @media (min-width: 768px) { .col-vidintro p.lead {font-size:1.15em; } } @media (min-width: 992px) { .col-vidintro p.lead {font-size:1.15em; } } @media (min-width: 1200px) { .col-vidintro p.lead {font-size:1.15em; } } @media (min-width: 1600px) { .col-vidintro p.lead {font-size:1.2em; } } /*--B4SA Column for Video Icon--*/ .col-vidicon {display:inline-block; vertical-align:top; width:100%; position:relative; min-height:1px; margin:0 5px 15px 0; padding:0px; height:auto; background:#fff; border:1px solid rgba(0,0,0,0.2);} @media (min-width: 480px) { .col-vidicon {display:inline-block; width:48%; margin-right:0.7%; margin-left:0.7%; height:350px; } } @media (min-width: 768px) { .col-vidicon {display:inline-block; width:48%; margin-right:0.7%; margin-left:0.7%; height:400px; } } @media (min-width: 992px) { .col-vidicon {display:inline-block; width:31.5%; margin-right:0.5%; margin-left:0.5%; height:360px; } } @media (min-width: 1200px) { .col-vidicon {display:inline-block; width:23.5%; margin-right:0.5%; margin-left:0.5%; height:360px; } } @media (min-width: 1600px) { .col-vidicon {display:inline-block; width:23.5%; margin-right:0.5%; margin-left:0.5%; height:350px; } } /*--B4SA video icons-- .b4sa-vidicons {background:#ededed; border: none; margin: 0 0 1.5em; padding:1.2rem 0 1em 1.2em; margin-bottom: 1em !important;} .b4sa-vidicons img {border:1px solid rgba(0,0,0,0.7); margin:0 0 6px 0 !important;} .b4sa-vidicons a {cursor:pointer;} .b4sa-vidicons h5 {font-size:1.0em; line-height:1.2em;} .b4sa-vidicons p {font-size:0.8em; line-height:1.25em;} */ /*--B4SA Column for Video Icon-- .col-vidicon {float:left; width:100%; position:relative; min-height:1px; padding-right:0px; padding-left:0px; height:auto; background:#fff;} @media (min-width: 480px) { .col-vidicon {float:left; width:100%; padding-right:0px; padding-left:0px; height:auto; } } @media (min-width: 768px) { .col-vidicon {float:left; width:50%; padding-right:15px; padding-left:0px; height:280px; } } @media (min-width: 992px) { .col-vidicon {float:left; width:50%; padding-right:15px; padding-left:0px; height:280px; } } @media (min-width: 1200px) { .col-vidicon {float:left; width:19%; padding-right:15px; padding-left:0px; height:270px; } } */ /*--B4SA-- .banner-hm-b4sa {background:url(../../../images/banners/banner-hm-b4sa-1920.jpg) left top no-repeat; background-size:100% auto; text-align:left; background-position:left top;} @media (min-width: 480px) { .banner-hm-b4sa {background-size:auto 100%; background-position:left top;} } @media (min-width: 768px) { .banner-hm-b4sa {background-size:auto 100%; background-position:left top;} } @media (min-width: 992px) { .banner-hm-b4sa {background-size:auto 100%; background-position:left top;} } @media (min-width: 1200px) { .banner-hm-b4sa {background-size:100% auto; background-position:left top;} } */ /*--Quarterly July 2020--*/ .qrtrly-july-2020 {background:url(../../../images/banners/banner-qrtrly-july-2020-1920.jpg) left top no-repeat; background-size:100% auto; text-align:left; background-position:left top;} @media (min-width: 480px) { .qrtrly-july-2020 {background-size:auto 100%; background-position:left top;} } @media (min-width: 768px) { .qrtrly-july-2020 {background-size:auto 100%; background-position:left top;} } @media (min-width: 992px) { .qrtrly-july-2020 {background-size:auto 100%; background-position:left top;} } @media (min-width: 1200px) { .qrtrly-july-2020 {background-size:100% auto; background-position:left -30px;} } /*--Custom Home banner AIR2019--*/ .safety-health-2020 {background:#007e4d url(../../../images/banners/banner-safety-health-2020-1920.jpg) left top repeat; background-size:100% auto; text-align:left; background-position:left top;} @media (min-width: 480px) { .safety-health-2020 {background-size:auto 100%; background-position:left top;} } @media (min-width: 768px) { .safety-health-2020 {background-size:auto 100%; background-position:left top;} } @media (min-width: 992px) { .safety-health-2020 {background-size:auto 100%; background-position:left top;} } @media (min-width: 1200px) { .safety-health-2020 {background-size:100% auto; background-position:left -30px;} } .safety-health-2020 a {text-decoration:none;} .safety-health-2020 img {border: 1px solid #ccc; margin:0 0 5px 0;} .safety-health-2020 p.imgp {line-height:0.5em !important; font-size:1em; font-weight:bold; margin-bottom:15px;} .safety-health-2020 p.imgp a {display:block; line-height:1.2em !important; font-size:0.75em; font-weight:bold; margin:0; padding:0;} .safety-health-2020 a:hover {text-decoration:underline;} a.img-a {line-height:0.5em !important; font-size:0.85em; font-weight:bold; margin-bottom:10px;} .safety-health-2020 a:hover {text-decoration:underline;} /*--Custom Home banner AIR2019--*/ .air2019 {background:#007e4d url(../../../images/banners/hm-bg-air2019.png) left top repeat; background-size:100% auto; text-align:left; } .air2019 .b-content {height:auto; min-height:300px; text-align:left; padding:40px 2% 50px 2%;} @media (min-width: 480px) { .air2019 .b-content {padding:40px 3% 50px 3%; min-height:748px;} } @media (min-width: 768px) { .air2019 .b-content {padding:40px 3% 50px 3%; min-height:748px;} } @media (min-width: 992px) { .air2019 .b-content {padding:5vh 3% 50px 0; min-height:748px;} } @media (min-width: 1200px) { .air2019 .b-content {padding:10vh 3% 50px 0; min-height:748px;} } @media (min-width: 1600px) { .air2019 .b-content {padding:10vh 3% 100px; min-height:748px;} } @media (min-width: 1920px) { .air2019 .b-content {padding:12vh 3% 100px; min-height:748px;} } .air2019 .report {padding:0;} .air2019 .report img {max-height:600px;} .air2019 .report p {text-align:center; color:#fff; margin:10px 0 0;} .air2019 .report p a {color:#fff;} .air2019 .b-contentblock {padding:30px 30px 30px 30px;} .air2019 .b-contentblock h4 {color:#000; margin-bottom:0.6em; text-transform:uppercase;} .air2019 .b-contentblock p {color:#666; } .air2019 .b-contentblock p.lead {color:#666; } .air2019 .b-contentblock a {color:#ee2835; text-decoration: underline;} /*--Custom Home banner Covid-19--V2-Light Blue*/ .covid19 {background:#72adde left top repeat; background-size:100% auto; text-align:left; } .sagov-covid {display:block; margin:0px 0 10px 0; padding:0; background:none;} .sagov-covid h5 {color:#0054a6; text-transform:uppercase; margin:0; font-family:'GothamBold', Arial, Helvetica, sans-serif; font-size:0.9em; line-height:1.5em; text-align:center;} .sagov-covid h5 a {color:#0054a6 !important;} .sagov-covid h5 a:hover {color:#0054a6 !important;} .covid19 .b-content {height:auto; min-height:400px; text-align:left; padding:40px 2% 50px 2%;} @media (min-width: 480px) { .covid19 .b-content {padding:40px 3% 50px 3%; min-height:400px;} } @media (min-width: 768px) { .covid19 .b-content {padding:40px 3% 50px 3%; min-height:400px;} } @media (min-width: 992px) { .covid19 .b-content {padding:5vh 3% 50px 0; min-height:400px;} } @media (min-width: 1200px) { .covid19 .b-content {padding:15vh 3% 50px 0; min-height:400px;} } @media (min-width: 1600px) { .covid19 .b-content {padding:20vh 5% 100px; min-height:400px;} } @media (min-width: 1920px) { .covid19 .b-content {padding:20vh 5% 100px; min-height:400px;} } .covid19 .b-contentblock h4 {color:#0054a6; margin-bottom:0.6em; } .covid19 .b-contentblock p {color:#0054a6; font-family:'Gotham', Arial, Helvetica, sans-serif;} .covid19 .b-contentblock p.lead {color:#0054a6; font-family:'GothamBold', Arial, Helvetica, sans-serif;} .covid19 .b-contentblock a {color:#0054a6; text-decoration: underline;} .logo-covid {margin:100px auto 0 auto; width:70%;} @media (min-width: 480px) { .logo-covid {margin:10vh auto 0 auto; width:70%;} } @media (min-width: 768px) { .logo-covid {margin:10vh auto 0 auto; width:85%;} } @media (min-width: 992px) { .logo-covid {margin:25vh auto 0 auto; width:90%;} } @media (min-width: 1200px) { .logo-covid {margin:25vh auto 0 auto; width:80%;} } @media (min-width: 1600px) { .logo-covid {margin:25vh auto 0 auto; width:80%;} } .covid19 .hilite {display: block; margin: 0px 0 10px 0; padding: 12px 12px; background:#0054a6;} /*--Custom Home banner Covid-19--V1-Red--*//*-- .covid19 {background:#ee2835 url(../../../images/banners/hm-bg-covid19.png) left top repeat; background-size:100% auto; text-align:left; } .sagov-covid {display:block; margin:0px 0 10px 0; padding:0; background:none;} .sagov-covid h5 {color:#ed2636; text-transform:uppercase; margin:0; font-family:'GothamBold', Arial, Helvetica, sans-serif; font-size:0.9em; line-height:1.5em; text-align:center;} .sagov-covid h5 a {color:#ed2636 !important;} .sagov-covid h5 a:hover {color:#000 !important;} .covid19 .b-contentblock h4 {color:#ee2835; margin-bottom:0.6em; } .covid19 .b-contentblock p {color:#ee2835; } .covid19 .b-contentblock p.lead {color:#ee2835; } .covid19 .b-contentblock a {color:#ee2835; text-decoration: underline;} .logo-covid {margin:100px auto 0 auto; width:70%;} @media (min-width: 480px) { .logo-covid {margin:10vh auto 0 auto; width:70%;} } @media (min-width: 768px) { .logo-covid {margin:10vh auto 0 auto; width:85%;} } @media (min-width: 992px) { .logo-covid {margin:32vh auto 0 auto; width:90%;} } @media (min-width: 1200px) { .logo-covid {margin:33vh auto 0 auto; width:80%;} } @media (min-width: 1600px) { .logo-covid {margin:35vh auto 0 auto; width:80%;} } --*/ /*--FIRST BANNER SYSTEM--*/ /*--Banner Colour Coding--*/ /*--Red--*/ .bb-red {background:#ee2c37;} .bb-red h1 {color:#ae122a;} /*--DRed--*/ .bb-red h2 {color:#ee2835;} /*--Red--*/ .bb-red h3 {color:#000;} .bb-red h4 {color:#ee2835;} .bb-red h5 {color:#ee2835;} .bb-red p {color:#666;} .bb-red p.lead {color:#ee2835;} .bb-red a {color:#ee2835; 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:#ee2c37 !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:#00a76d;} .bb-green .btn-default {border-radius:0; color:#fff; background:#007748; font-size:0.8em; margin:10px 0 10px 0;} .bb-green .bblock-icon {background:#007748;} .bb-green .bblock-icon.green2 {background:#9dcb3b;} /*--Yellow--*/ .bb-yellow {background:#e18127;} .bb-yellow .btn-default {border-radius:0; color:#d37824; background:#ffdd00; font-size:0.8em; margin:10px 0 10px 0;} .bb-yellow .bblock-icon {background:#feb818;} .bb-yellow .bblock-icon.yellow2 {} /* .carousel-inner .item {height:auto; min-height:900px; padding-right:0px; padding-left:0px; text-align: right; background-position:left top; background-size:auto 100%; } @media (min-width: 480px) { .carousel-inner .item {height:auto; min-height:auto; background-position:left top; background-size:auto; } } @media (min-width: 768px) { .carousel-inner .item {height:80vh; min-height:750px; background-position:left top; background-size:auto; } } @media (min-width: 992px) { .carousel-inner .item {height:80vh; min-height:750px; background-position:left top; background-size:auto; } } @media (min-width: 1200px) {.carousel-inner .item {height:80vh; min-height:600px; background-position:left top; background-size:auto; } } @media (min-width: 1600px) {.carousel-inner .item {height:90vh; min-height:750px; background-position:left top; background-size:auto; } } */ /*--END NEW BANNER SYSTEM--*/ /* Standard 19" desktop Browser window size: 1280 x 881 Screen size: 1280 x 1024 HD laptop Current: Browser window size: 1536 x 722 Screen size: 1536 x 864 HD Monitor Browser window size: 1920 x 937 Screen size: 1920 x 1080 4k Monitor (Werner) Browser window size: 2521 x 1305 Screen size: 2560 x 1440 */ /*--Banner AGM 2020--*/ .banner-hm-agm-2020 {background:#7b0d1d url(../../../images/banners/banner-hm-agm-2020.jpg) left -30px no-repeat; background-size:140% auto !important; background-position:left -30px;} @media (min-width: 480px) { .banner-hm-agm-2020 { background:#7b0d1d url(../../../images/banners/banner-hm-agm-2020.jpg) left -30px no-repeat; background-size:160% auto !important; background-position:left -30px;} } @media (min-width: 750px) { .banner-hm-agm-2020 { background:#7b0d1d url(../../../images/banners/banner-hm-agm-2020-sml.jpg) left top no-repeat; background-size:80% auto !important; background-position:left top !important} } @media (min-width: 768px) { .banner-hm-agm-2020 { background:#7b0d1d url(../../../images/banners/banner-hm-agm-2020-sml.jpg) left top no-repeat; background-size:70% auto !important; background-position:left top !important;} } @media (min-width: 992px) { .banner-hm-agm-2020 { background:#7b0d1d url(../../../images/banners/banner-hm-agm-2020-sml.jpg) left top no-repeat; background-size:70% auto !important; background-position:left top !important;} } @media (min-width: 1200px) { .banner-hm-agm-2020 { background:#7b0d1d url(../../../images/banners/banner-hm-agm-2020.jpg) left 8vh no-repeat; background-size:88% auto !important; background-position:left 8vh !important;} } @media (min-width: 1500px) { .banner-hm-agm-2020 { background:#7b0d1d url(../../../images/banners/banner-hm-agm-2020.jpg) left top no-repeat; background-size:95% auto !important; background-position:left top !important;} } @media (min-width: 1922px) { .banner-hm-agm-2020 { background:#7b0d1d url(../../../images/banners/banner-hm-agm-2020-lg.jpg) left 30px no-repeat; background-size:100% auto !important; background-position:left 30px !important;} } /*--COVID-19 Return to work--*/ .banner-hm-covid-19-return-to-work {background:#fff url(../../../images/banners/banner-hm-covid-19-return-to-work-xs.jpg) left top no-repeat; background-size:100% auto !important; background-position:left top !important;} @media (min-width: 480px) { .banner-hm-covid-19-return-to-work {background:#fff url(../../../images/banners/banner-hm-covid-19-return-to-work-xs.jpg) left top no-repeat; background-position:0px 0px !important; background-size:100% auto !important;} } @media (min-width: 768px) { .banner-hm-covid-19-return-to-work {background:#fff url(../../../images/banners/banner-hm-covid-19-return-to-work-sm.jpg) left top no-repeat; background-position:-200px 0px !important; background-size:auto !important; } } @media (min-width: 992px) { .banner-hm-covid-19-return-to-work {background:#fff url(../../../images/banners/banner-hm-covid-19-return-to-work-sm.jpg) left top no-repeat; background-position:-100px 0px !important; background-size:auto !important; } } @media (min-width: 1200px) { .banner-hm-covid-19-return-to-work {background:#fff url(../../../images/banners/banner-hm-covid-19-return-to-work-md.jpg) left top no-repeat; background-position:-200px 0px !important; background-size:100% auto !important; } } @media (min-width: 1500px) { .banner-hm-covid-19-return-to-work {background:#fff url(../../../images/banners/banner-hm-covid-19-return-to-work.jpg) left top no-repeat; background-position:-600px 0px !important; background-size:auto !important; } } @media (min-width: 1920px) { .banner-hm-covid-19-return-to-work {background:#fff url(../../../images/banners/banner-hm-covid-19-return-to-work-lg.jpg) left top no-repeat; background-position:-200px 0px !important; background-size:100% auto !important;} } /*--Banner Calls for corona virus--*/ .banner-hm-convid-19-2020 {background:#ae122a url(../../../images/banners/banner-hm-convid-19-2020-xs.png) center 20px no-repeat !important; background-size:90% auto !important;} @media (min-width: 400px) { .banner-hm-convid-19-2020 {background:#ae122a url(../../../images/banners/banner-hm-convid-19-2020-xs.png) center 20px no-repeat !important; background-size:100% auto !important; } } @media (min-width: 750px) { .banner-hm-convid-19-2020 {background:#ae122a url(../../../images/banners/banner-hm-covid-19-sm.png) 0px top no-repeat !important;background-size:60% auto !important; } } @media (min-width: 920px) { .banner-hm-convid-19-2020 {background:#ae122a url(../../../images/banners/banner-hm-covid-19-md.png) left top no-repeat !important;background-size:100% auto !important; } } @media (min-width: 1200px) { .banner-hm-convid-19-2020 {background:#ae122a url(../../../images/banners/banner-hm-covid-19-std.png) left top no-repeat !important; background-size:100% !important; } } @media (min-width: 1500px) { .banner-hm-convid-19-2020 {background:#ae122a url(../../../images/banners/banner-hm-covid-19-xlg.png) 0px top no-repeat !important; background-size:90% !important; } } @media (min-width: 1920px) { .banner-hm-convid-19-2020 {background:#ae122a url(../../../images/banners/banner-hm-covid-19-xlg.png) left 0 no-repeat !important; background-size:90% !important;} } /*--Banner Calls for corona virus-- .banner-hm-convid-19-2020 {background:#000 url(../../../images/banners/banner-hm-convid-19-2020-xs.png) left -20px no-repeat !important; background-size:90% auto !important;} @media (min-width: 480px) { .banner-hm-convid-19-2020 {background:#000 url(../../../images/banners/banner-hm-convid-19-2020-sml.png) left -0px no-repeat !important;background-size:80% auto !important; } } @media (min-width: 750px) { .banner-hm-convid-19-2020 {background:#000 url(../../../images/banners/banner-hm-convid-19-2020-sml.png) -200px top no-repeat !important;background-size:100% auto !important; } } @media (min-width: 768px) { .banner-hm-convid-19-2020 {background:#000 url(../../../images/banners/banner-hm-convid-19-2020-sml.png) -350px top no-repeat !important; background-size:100% auto !important; } } @media (min-width: 992px) { .banner-hm-convid-19-2020 {background:#000 url(../../../images/banners/banner-hm-convid-19-2020-md.png) -250px top no-repeat !important;background-size:100% auto !important; } } @media (min-width: 1200px) { .banner-hm-convid-19-2020 {background:#000 url(../../../images/banners/banner-hm-convid-19-2020-md.png) -250px top no-repeat !important;background-size:auto !important; } } @media (min-width: 1500px) { .banner-hm-convid-19-2020 {background:#000 url(../../../images/banners/banner-hm-convid-19-2020.png) 0px top no-repeat !important;background-size:auto !important; } } @media (min-width: 1922px) { .banner-hm-convid-19-2020 {background:#000 url(../../../images/banners/banner-hm-convid-19-2020-lg.png) left 0 no-repeat !important;} } */ /*--Banner Calls for women in mining 2020--*/ .banner-hm-women-in-mining-2020 {background:#000 url(../../../images/banners/banner-hm-women-in-mining-2020-xs.jpg) left -20px no-repeat !important; background-size:90% auto !important;} @media (min-width: 480px) { .banner-hm-women-in-mining-2020 {background:#000 url(../../../images/banners/banner-hm-women-in-mining-2020-sml.jpg) left -0px no-repeat !important;background-size:80% auto !important; } } @media (min-width: 750px) { .banner-hm-women-in-mining-2020 {background:#000 url(../../../images/banners/banner-hm-women-in-mining-2020-sml.jpg) -200px top no-repeat !important;background-size:100% auto !important; } } @media (min-width: 768px) { .banner-hm-women-in-mining-2020 {background:#000 url(../../../images/banners/banner-hm-women-in-mining-2020-sml.jpg) -350px top no-repeat !important; background-size:100% auto !important; } } @media (min-width: 992px) { .banner-hm-women-in-mining-2020 {background:#000 url(../../../images/banners/banner-hm-women-in-mining-2020-md.jpg) -250px top no-repeat !important;background-size:100% auto !important; } } @media (min-width: 1200px) { .banner-hm-women-in-mining-2020 {background:#000 url(../../../images/banners/banner-hm-women-in-mining-2020-md.jpg) -250px top no-repeat !important;background-size:auto !important; } } @media (min-width: 1500px) { .banner-hm-women-in-mining-2020 {background:#000 url(../../../images/banners/banner-hm-women-in-mining-2020.jpg) 0px top no-repeat !important;background-size:auto !important; } } @media (min-width: 1922px) { .banner-hm-women-in-mining-2020 {background:#000 url(../../../images/banners/banner-hm-women-in-mining-2020-lg.jpg) left 0 no-repeat !important;} } /*--Banner women abuse--*/ .banner-hm-women-abuse {background:#ed2636 url(../../../images/banners/banner-hm-women-abuse-2020-xs.png) left top no-repeat; background-size:100% auto !important; background-position:left top !important;} @media (min-width: 480px) { .banner-hm-women-abuse {background:#e7e7e8 url(../../../images/banners/banner-hm-women-abuse-2020-xs.png) left top no-repeat; background-position:left top !important; background-size:100% auto !important;} } @media (min-width: 780px) { .banner-hm-women-abuse {background:#e7e7e8 url(../../../images/banners/banner-hm-women-abuse-2020-sml.png) left top no-repeat; background-position:left top !important; background-size:50% auto !important; } } @media (min-width: 992px) { .banner-hm-women-abuse {background:#e7e7e8 url(../../../images/banners/banner-hm-women-abuse-2020-md2.png) left top no-repeat; background-position:left top !important; background-size:80% auto !important; } } @media (min-width: 1200px) { .banner-hm-women-abuse {background:#e7e7e8 url(../../../images/banners/banner-hm-women-abuse-2020-md.png) left top no-repeat; background-position:left top !important; background-size:90% auto !important; } } @media (min-width: 1600px) { .banner-hm-women-abuse {background:#e7e7e8 url(../../../images/banners/banner-hm-women-abuse-2020.png) left top no-repeat; background-position:left top !important; background-size:auto !important; } } @media (min-width: 1921px) { .banner-hm-women-abuse {background:#e7e7e8 url(../../../images/banners/banner-hm-women-abuse-2020-lg.png) left top no-repeat; background-position:left top !important; background-size:auto !important; } } /*--Banner women abuse--*//*-- .banner-hm-women-abuse {background:#ed2636 url(../../../images/banners/banner-hm-women-abuse-2020-xs.png) left top no-repeat; background-size:100% auto !important; background-position:left top !important;} @media (min-width: 480px) { .banner-hm-women-abuse {background:#e7e7e8 url(../../../images/banners/banner-hm-women-abuse-2020-xs.png) left top no-repeat; background-position:left top !important; background-size:100% auto !important;} } @media (min-width: 780px) { .banner-hm-women-abuse {background:#e7e7e8 url(../../../images/banners/banner-hm-women-abuse-2020-sml.png) left top no-repeat; background-position:left top !important; background-size:80% auto !important; } } @media (min-width: 992px) { .banner-hm-women-abuse {background:#e7e7e8 url(../../../images/banners/banner-hm-women-abuse-2020-md.png) left top no-repeat; background-position:left top !important; background-size:90% auto !important; } } @media (min-width: 1200px) { .banner-hm-women-abuse {background:#e7e7e8 url(../../../images/banners/banner-hm-women-abuse-2020-md.png) left top no-repeat; background-position:left top !important; background-size:100% auto !important; } } @media (min-width: 1600px) { .banner-hm-women-abuse {background:#e7e7e8 url(../../../images/banners/banner-hm-women-abuse-2020.png) left top no-repeat; background-position:left top !important; background-size:auto !important; } } @media (min-width: 1921px) { .banner-hm-women-abuse {background:#e7e7e8 url(../../../images/banners/banner-hm-women-abuse-2020-lg.png) left top no-repeat; background-position:left top !important; background-size:auto !important; } } --*/ /*--Banner Calls for conservative budget 2020--*/ .banner-hm-conservative-budget-2020 {background:#000 url(../../../images/banners/banner-hm-conservative-budget-2020-xs.jpg) left 0px no-repeat !important; background-size:100% auto !important;} @media (min-width: 480px) { .banner-hm-conservative-budget-2020 { background:#000 url(../../../images/banners/banner-hm-conservative-budget-2020-sml.jpg) left -0px no-repeat !important; background-size:100% auto !important; } } @media (min-width: 750px) { .banner-hm-conservative-budget-2020 { background:#000 url(../../../images/banners/banner-hm-conservative-budget-2020-sml.jpg) -200px top no-repeat !important; background-size:100% auto !important; } } @media (min-width: 768px) { .banner-hm-conservative-budget-2020 { background:#000 url(../../../images/banners/banner-hm-conservative-budget-2020-sml.jpg) -350px top no-repeat !important; background-size:100% auto !important; } } @media (min-width: 992px) { .banner-hm-conservative-budget-2020 { background:#000 url(../../../images/banners/banner-hm-conservative-budget-2020-md.jpg) -250px top no-repeat !important; background-size:100% auto !important; } } @media (min-width: 1200px) { .banner-hm-conservative-budget-2020 { background:#000 url(../../../images/banners/banner-hm-conservative-budget-2020-md.jpg) -250px top no-repeat !important; background-size:auto !important; } } @media (min-width: 1600px) { .banner-hm-conservative-budget-2020 { background:#000 url(../../../images/banners/banner-hm-conservative-budget-2020.jpg) 0px top no-repeat !important; background-size:auto !important; } } @media (min-width: 1922px) { .banner-hm-conservative-budget-2020 { background:#000 url(../../../images/banners/banner-hm-conservative-budget-2020-lg.jpg) left 20px no-repeat !important; background-size:auto !important;} } /*--Banner - 10Feb2020 - SONA critical action-*/ .banner-hm-sona-critical {background:#ed2835 url(../../../images/banners/banner-hm-sona-critical-xs.png) left top no-repeat; background-size:100% auto !important; background-position:left top !important;} @media (min-width: 480px) { .banner-hm-sona-critical {background:#ed2835 url(../../../images/banners/banner-hm-sona-critical-xs.png) left top no-repeat; background-position:left top !important; background-size:100% auto !important;} } @media (min-width: 780px) { .banner-hm-sona-critical {background:#ed2835 url(../../../images/banners/banner-hm-sona-critical-sml.png) left top no-repeat; background-position:left top !important; background-size:80% auto !important; } } @media (min-width: 992px) { .banner-hm-sona-critical {background:#ed2835 url(../../../images/banners/banner-hm-sona-critical-md.png) left top no-repeat; background-position:left top !important; background-size:90% auto !important; } } @media (min-width: 1200px) { .banner-hm-sona-critical {background:#ed2835 url(../../../images/banners/banner-hm-sona-critical-md.png) left top no-repeat; background-position:left top !important; background-size:100% auto !important; } } @media (min-width: 1600px) { .banner-hm-sona-critical {background:#ed2835 url(../../../images/banners/banner-hm-sona-critical.png) left top no-repeat; background-position:left top !important; background-size:auto !important; } } @media (min-width: 1925px) { .banner-hm-sona-critical {background:#ed2835 url(../../../images/banners/banner-hm-sona-critical-lg.png) left top no-repeat; background-position:left top !important; background-size:auto !important; } } /*--Banner - 13 Feb2020 - RCA announcement --*/ .banner-hm-rca-announcement {background:#4489c8 url(../../../images/banners/banner-rca-announcement-xs.png) left top no-repeat; background-size:100% auto !important; background-position:left top !important;} /*--Banner Mining Indaba 2020--Only background landscape pic--*/ .banner-hm-indaba-2020 {background:#ed2636 url(../../../images/banners/banner-hm-indaba-2020-xs.png) left top no-repeat; background-size:100% auto !important; background-position:left top !important;} @media (min-width: 480px) { .banner-hm-indaba-2020 {background:#ed2636 url(../../../images/banners/banner-hm-indaba-2020-xs.png) left top no-repeat; background-position:left top !important; background-size:100% auto !important;} } @media (min-width: 780px) { .banner-hm-indaba-2020 {background:#ed2636 url(../../../images/banners/banner-hm-indaba-2020-sml.png) left top no-repeat; background-position:left top !important; background-size:80% auto !important; } } @media (min-width: 992px) { .banner-hm-indaba-2020 {background:#ed2636 url(../../../images/banners/banner-hm-indaba-2020-md.png) left top no-repeat; background-position:left top !important; background-size:90% auto !important; } } @media (min-width: 1200px) { .banner-hm-indaba-2020 {background:#ed2636 url(../../../images/banners/banner-hm-indaba-2020-md.png) left top no-repeat; background-position:left top !important; background-size:100% auto !important; } } @media (min-width: 1600px) { .banner-hm-indaba-2020 {background:#ed2636 url(../../../images/banners/banner-hm-indaba-2020.png) left top no-repeat; background-position:left top !important; background-size:auto !important; } } @media (min-width: 1921px) { .banner-hm-indaba-2020 {background:#ed2636 url(../../../images/banners/banner-hm-indaba-2020-lg.png) left top no-repeat; background-position:left top !important; background-size:auto !important; } } /*----Banner Facts & Figures 2019 Pocketbook - GREEN ---*/ .banner-hm-ff2019-2-pocketbook {background:#00a76d url(../../../images/banners/banner-hm-ff2019-pocketbook-2-xs.png) left top no-repeat; background-size:100% auto !important; background-position:30px 0 !important;} @media (min-width: 480px) { .banner-hm-ff2019-2-pocketbook {background:#00a76d url(../../../images/banners/banner-hm-ff2019-pocketbook-2-xs.png) left top no-repeat; background-position:0px 0 !important; background-size:100% auto !important;} } @media (min-width: 780px) { .banner-hm-ff2019-2-pocketbook {background:#00a76d url(../../../images/banners/banner-hm-ff2019-pocketbook-2-sml.png) left top no-repeat; background-position:0px 30px !important; background-size:80% auto !important; } } @media (min-width: 992px) { .banner-hm-ff2019-2-pocketbook {background:#00a76d url(../../../images/banners/banner-hm-ff2019-pocketbook-2-md.png) left top no-repeat; background-position:0px 30px !important; background-size:90% auto !important; } } @media (min-width: 1200px) { .banner-hm-ff2019-2-pocketbook {background:#00a76d url(../../../images/banners/banner-hm-ff2019-pocketbook-2-md.png) left top no-repeat; background-position:0px 35px !important; background-size:100% auto !important; } } @media (min-width: 1600px) { .banner-hm-ff2019-2-pocketbook {background:#00a76d url(../../../images/banners/banner-hm-ff2019-pocketbook-2.png) left top no-repeat; background-position:0px 0px !important; background-size:auto !important; } } @media (min-width: 1921px) { .banner-hm-ff2019-2-pocketbook {background:#00a76d url(../../../images/banners/banner-hm-ff2019-pocketbook-2-lg.png) left top no-repeat; background-position:0px 30px !important; background-size:auto !important; } } /*--Banner Quarterly Update December 2019--*/ .banner-hm-quarterly-dec2019 {background:#000 url(../../../images/banners/banner-hm-quarterly-dec2019-sml.jpg) left -20px no-repeat !important; background-size:100% auto !important;} @media (min-width: 480px) { .banner-hm-quarterly-dec2019 { background:#000 url(../../../images/banners/banner-hm-quarterly-dec2019-sml.jpg) left -80px no-repeat !important; background-size:100% auto !important; } } @media (min-width: 750px) { .banner-hm-quarterly-dec2019 { background:#000 url(../../../images/banners/banner-hm-quarterly-dec2019-sml.jpg) left top no-repeat !important; background-size:100% auto !important; } } @media (min-width: 768px) { .banner-hm-quarterly-dec2019 { background:#000 url(../../../images/banners/banner-hm-quarterly-dec2019-sml.jpg) -90px top no-repeat !important; background-size:55% auto !important; } } @media (min-width: 992px) { .banner-hm-quarterly-dec2019 { background:#000 url(../../../images/banners/banner-hm-quarterly-dec2019-sml.jpg) -150px top no-repeat !important; background-size:70% auto !important; } } @media (min-width: 1200px) { .banner-hm-quarterly-dec2019 { background:#000 url(../../../images/banners/banner-hm-quarterly-dec2019.jpg) -140px top no-repeat !important; background-size:125% auto !important; } } @media (min-width: 1500px) { .banner-hm-quarterly-dec2019 { background:#000 url(../../../images/banners/banner-hm-quarterly-dec2019.jpg) left top no-repeat !important; background-size:110% auto !important; } } @media (min-width: 1922px) { .banner-hm-quarterly-dec2019 { background:#000 url(../../../images/banners/banner-hm-quarterly-dec2019-lg.jpg) left 0 no-repeat !important; background-size:auto !important; } } /*----Banner World Aid Day ---*/ .banner-hm-aids-day-2019 {background:#fff url(../../../images/banners/banner-hm-aids-day-2019.jpg) left top no-repeat; background-size:100% auto !important; background-position:70px 30px !important;} @media (min-width: 480px) { .banner-hm-aids-day-2019 {background:#fff url(../../../images/banners/banner-hm-aids-day-2019.jpg) left top no-repeat; background-position:90px 20px !important; background-size:100% auto !important;} } @media (min-width: 780px) { .banner-hm-aids-day-2019 {background:#fff url(../../../images/banners/banner-hm-aids-day-2019-sml.jpg) left top no-repeat; background-position:0px 30px !important; background-size:60% auto !important; } } @media (min-width: 992px) { .banner-hm-aids-day-2019 {background:#fff url(../../../images/banners/banner-hm-aids-day-2019-sml.jpg) left top no-repeat; background-position:0px 30px !important; background-size:90% auto !important; } } @media (min-width: 1200px) { .banner-hm-aids-day-2019 {background:#fff url(../../../images/banners/banner-hm-aids-day-2019.jpg) left top no-repeat; background-position:0px 35px !important; background-size:90% auto !important; } } @media (min-width: 1600px) { .banner-hm-aids-day-2019 {background:#fff url(../../../images/banners/banner-hm-aids-day-2019.jpg) left top no-repeat; background-position:70px 35px !important; background-size:100% auto !important; } } @media (min-width: 1921px) { .banner-hm-aids-day-2019 {background:#fff url(../../../images/banners/banner-hm-aids-day-2019-lg.jpg) left top no-repeat; background-position:50px 30px !important; background-size:100% auto !important; } } /*--Banner Fact sheet update Safety in mining (2020)--*/ .banner-hm-fs-safety {background:#000 url(../../../images/banners/banner-hm-fs-safety-xs.jpg) left -0px no-repeat !important; background-size:100% auto !important;} @media (min-width: 480px) { .banner-hm-fs-safety { background:#000 url(../../../images/banners/banner-hm-fs-safety-sml.jpg) left -0px no-repeat !important; background-size:100% auto !important; } } @media (min-width: 750px) { .banner-hm-fs-safety { background:#000 url(../../../images/banners/banner-hm-fs-safety-sml.jpg) -200px top no-repeat !important; background-size:100% auto !important; } } @media (min-width: 768px) { .banner-hm-fs-safety { background:#000 url(../../../images/banners/banner-hm-fs-safety-sml.jpg) -200px top no-repeat !important; background-size:100% auto !important; } } @media (min-width: 992px) { .banner-hm-fs-safety { background:#000 url(../../../images/banners/banner-hm-fs-safety-md.jpg) -200px top no-repeat !important; background-size:100% auto !important; } } @media (min-width: 1200px) { .banner-hm-fs-safety { background:#000 url(../../../images/banners/banner-hm-fs-safety-md.jpg) -400px top no-repeat !important; background-size:auto !important; } } @media (min-width: 1600px) { .banner-hm-fs-safety { background:#000 url(../../../images/banners/banner-hm-fs-safety.jpg) 0px top no-repeat !important; background-size:auto !important; } } @media (min-width: 1922px) { .banner-hm-fs-safety { background:#000 url(../../../images/banners/banner-hm-fs-safety-lg.jpg) left 0 no-repeat !important; background-size:auto !important; } } /*--Banner SLPs--*/ .banner-hm-tpr-2019 {background:#000 url(../../../images/banners/banner-hm-tpr-2019-xs.jpg) left -0px no-repeat !important; background-size:100% auto !important;} @media (min-width: 480px) { .banner-hm-tpr-2019 { background:#000 url(../../../images/banners/banner-hm-tpr-2019-sml.jpg) left -0px no-repeat !important; background-size:100% auto !important; } } @media (min-width: 750px) { .banner-hm-tpr-2019 { background:#000 url(../../../images/banners/banner-hm-tpr-2019-sml.jpg) left top no-repeat !important; background-size:100% auto !important; } } @media (min-width: 768px) { .banner-hm-tpr-2019 { background:#000 url(../../../images/banners/banner-hm-tpr-2019-md.jpg) left top no-repeat !important; background-size:100% auto !important; } } @media (min-width: 992px) { .banner-hm-tpr-2019 { background:#000 url(../../../images/banners/banner-hm-tpr-2019-md.jpg) left top no-repeat !important; background-size:auto !important; } } @media (min-width: 1200px) { .banner-hm-tpr-2019 { background:#000 url(../../../images/banners/banner-hm-tpr-2019.jpg) left top no-repeat !important; background-size:auto !important; } } @media (min-width: 1922px) { .banner-hm-tpr-2019 { background:#000 url(../../../images/banners/banner-hm-tpr-2019-lg.jpg) left 0 no-repeat !important; background-size:auto !important; } } /*--Banner Northern Cape Mining Community--*/ .banner-hm-ncmc {background:#000 url(../../../images/banners/banner-hm-ncmc-xs.jpg) left top no-repeat !important; background-size:100% auto !important;} @media (min-width: 480px) { .banner-hm-ncmc { background:#000 url(../../../images/banners/banner-hm-ncmc-sml.jpg) 0px top no-repeat !important; background-size:100% auto !important; } } @media (min-width: 780px) { .banner-hm-ncmc { background:#000 url(../../../images/banners/banner-hm-ncmc-sml.jpg) 0px top no-repeat !important; background-size:80% auto !important; } } @media (min-width: 992px) { .banner-hm-ncmc { background:#000 url(../../../images/banners/banner-hm-ncmc-md.jpg) -150px top no-repeat !important; background-size:95% auto !important; } } @media (min-width: 1200px) { .banner-hm-ncmc { background:#000 url(../../../images/banners/banner-hm-ncmc.jpg) left top no-repeat !important; background-size:100% auto !important; } } @media (min-width: 1922px) { .banner-hm-ncmc { background:#000 url(../../../images/banners/banner-hm-ncmc-lg.jpg) left 0 no-repeat !important; background-size:auto !important; } } /*--Banner SLPs--*/ .banner-hm-slps {background:#000 url(../../../images/banners/banner-hm-slps-xs.jpg) left top no-repeat !important; background-size:100% auto !important;} @media (min-width: 480px) { .banner-hm-slps { background:#000 url(../../../images/banners/banner-hm-slps-sml.jpg) -350px top no-repeat !important; background-size:auto !important; } } @media (min-width: 780px) { .banner-hm-slps { background:#000 url(../../../images/banners/banner-hm-slps-md.jpg) -250px top no-repeat !important; background-size:100% auto !important; } } @media (min-width: 992px) { .banner-hm-slps { background:#000 url(../../../images/banners/banner-hm-slps-md.jpg) -400px top no-repeat !important; background-size:auto !important; } } @media (min-width: 1200px) { .banner-hm-slps { background:#000 url(../../../images/banners/banner-hm-slps.jpg) left top no-repeat !important; background-size:auto !important; } } @media (min-width: 1922px) { .banner-hm-slps { background:#000 url(../../../images/banners/banner-hm-slps-lg.jpg) left 0 no-repeat !important; background-size:auto !important; } } /*--Banner Jhb Indaba 2019--*/ .banner-home-jhb-indaba2019 {background:#000 url(../../../images/banners/banner-home-jhb-indaba2019.jpg) left top no-repeat; background-size:140% auto !important; background-position:left top;} @media (min-width: 480px) { .banner-home-jhb-indaba2019 { background:#000 url(../../../images/banners/banner-home-jhb-indaba2019.jpg) left top no-repeat; background-size:160% auto !important; background-position:left top;} } @media (min-width: 750px) { .banner-home-jhb-indaba2019 { background:#000 url(../../../images/banners/banner-home-jhb-indaba2019-sml.jpg) left top no-repeat; background-size:80% auto !important; background-position:left top !important} } @media (min-width: 768px) { .banner-home-jhb-indaba2019 { background:#000 url(../../../images/banners/banner-home-jhb-indaba2019-sml.jpg) left top no-repeat; background-size:70% auto !important; background-position:left 80px !important;} } @media (min-width: 992px) { .banner-home-jhb-indaba2019 { background:#000 url(../../../images/banners/banner-home-jhb-indaba2019-sml.jpg) left top no-repeat; background-size:70% auto !important; background-position:left 40px !important;} } @media (min-width: 1200px) { .banner-home-jhb-indaba2019 { background:#000 url(../../../images/banners/banner-home-jhb-indaba2019.jpg) left bottom no-repeat; background-size:88% auto !important; background-position:left bottom !important;} } @media (min-width: 1500px) { .banner-home-jhb-indaba2019 { background:#000 url(../../../images/banners/banner-home-jhb-indaba2019.jpg) left bottom no-repeat; background-size:95% auto !important; background-position:left bottom !important;} } @media (min-width: 1922px) { .banner-home-jhb-indaba2019 { background:#000 url(../../../images/banners/banner-home-jhb-indaba2019.jpg) left bottom no-repeat; background-size:70% auto !important; background-position:left bottom !important;} } /*--Banner Quarterly Update October 2019--*/ .banner-hm-quarterly-oct2019 {background:#000 url(../../../images/banners/banner-hm-quarterly-oct02019-sml.jpg) left top no-repeat !important; background-size:100% auto !important;} @media (min-width: 480px) { .banner-hm-quarterly-oct2019 { background:#000 url(../../../images/banners/banner-hm-quarterly-oct02019-sml.jpg) left top no-repeat !important; background-size:100% auto !important; } } @media (min-width: 750px) { .banner-hm-quarterly-oct2019 { background:#000 url(../../../images/banners/banner-hm-quarterly-oct02019-sml.jpg) left top no-repeat !important; background-size:100% auto !important; } } @media (min-width: 768px) { .banner-hm-quarterly-oct2019 { background:#000 url(../../../images/banners/banner-hm-quarterly-oct02019-sml.jpg) -100px top no-repeat !important; background-size:100% auto !important; } } @media (min-width: 992px) { .banner-hm-quarterly-oct2019 { background:#000 url(../../../images/banners/banner-hm-quarterly-oct02019-sml.jpg) left top no-repeat !important; background-size:100% auto !important; } } @media (min-width: 1200px) { .banner-hm-quarterly-oct2019 { background:#000 url(../../../images/banners/banner-hm-quarterly-oct02019.jpg) left top no-repeat !important; background-size:100% auto !important; } } @media (min-width: 1922px) { .banner-hm-quarterly-oct2019 { background:#000 url(../../../images/banners/banner-hm-quarterly-oct02019-lg.jpg) left 0 no-repeat !important; background-size:auto !important; } } /*--Carbon tax 19 september 2019--*/ .banner-carbon-tax {background:#e6e6e6 url(../../../images/banners/banner-carbon-tax-hm-xs-1.png) left top no-repeat; background-size:100% auto !important; background-position:left top !important;} @media (min-width: 480px) { .banner-carbon-tax {background:#e6e6e6 url(../../../images/banners/banner-carbon-tax-hm-xs.png) left top no-repeat; background-position:0px 0px !important; background-size:100% auto !important;} } @media (min-width: 768px) { .banner-carbon-tax {background:#e6e6e6 url(../../../images/banners/banner-carbon-tax-hm-sm.png) left top no-repeat; background-position:0px 0px !important; background-size:25% !important; } } @media (min-width: 992px) { .banner-carbon-tax {background:#e6e6e6 url(../../../images/banners/banner-carbon-tax-hm-sm.png) left top no-repeat; background-position:0px 0px !important; background-size:45% !important; } } @media (min-width: 1200px) { .banner-carbon-tax {background:#e6e6e6 url(../../../images/banners/banner-carbon-tax-hm-md.png) left top no-repeat; background-position:0px 0px !important; background-size:auto !important; } } @media (min-width: 1600px) { .banner-carbon-tax {background:#e6e6e6 url(../../../images/banners/banner-carbon-tax-hm-md.png) left top no-repeat; background-position:0px 0px !important; background-size:auto !important; } } @media (min-width: 1920px) { .banner-carbon-tax {background:#e6e6e6 url(../../../images/banners/banner-carbon-tax-hm-lg.png) left top no-repeat; background-position:0px 0px !important; background-size:90% auto !important;} } /*--Facts and figures 2018 september 2019--*/ .banner-hm-ff2018 {background:#fff url(../../../images/banners/banner-hm-ff2018-xs.png) left top no-repeat; background-size:100% auto !important; background-position:left top !important;} @media (min-width: 480px) { .banner-hm-ff2018 {background:#fff url(../../../images/banners/banner-hm-ff2018-xs.png) left top no-repeat; background-position:0px 0px !important; background-size:100% auto !important;} } @media (min-width: 768px) { .banner-hm-ff2018 {background:#fff url(../../../images/banners/banner-hm-ff2018-sm.png) left top no-repeat; background-position:-150px 0px !important; background-size:auto !important; } } @media (min-width: 992px) { .banner-hm-ff2018 {background:#fff url(../../../images/banners/banner-hm-ff2018-sm.png) left top no-repeat; background-position:0px 0px !important; background-size:auto !important; } } @media (min-width: 1200px) { .banner-hm-ff2018 {background:#fff url(../../../images/banners/banner-hm-ff2018-md.png) left top no-repeat; background-position:0px 0px !important; background-size:auto !important; } } @media (min-width: 1600px) { .banner-hm-ff2018 {background:#fff url(../../../images/banners/banner-hm-ff2018.png) left top no-repeat; background-position:0px 0px !important; background-size:auto !important; } } @media (min-width: 1920px) { .banner-hm-ff2018 {background:#fff url(../../../images/banners/banner-hm-ff2018.png) left top no-repeat; background-position:0px 0px !important; background-size:90% auto !important;} } /*--HOME presentations 3--*/ .banner-hm-presentations {background:#cbd400 url(../../../images/banners/banner-hm-presentation-xs.png) left top no-repeat; background-size:100% !important; background-position:left 20px !important;} @media (min-width: 480px) { .banner-hm-presentations {background:#cbd400 url(../../../images/banners/banner-hm-presentation-md.png) left top no-repeat; background-position:0px 0px !important; background-size:100% !important;} } @media (min-width: 768px) { .banner-hm-presentations {background:#cbd400 url(../../../images/banners/banner-hm-presentation-sm.png) left top no-repeat; background-position:0px 0px !important; background-size:40% !important;} } @media (min-width: 900px) { .banner-hm-presentations {background:#cbd400 url(../../../images/banners/banner-hm-presentation-sm.png) left top no-repeat; background-position:0px 0px !important; background-size:60% !important;} } @media (min-width: 992px) { .banner-hm-presentations {background:#cbd400 url(../../../images/banners/banner-hm-presentation-sm.png) left top no-repeat !important; background-position:0px 0px !important; background-size:60% auto !important;} } /*Desktop*/ @media (min-width: 1200px) { .banner-hm-presentations {background:#cbd400 url(../../../images/banners/banner-hm-presentation-md.png) left top no-repeat !important; background-position:0px 30px !important; background-size:80% auto !important;} } /*HD Laptop*/ @media (min-width: 1500px) { .banner-hm-presentations {background:#cbd400 url(../../../images/banners/banner-hm-presentation.png) left top no-repeat !important; background-position:0px 30px !important; background-size:100% auto !important;} } @media (min-width: 1920px) { .banner-hm-presentations {background:#fff url(../../../images/banners/banner-hm-presentation-lg.png) left top no-repeat !important; background-position:0px 30px !important; background-size:auto !important; } } /*--HOME presentations 2--*/ /*-- .banner-hm-presentations {background:#cbd400 url(../../../images/banners/banner-hm-presentation-xs.png) left top no-repeat; background-size:100% !important; background-position:left 20px !important;} @media (min-width: 480px) { .banner-hm-presentations {background:#cbd400 url(../../../images/banners/banner-hm-presentation-md.png) left top no-repeat; background-position:0px 0px !important; background-size:100% !important;} } @media (min-width: 768px) { .banner-hm-presentations {background:#cbd400 url(../../../images/banners/banner-hm-presentation-sm.png) left top no-repeat; background-position:0px 0px !important; background-size:40% !important;} } @media (min-width: 900px) { .banner-hm-presentations {background:#cbd400 url(../../../images/banners/banner-hm-presentation-sm.png) left top no-repeat; background-position:0px 0px !important; background-size:60% !important;} } @media (min-width: 992px) { .banner-hm-presentations {background:#cbd400 url(../../../images/banners/banner-hm-presentation-sm.png) left top 0% 0%/100% no-repeat !important;} } /*Desktop*//*-- @media (min-width: 1200px) { .banner-hm-presentations {background:#cbd400 url(../../../images/banners/banner-hm-presentation-md.png) 0% 0%/100% no-repeat !important;} } /*HD Laptop*//*-- @media (min-width: 1500px) { .banner-hm-presentations {background:#cbd400 url(../../../images/banners/banner-hm-presentation.png) 0% 35%/80% no-repeat !important;} } @media (min-width: 1920px) { .banner-hm-presentations {background:#fff url(../../../images/banners/banner-hm-presentation-lg.png) left top no-repeat; background-position:0px 30px !important; background-size: auto !important;} } --*/ /*--HOME presentations 1--*/ /*.banner-hm-presentations {background:#fff url(../../../images/banners/banner-hm-presentation-xs.jpg) left top no-repeat; background-size:100% auto !important; background-position:0px top !important;} @media (min-width: 480px) { .banner-hm-presentations {background:#fff url(../../../images/banners/banner-hm-presentation-xs.png) left top no-repeat; background-position:0px 0px !important; background-size:100% auto !important;} } @media (min-width: 768px) { .banner-hm-presentations {background:#fff url(../../../images/banners/banner-hm-presentation-sm.png) left top no-repeat; background-position:0px 0px !important; background-size:auto !important; } } @media (min-width: 992px) { .banner-hm-presentations {background:#fff url(../../../images/banners/banner-hm-presentation-md.png) left top no-repeat; background-position:0px 0px !important; background-size:auto !important; } } @media (min-width: 1200px) { .banner-hm-presentations {background:#fff url(../../../images/banners/banner-hm-presentation-md.png) left top no-repeat; background-position:0px 0px !important; background-size:auto !important; } } @media (min-width: 1920px) { .banner-hm-presentations {background:#fff url(../../../images/banners/banner-hm-presentation-lg.png) left top no-repeat; background-position:0px 0px !important; background-size:auto !important; } } --*/ .banner-hm-qrtr-update-dec2018 {background:#73abbc url(../../../images/banners/banner-hm-qrtr-update-dec2018-xs.jpg) left top no-repeat; background-size:100% auto !important; background-position:0px top !important;} @media (min-width: 480px) { .banner-hm-qrtr-update-dec2018 { background:#73abbc url(../../../images/banners/banner-hm-qrtr-update-dec2018-sml.jpg) left top no-repeat; background-position:0px 0px !important; background-size:100% auto !important;} } @media (min-width: 768px) { .banner-hm-qrtr-update-dec2018 { background:#73abbc url(../../../images/banners/banner-hm-qrtr-update-dec2018-sml.jpg) left top no-repeat; background-position:0px 0px !important; background-size:80% auto !important; } } @media (min-width: 992px) { .banner-hm-qrtr-update-dec2018 { background:#73abbc url(../../../images/banners/banner-hm-qrtr-update-dec2018-sml.jpg) left top no-repeat; background-position:-150px 0px !important; background-size:auto !important; } } @media (min-width: 1200px) { .banner-hm-qrtr-update-dec2018 { background:#73abbc url(../../../images/banners/banner-hm-qrtr-update-dec2018.jpg) left top no-repeat; background-position:-200px 35px !important; background-size:auto !important; } } @media (min-width: 1920px) { .banner-hm-qrtr-update-dec2018 { background:#73abbc url(../../../images/banners/banner-hm-qrtr-update-dec2018-lg.jpg) left top no-repeat; background-position:0px 30px !important; background-size:auto !important; } } .banner-hm-qrt-update-oct2018 {background:url(../images/banner-home-qrtr-update-oct2018.jpg) no-repeat; background-position:left top !important;} @media (min-width: 768px) { .banner-hm-qrt-update-oct2018 { background-position:-350px top !important; background-size:auto; } } @media (min-width: 992px) { .banner-hm-qrt-update-oct2018 { background-position:-350px top !important; background-size:auto; } } @media (min-width: 1200px) { .banner-hm-qrt-update-oct2018 { background-position:left top !important; background-size:auto; } } .banner-home-jhb-indaba2018 {background:#000 url(../images/banner-home-jhb-indaba2018.jpg) left top no-repeat; background-size:100% auto !important;} @media (min-width: 768px) { .banner-home-jhb-indaba2018 {background-size:100% auto !important;} } @media (min-width: 992px) { .banner-home-jhb-indaba2018 {background-size:80% auto !important;} } @media (min-width: 1200px) { .banner-home-jhb-indaba2018 {background-size:80% auto !important;} } /* .banner-hm-wim-2018 {background:#454362 !important;} /*-- #504c9a --*/ .banner-hm-wim-2018 {background:#272544 url(../../../images/banners/banner-hm-wim-2018-xs.jpg) left 10px no-repeat; background-size:100% auto !important; background-position:0px top !important;} @media (min-width: 760px) { .banner-hm-wim-2018 {background:url(../../../images/banners/banner-hm-wim-2018-sml.jpg) left top no-repeat; background-position:0px 0px !important; background-size:50% auto !important;} } @media (min-width: 768px) { .banner-hm-wim {background:url(../../../images/banners/banner-hm-wim-2018-sml.jpg) left top no-repeat; background-position:0px 50px !important; background-size:auto !important; } } @media (min-width: 992px) { .banner-hm-wim-2018 {background:url(../../../images/banners/banner-hm-wim-2018-sml.jpg) left top no-repeat; background-position:0px 30px !important; background-size:auto !important; } } @media (min-width: 1200px) { .banner-hm-wim-2018 {background:url(../../../images/banners/banner-hm-wim-2018-med.jpg) left top no-repeat; background-position:0px 35px !important; background-size:100% auto !important; } } @media (min-width: 1920px) { .banner-hm-wim-2018 {background:url(../../../images/banners/banner-hm-wim-2018.jpg) left top no-repeat; background-position:0px 30px !important; background-size:100% auto !important; } } .banner-hm-aids-day-2018 {background:#fff url(../../../images/banners/banner-hm-aids-day-2018-xs.png) left top no-repeat; background-size:100% auto !important; background-position:0px top !important;} @media (min-width: 480px) { .banner-hm-aids-day-2018 {background:#fff url(../../../images/banners/banner-hm-aids-day-2018-xs.png) left top no-repeat; background-position:0px 0px !important; background-size:100% auto !important;} } @media (min-width: 768px) { .banner-hm-aids-day-2018 {background:#fff url(../../../images/banners/banner-hm-aids-day-2018-sml.png) left top no-repeat; background-position:0px 0px !important; background-size:80% auto !important; } } @media (min-width: 992px) { .banner-hm-aids-day-2018 {background:#fff url(../../../images/banners/banner-hm-aids-day-2018-sml.png) left top no-repeat; background-position:0px 30px !important; background-size:auto !important; } } @media (min-width: 1200px) { .banner-hm-aids-day-2018 {background:#fff url(../../../images/banners/banner-hm-aids-day-2018.png) left top no-repeat; background-position:0px 35px !important; background-size:100% auto !important; } } @media (min-width: 1920px) { .banner-hm-aids-day-2018 {background:#fff url(../../../images/banners/banner-hm-aids-day-2018-lg.png) left top no-repeat; background-position:0px 30px !important; background-size:100% auto !important; } } .banner-hm-eskom-nersa {background:#fff url(../../../images/banners/banner-hm-eskom-nersa-xs.jpg) left top no-repeat; background-size:100% auto !important; background-position:0px top !important;} @media (min-width: 480px) { .banner-hm-eskom-nersa {background:#fff url(../../../images/banners/banner-hm-eskom-nersa-xs.jpg) left top no-repeat; background-position:0px 0px !important; background-size:100% auto !important;} } @media (min-width: 768px) { .banner-hm-eskom-nersa {background:#fff url(../../../images/banners/banner-hm-eskom-nersa-sm.jpg) left top no-repeat; background-position:0px 0px !important; background-size:auto !important; } } @media (min-width: 992px) { .banner-hm-eskom-nersa {background:#fff url(../../../images/banners/banner-hm-eskom-nersa-md.jpg) left top no-repeat; background-position:0px 0px !important; background-size:auto !important; } } @media (min-width: 1200px) { .banner-hm-eskom-nersa {background:#fff url(../../../images/banners/banner-hm-eskom-nersa-md.jpg) left top no-repeat; background-position:0px 0px !important; background-size:auto !important; } } @media (min-width: 1920px) { .banner-hm-eskom-nersa {background:#fff url(../../../images/banners/banner-hm-eskom-nersa-lg.jpg) left top no-repeat; background-position:0px 0px !important; background-size:auto !important; } } .banner-hm-mining-leadership-compact {background:#fff url(../../../images/banners/banner-hm-mining-leadership-compact-xs.jpg) left top no-repeat; background-size:100% auto !important; background-position:left top !important;} @media (min-width: 480px) { .banner-hm-mining-leadership-compact {background:#fff url(../../../images/banners/banner-hm-mining-leadership-compact-xs.jpg) left top no-repeat; background-position:0px 0px !important; background-size: auto !important;} } @media (min-width: 768px) { .banner-hm-mining-leadership-compact {background:#fff url(../../../images/banners/banner-hm-mining-leadership-compact-sm.jpg) left top no-repeat; background-position:0px 0px !important; background-size:auto !important; } } @media (min-width: 992px) { .banner-hm-mining-leadership-compact {background:#fff url(../../../images/banners/banner-hm-mining-leadership-compact-md.jpg) left top no-repeat; background-position:0px 0px !important; background-size:auto !important; } } @media (min-width: 1200px) { .banner-hm-mining-leadership-compact {background:#fff url(../../../images/banners/banner-hm-mining-leadership-compact.jpg) left top no-repeat; background-position:0px 0px !important; } } @media (min-width: 1920px) { .banner-hm-mining-leadership-compact {background:#fff url(../../../images/banners/banner-hm-mining-leadership-compact-lg.jpg) left top no-repeat; background-position:0px 0px !important; background-size:auto !important; } } .banner-hm-facts-and-figures-2018 {background:#fff url(../../../images/banners/banner-hm-facts-and-figures-2018-xs.jpg) left top no-repeat; background-size:100% auto !important; background-position:left top !important;} @media (min-width: 480px) { .banner-hm-facts-and-figures-2018 {background:#fff url(../../../images/banners/banner-hm-facts-and-figures-2018-xs.jpg) left top no-repeat; background-position:0px 0px !important; background-size:100% auto !important;} } @media (min-width: 768px) { .banner-hm-facts-and-figures-2018 {background:#fff url(../../../images/banners/banner-hm-facts-and-figures-2018-sm.jpg) left top no-repeat; background-position:0px 0px !important; background-size:auto !important; } } @media (min-width: 992px) { .banner-hm-facts-and-figures-2018 {background:#fff url(../../../images/banners/banner-hm-facts-and-figures-2018-md.jpg) left top no-repeat; background-position:0px 0px !important; background-size:auto !important; } } @media (min-width: 1200px) { .banner-hm-facts-and-figures-2018 {background:#fff url(../../../images/banners/banner-hm-facts-and-figures-2018.jpg) left top no-repeat; background-position:0px 0px !important; } } @media (min-width: 1920px) { .banner-hm-facts-and-figures-2018 {background:#fff url(../../../images/banners/banner-hm-facts-and-figures-2018-lg.jpg) left top no-repeat; background-position:0px 0px !important; background-size:auto !important; } } .banner-hm-secondary-strike {background:#fff url(../../../images/banners/banner-hm-secondary-strike-xs.jpg) left top no-repeat; background-size:100% auto !important; background-position:left top !important;} @media (min-width: 480px) { .banner-hm-secondary-strike {background:#fff url(../../../images/banners/banner-hm-secondary-strike-xs.jpg) left top no-repeat; background-position:0px 0px !important; background-size:100% auto !important;} } @media (min-width: 768px) { .banner-hm-secondary-strike {background:#fff url(../../../images/banners/banner-hm-secondary-strike-sm.jpg) left top no-repeat; background-position:0px 0px !important; background-size:auto !important; } } @media (min-width: 992px) { .banner-hm-secondary-strike {background:#fff url(../../../images/banners/banner-hm-secondary-strike-md.jpg) left top no-repeat; background-position:0px 0px !important; background-size:auto !important; } } @media (min-width: 1200px) { .banner-hm-secondary-strike {background:#fff url(../../../images/banners/banner-hm-secondary-strike-md.jpg) left top no-repeat; background-position:0px 0px !important; background-size:auto !important; } } @media (min-width: 1920px) { .banner-hm-secondary-strike {background:#fff url(../../../images/banners/banner-hm-secondary-strike-lg.jpg) left top no-repeat; background-position:0px 0px !important; background-size:auto !important; } } .banner-hm-womans-day-2019 {background:#fff url(../../../images/banners/banner-hm-womans-day-1.jpg) left top no-repeat; background-size:95% auto !important; background-position:15% 5vh !important;} @media (min-width: 480px) { .banner-hm-womans-day-2019 {background:#fff url(../../../images/banners/banner-hm-womans-day-2019-xs.jpg) left top no-repeat; background-position:left 50px !important; background-size:100% auto !important; } } @media (min-width: 768px) { .banner-hm-womans-day-2019 {background:#fff url(../../../images/banners/banner-hm-womans-day-2019-xs.jpg) left top no-repeat; background-position:left 50px !important; background-size:40% auto !important; } } @media (min-width: 992px) { .banner-hm-womans-day-2019 {background:#fff url(../../../images/banners/banner-hm-womans-day-1.jpg) left top no-repeat; background-position:1% 10vh !important; background-size:40% auto !important; } } @media (min-width: 1200px) { .banner-hm-womans-day-2019 {background:#fff url(../../../images/banners/banner-hm-womans-day-1.jpg) left top no-repeat; background-position:15% 10vh !important; background-size:40% auto !important; } } @media (min-width: 1600px) { .banner-hm-womans-day-2019 {background:#fff url(../../../images/banners/banner-hm-womans-day-1.jpg) left top no-repeat; background-position:20% 10vh !important; background-size:45% auto !important; } } @media (min-width: 1920px) { .banner-hm-womans-day-2019 {background:#fff url(../../../images/banners/banner-hm-womans-day-1.jpg) left top no-repeat; background-position:70px 30px !important; background-size:auto 90% !important; } } /*--Human rights 2019--*/ .banner-hm-human-rights-2019 {background:#fff url(../../../images/banners/banner-hm-human-rights-2019-xs.jpg) left top no-repeat; background-size:100% auto !important; background-position:left top !important;} @media (min-width: 480px) { .banner-hm-human-rights-2019 {background:#fff url(../../../images/banners/banner-hm-human-rights-2019-xs.jpg) left top no-repeat; background-position:0px 0px !important; background-size:100% auto !important;} } @media (min-width: 768px) { .banner-hm-human-rights-2019 {background:#fff url(../../../images/banners/banner-hm-human-rights-2019-sm.jpg) left top no-repeat; background-position:-200px 0px !important; background-size:auto !important; } } @media (min-width: 992px) { .banner-hm-human-rights-2019 {background:#fff url(../../../images/banners/banner-hm-human-rights-2019-sm.jpg) left top no-repeat; background-position:-100px 0px !important; background-size:auto !important; } } @media (min-width: 1200px) { .banner-hm-human-rights-2019 {background:#fff url(../../../images/banners/banner-hm-human-rights-2019-md.jpg) left top no-repeat; background-position:-200px -100px !important; background-size:auto !important; } } @media (min-width: 1600px) { .banner-hm-human-rights-2019 {background:#fff url(../../../images/banners/banner-hm-human-rights-2019.jpg) left top no-repeat; background-position:-600px 0px !important; background-size:auto !important; } } @media (min-width: 1920px) { .banner-hm-human-rights-2019 {background:#fff url(../../../images/banners/banner-hm-human-rights-2019-lg.jpg) left top no-repeat; background-position:0px 0px !important; background-size:90% auto !important;} } /*--Mining Indaba 2019--*/ .banner-hm-indaba-2019 {background:#fff url(../../../images/banners/banner-hm-indaba-2019-xs.jpg) left top no-repeat; background-size:100% auto !important; background-position:0px top !important;} @media (min-width: 480px) { .banner-hm-indaba-2019 {background:#fff url(../../../images/banners/banner-hm-indaba-2019-sm.jpg) left top no-repeat; background-position:0px 0px !important; background-size:100% auto !important;} } @media (min-width: 768px) { .banner-hm-indaba-2019 {background:#fff url(../../../images/banners/banner-hm-indaba-2019-sm.jpg) left top no-repeat; background-position:0px 0px !important; background-size:auto !important; } } @media (min-width: 992px) { .banner-hm-indaba-2019 {background:#fff url(../../../images/banners/banner-hm-indaba-2019-md.jpg) left top no-repeat; background-position:0px 0px !important; background-size:auto !important; } } @media (min-width: 1200px) { .banner-hm-indaba-2019 {background:#fff url(../../../images/banners/banner-hm-indaba-2019.jpg) left top no-repeat; background-position:0px 0px !important; background-size:auto !important; } } @media (min-width: 1920px) { .banner-hm-indaba-2019 {background:#fff url(../../../images/banners/banner-hm-indaba-2019-lg.jpg) left top no-repeat; background-position:0px 0px !important; background-size:auto !important; } } /*--Quarterly Update March 2019--*/ .banner-hm-qtly-update-march2019 {background:#fff url(../../../images/banners/banner-hm-qtly-update-march2019-xs.jpg) left top no-repeat; background-size:100% auto !important; background-position:left top !important;} @media (min-width: 480px) { .banner-hm-qtly-update-march2019 {background:#fff url(../../../images/banners/banner-hm-qtly-update-march2019-xs.jpg) left top no-repeat; background-position:0px 0px !important; background-size:100% auto !important;} } @media (min-width: 768px) { .banner-hm-qtly-update-march2019 {background:#fff url(../../../images/banners/banner-hm-qtly-update-march2019-sm.jpg) left top no-repeat; background-position:-150px 0px !important; background-size:auto !important; } } @media (min-width: 992px) { .banner-hm-qtly-update-march2019 {background:#fff url(../../../images/banners/banner-hm-qtly-update-march2019-sm.jpg) left top no-repeat; background-position:0px 0px !important; background-size:auto !important; } } @media (min-width: 1200px) { .banner-hm-qtly-update-march2019 {background:#fff url(../../../images/banners/banner-hm-qtly-update-march2019-md.jpg) left top no-repeat; background-position:0px 0px !important; background-size:auto !important; } } @media (min-width: 1600px) { .banner-hm-qtly-update-march2019 {background:#fff url(../../../images/banners/banner-hm-qtly-update-march2019.jpg) left top no-repeat; background-position:0px 0px !important; background-size:auto !important; } } @media (min-width: 1920px) { .banner-hm-qtly-update-march2019 {background:#fff url(../../../images/banners/banner-hm-qtly-update-march2019-lg.jpg) left top no-repeat; background-position:0px 0px !important; background-size:90% auto !important;} } /*--National Platinum Strategy - April 2019--*/ .banner-hm-nat-plat-strat-2019 {background:#fff url(../../../images/banners/banner-hm-nat-plat-strat-2019-xs.jpg) left top no-repeat; background-size:100% auto !important; background-position:left top !important;} @media (min-width: 480px) { .banner-hm-nat-plat-strat-2019 {background:#fff url(../../../images/banners/banner-hm-nat-plat-strat-2019-xs.jpg) left top no-repeat; background-position:0px 0px !important; background-size:100% auto !important;} } @media (min-width: 768px) { .banner-hm-nat-plat-strat-2019 {background:#fff url(../../../images/banners/banner-hm-nat-plat-strat-2019-sm.jpg) left top no-repeat; background-position:-150px 0px !important; background-size:auto !important; } } @media (min-width: 992px) { .banner-hm-nat-plat-strat-2019 {background:#fff url(../../../images/banners/banner-hm-nat-plat-strat-2019-sm.jpg) left top no-repeat; background-position:0px 0px !important; background-size:auto !important; } } @media (min-width: 1200px) { .banner-hm-nat-plat-strat-2019 {background:#fff url(../../../images/banners/banner-hm-nat-plat-strat-2019-md.jpg) left top no-repeat; background-position:-350px -330px !important; background-size:auto !important; } } @media (min-width: 1600px) { .banner-hm-nat-plat-strat-2019 {background:#fff url(../../../images/banners/banner-hm-nat-plat-strat-2019.jpg) left top no-repeat; background-position:-200px 0px !important; background-size:100% !important; } } @media (min-width: 1920px) { .banner-hm-nat-plat-strat-2019 {background:#fff url(../../../images/banners/banner-hm-nat-plat-strat-2019-lg.jpg) left top no-repeat; background-position:-200px 0px !important; background-size:90% auto !important;} } /*--Electricity tariff increase 2019--*/ .banner-hm-electricity-tariff-increase {background:#fff url(../../../images/banners/banner-hm-electricity-tariff-increase-xs.jpg) left top no-repeat; background-size:100% auto !important; background-position:left top !important;} @media (min-width: 480px) { .banner-hm-electricity-tariff-increase {background:#fff url(../../../images/banners/banner-hm-electricity-tariff-increase-xs.jpg) left top no-repeat; background-position:0px 0px !important; background-size:100% auto !important;} } @media (min-width: 768px) { .banner-hm-electricity-tariff-increase {background:#fff url(../../../images/banners/banner-hm-electricity-tariff-increase-sm.jpg) left top no-repeat; background-position:-200px 0px !important; background-size:auto !important; } } @media (min-width: 992px) { .banner-hm-electricity-tariff-increase {background:#fff url(../../../images/banners/banner-hm-electricity-tariff-increase-sm.jpg) left top no-repeat; background-position:-100px 0px !important; background-size:auto !important; } } @media (min-width: 1200px) { .banner-hm-electricity-tariff-increase {background:#fff url(../../../images/banners/banner-hm-electricity-tariff-increase-md.jpg) left top no-repeat; background-position:-200px 0px !important; background-size:auto !important; } } @media (min-width: 1600px) { .banner-hm-electricity-tariff-increase {background:#fff url(../../../images/banners/banner-hm-electricity-tariff-increase.jpg) left top no-repeat; background-position:-600px 0px !important; background-size:auto !important; } } @media (min-width: 1920px) { .banner-hm-electricity-tariff-increase {background:#fff url(../../../images/banners/banner-hm-electricity-tariff-increase-lg.jpg) left top no-repeat; background-position:0px 0px !important; background-size:100% auto !important;} } /*--The impact of carbon tax--*/ .banner-hm-impact-of-carbon-tax {background:#fff url(../../../images/banners/banner-hm-impact-of-carbon-tax-xs.jpg) left top no-repeat; background-size:100% auto !important; background-position:left top !important;} @media (min-width: 480px) { .banner-hm-impact-of-carbon-tax {background:#fff url(../../../images/banners/banner-hm-impact-of-carbon-tax-xs.jpg) left top no-repeat; background-position:0px 0px !important; background-size:100% auto !important;} } @media (min-width: 768px) { .banner-hm-impact-of-carbon-tax {background:#fff url(../../../images/banners/banner-hm-impact-of-carbon-tax-sm.jpg) left top no-repeat; background-position:-200px 0px !important; background-size:auto !important; } } @media (min-width: 992px) { .banner-hm-impact-of-carbon-tax {background:#fff url(../../../images/banners/banner-hm-impact-of-carbon-tax-sm.jpg) left top no-repeat; background-position:-200px 0px !important; background-size:auto !important; } } @media (min-width: 1200px) { .banner-hm-impact-of-carbon-tax {background:#fff url(../../../images/banners/banner-hm-impact-of-carbon-tax-md.jpg) left top no-repeat; background-position:-200px 0px !important; background-size:auto !important; } } @media (min-width: 1600px) { .banner-hm-impact-of-carbon-tax {background:#fff url(../../../images/banners/banner-hm-impact-of-carbon-tax.jpg) left top no-repeat; background-position:-200px 0px !important; background-size:auto !important; } } @media (min-width: 1920px) { .banner-hm-impact-of-carbon-tax {background:#fff url(../../../images/banners/banner-hm-impact-of-carbon-tax-lg.jpg) left top no-repeat; background-position:0px 0px !important; background-size:100% auto !important;} } ul.wim {padding-left:0;} ul.wim li {list-style:disc; margin:0 0 0.3em 10px; padding:0 0 0 5px; color:#fff;} ul.wim li p {color:#fff; font-weight:normal; line-height:1.0em ; margin:0 0 0.3em 10px;} ul.wim li p span {font-size:0.7em; color:#E5E5E5;} .banner-hm-wim-2018 .bblock.red .btn-default {font-size: 0.7em; padding-left:5px; padding-right:5px;} /*--Quarterly Update June 2019--*/ .banner-hm-makingminingmatter {background:#fff url(../../../images/banners/banner-hm-qtly-update-june2019-xs.png) left top no-repeat; background-size:100% auto !important; background-position:left top !important;} @media (min-width: 480px) { .banner-hm-makingminingmatter {background:#fff url(../../../images/banners/banner-hm-qtly-update-june2019-xs.png) left top no-repeat; background-position:0px 0px !important; background-size:100% auto !important;} } @media (min-width: 768px) { .banner-hm-makingminingmatter {background:#fff url(../../../images/banners/banner-hm-qtly-update-june2019-sm.png) left top no-repeat; background-position:-150px 0px !important; background-size:auto !important; } } @media (min-width: 992px) { .banner-hm-makingminingmatter {background:#fff url(../../../images/banners/banner-hm-qtly-update-june2019-sm.png) left top no-repeat; background-position:0px 0px !important; background-size:auto !important; } } @media (min-width: 1200px) { .banner-hm-makingminingmatter {background:#fff url(../../../images/banners/banner-hm-qtly-update-june2019-md.png) left top no-repeat; background-position:0px 0px !important; background-size:auto !important; } } @media (min-width: 1600px) { .banner-hm-makingminingmatter {background:#fff url(../../../images/banners/banner-hm-qtly-update-june2019.png) left top no-repeat; background-position:0px 0px !important; background-size:auto !important; } } @media (min-width: 1920px) { .banner-hm-makingminingmatter {background:#fff url(../../../images/banners/banner-hm-qtly-update-june2019-lg.png) left top no-repeat; background-position:0px 0px !important; background-size:90% auto !important;} } /*--HS Summit--*/ .banner-hm-hssummit-2018 {background-color:#000; background:url(../../../images/banners/banner-hm-hssummit-2018-sml.jpg) left top no-repeat; background-size:auto; background-position:0px top !important;} @media (min-width: 768px) { .banner-hm-hssummit-2018 {background:url(../../../images/banners/banner-hm-hssummit-2018-sml.jpg) left top no-repeat; background-size:auto !important; background-position:0px top !important; } } @media (min-width: 992px) { .banner-hm-hssummit-2018 {background:url(../../../images/banners/banner-hm-hssummit-2018.jpg) left top no-repeat; background-size:auto !important; background-position:-450px top !important; } } @media (min-width: 1200px) { .banner-hm-hssummit-2018 {background:url(../../../images/banners/banner-hm-hssummit-2018.jpg) left top no-repeat; background-size:auto !important; background-position:-250px top !important; } } @media (min-width: 1920px) { .banner-hm-hssummit-2018 {background:url(../../../images/banners/banner-hm-hssummit-2018.jpg) left top no-repeat; background-size:100% auto !important; background-position:0 top !important; } } /*--PM Strategy--*/ .banner-hm-pgm-strategy {background-color:#000; background:url(../../../images/banners/banner-hm-pgm-strategy-sml.jpg) left top no-repeat; background-size:auto; background-position:0px top !important;} @media (min-width: 480px) { .banner-hm-pgm-strategy {background:url(../../../images/banners/banner-hm-pgm-strategy-sml.jpg) left top no-repeat; background-size:auto; background-position:0px top !important; } } @media (min-width: 768px) { .banner-hm-pgm-strategy {background:url(../../../images/banners/banner-hm-pgm-strategy-sml.jpg) left top no-repeat; background-size:auto !important; background-position:-500px top !important; } } @media (min-width: 992px) { .banner-hm-pgm-strategy {background:url(../../../images/banners/banner-hm-pgm-strategy-sml.jpg) left top no-repeat; background-size:auto !important; background-position:-450px top !important; } } @media (min-width: 1200px) { .banner-hm-pgm-strategy {background:url(../../../images/banners/banner-hm-pgm-strategy.jpg) left top no-repeat; background-size:auto !important; background-position:-300px top !important; } } @media (min-width: 1920px) { .banner-hm-pgm-strategy {background:url(../../../images/banners/banner-hm-pgm-strategy.jpg) left top no-repeat; background-size:100% auto !important; background-position:0 top !important; } } /*--Mining for Schools: Coal--*/ .banner-hm-mfs-coal {background:#fff url(../../../images/banners/banner-hm-mfs-coal-xs.jpg) left top no-repeat; background-size:100% auto !important; background-position:left top !important;} @media (min-width: 480px) { .banner-hm-mfs-coal {background:#fff url(../../../images/banners/banner-hm-mfs-coal-xs.jpg) left top no-repeat; background-position:0px 0px !important; background-size:100% auto !important;} } @media (min-width: 768px) { .banner-hm-mfs-coal {background:#fff url(../../../images/banners/banner-hm-mfs-coal-sm.jpg) left top no-repeat; background-position:-50px 0px !important; background-size:auto !important; } } @media (min-width: 992px) { .banner-hm-mfs-coal {background:#fff url(../../../images/banners/banner-hm-mfs-coal-sm.jpg) left top no-repeat; background-position:-50px 0px !important; background-size:auto !important; } } @media (min-width: 1200px) { .banner-hm-mfs-coal {background:#fff url(../../../images/banners/banner-hm-mfs-coal-md.jpg) left top no-repeat; background-position:0px 0px !important; background-size:auto !important; } } @media (min-width: 1600px) { .banner-hm-mfs-coal {background:#fff url(../../../images/banners/banner-hm-mfs-coal.jpg) left top no-repeat; background-position:0px 0px !important; background-size:auto !important; } } @media (min-width: 1920px) { .banner-hm-mfs-coal {background:#fff url(../../../images/banners/banner-hm-mfs-coal-lg.jpg) left top no-repeat; background-position:0px 0px !important; background-size:100% auto !important;} } /*--Pre-AGM dinner--*/ .banner-hm-pre-agm {background:#fff url(../../../images/banners/banner-hm-pre-agm-2019.jpg) left top no-repeat; background-size:100% auto !important; background-position:left top !important;} @media (min-width: 480px) { .banner-hm-pre-agm {background:#fff url(../../../images/banners/banner-hm-pre-agm-2019.jpg) left top no-repeat; background-position:0px 0px !important; background-size:100% auto !important;} } @media (min-width: 768px) { .banner-hm-pre-agm {background:#fff url(../../../images/banners/banner-hm-pre-agm-2019-sm.jpg) left top no-repeat; background-position:-150px 0px !important; background-size:auto !important; } } @media (min-width: 992px) { .banner-hm-pre-agm {background:#fff url(../../../images/banners/banner-hm-pre-agm-2019-sm.jpg) left top no-repeat; background-position:0px 0px !important; background-size:auto !important; } } @media (min-width: 1200px) { .banner-hm-pre-agm {background:#fff url(../../../images/banners/banner-hm-pre-agm-2019-md.jpg) left top no-repeat; background-position:-100px -325px !important; background-size:auto !important; } } @media (min-width: 1600px) { .banner-hm-pre-agm {background:#fff url(../../../images/banners/banner-hm-pre-agm-2019-lg.jpg) left top no-repeat; background-position:-500px 30px !important; background-size:100% auto !important; } } @media (min-width: 1920px) { .banner-hm-pre-agm {background:#fff url(../../../images/banners/banner-hm-pre-agm-2019-lg.jpg) left top no-repeat; background-position:-200px 0px !important; background-size:90% auto !important;} } /*--AGM --*/ .banner-hm-iar {background:#fff url(../../../images/banners/banner-hm-iar-2019-xs.jpg) left top no-repeat; background-size:100% auto !important; background-position:left top !important;} @media (min-width: 480px) { .banner-hm-iar {background:#fff url(../../../images/banners/banner-hm-iar-2019-xs.jpg) left top no-repeat; background-position:0px 0px !important; background-size:100% auto !important;} } @media (min-width: 768px) { .banner-hm-iar {background:#fff url(../../../images/banners/banner-hm-iar-2019-sm.jpg) left top no-repeat; background-position:-150px 0px !important; background-size:auto !important; } } @media (min-width: 992px) { .banner-hm-iar {background:#fff url(../../../images/banners/banner-hm-iar-2019-sm.jpg) left top no-repeat; background-position:0px 0px !important; background-size:auto !important; } } @media (min-width: 1200px) { .banner-hm-iar {background:#fff url(../../../images/banners/banner-hm-iar-2019-md.jpg) left top no-repeat; background-position:-350px -200px !important; background-size:auto !important; } } @media (min-width: 1600px) { .banner-hm-iar {background:#fff url(../../../images/banners/banner-hm-iar-2019.jpg) left top no-repeat; background-position:-200px 0px !important; background-size:100% !important; } } @media (min-width: 1920px) { .banner-hm-iar {background:#fff url(../../../images/banners/banner-hm-iar-2019-lg.jpg) left top no-repeat; background-position:-200px 0px !important; background-size:90% auto !important;} } /*--About MOSH--*/ .banner-hm-about-mosh {background:#fff url(../../../images/banners/banner-hm-about-mosh-xs.jpg) left top no-repeat; background-size:100% auto !important; background-position:left top !important;} @media (min-width: 480px) { .banner-hm-about-mosh {background:#fff url(../../../images/banners/banner-hm-about-mosh-xs.jpg) left top no-repeat; background-position:0px 0px !important; background-size:100% auto !important;} } @media (min-width: 768px) { .banner-hm-about-mosh {background:#fff url(../../../images/banners/banner-hm-about-mosh-sm.jpg) left top no-repeat; background-position:-200px 0px !important; background-size:auto !important; } } @media (min-width: 992px) { .banner-hm-about-mosh {background:#fff url(../../../images/banners/banner-hm-about-mosh-sm.jpg) left top no-repeat; background-position:-100px 0px !important; background-size:auto !important; } } @media (min-width: 1200px) { .banner-hm-about-mosh {background:#fff url(../../../images/banners/banner-hm-about-mosh-md.jpg) left top no-repeat; background-position:-200px 0px !important; background-size:auto !important; } } @media (min-width: 1600px) { .banner-hm-about-mosh {background:#fff url(../../../images/banners/banner-hm-about-mosh.jpg) left top no-repeat; background-position:0px 0px !important; background-size:auto !important; } } @media (min-width: 1920px) { .banner-hm-about-mosh {background:#fff url(../../../images/banners/banner-hm-about-mosh-lg.jpg) left top no-repeat; background-position:0px 0px !important; background-size:100% auto !important;} } .carousel-inner .item.banner-home-khumbulekhaya {background:url(../images/banner-hm-khumbulekhaya.jpg) left top no-repeat; background-size: cover;} @media (min-width: 1321px) {.carousel-inner .item.banner-home-khumbulekhaya {background-image:url(../images/banner-hm-khumbulekhaya-1920.jpg);} } .carousel-inner .item.banner-home-khumbulekhaya-newsletter {background:url(../images/banner-hm-khumbulekhaya-newsletter.jpg) left top no-repeat; background-size: cover;} @media (min-width: 1321px) {.carousel-inner .item.banner-home-khumbulekhaya-newsletter {background-image:url(../images/banner-hm-khumbulekhaya-newsletter-1920.jpg);} } /*--Home Banner Descriptors--*/ .hm-banner-descriptor {display:none; position:absolute; left:55px; bottom:55px; z-index:1000; min-height:30px;} @media (min-width: 768px) { .hm-banner-descriptor {display:block; } } @media (min-width: 992px) { .hm-banner-descriptor {display:block; } } @media (min-width: 1200px) { .hm-banner-descriptor {display:block; } } .hm-banner-descriptor p {color:#fff; font-size:1.1em; line-height:1.3em; font-family:'GothamBook', Arial, Helvetica, sans-serif; padding:6px 0 0 40px; text-shadow:2px 2px 5px rgba(0,0,0,0.5);} @media (min-width: 768px) { .hm-banner-descriptor p {font-size:0.9em;} } @media (min-width: 992px) { .hm-banner-descriptor p {font-size:1.1em;} } @media (min-width: 1200px) { .hm-banner-descriptor p {font-size:1.1em;} } .hm-banner-descriptor p.hbd-red {background:url(../images/hbd-icon-red.png) left top no-repeat; } .hm-banner-descriptor p.hbd-blue {background:url(../images/hbd-icon-blue.png) left top no-repeat; } .hm-banner-descriptor p.hbd-green {background:url(../images/hbd-icon-green.png) left top no-repeat; } .hm-banner-descriptor p.hbd-yellow {background:url(../images/hbd-icon-yellow.png) left top no-repeat; } /*--Banner Image Block--*/ .bnr-img-block {display:block; text-align:center; padding:0; background:none; width:100%; min-height:120px; max-height:120px; height:auto; position:relative; } @media (min-width: 480px) { .bnr-img-block {width:50%; min-height:50px; max-height:120px;} } @media (min-width: 768px) { .bnr-img-block {width:40%; min-height:100px;} } @media (min-width: 992px) { .bnr-img-block {width:60%; min-height:600px; } } @media (min-width: 1200px) { .bnr-img-block {width:70%; min-height:600px; } } .bnr-img-block img {display:block; margin:0; padding:0; float:none; height:auto;} .bnr-img-block img.icon {margin:0 0 0 30%; width:30%; padding:30px 0 0; max-width:740px; } @media (min-width: 480px) { .bnr-img-block img.icon {margin:0 0 0 30%; width:60%; padding:20px 0 0; } } @media (min-width: 768px) { .bnr-img-block img.icon {margin:0 0 0 10%; width:60%; padding:70px 0 0; } } @media (min-width: 992px) { .bnr-img-block img.icon {margin:0 0 0 10%; width:60%; padding:70px 0 0; } } @media (min-width: 1200px) { .bnr-img-block img.icon {margin:0 0 0 10%; width:60%; padding:70px 0 0; } } @media (min-width: 1920px) { .bnr-img-block img.icon {margin:0 0 0 30%; width:60%; padding:70px 0 0; } } /*--Bannerblock--*/ .bannerblock {display:block; text-align:left !important; padding-right:0px !important; padding-left:0px !important; background:none; width:100%; min-height:40vh; height:auto; position:absolute; right:0; bottom:0px;} @media (min-width: 780px) { .bannerblock {height:100%; position:absolute; right:0; bottom:120px; width:600px; background:#fff; } } @media (min-width: 992px) { .bannerblock {height:100%; position:absolute; right:0; bottom:120px; width:600px; background:#fff; } } @media (min-width: 1200px) { .bannerblock {height:100%; position:absolute; right:0; bottom:120px; width:600px; background:#fff; } } /*--Bannerblock Large--*/ .bannerblock.lg {display:block; text-align:left !important; padding-right:0px !important; padding-left:0px !important; background:none; width:100%; min-height: 600px; height:100%; position:relative; } @media (min-width: 768px) { .bannerblock.lg {position:absolute; right:0; bottom:120px; width:100%; max-width:900px; background:#fff; } } @media (min-width: 992px) { .bannerblock.lg {position:absolute; right:0; bottom:120px; width:80%; max-width:900px; background:#fff; } } @media (min-width: 1200px) { .bannerblock.lg {position:absolute; right:0; bottom:120px; width:70%; background:#fff; } } .bannerblock.lg .bblock-top {top: -100px; width: 100%; height: 100px; } .bannerblock.lg .bblock-top p {width: 96%; padding:26px 0 0 20%;} /*--BannerBlock Top Icon Smaller--*/ .bblock-icon.sml {display:block; width:15%; height:auto; max-width:110px; max-height:110px; position:absolute; left:0; bottom:0; } @media (min-width: 768px) { .bblock-icon.sml {width:110px; height:110px; } } @media (min-width: 992px) { .bblock-icon.sml {width:110px; height:110px; } } @media (min-width: 1200px) { .bblock-icon.sml {width:110px; height:110px; } } .bannerblock.brdr-lwh {border-left:2px solid #fff;} .bannerblock.brdr-lr {border-left:2px solid #ee2c37;} .bannerblock.brdr-lr2 {border-left:2px solid #f5833c;} .bannerblock.brdr-lbl {border-left:2px solid #0055a6;} .bannerblock.nbk {background:none;} @media (min-width: 768px) { .bannerblock.nbk {background:none;} } @media (min-width: 992px) { .bannerblock.nbk {background:none;} } @media (min-width: 1200px) { .bannerblock.nbk {background:#fff;} } /*--Bannerblock Content Area--*/ .bblock {display:block; width:100%; min-height:310px; padding:0; position:absolute; bottom:0; left:0; text-align:left !important; } .bblock .row {position:relative; padding:20px 20px 15px 20px; } .bblock .row.tight {padding:0px 20px 15px 20px; } .bblock .row.tight-2 {padding:0px 20px 0px 20px; } .bblock .row.tight-3 {padding:0px; } .bblock .row.tightlft {padding:0px 20px 15px 0px; } .bblock .row.btmbrdr {border-bottom:1px dotted #ccc; margin-bottom:10px; padding:0px 20px 10px 20px;} .tightlft1 {padding-left:0;} .tight {padding-left:0; padding-right:0;} .btmbrdr-agm{border-bottom:1px dotted #ccc; margin-bottom:10px; padding:0px 20px 5px 0px;} .cblock {display:inline-block; position:relative; text-align:left !important; padding-top:20px;} @media (min-width: 768px) { .cblock {padding-top:60px;} } @media (min-width: 992px) { .cblock {padding-top:60px;} } @media (min-width: 1200px) { .cblock {padding-top:60px;} } @media (min-width: 1920px) { .cblock {padding-top:60px;} } .bblock h1, .cblock h1 {display:block; color:#fff; font-size:2.5em; margin-bottom:0.2em; line-height: 1.0em;} .bblock h1.ulc {text-transform:none !important;} .bblock h1 a, .cblock h1 a {color:#fff;} .bblock h2, .cblock h2 {display:block; color:#fff; font-size:2em; margin-bottom:0.2em;} .bblock h2 a, .cblock h2 a {color:#fff;} .bblock h3, .cblock h3 {display:block; color:#fff; font-size: 1.6em; line-height:1.10em; margin-bottom:0.25em;} .bblock h3 span, .cblock h3 span {font-size:0.9em; line-height:0.9em;} .bblock h4, .cblock h4 {display:block; color:#fff; font-size: 1.4em; line-height:1.2em; margin-bottom:0.5em; } .bblock h5, .cblock h5 {color:#fff; font-size:1.2em; line-height:1.25em; margin-top:0px; margin-bottom:0.5em; font-family: 'GothamBold', Arial, Helvetica, sans-serif;} .bblock h5 a, .cblock h5 a {color:#fff;} .bblock h6, .cblock h6 {color:#fff; font-weight:bold;} .bblock h5.nombtmrg {margin-bottom:0.1em;} .bblock h5 span, .cblock h5 span {font-family: 'GothamLight', Arial, Helvetica, sans-serif; font-size:0.8em;} .bblock p, .cblock p {color:#fff; font-size:0.9em; line-height:1.4em; margin:0 0 0.2em 0;} .bblock .bmrgn p, .cblock .bmrgn p {margin:0 0 0.7em 0; line-height: 1.2em;} .bblock p strong, .cblock p strong {color:#fff;} .bblock p a, .cblock p a {color:#fff; text-decoration:underline;} .bblock p.lead, .cblock p.lead {font-size:1.2em; line-height:1.45em; margin:0 0 0.5em 0;} @media (min-width: 480px) { .bblock p.lead, .cblock p.lead {font-size:1.1em; line-height:1.25em; } } @media (min-width: 768px) { .bblock p.lead, .cblock p.lead {font-size:1.1em; line-height:1.3em; } } @media (min-width: 992px) { .bblock p.lead, .cblock p.lead {font-size:1.1em; line-height:1.4em; } } @media (min-width: 1200px) { .bblock p.lead, .cblock p.lead {font-size:1.15em; line-height:1.4em; } } .bblock p.descriptor, .bblock p span.descriptor{font-size:0.8em; color:#fff; margin-bottom:0.5em; font-family: 'GothamLight', Arial, Helvetica, sans-serif;} .bblock ul {} .bblock ul li {color:#fff; font-size:0.9em; line-height:1.4em; margin:0 0 0.3em 0; padding: 0 0 0 6px;} .nombtmrg {margin-bottom:0.1em;} .bblock img.icon {margin:0 auto 0.5em auto; max-height:150px;} .col-tl {padding-left:0px;} /*--Bannerblock Heading bar--*/ .bblock-heading {padding-left:15px;} span.lowercase {text-transform:none !important;} /*--Bannerblock Button--*/ .bblock .btn-default {color:#000; background:#fff; text-transform:uppercase; font-size:0.9em; text-decoration:none; padding:5px 1em;} .bblock .btn-default:hover {color:#fff !important; background:#000 !important;} .bblock .btn-default.feature {color:#000 !important; background:#fff !important;} .bblock .btn-default.feature:hover {color:#fff !important; background:#000 !important;} .btn-default.ibhoriz {display:inline-block; padding-right:20px;} .btn-default.sml {font-size:0.6em !important; margin:5px 0 10px 0 !important; padding:3px 10px 5px !important;} .bblock hr {clear:both; height:1px; margin:0 0 1em 0; padding:0;} .pdl1 {padding-left:10%;} /*banner title lower case*/ .lowc{text-transform:lowercase;} /*--Bannerblock Content Colour Coding--*/ /*--Red--*/ .bblock.red {background:#ee2c37;} .banner-safety-day .bblock.red {background:#f5823c;} .bblock.red .btn-default {border-radius:0; color:#edaa63; background:#af122a; font-size:0.75em; margin:0px 0 8px 0; } .bblock.red .btn-default.feature {color:#ee2c37 !important;} .bblock.red .bblock-icon {background:#af122a;} .bblock.red .bblock-icon.red2 {background:#f5823c;} .btn-default.btmrg {margin-bottom:0px !important; text-decoration: none; padding: 5px 1em; margin-right: 7px !important} /*--Blue--*/ .bblock.blue {background:#0055a6;} .bblock.blue .btn-default {border-radius:0; color:#0055a6; background:#72addf; font-size:0.8em; margin:10px 0 10px 0;} .bblock.blue .bblock-icon {background:#72addf;} .bblock.blue .bblock-icon.blue2 {color:#00213f;} /*--Green--*/ .bblock.green {background:#00a76d;} .bblock.green .btn-default {border-radius:0; color:#fff; background:#007748; font-size:0.8em; margin:10px 0 10px 0;} .bblock.green .bblock-icon {background:#007748;} .bblock.green .bblock-icon.green2 {background:#9dcb3b;} /*--Yellow--*/ .bblock.yellow {background:#e18127;} .bblock.yellow .btn-default {border-radius:0; color:#d37824; background:#ffdd00; font-size:0.8em; margin:10px 0 10px 0;} .bblock.yellow .bblock-icon {background:#feb818;} .bblock.yellow .bblock-icon.yellow2 {} /*--BannerBlock Top--*/ /*--BannerBlock Top Quote (with icon)--*/ .bblock-top {position:absolute; left:0; top:-130px; width:100%; height:130px; background:#fff;} .bblock-top p {display:block; width:92%; padding:40px 0 0 30%; color:#989797; font-style:italic; font-size:1.0em; line-height:1.5em; } .bblock-top p span {font-size:0.8em; } /*--BannerBlock Top Icon--*/ .bblock-icon {display:block; width:20%; height:auto; max-width:130px; max-height:130px; position:absolute; left:0; bottom:0; } @media (min-width: 768px) { .bblock-icon {width:130px; height:130px; } } @media (min-width: 992px) { .bblock-icon {width:130px; height:130px; } } @media (min-width: 1200px) { .bblock-icon {width:130px; height:130px; } } .bblock-icon img {width:100%;} /*--Media releases type list style--*/ ul.media-rel {margin:0; padding:0;} ul.media-rel li {color:#fff; border-bottom:0px dotted #ccc; margin:0 0 10px 0; padding:0px 20px 0px 15px; list-style:none;} ul.media-rel li:last-child {border-bottom:none !important; padding:0px 20px 0px 15px;} ul.media-rel li a {color:#fff;} ul.media-rel li:before {content:'\f054'; color:#fff;} ul.media-rel li h5 {font-size:1.0em; line-height: 1.3em;} ul.media-rel li p.descriptor {font-size:0.7em; margin-bottom: 0.5em;} /*--HOME BANNER WITH FULL CONTENT--*/ .banner-full {margin:0; padding:0; background:rgba(0,0,0,0.5); height:120%; min-height:200px;} .banner-full .bblock {position:relative; display:block; height:auto !important; min-height:100px; left:inherit; bottom:inherit;} @media (min-width: 480px) { .banner-full .bblock {display:block; height:auto !important; min-height:100px;} } @media (min-width: 768px) { .banner-full .bblock {display:block; height:auto !important; min-height:100px;} } @media (min-width: 992px) { .banner-full .bblock {display:inline-block; height:100% !important; min-height:200px;} } @media (min-width: 1200px) { .banner-full .bblock {display:inline-block; height:100% !important; min-height:200px;} } /*--When there's no .bblock-top with icon above the bblock--*/ .banner-full .bblock.notop {margin-top:20px;} @media (min-width: 480px) { .banner-full .bblock.notop {margin-top:20px;} } @media (min-width: 768px) { .banner-full .bblock.notop {margin-top:20px;} } @media (min-width: 992px) { .banner-full .bblock.notop {margin-top:30px;} } @media (min-width: 1200px) { .banner-full .bblock.notop {margin-top:30px;} } .banner-full .bblock.notop p {font-size:0.85em; margin:0 0 0.7em 0; line-height:1.25em;} .banner-full .bblock .row {position: relative; padding:20px 20px 15px 20px;} .last {position:relative; padding-right:0; display:block; vertical-align:bottom; height:auto; } @media (min-width: 480px) { .last {display:block; height:auto;} } @media (min-width: 768px) { .last {display:block; height:50%;} } @media (min-width: 992px) { .last {display:inline-block; height:80%;} } @media (min-width: 1200px) { .last {display:inline-block; height:80%;} } .banner-full .bannerblock {width:auto; bottom:inherit; min-height:100px; height:auto;} @media (min-width: 480px) { .banner-full .bannerblock {min-height:100px; height:auto;} } @media (min-width: 768px) { .banner-full .bannerblock {min-height:100px; height:auto;} } @media (min-width: 992px) { .banner-full .bannerblock {min-height:500px; height:100%;} } @media (min-width: 1200px) { .banner-full .bannerblock {min-height:500px; height:100%;} } .banner-full .bblock-top {position:relative; top:inherit; left:inherit; padding:50px 0 20px 0; width:100%; min-height:170px; background:#fff;} .banner-full .bblock-icon {z-index:10000; display:block !important;} .banner-full .bblock-icon.red {background:#af122a;} .banner-full ul.media-rel {margin:0 0 10px 0; padding:0;} .banner-full ul.media-rel li {margin:0 0 12px 0;} .banner-full ul.media-rel li h5 {font-size:0.95em; line-height: 1.3em;} .cblock {} .cblock .row {padding-left:2%;} .cblock h3 {margin-bottom:0.8em;} .cblock h4 {margin-bottom:0.8em;} /*--banner full end--*/ /* Reset li:before */ .carousel-indicators li:before, nav ul.pagination li:before{content:"";} /*--Carousel control--*/ .carousel-control {width:3%;} .carousel-control.left { background-image: -webkit-linear-gradient(left, rgba(0,0,0,.0000) 0%, rgba(0,0,0,.0000) 90%); background-image: -o-linear-gradient(left, rgba(0,0,0,.0000) 0%, rgba(0,0,0,.0000) 90%); background-image: linear-gradient(to right, rgba(0,0,0,.0000) 0%, rgba(0,0,0,.0000) 90%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); background-repeat: repeat-x;} .carousel-control.right { background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0000) 0,rgba(0,0,0,.00001) 90%); background-image: -o-linear-gradient(left,rgba(0,0,0,.0000) 0,rgba(0,0,0,.00001) 90%); background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0000)),to(rgba(0,0,0,.00001))); background-image: linear-gradient(to right,rgba(0,0,0,.0000) 0,rgba(0,0,0,.00001) 90%); } .carousel-control:hover, .carousel-control:focus { color: #fff; text-decoration: none; filter: alpha(opacity=100); outline: 0; opacity: 1; } .container {position:relative;} /*--HOME SECTIONS--*/ #home section {margin:0; padding:50px 0; text-align:left; min-height:300px;} #home section h2 {display:block; padding:7px 0 20px 65px; color:#fff; text-transform:uppercase !important; font-size:2em; } /*--Home Register--*/ #home section.register{min-height: 0; padding: 35px 0 10px 0} /*--Latest News--*/ #home section.latest-news {margin-top:100px; background:#f2f3f2;} @media (min-width: 480px) { #home section.latest-news {margin-top:100px;} } @media (min-width: 768px) { #home section.latest-news {margin-top:0px;} } @media (min-width: 992px) { #home section.latest-news {margin-top:0px;} } @media (min-width: 1200px) { #home section.latest-news {margin-top:0px;} } /*--Latest News-- #home section.latest-news {margin-top:190px; background:#f2f3f2;} @media (min-width: 768px) { #home section.latest-news {margin-top:117px;} } @media (min-width: 992px) { #home section.latest-news {margin-top:117px;} } @media (min-width: 1200px) { #home section.latest-news {margin-top:117px;} } --*/ .btn-default.aside {display:block; position:relative; top:inherit; right:inherit; font-size:1.0em; text-align:center; width:130px; height:auto; float:none; margin-bottom:10px;} @media (min-width: 768px) { .btn-default.aside {position:absolute; top:35px; right:40px; float:none; } } @media (min-width: 992px) { .btn-default.aside {position:absolute; top:35px; right:40px; float:none; } } @media (min-width: 1200px) { .btn-default.aside {position:absolute; top:35px; right:40px; float:none; } } .btn-default.aside.ba2 {top:inherit; font-size:0.9em; width:200px; height:auto; padding:5px 6px 6px;} @media (min-width: 768px) { .btn-default.aside.ba2 {top:75px; padding:5px 12px 6px;} } @media (min-width: 992px) { .btn-default.aside.ba2 {top:75px; padding:5px 12px 6px;} } @media (min-width: 1200px) { .btn-default.aside.ba2 {top:75px; padding:5px 12px 6px;} } #home section.latest-news h2{color:#000 !important; } #home section.latest-news .news-list h2 {background:url(../images/hmh-icon-news.png) left top no-repeat;} #home section.latest-news h2.facebook {background:url(../images/icon-facebook.png) left top no-repeat;} #home section.latest-news h2.twitter {background:url(../images/icon-twitter.png) left top no-repeat;} #home section.register h2 {background:url(../images/icon-register.png) left top no-repeat; color: #000} .news-list p, .latest-news a.mod-articles-category-title {font-family:'GothamBold', Arial, Helvetica, sans-serif; margin-bottom:0.3em;} .latest-news .descriptor {font-size:0.9em; font-family:'GothamLight', Arial, Helvetica, sans-serif; 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:#00a76d; border:0px; color:#fff; font-family: 'GothamMedium', Arial, Helvetica, sans-serif; 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:#9dcb3b; 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:#007748; 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:#00a76d; border:2px solid #60b883; color:#fff; font-family: 'GothamMedium', Arial, Helvetica, sans-serif;} .ftrbuttons .btn:hover {background:#9dcb3b; color:#fff; border:2px solid #9dcb3b;} /*--Home Our Websites--*/ #home section.our-websites {background:#79c89b;} .our-websites h2 {color:#fff; background:url(../images/hmh-icon-our-websites.png) left top no-repeat;} .webblock {margin-bottom:20px; height:auto;} @media (min-width: 768px) { .webblock {height:280px;} } @media (min-width: 992px) { .webblock {height:275px;} } @media (min-width: 1200px) { .webblock {height:286px;} } @media (min-width: 1600px) { .webblock {height:286px;} } .webblock img {display:block; margin-bottom:0.3em; border:1px solid #000;} .webblock img:hover {border:1px solid #fff;} .webblock .btn-default {padding: 5px 10px 6px; font-size:0.7em;} .webblock h4 {min-height:48px; display:inline-block; vertical-align:baseline;} /*--Home Adverts--*/ #home section.adverts {padding:30px 0 50px 0; min-height:100px; background:#00ac67; /* #00ac67; */ border-bottom:2px solid #fff; } #home section.adverts h2 {color: #fff; } #home section.adverts h2 {color:#fff; background-size:50px;} .adverts a {width:auto; margin:0 auto; padding:0; border:2px solid #fff; display:block; background:#fff;} .adverts a:hover {margin:0; padding:0; border:2px solid #000; background:#fff;} .adverts img {text-align:center; opacity:1;} .adverts img:hover {opacity:1; transition:all 0.8s; -webkit-transition:all 0.5s;} /*--Home Adverts - African Mining Indaba 2020--*/ .ami2020 {background:#fff;} #home section.adverts .ami2020 h2 {color: #fff; background: url(../images/icon-africa.svg) left top no-repeat; background-size:50px;} /*--Home Advert - SA Earth Observation challenge 2019--*/ /*-- #home section.adverts {padding:30px 0 50px 0; min-height:100px; background:#79c89b; /* #00ac67; *//*-- border-bottom:2px solid #fff; } #home section.adverts h2.earth {color: #fff; background: url(../images/icon-earth.svg) left top no-repeat; background-size:50px;} --*/ /*--Home Connect--*/ section.connect {background:#00ac67; } .connect h2 {color:#fff; background:url(../images/icon-video.png) left top no-repeat;} .connect h4 {color:#00ac67; padding:0 0 10px 45px; } .connect h4.youtube {background:url(../images/conn-icon-youtube.png) left top no-repeat;} .connectbox {min-height:250px; background:#fff; padding-top:25px; padding-bottom:25px; margin-bottom:15px;} .connectbox p {font-size:0.75em; line-height: 1.5em;} .connectbox p a {color:#000; } .connectbox.yt {} .connectbox.yt img {width: 100%; margin: 0 auto 0.5em auto;} /*--Our Markets--*/ section.our-markets {background:#007748;} .our-markets h2 {color:#fff; background:url(../images/hmh-icon-our-markets.png) left top no-repeat;} .zarprice {background:#9dcb3b; padding-top:20px; padding-bottom:20px; float:none;} @media (min-width: 768px) { .zarprice {float:left; } } @media (min-width: 992px) { .zarprice {float:left; } } @media (min-width: 1200px) { .zarprice {float:left; } } .zarprice h3 {color:#000; font-size:2.2em; font-family:'GothamLight', Arial, Helvetica, sans-serif; margin-bottom:0.1em;} .zarprice h3 span {color:#000; font-family:'GothamBold', Arial, Helvetica, sans-serif;} .zarprice p.descriptor {color:#000; font-size:0.6em; margin-bottom:0.2em;} .markets {background:#fff; float:none; width:100%; margin-left:0px; padding:20px 25px; } @media (min-width: 768px) { .markets {float:left; width:62%; margin-left:15px;} } @media (min-width: 992px) { .markets {float:left; width:65%; margin-left:15px;} } @media (min-width: 1200px) { .markets {float:left; width:65%; margin-left:15px;} } .markets ul {margin:0; padding:0;} .markets li {display:block; margin:0 0 15px 0; padding:0 0 15px 0; border-bottom:2px dotted #ccc; list-style:none; background:none;} .markets li:before {display:none !important; content:'';} .markets p {display:block; margin:0; padding:0; font-size:1.0em; line-height:1em; vertical-align:bottom; position: relative;} @media (min-width: 768px) { .markets p {font-size:1.3em; } } @media (min-width: 992px) { .markets p {font-size:1.5em; } } @media (min-width: 1200px) { .markets p {font-size:1.5em; } } .markets p span {display:inline-block; } .markets p span.commodity {margin:0 0px 0 0; padding:0; color:#00ac67; font-size:0.9em; font-family:'GothamBold', Arial, Helvetica, sans-serif; width:40%;} .markets p span.currency {color:#9dcb3b; } .markets p span.value {color:#000; font-size:1.2em; font-family:'GothamBold', Arial, Helvetica, sans-serif;} .markets p span.measure {color:#000; font-size:0.8em; font-family:'GothamLight', Arial, Helvetica, sans-serif;} .markets p span.movement {padding-left:15px; color:#686868; font-size:0.5em; font-family:'GothamLight', Arial, Helvetica, sans-serif; position:relative; float:right; } .markets p span.movement.m-up:before {color:#c3c3c3; font-family:'FontAwesome'; font-size:1.3em; position:absolute; left:0; top:0; content:"\f0d8";} /*-- fa-caret-up --*/ .markets p span.movement.m-down:before {color:#c3c3c3; font-family:'FontAwesome'; font-size:1.3em; position:absolute; left:0; top:0; content:"\f0d7";} /*-- fa-caret-down --*/ .markets br {padding:0;} /*--We care--*/ section.we-care {background:#9dcb3b;} .we-care h2 {color:#fff; background:url(../images/hmh-icon-we-care.png) left top no-repeat;} .we-care h3 {color:#000; margin:30px 0 0 0;} .we-care h5 {color:#000; font-size:1.2em;} .we-care p {padding:0 0 0 25px; font-size:0.8em; line-height:1.5em;} .we-care p.lead {padding-bottom:0; font-size:1em; font-family:'GothamMedium', Arial, Helvetica, sans-serif;} .we-care .content {padding-top:30px; padding-bottom:25px; background:url(../images/wcc-backtile.png) left top repeat-y;} .we-care .content img {margin:5px 0 0 0; border:2px solid #fff;} .we-care-popup {padding-left:0 !important;} /*--POP-UP BLUE--*/ section.popup-blue {background:#0054a5;} .popup-blue h2 {color:#fff; background:url(../images/hmh-icon-our-websites.png) left top no-repeat;} .popup-blue h3 {color:#000; margin:30px 0 0 0;} .popup-blue h5 {color:#000; font-size:1.2em;} .popup-blue p {padding:0 0 0 25px; font-size:0.8em; line-height:1.5em;color:#fff;} .popup-blue p.lead {padding-bottom:0; font-size:1em; font-family:'GothamMedium', Arial, Helvetica, sans-serif;} .popup-blue .content {padding-top:30px; padding-bottom:25px; background-color: #ffffff;} .popup-blue .content img {margin:5px 0 0 0; border:2px solid #fff;} /*--women day pop up--*/ section.we-care-w {background:#ffffff;} .we-care-w h2 {color:#000000; padding:0; margin: 0;} .we-care-w h3 {color:#000000; } .we-care-w h5 {color:#000000; font-size:1.2em; margin:20px 0 10px 0;} .we-care-w h4 a {color:#ef3842; font-size:1em;} .we-care-w p {padding:0; font-size:0.8em; line-height:1.5em;} .we-care-w p.lead {padding-bottom:0; font-size:1em; font-family:'GothamMedium', Arial, Helvetica, sans-serif;} .we-care-w .content {padding-top:10px; padding-bottom:25px; } .we-care-w .content img {margin:5px 0 0 0; border:2px solid #fff;} .thumbnail-container {} .thumbnail-container div img {box-shadow:1px 2px 8px #000;} .custom-width {width: 14%;} .margBot10 {margin-bottom:10px;} .news-list .thumbbox{width: 180px; height: 180px; position: relative; overflow: hidden; margin-bottom: 1rem;} .news-list .thumbbox img{min-width: 180px; height: auto; min-height: 180px; position: absolute; left: -5px} @media (min-width: 768px) {.custom-width {width: 14%;} } @media (min-width: 990px) {.custom-width {width: 14%; margin-bottom: 2%;} } @media (min-width: 1199px) {.custom-width {width: 14%; margin-right: 2%;} } .backtile {position:absolute; left:0; top:0; z-index:0; width:30%; background:#9dcb3b;} .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: #FDB91A; 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: #FDB91A; 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:bold;} .container2{width:100% !important; margin:0;padding:0;} /*--SECTIONS--*/ section {padding:50px 0; position:relative;} /*--MAIN PAGE CONTENT--*/ section.section-main {margin-top:0px; padding:0px 0; } .section-main .container {min-height:500px; padding:40px 15px 50px 30px; width:auto;} @media (min-width: 768px) { .section-main .container {padding:40px 15px 50px 30px; width:auto;} } @media (min-width: 992px) { .section-main .container {padding:40px 15px 50px 30px; width:95%;} } .section-main header {position:relative; padding:0; margin:0 0 20px 0; min-height:inherit; top:inherit; left:inherit; z-index: 1;} .section-main h1 {margin-left:-60px; font-size:1.8em;} @media (min-width: 480px) { .section-main h1 {font-size:2.1em;} } @media (min-width: 768px) { .section-main h1 {font-size:2.3em;} } @media (min-width: 992px) { .section-main h1 {font-size:2.6em;} } @media (min-width: 1200px) { .section-main h1 {font-size:2.8em; } } @media (min-width: 1600px) { .section-main h1 {font-size:3em;} } .section-main li{list-style:none; margin:0 0 0.7em 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:250px; margin:0; padding:0; position:relative;} @media (min-width: 480px) { #banner {width:100%; height:300px;} } @media (min-width: 768px) { #banner {width:100%; height:400px;} } @media (min-width: 992px) { #banner {width:100%; height:480px;} } #banner 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:120%;} @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:#72adde; 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:#72adde url(../images/banners/banner-covid19-v2-1920.png) center top no-repeat; background-size:100% auto; margin:0; padding:0;} /*--Banners Content Pages--*/ .banner {display:block; float:none; width:100%; height:250px; margin:0; padding:0; background-position:center top;} @media (min-width: 768px) { .banner {display:inline-block; float:left; width:75%; height:250px; background-position:center top;} } @media (min-width: 992px) { .banner {display:inline-block; float:left; width:75%; height:480px; background-position:center top;} } @media (min-width: 1200px) { .banner {display:inline-block; float:left; width:75%; height:480px; background-position:left top;} } .banner-about-us {background:url(../images/banner-about-us.jpg) left top no-repeat;} /*--Banner Quote--*/ .banner-quote {display:block; vertical-align:top; margin:0; width:100%; height: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--*//*-- .banner-quote {display:block; float:none; vertical-align:top; margin:0; width:100%; height:auto; min-height:100px; padding:20px 5% 20px 5%; background:#666; font-size:1.1em; line-height:1.8em;} @media (min-width: 768px) { .banner-quote {display:inline-block; float:right; width:25%; height:480px; min-height:inherit; padding:100px 3% 20px 3%; font-size:0.9em;} } @media (min-width: 992px) { .banner-quote {display:inline-block; float:right; width:25%; height:480px; min-height:inherit; padding:100px 3% 20px 3%; font-size:1.0em;} } @media (min-width: 1200px) { .banner-quote {display:inline-block; float:right; width:25%; height:480px; min-height:inherit; padding:100px 3% 20px 3%; font-size:1.1em;} } --*/ .banner-quote p {color:#fff; font-size:1em;} /*--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-family: 'GothamMedium', Arial, Helvetica, sans-serif; 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%;} .sub-navigation h3 {color:#fff !important;} .sub-navigation ul.nav {padding:0;} .sub-navigation ul.nav li {list-style:none; padding: 0 0 0 12px; line-height:1.3em;} .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;} .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-family:'GothamBook', Arial, Helvetica, sans-serif; } .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:#72adde;} /*--Tint--*/ #blue .hilight.hl-3 {background:#00213f; } /*--Shade--*/ #blue .hilight.hl-4, #blue .tint {background:#67c9d0; } /*--Highlight--*/ #blue .section-main li:before {color:#0054a6;} #blue .item-page a {color:#0054a6;} /*--RED PAGE--*/ #red h2 {color:#ed2636;} #red h3 {color:#ae122a;} #red .banner-quote {background:#ed2636; } #red .sub-navigation {background:#ae122a; } #red .section-main .sub-navigation li:before {color:#fff;} #red .hilight.hl-1 {background:#ed2636; } /*--Main--*/ #red .hilight.hl-2 {background:#f05a5e; }/*--Tint--*/ #red .hilight.hl-3 {background:#ae122a; } /*--Shade--*/ #red .hilight.hl-4, #red .tint {background:#f5833c; } /*--Highlight--*/ #red .section-main li:before {color:#f5833c;} #red .item-page a {color:#ed2636;} /*--GREEN PAGE--*/ #green h2 {color:#00a76d;} #green h3 {color:#007748;} #green .banner-quote {background:#00a76d; } #green .sub-navigation {background:#79c89b; } #green .section-main .sub-navigation li:before {color:#fff;} #green .hilight.hl-1 {background:#00a76d; } /*--Main--*/ #green .hilight.hl-2 {background:#79c89b; } /*--Tint--*/ #green .hilight.hl-3 {background:#007748; } /*--Shade--*/ #green .hilight.hl-4, #green .tint {background:#9ccb3b; } /*--Highlight--*/ #green .section-main li:before {color:#00a76d;} #green .item-page a {color:#00a76d;} #green ul.nav-tabs{border-bottom: 3px solid #00a76d; margin-bottom: 0.75em; text-transform: uppercase} #green ul.nav-tabs li{border: none; padding: 0; margin: 0; position: relative; top: 1px; left: -1px} #green ul.nav-tabs li.active a{background: #00a76d; color: #ffffff} /*--YELLOW PAGE--*/ #yellow h2 {color:#fdb819;} #yellow h3 {color:#e08227;} #yellow .banner-quote {background:#e08227; } #yellow .sub-navigation {background:#ae122a; } #yellow .section-main .sub-navigation li:before {color:#fff;} #yellow .hilight.hl-1 {background:#fdb819; } /*--Main--*/ #yellow .hilight.hl-2 {background:#ffdd4e; } /*--Tint--Light Yellow--*/ #yellow .tint {background:#fdb819; } /*--Tint--Darker Yellow--*/ #yellow .hilight.hl-2 h1, #yellow .hilight.hl-2 h2, #yellow .hilight.hl-2 h3, #yellow .hilight.hl-2 h4, #yellow .hilight.hl-2 h5, #yellow .hilight.hl-2 h6, #yellow .hilight.hl-2 p, #yellow .hilight.hl-2 li {color:#000;} #yellow .hilight.hl-3 {background:#e08227; } /*--Shade--*/ #yellow .hilight.hl-4 {background:#ffde00; } /*--Highlight--Light Yellow--*/ #yellow .hilight.hl-4 h1, #yellow .hilight.hl-4 h2, #yellow .hilight.hl-4 h3, #yellow .hilight.hl-4 h4, #yellow .hilight.hl-4 h5, #yellow .hilight.hl-4 h6, #yellow .hilight.hl-4 p, #yellow .hilight.hl-4 li {color:#000;} #yellow .section-main li:before {color:#fdb819;} #yellow .item-page a {color:#e08227;} #yellow .item-page a.btn-default {background:#e08227; color: #ffffff;} #yellow .item-page a.btn-default:hover {} #yellow .news-list .btn-default{background:#e08227; color: #ffffff; margin-bottom: 1rem; font-size: 1.5rem} .section-main ul.osgalery-cat-tabs li:before {content:"" !important;} .section-main ul.nav-tabs li:before {content:"" !important;} /*--GREY PAGE--*/ #grey h2 {color:#898a8a;} #grey h3 {color:#626363;} #grey .banner-quote {background:#898a8a; } #grey .sub-navigation {background:#b2b2b2; } #grey .section-main .sub-navigation li:before {color:#fff;} #grey .hilight.hl-1 {background:#898a8a; } /*--Main--*/ #grey .hilight.hl-2 {background:#b2b2b2; } /*--Tint--*/ #grey .hilight.hl-3 {background:#626363; } /*--Shade--*/ #grey .hilight.hl-4, #grey .tint {background:#bebebe; } /*--Highlight--*/ #grey .section-main li:before {color:#898a8a;} #grey .item-page a {color:#000;} /*--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:#72adde;} /*--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.acymailing_form {} .aside-register table.acymailing_form input {padding-left:10px; outline:none; border:none;} .copyright-block {display:none;} /*--BUTTONS--*/ .btn {padding:6px 12px 8px 12px;} .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; -webkit-transition: background-color 0.2s ease; transition: background-color 0.2s ease; text-transform:uppercase; font-family:'GothamMedium', Arial, Helvetica, sans-serif;} .btn-primary:hover{color:#fff; background:#555 !important; border:0px solid #ffffff} .btn-read-more{color:#93d8b1 !important; background:#007748; border:0px solid #ccc; padding:5px 12px 6px; font-size:0.8em; border-radius:0; -webkit-transition: background-color 0.2s ease; transition: background-color 0.2s ease; text-transform:uppercase; font-family:'GothamMedium', Arial, Helvetica, sans-serif;} .btn-default {color:#fff; background:#ccc; border:0px solid #ccc; padding:5px 18px 6px; font-size:1.2em; border-radius:0; -webkit-transition: background-color 0.2s ease; transition: background-color 0.2s ease; text-transform:uppercase; font-family:'GothamMedium', Arial, Helvetica, sans-serif;} .btn-default:hover {color:#fff; background:#0e75bc; border:0px solid #d58c16; } .btn-default.sml {font-size:1em !important;} .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:#00a76d;} .btn-default.grn1:hover {color:#fff !important; background:#9dcb3b;} .btn-default.grn2 {color:#93d8b1 !important; background:#007748;} .btn-default.grn2:hover {color:#fff !important; background:#9dcb3b;} .btn-default.grn3 {color:#fff; background:#9dcb3b;} .btn-default.grn3:hover {color:#fff !important; background:#00a76d;} /*--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 .acymailing_module_form table.acymailing_form {margin:0; } .section-main .acymailing_module_form table.acymailing_form td {padding-bottom: 5px !important;} .acymailing_module_form .acymailing_introtext {margin: 0.5em 0 10px 0 !important; font-size: 16px; line-height:1.4em;} .acymailing_module_form header {padding:5px 0 0 0;} .acymailing_module_form legend {border:none;} .acymailing_module_form label {margin:0 10px 0 20px; width:60px; } @media (min-width: 768px) { .acymailing_module_form label {width:90px; } } @media (min-width: 992px) { .acymailing_module_form label {width:90px; } } @media (min-width: 1200px) { .acymailing_module_form label {width:90px; } } .section-main .acymailing_module_form .acysubbuttons {text-align:left; padding-left:90px;} @media (min-width: 768px) { .section-main .acymailing_module_form .acysubbuttons {padding-left:80px;} } @media (min-width: 992px) { .section-main .acymailing_module_form .acysubbuttons {padding-left:120px;} } @media (min-width: 1200px) { .section-main .acymailing_module_form .acysubbuttons {padding-left:120px;} } .acymailing_module_form input {border:2px solid #ccc; background:#F9F9F9; width:200px; } @media (min-width: 768px) { .acymailing_module_form input {width:250px; } } @media (min-width: 992px) { .acymailing_module_form input {width:250px; } } @media (min-width: 1200px) { .acymailing_module_form input {width:100%; } } .acymailing_module_form .acysubbuttons button.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: 1px} .acymailing_module_form .acysubbuttons button.btn.unsubbutton {background:#bebebe !important;} .acymailing_module_form .acysubbuttons button.btn:hover {background: #fff !important;} .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:#e18227; 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 #fdb91a; 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-family:'GothamMedium', Arial, Helvetica, sans-serif; border-left:3px solid #fdb91a; border-right:3px solid #fdb91a; 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:#e18227; font-size:1em; line-height:1.2em; color:#fdb91a; 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:#fdb91a; color:#000; padding:10px 10px 0 10px; width:50px; height:82%; text-align:center;} h2.memnum {color:#fdb91a !important; width:70px; height:70px; font-size:2.5em; padding:16px 13px; background:#e18227; 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:#fdb91a !important; width:30px; height:30px; font-size:1em; padding:10px 0px; background:#e18227; 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-family:'GothamMedium', Arial, Helvetica, sans-serif; border-left:3px solid #fdb91a;} .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:#e18227; font-size:1em; line-height:1.2em; color:#fdb91a; 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:#fdb91a; 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} /*--Category Nav--*/ section.category-nav {padding:0 0 20px 0;} .category-nav ul {} .category-nav li {list-style:none; display:inline-block; width:auto; margin-bottom:0; padding:10px 10px 0 10px; border-right:1px solid #ccc; font-size:1.3em;} .category-nav li:last-child {border:none;} .category-nav li:before {content:''; } .category-nav li a {color:#666;} .category-nav li.active a {color:#000; font-weight:bold;} /*--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-family:'GothamMedium', Arial, Helvetica, sans-serif; line-height:1.6em; padding: 0 0 6px 10px; border-bottom:1px dotted #ccc;} .jd-item-page li a {display:block; color:#000; padding:0 5rem .3rem 10rem; position: relative;} @media (min-width: 768px) { .jd-item-page li a {padding:0 5rem .3rem 10rem;} } @media (min-width: 992px) { .jd-item-page li a {padding:0 5rem .3rem 15rem;} } @media (min-width: 1200px) { .jd-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-family:'GothamBook', Arial, Helvetica, sans-serif; font-size:0.8em; font-style:italic;} .jd-item-page ul.category li {min-height:50px;} /*--Button--*/ span.label {display:inline-block; position:absolute; bottom:5px; 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-family:'GothamBook', Arial, Helvetica, sans-serif;} span.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{padding-right:0; padding-left:0px; margin-bottom:0; padding-bottom: 3px; padding-top: 3px;} ul.category li a {display:block; margin-left:15%; margin-right:7%;} @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 a time {display:inline-block; width:15%; position:absolute; left:0; bottom:0px;} @media (min-width: 768px) { ul.category li a time {display:inline-block; width:11%;} } @media (min-width: 992px) { ul.category li a time {display:inline-block; width:12%;} } @media (min-width: 1200px) { ul.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:normal; 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: #00a76d} /*--Callout--*/ .callout {position:relative; margin: 0 0 1.5em; padding:1.2rem 0 1em 1.2em; 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-family:'GothamBook', Arial, Helvetica, sans-serif; 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:260px;} .section-main ul.special-feature .callout p {color:#444; font-size:0.9em; line-height:1.6em; font-family: 'GothamBook', Arial, Helvetica, sans-serif;} .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:bold; 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:normal; 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 #f5833c; 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:#01a76d;} #banner .custom {display:block; width:100%; height:100%;} #banner .moduletable {display:block; width:100%; height:100%;} /*--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:#72adde !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-family:'GothamBold', Arial, Helvetica, sans-serif; } @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:#72adde !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:bold;} .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-family:'GothamLight', Arial, Helvetica, sans-serif; position:relative; display:inline-block; width:60%; margin:10px 0 0 20px; padding:20px 0 0 0; color:#fff !important;} .interviewee p strong {font-family:'GothamBold', Arial, Helvetica, sans-serif;} .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-family: 'GothamMedium', Arial, Helvetica, sans-serif;} .tenders td{border-bottom: 1px dotted #cccccc; vertical-align: top; padding: 5px} .tenders table{margin-bottom: 0.75em} .tenders > li{border-bottom: 4px solid #f5833c; 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:#ee2c37 !important; cursor:pointer; display:block; vertical-align:top; margin:0; font-weight:bold !important; font-size:1em;} ul.vidlist li a span {font-family:'GothamBlack', Arial, Helvetica, sans-serif;} ul.vidlist li a:hover {color:#000 !important;} ul.vidlist li p {font-family:'GothamBlack', Arial, Helvetica, sans-serif; color:#000;} ul.vidlist li p span {font-family:'GothamLight', Arial, Helvetica, sans-serif; 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: #EE2C37; 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: #EE2C37; 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-family: 'GothamBold', Arial, Helvetica, sans-serif; margin-bottom: 0.6em;} .ttl {margin-bottom:0;} .ttl span.descriptor {font-size:0.7em; margin-bottom:0.5em; font-family: 'GothamRegular', Arial, Helvetica, sans-serif; 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:#72adde; 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:#f5833c; } .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:#007748;} .co-4 p {color:#007748;} .co-4 span.descriptor {color:#007748 !important;} .co-4 li a {color:#fff !important} .co-4 li:before {color:#007748 !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:#007748;} .co-lightgreen p {color:#007748;} .co-lightgreen span.descriptor {color:#007748 !important;} .co-lightgreen li a {color:#fff !important} .co-lightgreen li:before {color:#007748 !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-family:'GothamBold', Arial, Helvetica, sans-serif !important; margin-bottom:1em;} .co-post h6 {color:#0054a6; font-size:1em; line-height:1.2em; margin:0 0 0.4em 0; font-family:'GothamBold', Arial, Helvetica, sans-serif;} .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 li a {color:#0054a6 !important; } .co-post li a:hover {color:#00213f !important; border-bottom:1px solid #00213f;} .co-post li:before {color:#72adde !important} .co-post img {border:1px solid #999; width:100%; max-width:101px;} .co-post hr {border-bottom: 2px dotted #67c9d0; width:98%;} /*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:#72adde !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%;} } .co-post h6.ttl span.descriptor {font-size:0.8em; } /*--NEW COVID-19 LAYOUT - 18 Feb 2021 --*/ .covidpage {} .covidpage h2 {font-family:'GothamBlack', Arial, Helvetica, sans-serif; margin:0 0 1em 0; padding:0 !important; text-transform:uppercase;} .covidpage h5 {font-family:'GothamMedium', Arial, Helvetica, sans-serif;} .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-family:'GothamMedium', Arial, Helvetica, sans-serif;} .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-family: 'GothamMedium', Arial, Helvetica, sans-serif;} @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-family:'GothamBook', Arial, Helvetica, sans-serif;} .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-family: 'GothamBook', Arial, Helvetica, sans-serif; padding-right:15px; padding-left:15px; } .mythlist h5 {font-family: 'GothamBold', Arial, Helvetica, sans-serif;} .mythlist p {font-family: 'GothamBook', Arial, Helvetica, sans-serif; font-size:1em; margin-bottom:0.5em; line-height:1.4em;} .mythlist p strong {font-family: 'GothamBold', Arial, Helvetica, sans-serif; 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-family:'GothamBlack', Arial, Helvetica, sans-serif; color:#0054a6; margin:0 15px 0.3em 0 !important; padding:0 !important;} .daily-dashboard h5.date {font-family:'GothamBold', Arial, Helvetica, sans-serif; color:#0054a6;} .daily-dashboard h5.date span {font-family:'GothamLight', Arial, Helvetica, sans-serif; color:#0054a6;} /*--QUe--*/ .c19-que {height:auto;} @media (min-width: 480px) { .c19-que {height:auto;} } @media (min-width: 768px) { .c19-que {height:auto;} } @media (min-width: 992px) { .c19-que {height:620px;} } @media (min-width: 1200px) { .c19-que {height:550px;} } @media (min-width: 1600px) { .c19-que {height:620px;} } .c19-que img {margin:0 15px 20px 0;} .c19-que img.brdr {border:1px solid #fff; margin:30px 0 0 0;} .c19-que li h5 {margin:0;} .section-main .covidpage .c19-que li:before {color:#000 !important;} /*--Questions--*/ .c19-que.que {background:#ee2b39;} .c19-que.que h5 {color:#fff;} .c19-que.que p {color:#fff;} .c19-que.que li {color:#fff;} /*--Did you know?--*/ .c19-que.know {background:#fbb61b;} .c19-que.know h5 {color:#000;} .c19-que.know p {color:#000;} .c19-que.know li {color:#000;} .c19-que a.btn-va {background:#fff; color:#ee2b39 !important; padding:3px 7px 5px 7px;} .c19-que a.btn-va:hover {background:#000; color:#fff !important;} .c19-que a.btn-va:before {display:none; content:"";} /*--Mythbusters--*/ .c19-que.bust {background:#01764a; position:relative;} .c19-que.bust h5 {color:#fff;} .c19-que.bust p {color:#fff;} .c19-que.bust li {color:#fff;} .c19-que.bust a.btn-va {background:#fff; color:#01764a !important; padding:3px 7px 5px 7px;} .c19-que.bust a.btn-va:hover {background:#000; color:#fff !important;} .c19-que.bust a.btn-va:before {display:none; content:"";} .c19-que.bust p.descriptor {} /*--Mythbuster Scrolling Items--*/ #mythslider {margin:0 0 10px 0; padding:0; text-align:left; } #mythslider .carousel-inner {margin:0; padding:0; } #mythslider .carousel-indicators {display:none !important; } #mythslider .item {margin:0; padding:0; left:inherit; text-align:left; height:auto; min-height:100px;} #mythslider h4 {display:block; color:#000; background:#f9bb34; margin:0 0 15px 0; padding:12px 20px; } #mythslider h4 span {color:#ea000b;} #mythslider h5 {font-size:1.4em; color:#e6bd3f; font-family:'GothamBold', Arial, Helvetica, sans-serif; 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:normal; font-family:'GothamBold', Arial, Helvetica, sans-serif; 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-family:'GothamMedium', Arial, Helvetica, sans-serif;} .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-family:'GothamMedium', Arial, Helvetica, sans-serif;} .c19-post h6.ttl {} img.mw250 {width:100%; max-width:180px;} img.img-cntr {margin-right:auto; margin-left:auto;} p.lead.pl2 {font-size:1.3em; line-height:1.5em; margin-bottom:1.2em;} @media (min-width: 768px) { p.lead.pl2 {font-size:1.3em; line-height:1.5em;} } @media (min-width: 992px) { p.lead.pl2 {font-size:1.3em; line-height:1.5em;} } @media (min-width: 1200px) { p.lead.pl2 {font-size:1.16em; line-height:1.4em;} } @media (min-width: 1600px) { p.lead.pl2 {font-size:1.3em; line-height:1.5em;} } /*--Reinforcements--*/ .reinf {background:#b9d6ee; margin:0 0 1em 0;} .reinf h2 {color:#0054a6 !important; } .reinf h5 {color:#000 !important;} .reinf p {color:#000 !important;} .reinf li {color:#000 !important; } .reinf li:before {content:"\f054"; color:#000 !important;} .reinf a {color:#000 !important;} /*--Basic covid--*/ .bsc {background: #ebeff2; margin:0 0 1em 0;} .bsc h2 {color:#0054a6 !important; } .bsc h5 {color:#000 !important;} .bsc p {color:#000 !important;} .bsc ul {margin:0 0 0.5em 0; padding:0;} .bsc li {color:#000 !important; } .bsc li:before {content:"\f054"; color:#000 !important;} .bsc a {color:#000 !important} /*--Tab docs--*/ .tabdocs {margin:0 0 1em 0;} .tabdocs ul.nav-tabs {margin:0; border:0px;} .tabdocs ul.nav-tabs li {color:#549dce; text-transform:uppercase; margin:0 !important; padding:0 !important; font-size:1.3em;} .tabdocs ul.nav-tabs li a {color:#549dce !important; background:transparent;} .tabdocs ul.nav-tabs li.active {} .tabdocs ul.nav-tabs li.active a {color:#fff !important; background:#549dce;} .tabdocs ul.nav-tabs {} .tab-content {background:#d5e7f5; padding:30px; border-top:2px solid #549dce} .tab-content h2 {color:#549dce;} .tab-content h3, .tab-content h4, .tab-content h5, .tab-content h6, .tab-content p, .tab-content li, .tab-content a {color:#000 !important;} .covidpage .tab-content ul {margin-left:10px;} .tab-content .descriptor {color:#0054a6; font-family:'GothamBook', Arial, Helvetica, sans-serif;} /*--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:#72adde !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-family:'GothamBold', Arial, Helvetica, sans-serif !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:#72adde; 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:bold; line-height:1.2em;} .bsa li a {margin:0 0 0.2em 0; font-weight:bold;} .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-family:'GothamBold', Arial, Helvetica, sans-serif;} .bsa-col .ttl {margin-bottom:0;} .bsa-col .ttl span.descriptor {font-size:0.7em; margin-bottom:0.5em; font-family: 'GothamRegular', Arial, Helvetica, sans-serif; text-transform:none;} .bsa-col p {color:#000;} .bsa-col ul {margin:0 0 0.5em 0px; padding:0;} .bsa-col li {font-weight:normal; 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:bold;} .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:bold;} .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:bold;} .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:bold;} .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:bold;} .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:bold;} .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:normal; 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:#f5833c; 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:normal; 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-family:'GothamBold', Arial, Helvetica, sans-serif; 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-family:'GothamBlack', Arial, Helvetica, sans-serif; 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:#72adde;} ul.bsa-ci li.mod i {background:#0054a6;} ul.bsa-ci li.energy {background:#79c89b;} ul.bsa-ci li.energy i {background:#00a76d;} ul.bsa-ci li.infra {background:#ffdd4e;} ul.bsa-ci li.infra i {background:#fdb819;} ul.bsa-ci li.ici {background:#f5833c;} 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:#9ccb3b; } ul.bsa-ci li.gov i {background:#007748; } 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-family:'GothamBold', Arial, Helvetica, sans-serif;} ul.connect li a span {display:block; font-size:0.2em; font-family:'GothamLight', Arial, Helvetica, sans-serif;} 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-family: 'GothamBlack', Arial, Helvetica, sans-serif;} 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-family:'GothamBold', Arial, Helvetica, sans-serif; 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;}