/* The monkeys learn by watching you */

@font-face{font-family:NotoSansSC-Black;src:url(../../../../../lib/font/NotoSansSC/NotoSansSC-Black.otf);}
@font-face{font-family:NotoSansSC-Bold;src:url(../../../../../lib/font/NotoSansSC/NotoSansSC-Bold.otf);}
@font-face{font-family:NotoSansSC-Light;src:url(../../../../../lib/font/NotoSansSC/NotoSansSC-Light.otf);}
@font-face{font-family:NotoSansSC-Medium;src:url(../../../../../lib/font/NotoSansSC/NotoSansSC-Medium.otf);}
@font-face{font-family:NotoSansSC-Regular;src:url(../../../../../lib/font/NotoSansSC/NotoSansSC-Regular.otf);}
@font-face{font-family:NotoSansSC-Thin;src:url(../../../../../lib/font/NotoSansSC/NotoSansSC-Thin.otf);}

@font-face{font-family:Roboto-Thin;src:url(../../../../../lib/font/Roboto/Roboto-Thin.otf);}
@font-face{font-family:Roboto-Regular;src:url(../../../../../lib/font/Roboto/Roboto-Regular.otf);}
@font-face{font-family:Roboto-Medium;src:url(../../../../../lib/font/Roboto/Roboto-Medium.otf);}
@font-face{font-family:Roboto-Light;src:url(../../../../../lib/font/Roboto/Roboto-Light.otf);}
@font-face{font-family:Roboto-Bold;src:url(../../../../../lib/font/Roboto/Roboto-Bold.otf);}
@font-face{font-family:Roboto-Black;src:url(../../../../../lib/font/Roboto/Roboto-Black.otf);}


@charset "utf-8";
::-moz-selection{background-color:var(--theme-ui-colors-primary);color:var(--theme-ui-colors-textInversed);}
::selection{background-color:var(--theme-ui-colors-primary);color:var(--theme-ui-colors-textInversed);}
html{
--theme-ui-colors-text-light:#fff;
--theme-ui-colors-text-link:#f60201;
--theme-ui-colors-text-main:#000;
--theme-ui-colors-text:#5a5a5a;
--theme-ui-colors-textInversedSoft:#F4DDBE;
--theme-ui-colors-textInversed:#fff;
--theme-ui-colors-background:#F4F4F2;
--theme-ui-colors-backgroundPure:#fff;
--theme-ui-colors-backgroundDark:#142855;
--theme-ui-colors-primary:#f60201;
--theme-ui-colors-secondary:#212529;
--theme-ui-colors-muted:#f4f7f8;
--theme-ui-colors-border:#D4D5D4;
color:var(--theme-ui-colors-text);}


