html.nav-open {
	overflow: hidden;
}

header {
	position: fixed;
	top:0;
	left:0;
	right:0;
	background-color:#fff;
	z-index: 10;
	padding: 15px 75px;
}

html.nav-open header{
	background-color: transparent;
	z-index: 70;
}

html.sitemap-open header {
	background-color:rgba(210, 38, 48, 1);
}

html.nav-open #openStories {
	display: none;
}

nav {
	overflow:scroll;
	-webkit-overflow-scrolling: touch; /* Lets it scroll lazy */
	padding-bottom:40px;
	
}

#storyHouse {
	-webkit-overflow-scrolling: touch; /* Lets it scroll lazy */	
}

nav.story-nav {
	overflow: auto;
}

html.nav-open header * {
	transition:.3s;
}
html.nav-open header * {
	color:#fff !important;
}




header .logo-wrapper {
    height:26px;
    width:158px;
    position: relative;
    float:left;
    transition: all 500ms cubic-bezier(0.005, -0.015, 0.000, 0.995);
    transform:scale(1);
}

header .logo-wrapper:hover{
    /*height:30px;
    width:162px;
    top:0;
    left:0;*/
    transform:scale(1.025);
    opacity:.65;
}

header .logo-wrapper img {
	display: block;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	z-index: 20;
	opacity:1;
	transition:.3s;
	
}

span.screwlink {
		cursor: pointer;
}

a.screwlink svg, span.screwlink svg {
	transition:.5s;

	transform:rotate(0deg);
}


a.screwlink:hover svg, span.screwlink:hover svg {
	transform:rotate(45deg);
}

header .logo-wrapper img.white-logo {
	z-index: 10;
	opacity:0;
}
html.nav-open header .logo-wrapper img.white-logo {
	opacity:1;
}

html.nav-open header .logo-wrapper img {
	opacity:0;
}

header .site-title-inner {
	position: absolute;
	left:50%;
	transform:translate(-50%);
	display: inline-block;
	top:18px;
	
	font-size:14px;
	color:#1d252d;
	
}

.searchForm {
	float:right;
	margin-top: 0;
}

#searchbar {
    float: right;
    margin-left: 20px;
    top: 17px;
    margin-right: 0;
}


#searchbar input[type="text"].active {
	width: 100%;
	max-height: 200px;
	position: fixed;
	padding: 12px 75px;
	border-top: 1px solid #ddd;
	font-size: 16px;
	color: #333!important;
	font-weight: 500;
}
#searchbar input[type="text"] {
    position: relative;
    text-indent: 5px;
    width: 0;
    -webkit-transition: width 0.35s;
    -moz-transition: width 0.35s;
    -o-transition: width 0.35s;
    transition: width 0.35s;
    border: none;
    font-size: 1.8em;
    padding: 3px 0;
    margin-right: 8px;
    top: -5px;

}
.search-open {
	margin-top: -2px;
}


#searchbar input[type="submit"] {

    position: fixed;
    top: -9999px;
    right: -9999px;

}

#searchbar .search-open {
    font-size: 2.6em;
    cursor: pointer;

}

#searchbar .search-open svg * {
    transition:.3s;

}

#searchbar .search-open:hover svg *{
	fill:#D22630;
}
#searchbar input[type="text"] {
    position: fixed;
    width: 100%;
    -webkit-transition: width 0.35s;
    -moz-transition: width 0.35s;
    -o-transition: width 0.35s;
    transition: width 0.35s;
    border: none;
    font-size: 2.5em;
    padding: 3px 0;
    margin-right: 8px;
    top: 60px;
    left: 0;
    right: 0;
    padding: 0 75px;
    max-height: 0;
    overflow:hidden;
    transition:.3s;
    text-align: right;
}

#searchbar input[type="text"].active {
	width:100%;
	max-height:200px;
	position: fixed;
    padding: 5px 75px;
    border-top:1px solid #ddd;
}	

.sitemap-open #searchbar .search-open:hover svg *{
	fill:#fff;
	 opacity:.65;	
}
.sitemap-open #searchbar input[type="text"]{
	color:#D22630 !important;
}

