@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i&display=swap');
/* 
I)    Structure
II)   Header
III)  Navigation
IV)   Footer
V)    Homepage
VI)   Grids
VII)  Tables
VIII)  Page styles
IX) Global styles
X)   Colour styles
*/
body, html {
    font-family: 'Montserrat', sans-serif;
    margin: 0;
	width: 100%;
    overflow-x: hidden;
}
/* Structure */
.wrapper {
    width: 100%;
    display: block;
    position: relative;
}
#results
{
	height:auto!important;
}
.container {
    max-width: 1304px;
    margin: 0 auto;
    padding: 0 30px;
    position: relative;
    display: block;
}
blockquote{margin-left:0}
.caption {font-size: 11px; line-height: 1.2;}
.lft {float:left; margin-right:10px;}
.rgt {float:right; margin-left:10px;}

.obj-c {margin-left: auto; margin-right: auto; display: block; text-align: center !important;}

ul.p-tag {padding:0;margin:0;list-style-type:none;}
ul.p-tag li {display:block;border-bottom:1px solid #C8A064 ;padding:10px 0;width:100%;color:#003068;line-height: 1.4;}
ul.p-tag li:nth-child(2){width:100%}


ul.p-tag-grey {padding:0;margin:0;list-style-type:none; margin-top:20px;}
ul.p-tag-grey li {display:block;border-bottom:1px solid #C8A064 ;padding:10px 0;width:100%;color:#4E4E50;line-height: 1.4;}
ul.p-tag-grey li:nth-child(2){width:100%}

header {
    max-width: 1304px;
    margin: 0 auto;
    padding: 0 0 0 60px;
    display: block;
    position: relative;
    height: 120px;
    overflow: hidden;
    -webkit-transition: height 0.3s ease-out;
    transition: height 0.3s ease-out;
}
header.min {
    height: 0px;
}
.page {
    display: block;
    position: relative;
    padding-top: 165px;
}
/*body.min .page {
    padding-top: 70px;
}*/
.col-75 {
    width: 74.5%;
    display: inline-block;
    vertical-align: top;
}
.col-70 {
    width: 69.9%;
    display: inline-block;
    vertical-align: top;
    margin-right: -5px;
}
.col-30 {
    width: 30%;
    display: inline-block;
    vertical-align: top;
    position: relative;
}
.col-33 {
    width: 33.3%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-right: -4px;
}
.col-66 {
    width: 66%;
    display: inline-block;
    vertical-align: top;
    position: relative;
}
.col-50 {
    width: 49.9%;
    vertical-align: top;
    display: inline-block;
    margin-right: -4px;
    position: relative;
}
.col-25 {
    width: 24.4%;
    display: inline-block;
    vertical-align: top;
   
}
.cols-2 > section {
    width: 49.6%;
    display: inline-block;
    vertical-align: top;
    position: relative;
	
}
.cols-3 > section {
    width: 33%;
    vertical-align: top;
    display: inline-block;
    margin-right: -3px;
    position: relative;
}

.cols-3-culture > section {
    width: 31%;
    vertical-align: top;
    display: inline-block;
    margin-right: 2%;
    position: relative;
}

.cols-3-culture > section:last-of-type {   
    margin-right:0%;
}

.cols-4 > section, .cols-4 > .controller > section {
    width: 24.9%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-right: -4px;
}


.cols-5 > section, .cols-5 > .controller > section {
    width: 19.9%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-right: -4px;
}


.container.shift {
    padding-left: 0px;
    padding-right: 0px;
    max-width: 1360px;
}
/* HEADER */
.header-wrapper {
    position: fixed;
    height: auto;
    display: block;
    width: 100%;
    background: #FFF;
    z-index: 9;
}
.logo {
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 15px;
}
.desktop {
    display: inline-block;
}
.mobile {
    display: none;
}
.quicklinks {
    width: 70%;
    float: right;
    background: rgba(209, 206, 200, 0.35);
}
.quicklinks ul {
    padding: 0;
    margin: 0;
    text-align: right;
}
.quicklinks ul li {
    display: inline-block;
    border-right: solid #707070 1px;
    text-align: center;
    padding: 15px 20px;
    margin: 0 0 0 -5px;
    height: 100%;
    vertical-align: middle;
}
.quicklinks ul li:nth-of-type(1) {
    padding: 3px 20px 3px 20px;
}
.quicklinks ul li:nth-last-of-type(1) {
    border-right: none;
}
.quicklinks ul li:nth-of-type(2) {
    background: #001D39;
}
.quicklinks ul li:nth-of-type(3) {
    background: #00B398;
}

.quicklinks ul li:nth-of-type(4) {
    border-right: 0;
}

.quicklinks ul li:nth-of-type(2) a, .quicklinks ul li:nth-of-type(3) a {
    color: #FFF;
}
.quicklinks a {
    color: #707070;
}
.quicklinks ul li:nth-of-type(1) a {
    padding: 0 10px 0 0;
}
.search-button {
    display: none;
}
.menu-button {
    display: none;
}
.nav-wrapper {
    position: fixed;
    width: 100%;
    height: 40px;
    top: 120px;
    z-index: 6;
    -webkit-transition: top 0.3s ease-out, height 0.3s ease-out;
    transition: top 0.3s ease-out, height 0.3s ease-out;
}
.nav-wrapper nav ul li:nth-of-type(1) a:nth-of-type(1) {
    display: inline-block;
}
.nav-wrapper nav ul li:nth-of-type(1) a:nth-of-type(2) {
    display: none;
}
.nav-wrapper.min nav ul li:nth-of-type(1) a:nth-of-type(1) {
    display: none;
}
.nav-wrapper.min nav ul li:nth-of-type(1) a:nth-of-type(2) {
    display: inline-block;
}
.nav-wrapper.min {
    top: 0px;
    height: 60px;
}
.nav-wrapper.min ul li {
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 25px;
    margin-top: -10px;
    height: 30px;
}
.nav-wrapper.min ul li:nth-of-type(1) {
    padding-top: 0px;
}
.nav-wrapper.min ul li:nth-of-type(1):hover, .nav-wrapper.min ul li.active:nth-of-type(1) {
    background: transparent;
}
.min-logo {
    height: 44px;
}
.menu-wrapper {
    position: fixed;
    top: 160px;
    background: #91ABCC;
    z-index: 7;
    width: 100%;
}
.menu-wrapper.min {
    top: 60px;
}

.scrollable {position: relative;clear: both;}
/* Navigation */
.nav-wrapper {
    width: 100%;
    display: block;
    background: -webkit-linear-gradient(to left, #00B398, #001D39);
    background: linear-gradient(to left, #00B398, #001D39);
}
nav {
    max-width: 1304px;
    padding: 5px 0 5px 60px;
    display: block;
    margin: 0 auto;
}
nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.finthingold{border-bottom:1px solid #C8A064}

nav ul li {
    display: inline-block;
    padding: 13px 15px 10px 15px;
    color: #FFF;
    vertical-align: middle;
    text-transform: uppercase;
    font-size: 16px;
    position: relative;
    -webkit-transition: padding-right 0.25s ease-out;
    transition: padding-right 0.25s ease-out;
    height: 100%;
    margin-top: -10px;
}
nav ul li:nth-of-type(1) {
    padding-bottom: 9px;
    margin-left: -20px;
	    font-size: 23px;
}
nav ul li:nth-last-of-type(1) {
    padding-right: 30px;
}
/*nav ul li:hover, nav ul li.active {
    background: rgba(255, 255, 255, 0.3);
}*/

.one nav ul li:hover, .one nav ul li:nth-child(1) {}
.two nav ul li:hover, .two nav ul li:nth-child(2) { background: rgba(255, 255, 255, 0.3);}
.three nav ul li:hover,.three  nav ul li:nth-child(3) { background: rgba(255, 255, 255, 0.3);}
.four nav ul li:hover, .four nav ul li:nth-child(4) { background: rgba(255, 255, 255, 0.3);}
.five nav ul li:hover, .five  nav ul li:nth-child(5) { background: rgba(255, 255, 255, 0.3);}
.six nav ul li:hover,.six nav ul li:nth-child(6) { background: rgba(255, 255, 255, 0.3);}
.seven nav ul li:hover, .seven nav ul li:nth-child(7) { background: rgba(255, 255, 255, 0.3);}
.eight nav ul li:hover, .eight nav ul li:nth-child(8) { background: rgba(255, 255, 255, 0.3);}
.nine nav ul li:hover, .nine nav ul li:nth-child(9) { background: rgba(255, 255, 255, 0.3);}



ul.video-new {padding: 0; margin: 0; list-style-type: none;}
ul.video-new li { float: left;width: 35%; margin-right: 2%; margin-bottom: 30px;}
ul.video-new li:last-child { width: 60%; margin-right: 0%;}
.internal-vid {
    width: 560px;
    height: 315px;
}

ul.video-new2 {padding: 0; margin: 0; list-style-type: none;}
ul.video-new2 li { float: left;width: 48%; margin-right: 2%; margin-bottom: 30px;}


.replace-link {display: none;}




@media screen and (max-width:1080px)
{

ul.video-new2 li {width: 42%;}

}


@media screen and (max-width: 1023px){
	.replace-link {display: block;}
	.hide-link {display: none;}
}

@media screen and (max-width:500px)
{

ul.video-new2 li {width: 98%;}

}



nav a {
    color: #FFF;
}
.menu-wrapper {
    visibility: hidden;
}
.menu {
    overflow: hidden;
    position: relative;
    display: block;
    height: 446px;
    max-width: 1300px;
    margin: auto;
    padding: 40px 30px;
    
}

.menu-descrip > div {
    opacity: 0;
    position: absolute;
    z-index: 0;
}
.menu-descrip > div.active {
    opacity: 1;
    z-index: 1;
}
.menu > section:nth-of-type(1) {
    width: 0%;
    display: inline-block;
    vertical-align: top;
    position: relative;
	display:none
}
.menu > section:nth-of-type(2) {
    width: 74%;
    display: inline-block;
    vertical-align: top;
    position: relative;
}
.menu-list {
    position: relative;
}
.menu-list > div {
    padding: 0 0 0 0;
}
.menu h3 {
    font-size: 24px;
    font-weight: 300;
    color: #000;
    text-transform: uppercase;
    margin: 0 0 20px 0;
	padding-left:7px
}
.menu p {
    font-size: 18px;
    font-weight: 300;
    margin: 0;
}
ul.main-menu {
    list-style: none;
    margin: -40px 0 0 0;
    padding: 40px 0 0 8px;
    width: 400px;
    position: absolute;
    opacity: 0;
    z-index: 0;
}
ul.main-menu li {
    border-bottom: solid #D1CEC8 1px;
    font-size: 15px;
    font-weight: 300;
}
ul.main-menu li a {
    color: #4E4E50;
    padding: 7px 5px;
    display: block;
}
ul.main-menu li:nth-last-of-type(1) {
    border-bottom: none;
}
ul.main-menu li a:hover, ul.main-menu li.active {
    background: #8097B3;
    color: #4E4E50;
	
}




ul.main-menu li.more a:hover {cursor:context-menu;}
ul.main-menu li.more ul li a:hover  {cursor:pointer; background:#91ABCC}

ul.main-menu.active {
    opacity: 1;
    z-index: 1;
}
.main-menu li ul {
    position: absolute;
    right: -420px;
    width: 400px;
    top: 0px;
    background: #8097B3;
    margin: -40px 0 0 0;
    padding: 40px 0 0 20px;
    list-style: none;
    overflow: hidden;
    height: 476px;
    z-index: 0;
    opacity: 0;
}
.main-menu li.active {
    
}
.main-menu li ul.active {
    z-index: 1;
    opacity: 1;
}
.main-menu > li {
    position: relative;
}
.main-menu > li:after {
    
}
.main-menu > li.more:after {
    content: url("https://www.goldfields.com/images/icon-chevgray.png");
    position: absolute;
    right: 5px;
    top: 6px;
}






/* Footer */
.footer-wrapper {
    width: 100%;
    display: block;
    margin-top: 0px;
    background: #003068;
    position: relative;
    padding: 24px 0 30px 0;
	float: left;
	z-index: 999;
}
footer {
    max-width: 1304px;
    margin: auto;
    padding: 0 30px;
    color: #FFF;
    font-size: 16px;
    font-weight: 300;
}
.footer-wrapper:after {
    content: '';
    width: 100%;
    height: 20px;
    position: absolute;
    bottom: 0px;
    background: -webkit-linear-gradient(to left, #00B398, #001D39);
    background: linear-gradient(to left, #00B398, #001D39);
    display: block;
}
footer > div:nth-of-type(1) {
    width: 25%;
    display: inline-block;
    vertical-align: top;
    padding-right: 0px;
}
footer > div:nth-last-of-type(1) {
    width: 65%;
    display: inline-block;
    vertical-align: top;
    text-align: right;
	float: right;
}
footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
footer ul li {
    display: inline-block;
    color: #FFF;
    padding: 0 15px;
    border-right: solid #FFF 1px;
	display: inline-table;
}
footer ul li:nth-last-of-type(1) {
    padding-right: 0px;
    border-right: none;
}
footer a {
    color: #FFF!important;    font-weight:normal!important;
}.footer a:hover{text-decoration: none!important;}
footer p {
    margin-top: 0px;
    font-size: 16px;
    font-weight: 300;
    color: #FFF!important;
}










p.font-shrink {font-size: 20px;}
.crumbs {margin-top: 20px;}
.crumbs span {
    width: 14px;
    height: 14px;
    margin: 0 10px 0 0;
    background: transparent;
    border: solid #001D39 2px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
}
.crumbs span.active {
    background: #001D39;
}
.wrapper.home-market {
    padding: 44px 0 65px 0;
    background: url("https://www.goldfields.com/images/home-bg-3.jpg") no-repeat;
    background-size: cover;
}

.wrapper.home-market-dots {
    padding: 44px 0 65px 0;
    background: url("https://www.goldfields.com/images/blue-dot-backgroud.png") no-repeat;
    background-size: cover;
}


.home-market .container h1 {
    color: #C8A064;
    font-size: 46px;
    font-weight: 200;
    line-height: 1.1em;
    margin: 20px 0;
    text-align: left;
    padding: 0;
    max-width: 830px
}
.home-market h4 {
    font-size: 36px;
    color: #FFF;
    font-weight: 300;
    margin: 0;
    text-transform: none;
}
.home-market h4 a {
    color: #FFF;
}
.home-market a.button-3 {
    float: right;
    margin-right: 30px;
}
.market-data {
    height: 270px;
}
.market-data .content h1 {
    padding: 10px 0 5px 0;
    text-align: center;
    border-top: solid #FFF 2px;
    color: #FFF;
    font-weight: 600;
    font-size: 30px;
    margin: 20px 0 0 0;
}
.market-data .content {
    width: 300px;
    padding: 0 0 0 30px;
    height: 300px;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.market-data .content::-webkit-scrollbar {
    display: none;
}
.market-data .cols-2 > section {
    width: 48%;
}
.market-data .cols-2 section p {
    text-align: center;
    color: #FFF;
    margin: 0;
    padding-bottom: 5px;
}
.market-data .cols-2 {
    border-bottom: solid #FFF 1px;
    text-align: center;
    color: #FFF;
}
.market-data .cols-2:nth-of-type(2) {
    margin-bottom: 10px;
    border-bottom: none;
}
.market-data h2 {
    color: #FFF;
    padding: 10px 0;
    margin: 0;
    line-height: 1em;
}
.market-data a.button-3 {
    float: none;
    margin-top: 10px;
    display: block;
    width: 76%;
}
.market-toolbar {
    background: #9B2743;
    margin-top: -20px;
    padding: 0px 0;
    color: #FFF;
	z-index: 1;
}

.market-toolbar .container {
    max-width: 1334px;
    padding: 0;
}
.market-toolbar > .container > section {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
.market-toolbar > .container > section:nth-of-type(1) {
    overflow: hidden;
    width: 67.3%;
}
.market-toolbar > .container > section:nth-of-type(2), .market-toolbar > .container > section:nth-of-type(3) {
    width: 16%;
}
.market-toolbar section ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.market-toolbar section ul li {
    display: inline-block;
    padding: 0 20px 0 0;
}
.market-toolbar section p {
    font-size: 14px;
    color: #FFF;
    font-style: italic;
    margin: 0;
	padding: 10px 0;
}
.market-toolbar > .container > section:nth-of-type(3) a {
    width: 100%;
    background: #DB864E;
    padding: 20px;
    text-align: center;
    display: block;
    margin: 0;
    color: #FFF;
    text-transform: uppercase;
}
.scroll-label {
    display: block;
    position: absolute;
    color: #FFF;
    top: 40%;
    left: 310px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    text-transform: uppercase;
}
.scroll-label img {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.grid-cols > section > .content {
    padding-left: 0px;
}
.grid-cols p {
    color: #003068;
    font-size: 18px;
    font-weight: 600;
    position: relative;
    padding-bottom: 5px;
    text-transform: uppercase;
}
.grid-cols p:after {
    width: 55px;
    height: 1px;
    content: '';
    border-bottom: solid #C8A064 1px;
    position: absolute;
    bottom: 0px;
    left: 0px;
	display:none;
}
.topics {
    height: 434px;
    overflow: hidden;
    position: relative;
}
.topics .controller {
    position: absolute;
    top: 0px;
    transition: top 0.4s ease-out;
}
.topics > .controller > section {
    height: 434px;
    overflow: hidden;
    position: relative;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.topics > .controller > section::-webkit-scrollbar {
    display: none;
}
.topics > .controller > section > .content {
    padding: 30px;
    overflow: hidden;
}
.topics > .controller > section > .content p {
    font-size: 20px;
    font-weight: 300;
}
.topics h1 {
    position: absolute;
    bottom: 20px;
    right: 20px;
    display: block;
    background: rgba(0, 29, 57, 0.6);
    padding: 40px 20px 20px 20px;
    color: #FFF;
    font-size: 30px;
    font-weight: 300;
    width: 76%;
}
.topics .topic-section > .content {
    position: absolute;
    top: 3px;
    left: 20px;
    display: block;
    padding: 30px 30px;
    width: 70%;
}
.topic-icon {
    position: absolute;
    left: 0px;
    top: 30px;
}
/* GRIDS */
.grid-1 {
    margin-top: 15px;
    margin-bottom: 23px;
}
.grid-1 > section {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin-right: -4px;
}
.grid-1 > section > a > div {
    border-bottom: solid #C8A064 1px;
    padding: 7px 110px 7px 10px;
    position: relative;margin-right: 10px;
}
/* .grid-1 > section > a:nth-of-type(3) > div {
    border-bottom: solid #C8A064 1px;
} */


.grid-1 > section > a > div:after {
    width: 100px;
    height: 60px;
    content: "\e944";
    font-family: 'icomoon';
	font-size: 20px;
    text-align: center;
    padding-top: 40px;
    position: absolute;
    right: 0px;
    top: 0px;
    /*background: rgba(128, 151, 179, 0.3);*/
}
.grid-1 a {
    color: #4E4E50;
}
.grid-1 p {
    margin: 0 0 0px 0;
    font-size: 15px;
}
.grid-images > section {
    width: 24.9%;
    display: inline-block;
    height: 685px;
    margin-right: -4px;
    overflow: hidden;
}
.grid-images > section > img {
    height: 100%;
}
.grid-images > section h4 {
    position: absolute;
    top: 41%;
    background: rgba(111, 162, 135, 0.6);
    padding: 20px 0 10px 0;
    color: #FFF;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    width: 24.9%;
    text-align: center;
    line-height: 1.4;
    height: 100px;
}
.bg-bluegray .grid-images > section > h4 {
    background: rgba(128, 151, 179, 0.65);
    width: 17.8%; line-height: 1.5;
}









.explore a.button-2 {
    width: 80%;
    display: block;
}
.grid-2 > section {
    width: 33%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-right: -5px;
    overflow: hidden;
    height: 302px;
}
.grid-2 > section:nth-of-type(1) div {
    background: rgba(163, 201, 223, 0.3);
    padding: 10px 160px 10px 30px;
    min-height: 60px;
    vertical-align: middle;
    border-top: solid #B4975A 1px;
    position: relative;
    overflow: hidden;
    height: 80px;
    font-size: 16px;
}
.grid-2 > section:nth-of-type(1) div:after {
    width: 100px;
    height: 60px;
    content: url("https://www.goldfields.com/images/icon-arrow-blue.png");
    text-align: center;
    padding-top: 40px;
    position: absolute;
    right: 0px;
    top: 0px;
    background: rgba(128, 151, 179, 0.3);
}
.grid-2 > section > .content {
    padding: 20px 30px;
    height: 263px;
    position: relative;
    display: table-cell;
    width: 100%;
}
.grid-3 section .col-50 {
    margin-right: -4px;
    margin-bottom: 0px;
}
.grid-3 section:nth-of-type(1) .content {
    padding: 0 60px 0 0;
    
}
.grid-3 section .col-50 .content {
    padding: 20px 10px 10px 10px;
    height: 200px;
    width: 90%;
    
}
.grid-3 .content p {
    font-size: 13px;
}
.grid-3 section .col-50:nth-of-type(1) img {
    width: 100%;
}
.grid-3 section .col-50:nth-of-type(2) .content:not(.no-margin) {
    width: 80%;
}
.grid-3 .content-2 {
    padding: 30px 20px;
    height: 169px;
}
.grid-3 > section > .col-50:nth-of-type(1):after {

    position: absolute;
    bottom: 9px;
    right: 10px;
    background: #A3C9DF;
    width: 36px;
    min-height: 26px;
    font-size: 20px;
    text-align: center;
padding-top: 5px;
    content: "\e944";
    font-family: 'icomoon';
}
.grid-3 > section .col-50:nth-of-type(2) .content p:nth-last-of-type(1) {
    position: absolute;
    bottom: 0px;
}


/*RESET STYLES*/
.no-paddingT{padding-top:0}
.no-paddingB{padding-bottom:0}
.no-marginT{margin-top:0}
.no-marginB{margin-bottom:0}



/* Global */
a {
    text-decoration: none;
}
.flip, i.flip img {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.bg-3 {
    background: url("https://www.goldfields.com/images/home-bg-3.jpg") no-repeat;
    background-size: cover;
}
.bg-2 {
    background: url("https://www.goldfields.com/images/home-bg-2.jpg") no-repeat;
    background-size: cover;
	background:#fff;
}
.bg-1 {
    background: url("https://www.goldfields.com/images/home-bg-1.jpg") no-repeat;
    background-size: cover;
}
.bg-4 {
    background: url("https://www.goldfields.com/images/home-explore-5.jpg") repeat-x;
}
.bg-5 {
    background: url("https://www.goldfields.com/images/bg-5.jpg") no-repeat;
    background-size: cover;
}
.bg-6 {
    background: url("https://www.goldfields.com/images/bg-6.jpg") no-repeat;
    background-size: cover;
}

.bg-7 {
    background: url("https://www.goldfields.com/images/bg-7.png") no-repeat;
    background-size: cover;
}
.indent {
    padding-left: 30px;
}
.container.indent {
    max-width: 1240px;
}
h1 {
    font-size: 46px;
    color: #001D39;
    font-weight: 300;
    margin: 0;
    line-height: 1.4;
    padding: 40px 0 40px 0;
}
h2 {
    font-size: 36px;
    color: #001D39;
    font-weight: 300;
    margin: 0;
    line-height: 1.3em;
    padding: 20px 0 20px 0;
}
h3 {
    font-size: 26px;
    font-weight: 500;
    color: #C8A064;
/*    text-transform: uppercase;*/
    line-height: 1.4;
    margin: 0 0 20px 0;
}
h4 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
}
h5 {
	font-size: 20px;
    /*font-size: 24px;*/
    color: #C8A064;
    font-weight:500;
    text-transform: uppercase;
    margin: 0 0 20px 0;
}


.cols-3, .thisis-header h5 {font-weight:500}

.cols-3.related img { -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;}


h6 {
    font-size: 16px;
    color: #001D39;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0;
	
}
h7 {
    font-size: 18px;
    color: #FFF;
    font-weight: 500;
    line-height: 1.2em;
    position: relative;
    padding: 0 0 5px 0;
    margin: 10px 0 26px 0;
    display: block;
}
h7:after {
    content: '';
    height: 3px;
    border-bottom: solid #C8A064 1px;
    width: 16%;
    position: absolute;
    left: 0px;
    bottom: 0px;
}
h7.after-full:after {
    width: 100%;
}
h7.after-white:after {
    border-bottom-color: #FFF;
}
h8 {
    font-size: 28px;
    font-weight: 300;
    margin: 20px 0 20px 0;
    display: inline-block;
    position: relative;
    color: #003068;
    padding-bottom: 10px;
    width: auto;
    border-bottom: solid #C8A064 1px;
}
a.button {
    /*width: 195px;*/
    padding: 20px 70px 20px 10px;
    display: inline-block;
    color: #003068;
    font-size: 14px;
    text-align: left;
    text-transform: uppercase;
    position: relative;
    -webkit-transition: background 0.25s ease-out;
    transition: background 0.25s ease-out;
}
a.button:hover {
    background: rgba(128, 151, 179, 0.55);
}
a.button:after {
    content: url("https://www.goldfields.com/images/icon-arrow-blue.png");
    position: absolute;
    right: 20px;
    top: 22px;
}
a.button-2 {
    width: 225px;
    background: rgba(163, 201, 223, 0.22);
    border: solid #FFF 1px;
    vertical-align: middle;
    padding: 15px 50px 15px 15px;
    color: #FFF;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    text-align: right;
    position: relative;
    -webkit-transition: background 0.25s ease-out;
    transition: background 0.25s ease-out;
}
a.button-2:hover {
    background: rgba(163, 201, 223, 0.52);
}
a.button-3 {
    width: 175px;
    background: rgba(163, 201, 223, 0.22);
    border: solid #F4F4F4 1px;
    vertical-align: middle;
    padding: 15px 50px 15px 15px;
    color: #FFF;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    -webkit-transition: background 0.25s ease-out;
    transition: background 0.25s ease-out;
}
a.button-3:hover {
    background: rgba(163, 201, 223, 0.52);
}
a.button-3:after, a.button-2:after {
    content: "\e944";
    font-family: 'icomoon';
    position: absolute;
    right: 10px;
    top: 15px;
    color: #fff;
   
   
}
a.button-4 {
    padding: 15px 69px 15px 20px;
    color: #001D39;
    font-size: 16px;
    text-transform: uppercase;
    text-align: left;
    display: inline-block;
 position: relative;
}

.cols-3.related a.button-4  { position: relative;}

a.button-4:after {content: url('https://www.goldfields.com/images/0837-arrow-right.svg'); position: absolute; top: 11px; font-size: 20px; right: 20px;}
a.button-4.turqoise {
    color: #001D39; float: left;
}
a.button-5 {
    border-top: solid #C8A064 1px;
    border-bottom: solid #C8A064 1px;
    padding: 20px 30px;
    color: #003068;
    text-transform: uppercase;
    width: 85%;
	font-weight: 600;
}
a.button-5:after {
    content: "\e936";
    font-family: 'icomoon';
    position: absolute;
    right: 30px;
    top: 40%;
    font-size: 20px;
}
.button-6 {
    background: rgba(200, 160, 100, 0.35);
    padding: 20px 60px 20px 30px;
    color: #003068;
    text-transform: uppercase;
    border: solid #C8A064 1px;
    display: inline-block;
    margin: 25px 0;
    position: relative;
}
.button-6:after {
    content: url("https://www.goldfields.com/images/icon-arrow-blue.png");
    position: absolute;
    top: 20px;
    right: 30px;
}
.button-7 {
    width: 260px;
    text-align: left;
    color: #003068;
    padding: 20px 50px 20px 0;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    display: inline-block;
    position: relative;
    margin: 10px 0 0 0;
    border: solid #F4F4F4 1px;
}
.button-7:after {
    content: "\e944";
    font-family: 'icomoon';
    position: absolute;
    right: 20px;
    top: 33%;
    background-size: 20px 16px;
    width: 20px;
    height: 16px;
    
}
.vertical-padding {
    padding-top: 60px;
    padding-bottom: 60px;
}

.vertical-padding-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}
.vertical-padding-30T-100B {
    padding-top: 30px;
    padding-bottom: 100px;
}

.vertical-padding-30T-30B {
    padding-top: 30px;
    padding-bottom: 30px;
}


.vertical-padding-40T-40B {
    padding-top: 40px;
    padding-bottom: 40px;
}


.vertical-padding-50T-50B {
    padding-top: 50px;
    padding-bottom: 50px;
}


p {
    font-size: 17px;
    margin: 0 0 20px 0;
    color: #4E4E50;
    font-weight: 400;
	line-height:1.4;
}
.small {
    font-size: 14px;
}

.history .large {
    font-size: 24px;
    font-weight: 300;
	line-height:1.4;
	color:#001D39;
}

.grid-images{height: 685px;}


.large {
    font-size: 20px;
    font-weight: 300;
}
strong {
    font-weight: 600;
}
img {
    max-width: 100%;

}
.medium {
    font-size: 18px;
    font-weight: 300;
}
.shim-30 {
    height: 30px;
    display: block;
}
.shim-60 {
    height: 60px;
    display: block;
}
.shim-76 {
    height: 76px;
    display: block;
}
.right {
    text-align: right;
}
.center {
    text-align: center;
}
.pos-bottom {
    position: absolute;
    bottom: 0px;
}
.pos-right {
    position: absolute;
    right: 0px;
}
.no-margin {
    margin: 0;
}
/*.scrollable {
    overflow-y: scroll;
}*/
.hidden {
    display: none;
}
.allcaps {
    text-transform: uppercase;
}
.plaincase {
    text-transform: none;
    font-weight: 300;
}
.float-left {
    float: left;
    margin: 0 30px 0 0;
}
.margin-top-60 {
    margin-top: 60px;
}
.margin-top-30 {
    margin-top: 30px;
}
.margin-bottom-40 {
    margin-bottom: 40px;
}
.padded {
    padding: 30px;
}

.padded-1 {30px 30px 15px 30px}


ul.simple {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    width: auto;
}
ul.simple li {
    padding: 10px 40px 10px 0;
    font-size: 20px;
    color: #4E4E50;
    border-bottom: solid #C8A064 1px;
}
ul.simple li:nth-last-of-type(1) {
    border-bottom: none;
}
.limit-1 {
    width: 70%;
}
.tiny {
    font-size: 14px;
    line-height: 1em;
}
.box {
    display: block;
    margin: 20px 0;
}

.box, .box-turq p, .box-orange p, .box-maroon p, .box-green p, .box-yellow p, .box-kaki p{color:#001D39; font-weight: 400;}



.bottom-20 {
    bottom: 20px;
}
.seperator-2 {
    border-bottom: solid #C8A064 1px;
    display: block;
    height: 30px;
    margin-bottom: 60px;
}
.right-20 {
    right: 20px;
}
.right-10 {
    right: 20px;
}
.col-33.full {
    height: 780px;
    display: inline-block;
    position: relative;
}
/* Tables */
table {
    display: table;
}
table.focus {
    width: 100%;
    display: table;
}
table.focus thead th {
    text-align: left;
    padding: 10px 0 10px 30px;
    color: #001D39;
    font-weight: 500;
    border-bottom: solid #C8A064 1px;
}
table.focus tbody tr td {
    text-align: left;
    padding: 30px 0 30px 30px;
    border-bottom: solid #C8A064 1px;
    font-weight: 300;
    vertical-align: middle;
}
table.focus tbody tr td:nth-of-type(1) {
    color: #001D39;
    font-weight: 500;
}
table.focus tbody tr td:nth-last-of-type(1) {
    color: #C8A064;
    font-size: 30px;
}

table.sus { width: 100%; display: table;} 
table.sus thead th { width: 100%; display: table; border-bottom: 2px solid #C8A064;color: #003068;  } 
table.sus tbody tr td  { color: #003068;  } 


/* TABLE STYLES */
.fin-tbl tr:hover {background:#ccd6e1; color:#000;} /*TABLE ON HOVER BACKGROUND COLOUR AND TEXT COLOUR*/
 tr.no-hover:hover {color:#00528C!important;} /*TABLE ON HOVER HIGHLIGHTED COLOUMN TEXT COLOUR TO REMAIN STAT*/
.fin-tbl {width:100%; margin:0 0 0 0; padding:0 0px; font-size: 17px;} /*THE COMPLETE TABLE TO BE GIVEN 100% WIDTH; O MARGINS AND O PADDING*/
.fin-tbl tr td {padding:3px 7px 3px 3px; font-size: 17px;color: #003068;} /*EACH CELL IN TABLE TO HAVE A PADDING OF 3 AROUND CONTENT*/
.fin-tbl thead tr th {background-color:#002F67; color:#fff!important; padding:3px 7px 3px 3px;  font-family: 'Montserrat', sans-serif; font-weight:500; font-size: 1.1em;    border-bottom: 4px solid #C6A56A;} /*THE HIGHLIGHTED COLUMN BACKGROUND COLOUR; TEXT COLOUR; PADDING AND A FONT WEIGHT IF NEEDED*/
.fin-tbl th {background-color: #ccd6e1; color: #003068!important; padding: 3px 7px 3px 3px; font-family: 'Montserrat', sans-serif; font-weight: bolder; text-align: right;}


.fin-tbl-home tr:hover {background:#ccd6e1; color:#000;} /*TABLE ON HOVER BACKGROUND COLOUR AND TEXT COLOUR*/
 tr.no-hover:hover {color:#00528C!important;} /*TABLE ON HOVER HIGHLIGHTED COLOUMN TEXT COLOUR TO REMAIN STAT*/
.fin-tbl-home {width:100%; margin:0 0 0 0; padding:0 0px; font-size: 11px;} /*THE COMPLETE TABLE TO BE GIVEN 100% WIDTH; O MARGINS AND O PADDING*/
.fin-tbl-home tr td {padding:5px 6px; font-size:11px; color:#4E4E50; font-weight:bold;} /*EACH CELL IN TABLE TO HAVE A PADDING OF 3 AROUND CONTENT*/
.fin-tbl-home th {background-color: #C8A064; color: #fff!important; padding:5px 6px; font-family: 'Montserrat', sans-serif; font-weight: 600; text-align: right; border-bottom:1px solid #fff; font-size:11px;}

.fin-covidthin {border-bottom:1px solid #fff;}
.fin-covidhead {background:#A8A36C; color:#fff!important; font-weight:bold; border-bottom:1px solid #fff;}
.fin-covidone {background: rgba(255, 255, 255, 0.3); border-bottom:1px solid #fff;}
.fin-covidtwo {background: rgba(157, 203, 179, 0.3); border-bottom:1px solid #fff;}
.finbluetext {color:#003068;}
.finwhitetext {color:#fff;}

.fin-covidthin img {max-width:70%;}


.finthin {border-bottom:1px solid #C8A064;}
.finthick {border-bottom:2px solid #C8A064;}
.fintopleft {border-top:1px solid #C8A064;border-left:1px solid #C8A064;}
.fintopright {border-top:1px solid #C8A064;border-right:1px solid #C8A064;}
.finbotleft {border-bottom:1px solid #C8A064;border-left:1px solid #C8A064;}
.finbotright {border-bottom:1px solid #C8A064;border-right:1px solid #C8A064;}
.finleft {border-left:1px solid #C8A064;}
.finright {border-right:1px solid #C8A064;}
.fintop {border-top:1px solid #C8A064;}
.finrowleft {border-left:1px solid #C8A064;border-top:1px solid #C8A064;border-bottom:1px solid #C8A064;}
.finrowright {border-right:1px solid #C8A064;border-top:1px solid #C8A064;border-bottom:1px solid #C8A064;}
.finrow {border-top:1px solid #C8A064;border-bottom:1px solid #C8A064;}


.fincaption { font-size: 11px;}
.finheaderblue { background: #002F67; color: #fff; border-bottom: 4px solid #C6A56A; font-weight: bold;}
.finthickgold { border-bottom: 4px solid #C6A56A;}
.greycontent { background: #F7F5F0;}

ul.p-tag {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: inline-block;
}

table.latest {
    margin-bottom: 44px;
    display: table;
}
table.latest thead tr th {
    border-bottom: solid #C8A064 1px;
    padding: 0 60px 5px 0;
    text-align: left;
    vertical-align: top;
    color: #003068;
    font-weight: 400;
    font-size: 18px;
    width: 33%;
}
table.latest thead tr th:nth-last-of-type(1) {
    padding-right: 0px;
}
table.latest tbody tr td {
    padding: 10px 60px 10px 0;
    color: #003068;
    font-size: 16px;
    text-align: left;
    vertical-align: top;
}
table.latest tbody tr td:nth-last-of-type(1) {
    padding-right: 0px;
}
.latest h7 {
    margin: 0 0 15px 0;
    
}
table.documents tbody tr td {
    border-top: solid #C8A064 1px;
    padding: 5px 20px;
    text-align: left;
    vertical-align: middle;
    color: #4E4E50;
    font-size: 16px;
    font-weight: 400;
}
table.documents tbody tr td:nth-of-type(odd) {
    width: 26%;
}
table.documents tbody tr td:nth-of-type(even) {
    width: 7%;
    background: rgba(128, 151, 179, 0.3);
    text-align: center;
}
table.documents p {
    margin: 0;
    font-size: 16px;
}
table.documents.type-2 td:nth-last-of-type(1) {
    text-align: left;
}
table.account {
    border-spacing: 10px;
    border-collapse: separate;
    margin-top: -10px;
    margin-bottom: 60px;
}
table.account thead tr th {
    font-size: 16px;
    color: #003068;
    text-align: left;
    text-transform: uppercase;
    padding: 0 0 20px 0;
    border-spacing: 10px;
}
table.account thead tr th {
    border-bottom: solid #B4975A 1px;
}
table.account tbody tr td:nth-of-type(1) {
    text-align: center;
    background: #B4975A;
    color: #FFF;
    text-transform: uppercase;
    margin: 0 15px 5px 0;
    font-size: 16px;
    width: 100px;
}
table.account tbody tr td {
    border-top: solid #B4975A 1px;
    border-bottom: solid #B4975A 1px;
    padding: 4px 20px;
    color: #4E4E50;
    font-size: 24px;
    font-weight: 300;
    line-height: 1em;
}
table.account tbody tr:nth-last-of-type(1) td:nth-of-type(1) {
    text-align: right;
    font-size: 16px;
    border: none;
    background: transparent;
    color: #001D39;
    padding-right: 0px;
}
table.account tbody tr:nth-last-of-type(1) td:nth-child(n+2) {
    border-bottom: solid #001D39 3px;
    border-top: none;
}
table.files {
    width: 100%;
}
table.files tbody tr td {
    border-top: solid #C8A064 1px;
    padding: 5px 20px 10px 15px;
    text-align: left;
    height: 75px;
    vertical-align: middle;
    font-size: 16px;
    color: #4E4E50;
}
table.files tbody tr td:nth-of-type(2) {
    width: 85px;
    background: rgba(128, 151, 179, 0.3);
    text-align: center;
    padding: 0;
}
table.files-2 {
    width: 100%;
    margin:0;
}

table.files-3 {
    width: 100%;
    margin: 0px 0;
}

table.files-4 {
    width: 100%;
    margin: 0px 0;
	display:inline-block;
}


table.files-2 tbody tr td {
    padding: 5px 2px 5px 8px;
    text-align: left;
    height: 56px;
    vertical-align: middle;
    font-size: 16px;
    color: #003068;
}
table.files-2 tbody tr td:nth-of-type(1) {
    width: 50px;
    text-align: center;
}
table.files-2 tbody tr td:nth-last-of-type(1) {
    width: 85px;
    text-align: center;
    padding: 0;
}
table.files-2 tbody tr:nth-last-of-type(1) td {
    border-bottom: solid #C8A064 1px;
}


table.files-4 tbody tr td {
    border-top: solid #C8A064 1px;
    padding: 5px 20px 5px 15px;
    text-align: left;
    height: 56px;
    vertical-align: middle;
    font-size: 16px;
    color: #4E4E50;
}
table.files-4 tbody tr td:nth-of-type(1) {
    padding-left: 0;
    text-align: center;
}
table.files-4 tbody tr td:nth-last-of-type(1) {
    width: 85px;
    background: rgba(128, 151, 179, 0.3);
    text-align: center;
    padding: 0;
}
table.files-4 tbody tr:nth-last-of-type(1) td {
    border-bottom: solid #C8A064 1px;
}



table.files-3 {
    width: 100%;
    display: table;
	line-height:1.4
}
table.files-3 a:link, table.files-3 a:visited { color:#4E4E50; font-weight:500; }
table.files-3 a:hover{ color:#003068; font-weight:600; text-decoration:underline }


.wrapper a:link,  .wrapper a:visited { color:#003068; font-weight:500;  line-height:1.4; }
.wrapper a:hover{ color:#003068; font-weight:600; /*text-decoration:underline*/ }


.wrapper.bg-2 a:link,  .wrapper.bg-2 a:visited { }


table.files-3 tbody tr td {
    padding: 5px 20px 5px 15px;
    text-align: left;
    height: 75px;
    vertical-align: middle;
    font-size: 16px;
    color: #4E4E50;
}
table.files-3 tbody tr td:nth-last-of-type(1) {
    width: 85px;
    background: rgba(128, 151, 179, 0.3);
    text-align: center;
    padding: 0;
}
table.files-3 tbody tr:nth-last-of-type(1) td {
    border-bottom: solid #C8A064 1px;
}
/* Page styles */
/*.content-align-right {
    text-align: right;
}*/
.type-2 > section > .content {
    /*padding-right: 20px;*/
}
.explore {
    padding: 60px 26px 10px 0;
}
.underline-gold {
    border-bottom: solid #C8A064 1px;
    padding-bottom: 5px;
    position: relative;
}
.underline-gold:before {
    content: url("https://www.goldfields.com/images/icon-arrow-gold.png");
    position: absolute;
    left: -30px;
    bottom: -9px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.underline-gold:after {
    content: url("https://www.goldfields.com/images/icon-arrow-gold.png");
    position: absolute;
    right: -30px;
    bottom: -9px;
}
.rotate-180 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.selectbox {
    position: relative;
    display: inline-block;
    width: 328px;
}
.selectbox .selectbox-header {
    width: auto;
    display: block;
    background: rgba(128, 151, 179, 0.25);
    color: #001D39;
    font-size: 24px;
    padding: 15px 15px;
    font-weight: 300;
    border: solid #B4975A 1px;
    position: relative;
}
.selectbox .selectbox-header:after {
    content: url("https://www.goldfields.com/images/icon-chevron.png");
    position: absolute;
    right: 15px;
    top: 15px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: transform 0.2s ease-out;
    transition: transform 0.2s ease-out;
}
.selectbox .selectbox-header.active:after {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 10px;
}
.selectbox-items {
    position: absolute;
    height: auto;
    width: 100%;
    border-left: solid #B4975A 1px;
    border-right: solid #B4975A 1px;
    border-bottom: solid #B4975A 1px;
    z-index: 5;
    background: #FFF;
}
.selectbox-item {
    width: auto;
    display: block;
    background: rgba(128, 151, 179, 0.25);
    color: #001D39;
    font-size: 24px;
    padding: 15px 15px;
    font-weight: 300;
    position: relative;
}
.selectbox-item:hover {
    background: rgba(128, 151, 179, 0.45);
}
.col-50 .col-50 .content {
    padding-right: 30px;
}
.topic-tags p {
    font-size: 24px;
    color: #001D39;
    padding: 5px 10px;
    margin: 0px;
    font-weight: 300;
}
.topic-tags p:nth-of-type(1) {
    border-bottom: solid #C8A064 1px;
}
.floating-icon {
    position: absolute;
    top: -20px;
    left: 33%;
}
a.button-download {
    width: 220px;
    height: 38px;
    background: #C8A064;
    border-top: solid #FFF 1px;
    border-bottom: solid #FFF 1px;
    padding: 15px 68px 15px 20px;
    text-align: center;
    color: #FFF;
    font-weight: 500;
    display: inline-block;
    position: relative;
    margin-top: 0px;
}
a.button-download:after {
    width: 68px;
    height: 44px;
    background: #FFF;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    right: 0px;
    top: 0px;
    content: "\e944";
    font-family: 'icomoon';
    font-size: 24px;
    padding-top: 14px!important;
}

a.button-download i {
    float: left;
    margin: 5px 10px;
}
a.button-download p {
    font-size: 16px;
    text-align: left;
    margin: 0;
    line-height: 1.2em;
    font-weight: 500;
}
.path {
    padding: 10px 0 5px 30px;
    font-size: 14px;
    font-weight: 300;
    display: block;
    margin-bottom: 0px;
}
.path i {
    margin: 0 8px 0 8px;
}
.path p {
    margin: 0;
    font-size: 14px;
}
.path a {
    color: #707070;
}
.thisis-header {
    position: relative;
}
.thisis-header > .main-image {
    position: absolute;
    width: 100%;
    height: 100%;
}
.thisis-header > section {
    height: 400px;
    position: relative;
    background-size: cover;
}
.thisis-header > section > .content {
    padding: 20px;
    position: absolute;
    top: 0px;
}
.thisis-header > section:nth-last-of-type(1) {
    float: right;
}
.thisis-header .overlay {
    background: rgba(0, 29, 57, 0.45);
    padding: 10px;
    position: relative;
    width: 87%;
}
.thisis-header section:nth-of-type(2) .overlay {
    width: 98%;
}
.thisis-header .overlay section {
    display: none;
    opacity: 0;
}
.thisis-header .overlay .more {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #C8A064;
    font-size: 19px;
    font-style: normal;
    cursor: pointer;
}
.newoverlay {
    width: 0%;
    background: #001D39;
    position: absolute;
    left: 0px;
    display: block;
    height: 100%;
    top: 0px;
    overflow: hidden;
    border-radius: 20px;
}
.newoverlay article {
    padding: 20px;
    color: #FFF;
    opacity: 0;
    transition: opacity 0.4s ease-out;
}
.newoverlay img {
    float: left;
    margin-right: 60px;
}
.newoverlay article p {
    color: #FFF;
}
.newoverlay .more {
    display: none;
}
.newoverlay .close {
    position: absolute;
	content:'1';
    top: 20px;
    right: 30px;
    color: #C8A064;
    cursor: pointer;
    font-style: normal;
}


.overlay-2, .overlay-3 {
    left: 33%;
}
.overlay-3 img {
    float: right;
    margin-right: 0px;
    margin-left: 60px;
}
.overlay-3 .close {
    position: absolute;
    top: 20px;
    left: 50%;
    color: #C8A064;
    cursor: pointer;
    font-style: normal;
}
.numbers > section > .content {
    border: solid #00B398 1px;
    padding: 15px 30px 15px 30px;
    margin: 0 15px 15px 0;
    height: 100%;
}
.numbers > section > .content:nth-child(4n) {
    margin-right: 0px;
}
.numbers h2 {
    color: #003068;
    font-weight: 300;
    font-size: 50px;
}
.numbers h7 {
    color: #003068;
}
.numbers h7:after {
    border-color: #003068;
}
.numbers p {
    color: #003068;
}
.numbers h6 {
    font-size: 26px;
    font-weight: 300;
}
.numbers .cols-2 > section {
    width: 45%;
}
.operate section {
    height: 400px;
    margin-right: -4px;
}
.operate section > .content img {
    position: absolute;
    width: 100%;
    height: 100%;
}
.operate > section > .content .box {
    position: absolute;
    bottom: 15px;
    display: block;
    width: 84%;
    left: 15px;
    height: auto;
    padding: 10px 15px;
    background: rgba(0, 29, 57, 0.48);
}
.operate .box p {
    color: #FFF;
}
.bg-wrapper {
    background: url("https://www.goldfields.com/images/this-is-gold-fields-bg-1.jpg") no-repeat;
    background-size: cover;
    display: block;
}

.bg-wrapper-lightgrey {
    display: inline;
    background: #DEDFE1;
}


.work .col-33 .content {
    padding: 20px 30px 0 0;
}
.work .col-66 section img {
    position: absolute;
    height: 400px;
    width: 100%;
}
.work .col-66 .cols-2 section .content {
    position: relative;
    height: 400px;
}
.work .col-66 .cols-2 section h5 {
     color: #C8A064;
    position: absolute;
    top: 15px;
    width: 100%;
    text-align: center;
}
.work .col-66 .cols-2 section h4 {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
}
.work .col-66 .cols-2 section p {
    text-align: center;
    padding: 20px;
    color: #FFF;
}
.height-400 {
    height: 400px;
}
.work .cols-2 section {
    margin-right: -4px;
    position: relative;
}
.work .cols-2 section .label {
    width: 100%;
    height: 94px;
    background: rgba(180, 151, 90, 0.48);
    color: #FFF;
    position: absolute;
    top: 50%;
    left: 0px;
}
.work .button-4 {
    position: absolute;
    bottom: 0px;
}
.vertical-accordion .accordion-nav {
    width: 20%;
    display: inline-block;
    vertical-align: top;
    margin-right: -5px;
}
.vertical-accordion .accordion-content {
    width: 75%;
    display: inline-block;
    vertical-align: top;
    background: rgba(200, 160, 100, 0.49);
    padding: 20px 30px;
    min-height: 550px;
}
.accordion-content > section {
    opacity: 0;
    display: block;
    z-index: 0;
    position: absolute;
    width: 68%;
    -webkit-transition: opacity 0.4s ease-in;
    transition: opacity 0.4s ease-in;
}
.accordion-content > section.active {
    opacity: 1;
    display: block;
    z-index: 1;
}
.vertical-accordion .accordion-nav ul {
    list-style: none;
    margin: 0;
    padding: 0px;
}
.vertical-accordion .accordion-nav ul li {
    padding: 30px 30px 30px 0px;
    color: #001D39;
    font-size: 18px;
    position: relative;
    cursor: pointer;
    background: transparent 0.2s ease-in;
    transition: background 0.3s ease-out;
}
.vertical-accordion .accordion-nav ul li:after {
    position: absolute;
    width: 55px;
    bottom: 35px;
    border-bottom: solid #C8A064 1px;
    content: '';
    -webkit-transition: width 0.2s ease-in;
    transition: width 0.2s ease-in;
}
.accordion-nav ul li:hover:after {
    width: 90px;
}
.vertical-accordion .accordion-nav ul li.active {
    background: -webkit-linear-gradient(to right, rgba(255, 255, 255, 0), rgba(200, 160, 100, 0.5));
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(200, 160, 100, 0.5));
}
.stakeholder .col-33 .content {
    padding: 0 20px 0 0;
}
.stakeholder .col-66 .cols-2 .content {
    height: 400px;
}
.stakeholder .col-66 .cols-2 .content img {
    position: absolute;
}
.stakeholder .cols-2 .content .box {
    padding: 20px;
    position: absolute;
    height: 340px
}
.stakeholder .box h5 {
    display: block;
    position: relative;
}
/*.stakeholder .box h5:after {
    content: '+';
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 30px;
    color: #C8A064;
}*/
.stakeholder .box .pos-right {
    right: -20px;
}
.stakeholder .col-66 .cols-2 section:nth-of-type(1) .pos-right {
    right: -4px;
}
.col-left section:nth-of-type(1) .content {
    padding: 0 20px 0 0;
}
.col-left section:nth-of-type(2) .content {
    padding: 0 0 0 20px;
}
.col-left .box p {
    padding: 10px;
    margin: 0;
}
.box-turq p:nth-of-type(even) {
    background: rgba(0, 179, 152, 0.08);
}
.col-left section .content {
    height: auto;
}

.content h5, .content h8{/*font-weight:500*/}


.box-maroon p:nth-of-type(even) {
    background: rgba(155, 39, 67, 0.08);
}
/*.box-orange p:nth-of-type(even) {
    background: rgba(219, 134, 78, 0.08);
}*/
.box-green p:nth-of-type(even) {
    background: rgba(108, 194, 74, 0.08);
}
.box-yellow p:nth-of-type(even) {
    background: rgba(240, 179, 35, 0.08);
}
.box-kaki p:nth-of-type(even) {
    background: rgba(111, 162, 135, 0.08);
}
.rinfo {
    height: 434px;
}
.rinfo section {
    position: relative;
    height: 434px;
}
.rinfo section img {
    position: absolute;
    height: 434px;
}
.rinfo section .box {
    position: absolute;
    padding: 20px 10px;
    background: rgba(0, 29, 57, 0.6);
    color: #FFF;
    margin: 20px;
    display: block;
    width: 85%;
}
ul.arrow {
    list-style: none;
    margin: 20px 0 0 0;
    padding: 0;
    display: inline-block;
    width: 70%;
}
ul.arrow li {
    border-bottom: solid #A3C9DF 1px;
    padding: 11px 0 10px 0;
    color: #003068;
    font-size: 20px;
    position: relative;
}
ul.arrow li:after {
    content: url("https://www.goldfields.com/images/icon-arrow-blue.png");
    position: absolute;
    right: 10px;
    top: 5px;
}
.height-300 {
    height: 300px;
}
.map-wrapper {
    height: 646px;
    background: url("https://www.goldfields.com/images/operations-map.jpg") no-repeat;
    background-position: center top;
    background-size: cover;
    overflow: hidden;
}
.map-wrapper h4 {
    color: #C8A064;
    text-transform: uppercase;
    font-size: 24px;
    position: absolute;
    top: -30px;
    left: 0px;
    font-weight: 300;
    background: rgba(0, 29, 57, 0.7);
    width: 632px;
    text-align: right;
    padding: 10px 60px 10px 0;
}
.half-gold {
    width: 100%;
    position: relative;
    display: block;
}
.half-gold:before {
    width: 50%;
    position: absolute;
    height: 100%;
    background: #C8A064;
    display: block;
    right: 0px;
    content: '';
}
.points section:nth-of-type(1) .content {
    padding-right: 110px;
}
.points section:nth-of-type(3) .content {
    padding-right: 10px;
}

ul.page-index {
    list-style: none;
    margin: 20px 0 40px 0;
    padding: 0;
    border-top: solid #C8A064 1px;
    display: block;
}
ul.page-index li {
    display: inline-block;
    width: auto;
    padding: 14px 30px 10px 0;
    color: #003068;
    font-size: 18px;
    font-weight: 400;
    position: relative;
    cursor: pointer;
}
ul.page-index li.active:after {
    content: '';
    width: 55px;
    height: 5px;
    border-bottom: solid #C8A064 1px;
    left: 0px;
    bottom: 0px;
    position: absolute;
}
.index-page .cols-2 section:nth-of-type(odd) .content {
    padding-right: 30px;
}
.index-page .cols-2 section:nth-of-type(even) .content {
    padding-left: 30px;
}
.index-page {
    display: none;
    z-index: 0;
    /*position: absolute;*/
    width: 100%;
    -webkit-transition: opacity 0.4s ease-out;
    transition: opacity 0.4s ease-out;
}
.index-page.active {
   display: block;
    z-index: 1;
}
.index-page > .content {
    width: 100%;
}
/*------*/

ul.tab-index {
    list-style: none;
    margin: 20px 0 40px 0;
    padding: 0;
    border-top: solid #C8A064 1px;
    display: block;
}
ul.tab-index li {
    display: inline-block;
    width: auto;
    padding: 14px 30px 10px 0;
    color: #003068;
    font-size: 18px;
    font-weight: 400;
    position: relative;
    cursor: pointer;
}
ul.tab-index li.active:after {
    content: '';
    width: 55px;
    height: 5px;
    border-bottom: solid #C8A064 1px;
    left: 0px;
    bottom: 0px;
    position: absolute;
}
.tab-page .cols-2 section:nth-of-type(odd) .content {
    padding-right: 30px;
}
.tab-page .cols-2 section:nth-of-type(even) .content {
    padding-left: 30px;
}
.tab-page {
    opacity: 0;
    z-index: 0;
    position: absolute;
    width: 100%;
    -webkit-transition: opacity 0.4s ease-out;
    transition: opacity 0.4s ease-out;
}
.tab-page.active {
    opacity: 1;
    z-index: 1;
}
.tab-page > .content {
    width: 100%;
}

/*------*/
.explore-content {
    overflow: hidden;
}
.seperator {
    width: 100%;
    border-bottom: solid #FFF 3px;
    display: block;
    height: 5px;
}

.seperator-gold {
    width: 100%;
    border-bottom: solid #C8A064 3px;
    display: block;
    height: 5px;
}
.shares h2 {
    margin-top: 20px;
    padding: 0 0 10px 0;
}
.categories > .cols-4 > section > .content {
    padding-right: 20px;
}
/*.categories > .cols-4 > section:nth-last-of-type(1) > .content {
    padding-right: 0px;
}*/




.date-calendar {color: #003068; font-size: 14px;  font-weight: 400; line-height: 18px; position: relative; display:block;padding: 5px 0 8px 0;margin:0;box-sizing: border-box; }
.files-news-td {height: 100px!important; }



a.home-block-reports-link:link, a.home-block-reports-link:visited {
    background: #003068 url(https://www.goldfields.com/images/arrow-white.png) no-repeat 10px center;
    text-align: center;
    color: #fff;
    font-size: 15px;
    margin: 10px auto 0 auto;
    border-radius: 18px;
    font-family: 'roboto', Arial, Helvetica, sans-serif;
    border: 1px solid #C6D0DD;
    overflow: hidden;
    text-decoration: underline;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
	width: auto; display: inline-block; padding: 10px 15px 10px 35px
}

a.home-block-reports-link:hover, a.home-block-reports-link:active {
    border: 1px solid #C6D0DD;
    text-decoration: none;
    transition: all 0.3s;
    background: #fff url(https://www.goldfields.com/images/arrow-white.png) no-repeat 20px center;
    color: #003268;
}





.categories h3 {
    font-weight: 500;
    margin: 0;
}
.explore-image {
    width: 100%;
    height: 310px;
   
    margin: 10px 0 60px 0;
}
.conduct > .col-66 {
    margin-right: -4px;
}
.conduct > .col-66 > section {
    background: url("https://www.goldfields.com/images/home/coc13-05.jpg") no-repeat;
    width: 100%;
    height: 367px;
    display: block;
    background-size: cover;
}
.conduct > .col-33 > section {
    width: 100%;
}
.conduct > .col-33 > section ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.conduct > .col-33 > section ul li {
    padding: 0 120px 0 20px;
    border-bottom: solid #FFF 1px;
    border-color: rgba(180, 151, 90, 0.4);
    color: #4E4E50;
    font-size: 16px;
    height: 90px;
    position: relative;
}
.conduct > .col-33 > section ul li span {
    font-size: 16px;
    font-weight: 200;
}
.conduct > .col-33 > section ul li:after {
    width: 90px;
    height: 55px;
    content: "\e944";
    font-family: 'icomoon';
	font-size:20px;
    position: absolute;
    right: 0px;
    top: 0px;
    text-align: center;
    padding: 35px 0 0 0;
}
.conduct > .col-33 > section ul li a {
    width: 100%;
    height: auto;
    display: block;
    color: #4E4E50;
}
.conduct > .col-66 > section > div:nth-of-type(1) {
    width: 59%;
    display: inline-block;
    vertical-align: top;
}
.conduct > .col-66 > section > div:nth-of-type(2) {
    width: 39%;
    display: inline-block;
    vertical-align: top;
    padding-top: 20px;
    text-align: center;
}
.conduct > .col-66 > section > div .button-7 {
    margin-top: 260px;
    margin-left: 20px;
    background: #8097B3;
    color: #FFF;
    text-align: center;
}
.conduct table {
    width: 100%;
}
.conduct table tbody tr td  {
    font-size: 18px;
    padding: 10px;
    border-bottom: solid #fff 1px;;
    font-weight: 800;
    color: #fff;
    text-align: left;
    width: 50%;
}
.conduct table tbody tr td.contact-numbers  {
font-weight: 500!important;
}



.content-left {
    text-align: left;
    padding-right: 100px;
}
.content-right {
    text-align: right;
    padding-left: 100px;
}
.expand {
    position: relative;
    display: block;
}
.expand > section {
    background: #C8A064;
    padding: 19px;
    width: 93.5%;
    height: auto;
}
.expand .button-5 {
    height: 40px;
    display: block;
    position: relative;
    width: 90%;
}
.expand .button-5.active {
    background: #C8A064;
}
.commitment .col-50 .content {
    padding-left: 40px;
}
.expand .button-5:after {
    transform: rotate(0deg);
    font-size: 1.1em;
    top: 27px;
    font-weight: 200;
    transition: transform 0.3s, font-size 0.3s, top 0.3s;
    
}
.expand .button-5.active:after {
    transform: rotate(45deg);
    font-size: 1.2em;
    top: 5px;
}
.commitment p {
    color: #001D39;
}
.commitment h6 {
    font-size: 28px;
    color: #001D39;
    font-weight: 400;
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
    width: auto;
    display: inline-block;
    border-bottom: solid #C8A064 1px;
    text-transform: none;
}
.border-bottom {
    border-bottom: solid #C8A064 1px;
    padding-bottom: 10px;
}

.border-bottom-inline {
    border-bottom: solid #C8A064 1px;
    padding-bottom: 10px;
	display:inline-block;
}

.commitment h5 {
    margin-top: 40px;
}
.file-downloads > section:nth-of-type(1) > .content {
    padding-right: 50px;
}
.file-downloads > section:nth-of-type(2) > .content {
    padding-left: 50px;
}
.standards h8 {
    color: #003068;
    padding-bottom: 10px;
    border-bottom: solid #C8A064 1px;
    margin-bottom: 25px;
	font-weight:300;
    width: auto;
    display: inline-block;
    font-size: 28px;
}
.standards .col-50:nth-last-of-type(even) > .content {
    padding-right: 30px;
}
.standards .col-50:nth-last-of-type(odd) > .content {
    padding-left: 30px;
}
.standards p {
    color: #003068;
}
.leadership {
    display: block;
    position: relative;
}
.leadership > section {
    width: 23%;
    display: inline-block;
    vertical-align: top;
    padding: 0 10px;
}
.leadership > section > .content {
    /* margin-right: 20px; */
    margin-bottom: 40px;
}
.leadership > section:nth-child(4n) > .content {
    margin-right: 0px;
}
.leadership > section > .content img {
    /* height: 312px; */
    width: 100%;
	border-radius: 10px;
}
.leadership .title {
    background: rgba(128, 151, 179, 0.3);
    padding: 10px;
    display: block;
    border-radius: 6px;
    margin-top: 5px;
    font-size: 16px;
        min-height: 150px;
}
.leadership .title p {
    font-weight: 500;
    margin: 0;
}
.leadership .title p:nth-of-type(1) {
    text-transform: uppercase;
    color: #003068;
}
.leadership .title p:nth-last-of-type(1) {
    margin-top: 20px;
    color: #003068;
}
.leadership > section article {
    display: none;
}
.popup {
    position: absolute;
    width: 99%;
  /*  height: 440px;*/
 height: 515px;
    padding: 10px;
    left: 0px;
    top: 0px;
    background: #D4DFEC;
    border-radius: 5px;
}
.popup .lab {
    width: 25%;
    display: inline-block;
    vertical-align: top;
}
.popup .cv {
    width: 70%;
    display: inline-block;
    vertical-align: top;
    padding: 20px;
}
.popup .title {
    background: transparent;
}
.popup .more {
    display: none;
}
.popup .close {
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: #003068;
    text-transform: uppercase;
    cursor: pointer;
}
.margin-right {
    margin-right: 30px;
}
ul.gold-line {
    display: inline-block;
    width: 335px;
    list-style: none;
    margin: 0 0 20px 0;
    padding: 0;
}
ul.gold-line li {
    padding: 5px 0 10px 0;
    border-bottom: solid #C8A064 1px;
	line-height:1.4;
}



ul.gold-line2 {
    display: inline-block;
    width: 535px;
    list-style: none;
    margin: 0 0 20px 0;
    padding: 0;
}
ul.gold-line2 li {
    padding: 5px 0 10px 0;
    border-bottom: solid #C8A064 1px;
	color:#003068;
	line-height:1.4;
}




.numbers-2 > section > .content {
    background: rgba(66, 124, 195, 0.35);
    border-color: #8097B3;
    color: #FC03E9;
}
.numbers-2 > section > .content h7, .numbers-2 > section > .content h3 {
    /*color: #FC03E9;*/
}

.numbers-2 > section > .content h7 { font-weight:400;}
.numbers-2 > section > .content h3 { color:#001D39; font-size:30px;} 

.numbers-2 > section > .content h7:after {
    border-color: #FFF;
}
.box-4 {
    background: rgba(0, 48, 104, 0.7);
    color: #FFF;
    padding: 10px;
    border-radius: 5px;
    margin-top: 10px;
    margin-bottom: 15px;
}
.related > section > .content {
    padding: 20px;
}
.box-4 p {
    color: #FFF;
    
}
.related .alt-header {
    height: 60px;
    vertical-align: bottom;
}




.related .button-4 {
    float: right;
}
/* overlay-4 
    see footprint.js
*/
.tab {
    padding: 10px 20px;
    color: #FFF;
    background: #C8A064;
    text-transform: uppercase;
    width: auto;
    display: inline-block;
}
.tab-list {
    border-top: solid #C8A064 1px;
    border-right: solid #C8A064 1px;
    border-bottom: solid #C8A064 1px;
    list-style: none;
    margin: 0;
    padding: 0;
    color: #001D39;
}
.tab-list li {
    border-bottom: solid #C8A064 1px;
    padding: 10px;
	line-height:1.4;
}
.tab-list li ul {
    list-style: disc;
    margin: 0 0 0 15px;
    padding: 0 0 0 5px;
}
.tab-list li ul li {
    border-bottom: none;
	padding:0;
	line-height:1.4
}






/** FONT-WEIGHT **/
.f-weight-600 { font-weight:600;}
.f-weight-500 { font-weight:500;}
.f-weight-400 { font-weight:400;}
.f-weight-300 { font-weight:300;}
.f-weight-200 { font-weight:400;}
.f-weight-100 { font-weight:100;}

/** FONT-SIZES **/
.f-size-20 { font-size: 20px;}
.f-size-24 { font-size: 24px;}
.f-size-32 { font-size: 26px;}
.f-size-36 { font-size: 36px;}
.f-size-42 { font-size: 42px;}
.f-size-46 { font-size: 46px;}


/** MARGINS **/
.margin-B35 { margin-bottom:35px;}
.margin-B60 { margin-bottom:60px;}



/* Colours */
.orange {
    color: #DB864E;
}
.yellow {
    color: #F0B323;
}
.gray {
    color: #9E9E9E;
}
.blue {
    color: #A3C9DF;
}
.green {
    color: #6CC24A;
}
.bluegray {
    color: #8097B3;
}
.kaki {
    color: #6FA287;
}
.maroon {
    color: #9B2743;
}
.turqoise {
    color: #00B398;
}
.gold, h2.gold {
    color: #C8A064;
}
.darkgray {
    color: #707070;
}
.darkblue, a p.darkblue {
    color: #003068;
}
.midblue, p.midblue, a.midblue {
    color: #003068;
}
.white {
    color: #FFF !important;
}

.pink { color:#FC03E9 !important;}

.bg-gold {
    background: #C8A064;
}
.bg-bluegray {
    background: #8097B3;
}
.bg-green {
    background: #6FA287;
}
.bg-lightgold {
    background: rgba(200, 160, 100, 0.10);
}
.bg-midgold {
    background: rgba(200, 160, 100, 0.3);
}
.bg-lightgray {
    background: rgba(209, 206, 200, 0.3);
}
.bg-darkblue {
    background: #001D39;
}
.bg-lightblue {
    background: rgba(0, 179, 152, 0.08);
}
.bg-midblue {
    background: rgba(200, 160, 100, 0.10);
}
.bg-white {
    background: #FFF;
}
.bg-lightgreen {
    background: rgba(111, 162, 135, 0.17);
}
.bg-purple {
    background: rgba(128, 151, 179, 0.3);
}
.border-gray {
    border: solid #707070 1px;
}
.underline-header {
    border-bottom: solid #C8A064 1px;
    width: auto;
    display: inline-block;
    padding-bottom: 5px;
    margin-bottom: 20px;
}
ul.culture {
    list-style: none;
    padding: 0;
    margin: 0;
    width: auto;
    display: inline-block;
}
ul.culture li {
    padding: 5px 0;
    border-bottom: solid #8097B3 1px;
    font-size: 24px;
    font-weight: 400;
    color: #001D39;
}














/* @media screen and (max-width:1440px)
{

.slideshow { height: 640px;}

} */






/* Mobile overrides */
/* max size > 1380px */
@media screen and (max-width: 1380px) {


nav ul li {
    font-size: 13px;
}

    nav ul li {
        padding-left: 8px;
        padding-right: 8px;
    }
    .nav-wrapper.min ul li {
        padding-right: 10px;
        padding-left: 10px;
        padding-top: 25px;
        margin-top: -10px;
        height: 30px;
        font-size: 14px;
    }
    .quicklinks {
        width: 71%;
    }
    .quicklinks ul li:nth-of-type(1) {
        padding: 3px 10px 3px 10px;
    }
    .c1 > div {
        width: 40%;
    }
    .slide-controller {
        top: 0px;
    }
    .content-wrapper {
        height: 400px;
    }
     .col-33.full p a.pos-bottom {
        position: absolute;
        bottom: 0px;
    }
    a.button-download {
        width: 240px;
    }
	
	
	.float-left {
    
    width: 200px;
	    margin-bottom: 30px;
}
	
	.content-wrapper {top: 12%; height: 480px;}
	
	
}



/*October 2024 website updates*/
	.fintop-gold {
    border-top: solid #C8A064 1px;
	}
	.noborderbot {border-bottom: none!important;}


	.regions .big-number-text {color: #4E4E50!important; font-size: 24px!important; font-weight: normal!important;}
	.regions p {font-weight: 500}
	.regions .downloads-section a {text-transform: uppercase;}
	table.salienttd tr th{    padding-bottom: 26px;color:#003068;text-transform: uppercase;font-weight: 500;font-size: 17px;}
	table.salienttd {    margin-bottom: 10px;}
	table.salienttd tr td{padding: 8px 5px 10px 0px;color:#003068; font-weight: 500;font-size: 17px;}

.topbot-box {
    border-bottom: 1px solid #B6935F;
    padding-bottom: 3px;
    border-top: 1px solid #B6935F;
    padding: 10px 3px;
    font-size: 24px !important;
}
.border-bot-gold {
    border-bottom: 1px solid #B6935F;
}
.based-on-2023-heading {margin-top: 15px;}

.banner-responsive1{display: none;}
.banner-responsive2{display: none;}


/*October 2024 website updates*/












@media screen and (max-width:1182px) {
    /* .slideshow {
        min-height: 405px !important;
    } */
}


@media screen and (max-width: 1164px) {
    nav ul li {
        padding-left: 10px;
        padding-right: 10px;
    }
    .quicklinks {
        width: 80%;
    }
    .nav-wrapper.min ul li {
        font-size: 12px;
    }
    .home-market .col-70 .content {
        width: auto;
        float: none;
        padding: 30px 30px 100px 30px;
        height: auto;
    }
    .home-market .content h1 {
        font-size: 30px;
    }
    .home-market .content h4 {
        font-size: 26px;
    }
   .content-wrapper {
        height: 477px;
    }
}

@media screen and (max-width:1023px) {
    .slideshow {
        min-height: 360px !important;
    }
}
@media screen and (max-width: 1086px) {
    .desktop {
        display: none;
    }
    .mobile {
        display: inline-block;
    }
	.one nav ul li ul.main-menu li:nth-child(1), .two nav ul li ul.main-menu li:nth-child(2), .three nav ul li ul.main-menu li:nth-child(3), .four nav ul li ul.main-menu li:nth-child(4) { background:none; font-size:15px;}
    .header-wrapper {
        position: absolute;
        height: 100px;
        display: block;
        width: 100%;
        background: #FFF;
        z-index: 9;
        border-bottom: solid #001D39 1px;
    }
    header {
        padding-left: 20px;
    }
    /* Mobile navigation */
    .quicklinks ul {
        display: none;
    }
    .quicklinks {
        background: none;
        right: 30px;
        top: 50px;
        width: auto;
        position: absolute;
    }
    .menu-button {
        display: inline-block;
    }
    .search-button {
        display: inline-block;
        margin-right: 15px;
    }
    .nav-wrapper {
        position: absolute;
        top: 101px;
        left: 0px;
        width: 100%;
        height: auto;
        overflow: hidden;
        display: block;
        visibility: hidden;
    }
    .nav-wrapper.open {
        display: block;
    }
    nav {
        display: block;
        padding: 0 30px;
        
    }
    nav ul li {
        display: block;
        border-bottom: solid #FFF 1px;
        padding: 15px 30px;
        font-size: 16px;
        margin-top: 0px;
    }
    nav ul li a {
        padding: 0px;
        display: block;
    }
    nav ul li:nth-last-of-type(1) {
        border-bottom: none;
    }
    nav ul li:after {
        content: url("https://www.goldfields.com/images/icon-gt-white.png");
        position: absolute;
        right: 15px;
        top: 15px;
    }
    nav ul li.active:after {
        transform: rotate(180deg);
        right: 15px;
    }
    nav ul li:nth-of-type(1) {
        margin-left: 0px;
    }
    .menu-wrapper {
        display: none;
        overflow: hidden;
        width: 100%;
    }
    .qmenu {
        background: #D1CEC8;
        display: block;
        overflow: hidden;
    }
    .qmenu .menu-button, .qmenu .search-button {
        display: none;
    }
    .qmenu ul {
        display: block;
        padding: 0px 30px 80px 30px;
        position: relative;
        list-style: none;
        margin: 0;
    }
    .qmenu ul li {
        padding: 15px 30px;
        font-size: 15px;
        font-weight: 300;
        color: #707070;
        border-bottom: solid #707070 1px;
        position: relative;
    }
    .qmenu ul li a {
        color: #707070;
    }
    .qmenu ul li:nth-of-type(1) {
        position: absolute;
        bottom: 0px;
        border: none;
    }
    .qmenu i img {
        width: 40px;
    }
    .qmenu ul li:after {
        display: none;
    }
    .qmenu ul li:nth-of-type(1):after {
        display: none;
    }
    nav ul li .main-menu {
        display: block;
        position: relative;
        padding: 0 30px;
        margin: 15px -60px -16px -60px;
        width: auto;
        opacity: 1;
        z-index: 1;
    }
    .nav-wrapper nav ul li:nth-of-type(1) a:nth-of-type(1) {
        display: block;
    }
    .main-menu {
        background: #91ABCC;
    }
    .main-menu li {
        color: #4E4E50;
        border-bottom: solid #D1CEC8 1px;
        padding: 10px 20px;
        text-transform: none;
    }
    .main-menu li:nth-last-of-type(2) {
        border-bottom: solid #D1CEC8 1px;
    }
    .main-menu li:nth-last-of-type(1) {
        border-bottom: none;
    }
    .main-menu li:after {
        top: 15px;
        right: 15px;
        display: none;
    }
    .main-menu li ul {
        display: block;
        position: relative;
        opacity: 1;
        z-index: 1;
        right: 0px;
        width: auto;
        margin: 0px -50px -11px -50px;
        padding: 0px 30px;
        height: auto;
    }
    .main-menu li ul li {
        padding: 0px 15px;
    }
    .main-menu li ul li:after {
        display: none;
    }
    .main-menu > li.more:after {
        content: url("https://www.goldfields.com/images/icon-chevgray.png");
        position: absolute;
        right: 5px;
        top: 6px;
        display: block;
    }
    nav ul li.active, nav ul li:hover {
        background: inherit;
    }
    ul.main-menu li a:hover {
        background: transparent;
    }
    /* Page structure */
    .page {
        padding-top: 105px;
    }
    .col-50 {
        width: 48%;
    }
    .mobile-page {
        width: 100%;
    }
    .mobile-full {
        width: 100%;
        margin: 0 -30px 0 -30px;
        padding: 30px;
    }
    .cols-3 > section {
        width: 49%;margin-bottom: 20px
    }
    .cols-4 > section {
        width: 33.3%;
    }
    /* Page styles */
    h2 {
        font-size: 30px;
    }
    footer > div:nth-of-type(1), footer > div:nth-of-type(2) {
        display: block;
        width: 100%;
        text-align: center;
    }
    .half-gold:before {
        display: none;
    }
    .half-gold .col-50 {
        width: 100%;
        display: block;
    }
    .half-gold .col-50:nth-last-of-type(1) {
        margin: 0 -30px -20px -30px;
        padding: 40px 30px 0px 30px;
    }
    .col-50.height-300 {
        height: auto;
    }
    .col-50 .pos-bottom {
        position: relative;
    }
    .col-50 .padded {
        padding: 0;
    }
    .cols-2 > section {

        width: 100%;
        display: block;
    }
    .cols-4 > section {
        width: 49.9%;
    }
    .cols-4 > section:nth-of-type(even) .content {
        margin-right: 0px;
    }
    .index-page .cols-2 section:nth-of-type(odd) .content {
        padding-right: 0px;
    }
    .index-page .cols-2 section:nth-of-type(even) .content {
        padding-left: 0px;
    }
    /* .slideshow {
        display: block;
		height: 1000px;
    } */
	
	.slide { height: 1000px;}
	
	.content-wrapper { height: 835px;top: 5%;}
	
	.c1 > div {width: 60%;}
	
    .home-market {
        margin-top: 100px;
    }
    .home-market .col-70 {
        width: 100%;
        display: block;
    }
    .home-market .col-70 .content {
        width: auto;
        float: none;
        padding: 30px;
        height: auto;
    }
    .home-market a.button-3 {
        margin: 20px auto;
        width: 300px;
        display: block;
        float: none;
    }
    .home-market > .col-30 {
        width: 100%;
        display: block;
    }
    .home-market .col-30 .content {
        height: auto;
        text-align: center;
    }
    .market-data .content {
        width: 90%;
        padding: 0 30px;
        height: auto;
    }
    .market-data {
        height: auto;
        padding: 40px 0;
    }
    .market-data .cols-2 > section {
        width: 49.1%;
        display: inline-block;
    }
    .scroll-label {
        display: none;
    }
    .grid-images > section {
        width: 20%;
        position: relative;
    }
    .grid-images img {
        width: 100%;
    }
    .grid-images > section h4 {
        width: 100%;
    }
    .grid-images h4 img {
        width: 20px;
    }
    .explore h1 {
        font-size: 36px;
    }
    .grid-cols > section {
        width: 33%;
    }
    .grid-2 > section {
        width: 100%;
        display: block;
    }
    .grid-2 .pos-right {
        position: relative;
        right: 0px;
    }
    .grid-2 .right-20 {
        right: 0px;
    }
    .grid-2 > section {
        height: auto;
    }
    .grid-2 > section > .content {
        height: auto;
    }
    .categories .col-50 {
        width: 100%;
        display: block;
        margin-bottom: 20px;
    }
    .categories .col-50 .content .right {
        text-align: left;
    }
    .topics > .controller > section {
        width: 49%;
    }
    .topic-section > img {
        width: 100%;
    }
    .grid-3 > section {
        width: 100%;
        display: block;
        margin-bottom: 20px;
    }
    .market-toolbar {
        padding: 5px 20px;
    }
    .market-toolbar > .container > section:nth-of-type(1) {
        width: 100%;
        display: block;
    }
    .market-toolbar > .container > section:nth-of-type(2) {
        width: 100%;
        display: block;
    }
    .market-toolbar > .container > section:nth-of-type(3) {
        width: 96%;
        display: block;
        padding: 5px 0;
    }
    .leadership > section {
        width: 30%;
    }
    .popup {
        width: 97%;
    }
    .leadership > section:nth-child(4n) > .content {
        /* margin-right: 20px; */
    }
    .leadership > section:nth-child(3n) > .content {
        margin-right: 0px;
    }
	
	.grid-1 > section > a > div:after {height: 50px;padding-top: 26px;}
	
	
	ul.gold-line2 {display:block;width:100%	}
	ul.p-tag { display: block;width:100%	}
	
	.thisis-header > section:nth-last-of-type(1) {float: none;}
	.thisis-header section:nth-of-type(2) .overlay {width: 87%;}
	.thisis-header .overlay {width:79%;}
	
	.file-downloads>section:nth-of-type(2)>.content{padding-left:0}
	.file-downloads > section:nth-of-type(1) > .content{padding-right:0}
	
	.vertical-accordion .accordion-content { width: 73%;}
	
}


@media screen and (max-width: 900px){
.c1 > div {width: 80%;}
}
@media screen and (max-width:839px) {
	.slideshow {
    min-height: 395px !important;
}
}

@media screen and (max-width: 768px) {
    .leadership .title p {
        font-size: 16px;
    }
	.scrollable { overflow: auto; }
    .market-toolbar > .container > section:nth-of-type(1) {
        width: 100%;
        padding: 10px 20px;
        display: block;
    }
    .market-toolbar > .container > section:nth-of-type(2) {
        width: 100%;
        padding: 10px 20px;
        display: block;
    }
    .market-toolbar > .container > section:nth-of-type(3) {
        width: 100%;
        display: block;
    }
    .explore a.button-2 {
        width: 70%;
    }
    .categories > .cols-4 > section:nth-child(2n) .content {
        padding-right: 0px;
    }
    .conduct .col-66 {
        width: 100%;
        display: block;
    }
    .conduct .col-33 {
        width: 100%;
        display: block;
    }
    .conduct .col-66 > section {
        background: #FFF;
    }
    .conduct > .col-66 > section > div:nth-of-type(1) {
        width: 100%;
        display: block;
        
    }
    .conduct > .col-66 > section > div:nth-of-type(2) {
        width: 100%;
        display: block;
    }
    .conduct > .col-66 > section > div .button-7 {
        margin-top: 0px;
    }
    .grid-1 > section {
        width: 100%;
    }
    a.button {
        margin: 10px 0;
    }
    .leadership > section {
        width: 45%;
    }
    .popup {
        width: 97%;height: auto;
    }
    .leadership > section:nth-child(2n) > .content {
        margin-right: 0px;
    }
    .leadership > section:nth-child(3n) > .content {
        /* margin-right: 20px; */
    }
    .popup .lab {
        width: 24%;
    }
    .file-downloads > section:nth-of-type(1) > .content {
        padding: 10px 0;
    }
    .file-downloads > section:nth-of-type(2) > .content {
        padding: 10px 0;
    }
    .thisis-header > section {
        width: 100%;
        margin-bottom: 20px;
    }
    .thisis-header > section .content {
        width: 56%;
    }
    .col-25 {
        width: 100%;
    }
    .pos-right {
        position: relative;
    }
    .button-4 {
        margin: 10px 0;
    }
    .grid-images > section {
        width: 33%;
    }
    .bg-bluegray .grid-images > section > h4 {
        width: 100%;
    }
    .col-33 {
        width: 100%;
        display: block;
    }
    .col-66 {
        width: 100%;
        display: block;
    }
    .height-400 {
        height: auto;
    }
    .work .col-66 section img {
        position: relative;
        height: auto;
    }
    .work .col-66 .cols-2 section .content {
        height: auto;
    }
    .vertical-accordion .accordion-nav {
        width: 100%;
    }
    .vertical-accordion .accordion-content {
        width: 91.5%;
		    min-height: 750px;
    }
    .stakeholder .cols-2 .content .box {
        width: 56%;
    }
    .col-left section .content {
        height: auto;
    }
    .grid-cols > section {
        width: 100%;
    }
    .rinfo {
        height: auto;
    }
    .rinfo section {
        width: 100%;
        height: auto;
    }
    .rinfo section img {
        width: 100%;
        position: relative;
        height: auto;
    }
    .rinfo section .box {
        position: relative;
        width: auto;
        margin: 0;
    }
	
	.f-size-24 {font-size: 18px;}
	.f-size-32 {font-size: 20px;}
	
	h3 {font-size: 26px;}
	nav ul li .main-menu h3 {
	display:none;
	
	
	}
	h8 {
    font-size: 20px;
	}
	
	h1 {
    font-size: 36px;
	}
	.limit-1 {    width: 100%;}
	
	/* .leadership > section > .content img {    height: 303px;} */
	.expand .button-5 {argin-bottom:30px;}
	a.button-5 {    padding: 20px 6px;}
	
	.thisis-header .overlay {width:86%;}

	.banner-full{display: none;}
	.banner-responsive1{display: block;}
	.regions .border-bothead {    display: inline-block;
    margin-top: 20px;}
	
}


@media screen and (max-width:800px)
{
.col-50 {width: 98%;}
}

@media screen and (max-width:600px)
{

.float-left {float: none;}

.slide {height: 1255px;}
.content-wrapper {height: 1230px;top: 2%;}
.c1 > div {padding: 30px 20px 0 50px;}

}



@media screen and (max-width: 435px) {
	
	
	a.button-4.turqoise {
    float: none;
}
	.vertical-accordion .accordion-content {
        
		min-height: 1050px;}
    .wrapper {
        width: 100vw;
        overflow: hidden;
    }
    .container {
        padding-left: 20px;
        padding-right: 20px;
    }
    .col-50 {
        width: 100%;
        display: block;
    }
    .cols-4 > section {
        width: 100%;
        display: block;
    }
    .cols-3 > section {
        width: 100%;
        display: block;
    }
    table {
        max-width: 100%;
        overflow: scroll;
    }
    h1 {
        font-size: 34px;
    }
    h2 {
        font-size: 28px;
    }
    header {
        padding: 0px 0px 0px 20px;
    }
    nav {
        padding: 0 20px;
    }
    nav ul li {
        display: block;
        border-bottom: solid #FFF 1px;
        padding: 15px 0px;
        font-size: 16px;
        margin-top: 0px;
    }
    .qmenu ul {
        padding: 0px 20px 80px 20px;
    }
    .qmenu ul li {
        padding: 15px 0px;
    }
    nav ul li .main-menu {
        display: block;
        position: relative;
        padding: 0 30px;
        margin: 15px -30px -16px -30px;
        width: auto;
        opacity: 1;
        z-index: 1;
    }
    .main-menu li ul {
        margin: 15px -40px -16px -40px;
        padding: 10px 20px;
    }
    .main-menu li a {
        width: 100%;
        display: block;
    }
    ul.main-menu li.active {
        background: none;
    }
    a.button, a.button-2, a.button-3, a.button-4, a.button-5, a.button-6 {
        display: block;
        width: 80%;
        margin: 30px 0 0 0;
    }
    ul.arrow {
        width: 100%;
        margin-bottom: 30px;
    }
    .pos-right, .pos-bottom {
        position: relative;
    }
    .path {
        padding: 10px 0 5px 0px;
    }
    .points section:nth-of-type(1) .content {
        padding-right: 0px;
    }
    .cols-4 > section .content {
        margin-right: 0px;
    }
    .index-page .cols-2 section:nth-of-type(even) .content {
        padding-left: 0px;
    }
    .index-page .cols-2 section:nth-of-type(odd) .content {
        padding-right: 0px;
    }
    .market-toolbar {
        padding: 5px 20px;
        width: 90.4%;
    }
    .market-toolbar > .container > section:nth-of-type(1) {
        width: 100%;
        display: block;
    }
    .market-toolbar > .container > section:nth-of-type(2) {
        width: 100%;
        display: block;
        padding: 10px 0;
    }
    .market-toolbar > .container > section:nth-of-type(3) {
        width: 90%;
        display: block;
    }
    .grid-1 > section {
        width: 100%;
        display: block;
    }
    .col-33 {
        width: 100%;
        display: block;
    }
    .col-66 {
        width: 100%;
        display: block;
    }
    .grid-images > section {
        width: 49%;
    }
    .conduct > .col-66 > section {
        height: auto;
        padding: 20px 0;
        background: #FFF;
    }
    .conduct > .col-66 > section > div:nth-of-type(1) { 
        width: 100%;
        display: block;
    }
    .conduct > .col-66 > section > div .button-7 {
        margin-top: 20px;
        width: 76%;
    }
    .conduct > .col-66 > section > div:nth-of-type(2) {
        width: 100%;
        display: block;
    }
    .leadership > section {
        width: 100%;
        display: block;
    }
    .leadership > section > .content img {
        height: auto;
    }
    .leadership > section .content {
        margin-right: 0px;
    }
    .popup {
        height: auto;
    }
    .popup .lab {
        width: 50%;
        display: block;
    }
    .popup .cv {
        width: 100%;
        display: block;
        padding: 0;
    }
    .leadership > section:nth-child(3n) > .content {
        margin-right: 0px;
    }
    .content-right {
        text-align: center;
        padding-left: 0px;
    }
    .content-left {
        text-align: center;
    }
    .col-left section:nth-of-type(2) .content {
        padding: 0px;
    }
    .col-left section .content {
        height: auto;
        padding: 0;
    }
    .rinfo {
        height: auto;
    }
    .rinfo section {
        height: auto;
    }
    .rinfo section .box {
        position: relative;
    }
    .rinfo section img {
        position: relative;
        height: auto;
    }
    .commitment .col-50 .content {
        padding-left: 0px;
    }
    .overlay-2, .overlay-3 {
        left: 0;
    }
    .overlay-3 .close {
        top: 20px;
        left: 90%;
    }
    .thisis-header > section .content {
        width: 95%;
    }
    .thisis-header > section:nth-of-type(2) .content {
        width: 85%;
    }
    .expand .button-5 {
        width: 100%;margin-bottom: 20px
    }
    .expand > section {
        margin-bottom: 20px;
    }
	
	.c1 > div {padding: 30px 10px 0 10px;}
}



@media screen and (max-width: 425px){
	.banner-responsive1{display: none;}
	.banner-responsive2{display: block;}
	
	.regions .downloads-section a {font-size: 13px;}
}


@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){

  html,
  body{
    width:100%;
    overflow-x:hidden;
  }