@import "https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,700";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}@font-face{font-family:"Gibson-SemiBold";font-weight:bold;src:url("../fonts/2815BF_6_0.woff") format("woff"),url("../fonts/2815BF_6_0.ttf") format("truetype")}@-moz-keyframes loaderball{0%{-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes loaderball{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loaderball{0%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes speed{100%{background-position:200%}}@-webkit-keyframes speed{100%{background-position:200%}}@keyframes speed{100%{background-position:200%}}@-moz-keyframes back-columns{0%{-moz-transform:translate(-100%, -100%);transform:translate(-100%, -100%);opacity:0}5%{opacity:0}40%{opacity:1}60%{opacity:1}95%{opacity:0}100%{-moz-transform:translate(100%, -100%);transform:translate(100%, -100%);opacity:0}}@-webkit-keyframes back-columns{0%{-webkit-transform:translate(-100%, -100%);transform:translate(-100%, -100%);opacity:0}5%{opacity:0}40%{opacity:1}60%{opacity:1}95%{opacity:0}100%{-webkit-transform:translate(100%, -100%);transform:translate(100%, -100%);opacity:0}}@keyframes back-columns{0%{-moz-transform:translate(-100%, -100%);-ms-transform:translate(-100%, -100%);-webkit-transform:translate(-100%, -100%);transform:translate(-100%, -100%);opacity:0}5%{opacity:0}40%{opacity:1}60%{opacity:1}95%{opacity:0}100%{-moz-transform:translate(100%, -100%);-ms-transform:translate(100%, -100%);-webkit-transform:translate(100%, -100%);transform:translate(100%, -100%);opacity:0}}@-moz-keyframes front-columns{0%{-moz-transform:translate(-100%, -100%);transform:translate(-100%, -100%);opacity:0}25%{-moz-transform:translate(-100%, -100%);transform:translate(-100%, -100%);opacity:0}40%{opacity:1}60%{opacity:1}85%{-moz-transform:translate(100%, -100%);transform:translate(100%, -100%);opacity:0}100%{-moz-transform:translate(100%, -100%);transform:translate(100%, -100%);opacity:0}}@-webkit-keyframes front-columns{0%{-webkit-transform:translate(-100%, -100%);transform:translate(-100%, -100%);opacity:0}25%{-webkit-transform:translate(-100%, -100%);transform:translate(-100%, -100%);opacity:0}40%{opacity:1}60%{opacity:1}85%{-webkit-transform:translate(100%, -100%);transform:translate(100%, -100%);opacity:0}100%{-webkit-transform:translate(100%, -100%);transform:translate(100%, -100%);opacity:0}}@keyframes front-columns{0%{-moz-transform:translate(-100%, -100%);-ms-transform:translate(-100%, -100%);-webkit-transform:translate(-100%, -100%);transform:translate(-100%, -100%);opacity:0}25%{-moz-transform:translate(-100%, -100%);-ms-transform:translate(-100%, -100%);-webkit-transform:translate(-100%, -100%);transform:translate(-100%, -100%);opacity:0}40%{opacity:1}60%{opacity:1}85%{-moz-transform:translate(100%, -100%);-ms-transform:translate(100%, -100%);-webkit-transform:translate(100%, -100%);transform:translate(100%, -100%);opacity:0}100%{-moz-transform:translate(100%, -100%);-ms-transform:translate(100%, -100%);-webkit-transform:translate(100%, -100%);transform:translate(100%, -100%);opacity:0}}@-moz-keyframes shake{0%{-moz-transform:rotate(0deg);transform:rotate(0deg)}33%{-moz-transform:rotate(-5deg);transform:rotate(-5deg)}66%{-moz-transform:rotate(5deg);transform:rotate(5deg)}100%{-moz-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes shake{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}33%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}66%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes shake{0%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}33%{-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}66%{-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-webkit-transform:rotate(5deg);transform:rotate(5deg)}100%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}}body,html{width:100%;height:100%}body{background:#fe77ac;font-family:'Yanone Kaffeesatz', sans-serif;font-size:6px;font-weight:400;letter-spacing:0.6px;color:white;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:transparent;-moz-user-select:-moz-none;-ms-user-select:none;-webkit-user-select:none;user-select:none}input{outline:none}.clear{clear:both}.clearfix{*zoom:1}.clearfix:after{content:' ';display:table;clear:both}.red{color:#ed1c24}.stats{position:absolute;top:0;right:0}#debug-message{position:absolute;top:0;left:0;z-index:99999;color:blue;font-family:Arial;font-size:12px}.main-container{width:100%;height:100%;overflow:hidden;position:relative}.page{display:none;overflow:hidden;margin:0 auto;position:relative}.page .page-title{display:block;width:100%;overflow:hidden;text-align:center}.page.active{display:block}.wrong-format .page{display:none}.image-button{border:none;background-color:transparent;outline:none;padding:0;position:relative;height:auto;color:white;font-family:"Gibson-SemiBold"}.image-button img.background{width:100%;height:auto}.image-button:hover{cursor:pointer}.image-button.square{width:19.79167%}.image-button.square:after{background-size:100%;background-repeat:no-repeat;background-position:left top;position:absolute}.image-button.play{width:31.25%}.image-button.top-right{position:absolute;width:12.5%;top:1.875%;right:2.70833%;font-size:6.25vw;z-index:10}.image-button.top-left{position:absolute;width:12.5%;top:1.875%;left:2.70833%;font-size:6.25vw;z-index:10}@media all and (min-width: 600px){.image-button.top-left{top:10.41667%;left:1.04167%}}.image-button.close{max-width:60px}.no-touch .image-button.close{-moz-transition:-moz-transform .3s ease;-o-transition:-o-transform .3s ease;-webkit-transition:-webkit-transform .3s ease;transition:transform .3s ease;-moz-transform:scale(0.95);-ms-transform:scale(0.95);-webkit-transform:scale(0.95);transform:scale(0.95)}.no-touch .image-button.close:hover{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}.image-button.mute{display:inline-block;width:12.7%;min-width:68px;position:absolute;top:.5%;left:-1.8%;z-index:110;background:url("../images/common/mute-btn.png") no-repeat;background-size:contain;-moz-transition:-moz-transform .3s ease;-o-transition:-o-transform .3s ease;-webkit-transition:-webkit-transform .3s ease;transition:transform .3s ease}.image-button.mute:before{content:'';display:block;padding-top:84.1%}.no-touch .image-button.mute:hover{-moz-transform:translateX(5%);-ms-transform:translateX(5%);-webkit-transform:translateX(5%);transform:translateX(5%)}.image-button.mute.muted{background-image:url("../images/common/unmute-btn.png")}.overlay{position:absolute;top:0;left:0;width:0%;height:0%;overflow:hidden;opacity:0;z-index:100;background:#fe77ac;-moz-transition:opacity .5s ease 0s,width 0s linear .5s,height 0s linear .5s;-o-transition:opacity .5s ease 0s,width 0s linear .5s,height 0s linear .5s;-webkit-transition:opacity .5s ease,width 0s linear,height 0s linear;-webkit-transition-delay:0s,.5s,.5s;transition:opacity .5s ease 0s,width 0s linear .5s,height 0s linear .5s}.overlay.hide .animation{display:none}.overlay.show{opacity:1;width:100%;height:100%;-moz-transition:opacity .5s ease .5s,width 0s linear 0s,height 0s linear 0s;-o-transition:opacity .5s ease .5s,width 0s linear 0s,height 0s linear 0s;-webkit-transition:opacity .5s ease,width 0s linear,height 0s linear;-webkit-transition-delay:.5s,0s,0s;transition:opacity .5s ease .5s,width 0s linear 0s,height 0s linear 0s}.overlay .content-wrapper{display:block;margin:0 auto}#loader-overlay .content-wrapper{background-color:#fa9b00}@-moz-keyframes loaderspinner{0%{-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes loaderspinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loaderspinner{0%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}}#loader-overlay .loader{width:100%;height:100%;background:#fe77ac;background-size:100% auto}#loader-overlay .loader .content{opacity:0;width:75%;position:relative;margin:0 auto;max-width:384px;top:50%;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);-moz-transition:opacity .5s;-o-transition:opacity .5s;-webkit-transition:opacity .5s;transition:opacity .5s}.js-active #loader-overlay .loader .content{opacity:1}#loader-overlay .loader .content .spinner{position:absolute;top:-8%;width:100%;animation:loaderspinner 6.5s infinite linear;-moz-animation:loaderspinner 6.5s infinite linear;-webkit-animation:loaderspinner 6.5s infinite linear;-o-animation:loaderspinner 6.5s infinite linear}#loader-overlay .loader .content .logo{position:relative;width:90%;margin:0 5%}#loader-overlay .loader .label{text-align:center;font-size:30px;font-size:5vh;margin-top:30px;margin-top:7vh;font-family:'Yanone Kaffeesatz', sans-serif;font-weight:400}@media screen and (min-width: 500px){.loader .animation{-moz-transform:scale(1, 1);-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);transform:scale(1, 1)}}@-moz-keyframes start-play-ani{0%{-moz-transform:translateY(0%);transform:translateY(0%)}25%{-moz-transform:translateY(5%);transform:translateY(5%)}50%{-moz-transform:translateY(0%);transform:translateY(0%)}100%{-moz-transform:translateY(0%);transform:translateY(0%)}}@-webkit-keyframes start-play-ani{0%{-webkit-transform:translateY(0%);transform:translateY(0%)}25%{-webkit-transform:translateY(5%);transform:translateY(5%)}50%{-webkit-transform:translateY(0%);transform:translateY(0%)}100%{-webkit-transform:translateY(0%);transform:translateY(0%)}}@keyframes start-play-ani{0%{-moz-transform:translateY(0%);-ms-transform:translateY(0%);-webkit-transform:translateY(0%);transform:translateY(0%)}25%{-moz-transform:translateY(5%);-ms-transform:translateY(5%);-webkit-transform:translateY(5%);transform:translateY(5%)}50%{-moz-transform:translateY(0%);-ms-transform:translateY(0%);-webkit-transform:translateY(0%);transform:translateY(0%)}100%{-moz-transform:translateY(0%);-ms-transform:translateY(0%);-webkit-transform:translateY(0%);transform:translateY(0%)}}#start-page{background:#f7f2c9 url("../images/game/tile-bg-ipad-horizontal.jpg");background-size:25%}#start-page img.barbie{width:100%;position:absolute;bottom:0%;left:-100%;-moz-transition:-moz-transform .8s ease-out .8s;-o-transition:-o-transform .8s ease-out .8s;-webkit-transition:-webkit-transform .8s ease-out;-webkit-transition-delay:.8s;transition:transform .8s ease-out .8s;-moz-transform:translateX(0%);-ms-transform:translateX(0%);-webkit-transform:translateX(0%);transform:translateX(0%)}#start-page .page-title{display:block;width:100%;position:absolute;bottom:-1px;left:0;background:url("../images/start/barbie-logo.png") no-repeat top center;background-size:100% auto;-moz-transition:-moz-transform 1s ease-out;-o-transition:-o-transform 1s ease-out;-webkit-transition:-webkit-transform 1s ease-out;transition:transform 1s ease-out;-moz-transform:translateY(200%);-ms-transform:translateY(200%);-webkit-transform:translateY(200%);transform:translateY(200%)}#start-page .page-title:after{content:'';display:block;padding-top:67.9%}#start-page .page-title h1{position:absolute;left:-10000px}#start-page .ratio-container{position:relative;margin:0 auto;background:url("../images/start/background.jpg") no-repeat top center;background-size:cover;overflow:hidden}#start-page .controls{position:absolute;width:100%;left:0;bottom:-5%;text-align:center;-moz-transition:-moz-transform .4s ease-out .9s;-o-transition:-o-transform .4s ease-out .9s;-webkit-transition:-webkit-transform .4s ease-out;-webkit-transition-delay:.9s;transition:transform .4s ease-out .9s;-moz-transform:translateY(100%);-ms-transform:translateY(100%);-webkit-transform:translateY(100%);transform:translateY(100%)}#start-page .controls button{display:inline-block;width:23%;position:relative;vertical-align:bottom;margin:0 2%;-moz-transition:-moz-transform .3s ease;-o-transition:-o-transform .3s ease;-webkit-transition:-webkit-transform .3s ease;transition:transform .3s ease}.no-touch #start-page .controls button:hover{-moz-transform:translateY(-5%);-ms-transform:translateY(-5%);-webkit-transform:translateY(-5%);transform:translateY(-5%)}#start-page .controls button:before{content:'';display:block;padding-top:118.6%}#start-page .controls button.howto{background:url(../images/start/howto-btn.png) no-repeat;background-size:contain}#start-page .controls button.highscore{background:url(../images/start/highscore-btn.png) no-repeat;background-size:contain}#start-page .controls button.play{background:url(../images/start/play-btn.png) no-repeat;background-size:contain;animation:start-play-ani 2s infinite 2s ease-in-out;-moz-animation:start-play-ani 2s infinite 2s ease-in-out;-webkit-animation:start-play-ani 2s infinite 2s ease-in-out;-o-animation:start-play-ani 2s infinite 2s ease-in-out}#start-page.play-intro img.barbie{-moz-transform:translateX(100%);-ms-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%)}#start-page.play-intro .page-title{-moz-transform:translateY(0%);-ms-transform:translateY(0%);-webkit-transform:translateY(0%);transform:translateY(0%)}#start-page.play-intro .controls{-moz-transform:translateY(0%);-ms-transform:translateY(0%);-webkit-transform:translateY(0%);transform:translateY(0%)}@media screen and (max-aspect-ratio: 2 / 3){#start-page img.barbie{width:120%;left:-120%}#start-page.play-intro img.barbie{-moz-transform:translateX(90%);-ms-transform:translateX(90%);-webkit-transform:translateX(90%);transform:translateX(90%)}}#howto-page{height:100%;overflow:auto;overflow-x:hidden;background:#f7f2c9 url("../images/game/tile-bg-ipad-horizontal.jpg");background-size:25%}@-moz-keyframes fade-ani-single{0%{opacity:1}40%{opacity:1}50%{opacity:0}90%{opacity:0}100%{opacity:1}}@-webkit-keyframes fade-ani-single{0%{opacity:1}40%{opacity:1}50%{opacity:0}90%{opacity:0}100%{opacity:1}}@keyframes fade-ani-single{0%{opacity:1}40%{opacity:1}50%{opacity:0}90%{opacity:0}100%{opacity:1}}@-moz-keyframes fade-ani-three-1{0%{opacity:1}20%{opacity:1}25%{opacity:0}45%{opacity:0}50%{opacity:0}70%{opacity:0}75%{opacity:0}95%{opacity:0}100%{opacity:1}}@-webkit-keyframes fade-ani-three-1{0%{opacity:1}20%{opacity:1}25%{opacity:0}45%{opacity:0}50%{opacity:0}70%{opacity:0}75%{opacity:0}95%{opacity:0}100%{opacity:1}}@keyframes fade-ani-three-1{0%{opacity:1}20%{opacity:1}25%{opacity:0}45%{opacity:0}50%{opacity:0}70%{opacity:0}75%{opacity:0}95%{opacity:0}100%{opacity:1}}@-moz-keyframes fade-ani-three-2{0%{opacity:1}20%{opacity:1}25%{opacity:1}45%{opacity:1}50%{opacity:0}70%{opacity:0}75%{opacity:0}95%{opacity:0}100%{opacity:1}}@-webkit-keyframes fade-ani-three-2{0%{opacity:1}20%{opacity:1}25%{opacity:1}45%{opacity:1}50%{opacity:0}70%{opacity:0}75%{opacity:0}95%{opacity:0}100%{opacity:1}}@keyframes fade-ani-three-2{0%{opacity:1}20%{opacity:1}25%{opacity:1}45%{opacity:1}50%{opacity:0}70%{opacity:0}75%{opacity:0}95%{opacity:0}100%{opacity:1}}@-moz-keyframes fade-ani-three-3{0%{opacity:1}20%{opacity:1}25%{opacity:1}45%{opacity:1}50%{opacity:1}70%{opacity:1}75%{opacity:0}95%{opacity:0}100%{opacity:1}}@-webkit-keyframes fade-ani-three-3{0%{opacity:1}20%{opacity:1}25%{opacity:1}45%{opacity:1}50%{opacity:1}70%{opacity:1}75%{opacity:0}95%{opacity:0}100%{opacity:1}}@keyframes fade-ani-three-3{0%{opacity:1}20%{opacity:1}25%{opacity:1}45%{opacity:1}50%{opacity:1}70%{opacity:1}75%{opacity:0}95%{opacity:0}100%{opacity:1}}@-moz-keyframes sprite-ani-2{0%{background-position:0% 0%}40%{background-position:0% 0%}50%{background-position:100% 0%}90%{background-position:100% 0%}100%{background-position:200% 0%}}@-webkit-keyframes sprite-ani-2{0%{background-position:0% 0%}40%{background-position:0% 0%}50%{background-position:100% 0%}90%{background-position:100% 0%}100%{background-position:200% 0%}}@keyframes sprite-ani-2{0%{background-position:0% 0%}40%{background-position:0% 0%}50%{background-position:100% 0%}90%{background-position:100% 0%}100%{background-position:200% 0%}}@-moz-keyframes sprite-ani-4{0%{background-position:0% 0%}20%{background-position:0% 0%}25%{background-position:33.33% 0%}45%{background-position:33.33% 0%}50%{background-position:66.66% 0%}70%{background-position:66.66% 0%}75%{background-position:100.00% 0%}95%{background-position:100.00% 0%}100%{background-position:133.33% 0%}}@-webkit-keyframes sprite-ani-4{0%{background-position:0% 0%}20%{background-position:0% 0%}25%{background-position:33.33% 0%}45%{background-position:33.33% 0%}50%{background-position:66.66% 0%}70%{background-position:66.66% 0%}75%{background-position:100.00% 0%}95%{background-position:100.00% 0%}100%{background-position:133.33% 0%}}@keyframes sprite-ani-4{0%{background-position:0% 0%}20%{background-position:0% 0%}25%{background-position:33.33% 0%}45%{background-position:33.33% 0%}50%{background-position:66.66% 0%}70%{background-position:66.66% 0%}75%{background-position:100.00% 0%}95%{background-position:100.00% 0%}100%{background-position:133.33% 0%}}@-moz-keyframes play-ani{0%{-moz-transform:translate(-50%, 5%);transform:translate(-50%, 5%)}25%{-moz-transform:translate(-50%, 10%);transform:translate(-50%, 10%)}50%{-moz-transform:translate(-50%, 5%);transform:translate(-50%, 5%)}100%{-moz-transform:translate(-50%, 5%);transform:translate(-50%, 5%)}}@-webkit-keyframes play-ani{0%{-webkit-transform:translate(-50%, 5%);transform:translate(-50%, 5%)}25%{-webkit-transform:translate(-50%, 10%);transform:translate(-50%, 10%)}50%{-webkit-transform:translate(-50%, 5%);transform:translate(-50%, 5%)}100%{-webkit-transform:translate(-50%, 5%);transform:translate(-50%, 5%)}}@keyframes play-ani{0%{-moz-transform:translate(-50%, 5%);-ms-transform:translate(-50%, 5%);-webkit-transform:translate(-50%, 5%);transform:translate(-50%, 5%)}25%{-moz-transform:translate(-50%, 10%);-ms-transform:translate(-50%, 10%);-webkit-transform:translate(-50%, 10%);transform:translate(-50%, 10%)}50%{-moz-transform:translate(-50%, 5%);-ms-transform:translate(-50%, 5%);-webkit-transform:translate(-50%, 5%);transform:translate(-50%, 5%)}100%{-moz-transform:translate(-50%, 5%);-ms-transform:translate(-50%, 5%);-webkit-transform:translate(-50%, 5%);transform:translate(-50%, 5%)}}#howto-page .page-title{position:absolute;top:0%}#howto-page .page-title h1{position:absolute;left:-10000px}#howto-page .page-title .background{position:relative;width:32%;display:inline-block;z-index:1;backface-visibility:hidden}#howto-page .ratio-container{position:relative;margin:0 auto;overflow-x:hidden}#howto-page .content-wrapper{position:relative;height:100%;text-align:center}#howto-page .info-wrapper{width:100%;position:absolute;top:0;left:0;padding:0;-ms-touch-action:pan-y;overflow:hidden;min-height:100%;text-align:left;background:url("../images/howto/howto-bg.png") no-repeat center;background-size:auto 100%}#howto-page .info-wrapper .infos{position:relative;margin-top:8%}#howto-page .info-wrapper .infos.animate-2 .step2 .image-wrapper .frame1{animation:fade-ani-single 6s infinite;-moz-animation:fade-ani-single 6s infinite;-webkit-animation:fade-ani-single 6s infinite;-o-animation:fade-ani-single 6s infinite}#howto-page .info-wrapper .infos.animate-3 .step3 .image-wrapper .frame1{animation:fade-ani-three-1 12s infinite;-moz-animation:fade-ani-three-1 12s infinite;-webkit-animation:fade-ani-three-1 12s infinite;-o-animation:fade-ani-three-1 12s infinite}#howto-page .info-wrapper .infos.animate-3 .step3 .image-wrapper .frame2{animation:fade-ani-three-2 12s infinite;-moz-animation:fade-ani-three-2 12s infinite;-webkit-animation:fade-ani-three-2 12s infinite;-o-animation:fade-ani-three-2 12s infinite}#howto-page .info-wrapper .infos.animate-3 .step3 .image-wrapper .frame3{animation:fade-ani-three-3 12s infinite;-moz-animation:fade-ani-three-3 12s infinite;-webkit-animation:fade-ani-three-3 12s infinite;-o-animation:fade-ani-three-3 12s infinite}#howto-page .info-wrapper .infos.animate-4 .step4 .image-wrapper .frame1{animation:fade-ani-single 6s infinite;-moz-animation:fade-ani-single 6s infinite;-webkit-animation:fade-ani-single 6s infinite;-o-animation:fade-ani-single 6s infinite}#howto-page .info-wrapper .info{width:100%;margin-right:20px;float:left;font-size:36px;font-weight:400;line-height:1.12;color:#d51371}#howto-page .info-wrapper .info img{width:100%;padding:0 5%;box-sizing:border-box}#howto-page .info-wrapper .info .button-spacer{width:23%}#howto-page .info-wrapper .info .button-spacer:after{content:'';display:block;position:relative;padding-top:118.6%}#howto-page .info-wrapper .info .image-wrapper{position:relative;width:90%;margin:0 auto}#howto-page .info-wrapper .info .image-wrapper:after{content:'';display:block;padding-top:73.42%}#howto-page .info-wrapper .info .image-wrapper .frame{position:absolute;top:0;left:0;width:100%;padding:0;opacity:1}#howto-page .info-wrapper .info .pagination{width:30%;display:block;margin:0 auto;padding:0}#howto-page .info-wrapper .info.step1 .image-wrapper{background:url(../images/howto/slide-img-1.png);background-size:auto 100%;background-position:0% 0%}#howto-page .info-wrapper .info.step2 .image-wrapper{background:url(../images/howto/slide-img-2b.png);background-size:auto 100%;background-position:0% 0%}#howto-page .info-wrapper .info.step3 .image-wrapper{background:url(../images/howto/slide-img-3d.png);background-size:auto 100%;background-position:0% 0%}#howto-page .info-wrapper .info.step4 .image-wrapper{background:url(../images/howto/slide-img-4b.png);background-size:auto 100%;background-position:0% 0%}#howto-page .info-wrapper .info h2{font-size:125%;font-weight:700;padding:2.5% 5% 1.5%}#howto-page .info-wrapper .info p{padding:3% 5% 0%}#howto-page button.play{display:inline-block;width:23%;position:absolute;background:url(../images/start/play-btn.png) no-repeat;background-size:contain;-moz-transform:translate(-50%, 5%);-ms-transform:translate(-50%, 5%);-webkit-transform:translate(-50%, 5%);transform:translate(-50%, 5%);left:50%;bottom:0;-moz-transition:-moz-transform .3s ease;-o-transition:-o-transform .3s ease;-webkit-transition:-webkit-transform .3s ease;transition:transform .3s ease}.no-touch #howto-page button.play:hover{-moz-transform:translate(-50%, 0%);-ms-transform:translate(-50%, 0%);-webkit-transform:translate(-50%, 0%);transform:translate(-50%, 0%)}#howto-page button.play:before{content:'';display:block;padding-top:118.6%}#howto-page button.play.play-animation{animation:play-ani 2s infinite 2s ease-in-out;-moz-animation:play-ani 2s infinite 2s ease-in-out;-webkit-animation:play-ani 2s infinite 2s ease-in-out;-o-animation:play-ani 2s infinite 2s ease-in-out}#howto-page .paginator-controls{position:absolute;width:100%;top:58vw}#howto-page button.top-left.circle{display:none}#howto-page button.paginator{width:15%;max-width:92px;position:absolute;top:0;visibility:hidden;pointer-events:none;-webkit-tap-highlight-color:transparent;-moz-transition:visibility 0s ease .6s,-moz-transform .3s ease;-o-transition:visibility 0s ease .6s,-o-transform .3s ease;-webkit-transition:visibility 0s ease,-webkit-transform .3s ease;-webkit-transition-delay:.6s,0s;transition:visibility 0s ease .6s,transform .3s ease;backface-visibility:hidden}#howto-page button.paginator.left{left:0;-moz-transform:translate(-100%, -50%);-ms-transform:translate(-100%, -50%);-webkit-transform:translate(-100%, -50%);transform:translate(-100%, -50%);background:url(../images/howto/howto-prev.png) no-repeat;background-size:contain;-moz-transition:-moz-transform .3s ease;-o-transition:-o-transform .3s ease;-webkit-transition:-webkit-transform .3s ease;transition:transform .3s ease}.no-touch #howto-page button.paginator.left:hover{-moz-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%)}#howto-page button.paginator.left:after{content:'';display:block;padding-top:134.8%}#howto-page button.paginator.left.visible{pointer-events:auto;visibility:visible;-moz-transform:translate(-10%, -50%);-ms-transform:translate(-10%, -50%);-webkit-transform:translate(-10%, -50%);transform:translate(-10%, -50%);-moz-transition:visibility 0s ease,-moz-transform .3s ease;-o-transition:visibility 0s ease,-o-transform .3s ease;-webkit-transition:visibility 0s ease,-webkit-transform .3s ease;transition:visibility 0s ease,transform .3s ease}#howto-page button.paginator.right{right:0;-moz-transform:translate(100%, -50%);-ms-transform:translate(100%, -50%);-webkit-transform:translate(100%, -50%);transform:translate(100%, -50%);background:url(../images/howto/howto-next.png) no-repeat;background-size:contain}#howto-page button.paginator.right:after{content:'';display:block;padding-top:134.8%}.no-touch #howto-page button.paginator.right:hover{-moz-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%)}#howto-page button.paginator.right.visible{pointer-events:auto;visibility:visible;-moz-transform:translate(10%, -50%);-ms-transform:translate(10%, -50%);-webkit-transform:translate(10%, -50%);transform:translate(10%, -50%);-moz-transition:visibility 0s ease,-moz-transform .3s ease;-o-transition:visibility 0s ease,-o-transform .3s ease;-webkit-transition:visibility 0s ease,-webkit-transform .3s ease;transition:visibility 0s ease,transform .3s ease}@media screen and (min-aspect-ratio: 40 / 50){#howto-page .paginator-controls{top:50%}}@media screen and (min-width: 500px){#howto-page .info-wrapper .info .image-wrapper{width:70%}#howto-page .info-wrapper .info .pagination{width:22%;padding:0}#howto-page .info-wrapper .info img{padding:0 15%}#howto-page .info-wrapper .info h2{padding:2.5% 15% 1%;font-size:100%}#howto-page .info-wrapper .info p{padding:2.25% 15% 0;font-size:70%}}@media screen and (min-width: 581px){#howto-page .page-title{top:1%}#howto-page .info-wrapper .infos{margin-top:11%}#howto-page .info-wrapper .info h2{padding:4% 15% 1.5%}#howto-page .info-wrapper .info p{font-size:75%}}#highscore-page{background:#f7f2c9 url("../images/game/tile-bg-ipad-horizontal.jpg");background-size:25%}#highscore-page .ratio-container{position:relative;margin:0 auto;z-index:1;overflow-x:hidden;background:url("../images/howto/howto-bg.png") no-repeat center;background-size:auto 100%}#highscore-page .ratio-container .deco{position:absolute}#highscore-page .ratio-container .deco.cookie{width:22%;top:53%;-moz-transform:translateX(-95%);-ms-transform:translateX(-95%);-webkit-transform:translateX(-95%);transform:translateX(-95%)}#highscore-page .ratio-container .deco.cakepop{width:28%;bottom:-5%;right:-18%}#highscore-page .ratio-container .deco.unicorn{width:38%;top:10%;right:-22%}#highscore-page .button-spacer{width:23%}#highscore-page .button-spacer:after{content:'';display:block;position:relative;padding-top:118.6%}#highscore-page .controls{position:absolute;width:100%;left:0;bottom:0;text-align:center;margin-bottom:-4%;overflow:hidden;-moz-transition:-moz-transform .4s ease-out .9s;-o-transition:-o-transform .4s ease-out .9s;-webkit-transition:-webkit-transform .4s ease-out;-webkit-transition-delay:.9s;transition:transform .4s ease-out .9s}#highscore-page .controls button{display:inline-block;width:23%;position:relative;vertical-align:bottom;margin:0 1%;-moz-transition:-moz-transform .3s ease;-o-transition:-o-transform .3s ease;-webkit-transition:-webkit-transform .3s ease;transition:transform .3s ease;-moz-transform:translateY(5%);-ms-transform:translateY(5%);-webkit-transform:translateY(5%);transform:translateY(5%)}.no-touch #highscore-page .controls button:hover{-moz-transform:translateY(0%);-ms-transform:translateY(0%);-webkit-transform:translateY(0%);transform:translateY(0%)}#highscore-page .controls button:before{content:'';display:block;padding-top:118.6%}#highscore-page .controls button.howto{background:url(../images/start/howto-btn.png) no-repeat;background-size:contain}#highscore-page .controls button.play{background:url(../images/start/play-btn.png) no-repeat;background-size:contain}#highscore-page .score-background{position:absolute;top:0;left:-14%;width:120%}#highscore-page .highscore-paper{width:92%;position:absolute;top:0%;left:50%;-moz-transform:translate(-50%, 0%);-ms-transform:translate(-50%, 0%);-webkit-transform:translate(-50%, 0%);transform:translate(-50%, 0%);background:url("../images/highscore/paper-bg.png") no-repeat center;background-size:cover}#highscore-page .highscore-paper:after{content:'';display:block;padding-top:148.25%}#highscore-page .paper-content{width:92%;position:absolute;top:47%;left:50%;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);font-family:"Gibson-SemiBold";font-size:100%;text-align:center}#highscore-page .paper-content .red{color:#ff3300}#highscore-page .paper-content .brown{color:#a6711b}#highscore-page .paper-content .big{font-size:121.5%}#highscore-page .paper-content .paper-head{text-align:center}#highscore-page .paper-content .paper-scorer-box{position:relative;margin-top:40%}#highscore-page .column{width:40%;margin-left:8%;float:left}#highscore-page .scorer{display:block;opacity:0;width:100%;background:url("../images/highscore/border.png") no-repeat;background-size:contain;margin-bottom:8%;position:relative;counter-increment:rank;text-align:left}#highscore-page .scorer:after{content:'';display:block;padding-top:39.1%}#highscore-page .scorer.visible{opacity:1}#highscore-page .scorer .user-name{color:#f91d68;font-family:'Yanone Kaffeesatz', sans-serif;font-weight:700;font-size:76%}#highscore-page .scorer .user-score{color:#fc5197;font-size:62%}#highscore-page .scorer.first{background-image:url("../images/highscore/border-first.png")}#highscore-page .scorer.first:before{width:26%;top:-100%;left:-26%;padding-top:34%;padding-right:5%;padding-left:12%;font-size:90%;background-image:url(../images/highscore/dot-first.png)}#highscore-page .scorer.first .user-name{color:white}#highscore-page .scorer.first .user-score{color:#f8ccdb}#highscore-page .scorer:before{content:attr(data-rank);background:url("../images/highscore/dot.png") no-repeat;background-size:contain;font-family:"Gibson-SemiBold";width:22%;position:absolute;font-size:90%;color:white;text-align:center;line-height:100%;top:-25%;left:-12.75%;padding:6% 3% 7% 3%}#highscore-page .scorer p{font-family:"Gibson-SemiBold";white-space:nowrap}#highscore-page .scorer-infos{width:75%;position:absolute;top:52%;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);margin:0 5% 0 20%;overflow:hidden}@media all and (min-width: 500px){#highscore-page .highscore-paper{width:78%}}@media screen and (width: 580px) and (height: 720px){#highscore-page .ratio-container{overflow-y:hidden}}@-moz-keyframes guidearrow{0%{-moz-transform:translate(-3px, -27px);transform:translate(-3px, -27px)}50%{-moz-transform:translate(30px, -27px);transform:translate(30px, -27px)}100%{-moz-transform:translate(-3px, -27px);transform:translate(-3px, -27px)}}@-webkit-keyframes guidearrow{0%{-webkit-transform:translate(-3px, -27px);transform:translate(-3px, -27px)}50%{-webkit-transform:translate(30px, -27px);transform:translate(30px, -27px)}100%{-webkit-transform:translate(-3px, -27px);transform:translate(-3px, -27px)}}@keyframes guidearrow{0%{-moz-transform:translate(-3px, -27px);-ms-transform:translate(-3px, -27px);-webkit-transform:translate(-3px, -27px);transform:translate(-3px, -27px)}50%{-moz-transform:translate(30px, -27px);-ms-transform:translate(30px, -27px);-webkit-transform:translate(30px, -27px);transform:translate(30px, -27px)}100%{-moz-transform:translate(-3px, -27px);-ms-transform:translate(-3px, -27px);-webkit-transform:translate(-3px, -27px);transform:translate(-3px, -27px)}}#game-page{background:#f7f2c9 url("../images/game/tile-bg-ipad-horizontal.jpg");background-size:25%}#game-page.game-running{cursor:pointer}#game-page #game-container{position:relative;margin:0 auto;overflow:hidden;-moz-user-select:-moz-none;-ms-user-select:none;-webkit-user-select:none;user-select:none}#game-page canvas{position:relative;left:50%;background:#b9345f;-moz-transform:translate(-50%, 0%);-ms-transform:translate(-50%, 0%);-webkit-transform:translate(-50%, 0%);transform:translate(-50%, 0%);-moz-user-select:-moz-none;-ms-user-select:none;-webkit-user-select:none;user-select:none}#game-page #guide-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;display:none}#game-page #guide-container.active{display:block}#game-page #guide-arrow{position:absolute;top:0;left:0;-moz-transform-origin:0% 0%;-ms-transform-origin:0% 0%;-webkit-transform-origin:0% 0%;transform-origin:0% 0%;display:none}#game-page #guide-arrow.visible{display:block}#game-page #guide-arrow .animation{-moz-transform-origin:0% 0%;-ms-transform-origin:0% 0%;-webkit-transform-origin:0% 0%;transform-origin:0% 0%}#game-page #guide-arrow img{width:91px;-moz-transform:translate(-3px, -27px);-ms-transform:translate(-3px, -27px);-webkit-transform:translate(-3px, -27px);transform:translate(-3px, -27px);animation:guidearrow 1s infinite ease-in-out;-moz-animation:guidearrow 1s infinite ease-in-out;-webkit-animation:guidearrow 1s infinite ease-in-out;-o-animation:guidearrow 1s infinite ease-in-out}#gameresult-page{height:100%;background:#f7f2c9 url("../images/game/tile-bg-ipad-horizontal.jpg");background-size:25%;overflow:auto;overflow-x:hidden}#gameresult-page .ratio-container{position:relative;margin:0 auto;overflow-x:hidden}#gameresult-page .result-paper{background:url("../images/howto/howto-bg.png");background-size:auto 100%;overflow:hidden;width:100%;min-height:100%;position:absolute;top:0;left:50%;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}#gameresult-page .result-paper:after{content:'';display:block;padding-top:124%}#gameresult-page .result-paper.highscore .paper-content.highscore,#gameresult-page .result-paper.no-highscore .paper-content.no-highscore{display:block}#gameresult-page .result-paper.highscore:after{padding-top:165%}#gameresult-page .filler{display:none}#gameresult-page .filler.show{display:block}#gameresult-page .filler.no-highscore .filler-topright,#gameresult-page .filler.no-highscore .filler-bottomright,#gameresult-page .filler.no-highscore .filler-left{position:absolute;height:30%;max-height:300px;right:0;top:0}#gameresult-page .filler.no-highscore .filler-bottomright{top:72.5%}#gameresult-page .filler.no-highscore .filler-left{right:auto;left:0;margin-top:40%}#gameresult-page .filler.highscore .filler-topright,#gameresult-page .filler.highscore .filler-bottomright,#gameresult-page .filler.highscore .filler-left{position:absolute;height:30%;max-height:300px;right:0;top:0}#gameresult-page .filler.highscore .filler-bottomright{top:auto;bottom:0;height:50%}#gameresult-page .filler.highscore .filler-left{right:auto;left:0;top:17.5%}#gameresult-page .paper-content{display:none;width:80%;position:absolute;top:0;left:10%;text-align:center}#gameresult-page .paper-content.highscore{height:100%}#gameresult-page .paper-content .paper-head{font-family:"Yanone Kaffeesatz";font-weight:700;font-size:200%;color:#f91d68;width:100%;margin:10% auto 5%}#gameresult-page .paper-content .paper-head .bad{display:none}#gameresult-page .paper-content .paper-head.bad .bad{display:block}#gameresult-page .paper-content .paper-head.bad .good{display:none}#gameresult-page .paper-content .paper-head .subline{font-weight:400;font-size:65%;line-height:1.25}#gameresult-page .paper-content .paper-score-box{position:relative;width:100%;margin:0 auto;background:url(../images/gameresult/score-border.png) no-repeat;background-size:100% 70%;background-position-y:10px}#gameresult-page .paper-content .paper-score-box:after{content:'';display:block;padding-top:30%}#gameresult-page .paper-content .paper-score-box .score-hl,#gameresult-page .paper-content .paper-score-box .score{color:#ff5c21;font-size:200%;font-weight:700}#gameresult-page .paper-content .paper-score-box .score{position:absolute;font-family:"Gibson-SemiBold";font-size:200%;width:100%;top:33%}#gameresult-page .paper-content .paper-body-text{font-family:"Yanone Kaffeesatz";width:100%;margin:0 auto;font-size:140%;font-weight:400;color:#f91d68}#gameresult-page .paper-content .paper-body-text span{font-weight:700}#gameresult-page .paper-content .highscore-entry-box{width:100%}#gameresult-page .paper-content .highscore-entry-box form{display:inline-block;width:100%;position:relative;background:url(../images/gameresult/name-border.png) no-repeat;background-position:center left;background-size:70%}#gameresult-page .paper-content .highscore-entry-box form:after{content:'';display:block;padding-top:35%}#gameresult-page .paper-content .highscore-entry-box form input{position:absolute;width:70%;top:0;left:0;border:none;height:100%;background:none;font-family:"Gibson-SemiBold";font-weight:700;font-size:116.6%;text-align:center;color:#ff5c21}#gameresult-page .paper-content .highscore-entry-box form ::-webkit-input-placeholder{color:rgba(255,92,33,0.7)}#gameresult-page .paper-content .highscore-entry-box form ::-moz-placeholder{color:rgba(255,92,33,0.7)}#gameresult-page .paper-content .highscore-entry-box form :-ms-input-placeholder{color:rgba(255,92,33,0.7)}#gameresult-page .paper-content .highscore-entry-box form :-moz-placeholder{color:rgba(255,92,33,0.7)}#gameresult-page .paper-content .highscore-entry-box form .image-button.save{width:25%;position:absolute;top:0;right:0;display:inline-block;pointer-events:none;cursor:pointer;opacity:.5}#gameresult-page .paper-content .highscore-entry-box form .image-button.save img{width:100%}#gameresult-page .paper-content .highscore-entry-box form .image-button.save.active{opacity:1;pointer-events:auto}#gameresult-page .paper-content .highscore-entry-box form .image-button.save.saving{opacity:1;pointer-events:none}#gameresult-page .image-button.highscore,#gameresult-page .image-button.play{width:25%;left:20%;bottom:0;position:absolute;-moz-transform:translateY(20%);-ms-transform:translateY(20%);-webkit-transform:translateY(20%);transform:translateY(20%);-moz-transition:-moz-transform .3s ease;-o-transition:-o-transform .3s ease;-webkit-transition:-webkit-transform .3s ease;transition:transform .3s ease}.no-touch #gameresult-page .image-button.highscore:hover,.no-touch #gameresult-page .image-button.play:hover{-moz-transform:translateY(15%);-ms-transform:translateY(15%);-webkit-transform:translateY(15%);transform:translateY(15%)}#gameresult-page .image-button.highscore img,#gameresult-page .image-button.play img{width:100%}#gameresult-page .image-button.play{left:50%}@media all and (min-width: 500px){#gameresult-page{overflow:hidden}#gameresult-page .result-paper.highscore:after{padding-top:124%}#gameresult-page .filler.no-highscore .filler-left{height:35%;margin-top:45%}#gameresult-page .filler.highscore .filler-left{height:50%;top:10%}#gameresult-page .paper-content .paper-head{width:90%;font-size:140%}#gameresult-page .paper-content .paper-score-box{background-position-y:20px}#gameresult-page .paper-content .paper-score-box .score-hl{font-size:160%}#gameresult-page .paper-content .paper-body-text{width:90%;margin:-5% auto 0;font-size:100%}#gameresult-page .paper-content.no-highscore{top:5%}}@media all and (min-width: 768px){#gameresult-page .result-paper.highscore:after{padding-top:135%}#gameresult-page .paper-content .paper-body-text{width:95%;margin:0 auto}#gameresult-page .filler.highscore .filler-bottomright{max-height:400px}}@media all and (min-width: 1024px){#gameresult-page .paper-content .paper-body-text{width:90%;font-size:100%;margin:-5% auto 0}#gameresult-page .filler.no-highscore .filler-topright,#gameresult-page .filler.no-highscore .filler-bottomright,#gameresult-page .filler.no-highscore .filler-left,#gameresult-page .filler.highscore .filler-topright,#gameresult-page .filler.highscore .filler-bottomright,#gameresult-page .filler.highscore .filler-left{max-height:400px}#gameresult-page .filler.highscore .filler-left{height:40%}}#wrong-format-page{position:relative;background:url("../images/common/bg.jpg");background-size:cover}.wrong-format #wrong-format-page{display:block;position:absolute;width:100%;height:100%;top:0;left:0}#wrong-format-page .message-container{text-align:center;position:absolute;top:10%;height:90%;left:0;width:100%}#wrong-format-page .message-container img{width:100%;position:absolute;bottom:0;left:50%;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media screen and (min-aspect-ratio: 4 / 3){#wrong-format-page .message-container img{width:auto;height:100%}}.ingredients-wrapper{width:100%;position:absolute;bottom:0;z-index:5;text-align:center;-moz-transform:translateY(100%);-ms-transform:translateY(100%);-webkit-transform:translateY(100%);transform:translateY(100%);-moz-transition:-moz-transform .5s ease-out;-o-transition:-o-transform .5s ease-out;-webkit-transition:-webkit-transform .5s ease-out;transition:transform .5s ease-out}.ingredients-wrapper.opened{-moz-transform:translateY(0%);-ms-transform:translateY(0%);-webkit-transform:translateY(0%);transform:translateY(0%)}.ingredients-wrapper .pagination{display:inline-block;width:20%;background-size:contain;background-position:bottom right;background-repeat:no-repeat;margin-top:2%;cursor:pointer;position:absolute;z-index:0;opacity:.6;-moz-transition:-moz-transform .3s ease-out,opacity .3s ease-out;-o-transition:-o-transform .3s ease-out,opacity .3s ease-out;-webkit-transition:-webkit-transform .3s ease-out,opacity .3s ease-out;transition:transform .3s ease-out,opacity .3s ease-out;-moz-transform:translate(-50%, -80%);-ms-transform:translate(-50%, -80%);-webkit-transform:translate(-50%, -80%);transform:translate(-50%, -80%)}.ingredients-wrapper .pagination:after{content:'';display:inline-block;width:100%;padding-top:102%}.ingredients-wrapper .pagination.btn-cupcake{left:20%;background-image:url("../images/game/ingredients-slider/btn-cupcake.png")}.ingredients-wrapper .pagination.btn-frosting{left:40%;background-image:url("../images/game/ingredients-slider/btn-frosting.png")}.ingredients-wrapper .pagination.btn-decoration{left:60%;background-image:url("../images/game/ingredients-slider/btn-decor.png")}.ingredients-wrapper .pagination.btn-takeaway{left:80%;background-image:url("../images/game/ingredients-slider/btn-takeaway.png")}.ingredients-wrapper.active .pagination{opacity:1;-moz-transform:translate(-50%, -100%);-ms-transform:translate(-50%, -100%);-webkit-transform:translate(-50%, -100%);transform:translate(-50%, -100%)}.ingredients-wrapper.active .pagination.btn-active{z-index:3}.ingredients-wrapper .swiper-border{width:100%;height:5%;position:absolute;z-index:2;top:0;left:0;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.ingredients-wrapper .swiper-visible-area{overflow:hidden;background-image:url("../images/game/ingredients-slider/swiper-bgr.jpg");background-position:center center}.ingredients-wrapper .swiper-container-v{position:relative;width:100%;height:100%;z-index:0;overflow:visible}.ingredients-wrapper .swiper-container-v .cupcake:after,.ingredients-wrapper .swiper-container-v .frosting:after,.ingredients-wrapper .swiper-container-v .decoration:after,.ingredients-wrapper .swiper-container-v .takeaway:after{content:"";display:block;width:100%;height:5%;background-image:url("../images/game/ingredients-slider/swiper-border.png");background-size:cover;position:relative;z-index:1;cursor:-webkit-grab;-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-webkit-transform:translateY(-100%);transform:translateY(-100%)}.ingredients-wrapper .swiper-container-v.animate-in .vert-wrapper{transition-duration:10ms !important}.ingredients-wrapper .swiper-button-prev,.ingredients-wrapper .swiper-button-next{background-size:contain;background-repeat:no-repeat;opacity:0;width:20%;max-width:120px;margin-top:0;height:50%;top:20%;-moz-transition:left .3s ease,right .3s ease,opacity .3s ease;-o-transition:left .3s ease,right .3s ease,opacity .3s ease;-webkit-transition:left .3s ease,right .3s ease,opacity .3s ease;transition:left .3s ease,right .3s ease,opacity .3s ease}.ingredients-wrapper .swiper-button-prev{left:-11%;background-image:url("../images/game/ingredients-slider/btn-prev.png")}.ingredients-wrapper .swiper-button-prev:hover{left:-10%}.ingredients-wrapper .swiper-button-next{right:-11%;background-image:url("../images/game/ingredients-slider/btn-next.png")}.ingredients-wrapper .swiper-button-next:hover{right:-10%}.ingredients-wrapper .swiper-slide-active .container-h .swiper-button-prev,.ingredients-wrapper .swiper-slide-active .container-h .swiper-button-next{opacity:1}.ingredients-wrapper .container-h{width:90%;overflow:visible}.ingredients-wrapper .container-h:before{content:"";display:block;position:absolute;left:-10%;width:120%;height:100%;background-image:url("../images/game/ingredients-slider/swiper-pattern.png");background-size:12%}.ingredients-wrapper .container-h .swiper-slide{width:33.33%;-moz-transition:opacity .3s ease;-o-transition:opacity .3s ease;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.ingredients-wrapper .container-h .swiper-slide .item-dummy{width:75%;position:relative}.ingredients-wrapper .container-h .swiper-slide .item-image{width:66.66%;position:absolute;left:16.66%;top:50%;cursor:pointer;backface-visibility:hidden;background:url("../images/game/ingredients-slider/plate.png");background-size:100%;-moz-transform:translateY(-50%) scale(1);-ms-transform:translateY(-50%) scale(1);-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1);-moz-transition:-moz-transform .3s ease;-o-transition:-o-transform .3s ease;-webkit-transition:-webkit-transform .3s ease;transition:transform .3s ease}.ingredients-wrapper .container-h .swiper-slide.new:after{content:"";display:block;position:absolute;top:50%;left:50%;width:30%;height:30%;cursor:pointer;background-image:url("../images/game/new-ingredient.png");background-size:contain;background-position:center center;background-repeat:no-repeat;transform-origin:0% 100%;-moz-transition:-moz-transform .3s ease;-o-transition:-o-transform .3s ease;-webkit-transition:-webkit-transform .3s ease;transition:transform .3s ease;-moz-transform:translate(40%, -120%) scale(1);-ms-transform:translate(40%, -120%) scale(1);-webkit-transform:translate(40%, -120%) scale(1);transform:translate(40%, -120%) scale(1)}.ingredients-wrapper .container-h .swiper-slide.clicked{opacity:0.75}.ingredients-wrapper .container-h .swiper-slide.clicked:after{content:"";display:block;position:absolute;top:0px;left:50%;width:80%;height:100%;cursor:pointer;background-image:url("../images/game/ingredients-slider/swiper-active.png");background-size:contain;background-position:center center;background-repeat:no-repeat;-moz-transition:-moz-transform .3s ease;-o-transition:-o-transform .3s ease;-webkit-transition:-webkit-transform .3s ease;transition:transform .3s ease;-moz-transform:translate(-50%, 0%) scale(1);-ms-transform:translate(-50%, 0%) scale(1);-webkit-transform:translate(-50%, 0%) scale(1);transform:translate(-50%, 0%) scale(1)}.ingredients-wrapper .container-h.inactive.items-1 .swiper-slide{width:100%}.ingredients-wrapper .container-h.inactive.items-1 .swiper-slide .item-image,.ingredients-wrapper .container-h.inactive.items-1 .swiper-slide .item-dummy{width:22.25%}.ingredients-wrapper .container-h.inactive.items-1 .swiper-slide .item-image{left:40%}.ingredients-wrapper .container-h.inactive.items-1 .swiper-slide.new:after{width:10%;height:30%}.ingredients-wrapper .container-h.inactive.items-1 .swiper-slide.clicked:after{left:50%;width:26.75%}.ingredients-wrapper .container-h.inactive.items-2 .swiper-slide{width:50%}.ingredients-wrapper .container-h.inactive.items-2 .swiper-slide .item-image,.ingredients-wrapper .container-h.inactive.items-2 .swiper-slide .item-dummy{width:44.5%}.ingredients-wrapper .container-h.inactive.items-2 .swiper-slide .item-image{left:10%}.ingredients-wrapper .container-h.inactive.items-2 .swiper-slide.new:after{width:20%;height:30%;left:auto;right:48%;top:45%}.ingredients-wrapper .container-h.inactive.items-2 .swiper-slide.clicked:after{left:31%;width:53.5%}.ingredients-wrapper .container-h.inactive.items-2 .swiper-slide:first-child .item-image{left:auto;right:10%}.ingredients-wrapper .container-h.inactive.items-2 .swiper-slide:first-child.new:after{left:68%;right:auto}.ingredients-wrapper .container-h.inactive.items-2 .swiper-slide:first-child.clicked:after{left:auto;right:-19%}.ingredients-wrapper .cupcake .container-h .swiper-slide .item-image,.ingredients-wrapper .frosting .container-h .swiper-slide .item-image,.ingredients-wrapper .decoration .container-h .swiper-slide .item-image,.ingredients-wrapper .takeaway .container-h .swiper-slide .item-image{-moz-transform:translateY(-50%) scale(1);-ms-transform:translateY(-50%) scale(1);-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1)}.ingredients-wrapper .cupcake .container-h .swiper-slide.new:after,.ingredients-wrapper .frosting .container-h .swiper-slide.new:after,.ingredients-wrapper .decoration .container-h .swiper-slide.new:after,.ingredients-wrapper .takeaway .container-h .swiper-slide.new:after{-moz-transform:translate(40%, -120%) scale(1);-ms-transform:translate(40%, -120%) scale(1);-webkit-transform:translate(40%, -120%) scale(1);transform:translate(40%, -120%) scale(1)}.ingredients-wrapper .cupcake .container-h .swiper-slide.clicked:after,.ingredients-wrapper .frosting .container-h .swiper-slide.clicked:after,.ingredients-wrapper .decoration .container-h .swiper-slide.clicked:after,.ingredients-wrapper .takeaway .container-h .swiper-slide.clicked:after{-moz-transform:translate(-50%, 0%) scale(1);-ms-transform:translate(-50%, 0%) scale(1);-webkit-transform:translate(-50%, 0%) scale(1);transform:translate(-50%, 0%) scale(1)}.ingredients-wrapper .cupcake.swiper-slide-active .container-h .swiper-slide .item-image,.ingredients-wrapper .frosting.swiper-slide-active .container-h .swiper-slide .item-image,.ingredients-wrapper .decoration.swiper-slide-active .container-h .swiper-slide .item-image,.ingredients-wrapper .takeaway.swiper-slide-active .container-h .swiper-slide .item-image{-moz-transform:translateY(-50%) scale(1.2);-ms-transform:translateY(-50%) scale(1.2);-webkit-transform:translateY(-50%) scale(1.2);transform:translateY(-50%) scale(1.2)}.ingredients-wrapper .cupcake.swiper-slide-active .container-h .swiper-slide.new:after,.ingredients-wrapper .frosting.swiper-slide-active .container-h .swiper-slide.new:after,.ingredients-wrapper .decoration.swiper-slide-active .container-h .swiper-slide.new:after,.ingredients-wrapper .takeaway.swiper-slide-active .container-h .swiper-slide.new:after{-moz-transform:translate(40%, -120%) scale(1.2);-ms-transform:translate(40%, -120%) scale(1.2);-webkit-transform:translate(40%, -120%) scale(1.2);transform:translate(40%, -120%) scale(1.2)}.ingredients-wrapper .cupcake.swiper-slide-active .container-h .swiper-slide.clicked:after,.ingredients-wrapper .frosting.swiper-slide-active .container-h .swiper-slide.clicked:after,.ingredients-wrapper .decoration.swiper-slide-active .container-h .swiper-slide.clicked:after,.ingredients-wrapper .takeaway.swiper-slide-active .container-h .swiper-slide.clicked:after{-moz-transform:translate(-50%, 0%) scale(1.2);-ms-transform:translate(-50%, 0%) scale(1.2);-webkit-transform:translate(-50%, 0%) scale(1.2);transform:translate(-50%, 0%) scale(1.2)}.ingredients-wrapper .cupcake.swiper-slide-active .container-h .swiper-slide.clicked .item-image,.ingredients-wrapper .frosting.swiper-slide-active .container-h .swiper-slide.clicked .item-image,.ingredients-wrapper .decoration.swiper-slide-active .container-h .swiper-slide.clicked .item-image,.ingredients-wrapper .takeaway.swiper-slide-active .container-h .swiper-slide.clicked .item-image{-moz-transform:translateY(-50%) scale(1.35);-ms-transform:translateY(-50%) scale(1.35);-webkit-transform:translateY(-50%) scale(1.35);transform:translateY(-50%) scale(1.35)}.ingredients-wrapper .cupcake{background-image:linear-gradient(#7fc7ff,#7d86c4)}.ingredients-wrapper .frosting{background-image:linear-gradient(#ffde14,#fb960f)}.ingredients-wrapper .decoration{background-image:linear-gradient(#29e8a7,#289c80)}.ingredients-wrapper .takeaway{background-image:linear-gradient(#faa763,#f77c51)}