body,
body * {
  border: 0;
  outline: 0;
  padding: 0;
  margin: 0;
  vertical-align: baseline;
}
div,
img,
video {
  position: absolute;
}

/* - */
:focus,
outline none,
::-moz-focus-inner {
  border: 0;
}



#ad {
  width: 475px;
  height: 500px;
  overflow: hidden;
  background: #fff;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border:1px solid #000;
}



#exit {
/*   z-index: 100; */
  width: 475px;
  height: 500px;
  cursor: pointer;
/*  background-color: rgba(255, 0, 0, 0.33);  */
}
.hidden{
	visibility: hidden;
}
	
.visible {
	visibility:visible;
}


/* END FRAME */
/* BANNER CSS */

/*
#ef_cover {
  z-index: 10;
}
*/

#cover{
	top: 0px;
	left: 0px;
	display: block;
	width: 475px;
  height: 500px;;
	background-color: #ffffff;
/* 	z-index: 110; */
}

/* intro art */
#intro{
  top: 0px;
  left: 0px;
  width: 475px;
  height: 500px;
  overflow: hidden;
/*  background-color:rgba(255, 255, 255, 0.6); */
}


/* vvvv CTA vvvv */
#cta{
  left: 36px;
  top: 418px;
  width: 151px;
  height: 30px;
  cursor: pointer;
  background-color: #00a68e;
  background-image:url('images/cyclists-cta.png');
  background-size: 151px 30px;
  background-position: 0px 0px;
  z-index: 100;
  overflow:hidden;
}

#arrow{
  left: 0px;
  top: 0px;
}
/*
#cta:hover{
  border: 1px #c29b40 solid;
  background-position: -200px 0px;
  background-color: #fff;
}*/
/* ^^^^^ CTA ^^^^^ */

/* ----- CUSTOM CSS ----- */ 

#bg {
	width: 475px;
  height: auto;
  position: absolute;
  z-index: 0
}

#bg-start {
  z-index:10;
}

@media (max-width: 420px) {
	#bg {
		width: 350px !important;
	  height: 500px !important;
	}
	
	#bg-start {
		width: 350px !important;
	  height: 500px !important;
	}
	
	#ad {
	  width: 350px !important;
	  height: 500px !important;
	}
	
	#exit {
	  width: 350px !important;
	  height: 500px !important;
	}
	#cover{
	  width: 350px !important;
	  height: 500px !important;
	}
	
	#intro{
	  width: 350px !important;
	  height: 500px !important;
	}
	#surfer-txt1-blur, 	#surfer-txt2-blur, 	#surfer-txt1, 	#surfer-txt2 {
	  width: 350px !important;
	  height: 500px !important;
	}
	
	#cta{
	  width: 180px !important;
	  height: 38px !important;
	  left: 29px;
	  top: 106px;
	  background-size: 180px 38px !important;
	}
}