@charset "utf-8";

/*temp*/
.whoweare:after{width:1px;height:1px}

/*animation*/
@keyframes pulse {
	0% {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity*100)";
		filter: alpha(opacity=0);
		-moz-opacity: 0;
		-khtml-opacity: 0;
		opacity: 0;
	}

	50% {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity*100)";
		filter: alpha(opacity=50);
		-moz-opacity: 0.5;
		-khtml-opacity: 0.5;
		opacity: 0.5;
	}

	100% {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity*100)";
		filter: alpha(opacity=0);
		-moz-opacity: 0;
		-khtml-opacity: 0;
		opacity: 0;
	}
}

@-webkit-keyframes scroll {
	0% {
		-webkit-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		transform: translateY(-100%);
	}

	100% {
		-webkit-transform: translateY(100%);
		-ms-transform: translateY(100%);
		transform: translateY(100%);
	}
}

@keyframes scroll {
	0% {
		-webkit-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		transform: translateY(-100%);
	}

	100% {
		-webkit-transform: translateY(100%);
		-ms-transform: translateY(100%);
		transform: translateY(100%);
	}
}

@-webkit-keyframes fadeIn {
	0% {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity*100)";
		filter: alpha(opacity=0);
		-moz-opacity: 0;
		-khtml-opacity: 0;
		opacity: 0;
	}

	100% {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity*100)";
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
	}
}

@keyframes fadeIn {
	0% {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity*100)";
		filter: alpha(opacity=0);
		-moz-opacity: 0;
		-khtml-opacity: 0;
		opacity: 0;
	}

	100% {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity*100)";
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
	}
}
/*animation*/

@font-face{
  font-family:'arc-man-icons';
  src:url("../fonts/arc-man-icons.woff2?mst1y6") format("woff2"), url("../fonts/arc-man-icons.ttf?mst1y6") format("truetype"), url("../fonts/arc-man-icons.woff?mst1y6") format("woff"), url("../fonts/arc-man-icons.svg?mst1y6#arc-man-icons") format("svg");
  font-weight:normal;
  font-style:normal; }

[class^="ico-"], [class*=" ico-"]{
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family:'arc-man-icons' !important;
  speak:none;
  font-style:normal;
  font-weight:normal;
  font-variant:normal;
  text-transform:none;
  line-height:1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale; }

.ico-Pause:before{
  content:"\EA1D"; }

.ico-ctrl:before{
  content:"\EA50"; }

.ico-down-arrow:before{
  content:"\E913"; }

.ico-Help .path1:before{
  content:"\E90F";
  color:black; }

.ico-Help .path2:before{
  content:"\E910";
  margin-left:-1em;
  color:white; }

.ico-X .path1:before{
  content:"\E911";
  color:black; }

.ico-X .path2:before{
  content:"\E912";
  margin-left:-1em;
  color:white; }

.ico-logo:before{
  content:"\E90D"; }

.ico-outbound-link:before{
  content:"\E90E"; }

.ico-Infographic:before{
  content:"\E90B"; }

.ico-Closed-captioning:before{
  content:"\E90C"; }

.ico-Close:before{
  content:"\E900"; }

.ico-Editorial:before{
  content:"\E901"; }

.ico-Expand:before{
  content:"\E902"; }

.ico-Location:before{
  content:"\E903"; }

.ico-Minimize:before{
  content:"\E904"; }

.ico-More-info:before{
  content:"\E905"; }

.ico-Play:before{
  content:"\E906"; }

.ico-Sound-off:before{
  content:"\E907"; }

.ico-Sound-on:before{
  content:"\E908"; }

.ico-Team-member:before{
  content:"\E909"; }

.ico-VR:before{
  content:"\E90A"; }
