body{text-align:center;font:300 18px/15px Roboto,Arial,Helvetica;background-color:#eee}.logo{margin-top:60px}.step{display:none}#step1.step{display:block}.clock{font:700 2.5em Raleway,Arial,Helvetica;margin-bottom:20px;margin-top:10px;text-shadow:-1px 0 black,0 1px black,1px 0 black,0 -1px black;color:#ff7672}h1{font:700 3em Raleway,Arial,Helvetica;margin-bottom:40px;color:#000}h3{font:900 26px Raleway,Arial,Helvetica;color:#000;text-shadow:-1px 0 white,0 1px white,1px 0 white,0 -1px white}small{font:Raleway,Arial,Helvetica;color:#000}h2{color:#000;font:700 23px/23px Roboto,Arial,Helvetica;text-align:center;margin-bottom:45px;text-shadow:-1px 0 white,0 1px white,1px 0 white,0 -1px white}.next{display:flex;align-items:center;justify-content:center;padding:17px 85px;width:260px;border-radius:30px;color:#000;font-size:21px;font-weight:700;cursor:pointer;text-align:center;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;background:#fff;color:#000;box-shadow:0 5px 10px rgb(0 0 0 / 30%)}.agree{display:inline-block;padding:15px 50px;border:2px solid #000;border-radius:3px;color:#000;font-size:18px;cursor:pointer;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.wht{color:#fff;text-decoration:none;background:linear-gradient(90deg,#ff8c1f,#ff7674);box-shadow:0 5px 10px #ff7674}.wht:hover{transform:scale(1.05);text-decoration:none;color:#fff}.form-group{width:100%;max-width:350px;margin:0 auto}select,input{display:block;width:100%;margin:0 auto;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#FFF;background-color:rgba(255,255,255,0);background-image:none;border:1px solid #FFF;border-radius:4px}label{height:36px;line-height:36px;color:white;width:100%;text-align:left}input::-webkit-input-placeholder{color:white}input:-moz-placeholder{color:white}input::-moz-placeholder{color:white}input:-ms-input-placeholder{color:white}option,optgroup{color:#333}.age{margin-right:-2%}.age .form-group{width:32%;margin-right:1%;display:block;float:left}.voorwaarden{font-size:12px;color:#f0f0f0;text-align:center;margin-top:15px}.voorwaarden a{font-weight:bold;color:#f9f9f9;text-decoration:none}.form-group{margin-bottom:25px;position:relative}.age{overflow:hidden}.age .form-group{margin-bottom:22px}span.help-inline{position:absolute;top:37px;left:17px;color:white;font-size:10px;line-height:10px}.footer{position:absolute;bottom:0;background:white;width:100%}.footer-nav{padding:15px 0}.footer-info{font-size:12px}.form-inner{border-radius:4px;padding:10px;display:none}.flexslider{margin-top:60px;border:2px solid #000}.flex-control-paging li a{background:0;border:1px solid white;-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}.flex-control-paging li a.flex-active{background:#000;background:rgba(255,255,255,0.9)}.flex-control-paging li a:hover{background:#000;background:rgba(255,255,255,0.9)}.slides li{position:relative;cursor:pointer;opacity:.5;transition:all .5s}.slides li:hover{opacity:1}.flex-online{position:absolute;top:0;width:100%;padding:5px 0;color:#00ff0b;font-weight:bold;transition:all .5s}.flex-capture{position:absolute;color:white;bottom:0;width:100%;padding:5px 0;transition:all .5s}.slides li:hover .flex-online,.slides li:hover .flex-capture{background:rgba(255,255,255,0.3)};[class*="fontawesome-"]:before{font-family:'FontAwesome',sans-serif}*,*:before,*:after{box-sizing:border-box}a{text-decoration:none;color:#333}body{background:#eee}#phone{width:320px;height:560px;background:#dfdfdf;margin:0 auto;border-radius:25px;position:relative;top:10px;box-shadow:0 1px 2px rgba(0,0,0,0.2)}#phone:before,#phone:after{content:'';display:block;position:absolute;background:#d3d3d3;box-shadow:inset 0 1px 1px rgba(0,0,0,0.05),0 1px 1px rgba(255,255,255,0.25)}#phone:after{left:calc(50% - 20px);bottom:15px;width:40px;height:40px;border-radius:50%}#phone:before{left:calc(50% - 20px);top:30px;height:10px;width:50px;border-radius:10px}#app{overflow:hidden;width:500px;height:840px;margin:0 auto}#app .header{height:50px;margin-bottom:10px;background:#f6f6f6;box-shadow:0 1px 1px rgba(0,0,0,0.1);text-align:center;font:18px "Open Sans";line-height:30px;font-weight:300;color:#ddd}#app .header .top{height:16px;position:relative;font-family:"Open Sans";font-size:8px;line-height:16px;color:#666;text-transform:uppercase;font-weight:600}#app .header .top .left{position:absolute;top:0;left:5px}#app .header .top .center{text-align:center;font-size:10px}#app .header .top .right{position:absolute;top:0;right:5px}#app .header #battery{border:1px solid #999;border-radius:2px;height:10px;width:20px;position:relative;display:inline-block;margin-left:2px;margin-right:2px;right:0;top:2px}#app .header #battery:before{content:'';display:block;width:75%;height:100%;background:#4d4;border:1px solid transparent}#people,.person{width:500px;height:530px}#people{position:relative;margin:0 auto}.person{position:absolute;background-color:transparent;border-radius:5px;overflow:hidden;box-shadow:0 1px 5px rgba(0,0,0,0.2);border:1px solid rgba(0,0,0,0.2);transition:all .1s linear}.person:nth-child(1){z-index:5}.person:nth-child(2){z-index:4;top:7px;transform:scale(0.98)}.person:nth-child(3){z-index:3;top:14px;transform:scale(0.96)}.person:nth-child(n+4){z-index:2;transform:scale(0.7)}.person:before{position:absolute;top:0;left:0;width:100%;height:100%;display:block;content:''}.person img{width:105%;background:white}.person span{position:absolute;bottom:0;left:0;background:white;width:100%;padding:10px;font:16px "Open Sans";line-height:30px;color:#555}.person span strong{font-weight:600;color:#000}@keyframes yes{0%{transform:scale(1) rotateZ(0deg);left:0}30%{transform:scale(1.05) rotateZ(0deg);left:0}100%{transform:rotateZ(45deg);left:400px}}.animateYes{animation-fill-mode:both;animation:yes .6s linear}.animateYes:before{transform:rotateZ(-35deg);background:url() no-repeat center 10px}@keyframes no{0%{transform:rotateZ(360deg);right:0}30%{transform:scale(1.05) rotateZ(360deg);right:0}100%{transform:rotateZ(315deg);right:400px}}.animateNo{animation-fill-mode:both;animation:no .6s linear}.animateNo:before{transform:rotateZ(35deg);background:url() no-repeat center 10px}#control{position:relative;margin:15px auto 0;width:250px}#control .button{width:65px;height:65px;background:#eee;position:absolute;top:5px;border-radius:50%;box-shadow:inset 0 1px 1px rgba(0,0,0,0.05)}#control .button .trigger{background:white;display:block;border-radius:50%;width:75%;height:75%;margin:0 auto;position:relative;top:50%;transform:translateY(-50%);transition:all .1s;text-align:center;box-shadow:0 1px 1px rgba(0,0,0,0.05)}#control .button .trigger:active{transform:translateY(-50%) scale(0.75);transition:all .05s linear}#control .button .trigger:before{position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);font-family:'FontAwesome'}#control .no{left:38px}#control .no .trigger:before{content:"\f00d";font-size:28px;color:#c33}#control .yes{right:38px}#control .yes .trigger:before{content:"\f004";font-size:22px;color:#3b7}#control .info{left:calc(50% - 23px);top:17px;height:46px;width:46px}#control .info .trigger{width:65%;height:65%}#control .info .trigger:before{content:"\f05a";font-size:16px;color:#3498db}#copy{font:12px "Open Sans";color:#ccc;position:fixed;top:5px;left:5px}#copy a{color:#aaa}#myChoose{margin:1% -1%}#myChoose .choosenPerson{width:18%;margin:1%;height:auto;display:inline-block}#myChoose .choosenPerson-inner{border:2px solid #000}#myChoose .choosenPerson img{width:100%;height:auto}body.modal-open{position:fixed;width:100%;overflow:hidden;left:0;right:0}body.modal-open .footer{bottom:auto!important;top:100%!important}#am-bg{content:"";display:block;position:fixed;left:0;right:0;top:0;bottom:0;width:100%;height:100%;opacity:.85;background:radial-gradient(#26dfaf,#2663df,#df2626);background-size:300% 300%;-webkit-animation:AnimationName 16s ease infinite;-moz-animation:AnimationName 16s ease infinite;-o-animation:AnimationName 16s ease infinite;animation:AnimationName 16s ease infinite}.gender{display:flex;justify-content:center;flex-direction:column-reverse;text-align:center;align-items:center;gap:20px}@-webkit-keyframes AnimationName{0%{background-position:0 43%}50%{background-position:100% 58%}100%{background-position:0 43%}}@-moz-keyframes AnimationName{0%{background-position:0 43%}50%{background-position:100% 58%}100%{background-position:0 43%}}@-o-keyframes AnimationName{0%{background-position:0 43%}50%{background-position:100% 58%}100%{background-position:0 43%}}@keyframes AnimationName{0%{background-position:0 43%}50%{background-position:100% 58%}100%{background-position:0 43%}}.topclose{position:fixed!important;top:0!important;right:0!important;border:2px solid #000;z-index:999!important;font-size:3rem!important;padding:.1rem 1rem!important;min-height:.5rem!important}@media screen and (max-width:600px){#app{overflow:hidden;width:250px;height:420px;margin:0 auto}#people,.person{width:250px;height:265px}}