a,a.clicked{text-decoration:none}h1,h2,h3,p,ul{line-height:1.4}body,h1,h2,h3,html{padding:0;margin:0}#wrapper,html{background:#000}#circles-wrap,#wrapper,body,html{width:100%;height:100%}#circles-wrap,#wrapper,.circle{position:relative}a,body{color:#fff}#wrapper,.page .options,body{overflow:hidden}.page .ico-btn a:before,.page .options ul li a:before,.page#graph .circle-mask:before,.page#video .ico-btn.priority a:before,.page#video .ico-btn.priority.share a:before{content:""}@font-face{font-family:maison_neuemono;src:url(/fonts/maisonneue-mono-webfont.woff2) format("woff2"),url(/fonts/maisonneue-mono-webfont.woff) format("woff");font-weight:400;font-style:normal}html{font-family:maison_neuemono,monospace}body{text-align:center;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none}*,:after,:before{box-sizing:border-box}#wrapper{padding:15px}.color-bg-red #wrapper{background:#a92021}.color-bg-blue #wrapper{background:#0091D0}.color-bg-green #wrapper{background:#00A978}.layout-portrait #circles-wrap{top:-4%}.circle{transform-origin:0 0;width:900px}#adjust-info,.test-links{position:absolute;z-index:2000;top:0;padding:10px}.test-links{left:0}#adjust-info{right:0;color:#fff;text-align:left;font-size:24px}.page .footer,.page#graph .breakdown .text{color:rgba(255,255,255,.5);letter-spacing:.05em}.vertical-center{position:relative;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}#at20mc,.hidden{display:none!important}.page{display:block;width:900px;height:900px}.page.hidden{display:none}.page .circle-mask{position:relative;width:100%;height:100%;border-radius:50%;background:#a92021;overflow:hidden;display:block;z-index:1}.color-blue .page .circle-mask{background:#0091D0}.color-green .page .circle-mask{background:#00A978}.page .rule-sm{position:absolute;width:125px;top:28%;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);height:1px;background:#fff}.page .footer,.page .ico-btn a span{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}.page .footer{position:absolute;top:77%;left:50%;transform:translateX(-50%);width:410px;border-top:1px solid rgba(255,255,255,.4);padding-top:25px;text-transform:uppercase;font-size:28px;display:none}@media (min-width:768px){.page .footer{display:block}}.page .global-buttons{position:absolute;z-index:10;transform:scale(2);text-align:center}.page .global-buttons .ico-btn{display:inline-block}.layout-landscape .page .global-buttons{transform-origin:50% 100%;bottom:-5px;left:50%;width:100%}.layout-portrait .page .global-buttons{transform-origin:50% 0;top:920px;left:0;width:100%}.page .ico-btn{width:46px;height:55px}.page .ico-btn.share img{display:none}.page .ico-btn a{display:block;position:relative;padding-top:48px;cursor:pointer;color:rgba(255,255,255,.4);transition:color linear .1s;font-size:12px;text-align:center}.page .ico-btn a span{display:inline-block;position:absolute;left:50%;transform:translateX(-50%)}.theme-contain .page .ico-btn a{text-transform:uppercase;padding-top:44px}.page .ico-btn a:before{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);width:38px;height:38px;border-radius:50%;transform-origin:50% 50%;transition:transform .1s linear;transition:opacity linear .1s;filter:alpha(Opacity=50);opacity:.5}.hasHover .page .ico-btn a:hover:before{filter:alpha(Opacity=100);opacity:1;color:#fff}.hasHover .page .ico-btn a:hover,.page .ico-btn a.clicked{color:#fff}.page .ico-btn a.clicked:before{filter:alpha(Opacity=100);opacity:1;-webkit-transform:translateX(-50%) scale(.85);-moz-transform:translateX(-50%) scale(.85);-ms-transform:translateX(-50%) scale(.85);-o-transform:translateX(-50%) scale(.85);transform:translateX(-50%) scale(.85)}.page .ico-btn.restart a:before{background-image:url(../img/sprites.svg?v=6);background-position:-8px -64px}.page#begin{text-transform:uppercase;letter-spacing:.05em}.page#begin h2{font-size:48px}.page#begin h1{font-size:180px}.page#begin .circle-mask{cursor:pointer;transition:transform .1s linear}.page#begin .circle-mask .content-wrap{transform-origin:50% 50%;animation-duration:3s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-name:begin-breath}.page#begin.clicked .circle-mask h1,.page#begin.clicked .circle-mask h2{filter:alpha(Opacity=80);opacity:.8}.page#begin.clicked .circle-mask{transform-origin:50% 50%;transform:scale(.95)}.page#question .question-list{position:absolute;top:11%;text-align:center;width:100%}.page#question .question-list ul{position:relative;margin:0;padding:0;display:block;width:100%}.page#question .question-list ul li{position:absolute;list-style:none;display:block;margin:0;padding:0;font-size:40px;line-height:23px;width:25px;height:25px}.page#question .question-list ul li.curr{left:50%;margin-left:-45px;width:90px;height:90px;font-size:52px;line-height:90px;border-radius:50%;background:#fff;text-align:center}.color-red .page#question .question-list ul li.curr{color:#a92021}.color-blue .page#question .question-list ul li.curr{color:#0091D0}.color-green .page#question .question-list ul li.curr{color:#00A978}.page#question .question-list ul li.status{left:50%;top:120px;font-size:28px;margin-left:-60px;width:120px;text-align:center}.page#question .question-list ul li.prev{top:40px;left:50%;margin-left:-100px}.page#question .question-list ul li.prev a.clicked{background:rgba(255,255,255,0)}.page#question .question-list ul li a{display:block;transition:transform .1s linear,opacity .1s linear;filter:alpha(Opacity=70);opacity:.7}.hasHover .page#question .question-list ul li a.disabled:hover,.page#question .question-list ul li a.disabled{filter:alpha(Opacity=0);opacity:0;cursor:default}.hasHover .page#question .question-list ul li a:hover{filter:alpha(Opacity=100);opacity:1}.page#question .question-list ul li a.clicked{filter:alpha(Opacity=100);opacity:1;color:#fff;background:rgba(255,255,255,.3);-webkit-transform:scale(.95);-moz-transform:scale(.95);-ms-transform:scale(.95);-o-transform:scale(.95);transform:scale(.95)}.page .statement{position:absolute;top:44%;left:50%;-webkit-transform:translateY(-50%) translateX(-50%);-moz-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);-o-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);width:740px;margin:0 auto;font-size:42px}.page .options{position:absolute;top:63%;text-align:center;width:100%;margin-top:-30px;transform:scale(2);transform-origin:50% 0}.page .options ul li,.page .options ul li a{width:52px;height:120px;display:block;position:relative}.page .options ul{position:relative;margin:0;padding:0;float:left;display:block;left:50%}.page .options ul li{font-size:11px;line-height:23px;list-style:none;float:left;right:50%;margin-left:9px;margin-right:9px}.page .options ul li a{padding-top:60px;line-height:1.2;font-size:12px;color:rgba(255,255,255,.4);text-align:center}.page .options ul li a span{display:block;position:relative;width:80px;text-align:center;left:50%;margin-left:-40px}@media (min-width:768px){.hasHover .page .options ul li a span{display:none}.hasHover .page .options ul li a:hover span{display:block}}.circle.group-yes-ve-gan .page#so-your-a .your-a,.page#video .ico-btn.priority.info-close-btn{display:none}.page .options ul li a:before{position:absolute;width:52px;height:52px;top:0;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);border:1.5px solid #fff;border-radius:50%;background-image:url(../img/sprites.svg?v=6);background-position-y:-3px;text-transform:lowercase;transform-origin:50% 50%;transition:transform .1s linear}.hasHover .page .options ul li a:hover:before,.page .options ul li a.active:before,.page .options ul li a.clicked:before{background-color:rgba(255,255,255,.3)}.page .options ul li a.clicked:before{-webkit-transform:translateX(-50%) scale(.85);-moz-transform:translateX(-50%) scale(.85);-ms-transform:translateX(-50%) scale(.85);-o-transform:translateX(-50%) scale(.85);transform:translateX(-50%) scale(.85)}.page .options ul li.s-agree a:before{background-position-x:-3px}.page .options ul li.agree a:before{background-position-x:-63px}.page .options ul li.dont-know a:before{background-position-x:-123px}.page .options ul li.disagree a:before{background-position-x:-183px}.page .options ul li.s-disagree a:before{background-position-x:-243px}.page#graph .circle-mask{position:relative;z-index:1}.page#graph .circle-mask:before{position:absolute;z-index:500;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:50%;border:14px solid #a92021;pointer-events:none}.color-blue .page#graph .circle-mask:before{border-color:#0091D0}.color-green .page#graph .circle-mask:before{border-color:#00A978}.page#graph .breakdown{position:absolute;z-index:2;top:50%;left:75%;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);text-align:left}.page#so-your-a h2,.page#video .info-wrap .info-text{-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%)}.page#graph .breakdown .percent{font-size:160px}.page#graph .breakdown .text{width:380px;font-size:27px;text-transform:uppercase}.page#graph .breakdown .text .status{font-weight:600;color:#fff}.page#graph .breakdown .text .next-question{margin-top:20px}.page#graph .breakdown .text .next-question a{color:rgba(255,255,255,.5);transition:color linear .2s;cursor:pointer;font-size:40px}.page#graph .breakdown .text .next-question a:hover{color:#fff}.page#so-your-a h2{position:absolute;top:48%;left:50%;font-size:52px;width:100%;transform:translateX(-50%) translateY(-50%)}.page#video{position:relative}.page#video .circle-mask{background-color:transparent}.page#video .video-wrap{position:absolute;z-index:1;top:-1px;left:-1px;width:calc(100% + 2px);height:calc(100% + 2px)}.page#video .video-wrap video{position:absolute;top:-2%;left:-2%;width:104%;height:104%}.page#video .video-wrap video#video-freegan{top:-3%;left:-3%;width:106%;height:106%}.theme-contain .page#video .ico-btn a{font-weight:700}.theme-contain .page#video .ico-btn a:before{animation:ico-btn-breath 2s infinite}.page#video .ico-btn.priority a{color:rgba(255,255,255,.8)}.hasHover .page#video .ico-btn.priority a:hover{color:#fff}.page#video .ico-btn.priority a:before{border-radius:50%;background:0 0;text-transform:lowercase;transform-origin:50% 50%;transition:transform .1s linear;font-size:18px;line-height:38px;filter:alpha(Opacity=80);opacity:.8}.hasHover .page#video .ico-btn.priority a:hover:before{filter:alpha(Opacity=100);opacity:1}.theme-contain .page#video .ico-btn.priority a:before{animation:ico-btn-breath-invert 2s infinite;color:#fff;font-size:22px}.theme-contain .page#video .ico-btn.priority.share a:before{content:"";background-image:url(../img/sprites.svg?v=6);background-position:-70px -64px}.page#video .ico-btn.priority.info-open-btn a:before{content:"i"}.theme-contain .page#video .ico-btn.priority.info-open-btn a:before{content:"";background-image:url(../img/sprites.svg?v=6);background-position:-130px -64px}.page#video .ico-btn.priority.info-close-btn a:before{content:"x"}.theme-contain .page#video .ico-btn.priority.info-close-btn a:before{content:"";background-image:url(../img/sprites.svg?v=6);background-position:-190px -64px}.page#video .info-wrap{position:absolute;z-index:10;top:0;left:0;width:100%;height:100%}.page#video .info-wrap .info-text{display:none;position:absolute;font-size:32px;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);width:95%}.page#video .info-wrap .info-text p{margin-bottom:1.5em;line-height:1.5;color:#fff}.page#video.info-opened .info-text{display:block}.page#video.info-opened .info-btn.info-open-btn{display:none}.page#video.info-opened .info-btn.info-close-btn{display:inline-block}.page#video.info-opened .circle-mask{display:none}.theme-spill .circle.group-yes-ve-gan .page#video .info-btn a:before{color:#005121}.theme-spill .circle.group-carnivore .page#video .info-btn a:before{color:#c4161c}.theme-spill .circle.group-vegetarian .page#video .info-btn a:before{color:#005121}.theme-spill .circle.group-locavore .page#video .info-btn a:before{color:#3d3c3f}.theme-spill .circle.group-freegan .page#video .info-btn a:before{color:#ec1c90}.theme-spill .circle.group-pescatarian .page#video .info-btn a:before{color:#00aeef}.page#video .take-your-sticker{position:absolute;z-index:2;top:82%;height:18%;width:100%;background-color:rgba(255,255,255,.8);transition:top .5s linear}.page#video .take-your-sticker.hidden{display:block!important;top:100%}.page#video .take-your-sticker p{position:absolute;top:45%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);text-transform:uppercase;letter-spacing:.05em;font-size:28px;margin:0}.circle.group-yes-ve-gan .page#video .take-your-sticker p{color:#005121}.circle.group-carnivore .page#video .take-your-sticker p{color:#c4161c}.circle.group-vegetarian .page#video .take-your-sticker p{color:#005121}.circle.group-locavore .page#video .take-your-sticker p{color:#3d3c3f}.circle.group-freegan .page#video .take-your-sticker p{color:#ec1c90}.circle.group-pescatarian .page#video .take-your-sticker p{color:#00aeef}.page#video .sticker-arrows{position:absolute;top:101.5%;text-align:center;width:100%;overflow:visible}.page#video .sticker-arrows ul{position:relative;margin:0;padding:0;float:left;display:block;left:50%}.page#video .sticker-arrows ul li{position:relative;font-size:11px;line-height:23px;list-style:none;float:left;display:block;right:50%;width:0;height:0;border-left:30px solid transparent;border-right:30px solid transparent;border-top:40px solid #fff;overflow:hidden;text-indent:-300em;visibility:hidden;margin:10px 8px 0}.page#video .sticker-arrows ul li.bounce{visibility:visible;animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-name:bounce}.testing .page#video .sticker-arrows ul li{visibility:visible}.page#restart .statement{width:55%}.page#restart .options{top:57%}.pie-graph,.pie-graph:before{position:absolute;z-index:1;top:0;height:100%}.page#restart .options li{margin-left:10px;margin-right:10px}@keyframes begin-breath{0%,100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.95);-moz-transform:scale(.95);-ms-transform:scale(.95);-o-transform:scale(.95);transform:scale(.95)}}@keyframes ico-btn-breath{0%,100%{-webkit-transform:translateX(-50%) scale(1);-moz-transform:translateX(-50%) scale(1);-ms-transform:translateX(-50%) scale(1);-o-transform:translateX(-50%) scale(1);transform:translateX(-50%) scale(1)}50%{-webkit-transform:translateX(-50%) scale(.9);-moz-transform:translateX(-50%) scale(.9);-ms-transform:translateX(-50%) scale(.9);-o-transform:translateX(-50%) scale(.9);transform:translateX(-50%) scale(.9)}}@keyframes ico-btn-breath-invert{0%,100%{-webkit-transform:translateX(-50%) scale(.9);-moz-transform:translateX(-50%) scale(.9);-ms-transform:translateX(-50%) scale(.9);-o-transform:translateX(-50%) scale(.9);transform:translateX(-50%) scale(.9)}50%{-webkit-transform:translateX(-50%) scale(1);-moz-transform:translateX(-50%) scale(1);-ms-transform:translateX(-50%) scale(1);-o-transform:translateX(-50%) scale(1);transform:translateX(-50%) scale(1)}}@keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);-moz-transform:translateY(-30px);-ms-transform:translateY(-30px);-o-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);-moz-transform:translateY(-15px);-ms-transform:translateY(-15px);-o-transform:translateY(-15px);transform:translateY(-15px)}}.pie-graph{left:0;width:100%;background:#fff;background-image:linear-gradient(to right,transparent 50%,#a92021 0)}.color-blue .pie-graph{background-image:linear-gradient(to right,transparent 50%,#0091D0 0)}.color-green .pie-graph{background-image:linear-gradient(to right,transparent 50%,#00A978 0)}.pie-graph:before{content:'';display:block;left:50%;width:50%;background-color:inherit;transform-origin:left}.color-red .pie-graph:before{animation:pgraph-spin 50s linear infinite,pgraph-bg-red 100s step-end infinite;animation-play-state:paused;animation-delay:inherit}.color-blue .pie-graph:before{animation:pgraph-spin 50s linear infinite,pgraph-bg-blue 100s step-end infinite;animation-play-state:paused;animation-delay:inherit}.color-green .pie-graph:before{animation:pgraph-spin 50s linear infinite,pgraph-bg-green 100s step-end infinite;animation-play-state:paused;animation-delay:inherit}@keyframes pgraph-spin{to{transform:rotate(.5turn)}}@keyframes pgraph-bg-red{50%{background:#a92021}}@keyframes pgraph-bg-blue{50%{background:#0091D0}}@keyframes pgraph-bg-green{50%{background:#00A978}}