.whoweare{display:none;height:auto;color:#000;cursor:url(../images/whoweare/cur-default.cur) 16 16, auto;margin:0 !important;width:100% !important}
.whoweare p,.whoweare span{font-size:1rem;line-height:1.3;margin:0 0 1.5em 0/*;max-width:650px*/;word-break:keep-all}
.whoweare p.large,.whoweare span.large{font-size:1.375rem;margin-bottom:0.8em;word-break:keep-all}
.v-space{margin-top:15vh;margin-bottom:15vh}
.content-width{word-break:keep-all}
@media screen and (max-width:1024px){
.whoweare{padding-bottom:50px}
.content-width{	-ms-flex-direction:column;
	flex-direction:column;
-webkit-justify-content:center;
-ms-flex-pack:center;
	justify-content:center;
-webkit-align-items:center;
-ms-flex-align:center;
	align-items:center;}
.whoweare{padding-bottom:50x}	
}
@media screen and (min-width:1025px){
.vcenter{
top:50%;
-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
		transform:translateY(-50%);
-webkit-font-smoothing:subpixel-antialiased;
-webkit-backface-visibility:hidden;
		backface-visibility:hidden; }
.vcenter.transition{
  -webkit-transform:translate(100px, -50%);
	  -ms-transform:translate(100px, -50%);
		  transform:translate(100px, -50%); }
.vcenter.transition.enter{
-webkit-transform:translate(0, -50%);
	-ms-transform:translate(0, -50%);
		transform:translate(0, -50%); } 
}	
.whoweare .overlay-img{width:100%;height:100%}


#intro{text-shadow:1px 1px rgba(0, 0, 0, 0.25);height:100vh;background:#000;overflow:hidden}
.whoweare .width100{width:100%}
.whoweare .image{width:100%;height:100%}
.whoweare .background{background-position:center center;background-repeat:no-repeat;background-size:cover}

.whoweare .sections .section{position:relative;}
.video_background{position:absolute;z-index:0;overflow:hidden;width:100%;height:100%;top:0;left:0}
.overlay{position:absolute;width:100%;height:100%;top:0;left:0;display:-webkit-flex;display:-ms-flex;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;opacity:0.4;transition:opacity 300ms linear;background:#000}

.jumpnav_before_wrap{width:100%}
.jumpnav_before_wrap .jumpnav_before_container{width:88%;max-width:1430px;margin-left:auto;margin:0 auto;padding:0 6%;box-sizing:content-box}
.jumpnav_before_wrap .jumpnav_before_content_wrap{display:inline-block}


@media screen and (min-width:1025px){
    .whoweare .dan_img4 .background{background-size:auto}
	.jumpnav_before_wrap{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-font-smoothing:subpixel-antialiased}
	
}


.jump_nav{text-transform:uppercase;}
.jump_nav .jump-nav-item{white-space:nowrap;opacity:0;transition:opacity 300ms;}
.jump_nav .jump-nav-item.shown{opacity:1;}
.jump_nav .jump-nav-item.shown .line-wrap .mask{height:100%;}
.jump_nav .jump-nav-item .item-link{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#f7f7f7;}
.jump_nav .jump-nav-item .diamond{position:relative;display:inline-block;width:20px;height:20px;text-align:center;margin-right:20px;}
.jump_nav .jump-nav-item .diamond::before{content:'';position:absolute;z-index:0;width:24px;height:24px;top:50%;left:50%;background-color:#636363;-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);-ms-transform:translateX(-50%) translateY(-50%) rotate(45deg);transform:translateX(-50%) translateY(-50%) rotate(45deg);transition:all 300ms;border:1px solid #9c9797;}
.jump_nav .jump-nav-item .diamond .the-number{position:relative;z-index:1;font-size:0.8125rem !important;line-height:20px !important;transition:font-size 300ms;}
.jump_nav .jump-nav-item .menu-text,
.jump_nav .jump-nav-item .menu-text span{;line-height:1rem !important;}
.jump_nav .jump-nav-item .line-wrap{height:60px;}
.m-landscape .jump_nav .jump-nav-item .line-wrap{height:35px;}
.jump_nav .jump-nav-item .line-wrap .mask{height:0%;overflow:hidden;transition:height 300ms 300ms;}
.jump_nav .jump-nav-item .line{width:10px;height:100%;border-right:1px solid #636363;}
.jump_nav.before .jump-nav-item .menu-text,
.jump_nav.before .jump-nav-item .menu-text span{font-size:0.875rem !important;margin-bottom:0}
.jump_nav.before .jump-nav-item.active .the-number{;font-size:1rem !important;}
.jump_nav.before .jump-nav-item:nth-child(1).active .diamond::before,
.jump_nav.before .jump-nav-item:nth-child(1):hover .diamond::before{background-color:#439eef;border:1px solid #439eef;}
.jump_nav.before .jump-nav-item:nth-child(2).active .diamond::before,
.jump_nav.before .jump-nav-item:nth-child(2):hover .diamond::before{background-color:#f87b00;border:1px solid #f87b00;}
.jump_nav.before .jump-nav-item:nth-child(3).active .diamond::before,
.jump_nav.before .jump-nav-item:nth-child(3):hover .diamond::before{background-color:#be4ff3;border:1px solid #be4ff3;}
.jump_nav.before .jump-nav-item:nth-child(4).active .diamond::before,
.jump_nav.before .jump-nav-item:nth-child(4):hover .diamond::before{background-color:#ff4425;border:1px solid #ff4425;}
.jump_nav.before .jump-nav-item:nth-child(5).active .diamond::before,
.jump_nav.before .jump-nav-item:nth-child(5):hover .diamond::before{background-color:#3e952b;border:1px solid #3e952b;}
@media screen and (max-width:1024px){
.jump_nav.after{position:relative;display:inline-block;text-align:left;padding-left:15px;}
}
.jump_nav.after .jump-nav-item .lead{margin-bottom:0.75rem !important;display:none;}
.jump_nav.after .jump-nav-item .lead span{;font-size:0.9375rem !important;}
.jump_nav.after .jump-nav-item .menu-text,
.jump_nav.after .jump-nav-item .menu-text span{font-size:0.9375rem !important;}
.jump_nav.after .jump-nav-item:hover:nth-child(1) .diamond::before{background-color:#439eef;border:1px solid #439eef;}
.jump_nav.after .jump-nav-item:hover:nth-child(2) .diamond::before{background-color:#f87b00;border:1px solid #f87b00;}
.jump_nav.after .jump-nav-item:hover:nth-child(3) .diamond::before{background-color:#be4ff3;border:1px solid #be4ff3;}
.jump_nav.after .jump-nav-item:hover:nth-child(4) .diamond::before{background-color:#ff4425;border:1px solid #ff4425;}
.jump_nav.after .jump-nav-item:hover:nth-child(5) .diamond::before{background-color:#3e952b;border:1px solid #3e952b;}
@media screen and (max-width:1024px){
	.jump_nav.after .jump-nav-item.next .diamond{margin-right:30px;}
}
@media screen and (min-width:1025px){
	.jump_nav.after .jump-nav-item.next .diamond{margin-right:40px;}
}

@media screen and (max-width:1024px){
	.jump_nav.after .jump-nav-item.next .diamond::before{width:40px;height:40px;}
}
@media screen and (min-width:1025px){
	.jump_nav.after .jump-nav-item.next .diamond::before{width:50px;height:50px;}
}

.jump_nav.after .jump-nav-item.next .diamond .the-number{;}
@media screen and (max-width:1024px){
	.jump_nav.after .jump-nav-item.next .diamond .the-number{font-size:1.5rem !important;}
}

@media screen and (min-width:1025px){
	.jump_nav.after .jump-nav-item.next .diamond .the-number{font-size:2rem !important;}
}

.jump_nav.after .jump-nav-item.next .lead{display:block;}

.jump_nav.after .jump-nav-item.next .menu-text,
.jump_nav.after .jump-nav-item.next .menu-text span{;}

@media screen and (max-width:1024px){
	#jumpnav-before{display:none}
	.whoweare .menu_instruction{position:absolute;left:0;right:0}
	.jump_nav.after .jump-nav-item.next .menu-text,
	.jump_nav.after .jump-nav-item.next .menu-text span{font-size:1.5rem !important;}
}
@media screen and (min-width:1025px){
	.jump_nav.after .jump-nav-item.next .menu-text,
	.jump_nav.after .jump-nav-item.next .menu-text span{font-size:2rem !important;}
}
.jump_nav.after .jump-nav-item.next:nth-child(1) .diamond::before{background-color:#439eef;border:1px solid #439eef;}
.jump_nav.after .jump-nav-item.next:nth-child(2) .diamond::before{background-color:#f87b00;border:1px solid #f87b00;}
.jump_nav.after .jump-nav-item.next:nth-child(3) .diamond::before{background-color:#be4ff3;border:1px solid #be4ff3;}
.jump_nav.after .jump-nav-item.next:nth-child(4) .diamond::before{background-color:#ff4425;border:1px solid #ff4425;}
.jump_nav.after .jump-nav-item.next:nth-child(5) .diamond::before{background-color:#3e952b;border:1px solid #3e952b;}


.whoweare .menu_instruction{color:#f7f7f7;text-transform:uppercase;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
@media screen and (max-width:1024px){
.whoweare .menu_instruction{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:absolute;z-index:5;top:10vh;}
.m-landscape .whoweare .menu_instruction{top:5vh;}
}
@media screen and (min-width:1025px){
.whoweare .menu_instruction{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;margin-top:80px;margin-left:-15px;}
}
@media screen and (min-width:1025px) and (max-height:800px){
.whoweare .menu_instruction{margin-top:60px;}
}
@media screen and (max-width:1024px){
.whoweare .menu_instruction #access-menu-icon{width:40px;height:40px;}
}
@media screen and (min-width:1025px){
.whoweare .menu_instruction #access-menu-icon{width:50px;height:50px;margin-right:5px;}
}
.whoweare .menu_instruction .access-menu-instruction span{margin-bottom:0}
@media screen and (max-width:1024px){
.whoweare .menu_instruction .access-menu-instruction span{font-size:0.75rem !important;}
}
@media screen and (min-width:1025px){
.whoweare .menu_instruction .access-menu-instruction span{display:block;font-size:0.875rem !important;}
}

.whoweare .menu_instruction .access-menu-instruction .action{;}
#intro_text{color:#fff;z-index:5}
#intro_text .chapter{color:#5fa6ff;text-transform:uppercase}
#intro_text .title{margin-bottom:0.5em;text-transform:uppercase}
#intro_text p{font-size:1rem;line-height:131.25%}
@media screen and (max-width:1024px){
	#intro_text{position:absolute;width:100%;margin:15vh auto;padding:5vh;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box}
	
}
@media screen and (min-width:1025px){
	#intro_text{width:50%;left:30%;position:absolute}
	#intro_text .title{font-size:1.8125rem}
}
/*
.whoweare .transition{opacity:0;overflow:hidden;transition:all 400ms ease-in-out}
.whoweare .transition.enter{opacity:1}
*/

#dan{width:100%}
#dan .dan_img1{height:100vh}
#dan .dan_img1 .m-center{
text-align:center;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-justify-content:center;
	-ms-flex-pack:center;
		justify-content:center;
-webkit-align-items:center;
	-ms-flex-align:center;
		align-items:center;}
#dan .dan_img1 #dan-title{text-transform:uppercase;color:#fff;width:60%;margin:0 auto}
.dan_slider_wrap{position:relative;top:-5vh;max-width:90vh;width:60%;margin:0 auto;overflow:hidden;
-webkit-flex-direction:column;
	-ms-flex-direction:column;
		flex-direction:column;
-webkit-justify-content:center;
	-ms-flex-pack:center;
		justify-content:center;
-webkit-align-items:center;
	-ms-flex-align:center;
		align-items:center;}
.dan_slider_wrap .item{height:auto;position:relative;display:inline-block}
.dan_slider_wrap .item:after{content:'';display:block;width:100%;padding-top:100%}
.dan_slider_wrap .image{position:absolute;top:0}
#dan_slider{position:relative}
.slick-dots{margin:15px auto 0 !important;padding:20px 0 0 !important;position:relative !important}
.slick-dots li{width:12px !important;height:12px !important;border:1px solid #000;border-radius:10px;margin:0 11px 8px 11px !important;outline:none;}
.slick-dots li.slick-active{background-color:#000 !important}
#dan-quote{width:60%;margin:15vh auto;position:relative;z-index:10;
-webkit-flex-direction:column;
	-ms-flex-direction:column;
		flex-direction:column;
-webkit-justify-content:center;
	-ms-flex-pack:center;
		justify-content:center;
-webkit-align-items:center;
	-ms-flex-align:center;
		align-items:center;}
#dan-quote p{color:#000;text-align:center}
#dan-quote p.large{font-size:1.375rem;line-height:1.3;margin:0 0 0.8em 0;text-align:center;color:#000}
#dan .dan_img4{position:relative;top:-20vh;height:100vh;}
#dan .dan_img4 image{}
@media screen and (min-width:1025px){
	.dan_slider_wrap{height:100vh;width:80%;max-width:80%;top:0}
	#dan_slider{height:100vh}
	.dan_slider_wrap .item{position:absolute;height:45%;width:54%;z-index:100;}
	.dan_slider_wrap .item:first-child{left:0;top:50%}
	.dan_slider_wrap .item:nth-child(2){right:10%;top:2%}
	#dan .dan_img4{top:0}
	.dan_slider_wrap .image{background-position:bottom right}
	.dan_pg_wrap{position:relative}
	.dan_pg_wrap #dan-quote{position:absolute;width:38%;bottom:0;right:6%;text-align:left}
	.dan_pg_wrap #dan-quote p{text-align:left}
	.dan_pg_wrap{}
	
}
#backyard{}
#backyard #backyard_text{margin-top:15vh;width:60%;-webkit-flex-direction:column;margin-left:auto;margin-right:auto;text-align:center;
	-ms-flex-direction:column;
		flex-direction:column;
-webkit-justify-content:center;
	-ms-flex-pack:center;
		justify-content:center;
-webkit-align-items:center;
	-ms-flex-align:center;
		align-items:center;}
#backyard #backyard_text p{}
#backyard #backyard_text .sub-heading{font-size:1rem;line-height:1.3;margin-bottom:0.6em;text-transform:uppercase}
#backyard #backyard_text .cta-container-m{border:2px solid red;border-radius:100px;display:inline-block;padding:8px 20px;margin-top:5vh;line-height:1em;text-transform:uppercase;color:red;white-space:nowrap}
#backyard #backyard_text .cta-container-m [class^="ico-"]{margin:0 10px 0 0}
#backyard_bg{background-image:url("../images/whoweare/inspiration/inspiration--map_EN-m.svg");padding:20vh 0 15vh;background-size:contain}
#backyard_bg .backyard_slider:after{content:'';display:block;clear:both}
#backyard_bg .backyard_slider .item{height:auto;position:relative;border-radius:50%;overflow:hidden;color:#fff;float:left;text-align:center}
#backyard_bg .backyard_slider .item:after{content:'';display:block;width:100%;padding-top:100%}
#backyard_bg .backyard_slider .item .image{position:absolute;top:0;display:-webkit-flex;display:-ms-flex;display:flex;
-webkit-justify-content:center;
	-ms-flex-pack:center;
		justify-content:center;
-webkit-align-items:center;
	-ms-flex-align:center;
		align-items:center;}
#backyard_bg .backyard_slider .t1{display:block;color:#fff;text-transform:uppercase;font-size:1rem;margin-bottom:0.75em}
#backyard_bg .backyard_slider .t2{margin-bottom:0}
@media screen and (max-width:1024px){
	#inspiration #backyard{height:auto !important}
	#backyard{height:120vh !important}
	#backyard #backyard_text{padding:8px 20px;margin-top:5vh;line-height:1em;width:90%}
	#backyard_bg{margin-top:-5vh;}
	#dan-quote{margin:5vh auto;width:90%}
}
#rainforest-title{width:60%;margin:0 auto;text-align:center;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-justify-content:center;
	-ms-flex-pack:center;
		justify-content:center;
-webkit-align-items:center;
	-ms-flex-align:center;
		align-items:center;}
#rainforest_slider .item,#coast-mountains1 .item{float:left}
#rainforest_slider .slick-track,#coast-mountains1 .slick-track{overflow:hidden}
#inspiration #rainforest .overlay,#coast-mountains1 #mountains_slider.overlay{opacity:0;padding:0 20%;transition:all 0.4s;color:#fff}
#inspiration #rainforest .overlay .number,#coast-mountains1 #mountains_slider.overlay .number{font-size:3.4rem;margin-bottom:8px;font-weight:bold;line-height:1.2}
#inspiration #rainforest .overlay p,#coast-mountains1 #mountains_slider.overlay p{font-size:1rem;height:131%;margin:0;}
#inspiration #rainforest .trees .overlay,#coast-mountains1 #mountains_slider .mt1 .overlay{background-color:rgba(42, 95, 57, 0.7);line-height:1.4}
#inspiration #rainforest .creek .overlay,#coast-mountains1 #mountains_slider .mt2 .overlay{background-color:rgba(61, 124, 155, 0.7)}
#inspiration #rainforest .mtn .overlay,#coast-mountains1 #mountains_slider .mt3 .overlay{background-color:rgba(142, 151, 1, 0.7)}
#inspiration #rainforest .indicate-icon,#coast-mountains1 #mountains_slider.indicate-icon{z-index:10;left:20px;bottom:20px;}
#inspiration #rainforest .indicate-icon .anim-btn [class^="ico-"],#coast-mountains1 #mountains_slider.indicate-icon .anim-btn [class^="ico-"]{color:#fff;margin-bottom:0}
#inspiration #rainforest .indicate-icon .anim-btn .spinner-path,#coast-mountains1 #mountains_slider.indicate-icon .anim-btn .spinner-path{stroke:#fff;}
#inspiration #rainforest .indicate-icon .anim-btn .drawing-path,#coast-mountains1 #mountains_slider.indicate-icon .anim-btn .drawing-path{stroke:#fff;}


#rainforest_slider .item,#coast-mountains1 .item{box-sizing:border-box;position:relative;overflow:hidden;}	
#rainforest_slider .item .anim-btn .cur-circle,#rainforest_slider .item .overlay,
#coast-mountains1 .item .anim-btn .cur-circle,#coast-mountains1 .item .overlay{transition:opacity 300ms linear}
#rainforest_slider .item.active .indicate-icon,#coast-mountains1  .item.active .indicate-icon{display:block}
#inspiration #rainforest .item.active .overlay,#coast-mountains1 #mountains_slider .item.active .overlay{opacity:1}
#rainforest_slider .item .indicate-icon,#coast-mountains1 .item .indicate-icon{border:none}
#coast-mountains1 #mountains_slider .sub-heading-wrap{position:absolute;top:10%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
#coast-mountains1 #mountains_slider .sub-heading-wrap .sub-heading{color:#fff;margin-bottom:0.25em}
#coast-mountains1 #mountains_slider p{font-size:1rem;line-height:131%;margin-bottom:0}
#coast-mountains1 #mountains_slider .number{font-size:2.4rem;line-height:100%;margin-bottom:8px;font-weight:bold}
#coast-mountains1 #mountains_slider .p_vcen{position:absolute;top:50%;width:100%;left:0;}

@media screen and (max-width:1024px){
    #rainforest{padding-bottom:50px}
    #rainforest_slider .item{line-height:0}
	#rainforest-title{margin-bottom:5vh}
}
@media screen and (min-width:1025px){
    #rainforest_slider,#mountains_slider{width:100%;margin:0 auto;overflow:hidden;padding-bottom:10vh;height:90vh;display:flex;justify-content:space-between}
    #rainforest_slider .item,#mountains_slider .item{height:80vh;width:30%}
    #rainforest_slider .item .video-background,#mountains_slider .item .video-background{height:80vh}
    /*
    #rainforest_slider{width:100%;margin:0 auto;overflow:hidden;padding-bottom:10vh;height:90vh;display:flex;justify-content:space-between}
	#rainforest_slider .item{height:80vh;box-sizing:border-box;position:relative;overflow:hidden;width:30%}	
	#rainforest_slider .item .video-background{height:80vh}
	#rainforest_slider .item .anim-btn .cur-circle,#rainforest_slider .item overlay{transition:opacity 300ms linear}
	#rainforest_slider .item.active .indicate-icon{display:block}
	#inspiration #rainforest .item.active .overlay{opacity:1}
	#rainforest_slider .item .indicate-icon{border:none}
    */
    #rainforest-title{margin-top:15vh;margin-bottom:15vh;
	-webkit-transform:translate(0, 0);
	-ms-transform:translate(0, 0);
		transform:translate(0, 0);}
}
#video{height:100vh}
.video-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}
.video-player{position:absolute;bottom:0px;left:0px;width:100%;height:100%;background-color:#000000;overflow:hidden;}
.video-player.collapsed{position:fixed;z-index:99;bottom:20px;left:20px;width:304px;height:110.5px;background-color:transparent;-webkit-transform:translateY(130.5px);-ms-transform:translateY(130.5px);transform:translateY(130.5px);}
.video-player.collapsed.hide{-webkit-transform:translateY(130.5px);-ms-transform:translateY(130.5px);transform:translateY(130.5px);transition:-webkit-transform 300ms linear;transition:transform 300ms linear;transition:transform 300ms linear, -webkit-transform 300ms linear;}
.video-player.collapsed.active{-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);transition:-webkit-transform 300ms linear;transition:transform 300ms linear;transition:transform 300ms linear, -webkit-transform 300ms linear;}
.video-player.collapsed:hover .player .blocker .controls{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity*100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.video-player.collapsed .toggle{display:none;}
.video-player.collapsed .player{position:relative;display:inline-block;float:left;width:152px;height:110.5px;}
.video-player.collapsed .player .blocker .controls{bottom:0px;left:0px;width:100%;height:100%;padding:0;background-color:rgba(0, 0, 0, 0.5);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity*100)";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transition:opacity 300ms linear;}
.video-player.collapsed .player .blocker .controls .buttons{position:absolute;display:block;top:50%;left:0px;width:100%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);	text-align:center;}
.video-player.collapsed .player .blocker .controls .buttons .btn{margin-left:0.625rem;margin-right:0.625rem;}
.video-player.collapsed .player .blocker .controls .buttons .btn.expand-btn{font-size:1.375rem;}
.video-player.collapsed .title-card{position:relative;display:inline-block;float:left;width:152px;height:110.5px;padding:16px 18px;background-color:rgba(0, 0, 0, 0.75);}
.video-player.collapsed .title-card h4.now-playing{margin-bottom:3px;color:#FFFFFF;;font-size:0.5625rem;text-transform:uppercase;line-height:100%;}
.video-player.collapsed .title-card h3.video-title{color:#FFFFFF;;font-size:0.8rem;line-height:0.85rem;text-transform:none;margin-bottom:10px;}
.video-player.collapsed .title-card .time-display{margin-left:0;}
.video-player .player{position:absolute;z-index:0;top:0px;left:0px;width:100%;height:100%;}
.video-player .player .background,
.video-player .player .blocker{position:absolute;z-index:0;top:0px;left:0px;width:100%;height:100%;}
.video-player .player .background .video-container iframe .ytp-expand-pause-overlay .ytp-pause-overlay{display:none !important;}
.video-player .player .blocker{z-index:1;background:transparent;}
.video-player .player .blocker .close-video-btn{position:absolute;top:40px;right:40px;}
.video-wrapper .close-video-btn{position:absolute;top:40px;right:40px;z-index:99}
.video-wrapper .close-video-btn .ico{font-size:2rem;color:#fff}
.video-wrapper .video-playbtn .play,.video-wrapper .video-playbtn .title{font-size:24px}

.video-player .player .blocker .controls{box-sizing:border-box;position:absolute;bottom:0px;left:0px;width:100%;padding:0.625rem 1.25rem;}
.video-player .player .blocker .controls.active .contents{-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);}
.video-player .player .blocker .controls .contents{width:86%;margin:0 auto;-webkit-transform:translateY(90%);-ms-transform:translateY(90%);transform:translateY(90%);transition:all 0.3s ease-in-out;}
.video-player .player .blocker .controls .buttons{position:relative;display:block;}
.video-player .player .blocker .controls .buttons .close-video-btn{position:relative;top:auto;right:auto;}
.video-player .toggle{cursor:pointer;position:absolute;display:block;z-index:1;top:0px;left:0px;width:100%;height:100%;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity*100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;transition:opacity 300ms linear;}
.video-player .toggle.hide{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity*100)";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.video-player .toggle.hidden{display:none;}
.video-player .toggle .image{position:absolute;z-index:0;top:0px;left:0px;}
.video-player .toggle .text-content{position:absolute;z-index:1;top:0px;left:0px;width:100%;height:100%;}
.video-player .toggle .text-content .text{position:absolute;display:inline-block;top:50%;left:50%;width:90%;text-align:center;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);transition:color 300ms linear;}
.video-player .toggle .text-content .text.active .transition{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity*100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.video-player .toggle .text-content .text .transition{position:relative;display:block;-webkit-transform:translateX(100px);-ms-transform:translateX(100px);transform:translateX(100px);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity*100)";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transition:all 1.5s ease-in-out;}
.video-player .toggle .text-content .text .play{display:inline-block;padding:18px;font-size:1.125rem !important;color:#FFFFFF;transition:color 300ms linear;}
.video-player .toggle .text-content .text .play .ico-Play{font-size:1.125rem !important;}
.video-player .toggle .text-content .text .title{display:inline-block;;	font-size:1.5rem !important;text-transform:uppercase;color:#FFFFFF;transition:color 300ms linear;}
.video-player .toggle:hover .text .play,
.video-player .toggle:hover .text .title{color:#d0d0d0;}

@media screen and (max-width:1024px){
    .video-player .player .blocker .controls .contents{width:100%;}
    .video-player .toggle .text-content .text{width:90%;}
	.video-player .toggle .text-content .text .title{font-size:1.3125rem !important;}
    .video-player .toggle{cursor:pointer;}
}
@media screen and (min-width:1025px){
    #video{width:100%}
    
}
#coast-mountains1 .intro-text{width:60%;margin:0 auto;text-align:center;margin:15vh auto;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-justify-content:center;
	-ms-flex-pack:center;
		justify-content:center;
-webkit-align-items:center;
	-ms-flex-align:center;
		align-items:center;}
#coast-mountains1 .intro-text .title{font-weight:bold}
#coast-mountains1 .mountains_slider .slick-track{overflow:hidden}
#coast-mountains1 .mountains_slider .item{float:left}
#coast-mountains1 .mountains_slider .item video{vertical-align:top}
@media screen and (min-width:1025px){
    #coast-mountains1{width:100%;max-width:100%;margin:0 auto;overflow:hidden}
    #coast-mountains1 .intro-text{display:block;
	-webkit-transform:translate(0, 0);
	-ms-transform:translate(0, 0);
		transform:translate(0, 0%);}
}
.whoweare #coast-mountains2 .intro-text{color:#000;width:60%;margin-left:auto;margin-right:auto;text-align:center;margin-top:15vh}
.whoweare #coast-mountains2 .intro-text p{margin-bottom:1em;color:#000}
.whoweare #coast-mountains2 .image.background{height:100vh;padding-top:5vh;padding-bottom:5vh;box-sizing:border-box}
@media screen and (max-width:1024px) and (max-height:480px){
	#coast-mountains1 .intro-text{width:90%}
    .whoweare #coast-mountains2 .graph-toggle-btn{padding:3px 20px;font-size:0.9rem;}
}
.whoweare #coast-mountains2 .graph-toggle-btns{display:none;margin-bottom:3vh;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.m-landscape .whoweare #coast-mountains2 .graph-toggle-btns{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}
.whoweare #coast-mountains2 .graph-toggle-btn{text-transform:uppercase;width:240px;padding:6px 20px;color:#fff;border:2px solid #fff;margin:0 auto 10px;transition:all 300ms;}
.no .whoweare #coast-mountains2 .graph-toggle-btn{width:265px;}
.whoweare #coast-mountains2 .graph-toggle-btn.active{color:#000;background-color:#fff;}
@media screen and (max-width:1024px){        
    .whoweare #coast-mountains2 .intro-text{margin-bottom:15vh;width:90%}
    .whoweare #coast-mountains2 .wrap{width:100%;position:relative;top:50%;transform:translateY(-50%)}
    .whoweare #coast-mountains2 #waddington-graph{position:relative;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
    .whoweare #coast-mountains2 #waddington-graph .mtn-graph{position:absolute;opacity:0;transition:opacity 300ms;}
    .whoweare #coast-mountains2 #waddington-graph .mtn-graph.active{opacity:1;position:relative;}
	.whoweare #coast-mountains2 #waddington-graph .mtn-graph.for_pc{display:none}
    .m-landscape .whoweare #coast-mountains2 #waddington-graph .mtn-graph{max-height:80vh;}
    .whoweare #coast-mountains2 .graph-toggle-btns{display:block}
	.whoweare #coast-mountains2 .image.background{padding-top:0}
}
@media screen and (min-width:1025px){
    .whoweare #coast-mountains2{position:relative;height:100vh}
    .whoweare #coast-mountains2 .intro-text{position:absolute;width:22%;left:10%;top:40%;transform:translateY(-50%);margin:0}
    .whoweare #coast-mountains2 .intro-text p{color:#fff;text-align:left}
	.whoweare #coast-mountains2 .graph-toggle-btns{margin-top:5vh}
    .whoweare #coast-mountains2 .intro-text{
	-webkit-transform:translate(0, 0);
	-ms-transform:translate(0, 0);
		transform:translate(0, 0);}
	.whoweare #coast-mountains2 #waddington-graph .graph_for_m,.whoweare #coast-mountains2 .graph-toggle-btns{display:none}
    .whoweare #coast-mountains2 #waddington-graph{top:24%;right:6%;width:60%;height:80%;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute}
    .whoweare #coast-mountains2 #waddington-graph .mtn-graph{width:100%;margin-left:10px !important;margin-right:10px !important;}
}
.whoweare #our-story #story-text{z-index:5;width:60%;margin-left:auto;margin-right:auto;text-align:center}
.whoweare #our-story #brylee-container .overlay{background-color:rgba(0, 138, 184, 0.7);}
.whoweare #our-story #greg-container{z-index:3;position:relative;height:auto;width:60%;max-width:90vh;margin-left:auto;margin-right:auto}
.whoweare #our-story #greg-container:after{content:'';display:block;width:100%;padding-top:100%}
.whoweare #our-story #greg-container .overlay{background-color:rgba(225, 95, 0, 0.7);}
.whoweare #our-story #greg-video{z-index:0;opacity:0.6;position:relative;top:-5vh;height:100vh}
.whoweare #our-story #greg-video video{object-position:80% 50%;}
.whoweare #our-story #brylee-container{height:auto;position:relative;max-width:90vh;width:60%;margin-left:auto;margin-right:auto}
.whoweare #our-story #brylee-container:before{content:'';display:block;width:100%;padding-top:100%}
.whoweare #our-story .image{position:absolute;top:0}
.whoweare #our-story .ico-Team-member{margin-bottom:0}
.whoweare #our-story .close-icon{display:-webkit-flex;display:-ms-flexbox;display:flex;right:-20px}
.whoweare #our-story .ico-Close{margin-bottom:0}
.overlay-img .overlay{opacity:0;padding-left:15px;padding-right:15px;color:#fff;box-sizing:border-box}
.overlay-img.active .overlay{opacity:1}
@media screen and (max-width:1024px){
    .whoweare #our-story #brylee-container{margin-top:15vh;width:80%}
	.whoweare #our-story #story-text{width:80%}
    .whoweare #our-story #greg-video{height:100vh;position:relative;}
	.whoweare #our-story #greg-container{width:80%}
}
@media screen and (min-width:1025px){
    .whoweare #our-story{height:100vh}
    .whoweare #our-story #brylee-container{width:20%;position:absolute;top:40%;left:8%;z-index:10;height:45%}
    .whoweare #our-story #greg-container{width:20%;position:absolute;top:15%;left:31%;height:45%}
    .whoweare #our-story #story-text{top:65%;left:32%;width:35%;position:absolute;margin:0;text-align:left}
	.whoweare #our-story .close-icon{left:-20px}
    .whoweare #our-story #greg-video{top:5%;left:40%;width:50%;height:90%}
    .whoweare #our-story .indicate-icon{border:none;display:block}
}
.indicate-icon,
.close-icon{width:46px;height:46px;position:absolute;}
.profile-photo .overlay-img{position:absolute;top:0;overflow:hidden}
.indicate-icon,
.close-icon{position:absolute;right:10px;bottom:10px;color:#fff;border:1px solid #fff;border-radius:50%;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.indicate-icon,
.active .close-icon{display:-webkit-flex;display:-ms-flexbox;display:flex;}
.active .indicate-icon{display:block}
.close-icon{display:none;}
.ico-Team-member{font-size:1rem;}
.ico-More-info{font.-size:1rem;}
.ico-Location{font-size:1rem;}
.ico-Close{font-size:1rem;}
.indicate-icon .anim-btn span{margin-bottom:0}
@media screen and (min-width:1025px){
    .indicate-icon{z-index:10;left:20px;bottom:20px;border:none}
    .indicate-icon .anim-btn [class^="ico-"]{color:#fff;margin-bottom:0}
    .indicate-icon .anim-btn .spinner-path{stroke:#fff;}
    .indicate-icon .anim-btn .drawing-path{stroke:#fff;}
}
#climate #climate-text{width:60%;margin-left:auto;margin-right:auto;text-align:center}
.whoweare #climate #climate-text{z-index:10;
-webkit-transform:translate(0, 0);
	-ms-transform:translate(0, 0);
		transform:translate(0, 0);}
.whoweare #climate .wrap{height:100vh;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.whoweare #climate .wrap{position:relative;}
.whoweare #climate #climate-graph{padding-top:5vh;padding-bottom:5vh;width:60%;margin:0 auto}
.whoweare #climate #climate-graph{position:relative;z-index:5;}
@media screen and (min-width:1025px){
    .whoweare #climate{height:100vh;position:relative}    
    .whoweare #climate #climate-graph{width:30%;height:80%;right:13%;padding:5vh 0;position:absolute}
    .whoweare #climate #climate-text{position:absolute;left:13%;width:35%;color:#fff;margin:0;text-align:left}
}
.whoweare #climate .video-background{position:absolute;z-index:0;overflow:hidden;width:100%;height:100%;top:0;left:0}


.whoweare #austin #skeena-container{z-index:5;width:60%;margin:15vh auto 0;height:auto;position:relative}
.whoweare #austin #skeena-container:after{content:'';display:block;width:100%;padding-top:100%}
.whoweare #austin #skeena-container .overlay-img,.whoweare #austin #skeena-container .overlay-img .image{position:absolute;top:0}

@media screen and (max-width:1024px){
	#climate #climate-text{width:80%}
    .whoweare #austin #skeena-container{margin-top:15vh;width:80%}		
}
.whoweare #austin #skeena-container .overlay{background-color:rgba(75, 144, 171, 0.7);opacity:0}
.whoweare #austin #skeena-container .overlay-img{width:100%;height:100%}
.whoweare #austin #skeena-container .overlay-img.active .overlay{opacity:1}
.whoweare #austin #skeena-container .overlay-img .ico-Team-member,.whoweare #austin #austin-container .ico-Team-member{margin-bottom:0}
.whoweare #austin #skeena-container .overlay-img .close-icon,.whoweare #austin #austin-container .close-icon{right:-20px}
.whoweare #austin #skeena-container .overlay-img .close-icon .ico-Close,.whoweare #austin #austin-container .ico-Close{margin-bottom:0}
.whoweare #austin #austin-video{position:relative;z-index:0;height:100vh;opacity:0.6;}
.whoweare #austin #austin-container{z-index:5;height:auto;position:relative;width:60%;margin:0 auto}
.whoweare #austin #austin-container:before{content:'';display:block;width:100%;padding-top:100%}
.whoweare #austin #austin-container .overlay-img{position:absolute;top:0;width:100%;height:100%}
.whoweare #austin #austin-container .overlay-img.active .overlay{opacity:1}
.whoweare #austin #austin-container .overlay{background-color:rgba(186, 195, 56, 0.7);opacity:0}

@media screen and (min-width:1025px){
    .whoweare #austin{position:relative;height:100vh}
    .whoweare #austin #skeena-container{width:20%;position:absolute;left:10.5%;top:10%;margin:0}
    .whoweare #austin #austin-container{width:20%;position:absolute;left:32%;bottom:5%}
    .whoweare #austin #austin-quote{position:absolute;top:14%;left:36%;width:50%;height:19%;margin:0;text-align:left}
    .whoweare #austin #austin-video{position:absolute;width:66%;height:63%;right:6%;bottom:8%;opacity:0.6;top:auto}
    .whoweare #austin .indicate-icon{border:none;display:block}
    
}
.whoweare #austin-quote{margin:15vh auto;width:60%}
#austin-video{position:relative;top:-5vh}
.whoweare #dan2 .dcreveal-images{position:relative;display:-webkit-flex;display:-ms-flexbox;display:flex;z-index:0;left:0;width:100%;height:100vh;}
@media only screen and (max-width:64em){
    .whoweare #dan2 .dcreveal-images{left:0px;}
}
.whoweare #dan2 .dcreveal-images .image{position:absolute;z-index:0;top:0px;left:0px;}
.whoweare #dan2 .dcreveal-images .reveal-layer{position:absolute;z-index:1;top:0px;right:0px;width:0px;height:100%;overflow:hidden;transition:all 7.5s ease-in-out;}
.whoweare #dan2 .dcreveal-images .reveal-layer{transition-delay:5s;}
.whoweare #dan2 .dcreveal-images .reveal-layer{transition-delay:2.5s;}
@media only screen and (max-width:64em){
    .whoweare #dan2 .dcreveal-images .reveal-layer{top:auto;bottom:0px;width:100%;height:0px;}
}
.whoweare #dan2 .dcreveal-images .reveal-layer.active{width:100%;}
@media only screen and (max-width:64em){
    .whoweare #dan2 .dcreveal-images .reveal-layer.active{height:100%;}
}
.whoweare #dan2 .dcreveal-images .reveal-layer .reveal-contents{position:absolute;top:0px;right:0px;width:100%;height:100vh;}
@media only screen and (max-width:64em){
    .whoweare #dan2 .dcreveal-images .reveal-layer .reveal-contents{top:auto;bottom:0px;}
}
.whoweare #dan2 .dcreveal-images .reveal-layer .reveal-contents .image{position:absolute;}
.whoweare #dan2 #dan2-dc,
.whoweare #dan2 #dan2-mtn{width:50%;height:100vh;}
.whoweare #dan2 #dan-photo{z-index:1;position:relative;margin:-15vh auto 0;width:60%}
.whoweare #dan2 #dan-photo:before{content:'';display:block;width:100%;padding-top:100%}
.whoweare #dan2 #dan-photo .image{position:absolute;top:0}
.whoweare #dan2 #dan2-quote{margin:15vh auto;width:60%;text-align:center}
.whoweare #dan2 #dan2-quote .title{margin-bottom:0.5em;text-transform:uppercase}
@media screen and (min-width:1025px){
    .whoweare #austin-quote{width:30%;text-align:center}
    .whoweare #dan2 #dan2-dc{width:25%;height:100%;left:5%;}
    .whoweare #dan2 #dan2-mtn{width:20%;height:100%;left:29.8%;}
    .whoweare #dan2 #dan-photo{width:30%;margin-top:-5vh;}
    .whoweare #dan2 #dan2-quote{width:60%;right:15%;
	-webkit-transform:translate(0,0);
	-ms-transform:translate(0,0);
		transform:translate(0,0);}
    .whoweare #dan2 #dan-photo{position:relative;margin-top:-15vh;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);}
}
#jumpnav-section{height:100vh;overflow:hidden;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-justify-content:center;
	-ms-flex-pack:center;
		justify-content:center;
-webkit-align-items:center;
	-ms-flex-align:center;
		align-items:center;}
#jumpnav-before-wrap{width:100%;}
#jumpnav-before-wrap #jumpnav-before-container{width:88%;max-width:1430px;margin-left:auto;margin-right:auto;padding-left:6%;padding-right:6%;box-sizing:content-box;}
@media (max-width:1064px){
	.whoweare #austin #austin-container{width:80%}
    #jumpnav-before-wrap #jumpnav-before-container{width:94%;padding-left:3%;padding-right:3%;}
}
#jumpnav-before-wrap #jumpnav-before-content-wrap{display:inline-block;}
.jumpnav-after-bg{position:absolute;z-index:0;top:0;left:0;transition:-webkit-transform 4s cubic-bezier(0.39, 0.575, 0.565, 1);transition:transform 4s cubic-bezier(0.39, 0.575, 0.565, 1);transition:transform 4s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 4s cubic-bezier(0.39, 0.575, 0.565, 1);}
.jumpnav-after-bg.zoom{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
@media screen and (max-width:1024px){
	.whoweare #austin-quote{width:80%}
	.whoweare #dan2 #dan-photo{width:80%}
    #jumpnav-after{text-align:center;}
	.whoweare #dan2 #dan2-quote{width:80%}
}
@media screen and (min-width:1025px){
    #jumpnav-after{position:absolute;left:300px}
}
.jump-nav{text-transform:uppercase;}
.jump-nav .jump-nav-item{white-space:nowrap;opacity:0;transition:opacity 300ms;}
.jump-nav .jump-nav-item.shown{opacity:1;}
.jump-nav .jump-nav-item.shown .line-wrap .mask{height:100%;}
.jump-nav .jump-nav-item .item-link{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#f7f7f7;}
.jump-nav .jump-nav-item .diamond{position:relative;display:inline-block;width:20px;height:20px;text-align:center;margin-right:20px;}
.jump-nav .jump-nav-item .diamond::before{content:'';position:absolute;z-index:0;width:24px;height:24px;top:50%;left:50%;background-color:#636363;-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);-ms-transform:translateX(-50%) translateY(-50%) rotate(45deg);transform:translateX(-50%) translateY(-50%) rotate(45deg);transition:all 300ms;border:1px solid #9c9797;}
.jump-nav .jump-nav-item .diamond .the-number{position:relative;z-index:1;font-size:0.8125rem !important;line-height:20px !important;transition:font-size 300ms;}
.jump-nav .jump-nav-item .menu-text,
.jump-nav .jump-nav-item .menu-text span{;line-height:1rem !important;}
.jump-nav .jump-nav-item .line-wrap{height:60px;}
.m-landscape .jump-nav .jump-nav-item .line-wrap{height:35px;}
.jump-nav .jump-nav-item .line-wrap .mask{height:0%;overflow:hidden;transition:height 300ms 300ms;}
.jump-nav .jump-nav-item .line{width:10px;height:100%;border-right:1px solid #636363;}
.jump-nav.before .jump-nav-item .menu-text,
.jump-nav.before .jump-nav-item .menu-text span{font-size:0.875rem !important;}
.jump-nav.before .jump-nav-item.active .the-number{;font-size:1rem !important;}
.jump-nav.before .jump-nav-item:nth-child(1).active .diamond::before,
.jump-nav.before .jump-nav-item:nth-child(1):hover .diamond::before{background-color:#439eef;border:1px solid #439eef;}
.jump-nav.before .jump-nav-item:nth-child(2).active .diamond::before,
.jump-nav.before .jump-nav-item:nth-child(2):hover .diamond::before{background-color:#f87b00;border:1px solid #f87b00;}
.jump-nav.before .jump-nav-item:nth-child(3).active .diamond::before,
.jump-nav.before .jump-nav-item:nth-child(3):hover .diamond::before{background-color:#be4ff3;border:1px solid #be4ff3;}
.jump-nav.before .jump-nav-item:nth-child(4).active .diamond::before,
.jump-nav.before .jump-nav-item:nth-child(4):hover .diamond::before{background-color:#ff4425;border:1px solid #ff4425;}
.jump-nav.before .jump-nav-item:nth-child(5).active .diamond::before,
.jump-nav.before .jump-nav-item:nth-child(5):hover .diamond::before{background-color:#3e952b;border:1px solid #3e952b;}
@media screen and (max-width:1024px){
    .jump-nav.after{position:relative;display:inline-block;text-align:left;padding-left:15px;}
}
.jump-nav.after .jump-nav-item .lead{margin-bottom:0.75rem !important;display:none;}
.jump-nav.after .jump-nav-item .lead span{;font-size:0.9375rem !important;}
.jump-nav.after .jump-nav-item .menu-text,
.jump-nav.after .jump-nav-item .menu-text span{font-size:0.9375rem !important;}
.jump-nav.after .jump-nav-item:hover:nth-child(1) .diamond::before{background-color:#439eef;border:1px solid #439eef;}
.jump-nav.after .jump-nav-item:hover:nth-child(2) .diamond::before{background-color:#f87b00;border:1px solid #f87b00;}
.jump-nav.after .jump-nav-item:hover:nth-child(3) .diamond::before{background-color:#be4ff3;border:1px solid #be4ff3;}
.jump-nav.after .jump-nav-item:hover:nth-child(4) .diamond::before{background-color:#ff4425;border:1px solid #ff4425;}
.jump-nav.after .jump-nav-item:hover:nth-child(5) .diamond::before{background-color:#3e952b;border:1px solid #3e952b;}
.jump-nav.after .jump-nav-item.next .diamond .the-number{;}
.jump-nav.after .jump-nav-item.next .lead{display:block;}
.jump-nav.after .jump-nav-item.next .menu-text,
.jump-nav.after .jump-nav-item.next .menu-text span{;}
@media screen and (max-width:1024px){
    .jump-nav.after .jump-nav-item.next .diamond{margin-right:30px;}
    .jump-nav.after .jump-nav-item.next .diamond::before{width:40px;height:40px;}
    .jump-nav.after .jump-nav-item.next .diamond .the-number{font-size:1.5rem !important;}
    .jump-nav.after .jump-nav-item.next .menu-text,
    .jump-nav.after .jump-nav-item.next .menu-text span{font-size:1.5rem !important;}
}
@media screen and (min-width:1025px){
    .jump-nav.after .jump-nav-item.next .diamond{margin-right:40px;}
    .jump-nav.after .jump-nav-item.next .diamond::before{width:50px;height:50px;}
    .jump-nav.after .jump-nav-item.next .diamond .the-number{font-size:2rem !important;}
    .jump-nav.after .jump-nav-item.next .menu-text,
    .jump-nav.after .jump-nav-item.next .menu-text span{font-size:2rem !important;}
}
.jump-nav.after .jump-nav-item.next:nth-child(1) .diamond::before{background-color:#439eef;border:1px solid #439eef;}
.jump-nav.after .jump-nav-item.next:nth-child(2) .diamond::before{background-color:#f87b00;border:1px solid #f87b00;}
.jump-nav.after .jump-nav-item.next:nth-child(3) .diamond::before{background-color:#be4ff3;border:1px solid #be4ff3;}
.jump-nav.after .jump-nav-item.next:nth-child(4) .diamond::before{background-color:#ff4425;border:1px solid #ff4425;}
.jump-nav.after .jump-nav-item.next:nth-child(5) .diamond::before{background-color:#3e952b;border:1px solid #3e952b;}
#jumpnav-after p{margin-bottom:0}
.whoweare .slick-dots li button{display:none}

/*chapter2*/
#manufacturing{width:100%;height:100vh;background-image:url("../images/design/design-manufacturing--bg-m.svg");}
.manufacturing_slider_wrap{position:absolute;width:60%;margin:0 auto;overflow:hidden;padding:15vh 0;left:50%;top:50%;transform:translate(-50%,-50%)}
.manufacturing_slider_wrap .item{height:auto;position:relative;display:inline-block}
.manufacturing_slider_wrap .item:after{content:'';display:block;width:100%;padding-top:100%}
.manufacturing_slider_wrap .image{position:absolute;top:0}
#manufacturing_slider{position:relative}
.m-landscape #design-center #manufacturing{height:auto;}
#mah-container{width:60%;margin:0 auto;position:relative;z-index:10;margin-top:15vh}
#mah-container:after{content:'';display:block;width:100%;padding-top:100%}
#mah-container .ico-Team-member,#mah-container .ico-Close{margin-bottom:0}
@media screen and (min-width:1025px){	
	.manufacturing_slider_wrap{width:30%}
	#workshop .wrap{width:60%;margin:0 auto}
	#workshop .wrap #mah-video{top:-10vh}	
}
#workshop .wrap{position:relative}
#workshop .wrap #mah-video{top:-5vh;position:relative;line-height:0}
#workshop .wrap #workshop-text{position:absolute;color:#fff;width:100%;text-align:center;top:50%;transform:translateY(-50%)}
#workshop .wrap #workshop-text{}
#workshop .wrap #workshop-text{}
@media screen and (max-width:768px){
	#workshop .wrap #workshop-text p{width:50%;margin:0 auto}
	#workshop .wrap #workshop-text p.text{margin-bottom:10px}
}
#design-center #video{height:100vh;}
#workshop #mah-container{z-index:5;}
#workshop #mah-container .overlay{background-color:rgba(34, 79, 181, 0.75);}
#workshop #mah-container{margin-top:15vh;}
#machining{background-position:top left}
#machining_slider{width:60%;margin:0 auto;overflow:hidden}
#machining_slider .item{position:relative;height:auto;display:inline-block}
#machining_slider .item:after{content:'';display:block;width:100%;padding-top:100%}
#machining_slider .item .image{position:absolute;top:0}
#machining_slider .slick-dots{bottom:70px}
#machining_slider .slick-dots li{border-color:#fff}
#machining_slider .slick-dots li.slick-active{background-color:#fff !important}
@media screen and (min-width:1025px){
	#mah-container{width:30%}
	#machining_slider{width:30%;}
}
#machine2-container{margin-top:-10vh}
#design-center #design-center-section{background-position:85% center;background-size:contain;}
#design-center #design-center-section .cta-container-m{border:2px solid #14b536;color:#14b536;border-radius:100px;display:inline-block;padding:10px 15px;margin-top:5vh;line-height:1em;text-transform:uppercase;font-weight:bold}
#design-center #design-center-section .cta-container-m .ico-Editorial{padding-right:10px;display:inline-block;margin-bottom:0}
#design-center #design-center-section #climbing-container{height:100vh;}
#design-center #design-center-section #design-center-text{width:60%;margin:15vh auto;text-align:center}
#design-center #design-center-section #design-center-text .sub-heading{font-size:1rem;line-height:131%;margin-bottom:0.6em;text-transform:uppercase}
#design-center #design-center-section .anim-btn [class^="ico-"]{margin-bottom:0}
#design-center #design-center-section .cta-container-m{display:none}
@media screen and (max-width:1024px){
	#design-center #design-center-section .cta-container.hide-for-m{display:none}
	#design-center #design-center-section .cta-container-m{display:inline-block;border:2px solid #14b536;color:#14b536}
	#design-center #design-center-section .cta-container-m .cta-btn-text{display:inline-block}
	#design-center #design-center-section #dc1-container{display:none}
	#design-center #design-center-section #dc2-container{width:80%;margin:0 auto;margin-top:-5vh}
}
@media screen and (min-width:1025px){
#design-center #design-center-section{height:150vh}
#design-center #design-center-section .anim-btn [class^="ico-"]{color:#14b536;}
#design-center #design-center-section .anim-btn .spinner-path{stroke:#14b536;}
#design-center #design-center-section .anim-btn .drawing-path{stroke:#14b536;}
#design-center #design-center-section #design-center-text{width:17%;left:6%;}
#design-center #design-center-section #climbing-container{width:30%;height:90%;top:5%;left:28%}
#design-center #design-center-section #dc1-container{top:52%;left:53%;}
#design-center #design-center-section #dc2-container{top:8%;right:10%;}
}
#design-center #people2 #employees-container .overlay{background-color:rgba(119, 147, 108, 0.75);}
#design-center #people2 #mike-container{z-index:3;position:relative}
#design-center #people2 #mike-container .overlay{background-color:rgba(222, 47, 0, 0.7);}
#design-center #people2 #mike-container .indicate-icon .ico-Team-member{margin-bottom:0}
#design-center #people2 #employees-container{position:relative;height:100vh;margin-top:15vh;}
#design-center #people2 #experts-container{height:100vh;}
#design-center #people2 #experts-container .image.background{background-position:left center;}
@media screen and (max-width:1024px){
	#design-center #people2 #experts-container{margin-top:-5vh}
	#design-center #people2 #mike-container{width:80%;margin:0 auto}
	#design-center #people2 #mike-container:after{content:'';display:block;width:100%;padding-top:100%}
}
@media screen and (min-width:1025px){
	#design-center #people2 #employees-container{margin:0 auto;left:0;width:30%;height:90%;margin:0 auto}
	#design-center #people2 #mike-container{left:10%;bottom:7%;}
	#design-center #people2 #mike-container .overlay{background-color:rgba(222, 47, 0, 0.7);}
	#design-center #people2 #experts-container{width:68%;height:60%;right:7%;top:7%;z-index:1;position:absolute}
	#design-center #people2 #people-text{position:absolute;width:35%;height:26%;left:34%;top:54%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
	#design-center #people2 .page_box{height:100vh;position:relative}
	#design-center #people2 #mike-container{width:calc(30%/1.5);position:absolute;height:45%}
	#design-center #people2 .indicate-icon{border:none}
	#design-center #people2 .active .indicate-icon{display:block}	
}
#design-center #products2{color:#fff;}
#design-center #products2 #text-container{color:#000;}
#design-center #products2 #grid-bg{position:relative;background-color:#335a8f}
#design-center #products2 #grid-bg{height:100vh;}
.m-landscape #design-center #products2 #grid-bg{height:auto;padding-top:30px;padding-bottom:30px;}
#design-center #products2 .prod-title{text-transform:uppercase;margin-bottom:0.5rem;}
#design-center #products2 .grid-item{margin-bottom:1rem;}
#design-center #products2 .dots{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}
#design-center #products2 .dots .dot{width:5%;padding:3px;}
#design-center #products2 .dots .dot::before{content:'';display:block;width:100%;padding-top:calc(100% - 2px);border:1px solid #fff;border-radius:50%;}
#design-center #products2 .dots .dot.in::before{background-color:#fff}
#design-center #products2 #grid-container-m{display:none;}
#design-center #people2 #employees-container .video-background .indicate-icon .ico-More-info{margin-bottom:0}
@media screen and (max-width:1024px){
	#design-center #products2 #grid-container-m{display:block}
	#design-center #products2 #grid-container{display:none}
	#design-center #people2 #employees-container .video-background{position:absolute;z-index:0;overflow:hidden;width:100%;height:100%;top:0;left:0}
	#design-center #people2 #employees-container .overlay .number{font-size:3.475rem;line-height:100%;margin-bottom:8px;font-weight:bold}
	#design-center #people2 #people-text{width:80%;margin:15vh auto;text-align:center}
	#design-center #products2 #text-container{margin:15vh auto;width:80%;text-align:center}
	#design-center #products2 #grid-bg .content-width{width:80%;margin:0 auto}
}
@media screen and (min-width:1025px){
	#design-center #products2{height:100vh}
	#design-center #products2 #text-container{position:absolute;margin:0;width:76%;left:12%;top:10%;z-index:10;color:#fff;}
	#design-center #products2 #grid-bg{position:absolute;width:100%;height:100%;}
	#design-center #products2 #grid-container{position:absolute;width:76%;min-height:70%;max-height:75%;left:12%;bottom:10%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-left:-20px;margin-right:-20px;overflow:hidden}
	#design-center #products2 #grid-container .grid-col{-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-left:20px;margin-right:20px;}
}
#design-center #playground #shirley-container{margin-top:15vh;}
@media screen and (min-width:1025px){
	#design-center #playground #shirley-container{left:10%;}
	#design-center #playground #playground-text{width:45%;left:45%;}
}

/*intro*/
#instructions {position: absolute;top:161px;display: block;width: 100%;height: 100vh;background-color: #000000;}
@media screen and (max-width: 1024px) {
	#instructions {position: relative;top:0}
}
#instructions .video-background {
	position: absolute;
	z-index: 0;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity*100)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	transition: opacity 300ms linear;
}

#instructions .video-background.faded {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity*100)";
	filter: alpha(opacity=25);
	-moz-opacity: 0.25;
	-khtml-opacity: 0.25;
	opacity: 0.25;
}

#instructions .instruction-content {
	position: relative;
	width: 86vh;
	height: 86vh;
	top: 7vh;
	left: calc(50vw - 43vh);
	/* All mobile devices - in portrait */
}

@media screen and (max-width: 1024px) {
	#instructions .instruction-content {
		width: 100vw;
		height: 80vh;
		top: 0;
		left: 0;
	}
}

@media screen and (min-width: 20em) and (max-width: 1024px) and (orientation: landscape) {
	#instructions .instruction-content {
		width: 80vw;
		height: 74vh;
		top: 15vh;
		left: 10vw;
	}
}

#instructions .instruction-content.show-progress #svg,
#instructions .instruction-content.show-progress .dots {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity*100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

#instructions .instruction-content #svg {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

@media screen and (max-width: 1024px) {
	#instructions .instruction-content #svg {
		display: none;
	}
}

#instructions .instruction-content #svg circle {
	stroke-dashoffset: 0;
	transition: stroke-dashoffset 1s linear;
	stroke: #FFFFFF;
	stroke-width: 3px;
}

#instructions .instruction-content #svg,
#instructions .instruction-content .circle,
#instructions .instruction-content .dots {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity*100)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	transition: opacity 300ms linear;
}

#instructions .instruction-content .circle {
	top: 1%;
	left: 1%;
	width: 98%;
	height: 98%;
	border: 2px dotted #f7f7f7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity*100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	border-radius: 62.5rem;
}

@media screen and (max-width: 1024px) {
	#instructions .instruction-content .circle {
		/*border:2px solid $white;
        animation:pulse 4s linear infinite;*/
		display: none;
	}
}

@media screen and (min-width: 20em) and (max-width: 1024px) and (orientation: landscape) {
	#instructions .instruction-content .circle {
		display: none;
	}
}

#instructions .instruction-content .dots {
	top: 1%;
	left: 1%;
	width: 98%;
	height: 98%;
	border: 2px solid transparent;
	border-radius: 62.5rem;
	position: absolute;
	width: 84.28vh;
	height: 84.28vh;
	border-radius: 50%;
	padding: 0;
	list-style: none;
}

#instructions .instruction-content .dots > .nav-item {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -7px;
	width: 14px;
	height: 14px;
}

#instructions .instruction-content .dots > .nav-item:nth-of-type(1) {
	-webkit-transform: rotate(-90deg) translate(42.14vh) rotate(90deg);
	-ms-transform: rotate(-90deg) translate(42.14vh) rotate(90deg);
	transform: rotate(-90deg) translate(42.14vh) rotate(90deg);
}

#instructions .instruction-content .dots > .nav-item:nth-of-type(2) {
	-webkit-transform: rotate(0deg) translate(42.14vh) rotate(0deg);
	-ms-transform: rotate(0deg) translate(42.14vh) rotate(0deg);
	transform: rotate(0deg) translate(42.14vh) rotate(0deg);
}

#instructions .instruction-content .dots > .nav-item:nth-of-type(3) {
	-webkit-transform: rotate(90deg) translate(42.14vh) rotate(-90deg);
	-ms-transform: rotate(90deg) translate(42.14vh) rotate(-90deg);
	transform: rotate(90deg) translate(42.14vh) rotate(-90deg);
}

#instructions .instruction-content .dots > .nav-item:nth-of-type(4) {
	-webkit-transform: rotate(180deg) translate(42.14vh) rotate(-180deg);
	-ms-transform: rotate(180deg) translate(42.14vh) rotate(-180deg);
	transform: rotate(180deg) translate(42.14vh) rotate(-180deg);
}

@media only screen and (max-width: 64em) {
	#instructions .instruction-content .dots {
		display: none;
	}
}

#instructions .instruction-content .dots .nav-item {
	display: block;
	position: absolute;
	width: 14px;
	height: 14px;
	background-color: #FFFFFF;
	border-radius: 62.5rem;
}

#instructions .instruction-content .contents {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 85%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	text-align: center;
}

@media only screen and (max-width: 40em) {
	#instructions .instruction-content .contents {
		width: 86vw;
	}
}

#instructions .instruction {
	color: #FFFFFF;
	-webkit-animation: fadeIn 1.5s linear forwards;
	-moz-animation: fadeIn 1.5s linear forwards;
}

#instructions .instruction h2.title {
	display: block;
	font-size: 1.875rem;
	line-height: 113.333%;
	text-transform: uppercase;
	color: #FFFFFF;
	word-break:keep-all
}

@media screen and (max-height: 768px) {
	#instructions .instruction h2.title {
		margin-bottom: 0;
	}
}

@media only screen and (max-width: 48em) {
	#instructions .instruction h2.title {
		font-size: 1.75rem;
	}
}

@media only screen and (max-width: 40em) {
	#instructions .instruction h2.title {
		font-size: 1.5rem;
	}
}

@media only screen and (max-width: 30em) {
	#instructions .instruction h2.title {
		font-size: 1.25rem;
	}
}

@media only screen and (max-width: -0.0625em) {
	#instructions .instruction h2.title {
		font-size: 1rem;
	}
}

@media screen and (min-width: 20em) and (max-width: 1024px) and (orientation: landscape) {
	#instructions .instruction h2.title {
		font-size: 1.5rem !important;
		margin-bottom: 0 !important;
	}
}

#instructions .instruction h4.title {
	display: block;
	margin-bottom: 3rem;
	font-size: 1.375rem;
	line-height: 113.333%;
	text-transform: uppercase;
	color: #FFFFFF;
}

@media only screen and (max-width: 48em) {
	#instructions .instruction h4.title {
		font-size: 1.3125rem;
		margin-bottom: 2.25rem;
	}
}

@media only screen and (max-width: 40em) {
	#instructions .instruction h4.title {
		font-size: 1.125rem;
		margin-bottom: 1.5rem;
	}
}

@media only screen and (max-width: 30em) {
	#instructions .instruction h4.title {
		font-size: 1.125rem;
		margin-bottom: 1.125rem;
	}
}

@media only screen and (max-width: -0.0625em) {
	#instructions .instruction h4.title {
		font-size: 1.125rem;
		margin-bottom: 1.125rem;
	}
}

@media screen and (min-width: 20em) and (max-width: 1024px) and (orientation: landscape) {
	#instructions .instruction h4.title {
		margin-bottom: 1em;
	}
}

#instructions .instruction h5.subhead {
	display: block;
	font-size: 1rem;
	line-height: 131.25%;
	text-transform: uppercase;
	color: #FFFFFF;
}

#instructions .instruction p {
	display: block;
	max-width: 85%;
	margin-left: auto;
	margin-right: auto;
	font-size: 1rem;
	line-height: 131.25%;
	color: #FFFFFF;
}

#instructions .instruction .animation {
	position: relative;
	display: block;
	width: 25%;
	height: 16.25%;
	margin: 1.5rem auto 0;
}

