@font-face{font-family:CirceRegular;src:url(../assets/fonts/circe/CRC55__W.woff) format("woff"),url(../assets/fonts/circe/CRC55__W.ttf) format("truetype");font-weight:400;font-style:normal}.nowrap{white-space:nowrap}html,body{margin:0;padding:0;background:#cfcdd2;color:#4a4a4a;height:100%;font-family:CirceRegular,Helvetica,Arial,sans-serif;font-weight:400}.AppLoader{text-transform:uppercase;letter-spacing:5px;padding-left:5px;font-size:12px;position:absolute;left:50%;transform:translate(-50%);text-align:center;padding-top:180px;transition:1s opacity .5s ease-in-out;opacity:0}.AppLoader.is-visible{opacity:1}.AppLoader .AppLoader-value{margin-top:5px}.AppLoader:before{content:"";background:url(../assets/i/preloader-gray.gif) no-repeat center center;background-size:contain;width:100px;height:100px;position:absolute;top:40px;left:50%;margin-left:-48px;z-index:999}.App{overflow:hidden;opacity:0;display:none;background:url(../assets/i/scientists.jpg) no-repeat;background-position:center -30px;background-size:1200px auto;transition:opacity 1s ease-in-out,transform 1s ease-in-out;transform:translateY(-30px)}.App.is-visible{opacity:1;z-index:20;transform:translate(0)}@media (max-width: 767px){.App{background-image:url(../assets/i/mobile/scientists.jpg);background-position:center 0;background-size:700px auto}}.App .App-logo{background:url(../assets/i/logo.svg) no-repeat center center;background-size:contain;width:155px;height:90px;padding-top:35px;margin-left:auto;margin-right:auto}@media (max-width: 767px){.App .App-logo{width:120px;height:69px;padding-top:20px}}.App.is-visible .App-io{opacity:1;transform:translate(0)}.App .App-io{max-width:1000px;margin-left:auto;margin-right:auto;padding:330px 20px 60px;transition:opacity .5s ease-in-out 1s,transform .5s ease-in-out 1s;transform:translateY(30px);overflow:hidden;opacity:0}@media (max-width: 767px){.App .App-io{padding:195px 5px 60px}}.App .App-io.is-ioMode_input .App-ioVideoWrapper,.App .App-io.is-ioMode_input .App-ioResult,.App .App-io.is-ioMode_input .App-ioButtons.is-forMode_video,.App .App-io.is-ioMode_input .App-ioButtons.is-forMode_result,.App .App-io.is-ioMode_video .App-ioTextarea,.App .App-io.is-ioMode_video .App-ioResult,.App .App-io.is-ioMode_video .App-ioButtons.is-forMode_input,.App .App-io.is-ioMode_video .App-ioButtons.is-forMode_result,.App .App-io.is-ioMode_result .App-ioVideoWrapper,.App .App-io.is-ioMode_result .App-ioTextarea,.App .App-io.is-ioMode_result .App-ioButtons.is-forMode_input,.App .App-io.is-ioMode_result .App-ioButtons.is-forMode_video,.App .App-io.is-ioMode_result.is-resultLoading .App-ioButtons{display:none}.App .App-io.is-ioMode_result.is-resultLoading .App-ioResult:before{opacity:1}.App .App-ioContainer{margin-left:auto;margin-right:auto;height:560px;background-color:#fff;box-shadow:0 2px 6px rgba(0,0,0,.2);overflow:hidden}@media (max-width: 767px){.App .App-ioContainer{height:200px}}.App .App-ioTextarea{width:100%;height:100%;border:none;font-family:CirceRegular;font-size:104px;padding:20px;box-sizing:border-box;resize:none;outline:none}@media (max-width: 767px){.App .App-ioTextarea{font-size:32px}}.App .App-ioVideo,.App .App-ioVideoWrapper{width:100%;height:100%}.App .App-ioVideoWrapper{width:101%;height:101%}.App .App-ioResult{position:relative}.App .App-ioResult:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-85%);background:url(../assets/i/preloader-white.gif) no-repeat center center;background-size:contain;width:100px;height:100px;opacity:0}@media (max-width: 767px){.App .App-ioResult:before{width:50px;height:50px}}.App .App-ioResult{background:no-repeat center center;background-size:contain;height:100%}.App .App-ioButtons{margin:35px 0 0;display:flex;justify-content:space-between}@media (max-width: 767px){.App .App-ioButtons{margin-top:18px;display:block}}.App .App-io.is-ioMode_input .App .App-ioButtons{justify-content:center}.App .App-io.is-ioMode_video .App .App-ioButtons{justify-content:flex-end}.App .App-io.is-ioMode_result .App .App-ioButtonWrapper.is-restart{flex:2 0 auto}@media (max-width: 767px){.App .App-io.is-ioMode_result .App .App-ioButtonWrapper{margin-top:18px}.App .App-io.is-ioMode_result .App .App-ioButtonWrapper:first-child{margin-top:0}}.App .App-ioButtonWrapper.is-share{order:3}.App .App-ioButtonWrapper.is-download{order:2}@media (max-width: 767px){.App .App-ioButtonWrapper.is-download{margin-right:0}}.App .App-ioButtonWrapper.is-restart{order:1}.App .App-ioButtonWrapper.is-share .App-button{position:relative}.App .App-ioButtonWrapper.is-share .App-button:after{content:"";position:absolute;right:20px;top:50%;width:22px;height:22px;transform:translateY(-50%);background:#4a4a4a url(../assets/i/icon-fb.svg) no-repeat 94% center;background-size:contain}.App .App-ioButtonWrapper.is-restart .App-button,.App .App-ioButtonWrapper.is-skip .App-button{background-color:transparent;color:#4a4a4a}.App .App-ioButtonWrapper.is-restart .App-button:hover,.App .App-ioButtonWrapper.is-skip .App-button:hover{color:#5f5f5f;outline:2px solid #5f5f5f}.App .App-ioButtonWrapper.is-restart .App-button:active,.App .App-ioButtonWrapper.is-skip .App-button:active{top:1px}.App .App-button{min-width:190px;background-color:#4a4a4a;outline:2px solid #4a4a4a;color:#fff;font-size:18px;padding:6px 20px;text-align:center;display:inline-block;cursor:pointer;transition:.25s background-color,.25s outline,.25s color;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;text-decoration:none}@media (max-width: 767px){.App .App-button{width:100%}}.App .App-button:hover{background-color:#5f5f5f;outline:2px solid #5f5f5f}.App .App-button:active{top:1px}.footer{position:relative;display:flex;flex-direction:column;justify-content:center;margin:50px 0 0}@media (max-width: 767px){.footer{margin-top:40px}}.footer .footer-interactopus{width:56px;height:70px;background:url(../assets/i/interactopus.svg) no-repeat;background-size:contain;margin-left:auto;margin-right:auto}@media (max-width: 767px){.footer .footer-interactopus{width:38px;height:50px}}.footer .footer-paratype{position:relative;padding-top:40px;text-align:center;margin-top:30px;font-size:14px}@media (max-width: 767px){.footer .footer-paratype{padding-top:32px;margin-top:16px;font-size:13px}}.footer .footer-paratype:before{content:"";position:absolute;left:50%;top:0;transform:translate(-50%);width:116px;height:30px;background:url(../assets/i/paratype.svg) no-repeat;background-size:contain}@media (max-width: 767px){.footer .footer-paratype:before{width:96px;height:25px}}