@font-face{font-family:'Oswald';font-weight:400;font-style:normal;src:url("fonts/Oswald-regular.eot");src:url("fonts/Oswald-regular.eot?#iefix") format("embedded-opentype"),local("Oswald Regular"),local("Oswald-regular"),url("fonts/Oswald-regular.woff2") format("woff2"),url("fonts/Oswald-regular.woff") format("woff"),url("fonts/Oswald-regular.ttf") format("truetype"),url("fonts/Oswald-regular.svg#Oswald") format("svg")}body{min-height:5000px}.question-animation{position:relative;font-family:Oswald, sans-serif;min-width:275px;max-width:740px;margin:0;padding:60px 0;overflow:hidden;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;background:#c9f1ff;background:-moz-linear-gradient(top, #c9f1ff 0%, #e7f7f9 100%);background:-webkit-linear-gradient(top, #c9f1ff 0%, #e7f7f9 100%);background:linear-gradient(to bottom, #c9f1ff 0%, #e7f7f9 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='$background-top', endColorstr='$background-bottom',GradientType=0 )}.question-animation svg,.question-animation svg *,.question-animation img,.question-animation .loader,.question-animation .squiggles,.question-animation .cloud,.question-animation .result-entry,.question-animation .result-entry *{transition:none}.question-animation svg.answer-arrow path:first-child,.question-animation svg.next-question-arrow path{fill:#00917E}.question-animation svg.answer-arrow path:last-child{stroke:#00917E}.question-animation .loader{display:none}.question-animation.loading{position:relative}.question-animation.loading .loader{position:absolute;left:50%;top:50%;z-index:1;margin:-25px 0 0 -25px;width:50px;box-sizing:content-box}.question-animation.loading .loader svg,.question-animation.loading .loader circle{box-sizing:content-box}.question-animation .squiggles{position:absolute;z-index:1;width:0;transition:top .5s}.question-animation .squiggles img{width:100%;height:auto}.question-animation .squiggles#squiggle-1{top:0;left:25%}.question-animation .squiggles#squiggle-2{top:60%;left:0}.question-animation .squiggles#squiggle-3{top:40%;right:0}.question-animation .cloud{position:absolute;z-index:1;height:auto}.question-animation .cloud svg{width:100%;height:auto}.question-animation .headline-wrapper{text-align:center;padding:10px 5px 40px}.question-animation .headline-wrapper h2{position:relative;z-index:2;display:inline-block;color:#00917E;font-size:25px;cursor:pointer;opacity:0;text-transform:uppercase;text-align:center;padding-left:28px;transition:none}.question-animation .headline-wrapper h2:hover{color:#95CB2A}.question-animation .headline-wrapper h2.disabled{cursor:default}.question-animation .headline-wrapper h2.disabled:hover{color:#00917E}.question-animation .headline-wrapper h2 svg{position:absolute;left:0;top:0;z-index:2;width:28px;margin-top:22px;height:47.7px;cursor:pointer}.question-animation .entry{position:relative;z-index:2;text-align:center;overflow:hidden;clear:both;margin-bottom:10px}.question-animation .entry .question{position:relative;text-align:center;display:inline-block;min-width:50%}.question-animation .entry .question h3{border:2px solid #00917E;margin:0;padding:7px;color:#00917E;font-size:18px}.question-animation .entry .question svg{position:absolute;top:0.8em;width:22px;height:27px}.question-animation .entry .question svg.scribble-hm{right:102%}.question-animation .entry .question svg.scribble-quotation-mark-left{right:102%}.question-animation .entry .question svg.scribble-quotation-mark-right{left:102%}.question-animation .entry .question svg.scribble-signs{left:102%}.question-animation .entry .answers{display:table;width:100%;margin:0 auto;table-layout:fixed}.question-animation .entry .answers .left,.question-animation .entry .answers .right{width:50%;display:table-cell;vertical-align:top;text-align:center;overflow:hidden}.question-animation .entry .answers .left svg.answer-arrow,.question-animation .entry .answers .right svg.answer-arrow{display:inline-block;width:30px;height:44px;margin-top:-2px;margin-bottom:1px;opacity:0}.question-animation .entry .answers .left svg.next-question-arrow,.question-animation .entry .answers .right svg.next-question-arrow{position:relative;z-index:2;display:inline-block;width:95px;height:42px;opacity:0}.question-animation .entry .answers .left h4,.question-animation .entry .answers .right h4{display:block;margin:0;color:#00917E;font-size:17px;text-align:center;cursor:pointer;padding-bottom:13px}.question-animation .entry .answers .left h4:hover,.question-animation .entry .answers .right h4:hover{color:#95CB2A}.question-animation .entry .answers .left{text-align:right;padding-right:5%}.question-animation .entry .answers .left svg.answer-arrow{margin-right:33%}.question-animation .entry .answers .left svg.next-question-arrow{margin-right:-10%}.question-animation .entry .answers .right{text-align:left;padding-left:5%}.question-animation .entry .answers .right svg.answer-arrow{margin-left:33%}.question-animation .entry .answers .right svg.next-question-arrow{margin-left:-10%}.question-animation .entry .answers.left-question-selected,.question-animation .entry .answers.right-question-selected,.question-animation .entry .answers.left-result-selected,.question-animation .entry .answers.right-result-selected{transition:none}.question-animation .entry .answers.left-question-selected .left h4,.question-animation .entry .answers.left-question-selected .right h4,.question-animation .entry .answers.right-question-selected .left h4,.question-animation .entry .answers.right-question-selected .right h4,.question-animation .entry .answers.left-result-selected .left h4,.question-animation .entry .answers.left-result-selected .right h4,.question-animation .entry .answers.right-result-selected .left h4,.question-animation .entry .answers.right-result-selected .right h4{cursor:default}.question-animation .entry .answers.left-question-selected .left h4:hover,.question-animation .entry .answers.left-question-selected .right h4:hover,.question-animation .entry .answers.right-question-selected .left h4:hover,.question-animation .entry .answers.right-question-selected .right h4:hover,.question-animation .entry .answers.left-result-selected .left h4:hover,.question-animation .entry .answers.left-result-selected .right h4:hover,.question-animation .entry .answers.right-result-selected .left h4:hover,.question-animation .entry .answers.right-result-selected .right h4:hover{color:#00917E}.question-animation .entry .answers.left-question-selected .right,.question-animation .entry .answers.left-result-selected .right{opacity:.5}.question-animation .entry .answers.right-question-selected .left,.question-animation .entry .answers.right-result-selected .left{opacity:.5}.question-animation .result-entry{position:relative;z-index:2;width:70%;text-align:center;margin:0 auto}.question-animation .result-entry>svg{position:relative;height:auto;width:0;max-width:200px}.question-animation .result-entry h3{position:relative;opacity:0;font-size:20px;margin:10px 0 2px}.question-animation .result-entry p{position:relative;opacity:0;width:80%;margin:0 auto;font-size:17px}.question-animation .repeat-button-wrapper{position:relative;z-index:2;display:table;margin:64px auto 0;opacity:0}.question-animation .repeat-button-wrapper svg{position:absolute;top:1.6em;left:103%;width:60px;height:31px}.question-animation button{position:relative;z-index:2;display:table;margin:0 auto;color:#fff;border:none;outline:none;border-radius:6px;box-shadow:0 0 0 0 rgba(0,145,126,0.5);background:#00917E;-webkit-animation:pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);-moz-animation:pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);-ms-animation:pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);animation:pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1)}.question-animation button:hover{box-shadow:0 0 0 0 rgba(199,231,84,0.5);background:#c7e754;background:-moz-linear-gradient(top, #c7e754 0%, #95cb2a 100%);background:-webkit-linear-gradient(top, #c7e754 0%, #95cb2a 100%);background:linear-gradient(to bottom, #c7e754 0%, #95cb2a 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7e754', endColorstr='#95cb2a',GradientType=0 )}.question-animation button.start-button{font-size:24px;padding:5px 10px}.question-animation button.repeat-button{font-size:20px;padding:3px 7px}@-webkit-keyframes pulse{to{box-shadow:0 0 0 60px rgba(149,203,42,0)}}@-moz-keyframes pulse{to{box-shadow:0 0 0 60px rgba(149,203,42,0)}}@-ms-keyframes pulse{to{box-shadow:0 0 0 60px rgba(149,203,42,0)}}@keyframes pulse{to{box-shadow:0 0 0 60px rgba(149,203,42,0)}}@media only screen and (min-width: 481px){.question-animation{padding:90px 0}.question-animation .headline-wrapper{padding:15px 10px 0;margin-bottom:20px}.question-animation .headline-wrapper h2{font-size:32px;margin-bottom:100px;padding-left:40px}.question-animation .headline-wrapper h2 svg{width:40px;height:61px;margin-top:37px}.question-animation .entry .question h3{font-size:22px}.question-animation .entry .question svg{width:40px;height:49px}.question-animation .entry .answers{width:90%}.question-animation .entry .answers .left svg.answer-arrow,.question-animation .entry .answers .right svg.answer-arrow{width:36px;height:53.6px}.question-animation .entry .answers .left svg.next-question-arrow,.question-animation .entry .answers .right svg.next-question-arrow{width:150px;height:66px}.question-animation .entry .answers .left h4,.question-animation .entry .answers .right h4{font-size:21px}.question-animation .result-entry h3{font-size:26px;margin-top:20px}.question-animation .result-entry p{font-size:21px}.question-animation .repeat-button-wrapper{margin-top:64px}.question-animation .repeat-button-wrapper svg{width:90px;height:47px}.question-animation button.start-button{font-size:28px;padding:10px 20px}.question-animation button.repeat-button{font-size:22px;padding:5px 12px}}@media only screen and (min-width: 768px){.question-animation{padding:112px 0}.question-animation .headline-wrapper{padding:20px 15px 0}.question-animation .headline-wrapper h2{font-size:52px;margin-bottom:144px;padding-left:55px}.question-animation .headline-wrapper h2 svg{width:55px;height:97px;margin-top:50px}.question-animation .entry .question h3{font-size:32px}.question-animation .entry .question svg{width:auto;height:auto}.question-animation .entry .answers{width:80%}.question-animation .entry .answers .left svg.answer-arrow,.question-animation .entry .answers .right svg.answer-arrow{width:auto;height:auto}.question-animation .entry .answers .left svg.next-question-arrow,.question-animation .entry .answers .right svg.next-question-arrow{width:auto;height:auto}.question-animation .entry .answers .left h4,.question-animation .entry .answers .right h4{font-size:25px}.question-animation .result-entry h3{font-size:32px;margin-top:30px}.question-animation .result-entry p{font-size:25px}.question-animation .repeat-button-wrapper{margin-top:64px}.question-animation .repeat-button-wrapper svg{width:auto;height:auto}.question-animation button.start-button{font-size:30px;padding:15px 30px}.question-animation button.repeat-button{font-size:30px;padding:7px 17px}}
/*# sourceMappingURL=question-animation.css.map */