.navFloatRight {
	float:right;
}

header .util-items {
	display: inline-block;
	margin-top:3px;
	text-decoration: none;
	margin-left: 10px;
	font-size: 14px;
}


header .util-items.language-toggle {
	color:#1d252d;
	font-weight: 300;
}

header .download {
	position: relative;
}

header .download svg {
	position: absolute;
	left:-20px;
}

header .util-items.openStories {
	font-weight: 700;
	color:#d22630;
}

header .util-items.openStories:hover, header .util-items.language-toggle:hover {
	text-decoration: underline;
}

nav.top-nav{
	position: fixed;
	top:0;
	bottom:-150px;

	
	width:480px;

	z-index: 50;
		background-color: rgba(29, 37, 45, .96);
	transition:.3s;
	transform:translateX(-430px);
	overflow: auto;
}


nav.top-nav .redForeground {
	padding: 97px 55px 0 75px;
	height:100%;
	width:100%;
	background-color: rgba(210, 38, 48, 1);	
	border-radius:0 0 470px 0;	
}

html.nav-open nav.top-nav{
	transform:translateX(0px);
	background-color: transparent;
	overflow: auto;
}


    .hamburger, .hamburger-x {

            color: #fff;

            z-index: 60;

            position: fixed;

            top:97px;

            left:15px;

            font-size: 21px;

            transition: all 500ms cubic-bezier(0.005, -0.015, 0.000, 0.995);

            cursor: pointer;

        transform:scale(1);

    }

    .hamburger:hover, .hamburger-x:hover {

            /*font-size: 24px;

            margin-top: -1px;

            margin-left: -1px;*/

            transform:scale(1.1);

            opacity:.65;

    }

.hamburger-x {
	display:none;
}
html.nav-open .hamburger {
	display: none;
}

html.nav-open .hamburger-x {
	display: block;
}

.top-nav .main-nav li{
	list-style-type: none;
	color:#fff;
	font-size: 24px;
	line-height: 1em;
	margin-bottom: 22px;
	font-weight: 300;
}

.top-nav li.activeMenu a {
	font-weight: 600;
}

.top-nav .main-nav li a {
	color: #fff;
	text-decoration: none;
}

.top-nav .main-nav li a:hover {
	text-decoration: underline;
}

.top-nav .sitemap-toggle, .top-nav .story-toggle {
	color: #fff;
	font-size: 16px;
	line-height: 1em;
	font-weight: 700;
	margin:30px 0 25px 0;
}
.top-nav .sitemap-toggle a, .top-nav .story-toggle a {
	color:#fff;
}
.top-nav .sitemap-toggle a svg, .top-nav .story-toggle a svg {

	margin-left: 5px;
}



.utility-nav {
	border-top:1px solid #fff;
	margin-right:30px;
	padding-top:25px;
}

.utility-nav li {
margin-bottom: 15px;
list-style: none;
font-weight: 300;
font-size: 14px;
}

.utility-nav li a {
	color:#fff;
}

.utility-nav li a:hover {
	text-decoration: underline;
}

.utility-nav li a.superSpecialLink:hover {
	text-decoration: none;
}

.utility-nav li a.superSpecialLink:hover span {
	text-decoration: underline;	
}

/*************** SITE MAP ****************/

nav.site-map {
	position: fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background-color: rgba(210, 38, 48, 1);
	padding:150px 6% 0 6%;
	transition:.3s;
	transform:translateX(-100%);
	z-index: 60;
}

html.nav-open.sitemap-open nav.site-map{
	transform:translateX(0);
}

html.nav-open.sitemap-open

nav.site-map .site-map-title {
	color:#fff;
	font-size: 24px;
	line-height: 1em;
	font-weight: 700;
	margin-bottom: 40px;
}


nav.site-map .sitemap-toggle {
	float:right;
		font-weight: 700;
		font-size: 16px;
	text-transform: uppercase;
	line-height: 24px;
	vertical-align: baseline;
	display: block;
	color:#fff;
	cursor: pointer;
}

nav.site-map .sitemap-toggle svg {
	margin-left: 5px;
	transition:.3s;
	position: relative;
	left:0;
}

