body,html{
    margin:0px;
    padding:0px;
    height:100%;
    width:100%;
  }
  body{
    /*overflow:hidden;*/
    height:100%;
    width:100%;
    min-width: 1024px;
	-o-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	transition: all 0.6s ease;
  }

  html {
    background-color: #130b18;
    background-color: #000000;
  }
  body {
    background-color: #fff;
  }
  #page .eggs_outer{
	font-family: Georgia, sans-serif!important;
	min-height: 1024px;
	margin: 0 auto;
  }
#page .eggs_outer .eggs_back_red{
  background: url('img2/back_red.jpg') center top no-repeat;
  background-size: cover;
  min-height: 1024px;
  height: 100vh;
  position: absolute;
  width: 100%;
  min-width: 1024px;
  height: 100vh;
  z-index: 1;
  opacity: 0;
  -o-transition: all 0.8s ease;
	-ms-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-webkit-transition: all 0.8s ease;
	transition: all 0.8s ease;
}
#page .eggs_outer .eggs_back_white{
  background: url('img2/back_white.jpg') center top no-repeat;
  background-size: cover;
  min-height: 1024px;
  height: 100vh;
  position: absolute;
  width: 100%;
  min-width: 1024px;
  z-index: 1;
  opacity: 0;
  	-o-transition: all 0.8s ease;
	-ms-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-webkit-transition: all 0.8s ease;
	transition: all 0.8s ease;
}
#page .eggs_outer .eggs_back_green{
  background: url('img2/back_green.jpg') center top no-repeat;
  background-size: cover;
  min-height: 1024px;
  height: 100vh;
  position: absolute;
  width: 100%;
  min-width: 1024px;
  z-index: 1;
  opacity: 0;
  	-o-transition: all 0.8s ease;
	-ms-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-webkit-transition: all 0.8s ease;
	transition: all 0.8s ease;
}
#page .eggs_outer .eggs_back.act{
	opacity: 1;
	z-index: 2;
	-o-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
  #page .eggs_outer .eggs_inner{
    min-height: 1024px;
    width: 1024px;
    margin: 0 auto;
    position: relative;
    z-index: 10;
  }
  a{
    color:#9bde07;
  }
#content{
    min-height: 1024px;
}
#content .ttl{
    width: 872px;
    margin: 0px auto;
    padding-top: 70px;
    margin-bottom: 18px;
}
#content .ttl_fr{
  width: 1000px;
}
#content .ttl_cz{
  width: 930px;
}
#content .eggs{
    width: 341px;
    height: 450px;
    float: left;
    cursor: pointer;
}
#content .red{
  background: url('img2/red_eg.png');
  background-size: 341px auto;
  background-repeat: no-repeat;
}
#content .red.acts, #content .red:hover{
  background: url('img2/redhover.png');
  background-size: 341px auto;
   background-repeat: no-repeat;
}
#content .green{
  background: url('img2/green_eg.png');
  background-size: 341px auto;
   background-repeat: no-repeat;
}
#content .green.acts, #content .green:hover{
  background: url('img2/greenhover.png');
  background-size: 341px auto;
   background-repeat: no-repeat;
}
#content .white{
  background: url('img2/white_eg.png');
  background-size: 341px auto;
   background-repeat: no-repeat;
}
#content .white.acts, #content .white:hover{
	background: url('img2/whitehover.png');
	background-size: 341px auto;
	background-repeat: no-repeat;
}
.blur_outer{
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}
#content .form_outer{
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  padding-top: 5px;
  z-index: 100;
}
#content .form_outer .close{
    color: transparent;
    position: absolute;
    right: 15%;
    top: 8%;
    font-size: 0.01px;
    cursor: pointer;
    background: url(img/close_btn.png);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width: 89px;
    height: 85px;
    z-index: 121;
}
#content .form_outer #osdk-auth-widget-holder{
  margin: 0 auto;
  padding-top: 50px;
}
#esprit-auth-widget-holder {
    position: absolute !important;
    top: 120px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    z-index: 120;
}
#lnd-footer{
  font-size:12px;
  margin-bottom: 3em;
  text-align:center;
  color:#aaa;
	font-family: Georgia, sans-serif!important;
}

.eggs_outer_mob,
.showing{
  display: none;
}