#instructions .instruction .animation:empty:before {
	content: "\200B";
	/* unicode zero width space character */
}

#instructions .step0 .logo {
	display: block;
	width: 25vw;
	min-width: 135px;
	margin: 0 auto 3rem auto;
}

@media screen and (min-width: 1025px) and (max-width: 1399px) {
	#instructions .step0 .logo {
		width: 20vw;
		margin-bottom: 0;
	}
}

@media screen and (max-height: 768px) {
	#instructions .step0 .logo {
		width: 15vw;
		margin-bottom: 0;
	}
}

@media screen and (min-width: 20em) and (max-width: 1024px) and (orientation: landscape) {
	#instructions .step0 .logo {
		margin-bottom: 1.3em;
	}
}

#instructions .step0 .scroll-indicator {
	position: relative;
	margin-top: 3rem;
	margin-left: auto;
	margin-right: auto;
	max-width: 130px;
}

@media screen and (max-height: 768px) {
	#instructions .step0 .scroll-indicator {
		margin-top: 1.125rem;
	}
}

#instructions .step0 .scroll-indicator .indicator {
	position: relative;
	overflow: hidden;
	width: 4px;
	height: 20px;
	margin: 0 auto 8px auto;
}

#instructions .step0 .scroll-indicator .indicator .gradient {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	-webkit-animation: scroll 1s linear infinite;
	animation: scroll 1s linear infinite;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
	/* FF3.6-15 */
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
	/* IE6-9 */
}

#instructions .step0 .scroll-indicator .scroll-text {
	display: block;
	font-size: 1rem;
	line-height: 131.25%;
	text-transform: uppercase;
}

#instructions .step1 .animation {
	width: 18.275vh;
	height: 11.879vh;
}

#instructions .step1 .icons {
	display: block;
	width: 100%;
	margin: 1.5rem auto 0;
}

#instructions .step1 .icons::after {
	display: block;
	content: "";
	clear: both;
}

@media screen and (min-width: 20em) and (max-width: 1024px) and (orientation: landscape) {
	#instructions .step1 .icons {
		width: 80%;
	}
}

#instructions .step1 .icons .ico-col {
	float: left;
	display: inline-block;
	width: 33.333%;
}

#instructions .step1 .icons .ico-col .ico {
	display: block;
	max-width: 70%;
	margin: 0 auto 0.875rem auto;
}

#instructions .step1 .icons .ico-col .ico-label {
	display: block;
	max-width: 80%;
	margin: 0 auto;
	font-size: 0.875rem;
	line-height: 114.285%;
}

#instructions .step2 .animation {
	width: 18.275vh;
	height: 11.287vh;
}

#instructions .step3 .animation {
	width: 18.275vh;
	height: 18.275vh;
}

/*intro*/

/*map*/
#backyard{height:100vh;vertical-align:top}
#map-backyard {
	position:absolute;
	z-index: 0;
	top: 0px;
	right: 0;
	width: 75%;
	height: 100%;
}
#map-backyard .background{position:absolute;z-index:0;top:0;left:0;width:100%;height:100%}
#map-backyard .locations{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%}

#backyard .map .locations {
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

#backyard .map .locations.active .btn-location {
	animation: fadeIn 1.5s linear forwards;
	-webkit-animation: fadeIn 1.5s linear forwards;
	-moz-animation: fadeIn 1.5s linear forwards;
}
#backyard .map .locations .btn-location {
	cursor: url(../images/whoweare/cur-map.cur) 22 22, auto;
	position: absolute;
	display: block;
	z-index: 0;
	width: 30px;
	height: 30px;
	border-radius: 62.5rem;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity*100)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	/*border:1px solid red;
      background:rgba($black, 0.1);*/
}
#backyard .map .locations .btn-location:nth-child(0) {
	-webkit-animation-delay: 0ms;
	animation-delay: 0ms;
}

#backyard .map .locations .btn-location:nth-child(1) {
	-webkit-animation-delay: 250ms;
	animation-delay: 250ms;
}

#backyard .map .locations .btn-location:nth-child(2) {
	-webkit-animation-delay: 500ms;
	animation-delay: 500ms;
}

#backyard .map .locations .btn-location:nth-child(3) {
	-webkit-animation-delay: 750ms;
	animation-delay: 750ms;
}

#backyard .map .locations .btn-location:nth-child(4) {
	-webkit-animation-delay: 1000ms;
	animation-delay: 1000ms;
}

#backyard .map .locations .btn-location:nth-child(5) {
	-webkit-animation-delay: 1250ms;
	animation-delay: 1250ms;
}

#backyard .map .locations .btn-location:nth-child(6) {
	-webkit-animation-delay: 1500ms;
	animation-delay: 1500ms;
}

#backyard .map .locations .btn-location:nth-child(7) {
	-webkit-animation-delay: 1750ms;
	animation-delay: 1750ms;
}

#backyard .map .locations .btn-location:nth-child(8) {
	-webkit-animation-delay: 2000ms;
	animation-delay: 2000ms;
}

#backyard .map .locations .btn-location:nth-child(9) {
	-webkit-animation-delay: 2250ms;
	animation-delay: 2250ms;
}

#backyard .map .locations .btn-location:nth-child(10) {
	-webkit-animation-delay: 2500ms;
	animation-delay: 2500ms;
}

#backyard .map .locations .btn-location:nth-child(11) {
	-webkit-animation-delay: 2750ms;
	animation-delay: 2750ms;
}

#backyard .map .locations .btn-location:nth-child(12) {
	-webkit-animation-delay: 3000ms;
	animation-delay: 3000ms;
}

#backyard .map .locations .btn-location:nth-child(13) {
	-webkit-animation-delay: 3250ms;
	animation-delay: 3250ms;
}

#backyard .map .locations .btn-location:nth-child(14) {
	-webkit-animation-delay: 3500ms;
	animation-delay: 3500ms;
}

