.mobile {
	display:none;
}
.mobile-subnav {

}


body {
		padding-top: 62px;
	}
.container {
	max-width:1120px;
	margin:0 auto;
	padding:0 0;
	height: 100%;
	position: relative;
}
.clearfix:after, .container:after{
content:'';
display: block;
clear: both;

}

#mobileYears {
	display: none;
}

section.top-section {
	padding-top:50px;
	padding-bottom: 50px;
	border-bottom:2px solid #d0d3d4;
}

section.top-section h1.pageTitle {
	width:50%;
	text-align: right;
	padding-right: 38px;


	color:#1d252d;
	font-weight: 300;
	float:left;
	line-height: 1em;
	
	font-size: 48px;
	height: auto;
	color:#5b6770;
/*font-size: 18px;*/
font-weight: 400;	
position: absolute;
bottom:0;
	color:#1d252d;
}


section.top-section h1.pageTitle .dark {
	display: block;

	font-weight: 500;
}


.location-page section.top-section h1.pageTitle, .single-page section.top-section h1.pageTitle{
	color:#5b6770;
font-size: 18px;
font-weight: 400;

	
}


.location-page section.top-section h1.pageTitle .dark, .single-page section.top-section h1.pageTitle .dark {
	color:#1d252d;
	font-size: 48px;
	line-height: .9em;
	margin-top: 10px;
}




section p.intro, section.top-section p.intro, section.content p.intro {
	margin-bottom: 0;
	font-weight: 300;
	color:#5b6770;
	font-size: 18px;
	line-height: 1.5em;	
}

section.top-section p.intro {
	width:50%;
	padding-left:30px;
	margin-top:30px;
	position: absolute;
	left:50%;
	bottom:0;
	
}

section.content .container:first-child {
	margin-top: 50px;
}

section.padding-bottom{
	padding-bottom: 50px;
}

section.content p a, section.content li a,
.home-content p a, .home-content li a,
section.content table a,
.case-content p a, .case-content li a
 { 
font-weight: 700; border-bottom: 3px solid #d0d3d4; color: #1d252d;
}

section.content p a:hover, section.content li a:hover,
.home-content p a:hover, .home-content li a:hover,
section.content table a:hover,
.case-content p a:hover, .case-content li a:hover
{
	border-bottom-color: #D22630;

transition:.3s;
}

section.content img.framework {
	max-width: 600px;
	margin:0 0 40px 0;
}
section.content img.full {
	width:100%;
	margin:10px 0 40px 0;
}

section.top-section:after {
	content: '';
	clear:both;
	display: block;
}

section.map {
	min-height: 600px;
	overflow:hidden;
	position: relative;
	background-color:#1d252d;
}

section.map .map-screen{
	height:600px;
	z-index: 7;
	float:left;
	width:50%;
	/*background-color: rgba(0,0,0,.3);*/
	pointer-events:none;
	position: relative;
}

section.map .accordion-house {
	width:50%;
	height:600px;
	float:right;
	z-index: 7;
	position: relative;
	background-color: rgba(4, 5, 6, .4);
	pointer-events:none;
	
}

section.map .accordion-house.allow-pointer {
	pointer-events:auto;
}

section.map .accordion-house .map-intro {
	padding:80px 0 0 80px;
	color:#fff;
	position: relative;
	z-index: 10;
}

section.map .accordion-house .map-intro .tiny-instructions {
		display: block;
		font-size: 10px;
		line-height: 1.4em;
		font-weight: 300;	
}

section.map .accordion-house .map-intro .map-intro-title{
	display: block;
	font-size: 48px;
	line-height: 1em;
	font-weight: 300;
	margin-bottom: 10px;
}

section.map .accordion-house .map-intro .map-intro-instruct{
		display: block;
		font-size: 18px;
		line-height: 1.5em;
		font-weight: 300;
}

#map {
	position: absolute;
	top:0;
	bottom:0;
	left:50px;
	z-index: 5;
	right:0;

}