nav.site-map .sitemap-toggle:hover svg {
	left:4px;

}

nav.site-map .col25 {
	float:left;
	width:25%;
	margin-bottom: 45px;
	margin-top:25px;
}

nav.site-map ul li {
	list-style: none;
}


nav.site-map ul li a {
	color: #fff;
}
nav.site-map ul li a:hover {
	text-decoration: underline;
}

nav.site-map ul li.sitemap-silo-title > a{
	border-bottom: 1px solid #fff;
	padding-bottom: 12px;
	margin-bottom: 18px;
	display: block;
	margin-right: 25px;
	font-weight: 700;
	font-size: 16px;
	line-height: 1em;
}

nav.site-map ul li li {
	margin-bottom: 7px;
	font-weight: 300;
	font-size: 16px;
	
}
/******* STORIES *********/
#storyHouse {
	position: fixed;
	top:0;
	bottom:0;
	left:50px;
	right:-50px;
		background-color: rgba(29, 37, 45, .96);
	z-index: 40;
	transition:.3s;
	transform:translateX(-100%);
	color:#fff;
	padding:97px 0 0 550px;
}

html.nav-open  #storyHouse {
transform:translateX(0%);

}

#storyHouse .story-container {
	width: 85%;
padding-right: 20px;
overflow: auto;
	-webkit-overflow-scrolling: touch; /* Lets it scroll lazy */
height: 100%;
}

#storyHouse h1 {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 12px;
	padding-bottom: 6px;
	border-bottom: 1px solid #fff;
	color:#fff;
}

#storyHouse .main-stories {
	
}

#storyHouse  li {
	list-style-type: none;
	display: block;
}

#storyHouse .main-stories li{
	font-size: 24px;
	line-height: 1.5em;
	margin-bottom: 32px;

}
#storyHouse li svg {

	margin-left: .15em;
	color:rgba(210, 38, 48, 1);
}

#storyHouse li a {
	color: #fff;
}

#storyHouse li a .red {
	color:rgba(210, 38, 48, 1);
	font-weight: 600;
}

#storyHouse span.story-title {
	font-size: 12px;
	line-height: 1em;
font-weight: 700;
	margin-bottom: 6px;
	padding-bottom: 6px;
	border-bottom: 1px solid #fff;
	color:#fff;	
	display: inline-block;
	padding-right:30px;
	}
	
	#storyHouse .section-stories{
		margin-bottom: 25px;
	}
	#storyHouse .section-stories li{
		margin-bottom: 12px;
		font-size: 18px;
		font-weight: 300;
	}


/******** STORYHOUSE **********/


html.storiesOpen nav.top-nav {
	background-color:#fff;
} 
html.storiesOpen header {
	transition:.3s;
	background-color:#fff;

}
html.storiesOpen header *{
	color:#1d252d !important;

}
html.storiesOpen  header .util-items.openStories {
	color:#d22630 !important;
}

html.storiesOpen header .logo-wrapper img {
	opacity:1
}


section#stories {
	position: fixed;
	overflow: scroll;
	-webkit-overflow-scrolling: touch; /* Lets it scroll lazy */
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fff; 
	z-index: 40;
	transform:translateY(100%);
	transition:.3s;
	padding-top:60px;
}
html.storiesOpen section#stories {
	transform:translateY(0);
}
.storyViewer {
	padding-left:480px;
}

.storyViewer .storyContainer {
	height:100%;
/*	max-width:768px; */
	margin:0 auto;
	position: relative;
}

.storyViewer .storyNavigation {
	width:100%;
	background-color: #1d252d;
	padding:20px 0;
	
	
}

.storyViewer .storyContainer:after {
	clear:both;
	content:'';
	display: block;
}

.storyViewer .storyContainer .innerStoryContainer {
	max-width: 768px;
	margin:0 auto;
	position: relative;
}
.storyViewer .storyContainer .innerStoryContainer:after {
	content: '';
	clear:both;
	display: block;
}

.storyViewer .storyNavigation .prevStory, .storyViewer .storyNavigation .nextStory {
	color:#a2aaad;
	transition:.3s;
	cursor: pointer;
	font-size: 17px;
	
	
}

