body{transition:1s color ease-out 0s,1s background-color ease-out 0s;background-color:#fff}body.dark{color:#fff;background-color:#374055}body.dark a{color:#fff}#header{display:none;position:fixed;width:100%;left:0;margin:0;box-sizing:border-box;border-bottom:1px solid #7d7d7d;transition:.5s all ease-out;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}#headerBlueBar:hover + #header,#header:hover{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}body #headerBlueBar{width:auto;max-width:none;left:0;right:0;background-color:#81d8d0 !important}#nav{max-width:1240px;margin:13px auto 0;border-bottom:0}#footer{display:none;position:fixed;bottom:0;left:0;right:0;transition:.5s all ease-out;-webkit-transform:translate3d(0,calc(100% - 10px),0);transform:translate3d(0,calc(100% - 10px),0)}#footer:hover{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}#wrapper{max-width:none;min-width:initial;padding:0}#maincontent{min-height:initial}#logoLink{position:fixed;top:40px;left:0;right:0;text-align:center;z-index:1;transition:.5s all ease-out;opacity:0}#logoLink.visible{opacity:1;z-index:2}#topNav{position:absolute;top:40px;left:0;right:0;text-align:center;z-index:1;transition:.5s all ease-out;opacity:0}#topNav.visible{opacity:1;z-index:2}#topNav a{font-size:16px;color:#777;padding:5px;margin:0 20px}#topNav a.active,#topNav a:hover{color:#000 !important;border-bottom:1px solid #000}.dark #topNav a{color:#eee}.dark #topNav a.active,.dark #topNav a:hover{color:#fff !important;border-bottom:1px solid #fff}#bottomNav{position:fixed;bottom:20px;left:0;right:0;text-align:center;padding-bottom:0;z-index:1;opacity:1;transition:1s opacity ease-in,1s z-index ease-in}#bottomNav.hidden{opacity:0;z-index:-1}.thumbs .thumb{transition:.3s background ease-out}.thumbs .thumb:hover{background:#000}.dark .thumbs .thumb:hover{background:#fff}.thumbs .thumb.active{transition:.3s border-color ease-out}.thumbs .thumb.active:hover{border-color:#000;background:none}.dark .thumbs .thumb.active:hover{border-color:#fff}#backToEngagement{position:fixed;left:30px;bottom:20px;z-index:1}#shareFixed{position:fixed;right:30px;bottom:20px;transition:.5s opacity ease-in,.5s z-index ease-in;z-index:20;opacity:1}#shareFixed.hidden{display:inline-block;opacity:0;z-index:-1}.circle-arrow{position:fixed;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:block;width:50px;height:50px;border:1px solid #bbb;border-radius:50%;text-align:center;line-height:52px;box-sizing:border-box;z-index:20;opacity:1;transition:1s opacity ease-in,1s z-index ease-in,.3s border-color ease-out}.circle-arrow:before{content:'';display:inline-block;width:12px;height:12px;box-shadow:-1px 1px 0 #bbb;-webkit-transform:rotate(45deg);transform:rotate(45deg);margin-left:6px;transition:.3s box-shadow ease-out}.circle-arrow:hover{border-color:#000}.circle-arrow:hover:before{box-shadow:-1px 1px 0 #000}.dark .circle-arrow:hover{border-color:#fff}.dark .circle-arrow:hover:before{box-shadow:-1px 1px 0 #fff}#nextSlide.circle-arrow:hover:before{box-shadow:1px -1px 0 #000}.dark #nextSlide.circle-arrow:hover:before{box-shadow:1px -1px 0 #fff}.circle-arrow.hidden{opacity:0;z-index:-1}#prevSlide{left:10px}#nextSlide{right:10px}#nextSlide.circle-arrow:before{margin-left:-6px;box-shadow:1px -1px 0 #bbb}#videoContainer{position:fixed;top:10px;bottom:0;left:0;right:0;transition:.5s opacity ease-out;opacity:0}#videoContainer.visible{opacity:1}#mainVideo{min-width:100%;min-height:100%;position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);max-height:115%}#videoContainer.test{bottom:auto;right:auto;width:300px;z-index:1}#videoContainer.test #mainVideo{height:auto}.test-buttons{position:fixed;top:10px;right:0;padding:10px;z-index:2}#guideContainer{ position:fixed;top:0;left:0;right:0;bottom:0;padding:10px 0;box-sizing:border-box;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;opacity:0;transition:.5s opacity ease-out}#guideContainer.visible{opacity:1}#guideContainer > div{text-align:center;-webkit-flex-grow:1;flex-grow:1;display:none;margin:0 4%}#guideContainer > div.rendered{display:block}#guideContainer h1{font-size:36px;line-height:36px}#guideContainer h2{font-size:36px;line-height:36px}#guideContainer p{font-size:20px;line-height:150%;padding:10px 5%;margin:0 auto;box-sizing:border-box}#guideContainer > div a,#guideContainer > div span{font-family:AvenirNextMedium,Arial,Sans-Serif;text-transform:uppercase;letter-spacing:1px;font-size:11px}#guideContainer > div > img{max-height:42vh}.flex-center{display:-webkit-flex;display:flex;align-items:center;justify-content:center}.flex-center > div{max-width:50%;margin:0 3%}.hotspot-container{position:relative}.hotspot-container img{max-width:100%;max-height:42vh}.hotspot-container a{display:inline-block;width:20px;height:20px;border-radius:50%;background:#81d8d0;box-shadow:0 0 5px #666;position:absolute;transition:.5s opacity ease-out;transform:translate3d(-50%,-50%,0)}.hotspot-container a.active{background:#f7f7f7}.hotspot-info{position:relative;max-width:560px;opacity:0;transition:.5s opacity ease-out}#guideContainer .hotspot-info p{padding:32px 5% 40px}#guideContainer > div.visible .hotspot-info{opacity:1}.hotspot-info > div{transition:.5s opacity ease-out;opacity:0;display:none}.hotspot-info > div.rendered{display:block}.hotspot-info > div.visible{opacity:1}#guideContainer > div .intro{transition:.5s opacity ease-out;opacity:0;display:block}#guideContainer > div.visible .intro{opacity:1}#guideContainer > div .intro.hide{opacity:0}#guideContainer > div .intro.not-rendered{display:none}.share-menu-wide{position:fixed;bottom:15px;right:12px;background:none;transition:.5s opacity ease-in,.5s z-index ease-in;opacity:1;z-index:20;text-align:right}.share-menu-wide.hidden{display:inline-block;opacity:0;z-index:-1}.share-menu-wide a{background-image:url(/shared/images/icons/social_icons-black.png);background-size:198px 16px}.share-menu-wide a.facebook{background-position:-36px 0}.share-menu-wide a.twitter{background-position:-89px 0;height:16px}.share-menu-wide a.pinterest{background-position:-71px 0}.share-menu-wide a.tumblr{background-position:-107px 0;height:16px}.share-menu-wide a.google{background-position:-143px 0}.share-menu-wide a.weibo{background-position:-180px 0;height:16px;width:19px}#guide1 h1{transition:.5s opacity ease-out;opacity:0}#guide1.visible h1{opacity:1}#guide1 p{max-width:1200px;padding-top:30px;transition:.5s opacity ease-out;opacity:0}#guide1.visible p{opacity:1}#guide1 hr,#guide1 a{transition:.5s opacity ease-out;opacity:0}#guide1.visible hr,#guide1.visible a{opacity:1}#guide1 img{transition:.5s opacity ease-out;opacity:0}.ipad #guide1.visible img{opacity:1}.ipad.video-started #guide1.visible img{opacity:0}#guide2 h2{transition:.5s opacity ease-out;opacity:0}#guide2.visible h2{opacity:1}#guide2 p{max-width:820px;padding-top:30px;transition:.5s opacity ease-out;opacity:0}#guide2.visible p{opacity:1}#guide2 img{opacity:0}#guide3 span{transition:.5s opacity ease-out;opacity:0}#guide3.visible span{opacity:1}#guide3 a.hotspot-1{top:34%;left:34%;opacity:0}#guide3.visible a.hotspot-1{opacity:1}#guide3 a.hotspot-2{top:45%;left:67%;opacity:0}#guide3.visible a.hotspot-2{opacity:1}#guide3 a.hotspot-3{top:81%;left:50%;opacity:0}#guide3.visible a.hotspot-3{opacity:1}#guide3 .hotspot-container{transition:.5s opacity ease-out;opacity:0;margin-top:15%;margin-left:-21%}#guide3.visible .hotspot-container{opacity:1}#guide3 .hotspot-info{transition-delay:.5s;width:480px;max-width:100%}#guide4 span{transition:.5s opacity ease-out;opacity:0}#guide4.visible span{opacity:1}#guide4 a.hotspot-1{top:48%;left:50.5%;opacity:0}#guide4.visible a.hotspot-1{opacity:1}#guide4 a.hotspot-2{top:26%;left:80%;opacity:0}#guide4.visible a.hotspot-2{opacity:1}#guide4 .hotspot-container{transition:.5s opacity ease-out;opacity:0;margin-top:10%;margin-left:-12%}#guide4 .hotspot-container img{max-height:64vh}#guide4.visible .hotspot-container{opacity:1}#guide4 .hotspot-info{width:500px;max-width:100%}#guide5 .flex-center > div{margin:0 1%}#guide5 .flex-center > div:nth-child(2){margin-right:10%;margin-left:0;position:relative}#guide5 .hotspot-info hr{margin-top:0;width:220px}#guide5 img.shapes-static{transition:.5s opacity ease-out;opacity:0}#guide5.visible img.shapes-static{opacity:1}#guideContainer > div#guide5 .intro h2{transition:.5s opacity ease-out;opacity:0}#guideContainer > div#guide5.visible .intro h2{opacity:1}#guideContainer > div#guide5 .intro p{transition:.5s opacity ease-out;opacity:0}#guideContainer > div#guide5.visible .intro p{opacity:1}#guideContainer > div#guide5 .intro span{transition:.5s opacity ease-out;opacity:0}#guideContainer > div#guide5.visible .intro span{opacity:1}#guide5 .shapes-container{transition:.5s opacity ease-out;opacity:0}#guide5.visible .shapes-container{opacity:1}#guide5 .shapes-container img.shapes-animated{position:absolute;top:0;left:0;transition:.5s opacity ease-out;opacity:0;z-index:-1}#guide5 .shapes-container img.shapes-animated.visible{opacity:1;z-index:1}#guide6 h2{transition:.5s opacity ease-out;opacity:0}#guide6.visible h2{opacity:1}#guide6 p{max-width:1000px;padding-top:30px;transition:.5s opacity ease-out;opacity:0}#guide6.visible p{opacity:1}#guide6 img{opacity:0}#guide7 h2{transition:.5s opacity ease-out;opacity:0}#guide7.visible h2{opacity:1}#guide7 p{max-width:1170px;padding-top:30px;transition:.5s opacity ease-out;opacity:0}#guide7.visible p{opacity:1}#guide7 img{opacity:0}#guide7 a{position:relative;top:70px;transition:.5s opacity ease-out 1s;opacity:0}#guide7.visible a{opacity:1}#guide8 h2{transition:.5s opacity ease-out;opacity:0}#guide8.visible h2{opacity:1}#guide8 p{max-width:580px;padding-top:30px;padding-bottom:20px;transition:.5s opacity ease-out;opacity:0}#guide8.visible p{opacity:1}#guide8 a{transition:.5s opacity ease-out;opacity:0}.dark #guide8.visible a{opacity:1}#guide8 a img{vertical-align:middle;width:16px;margin-top:-4px;margin-right:5px}#guide8 .lights-container img{opacity:0}#guide9 h2{transition:.5s opacity ease-out;opacity:0;margin-top:6%}#guide9.visible h2{opacity:1}#guide9 p{max-width:1090px;padding-top:30px;padding-bottom:5%;transition:.5s opacity ease-out;opacity:0}#guide9.visible p{opacity:1}#guide9 .clarity-slider{transition:.5s opacity ease-out;opacity:0}#guide9 .clarity-slider .slider{position:relative;top:-40px}#guide9.visible .clarity-slider{opacity:1}#guide10 h2{transition:.5s opacity ease-out;opacity:0}#guide10.visible h2{opacity:1}#guide10 p{max-width:1020px;padding-top:30px;transition:.5s opacity ease-out;opacity:0}#guide10.visible p{opacity:1}#guide10 img{opacity:0}#guide11 h2{transition:.5s opacity ease-out;opacity:0}#guide11.visible h2{opacity:1}#guide11 p{max-width:720px;padding-top:30px;padding-bottom:0;transition:.5s opacity ease-out;opacity:0}#guide11.visible p{opacity:1}#guide11 img{max-width:478px;transition:.5s opacity ease-out;opacity:0}#guide11.visible img{opacity:1}#guide11 .grid-container{max-width:750px;margin:0 auto;transition:.5s opacity ease-out;opacity:0}#guide11.visible .grid-container{opacity:1}#guide11 .grid-container hr{width:140px;margin-top:0}.dg-simple{display:none}.dg-full{display:block}.simple-layout .dg-simple{display:block}.simple-layout .dg-full{display:none}.simple-layout.mobile #footer{display:block;position:static;transform:none}.simple-layout #topNav{display:none}.simple-layout #maincontent{padding:0}.simple-layout #maincontent #logoLink{display:none}.simple-layout #bottomNav{display:none}.simple-layout #prevSlide{display:none}.simple-layout #nextSlide{display:none}.simple-layout #shareFixed{display:none}.simple-layout #backToEngagement{display:none}.simple-layout #videoContainer{display:none}.simple-layout #guideContainer{position:static;display:block;padding:0}.simple-layout header #logoLink{position:absolute;opacity:1;top:0;left:50%;right:auto;transform:translateX(-50%);transition:none}.simple-layout #guideContainer > div{width:100%;display:flex;flex-wrap:wrap;flex-direction:column;padding:10% 0;margin:0}.simple-layout #guideContainer > div > img{width:100%;height:auto;max-height:none;margin:0 auto}.simple-layout .flex-center{flex-direction:column}.simple-layout .flex-center > div{max-width:none;width:100%}.simple-layout .hotspot-info{width:auto !important;margin:0 auto}.simple-layout .hotspot-container{max-width:100%;margin:0 !important;width:auto !important;display:inline-block}.simple-layout .clarity-slider img{max-width:100%}.simple-layout .clarity-slider input[type=range]{width:110px}.simple-layout #guide1{background:#f5f5f5}.simple-layout #guide1 img{height:49vw;opacity:1}.simple-layout #guide1 h1{order:-1;padding-bottom:10%}.simple-layout #guide1 hr{display:none}.simple-layout #guide1 a{display:none}.simple-layout #guide2{background:#323b4e;color:#fff;padding-bottom:0 !important}.simple-layout #guide2 img{opacity:1}.simple-layout #guide3{}.simple-layout #guide3 .flex-center > div:first-child{order:1;padding-top:5%}.simple-layout #guide4{background:#f5f5f5}.simple-layout #guide4 .flex-center > div:first-child{order:1;padding-top:5%}.simple-layout #guide5{}.simple-layout #guide5 .flex-container{overflow:hidden;max-width:100%}.simple-layout #guide5 .flex-center > div:nth-child(2){margin-right:0;margin-top:5%}.simple-layout #guide6{background:#f5f5f5}.simple-layout #guide6 img{opacity:1;padding-top:5%}.simple-layout #guide7{}.simple-layout #guide7 img{opacity:1;max-width:none !important;margin-top:30px !important}.simple-layout #guide7 .color-slider{width:100%;overflow:scroll;padding:8% 0 4%;margin-bottom:4%}.simple-layout #guide8{background:#1a1a1f;color:#fff;padding-bottom:0 !important}.simple-layout #guide8 .lights-container img{opacity:1;max-width:100%;margin:0 auto}.simple-layout #guide8 p{padding-bottom:0}.simple-layout #guide9 .clarity-slider .slider{position:static;top:0}.simple-layout #guide10{background:#f5f5f5}.simple-layout #guide10 img{opacity:1;margin-top:5%}.simple-layout #guide11 .grid-container hr{width:120px;margin:15px auto}.simple-layout.mobile #guide11 .grid-container > div:first-child hr{display:none}.rotateOverlay{display:none;top:0;left:0;z-index:100;width:100%;height:100%;position:fixed;background-color:rgba(129,216,208,1)}.rotate__icon-wrap{top:50%;left:50%;fill:#fff;width:100px;height:120px;position:absolute;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.rotate__icon-ipad{width:100%;height:100%;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}.rotate__icon-rotate{top:50%;left:50%;width:26px;height:30px;margin-top:-15px;margin-left:-13px;position:absolute}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}50%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}50%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@media screen and (orientation:portrait) and (min-width:768px){.rotateOverlay{display:block}.rotate__icon-ipad{-webkit-animation:rotate 3s infinite;animation:rotate 3s infinite}}@media only screen and (max-width:1024px){#mainVideo{max-height:100%}#guideContainer p{font-size:18px}#guide3 .hotspot-container{width:145%;margin-top:22%;margin-left:-22%}#guide4 .hotspot-container{width:120%;margin-top:15%;margin-left:-5%}}@media only screen and (max-width:1023px){#topNav{display:none}#maincontent{padding:0}#maincontent #logoLink{display:none}#bottomNav{display:none}#prevSlide{display:none}#nextSlide{display:none}#shareFixed{display:none}#backToEngagement{display:none}#videoContainer{display:none}.simple-layout #guide5 .flex-center > div:nth-child(2){width:320px}}