section.map .accordion-house .location-house {
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fff;
	transition:.3s;
	opacity:0;
	transform:translateX(100%);
	z-index: 20;
	overflow: scroll;
	-webkit-overflow-scrolling: touch; /* Lets it scroll lazy */
}

section.map .accordion-house .location-house.active {
	transform:translateX(0);
	opacity:1;
}


section.map .accordion-house .location-house .place-title {
	background-color:#d22630;
	color:#fff;
	padding:15px 25px;
	font-size: 24px;
	line-height: 1.25em;
	font-weight: 400;text-transform: none;margin: 0;
}

section.map .accordion-house .location-house .accordion {
	margin-bottom: 4px;
	
}

section.map .accordion-house .location-house .accordion .acc-open {
	float: right;
}

section.map .accordion-house .location-house .accordion.active .acc-open {
	transform:rotate(90deg);
}

section.map .accordion-house .location-house .accordion .inner-accordion{
	max-height:0;
	transition:.3s;
	overflow: hidden;
	}

section.map .accordion-house .location-house .accordion .place-title {
	background-color: #525c65;
	cursor: pointer;
}


section.map .accordion-house .location-house .accordion .place-title:hover{
	background-color:#d22630;	
}


section.map .accordion-house .location-house .accordion.active .place-title {
	background-color:#d22630;
}


section.map .accordion-house .location-house .accordion.active .inner-accordion {
	max-height:800px;
}
section.map .accordion-house .location-house ul, section.map .accordion-house p.footnote  {
	margin-right: 10px;
	margin-left: 25px;
	
}

section.map .accordion-house .table {
	margin:30px 0;
}

.company-two  .table-cell{
	height:130px;
	width:50%;
	vertical-align: middle;
}


.company-three .table-cell {
	height:130px;
	width:33%;
	vertical-align: middle;
}
.company-four .table-cell {

	height:90px;
	width:50%;
	vertical-align: top;
}

.table-cell.border-right{
	border-right:1px solid #d0d3d4;
}
.table-cell.border-bottom{
	
	border-bottom:1px solid #d0d3d4;
}

.table-cell.align-bottom {
	vertical-align: bottom;
}
section.map .accordion-house .location-house .table-cell {
	margin-left:1em;
	font-size: 18px;
	line-height: 25px;
	font-weight: 300;
	color:#1d252d;
	margin:0;
	padding:0 20px;
	text-align: center;
}

section.map .accordion-house .location-house .table-cell .company-Med {
	font-size: 24px;
	display: block;
	text-align: center;
	font-weight: 400;
}
section.map .accordion-house .location-house .table-cell .company-Big {
	font-size: 48px;
	display: block;
	text-align: center;
	font-weight: 600;
	line-height: 48px;
}

section.map .accordion-house .location-house img {
	width:100%;
	height:auto;
	display:block;
	margin-bottom: 30px;
}

.accordion-house-close {
position: absolute;
left: -60px;
height: 60px;
width: 60px;
background-color: #525c65;
color: #fff;
font-size: 20px;
text-align: center;
line-height: 60px;
cursor: pointer;
opacity: 0;
top: 0;
transition: .3s;
}

.accordion-house-close.active {
	opacity: 1;
}

.accordion-house-close:hover {
	font-size: 24px;
}

.signature {
margin: 0 0 30px 0;
}


.full-gray  {
	background-size:cover;
	padding:38px 0;
	color:#fff;
}

.ceo-gray {
	background-image:url(../_img/ceo-back.jpg);
}
.photo-quote:after {
	clear:both;
	content:'';
	display: block;
}

.photo-quote {
	position: relative;
}

.photo-quote img{
	float:left;
	display: block;
	margin-right:30px;
	height:auto;
	width:30%;
}

.photo-quote img.quoteimg {
	border-radius: 0;
}

.photo-quote p, section.content .photo-quote p {
font-size: 24px;
line-height: 1.5em;
font-weight: 300;
font-style: italic;
width: calc(70% - 30px);
float: right;
margin-bottom: 0;
}
.photo-quote.photo-quote-white {
	padding: 50px 0;
	border-top:1px solid #d0d3d4;
	border-bottom:1px solid #d0d3d4;
}

