@font-face{font-family:"FoundersGroteskWeb-Bold";src:url("../fonts/FoundersGroteskWeb-Bold.eot?#iefix");src:url("../fonts/FoundersGroteskWeb-Bold.eot?#iefix") format("eot"),url("../fonts/FoundersGroteskWeb-Bold.woff") format("woff"),url("../fonts/FoundersGroteskWeb-Bold.woff2") format("woff2")}@font-face{font-family:"FoundersGroteskWeb-Semibold";src:url("../fonts/FoundersGroteskWeb-Semibold.eot?#iefix");src:url("../fonts/FoundersGroteskWeb-Semibold.eot?#iefix") format("eot"),url("../fonts/FoundersGroteskWeb-Semibold.woff") format("woff"),url("../fonts/FoundersGroteskWeb-Semibold.woff2") format("woff2")}@font-face{font-family:"FoundersGroteskWeb-BoldItalic";src:url("../fonts/FoundersGroteskWeb-BoldItalic.eot?#iefix");src:url("../fonts/FoundersGroteskWeb-BoldItalic.eot?#iefix") format("eot"),url("../fonts/FoundersGroteskWeb-BoldItalic.woff") format("woff"),url("../fonts/FoundersGroteskWeb-BoldItalic.woff2") format("woff2")}@font-face{font-family:"FoundersGroteskWeb-Light";src:url("../fonts/FoundersGroteskWeb-Light.eot?#iefix");src:url("../fonts/FoundersGroteskWeb-Light.eot?#iefix") format("eot"),url("../fonts/FoundersGroteskWeb-Light.woff") format("woff"),url("../fonts/FoundersGroteskWeb-Light.woff2") format("woff2")}@font-face{font-family:"FoundersGroteskWeb-Regular";src:url("../fonts/FoundersGroteskWeb-Regular.eot?#iefix");src:url("../fonts/FoundersGroteskWeb-Regular.eot?#iefix") format("eot"),url("../fonts/FoundersGroteskWeb-Regular.woff") format("woff"),url("../fonts/FoundersGroteskWeb-Regular.woff2") format("woff2")}html,body{height:100%}body{margin:0;background-color:#fff;font-size:22px;font-family:"FoundersGroteskWeb-Regular", sans-serif}.site-container{height:100%;max-width:400px;margin:0 auto;overflow:hidden;position:relative}.c-logo{width:50%;max-width:258px;background-color:#fff;margin-bottom:20px;position:absolute;top:0;left:0;padding:10px 20px;z-index:99;-webkit-box-sizing:border-box;box-sizing:border-box}.c-logo img{width:100%;height:auto}@media (min-width: 0px) and (max-width: 320px){.c-logo{width:40%}}.page{position:absolute;top:0;bottom:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);width:100%;background-color:#233584;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 20px;-webkit-transition:-webkit-transform 0.8s ease;transition:-webkit-transform 0.8s ease;transition:transform 0.8s ease;transition:transform 0.8s ease, -webkit-transform 0.8s ease;text-align:center}.page.on{-webkit-transform:translateX(0);transform:translateX(0);-webkit-box-shadow:0 0 30px rgba(0,0,0,0.2);box-shadow:0 0 30px rgba(0,0,0,0.2)}@media (min-width: 0px) and (max-width: 320px){.page{padding:0 20px 20px}}#connect{padding-top:20px}#connect #logo{width:auto}#connect #logo img{width:100%;max-width:200px;margin:40px 0}#connect .robot{display:none}.alert{opacity:0;-webkit-transition:opacity 0.5s ease-out;transition:opacity 0.5s ease-out;font-size:24px;margin:120px 0 0;width:100%;background-color:#233584;color:#eee;padding:20px 0;text-align:left;font-family:"FoundersGroteskWeb-Bold", sans-serif}.alert.on{opacity:1}.alert.warning{color:#ffed00}#message{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:0;background-color:#ffed00;color:#233584;font-size:30px;font-family:"FoundersGroteskWeb-BoldItalic", sans-serif;text-transform:uppercase}#message p{width:100%;text-align:center}#message .icon-raket{position:absolute;top:calc(50% - 150px);left:calc(50% - 80px);font-size:80px;width:80px}#cards{overflow:auto}#cards .question{margin-top:80px}#cards .btn{font-size:20px;line-height:1.2em;text-transform:none;text-align:left;width:100%;background-color:#219dde;margin:0 0 15px}#cards .btn.btn-back{background-color:#df0b21;width:auto;display:inline-block;font-family:"FoundersGroteskWeb-BoldItalic", sans-serif;text-transform:uppercase}#cards .btn i{display:none;margin-left:10px}#cards .btn.checked i{display:inline-block}#cards .btn.disabled{opacity:0.3}#cards p{opacity:0;text-align:right;margin:0;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;-webkit-transform:translateY(2em);transform:translateY(2em)}#cards.has-voted p{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}@media (min-width: 0px) and (max-width: 320px){#cards .question{margin:50px 0 0;font-size:20px}#cards .btn{font-size:18px;margin:0 0 10px}}#reconnect .loader-container{text-align:center;width:calc(100% - 80px);color:#666;font-size:24px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.btn{border:none;color:#fff;outline:none;display:inline-block;text-transform:uppercase;font-size:34px;margin:10px 0;font-weight:bold;width:auto;text-decoration:none;line-height:1;padding:0.5em;cursor:pointer;background-color:#000;color:#fff;-webkit-transition:all 0.3s;transition:all 0.3s;font-family:"FoundersGroteskWeb-Bold", sans-serif;text-transform:uppercase}.btn span{font-size:18px}.btn.btn-lg{width:100%}.btn.btn-success{background-color:#df0b21;color:#fff}.btn.btn-disabled{background-color:#999;color:#ccc}.btn.btn-back{background-color:#df0b21;color:#fff}.btn.btn-back:hover{color:#000;background-color:#233584}@media (min-width: 0px) and (max-width: 320px){.btn{font-size:18px;padding:10px}}input[type="text"],input[type="number"]{padding:10px 15px;margin:0 0 20px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:50px;border:none;color:#999;letter-spacing:2px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:"FoundersGroteskWeb-Bold", sans-serif}input[type="text"].text-lg,input[type="number"].text-lg{width:100%}@media (min-width: 0px) and (max-width: 320px){input[type="text"],input[type="number"]{font-size:30px;padding:10px}}