.storyViewer .storyNavigation .prevStory:hover, .storyViewer .storyNavigation .nextStory:hover {
	color:#fff;
	
}

.storyViewer .storyNavigation .prevStory {
	float:left;
}

.storyViewer .storyNavigation .nextStory {
	float:right;
}


.storyViewer .storyNavigation .viewAllStories  {
	position: absolute;
	top:50%;
	left:50%;
	transform:translateY(-50%) translateX(-50%);
	text-align: center;
	color:#fff;
		font-size: 17px;
	font-weight: 600;
	display: block;
	cursor: pointer;
}

.storyViewer .storyNavigation .viewAllStories svg {
	margin-left: 6px;
	color:#d22630;

}

#storyLoader {
		min-height: 400px;
}

#storyLoader.loading {
	background-image:url(../_img/image_1194957.gif);
	background-repeat:no-repeat;
    background-position: 50% 100px;

}


.case-header {

	position: relative;
	margin-bottom: 75px;
	background-image: url(../_img/story-header.jpg);
	background-size: cover;
	background-repeat:no-repeat;
	padding:40px 0;

}

.case-header, .case-content {
		transition:.5s;
	transform:translateY(40px);
	opacity:0;
}

.case-content {
	transition-delay:.3s;
	max-width: 768px;
	margin:0 auto;
}

.case-content .pull-quote {
	padding: 18px 0 18px 36px;
	position: relative;
	font-size: 18px;
	color: #d22630;
	line-height: 1.4em;
	font-weight: 400;
	float:right;
	margin: -24px 0 12px 60px;
	width: 40%;
}

.home-content .case-content .pull-quote {
	width:100%;
	margin-left:0;
	margin-bottom: 34px;
}

.storyViewer .case-03-pull {
	padding: 58px 0 58px 36px;
}


.case-content .pull-quote:before {
	content:'';
	display: block;
	position: absolute;
	top:10px;
	left:0;
	bottom:10px;
	width:7px;
	background-color: #a2aaad;
}

.loaded .case-header, .loaded .case-content {
	transform:translateY(0px);
	opacity:1;
}

.case-header:after {
	content:'';
	clear:both;
	display:block;
}

.case-header img {
	width:35%;
	float:right;
	position: relative;
	display: block;
	
}

.case-header .innerStoryContainer:before {
	position: absolute;
top: 0;
bottom: 0;
	left:60%;
	width:8px;
	content:'';
	display:block;
	background-color:#d22630;
}

.case-header h1 {
	text-align: right;
	width:60%;
	right: 40%;
	bottom:0;
	position: absolute;
	padding-right: 25px;
	font-size: 30px;
	line-height: 1.1em;
	color:#333333;
	
	
}
.case-header h1 .red {
	color:#d22630;
}

.case-content p, .case-content li {
	font-size: 16px;
	line-height: 1.5em;
	margin-bottom: 35px;
	color:#333333;
	font-weight: 300;
}

.case-content li {
	margin-bottom: 15px;
	margin-left: 1em;
}

/*************** FOOTER ****************/

footer{
	width:100%;
	bottom:0;
	left:0;
	right:0;
	background-color: #fff;
	    padding: 20px 75px 30px 75px;
border-top:2px solid rgba(210, 38, 48, 1);
position: relative;
z-index: 39;
}

.shortPage footer {
	position: fixed;
	left: 50px;
	width:calc(100% - 50px);
}

.shortPage {
	padding-bottom:200px;
}

.back-to-top {
	position: absolute;
	left:50%;
	transform:translateX(-50%);
	font-size: 15px;
	color:rgba(210, 38, 48, 1);
	border:none;
	padding:none;
	transition:.3s;
	
}

.back-to-top:hover{
	font-size: 18px;
	margin-top: -2px;
}

footer .footer-text {
	float:left;
	font-size: 14px;
	line-height: 1em;
	color:#1d252d;
	font-weight: 300;
	margin-right: 15px;
}

footer  a {
	font-weight: 700;
	display: inline-block;
	padding-bottom:3px;
	color:#1d252d;
	border-bottom:2px solid #d0d3d4;
	transition:.3s;
}