#backyard .map .locations .btn-location:nth-child(15) {
	-webkit-animation-delay: 3750ms;
	animation-delay: 3750ms;
}

#backyard .map .locations .btn-location:nth-child(16) {
	-webkit-animation-delay: 4000ms;
	animation-delay: 4000ms;
}

#backyard .map .locations .btn-location:nth-child(17) {
	-webkit-animation-delay: 4250ms;
	animation-delay: 4250ms;
}

#backyard .map .locations .btn-location:nth-child(18) {
	-webkit-animation-delay: 4500ms;
	animation-delay: 4500ms;
}

#backyard .map .locations .btn-location:nth-child(19) {
	-webkit-animation-delay: 4750ms;
	animation-delay: 4750ms;
}

#backyard .map .locations .btn-location:nth-child(20) {
	-webkit-animation-delay: 5000ms;
	animation-delay: 5000ms;
}

#backyard .map .locations .btn-location:nth-child(21) {
	-webkit-animation-delay: 5250ms;
	animation-delay: 5250ms;
}

#backyard .map .locations .btn-location:nth-child(22) {
	-webkit-animation-delay: 5500ms;
	animation-delay: 5500ms;
}

#backyard .map .locations .btn-location:nth-child(23) {
	-webkit-animation-delay: 5750ms;
	animation-delay: 5750ms;
}

#backyard .map .locations .btn-location:nth-child(24) {
	-webkit-animation-delay: 6000ms;
	animation-delay: 6000ms;
}

#backyard .map .locations .btn-location:nth-child(25) {
	-webkit-animation-delay: 6250ms;
	animation-delay: 6250ms;
}

#backyard .map .locations .btn-location.active {
	z-index: 2;
}

#backyard .map .locations .btn-location:after {
	content: "";
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	width: 8px;
	height: 8px;
	background-color: #1673af;
	border-radius: 62.5rem;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

#backyard .map .locations .btn-location:before {
	content: "";
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	width: 22px;
	height: 22px;
	background-color: #AAD5FB;
	border-radius: 62.5rem;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	animation: pulse 2s linear infinite;
	-webkit-animation: pulse 2s linear infinite;
	-moz-animation: pulse 2s linear infinite;
}

#backyard .map .locations .info-display {
	position: absolute;
	z-index: 1;
	width: 240px;
	height: 240px;
	border-radius: 62.5rem;
	transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-webkit-transform: scale(0.8, 0.8);
	-ms-transform: scale(0.8, 0.8);
	transform: scale(0.8, 0.8);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity*100)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	/**/top:16px;
	display:none
}

#backyard .map .locations .info-display:after {
	content: "";
	position: absolute;
	display: block;
	z-index: -1;
	top: 50%;
	left: 50%;
	width: 168px;
	height: 1px;
	background-color: #474747;
	transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
}

#backyard .map .locations .info-display.active {
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity*100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	transition: opacity 0.1s ease, -webkit-transform 0.1s ease-out;
	transition: transform 0.1s ease-out, opacity 0.1s ease;
	transition: transform 0.1s ease-out, opacity 0.1s ease, -webkit-transform 0.1s ease-out;
	display:block
}

#backyard .map .locations .info-display.top-left:after {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

#backyard .map .locations .info-display.top-right:after {
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}

#backyard .map .locations .info-display.bottom-left:after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#backyard .map .locations .info-display.bottom-right:after {
	-webkit-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

#backyard .map .locations .info-display .img-bg {
	position: absolute;
	z-index: 0;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 62.5rem;
	/**/left:-240px
}

#backyard .map .locations .info-display .content {
/*
	position: absolute;
	display: inline-block;
	top: 50%;
	left: 50%;
	width: 80%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	*/
	text-align: center;
	position:absolute;display:inline-block;top:50%;left:-240px;width:100%;text-align:center
}

#backyard .map .locations .info-display .content h4.title {
	display: block;
	margin-bottom: 0.25rem;
	font-size: 0.875rem;
	line-height: 100%;
	text-transform: uppercase;
	color: #FFFFFF;
}

#backyard .map .locations .info-display .content p.text {
	font-size: 0.875rem;
	line-height: 100%;
	text-transform: none;
	color: #FFFFFF;
	text-transform: uppercase;
}
#map-backyard .image.background {
	background-size: contain;
}

#map-backyard .locations .sp{position:absolute}
#map-backyard .locations #location1,#map-backyard .locations .sp_lo1{
	/*top: 10.25%;
      left: 40.15%;*/
	top: 0.25%;
	left: 21.15%;
}
#map-backyard .locations .info-display.bottom-left:after{left:-107px}
#map-backyard .locations .info-display.bottom-right{left:240px}
#map-backyard .locations .info-display.bottom-right:after{left:-105px}
#map-backyard .locations .info-display.top-left{left:0;top:-240px}
#map-backyard .locations .info-display.top-left:after{left:-106px;top:133px}
#map-backyard .locations .info-display.top-right{top:-240px;left:0}
#map-backyard .locations .info-display.top-right .img-bg,
#map-backyard .locations .info-display.top-right .content{left:0}
#map-backyard .locations .info-display.top-right:after{left:137px;top:134px}

#map-backyard .locations #location2,#map-backyard .locations .sp_lo2 {
	/*top: 16.55%;
      left: 42.75%;*/
	top: 3.55%;
	left: 24.5%;
}

#map-backyard .locations #location3,#map-backyard .locations .sp_lo3 {
	/*top: 13.25%;
      left: 47.25%;*/
	top: 3%;
	left: 27%;
}

#map-backyard .locations #location4,#map-backyard .locations .sp_lo4 {
	/*top: 25.25%;
      left: 51.5%;*/
	top: 15.25%;
	left: 42%;
}

#map-backyard .locations #location5,#map-backyard .locations .sp_lo5 {
	/*top: 29%;
      left: 57%;*/
	top: 19%;
	left: 43%;
}

#map-backyard .locations #location6,#map-backyard .locations .sp_lo6 {
	top: 67%;
	left: 64%;
}

#map-backyard .locations #location7,#map-backyard .locations .sp_lo7 {
	top: 69.2%;
	left: 65.75%;
}

#map-backyard .locations #location8,#map-backyard .locations .sp_lo8 {
	top: 69.2%;
	left: 68%;
}

#map-backyard .locations #location9,#map-backyard .locations .sp_lo9 {
	top: 72%;
	left: 69%;
}

#map-backyard .locations #location10 ,#map-backyard .locations .sp_lo10{
	top: 74.7%;
	left: 71.4%;
}

#world-map {
	position: absolute;
	overflow: visible;
	top: 50%;
	left: 39vw;
	width: 150vh;
	height: 100vh;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

#map-global {
	z-index: 0;
	top: 0px;
	right: 0px;
	width: 100%;
	height: 100%;
}

#map-global .image.background {
	background-size: contain;
}

#map-global .locations .tier-icon {
	width: 50px;
}

#map-global .locations .logo-icon {
	width: 80px;
	margin-bottom: 8px;
}

#map-global .locations .btn-location {
	width: 20px;
	height: 20px;
}

#map-global .locations #location0 {
	top: 38%;
	left: 27%;
}

#map-global .locations #location1 {
	top: 35%;
	left: 13%;
}

#map-global .locations #location2 {
	top: 40.6%;
	left: 25.5%;
}

#map-global .locations #location3 {
	top: 34%;
	left: 27%;
}

#map-global .locations #location4 {
	top: 32.5%;
	left: 45.1%;
}

#map-global .locations #location5 {
	top: 41.1%;
	left: 17.9%;
}

#map-global .locations #location6 {
	top: 55.2%;
	left: 20.7%;
}

#map-global .locations #location7 {
	top: 35%;
	left: 47.5%;
}

#map-global .locations #location8 {
	top: 36.3%;
	left: 52%;
}

#map-global .locations #location9 {
	top: 46.7%;
	left: 69.5%;
}

#map-global .locations #location10 {
	top: 48.2%;
	left: 72.5%;
}

#map-global .locations #location11 {
	top: 42.2%;
	left: 73.9%;
}

#map-global .locations #location12 {
	top: 41.6%;
	left: 77.7%;
}

#map-global .locations #location13 {
	top: 39.2%;
	left: 79.5%;
}

#map-global .locations #location14 {
	top: 41%;
	left: 82.9%;
}

#map-global .locations #location15 {
	top: 46%;
	left: 79.3%;
}

#map-global .locations #location16 {
	top: 47.1%;
	left: 78.2%;
}

#map-global .locations #location17 {
	top: 52.2%;
	left: 74.3%;
}

#map-global .locations #location18 {
	top: 53.4%;
	left: 75.5%;
}

#map-global .locations #location19 {
	top: 53.4%;
	left: 76.3%;
}

#map-global .locations #location20 {
	top: 51.2%;
	left: 80.3%;
}

#map-global .locations #location21 {
	top: 34%;
	left: 48.5%;
}

#map-global .locations #location22 {
	top: 58.2%;
	left: 78.9%;
}

#map-global .locations #location23 {
	top: 50.6%;
	left: 75.9%;
}

#map-global .locations #location24 {
	top: 49.2%;
	left: 72.6%;
}

#map-global .locations #location25 {
	top: 48.0%;
	left: 77.1%;
}

#map-global .locations #location26 {
	top: 42.4%;
	left: 78.1%;
}

#map-global .locations #location27 {
	top: 43.5%;
	left: 78.5%;
}

#map-global .locations #location28 {
	top: 46.8%;
	left: 76.5%;
}

#map-global .locations #location29 {
	top: 48.9%;
	left: 75.3%;
}

#map-global .locations #location30 {
	top: 52.2%;
	left: 76.1%;
}

#map-global .locations #location31 {
	top: 52.7%;
	left: 76.8%;
}

#map-global .locations #location32 {
	top: 53.6%;
	left: 21.1%;
}

#map-global .legend-list {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	bottom: 20px;
	right: 80px;
}

#map-global .legend-list .legend {
	margin-left: 20px;
}

#map-global .legend-list .legend img {
	width: 40px;
	vertical-align: middle;
	margin-right: 5px;
}

#map-global .legend-list .legend span {
	font-size: 0.75rem !important;
}

#backyard .for_m{display:none}
@media screen and (max-width: 1024px) {
	#backyard .for_pc{display:none}
	#backyard .for_m{display:block;padding-bottom:5vh}
	#inspiration #backyard #backyard-text {
		overflow: visible;
		width:60%;margin:0 auto;text-align:center
	}
}

@media screen and (min-width: 1025px) {
	#inspiration #backyard #backyard-text {
		position:absolute;
		z-index: 1;
		top: 30%;
		left: 12%;
		width: 30%;
		opacity: 1 !important
	}

	#inspiration #backyard #backyard-text .anim-btn [class^="ico-"] {
		color: #ff381a;margin-bottom:0
	}

	#inspiration #backyard #backyard-text .anim-btn .spinner-path {
		stroke: #ff381a;
	}

	#inspiration #backyard #backyard-text .anim-btn .drawing-path {
		stroke: #ff381a;
	}
	#inspiration #backyard #backyard-text .cta-container .text{
		display:inline-block;
		line-height:75px
	}
}

@media screen and (max-width: 1024px) {
	#inspiration #backyard .cta-container-m {
		border: 2px solid red;
		color: red;
	}

	#inspiration #backyard .wrap {
		position: relative;
	}

	#inspiration #backyard #backyard-bg {
		margin-top: -5vh;
		padding-top: 20vh;
		padding-bottom: 15vh;
		background-size: contain;
	}

	#inspiration #backyard #backyard-slider {
		color: #fff;
	}
}
#backyard-text .cta-container .btn-container{width:75px;height:75px;margin-right:15px;float:left}
.anim-btn {
	position: relative;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 100%;
	height: 100%;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}
@-webkit-keyframes rotator {
	0% {
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}

	100% {
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}
}

@keyframes rotator {
	0% {
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}

	100% {
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}
}

@-webkit-keyframes dash {
	0% {
		stroke-dashoffset: 204;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	50% {
		stroke-dashoffset: 102;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		stroke-dashoffset: 204;
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}
}

@keyframes dash {
	0% {
		stroke-dashoffset: 204;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	50% {
		stroke-dashoffset: 102;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		stroke-dashoffset: 204;
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}
}

@-webkit-keyframes draw {
	0% {
		stroke-dashoffset: 201;
	}

	100% {
		stroke-dashoffset: 0;
	}
}

@keyframes draw {
	0% {
		stroke-dashoffset: 201;
	}

	100% {
		stroke-dashoffset: 0;
	}
}
.anim-btn .svg-drawing {
	position: absolute;
	top: 1%;
	left: 1%;
	width: 98%;
	height: 98%;
}

.anim-btn .svg-spinner {
	position: absolute;
	top: 1%;
	left: 1%;
	width: 98%;
	height: 98%;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-animation: rotator 1.5s linear infinite;
	animation: rotator 1.5s linear infinite;
	transition: opacity 100ms;
}

.anim-btn .spinner-path {
	stroke-dasharray: 204;
	stroke-dashoffset: 0;
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
	-webkit-animation: dash 1.5s linear infinite;
	animation: dash 1.5s linear infinite;
}

.anim-btn .cur-circle {
	position: absolute;
	top: 1%;
	left: 1%;
	width: 98%;
	height: 98%;
	opacity: 0;
	transition: opacity 1000ms;
}


.anim-btn .cur-circle .gray-circle-path {
	stroke: #c9c9c9;
}

.anim-btn .drawing-path {
	stroke-dasharray: 201;
	stroke-dashoffset: 0;
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
	opacity: 0;
	transition: opacity 300ms 500ms;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.cta-container:hover .svg-spinner,
.overlay-img:hover .svg-spinner {
	opacity: 0;
}

.cta-container:hover .cur-circle,
.overlay-img:hover .cur-circle {
	opacity: 1;
}

.cta-container:hover .drawing-path,
.overlay-img:hover .drawing-path {
	opacity: 1;
	-webkit-animation: draw 500ms 500ms linear forwards;
	animation: draw 500ms 500ms linear forwards;
}
.whoweare .sections .section.editorial {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	transition: -webkit-transform 1s ease-in-out;
	transition: transform 1s ease-in-out;
	transition: transform 1s ease-in-out, -webkit-transform 1s ease-in-out;
}

@media only screen and (max-width: 64em) {
	.whoweare .sections .section.editorial {
		-webkit-transform: translateX(0px);
		-ms-transform: translateX(0px);
		transform: translateX(0px);
	}
}

.whoweare .sections .section.editorial.active {
	-webkit-transform: translateY(-100vh);
	-ms-transform: translateY(-100vh);
	transform: translateY(-100vh);
}

@media only screen and (max-width: 64em) {
	.whoweare .sections .section.editorial.active {
		-webkit-transform: translateY(0px);
		-ms-transform: translateY(0px);
		transform: translateY(0px);
		-webkit-transform: translateX(-100vw);
		-ms-transform: translateX(-100vw);
		transform: translateX(-100vw);
	}
}
#inspiration-editorial{position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden;overflow-y:auto;
-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity:0;z-index:-1;
	transition:all 0.4s
}
#inspiration-editorial.active{opacity:1;z-index:998}
.editorial {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100vh;
	background-color: #FFFFFF;
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
}

@media only screen and (max-width: 64em) {
	.editorial {
		-webkit-transform: translateY(0px);
		-ms-transform: translateY(0px);
		transform: translateY(0px);
		-webkit-transform: translateX(100%);
		-ms-transform: translateX(100%);
		transform: translateX(100%);
	}
}

.editorial.active .editorial-header .text-content .ico,
.editorial.active .editorial-header .text-content .editorial-title,
.editorial.active .editorial-header .text-content .editorial-credits {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity*100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

.editorial .editorial-mobile-footer {
	position: absolute;
	clear: both;
	overflow: hidden;
	box-sizing: border-box;
	z-index: 99;
	bottom: 0px;
	left: 0px;
	width: 100%;
	padding: 6px 10px;
	background-color: #FFFFFF;
	border-top: 1px solid #474747;
}

.editorial .editorial-mobile-footer .title {
	position: relative;
	display: inline-block;
	float: left;
	max-width: 85%;
	margin-top: 12px;
	font-size: 0.75rem;
	text-transform: none;
	line-height: 100%;
	color: #474747;
	text-align: left;
}

.editorial .editorial-mobile-footer .close-btn {
	position: relative;
	display: inline-block;
	float: right;
	overflow: hidden;
	width: 36px;
	height: 36px;
	border: 2px solid #000000;
	border-radius: 62.5rem;
}

.editorial .editorial-mobile-footer .close-btn .text {
	position: absolute;
	left: -300px;
}

.editorial .editorial-mobile-footer .close-btn .ico {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	font-size: 0.75rem !important;
	color: #000000;
}
/*
.editorial .contents {
	position: absolute;
	top: 0px;
	left: 0px;
	bottom:0;
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}
*/
.editorial .editorial-header {
	position: relative;
	display: block;
	width: 100%;
	height: 80vh;
}

.editorial .editorial-header .image.background {
	position: absolute;
	top: 0px;
	left: 0px;
}

a.close-btn {
	position: fixed;
	display: block;
	overflow: hidden;
	top: 40px;
	right: 40px;
	width: 44px;
	height: 44px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity*100)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	transition: opacity 300ms linear;
	z-index:999;
	display:none
}
a.close-btn.on{display:block}

a.close-btn.black .ico-Close:before{color:#000}

a.close-btn.scrolled {
	position: fixed;
	z-index: 99;
}

a.close-btn.scrolled .ico {
	color: #000000;
}

a.close-btn:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity*100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

a.close-btn .text {
	position: absolute;
	left: -300px;
}

a.close-btn .ico {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	font-size: 2rem !important;
	color: #FFFFFF;
}

.editorial .editorial-header .text-content {
	position: absolute;
	display: block;
	z-index: 1;
	top: 50%;
	left: 50%;
	width: 80%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	text-align: center;
}

.editorial .editorial-header .text-content .ico,
.editorial .editorial-header .text-content .editorial-title,
.editorial .editorial-header .text-content .editorial-credits {
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity*100)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	transition: all 0.75s ease-in-out;
}

.editorial .editorial-header .text-content .ico {
	display: block;
	margin-bottom: 36px;
	font-size: 3rem !important;
	color: #FFFFFF;
	transition-delay: 0.8s;
}

.editorial .editorial-header .text-content .editorial-title {
	display: block;
	margin-bottom: 0.5rem;
	font-size: 2.25rem !important;
	line-height: 111.111% !important;
	text-transform: uppercase;
	color: #FFFFFF;
	transition-delay: 1s;
}

.editorial .editorial-header .text-content .editorial-credits {
	display: block;
	margin-bottom: 0;
	font-size: 1rem !important;
	line-height: 131.25% !important;
	text-transform: none;
	color: #FFFFFF;
	transition-delay: 1.2s;
}

.editorial .editorial-text {
	position: absolute;
	display: block;
	z-index: 1;
	top: 30vh;
	left: 0px;
	width: 100%;
	margin: 0;
	padding: 80px 0 160px;
	background-color: #FFFFFF;
	-webkit-transform: translateY(50vh);
	-ms-transform: translateY(50vh);
	transform: translateY(50vh);
	transition: -webkit-transform 0.75s ease-in-out;
	transition: transform 0.75s ease-in-out;
	transition: transform 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out;
}

.editorial .editorial-text.scrolled {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.editorial .editorial-text .img-container {
	position: relative;
	display: block;
	width: 100%;
	margin: 110px 0;
}

@media screen and (max-width: 1024px) {
	.editorial .editorial-text .img-container {
		margin: 55px 0;
	}
}

.editorial .editorial-text .img-container.small-margin-top {
	margin-top: 48px;
}

@media screen and (max-width: 1024px) {
	.editorial .editorial-text .img-container.small-margin-top {
		margin-top: 24px;
	}
}

.editorial .editorial-text .img-container.small-margin-bottom {
	margin-bottom: 48px;
}

@media screen and (max-width: 1024px) {
	.editorial .editorial-text .img-container.small-margin-bottom {
		margin-bottom: 24px;
	}
}

.editorial .editorial-text .img-container.vertical .content {
	width: 55.555%;
}

@media only screen and (max-width: 64em) {
	.editorial .editorial-text .img-container.vertical .content {
		width: 64%;
	}

	.editorial .editorial-text .img-container.vertical .content .aspect {
		padding-top: 120.37% !important;
	}
}

@media only screen and (max-width: 48em) {
	.editorial .editorial-text .img-container.vertical .content {
		width: 64%;
	}
}

@media only screen and (max-width: 40em) {
	.editorial .editorial-text .img-container.vertical .content {
		width: 72%;
	}
}

@media only screen and (max-width: 30em) {
	.editorial .editorial-text .img-container.vertical .content {
		width: 86%;
	}
}

.editorial .editorial-text .img-container.vertical .content .aspect {
	padding-top: 125%;
}

.editorial .editorial-text .img-container.horizontal .content {
	width: 86.458%;
}

@media only screen and (max-width: 64em) {
	.editorial .editorial-text .img-container.horizontal .content {
		width: 64%;
	}

	.editorial .editorial-text .img-container.horizontal .content .aspect {
		padding-top: 61.111% !important;
	}
}

@media only screen and (max-width: 48em) {
	.editorial .editorial-text .img-container.horizontal .content {
		width: 64%;
	}
}

@media only screen and (max-width: 40em) {
	.editorial .editorial-text .img-container.horizontal .content {
		width: 72%;
	}
}

@media only screen and (max-width: 30em) {
	.editorial .editorial-text .img-container.horizontal .content {
		width: 86%;
	}
}

.editorial .editorial-text .img-container.horizontal .content .aspect {
	padding-top: 48.193%;
}

.editorial .editorial-text .img-container.horizontal-split .content {
	width: 86.458%;
}

@media only screen and (max-width: 64em) {
	.editorial .editorial-text .img-container.horizontal-split .content {
		width: 64%;
	}

	.editorial .editorial-text .img-container.horizontal-split .content .col {
		width: 100% !important;
		min-height: auto;
	}

	.editorial .editorial-text .img-container.horizontal-split .content .col.left {
		margin-top: 24px;
		margin-bottom: 24px;
		margin-right: 0 !important;
	}

	.editorial .editorial-text .img-container.horizontal-split .content .col.right {
		margin-top: 24px;
		margin-bottom: 24px;
		margin-left: 0 !important;
	}

	.editorial .editorial-text .img-container.horizontal-split .content .col .aspect {
		padding-top: 61.111%;
	}
}

@media only screen and (max-width: 48em) {
	.editorial .editorial-text .img-container.horizontal-split .content {
		width: 64%;
	}
}

@media only screen and (max-width: 40em) {
	.editorial .editorial-text .img-container.horizontal-split .content {
		width: 72%;
	}
}

@media only screen and (max-width: 30em) {
	.editorial .editorial-text .img-container.horizontal-split .content {
		width: 86%;
	}
}

.editorial .editorial-text .img-container.horizontal-split .content .col {
	position: relative;
	display: inline-block;
	width: 47%;
	min-height: auto;
}

.editorial .editorial-text .img-container.horizontal-split .content .col.left {
	margin-right: 1.807%;
}

.editorial .editorial-text .img-container.horizontal-split .content .col.right {
	margin-left: 1.807%;
}

.editorial .editorial-text .img-container.horizontal-split .content .col .aspect {
	padding-top: 75%;
}

.editorial .editorial-text .img-container.horizontal-offset-left .content {
	width: 76.042%;
	vertical-align: middle;
}

.editorial .editorial-text .img-container.horizontal-offset-left .content.caption {
	vertical-align: top;
}

.editorial .editorial-text .img-container.horizontal-offset-left .content.caption .col {
	vertical-align: top;
}

@media only screen and (max-width: 64em) {
	.editorial .editorial-text .img-container.horizontal-offset-left .content {
		width: 64%;
	}

	.editorial .editorial-text .img-container.horizontal-offset-left .content .col {
		width: 100% !important;
		min-height: auto;
	}

	.editorial .editorial-text .img-container.horizontal-offset-left .content .col.left {
		margin-top: 24px;
		margin-bottom: 24px;
		margin-right: 0 !important;
	}

	.editorial .editorial-text .img-container.horizontal-offset-left .content .col.left .aspect {
		padding-top: 61.111%;
	}

	.editorial .editorial-text .img-container.horizontal-offset-left .content .col.right {
		margin-top: 24px;
		margin-bottom: 24px;
		margin-left: 0 !important;
	}

	.editorial .editorial-text .img-container.horizontal-offset-left .content .col.right .aspect {
		padding-top: 120.37%;
	}
}

@media only screen and (max-width: 48em) {
	.editorial .editorial-text .img-container.horizontal-offset-left .content {
		width: 64%;
	}
}

@media only screen and (max-width: 40em) {
	.editorial .editorial-text .img-container.horizontal-offset-left .content {
		width: 72%;
	}
}

@media only screen and (max-width: 30em) {
	.editorial .editorial-text .img-container.horizontal-offset-left .content {
		width: 86%;
	}
}

.editorial .editorial-text .img-container.horizontal-offset-left .content .col {
	position: relative;
	display: inline-block;
	width: 48.193%;
	min-height: auto;
	vertical-align: middle;
}

.editorial .editorial-text .img-container.horizontal-offset-left .content .col.left {
	width: 54.795%;
	margin-right: 2.0545%;
}

.editorial .editorial-text .img-container.horizontal-offset-left .content .col.left .aspect {
	padding-top: 75%;
}

.editorial .editorial-text .img-container.horizontal-offset-left .content .col.left .photo-captions {
	display: block;
	margin-top: 24px;
	padding-left: 10px;
}

.editorial .editorial-text .img-container.horizontal-offset-left .content .col.left .photo-captions p {
	margin-top: 0 !important;
	margin-bottom: 1.3125rem !important;
}

.editorial .editorial-text .img-container.horizontal-offset-left .content .col.right {
	width: 40%;
	margin-left: 2.0545%;
}

.editorial .editorial-text .img-container.horizontal-offset-left .content .col.right .aspect {
	padding-top: 133.333%;
}

.editorial .editorial-text .img-container .content {
	position: relative;
	display: block;
	margin: 0 auto;
}

.editorial .editorial-text .img-container .content .aspect {
	position: relative;
	display: block;
	width: 100%;
	height: 0;
}

.editorial .editorial-text .img-container .content .aspect .image {
	position: absolute;
	top: 0px;
	left: 0px;
}

.editorial .editorial-text .img-container .content .aspect .caption {
	position: absolute;
	display: inline-block;
	bottom: 30px;
	right: 30px;
	font-size: 1.125rem !important;
	color: #FFFFFF;
	text-shadow: 2px 2px 2px #000000;
}

.editorial .editorial-text .img-container .content .aspect .caption.black {
	color: #000000;
	text-shadow: 2px 2px 2px #FFFFFF;
}

.editorial .editorial-text .text-content {
	position: relative;
	display: block;
	width: 50%;
	margin: 0 auto;
}

@media only screen and (max-width: 64em) {
	.editorial .editorial-text .text-content {
		width: 64%;
	}
}

@media only screen and (max-width: 48em) {
	.editorial .editorial-text .text-content {
		width: 64%;
	}
}

@media only screen and (max-width: 40em) {
	.editorial .editorial-text .text-content {
		width: 72%;
	}
}

@media only screen and (max-width: 30em) {
	.editorial .editorial-text .text-content {
		width: 86%;
	}
}

.editorial .editorial-text .text-content .editorial-subhead {
	display: block;
	margin-bottom: 80px;
	font-size: 1.375rem !important;
	line-height: 122.727% !important;
}

.editorial .editorial-text .text-content p {
	font-size: 18px;
	line-height: 144.444% !important;
	word-break:keep-all;
}

.editorial .editorial-text .text-content .logo-row {
	display: block;
	margin-top: 90px;
	text-align: center;
}

.editorial .editorial-text .text-content .logo-row .ico {
	color: #000000;
	font-size: 3rem !important;
}
/*map*/

/* design centre */
@media screen and (max-width: 1024px) {
	.landscape-photo {
		height: 40vh;
		position: relative;
	}
}

@media screen and (min-width: 1025px) {
	.landscape-photo {
		height: 42%;
	}

	.width-100 .landscape-photo {
		width: 42%;
	}

	.width-120 .landscape-photo {
		width: calc(42%/1.2);
	}

	.width-150 .landscape-photo {
		width: calc(42%/1.5);
	}

	.width-170 .landscape-photo {
		width: calc(42%/1.7);
	}

	.width-200 .landscape-photo {
		width: calc(42%/2);
	}
}
#design-center #manufacturing2 {
	height: 100vh;    
}


@media screen and (max-width: 1024px) {
    .manufacturing2_slider_wrap{width:60%;position:relative;top:50%;transform:translateY(-50%);margin:0 auto;overflow:hidden}
    .manufacturing2_slider_wrap .slick-track:after{
        content:'';display:block;clear:both
    }
    .manufacturing2_slider_wrap .blk-container{
        float:left;    
    }
    .manufacturing2_slider_wrap .slick-dots{bottom:0}
	#design-center #manufacturing2 {
		background-image: url("../images/whoweare/design/design-manufacturing--bg-m.svg");
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}

@media screen and (min-width: 1025px) {
	#design-center #manufacturing2 {
		background-image: url("../images/whoweare/design/design-manufacturing--bg.svg");
	}
}

.m-landscape #design-center #manufacturing2 {
	height: auto;
}