.photo-quote p.vertical {

position: absolute;

top: 50%;

left: 33%;

transform: translateY(-50%);
}

/***** LANDING PAGES ******/

.stories-header {
	width: calc(50% - 30px);

height: 160px;
	float:right;
	
	margin-left: 30px;
	position: relative;
}


.stories-header .story-link {
	width:49%;
	float:left;
	margin-right: 1%;
	background-size: cover;
	background-position: center;
	height:160px;
	cursor: pointer;
	position: relative;
	
}

/** Animates the CTA text on hover **/
.stories-header .story-link h2 {
	position: absolute;
	bottom: 44px;
	left: 0;
	padding: 0 15px;
	width: 100%;
	color: #fff;
	font-size: 18px;
	line-height: 1.25em;
	font-weight: 400;
	margin: 0;
	transform:translateY(44px);
	opacity:0;
	transition:all 0.9s cubic-bezier(0.2, 1, 0.3, 1);
}
.stories-header .story-link:hover h2 {
	transform:translateY(0px);
	opacity:1;
}

.stories-header .story-link h2 em {
	font-weight: 700;
	display: block;
	font-style: normal;
	
}



/** Adds a background to the 'view story' link to eliminate cases where there isn't enough contrast between the text and background image **/
.stories-header .story-link .open-story {
	font-size: 12px;
	line-height: 2em;
	text-transform: uppercase;
	font-weight: 700;
	left: 0px;
	bottom: 10px;
	color: #fff;
	position: absolute;
	background-color: rgba(0,0,0,0.7);
	padding: 2px 15px;
}
.stories-header .story-link:hover .open-story {
	background-color:rgba(0,0,0,0);
	transition:background-color 0.5s cubic-bezier(0.2, 1, 0.3, 1);
}

/* Adds subtle transition between static and hover opacity **/
.stories-header .story-link .screen {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	background-color: rgba(0,0,0,.7);
	transition:opacity 0.9s cubic-bezier(0.2, 1, 0.3, 1);
}
.stories-header .story-link:hover .screen {
	opacity:1;
}

.story-link .screwlink svg {
	color:#d22630;
}

.story-link h2 em {
	color:#d22630;
}

.story-img-04 {
	background-image: url(../_img/case/cs-reducing-human-rights-risks.jpg);
}

.story-img-05 {
	background-image: url(../_img/case/cs-building-trust-as-we-grow-responsibly.jpg);
}

.story-img-06 {
	background-image: url(../_img/case/cs-effective-systems-and-strong-culture.jpg);
}

.story-img-07 {
	background-image: url(../_img/case/cs-working-together-to-build-a-successful-future.jpg);
}

.story-img-08 {
	background-image: url(../_img/case/cs-addressing-the-economic-and-social-impact-of-mine-closures.jpg);
}

.story-img-09 {
	background-image: url(../_img/case/cs-engaging-stakeholders-on-mine-expansion.jpg);
}

.story-img-10 {
	background-image: url(../_img/case/cs-strengthening-tailings-management.jpg);
}

.story-img-11 {
	background-image: url(../_img/case/cs-working-toward-no-net-loss-of-biodiversity.jpg);
}

.landing section.content p.intro {
	margin:50px auto;

}

/** Specific positioning for banner images **/
#our-people .story-img-07 { background-position:0% 50%; }
#people-arizona .top-image { background-position:100% 50%; }


/****** GRAPHS ******/


.col50 {
	width:50%;
	float:left;
}

.col50.graph {
	padding:0;
}
.col50.graph:first-child{
	margin-left:12%;
	margin-right:12%;
	width:32%;
}

#environment .col50.graph:first-child {
	margin-left: 8%;
	width:54%;
	margin-right: 8%
}

.col50.graph:last-child{
	width:32%;
	
	margin-right:12%;
}

#environment .col50.graph:last-child {
	width:24%;
	margin-right: 4%
}


