@charset "utf-8";
/* Global Styles */
.banner{
	width: 700px;
	height: 800px;
	position: relative;
	background-image: url(../images/Parts/back.png);
    margin: 0 auto;
}

.ball{
	width: 65px;
	height: 65px;
	position: absolute;
	background-image: url(../images/Parts/toy-ball.png);
	background-repeat: no-repeat;
	transition: 0.2s;
	cursor: pointer;
}
.ball:hover{
	transform: scale(1.2);
}
#star.ball {
	background-image: url(../images/Parts/star.png);
	top: 20px;
	left: 287px;
	width: 88px;
	height: 86px;
}
#toy-01 {
	top: 230px;
	left: 370px;
}
#toy-02 {
	top: 280px;
	left: 280px;
}
#toy-03 {
	top: 395px;
	left: 230px;
}
#toy-04 {
	top: 400px;
	left: 340px;
}
#toy-05 {
	top: 355px;
	left: 430px;
}
#toy-06 {
	top: 490px;
	left: 190px;
}
#toy-07 {
	top: 515px;
	left: 345px;
}
#toy-08 {
	top: 455px;
	left: 470px;
}
#toy-09 {
	top: 580px;
	left: 140px;
}
#toy-10 {
	top: 620px;
	left: 230px;
}
#toy-11 {
	top: 625px;
	left: 380px;
}
#toy-12 {
	top: 570px;
	left: 505px;
}

.modal-win {
width: 100%;
height: 100%;
text-align: center;
position: relative;
background-color: rgba(0, 0, 0, 0.66);
display: none;
z-index: 10;
position: fixed;
	align-items: center;
	justify-content: center;
}
.modal-win.active {
display: flex;
}
.present{
	position: absolute;
	top: 94px;
	display: inline-block;
	transition: 0.2s;
	cursor: pointer;
    height: 362px;
    width: 150px;
    transition: 0.2s;
	}
	.present:hover{
		
		}
	#first{
	left: 90px;
	z-index: 2;
    background-image: url(../images/Parts/01.png);
	}
    #first:hover{
    background-image: url(../images/Parts/open-01.png);
	}
	#second{
	left: 255px;
	bottom: 110px;
    background-image: url(../images/Parts/02.png);
	}
        #second:hover{
    background-image: url(../images/Parts/open-02.png);
	}
	#third{
	left: 420px;
	bottom: 119px;
    background-image: url(../images/Parts/03.png);
	}
        #third:hover{
    background-image: url(../images/Parts/open-04.png);
	}
.push-text{
	display: inline-block;
	position: absolute;
	right: 40px;
	top: 60px;
	}
.push-text-second{
display: inline-block;
position: absolute;
right: 225px;
bottom: -10px;
z-index: 1;
	}
	.push-arrow{
display: inline-block;
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
	}
.download:hover {
    transform: scale(1.1);
}
.download {
position: absolute;
bottom: 220px;
left: 200px;
cursor: pointer;
transition: 0.2s;
}

#close {
	position: absolute;
	top: 87px;
	right: 120px;
	color: #fff;
	font-size: 36px;
	cursor: pointer;
	transition: 0.2s;
}
#close:hover {
	transform: scale(1.5);
}
	.overlay{
	position: fixed;
	-webkit-animation: 100s scroll infinite linear;
	-moz-animation: 100s scroll infinite linear;
	-o-animation: 100s scroll infinite linear;
	-ms-animation: 100s scroll infinite linear;
	animation: 100s scroll infinite linear;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../images/Parts/snow.png);
}

	.cert{
		display: block;
		width: 800px;
        height: 700px;
		margin: 0 auto;
		border-radius: 4px;
		background-size: cover;
        position: relative;
	}

.modal-win span {
	background-color: #e0dd5a;
	padding: 6px 8px;
	margin-bottom: 10px;
	display: block;
	width: 140.3%;
	position: relative;
	margin-left: -85px;
	font-weight: bold;
}
.modal-win span:after {
	content: ".";
	position: absolute;
	border-style: solid;
	border-width: 14px 15px;
	border-color: #8c7927 transparent transparent transparent;
	width: 0;
	color: transparent;
	transform: rotate(135deg);
	right: 12px;
	bottom: -18px;
}
.modal-win span:before {
	content: ".";
	position: absolute;
	border-style: solid;
	border-width: 14px 15px;
	border-color: transparent transparent #8c7927 transparent;
	width: 0;
	color: transparent;
	transform: rotate(45deg);
	left: 13px;
	bottom: -18px;
}


@-webkit-keyframes scroll{
  100%{
    background-position:0px 3000px;
  }
}

@-moz-keyframes scroll{
  100%{
    background-position:0px 3000px;
  }
}

@-o-keyframes scroll{
  100%{
    background-position:0px 3000px;
  }
}

@-ms-keyframes scroll{
  100%{
    background-position:0px 3000px;
  }
}

@keyframes scroll{
  100%{
    background-position:0px 3000px;
  }
}