/*PCTOP
----------------------*/

.z-index{z-index: 2 !important;}
.over_hidden{overflow: hidden !important;}

#contents{
	background: #fff;
}

#wrapperIn{
	position: relative;

}

#mainVisualTopWrap{
	z-index: auto;
	margin-bottom: 0px;
	padding-bottom: 5px;
	background: #fff;
}



.nuggets_rope_wrapepr{
	position: absolute;
	z-index: 99999;

}
.nuggets_index{
	top: -2100px;
	left: 10px;
	transform-origin: top 1000px;

	animation-name: nuggets_index;
	animation-duration: 5.2s;
	animation-fill-mode: forwards;
	animation-timing-function: cubic-bezier(.57,.62,.44,.92);
	animation-iteration-count: 1
}

@keyframes nuggets_index {
	0%{transform: rotate(-60deg);}
	52%{transform: rotate(3deg);}
	54%{transform: rotate(3.1deg);}
	72%{transform: rotate(-0.6deg);}
	74%{transform: rotate(-0.7deg);}
	84%{transform: rotate(0.3deg);}
	91%{transform: rotate(-0.2deg);}
	94%{transform: rotate(0.1deg);}
	97%{transform: rotate(-0.1deg);}
	99%{transform: rotate(0deg);}
	100%{transform: rotate(0deg);}
}

.nuggets_index_up{
	animation-name: nuggets_index_up;
	animation-duration: 2s;
	animation-fill-mode: forwards;
	animation-timing-function: cubic-bezier(.57,.62,.44,.92);
	animation-iteration-count: 1
}

@keyframes nuggets_index_up {
	0%{top: -2100px;}
	10%{top: -2110px;}
	15%{top: -2110px;}
	20%{top: -2120px;}
	25%{top: -2120px;}
	35%{top: -2000px;}
	100%{top: -9000px;}
}


.nuggets_side_wrapper{
	position: absolute;
	z-index: -1;
	width: 72px;
}

.nuggets_side_wrapper a{
	display: block;
	width: 72px;
}

.nuggets_side_wrapper img{
	width: 100%;
}

.nuggets_index_side{
	bottom: -115px;
	left: -63px;

	animation-name: nuggets_index_side;
	animation-duration: 2s;
	animation-fill-mode: forwards;
	animation-timing-function: cubic-bezier(.57,.62,.44,.92);
	animation-iteration-count: 1
}

@keyframes nuggets_index_side {
	0%{left: 20px;}
	100%{left: -63px;}
}

.nuggets_index_side_up{
	animation-name: nuggets_index_side_up;
	animation-duration: 2s;
	animation-fill-mode: forwards;
	animation-timing-function: cubic-bezier(.57,.62,.44,.92);
	animation-iteration-count: infinite;
}

@keyframes nuggets_index_side_up {
	0%{bottom: -115px;}
	10%{bottom: -105px;}
	15%{bottom: -115px;}
	20%{bottom: -105px;}
	25%{bottom: -115px;}
	100%{bottom: -115px;}
}



/*SIDEMENU
----------------------*/
.nuggets_sidemenu_wrapper img{
	width: 70px;
}

.nuggets_sidemenu_wrapper img.children{
	width: 50px;
}

.nuggets_sidemenu_wrapper{
	position: absolute;
	left: 40%;
	z-index: 99999;
	top: -4px;
}


.nuggets_sidemenu_down{
	animation-name: nuggets_sidemenu_down;
	animation-duration: 3s;
	animation-delay: 4s;
	animation-fill-mode: forwards;
	animation-timing-function: cubic-bezier(.57,.62,.44,.92);
	animation-iteration-count: 1;
}

@keyframes nuggets_sidemenu_down{
	0%{top: -4px;}
	10%{top: -4px;}
	15%{top:10px;}
	20%{top: 18px;}
	30%{top: 50px;}
	100%{top: 6000px;}
}

.nuggets_sidemenu_shake1{
	animation-name: nuggets_sidemenu_shake1;
	animation-duration: 2s;
	animation-fill-mode: forwards;
	animation-timing-function: cubic-bezier(.57,.62,.44,.92);
	animation-iteration-count: 1;
	transform-origin: center;
}