footer  a:hover {
	
	border-bottom-color: #d22630;
}

footer .download {
	float:right;
	font-size: 14px;
	line-height: 1em;
	position: relative;
	top:-4px;
	color:#1d252d;	
}

footer .download svg {
	line-height: 14px;
	font-size: 18px;
	color:#d22630;
}

/****related links ****/
.related-links {
background-color:#f3f4f4;
padding:10px 0;
font-style: italic;
color:#333333;
	font-size: 18px;
	line-height: 21px;
	margin-bottom: 55px;
}

.related-links .container {
	width:920px;
}

.related-links .related-title{
	color:#d22630;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 700;
	line-height: 21px;
	display: inline-block;
	margin-right: 5px;
	
}

.related-links a {
	display: inline-block;
	font-weight: 300;

	color:#333333;
	margin:0 5px;
}

.related-links a:hover {
	text-decoration: underline;
}

/****** GRI INDICATORS ******/

.gri-indicators {
		width:100%;
		background-color: #f3f4f4;
		position: fixed;
		left:0;
		right:0;
		bottom:0;
		padding:20px 75px;
		z-index: 10;

	}

	
	.gri-indicators .title {
    color: #000;
    display: block;
    font-size: 1.4em;
    font-weight: 400;
    margin-right: 5%;
    float:left;
    line-height: 1.5em;
    width:10%;
	}
	
	.gri-indicators ul {
		display: block;
		margin:0;
		padding:0;
		float:left;
		width:85%;
	}
	
.gri-indicators ul li {
    display: inline-block;
    font-size: 1.3em;
    margin-right: 25px;
    font-weight: 600;
    line-height: 1.4em;
    list-style-type: none;
    text-transform: uppercase;
    margin-bottom: 0;
}
	
	
	.gri-indicators ul li a {
		white-space: nowrap;
		color:#000;
			text-decoration: none;
	}
.gri-indicators ul li a:hover{

}


/****** SUBNAV *********/

	nav.sub-nav li a.active {
	    color: #ec372e;
	}
nav.sub-nav {
	background-color: transparent;
	position: absolute;
	top:95px;
	width:122px;
	left:75px;
	bottom:auto;
	right:auto;
	z-index: 9;
	overflow: auto;
}

nav.sub-nav .container {
	width:100%;
}

nav.sub-nav li a {
	font-size: 1.2em;
	 line-height: 1.4em;
	color: #000;
	font-weight: 300;
	display: block;
	padding:.4em 0;
	text-align: left;
	width: 100%;
}

nav.sub-nav li a:hover, nav.sub-nav li.silo-name a:hover {
	color:#d22630;
}
	
nav.sub-nav li.silo-name a{
	color:#000;
	border-bottom: 1px solid #d22630;
	display: inline-block;
	font-size: 1.6em;
	line-height: 1.2em;
	font-weight: 300;
	margin-bottom: 10px;
	 padding: 0 0 10px 0;
} 	


nav.sub-nav li a.active {
	color: #ec372e;
	font-weight: 600;
}

nav.sub-nav li:last-child a{
	border: none;
}


@media screen and (max-width:1250px){
	nav.top-nav {
		width:calc(40%);
		transform:translateX(-100%);
		left:50px;
	}
	

	
	html.nav-open nav.top-nav {
		left:0;
	}
	
	#storyHouse{
		width:100%;
		right:auto;
		
		padding-left:0;
		transform:translateX(-100%);
	}
	
	#storyHouse .story-container {
		width:60%;
		float:right;
		padding-right: 90px;
	}

	section#stories {
		width:60%;
		float:right;
		padding-right: 0;
		left:auto;
	}
	.storyViewer {
		padding-left:0;
		padding-right:0;
		
	}
	
	.storyViewer .storyContainer {
		padding:0 0;
	}
	.storyViewer .storyContainer .innerStoryContainer, .case-content {
		padding:0 4%;
	}
	
		.case-content .pull-quote {
    padding: 20px 0 20px 40px;
    position: relative;
    font-size: 15px;
    color: #d22630;
    line-height: 1.5em;
    font-weight: 300;
    float: none;
    margin-left: 0;
    width: 100%;
    margin-bottom: 35px;
	}
	
}



