html{height:100%}body{height:100%}body:after{content:"xs";display:none}@media screen and (min-width: 768px){body:after{content:"sm"}}@media screen and (min-width: 992px){body:after{content:"md"}}@media screen and (min-width: 1200px){body:after{content:"lg"}}.story-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background:#c3e7ee}*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.mask{width:100%;height:1000%;margin:0 auto}.parallax-clouds{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden}.parallax-clouds>div{width:100%;height:100%;background-image:url(../img/clouds.png);background-repeat:repeat-y;background-position:0 0;background-size:contain}.clip{min-height:100%;overflow:hidden;padding:20px}.slide-content{position:relative;margin-left:auto;margin-right:auto}.page-loader{position:fixed;width:100%;height:100%;left:0;top:0;background:white;opacity:1;z-index:99}.cta-global{position:fixed;width:100%;height:100%;left:0;top:0;z-index:99;background:black;opacity:0.7;display:none}.cta-global>div{position:relative;top:50%;margin:-100px auto 0;width:200px}.cta-global p{color:white;text-align:center;font-weight:bold;font-size:20px;margin-top:20px}.cta-scroll{position:fixed;width:50px;height:50px;left:0;right:0;bottom:60px;opacity:1;margin:auto;z-index:98;background:url(../svg/down.svg) no-repeat center center;background-size:100% 100%;display:none;cursor:pointer;-moz-transition:-moz-transform 250ms;-o-transition:-o-transform 250ms;-webkit-transition:-webkit-transform 250ms;transition:transform 250ms}.cta-scroll:hover{-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}html.svg .modal{top:0 !important;left:0;right:0;margin:auto;width:100%;height:100%;padding:60px 30px 30px}html.svg .modal button.close{position:absolute;right:30px;top:-7px;font-size:50px}html.svg .modal .modal-body{max-height:none !important;height:100%;padding:0 !important}html.svg .modal iframe{position:absolute;top:0;left:0;width:100%;height:100%}.error-message{display:none;position:fixed;width:160px;height:160px;left:0;top:0;z-index:98}.error-message #error-close{cursor:pointer}.error-message p{display:block;position:absolute;top:50px;left:14px;width:120px;height:120px;color:#E8213F;text-align:center;font-size:16px}.error-message p small{font-size:14px}#start,#world,#letter-w,#letter-a,#letter-t,#letter-e,#letter-r,#tanks,#video,#end{position:relative;height:10%;overflow-x:hidden;overflow-y:auto}#start:after,#start:before,#world:after,#world:before,#letter-w:after,#letter-w:before,#letter-a:after,#letter-a:before,#letter-t:after,#letter-t:before,#letter-e:after,#letter-e:before,#letter-r:after,#letter-r:before,#tanks:after,#tanks:before,#video:after,#video:before,#end:after,#end:before{content:"\00a0";display:block;overflow:hidden;height:0}.svg-container{position:relative;display:block;width:100%}.svg-container svg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible}.lt-ie9 .svg-container img{position:absolute;top:0;left:0;width:100%;overflow:visible}.svg-container.stratocumulus{padding-bottom:55%}.svg-container.nimbostratus{padding-bottom:55%}.svg-container.cumulus{padding-bottom:55%}.svg-container.cumulonimbus{padding-bottom:55%}.svg-container.stratus{padding-bottom:55%}.svg-container.world{padding-bottom:80%}.svg-container.w{padding-bottom:85%}.svg-container.a{padding-bottom:73%}.svg-container.t{padding-bottom:106%}.svg-container.e{padding-bottom:96%}.svg-container.r{padding-bottom:91%}.svg-container.tanks{padding-bottom:112%}.svg-container.video-pipe-bottom{padding-bottom:19%}.svg-container.video-pipe-top{padding-bottom:30%}.svg-container.video{padding-bottom:49.5%}.svg-container.glass{padding-bottom:171%}.svg-container.hand{padding-bottom:107%}.svg-container.ground{padding-bottom:28%}.svg-container.error{padding-bottom:102%}.svg-container.success{padding-bottom:102%}.svg-container.correct{padding-bottom:102%}.circle{position:relative;max-width:410px;margin:0 auto}.circle:before{content:"";display:block;background:#fff;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;width:100%;padding-bottom:100%;height:0}.lt-ie9 .circle:before{background:url(assets/png/circle-white.png) no-repeat}@media screen and (max-width: 992px){.hidden-for-mobile{display:none !important}}.bubbles{position:relative;margin:0;padding:0;list-style:none;z-index:1}.bubbles li{max-width:410px;margin:10px auto;color:white}.bubbles li>div{height:100%;padding:10px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;-moz-transform:scale(0, 0);-ms-transform:scale(0, 0);-webkit-transform:scale(0, 0);transform:scale(0, 0)}.bubbles li>div:before{content:" ";display:inline-block;height:100%;vertical-align:middle}.bubbles li img{width:100%}.bubbles li p{display:inline-block;vertical-align:middle;margin:0;font-size:15px;line-height:1.3}.bubbles li br{display:none}.bubbles li a{color:white;position:absolute;top:0;left:0;right:0;bottom:0}.bubbles li svg.path{display:none;position:absolute;width:140px;height:140px;overflow:visible;z-index:3}.bubbles li svg.path.left,.bubbles li svg.path.bottom-left,.bubbles li svg.path.top-left{top:50%;left:100%}.bubbles li svg.path.right,.bubbles li svg.path.top-right{top:50%;right:100%}.bubbles li svg.path.bottom-right{bottom:50%;right:100%}.bubbles li svg.path.right-top{top:100%;right:50%}@media screen and (min-width: 992px){.bubbles{position:absolute;top:0;bottom:0;left:0;right:0;z-index:auto}.bubbles li{position:absolute}.bubbles li>div{padding:0 35px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}.bubbles li.informational>div{background-image:url(../svg/information.svg);background-repeat:no-repeat;background-position:center center;background-size:27% auto}.bubbles li br{display:inline}.bubbles li svg.path{display:block}.bubbles li .big{font-size:85px;font-weight:bold;line-height:80px}.bubbles li .big sup{font-size:20px;top:-2.2em}.bubbles li.highlighted p{font-size:20px}.bubbles li.centered{text-align:center}.bubbles li.large{width:250px;height:250px}.bubbles li.medium{width:190px;height:190px}.bubbles li.small{width:140px;height:140px}}#start .slide-content{max-width:1140px}#start .intro{max-width:710px;margin:0 auto 30px;text-align:center;line-height:1.4}@media screen and (min-width: 992px){#start .intro{margin-bottom:240px}}#start .intro h1{font-size:42px;color:inherit;margin-top:25px;font-weight:bold;color:#238CCC}#start .intro p{font-size:19px;margin:5px 0;color:black}#start .intro h2{font-size:16px;color:#3fa9f5;margin-top:35px;text-transform:uppercase}#start .intro h2 a{text-decoration:underline}#start .intro .no-margin{margin:0}#start .flow{position:relative;margin:0}@media screen and (min-width: 992px){#start .flow{margin:0 60px}}#start .circle{z-index:1}#start ul.clouds{padding:0;margin:0;list-style:none;text-align:center}#start ul.clouds li{opacity:0;position:relative;display:none;max-width:500px;padding:15px 25px;width:49%;vertical-align:top}@media screen and (min-width: 992px){#start ul.clouds li{display:inline-block;padding:15px 60px;width:33%}}#start ul.clouds li:nth-child(1) figure,#start ul.clouds li:nth-child(5) figure{width:80%}#start ul.clouds li:nth-child(3) figure{width:65%}#start ul.clouds li.correct{display:inline-block}#start ul.clouds li.correct>div{z-index:2}#start ul.clouds li.correct>div:before{content:"";display:block;background:#fff;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;width:100%;padding-bottom:100%;height:0}#start ul.clouds li.correct>div:before{transition:opacity 550ms;opacity:0.5;position:absolute;top:-8%}#start ul.clouds li.correct.active>div:before{opacity:1}#start ul.clouds li.correct.selected>div:before{opacity:0}#start ul.clouds li.correct.selected span{display:none}#start ul.clouds li .cloud-drop{opacity:0}#start ul.clouds li div{position:relative}#start ul.clouds li figure{margin:0 auto}#start ul.clouds li span{position:relative;display:inline-block;margin:20px 0 0 0;padding:1px 15px;min-width:140px;border-radius:15px;color:white;background:#16B4E1;text-transform:uppercase;font-size:14px;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-moz-transition:opacity 250ms,font-size 250ms;-o-transition:opacity 250ms,font-size 250ms;-webkit-transition:opacity 250ms,font-size 250ms;transition:opacity 250ms,font-size 250ms}#start .bubbles{margin-top:35px}.lt-ie9 #start .bubbles{top:220px;left:50%;margin-left:-205px}@media screen and (min-width: 992px){#start .bubbles{width:100%;max-width:410px;margin:0 auto}}#start .bubbles li{z-index:3}#start .bubbles li.top-center{left:50%}#start .bubbles li.top-center.large{top:160px}#start .bubbles li.top-center.large p{font-size:22px}#start .bubbles li.top-center.medium{top:110px}#start .bubbles li.top-center.medium p{font-size:18px}@media screen and (min-width: 992px){#start .bubbles li.top-center{-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}}#start .bubbles li.top-center>div{background-color:#238CCC}.lt-ie9 #start .bubbles li.top-center>div{background:url(assets/png/circle-dark-blue-medium.png) no-repeat}#start .bubbles li.top-right{top:140px;left:346px}#start .bubbles li.top-right p{font-size:15px}#start .bubbles li.top-right>div{background-color:#16B4E1;padding:0 30px}.lt-ie9 #start .bubbles li.top-right>div{background:url(assets/png/circle-light-blue-small.png) no-repeat}#world .slide-content{max-width:410px}#world .ecosystem{position:absolute;top:0;left:0;right:0;width:90%;margin:25% auto 0;cursor:pointer;z-index:1}.lt-ie9 #world .ecosystem{margin-top:15%}#world .cloud{display:none;position:absolute;top:65px;left:0;right:0;width:170px;margin:auto;z-index:2}#world .cloud.visible{display:block}#world .bubbles li>div{background:#61b7b3}.no-borderradius #world .bubbles li>div{background-color:transparent}.no-borderradius #world .bubbles li>div:after{content:"";display:block;left:0;position:absolute;top:0}#world .bubbles li.top-left{top:-204px;left:-192px}.no-borderradius #world .bubbles li.top-left>div:after{background:url(assets/png/circle-green-light-large.png) no-repeat;height:250px;width:250px}#world .bubbles li.top-right{top:-112px;left:296px}.no-borderradius #world .bubbles li.top-right>div:after{background:url(assets/png/circle-green-light-medium.png) no-repeat;height:190px;width:190px}#world .bubbles li.bottom-right{top:110px;left:430px}#world .bubbles li.bottom-right>div{background:#1f767b}.no-borderradius #world .bubbles li.bottom-right>div{background-color:transparent}.no-borderradius #world .bubbles li.bottom-right>div:after{background:url(assets/png/circle-green-dark-medium.png) no-repeat;height:190px;width:190px}#world .bubbles li.bottom-left{top:200px;left:-190px}#world .bubbles li.bottom-left>div{background:#1f767b}.no-borderradius #world .bubbles li.bottom-left>div{background-color:transparent}.no-borderradius #world .bubbles li.bottom-left>div:after{background:url(assets/png/circle-green-dark-medium.png) no-repeat;height:190px;width:190px}#letter-w .slide-content,#letter-a .slide-content,#letter-t .slide-content,#letter-e .slide-content,#letter-r .slide-content{max-width:410px}.no-borderradius #letter-w .bubbles li>div,.no-borderradius #letter-a .bubbles li>div,.no-borderradius #letter-t .bubbles li>div,.no-borderradius #letter-e .bubbles li>div,.no-borderradius #letter-r .bubbles li>div{background-color:transparent}#letter-w .letter,#letter-a .letter,#letter-t .letter,#letter-e .letter,#letter-r .letter{position:absolute;top:0;left:0;right:0;width:100%;margin:auto;cursor:pointer;z-index:1}.lt-ie9 #letter-w .letter,.lt-ie9 #letter-a .letter,.lt-ie9 #letter-t .letter,.lt-ie9 #letter-e .letter,.lt-ie9 #letter-r .letter{margin-top:-180px}#letter-w .letter{margin-top:8%}#letter-w .bubbles li.top-left{top:-87px;left:-109px}#letter-w .bubbles li.top-left>div{background-color:#F49120}#letter-w .bubbles li.bottom-right{top:180px;left:386px}#letter-w .bubbles li.bottom-right>div{background-color:#DB5D2A}#letter-a .letter{margin:12% 0 0 0}#letter-a .bubbles li.top-left{top:-67px;left:-249px}#letter-a .bubbles li.top-left>div{background-color:#81236D}#letter-a .bubbles li.top-right{top:-112px;left:416px}#letter-a .bubbles li.top-right>div{background-color:#B92D91}#letter-t .bubbles li.top-left{top:-97px;left:-275px}#letter-t .bubbles li.top-left>div{background-color:#0E8642}#letter-t .bubbles li.top-right{top:148px;left:386px}#letter-t .bubbles li.top-right>div{background-color:#9DBB3B}#letter-e .bubbles li.top-left{top:-37px;left:-165px}#letter-e .bubbles li.top-left>div{background-color:#ED1E79}#letter-e .bubbles li.top-right{top:188px;left:416px}#letter-e .bubbles li.top-right>div{background-color:#a93069}#letter-r .bubbles li.top-right{top:89px;left:438px}#letter-r .bubbles li.top-right>div{background-color:#238CCC}#letter-r .bubbles li.bottom-left{top:140px;left:-273px}#letter-r .bubbles li.bottom-left>div{background-color:#16B4E1}#tanks .slide-content{max-width:410px}#tanks .bubbles li>div{background-color:#61b7b3}#tanks .storage{position:absolute;top:0;left:0;right:0;width:100%;margin:auto;z-index:1}#tanks .bubbles li.top-left{top:-166px;left:-204px}#tanks .tank-option{cursor:pointer}#tanks .tank-option:hover circle{stroke-width:6px;fill:#1f767b}#tanks .tank-option circle{stroke:#1f767b;stroke-width:0px;-moz-transition:stroke-width 150ms,fill 105ms;-o-transition:stroke-width 150ms,fill 105ms;-webkit-transition:stroke-width 150ms,fill 105ms;transition:stroke-width 150ms,fill 105ms}#tanks text{font-weight:bold}#video .pipe{margin:0 auto;max-width:410px}#video .video-plank{position:relative;margin:0 auto;max-width:980px}#video .player{position:absolute;top:0;left:0;right:0;height:0;padding-bottom:42.5%;width:76%;margin:auto;border:2px solid #B3B3B3}#video .player iframe{position:absolute;top:0;left:0;width:100%;height:100%}#end .slide-content{max-width:410px;z-index:1}#end .glass-tap{position:relative}#end .glass-tap figure.glass{z-index:1}#end .bubbles li>div{background-color:#61b7b3}#end .bubbles li.top-left{top:-6px;left:-184px}#end .bubbles li.bottom-right{top:284px;left:496px}#end .bubbles li.bottom-right>div{background-color:#1f767b}#end .bubbles li.bottom-left{top:404px;left:-204px}#end .bubbles li.bottom-left p{font-size:18px}#end .bubbles li.bottom-left>div{background-color:#1f767b}#end .ground-bottom{position:absolute;width:1200px;height:auto;bottom:-135px;left:50%;margin-left:-600px}.ie-fallback-bg{background-color:#C3E7EE}.story-fallback{width:460px;margin:70px auto;text-align:center}.story-fallback h1{color:#238CCC}.story-fallback img{margin-bottom:2em}.story-fallback p{color:#000}ul.dev-anchors{position:fixed;top:0;left:0;opacity:0;z-index:100}ul.dev-anchors:hover{opacity:1}.addthis-smartlayers-mobile{display:none}