@media (max-device-width: 960px), (max-width: 960px){
	#esprit-auth-widget-holder{
		top: 78px;
		left: -9999px;
		right: -9999px;
	}
	body {
		width: 100%;
		min-width: 100%;
	}
	.eggs_outer{
		display: none;
	}
	.eggs_inner_mob{
		width: 100%;
	}
	.eggs_outer_mob{
		display: block;
		-o-transition: all 0.8s ease;
		-ms-transition: all 0.8s ease;
		-moz-transition: all 0.8s ease;
		-webkit-transition: all 0.8s ease;
		transition: all 0.8s ease;
		background: url('img2/mob/red_back.jpg');
		background-position: center 0px;
		background-repeat: no-repeat;
		background-size: cover;
		width: 100%;
		height: 100vh;
	}
	.eggs_outer_mob:before{
		content: '';
		position: absolute;
		top: 0px;
		left: 0px;
		display: block;
		width: 12%;
		height: 100vh;
		z-index: 12;
	}
	.eggs_outer_mob:after{
		content: '';
		position: absolute;
		top: 0px;
		right: 0px;
		display: block;
		width: 12%;
		height: 100vh;
		z-index: 12;
	}
	.s0,
	.s3{
		background: url('img2/mob/red_back.jpg');
		background-position: center 0px;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.s1,
	.s4{
		background: url('img2/mob/green_back.jpg');
		background-position: center 0px;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.s2,
	.s5{
		background: url('img2/mob/blue_back.jpg');
		background-position: center 0px;
		background-repeat: no-repeat;
		background-size: cover;
	}


  	#content .red{
		background: url('img2/red_eg.png');
		background-position: center 0px;
		background-size: 356px auto;
		background-repeat: no-repeat;
	}
	#content .red.slick-current, #content .red:hover{
		background: url('img2/redhover.png');
		background-position: center 0px;
		background-size: 356px auto;
		background-repeat: no-repeat;
	}
	#content .green{
		background: url('img2/green_eg.png');
		background-position: center 0px;
		background-size: 356px auto;
		background-repeat: no-repeat;
	}
	#content .green.slick-current, #content .green:hover{
		background: url('img2/greenhover.png');
		background-position: center 0px;
		background-size: 356px auto;
		background-repeat: no-repeat;
	}
	#content .white{
		background: url('img2/white_eg.png');
		background-position: center 0px;
		background-size: 356px auto;
		background-repeat: no-repeat;
	}
	#content .white.slick-current, #content .white:hover{
		background: url('img2/whitehover.png');
		background-position: center 0px;
		background-size: 356px auto;
		background-repeat: no-repeat;
	}

	#content .eggs_outer_mob>img{
		display: block;
		margin: 0 auto;
		max-width: 100%;
	}
	#content .eggs_mob{
		width: 356px;
		width: 324px;
		height: 387px;
		background-position: center 0px;
	}
	#content .eggs_mob:hover{
		background-position: center 0px;
		background-size: 356px auto;
	}
	.showing{
		display: block;
		background: url('img2/mob/finger_icon.png');
		background-position: center 0px;
		background-size: auto;
		background-repeat: no-repeat;
		width: 238px;
		height: 172px;
		margin: 0 auto;
		position: fixed;
		right: 0px;
		left: 0px;
		bottom: 0px;
		-o-transition: all 0.6s ease;
		-ms-transition: all 0.6s ease;
		-moz-transition: all 0.6s ease;
		-webkit-transition: all 0.6s ease;
		transition: all 0.6s ease;
		transform: translate(12px, 0px);
		-webkit-animation: 1s linear 0s infinite alternate move_stop;
		-moz-animation: 1s linear 0s infinite alternate move_stop;
		-o-animation: 1s linear 0s infinite alternate move_stop;
		animation: 1s linear 0s infinite alternate move_stop;
	}

	@keyframes move_stop { 
	    0% { 
	    	transform: translate(12px, 0px);
	    }
	    25% { 
	        transform: translate(-12px, 0px);
	    } 
	    50% { 
	        transform: translate(12px, 0px);
	    }
	    100% { 
	        transform: translate(-12px, 0px);
	    }  
	}


}

@media (max-device-width: 600px), (max-width: 600px){
	html{
		height: 100vh;
		overflow: hidden;
	}
	#content .form_outer .close{
		position: absolute;
		right: 0px;
		left: 0px;
		margin: 0 auto;
		top: 24px;
	}
	#content .eggs_mob,
	#content .eggs_mob:hover {
	    background-position: center 0px;
	    background-size: 356px auto;
	    width: 288px;
	    margin: 0px -8px;
	}
}