/* div#box2 {
	-webkit-transition: 5s ease-in-out;
	-moz-transition: 5s ease-in-out;
	-o-transition: 5s ease-in-out;
	transition: 5s ease-in-out;
  }
  div#box2 div {
	  position:absolute;
    width: 245px;
    height: 835px;
    
    -webkit-transition: 4s ease-in-out;
    -moz-transition: 4s ease-in-out;
    -o-transition: 4s ease-in-out;
    transition: 4s ease-in-out;
  }
  div#box2 {
	
	bottom: -1000px;
	margin-left: 180px;
	
	-webkit-transition: 5s ease-in-out;
	-moz-transition: 5s ease-in-out;
	-o-transition: 5s ease-in-out;
	transition: 5s ease-in-out;
  }
  div#box2 div {
	  -webkit-transform-origin: 50% 90%;
	-moz-transform-origin: 50% 90%;
	transform-origin: 50% 90%;
	-webkit-animation: lighthouse 7s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-moz-animation: lighthouse 7s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
	animation: lighthouse 4s 7.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
    width: 245px;
    height: 835px;
	
    background: url(../images/arm_1.png) no-repeat;
    -webkit-transition: 4s ease-in-out;
    -moz-transition: 4s ease-in-out;
    -o-transition: 4s ease-in-out;
    transition: 4s ease-in-out;
  }

  #toggle2:hover + #box2 {
	
     -webkit-transform: translate(0px,-860px);
    -moz-transform: translate(0px,-860px);
    -o-transform: translate(0px,-860px);
    -ms-transform: translate(0px,-860px);
    transform: translate(0px,-860px);
  }
  
  
  #armbutton{
	  top:50px;
	  left:50%;
	  z-index:10000;
	  position:absolute;
	  font-size:18px;
	  color:#F1F1F1;

  }
.arm1 {
	
}

.arm1.arms {
	 width: 245px;
    height: 835px;
	bottom: -420px;
	margin: 0px 0px;
	background-size: 835px 835px;
	position: absolute;
	-webkit-animation: lighthouse 7s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-moz-animation: lighthouse 7s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
	animation: lighthouse 4s 7.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
    background: url(../images/arm_1.png) no-repeat;
    -webkit-transition: 4s ease-in-out;
    -moz-transition: 4s ease-in-out;
    -o-transition: 4s ease-in-out;
    transition: 4s ease-in-out;
  }

 #armbutton:hover + .arm1 {
	
     -webkit-transform: translate(0px,-860px);
    -moz-transform: translate(0px,-860px);
    -o-transform: translate(0px,-860px);
    -ms-transform: translate(0px,-860px);
    transform: translate(0px,-860px);
  }

*/



 .arm1 {
	  filter: blur(0px);
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-o-filter: blur(0px);
-ms-filter: blur(0px);
	
    position:absolute;
    right:20%;
    bottom:-950px;
     width: 245px;
   
   
  }
  .arm1 .arms {
    width: 245px;
    height: 705px;
	-webkit-animation: lighthouse 6s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-moz-animation: lighthouse 6s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
	animation: lighthouse 6s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
    background: url(../images/arm_1.png) no-repeat;
    -webkit-transition: 4s ease-in-out;
    -moz-transition: 4s ease-in-out;
    -o-transition: 4s ease-in-out;
    transition: 4s ease-in-out;
  }
  
  
  .arm2 {
	  
	background: url(images/arm_2.png) no-repeat;
    position:absolute;
    right:15%;
    bottom:-950px;
     width: 245px;
   
    
}

 .arm2 {
	background: url(images/arm_1.png) no-repeat;
    position:absolute;
    right:15%;
    bottom:-950px;
     width: 245px;
   
   
  }
  .arm2 .arms2 {
    width: 374px;
    height: 529px;
	-webkit-animation: lighthouse 4s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-moz-animation: lighthouse 4s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
	animation: lighthouse 4s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
    background: url(../images/arm_2.png) no-repeat;
    -webkit-transition: 4s ease-in-out;
    -moz-transition: 4s ease-in-out;
    -o-transition: 4s ease-in-out;
    transition: 4s ease-in-out;
  }
  .arm3 {
	background: url(images/arm_1.png) no-repeat;
    position:absolute;
    right:2%;
    bottom:-950px;
     width: 445px;
	 height: 529px; 
}
 .arm3 .arms3 {
    width: 345px;
    height: 505px;
	-webkit-animation: lighthouse 4s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-moz-animation: lighthouse 4s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
	animation: lighthouse 4s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
    background: url(../images/arm_1.png) no-repeat;
    -webkit-transition: 4s ease-in-out;
    -moz-transition: 4s ease-in-out;
    -o-transition: 4s ease-in-out;
    transition: 4s ease-in-out;
  }
  .anchor {
	background: url(../images/anchor.png) no-repeat;
    position:absolute;
    left:5px;
    bottom:-950px;
     width: 220px;
    height: 290px;
}
 .anchor .anchorimage {
    width: 220px;
    height: 290px;
	 position:absolute;
   
	-webkit-animation: lighthouse 4s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-moz-animation: lighthouse 4s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
	animation: lighthouse 4s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
    
    -webkit-transition: 4s ease-in-out;
    -moz-transition: 4s ease-in-out;
    -o-transition: 4s ease-in-out;
    transition: 4s ease-in-out;
  }
  
    .mermaidS {
    position:absolute;
    left:5px;
    bottom:-950px;
     width: 320px;
    height: 648px;
	opacity:0.4;
	visibility:hidden;
}

 .mermaidS .mermaidSimage {
    width: 320px;
    height: 648px;
	
	 position:absolute;
  background: url(../images/sparkles.gif) no-repeat;
	-webkit-animation: mermaid 4s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-moz-animation: mermaid 4s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
	animation: mermaid 4 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
    
    -webkit-transition: 4s ease-in-out;
    -moz-transition: 4s ease-in-out;
    -o-transition: 4s ease-in-out;
    transition: 4s ease-in-out;
	visibility:hidden;
  }
   .mermaid {
	
    position:absolute;
    left:5px;
    bottom:-950px;
     width: 320px;
    height: 648px;
	visibility:hidden;
	
}

 .mermaid .mermaidimage {
    width: 320px;
    height: 648px;
	 position:absolute;
	
  background: url(../images/mermaid2.png) no-repeat;
	-webkit-animation: mermaid 4s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-moz-animation: mermaid 4s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
	animation: mermaid 4 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
    
    -webkit-transition: 4s ease-in-out;
    -moz-transition: 4s ease-in-out;
    -o-transition: 4s ease-in-out;
    transition: 4s ease-in-out;
	visibility:hidden;
  }
    .mermaidhair1 {
	
    position:absolute;
    left:9px;
    bottom:-950px;
     width: 320px;
    height: 648px;
	visibility:hidden;
	
}

 .mermaidhair1 .mermaidhair1image {
    width: 320px;
    height: 648px;
	 position:absolute;
  background: url(../images/hair1.png) no-repeat;
	-webkit-animation: hair1 4s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-moz-animation: hair1 4s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
	animation: hair1 4 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
    
    -webkit-transition: 4s ease-in-out;
    -moz-transition: 4s ease-in-out;
    -o-transition: 4s ease-in-out;
    transition: 4s ease-in-out;
	visibility:hidden;
  }
 @-webkit-keyframes hair1 {
 0% {
 -webkit-transform: translate3d(2%, 0, 0) rotateZ(-5deg);
 -moz-transform: translate3d(2%, 0, 0) rotateZ(-5deg);
 transform: translate3d(2%, 0, 0) rotateZ(-5deg);
}
 100% {
 -webkit-transform: translate3d(-2%, 0, 0) rotateZ(5deg);
 -moz-transform: translate3d(-2%, 0, 0) rotateZ(5deg);
 transform: translate3d(-2%, 0, 0) rotateZ(5deg);
}
}
 .mermaidhair2 {
	
    position:absolute;
    left:5px;
    bottom:-910px;
     width: 320px;
    height: 648px;
	visibility:hidden;
	
}

 .mermaidhair2 .mermaidhair2image {
    width: 320px;
    height: 648px;
	 position:absolute;
  background: url(../images/hair2.png) no-repeat;
	-webkit-animation: hair2 4s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-moz-animation: hair2 4s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
	animation: hair2 4 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
    
    -webkit-transition: 4s ease-in-out;
    -moz-transition: 4s ease-in-out;
    -o-transition: 4s ease-in-out;
    transition: 4s ease-in-out;
	visibility:hidden;
  }
 @-webkit-keyframes hair2 {
 0% {
	
 -webkit-transform: translate3d(-1%, 0, 0) rotateZ(4deg) translate(0px,-4px);
 -moz-transform: translate3d(-1%, 0, 0) rotateZ(4deg) translate(0px,-4px);
 transform: translate3d(-1%, 0, 0) rotateZ(4deg) translate(0px,-4px);
}
 100% {
 -webkit-transform: translate3d(1%, 0, 0) rotateZ(-4deg) translate(0px,0px);;
 -moz-transform: translate3d(1%, 0, 0) rotateZ(-4deg) translate(0px,0px);;
 transform: translate3d(1%, 0, 0) rotateZ(-4deg) translate(0px,0px);;
}
}
  .mermaidTail {
	
    position:absolute;
    left:5px;
    bottom:-950px;
      width: 320px;
    height: 648px;
	visibility:hidden;
}
 .mermaidTail .mermaidsTail {
    width: 320px;
    height: 648px;
	-webkit-animation: tail 4s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-moz-animation: tail 4s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
	animation: tail 4s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
    background: url(../images/mermaidTail.png) no-repeat;
    -webkit-transition: 4s ease-in-out;
    -moz-transition: 4s ease-in-out;
    -o-transition: 4s ease-in-out;
    transition: 4s ease-in-out;
	visibility:hidden;
  }
   
  .tailSparkles {
	
    position:absolute;
    left:5px;
    bottom:-950px;
      width: 320px;
    height: 648px;
	visibility:hidden;
}
   .tailSparkles .mermaidtailSparkles {
    width: 320px;
    height: 648px;
	-webkit-animation: tail 4s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-moz-animation: tail 4s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
	animation: tail 4s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
    background: url(../images/tailSparkles.gif) no-repeat;
    -webkit-transition: 4s ease-in-out;
    -moz-transition: 4s ease-in-out;
    -o-transition: 4s ease-in-out;
    transition: 4s ease-in-out;
	visibility:hidden;
  }
  .bgDark {
	 
	background: transparent repeat-x;
	position: absolute;
	width: 300%;
	left: -100%;
	opacity:0.8;
	 background-image: url(../images/bgDark.png);
	
	display: block;
	
	height: 1000px;
	
	top: 100%;
	
}
.bgDark:after {
	
}

 @-webkit-keyframes tail {
 0% {
 -webkit-transform: translate3d(15%, 0, 0) rotateZ(10deg);
 -moz-transform: translate3d(15%, 0, 0) rotateZ(10deg);
 transform: translate3d(15%, 0, 0) rotateZ(10deg);
 -webkit-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
 -moz-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
 transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
}
 100% {
-webkit-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
 -moz-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
 transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
 -webkit-transform: translate3d(-15%, 0, 0) rotateZ(-10deg);
 -moz-transform: translate3d(-15%, 0, 0) rotateZ(-10deg);
 transform: translate3d(-15%, 0, 0) rotateZ(-10deg);
}
}
 @-moz-keyframes tail {
 0% {
	-webkit-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
 -moz-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
 transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
 -webkit-transform: translate3d(15%, 0, 0) rotateZ(10deg);
 -moz-transform: translate3d(15%, 0, 0) rotateZ(10deg);
 transform: translate3d(15%, 0, 0) rotateZ(10deg);
}
 100% {
	 -webkit-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
 -moz-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
 transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
 -webkit-transform: translate3d(-15%, 0, 0) rotateZ(-10deg);
 -moz-transform: translate3d(-15%, 0, 0) rotateZ(-10deg);
 transform: translate3d(-15%, 0, 0) rotateZ(-10deg);
}
}
 @-ms-keyframes tail {
 0% {
	-webkit-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
 -moz-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
 transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
 -webkit-transform: translate3d(15%, 0, 0) rotateZ(10deg);
 -moz-transform: translate3d(15%, 0, 0) rotateZ(10deg);
 transform: translate3d(15%, 0, 0) rotateZ(10deg);
}
 100% {
	 -webkit-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
 -moz-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
 transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
 -webkit-transform: translate3d(-15%, 0, 0) rotateZ(-10deg);
 -moz-transform: translate3d(-15%, 0, 0) rotateZ(-10deg);
 transform: translate3d(-15%, 0, 0) rotateZ(-10deg);
}
}
 @keyframes tail {
 0% {
	-webkit-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
 -moz-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
 transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
 -webkit-transform: translate3d(15%, 0, 0) rotateZ(10deg);
 -moz-transform: translate3d(15%, 0, 0) rotateZ(10deg);
 transform: translate3d(15%, 0, 0) rotateZ(10deg);
}
 100% {
	 -webkit-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
 -moz-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
 transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
 -webkit-transform: translate3d(-15%, 0, 0) rotateZ(-10deg);
 -moz-transform: translate3d(-15%, 0, 0) rotateZ(-10deg);
 transform: translate3d(-15%, 0, 0) rotateZ(-10deg);
}
}


