@import url("https://fonts.googleapis.com/css?family=Roboto+Slab:700,400");@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700,300");.wrapper button,.wrapper h1,.wrapper h2,.wrapper h3{font-family:'Roboto Slab',serif;font-weight:bold}.wrapper .answers button{padding:5%}img.logo{padding:0;margin:0 auto;display:block;max-width:450px;width:100%;min-width:320px}.wrapper h1{font-size:1.6em}.wrapper button{color:#d12e2c;border:1px solid #d12e2c;background:rgba(209,46,44,0);padding:.5em 1.7em;font-size:1.3em;cursor:pointer;-webkit-transition:ease,.2s,all;-moz-transition:ease,.2s,all;-ms-transition:ease,.2s,all;-o-transition:ease,.2s,all;transition:ease,.2s,all;outline:none;text-transform:uppercase}.wrapper button:hover{color:#fff;background:#d12e2c}.wrapper{position:relative;height:80vh;min-height:568px;max-width:750px;max-height:650px;overflow:hidden;font-family:'Open Sans',Helvetica,Arial,sans-serif}.is-hide-close .header{display:none}#header{text-align:center}#header h1{color:#d12e2c;display:inline-block;margin:0;padding:0}#header h1.question{font-family:'Open Sans',Helvetica,Arial,sans-serif;color:#000;font-size:1em}#header h1.rotate{-webkit-transform:rotate(-5deg);-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-o-transform:rotate(-5deg);transform:rotate(-5deg);margin:.4em;margin-right:.3em;margin-left:0;font-size:1.5em}#question-container{position:relative;overflow-x:hidden;overflow-y:hidden;top:0;left:0;width:100%;height:100%}#text .answers button{width:100%;border:0;background:#ffa1a0;color:#000;cursor:pointer;text-transform:inherit;font-weight:normal;font-family:'Open Sans',Helvetica,Arial,sans-serif;font-size:1.1em;text-align:left;padding:.5em .7em}#text .answers button:hover,#text .answers button.hovered{color:#fff}#text .answers button#answer1{background-color:#e95e5e}#text .answers button#answer2{background-color:#62ba4e}#text .answers button#answer3{background-color:#51bfca}#text .answers button#answer4{background-color:#f4a920}#room-next-wrapper{position:absolute;bottom:20px;margin:auto;text-align:center;width:100%}#room-explain{position:absolute;top:0;left:0;text-align:center;padding:.5em;background:#e95e5e;color:#fff}.wrap{text-align:center;padding:.5em;margin-bottom:1em}.navigation{padding:.5em;width:100%;text-align:center;display:none}.navigation button.nav{width:1.5em;height:1.5em;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;padding:0;margin:0 .2em 0 0;font-size:1.2em}.navigation button.nav.active{border:1px solid #d12e2c;background:#d12e2c;color:#fff}#intro{padding:1em}#intro h1{margin:0;padding:0;margin-bottom:1em}#text{padding:1em;position:relative;z-index:100;left:-100%}.centerify{}#text h1{padding:0;margin:0;margin-bottom:1em}#text.active{left:0%}#popup{position:absolute;left:100%;width:100%;top:0;z-index:110;padding:1em 1em 0 1em}#popup p{margin:1em 0 0 0}#popup h2{margin-top:0}#popup img{display:block;width:100%}#hover-text #tooltip{text-align:center}#hover-text #tooltip b{text-align:center;display:block;text-align:center;margin-bottom:.3em}#hover-text #hover-corner{font-family:FontAwesome;color:#d12e2c;margin:.3em .3em 0 0;font-size:1.1em;position:absolute;top:0;right:0;cursor:pointer}#hover-text #hover-corner:hover{color:#000}#outro{position:absolute;left:100%;height:100%;width:100%;display:none;top:0;z-index:110;padding:1em 1em 0 1em}#outro h2{margin-top:0}#room-wrapper{position:absolute;left:100%;height:100%;top:0%;width:100%;overflow:hidden}#room-wrapper.active{left:0%}.room-title{position:absolute;width:100%;z-index:110;top:1em}.room-title-wrapper{width:100%;max-width:500px;margin:auto;text-align:center}.ie .room-title{display:none}#room{width:100%;height:100%;position:absolute;transform-style:preserve-3d;left:50vw;-webkit-transform:perspective(15000px) rotateX(-90deg) rotateY(0deg) scale3d(.55,.55,.55) translate3d(0,-300px,0);-moz-transform:perspective(15000px) rotateX(-90deg) rotateY(0deg) scale3d(.55,.55,.55) translate3d(0,-300px,0);-ms-transform:perspective(15000px) rotateX(-90deg) rotateY(0deg) scale3d(.55,.55,.55) translate3d(0,-300px,0);-o-transform:perspective(15000px) rotateX(-90deg) rotateY(0deg) scale3d(.55,.55,.55) translate3d(0,-300px,0);transform:perspective(15000px) rotateX(-90deg) rotateY(0deg) scale3d(.55,.55,.55) translate3d(0,-300px,0)}#room.stage2{-webkit-transform:perspective(1300px) rotateX(-33deg) rotateY(23deg) scale3d(.55,.55,.55);-moz-transform:perspective(1300px) rotateX(-33deg) rotateY(23deg) scale3d(.55,.55,.55);-ms-transform:perspective(1300px) rotateX(-33deg) rotateY(23deg) scale3d(.55,.55,.55);-o-transform:perspective(1300px) rotateX(-33deg) rotateY(23deg) scale3d(.55,.55,.55);transform:perspective(1300px) rotateX(-33deg) rotateY(23deg) scale3d(.55,.55,.55)}#hover-text{position:absolute;top:70%;width:100%;display:none;text-align:center}.hover-text-wrap{position:relative;display:inline-block;background:#fff;padding:1em 2em;width:100%;max-width:320px;-webkit-box-shadow:0 0 16px 4px rgba(0,0,0,.2);-moz-box-shadow:0 0 16px 4px rgba(0,0,0,.2);-ms-box-shadow:0 0 16px 4px rgba(0,0,0,.2);-o-box-shadow:0 0 16px 4px rgba(0,0,0,.2);box-shadow:0 0 16px 4px rgba(0,0,0,.2)}.cube{width:100%;height:100%;position:absolute;transform-style:preserve-3d;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);pointer-events:none}.cube h2{color:#fff;font-size:1.5em;text-align:center}.cube2{-webkit-transform:translate3d(150px,0,0);-moz-transform:translate3d(150px,0,0);-ms-transform:translate3d(150px,0,0);-o-transform:translate3d(150px,0,0);transform:translate3d(150px,0,0)}.cube3{-webkit-transform:translate3d(0,0,250px);-moz-transform:translate3d(0,0,250px);-ms-transform:translate3d(0,0,250px);-o-transform:translate3d(0,0,250px);transform:translate3d(0,0,250px)}.cube4{-webkit-transform:translate3d(150px,0,250px);-moz-transform:translate3d(150px,0,250px);-ms-transform:translate3d(150px,0,250px);-o-transform:translate3d(150px,0,250px);transform:translate3d(150px,0,250px)}#room .wall1{-webkit-transform:translate3d(0,-10px,-135px);-moz-transform:translate3d(0,-10px,-135px);-ms-transform:translate3d(0,-10px,-135px);-o-transform:translate3d(0,-10px,-135px);transform:translate3d(0,-10px,-135px)}#room .wall1 .side{border:none}#room .wall1 .side.top{width:300px;height:20px;-webkit-transform:rotateX(90deg) translateZ(50px);-moz-transform:rotateX(90deg) translateZ(50px);-ms-transform:rotateX(90deg) translateZ(50px);-o-transform:rotateX(90deg) translateZ(50px);transform:rotateX(90deg) translateZ(50px)}#room .wall1 .side.right{width:20px;height:150px;-webkit-transform:rotateY(-90deg) translate3d(0,-40px,10px);-moz-transform:rotateY(-90deg) translate3d(0,-40px,10px);-ms-transform:rotateY(-90deg) translate3d(0,-40px,10px);-o-transform:rotateY(-90deg) translate3d(0,-40px,10px);transform:rotateY(-90deg) translate3d(0,-40px,10px)}#room .wall1 .side.front{width:300px;height:150px;-webkit-transform:rotateY(0deg) translate3d(0,-40px,10px);-moz-transform:rotateY(0deg) translate3d(0,-40px,10px);-ms-transform:rotateY(0deg) translate3d(0,-40px,10px);-o-transform:rotateY(0deg) translate3d(0,-40px,10px);transform:rotateY(0deg) translate3d(0,-40px,10px)}#room .wall1 .side.front h1{text-align:center;margin:0;padding:0;position:relative;top:20%;font-size:2em;color:#fff;pointer-events:none}#room .wall2{-webkit-transform:translate3d(300px,-10px,115px);-moz-transform:translate3d(300px,-10px,115px);-ms-transform:translate3d(300px,-10px,115px);-o-transform:translate3d(300px,-10px,115px);transform:translate3d(300px,-10px,115px);transform-style:preserve-3d}#room .wall2 .side{border:none}#room .wall2 .side.top{width:20px;height:520px;-webkit-transform:rotateX(90deg) translateZ(300px);-moz-transform:rotateX(90deg) translateZ(300px);-ms-transform:rotateX(90deg) translateZ(300px);-o-transform:rotateX(90deg) translateZ(300px);transform:rotateX(90deg) translateZ(300px)}#room .wall2 .side.right{width:520px;height:150px;-webkit-transform:rotateY(-90deg) translate3d(0,-40px,260px);-moz-transform:rotateY(-90deg) translate3d(0,-40px,260px);-ms-transform:rotateY(-90deg) translate3d(0,-40px,260px);-o-transform:rotateY(-90deg) translate3d(0,-40px,260px);transform:rotateY(-90deg) translate3d(0,-40px,260px)}#room .wall2 .side.front{width:20px;height:150px;-webkit-transform:rotateY(0deg) translate3d(0,-40px,260px);-moz-transform:rotateY(0deg) translate3d(0,-40px,260px);-ms-transform:rotateY(0deg) translate3d(0,-40px,260px);-o-transform:rotateY(0deg) translate3d(0,-40px,260px);transform:rotateY(0deg) translate3d(0,-40px,260px)}.side{margin:0;width:150px;height:250px;display:block;position:absolute;background-image:url('/Static/images/FourCorners/floorboard256.png');transform-style:preserve-3d;backface-visibility:hidden;pointer-events:none}.side.top{-webkit-transform:rotateX(90deg) translateZ(75px);-moz-transform:rotateX(90deg) translateZ(75px);-ms-transform:rotateX(90deg) translateZ(75px);-o-transform:rotateX(90deg) translateZ(75px);transform:rotateX(90deg) translateZ(75px);border:10px solid #fff;pointer-events:all}.side.top .bg{content:'';width:100%;height:100%;background-color:rgba(255,0,0,0);position:absolute;-webkit-transition:ease,.2s,all;-moz-transition:ease,.2s,all;-ms-transition:ease,.2s,all;-o-transition:ease,.2s,all;transition:ease,.2s,all}.side.top h1{text-align:center;margin:0;padding:0;font-size:6em;color:#fff;pointer-events:none}.side .center{position:relative;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.side.front{-webkit-transform:rotateY(0deg) translate3d(0,50px,125px);-moz-transform:rotateY(0deg) translate3d(0,50px,125px);-ms-transform:rotateY(0deg) translate3d(0,50px,125px);-o-transform:rotateY(0deg) translate3d(0,50px,125px);transform:rotateY(0deg) translate3d(0,50px,125px);height:50px}.side.front .bg{content:'';width:100%;height:100%;background-color:rgba(0,0,0,.3);position:absolute}.side.right{-webkit-transform:rotateY(-90deg) translate3d(0,50px,125px);-moz-transform:rotateY(-90deg) translate3d(0,50px,125px);-ms-transform:rotateY(-90deg) translate3d(0,50px,125px);-o-transform:rotateY(-90deg) translate3d(0,50px,125px);transform:rotateY(-90deg) translate3d(0,50px,125px);height:50px;width:250px}.side.right .bg{content:'';width:100%;height:100%;background-color:rgba(0,0,0,.3);position:absolute}.cube.animated .top .bg{content:'';width:100%;height:100%;background-color:rgba(255,255,255,0);position:absolute}.cube.animated .top h2{opacity:1}.animated.cube1 .side .bg{background-color:#e95e5e}.animated.cube2 .side .bg{background-color:#62ba4e}.animated.cube3 .side .bg{background-color:#51bfca}.animated.cube4 .side .bg{background-color:#f4a920}.cube1 .top{cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}.cube1 .top:hover .bg,.cube1 .top.hovered .bg{background-color:rgba(255,255,255,0);background-color:#e95e5e}.cube2 .top{cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}.cube2 .top:hover .bg,.cube2 .top.hovered .bg{background-color:rgba(255,255,255,0);background-color:#62ba4e}.cube3 .top{cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}.cube3 .top:hover .bg,.cube3 .top.hovered .bg{background-color:rgba(255,255,255,0);background-color:#51bfca}.cube4 .top{cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}.cube4 .top:hover .bg,.cube4 .top.hovered .bg{background-color:rgba(255,255,255,0);background-color:#f4a920}#floor1 h1{color:green}#floor2 h1{color:red}#floor3 h1{color:#00f}#floor4 h1{color:#0ff}.ie #room{-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;-o-transform:none!important;transform:none!important;left:0!important;top:0!important;height:auto!important;position:initial;transform-style:initial}.ie #room .cube{-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;-o-transform:none!important;transform:none!important;transform-style:initial;display:inline-block;position:static;margin:1.5%}.ie #room .cube .side{-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;-o-transform:none!important;transform:none!important}.ie #room .cube .front,.ie #room .cube .right{display:none}.ie #room .cube .top{width:100%;height:170px;position:relative;border:none}.ie #room .cube .top .bg{position:absolute;bottom:0}.ie #room .wall1,.ie #room .wall2{display:none}.ie #room .cube1,.ie #room .cube2,.ie #room .cube3,.ie #room .cube4{position:static;width:46%;height:auto;display:inline-block;pointer-events:all;vertical-align:top}.ie #hover-text{position:absolute;width:100%;top:356px;margin:auto;left:auto;-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none}.ie #hover-text #tooltip{text-align:center;background:none}.ie .hover-text-wrap{background:none;-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none;padding:1em 0 0 0}.ie #hover-text #hover-corner{visibility:hidden;display:none!important;pointer-events:none}.ie #room-next-wrapper{top:470px}*{box-sizing:border-box}@media(min-width:600px){.ie #hover-text{top:366px}}@media(min-width:1178px){.ie #hover-text{top:376px}}@media(min-width:992px){#intro{font-size:1.2em}#text{font-size:1.2em}#popup{font-size:1.2em}#popup h2{font-size:1.2em}#outro{font-size:1.3em}}.is-old-ie .top.side h1{line-height:1em}.is-old-ie .cube{letter-spacing:0!important;line-height:0!important;vertical-align:top}.is-old-ie #room{letter-spacing:0!important;line-height:0!important}.is-old-ie #popup img{width:80%}@font-face{font-family:'Open Sans';font-weight:400;font-style:normal;src:url('/static/public/fonts/Open-Sans-regular/Open-Sans-regular.eot');src:url('/static/public/fonts/Open-Sans-regular/Open-Sans-regular.eot?#iefix') format('embedded-opentype'),local('Open Sans'),local('Open-Sans-regular'),url('/static/public/fonts/Open-Sans-regular/Open-Sans-regular.woff2') format('woff2'),url('/static/public/fonts/Open-Sans-regular/Open-Sans-regular.woff') format('woff'),url('/static/public/fonts/Open-Sans-regular/Open-Sans-regular.ttf') format('truetype'),url('/static/public/fonts/Open-Sans-regular/Open-Sans-regular.svg#OpenSans') format('svg')}@font-face{font-family:'Open Sans';font-weight:600;font-style:normal;src:url('/static/public/fonts/Open-Sans-600/Open-Sans-600.eot');src:url('/static/public/fonts/Open-Sans-600/Open-Sans-600.eot?#iefix') format('embedded-opentype'),local('Open Sans Semibold'),local('Open-Sans-600'),url('/static/public/fonts/Open-Sans-600/Open-Sans-600.woff2') format('woff2'),url('/static/public/fonts/Open-Sans-600/Open-Sans-600.woff') format('woff'),url('/static/public/fonts/Open-Sans-600/Open-Sans-600.ttf') format('truetype'),url('/static/public/fonts/Open-Sans-600/Open-Sans-600.svg#OpenSans') format('svg')}@font-face{font-family:'Open Sans';font-weight:400;font-style:italic;src:url('/static/public/fonts/Open-Sans-italic/Open-Sans-italic.eot');src:url('/static/public/fonts/Open-Sans-italic/Open-Sans-italic.eot?#iefix') format('embedded-opentype'),local('Open Sans Italic'),local('Open-Sans-italic'),url('/static/public/fonts/Open-Sans-italic/Open-Sans-italic.woff2') format('woff2'),url('/static/public/fonts/Open-Sans-italic/Open-Sans-italic.woff') format('woff'),url('/static/public/fonts/Open-Sans-italic/Open-Sans-italic.ttf') format('truetype'),url('/static/public/fonts/Open-Sans-italic/Open-Sans-italic.svg#OpenSans') format('svg')}