/* FONTS: Open+Sans:300,400,600,700|Raleway:400,300,500,600,700 */
b { font-weight:600; }
p { font-weight:400; }


.main h2, .main h3 {
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight:400;
}


.main.intro {
	text-align: center;
	background-color: #000000;
	background-size: cover;
	height: auto;
	border: 0;
	border-top: 1px solid #0a0a0b;
	position:relative;
}

.main.alt {
	background-color:#ededed;
}

.main.gallery {
	margin:0;
	padding:0;
}


.intro_box {
	margin: auto;
	padding: 0;
	padding-top: 100px;
	max-width: 660px;
	color: #0a0a0b;
}
	
.intro_box_alt { 
	margin: auto;
	padding: 0;
	padding-bottom:55px;
	text-align:center;
	max-width: 660px;
	color: #0a0a0b;
}



.intro_box h1, .intro_box_alt h1 {
	font-family: inherit;
	font-size: 36px;
	line-height: 43px;
	color: #c7531e;
	font-weight: 500;
}

.intro_box h2, .section-full h2, .intro_box_alt h2 {
	font-family: inherit;
	font-size: 24px;
	line-height: 30px;
	color: inherit;
	font-weight: 400;
	margin-top: 30px;
}


.section-full h2 {
	margin-bottom: 50px;
}