@media screen and (max-width:1024px){
	.top-nav .main-nav li {
		font-size: 20px;
	}
	

	
	
	nav.site-map .col25 {
		width:50%;
	}
	
	nav.site-map .tabletClear {
		clear: both;
		content: '';
		display: block;
	}
	
	.case-header h1 {
		font-size: 16px;
		padding-left: 8%;
	}
	.gri-indicators .title {
		width:15%;
	}
	
	.gri-indicators ul {
		width:80%;
	}	
	
	nav.sub-nav {
	    background-color: #fff;
	    top: 90px !important;
	    bottom:auto;
	    left:0;
	    right:0;
	    padding: 0 2%;
	    z-index: 30;
	    position: fixed;

	}
	nav.sub-nav ul {
		  /*  padding-bottom: 10px;*/
	}
	nav.sub-nav li {
		text-align: left;
		font-size: 1.5em;
		line-height: 2em;
		margin-top:20px;
		font-weight: 300;
		border-bottom: 1px solid #d1d3d3;
	}
	
	
	nav.sub-nav li a{	
			padding-right: 3em;
		
	
		color:#000;
	}
	
	nav.mobile-subnav li a{
	padding-right: 0;
	line-height: 1.3em;
	}
	
	.silo-name {
		font-size: 1.8em;
		margin-top: 0;
		line-height: 1.55em;
		padding-right: 0;
		border-bottom: 5px solid #000;
		width:100%;
		padding-top: 30px;
	/*	margin-bottom: 10px; */
	}
	
	nav.sub-nav li.silo-name a {
		color: #ec372e;
		border-bottom: 0;
			padding-right: 0;
		text-transform: uppercase;
		font-weight: 500;
	}
	
	nav.sub-nav .subnav-open {
		position: absolute;
		right:2%;
		font-size: 2em;
		top:25px;
	}
	
	nav.sub-nav .subnav-wrapper {
		height:auto;
		max-height: 0;
		overflow: hidden;
	    -webkit-transition:max-height 0.45s cubic-bezier(0.645, 0.045, 0.355, 1);
	    -moz-transition: max-height 0.45s cubic-bezier(0.645, 0.045, 0.355, 1);
	    -ms-transition: max-height 0.45s cubic-bezier(0.645, 0.045, 0.355, 1);
	    transition: max-height 0.45s cubic-bezier(0.645, 0.045, 0.355, 1);
	}
	
	nav.sub-nav .subnav-wrapper.active {
		height:auto;
		max-height: 500px;
	    -webkit-transition: max-height 0.45s cubic-bezier(0.645, 0.045, 0.355, 1);
	    -moz-transition: max-height 0.45s cubic-bezier(0.645, 0.045, 0.355, 1);
	    -ms-transition: max-height 0.45s cubic-bezier(0.645, 0.045, 0.355, 1);
	    transition: max-height 0.45s cubic-bezier(0.645, 0.045, 0.355, 1);
	}
	
	nav.sub-nav .subnav-wrapper li:last-child {
		margin-bottom: 10px;
	}
	
	nav.mobile-subnav {
    position: static;
    width: 88%;
    margin-top: 0;
    margin-bottom: 20px;
    padding: 36px 0 0 0;
    margin-left: auto;
    margin-right: auto;
}
	
	
	nav.mobile-subnav .container {
		width: 100%;
		max-width: 1000px;
		box-sizing: border-box;
		padding: 0;
		position: relative;
	}
	
	nav.mobile-subnav .container ul {
		background-color: #dcddde;
		padding:0 25px;
	}
	
	
	nav.mobile-subnav li {
		border:none;
		margin:0;
	}
	nav.mobile-subnav li.silo-name {
    margin-top: 0;
    padding-top: 20px;
    list-style-type: none;
    display: inline-block;
    width: auto;
	}	
nav.mobile-subnav .subnav-wrapper li  {	
	border: none;
    margin: 0;
    line-height: 1.5em;
    margin-bottom: 8px;
   }
	
	nav.mobile-subnav li.silo-name a {
		color: #010101;
		font-size: 24px;
		text-transform: none;
	}
	nav.sub-nav .subnav-open {
		right:50px;
		display: inline;
		font-size: 24px;
		color:#d22630;
	}
	
	nav.mobile-subnav li a {
		font-size: 20px;
	}
	
#searchbar input[type="text"] {
    position: fixed;
    width: 100%;
    -webkit-transition: width 0.35s;
    -moz-transition: width 0.35s;
    -o-transition: width 0.35s;
    transition: width 0.35s;
    border: none;
    font-size: 1.8em;
    padding: 3px 0;
    margin-right: 8px;
    top: 60px;
    left: 0;
    right: 0;
    padding: 0 6%;
    max-height: 0;
    overflow:hidden;
    transition:.3s;
}