html,body{scroll-behavior:smooth;}
body{font-size:17px;background:var(--theme-ui-colors-textInversed);color:var(--theme-ui-colors-text);margin:0;padding:0;font-weight:400;font-family:Roboto-Regular,NotoSansSC-Regular,Roboto,Hiragino Sans GB,WenQuanYi Micro Hei,Heiti SC,Microsoft YaHei,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;overflow-x:hidden;}
::-webkit-scrollbar{width:6px;height:6px;background-color:var(--theme-ui-colors-background);}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.1);background-color:transparent;border-radius:10px;}
::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.1);background:#000;}
*,::before,::after{box-sizing:border-box;}
figure{margin:2em auto;}
figure img{border-radius:0.6em;}
figcaption{margin-top:1em;font-size:0.9rem;}
.dark figcaption{color:var(--theme-ui-colors-textInversed);}
a{color:var(--theme-ui-colors-text-link);text-decoration:none;text-decoration:none;outline:none;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;}
a:hover{color:var(--theme-ui-colors-primary);text-decoration:none;}
a:active{color:var(--theme-ui-colors-secondary);}
a,a:visited,a:hover,a:active,a:focus,button,button:visited,button:hover,button:active,button:focus{outline:0!important;outline:none!important;text-decoration:none!important;}
p{margin:1.4em 0;line-height:1.6;letter-spacing:0.02em;display:block;}
.hide{display:none!important;}
h1,h2,h3,.cat-head{color:var(--theme-ui-colors-text-main);}
h1,h2,h1 em,h2 em,.cat-head{font-family:Roboto-Black,NotoSansSC-Black;}
h1 span,h2 span{font-family:Roboto-Light,NotoSansSC-Light;}
h3,h4{font-family:Roboto-Bold,NotoSansSC-Bold;}
h4{font-size:1.2rem;}
.ch{}
.en{font-family:Roboto-Regular,Roboto-Regular;}
blockquote{font-size:1.6em;padding:1.6em;color:#fff;font-family:Roboto-Light,NotoSansSC-Light;background:rgba(16,180,224,0.5);border-radius:0.3em;text-shadow:2px 2px 0 rgba(0,0,0,0.1);font-family:NotoSansSC-Medium!important;position:relative;}

*,*:after,*:before{-webkit-box-sizing:border-box;box-sizing:border-box;}
.clearfix:before,.clearfix:after{content:'';display:table;}
.clearfix:after{clear:both;}
.hidden{position:absolute;overflow:hidden;width:0;height:0;pointer-events:none;}
em{font-style:normal;}
img{-webkit-transition:0.9s;-o-transition:0.9s;transition:0.9s;}
video{width:100%;max-width:100%;height:auto;}
legend{border:none;font-size:0.9em;}

.shyMee{transition:all .5s;}
.shyMee.hide{opacity:0;transition:all 1.5s;}
.shyMee.show{opacity:1;transition:all 1.5s;}

#main #sticky{display:none!important;}
#sticky{width:100%;}
#StickyNav{font-size:0.9em;right:0;bottom:40%;position:fixed;z-index:100000000;animation:fadeIn ease 3s;-webkit-animation:fadeIn ease 3s;-moz-animation:fadeIn ease 3s;-o-animation:fadeIn ease 3s;-ms-animation:fadeIn ease 3s;box-shadow:0 0 30px 0 rgba(0,0,0,0.08);background:rgba(255,255,255,0.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}
#StickyNav ul,#StickyNav li{list-style-type:none;padding:0;margin:0;}
#StickyNav ul{border-top:1px solid rgba(16,180,224,1);border-left:1px solid rgba(16,180,224,1);}
#StickyNav li a{padding:0.6em 1em;border-bottom:1px solid rgba(16,180,224,1);color:#000;display:block;}
#StickyNav li a:hover{background:rgba(16,180,224,1);color:#fff;}
#StickyNav li:last-child a{}

@media (max-width:768px){
#StickyNav{right:auto;width:100%;bottom:0;}
#StickyNav ul{width:100%;border:none;}
#StickyNav li{display:inline-block;width:33.333%;float:left;text-align:center;}
#StickyNav li a{padding:1em 0.4em;border-bottom:none;background:rgba(16,180,224,0.3)}
}

.media-video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0;}
.media-video .video-js{width:100%;height:100%;position:absolute;}
.video-wrapper{position:absolute;top:50%;transform:translate(-50%,-50%);left:50%;width:100%;}
.video-wrapper > video.has-media-controls-hidden::-webkit-media-controls{display:none;}
.video-overlay-play-button{box-sizing:border-box;width:100%;height:100%;padding:10px calc(50% - 50px);position:absolute;top:0;left:0;display:block;opacity:0.95;cursor:pointer;background-image:linear-gradient(transparent,#000);transition:opacity 150ms;}
.video-overlay-play-button:hover{opacity:1;}
.video-overlay-play-button.is-hidden,.vjs-dock-text{display:none;}
.vjs-poster{background-color:none!important;}
.video-box{position:relative;width:100%;height:100%;}
.video-display{position:relative;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:0.8em;overflow:hidden;}

span.copy-link-icon{right:1em;top:1em;color:var(--theme-ui-colors-text-main);font-weight:500;z-index:100000000;position:absolute;overflow:initial;white-space:nowrap;display:block;cursor:pointer;background:transparent;transition:all .5s;}
span.copy-link-icon:before,span.copy-link-icon:after{display:block;padding:0;transition:all .5s;}
span.copy-link-icon:before{content:'分享';font-size:0.8em;padding:0.2em 0.9em;background:var(--theme-ui-colors-backgroundPure);border:1px solid #000;border-radius:50px;position:relative;display:block;transform:rotate(0deg);}
span.copy-link-icon:after{content:'';position:relative;display:block;transform:rotate(0deg);}
span.copy-link-icon.copy-link-icon--clicked{}
span.copy-link-icon.copy-link-icon--clicked:before{content:'链接已复制,即可分享';background:#000;color:var(--theme-ui-colors-textInversed);border-color:transparent;}
span.copy-link-icon .tooltip{display:block;left:0;top:0;margin-bottom:0;opacity:0;pointer-events:none;position:absolute;text-align:center;transform:translateY(0);transition:all 0.25s ease-out;}
span.copy-link-icon:hover .tooltip{opacity:1;pointer-events:auto;transform:translateX(-60px);}

.navbar-brand img{width:140px;}

.section.long{padding-bottom:15%;}
.full{width:100%!important;}
.btn{padding:0.2em;font-size:0.9em;margin:0 auto 1em auto;font-weight:bold;color:var(--theme-ui-colors-background);background-color:var(--theme-ui-colors-primary);border-radius:50px;font-weight:500;box-sizing:border-box;min-width:0;appearance:none;display:inline-flex;text-align:center;text-decoration:none;position:relative;align-items:center;justify-items:center;justify-content:center;}
.btn span{padding:0.2em 0.8em 0.2em 0.6em;}
.btn.dark{background:none;color:var(--theme-ui-colors-textInversed);border:1px solid var(--theme-ui-colors-primary);}
.btn.light{color:var(--theme-ui-colors-text);background:var(--theme-ui-colors-muted);border: 1px solid rgba(16,180,224,1)}
.btn.light:hover{color:var(--theme-ui-colors-background);}
.btn-link{margin:0 0 0 0.6rem;color:var(--theme-ui-colors-text-link);box-sizing:border-box;min-width:0;}
.btn:hover{border-color:transparent;color:var(--theme-ui-colors-background);background-color:#0ab3df;}
.btn i{width:28px;height:28px;padding:0.4em 0.5em 0.5em 0.5em;margin:0;line-height:1;text-align:center;border:1px solid var(--theme-ui-colors-textInversed);border-radius:50%;}


.btn svg{color:var(--theme-ui-colors-primary);}
.btn:hover svg{color:var(--theme-ui-colors-background);}
img.img-responsive{width:100%;height:auto;}
img.chart{width:80%;display:block;margin:2em auto;}
img.img-figure{padding:2em;background:var(--theme-ui-colors-muted);}
.img-portrait{width:50%;margin:auto;display:block;}

.desc{padding:0;margin:0 auto 4em auto;}
.desc-detail{padding:0 0 0 1em;margin:0;border-left:2px solid var(--theme-ui-colors-primary);font-size:0.9rem;display:block;}
.desc-detail dt{float:left;margin-right:0.2em;}
.desc-detail dt:after{content:':';padding:0 0.2em;}
.desc-detail dd{margin:0;}
.desc-detail dd:after{content:'';clear:both;display:block;}

.em{border:2px solid var(--theme-ui-colors-primary);padding:1.4em;font-weight:bold;}

.enclose{position:relative;}

.clip{margin-bottom:-7%;clip-path:polygon(0 8%, 100% 0, 100% 90%, 0% 100%);000clip-path:polygon(0 0, 100% 0%, 100% 90%, 0 100%);overflow:hidden;}
#brand{width:100%;z-index:10000000001;position:absolute;}

.topnavbar-primary .cta-holder-subscribe{float:left;margin-right:10px;}
.toggle-btn{right:5.4em;top:1.2em;font-size:0.8em;width:90px;background:rgba(145,224,242,0.7);color:#000;border-radius:50px;overflow:hidden;text-align:center;position:absolute;}

.readmore{padding:1.6em 3em!important;margin:3em auto 2em auto;font-size:0.9em;border-radius:0.4em;background:var(--theme-ui-colors-muted);}
.readmore:before{content:'延伸阅读';padding-bottom:0.6em;display:block;font-weight:bold;color:var(--theme-ui-colors-text-main);}
.readmore a{color:var(--theme-ui-colors-text);}

@media (max-width:768px){
.img-portrait{width:100%;}
.toggle-btn{margin-top:0;}
.readmore{padding:1.6em 2em!important;}
}

.toggle-btn .switch-to-lang-tw{position:absolute;top:0;bottom:0;right:3px;width:42px;display:flex;align-items:center;justify-content:center;z-index:3;pointer-events:none;}
.toggle-btn-checkbox{cursor:pointer;position:absolute;top:0;left:0;bottom:0;width:100%;height:100%;opacity:0;z-index:2;}
.toggle-btn-checkbox:checked + .toggle-btn-label:before{transform:translateX(42px);transition:transform 100ms linear;}
.toggle-btn-checkbox + .toggle-btn-label{position:relative;padding:0.1em 0.4em;display:block;user-select:none;left:3px;width:42px;pointer-events:none;}
.toggle-btn-checkbox + .toggle-btn-label:before{content:"";background:#fff;height:26.5px;width:100%;position:absolute;left:0;top:0.16em;border-radius:30px;transform:translateX(0);transition:transform 100ms;}
.toggle-btn-checkbox + .toggle-btn-label .toggle-btn-label-span{position:relative;top:0.28em;}
.toggle-btn-checkbox:checked + .toggle-btn-label:before{transform:translateX(42px);transition:transform 100ms linear;}


.image-preload{position:absolute;left:-9999px;}
#intro{width:100%;height:100vh;margin-bottom:0;display:block;}
#intro .section-img,#intro .section-content{width:auto;}
#container{background:url("../../imgs/introscape.jpg") no-repeat center top;background-size:cover;}
.slideshow{position:relative;height:100vh;width:100vw;background:url("../../imgs/introscape.jpg") no-repeat center top;background-size:cover;overflow:hidden;}
.slideshow::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(255, 255, 255, 0.2);}

section{height:100vh;}

.headline{top:30%;width:50%;left:25%;margin:auto;z-index:1000;position:absolute;display:block;color:#252445;}
.headline h1{font-size:5em;letter-spacing:0.1em;margin:-10% auto 0.4em auto;text-align:center;font-family:Roboto-Light,NotoSansSC-Light;}
.headline em{font-family:Roboto-Black,NotoSansSC-Black;}
.headline span{font-size:1.2em;line-height:1.2;padding:2em;box-shadow:0 0 20px 0 rgb(0,0,0,0.06);text-align:left;display:block;background:rgba(255,255,255,0.2);}
.headline span p{padding:0;margin:0.4em 0;}
.headline .one,.headline .two{width:100%;min-height:150px;margin:auto;display:block;}
.headline .one{background:url("../../imgs/text-singapore.svg?v1c") no-repeat center top;}
.headline .two{margin-left:10%;background:url("../../imgs/text-stays-afloat.svg?v1c") no-repeat center top;}
.invisible{opacity:0;-webkit-animation:fading ease-in 1s;animation:fading ease-in 1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:1s;animation-duration:1s;visibility:initial!important;}
.invisible.one{-webkit-animation-delay:1.2s;animation-delay:1.2s;-webkit-animation-duration:1.4s;animation-duration:1.4s;}
.invisible.two{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-duration:2.4s;animation-duration:2.4s;}
.invisible.three{-webkit-animation-delay:0.2s;animation-delay:0.2s;-webkit-animation-duration:0.8s;animation-duration:0.8s;}

.capsule{padding:1em 3em;background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}

@-webkit-keyframes fading{
from{opacity:0;}
to{opacity:1;}
}
@-moz-keyframes fading{
from{opacity:0;}
to{opacity:1;}
}

@keyframes fading{
from{opacity:0;}
to{opacity:1;}
}

@keyframes typing{
from{width:0;}
}
@-webkit-keyframes typing{
from{width:0;}
}

@keyframes cursor-blink{
50%{border-color:transparent;}
}

@keyframes shadowAnimation{
0%{background-position:100% -100%;}
}
@-webkit-keyframes shadowAnimation{
0%{background-position:100% -100%;}
}

@keyframes blur{
0%{-webkit-filter:blur(40px);-moz-filter:blur(40px);-o-filter:blur(40px);-ms-filter:blur(40px);}
100%{-webkit-filter:blur(0);-moz-filter:blur(0);-o-filter:blur(0);-ms-filter:blur(0);}
}


@media (min-width:1100px) and (min-height:400px) and (max-height:700px) and (orientation:landscape){
.headline h1{margin:-20% auto 0.4em auto;}
.headline .one,.headline .two{width:100%;min-height:100px;}
.headline span{padding:1em;}
.section.jumbotron .section-text{height:auto;}
}

@media (min-width:1000px) and (max-width:1200px) and (orientation:landscape){
.headline h1{font-size:4em;}
}
@media (min-width:1000px) and (max-width:1100px) and (orientation:landscape){
.headline{top:25%;width:70%;left:15%;}
}

@media (max-width:768px){
.video-display{border-radius:0.4em;}
#intro .section-img{height:100vh;}
#intro .section-content{margin-top:-85vh;min-height:50%;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;}
.slideshow{background-size:auto 106%!important;}
.headline{top:10%;width:90%;left:5%;}
.headline h1{font-size:3.8em;letter-spacing:0;text-align:center;}
.headline em{display:block;}
.headline span{font-size:1.1em;line-heigh:1.3;padding:1em 2em;}
.headline .one,.headline .two{min-height:80px;}
.headline .two{margin-left:auto;}
.capsule{padding:1em;}
}

.section{min-height:100vh;border-radius:0;z-index:2;display:flex;position:-webkit-sticky;position:sticky;background-position:center;background-repeat:no-repeat!important;background-attachment:fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:100%;overflow:hidden;}


#canvas{width:100vw;height:100vh;position:fixed;top:0;z-index:10;}




.section.clip{min-height:100vh;}
.section h3{font-size:1.2em;}
.section.dark,.section.dark h2{color:var(--theme-ui-colors-text);}
.section.dark.jumbotron-left .section-text{padding:2em 4em;}
.section.dark p a{padding:0 0 0.1em 0;border-bottom:2px solid var(--theme-ui-colors-primary);color:var(--theme-ui-colors-textInversed);}
.section.light.jumbotron-left .section-text,.section.default.jumbotron-left .section-text{padding:2em 4em;background:rgba(255,255,255,0.2);color:var(--theme-ui-colors-text-light);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}
.section.stale .section-text{padding:2em;border:1px solid #eee;box-shadow:0 0 16px 0 rgb(0,0,0,0.06);background:rgba(255,255,255,0.7);color:var(--theme-ui-colors-text-main);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}
.section.default.jumbotron-left .section-text{color:var(--theme-ui-colors-text-main);}
.section.light a{padding:0.2em;background:var(--theme-ui-colors-primary);color:var(--theme-ui-colors-textInversed);}
.billboard.stale .section-text{color:var(--theme-ui-colors-text)!important;}

.section > *{width:50%;}
.section.jumbotron{background:none;padding:0;margin-bottom:0;}
.section.jumbotron .container{margin:1em auto;}
.section.jumbotron .section-content000,.section.jumbotron .section-text{width:100%;margin:auto;}
.section.jumbotron .section-text{font-size:1em;}
.section-img{position:relative;display:flex;}
.section-img-inner{height:100%;width:50%;top:0;left:0;position:fixed;mix-blend-mode:multiply;background-size:100%;background-repeat:no-repeat;background-position:50% 50%;filter:blur(10px);opacity:0;background-color:transparent;transition:filter 0.4s ease;000transition:filter 0.1s ease, opacity 0.1s ease;}
.section.active .section-img-inner,.section.active.stale.first .section-img-inner,.section.active.stale.last .section-img-inner{opacity:1;background-position:50% 50%;filter:blur(0);}
.section.active{z-index:1000;}
.billboard-video .section-img-inner{filter:none;transition:none;filter:none;}

.stale.first .section-img-inner,.section-img-inner.video-media,.stale.last .section-img-inner{filter:blur(10px);opacity:0;transition:none!important;}
.stale.last .section-img-inner{}
.stale .section-img-inner{filter:none;}
.section-img-inner.video-media{padding:1em;}
.video-media .vjs-poster{background-color:#fff;}
.video-media #controls{display:none;}

.section-img.display-chart .section-img-inner{background-size:80%;background-position:center 40%;}
.section-content{min-height:100vh;display:flex;align-items:center;position:relative;}
.jumbotron-left{z-index:100;/*box-shadow:0 0 100px 0 rgba(0,0,0,0.1);-webkit-box-shadow:0 0 100px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 0 100px 0 rgba(0,0,0,0.1);*/}
.section.clip .section-content{padding-bottom:6em;}
.section .container{width:60%;margin:6em auto;display:block;}
.section h2{margin:0 auto 1em auto;}
.section h2 em,.section h2 span{display:inline-block;}
.section .sub-header{font-size:4.4em;padding-top:2em;width:70%;left:15%;margin:auto;position:absolute;z-index:10;text-align:center;font-family:Roboto-Black,NotoSansSC-Black;color:transparent;-webkit-text-stroke:0.015em #fff;text-stroke:0.015em #fff;text-shadow000:0 0 50px rgba(0,0,0,0.2);line-height:1;}
.section .sub-header em{width:1.6em;height:1.6em;line-height:1.6;font-size:0.6em;margin-right:0.2em;vertical-align:top;display:inline-block;background:rgba(255,255,255,1);color:rgba(16,180,224,1);border-radius:50%;-webkit-text-stroke:0;text-stroke:0;text-shadow:none;}
.section .text{text-align:left;}

.splash .section-img,.splash .section-content{display:block;}
.splash .section-img-inner{width:100%;}
.billboard.stale,.billboard.stale .section-img,.billboard.stale .section-img-inner{width:100%;display:block;}
.billboard.stale .section-img-inner{width:60%;left:20%;background-position:50% 10%!important;background-size:100% auto!important;margin:auto;}
.billboard.stale .section-content{left:25%;min-width:50%;width:50%;min-height:auto;margin-top:30em;}

.category.billboard{min-height:8vh!important;}
.category.billboard .section-content000{text-align:center;left:25%;min-width:50%;width:50%;margin-top:20em;}
.category.billboard .section-text{padding:0;border:none;box-shadow:none;background:none;color:var(--theme-ui-colors-text-main);backdrop-filter:none;-webkit-backdrop-filter:none;}
.category.billboard .cat-head{font-size:3em;text-align:center;}

.conclusion{margin-top:20em!important;}
.conclusion .section-content{width:50%;padding:4em!important;margin-top:0!important;background:linear-gradient(45deg, rgba(176,226,237,1) 0%, rgba(230,250,250,1) 100%)!important;border-radius:0.5em;}
.conclusion .section-text,.conclusion .section-text p,.conclusion .section-text .cat-head{}

.img-inline{z-index:10000;position:relative;}
.img-inline img{width:240px;border-radius:50%;margin:0 2em 0.6em 0;float:left;}

@media (min-width:1200px) and (orientation:landscape){
.section .container{width:60%;}
.section-content{width:44%;}
.splash .section-content{width:100%;}
}

@media (min-width:900px) and (max-width:1300px) and (orientation:landscape){
.billboard.stale .section-content{left:15%;min-width:70%;width:70%;}
}

@media screen and (max-width:800px){
.clip{clip-path:polygon(0 5%, 100% 0, 100% 90%, 0% 100%);margin-bottom:-32%;}
.section{background-size:auto 100%;min-height:110vh;}
.section.billboard.stale{min-height:auto;}
.section,.section-img,.section-content{display:block;width:100%;}
.section.light.jumbotron-left .section-text,.section.default.jumbotron-left .section-text{padding:1.6em;}
.section h2{font-size:1.6em;}
.section-img{height:70vh;}
.billboard.stale .section-img{height:auto;}
.section-img-inner{width:100%;height:40%;}

.splash .section-img{}
.splash .section-img-inner{height:100%;}
.section-img.display-chart .section-img-inner{background-size:90%!important;height:60%;}
.section.active .section-img-inner{opacity:1;filter:none;}
.section .section-img-inner{background-position:50% 50%;background-size:auto 106%!important;}
.section-content{width:90%;margin:10em auto;}
.section.dark.jumbotron-left .section-text{padding:1em;}
.splash .section-content{min-height:60vh;}
.section.jumbotron .container{width:100%;}
.section.jumbotron .section-text{font-size:1em;}
.section.jumbotron .section-content{background:none;backdrop-filter:none;-webkit-backdrop-filter:none;}
blockquote{font-size:1.2em;line-height:1.6;}
.billboard.stale .section-img-inner{width:100%;left:0;background-position:50% 50%!important;}
.billboard.stale .section-content{left:0;min-width:90%;top:0;margin-top:10em;}
.billboard.jumbo-display .section-content{margin-top:-20em;}
.section.stale .section-text{padding:1em 1em 0.8em 1em;}
.category.billboard{min-height:4vh!important;}
.category.billboard .cat-head{font-size:1.8em;line-height:1.2;}
.conclusion .section-content{width:100%;padding:1em!important;}
.conclusion blockquote{padding:1em;font-size:1em;text-shadow:none;color:#000;font-family:NotoSansSC-Regular!important;}
.img-inline img{width:180px;margin:1em auto;float:none;display:block;}
}


.social-links{white-space:nowrap;}
.social-links a{width:32px;height:32px;position:relative;border:1px solid #ccc;margin:0 1px;border-radius:50%;}
.social-links i{position:absolute;top:50%;left:50%;margin-right:-50%;transform:translate(-50%,-50%);}
.social-links a{display:inline-block;background:rgba(255, 255, 255, 0.2);line-height:1;margin-right:4px;border-radius:50%;text-align:center;transition:0.3s;}

.view-desktop,.view-mobile{display:none;}

@media screen and (min-width:768px){
.view-desktop{display:block;}
}
@media screen and (max-width:767px){
.view-mobile{display:block;}
.navbar-brand img{width:120px!important;}
}

@media screen and (min-width:200px) and (max-width:767px){
.view-mobile.social-links{float:right;padding:0;margin:0 0.5em 0 0;}
.view-mobile.social-links a{margin:0 0.2em;}
.social-links span{display:inline-block;margin-right:5px;color:var(--theme-ui-colors-textInversed);font-size:0.8em;}
.social-links a:hover{color:var(--theme-ui-colors-textInversed)!important;border-color:transparent;}
}

#footer{width:100vw;margin-top:10em;padding:4em 0;font-size:0.9em;display:flex;background-color:#f5fafb;z-index:1000000;position:relative;align-items:center;justify-items:center;justify-content:center;color:var(--theme-ui-colors-text-main);}
#footer .credits{font-size:13px;color:var(--theme-ui-colors-text);}
#footer .footer-links a{color:var(--theme-ui-colors-text);padding-left:15px;}
#footer .footer-links a:first-child{padding-left:0;}
#footer .footer-links a:hover{color:var(--theme-ui-colors-text-link);}
#footer .copyright{margin:5em auto 2em auto;}
#footer a{color:var(--theme-ui-colors-secondary);}

#contact .contact-about img{width:140px;margin:1em auto;display:block;}
#contact .contact-about p{font-size:14px;line-height:24px;color:var(--theme-ui-colors-text);}
#contact .share{margin-bottom:2em;}
#contact .share .social-links a{color:var(--theme-ui-colors-textInversed);border-color:transparent;}
#contact .social-links a.facebook{background:#3d5997;}
#contact .social-links a.twitter{background:#56abed;}
#contact .social-links a.instagram{background:#000;}
#contact .social-links a.youtube{background:#e30000;}
#contact .social-links a.whatsapp{background:#29d266;}
#contact .social-links a.telegram{background-image:url('/lib/imgs/telegram-logo.svg');background-position:0 0;background-size:100% auto;background-repeat:no-repeat;}

#contact .info{color:var(--theme-ui-colors-text-main);font-size:14px;border-bottom:1px solid #eee;padding-bottom:1em;margin-bottom:2em;}
#credits dl{margin:0.5em auto;}
#credits dt{font-weight:100;opacity:0.4;}
#credits dt,#credits dd{display:inline-block;}
#credits dt:after{padding:0 0.5em;color:var(--theme-ui-colors-text-link);content:'•';position:relative;}
#credits .dl-list dd{margin-right:2em;}
#credits aside{margin:2em auto;}

#credits{margin-bottom:1em;}
#zbsg-interactive{margin-bottom:3em;}
#zbsg-social{margin-top:1em;}
#zbsg-social h3{font-size:1.2em;}
#zbsg-social .social-links a{width:38px;height:38px;font-size:18px;border:none;color:var(--theme-ui-colors-textInversed);}

@media screen and (max-width:767px){
#credits dt,#credits dd{display:block;}
#credits dt:after{display:none;}
#credits .dl-list dd{margin-right:0;}
}


.bottomMenu{position:fixed;bottom:0;width:100%;z-index:1;transition:all 1s;}
.hide{opacity:0;left:-100%;}
.show{opacity:1;left:0;}


#ah-hua .section-img-inner{background-image:url("../../imgs/ah-hua-landscape.jpg");}
#ah-hua-kelong .section-img-inner{background-image:url("../../imgs/ah-hua-kelong-landscape.jpg");}
#ah-hua .section-img,#ah-hua-kelong .section-img{width:100%;display:block;position:absolute;}
#ah-hua .section-img-inner,#ah-hua-kelong .section-img-inner{width:100%;height:100%;}
#ah-hua .section-img-inner:before,#ah-hua-kelong .section-img-inner:before{content:'';width:100%;height:100%;position:absolute;top:0;background:rgba(0,0,0,0.2);}
#ah-hua .section-content,#ah-hua-kelong .section-content{left:50%;}

.jumbo-display{padding-bottom:10em!important;}
.jumbo-display .section-img-inner{width:100%;left:0;background-position:center!important;background-size:cover!important;}
.jumbo-display .section-img-inner000:before{content:'';width:100%;height:100%;display:block;background-color:rgba(0,0,0,0.2);position:absolute;top:0;left:0;}
.jumbo-display .section-content{left:0;min-width:100%;width:100%;min-height:100vh;margin-top:80vh;display:block;}
.jumbo-display .section-text{height:100vh;padding:0;border:none;box-shadow:none;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;}
#road-flood .section-img-inner{background-image:url("../../imgs/road-flood-landscape.jpg");}
#stamford-detention-tank-interior .section-img-inner{background-image:url("../../imgs/stamford-detention-tank-interior-landscape.jpg");}
#pulau-tekong-polder .section-img-inner{background-image:url("../../imgs/pulau-tekong-polder-landscape.jpg");}
#coastal-restoration .section-img-inner{background-image:url("../../imgs/coastal-restoration-landscape.jpg");}
#future-plans .section-img-inner{background-image:url("../../imgs/singapore-cityscape-landscape.jpg");}

.wave{height:120vh;padding-top:10em;background:url("../../imgs/waves.png") repeat-x bottom;-webkit-animation:waves 10s linear infinite;-moz-animation:waves 10s linear infinite;-o-animation:waves 10s linear infinite;-ms-animation:waves 10s linear infinite;animation:waves 10s linear infinite;}

@-moz-keyframes waves{
from{background-position:0 102%;}
50%{background-position:50% bottom;}
to{background-position:100% 102%;}
}

@-webkit-keyframes waves{
from{background-position:0 102%;}
50%{background-position:50% bottom;}
to{background-position:100% 102%;}
}

@-o-keyframes waves{
sfrom{background-position:0 102%;}
50%{background-position:50% bottom;}
to{background-position:100% 102%;}
}

@keyframes waves{
from{background-position:0 102%;}
50%{background-position:50% bottom;}
to{background-position:100% 102%;}
}

.billboard-video{background:linear-gradient(#e8fcff 0%, white 52%);}

#singapore-annual-rainfall .section-img-inner{background-image:url("../../imgs/singapore-annual-rainfall.svg");}
#singapore-annual-rainfall .section-text,#singapore-mangrove-locations .section-text{background:rgba(255,255,255,0.8);}
#singapore-map .section-img-inner{background-image:url("../../imgs/singapore-map.svg");}
#singapore-low-lying-areas .section-img-inner{background-image:url("../../imgs/singapore-low-lying-areas.png");}

#singapore-flood-prone-areas-orchard .section-img-inner{background-image:url("../../imgs/singapore-flood-prone-areas-orchard.png");}
#singapore-flood-prone-areas-bukit-timah .section-img-inner{background-image:url("../../imgs/singapore-flood-prone-areas-bukit-timah.png");}
#singapore-flood-prone-areas-tampines .section-img-inner{background-image:url("../../imgs/singapore-flood-prone-areas-tampines.png");}

#singapore-flood-prone-areas-farrer-park .section-img-inner{background-image:url("../../imgs/singapore-flood-prone-areas-farrer-park.png");}
#singapore-flood-prone-areas-tanjong-katong .section-img-inner{background-image:url("../../imgs/singapore-flood-prone-areas-tanjong-katong.png");}
#singapore-flood-prone-areas-sennett .section-img-inner{background-image:url("../../imgs/singapore-flood-prone-areas-sennett.png");}
#singapore-flood-prone-areas .section-img-inner{background-image:url("../../imgs/singapore-flood-prone-areas.png?1a");}

#singapore-mangroves .section-img-inner{background-image:url("../../imgs/singapore-mangroves.png");}
#singapore-mangrove-locations .section-img-inner{background-image:url("../../imgs/singapore-mangrove-locations.png");}

#future-plans-east-coast-coastline .section-img-inner,#future-plans-east-coast-coastline-south .section-img-inner{000transition:opacity 0.08s ease!important;}
#future-plans-areas .section-img-inner{background-image:url("../../imgs/future-plans-areas.png");}
#future-plans-east-coast-coastline .section-img-inner{background-image:url("../../imgs/future-plans-east-coast-coastline.png");}
#future-plans-east-coast-coastline-south .section-img-inner{background-image:url("../../imgs/future-plans-east-coast-coastline-south.png");}
#future-plans-east-coast-coastline-east-coast .section-img-inner{background-image:url("../../imgs/future-plans-east-coast-coastline-east-coast.png");}
#future-plans-east-coast-coastline-changi .section-img-inner{background-image:url("../../imgs/future-plans-east-coast-coastline-changi.png");}

#future-plans-northwest-coastline .section-img-inner{background-image:url("../../imgs/future-plans-northwest-coastline.png");}
#future-plans-northwest-coastline-sungei-kadut-lim-chu-kang .section-img-inner{background-image:url("../../imgs/future-plans-northwest-coastline-sungei-kadut-lim-chu-kang.png");}
#future-plans-northwest-coastline-reservoir .section-img-inner{background-image:url("../../imgs/future-plans-northwest-coastline-reservoir.png");}

#future-plans-northwest-coastline-p2-lim-chu-kang .section-img-inner{background-image:url("../../imgs/future-plans-northwest-coastline-p2-lim-chu-kang.svg");width:100%;left:0;background-size:170%!important;background-position:0 0!important;}
#future-plans-northwest-coastline-p2-sungei-kadut .section-img-inner{background-image:url("../../imgs/future-plans-northwest-coastline-p2-sungei-kadut.svg");width:100%;left:0;background-size:170%!important;background-position:0 0!important;}
#future-plans-northwest-coastline-p2-woodlands .section-img-inner{background-image:url("../../imgs/future-plans-northwest-coastline-p2-woodlands.svg");width:100%;left:0;background-size:170%!important;background-position:0 0!important;}

#future-plans-jurong-coastline .section-img-inner{background-image:url("../../imgs/future-plans-jurong-coastline.png");}

.detail{vertical-align:top;}
.detail{padding:0;margin:0;}
.detail ul{padding:0 0 0 1em;margin:0 0 0 1em;}
.detail .facts,.detail .alert{padding:1em;border:2px solid #fff;border-radius:0.5em;}
.detail .facts{background:rgba(225,255,220,0.8);}
.detail .alert{background:rgba(255,220,220,0.8);margin:0;}
.detail p em{font-size:1.2em;color:#000;font-weight:bold;}

.quicknav{width:140px;height:140px;bottom:-10%;left:40%;z-index:10000;position:fixed;margin:auto;display:block;background-image:url('../imgs/audio-nav.svg');background-size:100%;background-repeat:no-repeat;background-position:center;animation-name:spin;animation-duration:5000ms;animation-iteration-count:infinite;animation-timing-function:linear;text-align:center;}

@keyframes spin{
from{transform:rotate(0deg);}
to{transform:rotate(360deg);}
}

@media screen and (max-width:800px){
.audio-nav{width:28%;height:28%;bottom:-14%;left:35%;}
}

@keyframes bg-animation{
0%{transform:translate(0,0);}
10%{transform:translate(-5%,-5%);}
20%{transform:translate(-10%,5%);}
30%{transform:translate(5%,-10%);}
40%{transform:translate(-5%,15%);}
50%{transform:translate(-10%,5%);}
60%{transform:translate(15%,0);}
70%{transform:translate(0,10%);}
80%{transform:translate(-15%,0);}
90%{transform:translate(10%,5%);}
100%{transform:translate(5%,0);}
}


@media (min-width:1000px) and (orientation:landscape){
.billboard .section-img-inner{background-size:cover!important;}
}
@media (min-width:768px) and (orientation:portrait){
.billboard .section-img-inner{background-size:cover!important;}
}

@media (min-width:1000px) and (max-width:1300px) and (orientation:landscape){
.section .sub-header{font-size:3.4em;padding-top:3em;}
}

@media (max-width:800px){
#ah-hua .section-content,#ah-hua-kelong .section-content{margin:30em auto 10em auto;}
#ah-hua .section-img-inner{background-image:url("../../imgs/ah-hua-portrait.jpg");}
#ah-hua-kelong .section-img-inner{background-image:url("../../imgs/ah-hua-kelong-portrait.jpg");}
#ah-hua .section-content,#ah-hua-kelong .section-content{left:0;}
.jumbo-display .section-img,.jumbo-display .section-img-inner{height:100vh;}
.jumbo-display .section-img-inner{width:100%;left:0;background-size:106% auto!important;}
.jumbo-display .section-img,.jumbo-display .section-img-inner{height:100vh;}
.jumbo-display .section-img-inner{display:block;padding:1em;}
.jumbo-display .section-content{margin-top:0;}
#road-flood .section-img-inner{background-image:url("../../imgs/road-flood-portrait.jpg");}
#stamford-detention-tank-interior .section-img-inner{background-image:url("../../imgs/stamford-detention-tank-interior-portrait.jpg");}
#pulau-tekong-polder .section-img-inner{background-image:url("../../imgs/pulau-tekong-polder-portrait.jpg");}
#coastal-restoration .section-img-inner{background-image:url("../../imgs/coastal-restoration-portrait.jpg");}

#singapore-flood-prone-areas-orchard .section-img-inner{background-image:url("../../imgs/singapore-flood-prone-areas-orchard-mobile.png");}
#singapore-flood-prone-areas-bukit-timah .section-img-inner{background-image:url("../../imgs/singapore-flood-prone-areas-bukit-timah-mobile.png");}
#singapore-flood-prone-areas-tampines .section-img-inner{background-image:url("../../imgs/singapore-flood-prone-areas-tampines-mobile.png");}


#future-plans .section-img-inner{background-image:url("../../imgs/singapore-cityscape-portrait.jpg");}
#future-plans-areas .section-img-inner{background-image:url("../../imgs/future-plans-areas-mobile.png");}
#future-plans-east-coast-coastline .section-img-inner{background-image:url("../../imgs/future-plans-east-coast-coastline-mobile.png");background-size:160%!important;background-position:90% top!important;height:100vh;}
#future-plans-east-coast-coastline-south .section-img-inner{background-image:url("../../imgs/future-plans-east-coast-coastline-south-mobile.png");background-size:160%!important;background-position:90% top!important;height:100vh;}
#future-plans-east-coast-coastline-east-coast .section-img-inner{background-image:url("../../imgs/future-plans-east-coast-coastline-east-coast-mobile.png");background-size:160%!important;background-position:90% top!important;height:100vh;}
#future-plans-east-coast-coastline-changi .section-img-inner{background-image:url("../../imgs/future-plans-east-coast-coastline-changi-mobile.png");background-size:160%!important;background-position:90% top!important;height:100vh;}

#future-plans-northwest-coastline .section-img-inner{background-image:url("../../imgs/future-plans-northwest-coastline-mobile.png");background-size:190%!important;background-position:1em 1em!important;height:100vh;}
#future-plans-northwest-coastline-sungei-kadut-lim-chu-kang .section-img-inner{background-image:url("../../imgs/future-plans-northwest-coastline-sungei-kadut-lim-chu-kang-mobile.png");background-size:190%!important;background-position:1em 1em!important;height:100vh;}
#future-plans-northwest-coastline-reservoir .section-img-inner{background-image:url("../../imgs/future-plans-northwest-coastline-reservoir-mobile.png");background-size:190%!important;background-position:1em 1em!important;height:100vh;}
#future-plans-northwest-coastline-p2-lim-chu-kang .section-img-inner{background-image:url("../../imgs/future-plans-northwest-coastline-p2-lim-chu-kang-mobile.png");background-size:420%!important;background-position:-17.6em 1em!important;height:100vh;}
#future-plans-northwest-coastline-p2-sungei-kadut .section-img-inner{background-image:url("../../imgs/future-plans-northwest-coastline-p2-sungei-kadut-mobile.png");background-size:420%!important;background-position:-17.6em 1em!important;height:100vh;}
#future-plans-northwest-coastline-p2-woodlands .section-img-inner{background-image:url("../../imgs/future-plans-northwest-coastline-p2-woodlands-mobile.png");background-size:420%!important;background-position:-17.6em 1em!important;height:100vh;}

#future-plans-jurong-coastline .section-img-inner{background-image:url("../../imgs/future-plans-jurong-coastline-mobile.png");background-size:180%!important;background-position:1em bottom!important;}

.billboard-video .section-img{z-index:10;height:5vh;}
.billboard.stale.singapore-flood-prone-areas.last .section-img-inner{background-size:100% auto!important;}
#singapore-annual-rainfall .section-text{padding:2em 1em 0.4em 1em;border:1px solid #eee;box-shadow:0 0 16px 0 rgb(0,0,0,0.06);color:var(--theme-ui-colors-text-main);}
#singapore-annual-rainfall .section-img-inner{margin-top:1em;}
.section .sub-header{font-size:1.8em;line-height:1.2;width:80%;left:10%;white-space:nowrap;-webkit-text-stroke:0;text-stroke:0;text-shadow:none!important;color:rgba(255,255,255,1);}
.section .sub-header em{display:block;margin:0 auto 0.4em auto;}
.wave{padding-top:4em;}
#singapore-mangroves .section-img-inner{background-image:url("../../imgs/singapore-mangroves-mobile.png");}
#singapore-mangrove-locations .section-img-inner{background-image:url("../../imgs/singapore-mangrove-locations-mobile.png");}
#singapore-annual-rainfall .section-img-inner{background-image:url("../../imgs/singapore-annual-rainfall-mobile.svg");}
#singapore-flood-prone-areas .section-img-inner{background-image:url("../../imgs/singapore-flood-prone-areas-mobile.png");}
#singapore-low-lying-areas .section-img-inner{background-image:url("../../imgs/singapore-low-lying-areas-mobile.png");}

.detail{font-size:0.9em!important;}
.detail h3{font-size:1em!important;}
.detail ul{padding:0 0 0 1em;margin:0;}
}


.waves{position:relative;width:100%;height:15vh;margin-bottom:-7px;min-height:100px;max-height:150px;}
.water{padding-top:10em;position:relative;display:block;width:100%;height:100vh;background:linear-gradient(0deg, rgba(16,180,224,0) 0%, rgba(16,180,224,0.6) 50%, rgba(16,180,224,0.6) 100%);}
.water .capsule{width:50%;font-size:1.2em;position:relative;display:block;color:#fff;margin:auto;text-shadow:2px 2px 0px rgba(0,0,0,0.2);}

.submerge{margin:1em 0 0 0;position:relative;background-image:url("../../imgs/2150-flood-scale.svg?1b");background-size:90%;background-position:center 1em;background-repeat:no-repeat;background-color:#fff;overflow:hidden;border-radius:0.3em;}
.submerge .waves{z-index:1000;margin-top:26%;height:16vh;margin-bottom:-1.7em;min-height:auto;max-height:auto;}
.submerge .water{padding-top:4em;height:auto;z-index:1;background:rgba(16,180,224,0.2);}
.submerged{background:#fff;padding:1em;margin-top:1em;border-radius:0.3em;position:absolute;left:0;top:0;}

.parallax > use{animation:move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite;}
.parallax > use:nth-child(1){animation-delay:-2s;animation-duration:7s;}
.parallax > use:nth-child(2){animation-delay:-3s;animation-duration:10s;}
.parallax > use:nth-child(3){animation-delay:-4s;animation-duration:13s;}
.parallax > use:nth-child(4){animation-delay:-5s;animation-duration:20s;}

@keyframes move-forever{
0%{transform:translate3d(-90px,0,0);}
100%{transform:translate3d(85px,0,0);}
}

@media (max-width:800px){
.waves{height:40px;min-height:40px;}
.water{padding-top1:4em;}
.water .capsule{width:90%;font-size:1.1em;}
.submerge{background-size:150%;background-position:right 1em;}
.submerge .waves{margin-top:38%;height:30vh;margin-bottom:-2.8em;}
}






/* Audio */
.audio-player{width:300px;display:flex;margin:2em auto;z-index:1000000001;position:relative;}
.audio-player #time{display:none;}
.audio-player .button{text-transform:uppercase;text-align:center;line-height:1;padding:2px;margin:1em auto;display:inline-block;font-family:'icomoon';border-radius:50px;background:rgba(0,0,0,0.06);color:var(--theme-ui-colors-textInversed);border:1px dotted #fff;}
.audio-player .button:hover{background:var(--theme-ui-colors-backgroundPure);color:var(--theme-ui-colors-text);}
.audio-player .button .play_b,.audio-player .button span{display:inline-block;vertical-align:middle;}
.audio-player .button span{margin:0 1.2em 0 0.8em;}
#wave_wrap{display:block;width:100%;cursor:pointer;}
#progress{z-index:1;position:absolute;width:100%;height:100%;bottom:0;}
#progress .progress-bar{width:50%;height:100%;}
#progress_over{height:100%;z-index:2;position:absolute;top:0;left:0;width:0;opacity:0.8;}
#play_b{left:42%;position:absolute;display:block;}
#play_b:hover{transform:scale(1.2);}
.pause_i,.play_i{background-size:90%;}
.pause_i{background:#fff url("../imgs/media-pause.svg") no-repeat 0 0;}
.play_i{background:#ff4619 url("../imgs/media-play-white.svg") no-repeat 0 0;}
.play_b{width:50px;height:50px;opacity:0.8;border-radius:50%;-moz-border-radius:50%;-khtml-border-radius:50%;-webkit-border-radius:50%;z-index:100002;position:relative;cursor:pointer;transition:all .2s;animation:animate-pulse 3s linear infinite;-webkit-animation:animate-pulse 3s linear infinite;}
#waveform,#waveform_hover{background-size:300px auto;background-repeat:no-repeat;background-position:0 0;}
#waveform{width:auto;height:60px;background-image:url(../imgs/sound-bar.svg)!important;}
#waveform_hover{background-image:url(../imgs/sound-bar-play.svg)!important;}
.audio{z-index:10000000001;font-size:0.9em;position:absolute;bottom:0;margin:auto;text-align:center;}
#page-home .audio{width:80%;left:10%;}
.audio .speaker,.audio .audio-player,.audio .profile-img,.audio .name{display:inline-block;vertical-align:bottom;}
.audio .speaker{bottom:0;}
.audio .profile-img{width:160px;height:auto;}
#page-home .audio .name,#page-home .audio a .name{color:var(--theme-ui-colors-text-main);}
#page-2000 .audio .name,.audio a{color:var(--theme-ui-colors-textInversed);}
.audio .name{text-align:right;margin-bottom:1.4em;line-height:1.4;text-shadow:1px 1px 1px rgba(0,0,0,0.2);}
.audio .name em{font-weight:bold;font-size:1.2em;}
.audio .name em,.audio .name span{display:block;padding:0 1em;}
.page-en .audio-player .button{font-family:Roboto;font-size:0.8em;line-height:1.4;}
.page-en .audio .name{font-size:1em;}
.page-en .audio .name em{font-size:1em;}

@keyframes animate-pulse{
0%{box-shadow:0 0 0 0 rgba(255,109,74,0.7),0 0 0 0 rgba(255,109,74,0.7);}
40%{box-shadow:0 0 0 50px rgba(255,109,74,0.0),0 0 0 0 rgba(255,109,74,0.7);}
80%{box-shadow:0 0 0 50px rgba(255,109,74,0.0),0 0 0 30px rgba(255,109,74,0);}
100%{box-shadow:0 0 0 0 rgba(255,109,74,0.0),0 0 0 30px rgba(255,109,74,0);}
}

@media (max-width:768px){
#play_b{right:45%;left:auto;}
.play_b{width:40px;height:40px;}
#waveform000{width:1px!important;height:60px;margin-left:2em;opacity:0;}
#waveform,#waveform_hover{background-size:250px auto;}
.audio{position:fixed;}
.audio-wave{display:inline-block;}
.audio{z-index:100;width:100%;left:0;bottom:3em;height:90px;background:linear-gradient(0deg,rgba(0,0,0,0.45) 0%,rgba(0,0,0,0) 100%);}
#page-home .audio{width:100%;left:0;background:linear-gradient(0deg,rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%);}
.audio .speaker{display:inline-block;}
.audio .profile-img{width:90px;}
.audio .name{font-size:0.9em;color:var(--theme-ui-colors-textInversed);}
.audio .name em,.audio .name span{padding:0 0.8em;}
.audio-player .button{float:right;margin-right:1em;border:none;background:none;}
.audio-player .button:hover{background:transparent;color:var(--theme-ui-colors-textInversed);}
.audio-player .button .play_b,.audio-player .button span{display:block;text-align:center;margin:auto;}
.audio-player .button .play_b{margin-bottom:0.4em;}
.audio-player .button span{font-size:0.8em;}
.page-en .audio .name{font-size:0.8em;}
.page-en .audio-player .button{margin-right:0.6em;font-size:0.85em;text-transform:uppercase;font-family:Roboto;}
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1) and (orientation:portrait) {
.audio{bottom:0!important;}
}

@media (min-width:768px) and (max-width:900px){
.audio .speaker000{position:absolute;left:30%;}
}

.spin-msg{width:100%;}
.spin-msg textPath{font-size:63px;font-family:sans-serif;text-transform:uppercase;letter-spacing:20px;fill:#111;background:#333;}

.owl-carousel .owl-wrapper-outer{overflow:initial;}
.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}
.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0,0,0)}
.owl-carousel .owl-wrapper-outer{000overflow:hidden;position:relative;width:100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{height:100%!important;-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out;}
.owl-carousel .owl-item{float:left;}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer;}
.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.grabbing{cursor:url(grabbing.png) 8 8,move;}
.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);}
#card-slider{margin:2em auto!important;}
.slider-guide{font-size:12px;margin:0.6em auto;display:table;padding:0.4em 1em;color:rgba(0,0,0,0.5);background:#fff;border-radius:6px;text-align:center;animation:leftright 2s infinite;-webkit-animation:leftright 2s infinite;-moz-animation:leftright 2s infinite;-o-animation:leftright 2s infinite;}

@media (max-width:800px){
#card-slider .owl-item:nth-child(1){width:100%;clear:both;}
}


@-webkit-keyframes leftright {
0%,20%,50%,80%,100%{-webkit-transform:translateX(0);}	
40%{-webkit-transform:translateX(-30px);}
60%{-webkit-transform:translateX(-15px);}
}

@-moz-keyframes leftright {
0%,20%,50%,80%,100%{-moz-transform:translateY(0);}
40%{-moz-transform:translateX(-30px);}
60%{-moz-transform:translateX(-15px);}
}

@-o-keyframes leftright {
0%,20%,50%,80%,100%{-o-transform:translateY(0);}
40%{-o-transform:translateX(-30px);}
60%{-o-transform:translateX(-15px);}
}
@keyframes leftright {
0%,20%,50%,80%,100%{transform:translateY(0);}
40%{transform:translateX(-30px);}
60%{transform:translateX(-15px);}
}








/* I dreamed of choirs at the creek, slow and steady */