@import url(https://fonts.googleapis.com/css?family=Roboto:400,500&display=swap);
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:border-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}*{-webkit-box-sizing:border-box;box-sizing:border-box}body,content,html{min-height:100%}body{font-family:Roboto,sans-serif;background-color:#373c44;color:#fff;text-rendering:optimizeSpeed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (min-width:768px){body{position:fixed;top:0;right:0;left:0;bottom:0;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.main-container{position:fixed;top:0;right:0;left:0;bottom:0;z-index:1;overflow-x:hidden;overflow-y:scroll}@media (min-width:768px){.main-container{position:relative;-webkit-box-flex:1;-ms-flex:auto;flex:auto;width:420px;max-height:740px;overflow:hidden;border-radius:8px;border:2px solid #4c515b;-webkit-box-shadow:0 1px 8px 0 rgba(15,14,15,.5);box-shadow:0 1px 8px 0 rgba(15,14,15,.5)}}.main-container>*{z-index:1}button{border:none;color:#fff;border-radius:8px;-webkit-box-shadow:0 1px 8px 0 rgba(15,14,15,.5);box-shadow:0 1px 8px 0 rgba(15,14,15,.5);font-weight:500}.welcome-screen{z-index:2;position:absolute;width:100%;height:100%;top:0;left:0;background-color:#373c44;overflow-y:auto}.welcome-screen .content{min-height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;padding:0 30px}.welcome-screen .content .logo{margin:auto 0 30px}.welcome-screen .content .title-text{margin-top:auto;font-size:24px;font-weight:500;margin-bottom:20px}.welcome-screen .content .photo-circle{-ms-flex-negative:0;flex-shrink:0;width:200px;height:200px;border-radius:50%;margin-bottom:30px;background-image:url(img/85a916d8f1c7336ac7ad57b227dd0fe1.gif);background-repeat:no-repeat;background-position:50%;background-size:cover}.welcome-screen .content .warning-text{text-transform:uppercase;font-size:18;color:#ff8091;margin-bottom:20px}.welcome-screen .content .continue{width:100%;padding:20px 32px;margin:auto 0 30px;letter-spacing:1px;background-color:#9a63ff}.popup{display:-webkit-box;display:-ms-flexbox;display:flex;display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;width:100%;min-height:100%;top:0;left:0;padding:24px}.popup .wrapper{-webkit-box-flex:initial;-ms-flex:initial;flex:initial;max-width:300px;margin-top:auto}.popup .native-thing{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:8px;padding:16px;margin-bottom:8px;background-color:#4c515b;cursor:pointer}.popup .native-thing .logo{width:120px;height:auto;margin-bottom:16px}.popup .native-thing>.circle{width:120px;height:120px;margin-bottom:8px;border-radius:50%;background-position:50%;background-repeat:no-repeat;background-size:cover;background-image:url(static/85a916d8f1c7336ac7ad57b227dd0fe1.png)}.popup .native-thing>.text{margin-bottom:8px;font-size:16px;font-weight:500;line-height:1.5;letter-spacing:1px;color:#fff}.popup .native-thing>button{font-size:14px;letter-spacing:1px;font-weight:500;line-height:1;padding:10px 20px;color:#fff;border:none;background-color:#b92a24;background-image:-webkit-gradient(linear,left top,left bottom,from(#ec3a32),to(#b92a24));background-image:linear-gradient(180deg,#ec3a32,#b92a24);border-radius:18px}.popup .regular-thing{display:block;cursor:pointer}.popup .regular-thing,.popup .regular-thing img{width:100%;border-radius:8px}.popup button.skip{width:100%;-webkit-box-flex:initial;-ms-flex:initial;flex:initial;margin-top:auto;padding:20px 32px;border:2px solid #4c515b;background-color:transparent;-webkit-box-shadow:none;box-shadow:none;letter-spacing:1px}.quiz-container{position:absolute;width:101%;height:100%;top:0;left:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-position:50%;background-repeat:no-repeat;background-size:cover}.quiz-container,.quiz-container .header{display:-webkit-box;display:-ms-flexbox;display:flex}.quiz-container .header{-webkit-box-flex:initial;-ms-flex:initial;flex:initial;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:20px 0;background-color:#4c515b;border-bottom:1px solid #373c44}.quiz-container .main-content{position:relative;-webkit-box-flex:1;-ms-flex:auto;flex:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:10px 20px 30px;text-shadow:0 2px 2px rgba(0,0,0,.5)}.quiz-container .main-content .black-to-transparent-gradient{position:absolute;top:0;left:0;right:0;height:68px;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.35)),to(transparent));background:linear-gradient(180deg,rgba(0,0,0,.35),transparent)}.quiz-container .main-content .black-to-transparent-gradient.bottom{top:auto;bottom:0;right:0;left:0;height:200px;background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.35)),to(transparent));background:linear-gradient(0deg,rgba(0,0,0,.35),transparent)}.quiz-container .main-content .girl-info{z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:auto;font-size:16px;font-weight:500;letter-spacing:1px}.quiz-container .main-content .girl-info .online-status{width:10px;height:10px;margin-left:5px;margin-right:10px;border-radius:50%;background-color:#8af712}.quiz-container .main-content .girl-info .location{font-size:14px;font-weight:400}.quiz-container .main-content .question{z-index:1;font-size:22px;font-weight:500;text-align:center;margin-bottom:20px}.quiz-container .main-content .buttons{z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.quiz-container .main-content .buttons button{background-color:#9a63ff;margin:0 10px;color:#fff;padding:24px 32px;text-align:center;line-height:50%;font-weight:500;letter-spacing:1px}.quiz-container .main-content .buttons button.btn-next-step:first-child{color:#000;background-color:#fff;font-weight:400}.quiz-container .main-content .buttons button#finish{width:100%}.text-yellow{color:#fbd330}.spinner-border{margin:0 4px;display:inline-block;width:18px;height:18px;vertical-align:text-bottom;border:2px solid;border-right:2px solid transparent;border-radius:50%;-webkit-animation:spinner-border .75s linear infinite;animation:spinner-border .75s linear infinite}@-webkit-keyframes spinner-border{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinner-border{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}button:disabled{opacity:.8}