#searchbar input[type="text"].active {
	width:100%;
	max-height:100px;
	position: fixed;
    padding: 5px 6%;
    border-top:1px solid #ddd;
}	

footer{
	padding:20px 0 0 0;
}

footer .footer-text {
	float:none;
	margin: 0;
	
}

footer .mobile-footer-top {
	width: 100%;

display: block;

text-align: center;

padding-bottom: 20px;

border-bottom: 1px solid #d0d3d4;
}

footer .hudbay-link {
	width: 50%;

display: block;


float: left;

padding: 20px 0 20px 6%;

border-right: 1px solid #333;
}
footer .download {
	margin-top: 20px;
	margin-right: 6%;
	font-size: 9px;
	
}
.back-to-top {
    display: block;
    right: 5%;
    left: auto;
    transition: none;
    transform: none;
}

#storyHouse .main-stories li {
    font-size: 18px;
    line-height: 1.5em;
    margin-bottom: 19px;
}
#storyHouse .section-stories li {
	font-size: 12px;
}
	

	
}

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

	html.nav-open header{
		background-color: rgba(210, 38, 48, 1);	
		z-index: 70;
	}

	nav.top-nav {
		width:100%;
		transform:translateX(-100%);
		left:auto;
		bottom:0;
	}
	html.nav-open nav.top-nav {
			background-color: rgba(29, 37, 45, .96);
	}
	nav.top-nav .redForeground {
   	padding: 155px 0 0 0;
    width: 100%;
    background-color: rgba(210, 38, 48, 1);
    border-radius: 0 0 470px 0;
    position: absolute;
    top: 0;
    bottom: -250px;
    height:auto;
	}
	
	
	
	 header .language-toggle {
	 	display: none;
	 }
	html.nav-open .language-toggle {
		display: block;
		font-weight: 700;
		text-transform: uppercase;
		font-size: 20px;
		margin-top: 0;
	}
	
	html.nav-open #searchbar{
		display: none;
	}
	
	header {
		padding: 15px 6% 40px 6%;
	}
	header .logo-wrapper {
		float:none;
	    position: absolute;
	    left: 50%;
	    transform: translateX(-50%);

	}

	header .logo-wrapper:hover{
		    transform:scale(1.025) translateX(-50%);
	}
	
	.hamburger, .hamburger-x {
		color: #d22630;
		z-index: 10000;
		top:15px;
		left:6%;
	}
	html.nav-open .hamburger {
		display:none;
	}
	
	html.nav-open .hamburger-x {
		color:#fff;
		display:block;
	}
	
	html.nav-open #storyHouse{
		transform:translateX(-100%);
	}
	html.nav-open.storyOpen #storyHouse{
		transform:translateX(0%);
	}
	#storyHouse{
		width:100%;
		right:auto;
		left:auto;
		padding-left:0;
		transform:translateX(-100%);
		overflow:auto;
	}	
	
	header .site-title-inner {
		top:52px;
		font-weight: 600;
		display: block;
		
			    width: 100%;

text-align: center;
		

	}
	
	#searchbar input[type="text"].active {
		top:84px;
	}
	nav.site-map .container {
	padding-bottom: 40px;
	}
	
	.top-nav .sitemap-toggle, .top-nav .story-toggle {
		color: #fff;
		font-size: 16px;
		line-height: 1em;
		font-weight: 700;
		margin:15px 0 10px 0;
	}
	
	ul.main-nav {
		margin-bottom: 25px;
	}
	.utility-nav {
		margin-top: 18px;
	}
	
	nav.site-map .col25 {
		width:100%;
		padding:0;
		margin-top: 23px;
		margin-bottom: 0;
	}
	nav.site-map .sitemap-toggle {
		float: none;
		font-size: 15px;
	    text-align: center;
	    position: relative;
	    top: -77px;
    }
    
    html.nav-open.sitemap-open nav.site-map .site-map-title {
    	margin-top:40px;
    	margin-bottom: 10px;
    }
    #storyHouse {
    	z-index: 50;
    	padding-top:90px;
    	
    }
    #storyHouse .story-container {
    	padding:0 6%;
    	width:100%;
    	float:none;
    }
    
     #storyHouse .sitemap-toggle {
     	width:100%;
     	text-align: center;
     	background-color: rgba(210, 38, 48, 1);	
     	margin-bottom: 20px;
     	padding:16px 0;
     	font-size: 14px;
     	text-transform: uppercase;
     	font-weight: 600;
     	cursor:pointer;
     }
     #storyHouse .sitemap-toggle svg {
     	margin-right: 10px;
     }
    html.nav-open.mobile-stories header{
    	background-color: rgba(29, 37, 45, .96);
    }
	html.storiesOpen.mobile-stories header {
		background-color:#fff;
	}    
     html.nav-open.mobile-stories header * {
     	color:#fff !important;
     }
    
    html.nav-open.mobile-stories #storyHouse {
	    transform: translateX(0%);
	}
	
	html.nav-open.mobile-stories nav.top-nav{
		transform:translateX(100%);
	}
	#storyHouse .main-stories {
		margin-bottom: 30px;
	}
 #storyHouse .main-stories li {
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 300;
}   
#storyHouse .section-stories li {
	font-size: 16px;
	margin-bottom: 9px;
}

