body.home {background-color: black;}
.content {
    margin-top: 0;
    position: relative;
    z-index: 100;
    /* min-height: 916px; */
    overflow: hidden;
}
#page {
    z-index: 1;
    width: 960px;
    /* min-height: 648px; */
    background-image: none;
    border-style: none;
    border-color: #000000;
    background-color: transparent;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
	 img.block
            {
                display: block;
            }
            
      /* Bounce In */
.hvr-bounce-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
           
            
 @keyframes zoom-effect {
 0%   {
    transform: scale(1) ;}
 100% {
    transform: scale(1.5) ;}
  }


.piggy{
  animation: bounce 1s infinite alternate;
  -webkit-animation: bounce 1s infinite alternate;
 
}
.hand {
  animation: bounce 1s infinite alternate;
  -webkit-animation: bounce 1s infinite alternate;
 
}
.submarine {
  animation: bounce 0.5s infinite alternate;
  -webkit-animation: bounce 0.5s infinite alternate;
 
}
.submarine-wiggle {
  animation: wiggle 0.5s infinite alternate;
  -webkit-animation: wiggle 0.5s infinite alternate;
 
}
@keyframes bounce {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-1rem);
  }
}
@-webkit-keyframes bounce {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-1rem);
  }
}


@keyframes wiggle {
  from {
     
     transform: translateY(0px);
  }
  to {
    transform: translateY(-0.15rem);
    
  }   
}
@-webkit-keyframes wiggle {
  from {
     
     transform: translateY(0px);
  }
  to {
    transform: translateY(-0.15rem);
    
  }
}


#wrapper{
   }
.imagezoom{
  z-index: -100;
  min-height: 100%;
  min-width: 100%;
  animation-name: zoom-effect;
  animation-duration: 1.5s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  opacity: 0.4;
}

            
             
    #background_night, #background_day
    {
      /* transition: all .5s; */
      background-size: cover;
      width: 100%;
      height:100%;
      position: absolute;
      z-index: -2;
      background-attachment: scroll;
      background-position: center center;
      background-repeat: no-repeat;
      } 

    
     img.block
            {  display: block;  }
	.gif {
	position: absolute;
	}




#shop_door {
	z-index: 0;
	/* bottom: 0px; */
	position: fixed;
	background-attachment: scroll;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	display: none;
	width: 100%;
	height: 100%;
	/* -webkit-box-shadow: -15px -3px 172px 10px rgba(0,0,0,0.76); */
	-moz-box-shadow: -15px -3px 172px 10px rgba(0,0,0,0.76);
	/* box-shadow: -15px -3px 172px 10px rgba(0,0,0,0.76); */
}	
#black_out {
	position: fixed;
	background-attachment: scroll;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	display: none;
	width: 100%;
	height: 88%;
	background-color: rgba(0,0,0,1);
	opacity: 0.3;

}

#right {
	z-index: 13;
	background-color: transparent;
	position: fixed;
	right: -20%;
	top: 27%;
	width: 10rem;
	}

#middlefront
{
    z-index: 16;
    width: 300px;
    background-color: transparent;
    position: fixed;
    bottom: 0px;
    left: 50%; 
    margin-left: -150px; 
    font-size: 1rem;
    line-height: 1rem;
    height: 37%;
}
#middlefront a { 
display: inline-block;
width: 60px;
text-indent: -20000px;
}
#middlefront img {}
#bottom-right
{
    z-index: 14;
    width: 100px;
    background-color: transparent;
    position: fixed;
    bottom: 0px;
    right: -14px;
    text-align: right;
    height: 35%;
}
#bottom-right img { 
}
#bottom-left
{
    z-index: 10;
    width: 100%;
    background-color: transparent;
    position: fixed;
    bottom: -30px;
    left: -30px;
    pointer-events: none;
}
#bottom-left img {width: 50%;}
.war_is_over {
	z-index: 10;
	background-color: transparent;
	position: fixed;
	left: 93px;
	pointer-events: none;
}
#submarine {  left: -28%; }
#dalek {right: 2px;top: 66%;position: absolute;z-index: 11;width:110px;}
	.piggy {}
	.mekon {}
	#mekon {right: 35%;top: 15%;position: absolute;z-index: 10;}