#design-center #manufacturing2 #img1-container {
	position:absolute;
	top: 53%;
	left: 5%;
}

#design-center #manufacturing2 #img1-container.transition {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}


#design-center #manufacturing2 #img2-container {
	position:absolute;
	top: 5%;
	left: 35%;
}

#design-center #manufacturing2 #img3-container {
	position:absolute;
	top: 48%;
	left: 50%;
}

#design-center #workshop2 #mah-container {
	z-index: 5;
}

#design-center #workshop2 #mah-container .indicate-icon{border:none}
#design-center #workshop2 #mah-container .active .indicate-icon{display:block}

#design-center #workshop2 #mah-container .overlay {
	background-color: rgba(34, 79, 181, 0.75);
}

@media screen and (max-width: 1024px) {
	#design-center #workshop2 #mah-container {
		margin-top: 15vh;
	}
    #design-center #workshop2 .wrap{top:-15vh}
}

@media screen and (min-width: 1025px) {
	#design-center #workshop2 #mah-container {
        width:20%;
        margin-top:5vh;
		left: 0;
        -webkit-transform:translate(0, 0);
            -ms-transform:translate(0, 0);
                transform:translate(0, 0)
	}
}

#design-center #workshop2 .wrap {
	position: relative;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 100vh;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

@media screen and (min-width: 1025px) {
	#design-center #workshop2 .wrap {
        position:relative;
		width: 60%;
		height: 70%;
		right: 0;
		left:50%;
		transform:translateX(-50%);
        margin-bottom:20vh
	}
}

#design-center #workshop2 #mah-video {
	position: absolute;
	z-index: 0;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

@media screen and (max-width: 1024px) {
	#design-center #workshop2 #mah-video {
		height: 100vh;
	}
}

#design-center #workshop2 #mah-video .overlay {
	background-color: rgba(0, 0, 0, 0.4);
	opacity: 1;
}

#design-center #workshop2 #workshop-text {
	color: #fff;
}

@media screen and (max-width: 1024px) {
	#design-center #workshop2 #workshop-text {
		position: relative;
		z-index: 1;
		width:80%;
		margin:0 auto;
		text-align:center
	}
}

@media screen and (min-width: 1025px) {
    #design-center #machining2{height:100vh;vertical-align:top}
	#design-center #workshop2 #workshop-text {
		left: 18%;
		width: 40%;
	}
}


#design-center #machining2 {
    background-position: top left;
    
}

@media screen and (max-width: 1024px) {
    #design-center #machining2 #machining-slider {
        position: relative;
        z-index: 10;
    }
}

#design-center #machining2 .carousel .control-dots {
    position: absolute;
    bottom: 0;
}

#design-center #machining2 .carousel .control-dots .dot {
    border: 1px solid #fff;
    background: none;
    box-shadow: none;
}

#design-center #machining2 .carousel .control-dots .dot.selected {
    background-color: #fff;
}

#design-center #machining2 #machine1-container {
    top: 7%;
    left: 5%;
    z-index: 5;
}

#design-center #machining2 #machine2-container {
    z-index: 0;
}

@media screen and (max-width: 1024px) {
    .machining2_slide_wrap{overflow:hidden}
    .machining2_slide_wrap .slick-dots{position:absolute !important}
    .machining2_slide_wrap .blk-container{float:left}
    .machining2_slide_wrap:after{content:'';display:block;clear:both}
    .machining2_slide_wrap{margin:0 auto 0;width:80%;position:relative}
    .machining2_slide_wrap .slick-dots{bottom:0}
    
}

#design-center #machining2 #machine3-container {
    top: 50%;
    left: 22%;
    z-index: 5;
}
@media screen and (min-width: 1025px) {    
    #design-center #machining2 #machine1-container{position:absolute;left:51%;top:2%;height:30%}
    #design-center #machining2 #machine2-container {
        position:absolute;
        top: 0;        
        width: 66%;
        height: 66%;
        left:50%;
        transform:translateX(-50%);
        top:45%
    }
    #design-center #machining2 #machine3-container{
        position:absolute;left:20%;top:10%;height:30%
    }
}

#design-center #design-center-section {
    background-position: 85% center;
    background-size: contain;
}

@media screen and (max-width: 1024px) {
	#design-center #design-center-section{height:auto}
    #design-center #design-center-section .cta-container-m {
        border: 2px solid #14b536;
        color: #14b536;
    }
    #design-center #design-center-section #climbing-container {
        height: 100vh;
    }
}
#design-center #design-editorial{opacity:0;z-index:-1;position:fixed;left:0;top:0;right:0;bottom:0;overflow:hidden;overflow-y:auto;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);transition:all 0.4s}
#design-center #design-editorial.active{opacity:1;z-index:998}
#design-center #design-editorial .text-content p{margin:0 0 1.5em 0;max-width:650px;font-weight:100}
@media screen and (min-width: 1025px) {
    #design-center #design-center-section .anim-btn [class^="ico-"] {
        color: #14b536;
    }

    #design-center #design-center-section .anim-btn .spinner-path {
        stroke: #14b536;
    }

    #design-center #design-center-section .anim-btn .drawing-path {
        stroke: #14b536;
    }
    #design-center #design-center-section .sc_box{height:100vh}
    #design-center #design-center-section .sc_box:after{content:'';display:block;clear:both}
    #design-center #design-center-section #design-center-text {
        float:left;
        position:relative;
        left: 0;
        width:50%;
        height:100vh;
        padding-left:2%;
        text-align:left;   
        box-sizing:border-box;
		margin:0;
		padding-top:17%;
    }
    #design-center #design-center-section #design-center-text .sub-heading{font-size:1rem;line-height:131%;margin-bottom:0.6em;text-transform:uppercase}
    #design-center #design-center-section #design-center-text .text.large{width:70%;font-size:1.375rem;line-height:131%;margin-bottom:0.8em;font-weight:100}
    #design-center #design-center-section .btn-container{width:75px;height:75px;margin-right:15px;display:inline-block}
    #design-center #design-center-section .btn-container + .text{display:inline-block}
    #design-center #design-center-section #design-center-text .cta-container{margin-top:2em}
    
    #design-center #design-center-section #climbing-container{
        float:left;width:50%;height:100vh;box-sizing:border-box;padding:2% 0;
    }
    #design-center #design-center-section #dc1-container {
		position:relative;
        top: 0;
        left: 53%;
		width:40%;
		height:20%
    }

    #design-center #design-center-section #dc2-container {
		position:relative;
		height:20%;
		width:40%;
        top: 0;
        left: 10%;
		margin-top:-15vh
    }
}
#design-center #playground2 #shirley-container .overlay{opacity:0}
#design-center #playground2 #playground-text .title{font-size:1.3125rem;line-height:117%;text-transform:uppercase;margin-bottom:0.5em}
#design-center #playground2 #playground-text p{max-width:650px;font-size:1rem;line-height:130%}
@media screen and (min-width:1025px){
	#design-center #playground2{height:100vh}
	#design-center #playground2 #shirley-container{position:absolute;top:50%;height:68%;width:30%;left:10%;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);}	
	#design-center #playground2 #playground-text{width:45%;left:45%;position:absolute;top:50%;margin:0}
	
}
@media screen and (max-width:1024px){
	#design-center #playground2 #shirley-container{margin:15vh auto 0;;width:60%;height:auto;position:relative;overflow:hidden;}
	#design-center #playground2 #shirley-container:before{content:'';display:block;width:100%;padding-top:100%}
		#design-center #playground2 #shirley-container .image{position:absolute;top:0;width:100;height:100%}
	#design-center #playground2 #playground-text{margin:15vh auto;width:60%;text-align:center}
}

/*craft*/
#craft #intro #intro-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/craft/craft-intro--overlay.svg) right bottom no-repeat;
    background-color: rgba(0, 0, 0, 0.5);
    background-size: cover;
}

#craft #intro #intro-text .chapter {
    color: #be4ff3;
}

#craft #our-factory .overlay {
    background-color: rgba(62, 61, 97, 0.75);
}

@media screen and (max-width: 1024px) {
    #craft #our-factory #operations-video {
		position:relative;
		line-height:0;
        margin-bottom: 5vh;
    }
	#craft #our-factory-text{margin:15vh auto;width:80%;text-align:center}
}
#operations-video .number{font-size:54px;font-weight:bold;line-height:1.3;margin-bottom:5px}
#operations-video .overlay p{max-width:650px}


@media screen and (min-width: 1025px) {
    #craft #our-factory{height:100vh;vertical-align:top}
    #craft #our-factory #our-factory-text {
        position:absolute;
        width: 16%;
        left: 2%;
        top:50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
    }

    #craft #our-factory #operations-video {
        position:absolute;
        width: 55%;
        height: 73%;
        left: 38%;
    }
    #craft #our-factory #operations-video .indicate-icon{border:none}
	#craft #our-factory #operations-video .video-background{position:absolute;z-index:0;overflow:hidden;width:100%;height:100%;top:0;left:0}
}

@media screen and (max-width: 1024px) {
    #craft #factory-video {
        height: 100vh;
    }
}

@media screen and (min-width: 1025px) {
    #craft #factory-video{width:100%;height:100vh;vertical-align:top}
}

#craft #vr-tour {
    z-index: 5;
	height:100vh;
	width:100%;
	vertical-align:top;
}

#craft #vr-tour .tour-img2 .overlay {
    background-color: rgba(34, 102, 153, 0.7);
}

#craft #vr-tour .tour-img2 .location-label {
    position: absolute;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    line-height: 1.2em;
    max-width: 100px;
}

.zh #craft #vr-tour .tour-img2 .location-label {
    max-width: 80px;
}

#craft #vr-tour .tour-img2 .location-label .line {
    border-right: 1px solid #fff;
}

#craft #vr-tour .tour-img2 .location-label .dot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #fff;
}

@media screen and (max-width: 1024px) {
    #craft #vr-tour .tour-img2 #dc-label {
        bottom: 57%;
        left: 66%;
    }
}

@media screen and (min-width: 1025px) {
    #craft #vr-tour .tour-img2 #dc-label {
        bottom: 71%;
        left: 66%;
    }
}

#craft #vr-tour .tour-img2 #dc-label .line {
    height: 2vh;
}

@media screen and (max-width: 1024px) {
	#craft #vr-tour .vr_sl_wrap{position:relative;width:80%;margin:0 auto;overflow:hidden;padding-bottom:20px}
	#craft #vr-tour .vr_sl_wrap .slick-track:after{content:'';display:block;clear:both}
	#craft #vr-tour .vr_sl_wrap .blk-container{float:left}
	#craft #vr-tour .vr_sl_wrap .slick-dots{padding-top:0 !important}
	#craft #vr-tour #tour-text{width:80%;padding:15vh 0;margin:0 auto;text-align:center}
    #craft #vr-tour .tour-img2 #a1-label {
        bottom: 16%;
        left: 18%;
    }
}

@media screen and (min-width: 1025px) {
    #craft #vr-tour .tour-img2 #a1-label {
        bottom: 12%;
        left: 22%;
    }
}

#craft #vr-tour .tour-img2 #a1-label .line {
    height: 5vh;
}

@media screen and (min-width: 1025px) {
    #craft #vr-tour #tour-text {
		position:absolute;
        width: 28%;
        left: 0;
    }

    #craft #vr-tour #tour-text .anim-btn [class^="ico-"] {
        color: #00aeef;
    }

    #craft #vr-tour #tour-text .anim-btn .spinner-path {
        stroke: #00aeef;
    }

    #craft #vr-tour #tour-text .anim-btn .drawing-path {
        stroke: #00aeef;
    }

    #craft #vr-tour #tour-img1-container {
		position:absolute;
        top: 7%;
        right:0;
        z-index: 5;
    }

    #craft #vr-tour #tour-img2-container {
		position:absolute;
        bottom: 3%;
        right: 8%;
    }
}

#craft #operations {
    z-index: 3;
}
#craft #operations .for_m{display:none !important}

@media screen and (max-width: 1024px) {
	#craft #operations .for_pc{display:none !important}
	#craft #operations .for_m{display:block !important}
	#craft #operations #operations-text{width:80%;margin:15vh auto;text-align:center}
	#craft #operations .image{width:100%}
	#craft #operations .image .sl_outer{width:80%;margin:0 auto;
		height: 100vh;
		display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	-ms-flex-direction:column;
		flex-direction:column;
-webkit-justify-content:center;
		-ms-flex-pack:center;
		justify-content:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;}
	#craft #operations .image .sl_outer .slick-slider{width:100%}
	#craft #operations .image .slick-track:after{content:'';display:block;clear:both}
	#craft #operations .image .blk-container{float:left;display:block;height:75vh}
	#craft #operations .image .item{float:left}
	#craft #operations .image .item .countup-container{width:100%;height:100%}
	
	
}
@media screen and (min-width: 1025px) {
	#craft #operations{height:100vh;vertical-align:top;width:100%}
    #craft #operations #operations-text {
		position:absolute;
        color: #fff;
        width: 15%;
        left:0;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1399px) {
    .no #craft #operations #operations-text {
        width: 12%;
        left: 9%;
    }
}

#craft #operations .image.background {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
#craft #operations .image.background .number,#craft #operations .image.background .number span{font-size:54px;margin-bottom:8px;font-weight:bold}
#craft #operations .image.background .operation-num{font-size:16px;text-transform:uppercase;line-height:130%}
#craft #operations .slick-prev,#craft #operations .slick-next{display: inline-block;  font: normal normal normal 14px/1 FontAwesome;   font-size: inherit;
  text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;color:#fff;font-size:0;width:30px;height:60px;z-index:99999;visibility:visible;opacity:1}
#craft #operations .slick-prev{left:-30px;}
#craft #operations .slick-next{right:-30px}
#craft #operations .slick-prev:before{font: normal normal normal 14px/1 FontAwesome;content:'\f104';font-size:60px;opacity:1;text-indent:0;position:absolute;top:0;left:0}
#craft #operations .slick-next:before{font: normal normal normal 14px/1 FontAwesome;content:'\f105';font-size:60px;opacity:1;text-indent:0;position:absolute;top:0;right:0}

@media screen and (max-width: 1024px) {
    #craft #operations .image.background {
        position: relative;
        height: 100vh;
		display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
		 -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    }
}

#craft #operations #countup-slider .slider {
    height: 75vh;
}

#craft #operations #countup-slider .countup-slide {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 75vh;
}

#craft #operations #countup-slider .countup-container {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

#craft #operations #countup-slider .slide {
    background: none;
}

#craft #operations #countup-slider .control-arrow,
#craft #operations #countup-slider .slick-arrow {
    z-index: 10;
}

#craft #operations #countup-slider .control-arrow::before,
#craft #operations #countup-slider .control-arrow::after,
#craft #operations #countup-slider .slick-arrow::before,
#craft #operations #countup-slider .slick-arrow::after {
    color: #fff;
}

#craft #operations .operation {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    color: #fff;
}

#craft #operations h3 {
    color: #fff;
    font-size: 16px !important;
    margin-bottom: 1em;
}

#craft #operations .countup-container {
    background-color: gray;
    position: relative;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

#craft #operations .countup-container .overlay {
    opacity: 1;
	background:transparent
}

#craft #operations .countup-container .overlay .operation-num {
    text-transform: uppercase;
}

@media screen and (min-width: 1025px) {
	#craft #operations .operation{width:15%;height:55%}
    #craft #operations #countup1 {
		position:absolute;
        left: 25%;
    }

    #craft #operations #countup2 {
		position:absolute;
        left: 42%;
    }

    #craft #operations #countup3 {
		position:absolute;
        left: 59%;
    }

    #craft #operations #countup4 {
		position:absolute;
        left: 76%;
    }
}

#craft #quality .profile-photo {
    z-index: 5;
}

#craft #quality .profile-photo .overlay {
    background-color: rgba(244, 229, 76, 0.75);
}

@media screen and (max-width: 1024px) {
    #craft #quality .profile-photo {
		width:80%;z-index:100;position:relative;
        margin: 15vh auto 0;
    }
	#craft #quality .profile-photo:before{
		content:'';display:block;width:100%;padding-top:100%
	}	
	#craft #quality .profile-photo .overlay-img .image{position:absolute;top:0}
}

@media screen and (min-width: 1025px) {
	#craft #quality{height:100vh;vertical-align:top}
    #craft #quality .profile-photo {
		position:absolute;
        left: 18%;
        bottom: 10%;
		width:20%;
		height:45%;
    }
}

#craft #quality #quality-video {
    position: absolute;
}

@media screen and (max-width: 1024px) {
    #craft #quality #quality-video {
        height: 100vh;
    }
}

@media screen and (max-width: 1024px) {
    #craft #quality .wrap {
        position: relative;
        height: 100vh;
		margin-top:-5vh
    }
}

@media screen and (min-width: 1025px) {
	#craft #quality #quality-video{z-index:0;overflow:hidden;width:100%;height:100%;top:0;left:0}
    #craft #quality .wrap {
        position: absolute;
        width: 60%;
        height: 60%;
        left: 30%;
    }
}

#craft #quality #keith-quote {
    color: #fff;
    z-index: 10;
}

@media screen and (max-width: 1024px) {
    #craft #quality #keith-quote {
        position: relative;
        padding-top: 20vh;
		width:80%;margin:0 auto;text-align:center
    }
}

@media screen and (min-width: 1025px) {
    #craft #quality #keith-quote {
		position:absolute;
        width: 60%;
        left: 19%;
        bottom: 10%;
    }
}

#craft #globe .cta-container-m {
    border: 2px solid red;
    color: red;
}

#craft #globe #helen-container .overlay {
    background-color: rgba(255, 85, 57, 0.75);
}

#craft-editorial{position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden;overflow-y:auto;
-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity:0;z-index:-1;
	transition:all 0.4s
}
#craft-editorial.active{opacity:1;z-index:99}
#craft .cta-container-m{display:none}
@media screen and (max-width: 1024px) {
	#craft #globe{height:auto}
	#craft #globe .cta-container-m{display:block;
	border-radius: 100px;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 20px;
  margin-top: 5vh;
  line-height: 1em;
  text-transform: uppercase;}
	#craft #globe .cta-container-m .ico-Editorial{display:inline-block;margin:0 10px 0 0;position:relative;top:4px}
	#craft #globe .cta-container-m .strong{display:inline-block}
    #craft #globe #globe-text {
		width:80%;
		margin:15vh auto;
		text-align:center;
		line-height:1.5
    }
	#craft #globe #globe-text .cta-container{display:none}
	#craft #globe #globe-text p{line-height:1.5}
	#craft #globe #slider-bg {
        padding-top: 15vh;
        padding-bottom: 15vh;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    #craft #globe #globe-slider .image {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: #fff;
        padding-left: 10px;
        padding-right: 10px;
    }
}
#globe .cta-container .btn-container{width:75px;height:75px;margin-right:15px;float:left}
#globe .cta-container .text{line-height:75px}
#craft #globe #globe-text .anim-btn [class^="ico-"]{margin-bottom:0}