section#stories {
	z-index: 60;
	padding-top: 89px;
	width: 100%;
float: none;
}

.storyViewer .storyNavigation {
	padding:15px 0;
}

.case-header .innerStoryContainer::before  {
	display: none;
}
.case-header h1 {
	font-size: 24px;
	text-align: center;
	position: static;
	width:100%;
	margin:25px 0 40px 0;
	font-weight: 300;
	float:none;
}

.case-header h1 .red {
	font-weight:500;
}
.case-header img {
	width:100%;
	margin-bottom: 30px;
	float:none;
	height:auto;
}

.case-header p {

	font-size: 16px;
	margin-bottom: 1.5em;
}
.gri-indicators {
	position: absolute !important;
	padding: 15px 0 15px 0;
	
}
.gri-indicators .title {
	float:none;
	text-align: center;
	width:100%;
	margin-bottom: 18px;
}

.gri-indicators ul {
	text-align: center;
	width:100%;
	float:none;
	
}

.gri-indicators ul li {
	font-size: 1.2em;
	margin-right: 0;
	padding:0 5px;
	    margin-bottom: 5px;
}
nav.sub-nav {
margin-bottom: 25px;
margin-top: 25px;
bottom: auto;
left: 0;
right: 0;
padding: 0;
z-index: 9;
position: static;

	}
	nav.sub-nav li.silo-name {
		padding:10px 0;
		margin-bottom: 0;
		line-height: 14px;
	}
		nav.sub-nav li.silo-name a {
			font-size: 14px;
			font-weight: 700;
			line-height: 1em;
			padding:0;
			margin:0;
		}
		nav.sub-nav {
		top:86px;
	}
	
		nav.sub-nav .subnav-open {
			right:4%;
			font-size: 20px;
			top:6px;
		}
		nav.mobile-subnav li  {
			margin-bottom: 0;
		}
		nav.mobile-subnav li a {
			font-size: 13px;
			line-height: 1em;
		}
		
		.gri-indicators ul li a{
			margin:0 4px;
		}
		.shortPage footer {
	width:100%;
	left: 0;
}
	
}