.col50.graph.col50center {
	width:30%;
	margin-left:auto;
	margin-right: auto;
	float:none;
}

.graph table {
	width:100%;
	border-bottom:1px solid #444;
}

.graph table td:last-child {
	text-align: right; 
}

.graph h3 {
	color:#1c252d;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.3em;
	margin-bottom: 7px;
}

.graph h6 {
	color: #1c252d;
	font-weight: 300;
	font-style: italic;
	font-size: 12px;
	line-height: 1.2em;
	margin-bottom: 20px;
}

.graph img {
	width:100%;
	height:auto;
}

.graph .table-toggler {
	color:#5b6770;
	font-size: 12px;
	display: inline-block;
	margin:15px auto;
	cursor: pointer;
	position: relative;
}

.graph .table-toggler svg {
	position: absolute;
	right:-15px;
}

.graph .table-toggler:hover {
	text-decoration: underline;
}

.table-toggle table {
	display: none;
	margin:10px 0;
}


.table-toggle.active table {
	display: table;
	
}

section.content .table-toggle h4 {
	text-transform: uppercase;
	font-weight: 500;
}
.table-toggle th {
	 font-weight: 400 !important;
}
.table-toggle td {
	font-weight: 300 !important;
}

.table-toggle caption {
	text-transform: none;
	font-weight: 400;
}

.table-toggle.active img {
	display: none;
	
}
/******* FACTS ********/

.col33{
	float:left;
	width:33%;

}

.callout-bar-item {
	padding-right:2%;
	border-left:8px solid #d0d3d4;
	margin-top: 55px;
	padding-left:22px;
}

.callout-bar-item h3, section.content  .callout-bar-item h3 {
font-size: 48px;
color: #d22630;
margin-bottom: 26px;
font-weight: 700;
line-height: .95em;
vertical-align: top;

margin-top: 0;
text-transform: none;

}

.callout-bar-item h4, section.content  .callout-bar-item h4 {
	font-weight: 300;
	font-size: 16px;
	color:#1d252d;
	line-height: 1.5em;
}

/*********** CONTENT STYLES ************/

section.content {

}

section.graph-content {
	padding:30px 0;
	background-size: cover;
	background-position:center;
	background-image:url(../_img/silo4GraphBack.jpg);
}

.silo4 section.graph-content {

}

section.section-margin-top {
	margin-top: 65px;
}

section.top-section .container {
	max-width:920px;
}


.location-page section.top-section  {
	border-bottom:none;
}

section.top-section .top-image {
	float:right;
	width:auto;
	width: calc(50% - 30px);
	height:160px;
	display: block;
	background-size: cover;
	background-position: left center;
	margin-left: 30px;
	position: relative;
}

section.top-section .top-image:before , .stories-header:before{
	position: absolute;
	top:0;
	bottom:0;
	background-color:#d22630;	
	width:8px;
	left:-38px;
	display: block;
	content:'';
}

.page-content-padding {
	padding-bottom: 90px;
}

section.content h2{
	color:#1d252d;
	font-size: 24px;
	line-height: 1.125em;
	margin:40px 0 20px 0;
	font-weight: 500;
}

section.content h3 {
color: #000;
font-size: 1.8em;
font-weight: 500;
line-height: 1.61em;
margin-bottom: 0.9em;
margin-top: 46px;
text-transform: uppercase;
}

section.content .container,
section.full-gray .container {
	max-width: 920px;
}


section.content p, section.content li{
	font-size: 1.6em;
	color: #333333;
	line-height: 1.68em;
	margin-bottom: 24px;
	font-weight: 300;
}


section.content p.footnote, section.content .footnote li, section.content .footnotes li,  .case-content .footnotes li{
	margin-bottom: 11px;
	font-size: 10px;
	line-height: 1.5em;
	font-weight: 300;
	    list-style-position: inside;
	    margin-left: 0;
}

section.content ul{
	margin-bottom: 33px;
}
section.content ul ul {
	margin-bottom: 0;
	margin-left: 1em;
}