@media screen and (min-width: 1025px) {
	#craft #globe{height:100vh;vertical-align:top}
    #craft #globe #globe-text {
		position:absolute;
        width: 30%;
        left: 0;
    }

    #craft #globe #globe-text .anim-btn [class^="ico-"] {
        color: #ff381a;
    }

    #craft #globe #globe-text .anim-btn .spinner-path {
        stroke: #ff381a;
    }

    #craft #globe #globe-text .anim-btn .drawing-path {
        stroke: #ff381a;
    }

    #craft #globe #globe-text a {
        text-decoration: underline !important;
    }

    #craft #globe #helen-container {
		position:absolute;
        right: 40%;
		width:20%;
		height:45%;
    }

    #craft #globe #helen-quote {
		position:absolute;
        width: 26%;
        right: 10%;
    }
}

#craft #prove #prove-img-container {
    z-index: 5;
}

@media screen and (max-width: 1024px) {
	#craft #globe #helen-quote{width:80%;margin:15vh auto;text-align:center}
    #craft #prove #prove-img-container {
        height: auto;
        position: relative;
		width:80%;
		margin:0 auto
    }

    #craft #prove #prove-img-container::before {
        content: "";
        display: block;
        width: 100%;
        padding-top: 100%;
    }

    #craft #prove #prove-img-container .image {
        position: absolute;
        top: 0;
    }
	#craft #globe #helen-container{position:relative;width:80%;margin:0 auto}
	#craft #globe #helen-container:before{content:'';display:block;width:100%;padding-top:100%}
}

@media screen and (min-width: 1025px) {
	#craft #prove{height:100vh;vertical-align:top}
    #craft #prove #prove-img-container {
		position:absolute;
        width: 40%;
        height: 45%;
        left: 2%;
        top: 15%;
    }

    #craft #prove #prove-img-container .image {
        background-position: top right;
    }
}

@media screen and (max-width: 1024px) {
    #craft #prove .wrap {
        position: relative;
        height: 100vh;
		margin-top:-5vh
    }
	#craft #prove .wrap .video-background{
		position:absolute;overflow:hidden;width:100%;height:100%;top:0;left:0
	}
}

@media screen and (min-width: 1025px) {
    #craft #prove .wrap {
        position: absolute;
        width: 70%;
        height: 85%;
        right: 8%;
    }
}

#craft #prove #prove-text {
    color: #fff;
    z-index: 10;
}

@media screen and (max-width: 1024px) {
    #craft #prove #prove-text {
        position: relative;
        padding-top: 20vh;
		width:80%;margin:0 auto;text-align:center
    }
}

@media screen and (min-width: 1025px) {
    #craft #prove #prove-text {
		position:absolute;
        width: 50%;
        left: 35%;
        top: 23%;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1399px) {
    .de #craft #prove #prove-text {
        top: 21%;
    }
}

@media screen and (max-width: 1024px) {
    #craft #graph {
        background-position: top center;
    }

    .m-landscape #craft #graph {
        background-position: center 15%;
    }

    #craft #graph #graph-intro {
        padding-top: 34vh;
        margin:0 auto 5vh;
		width:80%;text-align:center
    }

    .m-landscape #craft #graph #graph-intro {
        margin-top: 30vh;
    }

    #craft #graph #tech-pack-graph {
		width:80%;
		margin:0 auto 5vh
    }
}

@media screen and (min-width: 1025px) {
	#craft #graph{height:100vh;vertical-align:top}
    #craft #graph .wrap {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: 70%;
        bottom: 0;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
		padding-top:15%
    }

    #craft #graph #graph-intro {
        width: 20%;
        left: 12%;
        position: relative;
    }

    #craft #graph #tech-pack-graph {
		position:absolute;
        width: 50%;
        height: 70%;
        left: 40%;
        top: 30%;
    }
}

@media screen and (max-width: 1024px) {
	#craft #team-grid #team-bg{display:none}
	#craft #team-grid #shirley-quote{width:80%;margin:15vh auto;text-align:center}
    #craft #team-grid {
        background-image: none !important;
    }

    #craft #team-grid .grid-item {
		width:80%;		
        margin:0 auto 5vh;
        position: relative;
    }

    #craft #team-grid .grid-item::before {
        content: '';
        display: block;
        padding-top: 100%;
    }

    #craft #team-grid .grid-item .image {
        position: absolute;
		top:0
    }

    #craft #team-grid #team-video {
        font-size: 0;
        line-height: 0;
        margin-bottom: 5vh;
    }
}

@media screen and (min-width: 1025px) {	
    #craft #team-grid{
        height: calc(492vh + (((100vh - 15px)/3) * 5));
		width:100%;
    }

    #craft #team-grid #team-bg {        
		width:100%;
        height:50%;
        position: absolute;
        left:0;
		top:100vh;
		background-size:cover;
		
    }

    #craft #team-grid #shirley-quote {
		position:absolute;
        width: 42%;
		top:50vh;
        left:0;
    }
	#craft #team-grid #shirley-quote .title{font-size:29px}

    #craft #team-grid .grid-item {
		position:absolute;
        height: calc((100vh - 15px)/3);
    }

    #craft #team-grid .sw {
        width: calc((100vw - 15px)/5);
    }

    #craft #team-grid .dw {
        width: calc(((100vh - 15px)/3)*2);
    }

    #craft #team-grid .row1 {
        top: 0;
    }

    #craft #team-grid .row2 {
        top: calc((100vh - 15px)/3);
    }

    #craft #team-grid .row3 {
        top: calc(((100vh - 15px)/3)*2);
    }
    
    #craft #team-grid #row2-d1 {
        top:200px;right:15%;
    }

    #craft #team-grid #row1-s1 {
        top: 138vh;
    }

    #craft #team-grid #row3-d1 {
        top: 180vh;
		right:0;
    }

    #craft #team-grid #row2-s1 {
        top: 240vh;
		left:40%;
    }

    #craft #team-grid #row1-s2 {
        top: 276vh;
		right:0
    }

    #craft #team-grid #row2-d2 {
        top: 300vh;
		left:40%
    }

    #craft #team-grid #row3-s1 {
        top: 336vh;
    }

    #craft #team-grid #row1-s3 {
        top: 354vh;
		right:0
    }

    #craft #team-grid #row2-s2 {
        top: 369vh;
		left:40%
    }

    #craft #team-grid #row3-d2 {
        top: 402vh;
    }

    #craft #team-grid #row1-s4 {
        top: 414vh;
		right:0
    }

    #craft #team-grid #row2-s3 {
        top: 432vh;
		left:40%
    }

    #craft #team-grid #row1-d1 {
        top: 450vh;
		right:0
    }

    #craft #team-grid #row3-s2 {
        top: 462vh;
    }

    #craft #team-grid #row2-s4 {
        top: calc((556vh - (100vh - 15px)/3));
    }

    #craft #team-grid #row1-s5,
    #craft #team-grid #row2-s5,
    #craft #team-grid #row3-s3 {
        left: 0;
    }

    #craft #team-grid #row1-s6,
    #craft #team-grid #row2-s6,
    #craft #team-grid #row3-s4 {
        left: 20%;
    }

    #craft #team-grid #row1-s7,
    #craft #team-grid #row2-s7,
    #craft #team-grid #row3-s5 {
        left: 40%;
    }

    #craft #team-grid #row1-s8,
    #craft #team-grid #row2-s8,
    #craft #team-grid #row3-s6 {
        left: 60%;
    }

    #craft #team-grid #row1-s9,
    #craft #team-grid #row2-s9,
    #craft #team-grid #row3-s7 {
        left: 80%;
    }

    #craft #team-grid #team-group {
        left:0;
		/*
        width: calc(((100vh - 15px)/3) * 5);
        height: 100vh;
		*/
		height:100vh;
        width:100%;
		position:absolute;
		bottom:0
    }
}

.m-landscape #technology #supplier #supplier-quote {
    min-height: 100vh;
    height: auto !important;
}


#technology #intro #intro-text .chapter {
    color: #ff4425;
}

#technology #gary{height:100vh}
#technology #gary #gary-container {
    z-index: 5;
}

@media screen and (max-width: 1024px) {
	#technology #gary{height:auto}
	#technology #gary #gary-container{height:auto;position:relative;max-width:90vh;margin:15vh auto;width:80%}
	#technology #gary #gary-container:before{content:"";display:block;width:100%;padding-top:100%}
	#technology #gary #gary-container .image{position:absolute;top:0}
	#craft #team-grid #team-group .slick-track:after{content:'';display:block;clear:both}
	#craft #team-grid #team-group .grid-item{float:left}
    #technology #gary #gary-quote {
		width:80%;
        margin:0 auto 15vh;
		text-align:center
    }

    #technology #gary #gary-video {
        height: 100vh;
    }
}

@media screen and (min-width: 1025px) {
    #technology #gary #gary-container {
		position:absolute;
        bottom: 5%;
        left: 10%;
		width:30%;
		height:68%
    }

    #technology #gary #gary-video {
		position:absolute;
        width: 60%;
        height: 60%;
        right: 10%;
        top: 3%;
    }

    #technology #gary #gary-quote {
	position:absolute;
        width: 40%;
        height: 32%;
        top: 63%;
        left: 45%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media screen and (max-width: 1024px) {
    #technology #video {
        height: 100vh;
    }
}

#technology #wl-gore #wl-gore-intro {
    z-index: 5;
}

@media screen and (min-width: 1025px) {
	#technology #wl-gore{height:100vh}
    #technology #wl-gore #wl-gore-intro {
		position:absolute;
        width: 15%;
        left: 14%;
        color: #fff;
		margin:0;
    }
}

#technology #wl-gore #wl-gore-graph-bg {
    background-color: #000;
    z-index: 0;
}

@media screen and (max-width: 1024px) {
    #technology #wl-gore #wl-gore-graph-bg {
        height: 100vh;
    }
	#wl-gore-intro{width:80%;margin:15vh auto;text-align:center}
}

@media screen and (min-width: 1025px) {
    #technology #wl-gore #wl-gore-graph-bg {
		position:absolute;
        width: 90%;
        height: 90%;
        left: 5%;
        top: 5%;
    }
}

#technology #wl-gore #gore-graph-container {
    height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (min-width: 1025px) {
    #technology #wl-gore #gore-graph-container {
		position:absolute;
        width: 40%;
        left: 44%;
    }
}

@media screen and (min-width: 1025px) {
	#technology #gore-membrane{height:100vh}
    #technology #gore-membrane #gore-membrane-intro {
		position:absolute;
        width: 20%;
        left: 3%;
        top: 65%;
    }
}

@media screen and (min-width: 1025px) {
    #technology #gore-membrane #gore-membrance-img {
		position:absolute;
        left: 0;
        top: 5%;
    }
}

@media screen and (min-width: 1025px) {
    #technology #gore-membrane #gore-membrance-video {
		position:absolute;
        left: 28%;
        bottom: 10%;
        z-index: 5;
    }
}

@media screen and (max-width: 1024px) {
	#technology #gore-membrane #gore-membrane-intro{width:80%;text-align:center;margin:15vh auto}
    #technology #gore-membrane .wrap {
        position: relative;
        height: 100vh;
		margin-top:-5vh;
    }
	#technology .m_slider_wrap{max-width:90vh;width:80%;position:relative;margin:0 auto}
	#technology .m_slider_wrap .video-background{position:absolute;z-index:0;overflow:hidden;width:100%;height:100%;top:0:left:0}
	#technology .m_slider_wrap .slick-dots{bottom:5px;position:absolute !important}
	#technology .m_slider_wrap .slick-dots li{border:1px solid #fff}
	#technology .m_slider_wrap .slick-dots li.slick-active{background:#fff !important}
}

@media screen and (min-width: 1025px) {
    #technology #gore-membrane .wrap {
        position: absolute;
        width: 36%;
        height: 90%;
        right: 6%;
    }
}

#technology #gore-membrane #gore-tex-text {
    z-index: 4;
    color: #fff;
}

#technology #gore-membrane #gore-tex-text .title {
    color: #fff;
}

@media screen and (max-width: 1024px) {
    #technology #gore-membrane #gore-tex-text {
        position: absolute;
        width:80%;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center
    }
}

@media screen and (min-width: 1025px) {
    #technology #gore-membrane #gore-tex-text {
		position:absolute;
        width: 60%;
        top: 10%;
        left: 18%;
    }
}

#technology #gore-membrane #gore-tex-img {
    width: 100%;
    height: 100%;
    z-index: 3;
}

@media screen and (max-width: 1024px) {
    #technology #gore-delaware {
        height: 100vh;
    }
}

#technology #supplier #supplier-video {
    z-index: 5;
}
#technology #supplier #supplier-video .video-background{position:absolute;z-index:0;overflow:hidden;width:100%;height:100%;top:0;left:0}

@media screen and (max-width: 1024px) {
    #technology #supplier #supplier-video {
		width:80%;margin:15vh auto 0;
    }
}

@media screen and (min-width: 1025px) {
	#technology #gore-delaware{height:100vh}
	#technology #supplier{height:100vh}
    #technology #supplier #supplier-video {
		position:absolute;
        left: -50px;
    }
	#technology #supplier #supplier-video
}

#technology #supplier #supplier-quote {
    z-index: 3;
}

@media screen and (max-width: 1024px) {
    #technology #supplier #supplier-quote {
        height: 100vh;
        position: relative;
		margin-top:-5vh
    }
}

@media screen and (min-width: 1025px) {
    #technology #supplier #supplier-quote {
		position:absolute;
        width: 74%;
        height: 85%;
        right: 0;
    }
}

#technology #supplier #supplier-quote .background {
    position: absolute;
    z-index: 0;
}

#technology #supplier #supplier-quote #supplier-text {
    position: relative;
    z-index: 5;
    color: #fff;
}

@media screen and (max-width: 1024px) {
    #technology #supplier #supplier-quote #supplier-text {
		top:20vh;width:80%;margin:0 auto;text-align:center
    }
}

@media screen and (min-width: 1025px) {
    #technology #supplier #supplier-quote #supplier-text {
        width: 60%;
        margin: auto;
        top: 20%;
    }
}

@media screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1399px) {

    .de #technology #supplier #supplier-quote #supplier-text,
    .es #technology #supplier #supplier-quote #supplier-text,
    .no #technology #supplier #supplier-quote #supplier-text {
        width: 70%;
        top: 15%;
    }
}

@media screen and (min-width: 1025px) and (min-width: 1400px) {

    .de #technology #supplier #supplier-quote #supplier-text,
    .es #technology #supplier #supplier-quote #supplier-text,
    .no #technology #supplier #supplier-quote #supplier-text {
        width: 65%;
        top: 17%;
    }
}

#technology #accelerate .overlay {
    background-color: rgba(102, 126, 102, 0.5);
}

@media screen and (min-width: 1025px) {
	#technology #accelerate,#technology #accelerate2{height:100vh;position:relative}
    #technology #accelerate #accelerate-text {
		position:absolute;
		top:34%;
        width: 24%;
        left: 0;
    }
}

#technology #accelerate #accelerate-img {
    z-index: 5;
}

@media screen and (min-width: 1025px) {
    #technology #accelerate #accelerate-img {
		position:absolute;
        left: 38%;
		width:50%;
    }
}

#technology #accelerate2 #accelerate-video {
    z-index: 3;
}

@media screen and (max-width: 1024px) {
	#technology #accelerate #accelerate-text{width:80%;margin:15vh auto;text-align:center}
	#technology #accelerate2{margin-top:-5vh}
    #technology #accelerate2 #accelerate-video {
        height: 100vh;
    }
	#technology #accelerate #accelerate-img{width:80%;margin:0 auto}
}

@media screen and (min-width: 1025px) {
    #technology #accelerate2 #accelerate-video {
		position:absolute;
        width: 94%;
        height: 85%;
        right: 8%;
    }
	#technology #christie{height:100vh}
}

@media screen and (max-width: 1024px) {
    #technology #christie {
        height: 100vh;
    }
}

#technology #christie #christie-text {
    color: #fff;
}

@media screen and (max-width: 1024px) {
    #technology #christie #christie-text {
		width:80%;
		padding-top:8vh;
        margin:0 auto 15vh;
		text-align:center
    }
}

@media screen and (min-width: 1025px) {
    #technology #christie #christie-text {
		position:absolute;
        width: 30%;
        left: 4%;
    }
	#technology #testing-chamber{height:100vh}
}

#technology #testing-chamber #testing-chamber-text p.text {
    margin-bottom: 0.875rem;
}

@media screen and (min-width: 1025px) {
    #technology #testing-chamber #testing-chamber-text {
		position:absolute;
        width: 32%;
		top:40%;
        left: 0;
    }
	#technology #testing-chamber #testing-chamber-text .title{font-size:30px;text-transform:uppercase;line-height:1.2;font-weight:bold}
}

#technology #testing-chamber #testing-chamber-video {
    z-index: 5;
}

@media screen and (min-width: 1025px) {
    #technology #testing-chamber #testing-chamber-video {
		position:absolute;
        left: 38%;
		width:50%;
    }
	#technology #testing-chamber #testing-chamber-video .video-background{position:absolute;left:0;top:0;width:100%;height:100%}
}

#technology #testing-chamber2 #testing-chamber-img {
    z-index: 3;
}

@media screen and (max-width: 1024px) {
	#technology #testing-chamber #testing-chamber-text{width:80%;margin:15vh auto;text-align:center}
    #technology #testing-chamber2 #testing-chamber-img {
        height: 100vh;
    }
	#technology #testing-chamber #testing-chamber-video{width:80%;margin:0 auto}
	#technology #testing-chamber #testing-chamber-video .video-background{position:absolute;z-index:0;overflow:hidden;width:100%;height:100%;top:0;left:0}
	#testing-chamber2{margin-top:-5vh}
}

@media screen and (min-width: 1025px) {
	#technology #testing-chamber2{height:100vh;position:relative}
    #technology #testing-chamber2 #testing-chamber-img {
		position:absolute;
        width: 94%;
        height: 100%;
        right: 3%;
    }
}

#technology #inspection #inspection-text {
    z-index: 4;
}

@media screen and (min-width: 1025px) {
	#technology #inspection{height:100vh}
    #technology #inspection #inspection-text {
		position:absolute;
        width: 25%;
        left: 35%;
        bottom: 20%;
    }
}

#technology #inspection #inspection-video1 {
	position:absolute;
    left: -20%;
    bottom: 5%;
    z-index: 5;
}

#technology #inspection #inspection-video2 {
	position:absolute;
    left: 8%;
    top: 10%;
    z-index: 5;
}

#technology #inspection #inspection-img {
    z-index: 3;
}

@media screen and (max-width: 1024px) {
	#technology #inspection #inspection-text{width:80%;margin:15vh auto;text-align:center}
    #technology #inspection #inspection-img {
		margin-top:-5vh;
        height: 100vh;
    }
}

@media screen and (min-width: 1025px) {
#technology #inspection #inspection-video1{width:30%;height:30%;bottom:26%;left:0}
#technology #inspection #inspection-video2{width:30%;height:30%;left:20%}
    #technology #inspection #inspection-img {
		position:absolute;
        width: 52%;
        height: 90%;
        right: 0;
    }
}

@media screen and (min-width: 1025px) {
    #technology #alpha-sv1 #alpha-intro {
        width: 20%;
        left: 7%;
    }
}

#technology #alpha-sv1 #alpha-infographic {
    background-color: #000;
}

@media screen and (max-width: 1024px) {
	#technology .m_slider_wrap2{width:80%;margin:0 auto}
	#technology .m_slider_wrap2 .slick-dots{position:absolute !important;bottom:5px;} 
	#technology .m_slider_wrap2 .slick-dots li{border:1px solid #fff}
	#technology .m_slider_wrap2 .slick-dots li.slick-active{background:#fff !important}
    #technology #alpha-sv1 #alpha-infographic {
        height: 130vh;
        position: relative;
    }
}
#technology #alpha-sv #alpha-intro{position:relative;transform:translate(0,0);width:80%;margin:0 auto;padding:3% 0}
@media screen and (min-width: 1025px) {
	#technology #alpha-sv1{height:100vh}
    #technology #alpha-sv1 #alpha-infographic {
        width: 100%;
        height: 100%;
        left:0;
    }
	#technology #alpha-sv1 #alpha-infographic .alpha-timeline{position:absolute;top:0;left:0;width:100%;height:100%}
}

@media screen and (min-width: 1025px) {
    #technology #alpha-sv2 #alpha-sv2-text {
		position:absolute;
        width: 15%;
        left: 10%;
    }
}

#technology #alpha-sv2 #graph-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (max-width: 1024px) {
    #technology #alpha-sv2 #graph-container {
        height: 100vh;
        position: relative;
    }
	#technology #alpha-sv #alpha-intro{margin:15vh auto;text-align:center}
	#technology #alpha-sv2 #alpha-sv2-text{width:80%;margin:15vh auto;text-align:center}
}

@media screen and (min-width: 1025px) {
	#technology #alpha-sv2{height:100vh}
    #technology #alpha-sv2 #graph-container {
		position:absolute;
        width: 60%;
        height: 90%;
        right: 8%;
    }
}

#technology #alpha-sv2 #graph-container .image.background {
    position: absolute;
    top: 0;
}

@media screen and (max-width: 1024px) {
    #technology #alpha-sv2 #alpha-weight-graph {
	z-index:100;
        height: 100%;
        padding-top: 30px;
        padding-bottom: 30px;
		width:80%;
		margin:0 auto
    }
}

@media screen and (min-width: 1025px) {
    #technology #alpha-sv2 #alpha-weight-graph {
		z-index:100;
        width: 100%;
        height: 100%;
        padding: 50px;
    }
}

@media screen and (min-width: 1025px) {
	#technology #dan{height:100vh}
    #technology #dan #dan-img {
		width:30%;
		position:absolute;
        left: 5%;
		height:68%
    }
}

@media screen and (max-width: 1024px) {
	#technology #dan #dan-img{margin:15vh auto;width:80%;height:auto;position:relative}
	#technology #dan #dan-img:after{content:'';display:block;width:100%;padding-top:100%}
	#technology #dan #dan-img .background{position:absolute;top:width:100%;height:100%}
    #technology #dan #dan-quote {
        margin-bottom: 15vh;
		width:80%;text-align:center

    }
}

@media screen and (min-width: 1025px) {
	#technology #dan{height:100vh}
    #technology #dan #dan-quote {
		position:absolute;
        width: 50%;
        right: 10%;
		margin:0;
    }
	#technology #dan #dan-quote p{text-align:left}
}

.de #sustainability #impact-reductions,
.es #sustainability #impact-reductions {
    height: 120vh;
}


#sustainability #intro #intro-text .chapter {
    color: #3e952b;
}

#sustainability #drummond #drummond-video {
    z-index: 0;
}

@media screen and (max-width: 1024px) {
    #sustainability #drummond #drummond-video {
        height: 100vh;
        position: relative;
    }
}

@media screen and (min-width: 1025px) {
	#sustainability #drummond{height:100vh;vertical-align:top;position:relative}
    #sustainability #drummond #drummond-video {
		position:absolute;
        width: 75%;
        height: 60%;
        top: 10%;
        left: 18%;
    }
}

@media screen and (max-width: 1024px) {
    #sustainability #drummond .wrap {
		margin-top:-5vh;
        position: relative;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

#sustainability #drummond #drummond-img {
    z-index: 5;
}

@media screen and (max-width: 1024px) {
    #sustainability #drummond #drummond-img {
		position:relative;
		height:auto;
		max-width:90vh;
		width:80%;
        margin:15vh auto 0;
    }
	#sustainability #drummond #drummond-img:before{content:'';display:block;width:100%;padding-top:100%}
	#sustainability #drummond #drummond-img .image{position:absolute;top:0;width:100%;height:100%}
}

@media screen and (min-width: 1025px) {
    #sustainability #drummond #drummond-img {
		position:absolute;
        bottom: 10%;
        left: 7%;
		width:calc(50%/1.5);
		height:68%;

    }
}

@media screen and (max-width: 1024px) {
    #sustainability #drummond #drummond-quote {
        color: #fff;
        top: 20vh;
        z-index: 5;
        position: absolute;
		width:80%;
		margin:0 auto;
		text-align:center
    }
	#sustainability #drummond-text{
		width:80%;margin:15vh auto;text-align:center		
	}
}

