/* BASE */
*, *:before, *:after { -moz-box-sizing: inherit; -webkit-box-sizing: inherit; box-sizing: inherit; outline: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: auto; overflow-x: hidden; }
body { font-family: "Montserrat", sans-serif; font-weight:500; font-size: 14px; line-height: 170%; -webkit-font-smoothing: antialiased; color: #455357; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; background-color: #FFF; }
section, header, footer { width: 100%; }
h1 { font-family: "Merriweather", sans-serif; font-size: 40px; line-height: 50px; font-weight: 400; color: #15294c; }
h2 { font-family: "Merriweather", sans-serif; font-size: 35px; line-height: 45px; font-weight: 400; color: #15294c; }
h3 { font-family: "Merriweather", sans-serif; font-size: 25px; line-height: 35px; font-weight: 400; color: #15294c; }
h4 { font-family: "Montserrat", sans-serif; font-size: 18px; line-height: 30px; font-weight: 500; color: #15294c; letter-spacing: 2px; text-transform: uppercase;}

input[type=text], input[type='email'], input[type='search'], textarea, select { -webkit-appearance: none; -webkit-box-shadow: none !important; -moz-appearance: none; box-shadow: none !important; }
input[type=text] {border: 1px solid #C8C8C8; margin: 0; padding: 10px 30px; }
select::-ms-expand { display: none; }

a { text-decoration: none; color: #e79233; -webkit-transition: 0.5s; }
a:hover { color: #363636; }
img { max-width: 100%; }

.container { max-width: 1200px; margin: 0 auto; position: relative; }
.container::after, .presentation:after { content: ""; display: table; clear: both; }

.social-links { float: right; text-align: right; }
.social-links a { color:#565656; font-size: 20px; margin-left: 10px; }
.social-links a:hover { color:#e79233; }

.button { display: inline-block; cursor: pointer; padding: 15px 30px; background-color: #15294c; color: #ffffff; position: relative; border: none; font-size: 16px; font-family: "Merriweather"; }
.button:hover { background-color: #e79233; color: #ffffff; }
.button:after { content: "\f061"; font-family:"FontAwesome"; color:#FFF; margin-left:25px; font-size: 20px; }

/* UTILITY */
.fl { float: left; }
.fr { float: right; }
.clear { clear: both; }
.clearset::after, nav::after { content: ""; display: table; clear: both; }
.center { text-align: center; }
.right { text-align: right; }
.caption { font-style: italic; font-size: 12px; line-height: 18px; margin-bottom: 22px; }
div.overflow { width: 100%; overflow-x: auto; margin-bottom: 45px; }
p.instruction { font-size: 12px; }
.vert-center { top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%); }
.gradient-background { border-top: 7px solid #15294c; background-color:#FFF; position: relative; }
.flex-container { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }

/* Responsive Tables */
div.overflow {width: 100%; overflow-x: auto;}
div.overflow.show + div.arrow {position: relative; height: 30px; width: 100%;}
div.overflow.show + div.arrow::before {font-family: FontAwesome; font-size: 16px; position: absolute; bottom: 0px; left: 50%; content:'\f07e';}


/* HEADER */
header { height:300px; font-family: 'Merriweather'; position: relative; }
header > .container { padding-top: 20px; }
.main-background { background-repeat:no-repeat; position: relative; height:500px; width:100%; top:0; z-index:0;
    background-size: cover; background-position: center center;}
/*body.cat-investors header .main-background { background-image:url(../img/bg_investors.jpg); }*/
/*body.cat-sustainability header .main-background { background-image:url(../img/bg_sustainability.jpg); }*/
/*body.cat-news-media header .main-background { background-image:url(../img/bg_news_media.jpg); }*/
/*body.cat-contact header .main-background { background-image:url(../img/bg_contact.jpg); }*/
/*body.str-about-us header .main-background { background-image:url(../../../../_resources/banners/SG_AboutUs.jpg); }*/
/*body.str-exploration header .main-background { background-image:url(../img/bg_exploration.jpg); }*/
/*body.str-history header .main-background { background-image:url(../img/bg_history.jpg); }*/
/*body.str-new-luika-gold-mine header .main-background { background-image:url(../img/bg_new_luika.jpg); }*/
/*body.cat-operations.str-overview header .main-background { background-image:url(../img/bg_operations_overview.jpg); }*/
/*body.str-reserves-resources header .main-background { background-image:url(../img/bg_rr.jpg); }*/
/*body.str-singida header .main-background { background-image:url(../img/bg_singida.jpg); }*/
/*body.str-advisers--consultants header .main-background  { background-image:url(../../../../_resources/banners/SG_Advisors.jpg); }*/
/*body.str-aim-rule-26 header .main-background  { background-image:url(../../../../_resources/banners/SG_Aim26.jpg); }*/
/*body.str-analyst-coverage header .main-background  { background-image:url(../../../../_resources/banners/SG_AnalystCoverage.jpg); }*/
/*body.str-board-of-directors header .main-background  { background-image:url(../../../../_resources/banners/SG_BoardofDirectors.jpg); }*/
/*body.str-community header .main-background  { background-image:url(../../../../_resources/banners/SG_Community.jpg); }*/
/*body.str-contact-details header .main-background  { background-image:url(../../../../_resources/banners/SG_Contact.jpg); }*/
/*body.str-corporate-governance header .main-background  { background-image:url(../../../../_resources/banners/SG_CorpGovernance.jpg); }*/
/*body.str-environment header .main-background  { background-image:url(../../../../_resources/banners/SG_Environment.jpg); }*/
/*body.str-events-calendar header .main-background  { background-image:url(../../../../_resources/banners/SG_EventsCalendar.jpg); }*/
/*body.str-financial-reports header .main-background  { background-image:url(../../../../_resources/banners/SG_FinancialReports.jpg); }*/
/*body.str-health-safety header .main-background  { background-image:url(../../../../_resources/banners/SG_HealthandSafety.jpg); }*/
/*body.str-management header .main-background  { background-image:url(../../../../_resources/banners/SG_Management.jpg); }*/
/*body.str-media header .main-background  { background-image:url(../../../../_resources/banners/SG_Media.jpg); }*/
/*body.str-our-people header .main-background  { background-image:url(../../../../_resources/banners/SG_OurPeople.jpg); }*/
/*body.str-presentations header .main-background  { background-image:url(../../../../_resources/banners/SG_Presentations.jpg); }*/
/*body.str-request-for-information header .main-background  { background-image:url(../../../../_resources/banners/SG_RequestInformation.jpg); }*/
/*body.str-stock-share-information header .main-background  { background-image:url(../../../../_resources/banners/SG_StockandShare.jpg); }*/
/*body.str-sustainability-report header .main-background  { background-image:url(../../../../_resources/banners/SG_SustainabillityReports.jpg); }*/
/*body.str-tanzania header .main-background  { background-image:url(../../../../_resources/banners/SG_Tanzania.jpg); }*/
/*body.str-why-invest header .main-background  { background-image:url(../../../../_resources/banners/SG_WhyInvest.jpg); }*/

/* WEBP CSS */
/*html.no-webp header .main-background {background-image:url(../img/bg_default.jpg);}
html.webp header .main-background {background-image:url(../img/bg_default.webp);}
html.no-webp body.cat-investors header .main-background {background-image:url(../img/bg_investors.jpg);}
html.webp body.cat-investors header .main-background {background-image:url(../img/bg_investors.webp);}
html.no-webp body.cat-sustainability header .main-background {background-image:url(../img/bg_sustainability.jpg);}
html.webp body.cat-sustainability header .main-background {background-image:url(../img/bg_sustainability.webp);}
html.no-webp body.cat-news-media header .main-background {background-image:url(../img/bg_news_media.jpg);}
html.webp body.cat-news-media header .main-background {background-image:url(../img/bg_news_media.webp);}
html.no-webp body.cat-contact header .main-background {background-image:url(../img/bg_contact.jpg);}
html.webp body.cat-contact header .main-background {background-image:url(../img/bg_contact.webp);}
html.no-webp body.str-about-us header .main-background {background-image:url(../../../../_resources/banners/SG_AboutUs.jpg);}
html.webp body.str-about-us header .main-background {background-image:url(../../../../_resources/banners/SG_AboutUs.webp);}
html.no-webp body.str-history header .main-background {background-image:url(../img/bg_history.jpg);}
html.webp body.str-history header .main-background {background-image:url(../img/bg_history.webp);}
html.no-webp body.str-advisers--consultants header .main-background {background-image:url(../../../../_resources/banners/SG_Advisors.jpg);}
html.webp body.str-advisers--consultants header .main-background {background-image:url(../../../../_resources/banners/SG_Advisors.webp);}
html.no-webp body.str-aim-rule-26 header .main-background {background-image:url(../../../../_resources/banners/SG_Aim26.jpg);}
html.webp body.str-aim-rule-26 header .main-background {background-image:url(../../../../_resources/banners/SG_Aim26.webp);}
html.no-webp body.str-analyst-coverage header .main-background {background-image:url(../../../../_resources/banners/SG_AnalystCoverage.jpg);}
html.webp body.str-analyst-coverage header .main-background {background-image:url(../../../../_resources/banners/SG_AnalystCoverage.webp);}
html.no-webp body.str-board-of-directors header .main-background {background-image:url(../../../../_resources/banners/SG_BoardofDirectors.jpg);}
html.webp body.str-board-of-directors header .main-background {background-image:url(../../../../_resources/banners/SG_BoardofDirectors.webp);}
html.no-webp body.str-community header .main-background {background-image:url(../../../../_resources/banners/SG_Community.jpg);}
html.webp body.str-community header .main-background {background-image:url(../../../../_resources/banners/SG_Community.webp);}
html.no-webp body.str-contact-details header .main-background {background-image:url(../../../../_resources/banners/SG_Contact.jpg);}
html.webp body.str-contact-details header .main-background {background-image:url(../../../../_resources/banners/SG_Contact.webp);}
html.no-webp body.str-corporate-governance header .main-background {background-image:url(../../../../_resources/banners/SG_CorpGovernance.jpg);}
html.webp body.str-corporate-governance header .main-background {background-image:url(../../../../_resources/banners/SG_CorpGovernance.webp);}
html.no-webp body.str-environment header .main-background {background-image:url(../../../../_resources/banners/SG_Environment.jpg);}
html.webp body.str-environment header .main-background {background-image:url(../../../../_resources/banners/SG_Environment.webp);}
html.no-webp body.str-events-calendar header .main-background {background-image:url(../../../../_resources/banners/SG_EventsCalendar.jpg);}
html.webp body.str-events-calendar header .main-background {background-image:url(../../../../_resources/banners/SG_EventsCalendar.webp);}
html.no-webp body.str-financial-reports header .main-background {background-image:url(../../../../_resources/banners/SG_FinancialReports.jpg);}
html.webp body.str-financial-reports header .main-background {background-image:url(../../../../_resources/banners/SG_FinancialReports.webp);}
html.no-webp body.str-health-safety header .main-background {background-image:url(../../../../_resources/banners/SG_HealthandSafety.jpg);}
html.webp body.str-health-safety header .main-background {background-image:url(../../../../_resources/banners/SG_HealthandSafety.webp);}
html.no-webp body.str-management header .main-background {background-image:url(../../../../_resources/banners/SG_Management.jpg);}
html.webp body.str-management header .main-background {background-image:url(../../../../_resources/banners/SG_Management.webp);}
html.no-webp body.str-media header .main-background {background-image:url(../../../../_resources/banners/SG_Media.jpg);}
html.webp body.str-media header .main-background {background-image:url(../../../../_resources/banners/SG_Media.webp);}
html.no-webp body.str-our-people header .main-background {background-image:url(../../../../_resources/banners/SG_OurPeople.jpg);}
html.webp body.str-our-people header .main-background {background-image:url(../../../../_resources/banners/SG_OurPeople.webp);}
html.no-webp body.str-presentations header .main-background {background-image:url(../../../../_resources/banners/SG_Presentations.jpg);}
html.webp body.str-presentations header .main-background {background-image:url(../../../../_resources/banners/SG_Presentations.webp);}
html.no-webp body.str-request-for-information header .main-background {background-image:url(../../../../_resources/banners/SG_RequestInformation.jpg);}
html.webp body.str-request-for-information header .main-background {background-image:url(../../../../_resources/banners/SG_RequestInformation.webp);}
html.no-webp body.str-stock-share-information header .main-background {background-image:url(../../../../_resources/banners/SG_StockandShare.jpg);}
html.webp body.str-stock-share-information header .main-background {background-image:url(../../../../_resources/banners/SG_StockandShare.webp);}
html.no-webp body.str-sustainability-report header .main-background {background-image:url(../../../../_resources/banners/SG_SustainabillityReports.jpg);}
html.webp body.str-sustainability-report header .main-background {background-image:url(../../../../_resources/banners/SG_SustainabillityReports.webp);}
html.no-webp body.str-why-invest header .main-background {background-image:url(../../../../_resources/banners/SG_WhyInvest.jpg);}
html.webp body.str-why-invest header .main-background {background-image:url(../../../../_resources/banners/SG_WhyInvest.webp);}*/
.main-background {background-image:url(../../../../_resources/banners/bg_default.webp);}
html body.cat-investors .main-background {background-image:url(../../../../_resources/banners/bg_investors.webp);}
html body.cat-sustainability .main-background {background-image:url(../../../../_resources/banners/bg_sustainability.webp);}
html body.str-sustainability-report .main-background {background-image:url(../../../../_resources/banners/SG_SustainabillityReports.webp);}
html body.str-why-invest .main-background {background-image:url(../../../../_resources/banners/SG_WhyInvest.webp);}
html body.cat-contact .main-background {background-image:url(../../../../_resources/banners/bg_contact.webp);}
html body.str-financial-reports .main-background {background-image:url(../../../../_resources/banners/SG_FinancialReports.webp);}
/*--*/

/*- UPDATED OPERATIONS COLOR BANNERS - MARCH 2022 (No More WEBP) -*/
html body.str-reserves-resources .main-background {background-image:url(../../../../_resources/banners/banner-reserves-and-resources-color-1.jpg);}
html body.str-tanzania .main-background {background-image:url(../../../../_resources/banners/banner-tanzania.jpg);}
html body.cat-operations.str-overview .main-background {background-image:url(../../../../_resources/banners/Inner-Operations-New-Luka-Banner.jpg);}
html body.str-new-luika-gold-mine .main-background {background-image:url(../../../../_resources/banners/Inner-Operations-New-Luka-Banner.jpg);}
html body.str-singida-gold-mine .main-background {background-image:url(../../../../_resources/banners/Inner-Singida-Banner.jpg);}
html body.str-west-kenya-project  .main-background {background-image:url(../../../../_resources/banners/Inner-West-Kenya-Banner.jpg); background-position: center bottom;}
html body.str-exploration .main-background {background-image:url(../../../../_resources/banners/Inner-Exploration-Banner.jpg); background-position: center top;}
html body.str-kenya .main-background {background-image:url(../../../../_resources/banners/Inner-Kenya-Banner.jpg); background-position: center bottom;}
/*--*/

/*- UPDATED INNER PAGE COLOR BANNERS - APRIL 2022 (No More WEBP) -*/
html body.str-about-us .main-background {background-image:url(../../../../_resources/banners/Banner-About-Us.jpg); background-position: center top;}
html body.cat-news-media .main-background {background-image:url(../../../../_resources/banners/Banner-News.jpg);}
html body.str-history .main-background {background-image:url(../../../../_resources/banners/Banner-History.jpg);}
html body.str-advisers-and-consultants .main-background {background-image:url(../../../../_resources/banners/Banner-Advisors-Consultants.jpg); background-position: center top;}
html body.str-aim-rule-26 .main-background {background-image:url(../../../../_resources/banners/Banner-Aim-Rule-26.jpg);}
html body.str-analyst-coverage .main-background {background-image:url(../../../../_resources/banners/Banner-Analyst-Coverage.jpg);}
html body.str-board-of-directors .main-background {background-image:url(../../../../_resources/banners/Banner-BOD.jpg);}
html body.str-community .main-background {background-image:url(../../../../_resources/banners/Banner-Community.jpg); background-position: center top;}
html body.str-contact-details .main-background {background-image:url(../../../../_resources/banners/Banner-Contact-Details.jpg);}
html body.str-corporate-governance .main-background {background-image:url(../../../../_resources/banners/Banner-Corporate-Governance.jpg);}
html body.str-environment .main-background {background-image:url(../../../../_resources/banners/Banner-Environment.jpg);}
html body.str-events-calendar .main-background {background-image:url(../../../../_resources/banners/Banner-Events-Calendar.jpg);}
html body.str-health-safety .main-background {background-image:url(../../../../_resources/banners/Banner-Health-Safety.jpg); background-position: center top;}
html body.str-management .main-background {background-image:url(../../../../_resources/banners/Banner-Management.jpg); background-position: center top;}
html body.str-media .main-background {background-image:url(../../../../_resources/banners/Banner-Media.jpg); background-position: center top;}
html body.str-our-people .main-background {background-image:url(../../../../_resources/banners/Banner-Our-People.jpg); background-position: center top;}
html body.str-presentations .main-background {background-image:url(../../../../_resources/banners/Banner-Presentations.jpg);}
html body.str-request-for-information .main-background {background-image:url(../../../../_resources/banners/Banner-Request-for-Information.jpg); background-position: center top;}
html body.str-stock-share-information .main-background {background-image:url(../../../../_resources/banners/Banner-Stock-Share-Information.jpg);}
html body.str-financial-reports .main-background {background-image:url(../../../../_resources/banners/Banner-Stock-Share-Information.jpg);}
html body.cat-investors.subcat-overview .main-background {background-image:url(../../../../_resources/banners/Banner-Overview.jpg);}
html body.cat-search.str-search .main-background {background-image:url(../../../../_resources/banners/Banner-BOD.jpg);}
html body.cat-investors.str-takeover-offer .main-background {background-image:url(../../../../_resources/banners/Banner-BOD.jpg);}
html body.cat-investors.subcat-takeover-offer.str-documents .main-background {background-image:url(../../../../_resources/banners/Banner-BOD.jpg);}
html body.str-careers .main-background {background-image:url(../../../../_resources/banners/Banner-Community.jpg); background-position: center top;}

header #slider { width:100%; height:100%; position: absolute; z-index:1; background-image:url(../img/img_main.jpg); background-size:cover; top:0; color:#FFF; }
header #slider .container p { font-size: 40px; line-height: 150%; max-width:850px; }


/* CONTENT */
section#content { background-color:#FFF; min-height: 500px; z-index:2; padding: 40px 85px 85px; position: relative;top: -100px; margin-bottom: -100px;}
section#content .sidebar { min-width:200px; margin-right: 50px; }
section#content .sidebar ul { list-style: none; padding: 0; margin: 0; }
section#content .sidebar ul li { padding: 0 0 20px 0; position: relative; font-family: 'Montserrat'; font-weight:500; }
section#content .sidebar ul li.selected { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: baseline; align-items: baseline; }
section#content .sidebar ul li.selected:before { display: inline-block; margin: 0px 9px 0px 0; height: 3px; content: " "; background-color: #15294c; width: 25px; position: relative; top:-4px; }
section#content .sidebar ul li a { color: #565656; }
section#content .sidebar ul li a:hover { color: #e79233; }
section#content .sidebar ul li.selected a { color: #15294c; }
section#content .content-body { width: 100%; overflow: hidden;}

section#content .content-body .news-release { padding-bottom:20px; }
section#content .content-body .news-release.pdf .title a:before { content: "\f1c1"; font-family:"FontAwesome"; margin-right: 10px; font-size: 18px; }
section#content .content-body .news-release .pdf-details, section#content .content-body .news-release .description { display: none; }
section#content .content-body .bio-content  { min-height: 225px; }
section#content .content-body .bio-content h3 { color:#565656; }
section#content .content-body .bio-content h4 { font-size: 16px; letter-spacing: 0; color:#e79233; margin-top: 0; text-transform: uppercase; }
section#content .content-body .bio-expand { cursor: pointer; color:#e79233; text-transform: lowercase; width: 105px; position: relative; }
section#content .content-body .bio-expand:after { position: absolute; right:0; content: "\f107"; font-family:"FontAwesome"; color:#e79233; margin-left:10px; display: inline-block; transform: rotate( 0deg ); transition: transform 750ms ease;}
section#content .content-body .bio-expand.active:after { transform: rotate(-180deg); }
section#content .content-body .presentation { padding:20px 10px; font-size: 14px; display: flex; }
section#content .content-body .presentation:nth-of-type(even) { background: #f2efeb; }
section#content .content-body .presentation p { margin-top: 0; }
section#content .content-body .presentation .thumbnail { min-width:125px; }
section#content .content-body .presentation .thumbnail img {max-width: 86px;}
section#content .content-body sup, section#content .content-body sub {vertical-align: baseline; position: relative; top: -0.4em;}
section#content .content-body sub {top: 0.4em;}
div.my-gallery figure { width: 48.5%;display: inline-block; }
div.my-gallery figure:nth-of-type(odd) {margin-right: 10px;}
div.my-gallery img {width: 100%!important;}
div.my-gallery figcaption {display: block!important;margin-bottom: 20px;}
/* SUSTAINABILITY REPORT BUTTON */
.str-sustainability-report .content-body .download { display: block; position: relative; padding:90px 40px; color:#FFF; font-family: "Merriweather"; max-width:600px; font-size: 22px; font-weight: 700; line-height: 150%; letter-spacing: 1px; background-color:#000; z-index:1; }
.str-sustainability-report .content-body .download::after { content:''; display: block; position: absolute; width:100%; height:100%; left:0; top:0; z-index:-1; background-repeat: no-repeat; background-size:cover; opacity: 1; -webkit-transition: 0.5s; }
.str-sustainability-report .content-body .download span { font-family: "Montserrat"; text-transform: uppercase; font-size: 16px; letter-spacing: 0; }
.str-sustainability-report .content-body .download span:before { content: "\f1c1"; font-family:"FontAwesome"; margin-right: 10px; font-size: 16px; }
.str-sustainability-report .content-body .download:hover::after { opacity:0.75; }
html.no-webp .str-sustainability-report .content-body .download::after.str-sustainability-report .content-body .download::after {background-image:url(../img/sustainability_download.jpg);}
html.webp .str-sustainability-report .content-body .download::after {background-image:url(../img/sustainability_download.webp);}

/* STYLED TABLES */
table.styled th { font-family: "Merriweather"; color:#e79233; font-weight: 400; padding:20px 10px; font-size: 16px; }
table.styled td { padding:20px 10px; }
table.styled tr:nth-of-type(even) { background-color: #f2efeb; }
table.styled tr.gradient-background { background-color: #FFF; background-size:initial; }
table.styled.singidia th {padding: 2px; font-size: 10px;text-align: left;}
table.styled.singidia td {padding: 2px; font-size: 12px;}

/* TABS */
section#content .nav-tabs, #content .subnav-tabs { margin: 0px; padding: 0 0 2px 0px; list-style: none; display: flex; background-repeat: repeat-y; }
section#content .nav-tabs.gradient-background {border-top: none; }
#content .subnav-tabs {padding-bottom: 0;}
section#content .nav-tabs li { background-color: #15294c; cursor: pointer; text-align: center; font-size: 14px; line-height: 18px; padding: 0; flex-basis: 100%; position: relative; color: #FFF; padding: 13px 20px !important; display: block; width:100%; font-family: "Merriweather"; font-size: 16px; -webkit-transition: 0.5s; }
section#content .nav-tabs li:hover { background-color: #e79233; color:#FFF;}
section#content .nav-tabs li.current, #content .nav-tabs li.active, #content .nav-tabs li:hover, #content .nav-tabs li .subnav-tabs li:hover, #content .nav-tabs li .subnav-tabs li.current { background: #e79233; color: #FFF; }
section#content .subnav-tabs { width: 100%; display: none; z-index: 1000; position: absolute; text-align: left; }
section#content .subnav-tabs li { width: 100%; text-align: left; }
section#content .nav-tabs li .subnav-tabs li { background: #ffc10a; padding: 5px 20px !important; border-top: 1px solid #ffffff; text-align: center; color: #ffffff;}
section#content .nav-tabs li .subnav-tabs li:hover { background-color: #1f94ff; transition: all ease-in-out 250ms; }
section#content .nav-tabs li:hover > .subnav-tabs { display: block; right: 0px; top: 43px; background-color: #1f94ff; }
section#content .nav-tabs .fa-caret-down { margin-left: 5px; }
section#content .tab-content { display: none; padding:25px 15px;-webkit-transition: 0.5s; opacity: 0; }
section#content .tab-content.active { display: block; opacity: 1; }
section#content #tabs select { display: none; background: #fff url("../img/tab_select.png") no-repeat; background-position: right center; border: 1px solid #808693; cursor: pointer; font-size: 20px; font-family: "Merriweather", serif; margin: 0 0 20px; padding: 12px 5px; padding-left: 20px; outline: none; width: 100%; }

/* DOWNLOADS / ABOUT US */
section#about { background-color:#f2f2f2; position: relative; }
section#about .container { display: flex; }
section#about .downloads-section { float: left; width:30%; }
section#about .downloads-section ul { list-style: none; padding: 0; margin: 0; }
section#about .downloads-section ul li { margin: 0 0 20px 0; position: relative; font-family: 'Montserrat'; font-weight:500; }
section#about .downloads-section ul li:before { content: "\f016"; font-family:"FontAwesome"; color: #455358; margin-right:10px }
section#about .downloads-section ul li a { color: #15294c; }
section#about .downloads-section ul li a:hover { color: #e79233; }
section#about .news-section { float: left; width:70%; padding-left: 100px;  }
section#about .news-section .news-release { float:left; width:50%; padding:0 30px 50px 0; }
section#about .news-section .news-release:nth-of-type(odd) { clear: both; }
section#about .news-section .news-release .date { color:#15294c; font-family: "Merriweather"; }
section#about .news-section .news-release .read-more a { text-transform: lowercase; font-family: "Merriweather"; }
section#about .news-section .all-news { text-align: left; clear: both; }

section#about .container > div { z-index:2; min-height: 260px; padding-top: 110px; padding-bottom: 110px; position: relative; }
section#about div.gradient-background { background-position: 0 0; position: absolute; top: 0; right: 0; height: 100%; z-index: 0; width: 62.5%; }


/* SIGNUP */
section#subscribe { clear: both; background-color: #15294c; padding: 40px 0px; color: #FFF;}
section#subscribe .signup-message { display: none; }
section#subscribe .form-description { float: left; width:34%; }
section#subscribe .form-description h2 { font-size:25px; color:#FFF; margin: 3px; }
section#subscribe .input-fields { float: left; width:66%; }
section#subscribe .input-fields > div { float: left; width: 36%; position: relative; margin-right: 10px; }
section#subscribe .input-fields > div input { font-family: 'Merriweather'; font-size: 16px; color: #FFF; width: 100%; background-color: rgba(255,255,255,0.3); padding: 15px 10px; border:none; border-radius: none; -webkit-appearance: none; }
section#subscribe .input-fields > div input:focus { outline: none; }
section#subscribe .input-fields > div input:focus::-webkit-input-placeholder { color: #FFF; }
section#subscribe .input-fields > div input:focus:-moz-placeholder { color: #FFF; }
section#subscribe .input-fields > div input:focus::-moz-placeholder { color: #FFF; }
section#subscribe .input-fields > div input:focus:-ms-input-placeholder { color: #FFF; }
section#subscribe .input-fields > div input::-webkit-input-placeholder {color: #EEE; }
section#subscribe .input-fields > div input:-moz-placeholder { color: #EEE; }
section#subscribe .input-fields > div input::-moz-placeholder { color: #EEE; }
section#subscribe .input-fields > div input:-ms-input-placeholder { color: #EEE; }
section#subscribe form .recaptcha { opacity: 0; height: 0px; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }
section#subscribe form .recaptcha.show { opacity: 1; height: 78px; position: relative; margin-top: 10px; }
section#subscribe .input-fields > div.error input { border: 2px solid #ee4036; }
section#subscribe .error-tooltip { display: none; position: absolute; top: -50px; left: 0; color: #ffffff; padding: 10px 15px; font-size: 12px; background: #455357; width: 285px; opacity: 0; -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; transition: all 2s ease-in-out; z-index: 1000; }
section#subscribe .error-tooltip i { margin-right: 5px; }
section#subscribe .error-tooltip:before { content: " "; border-style: solid; border-width: 10px 12px 0px 12px; border-color: #455357 transparent transparent transparent; position: absolute; bottom: -10px; }
section#subscribe .input-fields > div.show-tooltip .error-tooltip { display: inline-block; -moz-animation: tooltip 5s 1; animation: tooltip 5s 1; -webkit-animation: tooltip 5s 1; }
section#subscribe .form-password { display: none !important; }
section#subscribe .input-fields button { background: #ffffff; color: #15294c; text-align: center; margin: 0px; padding: 15px 20px; border: 0; display: inline-block; width: 21%;font-family: "Merriweather", sans-serif; font-size: 16px; cursor: pointer; -webkit-transition: 0.5s; border-radius: 0; }
section#subscribe .input-fields button:hover { background: #e79233; opacity: 1; color: #fff; }
section#subscribe .input-fields button:hover i { color: #FFF; }
section#subscribe .input-fields button i { color: #15294c; margin-left: 15px; -webkit-transition: 0.5s;}

/* FOOTER */
footer.gradient-background { background-position: 0 0; color: #455357; padding:50px 0 100px 0; }
footer a { font-size: 20px; color: #455358; }
footer a:hover { color:#e79233; }
footer .logo { float: left; }
footer .logo img { width:150px; }
footer .social-links { padding-top: 55px; }
footer .social-links a i {color: #15294c;}
footer .social-links a:hover i {color: #e79233;}
footer .footer-links { clear:both; padding:50px 0; }
footer .footer-links ul { list-style: none; padding: 0; margin: 0; }
footer .footer-links > ul { display: table; width: 100%; table-layout: fixed; }
footer .footer-links ul::after { content: "";  clear: both; }
footer .footer-links > ul > li { padding: 0; position: relative; display: table-cell; width: 100%; padding-right: 20px; }
footer .footer-links > ul > li > a { font-family: Merriweather; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.69; letter-spacing: normal; color: #15294c; position: relative; z-index: 10; }
footer .footer-links > ul > li > a:hover { color: #e79233; }
footer .footer-links > ul > li > ul > li { padding: 10px 0; line-height: 14px;  }
footer .footer-links > ul > li > ul > li a { font-size: 14px; font-family: "Montserrat", sans-serif; font-weight: 500; }
footer .copyright { clear:both; font-family: "Montserrat", sans-serif; font-size: 14px; }
footer .copyright a { font-size: 14px; }
footer .copyright p { display: inline-block; }
footer .copyright p:first-of-type {float:left;}
footer .copyright p:last-of-type {float:right;}


/* PROJECTS OVERVIEW */
.cat-operations.str-overview-staging header {height: 580px;}
.cat-operations.str-overview-staging header .main-background { background-image: url(../img/operations-overview-banner.jpg); height: 700px; }
.cat-operations.str-overview-staging #content { padding: 0px 0px 110px 0px;}
.cat-operations.str-overview-staging #content section#projects { display: flex; flex-wrap: wrap; height: auto; overflow: visible;}
.cat-operations.str-overview-staging #content section#projects > .project h2,
.cat-operations.str-overview-staging #content section#projects > .project p,
.cat-operations.str-overview-staging #content section#projects > .project a,
.cat-operations.str-overview-staging #content section#projects > .project i { color: white; }
section#projects > .project { height: 500px; background-position: center; background-repeat: no-repeat; background-size: cover;}
section#projects > .project:nth-of-type(1) { background-image: url(../../../../_resources/projects/operations-overview-new-luika.jpg); margin-bottom: 20px; width: 100%; }
section#projects > .project:nth-of-type(2) { background-image: url(../../../../_resources/projects/new-luika-story-one.jpg); height: 240px; }
section#projects > .project:nth-of-type(3) { background-image: url(../../../../_resources/projects/new-luika-story-two.jpg); height: 240px;}
section#projects > .project:nth-of-type(4) { background-image: url(../../../../_resources/projects/new-luika-story-three.jpg); height: 240px; }
section#projects > .project:nth-of-type(5) { background-image: url(../../../../_resources/projects/operations-overview-singida-project.jpg); margin-bottom: 20px; margin-top: 20px; width: 100%; }
section#projects > .project:nth-of-type(6) { background-image: url(../../../../_resources/projects/operations-overview-exploration.jpg); }
section#projects > .project:nth-of-type(7) { background-image: url(../../../../_resources/projects/operations-overview-reserves-resources.jpg);}
section#projects > .project.story > a > div:nth-of-type(2) { padding: 125px 120px 30px 80px;}
section#projects > .project.story > a > div:nth-of-type(2) h2 { margin: 0px;}
section#projects > .project.one-third { margin-right: 20px; width: calc( 100% * 1/3 - 13.33px); }
section#projects > .project.half { width: calc( 100% * 1/2 - 10px); }
section#projects > .project:nth-of-type(4) { margin-right: 0px !important;}
section#projects > .project.half:nth-of-type(even) { margin-right: 10px; }
section#projects > .project.half:nth-of-type(odd) { margin-left: 10px; }
section#projects > .project { color:#FFF; display: table; position: relative; z-index:15; }
section#projects > .project:last-child { border-right:none; }
section#projects > .project > a > div > div >  p { width: 40%; }
section#projects > .project.half > a > div > div >  p { width: 60%; }
section#projects > .project > a > div { height:100%; display: table-cell; vertical-align: bottom; transition: opacity 0.3s; position: absolute; width: 100%; }
section#projects > .project .off { opacity: 1; }
section#projects > .project .on { 
  background: rgba(141,109,78,0.75);
  background: -moz-linear-gradient(-45deg, rgba(141,109,78,0.75) 58%, rgba(137,107,79,0.75) 61%, rgba(93,90,90,0.94) 90%, rgba(93,90,90,1) 100%);
  background: -webkit-gradient(left top, right bottom, color-stop(58%, rgba(141,109,78,0.75)), color-stop(61%, rgba(137,107,79,0.75)), color-stop(90%, rgba(93,90,90,0.94)), color-stop(100%, rgba(93,90,90,1)));
  background: -webkit-linear-gradient(-45deg, rgba(141,109,78,0.75) 58%, rgba(137,107,79,0.75) 61%, rgba(93,90,90,0.94) 90%, rgba(93,90,90,1) 100%);
  background: -o-linear-gradient(-45deg, rgba(141,109,78,0.75) 58%, rgba(137,107,79,0.75) 61%, rgba(93,90,90,0.94) 90%, rgba(93,90,90,1) 100%);
  background: -ms-linear-gradient(-45deg, rgba(141,109,78,0.75) 58%, rgba(137,107,79,0.75) 61%, rgba(93,90,90,0.94) 90%, rgba(93,90,90,1) 100%);
  background: linear-gradient(135deg, rgba(141,109,78,0.75) 58%, rgba(137,107,79,0.75) 61%, rgba(93,90,90,0.94) 90%, rgba(93,90,90,1) 100%);
  bottom: 0; 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8d6d4e', endColorstr='#5d5a5a', GradientType=1 ) 
  left: 0; 
  opacity: 0; 
  position: absolute; 
  right: 0; 
  top: 0; 
}
section#projects > .project .off h2 { color:#FFF; }
section#projects > .project .on a { color:#FFF; }
section#projects > .project .on a:hover { color:#FFF; }
section#projects > .project:hover .on { opacity: 1; }
section#projects > .project:hover .on h2 { animation-name:SlideInUp; animation-duration:1.5s;animation-fill-mode:both }
section#projects > .project:hover .on p { animation-name:fadeSlideInUp; animation-duration:1.5s;animation-fill-mode:both }
section#projects > .project:hover .off { opacity: 0; }
section#projects > .project > a > div > div { position: absolute; bottom:0; padding: 40px 80px; width:100%; }
#stock-quote-main h2 { color: white; display: inline-block; margin-top: 46px; }
#number-counter { padding: 55px 0px; min-height: 290px; width: 100%; position: absolute; z-index: 30; top: 285px;}
#number-counter .container { display: flex;}
#number-counter .container > div { width: 25%; padding: 20px 35px 0px; text-align: center; font-size: 80px; line-height: 1 }
#number-counter .container > div > p { color: #ffc209; font-family: 'Montserrat'; font-size: 18px; text-transform: uppercase; margin-bottom: 0px; line-height: 32px; }
#number-counter .container > div > span { color: white; font-size: 1em; line-height: 1; text-transform: none; display: block; margin-bottom: 23px; }

/* KEYFRAMES */
@-webkit-keyframes tooltip {
  0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
  20%, 90% { opacity: 1; -webkit-transform: none; transform: none; }
  100% { opacity: 0; } }
@-moz-keyframes tooltip {
  0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
  20%, 90% { opacity: 1;-webkit-transform: none; -moz-transform: none; transform: none; }
  100% { opacity: 0; } }
@keyframes tooltip {
  0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
  20%, 90% { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; }
  100% { opacity: 0; } }

@keyframes SlideInUp {
  0% { transform:translate3d(0,100%,0);visibility:visible}
  to { transform:translateZ(0)}
}
@keyframes fadeSlideInUp {
  0% { opacity:0;transform:translate3d(0,100%,0);visibility:visible}
  to { opacity:1;transform:translateZ(0)}
}
@keyframes fadeIn {
  0% { opacity:0}
  to { opacity:1}
}

/* MEDIA QUERIES */ 
@media screen and (max-width: 1220px) {
  .container { padding-left:20px; padding-right:20px; }

  section#about .downloads-section { float: left; width:37.5%; }
  section#about .about-section { float: left; width:62.5%; }

  section#projects > .project > div > div { padding:90px 20px; }

  .cat-operations.str-overview-staging #content section#projects { padding: 20px 28px; }

  #number-counter .container > div > p {  }
  #number-counter .container > div > span { font-size: .75em; }

}

@media screen and (max-width: 1024px) {
  section#projects { height:500px; }
  section#projects > .project h2 { font-size: 24px; line-height: 35px; }

}
@media screen and (max-width: 900px) {
  section#content { padding:50px 28px; }
  section#content .sidebar { display: none; }
  #number-counter { top: 245px; padding: 0; }
  #number-counter .container { flex-wrap: wrap; }
  #number-counter .container > div { width: 50%; }
  #number-counter .container > div > span { margin-bottom: 18px; }
  
}

@media screen and (max-width: 768px) {
  section#projects > .project { 
    height: 0px !important;
    padding-bottom: 56.5% !important;
    margin: 0px 0px 20px !important; 
    width: 100% !important; 
  }
  section#projects > .project > a > div > div {  bottom: 35px; left: 40px; padding: 0px; width: calc(100% - 80px) !important; }
  section#projects > .project.story > a > div:nth-of-type(2) { bottom: 35px; height: auto; left: 40px; padding: 0px; }
  section#projects > .project > a > div > div >  p { margin-bottom: 0px; width: 80%; }
  section#projects > .project.half > a > div > div >  p { width: 80%; }
  .cat-operations.str-overview-staging #content section#projects > .project h2 { margin-bottom: 0px !important; }
}
@media screen and (max-width: 767px) {
  section#content #tabs select { display: block; }
  section#content #tabs .nav-tabs { display: none; }
  section#content .tab-content { padding:5px 0; }

  section#about .container { padding-left: 0; padding-right: 0; display: block; } 
  section#about .container > div { display: block; width:100%; float: none; padding: 75px 28px; }
  section#about .container > div h2, section#about .container > div h4 { margin-top: 0px; }
  /*section#about .container > div.downloads-section { background-image: url(../img/img_gradient.jpg); background-repeat: no-repeat; background-position: 0 100%; background-size: 100% 7px; background-color: #f2efeb; }*/
  section#about .container > div.downloads-section { border-bottom: 7px solid #15294c;}
  section#about .container > div.downloads-section ul li { margin: 0 20px 10px 0; float: left; font-size: 16px; }
	
	div.my-gallery figure { width: 100%;display: block; }
	div.my-gallery figure:nth-of-type(odd) {margin-right: 0px;}
	div.my-gallery img {width: 100%!important;}
	
  section#about .container > div.news-section { background:#FFF; }
  section#about div.gradient-background { display: none; }
 
  section#subscribe .form-description, section#subscribe .input-fields, section#subscribe .input-fields > div { float: none; width: 100%; }
  section#subscribe .form-description h2 { text-align: left; margin-bottom: 20px;}
  section#subscribe .input-fields > div { margin-bottom: 10px; }
  section#subscribe .input-fields button { padding:15px 35px; margin-top: 10px; float: right; width:auto; }
  
  footer.gradient-background { padding-bottom: 50px; }
  footer .copyright { text-align: center; padding-top: 50px; }
  footer .footer-links { display: none; }
  footer .copyright p { display: block; }
footer .copyright p:first-of-type {float:none;}
footer .copyright p:last-of-type {float:none;}

  .cat-operations.str-overview-staging #content section#projects { overflow: hidden; }
  .cat-operations.str-overview-staging header .main-background { overflow: hidden; }
  .cat-operations.subcat-overview-staging header #stock-quote-main { position: relative; top: 118px; }
  #number-counter { position: relative; top: 110px; }
  #number-counter .container { flex-wrap: wrap; }
  #number-counter .container > div { box-sizing: border-box; padding: 10px 25px;}
  #number-counter .container > div:nth-of-type(even) { padding-right: 0px; }
  #number-counter .container > div:nth-of-type(odd) { padding-left: 0px; }
  #number-counter .container > div > span { font-size: .68em;}
  #number-counter .container > div > p { font-size: 16px; line-height: 28px;}

@media screen and (max-width: 600px) {
  section#projects > .project .on > div { display: none;}
  section#projects > .project:hover .off { opacity: 1; }
  section#projects > .project:hover .on > div { display: none;}
  section#projects > .project:hover .off > div h2 { position: relative; z-index: 2;}
  .cat-operations.str-overview-staging #content {padding: 0px 0px 20px 0px;}
}

@media screen and (max-width: 500px) {
  section#about .news-section .news-release { float: none; width: 100%; padding: 0 0 30px 0; }
  #number-counter .container > div { padding: 10px 0px;}
  #number-counter .container > div:nth-of-type(even) { padding-right: 0px; }
  #number-counter .container > div:nth-of-type(odd) { padding-left: 0px; }
  #number-counter .container > div > span { font-size: .55em;}
  #number-counter .container > div > p { font-size: 15px; line-height: 24px;}
}