.intro_box p,
.intro_box h2+p,
.intro_box_alt p,
.intro_box_alt h2+p {
	color: inherit;
	font-size: 16px;
	line-height: 22px;
	margin: auto;
	margin-top: 30px;
	margin-bottom: 50px;
	max-width: 600px;
	font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.btn-std, .btn-std:active, .btn-std:focus, .btn-std:visited {
	display: inline-block;
	margin-bottom: 0;
	font-weight: 500;
	text-align: center;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	font-size:16px;
	line-height:18px;
	padding:8px 24px;
	border: 1px solid #0a0a0b;
	color:#0a0a0b;
	text-decoration: none;
	text-transform:uppercase;
	background-color:transparent;
	font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
}


.btn-std.btn-alt, .btn-std.btn-alt:active, .btn-std.btn-alt:focus, .btn-std.btn-alt:visited {
	border: 1px solid #FFFFFF;
	color:#FFFFFF;
	background-color:transparent;
	min-width:264px;
}

.btn-std:hover, .btn-std.btn-alt:hover, .section-tiles:hover .btn-std.btn-alt {
	border: 1px solid #c7531e;
	color:#FFFFFF;
	text-decoration: none;
	background-color:#c7531e;
}

.btn-std.download-btn { 
	display:inline-block;
	font-size:14px;
	margin:0;
	padding:8px 0 8px 0;
	box-sizing:border-box;
}

.btn-std.download-btn.dl-img { 
	width:42%;
	margin-right:2%;
}

.btn-std.download-btn.dl-pdf { 
	width:55%;
}

.btn-icon { display:inline; margin-right:8px; margin-bottom:-2px; }






/* Gallery Styles */
#gallery { width:100%; height:800px; overflow:hidden; position:relative; }
.gallery_wrap { width:300%; width:300vw; /*for three screens*/ height:100%; background:#ededed; background:rgba(0,0,0,.7);  }
	
#gallery .photo { display:block; float:left; margin-left:0; margin-right:0; position:relative; cursor:grab; cursor:-webkit-grab; }

.slide_cbox { color:#FFFFFF; position:absolute; top:10%; left:10%; color:#FFFFFF; z-index:420; padding:0; font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif; }
.slide_cbox h2 { font-family: inherit; font-size:36px; line-height:38px; margin-bottom:30px; font-weight:300; }
.slide_cbox h3 { font-family: inherit; margin:auto; padding:0; font-size:24px; line-height:28px; font-weight:300; text-transform:uppercase; }
.slide_cbox p.disclaimer, p.disclaimer { font-family: inherit; margin:auto; margin-top:40px; padding:0; font-size:14px; line-height:18px; font-weight:400; }

hr {
	display:block;
	clear:both;
    height: 1px;
	color: #333333;
    background: #333333;
    font-size: 0;
    border: 0;
	margin-top:10px;
	margin-bottom:10px;
}
.slide_cbox hr { width:98%; color:#FFFFFF; background:#FFFFFF; }




.photo_full { display:block; float:left; overflow:hidden; text-align:center; }
.photo_full { width:100%; height:100%; }
.photo_full img { margin:auto; }

.photo .photo_full { z-index:400; }


.slidenav { 
	display:block; 
	margin:0; 
	padding:0; 
	width:50px; 
	height:50px; 
	cursor:pointer; 
	background-color:#FFFFFF;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-transition: background-color .3s ease-in-out;
    -moz-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    transition: background-color 0.3s;
	
	border:1px solid #FFFFFF;
	
	z-index:500; 
}

.slidenav:hover { background-color:#666666; border:1px solid #666666; }

#prev { 
	background-image:url("../../img/custom/sustainability/ui/arrow-back.ca49249a741a.svg");
	position:absolute;
	bottom:0;
	right:54px;
}

#next { 
	background-image:url("../../img/custom/sustainability/ui/arrow-fwd.a453dda714aa.svg");
	position:absolute;
	bottom:0;
	right:0;
}

#prev:hover { 
	background-image:url("../../img/custom/sustainability/ui/arrow-back-FFF.9e8a8916fd25.svg");
}

#next:hover { 
	background-image:url("../../img/custom/sustainability/ui/arrow-fwd-FFF.07ce051ef4f7.svg");
}


.infobox { display:block; margin:0; position:relative; width:100%; height:auto; /*min-height:318px;*/min-height:420px;
	background-repeat:no-repeat; 
    background-position:center top;
    background-size: cover;
	overflow:hidden;
}
.overbox { 
	display:block; 
	width:100%; 
	height:100%; 
	background:rgba(0,0,0,.5); 
	margin:0; 
	padding:0; 
	position:absolute; 
	top:0; 
	left:0; 
	text-align:center;
	overflow:hidden;
	
	opacity:1;
	-ms-transform: scale(1); /* IE 9 */
    -webkit-transform: scale(1); /* Safari */
    transform: scale(1);
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all 0.3s;
	
	-webkit-transition-delay: .2s; /* Safari */
    transition-delay: .2s;

    -webkit-backface-visibility: hidden;
}

.video-box .overbox { background:rgba(0,0,0,.3); }

.infobox:hover, .infobox:active, .infobox:visited, .infobox:focus { text-decoration:none !important; }

.infobox:hover .overbox, .video-box:hover .overbox {
	opacity:0;
	-ms-transform: scale(1); /* IE 9 */
	-moz-transform: scale(1);
	-o-transform: scale(1);
    -webkit-transform: scale(1); /* Safari */
    transform: scale(1);
}




.play_btn { 
	display:block; 
	margin:auto; 
	position:absolute; 
	top:50%;
	left:50%;
	background:url("../../img/custom/sustainability/ui/arrow-fwd.a453dda714aa.svg") no-repeat center;
	width:76px;
	height:76px;
	margin-top:-38px;
	margin-left:-38px;
	color:#FFFFFF;
	font-size:16px;
	line-height:76px;
	border-radius:50%;
	border:2px solid #FFFFFF;
	overflow:hidden;
	
	opacity:1;
	-ms-transform: scale(1); /* IE 9 */
    -webkit-transform: scale(1); /* Safari */
    transform: scale(1);
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all 0.3s;
	
	 -webkit-transition-delay: .2s; /* Safari */
    transition-delay: .2s;

    -webkit-backface-visibility: hidden;
}

.infobox:hover .play_btn {
	opacity:1;
	-ms-transform: scale(1.5); /* IE 9 */
    -webkit-transform: scale(1.5); /* Safari */
    transform: scale(1.5);
}


.ib-left { float:left; width:48% !important; margin-right:2%; }
.ib-right { float:left; width:48% !important; margin-left:2%; }

.overtitle { 
	width:100%;
	text-align:center; 
	color:#FFFFFF;
	position: absolute; 
	top: 50%; 
	-ms-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.overtitle h6 { color:#FFFFFF; font-size:20px; line-height:22px; font-weight:300; text-transform:uppercase; padding-top:160px; }

.br-desktop { display:block; clear:both; }



.clearfix:before, .clearfix:after {
	  content: '\0020';
	  display: block;
	  overflow: hidden;
	  visibility: hidden;
	  width: 0;
	  height: 0; 
}

.clearfix:after {
	  clear: both; 
}

.clearfix {
	  zoom: 1; 
}




.breadcrumbs-logo { display:block; float:right; width:213px; height:12px; margin-top:5px; }


.section-full {
	display:block;
	width:100%;
	height:auto;
	/*padding:30px;*/
	box-sizing:border-box;
}

.bg_fff {
	background-color:#FFFFFF;
}

.bg_pattern {
	background:#ededed url("../../img/custom/sustainability/backgrounds/gray_pattern.81db79c47ed2.gif") no-repeat center;
	background-size:cover;
}

.section-full.bg_pattern {
	height:667px;
	overflow: hidden;
}

.col50, .col75, .col25, .col100 {
	display:block;
	float:left;
	box-sizing:border-box;
	margin-bottom:1%;
}

.col50 {
	width:50%;
}

.col50.col-l {
	width:49.5%;
	margin-right:.5%;
}

.col50.col-r {
	width:49.5%;
	margin-left:.5%;
}

.col75 {
	width:75%;
}

.col75.col-l {
	width:74.5%;
	margin-right:.5%;
}

.col75.col-r {
	width:74.5%;
	margin-left:.5%;
}

.col25 {
	width:25%;
}

.col25.col-l {
	width:24.5%;
	margin-right:.5%;
}

.col25.col-r {
	width:24.5%;
	margin-left:.5%;
}

.col100 {
	width:100%;
}



.section-tiles {
	display:block;
	width:100%;
	height:450px;
	margin:0;
	padding:0;
	background-color:rgba(0,0,0,.6);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	color:#FFFFFF;
	text-align:center;
	position:relative;
}

.section-tiles .overbox { 
	background:rgba(0,0,0,.3); 
}

.section-tiles:hover .overbox { 
	background:rgba(0,0,0,.6); 
}


.section-tiles h2 {
	margin:0;
	font-size:36px;
	line-height:43px;
	font-weight:300;
}

.section-tiles p {
	margin:25px auto 25px auto;
	font-size:20px;
	line-height:22px;
	font-weight:300;
	text-transform:uppercase;
}

.center-box {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	text-align:center;
}






/* TIME LINE STYLES */
#timeline { display:block; position:relative; background-color:#FFF; width:100%; margin:0; padding:0; overflow:hidden; }
.timewrap { display:block; position:relative; opacity:0; margin:auto; padding:40px 0 40px 0; text-align:center; cursor:default; min-height:620px; }

.timeline-intro, .timeline-content { display:block; margin:0; padding:0; position:relative; float:left; height:100%; }


/*.time-node { display:block; margin:0; padding:0; width:100%; position:absolute; top:0; left:0; z-index:20; opacity:0; }*/
.time-node { display:block; margin:0; padding:0; width:100%; height:500px; position:relative; z-index:10; opacity:1; float:left; }

#tnavigator_mbl { display:block; }
#timeline { position:relative; }

/*a.time-node-btn, a.time-node-btn:visited, a.time-node-btn:active, a.time-node-btn:focus { display:inline-block; width:60px; height:60px; margin-left:2%; margin-right:2%; background-size:cover; background-repeat:no-repeat; background-position:center; }*/
.timenav { 
	display:block; 
	margin:auto; 
	padding:0;
	width:100%; 
	height:30px;
	text-align:center; 
	position:absolute; 
	left:0; 
	bottom:100px; 
	background: url("../../img/custom/sustainability/timeline/bar_horizontal.d41acb0b67c7.gif") repeat-x 0 15px; 
	z-index:100; 
}

a.time-node-btn, a.time-node-btn:visited, a.time-node-btn:active, a.time-node-btn:focus {
	margin-left:0;
	margin-right:0;

	display: inline-block;
	width:90px;
	height:30px;
	background-size:auto;
	background-repeat: no-repeat;
	background-position: center;
	position:relative;
	
}

.tn-txt	{ 
	font-size:12px;
	text-transform:uppercase;
	color:#333;
	font-weight:700;
	text-align:center;
	display:block;
	width:100%;
	position:absolute;
	left:0;
	bottom:-30px;
}

.time-node-btn { background-image:url("../../img/custom/sustainability/timeline/bar_vertical.23aa6f08bd3e.gif"); }
.time-node-btn.active, .time-node-btn:hover, .time-node-btn.active, .time-node-btn:hover { background-image:url("../../img/custom/sustainability/timeline/bar_vertical_active.4ede72bfbf15.gif"); }



/*
.tnode-content { display:block; width:100%; height:auto; position:absolute; top:50%; left:0; 
	-webkit-transform: translateY(-50%); 
    -ms-transform: translateY(-50%); 
	-moz-transform: translateY(-50%); 
	-o-transform: translateY(-50%); 
    transform: translateY(-50%); 
	text-align:center; 
}
*/
.tnode-content { display:block; width:100%; height:100%; position:relative; 
	-webkit-transform: translateY(0); 
	-ms-transform: translateY(0); 
	-moz-transform: translateY(0); 
	-o-transform: translateY(0); 
	transform: translateY(0);
	text-align:center; 
}


.tnode-block { display:block; margin:auto; padding:20px; color:#333333; }

.tnode-block h2 { font-size:24px; line-height:28px; margin:auto; margin-top:20px; padding:0; font-weight:500; }
.tnode-block p { font-size:16px; line-height:22px; margin:auto; padding:15px; max-width:680px; }
.tnode-block p.ext { max-width:700px; }

.tnode-block p.p2nd { padding-top:0; }

.tnode-block ul { list-style: none; margin:0; padding:0; }
.tnode-block li { font-size:12px; line-height:20px; font-weight:600; }

#swiper { cursor:pointer; }


.sup {
    font-size:40%;
    vertical-align: top;
    position: relative;
    top: -0.5em;
}

.varbr { display:block; clear:both; }

.intro_wrap { color:#333333; text-align:center; padding:60px; margin:auto; max-width:700px; }

.callout { font-size:24px; line-height:28px; margin:auto; padding:0; font-weight:400; }
.intro_wrap p { line-height:26px; }
.introtxt, p.introtxt { font-size:14px; line-height:20px; text-transform:uppercase; font-weight:700; letter-spacing:.125em; }


.tl-btn-mbl { font-size:16px; line-height:24px; color:#627073; background:none; border:0; padding:8px; margin:auto; text-transform:none; margin-top:20px; }
.tl-btn-mbl:hover { color: #f15a29; }





.tl-btn-mbl { display:none; }
.instruct-mbl { display:none; }

.tn_mbl_arrow { display:none; width:75px; height:75px; position:absolute; cursor:pointer; opacity:1; }
.tn_icon { display:block; margin:auto; margin-top:12px; margin-bottom:10px; width:300px; height:100px; }

#tn_mbl_prev, #tn_dsk_prev { top:40%; left:20px; }
#tn_mbl_next { top:40%; right:20px; }
	
/* / TIMELINE STYLES */
#init_graphic { opacity:1; }


.main_title_block { display:block; position:absolute; bottom:5%; left:5%; text-align:left; }

.main_title_block h1 { font-family: 'Raleway', Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif; font-size:48px; font-weight:300; }


.main.padage { padding:5% 10%; }

.points { margin-top:48px; }
.points h3 { font-weight:700; font-size:16px; line-height:18px; margin-top:17px; margin-bottom:17px; }
.points hr { height:2px; color:#e1e1e0; background:#e1e1e0; }

.timeline_begin, .timeline_end { display:none; }


/* CUSTOM BACKGROUNDS */
#hero-intro { margin:0; padding:0; height:auto; background:#000000 url("../../img/custom/sustainability/backgrounds/main_image_v1.07845e24478e.jpg") no-repeat left top; background-size:cover; }
#hero-intro  .main_title_block { display:block; position:absolute; bottom:17%; left:11%; color:#FFFFFF; }

#intro-txt { color:#333333; padding:7% 10%; }
#intro-txt p { margin:0; font-size:18px; line-height:30px; }
#intro-txt p:last-child { padding-bottom:7%; border-bottom:1px solid #7c7c81; }






#closing-txt { /*background-color:#f4f4f4;*/ color:#333333; }
#closing-txt h2 { font-size:36px; line-height:38px; margin-bottom:50px; }

#closing-txt .sup {
    top: 0;
	padding-left:1px;
}

#closing-txt .col50.col-l .std_wrap { max-width:350px; }
#closing-txt .col50.col-r .std_wrap { max-width:320px; }

#info-txt p { font-size:16px; line-height:24px; }
#info-txt a { text-decoration:underline; }







/* / CUSTOM BACKGROUNDS */











.virtual-tour {
	display:block;
	margin:0;
	padding:0;
	width:100%;
	height:800px;
	overflow:hidden; 
	position:relative;
	background-color:#eeeeee;
	text-align:center;
}


.col75.ender, .col50.ender, .col25.ender, .col100.ender { margin-bottom:0; }


/* Modal Window */
.mask { 
	display:none;
	margin:0;
	padding:0;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#0a0a0b;
	background:rgba(0,0,0,.8);
	z-index:999;
	overflow:hidden;
}

.window_modal
{
  position:fixed;
  width:100%;
  max-width:960px;
  height:auto;
  display:none;
  z-index:1000;
}

.close {
  display:block;
  position:absolute;
  top:15px;
  right:20px;
  width:31px;
  background: url("../../img/custom/sustainability/ui/close_icon.b276f3233694.gif") no-repeat center;
  color: #FFFFFF;
  font-size:16px;
  text-decoration:none;
  line-height:31px;
  height:31px;
  cursor:pointer;
}

.close:hover {
  background: url("../../img/custom/sustainability/ui/close_icon.b276f3233694.gif") no-repeat center;
}

.modal_title {
  display:block;
  text-align:center;
  color:#FFFFFF;
  padding:40px 40px 10px 40px;
  position:relative;
}

.modal_title h1 {
  color:#FFFFFF;
  font-size:20px;
  line-height:22px;
  text-align:left;
  margin:auto;
  padding:0;
  font-weight:300;
	font-family: 'Raleway', Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.modal_content {
  padding:10px 40px 30px 40px;
  text-align:left;
}

.modal_content h3{
  margin-top:30px;
}

.modal_image {
  width:100%;
  height:auto;
  overflow:hidden;
}

.modal_image img {
  border-bottom: 1px solid #FFFFFF;
  border-top: 1px solid #FFFFFF;
}

.window_modal p  {
  font-size: 12px;
  line-height:14px;
  display:block;
}


.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


.products-list-item-name.dker { color:#0a0a0b; margin-top:15px; margin-bottom:15px; }
.products-list-item-link:hover .products-list-item-name.dker { color:#c7531e; }
.products-list-item-link.no-link { cursor:default; }
.products-list-item-link.no-link:hover .products-list-item-name.dker { color:#0a0a0b; }


.product-side-img-48 { display:block; width:48%; margin:0; padding:0; position:relative; float:left; }
.product-side-text-48 { display:block; width:48%; margin:0; padding:0; margin-left:4%; text-align:left; float:left; }

.product-text-center { margin:auto; text-align:left; max-width:700px; padding:100px 0 100px 0; }

.product-side-text-48 h1, .product-text-center h1 {
  color:#b2531d;
  font-size:32px;
  line-height:38px;
  margin:auto;
  padding:0;
  font-weight:300;
  font-family: 'Raleway', Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.product-side-text-48 p, .product-text-center p { font-size:16px; line-height:22px; font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif; }


.quarter-col { display:block; width:24.25%; margin:0; padding:0; margin-right:1%; float:left; }
.quarter-col.ender { margin-right:0; }

.half-col { display:block; width:48.5%; margin:0; padding:0; margin-right:1%; float:left; }
.half-col.ender { margin-right:0; }

.quarter-col.extender { width:24.5%; }
.half-col.extender { width:49%; }

.main-shim { display:block; margin:0; padding:0; width:100%; height:30px; }
.shim_std { height:5px; }



.full-width { display:block; margin:auto; padding:0; width:100%; height:auto; border:0; }

.ele_dsk { display:block; }
.ele_tb { display:none; }
.ele_mbl { display:none; }


.transparency-accordions .vantage-vinyl .icon {
	background-image: url("../../img/Vantage-Vinyl-Icon.55694558904b.png");
}







/* Media Queries */
@media (min-width:1400px){
	
	#intro-txt p { font-size:22px; line-height:34px; }
	.slide_cbox h2 { font-family: inherit; font-size:46px; line-height:48px; margin-bottom:30px; font-weight:400; }
	.slide_cbox h3 { font-family: inherit; margin:auto; padding:0; font-size:28px; line-height:32px; font-weight:400; }
	.slide_cbox p.disclaimer, p.disclaimer { font-family: inherit; margin:auto; margin-top:40px; padding:0; font-size:18px; line-height:22px; font-weight:400; }
}

@media (max-width:1554px){
	.varbr { display:inline-block; clear:none; }
}

/* Columns, offsets, pushes, and pulls for phones */
@media (max-width: 590px) {
    .col50 {
		width:100%;
	}

	.col50.col-l {
		width:100%;
		margin-right:0;
	}

	.col50.col-r {
		width:100%;
		margin-left:0;
	}

	.col75 {
		width:100%;
	}

	.col75.col-l {
		width:100%;
		margin-right:0;
	}

	.col75.col-r {
		width:100%;
		margin-left:0;
	}

	.col25 {
		width:100%;
	}

	.col25.col-l {
		width:100%;
		margin-right:0;
	}

	.col25.col-r {
		width:100%;
		margin-left:0;
	}
	
	
	.col75.ender, .col50.ender, .col25.ender { margin-bottom:1%; }
	
	.ib-left { float:none; width:100% !important; margin-right:0; }
	.ib-right { float:none; width:100% !important; margin-left:0; }
	
	
	
	.infobox {
		min-height:360px;
	}
	
	
	.section-tiles p {
		font-size: 18px;
		line-height: 20px;
	}
	
	
	.main.intro {
		min-height:450px;
		height:auto;
		background: #FFFFFF;
	}
	
	.intro_box {
		width:100%;
		padding-top:0px;
		padding-bottom:40px;
	}
	
	.intro_box h2, .section-full h2 {
		margin-top:15px;
	}
	
	.intro_box p, .intro_box h2+p {
		margin-top:15px;
		margin-bottom:30px;
	}
	
	.main { padding:15px 0 15px 0; }
	
	.infobox.ib-right { margin-top:15px; }
	
	.section-full.bg_pattern {
		height:400px;
		overflow: hidden;
	}
	
	
	
	.slidenav { 
		width:40px; 
		height:40px; 
	}

	.slidenav:hover { background-color:#c7531e; }

	#prev { 
		top:50%;
		left:-1px;
		margin-top:-20px;
	}

	#next { 
		top:50%;
		right:-1px;
		margin-top:-20px;
	}
	
	
	.breadcrumbs-logo { display:none; }
	
	.product-side-img-48 { width:100%; float:none; }
	.product-side-text-48 { width:100%; margin-left:0; float:none; padding:30px 15px 30px 15px; box-sizing:border-box; }
	.product-text-center { padding:30px 15px 30px 15px; box-sizing:border-box; }
	
	
	.video-box .play_btn { 
		width:50px;
		height:50px;
		margin-top:-25px;
		margin-left:-25px;
		background-size:80%;
	}
	
	.video-box .overtitle h6 { font-size:18px; line-height:20px; padding-top:110px; }
	
	.br-desktop { display:inline-block; clear:none; }
  
}


@media (min-width: 600px) and (max-width: 1320px ) {
	a.time-node-btn, a.time-node-btn:visited, a.time-node-btn:active, a.time-node-btn:focus { width:60px; }
	.tn-txt { font-size:9px; }
}

/* Custom tablet settings */

@media (min-width: 600px) and (max-width: 1024px ) {
	#collections .col50 {
		width:50%;
	}

	#collections .col50.col-l, #collections .col50.col-r {
		width:49.5%;
	}

	#collections .col75 {
		width:50%;
	}

	#collections .col75.col-l, #collections .col75.col-r {
		width:49.5%;
	}

	#collections .col25 {
		width:50%;
	}

	#collections .col25.col-l, #collections .col25.col-r {
		width:49.5%;
	}
	
	.infobox {
		min-height:300px;
	}
	
	
	.section-tiles p {
		font-size: 18px;
		line-height: 20px;
	}
	
	
	.main.intro {
		min-height:400px;
	}
	
	.intro_box {
		padding-top:30px;
	}
	
	.btn-std.btn-alt, .btn-std.btn-alt:active, .btn-std.btn-alt:focus, .btn-std.btn-alt:visited {
		min-width: 200px;
	}
	
	.intro_box h2, .section-full h2 {
		margin-top:15px;
	}
	
	.intro_box p, .intro_box h2+p {
		margin-top:15px;
		margin-bottom:30px;
	}
	
	.section-full.bg_pattern {
		height:450px;
		overflow: hidden;
	}
	
	.section-tiles {
		height: 400px;
	}
	
	
	.section-tiles p.m-adjust {
		margin: 25px auto 45px auto;
	}
	
	
	/*.product-side-img-48 { width:100%; float:none; }
	.product-side-text-48 { width:100%; margin-left:0; float:none; }*/
	
	.product-side-text-48 h1, .product-text-center h1 {
	  color:#b2531d;
	  font-size:28px;
	  line-height:32px;
	}

	.product-side-text-48 p, .product-text-center p { font-size:14px; line-height:20px; }
	
	
	.video-box .play_btn { 
		width:50px;
		height:50px;
		margin-top:-25px;
		margin-left:-25px;
		background-size:80%;
	}
	
	.video-box .overtitle h6 { font-size:18px; line-height:20px; padding-top:110px; }
	
	.br-desktop { display:inline-block; clear:none; }
	
}



/* #Tablet (Portrait)
================================================== */
/* Note: Design for a minimum width of 768px and maximum width of 959px */
@media only screen and (min-width: 768px) and (max-width: 959px)
{
    .intro_wrap { text-align:center; padding:40px; margin:auto; max-width:600px; }
	.tn-img { display:none; }
	
	.time-node-alt { display:none; }
	.time-node { display:block; margin:0; padding:0; width:100%; height:100%; position:relative; z-index:10; opacity:1; float:left; }
	
	.tnode-content { display:block; width:100%; height:100%; position:relative; 
		-webkit-transform: translateY(0); 
		-ms-transform: translateY(0); 
		-moz-transform: translateY(0); 
		-o-transform: translateY(0); 
		transform: translateY(0);
		text-align:center; 
	}
	
	.tnode-block { display:block; margin:auto; padding:0; color:#333333; }
	

	#timeline { height:650px; }
	
	.timenav { 
		display:block; 
		margin:auto; 
		padding:0; 
		margin-bottom:30px;
		width:100%; 
		height:60px;
		text-align:center; 
		position:absolute; 
		left:0; 
		bottom:20px; 
		background: url("../../img/custom/sustainability/timeline/bar_horizontal.d41acb0b67c7.gif") repeat-x 0 33px; 
		z-index:100; 
	}
	
	
	#timenavigator { display:none; }
	#tnavigator_mbl { display:block !important; }
	
	a.time-node-btn, a.time-node-btn:visited, a.time-node-btn:active, a.time-node-btn:focus { margin-left:1%; margin-right:1%; width:30px; margin-top:18px; }
	
	
	.timewrap {
		padding: 20px 0 80px 0;
	}
	
	.tnode-block { padding-top:10px; }
	
	.tn-txt	{ 
		display:none;
	}
	
	
	.timeline-intro { padding-top:60px; }
	.timeline-content { padding-top:40px; }
	
	.tn_mbl_arrow { display:block; width:75px; height:75px; position:absolute; cursor:pointer; opacity:1; }
	
	#tn_mbl_prev, #tn_dsk_prev { display:none; top:30%; left:0; }
	#tn_mbl_next { top:30%; right:0; }
	
	
	.intro_wrap h2.callout { margin-bottom:30px; }
	
	#closing-txt .col50.col-r .std_wrap { margin-left:10%; }
	
	.slide_cbox { top:2%; left:10%; }
	.slide_cbox h2 { font-size:30px; line-height:32px; margin-bottom:20px; }
	.slide_cbox h3 { font-size:22px; line-height:26px; }
	.slide_cbox p.disclaimer, p.disclaimer { margin-top:30px; font-size:14px; line-height:18px; }
	
	.varbr { display:block; clear:both; }
	
	
	.ele_dsk { display:none; }
	.ele_tb { display:block; }
	.ele_mbl { display:none; }
}


/* Mobile phone styles */
@media only screen and (max-width: 767px) {
	
	.intro_wrap { text-align:center; padding:15px; /*padding-left:10%; padding-right:10%;*/ margin:auto; max-width:600px; }
	.tn-img, .tl-btn { display:none; }
	
	.time-node-alt { display:none; }
	.time-node { display:block; margin:0; padding:0; width:100%; height:100%; position:relative; z-index:10; opacity:1; float:left; }
	
	/*.time-node:nth-child(odd) { background:#d5eff6; }
	.time-node:nth-child(even) { background:#e5f6fa; }*/
	
	
	.tnode-content { display:block; width:100%; height:100%; position:relative; 
		-webkit-transform: translateY(0); 
		-ms-transform: translateY(0); 
		-moz-transform: translateY(0); 
		-o-transform: translateY(0); 
		transform: translateY(0);
		text-align:center; 
	}
	
	.tnode-block { display:block; margin:auto; padding:0; padding-top:0; color:#333333; }
	
	#timeline { height:auto; }
	
	#timenavigator { display:none; }
	#tnavigator_mbl { display:none; }
	
	
	.timewrap {
		padding: 0 0 0 0;
	}
	
	.tnode-block h2, .callout, .intro_box h2, .section-full h2, .intro_box_alt h2 { font-size:22px; line-height:26px; }
	.tnode-block p { /*font-size:14px;*/ line-height:26px; }
	.tnode-block p.introtxt { padding:0; }
	
	.timeline_begin, .timeline_end { display:block; width:36px; height:36px; margin:auto; padding:0; background-color:transparent; background-repeat:no-repeat; background-position:center; }
	.timeline_begin { background-image:url("../../img/custom/sustainability/timeline/timeline_point.e258dfa35a29.png"); background-size:36px 36px; margin-bottom:30px; }
	.timeline_end { background-image:url("../../img/custom/sustainability/timeline/timeline_point_next.00fe96791893.png"); background-size:36px 36px; margin-top:10px; }
	
	.time-node:first-child { padding-top:50px; }
	.time-node:first-child .timeline_begin { background-image:url("../../img/custom/sustainability/timeline/timeline_point_start.d075a20f3046.png"); background-size:36px 36px; }
	.time-node:last-child .timeline_end { background-image:url("../../img/custom/sustainability/timeline/timeline_point_end.6d7b019cc310.png"); background-size:36px 36px; }
	
	.timeline-intro, .timeline-content, .time-node { float:none; clear:both; position:relative; }
	
	.timeline-intro { padding-top:50px; padding-bottom:40px; }
	.timeline-content { padding-top:20px; padding-bottom:80px;
		background: #aae0ed;
		background: -moz-linear-gradient(top, #aae0ed 0%, #e6f6fa 100%);
		background: -webkit-linear-gradient(top, #aae0ed 0%,#e6f6fa 100%);
		background: linear-gradient(to bottom, #aae0ed 0%,#e6f6fa 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aae0ed', endColorstr='#e6f6fa',GradientType=0 );
	}
	
	.tn_mbl_arrow { display:none; width:0; height:0; position:absolute; cursor:none; opacity:0; }
	
	.timenav { 
		display:block; 
		margin:auto; 
		padding:0;
		width:100%; 
		height:30px;
		text-align:center; 
		position:absolute; 
		left:0; 
		bottom:40px; 
		background: url("../../img/custom/sustainability/timeline/bar_horizontal.d41acb0b67c7.gif") repeat-x 0 15px; 
		z-index:100; 
	}
	
	a.time-node-btn, a.time-node-btn:visited, a.time-node-btn:active, a.time-node-btn:focus { margin-left:1%; margin-right:1%; width:14px; }
	
	
	.tn-txt	{ 
		display:none;
	}
	
	.tn-c { display:none; cursor:pointer; }
	
	
	.tnode-block ul { list-style: disc; margin:0; padding:0; text-align:left; padding:15px 15px 20px 40px; }
	.tnode-block li { font-size:14px; line-height:16px; font-weight:600; padding-top:10px; }
	
	
	
	
	.intro_box h2, .section-full h2 {
		margin-top:8px;
	}
	
	.tl-btn-mbl, .tl-btn-mbl:hover{
		display:block;
		font-size: 16px;
		line-height: 24px;
		color: #d14f28;
		border: 0;
		padding: 0;
		margin: auto;
		text-transform: none;
		margin-top: 20px;
		font-weight: normal;
		text-align: center;
	}

	.time-node:last-child .tl-btn-mbl, .time-node:last-child .tl-btn-mbl:hover { padding-bottom:30px; }
	
	
	
	.instruct-mbl { display:none; font-size:16px; line-height:24px; color:#d14f28; border:0; padding:0; margin:auto; text-transform:none; margin-top:20px; font-weight:normal; text-align:center; }
	
	.intro_wrap h2.callout { margin-bottom:20px; font-size:26px; line-height:30px; }
	
	
	.main.intro { height:100vh; min-height:100vh; }
	
	
	#hero-intro { background:#000000 url("../../img/custom/sustainability/backgrounds/main_image_m.b8c403030712.jpg") no-repeat center center; background-size:cover; }
	
	#hero-intro .main_title_block {
		top:2%;
		left: 0;
		-ms-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		padding-left:10%;
		text-align:center;
	}
	
	.main_title_block {
		width:100%;
	}
	.main_title_block h1 {
		font-size: 38px;
		text-align:left;
	}
	
	
	.slide_cbox { top:3%; left:15%; }
	.slide_cbox h2 { font-size:30px; line-height:32px; margin-bottom:20px; }
	.slide_cbox h3 { font-size:22px; line-height:26px; }
	.slide_cbox p.disclaimer, p.disclaimer { margin-top:30px; font-size:14px; line-height:18px; }
	
	
	.main.padage {
		padding: 10% 10%;
	}
	
	
	
	
	#closing-txt .col50.col-l .std_wrap, #closing-txt .col50.col-r .std_wrap {
		max-width: 100%;
	}
	
	
	
	
	
	
	.varbr { display:block; clear:both; }
	
	
	.ele_dsk { display:none; }
	.ele_tb { display:none; }
	.ele_mbl { display:block; }
	
}




/* Kill breadcrumbs for this page */
.breadcrumbs { display: none; }

main.main {
    padding:0;
}

@media (min-width: 1200px) {
	main.main {
		padding:0;
	}
}








/* NEW STYLES 2023 */
.sustainability h1,
.sustainability h2,
.sustainability h3,
.sustainability h4,
.sustainability h5,
.sustainability h6,
.sustainability p,
.sustainability span {
	font-family: Galano, Helvetica Neue, Helvetica, Arial,sans-serif !important;
}
.sustainicon {
	display:inline-block;
	width:120px;
	height:auto;
	margin-bottom:20px;
}
.sustainability-cta-block {
	padding:20px 15px 40px 15px;
	text-align:center;
	margin:30px auto;
	color:white;
}
.sustainability-cta-block h2 {
	font-size:28px;
	line-height:36px;
	font-weight:400; 
}
.section-block {
	color:#FFF;
	margin:40px auto;
	padding-left:20px;
}
.section-title, h3.section-title {
	font-size: 64px;
	line-height: 64px;
	font-weight:600;
}
.section-subtitle {
	font-size: 28px;
	line-height: 36px;
	font-weight:400;
	margin:15px 4px;
}
.stat-row {
	margin-bottom:0;
}
.stat-row [class^="col-"] {
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
	border-top:1px solid #fff;
	margin-top:-1px;
}
.sustainable-stat-box {
	text-align:center;
	padding:60px 20px 40px 20px;
}
.counter-number, .counter-number-static {
	color:inherit;
	font-weight:600;
}
.counter-number-wrapper .counter-number, .counter-number-wrapper .counter-number-static {
	color:#FFF;
	font-size:56px;
	line-height:60px;
}
.counter-number-wrapper.go-large .counter-number, .counter-number-wrapper.go-large .counter-number-static {
	font-size:76px;
	line-height:80px;
}
.counter-title, h2.gen-title {
	color:#FFF;
	font-weight:600;
	font-size:24px;
	line-height:28px;
}
.counter-description {
	color:#FFF;
	font-weight:400;
	font-size:16px;
	line-height:24px;
}
.counter-description.w-sub {
	line-height:20px;
}
.counter-description a, p.white a {
	color:#fff !important;
	text-decoration:underline;
}
.counter-number-suffix, .counter-number-prefix {
	color:#FFF;
	font-size:36px;
	line-height:60px;
	font-weight:600;
	vertical-align: super;
	position: relative;
	top: -7px;
	left: 2px;
}
.counter-number-prefix {
	position: relative;
	top: -7px;
	left: 0;
	margin-right:2px;
}
.counter-number-suffix.smtxt {
	display:inline-block;
	font-size:16px;
	line-height:18px;
	position: relative;
	margin-right:2px;
}
.counter-number-wrapper.go-large .counter-number-suffix {
	position: relative;
	top: -17px;
	left: 2px;
}
.subscript {
	vertical-align: sub; 
	font-size:60%;
}
.supscript {
	vertical-align: super; 
	font-size:60%; 
}
.mod-split-50 .box-wrapper {
	width: 60%; 
}
.mod-std .intro.intro-full h2.tighttype, .mod-std .intro.intro-full .tighttype {
	font-size:42px;
	line-height:46px;
	margin-bottom:20px;
}
.no-bullets {
	list-style-type: none; /* Remove bullets */
	padding: 20px 0; /* Remove padding */
	margin: 0; /* Remove margins */
}
.no-bullets li {
	margin: 8px 0;
}
.core-col:nth-child(1) {
	background: rgb(1,20,37);
	background:rgba(1,20,37,.3);
	background: linear-gradient(0deg, rgba(1,20,37,1) 0%, rgba(1,20,37,0.3) 88%, rgba(1,20,37,0) 100%);
}
.core-col:nth-child(2) {
	background: rgb(1,20,37);
	background:rgba(1,20,37,.5);
	background: linear-gradient(0deg, rgba(1,20,37,1) 0%, rgba(1,20,37,0.5) 88%, rgba(1,20,37,0) 100%);
}
.core-col:nth-child(3) {
	background: rgb(1,20,37);
	background:rgba(1,20,37,.3);
	background: linear-gradient(0deg, rgba(1,20,37,1) 0%, rgba(1,20,37,0.3) 88%, rgba(1,20,37,0) 100%);
}
.core-col:nth-child(4) {
	background: rgb(1,20,37);
	background:rgba(1,20,37,.5);
	background: linear-gradient(0deg, rgba(1,20,37,1) 0%, rgba(1,20,37,0.5) 88%, rgba(1,20,37,0) 100%);
}
.bgimg {
	background-color: #010B13;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}
.aspect-1-1 {
	/*1:1 ratio | 1/.01 = 100% */
	padding-top: 100%;
	width:100%;
	margin:auto;
	display: block;
	content: '';
}
.aspect-1-1o5 {
	/*1:1.5 ratio | 1/.015 = 66.666% */
	padding-top: 66.666%;
	width:100%;
	margin:auto;
	display: block;
	content: '';
}
.aspect-1-2 {
	/*1:2 ratio | 1/.02 = 50% */
	padding-top: 50%;
	width:100%;
	margin:auto;
	display: block;
	content: '';
}

.sustainable-links {
	display:block;
	padding:40px 90px;
	color: #4d4f53;
	width: 100%;
	max-width:650px;
	box-sizing: border-box;
}
.sustainable-links .bignumber {
	color: #4d4f53;
	font-size:3em;
	font-weight: 600;
	margin-bottom:0;
	display:inline-block;
	margin-left:-8px;
}
.sustainable-links h5 {
	color: #4d4f53;
	font-size: 14px;
	font-weight:500;
	letter-spacing: 0;
	line-height: 1.25;
	margin-bottom: 20px;
}
.sustainable-links p { 
	font-weight: 600;
	font-size: 2.225em;
	line-height: 1.25em;
}

.mbl-spacer {
	width:100%;
	margin:0;
	padding:0;
	height:0;
	display:none;
}

.mbl-break {
	display:none;
}

.big-impact {
	font-size:18px;
	line-height:24px;
}

p.leadin {
	font-size:24px;
	line-height:34px;
	margin-top:0;
	margin-bottom:30px;
	padding:30px 0;
	border-top:3px solid #bababa;
	border-bottom:3px solid #bababa;
	color:#4d4f53;
}
p.leadin.white {
	color:#FFF;
}

.cr-icons {
	max-width:120px !important;
	margin:30px auto !important;
}

.sustain-story {
	padding:60px 50px;
}

.gen-profile-box {
	/*1:1 ratio | 1/.01 = 100% */
	padding-top: 90%;
	width:90%;
	margin:auto;
	display: block;
	background-color:#010B13;
	border-radius:50%;
	overflow:hidden;
	position:relative;
	/*float:left;*/
}

.gen-profile-box img {
	width:100%;
	position:absolute;
	top:0;
	left:0;
}

ul.sustainilist li {
	color:#4d4f53;
	padding:6px 0;
	/*border-bottom: 1px solid #eee;*/
	margin-bottom:8px;
	font-size:18px;
	line-height:22px;
}

.graph-box {
	padding:40px;
}

.mbl-adjust {
	position:absolute;
	top:40%;
	left:50%;
}
.sustainipad {
	padding:30px;
}

/*// X-Small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap */

/*// Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {
	.sustainicon {
		margin-bottom:0;
	}
	.intro-block h1 {
		font-size: 42px;
		line-height: 48px;
	}
	.mbl-break {
		display:block;
	}
	.mc_subtitle {
		font-size: 18px;
		line-height: 24px;
	}
	.scroll-button {
		margin-top: -20px;
		margin-bottom:30px;
	}
	.section-title, h3.section-title {
		font-size: 42px;
		line-height: 44px;
		margin-bottom: 15px;
	}
	.tighttype {
		margin-top:30px !important; 
	}
	.sustainable-links p {
		font-size: 1.75em;
		line-height: 1.25em;
	}
	.container-fluid {
		padding-right:0;
		padding-left:0;
	}
	.row {
		margin-right:0;
		margin-left:0;
	}

	.delay-1 {
		animation-delay: 0.1s;
	}
	.delay-2 {
		animation-delay: 0.2s;
	}
	.delay-3 {
		animation-delay: 0.3s;
	}
	.delay-4 {
		animation-delay: 0.4s;
	}
	.delay-5 {
		animation-delay: 0.5s;
	}

	.mlb-trim {
		display:none;
	}
	.mbl-adjust {
		position:absolute;
		top:50%;
		left:50%;
	}
	.sustainipad {
		padding:30px 15px;
	}
	.mbl-go-small {
		font-size:48px !important;
	}
	.scroll-wrap {
		display:none;
	}
}

/*// Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {
	.gen-profile-box {
		padding-top:0;
		width:160px;
		height:160px;
		margin:auto;
		margin-bottom:15px;
		display: block;
	}
	p.leadin {
		font-size: 18px;
		line-height: 24px;
	}
}

/*// Large devices (desktops, 992px and up) */
@media (min-width: 577px) and (max-width: 768px) {
	.mod-split-50 .box-wrapper {
		width: 100%; 
	}
	.core-col:nth-child(1) {
		background: rgb(1,20,37);
		background:rgba(1,20,37,.3);
	}
	.core-col:nth-child(2) {
		background: rgb(1,20,37);
		background:rgba(1,20,37,.5);
	}
	.core-col:nth-child(3) {
		background: rgb(1,20,37);
		background:rgba(1,20,37,.3);
	}
	.core-col:nth-child(4) {
		background: rgb(1,20,37);
		background:rgba(1,20,37,.5);
	}
}

/*// X-Large devices (large desktops, 1200px and up) */
@media (min-width: 769px) and (max-width: 1200px) {
	.mod-split-50 .box-wrapper {
		width: 80%; 
	}
	.core-col:nth-child(1) {
		background: rgb(1,20,37);
		background:rgba(1,20,37,.3);
		background: linear-gradient(0deg, rgba(1,20,37,1) 0%, rgba(1,20,37,0.3) 58%, rgba(1,20,37,0) 100%);
	}
	.core-col:nth-child(2) {
		background: rgb(1,20,37);
		background:rgba(1,20,37,.5);
		background: linear-gradient(0deg, rgba(1,20,37,1) 0%, rgba(1,20,37,0.5) 58%, rgba(1,20,37,0) 100%);
	}
	.core-col:nth-child(3) {
		background: rgb(1,20,37);
		background:rgba(1,20,37,.5);
		background: linear-gradient(0deg, rgba(1,20,37,1) 0%, rgba(1,20,37,0.5) 88%, rgba(1,20,37,0) 100%);
	}
	.core-col:nth-child(4) {
		background: rgb(1,20,37);
		background:rgba(1,20,37,.3);
		background: linear-gradient(0deg, rgba(1,20,37,1) 0%, rgba(1,20,37,0.3) 88%, rgba(1,20,37,0) 100%);
	}

	
}

/*// XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
	
}

@media (max-width: 990px) {
	.aspect-1-1o5 {
		padding-top:0;
		width:100%;
		height:auto;
		min-height:360px;
		margin:auto;
		display: block;
		content: '';
	}
	.sustainable-links.absolute-middle { 
		padding: 50px 30px 60px 30px;
		height:auto;
		min-height:360px;

		position:relative;
		left:auto;
		top:auto;
		-webkit-transform: translateX(0) translateY(0);
		-moz-transform: translateX(0) translateY(0);
		-ms-transform: translateX(0) translateY(0); /* Only for graceful degradation in IE9, cannot be transitioned */
		-o-transform: translateX(0) translateY(0);
		transform: translateX(0) translateY(0);
	}
	.mbl-spacer {
		height:15px;
		display:block;
	}
	.mod-split-50 .box-wrapper {
		width: 100%;
	}
}

@media (max-width: 1200px) {
	.sustainable-links { 
		padding: 30px 50px;
	}
	.sustain-story {
		padding:30px 20px;
	}
}
@media (max-width: 1300px) {
	.sustainable-links p { 
		margin:0;
	}
}

@media (min-width:576px) and (max-width:1024px) {
	.section-title, h3.section-title, .intro-block h1 {
		font-size: 54px;
		line-height: 60px;
	}
}