@media screen and (min-width: 1025px) {
    #sustainability #drummond #drummond-quote {
		position:absolute;
        width: 48%;
        left: 46%;
        top: 70%;
        height: 30%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media screen and (min-width: 1025px) {
    #sustainability #drummond-text{text-align:center;transform:none}
}

#sustainability #blocks .title {
    color: #fff;
	font-size:30px;
    margin-bottom: 1em;
	text-transform:uppercase
}

#sustainability #blocks .block-body {
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: 2em;
}

#sustainability #blocks .overlay {
	background:transparent;
    transition: opacity 300ms 600ms;
	opacity:1
}

#sustainability #blocks .transition.enter .overlay {
    opacity: 1;
}
#sustainability #blocks .block-body li{color:#fff;font-size:15px;line-height:20px}
@media screen and (max-width: 1024px) {
	#sustainability #blocks{background:none !important}
	#sustainability #blocks .block{height:50vh;position:relative}
    #sustainability #blocks .slider .block {
        height: 100%;
    }

    #sustainability #blocks .slider .block ul {
        font-size: 16px;
    }
	#sustainability #blocks .overlay{opacity:1}
	#sustainability #blocks .title{font-size:22px;margin-bottom:10px}
	#sustainability #blocks .block-body li{color:#fff;font-size:15px;line-height:20px}
	#sustainability #blocks #blocks-text{width:80%;margin:15vh auto;text-align:center}
	#sustainability #blocks #blocks-text .sub-heading{font-size:20px}
}

@media screen and (min-width: 1025px) {
    #sustainability #blocks {
		position:relative;
		height:100vh;
        background-position: left center;
        background-size: 55% 100%;
    }

    #sustainability #blocks .block {
		position:absolute;
        width: 20%;
        height: 65%;
    }

    #sustainability #blocks #block1 {
        left: 0;
		transform:translate(50px,-50%)
    }

    #sustainability #blocks #block2 {
        left: 22%;
		transform:translate(50px,-50%)
    }

    #sustainability #blocks #block3 {
        left: 44%;
		transform:translate(50px,-50%)
    }

    #sustainability #blocks #blocks-text {
		position:absolute;
        width: 29%;
        right: 8%;
		top:35%;
    }
}

@media screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1399px) {

    .de #sustainability #blocks #blocks-text,
    .jp #sustainability #blocks #blocks-text,
    .es #sustainability #blocks #blocks-text,
    .no #sustainability #blocks #blocks-text {
		position:absolute;
        width: 17%;
        right: 7%;
    }

    .de #sustainability #blocks #blocks-text .large,
    .jp #sustainability #blocks #blocks-text .large,
    .es #sustainability #blocks #blocks-text .large,
    .no #sustainability #blocks #blocks-text .large {
        line-height: 1.2em;
        margin-bottom: 0.6em;
    }

    .de #sustainability #blocks #blocks-text p,
    .jp #sustainability #blocks #blocks-text p,
    .es #sustainability #blocks #blocks-text p,
    .no #sustainability #blocks #blocks-text p {
        margin-bottom: 0.7em;
    }
}

#sustainability #impact-reductions .seperator {
    border-top: 1px solid #fff;
}

@media screen and (min-width:1025px){
#sustainability #impact-reductions{height:100vh}
}

@media screen and (max-width: 1024px) {
    #sustainability #impact-reductions {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .m-landscape #sustainability #impact-reductions {
        height: auto;
        min-height: 100vh;
    }

    #sustainability #impact-reductions #impact-reductions-m {
        width: 100%;
        line-height: 1.25em;
		text-align:center;
    }
	#sustainability #impact-reductions #impact-reductions-m .slide-item{outline:none}

    #sustainability #impact-reductions .slider,
    #sustainability #impact-reductions .slide-item {
        height: auto;
    }

    #sustainability #impact-reductions .slider::before,
    #sustainability #impact-reductions .slide-item::before {
        padding-top: 0;
    }

    #sustainability #impact-reductions .slider .slide,
    #sustainability #impact-reductions .slide-item .slide {
        background: none;
    }

    #sustainability #impact-reductions .control-arrow {
        border: 5px solid red;
        bottom: auto;
    }

    #sustainability #impact-reductions .control-arrow::before {
        color: #fff;
    }

    #sustainability #impact-reductions .control-arrow.control-prev {
        left: 0;
    }

    #sustainability #impact-reductions .control-arrow.control-next {
        right: 0;
    }

    #sustainability #impact-reductions .slick-arrow {
        top: 8px;
        color: #fff;
    }

    #sustainability #impact-reductions .slick-arrow.slick-prev {
        left: -3px;z-index:900;opacity:1;visibility:visible;
		width:24px;height:42px;background:url('../images/common/arrow.png') 0 0 no-repeat;transform:rotate(180deg)
    }

    #sustainability #impact-reductions .slick-arrow.slick-next {
        right: -3px;z-index:900;opacity:1;visibility:visible;
		width:24px;height:42px;background:url('../images/common/arrow.png') 0 0 no-repeat;transform:none !important

    }

    .de #sustainability #impact-reductions .slick-arrow::after {
        font-size: 1.625rem;
    }
	#sustainability #impact-reductions .slick-arrow.slick-disabled{opacity:0.5}

    #sustainability #impact-reductions .seperator {
        margin-top: 1em;
        margin-bottom: 1em;
    }

    #sustainability #impact-reductions .impact-text-cell {
		line-height:1.4;
        margin-top: 0.75em;
    }

    #sustainability #impact-reductions .impact-text-cell .year {
       font-size:18px;
    }
}

#sustainability #impact-reductions #impact-reductions-content {
    color: #fff;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media screen and (min-width: 1025px) and (max-width: 1399px) {
    #sustainability #impact-reductions #impact-reductions-content {
		position:absolute;
        width: 92%;
        height: 95%;
        left: 5%;
        top: 2%;
    }
}

@media screen and (min-width: 1400px) {
    #sustainability #impact-reductions #impact-reductions-content {
		position:absolute;
        width: 80%;
        height: 80%;
        left: 10%;
        top: 10%;
    }
}

#sustainability #impact-reductions .title {
	text-transform:uppercase;
    color: #fff;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    text-align: center;
}

@media screen and (max-width: 1024px) {
	#sustainability #impact-reductions{display:-webkit-flex;display:-ms-flex;display:flex;
	-ms-flex-direction:column;
	flex-direction:column;
-webkit-justify-content:center;
-ms-flex-pack:center;
	justify-content:center;
-webkit-align-items:center;
-ms-flex-align:center;
	align-items:center;}
    #sustainability #impact-reductions .title {
        margin-bottom: 3vh;
    }

    .de #sustainability #impact-reductions .title {
        font-size: 1.2rem;
    }
	#sustainability #impact-reductions #impact-reductions-content{width:80%;margin:0 auto}
}

@media screen and (min-width: 1025px) and (max-width: 1399px) {
    #sustainability #impact-reductions .title {
        margin-bottom: 2vh;
        font-size: 1.3125rem;
    }
}

@media screen and (min-width: 1400px) {
    #sustainability #impact-reductions .title {
        margin-bottom: 5vh;
    }
}

#sustainability #impact-reductions #impact-reductions-graph {
    position: relative;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 0.875rem;
    margin-bottom: 0.5em;
}

@media screen and (min-width: 1025px) and (max-width: 1399px) {
    #sustainability #impact-reductions #impact-reductions-graph {
        font-size: 0.8rem;
    }
}

#sustainability #impact-reductions #impact-reductions-graph #impact-legend {
    position: absolute;
    width: 12%;
    height: 100%;
    left: 0;
    top: 0;
    line-height: 1em;
    text-align: right;
}

#sustainability #impact-reductions #impact-reductions-graph #impact-legend > div {
    position: absolute;
    width: 100%;
}

#sustainability #impact-reductions #impact-reductions-graph #impact-legend #legend-resources {
    top: 3px;
}

#sustainability #impact-reductions #impact-reductions-graph #impact-legend #legend-materials {
    top: calc(12% - 0.5em);
}

#sustainability #impact-reductions #impact-reductions-graph #impact-legend #legend-research {
    top: calc(19.25% - 0.5em);
}

#sustainability #impact-reductions #impact-reductions-graph #impact-legend #legend-sourcing {
    top: calc(26.5% - 0.5em);
}

#sustainability #impact-reductions #impact-reductions-graph #impact-legend #legend-production {
    top: calc(41% - 0.5em);
}

#sustainability #impact-reductions #impact-reductions-graph #impact-legend #legend-assembly {
    top: calc(48.25% - 0.5em);
}

#sustainability #impact-reductions #impact-reductions-graph #impact-legend #legend-distribution {
    top: calc(55.5% - 0.5em);
}

#sustainability #impact-reductions #impact-reductions-graph #impact-legend #legend-use {
    top: calc(70% - 0.5em);
}

#sustainability #impact-reductions #impact-reductions-graph #impact-legend #legend-user-care {
    top: calc(77.25% - 0.5em);
}

#sustainability #impact-reductions #impact-reductions-graph #impact-legend #legend-reuse {
    top: calc(84% - 0.5em);
}

#sustainability #impact-reductions #impact-reductions-graph #impact-legend #legend-end {
    bottom: 3px;
}

#sustainability #impact-reductions #impact-reductions-graph #impact-symbol {
    position: absolute;
    z-index: 5;
    width: 25px;
    height: 100%;
    left: 13.5%;
    top: 0;
    border-left: 1px solid #fff;
}

#sustainability #impact-reductions #impact-reductions-graph #impact-symbol > div {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#sustainability #impact-reductions #impact-reductions-graph #impact-symbol .diamond {
    width: 20px;
    height: 20px;
    -webkit-transform: translateX(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
    background-color: #1e2919;
    border: 1px solid #fff;
}

#sustainability #impact-reductions #impact-reductions-graph #impact-symbol #diamond-btm {
    bottom: 0;
}

#sustainability #impact-reductions #impact-reductions-graph #impact-symbol .legend-btn {
    width: 25px;
    height: 25px;
    left: calc(50% - 25px/2);
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 50%;
}

#sustainability #impact-reductions #impact-reductions-graph #impact-symbol .legend-btn::after {
    font-family: 'arc-man-icons';
    content: "\E905";
    display: block;
    color: #000;
    font-size: 8px;
    font-weight: bold;
    text-align: center;
    line-height: 23px;
    transition: all 300ms;
}

#sustainability #impact-reductions #impact-reductions-graph #impact-symbol .legend-btn.activated {
    background-color: #1e2919;
}

#sustainability #impact-reductions #impact-reductions-graph #impact-symbol .legend-btn.activated::after {
    content: "\E900";
    color: #fff;
}

#sustainability #impact-reductions #impact-reductions-graph #impact-symbol #btn-materials {
    top: 12%;
}

#sustainability #impact-reductions #impact-reductions-graph #impact-symbol #btn-production {
    top: 41%;
}

#sustainability #impact-reductions #impact-reductions-graph #impact-symbol #btn-use {
    top: 70%;
}

#sustainability #impact-reductions #impact-reductions-graph #impact-symbol .dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
}

#sustainability #impact-reductions #impact-reductions-graph #impact-symbol #dot1 {
    top: 19.25%;
}

#sustainability #impact-reductions #impact-reductions-graph #impact-symbol #dot2 {
    top: 26.5%;
}

#sustainability #impact-reductions #impact-reductions-graph #impact-symbol #dot3 {
    top: 48.25%;
}

#sustainability #impact-reductions #impact-reductions-graph #impact-symbol #dot4 {
    top: 55.5%;
}

#sustainability #impact-reductions #impact-reductions-graph #impact-symbol #dot5 {
    top: 77.25%;
}

#sustainability #impact-reductions #impact-reductions-graph #impact-symbol #dot6 {
    top: 84%;
}

#sustainability #impact-reductions #impact-reductions-graph #impact-content {
    position: absolute;
    z-index: 2;
    width: 86.5%;
    height: 100%;
    left: 13.5%;
    text-align: center;
    line-height: 1.3em;
}

@media screen and (min-width: 1025px) and (max-width: 1399px) {
    .de #sustainability #impact-reductions #impact-reductions-graph #impact-content {
        line-height: 1.2em;
    }
}

#sustainability #impact-reductions #impact-reductions-graph #impact-content .impact-row .col {
    opacity: 0;
}

#sustainability #impact-reductions #impact-reductions-graph #impact-content .impact-row .col1 {
    transition: opacity 200ms 600ms;
}

#sustainability #impact-reductions #impact-reductions-graph #impact-content .impact-row .col2 {
    transition: opacity 200ms 400ms;
}

#sustainability #impact-reductions #impact-reductions-graph #impact-content .impact-row .col3 {
    transition: opacity 200ms 200ms;
}

#sustainability #impact-reductions #impact-reductions-graph #impact-content .impact-row .col4 {
    transition: opacity 200ms;
}

#sustainability #impact-reductions #impact-reductions-graph #impact-content .impact-row.show {
    opacity: 1;
}

#sustainability #impact-reductions #impact-reductions-graph #impact-content .impact-row.show .col {
    opacity: 1;
}

#sustainability #impact-reductions #impact-reductions-graph #impact-content .impact-row.show .col1 {
    transition: opacity 600ms 800ms;
}

#sustainability #impact-reductions #impact-reductions-graph #impact-content .impact-row.show .col2 {
    transition: opacity 600ms 1500ms;
}

#sustainability #impact-reductions #impact-reductions-graph #impact-content .impact-row.show .col3 {
    transition: opacity 600ms 2200ms;
}

#sustainability #impact-reductions #impact-reductions-graph #impact-content .impact-row.show .col4 {
    transition: opacity 600ms 2900ms;
}

#sustainability #impact-reductions #impact-reductions-graph #impact-content .impact-row.show .seperator {
    width: 87.5%;
    transition: width 1200ms;
}

#sustainability #impact-reductions #impact-reductions-graph #impact-content .impact-row .impact-text-cell.col1 {
    margin-left: 30px;
}

#sustainability #impact-reductions #impact-reductions-graph #impact-content .year,
#sustainability #impact-reductions #impact-reductions-graph #impact-content .ver-lines,
#sustainability #impact-reductions #impact-reductions-graph #impact-content .impact-text {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    position: absolute;
    width: 100%;
}

#sustainability #impact-reductions #impact-reductions-graph #impact-content .year .col {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

#sustainability #impact-reductions #impact-reductions-graph #impact-content .ver-lines {
    height: 1%;
}

#sustainability #impact-reductions #impact-reductions-graph #impact-content .ver-line {
    width: 0;
    height: 100%;
    border-right: 1px solid #fff;
}

#sustainability #impact-reductions #impact-reductions-graph #impact-content .seperator {
    position: absolute;
    width: 0;
    transition: width 700ms linear;
}

#sustainability #impact-reductions #impact-reductions-graph #impact-content .impact-text-cell {
    margin-left: 15px;
    margin-right: 15px;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

#sustainability #impact-reductions #impact-reductions-graph #impact-content .cell-title {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
}

@media screen and (min-width: 1025px) and (max-width: 1399px) {

    .de #sustainability #impact-reductions #impact-reductions-graph #impact-content .cell-title,
    .es #sustainability #impact-reductions #impact-reductions-graph #impact-content .cell-title {
        margin-top: 0.5em;
        margin-bottom: 0.5em;
    }
}

#sustainability #impact-reductions #impact-reductions-graph #impact-content #impact-row1 .year {
    top: calc(12% - 4% - 0.5em);
}

@media screen and (min-width: 1025px) and (max-width: 1399px) {

    .de #sustainability #impact-reductions #impact-reductions-graph #impact-content #impact-row1 .year,
    .es #sustainability #impact-reductions #impact-reductions-graph #impact-content #impact-row1 .year {
        top: calc(12% - 4%);
    }
}

#sustainability #impact-reductions #impact-reductions-graph #impact-content #impact-row1 .ver-lines {
    top: calc(12% - 0.5%);
}

#sustainability #impact-reductions #impact-reductions-graph #impact-content #impact-row1 .seperator {
    top: 12%;
}

#sustainability #impact-reductions #impact-reductions-graph #impact-content #impact-row1 .impact-text {
    top: calc(12% + 0.5%);
}

#sustainability #impact-reductions #impact-reductions-graph #impact-content #impact-row2 .year {
    top: calc(41% - 4% - 0.5em);
}

@media screen and (min-width: 1025px) and (max-width: 1399px) {

    .de #sustainability #impact-reductions #impact-reductions-graph #impact-content #impact-row2 .year,
    .es #sustainability #impact-reductions #impact-reductions-graph #impact-content #impact-row2 .year {
        top: calc(41% - 4%);
    }
}

#sustainability #impact-reductions #impact-reductions-graph #impact-content #impact-row2 .ver-lines {
    top: calc(41% - 0.5%);
}

#sustainability #impact-reductions #impact-reductions-graph #impact-content #impact-row2 .seperator {
    top: 41%;
}

#sustainability #impact-reductions #impact-reductions-graph #impact-content #impact-row2 .impact-text {
    top: calc(41% + 0.5%);
}

#sustainability #impact-reductions #impact-reductions-graph #impact-content #impact-row3 .year {
    top: calc(70% - 4% - 0.5em);
}

@media screen and (min-width: 1025px) and (max-width: 1399px) {

    .de #sustainability #impact-reductions #impact-reductions-graph #impact-content #impact-row3 .year,
    .es #sustainability #impact-reductions #impact-reductions-graph #impact-content #impact-row3 .year {
        top: calc(70% - 4%);
    }
}

#sustainability #impact-reductions #impact-reductions-graph #impact-content #impact-row3 .ver-lines {
    top: calc(70% - 0.5%);
}

#sustainability #impact-reductions #impact-reductions-graph #impact-content #impact-row3 .seperator {
    top: 70%;
}

#sustainability #impact-reductions #impact-reductions-graph #impact-content #impact-row3 .impact-text {
    top: calc(70% + 0.5%);
}

#sustainability #impact-reductions-m{display:none}
#sustainability #vision #vision-intro .sub-heading,#sustainability #vision #vision-intro .title{text-transform:uppercase}
@media screen and (max-width: 1024px) {
	#sustainability #impact-reductions #impact-reductions-graph{display:none}
	#sustainability #impact-reductions-m{display:block}
    #sustainability #vision #vision-intro {
        margin: 15vh auto 0;width:80%;text-align:center
    }
}

@media screen and (min-width: 1025px) {
	#sustainability #vision{position:relative;height:100vh}	
    #sustainability #vision #vision-intro {
		transform:none;
		margin:15vh auto;
		text-align:center;
		position: absolute;
		width: 22%;
		text-align: left;
		left: 10%;
		top: 50%;
		transform: translateY(-50%);
		margin: 0;
	}
	#sustainability #vision #vision-intro .title{font-size:28px}
}

@media screen and (max-width: 479px) {
    #sustainability #vision #circular-economy-graph {
        width: 100%;
    }
}

@media (min-width: 767px) and (max-width: 1024px) {
    #sustainability #vision #circular-economy-graph {
        /* NEEDED TO CATCH IPAD IN LANDSCAPE ORIENTATION */
        width: 90%;
    }
}

@media screen and (min-width: 1025px) {
    #sustainability #vision #circular-economy-graph {
		position:absolute;
		top:0;
        width: 50%;
        height: 100%;
        left: 40%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    #sustainability #vision #circular-economy-graph .graph-container {
        width: 100%;
        height: 100%;
    }
}

#sustainability #vision #circular-economy-graph .graph-container {
    width: 100%;
}

#sustainability #alpha-sv .overlay span {
	margin-bottom:0;
    display: block;	
}
#sustainability #alpha-sv .overlay span.number{font-size:55px !important}

#sustainability #alpha-sv #alpha-sv-img1 {
    z-index: 2;
}

#sustainability #alpha-sv #alpha-sv-img1 .overlay {
    background-color: rgba(255, 72, 42, 0.6);
}

#sustainability #alpha-sv #alpha-sv-img2 {
    z-index: 1;
}

#sustainability #alpha-sv #alpha-sv-img2 .overlay {
    background-color: rgba(92, 117, 30, 0.55);
}

@media screen and (max-width: 1024px) {
	#sustainability #alpha-sv #alpha-sv-img1{width:80%;margin:0 auto;height:auto}
	#sustainability #alpha-sv #alpha-sv-img1:before{content:'';display:block;width:100%;padding-top:100%}
	#sustainability #alpha-sv #alpha-sv-img1 .overlay-img{position:absolute;top:0}
    #sustainability #alpha-sv #alpha-sv-img2{height:100vh;margin-top:-5vh}
}

@media screen and (min-width: 1025px) {
	#sustainability #alpha-sv{height:100vh;}
    #sustainability #alpha-sv #alpha-sv-img1 {
		position:absolute;
        left: 0;
    }

    #sustainability #alpha-sv #alpha-sv-img2 {
		position:absolute;
        width: 35%;
        height: 90%;
        left: 29%;
        z-index: 1;
    }
}

@media screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1399px) {
    #sustainability #alpha-sv #alpha-sv-img2 .overlay {
        padding-left: 18%;
        padding-right: 18%;
    }
}

@media screen and (min-width: 1025px) {
    #sustainability #alpha-sv #alpha-sv-intro {
		position:absolute;
        width: 20%;
        right: 11%;
    }

    .de #sustainability #alpha-sv #alpha-sv-intro {
        width: 24%;
        right: 6%;
    }
}

@media screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1399px) {
    .de #sustainability #alpha-sv #alpha-sv-intro .title {
        font-size: 1.6rem;
    }
}

#sustainability #alpha-sv-infographic {
    height: 100vh;
    color: #9e9e9e;
    text-align: center;
    background-size: auto 100%;
    background-position: right center;
    background-color: #000;
    padding-top: 30px;
    padding-bottom: 30px;
}

.m-landscape #sustainability #alpha-sv-infographic {
    height: auto;
    min-height: 100vh;
}

#sustainability #alpha-sv-infographic #infographic-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

@media screen and (min-width: 1025px) {
    #sustainability #alpha-sv-infographic #infographic-content {
		position:absolute;
        width: 80%;
        height: 90%;
        left: 10%;
        top: 8%;
    }
}

#sustainability #alpha-sv-infographic p.large {
    color: #fff;
    margin-bottom: 3vh;
}

@media screen and (max-width: 1024px) {
	#sustainability #alpha-sv-infographic #infographic-content{width:80%;margin:0 auto}
    #sustainability #alpha-sv-infographic p.large {
        font-size: 16px;
    }
	#sustainability #alpha-sv #alpha-sv-intro{width:80%;margin:15vh auto;text-align:center}
}

#sustainability #alpha-sv-infographic #step-selector {
    width: 100%;
    margin-bottom: 20px;
    text-transform: uppercase;
    position: relative;
    z-index: 10;
}

#sustainability #alpha-sv-infographic #step-selector .cur-selection {
    padding: 3px 30px 3px 10px;
    border: 1px solid #c9c9c9;
    position: relative;
    background-color: #fff;
    color: #000;
    font-family: "Avenir LT W01 85 Heavy", arial, sans-serif;
}

#sustainability #alpha-sv-infographic #step-selector .cur-selection::after {
    content: "\EA50";
    font-family: "arc-man-icons";
    display: block;
    position: absolute;
    right: 10px;
    top: 3px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    transition: -webkit-transform 300ms;
    transition: transform 300ms;
    transition: transform 300ms, -webkit-transform 300ms;
}

#sustainability #alpha-sv-infographic #step-selector .cur-selection.open::after {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}

#sustainability #alpha-sv-infographic #step-selector .select-list {
    opacity: 0;
    position: absolute;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    color: #fff;
    border-left: 1px solid #c9c9c9;
    border-right: 1px solid #c9c9c9;
    background-color: #000;
}

#sustainability #alpha-sv-infographic #step-selector .select-list .step-list-item {
    padding: 3px 10px;
    border-bottom: 1px solid #c9c9c9;
}

#sustainability #alpha-sv-infographic #step-selector .select-list.show {
    opacity: 1;
}

#sustainability #alpha-sv-infographic #info-tabs {
    margin-bottom: 8vh;
}

#sustainability #alpha-sv-infographic #info-tabs #info-tab-labels {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-bottom: 1.5em;
}

#sustainability #alpha-sv-infographic #info-tabs #info-tab-labels .tab-label {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 10px;
    margin-right: 10px;
}