@keyframes nuggets_sidemenu_shake1 {
	0%{transform: rotate(0deg);}
	25%{transform: rotate(0deg);}
	35%{transform: rotate(5deg);}
	45%{transform: rotate(-5deg);}
	55%{transform: rotate(5deg);}
	65%{transform: rotate(-5deg);}
	75%{transform: rotate(0deg);}
}

.nuggets_sidemenu_shake2{
	animation-name: nuggets_sidemenu_shake2;
	animation-duration: 2s;
	animation-fill-mode: forwards;
	animation-timing-function: cubic-bezier(.57,.62,.44,.92);
	animation-iteration-count: 1;
	transform-origin: center;
}

@keyframes nuggets_sidemenu_shake2 {
	0%{transform: rotate(0deg);}
	35%{transform: rotate(0deg);}
	45%{transform: rotate(2deg);}
	55%{transform: rotate(-2deg);}
	65%{transform: rotate(2deg);}
	75%{transform: rotate(-2deg);}
	85%{transform: rotate(0deg);}
}

.nuggets_sidemenu_up_wapper{
	position: absolute;
	overflow: hidden;
	width: 300px;
	height: 106px;
	top: 64px;
	left: 324px;
}

.nuggets_sidemenu_up_in{
	position: absolute;
	top: 130px;
	animation-name: nuggets_sidemenu_up_in;
	animation-duration: 2.5s;
	animation-fill-mode: forwards;
	animation-timing-function: cubic-bezier(.57,.62,.44,.92);
	animation-iteration-count: 1;
}

.nuggets_sidemenu_up_in img{
	width: 200px;
}

@keyframes nuggets_sidemenu_up_in {
	0%{top:130px;}
	100%{top:3px;}
}


/*SIDE MORNING
---------------------------*/

.nuggets_sidemorning_up_wapper{
	position: absolute;
	overflow: hidden;
	width: 300px;
	height: 127px;
	top: 46px;
	left: 80px;
}

.nuggets_sidemorning_up_in img{
	width: 220px;
}

.nuggets_sidemorning_up_in{
	position: absolute;
	top: 130px;
	animation-name: nuggets_sidemenu_up_in;
	animation-duration: 2.5s;
	animation-fill-mode: forwards;
	animation-timing-function: cubic-bezier(.57,.62,.44,.92);
	animation-iteration-count: 1;
}

@keyframes nuggets_sidemenu_up_in {
	0%{top:130px;}
	100%{top:3px;}
}

.nuggets_sidemorning_right{
	position: absolute;
	top: 50px;
	left: -63px;
	animation-name: nuggets_sidemorning_right;
	animation-duration: 2s;
	animation-fill-mode: forwards;
	animation-timing-function: cubic-bezier(.57,.62,.44,.92);
	animation-iteration-count: 1;
}

@keyframes nuggets_sidemorning_right {
	0%{left: -63px;}
	100%{left: 0px;}
}

.nuggets_sidemorning_right_wapper img.children{
	width: 50px;
	position: absolute;
	top: 40px;
}

/*MORNING
---------------------------*/
.nuggets_morning_wrapper{
	position: absolute;
	left: 5px;
	top: 50px;
}

.nuggets_morning_wrapper img.gets{
	width: 80px;
	top: -3000px;
	position: absolute;
}

.nuggets_morning_wrapper img.children{
	width: 75px;
	position: absolute;
	left: 40px;
	top: -3000px;
}

.nuggets_morning_down1{
	animation-name: nuggets_morning_down1;
	animation-duration: 2.4s;
	animation-fill-mode: forwards;
	animation-timing-function: cubic-bezier(.57,.62,.44,.92);
	animation-iteration-count: 1;
}

@keyframes nuggets_morning_down1 {
	0%{top: -3000px;}

	75%{top: -10px;}
	80%{top: 10px;}
	90%{top: -5px;}
	100%{top: 0px;}
}

.nuggets_morning_down2{
	animation-name: nuggets_morning_down2;
	animation-duration: 1.8s;
	animation-fill-mode: forwards;
	animation-timing-function: cubic-bezier(.57,.62,.44,.92);
	animation-iteration-count: 1;
}