section.content ol{
	margin-bottom: 33px;
}

section.content li{
	margin-left: 1em;
	margin-bottom: 10px;
}

.tooltip {
	width:480px;
	left:50%;
	top:30px;
	background-color: #5c6670;
	position: absolute;
	display: none;
	box-sizing: border-box;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	    transform: translateX(-50%);
	padding:30px 35px;
	color:#fff;
	font-size: 1.2em;
	line-height: 1.73em;
	-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.53);
-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.53);
box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.53);
text-align: left;
font-weight: 400 !important;
	
}

.tooltip a {
	color:#fff !important;
}

.tooltip .after {
		border-bottom: 9px solid #5c6670;
    border-right: 9px solid transparent;
    border-top: 9px solid transparent;
    border-left: 9px solid transparent;
    content: "";
    display: block;
    height: 0;
    left: 50%;
    position: absolute;
    top: -18px;
    	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
}

sup.footnote-tooltip {
	font-size: .75em;
	margin-top: 5px;
	color:#5b6770;
	position: absolute;
}

sup.footnote-tooltip:hover {
	text-decoration: underline;
	cursor: pointer;
}

sup.footnote-tooltip:hover .tooltip {
	display: block;
}


table{
	border-collapse: collapse;
    border-spacing: 0;
	width:100%;
	margin:20px 0;
}

table caption {
	text-align: left;
	font-size: 1.8em;
	text-transform: uppercase;
	padding:0 0 10px 0;
	font-weight: 500;
	width: 100%;

}
table.left-align tr th {
    font-weight: 500;
}
table.left-align td, table.left-align th {
    padding-left: 0;
    text-align: left;
}
table.stakeholder-table  thead tr th {
    border-bottom: 1px solid #d1d3d3;
    vertical-align: bottom;
}
table.stakeholder-table  tr th, table.stakeholder-table  tr td {
    color: #1b232a;
    font-size: 1.4em;
    line-height: 1.4em;
    padding: 0 0 8px;
    text-align: left;
    padding:8px 10px;
    vertical-align: top;
       border-bottom: 1px solid #d1d3d3;
}

table.achievements  tr td:first-child, table.achievements  tr td:last-child {
	padding-right:5%;
	box-sizing: border-box;
}

table.stakeholder-table  tr td ul {
	margin-bottom: 0;
} 

table.stakeholder-table  tr td li {
	font-size: 1em;
	 color: #1b232a;
	 font-weight: 400;
}

table.stakeholder-table {
	border-bottom:1px solid #d1d3d3;
}


table.stakeholder-table.top-print-table {
	margin-bottom: 0;
}

table.stakeholder-table.print-table {
	margin:0;
}

table.stakeholder-table.print-table thead {
	display: none;
}

table.print-table-fix thead {
	display: none;
}

.team-member {
	float:left;
	padding-right:3.75%;
	width:20%;
	margin-bottom: 50px;
}

.desktop-clear{
clear:both;
}
.team-member img{
	display: block;
	margin:0 0 8px 0;
	border-bottom:8px solid #d22630;
	width:100%;
}

.team-member h5 {
	color:#1d252d;
	font-weight: 600;
	font-size: 16px;
	margin-bottom: 8px;
}

.team-member p.position  {
	color:#1d252d;
	font-weight: 300;
	font-size: 12px;
	line-height: 1.2em;
}

.more-info {
	padding:50px 0;
	text-align: center;
}

.more-info a {
	color:#1d252d;
	font-size: 32px;
	line-height: 1.16em;
	font-weight: 300;
}
.more-info a:hover {
	color: #d22630;
}


.more-info .more-chevron {
	height:50px;
	width:50px;
	display: block;
	margin:25px auto 0 auto;
	background-color: #d22630;
	line-height:50px;
	color:#fff;
	border-radius:50%;
	text-align: center;
}