@-webkit-keyframes mermaid {
 0% {
	-webkit-transform: translate(0px,-46px) ;
 -moz-transform: translate(0px,-46px) ;
 transform: translate(0px,-46px) ;
 -webkit-transform: translate(0px,-46px) ;
 -moz-transform: translate(0px,-46px) ;
 transform: translate(0px,-46px) ;
 
}
 100% {
	  -webkit-transform: translate(0px,0) ;
 -moz-transform: translate(0px,0px) ;
 transform: translate(0px,0px) ;
 -webkit-transform: translate(0px,0px) ;
 -moz-transform: translate(0px,0px) ;
 transform: translate(0px,0px) ;
}
}
 @-moz-keyframes mermaid {
 0% {
	-webkit-transform: translate(0px,-46px) ;
 -moz-transform: translate(0px,-46px) ;
 transform: translate(0px,-46px) ;
 -webkit-transform: translate(0px,-46px) ;
 -moz-transform: translate(0px,-46px) ;
 transform: translate(0px,-46px) ;
 
}
 100% {
	  -webkit-transform: translate(0px,0) ;
 -moz-transform: translate(0px,0px) ;
 transform: translate(0px,0px) ;
 -webkit-transform: translate(0px,0px) ;
 -moz-transform: translate(0px,0px) ;
 transform: translate(0px,0px) ;
}
}
 @-ms-keyframes mermaid {
 0% {
	-webkit-transform: translate(0px,-46px) ;
 -moz-transform: translate(0px,-46px) ;
 transform: translate(0px,-46px) ;
 -webkit-transform: translate(0px,-46px) ;
 -moz-transform: translate(0px,-46px) ;
 transform: translate(0px,-46px) ;
 
}
 100% {
	  -webkit-transform: translate(0px,0) ;
 -moz-transform: translate(0px,0px) ;
 transform: translate(0px,0px) ;
 -webkit-transform: translate(0px,0px) ;
 -moz-transform: translate(0px,0px) ;
 transform: translate(0px,0px) ;
}
}
 @keyframes mermaid {
 0% {
	-webkit-transform: translate(0px,-46px) ;
 -moz-transform: translate(0px,-46px) ;
 transform: translate(0px,-46px) ;
 -webkit-transform: translate(0px,-46px) ;
 -moz-transform: translate(0px,-46px) ;
 transform: translate(0px,-46px) ;
 
}
 100% {
	  -webkit-transform: translate(0px,0) ;
 -moz-transform: translate(0px,0px) ;
 transform: translate(0px,0px) ;
 -webkit-transform: translate(0px,0px) ;
 -moz-transform: translate(0px,0px) ;
 transform: translate(0px,0px) ;
}
 }

@-o-keyframes {
	0% {
	-webkit-transform: translate(0px,-46px) ;
 -moz-transform: translate(0px,-46px) ;
 transform: translate(0px,-46px) ;
 -webkit-transform: translate(0px,-46px) ;
 -moz-transform: translate(0px,-46px) ;
 transform: translate(0px,-46px) ;
 
}
 100% {
	  -webkit-transform: translate(0px,0) ;
 -moz-transform: translate(0px,0px) ;
 transform: translate(0px,0px) ;
 -webkit-transform: translate(0px,0px) ;
 -moz-transform: translate(0px,0px) ;
 transform: translate(0px,0px) ;
}
}