@-moz-keyframes logoslide{0%{width:0}60%{width:0}75%{width:450px}100%{width:450px}}@-webkit-keyframes logoslide{0%{width:0}60%{width:0}75%{width:450px}100%{width:450px}}@keyframes logoslide{0%{width:0}60%{width:0}75%{width:450px}100%{width:450px}}@-moz-keyframes pin{0%{height:40%;opacity:1}3%{transform:rotate(-30deg)}5%{top:-18%;height:40%}6%{transform:rotate(-60deg)}9%{transform:rotate(-30deg)}12%{transform:rotate(-60deg)}15%{transform:rotate(-30deg)}18%{transform:rotate(-60deg)}21%{transform:rotate(-30deg)}24%{transform:rotate(-60deg);top:-18%}35%{transform:rotate(-200deg);top:-5%}40%{transform:rotate(-180deg)}50%{transform:rotate(-180deg);top:-5%;height:40%}65%{height:60%}70%{transform:rotate(-180deg)}75%{height:40%;opacity:1;top:35%}85%{opacity:0;top:35%;transform:rotate(-180deg)}90%{top:-30%;height:40%;transform:rotate(0deg);opacity:0}95%{transform:rotate(0deg)}100%{transform:rotate(0deg);opacity:1;top:-18%}}@-webkit-keyframes pin{0%{height:40%;opacity:1}3%{transform:rotate(-30deg)}5%{top:-18%;height:40%}6%{transform:rotate(-60deg)}9%{transform:rotate(-30deg)}12%{transform:rotate(-60deg)}15%{transform:rotate(-30deg)}18%{transform:rotate(-60deg)}21%{transform:rotate(-30deg)}24%{transform:rotate(-60deg);top:-18%}35%{transform:rotate(-200deg);top:-5%}40%{transform:rotate(-180deg)}50%{transform:rotate(-180deg);top:-5%;height:40%}65%{height:60%}70%{transform:rotate(-180deg)}75%{height:40%;opacity:1;top:35%}85%{opacity:0;top:35%;transform:rotate(-180deg)}90%{top:-30%;height:40%;transform:rotate(0deg);opacity:0}95%{transform:rotate(0deg)}100%{transform:rotate(0deg);opacity:1;top:-18%}}@keyframes pin{0%{height:40%;opacity:1}3%{transform:rotate(-30deg)}5%{top:-18%;height:40%}6%{transform:rotate(-60deg)}9%{transform:rotate(-30deg)}12%{transform:rotate(-60deg)}15%{transform:rotate(-30deg)}18%{transform:rotate(-60deg)}21%{transform:rotate(-30deg)}24%{transform:rotate(-60deg);top:-18%}35%{transform:rotate(-200deg);top:-5%}40%{transform:rotate(-180deg)}50%{transform:rotate(-180deg);top:-5%;height:40%}65%{height:60%}70%{transform:rotate(-180deg)}75%{height:40%;opacity:1;top:35%}85%{opacity:0;top:35%;transform:rotate(-180deg)}90%{top:-30%;height:40%;transform:rotate(0deg);opacity:0}95%{transform:rotate(0deg)}100%{transform:rotate(0deg);opacity:1;top:-18%}}@-moz-keyframes rad{0%{transform:rotate(0deg)}40%{transform:rotate(360deg)}100%{transform:rotate(360deg)}}@-webkit-keyframes rad{0%{transform:rotate(0deg)}40%{transform:rotate(360deg)}100%{transform:rotate(360deg)}}@keyframes rad{0%{transform:rotate(0deg)}40%{transform:rotate(360deg)}100%{transform:rotate(360deg)}}@-moz-keyframes kop{0%{top:28.5%;transform:rotate(0deg);left:21.5%}50%{transform:rotate(0deg);top:28.5%;left:21.5%}55%{top:30%;left:25%}60%{top:20%;transform:rotate(25deg);left:25%}65%{top:20%;transform:rotate(25deg);left:25%}85%{top:22%;transform:rotate(20deg);left:24%}100%{top:28.5%;transform:rotate(0deg);left:21.5%}}@-webkit-keyframes kop{0%{top:28.5%;transform:rotate(0deg);left:21.5%}50%{transform:rotate(0deg);top:28.5%;left:21.5%}55%{top:30%;left:25%}60%{top:20%;transform:rotate(25deg);left:25%}65%{top:20%;transform:rotate(25deg);left:25%}85%{top:22%;transform:rotate(20deg);left:24%}100%{top:28.5%;transform:rotate(0deg);left:21.5%}}@keyframes kop{0%{top:28.5%;transform:rotate(0deg);left:21.5%}50%{transform:rotate(0deg);top:28.5%;left:21.5%}55%{top:30%;left:25%}60%{top:20%;transform:rotate(25deg);left:25%}65%{top:20%;transform:rotate(25deg);left:25%}85%{top:22%;transform:rotate(20deg);left:24%}100%{top:28.5%;transform:rotate(0deg);left:21.5%}}.roulette-logo{position:relative}.roulette-logo .logo--items{position:relative;width:165px;height:165px;display:inline-block}.roulette-logo .logo--item{position:absolute;display:inline-block;background-size:100% 100%;width:100%;height:100%}.roulette-logo .rad{background-image:url(/img/Rad.png);left:0}.roulette-logo .pin{transition:ease-in-out all 500ms;background-image:url(/img/Pin.png);transform-origin:50% 35%;height:40%;width:29.4%;left:38%;top:-18%}.roulette-logo .kopje{background-image:url(/img/Kopje.png);width:56%;height:46%;top:28.5%;left:21.5%}.roulette-logo .roulette-logo-txt{width:450px;overflow:hidden;display:inline-block;transition:width ease-in-out 2s;margin-left:-30px}.roulette-logo .roulette-logo-txt img{height:165px;width:auto;max-width:none;float:right}@media screen and (min-width: 650px){.roulette-logo .roulette-logo-txt{-moz-animation:logoslide 4s normal ease-in-out;-webkit-animation:logoslide 4s normal ease-in-out;animation:logoslide 4s normal ease-in-out}}.roulette-logo .pin{-moz-animation:pin 4s normal linear;-webkit-animation:pin 4s normal linear;animation:pin 4s normal linear}.roulette-logo .rad{-moz-animation:rad 4s normal;-webkit-animation:rad 4s normal;animation:rad 4s normal}.roulette-logo .kopje{-moz-animation:kop 4s normal;-webkit-animation:kop 4s normal;animation:kop 4s normal}.roulette-logo:hover .pin{-moz-animation:pin 4s normal linear infinite;-webkit-animation:pin 4s normal linear infinite;animation:pin 4s normal linear infinite}.roulette-logo:hover .rad{-moz-animation:rad 4s normal infinite;-webkit-animation:rad 4s normal infinite;animation:rad 4s normal infinite}.roulette-logo:hover .kopje{-moz-animation:kop 4s normal infinite;-webkit-animation:kop 4s normal infinite;animation:kop 4s normal infinite}.roulette-logo-full{text-align:left;display:inline-block}@media screen and (max-width: 650px){.roulette-logo{text-align:center}.roulette-logo .logo--items{width:100px;height:100px}.roulette-logo .roulette-logo-txt{margin-left:0px;display:block;width:100% !important;animation:none;height:105px}.roulette-logo .roulette-logo-txt img{height:105px}}