@import url("https://fonts.googleapis.com/css?family=Kaushan+Script");#jeu_cadeau{background:#bebebe;height:50vh;font-family:Helvetica,Arial,cursive;position:relative}#jeu_cadeau canvas#canvas,#jeu_cadeau div#beach{position:absolute;top:0;left:0;width:100%;height:50%}#jeu_cadeau .giftbox{position:absolute;width:300px;height:200px;left:50%;margin-left:-150px;bottom:40px;z-index:10}@media (max-width:768px){#jeu_cadeau .giftbox{width:200px;height:100px;margin-left:-100px}}#jeu_cadeau .giftbox>div{background:#34495e;position:absolute}#jeu_cadeau .giftbox>div:after,#jeu_cadeau .giftbox>div:before{position:absolute;content:"";top:0}#jeu_cadeau .giftbox:after{position:absolute;color:#fff;width:100%;content:"Ouvrez-moi !";left:0;bottom:0;font-size:25px;text-align:center;transform:rotate(-15deg);transform-origin:0 0}#jeu_cadeau .giftbox:after:hover{zoom:20%}#jeu_cadeau .giftbox .cover{width:100%;top:0;left:0;height:25%;z-index:2}#jeu_cadeau .giftbox .cover:before{position:absolute;height:100%;left:50%;width:50px;transform:translateX(-50%);background:#fdc56d}#jeu_cadeau .giftbox .cover>div{position:absolute;width:50px;height:50px;left:50%;top:-50px;transform:translateX(-50%)}#jeu_cadeau .giftbox .cover>div:after,#jeu_cadeau .giftbox .cover>div:before{position:absolute;left:0;top:0;width:100%;height:100%;content:"";box-shadow:inset 0 0 0 15px #fdc56d;border-radius:30px;transform-origin:50% 100%}#jeu_cadeau .giftbox .cover>div:before{transform:translateX(-45%) skewY(40deg)}#jeu_cadeau .giftbox .cover>div:after{transform:translateX(45%) skewY(-40deg)}#jeu_cadeau .giftbox .box{right:5%;left:5%;height:80%;bottom:0}#jeu_cadeau .giftbox .box:before{width:50px;height:100%;left:50%;transform:translateX(-50%);background:#fdc56d}#jeu_cadeau .giftbox .box:after{width:100%;height:30px;background:rgba(0,0,0,.2)}#jeu_cadeau .icons_gift{left:10px;margin:0 auto;height:350px;display:flex;flex-direction:column;justify-content:center}#jeu_cadeau .icons_gift .row_gift{width:100%;text-align:center}#jeu_cadeau .icons_gift .row_gift span{color:#fff;font-size:55px;display:inline-block;opacity:0;transition:transform .5s ease-in,opacity .7s}@media screen and (max-width:1400px){#jeu_cadeau .icons_gift .row_gift span{font-size:42px}}#jeu_cadeau .step-1 .giftbox{animation:wobble .5s linear infinite forwards}#jeu_cadeau .step-1 .cover{animation:wobble .5s linear .1s infinite forwards}#jeu_cadeau .step-1 .icons_gift .row_gift span{opacity:1}#jeu_cadeau .step-2 .giftbox:after{opacity:0}#jeu_cadeau .step-3 .giftbox,#jeu_cadeau .step-4 .giftbox{opacity:0;z-index:1}#jeu_cadeau .step-3 .giftbox:after,#jeu_cadeau .step-4 .giftbox:after{opacity:0}#jeu_cadeau .step-2 .giftbox .cover{animation:flyUp .4s ease-in forwards}#jeu_cadeau .step-2 .giftbox .box{animation:flyDown .2s ease-in .05s forwards}@keyframes wobble{25%{transform:rotate(4deg)}75%{transform:rotate(-2deg)}}@keyframes flyUp{75%{opacity:1}to{transform:translateY(-1000px) rotate(20deg);opacity:0}}@keyframes flyDown{75%{opacity:1}to{transform:translateY(100%);opacity:0}}#jeu_cadeau .step-1 .icons_gift .row_gift span{opacity:0}#jeu_cadeau .step-1 .icons_gift .row_gift span:first-child{transform:translateY(700%) translateX(600%)}#jeu_cadeau .step-1 .icons_gift .row_gift span:nth-child(2){transform:translateY(700%) translateX(500%)}#jeu_cadeau .step-1 .icons_gift .row_gift span:nth-child(3){transform:translateY(700%) translateX(400%)}#jeu_cadeau .step-1 .icons_gift .row_gift span:nth-child(4){transform:translateY(700%) translateX(300%)}#jeu_cadeau .step-1 .icons_gift .row_gift span:nth-child(5){transform:translateY(700%) translateX(200%)}#jeu_cadeau .step-1 .icons_gift .row_gift span:nth-child(6){transform:translateY(700%) translateX(100%)}#jeu_cadeau .step-1 .icons_gift .row_gift span:nth-child(7){transform:translateY(700%) translateX(0)}#jeu_cadeau .step-1 .icons_gift .row_gift span:nth-child(8){transform:translateY(700%) translateX(-100%)}#jeu_cadeau .step-1 .icons_gift .row_gift span:nth-child(9){transform:translateY(700%) translateX(-200%)}#jeu_cadeau .step-1 .icons_gift .row_gift span:nth-child(10){transform:translateY(700%) translateX(-300%)}#jeu_cadeau .step-1 .icons_gift .row_gift span:nth-child(11){transform:translateY(700%) translateX(-400%)}#jeu_cadeau .step-1 .icons_gift .row_gift span:nth-child(12){transform:translateY(700%) translateX(-500%)}#jeu_cadeau .step-1 .icons_gift .row_gift span:nth-child(13){transform:translateY(700%) translateX(-600%)}#jeu_cadeau .step-2 .icons_gift .row_gift span:nth-child(2){transition-delay:.1s}#jeu_cadeau .step-2 .icons_gift .row_gift span:nth-child(3){transition-delay:.15s}#jeu_cadeau .step-2 .icons_gift .row_gift span:nth-child(4){transition-delay:.2s}#jeu_cadeau .step-2 .icons_gift .row_gift span:nth-child(5){transition-delay:.25s}#jeu_cadeau .step-2 .icons_gift .row_gift span:nth-child(6){transition-delay:.3s}#jeu_cadeau .step-2 .icons_gift .row_gift span:nth-child(7){transition-delay:.35s}#jeu_cadeau .step-2 .icons_gift .row_gift span:nth-child(8){transition-delay:.4s}#jeu_cadeau .step-2 .icons_gift .row_gift span:nth-child(9){transition-delay:.45s}#jeu_cadeau .step-2 .icons_gift .row_gift span:nth-child(10){transition-delay:.5s}#jeu_cadeau .step-2 .icons_gift .row_gift span:nth-child(11){transition-delay:.55s}#jeu_cadeau .step-2 .icons_gift .row_gift span:nth-child(12){transition-delay:.6s}#jeu_cadeau .step-2 .icons_gift .row_gift span:nth-child(13){transition-delay:.65s}#jeu_cadeau .step-2 .icons_gift span,#jeu_cadeau .step-3 .icons_gift span,#jeu_cadeau .step-4 .icons_gift span{opacity:1;transition-timing-function:cubic-bezier(0,0,.2,.91)}#jeu_cadeau .step-3 .icons_gift .row_gift span:nth-child(2n),#jeu_cadeau .step-4 .icons_gift .row_gift span:nth-child(2n){animation-duration:.7s}