body {
    overflow-y: auto;
    background-size:100%;
    background-position:top center;
    background-color:#636363;
    background-attachment: fixed;
}
header {
    background:transparent;
    z-index: 99;
    position: relative;
}
footer {
    z-index: 99;
    position: relative;
    margin-top:0px;
}
.form-check {
    max-width: 480px;
    width:100%;
    margin: 0 auto;
    padding: 40px;
    background: #fff;
    border-radius: 10px;
    margin-bottom: 20px;
}
.front-image-holder {
  background: url(../images/grass.png) repeat-x bottom; 
}
#game-holder {
  width:100%;
  overflow-x: hidden;
  background: url(../images/grass.png) repeat-x bottom; 
}
@media (max-width:1200px) {
    #game-holder {
        overflow-x: auto;
    }
}
.game-holder {
    position:relative;
    height:400px;
    width:1200px;
    margin:0 auto;
}
.wallpaper {
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background:url(../images/products/background.jpg?v=2) no-repeat bottom center;
    background-size:100%;
    z-index:0;
}
.grass {
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    top:0;
    pointer-events: none;
    background-size:100%;
}
.products  {
    position:absolute;
    left:0;
    right:0;
    bottom:0;
}
.grass-01 {
    background:url(../images/products/grass-01.png) no-repeat center bottom;
    z-index: 2;
}
.grass-02 {
    background:url(../images/products/grass-02.png) no-repeat center bottom;
}
.grass-03 {
    background:url(../images/products/grass-03.png) no-repeat center bottom;
}
.grass-04 {
    background:url(../images/products/grass-04.png) no-repeat center bottom;
}
.products-01 {
    bottom:160px;
}
.products-02 {
    bottom:80px;
}
.products-03 {
    bottom:125px;
}
.products-04 {
    bottom:120px;
}
.basket-holder {
    width: 318px;
    height:338px;
    position:relative;
    margin:0 auto;
    background: url(../images/products/basket.png) no-repeat 50% 50%;
    pointer-events: none;
    overflow:hidden;
}

.basket-front {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background: url(../images/products/basket-front.png) no-repeat bottom center;
    pointer-events: none;
    z-index: 2;
}
.basket-drop {
  position:absolute;
  top: 45px;
  bottom: 75px;
  left: 35px;
  right: 35px;
}
.left {
    position:absolute;
    left:50%;
    transform:translateX(-100%);
    margin-left:-260px;
}
.right {
    position:absolute;
    left:50%;
    margin-left:260px;
}
.image {
  position:absolute;
  transform-origin: center;
}
.ui-draggable-disabled {
  position:absolute;
  filter: grayscale(100%);
}

.tortina-original {
  transform-origin: center;
  transform: scale(0.55) rotate(-15deg);
  right: -55px;
}
.chocolate-napolitaner {
  transform-origin: center;
  transform:  scale(0.55) rotate(-40deg);
  left: -35px;
  bottom: -106px;
}
.waffers-napolitaner {
  transform-origin: center;
  transform:  scale(0.55) rotate(15deg);
  z-index:2;
  left: -150px;
}
.tortina-white {
  transform-origin: center;
  transform:  scale(0.55) rotate(15deg);
  z-index:1;
}
.chocolate-milk {
  transform-origin: center;
  transform:  scale(0.55) rotate(-40deg);
  left: 140px;
  z-index: 2;
  top: 10px;
}

.waffles-vanillle {
  right: 32px;
  bottom: 0px;
  transform-origin: center;
  transform:  scale(0.55) rotate(-15deg);
}
.chocolate-creamkakao {
  transform-origin: center;
  transform:  scale(0.55) rotate(40deg);  
  right: -70px;
  bottom: 0px;
}
.chocolate-dark {
  bottom: 20px;
  right:-125px;
  transform-origin: center;
  transform:  scale(0.55) rotate(-15deg);
}
.tortina-mini-original {
  left:85px;
  bottom: -20px;
  transform-origin: center;
  transform:  scale(0.55);
}

.tortina-mini-dark {
  right: 166px;
  bottom: -30px;
  transform-origin: center;
  transform:  scale(0.55);
}
.gran-pasticeria-orange {
  right: -80px;
  transform-origin: center;
  transform:  scale(0.55) rotate(22deg);
  bottom:0;
}
.waffles-creamkakao {
  left: -80px;
  transform-origin: center;
  transform:  scale(0.55) rotate(10deg);
  bottom:-20px;
}
.rose {
  left: -130px;
  bottom: -20px;
  transform-origin: center;
  transform:  scale(0.55);
}
.gran-pasticeria-cappucino {
  left: 100px;
  transform-origin: center;
  transform:  scale(0.55) rotate(80deg);
  bottom: 15px;
}
.gran-pasticeria-dark {
  left: 65px;
  transform-origin: center;
  transform:  scale(0.55) rotate(102deg);
  bottom: 0;
}

.gran-pasticeria-coconut {
  right: -55px;
  transform-origin: center;
  transform:  scale(0.55) rotate(80deg);
  bottom: 20px;
}
.choco-minis {
  right:-60px;
  bottom: 0px;
  transform-origin: center;
  transform:  scale(0.55);
}

.basket-drop img {
  transform-origin: center;
    transform:  scale(0.55) rotate(90deg);
  position:absolute;
  bottom:0px;
  right:unset;
  left:unset;
  top:unset;
}

.basket-drop img.choco-minis,
.basket-drop img.rose,
.basket-drop img.tortina-mini-dark,
.basket-drop img.tortina-mini-original {
  transform: scale(0.55) rotate(0);
}

.ui-dialog-content {
	text-align: center;
  padding: 40px!important;
}

.gold-button {
  margin-top: 20px;
  display: inline-block;
}

.finger {
  display:none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255,255,255,0.4);
  z-index: 98;
}

.finger img {
  position:absolute;
  left:50%;
  top:50%;
  margin-left:-200px;
  margin-top:-100px;
  transition:all 2s ease-in-out;
}

.finger img.moved {
  margin-left:200px;
}