#middlefront img.enterhand {position:relative}
xa#shopenter::before {
	display:block;
	position:absolute;
	background-color:#4b96d8;
	width:100%;
	height:30px;
	top:140px;
	xright:2px;
	content:"enter...";

}

.floor-elevators {}

@media only screen and (min-width:320px) {
	#right {/* display: none; */}
	#dalek {}
	#middlefront {
    	width: 180px;
    	margin-left: -90px;
   		 text-align: left;
	}
    #middlefront img {
    	width: 50px;
    	padding-bottom: 4rem;
    	float: right;
 }
	#bottom-right {}
    #bottom-right img {}
    #bottom-left { 
}
	#bottom-left img {}
	.war_is_over {}
	#mekon {}
}
@media only screen and (min-width:414px) {
	#right {
    right: 0%;
 }
	#middlefront {
    width: 180px;
    margin-left: -90px;
    text-align: left;
	}
    #middlefront img {
    width: 50px;
    padding-bottom: 4rem;
	}
	#bottom-right {}
    #bottom-right img {}
    #bottom-left {  }
	#bottom-left img {
    	width: 40%; }
	.war_is_over {}
	#submarine {
    	left: -50%;
    	top: 4rem;
 }
	#dalek {}
	#mekon {}
	.floor-elevators {}
}
@media only screen and (min-width:650px) {
	#right {
    /* right: 0%; */
 	}
	#middlefront {}
    #middlefront img {}
	#bottom-right {}
    #bottom-right img {}
    #bottom-left { 
    }
	#bottom-left img {
    width: 35%;
	}
	.war_is_over {}
	#submarine {}
	#dalek {}
	#mekon {}
	.floor-elevators {}
}

@media only screen and (min-width:768px) {
	#right {
    	right: 5%;
    	width: 13rem;
 }
	#middlefront {
    	width: 75px;
    	left: 48%;
	}
    #middlefront img {
    	width: 60px;
	}
	#bottom-right {}
    #bottom-right img {}
    #bottom-left {  }
	#bottom-left img { }
	.war_is_over {}
	#submarine {
    	left: -25%;
	}
	#dalek { width:180px}
	#mekon {
    top: 23%;
	}
	.floor-elevators {}
}

@media only screen and (min-width:1024px) {
	#right {
    top: 21%;
}
	#middlefront {}
    #middlefront img {}
	#bottom-right {}
    #bottom-right img {}
    #bottom-left {
	 left: 0px;
 	bottom: -10%;
 }
	#bottom-left img {
    width: 27%;
}
	.war_is_over {}
	#submarine {	 left: -10%;	}
	#dalek { width:200px}
	#mekon {right: 40%;top: 20%;}
	.floor-elevators {}
}
@media only screen and (min-width:1280px) {
	#right {}
	#middlefront {}
    #middlefront img {}
	#bottom-right {}
    #bottom-right img {}
    #bottom-left {
	left: 4%;
	bottom: -12%;
	}
	#bottom-left img {}
	.war_is_over {}
	#pig {}
	#submarine {
    left: -9%;	}
    #dalek {}
    #mekon {}
     .floor-elevators { }
}






.page-template-template-home footer.footer {
	display: none;
	
}



/* inside shop */
.page-template-template-insideshop	.wrapper {
	position: absolute;
	top: 0px;
	bottom: 0px;
	/* border: 4px solid black; */
	overflow-x: hidden;
}

 .page-template-template-insideshop header {padding: 1rem 1rem 1rem 0;}