section.content .toggle-bar  h4,  section.content .closemore {
	text-align: center;
	display: block;
	cursor: pointer;
}
section.content .toggle-bar  h4.more-title svg ,  section.content .closemore svg{
color:#e11e22;

transition:.3s;
transform:rotate(0deg);
}

section.content .toggle-bar  h4.more-title:hover svg ,  section.content .closemore:hover svg{
	transform:rotate(45deg);
}

section.content .toggle-bar .expander {
	height:auto;
	overflow: hidden;
	margin-top: 20px;
	max-height:0;
	    -webkit-transition: max-height 0.4s ease-in-out;
    -moz-transition: max-height 0.4s ease-in-out;
    -o-transition: max-height 0.4s ease-in-out;
    transition: max-height 0.4s ease-in-out;	
}

section.content .toggle-bar.open .expander {
max-height: 3000px;
height:auto;
	    -webkit-transition: max-height 0.4s ease-in-out;
    -moz-transition: max-height 0.4s ease-in-out;
    -o-transition: max-height 0.4s ease-in-out;
    transition: max-height 0.4s ease-in-out;
}

section.content .toggle-bar.open  h4.more-title i {
	display: none;
}

.more-title {
font-size: 21px;
text-align: center;
border-bottom: 2px solid #d0d3d4;font-weight: 300;margin: 20px 0;padding: 20px 0;
}

.more-title svg path {
fill:#d22630;
}

a.closemore {
font-size: 21px;
text-align: center;
border-bottom: 2px solid #d0d3d4;font-weight: 300;margin: 20px 0;padding: 20px 0;
display: block;
color:#1d252d;
}

.closemore svg path {
fill:#d22630;
}

td.align-left, th.align-left {
	text-align: left;
}

ul.download-list {
    border-top: 1px solid #d1d3d3;
}

ul.download-list li {
    list-style-type: none;
    display: block;
    width: 100%;
    padding: 17px 0 11px 0;
    margin: 0;
    border-bottom: 1px solid #d1d3d3;
    font-weight: 500;
}

ul.download-list li a {
    color: #000;
    text-decoration: none;
}

ul.download-list li a {
    color: #000;
}

ul.download-list li a span.pdf {
    float: right;
    color:  #5b6770;
    display: inline-block;
    margin-right: 200px;
}
ul.download-list li a span.pdf svg{ 
	color:#d22630;
	fill:#d22630;
}
.phantomContent {
	float:left;
	width:50%;
	margin:30px 0;
	padding-right: 5%;
	padding-left: 5%;
	
}

.phantomBorder {
	border-left:8px solid #d22630;
}

.undsg-table tr td:first-child {
	font-weight: 500;
	text-transform: uppercase;
	width:40%;
}

.undsg-table tr td:nth-child(2) a{
	display: inline-block;
	margin-bottom: 5px;
}
.undsg-table tr td:nth-child(2) ul {
	margin-bottom: 15px;
	margin-left: 1em;
}

section.content .undsg-table td img {
	height:90px;
	width:auto;
	display: block;
	margin: 0  0 10px 15px;
	float:left;
	opacity: 1;
	transition:.4s;
}

section.content .undsg-table td img:hover {
	opacity:.6;
}
.ghg tr td:nth-child(4), .ghg tr td:nth-child(7) {
    border-right: 1px solid #d1d3d3;
    padding-right: 10px;
}
.ghg .border-left {
    border-right: 1px solid #d1d3d3;
    padding-right: 10px;
}


section img.trophy {
display: block;
	height:48px;
	width:auto;
	margin-bottom: 26px;
}

section.content img.fullWidth {
	margin:40px 0;
}

.table {
	display: table;
	width:100%;
}

.table-row {
	display: table-row;
}

.table-cell {
	display: table-cell;
	float:none;
}

.special-cell {

	background-image: url(../_img/trophy.png);
	background-repeat: no-repeat;
	background-size: auto 48px;
	background-position: 22px top;
}

.case-page .case-header,.case-page  .case-content{
	transform:none !important;
	opacity:1 !important;
}


@media screen {
	.minus-40-margin {
		margin-top: -40px;
	}
}