.schoolplein{padding-bottom:47%;min-height:0}.schoolplein .games{position:absolute;top:0;left:0;width:100%;height:100%;display:block;padding:0}.schoolplein .games .game-group{position:absolute;cursor:pointer}.schoolplein .games .game-group-popup__dynamo{left:36%;right:auto;top:115px}.schoolplein .games .game-group-popup__laks{left:29%;right:auto;top:99px}.schoolplein .games .game-group-popup__mikpunt{left:40%;right:auto;top:290px}.schoolplein .games .game-group-popup__training{left:17%;right:auto;top:-10px}.schoolplein .games .game-group-popup__uit-de-hand{left:21%;right:auto;top:90px}.schoolplein .games .game-group-popup__alleen{right:23%;left:auto;top:190px}.schoolplein .games .game-group-popup__machteloos{right:23%;left:auto;top:90px}.schoolplein .games .game-group-popup{width:450px;background-color:#fff;padding:40px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;position:absolute;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-moz-transform:scale(0.5);-ms-transform:scale(0.5);-webkit-transform:scale(0.5);transform:scale(0.5);visibility:hidden;z-index:6}.schoolplein .games .game-group-popup.active{filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);visibility:visible}.schoolplein .games .game-group-popup h2{font-size:32px;font-size:3.2rem;color:#000;line-height:1.1em;margin:0 0 20px 0}.schoolplein .games .game-group-popup .btn{width:100%;margin:5px 0;font-size:32px;font-size:3.2rem;text-transform:none}.schoolplein .games .game-group-popup .results-list .btn{font-size:20px;font-size:2rem;padding:10px 20px}.schoolplein .games .game-group-popup .popclose{width:40px;height:40px;position:absolute;top:5px;color:#000;right:5px;font-size:20px;font-size:2rem;background-color:white;line-height:0;padding:0;margin:0}.schoolplein .games .game-group-popup .popclose:hover{color:#F6B6CC}.clouds{position:absolute;top:0;left:0;width:200%;height:300px;background:url("../../custom/vvgame/media/clouds.png");background-size:100% auto;background-repeat:no-repeat;-moz-animation:clouds 100s linear infinite;-webkit-animation:clouds 100s linear infinite;animation:clouds 100s linear infinite;opacity:0.6}@-moz-keyframes clouds{0%{-moz-transform:translateX(-25%);transform:translateX(-25%)}100%{-moz-transform:translateX(25%);transform:translateX(25%)}}@-webkit-keyframes clouds{0%{-webkit-transform:translateX(-25%);transform:translateX(-25%)}100%{-webkit-transform:translateX(25%);transform:translateX(25%)}}@keyframes clouds{0%{-moz-transform:translateX(-25%);-ms-transform:translateX(-25%);-webkit-transform:translateX(-25%);transform:translateX(-25%)}100%{-moz-transform:translateX(25%);-ms-transform:translateX(25%);-webkit-transform:translateX(25%);transform:translateX(25%)}}.basketbal{position:absolute;width:2.6%;z-index:3;left:-15%;bottom:18%}@-moz-keyframes balmove{0%{left:-15%}100%{left:70%}}@-webkit-keyframes balmove{0%{left:-15%}100%{left:70%}}@keyframes balmove{0%{left:-15%}100%{left:70%}}.basketbal img{width:100%;display:block;position:relative}.basketbal.anim-started{-moz-animation:balmove 7s forwards;-webkit-animation:balmove 7s forwards;animation:balmove 7s forwards}.basketbal.anim-started .basketbal__bal{-moz-animation:rotate 8s forwards;-webkit-animation:rotate 8s forwards;animation:rotate 8s forwards}.basketbal .basketbal__bal{z-index:2}@-moz-keyframes rotate{0%{-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(1080deg);transform:rotate(1080deg)}}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}@keyframes rotate{0%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(1080deg);-ms-transform:rotate(1080deg);-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}.basketbal .basketbal__shadow{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);opacity:.5;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.propje{width:1.56%;position:absolute;bottom:13%;left:-50%;right:0;z-index:4;margin:auto;opacity:0}.propje img{width:100%;display:block;height:auto}.propje.anim-started{-moz-animation:propje-move 1s forwards ease-out;-webkit-animation:propje-move 1s forwards ease-out;animation:propje-move 1s forwards ease-out}.propje.anim-started img{-moz-animation:rotate 1.1s forwards;-webkit-animation:rotate 1.1s forwards;animation:rotate 1.1s forwards}@-moz-keyframes propje-move{0%{opacity:0;left:-50%}1%{left:-50%;opacity:1}100%{left:15%;opacity:1}}@-webkit-keyframes propje-move{0%{opacity:0;left:-50%}1%{left:-50%;opacity:1}100%{left:15%;opacity:1}}@keyframes propje-move{0%{opacity:0;left:-50%}1%{left:-50%;opacity:1}100%{left:15%;opacity:1}}.game-animation{position:absolute;left:0;right:0;margin:auto;cursor:pointer;z-index:1}.game-animation img{-moz-transform:translateZ(0);-ms-transform:translateZ(0);-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.game-animation .still{z-index:2;position:relative}.game-animation .animation{opacity:0;z-index:3;position:absolute;top:0;left:0;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in;-webkit-transition:all .3s ease-in;transition:all .3s ease-in}.game-animation .shadow{z-index:1;position:absolute;top:0;left:0;opacity:0;-moz-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-moz-transform:scale(.8, .8);-ms-transform:scale(.8, .8);-webkit-transform:scale(.8, .8);transform:scale(.8, .8);-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in;-webkit-transition:all .3s ease-in;transition:all .3s ease-in}.game-animation .game-locked{visibility:hidden;position:absolute;top:calc(50% - 30px);left:calc(50% - 30px);color:#000;z-index:2;height:60px;width:60px;line-height:60px;text-align:center;background-color:#F6B6CC;-moz-transform:scale(0);-ms-transform:scale(0);-webkit-transform:scale(0);transform:scale(0);-moz-transition:-moz-transform .5s cubic-bezier(0.175, 0.885, 0.32, 1.275);-o-transition:-o-transform .5s cubic-bezier(0.175, 0.885, 0.32, 1.275);-webkit-transition:-webkit-transform .5s cubic-bezier(0.175, 0.885, 0.32, 1.275);transition:transform .5s cubic-bezier(0.175, 0.885, 0.32, 1.275);-moz-border-radius:100px;-webkit-border-radius:100px;border-radius:100px;font-size:35px;font-size:3.5rem}.game-animation:hover .shadow,.game-animation.active .shadow{-moz-transform:scale(1, 1);-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);transform:scale(1, 1);opacity:1}.game-animation[data-act-locked]:hover .game-locked{visibility:visible;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}.game-animation--dynamo{bottom:29%;right:-5%;width:11.5%;z-index:2}.game-animation--laks{bottom:30%;right:42%;width:8%;z-index:2}.game-animation--mikpunt{bottom:-1%;right:17%;width:24%;z-index:5}.game-animation--uit-de-hand{bottom:22%;right:73%;width:18.12%}.game-animation--machteloos{bottom:28.77%;right:-27%;width:9%;z-index:2}.game-animation--training{top:4%;right:73%;width:5%;z-index:2}.game-animation--alleen{bottom:15.12%;right:-64.5%;width:15.57%}.game-animations{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.square-animations{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}