@keyframes nuggets_morning_down2 {
	0%{top: -3000px;}
	75%{top: -110px;}
	80%{top: -95px;}
	90%{top: -105px;}
	100%{top: -100px;}
}

.nuggets_morning_up1{
	animation-name: nuggets_morning_up1;
	animation-duration: 2.4s;
	animation-fill-mode: forwards;
	animation-timing-function: cubic-bezier(.57,.62,.44,.92);
	animation-iteration-count: infinite;
}

@keyframes nuggets_morning_up1 {
	0%{top: 0px;}
	5%{top: -10px;}
	10%{top: 0px;}
	15%{top: -10px;}
	20%{top: 0px;}
	100%{top: 0px;}
}

.nuggets_morning_up2{
	animation-name: nuggets_morning_up2;
	animation-duration: 2.5s;
	animation-fill-mode: forwards;
	animation-timing-function: cubic-bezier(.57,.62,.44,.92);
	animation-iteration-count: infinite;
}

@keyframes nuggets_morning_up2 {
	0%{top: -100px;}
	5%{top: -110px;}
	10%{top: -100px;}
	15%{top: -110px;}
	20%{top: -100px;}
	100%{top: -100px;}
}

/*HAPPYSET
---------------------------*/


.nuggets_hs_wrapper{
	position: absolute;
	left: 5px;
	top: -590px
}

.nuggets_hs_wrapper img.gets{
	width: 80px;
	top: -3000px;
	position: absolute;
}

.nuggets_hs_down1{
	animation-name: nuggets_hs_down1;
	animation-duration: 1.8s;
	animation-fill-mode: forwards;
	animation-timing-function: cubic-bezier(.57,.62,.44,.92);
	animation-iteration-count: 1;
}

@keyframes nuggets_hs_down1 {
	0%{top: -3000px;}
	70%{top: -70px;}
	80%{top: -100px;}
	90%{top: -80px;}
	100%{top: -80px;}
}

.nuggets_hsmain_wrapper{
	position: absolute;
	left: 150px;
	top: 387px;
	width: 60px;
	height: 170px;
	overflow: hidden;
}

.nuggets_hsmain_wrapper img.children{
	width: 45px;
}

.nuggets_hs_right{
	position: absolute;
	top: 20px;
	animation-name: nuggets_hs_right;
	animation-duration: 2s;
	animation-fill-mode: forwards;
	animation-timing-function: cubic-bezier(.57,.62,.44,.92);
	animation-iteration-count: 1;
}

@keyframes nuggets_hs_right {
	0%{left: -50px;}
	100%{left: 0px;}
}


.nuggets_hs_up1{
	animation-name: nuggets_hs_up1;
	animation-duration: 2.5s;
	animation-fill-mode: forwards;
	animation-timing-function: cubic-bezier(.57,.62,.44,.92);
	animation-iteration-count: infinite;
}

@keyframes nuggets_hs_up1 {
	0%{top: -80px;}
	5%{top: -90px;}
	10%{top: -80px;}
	15%{top: -90px;}
	20%{top: -80px;}
	100%{top: -80px;}
}

.nuggets_hs_up2{
	animation-name: nuggets_hs_up2;
	animation-duration: 2.5s;
	animation-fill-mode: forwards;
	animation-timing-function: cubic-bezier(.57,.62,.44,.92);
	animation-iteration-count: infinite;
}

@keyframes nuggets_hs_up2 {
	0%{top: 20px;}
	5%{top: 10px;}
	10%{top: 20px;}
	15%{top: 10px;}
	20%{top: 20px;}
	100%{top: 20px;}
}


/*HAPPYSET MORNING
---------------------------*/


.nuggets_hsm_up_wapper{
	position: absolute;
	overflow: hidden;
	width: 300px;
	height: 82px;
	top: 298px;
	left: 354px;
}

.nuggets_hsm_up_in{
	position: absolute;
	top: 130px;
	animation-name: nuggets_hsm_up_in;
	animation-duration: 2.5s;
	animation-fill-mode: forwards;
	animation-timing-function: cubic-bezier(.57,.62,.44,.92);
	animation-iteration-count: 1;
}

@keyframes nuggets_hsm_up_in {
	0%{top:130px;}
	100%{top:3px;}
}

.nuggets_hsm_up_wapper img{
	width: 150px;
}