/* --------------------------------------------
Theme Name: Ivanhoe Mines 2024
Theme URI: https://mine/
Author: Blender Media
Author URI: https://www.blendermedia.com
Description: Theme for Ivanhoe Mines
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */
html { line-height: 1.15; -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body { margin: 0; -ms-overflow-x: hidden; overflow-x: hidden;  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body *::-moz-selection { color: #ffffff; background-color: #17427d; }
body *::selection { color: #ffffff; background-color: #17427d; }
main { display: block;  }
hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; }
a { background-color: transparent; }
abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; }
img { border-style: none; vertical-align: middle; }

img.align_right { float: right; margin: 10px 0 10px 10px; }
button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }
button, input { overflow: visible; }
button, select { text-transform: none; }
button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; }
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; }
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; }
fieldset { padding: 0.35em 0.75em 0.625em; }
legend { -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
progress { vertical-align: baseline; }
textarea { overflow: auto; }
[type=checkbox], [type=radio] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; }
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; }
[type=search] { -webkit-appearance: textfield; outline-offset: -2px; }
[type=search]::-webkit-search-decoration { -webkit-appearance: none; }
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }
details { display: block; }
summary { display: list-item; }
template { display: none; }
[hidden] { display: none; }

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; }
html { -webkit-box-sizing: border-box; box-sizing: border-box; }

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
@font-face { font-family: "GilroyLight"; src: url("fonts/Gilroy-Regular.ttf") format("ttf"), url("fonts/Gilroy-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Gilroy"; src: url("fonts/Gilroy-Medium.ttf") format("ttf"), url("fonts/Gilroy-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "GilroySemiBold"; src: url("fonts/Gilroy-SemiBold.ttf") format("ttf"), url("fonts/Gilroy-SemiBold.woff") format("woff"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "GilroyBold"; src: url("fonts/Gilroy-Bold.ttf") format("ttf"), url("fonts/Gilroy-Bold.woff") format("woff"); font-weight: 700; font-style: normal; font-display: swap; }
html { font-size: 16px; }
body, button, input, select, optgroup, textarea { color: #1C1C1C; font-family: Gilroy, sans-serif; }
* {  -webkit-tap-highlight-color: transparent;  }
h1 { font-size: 64px; line-height: 72px; font-family: GilroyBold, serif; font-weight: 700; font-style: normal; }
h2 { font-size: 48px; line-height: 60px; font-family: GilroyBold, serif; font-weight: 700; font-style: normal; }
h3 { font-size: 36px; line-height: 46px; font-family: GilroyBold, serif; font-weight: 700; font-style: normal; }
h4 { font-size: 20px; line-height: 26px; font-family: GilroyBold, serif; font-weight: 700; font-style: normal; }
body.home { color: #FFF; }
body.open { overflow: hidden; }
p { margin-top: 0; margin-bottom: 1.5rem; }
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top: 0; }
dfn, cite, em, i { font-style: italic; }
blockquote { margin: 0 1.5rem; }
address { margin: 0 0 1.5rem; }
pre { background: #eee; font-family: "Courier 10 Pitch", courier, monospace; line-height: 1.6; margin-bottom: 1.6rem; max-width: 100%; overflow: auto; padding: 1.6rem; }
code, kbd, tt, var { font-family: monaco, consolas, monospace; }
abbr, acronym { border-bottom: 1px dotted #9b927b; cursor: help; }
mark, ins { background: #f47f72; text-decoration: none; }
big { font-size: 125%; }
b, strong { font-family: GilroyBold, serif; font-weight: 700; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
@media (max-width:1024px) {
  h1 { font-size: 42px; line-height: 48px; }
  h2 { font-size: 30px; line-height: 38px; }
  h3 { font-size: 24px; line-height: 32px; }
}





/* Elements
--------------------------------------------- */
hr { background-color: #9b927b; border: 0; height: 1px; margin: 0; }
ul, ol { margin: 0 0 2em 1.5em; padding: 0; }
ul { list-style: disc; }
ol { list-style: decimal; }
li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; }
.page-content li { margin-bottom: 0.75em; }
.entry-content { padding-top: 60px; padding-bottom: 60px; }

/* Make sure embeds and iframes fit their containers. */
embed, iframe, object { max-width: 100%; }
.iframe-wrapper { position: relative; padding-bottom: 56.25%; }
.iframe-wrapper iframe { position: absolute; inset: 0; width: 100%; height: 100%; }
img { height: auto; max-width: 100%; }
figure { margin: 1em 0; }
div > figure:first-child { margin-top: 0; }
div > figure:last-child { margin-bottom: 0; }
figure.inner-logo:first-child { margin-top: 1em; margin-bottom: 2em; }
table { margin: 0 0 1.5em; width: 100%; }
th { text-align: left; }
body:not(.page-id-3998) div.table-overflow { width: 100%; overflow-x: auto; }
body:not(.page-id-3998) div.table-overflow { width: 100%; overflow-x: auto; }
div.table-overflow + div.arrow { display: none; color: #c1c6d2 !important; text-align: center; }
body:not(.page-id-3998) div.table-overflow + div.arrow::after { font-family: FontAwesome; font-size: 15px; content: "\f07e"; }
body:not(.page-id-3998) div.table-overflow.show + div.arow { position: relative; height: 30px; width: 100%; display: block; }
body:not(.page-id-3998) div.table-overflow.show > table { margin-bottom: 0px !important; }

/* Links
--------------------------------------------- */
a { color: #E02B29; text-decoration: none; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
a:focus { outline: 0; }
a:hover, a:active { color: #CC2725; outline: 0; }

/* Forms
--------------------------------------------- */
.button, button, input[type=button], input[type=reset], input[type=submit] { cursor: pointer; font-family: Gilroy, sans-serif; font-weight: 600; font-style: normal; font-size: 16px; line-height: 24px; border: none; border-radius: 30px; background: #f47f72; color: #fff; padding: 12px 28px 10px; height: 44px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.button:visited, .button:active, button:visited, button:active, input[type=button]:visited, input[type=button]:active, input[type=reset]:visited, input[type=reset]:active, input[type=submit]:visited, input[type=submit]:active { color: #fff; }
@media (min-width:768px) {
  .button, button, input[type=button], input[type=reset], input[type=submit] { height: 54px; }
  .wide { padding: 12px 36px 10px; }
}
.button.white { background-color: #fff; color: #4953a4; }
.button.white:hover, .button.white:focus { background-color: #4953a4; color: #fdfbf6; }
.tag-button { cursor: pointer; font-family: Gilroy, sans-serif; font-weight: 400; font-size: 14px; line-height: normal; border: 1px solid #9b927b; border-radius: 30px; background: #fff; color: #4953A4; padding: 6px 16px; height: 36px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.button .fas { margin-right: 8px; }
input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=range], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], textarea { font: inherit; color: #665b3e; border: 1px solid #9b927b; border-radius: 8px; padding: 12px 16px; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; height: 44px; -webkit-appearance: none; -moz-appearance: none; appearance: none; line-height: normal; max-width: 100%; width: 500px; }
input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=range]:focus, input[type=date]:focus, input[type=month]:focus, input[type=week]:focus, input[type=time]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=color]:focus, textarea:focus { color: #665b3e; }
/* select { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 12px 36px 12px   16px; border: 1px solid #9b927b; border-radius: 8px; max-width: 100%; background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M256 429.3l22.6-22.6 192-192L493.3 192 448 146.7l-22.6 22.6L256 338.7 86.6 169.4 64 146.7 18.7 192l22.6 22.6 192 192L256 429.3z"/></svg>'); background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%; outline: none; } */
textarea { height: 160px; max-width: 100%; width: 500px; }
.wpcf7 form .wpcf7-response-output { color: #665b3e; padding: 0; margin: 0; border: none !important; }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { color: rgb(187, 23, 23); }

/* LAYOUT */
.container { width: 100%; margin-right: auto; margin-left: auto; padding-right: 80px; padding-left: 80px; }
.containers{ width: 100%; margin-right: auto;margin-top: 50px; margin-left: auto; padding-right: 90px; padding-left: 90px;  text-align: justify;}
.flex { display: -webkit-box; display: -ms-flexbox; display: flex; }
.flex.wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; }
.flex.sb { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.flex.sm { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-evenly; }
.flex.jcc { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.flex.aic { -webkit-align-items: center; align-items: center; }
.flex.fe { -webkit-align-items: flex-end; align-items: flex-end; }
.flex.fs { -webkit-align-items: flex-start; align-items: flex-start; }
.mob { display: none; }
.center { text-align: center; }
#width-check { z-index: 0; position: relative; }
.red-gradient, header.mobile.open:after { background: #0C2736; }
.btn { display: inline-block; color: #FFF; font-family: GilroyBold, serif; background-color: #E02B29; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.05), 0px 2px 1px rgba(0, 0, 0, 0.03), 0px 1px 1px rgba(0, 0, 0, 0.04); border-radius: 6px; padding: 11px 16px; font-size: 20px; line-height: 28px; }
.btn:not(.download) i, .ani-arrow i { -webkit-transition: transform 400ms ease; transition: transform 400ms ease; position: relative; margin-left: 10px; }
.btn:hover { color: #FFF; background-color: #CC2725; }
.btn:not(.download):hover i, .ani-arrow:hover i { transform: translate(5px, 0px); }
.btn.download { background-color: #FFF; color: #0C2736; border:1px solid #0C2736; font-size: 15px;line-height: 22px; }
.btn.download i { margin-right: 5px; font-size: 20px; position: relative;  top:2px; }
.btn.download:hover { background-color: #E02B29; color: #FFF; border-color:#E02B29; }
.btn.blue { background-color: #0C2736; color: #FFF; }
.tag { display: inline-block; color: #FFF; font-size: 11px; line-height: 12px; letter-spacing: 1px; text-transform: uppercase; background-color: #E02B28; border-radius: 3px; padding: 4px 6px; border: 1px solid #E02B28; }
.tag.white { background-color: #FFF; color: #E02B28; }
.icon-link { font-family: GilroyBold, serif; white-space: nowrap; }
.icon-link i { margin-left: 8px; font-size: 12px; }
.popup-container { display: flex; position: fixed; top: 0; left: 0; background-color: rgba(6, 34, 50, 0.81); width: 100%; height: 100%; z-index: 1010; color: #000; align-items: center; justify-content: center; }
@media (max-width:1024px) {
  #width-check { z-index: 1; }
  .btn { font-size: 20px; line-height: 28px; }
  .container { padding-right: 40px; padding-left: 40px; }
}
@media (max-width:768px) {
  .container { padding-right: 24px; padding-left: 12px; }
}

/* TABS */
.tab-links { border-bottom:3px solid #E02B29; }
.tab-links a { font-weight: 700; padding-right: 30px; display: inline-block; background-color: #E7E9EB; font-size: 15px; line-height: 20px; letter-spacing: 2px; text-transform: uppercase; color: #062232; padding: 18px; min-width:230px; text-align: center; margin-right: 5px; border-radius: 6px 6px 0 0; }
.tab-links a.active, .tab-links a:hover { color: #FFF; background-color: #E02B29; }
.tab-content { padding:38px 0; }
.tab-content > * { display: none; }
.tab-content > *.active { display: block; }
.tabs > select { -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; border: 1px solid #003764; border-radius: 30px; padding: 14px 50px; font-size: 14px; line-height: 16px; color: #003764; background-repeat: no-repeat; background-position: 88% 50%; outline: none; }
@media (max-width:500px) {
  .tab-links a { min-width: 50px; text-transform: initial; padding:18px 10px; letter-spacing: 0; }
}
#timeline2 { display: none; }

@media (max-width: 1100px) {
    #timeline { display: none; }
    #timeline2 { display: block; }
}


/* Sticky Header */
body:not(.home) main {padding-top: 140px;}
body.home.sticky header:not(.open) { background-color: #0C2736;}
body.home.sticky header:not(.open):hover { background-color: #0C2736;; }
body.sticky header {background-color: #ffffff;}
body.sticky header.dt {padding: 24px 0 6px 0;}
body header.mobile.mh-red {background-color: #0C2736;}

/* HEADER */
body.home { background-color: #0C2736; }
header.dt { padding: 20px 0 20px 0; position: fixed; width: 100%; z-index: 11; transition: all 250ms ease; }
body:not(.home) header.dt { background-color: #FFF;}
/* body.home header.dt { position: fixed; } */
header.dt nav { position: relative; }
header.dt.open nav:after { content: "";  position: absolute; bottom: -30px; left: 0; width: 100%; height: 50px; }
body.sticky header.dt.open nav:after { bottom: -6px;  }
header.dt .logo { width: 70px; position: relative; z-index: 2; }
header.dt .logo img { max-width: 70px; transition: all 250ms ease; }

@media (max-width: 1024px) {
  body:not(.home) main {padding-top: 100px;}
  body main.mh-red {padding-top: 0;}
}


header.dt .main-nav { display: flex; list-style: none; margin: 0; padding-left: 0; }
header.dt .main-nav > li > span { display: block; height: 100%; padding: 6px 18px; cursor: pointer; }
header.dt .main-nav > li.contact { border: 1px solid #ce2727; border-radius: 48px; display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 20px; line-height: 26px; font-family: GilroyBold, serif; padding: 10px 16px; margin-left: 16px; z-index: 2; position: relative; top: -9px; }
body.home header.dt.open .main-nav > li.contact { border: 1px solid #fff }
header.dt .main-nav > li.contact a, body.home header.dt.open .main-nav > li.contact a { color: #fff; -webkit-transition: all 0ms ease; transition: all 0ms ease; }
header.dt .main-nav > li > span, body.home header.dt.open .main-nav > li > span { color: #fff; position: relative;   }
header.dt .main-nav > li > span a { color: #062232; }
header.dt .main-nav > li > span:after { content:""; position: absolute; bottom:18px; left:15px; width:calc(100% - 30px); height:1px; opacity: 0; -webkit-transition: all 200ms ease; transition: all 200ms ease; background-color: #e02b29; }
header.dt .main-nav > li > span:hover::after, header.dt .main-nav > li span.open:after { opacity: 1; }
header.dt .main-nav > li .mega-menu.open { display: block; }

body.home header.dt .main-nav > li > span, body.home header.dt .main-nav > li > a, body.home header.dt .main-nav > li > span > a { color: #FFF;  -webkit-transition: none; transition: none }
body.home header.dt .main-nav > li.contact { border: 1px solid #FFF; }
/* header.dt .mega-menu { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100vh; z-index: 0; padding: 230px 0 60px 0; } */


header.dt.site-header:hover, body.sticky header.dt, header.dt.open { 
  
  
}
body.home header.dt .logo a { position: relative; display: block; height: 80px; }
body.home header.dt .logo img { position: absolute; top:0; left:0; border-radius: 10px; }
body.home header.dt .logo .red-grey { opacity: 0; }
body.sticky header.dt .logo { top:-8px; }
body.home header.dt:hover .logo .white { opacity: 0; }
body.home header.dt:hover .logo .red-grey, body.home header.dt.open .logo .red-grey { opacity: 1; }
body.home header.dt:hover .main-nav > li > span, body.home header.dt:hover .main-nav > li > span > a 
body.home header.dt:hover .main-nav > li > a {color: #fff;}
body.home header.dt:hover .main-nav > li.contact {border: 1px solid #fff;}
body.home header.dt:hover .language-selector, header.dt.open .language-selector {background-color: #7999ac; color: #FFF; border: 1px solid #FFF;}
body header.dt.open .language-search-container .language-selector:after { color: #FFF; }
.main-navigation {position: relative;}

/*header.dt .main-nav > li:hover .mega-menu { display: block; }*/
header.dt .mega-menu { display: none; position: absolute; top:41px; left: 0; width: 100%; height: 650px; max-height: 100vh; z-index: 0; padding: 40px 0 0 0; }
body.sticky header.dt .mega-menu { padding-top: 26px; }
/*header.dt .mega-menu.what-we-do { padding: 150px 0 0 0; }*/
header.dt .mega-menu .background { position: absolute; width:50%; max-width: 780px; height: calc(100% - 200px); top: 62px; right:0; background-repeat: no-repeat; background-size: cover; background-position: center bottom;}
header.dt .mega-menu.what-we-do .background:after { content:""; background:rgba(0,0,0,0.5); position: absolute; top:0; left:0; width: 100%; height: 100%; }




header.dt .mega-menu .container { position: relative; height: 100%; justify-content: space-between; padding-left: 0; padding-right: 0; }
header.dt .mega-menu .container > .left { -webkit-flex-basis: 540px; flex-basis: 540px; background-color: #E12B28; padding-left: 80px; padding-right: 24px; padding-top: 65px; padding-bottom: 80px; position: relative; }
header.dt .mega-menu .container > .left h3 { color: #FFF; letter-spacing: -0.4px; margin-bottom: 30px; }
header.dt .mega-menu .container > .left ul { list-style: none; margin: 0; padding-left: 0; }
/*header.dt .mega-menu:not(.what-we-do) .container > .left ul { margin-left: 8px; }*/
header.dt .mega-menu .container > .left ul > li { font-size: 28px; line-height: 32px; font-family: GilroySemiBold, serif; letter-spacing: -0.4px; margin-top: 20px; }
header.dt .mega-menu .container > .left ul ul > li { font-size: 20px; line-height: 26px; font-family: GilroyBold, serif; letter-spacing: -0.2px; margin-top: 6px; }
header.dt .mega-menu .container > .left ul ul { margin-left: 15px; margin-top: 15px; }
header.dt .mega-menu .container > .left a { color: #FFF; }
header.dt .mega-menu .container > .left a:hover { opacity: 0.75; }
header.dt .mega-menu .container > .right { -webkit-flex-basis: calc(100% - 540px); flex-basis: calc(100% - 540px); background-color: #9F1F1D; padding-left: 64px; padding-right: 80px; padding-top: 60px; padding-bottom: 24px; }
header.dt .mega-menu.what-we-do .container > .right .item { display: flex; margin-bottom: 50px; color: #FFF; }
header.dt .mega-menu.what-we-do .container > .right .item .icon { -webkit-flex-basis: 62px; flex-basis: 62px; margin-right: 56px; }
header.dt .mega-menu.what-we-do .container > .right .item .content { -webkit-flex-basis: calc(100% - 118px); flex-basis: calc(100% - 118px); padding-right: 56px; font-size: 17px; line-height: 25px; }
header.dt .mega-menu.what-we-do .container > .right .item .content strong { font-size: 20px; line-height: 28px; }
header.dt .mega-menu .container > .right .report { width: calc(50% - 15px); display: inline-block; margin-top: 0px; }
header.dt .mega-menu .container > .right .report .image { margin-bottom: 20px; width:350px; }
header.dt .mega-menu .container > .right .report .image img { border-radius:4px; width: 100%; }
header.dt .mega-menu .container > .right .report .btn { width: auto; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
header.dt .mega-menu .container > .right .report .btn i { margin-left: 10px; }
header.dt .mega-menu .container > .right h4 { color: #f7f7f7; font-size: 20px; margin-top: 0; }
header.dt .mega-menu .container > .right .stories { display: block; margin-top: 0px; color: #FFF; }
/*header.dt .mega-menu .container > .right .stories .item { -webkit-flex-basis: calc(50% - 15px); flex-basis: calc(50% - 15px); background-color: #FAFBFB; border-radius: 6px; }*/
header.dt .mega-menu .container > .right .stories .item { margin: 0 0 40px 0; display: flex; -webkit-transition: all 400ms ease; transition: all 400ms ease;  }
header.dt .mega-menu .container > .right .stories .item:first-of-type { margin-right: 30px; }
header.dt .mega-menu .container > .right .stories .item:hover { opacity: 0.6; }
header.dt .mega-menu .container > .right .stories .item .group { -webkit-flex-basis: calc(100% - 200px); flex-basis: calc(100% - 200px); }
header.dt .mega-menu .container > .right .stories .item .image { -webkit-flex-basis: 200px; flex-basis: 200px; margin-right: 50px; height:125px; background-position: center; background-size:cover; background-repeat: no-repeat; }
header.dt .mega-menu .container > .right .stories .item .details { color: #FFF; -webkit-flex-basis: calc(100% - 250px); flex-basis: calc(100% - 250px); }
header.dt .mega-menu .container > .right .stories .item .date { text-transform: uppercase; font-size: 14px; }
header.dt .mega-menu .container > .right .stories .item .title { margin-top: 0; font-size: 18px; line-height: 25px; padding:12px 0; }
header.dt .mega-menu .container > .right .stories .item .description { display: none; font-size: 15px; line-height: 22px; margin: 12px 0;  }
header.dt .mega-menu .container > .right .stories .item .link { font-size: 13px; line-height: 18px; font-family: GilroyBold, serif; font-weight: 700;  }
header.dt .mega-menu .container > .right .stories .item .link a { color: #FFF; }
header.dt .mega-menu .container > .right .stories .item .link i { margin-left: 5px; font-size: 12px; }
header.dt .mega-menu .container > .right .stories .item .categories { position: relative; top:-10px; }
header.dt .mega-menu .container > .right .close { position: absolute; right: 80px; top:25px; text-align: right; font-family: GilroySemiBold, serif; font-size: 20px; line-height: 26px; letter-spacing: -0.2px; color: #F7F7F7; background-color: #0C2736; border-radius:6px; padding: 11px 20px; z-index: 10;}
header.dt .mega-menu .container > .right .close i { margin-left: 10px; font-size: 14px; position: relative; top:-2px; }
header.dt .mega-menu .container > .right .close:hover { background-color: #E02B29; }
header.dt .mega-menu .container > .left .bottom-links { position: absolute; left: 80px; text-align: left; bottom: 50px; font-size: 20px; line-height: 26px; letter-spacing: -0.2px; min-height: 55px; }
header.dt .mega-menu .container > .left .bottom-links div { margin-top: 10px; font-family: GilroyBold, serif; font-weight: 700; }
header.dt .mega-menu .container > .left .bottom-links a { color: #F7F7F7; }
.fadeup, .fadeleft { position: relative; -webkit-transition: all 0ms ease; transition: all 0ms ease; }


.language-search-container { position: relative; z-index:10; width:160px; height:48px; top:-9px; display: flex; -webkit-align-items: center; align-items: center; }
.language-search-container .search a { color: #062232; font-size: 20px; }
.language-search-container .search a:hover { opacity: 0.75; }
body.home .language-search-container .search a { color: #FFF; }
body.home .language-search-container { width: 175px; }
.language-selector { position: absolute; top: 0; right:0; z-index: 2; border:1px solid #FFF; color: #6A7A84; border-radius:24px; padding: 10px 0px; width:125px; cursor: pointer; font-size: 20px; line-height: 26px; font-weight: 700; -webkit-transition: all 200ms ease; transition: all 200ms ease;}
.language-selector:after { content: '\f078'; position: absolute; top: 10px; right: 15px; font-weight: 700; font-size: 14px; font-family: FontAwesome; color: #6A7A84; -webkit-transition: all 200ms ease; transition: all 200ms ease; }
.language-selector .selected { display: flex; padding: 0px 40px 0px 20px; -webkit-align-items: center; align-items: center;-webkit-justify-content: center; justify-content: center; z-index:10; position: relative;}
.language-selector .selected span { margin-left: 10px; }
.language-selector ul { list-style: none; margin: 0; padding-left: 0; display: flex; position: relative; flex-wrap:wrap; height:0; opacity: 0; pointer-events: none; width: 100%; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
.language-selector ul li { -webkit-flex-basis: 100%; flex-basis: 100%; padding:5px 10px; border-bottom:1px solid #DDD; }
.language-selector ul li:first-of-type { padding-top: 10px; }
.language-selector ul li:last-of-type { border-bottom:none; }
.language-selector ul li a { color: #062232; font-size: 14px; display: block; }
.language-selector ul li a img { position: relative; top:-2px; width:20px; margin-right: 5px; }
.language-selector svg path { -webkit-transition: all 200ms ease; transition: all 200ms ease; }
.language-search-container.active .language-selector { background: #7999ac; color: #6A7A84; }
.language-search-container.active .language-selector:after { color: #6A7A84; transform:rotate(180deg); }
.language-search-container.active .language-selector ul { height: auto; opacity: 1; pointer-events: all; }
.language-search-container .language-selector svg path { fill:#6A7A84; }
body.home header.dt .language-search-container .language-selector { color: #FFF; border:1px solid #FFF; }
body.home header.dt .language-search-container .language-selector:after { color: #FFF; }
body.home header.dt .language-search-container .language-selector svg path { fill:#FFF; }
body header.dt.open .language-search-container .language-selector:after { color: #FFF; }
body header.dt.open .language-search-container .language-selector svg path { fill:#FFF; }
body header.dt.open .language-search-container .search a, body header.dt:hover .language-search-container .search a { color: #062232; }
/*body.home header.dt.open .language-search-container .language-selector { border:1px solid #6A7A84; }*/
header #mobile-menu .language-search-container { position: absolute; bottom:20px; left:20px; top:auto; overflow: hidden; color: #FFF; -webkit-transition: all 400ms ease; transition: all 400ms ease; flex-direction:column; width:125px !important; height:90px; -webkit-align-items: flex-start; align-items: flex-start; }
header #mobile-menu .language-search-container.active { bottom:170px; overflow:inherit; }
header #mobile-menu .language-search-container:not(.active) .language-selector { color: #FFF; }
header #mobile-menu .language-search-container .language-selector { height:48px; bottom:0; top:auto; width: 100%; }
header #mobile-menu .language-search-container .language-selector:after { color: #FFF; transform:rotate(180deg); }
header #mobile-menu .language-search-container.active .language-selector:after { color: #FFF; transform:rotate(0deg); }
header #mobile-menu .language-search-container.active .language-selector { background: transparent; color: #FFF; }
header #mobile-menu .language-search-container .language-selector svg path { fill:#FFF; }
header #mobile-menu .language-search-container .language-selector:after { top:10px; }
header #mobile-menu .language-search-container .language-selector ul { margin-top: 10px; }
header #mobile-menu .language-search-container .language-selector ul li a { color: #FFF; }
header #mobile-menu .language-search-container .search a { font-size: 24px; color:#FFF; }
header.slide #mobile-menu .language-search-container { opacity: 0; pointer-events: none; }

header.mobile { transition: background-color 200ms linear; display: none; padding: 50px 0; width: 100%; z-index: 10; position: fixed; top: 0; }
header.mobile * { -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
header.mobile:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all 200ms ease; transition: all 200ms ease; opacity: 0; z-index: -1; }
header.mobile.open:after { opacity: 1; }
header.mobile .logo { display: none; position: absolute; width: 128px; top: 38px; -webkit-transition: all 0.50s ease-in-out; -moz-transition: all 0.50s ease-in-out; transition: all 0.50s ease-in-out; }
header.mobile .logo img { position: absolute; }
header.mobile .logo img.white { display: none; }
header.mobile.open .logo img.colour, body.home header.mobile .logo img.colour { display: none; }
header.mobile.open .logo img.white, body.home header.mobile .logo img.white { display: block; }
header.mobile .logo img.open { display: none; }
header.mobile .logo img.closed { display: block; }
header.mobile .menu-icon { display: none; position: absolute; width: 24px; height: 20px; right: 24px; top: 46px; cursor: pointer; z-index: 22; }
header.mobile .menu-icon span { width: 24px; height: 3px; margin-bottom: 4px; background-color: #334A57; display: block; border-radius: 1px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
header.mobile.mh-red .menu-icon span { background-color: #FFF; }
header.mobile.open .logo img.colour, body.home header.mobile .logo img.colour, header.mobile.mh-red .logo img.colour { display: none;  width:60px; margin-top: -20px;}
header.mobile.open .logo img.white, body.home header.mobile .logo img.white, header.mobile.mh-red .logo img.white { display: block;  width: 60px; margin-top: -20px;}
header.mobile.open .menu-icon span:nth-child(1) { opacity: 0; }
header.mobile.open .menu-icon span:nth-child(2) { -ms-transform: translate(1px, 2px) rotate(45deg); -webkit-transform: translate(1px, 2px) rotate(45deg); -moz-transform: translate(1px, 2px) rotate(45deg); transform: translate(1px, 2px) rotate(45deg); background-color: #ffffff; }
header.mobile.open .menu-icon span:nth-child(3) { -ms-transform: translate(1px, -5px) rotate(-45deg); -webkit-transform: translate(1px, -5px) rotate(-45deg); -moz-transform: translate(1px, -5px) rotate(-45deg); transform: translate(1px, -5px) rotate(-45deg); background-color: #ffffff; }
/*header.mobile.open .menu-icon { right: 44px; }*/

header.mobile.open { position: fixed; overflow: hidden; height: 100vh; }
header #mobile-menu { display: none; position: fixed; top: 0; left: 0px; right: 0px; bottom: 0px; -webkit-transform: translateX(0px); -ms-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px); overflow: hidden; -webkit-transition: all 0.50s ease-in-out; -moz-transition: all 0.50s ease-in-out; transition: all 0.50s ease-in-out; }
header.open #mobile-menu { display: block; }
header #mobile-menu .hold { width: 100%; min-height: 100vh; }
header #mobile-menu .hold ul.mobile-menu { list-style: none; padding: 140px 20px 40px 20px; margin: 0px; -webkit-transition: all 0.50s ease-in-out; -moz-transition: all 0.50s ease-in-out; transition: all 0.50s ease-in-out; }
header #mobile-menu .hold ul.mobile-menu li { font-size: 28px; line-height: 32px; color: #FFF; border-bottom: 1px solid #EBE1D6; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 16px 0; }
header #mobile-menu .hold ul.mobile-menu li:last-of-type { border-bottom: none; }
header #mobile-menu .hold ul.mobile-menu li a { color: #ffffff; position: relative; width: 100%; display: block; -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; transition: all 0.20s ease-in-out; }
header #mobile-menu .hold ul.mobile-menu > li > a:active { color: #EEB46D; }
header #mobile-menu .hold ul.mobile-menu li a.has-submenu::after { content: '\f061'; position: absolute; right: 0; font-weight: 400; font-family: FontAwesome; font-size: 20px; color: #EEB46D; }
header #mobile-menu .hold ul.mobile-menu li div.sub { position: fixed; display: flex; align-items: flex-start; width: 100%; height: 100%; min-height: 100vh; top: 0; left: 0px; -webkit-transform: translateX(100vw); -ms-transform: translateX(100vw); -moz-transform: translateX(100vw); transform: translateX(100vw); z-index: 100; -webkit-transition: all 0.50s ease-in-out; -moz-transition: all 0.50s ease-in-out; transition: all 0.50s ease-in-out; opacity: 0; pointer-events: none; }
header #mobile-menu .hold ul.mobile-menu li div.sub .back { font-weight: 700; background-color: #FFF; color: #E02B29; -webkit-flex-basis: 64px; flex-basis: 64px; width: 64px; height: 100%; text-align: center; padding-top: 40px; font-size: 22px; }
header #mobile-menu .hold ul.mobile-menu li div.sub-contents { -webkit-flex-basis: calc(100% - 64px); flex-basis: calc(100% - 64px); }
header #mobile-menu .hold ul.mobile-menu li div.sub-contents .title { padding: 40px 20px; }
header #mobile-menu .hold ul.mobile-menu li div.sub.active, header #mobile-menu .hold ul.mobile-menu li div.subsub.active { /*-webkit-transform: translateX(0px); -ms-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px);*/ opacity: 1; pointer-events: all; }
header #mobile-menu .hold ul.mobile-menu li div.sub .main { padding: 40px 16px; font-size: 28px; line-height: 32px; }
header #mobile-menu .hold ul.mobile-menu li div.sub ul { list-style: none; margin: 0px; padding: 0px 20px; }
header #mobile-menu .hold ul.mobile-menu li div.sub ul li { padding: 16px 0px; font-size: 20px; line-height: 28px; font-family: GilroyBold, serif; }
header #mobile-menu .hold ul.mobile-menu li div.sub ul li a.has-subsubmenu::after { content: '\f063'; position: absolute; right: 0; font-weight: 400; font-family: FontAwesome; font-size: 20px; color: #EEB46D; -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; transition: all 0.20s ease-in-out; }
header #mobile-menu .hold ul.mobile-menu li div.sub ul li a.has-subsubmenu.active:after { transform: rotate(180deg); }
header #mobile-menu .hold ul.mobile-menu li div.sub ul li ul { display: none; padding: 0 0 0 25px; }
header #mobile-menu .hold ul.mobile-menu li div.sub ul li ul li { padding: 12px 0px; font-size: 17px; line-height: 25px; font-family: "GilroyLight", serif; }
header #mobile-menu .hold ul.mobile-menu li div.sub ul li ul li:last-of-type { padding-bottom: 0; }
header.mobile .logo, header.mobile .menu-icon { display: block; }
header.slide #mobile-menu .hold ul.mobile-menu, header.slide .logo { -webkit-transform: translateX(-100vw); -ms-transform: translateX(-100vw); -moz-transform: translateX(-100vw); transform: translateX(-100vw); }
header.mobile .mobile-nav-bg { position: absolute; right: 0; bottom: 0; opacity: 1; width: 100%; background-image: url(img/mobile_nav_bg_shape1b26.png?v2); background-repeat: no-repeat; background-size: 200%; background-position: 0 0; -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; transition: all 0.20s ease-in-out; z-index:-1; }
header.mobile .mobile-nav-bg .layer1 { position: relative; left: 100%; transform: translate(-100%, 0); display: block; -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; transition: all 0.20s ease-in-out; }
header.mobile .mobile-nav-bg.hide { opacity: 0; }
header.slide .mobile-nav-bg { background-position: 50% 60px; }
header.slide .mobile-nav-bg .layer1 { left: 50px; transform: translate(-0px, 0); }
body.home header.mobile .menu-icon span { background-color: #FFF; }

header .stock-summary.tsx {  margin-top: 36px; }
header .stock-summary { font-family: GilroyBold, serif; font-weight: 700; color:#FFF; display: flex; -webkit-align-items: center; align-items: center; }
header .stock-summary .date { font-size: 13px; line-height: 18px; }
header .stock-summary .ticker { font-size: 35px; line-height: 46px; margin:0 30px }
header .stock-summary .ticker a { color: #FFF; }
header .stock-summary .ticker a:hover { opacity: 0.7; }
header .stock-summary .price { font-size: 28px; line-height: 32px; }
header .stock-summary .change { display: inline-block; background: #FFF; color: #A11C20; border-radius: 6px; font-size: 15px; line-height: 22px; padding: 2px 8px; position: relative; top:-4px; margin-left: 20px; }

body.open .country-selector.weglot-dropdown { color: #062232; }
body.home:not(.open) header .country-selector.weglot-dropdown .wgcurrent:after { color: #FFF; }
header .country-selector.weglot-dropdown { background: transparent; position: relative; top: -9px; font-family: GilroyBold, serif; font-weight: 700;}
header .country-selector.weglot-dropdown .wgcurrent { border-radius:24px; border:1px solid #FFF; }
header .country-selector.weglot-dropdown ul { border:1px solid #FFF; }
header .country-selector.weglot-dropdown input:checked ~ .wgcurrent { border-radius: 20px 20px 0 0 ; background: #FFF; color: #062232; }
header .country-selector.weglot-dropdown input:checked ~ ul { border-radius: 0 0 20px 20px; color: #062232; }
header .country-selector.weglot-dropdown a, header .country-selector.weglot-dropdown span { font-size: 18px;}
header .country-selector.weglot-dropdown .wgcurrent a, header .country-selector.weglot-dropdown .wgcurrent span { padding-right: 35px; white-space: nowrap; }
header .country-selector.weglot-dropdown .wgcurrent:after { pointer-events: none; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); top:13px; right:10px; width: auto; height: auto; background: none; content: "\f078"; font-family: FontAwesome; font-size: 12px; }

header .country-selector.weglot-dropdown input:checked ~ .wgcurrent:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); color: #062232 !important; }



@media (max-width:1450px) {
  header.dt .mega-menu .container > .right .stories .item .image { display: none; }
  header.dt .mega-menu .container > .right .stories .item .details { -webkit-flex-basis: 100%; flex-basis: 100%; }
}

@media (max-width:1250px) {
  header.dt .logo, header.dt .logo img { width:105px; }
  header.dt .main-nav > li > span { padding:6px 0 6px 20px; }
  header.dt .main-nav > li.contact { font-size: 17px; line-height: 25px; padding:6px 16px; top:-5px; }
  header.dt .language-search-container { top:0; }
  header.dt .language-selector { font-size: 17px; line-height: 25px; padding:6px 0px; }
  header .country-selector.weglot-dropdown { top:-5px; }
  header.dt .mega-menu .container > .left { -webkit-flex-basis: 400px; flex-basis: 400px; padding-top: 40px; padding-bottom: 40px; }
  header.dt .mega-menu .container > .right { -webkit-flex-basis: calc(100% - 400px); flex-basis: calc(100% - 400px); }
  header.dt .mega-menu .container > .right .stories .item:first-of-type { -webkit-flex-basis: 100%; flex-basis: 100%; margin-right: 0; }
  header.dt .mega-menu .container > .left .bottom-links { bottom: 40px; }
  header.dt .mega-menu .container > .left ul ul > li { font-size: 18px; }
  .language-selector:after { top:7px; }
  .language-search-container .search { padding-bottom: 5px; }
}

@media (max-width:1150px) {
  header.dt .logo, header.dt .logo img { width:95px; }
  header.dt .mega-menu .container > .right .stories .item:last-of-type { display: none !important; }
}
@media (max-width:1100px) {

  .language-search-container { width: 140px !important; }
  header.dt .main-nav > li.contact { margin-left: 0; padding:6px 0 6px 20px; border:none !important; top:-4px; }
  .language-selector { width:110px; }
  .language-selector .selected { padding:0 15px 0 0; }
}
@media (max-width:1024px) {
  header.dt { display: none; }
  header.mobile { display: block; }
}
@media (max-width:768px) {
  header .mega-menu .container > .right .close, header .mega-menu .container > .right .bottom-links { right: 24px; }
}
@media (max-width:425px) {
  header.mobile .mobile-nav-bg { background-position: 0 100%; }
}

/* HOME */
section#hero-home .video-hold {
    position: relative;
    overflow: visible;
    height: 100%;
}
section#hero-home .video {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 1;
    height: 100%;
    width: 100%;
    background-image: url(img/video_bg2.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size:cover;
}
section#hero-home .video iframe {
    pointer-events: none;
    height: 100%;
}
section#hero-home { position: relative; background-repeat: no-repeat; background-size: cover; background-position: center; width: 100%; height: 75vh; overflow: hidden; }
section#hero-home:before { content: ""; position: absolute; pointer-events: none; background-color:#000; top: 0; width: 100%; height: 100%; left: 0; z-index:5; opacity: 0.25; }
section#hero-home:after { content: ""; position: absolute; pointer-events: none; background-image: url('img/mask1b26.png'); background-repeat: no-repeat; background-size: contain; background-position: bottom; bottom: 0; width: 100%; height: 100%; left: 0; z-index:6 }
section#hero-home .container { max-width: 1050px; color: #FFF; text-align: center; padding: 0 20px; position: relative; z-index:5; height: 100%; }
section#hero-home .container p { max-width: 850px; font-size: 25px; line-height: 35px; margin-left: auto; margin-right: auto; }
@media (max-width:1024px) {
  section#hero-home .container p { font-size: 18px; line-height: 25px; }
}
section#hero-home .container h1 { margin-top: 60px; }
section#quick-links { width: 100%; min-height: 25vh; padding-top: 50px; }
section#quick-links > a { display: flex; align-items: flex-start; -webkit-flex-basis: calc((100% - 140px) / 3); flex-basis: calc((100% - 140px) / 3); color: #FFF; }
section#quick-links > a svg { width: 43px; -webkit-flex-basis: 43px; flex-basis: 43px; margin-right: 22px; -webkit-transition: all 200ms ease; transition: all 200ms ease; }
section#quick-links > a span { -webkit-flex-basis: calc(100% - 65px); flex-basis: calc(100% - 65px); font-size: 17px; line-height: 25px; }
section#quick-links > a strong { letter-spacing: 2.5px; text-transform: uppercase; font-size: 18px; line-height: 19.5px; display: block; margin-bottom: 9px; }
section#quick-links > a:hover { color: #EAA551; }
section#quick-links > a:hover svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
section#quick-links > a:hover svg  path { fill: #EAA551; }
@media (max-width:1024px) {
  section#quick-links { display: block; }
  section#quick-links > a:nth-of-type(2) { padding: 0; margin: 32px 0; }
  section#quick-links > a { -webkit-align-items: center; align-items: center; }
}
section#our-operations-projects { position: relative; padding-bottom: 85px; background-color: #0C2736; }
section#our-operations-projects .heading { position: absolute; width: 100%; top: 87px; z-index: 2; }
section#our-operations-projects h2 { margin-bottom: 0; color: #FFF; }

/*section#our-operations-projects .operation { display: none; }*/
section#our-operations-projects .operation.active { display: block; min-height: 500px; }
section#our-operations-projects .content-box { color: #062232; width: 50%; min-width: 520px; min-height: 355px; margin-left: 80px; border-radius: 5px; margin-top: 230px; margin-bottom: 50px; }
section#our-operations-projects .content-box .image { -webkit-flex-basis: 230px; flex-basis: 230px; padding: 30px 22px; background-repeat: no-repeat; background-size: cover; background-position: center; }
section#our-operations-projects .content-box .content { -webkit-flex-basis: calc(100% - 230px); flex-basis: calc(100% - 230px); padding: 35px 50px; font-size: 16px; line-height: 22px; background-color: #FFF; }
section#our-operations-projects .content-box .content h4 { font-size: 28px; line-height: 32px; margin-bottom: 30px; max-width: 280px; }
section#our-operations-projects .content-box .content .mine-ownership { position: relative; top:-10px; margin-bottom: 5px; font-size: 15px; line-height: 22px; color: #E02B29; }
section#our-operations-projects .map { position: absolute; right: 0; top: 0; z-index: -1; width: 980px; }
section#our-operations-projects .map .project-dot { border-radius: 50%; width: 28px; height: 28px; position: absolute; transform-origin: 50% 50%; }
section#our-operations-projects .map .project-dot:after { content: ""; border-radius: 50%; width: 88px; height: 88px; position: absolute; opacity: 0.15; top: 50%; left: 50%; transform: translate(-50%, -50%); }
section#our-operations-projects .map .project-dot#kkm { background-color: #E02B29; left: 63.6%; top: 58.1%; }
section#our-operations-projects .map .project-dot#kkm:after { background-color: #E02B29; }
section#our-operations-projects .map .project-dot#wfe { background-color: #618CA6; left: 58.8%; top: 55.9%; }
section#our-operations-projects .map .project-dot#wfe:after { background-color: #618CA6; }
section#our-operations-projects .map .project-dot#kdp { background-color: #EAA551; left: 68.3%; top: 61.7%; }
section#our-operations-projects .map .project-dot#kdp:after { background-color: #EAA551; }
section#our-operations-projects .map .project-dot#pdp { background-color: #CCB195; left: 72%; top: 48.7%; }
section#our-operations-projects .map .project-dot#pdp:after { background-color: #CCB195; }
section#our-operations-projects #kamoa-kakula .map .project-dot#kkm { transform: scale(1.3); z-index: 5; }
section#our-operations-projects #western-foreland .map .project-dot#wfe { transform: scale(1.3); z-index: 5; }
section#our-operations-projects #kipushi .map .project-dot#kdp { transform: scale(1.3); z-index: 5; }
section#our-operations-projects #platreef .map .project-dot#pdp { transform: scale(1.2); z-index: 5; }
section#our-operations-projects .operation-buttons a { display: inline-block; -webkit-flex-basis: calc((100% / 5) - 12px); flex-basis: calc((100% / 5) - 12px); margin-right: 35px; border-left: 2px solid #E02B29; color: #FFF; font-size: 20px; line-height: 28px; font-family: GilroyBold, serif; padding: 20px; }
section#our-operations-projects .operation-buttons a:first-of-type { border-left: none; }
section#our-operations-projects .operation-buttons a.active, section#our-operations-projects .operation-buttons a:hover { color: #EAA551; }
@media (max-width:1350px) {
  section#our-operations-projects .content-box .image { padding: 12px; }
  section#our-operations-projects .content-box .content { padding: 24px; }
}
@media (max-width:1250px) {
  section#our-operations-projects .icon-link.dt { display: none; }
  section#our-operations-projects .icon-link.mob { display: inline-block; }
  section#our-operations-projects .map.drc { right: -200px; }
}
@media (max-width:1024px) {
  section#our-operations-projects { background-image: url(img/home_operations_map_mobile.png); background-repeat: no-repeat; background-size: cover; background-position: top center; padding-bottom: 0; }
  section#our-operations-projects .operation { margin: 0 8px; }
  section#our-operations-projects .map { display: none; }
  section#our-operations-projects .btn.dt, section#our-operations-projects .operation-buttons { display: none; }
  section#our-operations-projects .container.mob { display: block; text-align: right; position: relative; top: -40px; }
  section#our-operations-projects .content-box { margin-left: 40px; border-radius: 0; margin-top: 190px; min-width: 100px; width: 100%; margin-left: 0; }
  section#our-operations-projects .content-box .image { border-radius: 5px; height: 315px; -webkit-flex-basis: 315px; flex-basis: 315px; }
  section#our-operations-projects .content-box .content { border-radius: 5px; margin-left: 9px; margin-right: 9px; position: relative; top: -80px; margin-bottom: -40px; }
  section#our-operations-projects .content-box .content h4 { font-size: 24px; }
  section#our-operations-projects .operation > .flex { flex-direction: column; }
  section#our-operations-projects .owl-stage { padding-left: 32px !important; }
  section#our-operations-projects .owl-carousel .owl-stage-outer, section#our-operations-projects .owl-stage, section#our-operations-projects .owl-carousel .owl-item, section#our-operations-projects .operation { display: flex !important; }
}
@media (max-width:768px) {
  section#our-operations-projects h2 { max-width: 250px; }
  section#our-operations-projects .owl-stage { padding-left: 12px !important; }
}
section#our-stories { background: #FFF; color: #062232; padding-bottom: 60px; background-repeat: no-repeat; background-size: 50%; background-position: top left; line-height: 22px;}
section#our-stories .background { position: relative; overflow: hidden; min-height: 700px; }
section#our-stories .background .bg-image { background-repeat: no-repeat; background-size: cover; background-position: center; overflow: hidden; position: relative; position: absolute; left:0; top:0; width: 50%; height: 100%; }
section#our-stories .background .bg-image:before { content: ""; position: absolute; pointer-events: none; background-image: url(img/our_stories_mask.png); background-repeat: no-repeat; background-size: cover; background-position: top left; bottom: 0; width: 100%; height: 100%; left: 0; }
section#our-stories h2 { color: #E02B29; margin: 0; }
section#our-stories > .background > * { width: 50%; margin-left: auto; padding: 0 80px 0 0; }
section#our-stories > .background > .image { padding-right: 30px; }
section#our-stories > .background > .heading { padding-top: 84px; padding-bottom: 0px; }
section#our-stories .story-buttons a { display: inline-block; -webkit-flex-basis: calc((100% / 4) - 56px); flex-basis: calc((100% / 4) - 56px); ; border-left: 2px solid #E02B29; color: #062232; font-size: 20px; line-height: 28px; font-family: GilroyBold, serif; padding: 20px; }
section#our-stories .story-buttons a:first-of-type { border-left: none; }
section#our-stories .story-buttons , section#our-stories .story-buttons a:hover { color: #E02B29; }
section#our-stories .owl-nav { display: flex; }
section#our-stories .owl-nav button { background-color: #E02B29; color: #FFF; display: flex; align-items: center; justify-content: center; padding: 11px 16px !important; width: 55px; -webkit-transition: all 400ms ease; transition: all 400ms ease; box-shadow: none; }
section#our-stories .owl-nav button:hover { background-color: #9F1F1D; box-shadow: none; }
section#our-stories .owl-nav button.disabled { background-color: #EBEDEF; color: #C1C8CC; cursor: default; }
section#our-stories .owl-nav button.owl-prev { border-radius: 6px 0px 0px 6px; }
section#our-stories .owl-nav button.owl-next { border-radius: 0px 6px 6px 0px; }

@media (max-width:1368px) {
  section#our-stories .background { background-size:48%; }
  section#our-stories .background .bg-image:before { background-image: url(img/our_stories_mask2.png); background-position: top right; }
  }
@media (max-width:1024px) {
  section#our-stories .btn.dt { display: none; }
  section#our-stories .story-buttons { display: none; }
  section#our-stories #story-carousel { margin-left: 75px; background-color: #FFF; border-radius: 16px 0px 0px 8px; padding: 16px 32px 16px 24px; width: calc(100% - 75px); }
  section#our-stories .container.mob { display: block; text-align: right; }
  section#our-stories .background { background-size:contain; }
  section#our-stories > .background > * { width: 100%; padding-left: 40px; padding-right: 40px; }
  section#our-stories .background .bg-image { width: 100%; }
  section#our-stories > .background > .heading { padding-top: 49px; padding-bottom: 0px; background-color: #FFF; position: relative; margin-bottom: 30px; z-index: 1; text-align: justify; }
  section#our-stories > .background > .heading:after { content: ""; background-color: #FFF; height: 60px; transform: rotate(-3deg); position: absolute; bottom: -10px; left: 0; width: 100%; z-index: -1; }
  section#our-stories > .background > .story { background-color: #FFF; border-radius: 16px 0px 0px 8px; margin-left: 76px; padding: 16px 24px; width: calc(100% - 76px); font-size: 20px; }
}
@media (max-width:768px) {
  section#our-stories > .background > .heading:after { transform: rotate(-4deg); bottom: -15px; }
  section#our-stories .background .bg-image { width: 100%; background-position: top center; }
  section#our-stories .background .bg-image:before { display: none; }
}
@media screen and (max-width: 1025px) {
  .bg-image {
    display: none !important;
  }
}
@media (max-width:500px) {
  section#our-stories > .background { background-position: 0 70px; background-size: 150%; }
}
section#investor-hub-banner { padding: 50px 0; color: #FFF; }
section#investor-hub-banner h2 { font-size: 35px; line-height: 48px; letter-spacing: -0.4px; margin: 0; }
section#investor-hub-banner a { font-size: 28px; line-height: 36px; color: #FFF; font-family: GilroyBold, serif; text-align: right; }
section#investor-hub-banner .ani-arrow:hover { color: #EAA551; }
@media (max-width:768px) {
  section#investor-hub-banner { padding: 35px 0; color: #FFF; }
  section#investor-hub-banner .flex > * { -webkit-flex-basis: 100%; flex-basis: 100%; }
  section#investor-hub-banner h2 { font-family: GilroySemiBold, serif; font-size: 24px; line-height: 32px; margin-bottom: 20px; }
  section#investor-hub-banner a { font-family: Gilroy, serif; font-size: 20px; line-height: 26px; }
}
section#sustainability { background: #FFF; color: #062232; padding-top: 150px; padding-bottom: 150px; position: relative; overflow: hidden; }
section#sustainability h2 { font-size: 48px; line-height: 60px; letter-spacing: -1px; }
section#sustainability p { font-family: GilroyLight, serif; font-size: 20px; line-height: 26px; color: #6A7A84; max-width: 800px; width: 50%; }
section#sustainability .btn { font-size: 15px; line-height: 22px; }
section#sustainability .bg-layer1 { position: absolute; right: 0; bottom: 0; z-index: 1; transform: translate(0, 50px); line-height: 0; }
section#sustainability .bg-layer1.visible { position: absolute; right: 0; bottom: 0; z-index: 1; transform: translate(0, 0) }
section#sustainability .bg-layer2 { position: absolute; right: 0; bottom: 0; z-index: 0; transform: rotate(90deg) scale(0.4); transform-origin: 90% 90%; line-height: 0; }
section#sustainability .bg-layer2.visible { transform: rotate(0deg) scale(1); }
section#sustainability a.download { border:none; }
section#sustainability a.download i { font-size: 18px; }
@media (max-width:1400px) {
  section#sustainability { padding-bottom: 200px; }
  section#sustainability .bg-layer1, section#sustainability .bg-layer2 { max-width: 50%; }
}
@media (max-width:1024px) {
  section#sustainability { padding-top: 40px; padding-bottom: 430px; }
  section#sustainability p { width: 100%; }
  section#sustainability .bg-layer1, section#sustainability .bg-layer2 { max-width: 100%; }
  section#sustainability .bg-layer1 img { max-height: 430px; }
  section#sustainability .bg-layer2 img { max-height: 400px; }
}
section#sustainability-links { background-color: #0C2736; color: #FFF; padding-top: 57px; padding-bottom: 77px; }
section#sustainability-links > .flex > div { -webkit-flex-basis: calc(25% - (240px / 3)); flex-basis: calc(25% - (240px / 3)); margin-right: 60px; }
section#sustainability-links > .flex > div:last-of-type { margin-right: 0; }
section#sustainability-links h4 { margin: 5px 0 16px 0 }
section#sustainability-links .icon-link { font-size: 13px; line-height: 18px; }
section#sustainability-links > .flex > div > div { -webkit-transition: all 400ms ease; transition: all 400ms ease; position: relative; }
section#sustainability-links > .flex > div:hover .icon { transform: translate(0, -10px); }
section#sustainability-links > .flex > div:hover .details { transform: translate(0, 10px); }
@media (max-width:1024px) {
  section#sustainability-links > .flex > div { -webkit-flex-basis: calc(50% - 30px); flex-basis: calc(50% - 30px); margin-bottom: 40px; }
  section#sustainability-links > .flex > div:nth-of-type(even) { margin-right: 0; }
  section#sustainability-links > .flex > div:hover .icon { transform: translate(0, `0); }
  section#sustainability-links > .flex > div:hover .details { transform: translate(0, 0); }
}
@media (max-width:768px) {
  section#sustainability-links > .flex > div { -webkit-flex-basis: 100%; flex-basis: 100%; margin-right: 0 !important; }
  section#sustainability-links > .flex > div p { margin-bottom: 16px; }
}
section#latest-tweets { background-color: #FAFBFB; padding: 100px 0 0px 0; }
section#latest-tweets > .container { text-align: center; color: #585757; }
section#latest-tweets > .container h2 { font-size: 48px; line-height: 60px; color: #062232; }
section#latest-tweets > #twitter-feed { padding-left: 160px; padding-right: 160px; }
section#latest-tweets > #twitter-feed .owl-stage-outer { padding: 10px 0; }
section#latest-tweets > #twitter-feed .owl-stage { display: flex !important; flex-direction: row; justify-content: center; -webkit-align-items: center; align-items: center; }
section#latest-tweets > #twitter-feed .owl-item { opacity: 0.6; padding: 50px 0; border-radius: 20px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05); padding: 25px; margin: 50px 5px; transform: scale(0.875); position: relative; transform-origin: center; -webkit-transition: all 200ms ease; transition: all 200ms ease; }
section#latest-tweets > #twitter-feed .owl-item.active.center { opacity: 1; padding-top: 0; padding-bottom: 0; padding: 35px; margin: 0; transform: scale(1.1); }
section#latest-tweets > #twitter-feed .owl-item.firstActiveItem { transform: translate(-20px, 0) scale(0.875); }
section#latest-tweets > #twitter-feed .owl-item.lastActiveItem { transform: translate(20px, 0) scale(0.875); }
section#latest-tweets .twitter-heading img { width: 46px; margin-right: 12px; }
section#latest-tweets .twitter-heading { font-style: 15px; line-height: 20px; }
section#latest-tweets .twitter-heading strong { font-size: 17px; line-height: 25px; color: #1C1C1C; }
section#latest-tweets .twitter-text { text-align: left; margin-top: 22px; font-size: 17px; line-height: 26px; }
/*section#latest-tweets .twitter-text .twitter-date { display: none; }*/
section#latest-tweets .owl-nav { position: absolute; top: calc(50% - 27px); width: 100%; left: 0; }
section#latest-tweets .owl-nav button { position: absolute; background-color: #E02B29; color: #FFF; border-radius: 6px; display: flex; align-items: center; justify-content: center; padding: 11px 16px !important; width: 55px; -webkit-transition: all 400ms ease; transition: all 400ms ease; box-shadow: none; }
section#latest-tweets .owl-nav button:hover { background-color: #9F1F1D; box-shadow: none; }
section#latest-tweets .owl-nav button.disabled { background-color: #EBEDEF; color: #C1C8CC; cursor: default; }
section#latest-tweets .owl-nav button.owl-prev { left: 80px; }
section#latest-tweets .owl-nav button.owl-next { right: 80px; }
@media (max-width:1024px) {
  section#latest-tweets > .container h2 { font-size: 24px; line-height: 32px; margin-bottom: 28px; }
  section#latest-tweets > #twitter-feed { padding-left: 0; padding-right: 0; }
  section#latest-tweets > #twitter-feed .owl-stage { -webkit-align-items: flex-start; align-items: flex-start; }
  section#latest-tweets > #twitter-feed .owl-item { transform: scale(1); opacity: 1; margin: 0 24px 0 0; }
  section#latest-tweets > #twitter-feed .owl-item.firstActiveItem { transform: translate(0) scale(1); }
  section#latest-tweets > #twitter-feed .owl-item.lastActiveItem { transform: translate(0) scale(1); }
  section#latest-tweets .owl-nav { position: absolute; top: auto; bottom: 0; width: 100%; left: 0; }
  section#latest-tweets .owl-nav button.owl-prev { left: auto; right: 90px; border-radius: 6px 0px 0px 6px; }
  section#latest-tweets .owl-nav button.owl-next { right: 30px; border-radius: 0px 6px 6px 0px; }
}
@media (max-width:600px) {
  section#latest-tweets > #twitter-feed { padding-left: 0px; }
  section#latest-tweets .twitter-text { -ms-word-wrap: break-word; word-wrap: break-word; }
}
section#latest-news-events { background-color: #FAFBFB; padding: 100px 0; position: relative; overflow: hidden; min-height: 700px; color: #062232; }
section#latest-news-events .top-header { margin: 0 0 68px 0; }
section#latest-news-events h2 { color: #062232; margin: 0; }
section#latest-news-events .container { z-index: 2; position: relative; }
section#latest-news-events .background { position: absolute; top: 500px; left: 0; width: 100%; border-radius: 50px 50px 0px 0px; height: 100%; z-index: 0; }
section#latest-news-events .latest-news { -webkit-flex-basis: calc(100% * (7/12)); flex-basis: calc(100% * (7/12)); }
section#latest-news-events .latest-news .news-item { display: flex; background: #FFF; box-shadow: 0px 7px 8px rgba(0, 0, 0, 0.05), 0px 5px 22px rgba(0, 0, 0, 0.03), 0px 12px 17px rgba(0, 0, 0, 0.04); margin-bottom: 16px; min-height:310px; }
section#latest-news-events .latest-news .news-item:last-of-type { margin-bottom: 0; }
section#latest-news-events .latest-news .news-item .image { -webkit-flex-basis: 50%; flex-basis: 50%; background-repeat: no-repeat; background-size: cover; background-position: center; padding: 10px; }
section#latest-news-events .latest-news .news-item .content { -webkit-flex-basis: 50%; flex-basis: 50%; padding: 34px 18px; position: relative; }
section#latest-news-events .latest-news .news-item .content .tags { margin-bottom: 16px; }
section#latest-news-events .latest-news .news-item .content .tags .tag { margin-right: 16px; display: none; }
section#latest-news-events .latest-news .news-item .content .date { margin-bottom: 12px; }
section#latest-news-events .latest-news .news-item .content .title { font-size: 20px; line-height: 28px; font-family: GilroyBold, serif; }
section#latest-news-events .latest-news .news-item .content .description { font-size: 15px; line-height: 24px; margin: 20px 0; }
section#latest-news-events .latest-news .news-item .content .icon-link { font-size: 15px; line-height: 24px; font-family: GilroyBold, serif; }
section#latest-news-events .latest-news .news-item .content .icon-link:hover { color: #062232; }
section#latest-news-events .upcoming-events { -webkit-flex-basis: calc(100% * (5/12)); flex-basis: calc(100% * (5/12)); padding-left: 30px; position: relative; display: flex; }


.upcoming-events > div.flex {width: 100%; max-width: 500px; }
.upcoming-events .event-item, .calls .event-item { cursor: pointer; position: relative; background: #FFF; box-shadow: 0px 11px 15px rgba(0, 0, 0, 0.05), 0px 9px 46px rgba(0, 0, 0, 0.03), 0px 24px 38px rgba(0, 0, 0, 0.04); border-radius: 6px; padding: 13px 20px; margin-bottom: 16px; }
.upcoming-events .event-item .toggle-more { padding-right:  30px;}

.upcoming-events .event-item:after, .calls .event-item:after {pointer-events: none; content: "\f078"; font-family: FontAwesome; color: #E02B29; font-size: 14px; font-weight: 700; position: absolute; right: 24px; top: 20px; -webkit-transition: all 200ms ease; transition: all 200ms ease; }
.upcoming-events .event-item.open:after, .calls .event-item.open:after { transform: rotate(180deg); }
.upcoming-events .event-item .title, .calls .event-item .title { font-size: 20px; line-height: 28px; font-family: GilroyBold, serif; margin-bottom: 12px; }
.upcoming-events .event-item .details, .calls .event-item .details { font-size: 11px; line-height: 12px; letter-spacing: 1px; text-transform: uppercase; display: flex; }
.upcoming-events .event-item .details i, .calls .event-item .details i { color: #E02B29; margin-right: 5px; }
.upcoming-events .event-item .details .date, .calls .event-item .details .date { -webkit-flex-basis: 120px; flex-basis: 120px; }
.upcoming-events .event-item .more-details, .calls .event-item .more-details { display: none; font-size: 14px; line-height: 15px; padding-top: 10px; }
.upcoming-events .event-item .more-details a, .calls .event-item .more-details a { font-family: GilroyBold, serif; }
.upcoming-events .presentations { position: relative; color: #FFF;}
.upcoming-events .presentations img { width: 100%; max-width: 500px; }
.upcoming-events .presentations > .flex { flex-direction:column; }
.upcoming-events .presentations a { display: block;  margin-top: 15px; border-radius:6px; }
#ih-events .event-item > a { color: #1C1C1C; }
#ih-events .event-item > a:hover { color: #E02B29; }
#ih-events .event-item:after { transform: rotate(270deg); }
#ih-events .view-all {margin-top: 32px;}
#ih-events .view-all i {margin-left: 6px;}

@media (max-width:1024px) {
  section#latest-news-events { padding: 32px 0; }
  section#latest-news-events .top-header { margin-bottom: 30px; }
  section#latest-news-events h2 { font-size: 24px; line-height: 32px; }
  section#latest-news-events .btn.dt { display: none; }
  section#latest-news-events > .flex { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  section#latest-news-events > .flex > * { -webkit-flex-basis: 100%; flex-basis: 100%; }
  section#latest-news-events .background.dt { display: none; }
  section#latest-news-events .background.mob { display: block; top:120px; width: calc(100% + 80px); left: -40px; }
  section#latest-news-events .upcoming-events { padding-left: 0; margin-top: 60px; display: block; }
  section#latest-news-events .upcoming-events .see-all { display: block; text-align: right; position: relative; }
  section#latest-news-events .upcoming-events .see-all a { background-color: transparent; border:1px solid #FFF; }
  section#latest-news-events .upcoming-events .presentations { margin-top: 15px; margin-bottom: 30px; }
}
@media (max-width:768px) {
  section#latest-news-events .latest-news .news-item { display: block; }
  section#latest-news-events .latest-news .news-item .image { min-height: 200px; }
  section#latest-news-events .latest-news .news-item:first-of-type .content .tags { position: absolute; top: -12px; }
  section#latest-news-events .latest-news .news-item:last-of-type .image { display: none; }
  section#latest-news-events .latest-news .news-item:last-of-type .content .description { display: none; }
  section#latest-news-events .latest-news .news-item:last-of-type .content .icon-link { margin-top: 15px; display: inline-block; }
  .upcoming-events .event-item:after, .calls .event-item:after { right: 20px; }
  section#latest-news-events .background.mob { width: calc(100% + 48px);  left: -24px; }
  /*article .article-content { word-break:break-word }*/

}
section#stock-summary { padding-top: 28px; padding-bottom: 28px; }
section#stock-summary a.container.flex { color: #FFF; font-family: GilroyBold, serif; position: relative; }
section#stock-summary a.container.flex > * { -webkit-flex-basis: 50%; flex-basis: 50%; position: relative; }
section#stock-summary a.container.flex > *:last-of-type::after { content: "\f061"; font-family: FontAwesome; font-size: 28px; position: absolute; right: 0; top: 50%; transform: translate(0, -50%); }
section#stock-summary a.container.flex > * > * { margin-right: 38px; }
section#stock-summary .date { font-size: 13px; line-height: 18px; }
section#stock-summary .ticker { font-size: 35px; line-height: 46px; }
section#stock-summary .price { font-size: 28px; line-height: 32px; }
section#stock-summary .change { display: inline-block; background: #FFF; color: #A11C20; border-radius: 6px; font-size: 15px; line-height: 22px; padding: 2px 8px; }
@media (max-width:1024px) {
  section#stock-summary a.container.flex > * { -webkit-flex-basis: 100%; flex-basis: 100%; }
  section#stock-summary a.container.flex > * > * { -webkit-flex-basis: 50%; flex-basis: 50%; }
  section#stock-summary a.container.flex > *:last-of-type { margin-top: 20px; }
  section#stock-summary a.container.flex > * > *:last-of-type { text-align: right; }
  section#stock-summary .date { font-size: 13px; line-height: 18px; }
  section#stock-summary .ticker { font-size: 24px; line-height: 32px; }
  section#stock-summary .price { font-size: 17px; line-height: 24px; }
  section#stock-summary .change { }
  section#stock-summary a.container.flex > *:last-of-type::after { display: none; }
}
@media (max-width:600px) {
  section#stock-summary a.container.flex > * { -webkit-justify-content: space-between; justify-content: space-between; }
  section#stock-summary a.container.flex > * > * { -webkit-flex-basis: auto; flex-basis: auto; margin-right: 0; }
}

/* INNER HERO */
section#hero { display: flex; }
section#hero.blue { background-color: #0C2736; color: #FFF; }
section#hero.blue > .content { -webkit-flex-basis: calc(100% - 730px); flex-basis: calc(100% - 730px); padding-top: 74px; }
section#hero.blue > .content * { max-width: 700px; }
section#hero.blue > .image { position: relative; background-repeat: no-repeat; background-size: cover; background-position: center; -webkit-flex-basis: 730px; flex-basis: 730px; width: 730px; min-height: 780px; }
/*body.page-template-tpl-about-us section#hero.blue > .image { -webkit-flex-basis: 730px; flex-basis: 730px; width: 730px; height: 550px; }*/
section#hero.blue > .image:after { content: ""; position: absolute; pointer-events: none; background-image: url(img/inner_hero_mask.png); background-repeat: no-repeat; background-size: cover; background-position: top; bottom: 0; width: 100%; height: 100%; left: 0; }
/*body.page-template-tpl-about-us section#hero.blue > .image:after { background-image: url(img/inner_hero_mask_about.png); }*/
section#hero.red { background-color: #0C2736; color: #FFF; padding-bottom: 50px; }
section#hero.red > .content { -webkit-flex-basis: 875px; flex-basis: 875px; padding-top: 74px; padding-bottom: 60px; padding-right: 100px; background: linear-gradient(90deg, #E02B29 0%, #A11C20 100%); color: #FFF; position: relative; /*min-height: 360px;*/ margin-bottom: 34px; }
section#hero.red > .content:after { content: ""; position: absolute; pointer-events: none; background-image: url(img/inner_hero_mask_red.png); background-repeat: no-repeat; background-size: cover; background-position: bottom right; bottom: 0; width: 100%; height: 100%; left: 0; }
section#hero.red > .content h1 { margin-bottom: 20px; }
section#hero.red > .image { background-repeat: no-repeat; background-size: cover; background-position: center; -webkit-flex-basis: calc(100% - 875px); flex-basis: calc(100% - 875px); }
.page-template-tpl-operations-projects section#hero.red > .image { background-size:contain; background-position: 90% 0; }
section#hero p { font-family: "GilroyLight"; font-size: 20px; line-height: 28px; }
body.single section#hero { background-color: #FFF; }
body.single section#hero > .content { min-height: 30px; }
body.single section#hero > .content:after { background-image: url(img/inner_hero_mask_single.png); }
section#hero h2 { font-size: 35px; line-height: 46px; }
section#hero .read-more { font-size: 16px; line-height: 22px; }

@media (max-width:1460px) {
  section#hero.blue > .content, section#hero.blue > .image { -webkit-flex-basis: 50%; flex-basis: 50%; }
}
@media (max-width:1200px) {
  section#hero.blue > .content { padding-top: 40px; padding-right: 20px; }
  section#hero.blue > .content, section#hero.blue > .image { height: auto; }
  section#hero.blue > .image:after { background-image: url(img/inner_hero_mask_small.png); background-position: bottom left; }
  section#hero.red > .content { -webkit-flex-basis: 700px; flex-basis: 700px; }
  section#hero.red > .image { -webkit-flex-basis: calc(100% - 700px); flex-basis: calc(100% - 700px); }
}
@media (max-width:1024px) {
  /* main.mh-white { margin-top: 100px; } */
  main.mh-white section#hero { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding-bottom: 20px; }
  section#hero.blue > .image { -webkit-flex-basis: 390px; flex-basis: 390px; width: 100%; min-height:400px; }
  section#hero.blue > .image:after { background-image: url(img/inner_hero_mask_mobile.png); -webkit-background-size: contain; -o-background-size: contain; background-size: contain; }
  section#hero h1 { font-size: 42px; line-height: 48px; letter-spacing: -1.5px; position: relative; padding-bottom: 10px; }
  section#hero h1:after { content: ""; position: absolute; height: 3px; width: 42px; left: 0; bottom: 0; background-color: #E02B29; }
  section#hero p { font-family: "GilroyLight"; font-size: 16px; line-height: 23px; }
  section#hero.red { padding-bottom: 24px; }
  section#hero.red h1 { margin-top: 50px; }
  section#hero.red p { margin-bottom: 35px; }
  section#hero.red > .content { padding-bottom: 20px; -webkit-flex-basis: 100%; flex-basis: 100%; }
  section#hero.red > .image { display: none; }
  section#hero.red > .content:after { background-position: 82% 100%; }
}
@media (max-width:768px) {
  section#hero.red > .content { padding-right: 50px; }
}
@media (max-width:500px) {
  section#hero.red > .content { padding-right: 24px; }
}


/* NEWS AND STORIES */
.pagination-nav { display: flex; -webkit-justify-content: center; justify-content: center; }
.pagination-nav ul {margin: 0; padding: 0; display: flex; -webkit-align-items: center; align-items: center;}
.pagination-nav ul li { display: flex;  -webkit-align-items: center; align-items: center; -webkit-transition: all 400ms ease; transition: all 400ms ease; padding:5px 10px; height:40px; color: #6A7A84;}
.pagination-nav ul li.page-num { -webkit-justify-content: center; justify-content: center; width:40px; height:40px; }
.pagination-nav ul li.active:hover {cursor: pointer; background: #E02B29; color: white; }
.pagination-nav ul li.inactive { display: none; }
.pagination-nav ul li.selected {background: #E02B29; color: white;}
.pagination-nav ul li i { font-size: 12px; }

.filters { margin-left: auto; }
.filters .keyword-wrapper { display: inline-block; position: relative; }
.filters .keyword-wrapper:before { content: '\f002'; font-family: FontAwesome; font-weight: 900; font-style: normal; position: absolute; left:15px; top:13px; font-size: 18px; color: #334A57; }
.filters .keyword-wrapper input[type=text] { max-width: 250px; padding-left: 40px; width: 100%; background-color: #FFF; }
.filters .keyword-wrapper button { display: none; width: 30px; height:100%; position: absolute; right:5px; top:0; background-color: transparent; border-radius:8px; color:#334A57; padding:10px; }
.filters #projects { max-width:125px; }

#news-presentations-tabs { margin-top: 40px; margin-bottom: 40px; }
.tab-links a { min-width: 100px; }
.pagination-content .item { color:#062232; }
.pagination-content .item .tag { margin-right: 15px; }
.pagination-content .item .tag:last-of-type { margin-right: 0; }
.pagination-content .item .date, .pagination-content .item .pdf-link { display: none; }
.pagination-content .item .title { margin-top: 18px; font-size: 20px; line-height: 28px; font-family: GilroyBold, serif; font-weight: 700; }
.pagination-content .item .description { font-size: 15px; line-height: 22px; margin: 18px 0; }
.pagination-content .item .link { font-size: 15px; line-height: 22px;font-family: GilroyBold, serif; font-weight: 700; }
.pagination-content .item .link i { margin-left: 5px; font-size: 12px; }

/* #news-presentations-tabs #tab-news .pagination-content .item { -webkit-flex-basis: calc(33% - (64px / 3)); flex-basis: calc(33% - (64px / 3));padding: 31px 18px; margin-right: 32px; margin-bottom: 32px; border-radius: 5px; background-color: #FAFBFB; box-shadow: 0px 12px 17px 0px rgba(0, 0, 0, 0.04), 0px 5px 22px 0px rgba(0, 0, 0, 0.03), 0px 7px 8px 0px rgba(0, 0, 0, 0.05); } */
/* #news-presentations-tabs #tab-news .pagination-content .item:nth-of-type(3n) { margin-right: 0; } */

#news-presentations-tabs #tab-news .pagination-content .item, #news-presentations-tabs #tab-events-press .pagination-content .item { -webkit-flex-basis: 100%; flex-basis: 100%; padding: 31px 18px; margin-bottom: 32px; border-radius: 5px; background-color: #FAFBFB; box-shadow: 0px 12px 17px 0px rgba(0, 0, 0, 0.04), 0px 5px 22px 0px rgba(0, 0, 0, 0.03), 0px 7px 8px 0px rgba(0, 0, 0, 0.05); }
#news-presentations-tabs #tab-news .pagination-content .item .details, #news-presentations-tabs #tab-events-press .pagination-content .item .details { display: flex; -webkit-align-items: center; align-items: center; }
#news-presentations-tabs #tab-news .pagination-content .item .image, #news-presentations-tabs #tab-events-press .pagination-content .item .image { display: none; }
#news-presentations-tabs #tab-news .pagination-content .item .date, #news-presentations-tabs #tab-events-press .pagination-content .item .date { display: block; -webkit-flex-basis: 200px; flex-basis: 200px; letter-spacing: 1px; text-transform: uppercase; color: #6A7A84; font-size: 13px; line-height: 14px; }
#news-presentations-tabs #tab-news .pagination-content .item .categories, #news-presentations-tabs #tab-events-press .pagination-content .item .categories { display: none; }
#news-presentations-tabs #tab-news .pagination-content .item .group, #news-presentations-tabs #tab-events-press .pagination-content .item .group { -webkit-flex-basis: calc(100% - 300px); flex-basis: calc(100% - 300px); padding-right: 40px; }
#news-presentations-tabs #tab-news .pagination-content .item .link, #news-presentations-tabs #tab-events-press .pagination-content .item .link { -webkit-flex-basis: 100px; flex-basis: 100px; }
#news-presentations-tabs #tab-news .pagination-content .item .title, #news-presentations-tabs #tab-events-press .pagination-content .item .title { margin-top: 0; }

#news-presentations-tabs #tab-presentations .pagination-content .item .link-details * { text-align: right; }
#news-presentations-tabs #tab-presentations .pagination-content .item {  -webkit-flex-basis: 100%; flex-basis: 100%; padding: 31px 18px; margin-bottom: 32px; border-radius: 5px; background-color: #FAFBFB; box-shadow: 0px 12px 17px 0px rgba(0, 0, 0, 0.04), 0px 5px 22px 0px rgba(0, 0, 0, 0.03), 0px 7px 8px 0px rgba(0, 0, 0, 0.05); }
#news-presentations-tabs #tab-presentations .pagination-content .item .details { display: flex; -webkit-align-items: center; align-items: center; }
#news-presentations-tabs #tab-presentations .pagination-content .item .date { display: block; -webkit-flex-basis: 200px; flex-basis: 200px; letter-spacing: 1px; text-transform: uppercase; color: #6A7A84; font-size: 13px;line-height: 14px; }
#news-presentations-tabs .pagination-content .item .date > div { display: flex; } 
#news-presentations-tabs .pagination-content .item .date > div:first-of-type { margin-bottom: 7px; }
#news-presentations-tabs .pagination-content .item .date > div i { color:#E02B29; -webkit-flex-basis: 20px; flex-basis: 20px; }
#news-presentations-tabs .pagination-content .item .date > div span { -webkit-flex-basis: calc(100% - 20px); flex-basis: calc(100% - 20px); }
#news-presentations-tabs #tab-presentations .pagination-content .item .group { -webkit-flex-basis: calc(100% - 300px); flex-basis: calc(100% - 300px); }
#news-presentations-tabs #tab-presentations .pagination-content .item .categories { display: none; }
#news-presentations-tabs #tab-presentations .pagination-content .item .title { margin-top: 0; }
#news-presentations-tabs #tab-presentations .pagination-content .item .description { display: none; }
#news-presentations-tabs #tab-presentations .pagination-content .item .link { -webkit-flex-basis: 100px; flex-basis: 100px; }
#news-presentations-tabs #tab-presentations .pagination-content .item.presentations .date > div:first-of-type { margin-bottom: 0; }
#news-presentations-tabs #tab-presentations .pagination-content .item.presentations .date > div:last-of-type { display: none; }
#news-presentations-tabs #tab-presentations .pagination-content .item.presentations:not(.more) .link { display: none; }
#news-presentations-tabs #tab-presentations .pagination-content .item.presentations .pdf-link { display: block; }
#news-presentations-tabs #tab-presentations .pagination-content .item.presentations .pdf-link a { display: flex; white-space: nowrap; }
#news-presentations-tabs #tab-presentations .pagination-content .item.presentations .pdf-link a:before { content:"View Presentation"; font-family: GilroyBold, serif; font-weight: 700; font-size: 15px; line-height: 22px;}
#news-presentations-tabs #tab-presentations .pagination-content .item.presentations .pdf-link a i { margin-left: 10px; position: relative; top:2px;  }
#news-presentations-tabs #tab-presentations .pagination-content .item.presentations .link-details { display: flex; flex-direction: column; flex-direction:column-reverse; }
#news-presentations-tabs #tab-presentations .pagination-content .item.presentations .link-details .link { -webkit-flex-basis: auto; flex-basis: auto; }
#news-presentations-tabs #tab-presentations .pagination-content .item .video-link a { display: flex; white-space: nowrap; -webkit-justify-content: flex-end; justify-content: flex-end; }
#news-presentations-tabs #tab-presentations .pagination-content .item .video-link a:before { content:"Watch Video"; font-family: GilroyBold, serif; font-weight: 700; font-size: 15px; line-height: 22px;}
#news-presentations-tabs #tab-presentations .pagination-content .item .video-link a i { margin-left: 10px; position: relative; top:2px;  }
/*#news-presentations-tabs #tab-presentations .pagination-content .item.presentations .pdf-link a i:before { content:"\f1c1"; }*/
/*
#news-presentations-tabs #tab-events-press .pagination-content .item .link { display: none; }
#news-presentations-tabs #tab-events-press .pagination-content .item .pdf-link { display: block; }
*/

#tab-presentations-speeches .link-details { display: flex; -webkit-align-items: center; align-items: center; -webkit-flex-basis: 50px; flex-basis: 50px; -webkit-justify-content: flex-end; justify-content: flex-end; }
#tab-presentations-speeches .link-details .video-link { margin-right: 10px; }
#tab-presentations-speeches .link-details .video-link i { font-size: 20px; }
#tab-stories { margin-top: 80px;  margin-bottom: 80px; }
#stories-container .filters { padding-top: 27px; padding-bottom: 27px; margin-top: 0; }
#stories-container .filters form { display: flex; }
#stories-container .filters .keyword-wrapper { -webkit-flex-basis: calc(50% - 34px); flex-basis: calc(50% - 34px); margin-right: 34px; }
#stories-container .filters .keyword-wrapper input { max-width: 100%; background-color: #FFF; }
#stories-container .filters select { -webkit-flex-basis: calc(25% - 17px); flex-basis: calc(25% - 17px); margin-right: 34px; max-width:100% }
#stories-container .filters select:last-of-type { margin-right: 0; }
#stories-container .pagination-content .item { -webkit-flex-basis: 33%; flex-basis: calc(33% - (64px / 3)); padding: 0 0 31px 0; margin-right: 32px; margin-bottom: 32px; border-radius: 5px; background-color: #FAFBFB; box-shadow: 0px 12px 17px 0px rgba(0, 0, 0, 0.04), 0px 5px 22px 0px rgba(0, 0, 0, 0.03), 0px 7px 8px 0px rgba(0, 0, 0, 0.05); }
#stories-container .pagination-content .item:nth-of-type(3n) { margin-right: 0; }
#stories-container .pagination-content .item > *:not(.image) { padding-left: 18px; padding-right: 18px; }
#stories-container .pagination-content .item .image { height:200px; background-position: center; background-size:cover; background-repeat: no-repeat; }
#stories-container .pagination-content .item .categories { position: relative; top:-10px; }

.tabs-left { background-color: #0C2736; }
.tabs-left .tabs { display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;  }
.tabs-left .tabs .mobile-tabs { display: none; }
.tabs-left .tabs .tab-links { -webkit-flex-basis: 230px; flex-basis: 230px; margin: 155px 0 auto 80px; border-bottom:none;}
#subsidiary-documents.tabs-left .tabs .tab-links { margin-top: 70px; }
.tabs-left .tabs .tab-links #tl-container { flex-direction:column; border-bottom:none; }
.tabs-left .tabs .container-right { -webkit-flex-basis: calc(100% - 310px); flex-basis: calc(100% - 310px); }
.tabs-left .tabs .container-right .filters { margin-left: 15px; margin-bottom: 40px; text-align: left; }
.tabs-left .tabs .container-right .content-right { min-height: 650px; background-color: #FFF; border-radius: 50px 0px 0px 0px; padding: 60px 45px; }
#subsidiary-documents.tabs-left .tabs .container-right .content-right { min-height:700px; }
.tabs-left .tabs .tab-links a { display: block; border-radius: 6px; height: 100%; padding: 18px; margin-right: 10px; text-transform: uppercase; background-color: #E7E9EB; color: #062232; font-size: 15px; line-height: 20px; margin-bottom: 8px; letter-spacing: 2px; text-align: left; font-weight: 500; }
.tabs-left .tabs .tab-links a:hover, .tabs-left .tabs .tab-links a.active { background-color: #E02B29; color: #FFF; }
.tabs-left .pagination-content .item { padding:26px 60px; width: 100%; background-color: #FAFBFB; margin-bottom: 15px; border-radius: 6px; }
.tabs-left .pagination-content .item .details { display: flex; -webkit-align-items: center; align-items: center; }
.tabs-left .pagination-content .item .details .date { -webkit-flex-basis: 150px; flex-basis: 150px; letter-spacing: 2px; text-transform: uppercase; color: #6A7A84; }
.tabs-left .pagination-content .item .group { -webkit-flex-basis: calc(100% - 200px); flex-basis: calc(100% - 200px); }
.tabs-left .pagination-content .item .title {margin-top: 0; }
.tabs-left .pagination-content .item .pdf-link { -webkit-flex-basis: 50px; flex-basis: 50px; font-size: 28px; text-align: right; }
.tabs-left .pagination-content .item .description,.tabs-left .pagination-content .item .link { display: none; }
.tabs-left .pagination-content .item .date, .tabs-left .pagination-content .item .pdf-link { display: block; }
.tabs-left .pagination-content .item .pdf-link a:hover { opacity: 0.75; }
.tabs-left .pagination-nav { margin-top: 20px; }

.tabs-left #tab-annual-reports .pagination-content .item .details .date,
.tabs-left #tab-technical-reports .pagination-content .item .details .date,
.tabs-left #tab-aif .pagination-content .item .details .date,
.tabs-left #tab-estma .pagination-content .item .details .date,
.tabs-left #tab-proxy .pagination-content .item .details .date,
.tabs-left #tab-sustainability .pagination-content .item .details .date { display: none; }
.tabs-left #tab-annual-reports .pagination-content .item .details .group,
.tabs-left #tab-technical-reports .pagination-content .item .details .group,
.tabs-left #tab-aif .pagination-content .item .details .group,
.tabs-left #tab-estma .pagination-content .item .details .group,
.tabs-left #tab-proxy .pagination-content .item .details .group,
.tabs-left #tab-sustainability .pagination-content .item .details .group,
.tabs-left #tab-modern-slavery .pagination-content .item .details .group,
#subsidiary-documents.tabs-left .pagination-content .item .details .group { -webkit-flex-basis: calc(100% - 50px); flex-basis: calc(100% - 50px); }

@media (max-width:1350px) {
  #news-presentations-tabs .tab-links { flex-wrap:wrap; border-bottom:none; }
  #news-presentations-tabs .tab-links > div { -webkit-flex-basis: 100%; flex-basis: 100%; }
  #tl-container { border-bottom: 3px solid #E02B29; }
  .filters { margin-top: 10px; text-align: right; }
}
.hero-section {
  position: relative;
  width: 100%;
  height: 50vh;
  overflow: hidden;
  color: white;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 50px 20px;
}

.bg-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -2;
}

.video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(0,0,0,0) 60%, rgba(0,0,0,0.7) 100%);
  z-index: -1;
}

.hero-content {
  max-width: 900px;
  z-index: 2;
}

.hero-content h1 {
  font-size: 2.5rem;
  margin-bottom: 10px;
  font-weight: bold;
}

.hero-content p {
  font-size: 1rem;
  line-height: 1.4;
}


.breadcrumb {
  display: inline-block;
  font-size: 1rem;
}

.breadcrumb a {
  color: #ffcc00;
  text-decoration: none;
}

.breadcrumb a:hover {
  text-decoration: underline;
}

.breadcrumb span {
  margin: 0 5px;
  color: #ccc;
}

/* Responsive */
@media (max-width: 768px) {
  .hero-content h1 {
    font-size: 1.8rem;
  }
  .breadcrumb {
    font-size: 0.9rem;
  }
}
.product-table-container {
  width: 100%;
  overflow-x: auto;
  color: #062232;
}

.product-table {
  width: 100%;
  border-collapse: collapse;
  font-family: Arial, sans-serif;
  font-size: 14px;
}

.product-table thead {
  background-color: #0d2436;
  color: #f8f9f9;;
}

.product-table th,
.product-table td {
  padding: 12px;
  text-align: left;
  border-bottom: 1px solid #ddd;
  vertical-align: top;
}

.product-table tr:nth-child(even) {
  background-color: #f8f9fa;
}

.product-table tr:hover {
  background-color: #e6f7ff;
}

.product-table td {
  line-height: 1.5;
}

@media (max-width: 768px) {
  .product-table th,
  .product-table td {
    padding: 8px;
    font-size: 12px;
  }
}


@media (max-width:1024px) {
  #news-presentations-tabs #tab-news .pagination-content .item { -webkit-flex-basis: 100%; flex-basis: 100%; margin-right: 0; }
  #news-presentations-tabs #tab-news .pagination-content .item .details { flex-direction: column; -webkit-align-items: flex-start; align-items: flex-start;}
  #news-presentations-tabs #tab-news .pagination-content .item .date { display: flex; -webkit-flex-basis: auto; flex-basis: auto; -webkit-align-items: flex-start; align-items: flex-start; width: 100%; margin-bottom: 20px; }
  #news-presentations-tabs #tab-news .pagination-content .item .group {padding-right: 0;}

  #news-presentations-tabs #tab-presentations .pagination-content .item .details { flex-direction: column; -webkit-align-items: flex-start; align-items: flex-start;}
  #news-presentations-tabs #tab-presentations .pagination-content .item .date { display: flex; -webkit-flex-basis: auto; flex-basis: auto; -webkit-align-items: flex-start; align-items: flex-start; width: 100%; margin-bottom: 20px; }
  #news-presentations-tabs #tab-presentations .pagination-content .item .date > div { display: flex;  }
  #news-presentations-tabs #tab-presentations .pagination-content .item .date > div:first-of-type { margin-bottom: 0; -webkit-flex-basis: 120px; flex-basis: 120px; }
  #news-presentations-tabs #tab-presentations .pagination-content .item .date > div:last-of-type { margin-bottom: 0; -webkit-flex-basis: calc(100% - 120px); flex-basis: calc(100% - 120px);}
  #news-presentations-tabs #tab-presentations .pagination-content .item .date > div i { color:#E02B29; -webkit-flex-basis: 20px; flex-basis: 20px; }
  #news-presentations-tabs #tab-presentations .pagination-content .item .date > div span { -webkit-flex-basis: calc(100% - 20px); flex-basis: calc(100% - 20px); }
  #news-presentations-tabs #tab-presentations .pagination-content .item .group { -webkit-flex-basis: calc(100% - 300px); flex-basis: calc(100% - 300px); }
  #news-presentations-tabs #tab-presentations .pagination-content .item .link { -webkit-flex-basis: auto; flex-basis: auto; text-align: left; margin-top: 20px; }
  .tabs-left .tabs { display: block; }
  .tabs-left .tabs .mobile-tabs { display: block; }
  .tabs-left .tabs .mobile-tabs select { width: 100%; }
  .tabs-left .tabs .tab-links { margin: 0; padding:0px; }
  .tabs-left .tabs .tab-links #tl-container { flex-direction:row; border-bottom:none; margin-left: 15px;}
  .tabs-left .tabs .tab-links #tl-container { display: flex; margin-bottom: 50px;}
  .tabs-left .tabs .container-right .filters { margin-left: 0; padding:0 24px; margin-bottom: 60px; }
  .tabs-left .tabs .container-right .content-right { border-radius:0; background-color: #EBEDEF; padding:0px; min-height: 100px; }
  .tabs-left .pagination-content .item, .tabs-left .pagination-content .no-results { background-color: #FFF; border-radius: 6px; padding:24px; width: 100%; }
  .tabs-left .pagination-content .item .details { display: block; }
  .tabs-left .pagination-content .item .categories { display: none; }
  .tabs-left .pagination-content .item .pdf-link { margin-top: 5px; text-align: left; }
  .tabs-left .tabs .container-right .content-right .tab-content { padding-top: 0; position: relative; top:-30px; }  
  #stories-container .pagination-content .item { -webkit-flex-basis: calc(50% - 16px); flex-basis: calc(50% - 16px); margin-right: 0; }
  #stories-container .pagination-content .item:nth-of-type(odd) { margin-right: 32px; }

}
@media (max-width:768px) {
  #news-presentations-tabs { margin-top: 20px; }
  #news-presentations-tabs .tab-links { display: block; }
  #news-presentations-tabs .filters { margin-top: 20px; padding:24px; background-color: #C1C8CC; position: relative; width: calc(100% + 48px); left:-24px; }
  #tl-container { display: flex; overflow-x: scroll; overflow-y: hidden; -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; cursor: pointer; border-bottom:none; }
  #tl-container::-webkit-scrollbar { display: none; }
  #tl-container a { background-color:  #E7E9EB; color: #FFF; white-space: nowrap; min-width: auto; width: auto; border-right:1px solid #E02B29; border-radius:0; padding:10px 20px; margin-right: 0; color: #E02B29; }
  #tl-container a:last-of-type { border-right:none; }
  #tl-container a.active { color: #fafbfb;  background-color: #E02B29;}

  .filters form { display: flex; }
  .filters #projects { display: none; }
  #stories-container .filters .keyword-wrapper, .filters .keyword-wrapper { -webkit-flex-basis: calc(100% - 110px); flex-basis: calc(100% - 110px); margin-right: 10px; }
  .filters .keyword-wrapper input[type=text] { max-width: 100%; width: 100%; }
  #stories-container .filters #publish-year, .filters #publish-year { -webkit-flex-basis: 100px; flex-basis: 100px; }
  .filters .keyword-wrapper button { display: block; }
  #stories-container .pagination-content .item { -webkit-flex-basis: 100%; flex-basis: 100%; }
  #stories-container .pagination-content .item:nth-of-type(odd) { margin-right: 0; }
  .pagination-nav ul li span { display: none; }
}

body.single-stories iframe { max-width:600px; max-height:calc(600px * 0.5625); width: 100%; height: 100%;}


body.single #content > article { padding-left: 100px; padding-right: 100px; margin-bottom: 90px; }
body.single #content > article h2.title { font-size: 48px; line-height: 60px; color: #062232; display: block; width: 100%; border-bottom:3px solid #E02B29; }
body.single #content > article .article-header { margin-bottom: 25px; }
body.single #content > article .article-header .flex { color: #3F5561; margin-bottom: 40px; font-size: 15px; line-height: 20px; letter-spacing: 2px; text-transform: uppercase; }
body.single #content > article .article-header .share { display: flex; -webkit-align-items: center; align-items: center;}
body.single #content > article .article-header .share a { position:relative; color: #0C2736; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; width: 36px; height:36px; margin-left: 15px;   }
body.single #content > article .article-header .share a:before { content:""; position: absolute; border-radius:50%; width: 100%; height: 100%; left:0; top:0; background-color: #EBEDEF; z-index:-1; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
body.single #content > article .article-header .share a:hover { color: #FFF; }
body.single #content > article .article-header .share a:hover::before {  background-color: #E02B29; }
body.single #content > article .article-content { color: #3F5561; font-size: 17px; line-height: 25px; margin-bottom: 40px;}
body.single #content > article .article-content td { font-size: 17px; line-height: 25px; }
body.single #content > article .article-footer { border-top:3px solid #E02B29; padding-top: 28px; color: #3F5561; font-size: 15px; line-height: 20px; letter-spacing: 2px; text-transform: uppercase; }
body.single #content > article .article-footer a { color: #3F5561; display: flex; -webkit-align-items: center; align-items: center; }
body.single #content > article .article-footer > div { display: flex; -webkit-flex-basis: 25%; flex-basis: 25%; }
body.single #content > article .article-footer > div.prev { -webkit-justify-content: flex-end; justify-content: flex-end; }
body.single #content > article .article-footer > div.next { -webkit-justify-content: flex-start; justify-content: flex-start; }
body.single #content > article .article-footer > div.all { justify-content: center; -webkit-flex-basis: 50%; flex-basis: 50%; }
body.single #content > article .article-footer > div a span { color: #FFF; background-color: #E02B29; width: 45px; height:35px; border-radius:5px; display: flex; font-size: 12px; line-height: 12px; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
body.single #content > article .article-footer > div.prev a span { margin-left: 16px; }
body.single #content > article .article-footer > div.all a i { margin-right: 16px; font-size: 20px; color: #E02B29; -webkit-transition: transform 400ms ease; transition: transform 400ms ease; }
body.single #content > article .article-footer > div.all a:hover i { color: #CC2725; }
body.single #content > article .article-footer > div.next a span { margin-right: 16px; }
body.single #content > article .article-footer > div a:hover span { background-color: #CC2725; }
body.single #content > article .article-footer > div a span i { -webkit-transition: transform 400ms ease; transition: transform 400ms ease; }
body.single #content > article .article-footer > div.prev a:hover span i { transform: translate(5px, 0px); }
body.single #content > article .article-footer > div.next a:hover span i { transform: translate(-5px, 0px); }
#corporateLinkBack { display: none; }


@media (max-width:1024px) {
  body.single #content > article { padding-left: 0; padding-right: 0; } 
  body.single #content > article .article-content a { word-break: break-word; }
}

@media (max-width:768px) {
  body.single section#hero.red > .content h1 { display: none; }
  body.single section#hero > .content { min-height:170px; }
  body.single #content > article .article-header .flex { display: block; }
  body.single #content > article .article-header .share { margin-top: 20px; }
body.single #content > article h2.title { font-size: 40px; line-height: 48px; padding-bottom: 10px; }
}
@media (max-width:500px) {
  body.single #content > article .article-footer > div a label { display: none; }

}
/* ABOUT US */
section#our-values { padding: 80px 110px; background-color: #fff; color: #6A7A84; }
section#our-values h2 { color: #062232; }
section#our-values h3 { color: #E02B29; margin-bottom: 0; }
section#our-values p { font-family: "GilroyLight"; font-size: 20px; line-height: 28px; }
section#our-values .intro { text-align: center; max-width: 1060px; margin-bottom: 50px; }
section#our-values .flex > * { -webkit-flex-basis: calc((100% / 3) - (80px / 3)); flex-basis: calc((100% / 3) - (80px / 3)); margin-right: 40px; }
section#our-values .flex > *:last-of-type { margin-right: 0; }
@media (max-width:1024px) {
  section#our-values { padding: 40px 0; }
  section#our-values .flex { display: block; }
}
section#what-we-produce { background-color: #fff; padding-top: 170px; padding-bottom: 200px; position: relative; overflow: hidden; min-height: 900px; }
section#what-we-produce .metal { -webkit-flex-basis: calc(100% * (7 / 12)); flex-basis: calc(100% * (7 / 12)); position: relative; }
section#what-we-produce .content { -webkit-flex-basis: calc(100% * (5 / 12)); flex-basis: calc(100% * (5 / 12)); padding-right: 80px; overflow: hidden; color:#E02B29; display: none;}
section#what-we-produce .metal .name { opacity: 0; font-size: 150px; line-height: 120px; color: #E7EEF2; text-transform: uppercase; text-align: right; -webkit-transition: all 1000ms ease; transition: all 1000ms ease; position: absolute; right: 80px; top: 0; width: 75%; }
section#what-we-produce .metal .name.active { opacity: 1; }
section#what-we-produce .content .descriptions { position: relative; min-height: 450px; }
section#what-we-produce .content .descriptions .owl-item > * { opacity: 0; font-size: 15px; line-height: 22px; color: #3F5561; -webkit-transition: all 800ms ease; transition: all 800ms ease; /*position: absolute; left: 0; top: 0;*/ width: 100%; }
section#what-we-produce .content .descriptions .owl-item > *.active { opacity: 1; }
section#what-we-produce .content .descriptions h4 { color: #E02B29; }
section#what-we-produce .wwp-buttons { position: absolute; left: 0; top: 50%; transform: translate(0, -50%); width: 210px; z-index: 10; }
section#what-we-produce .wwp-buttons a { display: block; background-color: #E7E9EB; color: #062232; text-transform: uppercase; font-size: 15px; line-height: 19px; letter-spacing: 2px; padding: 18px 15px 18px 40px; margin: 5px 0; border-radius: 0px 6px 6px 0px; }
section#what-we-produce .wwp-buttons a:hover, section#what-we-produce .wwp-buttons a.active { background-color: #E02B29; color: #FFF; }
section#what-we-produce #metal-images { position: absolute; top: 50px; left: -400px; /*transform: translate(-450px, -450px);*/ width: 800px; height: 800px; z-index: 9; -webkit-transition: all 1000ms ease; transition: all 1000ms ease; }
section#what-we-produce #metal-images #mi-container { position: relative; width: 100%; height: 100%; }
section#what-we-produce #metal-images #mi-container > * { position: absolute; width: 150px; height: 150px; display: flex; -webkit-align-items: center; align-items: center; -webkit-transition: all 1000ms ease; transition: all 1000ms ease; -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; }
section#what-we-produce #metal-images.wwp1 { transform: rotate(360deg); }
section#what-we-produce #metal-images.wwp2 { transform: rotate(270deg); }
section#what-we-produce #metal-images.wwp3 { transform: rotate(180deg); }
section#what-we-produce #metal-images.wwp4 { transform: rotate(90deg); }
section#what-we-produce #metal-images img { height: auto; -webkit-transition: all 1000ms ease; transition: all 1000ms ease; }
section#what-we-produce #metal-images .wwp1 { transform: translate(0%, -50%); right: 0; top: 50%; }
section#what-we-produce #metal-images .wwp2 { transform: translate(-50%, 0); left: 50%; bottom: 0; }
section#what-we-produce #metal-images .wwp3 { transform: translate(0%, -50%); left: 0; top: 50%; }
section#what-we-produce #metal-images .wwp4 { transform: translate(-50%, 0); left: 50%; top: 0; }
section#what-we-produce #metal-images.wwp1 #mi-container > .wwp1 { -webkit-transform: translate(350px, -50%) scale(3); -moz-transform: translate(350px, -50%) scale(3); -ms-transform: translate(350px, -50%) scale(3); -o-transform: translate(350px, -50%) scale(3); transform: translate(350px, -50%) scale(3); }
section#what-we-produce #metal-images.wwp2 #mi-container > .wwp2 { transform: translate(-50%, 350px) scale(3); }
section#what-we-produce #metal-images.wwp3 #mi-container > .wwp3 { transform: translate(-350px, -50%) scale(3); }
section#what-we-produce #metal-images.wwp4 #mi-container > .wwp4 { transform: translate(-50%, -350px) scale(3); }
section#what-we-produce #metal-images.wwp1 .wwp1 img { transform: rotate(0deg); }
section#what-we-produce #metal-images.wwp2 .wwp2 img { transform: rotate(90deg); }
section#what-we-produce #metal-images.wwp3 .wwp3 img { transform: rotate(180deg); }
section#what-we-produce #metal-images.wwp4 .wwp4 img { transform: rotate(270deg); }
section#what-we-produce .mobile { display: none; }
section#what-we-produce .owl-carousel .owl-stage-outer { overflow: initial; }
section#what-we-produce .owl-carousel .owl-item { position: absolute; }
section#what-we-produce .owl-nav { display: none; }
@media (max-width:1600px) {
  section#what-we-produce { min-height: 800px; }
  section#what-we-produce .metal .name { font-size: 100px; line-height: 80px; }
  section#what-we-produce #metal-images { width: 700px; height: 700px; left: -350px; }
  section#what-we-produce #metal-images.wwp1 #mi-container > .wwp1 { transform: translate(250px, -50%) scale(2.5); }
  section#what-we-produce #metal-images.wwp2 #mi-container > .wwp2 { transform: translate(-50%, 250px) scale(2.5); }
  section#what-we-produce #metal-images.wwp3 #mi-container > .wwp3 { transform: translate(-250px, -50%) scale(2.5); }
  section#what-we-produce #metal-images.wwp4 #mi-container > .wwp4 { transform: translate(-50%, -250px) scale(2.5); }
  section#what-we-produce .wwp-buttons { padding-bottom: 75px; }
  section#what-we-produce .wwp-buttons a { padding: 10px 10px 10px 25px }
}
@media (max-width:1250px) {
  section#what-we-produce .metal .name { font-size: 100px; line-height: 80px; }
  section#what-we-produce #metal-images { width: 600px; height: 600px; left: -300px; top: 100px; }
  section#what-we-produce #metal-images.wwp1 #mi-container > .wwp1 { transform: translate(200px, -50%) scale(1.75); }
  section#what-we-produce #metal-images.wwp2 #mi-container > .wwp2 { transform: translate(-50%, 200px) scale(1.75); }
  section#what-we-produce #metal-images.wwp3 #mi-container > .wwp3 { transform: translate(-200px, -50%) scale(1.75); }
  section#what-we-produce #metal-images.wwp4 #mi-container > .wwp4 { transform: translate(-50%, -200px) scale(1.75); }
}
@media (max-width:1024px) {
  section#what-we-produce { min-height: 100px; padding-top: 56px; padding-bottom: 56px; }
  section#what-we-produce #metal-images, section#what-we-produce .metal, section#what-we-produce .wwp-buttons { display: none; }
  section#what-we-produce .mobile { display: block; }
  section#what-we-produce .content { -webkit-flex-basis: 100%; flex-basis: 100%; padding: 0 24px; display: block; }
  section#what-we-produce .content .descriptions .name { position: absolute; width: 100%; top: 0; font-size: 100px; line-height: 100px; text-align: center; color: #E7EEF2; text-transform: uppercase; z-index: 0; letter-spacing: -1px; display: none;}
  section#what-we-produce .content .descriptions .wwp3 .name { font-size: 100px; line-height: 90px; text-align: right; }
  section#what-we-produce .content .descriptions h4 { margin-top: 40px; padding-right: 110px; }
  section#what-we-produce .content .descriptions .image { position: relative; z-index: 1; margin-bottom: 50px; padding-top: 30px; height: 230px; text-align: center; }
  section#what-we-produce .content .descriptions .image img { max-height: 100%; width: auto; display: inline-block; }
  section#what-we-produce .content .descriptions .owl-item > * { position: relative; opacity: 1; padding-right: 40px; }
  section#what-we-produce .owl-carousel .owl-stage-outer { overflow: hidden; }
  section#what-we-produce .owl-carousel .owl-item { position: relative; }
  section#what-we-produce .owl-nav { display: flex; position: absolute; top: 270px; right: 0; }
  section#what-we-produce .owl-nav button { background-color: #E02B29; color: #FFF; display: flex; align-items: center; justify-content: center; padding: 11px 16px !important; width: 45px; -webkit-transition: all 400ms ease; transition: all 400ms ease; box-shadow: none; font-size: 16px; }
  section#what-we-produce .owl-nav button:hover { background-color: #9F1F1D; box-shadow: none; }
  section#what-we-produce .owl-nav button.disabled { background-color: #EBEDEF; color: #C1C8CC; cursor: default; }
  section#what-we-produce .owl-nav button.owl-prev { border-radius: 6px 0px 0px 6px; margin-right: 10px; }
  section#what-we-produce .owl-nav button.owl-next { border-radius: 0px 6px 6px 0px; }
}

@media (max-width:768px) {
  section#what-we-produce .content .descriptions .owl-item > * { padding-right: 0; }
}
@media (max-width:600px) {
  section#what-we-produce .content .descriptions .name { font-size: 100px; line-height: 75px; text-align: center; }
  section#what-we-produce .content .descriptions .wwp3 .name { font-size: 75px; line-height: 75px; text-align: right; }
}
@media (max-width:450px) {
  section#what-we-produce .content .descriptions .name { font-size: 64px; line-height: 64px; text-align: center; }
  section#what-we-produce .content .descriptions .wwp3 .name { font-size: 54px; line-height: 54px; text-align: right; }
  section#what-we-produce .owl-nav button.owl-prev { margin-right: 0px; }
}



/* TIMELINE */
section#timeline { background-color: #0C2736; color: #6A7A84; padding-top: 56px; padding-bottom: 100px; padding-right: 0; }
section#timeline h3 { color: #fff; margin-top: 0; font-size: 35px; line-height: 46px; }
section#timeline .heading span { text-transform: uppercase; font-size: 15px; line-height: 20px; color: #E02B29; letter-spacing: 2px; }
section#timeline .scroller { width: 100%; position: relative; padding-right: 0; margin: auto; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column }
section#timeline .scroller { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-direction: normal }
section#timeline .scroller .items { overflow-x: scroll; overflow-y: hidden; -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; cursor: pointer }
section#timeline .scroller .items::-webkit-scrollbar { display: none; }
section#timeline .scroller .items .top, section#timeline .scroller .items .bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-direction: normal -webkit-box-orient:horizontal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; }
section#timeline .scroller .items .top { padding-left: 335px; position: relative; width: 100%; }
section#timeline .scroller .items .top:after { content: ""; width: 100%; position: absolute; bottom: 0; height: 4px; left: 0; background-color: #fff; pointer-events: none; }
section#timeline .scroller .items .item { min-width: 670px; padding: 0 15px; }
section#timeline .items .item { min-height: 200px; display: flex; position: relative; }
section#timeline .items .item .event { padding-left: 17px; font-size: 15px; line-height: 22px; max-width: 70%; }
section#timeline .items .item:first-of-type { padding-left: 12px; left: 0; }
section#timeline .items .item .event .year { font-family: "GilroySemiBold"; color: #fff; font-size: 28px; line-height: 36px; margin-bottom: 8px; }
section#timeline .items .item .event a { font-size: 14px; line-height: 16px; }
section#timeline .items .item .event a:hover { color: #FFF; }
section#timeline .items .item .event:before { content: ""; background: #fff; width: 1px; height: 100%; position: absolute; top: 0; left: 12px; }
section#timeline .items .item .event:after { content: ""; background: #fff; width: 24px; height: 24px; border-radius: 50%; position: absolute; left: 0; top: -14px; }

/*section#timeline .items .item.align-top .event { padding-top: 45%; }*/
section#timeline .items .bottom .item { padding-top: 65px; }
section#timeline .items .bottom .item:before { top: 50%; }
/*section#timeline .items .bottom { -webkit-align-items: flex-start; align-items: flex-start; }*/
section#timeline .items .top .item { border-bottom: 4px solid #fff }
section#timeline .items .top .item .event:after { bottom: -14px; top: auto }
.timeline-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0,0,0,0.5);
  color: white;
  border: none;
  font-size: 24px;
  padding: 10px 14px;
  cursor: pointer;
  z-index: 5;
}

#timelinePrev { left: 10px; }
#timelineNext { right: 10px; }

.timeline-btn:hover {
  background: rgba(0,0,0,0.8);
}

/* OPERATIONS AND PROJECTS */
body.page-template-tpl-operations-projects section#operations-projects { display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; background-color: #0C2736; }
body.page-template-tpl-operations-projects section#operations-projects .sub-navigation { -webkit-flex-basis: 230px; flex-basis: 230px; margin: 95px 0 87px 80px; }
body.page-template-tpl-operations-projects section#operations-projects .operations-content { -webkit-flex-basis: calc(100% - 310px); flex-basis: calc(100% - 310px); background-color: #FFF; border-radius: 50px 0px 0px 0px; padding-top: 80px; }
body.page-template-tpl-operations-projects section#operations-projects .sub-navigation ul { list-style: none; margin: 0; padding-left: 0; }
body.page-template-tpl-operations-projects section#operations-projects .sub-navigation ul li a { display: block; border-radius: 6px 0 0 6px; height: 100%; padding: 18px; text-transform: uppercase; background-color: #E7E9EB; color: #062232; font-size: 15px; line-height: 20px; margin-bottom: 8px; letter-spacing: 2px; }
body.page-template-tpl-operations-projects section#operations-projects .sub-navigation ul li a:hover, 
body.page-template-tpl-operations-projects section#operations-projects .sub-navigation ul li.current_page_item > a { background-color: #E02B29; color: #FFF; }
body.page-template-tpl-operations-projects section#operations-projects .operations-content > * { padding-left: 90px; padding-right: 90px; }

body.page-template-tpl-operations-projects section#operations-projects .sub-navigation ul.children { padding-left: 32px; }
body.page-template-tpl-operations-projects section#operations-projects .sub-navigation ul li.current_page_parent > a { background-color: #E02B29; color: #FFF; }

section#operations-projects .operations-content .project-intro { padding-bottom: 20px; position: relative; }
section#operations-projects .operations-content .project-intro .intro-background { display: none; position: absolute; top:0; left:0; width: 100%; height: 490px; background-repeat: no-repeat; background-position: top right; background-size:contain; z-index:1; }
section#operations-projects .operations-content .project-intro .content { -webkit-flex-basis: calc(100% - 560px); flex-basis: calc(100% - 560px); color: #585757; font-size: 20px; line-height: 28px; margin-right: 60px; z-index:2; position: relative; }
/*section#operations-projects .operations-content .project-intro .image { -webkit-flex-basis: 500px; flex-basis: 500px; }*/

section#operations-projects .operations-content .project-intro .image { position: relative; background-repeat: no-repeat; background-size: cover; background-position: center; -webkit-flex-basis: 500px; flex-basis: 500px; width: 500px; min-height:500px; max-height: 550px; }
section#operations-projects .operations-content .project-intro .image:after { content: ""; position: absolute; pointer-events: none; background-image: url(img/project_image_maskc81e.png?2); background-repeat: no-repeat; background-size: 502px; background-position: top; bottom: 0; width: calc(100% + 2px); height: calc(100% + 1px); left: -1px; transition: all 400ms ease; }
section#operations-projects .operations-content .project-intro .image:before { content: ""; position: absolute; pointer-events: none; bottom: -1px; width: calc(100% + 2px); height: 2px; background-color: #FFF; }


section#operations-projects .operations-content .project-intro .content .location-tag { display: inline-block; background-color: #E02B29; color: #FFF; border-radius: 3px; padding: 5px; text-transform: uppercase; font-size: 11px; line-height: 12px; letter-spacing: 1px; }
.page-id-63 section#operations-projects .operations-content .project-intro .content .location-tag { background-color: #BF9D7B; }
.page-id-65 section#operations-projects .operations-content .project-intro .content .location-tag { background-color: #E58F25; }
.page-id-68 section#operations-projects .operations-content .project-intro .content .location-tag { background-color: #13537A; }
.page-id-70 section#operations-projects .operations-content .project-intro .content .location-tag { background-color: #13537A; }
.parent-pageid-70 section#operations-projects .operations-content .project-intro .content .location-tag { background-color: #13537A; }

section#operations-projects .operations-content .project-intro .content h2 { margin: 10px 0; }
section#operations-projects .operations-content .project-intro .content .mine-ownership { margin: 25px 0; color: #6A7A84; font-size: 15px; line-height: 22px; }
section#operations-projects .operations-content .project-intro .content .mine-ownership strong { color: #E02B29; }
section#operations-projects .operations-content .project-intro .content .btn { font-size: 15px; line-height: 22px; }
section#operations-projects .operations-content .project-intro .content .btn i { font-size: 10px; }
section#operations-projects .operations-content .project-description { padding: 20px 0 40px 0; color: #585757; font-size: 17px; line-height: 25px; }
section#operations-projects .operations-content .project-description h3 { color: #062232; font-size: 28px; line-height: 37px; }
section#operations-projects .operations-content .project-stats { padding: 80px 0 40px 0; color: #585757; font-size: 17px; line-height: 25px; }
section#operations-projects .operations-content .project-stats .stat { -webkit-flex-basis: calc((100% / 3) - 48px); flex-basis: calc((100% / 3) - 48px); /*font-size: 20px; line-height: 28px;*/ margin-right: 48px; margin-bottom: 20px; }
section#operations-projects .operations-content .project-stats .stat h4 { color: #E02B29; font-size: 35px; line-height: 46px; letter-spacing: -0.8px; margin-bottom: 10px; }
section#operations-projects .operations-content .project-features { padding: 80px 0; color: #585757; font-size: 15px; line-height: 22px; }
section#operations-projects .operations-content .project-features .feature { -webkit-flex-basis: calc((100% / 3) - 48px); flex-basis: calc((100% / 3) - 48px); margin-right: 48px; position: relative; padding-top: 75px; }
section#operations-projects .operations-content .project-features .feature:before { content: "\f005"; font-family: FontAwesome; color: #FFF; background-color: #E02B29; font-size: 12px; line-height: 12px; position: absolute; top: 0; left: 0; width: 60px; height: 60px; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; border-radius: 50%; }
section#operations-projects .operations-content .project-features .feature strong { color: #1C1C1C; font-size: 20px; line-height: 28px; }
section#operations-projects .operations-content .project-features .feature p { margin: 0 0 12px 0; }

body.page-template-tpl-operations-projects section#operations-projects .operations-content >  .technical-reports { padding-top:60px; padding-bottom: 60px; overflow: hidden; }
section#operations-projects .operations-content .technical-reports > .flex:first-of-type { padding-right: 0px; margin-bottom: 30px; }
section#operations-projects .operations-content .technical-reports h4 { color: #062232; font-size: 35px; line-height: 47px; margin-bottom: 10px; }
section#operations-projects .operations-content .technical-reports .view-all { color: #E02B29; font-size: 20px; line-height: 26px; font-family: GilroyBold, serif; }
section#operations-projects .operations-content .technical-reports .view-all:hover { color: #EAA551; }
section#operations-projects .operations-content .technical-reports .view-all i { font-size: 15px; }
section#operations-projects .operations-content .technical-reports .reports { -webkit-flex-basis: 100%; flex-basis: 100%; width: 100%; }
section#operations-projects .operations-content .technical-reports .reports .report { display: flex; -webkit-justify-content: space-between; justify-content: space-between; padding: 26px 60px; width: 100%; background-color: #FAFBFB; margin-bottom: 15px; border-radius: 6px; margin-bottom: 15px; }
section#operations-projects .operations-content .technical-reports .reports .report .title { font-size: 20px; line-height: 28px; font-family: GilroyBold, serif; font-weight: 700; color: #062232; }
section#operations-projects .operations-content .technical-reports .reports .report .pdf-link { font-size: 28px; text-align: right; }
section#operations-projects .operations-content .technical-reports .reports .report .pdf-link a:hover { opacity: 0.75; }

body.page-template-tpl-operations-projects section#operations-projects .operations-content > .highlighted-stories { padding:84px 60px; border-radius: 50px 0px 0px 0px; background: linear-gradient(90deg, #E02B29 0%, #A11C20 100%); color: #FFF; }
section#operations-projects .operations-content .highlighted-stories h4 { color: #FFF; font-size: 35px; line-height: 47px; }
section#operations-projects .operations-content .highlighted-stories .view-all { color: #FFF; font-size: 20px; line-height: 26px; font-family: GilroyBold, serif; }
section#operations-projects .operations-content .highlighted-stories .view-all:hover { color: #EAA551; }
section#operations-projects .operations-content .highlighted-stories .view-all i { font-size: 15px; }
section#operations-projects .operations-content .highlighted-stories .story { -webkit-flex-basis: calc(50% - 25px); flex-basis: calc(50% - 25px); margin-top: 50px; }
section#operations-projects .operations-content .highlighted-stories .story:first-of-type { margin-right: 50px; }
section#operations-projects .operations-content .highlighted-stories .story .image { position: relative; min-height:300px; background-repeat: no-repeat; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; margin-bottom: 20px; }
section#operations-projects .operations-content .highlighted-stories .story .image .tag { position: absolute; left:0; bottom:0; }
section#operations-projects .operations-content .highlighted-stories .story .title { font-size: 20px; line-height: 28px; margin-bottom: 30px; font-family: GilroyBold, serif; }
section#operations-projects .operations-content .highlighted-stories .story .description { font-size: 15px; line-height: 20px; margin-bottom: 25px; }
section#operations-projects .operations-content .highlighted-stories .story a { color: #FFF; font-family: GilroyBold, serif; }
section#operations-projects .operations-content .highlighted-stories .story a:hover { color: #EAA551; }
section#operations-projects .operations-content .highlighted-stories .story a i { margin-left: 25px; font-size: 14px; }

@media (max-width:1400px) {
  body.page-template-tpl-operations-projects section#operations-projects .operations-content > * { padding-left: 60px; padding-right: 60px; }
  section#operations-projects .operations-content .project-intro .content { -webkit-flex-basis: calc(100% - 330px); flex-basis: calc(100% - 330px); margin-right: 30px; }
  section#operations-projects .operations-content .project-intro .image { -webkit-flex-basis: 300px; flex-basis: 300px; min-height: 300px; max-height: 300px; }
  section#operations-projects .operations-content .project-intro .image:after { background-size: 302px; }
  section#operations-projects .operations-content .project-stats .stat { margin-right: 30px; -webkit-flex-basis: calc((100% / 3) - 20px);  flex-basis: calc((100% / 3) - 20px); }
  section#operations-projects .operations-content .project-stats .stat:nth-of-type(3n) { margin-right: 0; }
  body.page-template-tpl-operations-projects section#operations-projects .operations-content > .project-intro { padding-right: 10px; }
}
@media (max-width:1100px) {
  body.page-template-tpl-operations-projects section#operations-projects .operations-content > .technical-reports { padding-left: 50px; }
  }
@media (max-width:1024px) {
  body.page-template-tpl-operations-projects section#operations-projects .sub-navigation { margin:0; overflow: hidden; }
  body.page-template-tpl-operations-projects section#operations-projects .sub-navigation ul { display: flex; }
  body.page-template-tpl-operations-projects section#operations-projects .sub-navigation ul.sub > li { background-color: #FFF; position: relative; padding: 8px 18px; min-height: 64px; display: flex; justify-content: center; flex-direction: column;  }
  body.page-template-tpl-operations-projects section#operations-projects .sub-navigation ul.sub li:after { content:""; position: absolute; top:10px; right:0; width:1px; height:42px; background-color: #E02B28; }
  body.page-template-tpl-operations-projects section#operations-projects .sub-navigation ul li:last-of-type::after { display: none; }
  body.page-template-tpl-operations-projects section#operations-projects .sub-navigation ul li a { display: inline; height: auto; padding: 0; white-space: nowrap; background-color: transparent; color: #E02B29; border-radius:0; text-transform:initial; font-weight: 700;font-family: GilroyBold, serif; letter-spacing: 0; margin-bottom: 0;}
  body.page-template-tpl-operations-projects section#operations-projects .sub-navigation ul { overflow-x: scroll; overflow-y: hidden; -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; cursor: pointer }
  body.page-template-tpl-operations-projects section#operations-projects .sub-navigation ul::-webkit-scrollbar { display: none; }
  body.page-template-tpl-operations-projects section#operations-projects .sub-navigation ul li a:hover, 
  body.page-template-tpl-operations-projects section#operations-projects .sub-navigation ul li.current_page_item > a { background-color:transparent; color: #0C2736; }

  body.page-template-tpl-operations-projects section#operations-projects .sub-navigation ul.children { padding-left: 0; }
  body.page-template-tpl-operations-projects section#operations-projects .sub-navigation ul.children li { padding: 6px 10px; background-color: #fff; position: relative; }
  body.page-template-tpl-operations-projects section#operations-projects .sub-navigation ul.children li:first-of-type { padding: 6px 10px 6px 0; background-color: #fff; position: relative; }
  body.page-template-tpl-operations-projects section#operations-projects .sub-navigation ul.children li:after { top:6px; right:0; width:1px; height: 22px; background-color: #E02B28; }
  body.page-template-tpl-operations-projects section#operations-projects .sub-navigation ul li.current_page_parent > a { background-color: transparent; color: #0C2736;  }

  body.page-template-tpl-operations-projects section#operations-projects { display: block; }
  body.page-template-tpl-operations-projects section#operations-projects .operations-content { padding-top: 0px; border-radius:0;}
  body.page-template-tpl-operations-projects section#operations-projects .operations-content > * { padding-left: 24px; padding-right: 24px; }
  section#operations-projects .operations-content .project-intro { padding-bottom: 32px; padding-top: 425px;  flex-direction:column-reverse; position: relative; overflow: hidden;}
  section#operations-projects .operations-content .project-intro .content { -webkit-flex-basis: 100%; flex-basis: 100%; margin-right: 0; }
  section#operations-projects .operations-content .project-intro .image { position: absolute; right:0; top:0; min-height: 500px; max-height: 500px; max-width:100%; width: 100%; }
  section#operations-projects .operations-content .project-intro .image:after { background-image: url(img/project_image_mask_mobile.png); background-position: top right; background-size:cover; }
  /*section#operations-projects .operations-content .project-intro .image { display: none; }
  section#operations-projects .operations-content .project-intro .intro-background { display: block; }*/
  section#operations-projects .operations-content .project-description { padding:32px 0; }
  section#operations-projects .operations-content .project-description h3 { font-size: 22px; line-height: 26px; font-family: "Gilroy", serif; font-weight: 500; }
  section#operations-projects .operations-content .project-features { padding:56px 0 0 0; }
  section#operations-projects .operations-content .project-stats { padding:32px 0 0 0; }
  section#operations-projects .operations-content .project-features .feature { -webkit-flex-basis: 100%; flex-basis: 100%; margin-right: 0; margin-bottom: 20px; }
  section#operations-projects .operations-content .project-features .feature:last-of-type { margin-bottom: 0; }
  section#operations-projects .operations-content .project-features .feature strong { font-size: 22px; line-height: 26px; font-family: "Gilroy", serif; font-weight: 500; }
  body.page-template-tpl-operations-projects section#operations-projects .operations-content > .technical-reports { padding-top: 48px; padding-bottom: 35px; padding-left: 24px;padding-right: 24px; }
  section#operations-projects .operations-content .technical-reports .dt { display: none; }
  section#operations-projects .operations-content .technical-reports > .flex:first-of-type { padding-right: 0; margin-bottom: 0; }
  section#operations-projects .operations-content .technical-reports h4 { font-size: 22px; line-height: 26px; font-family: "GilroySemiBold", serif; }
  section#operations-projects .operations-content .technical-reports .flex { display: block; }
  section#operations-projects .operations-content .technical-reports .description { margin-right: 0; font-size: 14px; line-height: 22px; color: #6A7A84;}
  section#operations-projects .operations-content .technical-reports .reports .report { display: block; padding:24px; }
  section#operations-projects .operations-content .technical-reports .reports .report .pdf-link { margin-top: 5px; text-align: left; }

}
@media (max-width:768px) {
  body.page-template-tpl-operations-projects section#operations-projects .operations-content > .highlighted-stories { padding: 0 24px 48px 24px; background:#FFF; position: relative; overflow: hidden; }
  section#operations-projects .operations-content .project-stats .stat { -webkit-flex-basis: 100%; flex-basis: 100%; margin-right: 0; margin-bottom: 0; }
  section#operations-projects .operations-content .project-stats .stat h4 { font-size: 22px; line-height: 26px; font-family: "Gilroy", serif; font-weight: 500; margin-bottom: 5px; }
  section#operations-projects .operations-content .highlighted-stories:after { content:""; z-index:1; position: absolute; width: 100%; height: 100%; left:0; top:150px; border-radius:50px 50px 0 0; background: linear-gradient(90deg, #E02B29 0%, #A11C20 100%); }
  section#operations-projects .operations-content .highlighted-stories > * { z-index:2; position: relative; }   
  section#operations-projects .operations-content .highlighted-stories h4 { color: #062232; font-size: 22px; line-height: 26px; font-family: "Gilroy", serif; font-weight: 500; }
  section#operations-projects .operations-content .highlighted-stories .flex:first-of-type { flex-direction:column-reverse; -webkit-align-items: initial; align-items: initial; }
  section#operations-projects .operations-content .highlighted-stories .flex:first-of-type > * { -webkit-flex-basis: 100%; flex-basis: 100%; }
  section#operations-projects .operations-content .highlighted-stories .flex:first-of-type > div { text-align: right; margin-bottom: 30px; }
  section#operations-projects .operations-content .highlighted-stories .view-all { display: inline-block; color: #FFF; padding: 11px 16px; text-align: right; font-family: "Gilroy", serif; font-weight: 500; font-size: 17px; border-radius: 6px; border: 1px solid #FFF; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04), 0px 2px 1px 0px rgba(0, 0, 0, 0.03), 0px 1px 3px 0px rgba(0, 0, 0, 0.05); }
  section#operations-projects .operations-content .highlighted-stories .story { -webkit-flex-basis: 100%; flex-basis: 100%; background-color: #FFF; padding-bottom: 32px; margin-top: 0; margin-right: 0 !important; margin-bottom: 16px; border-radius:5px; }
  section#operations-projects .operations-content .highlighted-stories .story .image { min-height: 200px; border-radius: 5px 5px 0 0; }
  section#operations-projects .operations-content .highlighted-stories .story .image .tag { position: absolute; left:16px; bottom:-8px; }
  section#operations-projects .operations-content .highlighted-stories .story .title { color: #062232; padding: 0 16px; margin-bottom: 16px; }
  section#operations-projects .operations-content .highlighted-stories .story .description { color: #3F5561; padding:2px 16px 0 16px;}
  section#operations-projects .operations-content .highlighted-stories .story a { color: #E02B29; padding:2px 16px 0 16px;  }
  section#operations-projects .operations-content .highlighted-stories .story a i { margin-left: 5px; }
  section#operations-projects .operations-content .highlighted-stories .dt { display: none; }
  section#operations-projects .operations-content .highlighted-stories .mob { display: block; text-align: right; }
}

@media (max-width:600px) {
  section#timeline .scroller .items .item { min-width: 400px; }
  section#timeline .items .item .event { max-width:90%; }
}

/* LEADERSHIP AND GOVERNANCE */
section#leadership-team { padding: 80px 0 30px 0; background-color: #0C2736; color: #FFF; }
section#leadership-team .staff-bios {}
section#leadership-team .staff-bios .bio { position: relative; -webkit-flex-basis: calc(25% - ((32px * 3) / 4)); flex-basis: calc(25% - ((32px * 3) / 4)); margin-right: 32px; margin-bottom: 50px; padding-bottom: 60px; max-width: 450px; }
section#leadership-team .staff-bios .bio:nth-of-type(4n) { margin-right: 0; }
section#leadership-team .staff-bios .bio .image { border-radius: 6px; background-repeat: no-repeat; background-size:cover; min-height:300px; background-position:center; }
section#leadership-team .staff-bios .bio > .name { font-family: "GilroyBold", serif; font-size: 20px; line-height: 28px; }
section#leadership-team .staff-bios .bio > .title { font-size: 13px; line-height: 18px; }
section#leadership-team .staff-bios .bio > .bottom { position: absolute; left: 0; bottom: 0; width: 100%; min-height:36px; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; }
section#leadership-team .staff-bios .bio > .bottom .read-bio { color: #E02B29; font-size: 15px; line-height: 22px; }
section#leadership-team .staff-bios .bio > .bottom .read-bio:hover { color:#EAA551; }
section#leadership-team .staff-bios .bio > .bottom .social { display: flex; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-align-items: center; align-items: center; }
section#leadership-team .staff-bios .bio > .bottom .social a { display: inline-block; width: 36px; height: 36px; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; border-radius:50%; background-color: #EBEDEF; color: #0C2736; font-size: 15px; margin-left: 16px; }
section#leadership-team .staff-bios .bio > .bottom .social a:hover { background:#EAA551;  }
section#leadership-team .staff-bios .bio .bio-popup { display: none;/* -webkit-transition: all 300ms ease; transition: all 300ms ease;*/ }
/*section#leadership-team .staff-bios .bio .bio-popup.active { pointer-events: all; opacity: 1; }*/
section#leadership-team .staff-bios .bio .bio-popup .content { height:80vh; position: relative; border-radius: 50px 0px 0px 0px; margin-left: 290px; background-color: #FFF; padding:60px 0px 10px 0px; width: calc(100% - 290px); }
section#leadership-team .staff-bios .bio .bio-popup .content .close { cursor: pointer; background-color: #E02B29; border-radius: 6px 0px 0px 6px; position: absolute; left:-60px; top:64px; width:60px; height:54px; padding:20px; color: #FFF; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
section#leadership-team .staff-bios .bio .bio-popup .content .close:hover { background:#EAA551; }
section#leadership-team .staff-bios .bio .bio-popup .content .scrollable { overflow-y:scroll; height: 100%; padding:20px 60px;}
section#leadership-team .staff-bios .bio .bio-popup .content .image { border-radius: 18px; -webkit-flex-basis: 300px; flex-basis: 300px; margin-right: 40px; }
section#leadership-team .staff-bios .bio .bio-popup .content .name-title { -webkit-flex-basis: calc(100% - 340px); flex-basis: calc(100% - 340px); font-size: 20px; line-height: 28px; color: #062232; }
section#leadership-team .staff-bios .bio .bio-popup .content .name-title strong { font-size: 40px; line-height: 42px; display: inline-block; margin-bottom: 10px; }
section#leadership-team .staff-bios .bio .bio-popup .content h3 { font-size: 20px; line-height: 32px; font-family: "GilroySemiBold", serif; font-weight: 600; margin-bottom: 10px;}
section#governance { padding-top: 80px; padding-bottom: 80px; font-size: 20px;line-height: 28px; }
section#governance p { color: #6A7A84; }
section#governance .flex > * { -webkit-flex-basis: calc(33% - (80px / 3)); flex-basis: calc(33% - (80px / 3)); margin-right: 40px; }
section#governance .flex > *:last-of-type { margin-right: 0; }
section#governance .flex strong { color: #E02B29; font-size: 28px; line-height: 32px; display: block; }
section#governance .flex select { margin-top: 25px; border-color: #BBBDC0; width:100%; display: inline-block; }


@media (max-width:1024px) {
  section#leadership-team .staff-bios .bio { -webkit-flex-basis: calc(50% - 12px); flex-basis: calc(50% - 12px); margin-right: 24px; }
  section#leadership-team .staff-bios .bio:nth-of-type(even) { margin-right: 0; }
  section#leadership-team .staff-bios .bio .bio-popup .content { margin-left: 60px; width: calc(100% - 60px); }
  section#governance .flex { display: block; }
  section#governance .flex > * { margin-right: 0; }
  section#governance .flex strong { font-family: "Gilroy", serif; font-weight: 500; font-size: 22px; line-height: 26px; margin-top: 30px; }
section#governance .flex select { margin-top: 20px; }
}

@media (max-width:768px) {
  section#leadership-team .staff-bios .bio .bio-popup .content { margin-left: 0; width: 100%; height:100%; padding:76px 0 0 0 ; border-radius: 0;  }
  section#leadership-team .staff-bios .bio .bio-popup .content .scrollable { padding:0; }
  section#leadership-team .staff-bios .bio .bio-popup .content .close { background-color: #FFF; color: #E02B29; border-radius: 0; left:auto; right:15px; top:20px; font-size: 30px; }
  section#leadership-team .staff-bios .bio .bio-popup .content .scrollable > .flex { display: block; }
  section#leadership-team .staff-bios .bio .bio-popup .content .image { height:400px; border-radius:0; margin-right: 0; }
  section#leadership-team .staff-bios .bio .bio-popup .content .name-title { margin-right: 24px; border-radius:8px; font-size: 17px; position: relative; top:-50px; left:0; background-color: #FFF; padding:16px 16px 0 24px;}
  section#leadership-team .staff-bios .bio .bio-popup .content .name-title strong { color: #E02B29; font-size: 30px; line-height: 36px;   }
  section#leadership-team .staff-bios .bio .bio-popup .content .about { font-size: 14px; line-height: 22px; padding:0 24px; position: relative; top:-24px; }
 
}
@media (max-width:400px) {
  section#leadership-team .staff-bios .bio { -webkit-flex-basis: 100%; flex-basis: 100%; margin-right: 0; }
  section#leadership-team .staff-bios .bio > .bottom { display: block; }
  section#leadership-team .staff-bios .bio > .bottom .social { -webkit-justify-content: flex-start; justify-content: flex-start; }
  section#leadership-team .staff-bios .bio > .bottom .social a { margin-left: 0;margin-right: 16px; margin-top: 16px; width: 30px; height: 30px; font-size: 12px; }
  section#leadership-team .staff-bios .bio .bio-popup .content .image { height:300px;}
}

/* SUSTAINABILITY */
section#sust-stats { padding-top: 80px; padding-bottom: 30px; color: #585757; font-size: 17px; line-height: 25px; }
section#sust-stats > .flex { margin-left: 160px; margin-right: 160px; }
section#sust-stats > .flex.quarter { margin-left: 0; margin-right: 0; }
section#sust-stats > .flex .stat { -webkit-flex-basis: calc((100% / 3) - 35px); flex-basis: calc((100% / 3) - 35px); font-size: 20px; line-height: 28px; margin-right: 35px; margin-bottom: 48px; }
section#sust-stats > .flex.quarter .stat { -webkit-flex-basis: calc((100% / 4) - 35px); flex-basis: calc((100% / 4) - 35px);  }
section#sust-stats .stat strong { color: #E02B29; font-size: 35px; line-height: 46px; letter-spacing: -0.8px; margin-bottom: 10px; }
section#sust-stats .stat p { margin-bottom: 0; }
section#presidents-message {  padding:60px 0; background-color: #0C2736; color: #FFF; }
section#presidents-message .content { -webkit-flex-basis: calc(100% - 640px); flex-basis: calc(100% - 640px); margin-left: 40px; margin-right: 0; font-size: 20px; line-height: 28px; }
section#presidents-message .content .btn { font-size: 15px; font-family: "GilroyBold", serif; font-weight: 700; margin-top: 15px;}
section#presidents-message .content .btn i { font-size: 12px; }
section#presidents-message .image { position: relative; background-repeat: no-repeat; background-size: cover; background-position: center -100px; -webkit-flex-basis: 600px; flex-basis: 600px; width: 600px; min-height: 600px; }
section#presidents-message .image:after { content: ""; position: absolute; pointer-events: none; background-image: url(img/presidents_message_mask.png); background-repeat: no-repeat; background-size: cover; background-position: top; bottom: 0; width: 100%; height: 100%; left: 0; }
section#sustainability-overview { padding:140px 0;}
section#sustainability-overview .content { -webkit-flex-basis: calc(100% - 600px); flex-basis: calc(100% - 600px); max-width:600px; margin-left: 0; margin-right: 0; font-size: 20px; line-height: 28px; color: #6A7A84; }
section#sustainability-overview .content h2 { color: #062232; margin-bottom: 30px; }
section#sustainability-overview .content .btn { font-size: 15px; font-family: "GilroyBold", serif; font-weight: 700; margin-top: 15px; }
section#sustainability-overview .content .btn i { font-size: 12px; }
section#sustainability-overview .image { position: relative; background-repeat: no-repeat; background-size: cover; background-position: center; -webkit-flex-basis: 600px; flex-basis: 600px; width: 600px; min-height: 600px; }
section#sustainability-overview .image:after { content: ""; position: absolute; pointer-events: none; background-image: url(img/sustainability_mask_full_white.png); background-repeat: no-repeat; background-size: cover; background-position: top; bottom: 0; width: 100%; height: 100%; left: 0; }
section.sust-content { padding-top:45px; background-color: #FFF; position: relative; overflow: hidden; }
section.sust-content .main h2 { margin-top: 0; }
section.sust-content .main h4 { margin: 0; color: #E02B29;}
section.sust-content .main .content { -webkit-flex-basis: calc(100% - 795px); flex-basis: calc(100% - 795px); max-width:700px; padding-bottom: 100px; margin-left: 80px; margin-right: 80px; font-size: 20px; line-height: 28px; }
section.sust-content .main .image { position: relative; background-repeat: no-repeat; background-size: cover; background-position: center; -webkit-flex-basis: 635px; flex-basis: 635px; width: 635px; min-height: 785px;  }
section.sust-content .main .image:after { content: ""; position: absolute; pointer-events: none; background-image: url(img/sustainability_mask_white1b26.png?v2); background-repeat: no-repeat; background-size: cover; background-position: top; bottom: 0; width: 100%; height: 100%; left: 0; }
section.sust-content .related { padding:0 80px; position: relative; margin-top: -100px; padding-bottom: 80px; }
section.sust-content .related > * { background-color: #FFF; -webkit-flex-basis: calc(50% - (36px / 2)); flex-basis: calc(50% - (36px / 2)); min-height: 100px; margin-right: 36px; padding:20px; border:1px solid #FFF; border-radius: 5px; box-shadow: 0px 12px 17px 0px rgba(0, 0, 0, 0.04), 0px 5px 22px 0px rgba(0, 0, 0, 0.03), 0px 7px 8px 0px rgba(0, 0, 0, 0.05); }
section.sust-content .related > *:last-of-type { margin-right: 0; }
section.sust-content .related > * .title { margin-top: 15px; margin-bottom: 15px; font-family: "GilroyBold", serif; font-weight: 700; font-size: 20px; line-height: 26px; }
section.sust-content .related > * .description { font-size: 15px; line-height: 22px; margin-bottom: 15px;}
section.sust-content .related > * .link { font-size: 15px; line-height: 22px; }
section.sust-content .related > * .link i { font-size: 13px; margin-left: 8px; }
section.sust-content.white .related { -webkit-justify-content: flex-end; justify-content: flex-end; }
section.sust-content.blue { background-color: #0C2736; color: #FFF; }
section.sust-content.blue .main .image:after { background-image: url(img/sustainability_mask_blue.png); background-position: top left; }
section.sust-content.blue .related > * { background-color: #0C2736;  }
section.sust-content.white .main { flex-direction:row-reverse; color: #6A7A84; }
section.sust-content.white .main h2, section.sust-content.white .main h3 { color: #062232; }
section#doc-reports-link { padding:50px 0; font-family: "GilroyBold", serif; font-size: 35px; font-weight:700; line-height: 42px; color: #FFF; }
section#doc-reports-link a { font-size: 22px; line-height: 26px; color: #FFF; }
section#doc-reports-link a:hover { color: #EAA551; }
section#doc-reports-link a i { margin-left: 8px; }
section.sust-content .main .content.logos { padding-bottom: 150px; }
#logo-marquee { display: flex; position: absolute; left: 0; z-index: 1000; -webkit-justify-content: flex-end; justify-content: flex-end; padding-right: 65px; min-width:1000px; width: 100%; }
.marquee { display: inline-block;  }
.marquee.clone { display: none;  }
.marquee > div { display: inline-block; border-radius: 6px; border: 1px solid #FAFBFB; padding:30px; margin:0 15px; white-space: nowrap; filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.04))  drop-shadow(0px 2px 1px rgba(0, 0, 0, 0.03)) drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.05)); background: #FFF; }
.marquee > div img { height: 70px; width: auto; max-width: 200%; }
#logo-marquee.scroll { width: auto; }
#logo-marquee.scroll .marquee { display: inline-block !important; animation: logoscroll 20s linear infinite;}
@keyframes logoscroll {
  from { transform: translateX(0); }
  to { transform: translateX(-100%); }
}
@media (max-width:1250px) {
section#sust-stats > .flex { margin-left: 0; margin-right: 0; }
  section.sust-content .main .content { -webkit-flex-basis: calc(100% - 620px); flex-basis: calc(100% - 620px); }
  section.sust-content .main .image { -webkit-flex-basis: 500px; flex-basis: 500px; width: 500px; }
  section.sust-content.blue .main .content { margin-right: 40px; }
  section.sust-content.blue .main .image:after { background-position: left top; }
  section.sust-content.white .main .content { margin-left: 40px; }
  section.sust-content.white .main .image:after { background-position: right top; }
}

@media (max-width:1024px) {
  section#sust-stats { padding-top: 50px; padding-bottom: 0; }
  section#sust-stats > .flex .stat, section#sust-stats > .flex.quarter .stat { -webkit-flex-basis: calc((100% / 2) - 17.5px); flex-basis: calc((100% / 2) - 17.5px); }
  section#sust-stats > .flex .stat:nth-of-type(even) { margin-right: 0; }
  section.sust-content .main .content { -webkit-flex-basis: calc(100% - 430px); flex-basis: calc(100% - 430px); }
  section.sust-content .main .image { -webkit-flex-basis: 350px; flex-basis: 350px; width: 350px; }
  section.sust-content.blue .main .content { margin-left: 40px; }
  section.sust-content.white .main .content { margin-right: 40px; }
  section.sust-content .related { padding-left: 40px; padding-right: 40px; }
  section#doc-reports-link .flex { display: block; }
  section#doc-reports-link { font-size: 24px; line-height: 32px; padding:20px 0; }
  section#doc-reports-link a {  font-family: "Gilroy", serif; font-weight: 400; display: inline-block; margin-top: 15px; }
  section#doc-reports-link a i { margin-left: 10px; font-size: 15px; }
  section#presidents-message .content { -webkit-flex-basis: 100%; flex-basis: 100%; }
  section#presidents-message .image { -webkit-flex-basis: 100%; flex-basis: 100%; }
  section#sustainability-overview { padding:50px 0; }
  section#sustainability-overview .content { -webkit-flex-basis: 100%; flex-basis: 100%; max-width: 100%; }
  section#sustainability-overview .image { -webkit-flex-basis: 100%; flex-basis: 100%; }
}
@media (max-width:768px) {
  section#sust-stats > .flex .stat, section#sust-stats > .flex.quarter .stat { -webkit-flex-basis:100%; flex-basis: 100%; }
  section#sust-stats > .flex .stat { margin-right: 0; }
  section.sust-content .main .content { -webkit-flex-basis: 100%; flex-basis: 100%; padding-top: 30px; margin-left: 20px !important; margin-right: 20px !important; }
  section.sust-content .main .image { -webkit-flex-basis: 100%; flex-basis: 100%; min-height:500px; width: 100%; }
  section.sust-content .main { flex-direction:column-reverse !important; }

  section.sust-content .related { padding-bottom: 40px; padding-left: 20px;padding-right: 20px; }
  section.sust-content .related > * { -webkit-flex-basis: 100%; flex-basis: 100%; margin-bottom: 30px; margin-right: 0; }
  section#presidents-message .container.flex { padding:0; -webkit-justify-content: center; justify-content: center; }
  section#presidents-message .content { margin:0 20px; }
  section#presidents-message .image { min-height:480px; height:480px; max-width:435px; background-position:center top; }
  section#presidents-message .image:after { background-position: top right; background-image: url(img/presidents_message_mask_mobile.png); }
  section#sustainability-overview .image { min-height:400px; }
  section#sustainability-overview .image:after {  background-image: none; }
}

/* SEARCH */
main .gs-image-box, .gssb_a img, .gsc-above-wrapper-area, main .gcsc-more-maybe-branding-root, main .gcsc-find-more-on-google-root { display:none; }
main .gs-result .gs-title *, .gsc-cursor-page, main .gs-spelling a {color: #E02B29 !important; }
main .gs-promotion .gs-visibleUrl, main .gs-webResult .gs-visibleUrl { color:#999 !important; }
main .gsc-wrapper * { font-family: Gilroy, serif !important; font-size:14px; }
main .gs-result .gs-title *, .gsc-cursor-page, .gs-spelling a { font-size:16px; /*font-weight:700;*/ }
main .gsc-results .gsc-cursor { display:flex; align-items: center; }
main .gsc-results .gsc-cursor-box .gsc-cursor-page { display: flex; -webkit-align-items: center; align-items: center; -webkit-transition: all 400ms ease; transition: all 400ms ease; padding:5px 10px; fill:#6A7A84; color: #6A7A84; -webkit-justify-content: center; justify-content: center; width:40px; height:40px; margin-right:0; font-size:16px; }
main .gsc-results .gsc-cursor-box .gsc-cursor-current-page, main .gsc-results .gsc-cursor-box .gsc-cursor-page:hover { background: #E02B29; color: white !important; fill:white; }
main .gsc-results .gsc-cursor-box .gsc-cursor-page:hover { text-decoration:none; }
main .gsib_a { padding:0; }
main .gsc-input table { margin-bottom:0; border:0;  }
main .gsc-input-box input { background:#EBEDEF !important; background-color: #EBEDEF; height:44px !important; padding: 16px 16px 16px 40px !important; border-radius: 0; border: none; color: #062232; width: 100%; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04), 0px 2px 1px 0px rgba(0, 0, 0, 0.03), 0px 1px 3px 0px rgba(0, 0, 0, 0.05); }
main .gsc-input-box { border:0; }
main .gsc-search-button-v2, main .gsc-search-button-v2:focus { background-color:#E02B29; border-color:#A11C20; height:44px; }
main .gsc-search-button-v2:hover { background-color:#A11C20; border-color:#A11C20; }
main .gsst_a .gscb_a { color:#E02B29; }
main .gsst_a:hover .gscb_a { color:#A11C20;}
main form.gsc-search-box { margin-bottom: 30px; width: 100%; max-width:600px; }
main .gsib_a { position: relative; }
main .gsib_a:before { content: "\f002"; display: flex; align-items: center; justify-content: center; font-family: "FontAwesome"; position: absolute; top:15px; left:10px; font-weight: 700; color:#999; }


/* INVESTORS */
section#ih-presentation-video { color: #FFF; background-color: #0C2736; }
section#ih-presentation-video .item { -webkit-flex-basis: calc(50% - 16px); flex-basis: calc(50% - 16px);}
section#ih-presentation-video .item:first-of-type { margin-right: 16px; }
section#ih-presentation-video .item:last-of-type { margin-left: 16px; }
section#ih-presentation-video .item.video .wrapper a { display: block; position: relative; padding-bottom: 56.25%; color: #FFF; font-size: 72px; background-repeat: no-repeat; background-size:cover; background-position: center; }
section#ih-presentation-video .item.video .wrapper a:before { content:""; background-color: #000; opacity: 0.2; position: absolute; top:0; left:0; width: 100%; height: 100%; }
section#ih-presentation-video .item.video .wrapper a i { position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); }
section#ih-presentation-video .item.presentation .wrapper a { display: block; position: relative; padding-bottom: 56.25%; background-repeat: no-repeat; background-size:cover; background-position: center;}
section#ih-presentation-video .title { margin-top: 16px; }
section#ih-presentation-video .link { text-align: right; }
section#ih-presentation-video .link a { display: inline-block; color: #FFF; margin-top: 20px; }
section#ih-vrify { color: #FFF; background-color: #0C2736; padding:60px 0 30px 0; }
section#ih-latest-news { background-color: #0C2736; padding: 40px 0 100px 0; position: relative; overflow: hidden; min-height: 700px; color: #062232; }
section#ih-latest-news .container { z-index: 2; position: relative; }
section#ih-latest-news h2 { color: #FFF; }
section#ih-latest-news .background { position: absolute; top: 375px; left: 0; width: 100%; border-radius: 50px 50px 0px 0px; height: 100%; z-index: 0; }
section#ih-latest-news .container .news-item { display: flex; -webkit-flex-basis: calc(50% - 16px); flex-basis: calc(50% - 16px); background: #FFF; box-shadow: 0px 7px 8px rgba(0, 0, 0, 0.05), 0px 5px 22px rgba(0, 0, 0, 0.03), 0px 12px 17px rgba(0, 0, 0, 0.04); margin-bottom: 16px; }
section#ih-latest-news .container .news-item:nth-of-type(odd) { margin-right: 32px; }
section#ih-latest-news .container .news-item .image { display: none; -webkit-flex-basis: 50%; flex-basis: 50%; background-repeat: no-repeat; background-size: cover; background-position: center; padding: 10px; }
section#ih-latest-news .container .news-item .content { -webkit-flex-basis: 100%; flex-basis: 100%; padding: 34px 18px; position: relative; }
section#ih-latest-news .container .news-item .content .tags { margin-bottom: 16px; display: none; }
section#ih-latest-news .container .news-item .content .tags .tag { margin-right: 16px; }
section#ih-latest-news .container .news-item .content .date { margin-bottom: 12px; }
section#ih-latest-news .container .news-item .content .title { font-size: 20px; line-height: 28px; font-family: GilroyBold, serif; }
section#ih-latest-news .container .news-item .content .description { font-size: 15px; line-height: 24px; margin: 20px 0; }
section#ih-latest-news .container .news-item .content .icon-link { font-size: 15px; line-height: 24px; font-family: GilroyBold, serif; }
section#ih-latest-news .container .news-item .content .icon-link:hover { color: #062232; }
section#ih-events { padding-top: 80px;padding-bottom: 80px; background-color: #FAFBFB; }
section#ih-events > .flex > * { -webkit-flex-basis: calc(50% - 21px); flex-basis: calc(50% - 21px); }
section#ih-events > .flex > .calls { margin-right: 42px; }
section#ih-events h3 { font-size: 28px; line-height: 32px; }
section#ih-financial-reports { padding-top: 80px; padding-bottom: 80px; background-color: #0C2736; color:#FFF; }
section#ih-financial-reports .top-header a { color: #FFF; }
section#ih-financial-reports .top-header a i { margin-left: 5px;  }
section#ih-financial-reports .reports.flex .report-container { -webkit-flex-basis: calc(50% - 42px); flex-basis: calc(50% - 42px); margin-bottom: 50px; }
section#ih-financial-reports .reports.flex .report-container:nth-of-type(odd) { margin-right: 84px; }
section#ih-financial-reports .reports.flex .report-container .tabs { display: flex; }
section#ih-financial-reports .reports.flex .report-container .tabs .tab-links { display: flex; -webkit-flex-basis: 130px; flex-basis: 130px; flex-direction:column; border-bottom:0; }
section#ih-financial-reports .reports.flex .report-container .tabs .tab-links a { border-radius:0; width: 100%; border-right:5px solid #0C2736; font-weight: 400; font-family: "Gilroy", serif; text-align: left; margin-bottom: 5px;}
section#ih-financial-reports .reports.flex .report-container .tabs .tab-links a.active { border-right:5px solid #E02B28;}
section#ih-financial-reports .reports.flex .report-container .tabs .tab-links a:last-of-type { margin-bottom: 0; }
section#ih-financial-reports .reports.flex .report-container .tabs .tab-content { -webkit-flex-basis: calc(100% - 130px); flex-basis: calc(100% - 130px);  }
section#ih-financial-reports .reports.flex .report-container .tab-content { background: linear-gradient(90deg, #FFF 95%, #0C2736 5%); padding:15px 0 15px 32px; color: #062232; }
section#ih-financial-reports .reports.flex .report-container .tab-content > * { width: 100%; height: 100%; }
section#ih-financial-reports .reports.flex .report-container .tab-content > * .flex { height: 100%; }
/*section#ih-financial-reports .reports.flex .report-container .tab-content .title-date { -webkit-flex-basis: calc(60% - 32px); flex-basis: calc(60% - 32px); }*/
section#ih-financial-reports .reports.flex .report-container .tab-content .title-date { -webkit-flex-basis: 90%; flex-basis: 90%; }
section#ih-financial-reports .reports.flex .report-container .tab-content .no-image .title-date { -webkit-flex-basis: 90%; flex-basis: 90%; }
section#ih-financial-reports .reports.flex .report-container .tab-content .title-date .title { font-size: 28px; line-height: 32px; font-weight: 600; margin-bottom: 13px; }
section#ih-financial-reports .reports.flex .report-container .tab-content .title-date .date { display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; font-size: 12px; line-height: 14px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; }
section#ih-financial-reports .reports.flex .report-container .tab-content .title-date .date i { font-size: 24px; }
section#ih-financial-reports .reports.flex .report-container .tab-content .image { display: none; background-color: #000; -webkit-flex-basis: 40%; flex-basis: 40%; height: 100%; background-size:cover; background-repeat: no-repeat; background-position:center; }
section#stock-charts { padding-top: 50px; padding-bottom: 50px; background-color: #FAFBFB; }
section#stock-charts .tab-content { padding-top: 0; }
section#stock-charts button { height:auto; } 
section#stock-charts .qmod-group-btn-ul .qmod-group-btn.qmod-active { background-color: #13537A; }
section#stock-charts .btn.blue { background-color: #13537A; font-size: 28px;line-height: 32px; font-weight: 600; padding-left: 50px; padding-right: 50px; }
section#stock-charts h1, section#stock-charts h2, .qmod-quotehead, .qmod-legend.qmod-legend-list { display: none !important; }
section#stock-charts .qmod-ui-tool .qmod-block-wrapper { background-color: #FAFBFB; }
section#stock-charts .mini-quote { -webkit-flex-basis: 50%; flex-basis: 50%; }
section#stock-charts .mini-quote .symbol {  color: #062232; font-size: 64px; line-height: 72px; font-family: GilroyBold, serif; }
section#stock-charts .mini-quote .details {  text-align: right; padding-left: 40px; }
section#stock-charts .mini-quote .details .last { color: #062232; font-size: 48px; line-height: 60px;  font-family: GilroyBold, serif; }
section#stock-charts .mini-quote .details .change { color: #062232; font-size: 28px; line-height: 32px; font-family: GilroyBold, serif; }
section#stock-charts .mini-quote .details .change.up { color: #1EBB1E; }
section#stock-charts .mini-quote .details .change.down { color: #BB1E1E; }
section#stock-charts .switch { -webkit-flex-basis: 50%; flex-basis: 50%; text-align: right; }
section#faq { background-color: #0C2736; padding-bottom:80px; color: #FFF; }
section#faq .container { padding-right: 190px; padding-left: 190px; }
section#faq h3 { margin-bottom: 0; } 
section#faq strong.red { color: #E02B29; }
section#media-library #tab-progress-gallery .item { display: flex; -webkit-align-items: center; align-items: center; }
section#media-library #tab-progress-gallery .item .image { height: 100px; -webkit-flex-basis: 150px; flex-basis: 150px; background-size: cover; background-repeat: no-repeat; background-position:top center; margin-right: 30px; }
section#media-library #tab-progress-gallery .item .details { -webkit-flex-basis: calc(100% - 180px); flex-basis: calc(100% - 180px); }
section#media-library #tab-progress-gallery .item .details .date { display: none; }
section#media-library #tab-progress-gallery .item .details .group { -webkit-flex-basis: calc(100% - 50px); flex-basis: calc(100% - 50px); }
section#media-library #tab-progress-gallery .item .details .pdf-link { -webkit-flex-basis: 50px; flex-basis: 50px; }
section#media-library #tab-videos .item { display: flex; -webkit-align-items: center; align-items: center; }
section#media-library #tab-videos .item .image { height: 100px; -webkit-flex-basis: 150px; flex-basis: 150px; background-size: cover; background-repeat: no-repeat; background-position:top center; margin-right: 30px; }
section#media-library #tab-videos .item .details { -webkit-flex-basis: calc(100% - 150px); flex-basis: calc(100% - 150px); }
section#media-library #tab-videos .item .details > .date { display: none; }
section#media-library #tab-videos .item .details .group { -webkit-flex-basis: calc(100% - 200px); flex-basis: calc(100% - 200px); }
section#media-library #tab-videos .item .details .group .alt-date { display: block; -webkit-flex-basis: 150px; flex-basis: 150px; letter-spacing: 1px; text-transform: uppercase; color: #6A7A84; font-size: 13px;line-height: 14px; margin-top: 5px; }
section#media-library #tab-videos .item .details .link-details { -webkit-flex-basis: 200px; flex-basis: 200px; text-align: right; }
section#media-library #tab-videos .item .details .link { display: block;font-size: 18px; }
section#media-library #tab-videos .item .details .pdf-link { display: none; }
section#media-library #tab-images-logos .image { margin-bottom: 25px; margin-right: 50px; -webkit-flex-basis: calc(25% - 50px); flex-basis: calc(25% - 50px); }
section#media-library #tab-images-logos .images { flex-wrap:wrap; }
section#media-library #tab-images-logos .image .thumbnail { margin: 5px 0; }
section#media-library #tab-images-logos .images:not(#logos) .image .thumbnail img { height:200px; object-fit:cover; }
section#media-library #tab-images-logos .image a { font-weight: 700; }
section#media-library #tab-images-logos #logos .image { margin-right: 30px; flex-basis:calc(50% - 30px); -webkit-flex-basis:calc(50% - 30px); }
section#media-library #tab-images-logos #logos .image .thumbnail { display: inline-block; }
section#media-library #tab-images-logos #logos .image .thumbnail.blue { background-color: #0C2736; padding:10px; position: relative; left:-10px; }

@media (max-width:1250px) {
  section#media-library #tab-images-logos .image { margin-right: 30px; -webkit-flex-basis: calc((100% / 3) - 30px); flex-basis: calc((100% / 3) - 30px); }
}
@media (max-width:1024px) {
  section#media-library #tab-images-logos { padding-top: 60px; }
  section#ih-vrify { padding:10px 0; }
}
@media (max-width:768px) {
  section#media-library #tab-images-logos .image { -webkit-flex-basis: calc((100% / 2) - 30px); flex-basis: calc((100% / 2) - 30px); }
}
@media (max-width:500px) {
  section#media-library #tab-images-logos .image { -webkit-flex-basis: 100% !important; flex-basis: 100% !important; margin-right: 0 !important; }
}
.enquiry-form {
  display: flex;
  flex-direction: column;
}

.enquiry-form input,
.enquiry-form textarea {
  margin-bottom: 10px;
  padding: 10px;
  
  border-radius: 4px;
}

.enquiry-form button {
  background-color: #E02B29;
  color: white;
  padding: 10px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.enquiry-form button:hover {
  background-color: #c22421;
}
section#contact-info { background-color: #0C2736; padding-bottom:80px; color: #FFF; }
section#contact-info .container { padding-right: 190px; padding-left: 190px; }
section#contact-info h2 { margin: 0; }
section#contact-info > .flex { margin-bottom: 50px;  margin-top: 30px;} 
section#contact-info > .flex > *:first-of-type { -webkit-flex-basis: calc(100% - 730px); flex-basis: calc(100% - 730px); }
section#contact-info .office { -webkit-flex-basis: 33%; flex-basis: 33%; min-width: 330px; margin-left: 35px; font-size: 15px; line-height: 22px; border-bottom:3px solid #E02B29; padding-bottom: 16px; }
section#contact-info .office h3 { font-size: 28px; line-height: 32px; font-weight: 600; font-family: "GilroySemiBold"; }
section#contact-info .office p:last-of-type { margin-bottom: 0; }
section#analyst-coverage { padding-top: 60px; padding-bottom: 60px; }
section#analyst-coverage tr td { border-bottom:1px solid #DDD; padding:10px 5px; }
section#analyst-coverage tr:nth-of-type(even) { background-color: #fafafa;  }
.accordion.item { background-color: #0B2331; margin-bottom: 12px; border-radius: 6px; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
.accordion .toggle { display: flex; align-items: center; justify-content: space-between; cursor: pointer; font-size: 28px; line-height: 32px; padding: 20px;  }
.accordion .content { display: none; padding: 0 60px 20px 20px; font-size: 20px; line-height: 28px;}
.accordion .content ul { margin-bottom: 0; }
.accordion .toggle span { -webkit-flex-basis: calc(100% - 38px); flex-basis: calc(100% - 38px); }
.accordion .toggle:after { content: "\f078"; display: flex; align-items: center; justify-content: center; font-family: "FontAwesome"; color: #E02B29; flex-basis:38px; width: 38px; height: 38px; font-size: 18px; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
.accordion.item.active { background-color: #FFF; color: #062232; }
.accordion.active .toggle:after { transform: rotate(180deg); }



@media (max-width:1550px) {
  #ih-presentation-video h2 { font-size:32px; line-height:40px; }
}
@media (max-width:1100px) {
  #ih-presentation-video h2 { font-size:24px; line-height:30px; }
}



@media (max-width:1400px) {
  section#faq .container, section#contact-info .container { padding-right: 80px; padding-left: 80px; }
}

@media (max-width:1200px) {
  section#stock-charts .mini-quote .symbol {  color: #062232; font-size: 52px; line-height: 60px; font-family: GilroyBold, serif; }
  section#stock-charts .mini-quote .details .last { color: #062232; font-size: 40px; line-height: 48px;  font-family: GilroyBold, serif; }
  section#stock-charts .mini-quote .details .change { color: #BB1E1E; font-size: 28px; line-height: 32px; font-family: GilroyBold, serif; }
}
@media (max-width:1024px) {
  section#ih-latest-news { padding: 32px 0; }
  /*section#ih-latest-news h2 { font-size: 24px; line-height: 32px; }*/
  section#ih-latest-news .btn.dt { display: none; }
  section#ih-latest-news > .flex { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  section#ih-latest-news > .flex > * { -webkit-flex-basis: 100%; flex-basis: 100%; }
  section#ih-latest-news .background { top: auto; bottom: 0; height: 390px; }
  section#ih-latest-news .container .news-item { -webkit-flex-basis: 100%; flex-basis: 100%; }
  section#ih-latest-news .container .news-item:nth-of-type(odd) { margin-right: 0; }
  section#ih-events > .flex > * { -webkit-flex-basis: 100%; flex-basis: 100%; }
  section#ih-events > .flex > .calls { margin-right: 0; margin-bottom: 48px; }
  section#ih-financial-reports .reports.flex .report-container { -webkit-flex-basis: 100%; flex-basis: 100%; margin-right: 0 !important; }
  section#ih-financial-reports .top-header { margin-bottom: 50px; }
  section#stock-charts .chart-summary { flex-direction:column-reverse; flex-wrap: wrap; }
  section#stock-charts .mini-quote { -webkit-flex-basis: 100%; flex-basis: 100%; margin-top: 20px; }
  section#stock-charts .switch { -webkit-flex-basis: 100%; flex-basis: 100%;  }

  section#faq .container, section#contact-info .container { padding-right: 40px; padding-left: 40px; }
  section#contact-info > .flex { display: block; }
  section#contact-info .office { margin-left: 0; margin-top: 35px; min-width: 100px; }
}
@media (max-width:768px) {
  section#ih-presentation-video .item { -webkit-flex-basis: 100%; flex-basis: 100%; margin:0 0 32px 0 !important;}
  section#ih-latest-news .container .news-item { display: block; }
  section#ih-latest-news .container .news-item .image { min-height: 200px; }
  section#ih-latest-news .container .news-item:first-of-type .content .tags { position: absolute; top: -12px; }
  section#ih-latest-news .container .news-item:last-of-type .image { display: none; }
  section#ih-latest-news .container .news-item:last-of-type .content .description { display: none; }
  section#ih-latest-news .container .news-item:last-of-type .content .icon-link { margin-top: 15px; display: inline-block; }
  section#ih-financial-reports { padding-bottom: 30px; }
  section#ih-financial-reports > .container.reports { padding-left: 0;padding-right: 0; }
  section#ih-financial-reports > .container.reports .report-container > h4 { padding-left: 24px;padding-right: 24px; }
  section#ih-financial-reports .reports.flex .report-container { margin-bottom: 75px; }
  section#ih-financial-reports .reports.flex .report-container .tabs .tab-links a.active, section#ih-financial-reports .reports.flex .report-container .tabs .tab-links a:hover { color: #FFF; }
  section#ih-financial-reports .reports.flex .report-container .tabs { padding-left: 24px;padding-right: 24px; flex-direction: column-reverse; background-image:url('img/ih_reports_mobile_bg.png'); background-repeat: no-repeat; background-position: bottom right; }
  section#ih-financial-reports .reports.flex .report-container .tab-content { background: transparent; padding:15px 0 15px 32px; color: #062232; padding:0; }
  section#ih-financial-reports .reports.flex .report-container .tabs .tab-links { flex-direction:row-reverse; -webkit-flex-basis: 46px; flex-basis: 46px; margin-right: auto;  position: relative; top:25px; }
  section#ih-financial-reports .reports.flex .report-container .tabs .tab-links a { margin-bottom: 0; margin-right: 12px; border-right:none; width: auto; border-radius:6px; min-width:10px; padding-right:auto; }
  section#ih-financial-reports .reports.flex .report-container .tabs .tab-links a.active { border-right:none; }
  section#ih-financial-reports .reports.flex .report-container .tabs .tab-links a:first-of-type { margin-right: 0; }
  section#ih-financial-reports .reports.flex .report-container .tab-content > * .flex { -webkit-align-items: center; align-items: center; }
  section#ih-financial-reports .reports.flex .report-container .tab-content .title-date { padding:30px 0 10px 0; }
  section#ih-financial-reports .reports.flex .report-container .tab-content .title-date .title { font-size: 22px; line-height: 26px; font-weight: 500; margin-bottom: 10px; }
  section#ih-financial-reports .reports.flex .report-container .tab-content .title-date .date { display: block; font-size: 13px; }
  section#ih-financial-reports .reports.flex .report-container .tab-content .title-date .date span { display: block; margin-bottom: 25px; }
  section#ih-financial-reports .reports.flex .report-container .tab-content .image { height: 230px; margin-bottom: 0px; position: relative; top:-20px; }
  section#stock-charts .btn.blue { font-size: 18px;line-height: 22px; font-weight: 500; padding-left: 30px; padding-right: 30px; }
  section#stock-charts .mini-quote .symbol { font-size: 30px; line-height: 38px; font-family: GilroyBold, serif; }
  section#stock-charts .mini-quote .details .last { font-size: 30px; line-height: 38px;  font-family: GilroyBold, serif; }
  section#stock-charts .mini-quote .details .change { font-size: 22px; line-height: 28px; font-family: GilroyBold, serif; }
  section#faq .container, section#contact-info .container { padding-right: 24px; padding-left: 24px; }
  .accordion .toggle { font-size: 22px; line-height: 26px; }
  .accordion .toggle:after { font-size: 16px; }
  .accordion .content { -ms-word-wrap: break-word; word-wrap: break-word; font-size: 16px;line-height: 24px; }
}
@media (max-width:300px) {
  section#ih-financial-reports .reports.flex .report-container .tabs .tab-links a { margin-right: 2px; }
  section#ih-financial-reports .reports.flex .report-container .tab-content .image { display: none; }
  section#ih-financial-reports .reports.flex .report-container .tab-content .title-date { -webkit-flex-basis: 100%; flex-basis: 100%; }
}


section#page-not-found { margin-top: 50px;margin-bottom: 50px; }



/* FOOTER */
footer { background-color: #FFF; padding-top: 50px; color: #062232; }
footer .logo { margin-bottom: 10px; }
footer .logo img { width: 350px;  }
footer nav { -webkit-flex-basis: 1500px; flex-basis: 1500px; }
footer nav ul { list-style: none; margin: 0; padding-left: 0; }
footer nav > ul { display: flex; -webkit-justify-content: space-between; justify-content: space-between; width: 100%; }
footer nav ul li { padding: 6px 0; min-width: 220px;}
footer nav ul li a { color: #062232; font-size: 15px; line-height: 22px; }
footer nav ul li a:hover { color: #E02B29; }
footer nav > ul > li > a { font-family: GilroyBold, serif; font-size: 20px; line-height: 28px; display: block; padding-right: 10px; position: relative; z-index:2; }
footer nav > ul > li .larger a { margin-top: 15px; font-family: GilroyBold, serif; font-size: 20px; line-height: 28px; display: block; padding-right: 10px; position: relative; z-index:2; }
footer nav ul li ul { margin-top: 5px; }
footer .bottom { background-color: #051017; color: #FFF; padding: 20px; margin-top: 40px; }
footer .bottom a { color: #FFF; }
footer .bottom a:hover { opacity: 0.6; }
footer .bottom div.copyright { -webkit-flex-basis: calc(100% * (9 / 12)); flex-basis: calc(100% * (9 / 12)); }
footer .bottom div.links { white-space: nowrap; }
footer .bottom div.links a { display: inline-block; margin-left: 30px; }
footer .bottom .social { font-size: 24px; margin-left: 100px; white-space: nowrap; }
footer .bottom .social a { display: inline-block; margin-left: 10px; color: #FFF; }
footer .signup { -webkit-flex-basis: 400px; flex-basis: 400px; padding-left: 40px; }
footer .signup .input-fields { position: relative; margin-bottom: 14px; max-width:400px; }
footer .signup input { background-color: #EBEDEF; padding: 16px; border-radius: 0; border: none; color: #062232; width: 100%; text-transform: uppercase; letter-spacing: 2px; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04), 0px 2px 1px 0px rgba(0, 0, 0, 0.03), 0px 1px 3px 0px rgba(0, 0, 0, 0.05); }
footer .signup button { width: auto; height: 100%; position: absolute; right: 0; top: 0; background: transparent; color: #062232; font-size: 18px; padding: 0 16px; }
#signup-message { font-size: 15px; line-height: 18px; }

@media (max-width:1250px) {
  footer > .flex { display: block; }
  footer .logo img { width: 100px;  }
  iframe {width: 100%;}
  footer .signup { padding-left: 0; margin-top: 40px; }
}
@media (max-width:1024px) {
  footer { background-color: #FFF; padding-top: 50px; color: #062232; } 
  body.home footer { background-color: #0B2331; color: #FFF; }
  footer .logo { margin-bottom: 20px; }
  footer nav { -webkit-flex-basis: 100%; flex-basis: 100%; margin-bottom: 30px; }
  footer nav * { -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
  footer nav > ul { display: block; }
  footer nav > ul > li { cursor: pointer; position: relative; }
  footer nav ul li a { color: #334A57; }
  footer nav ul li a:hover { color: #334A57; }
  body.home footer nav ul li a { color: #FFF; padding-inline: 20px;  }
  body.home footer nav ul li a:hover { color: #FFF;padding-left: 50px; }
  footer nav > ul > li.menu-item-has-children:after {content: "\f078"; font-family: FontAwesome; color: #E02B29; font-size: 14px; font-weight: 700; position: absolute; right: 10px; top: 12px; -webkit-transition: all 200ms ease; transition: all 200ms ease; }
  footer nav > ul > li.menu-item-has-children.open:after { transform: rotate(180deg); }
  footer nav > ul > li ul { display: none; }
  footer nav > ul > li > a { font-family: Gilroy, serif; }
  footer .bottom > .flex { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-align-items: flex-start; align-items: flex-start; padding: 0; }
  footer .bottom > .flex > *, footer .bottom > .flex > * > *:first-of-type { margin-left: 0; }
  footer .bottom > .flex .links { margin: 15px 0; display: flex; flex-wrap: wrap; }
  footer nav ul li ul li { padding: 3px 10px; }
}
@media (max-width:600px) {
  footer .bottom > .flex > * > * { margin-left: 0 !important; margin-right: 20px; }
}

/* TRANSITIONS */
.animate { opacity: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
.visible { opacity: 1; }
.rotate { transform: rotate(45deg);  }
.rotate.visible { transform: rotate(0deg); }
.shift-up { transform: translate(0, 50px);  }
.shift-up.visible { transform: translate(0, 0) }


#tl-container a[href="#presentations-speeches"],
#tab-presentations-speeches {
    display: none;
}


/* Debt Information */
.dept-info h4 { color: #062232; font-size: 35px; line-height: 47px; margin-bottom: 10px; }
.dept-info table { text-align: start; width: 100%; border-collapse: collapse; margin-bottom: 30px; }
.dept-info td, .dept-info th { vertical-align: top; line-height: 25px; box-shadow: inset 0 -1px 0 0 #80808080; padding-top: 14px; padding-bottom: 14px; }
.dept-info tr:not(:first-child) { border-top: 1px solid #80808080; }
@media (max-width:1024px) {
	.dept-info tr { line-height: 35px; }
	.dept-info td { width: unset!important; min-width: 150px;  padding-right:10px; }
}

body.page-template-tpl-document-library section#hero.red > .content { flex-basis: unset; background: unset; margin-bottom: unset; padding-bottom: 30px; }
body.page-template-tpl-document-library section#hero.red > .content p { max-width: 80%; }