.page-template-template-insideshop form.search {
	/* position: absolute; */
	z-index:2;
	background:none;
}
.page-template-template-insideshop form.search .search-wrap {width: 100%;display: block;background-color: #c3e6e7;margin-bottom: 0;}
.page-template-template-insideshop .search-submit {
    background: none;
}
.page-template-template-insideshop  .insideshop_grey {
	position:absolute;
	width: 100%;
}

.page-template-template-insideshop form.search input[type=search] {
    background: none;
    padding: 0;
    margin: 0;
    height: 24px;
}


.page-template-template-insideshop  footer.footer {
position: absolute;bottom: 0px;
 display: none; }

.inside-shop-bg-wrap-wrapper {
	text-align: center;
	width: 100%;
	} 

.inside-shop-bg-wrap {
    position: absolute;
    width: 150%;
    left: -25%;
    margin: 0 auto;
}
.inside-shop-bg {
	width: 100%;
	/* position: absolute; */
	/* overflow: hidden; */
	display: block;
}
.map {width: 100%;}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: white;
}
::-moz-placeholder { /* Firefox 19+ */
  color: white;
}
:-ms-input-placeholder { /* IE 10+ */
  color: white;
}
:-moz-placeholder { /* Firefox 18- */
  color: white;
}

.page-template-template-insideshop header .logo-img {
	/* background-color:black; */
	max-width: 100px;
	pointer-events: all;
	}
.logo-img-alt {}

@media only screen and (min-width:550px) {
	.logo-img-alt {}
	.page-template-template-insideshop  footer.footer {/* position: fixed; */ /* bottom: 0px; */ display: none;}
}

@media only screen and (min-width:768px) {
	.logo-img-alt {}
	.page-template-template-insideshop .wrapper {
	
	}
	.page-template-template-insideshop header .logo-img {max-width: 200px;/* background-color: rgba(255,255,255,0.4); */}
	
	.inside-shop-bg-wrap {
    	 width: 140%;
    	 left: -20%;
	 }
	
	.inside-shop-bg {
		width: 100%;
		position: relative;
	}
	.map {
			width: 100%; 
	}

	.page-template-template-insideshop header {
		  z-index: 3;
		  background: white;
	}

	.page-template-template-insideshop form.search { 
		z-index:2;
		background:none;
	}
	.page-template-template-insideshop form.search .search-wrap {width: auto;display: block;padding-bottom: 0.5rem;}
	.page-template-template-insideshop .search-submit {}
	.page-template-template-insideshop form.search input[type=search] {}

	.page-template-template-insideshop  footer.footer {/* position: fixed; *//* bottom: 0px; */display: none;}
}

@media only screen and (min-width:1024px) {
	.page-template-template-insideshop header .logo-img {
		/* background:none; */
		max-width: 200px;
		}
	.page-template-template-insideshop	.wrapper {
			position: relative;
			/* min-height: 100%; */
	}

	.inside-shop-bg-wrap {
     	position: relative;
    	 width: 110%;
    	 left: -5%;
	}
	.inside-shop-bg {
		width: 100%;
		position: relative;
	}
	.map {width: 100%;/* z-index: -2; */
	}

	.page-template-template-insideshop header {
		 position: absolute;
		 background: none;
		 pointer-events: none;
	}

	.page-template-template-insideshop form.search {
	 	position: absolute; 
		 right: 2rem;
		 width: initial;
	 	top: 5rem;
	 	z-index: 4;
	}
	.page-template-template-insideshop form.search .search-wrap {width: auto;display: block;background: none;}
	.page-template-template-insideshop .search-submit {}
	.page-template-template-insideshop form.search input[type=search] {}
	.page-template-template-insideshop  footer.footer {position: fixed;bottom: 0px;}
}

 
@media only screen and (min-width:1200px) { 

	.page-template-template-insideshop header .logo-img { }
	.page-template-template-insideshop .wrapper { }

	.inside-shop-bg-wrap { 
     	margin-top: -5%;
	}
	.inside-shop-bg {
		 
	}
}