@charset "UTF-8";

body,html{
	position:fixed; overflow:hidden;
	margin:0 0; width:100%; height:100%;
	background-color:#ffcb06; color:#fff;
	font-family:'DIN', sans-serif; font-weight:500;
	text-size-adjust:none;
	-webkit-text-size-adjust:none;
	-moz-text-size-adjust:none;
	-ms-text-size-adjust:none;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

img{ border:none; }
a{ color:inherit; text-decoration:none; -webkit-transition:color 400ms linear; transition:color 400ms linear; }
div, select, a, input, img, span{ -webkit-tap-highlight-color: rgba(0,0,0,0); }

h1,h2,h3{ font-weight:inherit; font-size:inherit; line-height:inherit; margin:0; padding:0; }

.clear{ clear: both; }


.loader-container{ position:fixed; top:50%; left:50%; width:1.4em; height:1.4em; margin:-0.7em 0 0 -0.7em; background:#fff; border-radius:1000em; -webkit-transition:-webkit-transform 300ms cubic-bezier(.4,0,.4,1); transition:-webkit-transform 300ms cubic-bezier(.4,0,.4,1); -webkit-transform:scale(0,0); -ms-transform:scale(0,0); transform:scale(0,0); }
.loader-container.inactive{ opacity:0; pointer-events:none; -webkit-transition:opacity 500ms linear; transition:opacity 500ms linear;  }
.loader-txt-container{ display:none; position:fixed; background-image:url(../img/loading.gif); background-size:contain; background-repeat:no-repeat; left:50%; top:50%; }

.menu-icon-container{ cursor:pointer; position:fixed; font-size:0.01em; left:3em; top:2em; width:5em; height:5em; border-radius:5em; background:#fff; box-shadow:0.4em 0.4em 0.7em rgba(0,0,0,0.5); -webkit-transform:scale(0,0); -ms-transform:scale(0,0); transform:scale(0,0); }
.menu-icon-container.active, .menu-icon-container.ready{ -webkit-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); transform:scale(1.2,1.2); -webkit-transition:-webkit-transform 300ms 300ms cubic-bezier(0,.45,.5,1); transition:-webkit-transform 300ms 300ms cubic-bezier(0,.45,.5,1); }

.menu-label{ position:absolute; color:#000; width:56%; left:22%; top:61%; font-weight:800; }
.menu-icon-ele{ position:absolute; background:#ffcb05; width:56%; left:22%; top:40%; height:8%; margin-top:-4%; }
.menu-icon-container.active > .menu-icon-ele{ -webkit-transition:-webkit-transform 400ms 400ms cubic-bezier(0,.45,.5,1), opacity 200ms 500ms linear; transition:-webkit-transform 400ms 400ms cubic-bezier(0,.45,.5,1), opacity 200ms 500ms linear; -ms-transform-origin:50% 50%; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; } 
.menu-icon-container.active > .menu-icon-ele:nth-child(1){ -webkit-transform:translateY(-180%); -ms-transform:translateY(-180%); transform:translateY(-180%); } 
.menu-icon-container.active > .menu-icon-ele:nth-child(3){ -webkit-transform:translateY(180%);  -ms-transform:translateY(180%);  transform:translateY(180%); }

.menu-icon-container.ready > .menu-icon-ele{ -webkit-transition:-webkit-transform 400ms 400ms cubic-bezier(0,.45,.5,1), opacity 200ms 500ms linear; transition:-webkit-transform 400ms 400ms cubic-bezier(0,.45,.5,1), opacity 200ms 500ms linear; -ms-transform-origin:50% 50%; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; } 
.menu-icon-container.ready > .menu-icon-ele:nth-child(1){ -webkit-transform:translateY(-180%); -ms-transform:translateY(-180%); transform:translateY(-180%); } 
.menu-icon-container.ready > .menu-icon-ele:nth-child(3){ -webkit-transform:translateY(180%);  -ms-transform:translateY(180%);  transform:translateY(180%); }

.menu-icon-container.menu > .menu-icon-ele:nth-child(1), .menu-icon-container.menu > .menu-icon-ele:nth-child(3){ top:50%; -webkit-transition-delay:0ms; transition-delay:0ms; opacity:0; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);  }
.menu-icon-container.menu > .menu-icon-ele:nth-child(2){ top:50%;-webkit-transition-delay:0ms; transition-delay:0ms; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); }
.menu-icon-container.menu > .menu-icon-ele:nth-child(4){ top:50%;-webkit-transition-delay:0ms; transition-delay:0ms; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); }
.menu-icon-container.menu .menu-label{ opacity:0; }

.menu-icon-container.active > .menu-icon-ele:nth-child(1), .menu-icon-container.active > .menu-icon-ele:nth-child(3){ -webkit-transition-delay:0ms; transition-delay:0ms;  }
.menu-icon-container.active > .menu-icon-ele:nth-child(2){ -webkit-transition-delay:0ms; transition-delay:0ms;  }
.menu-icon-container.active > .menu-icon-ele:nth-child(4){ -webkit-transition-delay:0ms; transition-delay:0ms; }

.audio-icon-container{ position:absolute; font-size:0.01em; right:3em; top:2em; width:5em; height:5em; border-radius:5em; background:#fff; box-shadow:0.4em 0.4em 0.7em rgba(0,0,0,0.5); -webkit-transform:scale(0,0); -ms-transform:scale(0,0); transform:scale(0,0); }
.audio-icon-container.active{ -webkit-transform:scale(1,1); -ms-transform:scale(1,1); transform:scale(1,1); -webkit-transition:-webkit-transform 300ms 700ms cubic-bezier(0,.45,.5,1); transition:-webkit-transform 300ms 700ms cubic-bezier(0,.45,.5,1); }

.audio-icon-inner{ cursor:pointer; width:100%; height:100%; position:absolute; top:0; left:0; -ms-transform-origin:50% 50%; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; background-image:url(../img/icon-audio-on.svg); background-position:center center; background-repeat:no-repeat; background-size:contain; -webkit-transform:scale(0,0); -ms-transform:scale(0,0); transform:scale(0,0); -webkit-transition:-webkit-transform 400ms 700ms cubic-bezier(0,.45,.5,1); transition:-webkit-transform 400ms 700ms cubic-bezier(0,.45,.5,1); }
.audio-icon-container.active .audio-icon-inner{ -webkit-transform:scale(1,1); -ms-transform:scale(1,1); transform:scale(1,1); }
.audio-icon-inner.off{ background-image:url(../img/icon-audio-off.svg); }

.header-container{ position:fixed; color:#ffcb05; font-size:0.0105em; left:9.5em; top:2.4em; opacity:0; -webkit-transform:translateX(-10%); -ms-transform:translateX(-10%); transform:translateX(-10%); }
.header-container.active{ opacity:1; letter-spacing:0.11em; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); 
	-webkit-transition:-webkit-transform 400ms 500ms cubic-bezier(0,.45,.5,1), opacity 200ms 500ms linear, letter-spacing 400ms 500ms cubic-bezier(0,.45,.5,1); 
	transition:-webkit-transform 400ms 500ms cubic-bezier(0,.45,.5,1), opacity 200ms 500ms linear, letter-spacing 400ms 500ms cubic-bezier(0,.45,.5,1);
}
.header-container.white{ color:#fff;  }
.header-title-container{ font-size:3.5em; line-height:100%; font-weight:500; color:#ffcb05; -webkit-transition:color 400ms linear; transition:color 400ms linear; }
.header-title-container.yellow{ color:#fff; }
.header-title-container.menu{ /*color:#fff;*/ }

.body-container{ display:none; position:absolute; top:0; width:100%; height:100%; overflow:hidden;
	
}
.body-container.active{ display:block; }


.body-container, .header-title-container, .menu-icon-container, .menu-icon-container.active, .sections-container, .menu-container, .slideshow-indicator-container.menu{
	-webkit-transition:-webkit-transform 600ms 0ms cubic-bezier(0,.45,.5,1);
	transition:        -webkit-transform 600ms 0ms cubic-bezier(0,.45,.5,1);
}

.body-container.menu div, .sections-container.menu div, .slideshow-indicator-container.menu{ pointer-events:none; }

.body-container.menu, .header-title-container.menu, .sections-container.menu, .slideshow-indicator-container.menu{
	-webkit-transform:translateX(25vw); -ms-transform:translateX(25vw); transform:translateX(25vw); 
}
.menu-icon-container.menu{ 
	-webkit-transform:translateX(25vw) scale(1.2,1.2); -ms-transform:translateX(25vw) scale(1.2,1.2); transform:translateX(25vw) scale(1.2,1.2); 
}

.menu-container{ position:fixed; top:0; left:0; width:25vw; height:100%; -webkit-overflow-scrolling:touch; overflow:auto; background:#f8f4e5; 
	-webkit-transform:translateX(-25vw); -ms-transform:translateX(-25vw); transform:translateX(-25vw); 
}
.menu-container.active{ -webkit-transform:translateX(0vw); -ms-transform:translateX(0vw); transform:translateX(0vw);  }

.menu-ele{ cursor:pointer; color:#000; font-size:0.018em; font-weight:800; border-bottom:0.15em solid #ffcb06; margin:1em auto 2.8em 12%; padding-bottom:0.15em; width:75%; }
.menu-ele:nth-child(1){ margin-top:5.5em; }
.menu-ele:nth-child(4){ margin-bottom:2.2em; }
.menu-ele:nth-child(5){ margin-bottom:2.2em; }

.page-container{ background-size:cover; background-repeat:no-repeat; 
	opacity:0; pointer-events:none; position:fixed; width:100%; height:100%; top:0%; left:0; overflow:hidden; 
	/*-webkit-transform:scale(0.9,0.9); -ms-transform:scale(0.9,0.9); transform:scale(0.9,0.9); 
	-webkit-transition:-webkit-transform 1000ms 0ms cubic-bezier(0,.45,.5,1), opacity 0ms linear; transition:-webkit-transform 1000ms 0ms cubic-bezier(0,.45,.5,1), opacity 0ms linear;*/
}
/*.page-container.ready{ -webkit-transform:scale(1,1); -ms-transform:scale(1,1); transform:scale(1,1);  }*/

.page-container.out.up{   
	opacity:1; -webkit-transform:scale(0.9,0.9); -ms-transform:scale(0.9,0.9); transform:scale(0.9,0.9); 
	-webkit-transition:-webkit-transform 600ms 0ms cubic-bezier(0,.45,.5,1), opacity 0ms 1000ms linear;
	transition:        -webkit-transform 600ms 0ms cubic-bezier(0,.45,.5,1), opacity 0ms 1000ms linear;
}
.page-container.out.down{ 
	opacity:1; -webkit-transform:scale(0.9,0.9); -ms-transform:scale(0.9,0.9); transform:scale(0.9,0.9); 
	-webkit-transition:-webkit-transform 600ms 0ms cubic-bezier(0,.45,.5,1), opacity 0ms 1000ms linear;
	transition:        -webkit-transform 600ms 0ms cubic-bezier(0,.45,.5,1), opacity 0ms 1000ms linear;
}

.page-container.ready.up{   
	opacity:1; -webkit-transform:scale(0.9,0.9); -ms-transform:scale(0.9,0.9); transform:scale(0.9,0.9); 
	-webkit-transition:-webkit-transform 0ms cubic-bezier(0,.45,.5,1), opacity 0ms linear;
	transition:        -webkit-transform 0ms cubic-bezier(0,.45,.5,1), opacity 0ms linear;
}
.page-container.ready.down{ 
	opacity:1; -webkit-transform:scale(0.9,0.9); -ms-transform:scale(0.9,0.9); transform:scale(0.9,0.9); 
	-webkit-transition:-webkit-transform 0ms cubic-bezier(0,.45,.5,1), opacity 0ms linear;
	transition:        -webkit-transform 0ms cubic-bezier(0,.45,.5,1), opacity 0ms linear;
}

.page-container.active.up{ 
	opacity:1;  pointer-events:all; -webkit-transform:scale(1,1); -ms-transform:scale(1,1); transform:scale(1,1); 
	-webkit-transition:-webkit-transform 600ms 400ms cubic-bezier(0,.45,.5,1), opacity 0ms 400ms linear; 
	transition:        -webkit-transform 600ms 400ms cubic-bezier(0,.45,.5,1), opacity 0ms 400ms linear;
}
.page-container.active.down{ 
	opacity:1; pointer-events:all; -webkit-transform:scale(1,1); -ms-transform:scale(1,1); transform:scale(1,1); 
	-webkit-transition:-webkit-transform 600ms 400ms cubic-bezier(0,.45,.5,1), opacity 0ms 400ms linear; 
	transition:        -webkit-transform 600ms 400ms cubic-bezier(0,.45,.5,1), opacity 0ms 400ms linear;
}

.page-container.static{
	opacity:1; pointer-events:all; -webkit-transform:scale(1,1); -ms-transform:scale(1,1); transform:scale(1,1); 
	-webkit-transition:-webkit-transform 0ms cubic-bezier(0,.45,.5,1), opacity 0ms linear; 
	transition:        -webkit-transform 0ms cubic-bezier(0,.45,.5,1), opacity 0ms linear;
}

.page-content-container{ position:absolute; width:100%; height:100%; overflow:hidden; left:0; top:0; }
.page-container.out.up > .page-content-container{ 
	-webkit-transform:translateY(-100%); -ms-transform:translateY(-100%); transform:translateY(-100%); 
	-webkit-transition:-webkit-transform 400ms 600ms cubic-bezier(0,.45,.5,1);
	transition:        -webkit-transform 400ms 600ms cubic-bezier(0,.45,.5,1);
}
.page-container.out.down > .page-content-container{ 
	-webkit-transform:translateY(100%); -ms-transform:translateY(100%); transform:translateY(100%); 
	-webkit-transition:-webkit-transform 400ms 600ms cubic-bezier(0,.45,.5,1);
	transition:        -webkit-transform 400ms 600ms cubic-bezier(0,.45,.5,1);
}
.page-container.ready.up > .page-content-container{ 
	-webkit-transform:translateY(100%); -ms-transform:translateY(100%); transform:translateY(100%); 
	-webkit-transition:-webkit-transform 0ms cubic-bezier(0,.45,.5,1);
	transition:        -webkit-transform 0ms cubic-bezier(0,.45,.5,1);
}
.page-container.ready.down > .page-content-container{ 
	-webkit-transform:translateY(-100%); -ms-transform:translateY(-100%); transform:translateY(-100%); 
	-webkit-transition:-webkit-transform 0ms cubic-bezier(0,.45,.5,1);
	transition:        -webkit-transform 0ms cubic-bezier(0,.45,.5,1);
}
.page-container.active.up > .page-content-container{ 
	-webkit-transform:translateY(0%); -ms-transform:translateY(0%); transform:translateY(0%); 
	-webkit-transition:-webkit-transform 400ms cubic-bezier(0,.45,.5,1);
	transition:        -webkit-transform 400ms cubic-bezier(0,.45,.5,1);
}
.page-container.active.down > .page-content-container{ 
	-webkit-transform:translateY(0%); -ms-transform:translateY(0%); transform:translateY(0%); 
	-webkit-transition:-webkit-transform 400ms cubic-bezier(0,.45,.5,1);
	transition:        -webkit-transform 400ms cubic-bezier(0,.45,.5,1);
}
.page-container.static > .page-content-container{ 
	-webkit-transform:translateY(0%); -ms-transform:translateY(0%); transform:translateY(0%); 
	-webkit-transition:-webkit-transform 0ms cubic-bezier(0,.45,.5,1);
	transition:        -webkit-transform 0ms cubic-bezier(0,.45,.5,1);
}



.page-container-inner, .section-container-inner{ position:relative; width:100%; margin:auto; max-width:1720px; color:#231f20; }
.section-container-inner.grid{ width:90%; max-width:1728px;}
.page-column-left{ position:absolute; width:33%; left:7%; top:50vh;  }
.page-column-right{position:absolute; width:70.5%; max-height:84vh; right:0; top:50vh; background-size:cover; background-position:right center; background-repeat:no-repeat; overflow:hidden; }
.page-column-right.relative{ position:relative; top:auto; }

.txt-headline{    line-height:100%; font-weight:500; font-size:0.04em; }
.txt-subheadline{ line-height:100%; font-weight:300; font-size:0.026em; margin-top:0.25em; }
.txt-body{ line-height:140%; font-weight:500; font-size:0.016em; margin-top:2em;}
.txt-headline.bold{ font-weight:800; }

.page-container.showreel .txt-headline{ line-height:130%;}
.page-container.prosperity > .page-content-container, .page-container.prestige > .page-content-container, .page-container.pride > .page-content-container, .page-container.showreel > .page-content-container{ background:#fff; }

.slideshow-indicator-container{ position:fixed; top:50%; font-size:0.01em; right:3em; width:1em; margin-top:-15.6em; }
.slideshow-indicator{ cursor:pointer; display:inline-block; width:1.3em; height:1.3em; border-radius:3em; margin:0.4em auto; -webkit-transform:scale(0,0); -ms-transform:scale(0,0); transform:scale(0,0); }

.slideshow-indicator-container.active .slideshow-indicator{ -webkit-transform:scale(1,1); -ms-transform:scale(1,1); transform:scale(1,1); -webkit-transition:-webkit-transform 400ms cubic-bezier(0,.6,.2,1);  transition:-webkit-transform 400ms cubic-bezier(0,.6,.2,1);  }
.slideshow-indicator-container.active .slideshow-indicator:nth-child(1){ -webkit-transition-delay:600ms; transition-delay:600ms; }
.slideshow-indicator-container.active .slideshow-indicator:nth-child(2){ -webkit-transition-delay:630ms; transition-delay:630ms; }
.slideshow-indicator-container.active .slideshow-indicator:nth-child(3){ -webkit-transition-delay:680ms; transition-delay:680ms; }
.slideshow-indicator-container.active .slideshow-indicator:nth-child(4){ -webkit-transition-delay:780ms; transition-delay:780ms; }
.slideshow-indicator-container.active .slideshow-indicator:nth-child(5){ -webkit-transition-delay:900ms; transition-delay:900ms; }
.slideshow-indicator-container.active .slideshow-indicator:nth-child(6){ -webkit-transition-delay:1050ms; transition-delay:1050ms; }
.slideshow-indicator-container.active .slideshow-indicator:nth-child(7){ -webkit-transition-delay:1200ms; transition-delay:1200ms; }
.slideshow-indicator-container.active .slideshow-indicator:nth-child(8){ -webkit-transition-delay:1400ms; transition-delay:1400ms; }

.slideshow-indicator-back{ position:absolute; background:#fff; width:1em; height:1em; border-radius:inherit; margin:0; box-shadow:0em 0em 0.4em rgba(0,0,0,0.6); }
.slideshow-indicator-inner{ position:absolute; background:#fff; width:1em; height:1em; border-radius:inherit; margin:0; -webkit-transform:scale(0,0); -ms-transform:scale(0,0); transform:scale(0,0); 
	-webkit-transition:-webkit-transform 500ms, background 300ms 0ms linear; transition:-webkit-transform 500ms, background 300ms 0ms linear; 
}
.slideshow-indicator.active > .slideshow-indicator-inner, .slideshow-indicator.hover > .slideshow-indicator-inner{ 
	-webkit-transform:scale(1.3,1.3); -ms-transform:scale(1.3,1.3); transform:scale(1.3,1.3); background:#ffcb05;
	-webkit-transition:-webkit-transform 300ms cubic-bezier(0,.4,.5,1), background 200ms 0ms linear; transition:-webkit-transform 300ms cubic-bezier(0,.4,.5,1), background 200ms 0ms linear; 
}

video{ position:absolute; }
.video-container{ position:absolute; top:50%; left:50%; }
.poster-title-container{ position:absolute; text-align:center; opacity:1; pointer-events:none; width:90%; top:calc(50% - 0.5em); left:5%; line-height:100%; font-size:0.08em; text-shadow:0em 0em 0.5em rgba(0,22,65,0.7); letter-spacing:0; }
.page-container.active .poster-title-container{ opacity:1; pointer-events:all; 
	-webkit-animation: ani-page-title 20000ms 0ms linear infinite;
	-moz-animation:    ani-page-title 20000ms 0ms linear infinite;
	-o-animation:      ani-page-title 20000ms 0ms linear infinite;
	animation:         ani-page-title 20000ms 0ms linear infinite;
}

@-webkit-keyframes ani-page-title{
  0%   { letter-spacing:0;  }
  50%  { letter-spacing:10px; }	
  100% { letter-spacing:0; }
}

.page-nav-label{ position:absolute; font-weight:600; font-size:1.5em; width:400%; left:calc(120% + 5px); line-height:100%; top:1em; opacity:0; 
	-webkit-transform:translateX(-10%); -ms-transform:translateX(-10%); transform:translateX(-10%);
}
.page-nav-icon{ cursor:pointer; position:absolute; font-size:0.01em; width:4em; height:4em; border-radius:4em; border:2px solid #fff; -ms-transform-origin:50% 50%; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-transform:scale(0,0); -ms-transform:scale(0,0); transform:scale(0,0); -webkit-transition:-webkit-transform 400ms cubic-bezier(0,.4,.5,1); transition:-webkit-transform 400ms cubic-bezier(0,.4,.5,1); }
.page-nav-icon-inner{ opacity:0; position:absolute; width:100%; height:100%; top:0; left:0; background-image:url(../img/icon-down.svg); background-position:center center; background-repeat:no-repeat; background-size:contain; -webkit-transform:translateY(-10%); -ms-transform:translateY(-10%); transform:translateY(-10%); }
.page-nav-icon.up .page-nav-icon-inner{ background-image:url(../img/icon-up.svg); -webkit-transform:translateY(10%); -ms-transform:translateY(10%); transform:translateY(10%); }

.page-container.introduction .page-nav-icon{ box-shadow:0.4em 0.4em 0.7em rgba(0,0,0,0.5); text-shadow:0em 0em 0.5em rgba(0,0,0,0.6); }


.page-nav-icon.black .page-nav-label{ color:#231f20; }
.page-nav-icon.black{ border-color:#231f20; }
.page-nav-icon.black .page-nav-icon-inner{ background-image:url(../img/icon-down-black.svg); }
.page-nav-icon.black.up .page-nav-icon-inner{ background-image:url(../img/icon-up-black.svg); }

.page-nav-icon.active{ -webkit-transform:scale(1,1); -ms-transform:scale(1,1); transform:scale(1,1); }
.page-nav-icon.active .page-nav-icon-inner{ opacity:1; -webkit-transform:scale(1,1); -ms-transform:scale(1,1); transform:scale(1,1); }

.page-top-icon{ position:absolute; bottom:2em; left:50%; color:#231f20; font-size:0.015em; padding-bottom:0.1em; border-bottom:1px solid #231f20; letter-spacing:0.1em; }
.page-top-line{ position:absolute; bottom:0; left:50%; background-color:#231f20; font-size:0.015em; height:2em; width:1px; }

.video-play-button{ font-size:0.1em; position:absolute; top:50%; left:50%; width:1em; height:1em; margin:-0.5em 0 0 -0.5em; background-image:url(../img/icon-video.svg); background-position:center center; background-repeat:no-repeat; background-size:contain; cursor:pointer; }

.yh-button{ font-size:0.015em; padding:0.5em 0.66em; line-height:100%; overflow:hidden;  }
.yh-button-back{  position:absolute; width:0px; height:100%; top:0; left:0; background:#ffcb05; }
.yh-button-hover{ position:absolute; width:0px; height:100%; top:0; left:0; background:#ffffff; opacity:0; -webkit-transition:width 600ms 0ms cubic-bezier(0,.4,.5,1), opacity 0 600ms linear; transition:width 600ms 0ms cubic-bezier(0,.4,.5,1), opacity 0 600ms linear; }
.yh-button-label{ position:relative; letter-spacing:0.05em; line-height:100%; }

.yh-button.hover .yh-button-hover{ opacity:1; width:100%; -webkit-transition:width 600ms 0ms cubic-bezier(0,.4,.5,1), opacity 0ms 0ms linear; transition:width 600ms 0ms cubic-bezier(0,.4,.5,1), opacity 0ms 0ms linear; }
.yh-button.hover .yh-button-label{ color:#ffcb05; -webkit-transition:color 400ms 100ms linear; transition:color 400ms 100ms linear; }

.page-container.introduction .yh-button{ position:absolute; right:9%; height:1em; bottom:3.4em; padding:0.5em 0; -ms-transform-origin:100% 50%; -webkit-transform-origin:100% 50%; transform-origin:100% 50%; width:0px; }
.page-container.introduction .yh-button-label{ position:absolute; right:0.2em; height:1em; width:20em; text-align:left; }
.page-container.introduction .yh-button-back{  background-image:url(../img/icon-play.svg);    background-position:left center; background-repeat:no-repeat; background-size:2em 2em; width:22.2em; right:0; left:auto; }
.page-container.introduction .yh-button-hover{ background-image:url(../img/icon-play-on.svg); background-position:left center; background-repeat:no-repeat; background-size:2em 2em; right:0; }
.page-container.introduction.active .yh-button{ width:22.2em; -webkit-transition:width 500ms 1200ms cubic-bezier(0,.95,.93,.97); transition:width 500ms 1200ms cubic-bezier(0,.95,.93,.97); }

.page-container .page-nav-icon{ bottom:4.5em; left:7%; }
.page-container.active .page-nav-icon{ -webkit-transform:scale(1,1); -ms-transform:scale(1,1); transform:scale(1,1); -webkit-transition:-webkit-transform 400ms 1000ms cubic-bezier(0,.4,.5,1); transition:-webkit-transform 400ms 1000ms cubic-bezier(0,.4,.5,1); }
.page-container.active .page-nav-icon .page-nav-icon-inner{ opacity:1; -webkit-transform:translateY(0%); -ms-transform:translateY(0%); transform:translateY(0%); -webkit-transition:-webkit-transform 300ms 1200ms cubic-bezier(0,.4,.5,1), opacity 200ms 1200ms linear; transition:-webkit-transform 300ms 1200ms cubic-bezier(0,.4,.5,1), opacity 200ms 1200ms linear;  }

.page-container.active .page-nav-icon .page-nav-label{ opacity:1; -webkit-transform:scale(1,1); -ms-transform:scale(1,1); transform:scale(1,1);
	-webkit-transition:-webkit-transform 300ms 1200ms cubic-bezier(0,.4,.5,1), opacity 200ms 1200ms linear; 
	transition:-webkit-transform 300ms 1200ms cubic-bezier(0,.4,.5,1), opacity 200ms 1200ms linear; 
}



.page-container.introduction.active .page-nav-icon .page-nav-label{ opacity:1; -webkit-transform:scale(1,1); -ms-transform:scale(1,1); transform:scale(1,1);
	-webkit-transition:-webkit-transform 300ms 1800ms cubic-bezier(0,.4,.5,1), opacity 200ms 1800ms linear; 
	transition:-webkit-transform 300ms 1800ms cubic-bezier(0,.4,.5,1), opacity 200ms 1800ms linear; 
}
.page-container.introduction.active .page-nav-icon{ -webkit-transition:-webkit-transform 400ms 1500ms cubic-bezier(0,.4,.5,1); transition:-webkit-transform 400ms 1500ms cubic-bezier(0,.4,.5,1); }
.page-container.introduction.active .page-nav-icon .page-nav-icon-inner{ -webkit-transition:-webkit-transform 300ms 1700ms cubic-bezier(0,.4,.5,1), opacity 200ms 1700ms linear; transition:-webkit-transform 300ms 1700ms cubic-bezier(0,.4,.5,1), opacity 200ms 1700ms linear;  }

.yh-button-static{ margin-top:5em; font-size:0.012em; padding:0.8em 0; line-height:100%; position:relative; background:#ffcb05; width:8em; }
.yh-button-static-label{ position:relative; line-height:100%; text-align:center; color:#fff; }
.yh-button-static-hover{ position:absolute; width:0%; height:100%; top:0; left:0; background:#231f20; -webkit-transition:width 600ms 0ms cubic-bezier(0,.4,.5,1); transition:width 600ms 0ms cubic-bezier(0,.4,.5,1); }

.yh-button-static.hover .yh-button-static-hover{ width:100%; }
.yh-button-static.hover .yh-button-static-label{ color:#ffcb05; -webkit-transition:color 400ms 100ms linear; transition:color 400ms 100ms linear; }


.page-container.yellow .yh-button-static{ background-color:#fff; }
.page-container.yellow .yh-button-static-label{ color:#231f20; }
.page-container.yellow .yh-button-static-hover{ background-color:#231f20; }
.page-container.yellow .yh-button-static.hover .yh-button-static-label{ color:#fff; }

.page-container.yellow .page-container-inner{ color:#fff; }

@media only screen and (min-width:1024px) and (max-width:1280px) {
}
@media only screen and (min-width:0px) and (max-width:1023px){
}

@media only screen and (min-width:769px) and (max-width:1023px) {
}
@media only screen and (min-width:481px) and (max-width:768px) {
}
@media only screen and (min-width:0px) and (max-width:480px) {
}
/*
.menu-container{ 
	position:absolute; top:0; left:0; width:100%; height:100%; -webkit-overflow-scrolling:touch; overflow:auto;
	opacity:0; pointer-events:none; -webkit-transition-delay:1400ms; transition-delay:1400ms;  }
.menu-container.active{ opacity:1; pointer-events:all; -webkit-transition-delay:0ms; transition-delay:0ms; }

.menu-container-back{ position:fixed; top:0; width:100%; height:0%; background-color:#ffcb05; -webkit-transition:height 400ms 200ms cubic-bezier(0.25,0,.35,1); transition:height 400ms 200ms cubic-bezier(0.25,0,.35,1);  }
.menu-container.active .menu-container-back{ height:100%; -webkit-transition:height 700ms 0ms cubic-bezier(0.25,0,.35,1); transition:height 700ms 0ms cubic-bezier(0.25,0,.35,1); }

.menu-container-inner{ width:70.5%; margin:auto; position:relative; font-size:0.047em; font-weight:800; -webkit-perspective:18em; perspective:18em; }
.menu-ele-container{ cursor:pointer; }
.menu-ele-container:nth-child(1){ margin-top:3.7em;  }
.menu-ele-container > div{ float:left; margin-bottom:1.3em; }

.menu-ele-poster{ width:53.6%; background-position:center center; background-repeat:no-repeat; background-size:cover; }
.menu-ele-label{ margin-left:4.4%; width:42%; position:relative; }
.menu-label{ position:absolute; top:0.6em; left:0;  }
.menu-bar{ position:absolute; bottom:0; left:0; width:50%; height:0.1em; background:#000; }
.menu-bar > div{ position:absolute; top:0; left:0; width:70%; height:100%; background:#fff; -webkit-transition:width 600ms 0ms cubic-bezier(0,.4,.5,1); transition:width 600ms 0ms cubic-bezier(0,.4,.5,1); }

.menu-ele-container.hover .menu-bar > div{ width:100%; -webkit-transition:width 400ms 0ms cubic-bezier(0,.4,.5,1); transition:width 400ms 0ms cubic-bezier(0,.4,.5,1); }
.menu-ele-container{ opacity:0; -webkit-transform:rotateX(-15deg); transform:rotateX(-15deg); -webkit-transition:-webkit-transform 300ms cubic-bezier(.0,0.4,.55,1), opacity 100ms linear; transition:-webkit-transform 300ms cubic-bezier(.0,0.4,.55,1), opacity 100ms linear;  }

.menu-ele-container > div{ -webkit-transition:-webkit-transform 300ms cubic-bezier(.8,0.4,.4,1); transition:-webkit-transform 300ms cubic-bezier(.8,0.4,.4,1); }

.menu-ele-container:nth-child(8) > div{ -webkit-transform:translateY(-55em); transform:translateY(-55em);  }
.menu-ele-container:nth-child(7) > div{ -webkit-transform:translateY(-48em); transform:translateY(-48em); }
.menu-ele-container:nth-child(6) > div{ -webkit-transform:translateY(-41em); transform:translateY(-41em); }
.menu-ele-container:nth-child(5) > div{ -webkit-transform:translateY(-34em); transform:translateY(-34em); }
.menu-ele-container:nth-child(4) > div{ -webkit-transform:translateY(-27em); transform:translateY(-27em); }
.menu-ele-container:nth-child(3) > div{ -webkit-transform:translateY(-20em); transform:translateY(-20em); }
.menu-ele-container:nth-child(2) > div{ -webkit-transform:translateY(-13em); transform:translateY(-13em); }
.menu-ele-container:nth-child(1) > div{ -webkit-transform:translateY(-6em); transform:translateY(-6em); }

.menu-container.active .menu-ele-container{ -webkit-transform:rotateX(0deg); transform:rotateX(0deg); opacity:1; -webkit-transition:-webkit-transform 600ms cubic-bezier(.0,0.4,.55,1), opacity 200ms linear; transition:-webkit-transform 600ms cubic-bezier(.0,0.4,.55,1), opacity 200ms linear; }
.menu-container.active .menu-ele-container > div{   -webkit-transform:translateY(0em); transform:translateY(0em); -webkit-transition:-webkit-transform 1100ms cubic-bezier(.8,0.4,.4,1); transition:-webkit-transform 1100ms cubic-bezier(.8,0.4,.4,1); }

.menu-ele-container:nth-child(8){ -webkit-transition-delay:0ms;   transition-delay:0ms;   }
.menu-ele-container:nth-child(7){ -webkit-transition-delay:50ms;  transition-delay:50ms; }
.menu-ele-container:nth-child(6){ -webkit-transition-delay:100ms; transition-delay:100ms; }
.menu-ele-container:nth-child(5){ -webkit-transition-delay:150ms; transition-delay:150ms; }
.menu-ele-container:nth-child(4){ -webkit-transition-delay:200ms; transition-delay:200ms; }
.menu-ele-container:nth-child(3){ -webkit-transition-delay:250ms; transition-delay:250ms; }
.menu-ele-container:nth-child(2){ -webkit-transition-delay:300ms; transition-delay:300ms; }
.menu-ele-container:nth-child(1){ -webkit-transition-delay:350ms; transition-delay:350ms; }

.menu-ele-container:nth-child(8) > div{ -webkit-transition-delay:0ms;   transition-delay:0ms;   }
.menu-ele-container:nth-child(7) > div{ -webkit-transition-delay:50ms;  transition-delay:50ms; }
.menu-ele-container:nth-child(6) > div{ -webkit-transition-delay:100ms; transition-delay:100ms; }
.menu-ele-container:nth-child(5) > div{ -webkit-transition-delay:150ms; transition-delay:150ms; }
.menu-ele-container:nth-child(4) > div{ -webkit-transition-delay:200ms; transition-delay:200ms; }
.menu-ele-container:nth-child(3) > div{ -webkit-transition-delay:250ms; transition-delay:250ms; }
.menu-ele-container:nth-child(2) > div{ -webkit-transition-delay:300ms; transition-delay:300ms; }
.menu-ele-container:nth-child(1) > div{ -webkit-transition-delay:350ms; transition-delay:350ms; }



.menu-container.active .menu-ele-container:nth-child(8){ -webkit-transition-delay:300ms; transition-delay:300ms; }
.menu-container.active .menu-ele-container:nth-child(7){ -webkit-transition-delay:380ms; transition-delay:380ms; }
.menu-container.active .menu-ele-container:nth-child(6){ -webkit-transition-delay:460ms; transition-delay:460ms; }
.menu-container.active .menu-ele-container:nth-child(5){ -webkit-transition-delay:540ms; transition-delay:540ms; }
.menu-container.active .menu-ele-container:nth-child(4){ -webkit-transition-delay:620ms; transition-delay:620ms; }
.menu-container.active .menu-ele-container:nth-child(3){ -webkit-transition-delay:700ms; transition-delay:700ms; }
.menu-container.active .menu-ele-container:nth-child(2){ -webkit-transition-delay:780ms; transition-delay:780ms; }
.menu-container.active .menu-ele-container:nth-child(1){ -webkit-transition-delay:960ms; transition-delay:960ms; }

.menu-container.active .menu-ele-container:nth-child(8) > div{ -webkit-transition-delay:0ms; transition-delay:0ms;  }
.menu-container.active .menu-ele-container:nth-child(7) > div{ -webkit-transition-delay:80ms; transition-delay:80ms; }
.menu-container.active .menu-ele-container:nth-child(6) > div{ -webkit-transition-delay:160ms; transition-delay:160ms; }
.menu-container.active .menu-ele-container:nth-child(5) > div{ -webkit-transition-delay:240ms; transition-delay:240ms; }
.menu-container.active .menu-ele-container:nth-child(4) > div{ -webkit-transition-delay:320ms; transition-delay:320ms; }
.menu-container.active .menu-ele-container:nth-child(3) > div{ -webkit-transition-delay:400ms; transition-delay:400ms; }
.menu-container.active .menu-ele-container:nth-child(2) > div{ -webkit-transition-delay:480ms; transition-delay:480ms; }
.menu-container.active .menu-ele-container:nth-child(1) > div{ -webkit-transition-delay:560ms; transition-delay:560ms; }
*/
.sections-container{ position:fixed; top:0; left:0; width:100%; min-height:100%; display:none; -webkit-overflow-scrolling:touch; overflow:auto; }
.sections-container.menu{ overflow:hidden; } 


.section-container{ position:absolute; width:100%; display:none; }
.sections-container.active, .section-container.active{ display:block; }
.section-banner-container{ position:relative; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; }

.section-banner-headline{ position:absolute; top:50%; width:100%; text-align:center; font-size:0.1em; line-height:100%; text-shadow:0em 0em 0.1em rgba(0,0,0,1); }
.section-banner-headline > div:nth-child(1){ font-weight:800; }
.section-banner-headline > div:nth-child(2){ font-size:0.66em; }

.section-banner-footer{ position:absolute; bottom:0; width:100%; background:#ffcb05; color:#000; text-align:center; font-size:0.022em; padding:1.3em 0; line-height:150%; }
.section-banner-footer > div{ margin:auto; width:70%; max-width:1720px;}
.section-banner-footer.introduction > div{ margin:auto; width:100%;}

.page-scroll-icon{ position:absolute; left:50%; color:#fff; font-weight:800; font-size:0.015em; padding-bottom:0.1em; border-bottom:1px solid #fff; letter-spacing:0.1em; text-shadow:0em 0em 0.4em rgba(0,0,0,0.8); }
.page-scroll-line{ position:absolute; left:50%; background-color:#fff; font-size:0.015em; height:2em; width:1px; }

.section-body-container{ position:relative; width:100%; min-height:100%; height:auto; background:#fff; }
.section-body-container.gray{ background:#f3f3f3; }
.section-body-container.auto{ min-height:0; }
.section-body-container.floor-plan{ position:fixed; top:0; height:100%; pointer-events:none; -webkit-transform:translateY(200%);  -ms-transform:translateY(200%);  transform:translateY(200%);   }

.section-container-inner .txt-headline{ font-weight:500; font-size:0.022em; color:#000; line-height:130%; }
.section-container-inner .txt-subheadline{ font-weight:500; font-size:0.05em; color:#000; line-height:130%; }
.section-container-inner .txt-body{ line-height:140%; font-weight:500; font-size:0.022em; margin-top:0.5em; }
.section-container-inner .txt-body-small{ line-height:140%; font-weight:500; font-size:0.015em; margin-top:4em; margin-bottom:1em; }

.section-container-inner .mix-body{ line-height:200%; }
.section-container-inner .txt-smallheadline{ font-size:0.03em; color:#000; line-height:150%; margin-top:0.2em; }
.section-container-inner .txt-doubleheadline{ font-size:0.044em; color:#000; line-height:150%; letter-spacing:0; }

.section-line-container{ position:relative; width:50%; height:3px; background:#ffcb05; margin-top:0.07em; }
.section-line-container.absolute{ position:absolute; }
.section-line-container-inner{ position:absolute; width:75%; height:100%; background:#000; }

.section-body-container .page-column-left.ratio, .section-body-container .page-column-right.ratio{ top:0.1em; }
.section-body-container.reverse .page-column-left{  left:auto; right:7%; }
.section-body-container.reverse .page-column-right{ right:auto; left:0; background-position:left center; }

.page-column-right.floor-plan{ cursor:pointer; /*max-width:50%;*/ }


.home-footer-container{ position:absolute; bottom:0; left:0; width:100%; background:#ffcb05; color:#fff; text-align:center; font-size:0.025em; padding:1.6em 0; line-height:100%; }
.section-footer-container{ width:100%; background:#ffcb05; color:#fff; text-align:center; font-size:0.025em; padding:1.6em 0; line-height:100%; }
.section-footer-container > div{ cursor:pointer; }

.panels-container{ position:fixed; top:0; left:0; width:100%; height:100%; overflow:hidden; pointer-events:none; z-index:9999999; }
.panels-container.active{ pointer-events:all; }

.panel-container{ position:absolute; top:0; width:0%; height:100%; }
.panel-container:nth-child(1){ background:#ffffff; right:0; }
.panel-container:nth-child(2){ background:#a7a9ac; right:0;  }
.panel-container:nth-child(3){ background:#ffcb06; right:0;  }

.panels-container.active > .panel-container:nth-child(1){ -webkit-transition:width 700ms cubic-bezier(.6,0,.4,1), opacity 0ms 1200ms; transition:width 700ms cubic-bezier(.6,0,.4,1), opacity 0ms 1200ms; }
.panels-container.active > .panel-container:nth-child(2){ -webkit-transition:width 800ms 100ms cubic-bezier(.6,0,.4,1), opacity 0ms 1200ms; transition:width 800ms 100ms cubic-bezier(.6,0,.4,1), opacity 0ms 1200ms; }
.panels-container.active > .panel-container:nth-child(3){ -webkit-transition:width 1000ms 200ms cubic-bezier(.6,0,.4,1), opacity 0ms 1200ms; transition:width 1000ms 200ms cubic-bezier(.6,0,.4,1), opacity 0ms 1200ms; }

.panels-container.active > .panel-container:nth-child(1), .panels-container.active > .panel-container:nth-child(2), .panels-container.active > .panel-container:nth-child(3){ width:100%; opacity:0; }

.panel-container:nth-child(4){ background:#ffffff; left:0; }
.panel-container:nth-child(5){ background:#a7a9ac; left:0; }
.panel-container:nth-child(6){ background:#ffcb06; left:0; }

.panels-container.active > .panel-container:nth-child(4){ -webkit-transition:width 1000ms 1400ms cubic-bezier(.6,0,.4,1), opacity 0ms 1200ms; transition:width 1000ms 1400ms cubic-bezier(.6,0,.4,1), opacity 0ms 1200ms; }
.panels-container.active > .panel-container:nth-child(5){ -webkit-transition:width 800ms 1300ms cubic-bezier(.6,0,.4,1), opacity 0ms 1200ms; transition:width 800ms 1300ms cubic-bezier(.6,0,.4,1), opacity 0ms 1200ms; }
.panels-container.active > .panel-container:nth-child(6){ -webkit-transition:width 700ms 1200ms cubic-bezier(.6,0,.4,1), opacity 0ms 1200ms; transition:width 700ms 1200ms cubic-bezier(.6,0,.4,1), opacity 0ms 1200ms; }

.panels-container > .panel-container:nth-child(4), .panels-container > .panel-container:nth-child(5), .panels-container > .panel-container:nth-child(6){ width:100%; opacity:0; }

.panels-container.active > .panel-container:nth-child(4), .panels-container.active > .panel-container:nth-child(5), .panels-container.active > .panel-container:nth-child(6){ width:0%; opacity:1; }

.section-grid-margin{ height:0.1em; width:100%;}
.section-grid-margin.half{ height:0.05em; width:100%;}
.section-grid-continer{ position:relative; background-position:center center; background-repeat:no-repeat; background-size:cover; font-size:0.025em; padding:2em 0 2.7em 0; line-height:170%; color:#fff; }
.section-grid-continer.yellow{  background:#ffcb05; color:#000;  }
.section-grid-continer.gray{  background:#414042; color:#fff; }
.section-grid-continer.lightgray{ background:#f1ebe9; color:#404042; }

.section-grid-continer > div{ width:80%; margin:auto; }

.section-grid-continer.profile{ width:90%; margin:auto; }
.section-grid-continer > .profile-container{ float:left; position:relative; margin:auto; }
.section-grid-continer > .profile-container.captions{ width:74%; }
.section-grid-continer > .profile-container.space{ width:1.5em; }
.section-grid-continer > .profile-container.image{ width:calc(26% - 1.5em); color:#404042; }

.quote-container{ float:left; 
	background-image:url(../img/pride/quote-open-gray.svg),url(../img/pride/quote-close-gray.svg); 
	background-repeat:no-repeat;  
	background-position:top left, bottom right;
	background-size:2em 2em, 1em 3.5em;
	width:calc(100% - 4em);
	padding:0 1.5em 0 2.5em;
	color:#404042;
}

.section-grid-continer > .profile-container.image.white{ color:#fff; }
.quote-container.white{ background-image:url(../img/pride/quote-open-white.svg),url(../img/pride/quote-close-white.svg); color:#fff; }
.section-grid-continer > .profile-container.image.red{ color:#662f22; }
.quote-container.red{ background-image:url(../img/pride/quote-open-red.svg),url(../img/pride/quote-close-red.svg); color:#662f22; }
.section-grid-continer > .profile-container.image.gold{ color:#6a4f00; }
.quote-container.gold{ background-image:url(../img/pride/quote-open-gold.svg),url(../img/pride/quote-close-gold.svg); color:#6a4f00; }

.quote-container-extend{ display:none; }

.btn-more{ cursor:pointer; display:inline-block; clear:both; margin:2em 0 0 0; border-bottom:1px solid #fff; line-height:130%; font-size:0.5em; }
.btn-more.inactive{ pointer-events:none; opacity:0; }
.btn-more.gray, .quote-container-extend.gray{ color:#414042; }
.btn-more.white, .quote-container-extend.white{ color:#fff; }
.btn-more.red, .quote-container-extend.red{ color:#662f22; }
.btn-more.gold, .quote-container-extend.gold{ color:#6a4f00; }

.btn-more.gray{ border-color:#414042; }
.btn-more.white{ border-color:#fff; }
.btn-more.red{ border-color:#662f22; }
.btn-more.gold{ border-color:#6a4f00; }


.profile-image{ width:100%; background-color:#000; margin-bottom:0.5em; background-size:cover; background-position:center center; background-repeat:no-repeat; }
.profile-caption{ line-height:100%;  }
.profile-description{ margin:0.05em; font-size:0.5em; line-height:160%; }

.profile-image.goncalo-mendes-da-maia{ background-image:url(../img/goncalo-mendes-da-maia.jpg); }
.profile-image.prof-lung{ background-image:url(../img/prof-lung.jpg); }
.profile-image.chan-leung-choi{ background-image:url(../img/chan-leung-choi.jpg); }

.gallery-ele{ float:left; background:#000; width:calc(33% - 10px); margin:5px; cursor:pointer; background-size:cover; background-position:center center; background-repeat:no-repeat;  }

.gallery-ele.full{ width:calc(100% - 6px); margin:10px 3px; }
.gallery-ele.half{ width:calc(50% - 6px); margin:10px 3px; }

.overlayer-container{ position:fixed; width:100%; height:100%; top:0; left:0; background-color:rgba(35,31,32,0.7); opacity:0; pointer-events:none; 
	-webkit-transition:opacity 400ms linear; transition:opacity 400ms linear;
}
.overlayer-container.active{ pointer-events:all;  opacity:1; }
.overlayer-container-inner, .overlayer-container-video{ position:fixed; top:10%; left:10%; width:80%; height:80%; background-repeat:no-repeat; background-position:center center; background-size:contain; }
.overlayer-container-inner.floor-plan{ background-color:#fff; }


.overlayer-nav-container{ position:fixed; width:9%; background-position:center center; background-size:contain; background-repeat:no-repeat; height:5%;  top:50%; margin-top:-2%; cursor:pointer; opacity:0; pointer-events:none;  }
.overlayer-nav-container.prev{ left: 0;  background-image:url(../img/arrow-prev.svg); }
.overlayer-nav-container.next{ right:0; background-image:url(../img/arrow-next.svg); }
.overlayer-nav-container.active{ opacity:1; pointer-events:all; }
.overlayer-container-video{ display:none; }

.overlayer-close-button{ cursor:pointer; position:absolute; font-size:0.01em; right:3em; top:2em; width:5em; height:5em; border-radius:5em; border:2px solid #fff; /*box-shadow:0.4em 0.4em 0.7em rgba(0,0,0,0.5);*/ -webkit-transform:scale(0,0); -ms-transform:scale(0,0); transform:scale(0,0); background-image:url(../img/icon-close.svg); background-repeat:no-repeat; background-position:center center; background-size:contain; }
.overlayer-container.active .overlayer-close-button{ -webkit-transform:scale(1,1); -ms-transform:scale(1,1); transform:scale(1,1); -webkit-transition:-webkit-transform 300ms 100ms cubic-bezier(0,.45,.5,1); transition:-webkit-transform 300ms 100ms cubic-bezier(0,.45,.5,1); }


.video-thumb-container{ position:absolute; width:22%; border:0.01em solid #000; border-bottom:none; border-top:none; background:#000; right:5%; background-repeat:no-repeat; background-position:center center; background-size:cover; cursor:pointer; }
.video-thumb-container:nth-child(4){ background-image:url(../img/customization/001-v.jpg); top:45%; bottom:auto; }
.video-thumb-container:nth-child(5){ background-image:url(../img/customization/002-v.jpg); bottom:auto; top:68%;}

.arrow-container{ position:absolute; width:calc(21.5% - 0.02em + 3px); left:51.5%; background-repeat:no-repeat; background-position:center center; background-size:contain;}
.arrow-container.arrowA{ background-image:url(../img/customization/arrow-1.svg); background-position:bottom left; top:55%; }
.arrow-container.arrowB{ background-image:url(../img/customization/arrow-2.svg); background-position:bottom left; top:32%; width:calc(18% - 0.02em + 3px); left:57.5%; }

#yt-player{ pointer-events:none; opacity:0; }
#yt-player.active{ pointer-events:all; opacity:1; }

@media only screen and (min-width:0px) and (max-width:768px) {
/*
body,html{ overflow:hidden; }
body.active, html.active{ overflow:auto; -webkit-overflow-scrolling:touch;  }
*/	
.page-nav-icon, .overlayer-close-button{ border-width:1px; }
.page-container{  position:fixed; }	

.page-column-left{ top:48vh;  }
.page-column-right{ max-height:84vh; top:48vh; }	
	

@-webkit-keyframes ani-page-title{
  0%   { letter-spacing:0;  }
  50%  { letter-spacing:0em; }	
  100% { letter-spacing:0; }
}	
	
}