#sustainability #alpha-sv-infographic #info-tabs #info-tab-labels .tab-label.active {
    color: #fff;
    font-family: "Avenir LT W01 85 Heavy", arial, sans-serif;
}

#sustainability #alpha-sv-infographic #info-tabs #info-tab-line {
    border-top: 1px solid #9e9e9e;
    width: 87.5%;
    margin-left: 6.25%;
}

#sustainability #alpha-sv-infographic #info-tabs #info-tab-symbols {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

#sustainability #alpha-sv-infographic #info-tabs #info-tab-symbols .tab-dot {
    position: relative;
}

#sustainability #alpha-sv-infographic #info-tabs #info-tab-symbols .tab-dot::before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #9e9e9e;
    border-radius: 50%;
    top: -5px;
    left: -5px;
}

#sustainability #alpha-sv-infographic #info-tabs #info-tab-symbols .tab-dot.active::before {
    width: 10px;
    height: 10px;
    top: -5px;
    left: -5px;
    background-color: #fff;
}

#sustainability #alpha-sv-infographic #info-tabs #info-tab-symbols .tab-dot.active::after {
    content: '';
    position: absolute;
    left: -16px;
    top: -16px;
    width: 32px;
    height: 32px;
    border: 2px solid #fff;
    border-radius: 50%;
}

#sustainability #alpha-sv-infographic #infographic-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    width: 100%;
    height: 100%;
}

#sustainability #alpha-sv-infographic #infographic-container .step {
    position: absolute;
    width: 100%;
    height: 90%;
    left: 0;
    opacity: 0;
    transition: opacity 300ms;
}

#sustainability #alpha-sv-infographic #infographic-container .step.active {
    opacity: 1;
    position: relative;
}

#sustainability #LCA #LCA-video {
    z-index: 5;
}

#sustainability #LCA #LCA-img .image {
    background-position: bottom right;
}

.m-landscape #sustainability #LCA #LCA-img .image {
    background-position: 100% 85%;
}

@media screen and (max-width: 1024px) {
	#sustainability #alpha-sv-infographic #infographic-container{transform:translateY(20%)}
	#sustainability #LCA #LCA-video{width:80%;margin:0 auto}
	#sustainability #LCA #LCA-video:before{content:'';display:block;width:100%;padding-top:100%}
	#sustainability #LCA #LCA-video .video-background{position:absolute;top:0;width:100%;height:100%}
	#sustainability #LCA #LCA-intro{width:80%;margin:15vh auto;text-align:center}
    #sustainability #LCA #LCA-img {
        height: 100vh;margin-top:-5vh
    }
	#sustainability #alpha-sv-infographic #info-tabs{display:none}

}

@media screen and (min-width: 1025px) {
	#sustainability #alpha-sv-infographic #step-selector{display:none}
	#sustainability #LCA{height:100vh}
    #sustainability #LCA #LCA-video {
		position:absolute;
        left: 8%;
        top: 10%;
    }

    #sustainability #LCA #LCA-intro {
		position:absolute;
        width: 23%;
        height: 40%;
        left: 12%;
        top: 38%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    #sustainability #LCA #LCA-img {
		position:absolute;
        width: 48%;
        height: 90%;
        right: 0;
        z-index: 3;
    }
}

#sustainability #alpha-sv-carbon #carbon-footprints-graph {
    width: 100%;
    height: 100%;
}

#sustainability #alpha-sv-carbon #carbon-intro .title{text-transform:uppercase;font-weight:bold}
@media screen and (max-width: 1024px) {
    #sustainability #alpha-sv-carbon #carbon-intro {
		width:80%;text-align:center;
        margin: 15vh auto;
    }

    #sustainability #alpha-sv-carbon #carbon-footprints-graph-container {
        margin-top: 8vh;
        margin-bottom: 15vh;
    }
}

@media screen and (min-width: 1025px) {
	#sustainability #alpha-sv-carbon{height:100vh}
    #sustainability #alpha-sv-carbon #carbon-intro {
		position:absolute;
        width: 25%;
        left: 10%;
    }

    #sustainability #alpha-sv-carbon #carbon-footprints-graph-container {
		position:absolute;
        width: 55%;
        height: 100%;
        left: 40%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    #sustainability #alpha-sv-carbon #carbon-footprints-graph-container #carbon-footprints-graph {
        width: 100%;
        height: 100%;
    }
}

#sustainability #adam2{height:100vh}
#sustainability #adam2 #adam-img .overlay {
    background-color: rgba(216, 70, 53, 0.75);
}

@media screen and (max-width: 1024px) {
	#sustainability #adam2{height:auto;z-index:999}
	#sustainability #adam2 #adam-img{position:relative;height:auto;width:80%;margin:-5vh auto 0;}
	#sustainability #adam2 #adam-img:before{content:'';display:block;width:100%;padding-top:100%}
    #sustainability #adam #adam-video {
        height: 100vh;
    }
	#sustainability #adam2 #adam-quote{width:80%;margin:15vh auto;text-align:center}
}

#sustainability #adam2 #adam-quote .title{font-weight:bold}

@media screen and (min-width: 1025px) {
    #sustainability #adam #adam-video {		
        height: 90%;
        left: 0;
    }

    #sustainability #adam2 #adam-img {
		position:absolute;
        left: 23%;
		width:calc(30%/1.7);
		height:45%;
    }

    #sustainability #adam2 #adam-quote {
		position:absolute;
        width: 23%;
        left: 48%;
    }
}

#sustainability #sustainability-section {
    text-align: center;
    color: #fff;
}

@media screen and (max-width: 1024px) {
    #sustainability #sustainability-section {
        height: 100vh;
		display:-webkit-flex;display:-ms-flex;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;
		-webkit-transform:translateX(0px);-ms-transform:translateX(0px);transform:translateX(0px);-webkit-align-items:center;-ms-align-items:center;align-items:center;
		justify-content:center
    }
	#sustainability #sustainability-section .video-background{position:absolute;left:0;top:0;width:100%;height:100%}
}

#sustainability #sustainability-section .logo {
    display: block;
    width: 150px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0.75em;
}

#sustainability #sustainability-section #sustainability-intro {
    z-index: 5;
}

#sustainability #sustainability-section #sustainability-intro .title {
    color: #fff;
}

@media screen and (max-width: 1024px) {
    #sustainability #sustainability-section #sustainability-intro {
        position: relative;width:80%;margin:0 auto;
    }
}

@media screen and (min-width: 1025px) {
	#sustainability #sustainability-section{height:100vh;overflow:hidden}
	#sustainability #sustainability-section .title{font-size:30px}
    #sustainability #sustainability-section #sustainability-intro {
		position:absolute;
        width: 50%;
        left: 25%;
    }
	#sustainability #sustainability-section #sustainability-intro .title{font-size:30px}
}

#sustainability #sustainability-section .cta {
    margin-top: 50px;
}

#sustainability #sustainability-section a {
    color: #fff;
    text-transform: uppercase;
}

#sustainability #sustainability-section a .ico-outbound-link {
    font-size: 0.875rem;
}


.alpha-timeline {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

@media only screen and (max-width: 64em) {
	.alpha-timeline {
		width: 100vw;
		height: 130vh;
	}
}

.alpha-timeline .alpha-timeline-controls {
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 6%;
	width: 140px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

@media only screen and (max-width: 64em) {
	.alpha-timeline .alpha-timeline-controls {
		top: 35vh;
		left: 5vw;
		width: 140px;
	}
}

@media only screen and (max-width: 48em) {
	.alpha-timeline .alpha-timeline-controls {
		left: 5vw;
		width: 140px;
	}
}

@media only screen and (max-width: 40em) {
	.alpha-timeline .alpha-timeline-controls {
		top: 30vh;
		width: 100px;
	}
}

@media only screen and (max-width: 30em) {
	.alpha-timeline .alpha-timeline-controls {
		top: 30vh;
		width: 60px;
	}
}

@media only screen and (max-width: 30em) {
	.alpha-timeline .alpha-timeline-controls {
		top: 40vh;
		width: 60px;
	}
}

.alpha-timeline .alpha-timeline-controls .slider-heading {
	position: relative;
	display: block;
	margin-bottom: 2rem;
	font-family: "Avenir LT W01 95 Black", arial, sans-serif;
	font-size: 1rem;
	line-height: 131.25%;
	text-transform: uppercase;
	text-align: center;
	color: #FFFFFF;
	-webkit-touch-callout: none;
	/* iOS Safari */
	-webkit-user-select: none;
	/* Safari */
	/* Konqueror HTML */
	-moz-user-select: none;
	/* Firefox */
	-ms-user-select: none;
	/* Internet Explorer/Edge */
	user-select: none;
}

@media only screen and (max-width: 64em) {
	.alpha-timeline .alpha-timeline-controls .slider-heading {
		width: 90vw;
	}
}

.alpha-timeline .alpha-timeline-controls .slider-instruction {
	position: absolute;
	top: 50%;
	left: -90px;
	width: 200px;
	font-family: "Avenir LT W01 55 Roman", arial, sans-serif;
	font-size: 0.875rem;
	line-height: 100%;
	text-transform: uppercase;
	text-align: center;
	color: #777;
	-ms-transform: translateY(-50%) rotate(-90deg);
	-webkit-transform: translateY(-50%) rotate(-90deg);
	transform: translateY(-50%) rotate(-90deg);
	-webkit-touch-callout: none;
	/* iOS Safari */
	-webkit-user-select: none;
	/* Safari */
	/* Konqueror HTML */
	-moz-user-select: none;
	/* Firefox */
	-ms-user-select: none;
	/* Internet Explorer/Edge */
	user-select: none;
}

@media only screen and (max-width: 64em) {
	.alpha-timeline .alpha-timeline-controls .slider-instruction {
		font-size: 0.875rem;
	}
}

.alpha-timeline .alpha-timeline-controls .slider {
	display: block;
	position: relative;
	width: 100%;
	height: 330px;
	background:transparent;
	border:none
}

@media only screen and (max-width: 64em) {
	.alpha-timeline .alpha-timeline-controls .slider {
		font-size: 0.875rem;
	}
}

.alpha-timeline .alpha-timeline-controls .slider .track {
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.alpha-timeline .alpha-timeline-controls .slider .track .bar {
	position: absolute;
	display: block;
	top: 0px;
	left: 50%;
	width: 2px;
	height: 100%;
	background-color: #474747;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.alpha-timeline .alpha-timeline-controls .slider .track .drag-btn {
	position: absolute;
	display: block;
	overflow: hidden;
	top: 100%;
	left: 50%;
	width: 50px;
	height: 50px;
	border-radius: 62.5rem;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	background-color: transparent;
	border: 2px solid #FFFFFF;
	-ms-touch-action: none;
	touch-action: none;
}

@media only screen and (max-width: 64em) {
	.alpha-timeline .alpha-timeline-controls .slider .track .drag-btn {
		border: 0;
		width: 80px;
		height: 80px;
	}
}

.alpha-timeline .alpha-timeline-controls .slider .track .drag-btn .text {
	position: absolute;
	left: 100%;
}

.alpha-timeline .alpha-timeline-controls .slider .track .drag-btn:after {
	content: "";
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	width: 14px;
	height: 14px;
	background-color: #FFFFFF;
	border-radius: 62.5rem;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.alpha-timeline .alpha-timeline-controls .slider .track .dot {
	position: absolute;
	left: 50%;
	width: 8px;
	height: 8px;
	background-color: #474747;
	border-radius: 62.5rem;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.alpha-timeline .alpha-timeline-controls .slider .track .dot.y1999 {
	top: 100%;
}

.alpha-timeline .alpha-timeline-controls .slider .track .dot.y2001 {
	top: 87.5%;
}

.alpha-timeline .alpha-timeline-controls .slider .track .dot.y2002 {
	top: 75%;
}

.alpha-timeline .alpha-timeline-controls .slider .track .dot.y2007 {
	top: 62.5%;
}

.alpha-timeline .alpha-timeline-controls .slider .track .dot.y2008 {
	top: 50%;
}

.alpha-timeline .alpha-timeline-controls .slider .track .dot.y2009 {
	top: 37.5%;
}

.alpha-timeline .alpha-timeline-controls .slider .track .dot.y2010 {
	top: 25%;
}

.alpha-timeline .alpha-timeline-controls .slider .track .dot.y2012 {
	top: 12.5%;
}

.alpha-timeline .alpha-timeline-controls .slider .track .dot.y2016 {
	top: 0%;
}

.alpha-timeline .alpha-timeline-controls .slider .labels {
	position: absolute;
	z-index: 0;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	-webkit-touch-callout: none;
	/* iOS Safari */
	-webkit-user-select: none;
	/* Safari */
	/* Konqueror HTML */
	-moz-user-select: none;
	/* Firefox */
	-ms-user-select: none;
	/* Internet Explorer/Edge */
	user-select: none;
}

.alpha-timeline .alpha-timeline-controls .slider .labels .label {
	position: absolute;
	display: inline-block;
	left: 80%;
	font-family: "Avenir LT W01 55 Roman", arial, sans-serif;
	font-size: 0.875rem !important;
	line-height: 100% !important;
	text-transform: uppercase;
	color: #FFFFFF;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-touch-callout: none;
	/* iOS Safari */
	-webkit-user-select: none;
	/* Safari */
	/* Konqueror HTML */
	-moz-user-select: none;
	/* Firefox */
	-ms-user-select: none;
	/* Internet Explorer/Edge */
	user-select: none;
}

.alpha-timeline .alpha-timeline-controls .slider .labels .label.y1999 {
	top: 100%;
}

.alpha-timeline .alpha-timeline-controls .slider .labels .label.y2001 {
	top: 87.5%;
}

.alpha-timeline .alpha-timeline-controls .slider .labels .label.y2002 {
	top: 75%;
}

.alpha-timeline .alpha-timeline-controls .slider .labels .label.y2007 {
	top: 62.5%;
}

.alpha-timeline .alpha-timeline-controls .slider .labels .label.y2008 {
	top: 50%;
}

.alpha-timeline .alpha-timeline-controls .slider .labels .label.y2009 {
	top: 37.5%;
}

.alpha-timeline .alpha-timeline-controls .slider .labels .label.y2010 {
	top: 25%;
}

.alpha-timeline .alpha-timeline-controls .slider .labels .label.y2012 {
	top: 12.5%;
}

.alpha-timeline .alpha-timeline-controls .slider .labels .label.y2016 {
	top: 0%;
}

.alpha-timeline .alpha-timeline-images {
	position: absolute;
	display: block;
	z-index: 0;
	width: 35vw;
	height: 70vh;
	top: 25vh;
	left: 39vw;
}

@media only screen and (max-width: 64em) {
	.alpha-timeline .alpha-timeline-images {
		top: 22.5vh;
		left: 22vw;
		width: 80vw;
		height: 70vh;
	}
}

@media only screen and (max-width: 48em) {
	.alpha-timeline .alpha-timeline-images {
		top: 22.5vh;
		left: 22vw;
		width: 80vw;
		height: 70vh;
	}
}

@media only screen and (max-width: 40em) {
	.alpha-timeline .alpha-timeline-images {
		top: 22.5vh;
		left: 22vw;
		width: 80vw;
		height: 70vh;
	}
}

@media only screen and (max-width: 30em) {
	.alpha-timeline .alpha-timeline-images {
		top: 15vh;
		left: 33vw;
		width: 62vw;
		height: 60vh;
	}
}

.alpha-timeline .alpha-timeline-images .alpha-image {
	position: absolute;
	display: none;
	overflow: hidden;
	top: 0px;
	right: 0px;
	width: 100%;
	height: 100%;
}

.alpha-timeline .alpha-timeline-images .alpha-image {
	display: block;
	z-index: 1;
	left: 0px;
	right: auto;
}

.alpha-timeline .alpha-timeline-images .alpha-image .container {
	left: 0px;
	right: auto;
}
/*
.alpha-timeline .alpha-timeline-images .alpha-image.end {
	display: block;
	z-index: 2;
}
*/
.alpha-timeline .alpha-timeline-images .alpha-image .container {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 35vw;
	height: 70vh;
}

@media only screen and (max-width: 64em) {
	.alpha-timeline .alpha-timeline-images .alpha-image .container {
		width: 80vw;
		height: 70vh;
	}
}

@media only screen and (max-width: 48em) {
	.alpha-timeline .alpha-timeline-images .alpha-image .container {
		width: 80vw;
		height: 70vh;
	}
}

@media only screen and (max-width: 40em) {
	.alpha-timeline .alpha-timeline-images .alpha-image .container {
		width: 80vw;
		height: 70vh;
	}
}

@media only screen and (max-width: 30em) {
	.alpha-timeline .alpha-timeline-images .alpha-image .container {
		width: 62vw;
		height: 60vh;
	}
}

@media only screen and (max-width: 30em) {
	.alpha-timeline .alpha-timeline-images .alpha-image .container {
		width: 62vw;
		height: 60vh;
	}
}

.alpha-timeline .alpha-timeline-images .alpha-image .container .image.background {
	position: absolute;
	top: 0px;
	right: 0px;
	background-size: contain;
}

.alpha-timeline .alpha-timeline-facts {
	position: absolute;
	display: block;
	z-index: 1;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	margin: 0;
}

@media only screen and (max-width: 64em) {
	.alpha-timeline .alpha-timeline-facts {
		top: auto;
		bottom: 0px;
		width: 80%;
		height: 30vh;
		margin: 0 10%;
	}
}

@media only screen and (max-width: 48em) {
	.alpha-timeline .alpha-timeline-facts {
		height: 30vh;
	}
}

@media only screen and (max-width: 40em) {
	.alpha-timeline .alpha-timeline-facts {
		width: 78%;
		height: 32vh;
		margin-left: 22%;
		margin-right: 0;
	}
}

@media only screen and (max-width: 30em) {
	.alpha-timeline .alpha-timeline-facts {
		height: 50vh;
	}
}

.alpha-timeline .alpha-timeline-facts h2.fact-title {
	font-size: 0.875rem;
	text-transform: uppercase;
	color: #FFFFFF;
}

.alpha-timeline .alpha-timeline-facts .facts {
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.alpha-timeline .alpha-timeline-facts .facts #zipper {
	top: 48%;
	left: 23%;
}

.alpha-timeline .alpha-timeline-facts .facts #zipper .point {
	top: 11vh;
	left: 29vw;
}

.alpha-timeline .alpha-timeline-facts .facts #stormhood {
	top: 21%;
	left: 32.5%;
}

.alpha-timeline .alpha-timeline-facts .facts #stormhood .point {
	top: 23vh;
	left: 21vw;
}

@media screen and (max-width: 1366px) {
	.alpha-timeline .alpha-timeline-facts .facts #stormhood {
		top: 14%;
		left: 28.5%;
	}

	.alpha-timeline .alpha-timeline-facts .facts #stormhood .point {
		top: 32vh;
		left: 25vw;
	}
}

.alpha-timeline .alpha-timeline-facts .facts #microseam {
	top: 5%;
	left: 50%;
}

@media screen and (max-width: 1366px) {
	.alpha-timeline .alpha-timeline-facts .facts #microseam {
		top: 0px !important;
	}
}

.alpha-timeline .alpha-timeline-facts .facts #microseam .point {
	top: 32vh;
	left: 7.05vw;
}

.alpha-timeline .alpha-timeline-facts .facts #watertight {
	top: 21%;
	left: 67.5%;
}

.alpha-timeline .alpha-timeline-facts .facts #watertight .point {
	top: 22vh;
	left: -11.5vw;
}

@media screen and (max-width: 1366px) {
	.alpha-timeline .alpha-timeline-facts .facts #watertight {
		top: 15%;
		left: 69.5%;
	}

	.alpha-timeline .alpha-timeline-facts .facts #watertight .point {
		top: 25vh;
		left: -13vw;
	}
}

.alpha-timeline .alpha-timeline-facts .facts #goretex {
	top: 48%;
	left: 77%;
}

.alpha-timeline .alpha-timeline-facts .facts #goretex .point {
	top: 10.5vh;
	left: -15vw;
}

.alpha-timeline .alpha-timeline-facts .facts .fact {
	position: absolute;
	width: 230px;
	height: 230px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity*100)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	transition: opacity 300ms linear;
}

@media only screen and (max-width: 64em) {
	.alpha-timeline .alpha-timeline-facts .facts .fact {
		position: relative;
		display: block;
		width: auto;
		height: auto;
		margin-bottom: 0.5rem;
	}

	.alpha-timeline .alpha-timeline-facts .facts .fact h3.title {
		display: block;
		font-family: "Avenir LT W01 55 Roman", arial, sans-serif;
		font-size: 0.875rem !important;
		line-height: 100% !important;
		text-transform: none;
		color: #FFFFFF;
	}
}

.alpha-timeline .alpha-timeline-facts .facts .fact.active {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity*100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

.alpha-timeline .alpha-timeline-facts .facts .fact:hover .text .para {
	max-height: 100px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity*100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

.alpha-timeline .alpha-timeline-facts .facts .fact .line {
	position: absolute;
	display: block;
	z-index: -1;
	height: 1px;
	background-color: #FFFFFF;
	transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
}
.alpha-timeline .alpha-timeline-facts .facts .fact .line:after{width:8px;height:8px;border-radius:50%;position:absolute;content:'';background:#fff;top:-3px;right:0}

.alpha-timeline .alpha-timeline-facts .facts .fact .point {	
	position: absolute;
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 62.5rem;
	background-color: #FFFFFF;
	display:none;
}

.alpha-timeline .alpha-timeline-facts .facts .fact .background-image {
	position: absolute;
	overflow: hidden;
	z-index: 0;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	border-radius: 62.5rem;
}

.alpha-timeline .alpha-timeline-facts .facts .fact .background-image .image.background {
	position: absolute;
}

.alpha-timeline .alpha-timeline-facts .facts .fact .text {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 86%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	text-align: center;
}

.alpha-timeline .alpha-timeline-facts .facts .fact .text .title {
	display: block;
	font: "Avenir LT W01 95 Black", arial, sans-serif;
	font-size: 0.875rem !important;
	line-height: 128.57% !important;
	text-transform: uppercase;
	color: #FFFFFF;
}

.alpha-timeline .alpha-timeline-facts .facts .fact .text .para {
	display: block;
	overflow: hidden;
	margin: 0;
	font: "Avenir LT W01 55 Roman", arial, sans-serif;
	font-size: 0.875rem !important;
	line-height: 128.57% !important;
	text-transform: none;
	color: #FFFFFF;
	max-height: 0px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity*100)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	transition: all 300ms linear;
}
@media screen and (max-width:1024px){
	.alpha-timeline .alpha-timeline-facts{margin-left:0;width:100%}
	.alpha-timeline .alpha-timeline-facts .facts .fact{left:0 !important;position:static;top:0 !important}
	.alpha-timeline .alpha-timeline-facts .facts .fact#watertight,
	.alpha-timeline .alpha-timeline-facts .facts .fact#stormhood,
	.alpha-timeline .alpha-timeline-facts .facts .fact#microseam{display:block}
	.alpha-timeline .alpha-timeline-facts .facts .fact .line,.alpha-timeline .alpha-timeline-facts .facts .fact .background-image,
	.alpha-timeline .alpha-timeline-facts .facts .fact .text .para{display:none}
	.alpha-timeline .alpha-timeline-facts .facts .fact .text{position:relative}	
}

body .alpha-timeline .ui-state-default{
	width: 50px;
	height: 50px;
	border-radius: 62.5rem;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	background-color: transparent;
	border: 2px solid #FFFFFF;
	-ms-touch-action: none;
	touch-action: none;
	margin-left:74px;
	outline:none}
body .alpha-timeline .ui-state-default:after{content: "";
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	width: 14px;
	height: 14px;
	background-color: #FFFFFF;
	border-radius: 62.5rem;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);}
	#custom-handle{display:none}
	.slider .ui-widget.ui-widget-content{background:transparent;border:none;height:330px;top:43px}
body .slider .ui-state-active{background:transparent !important;border-color:#fff !important}
@media screen and (max-width:1024px){
body .alpha-timeline .ui-state-default{border:none;margin-left:35px}
.slider .ui-widget.ui-widget-content{width:100%;position:relative}
body .alpha-timeline .ui-state-default{margin-left:0;left:50%}
}