body {
    height:100%;
    width:100%;
    margin: 0px;
    outline: 0;
}

div,
img,
video {
  position: absolute;
}

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



#ad {
  width: 300px;
  height: 250px;
  overflow: hidden;     
  background: #000;
/*
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border:1px solid #000;
*/
}

.oline{
	width: 298px;
  height: 248px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border:1px solid #000;
}

#exit {
    position: absolute;
    width: 300px;
    height: 250px;
    cursor: pointer;
    z-index: 9925;
}


.hidden{
	visibility: hidden;
}
	
.visible {
	visibility:visible;
}


.invisible {
  opacity:0;
}




/* end frame */
/* BANNER CSS */
#cover{
	top: 0px;
	left: 0px;
	display: block;
	width: 300px;
	height: 250px;
	background-color: #071d32;
	z-index: 110; 
	
}
#logo{
	z-index: 310; 
}
#dandruff{
	z-index: 10; 
}
#fogCover{
	z-index: 30; 
}


/*
.cta{
	background-image:url('../images/cta.png');
	width: 109px;
	height:24px;
	top: 203px;
	left:95px;
	background-position: 0px 0px;
	background-size: 218px 24px;
background-color: #071d32;
	border:1px solid #fff;
}
*/

/*
#cta.hover{
	background-position: left -91px top 0px;
	background-color: #000;
}
*/

/* dots */
.dot{
  width:3px;
  height:3px;
  position:absolute;
  background-color: #fff;
  border-radius: 10px;
/*   z-index:2; */
}

#dot_container_fnt,#dot_container_bck{
      position: absolute;
    top: 100px;
    left: -30px;
    display: block;
    width: 160px;
    height: 400px;
}

#fogHldr{
    width: 300px;
    height: 600px;
    overflow: hidden;
	z-index:20;
}
#fogLoop{
  display: block;
  width:3000px;

}

/*Bottles adjustment */

#greenBottle{
	top:0px;
	z-index:80;
}
#redBottle{
	top:0px;
	z-index:90;
}
#yellowBottle{
	top:0px;
	left:1px;
	z-index:103;
}
#splash{
	z-index:94;
}
#splash2{
	z-index:104;
}
#helps{
	z-index:204;
}
#cta{
	z-index:1504;
}
#legal{
	z-index:204;
}

#referee{
	z-index:304;
}
#dandruffTxt{
	z-index:304;
}
#redCard{
	z-index:404;
}



/*Controller styles */

button {
    cursor:pointer;
}

#controller {
    z-index:2;
    position:absolute;
    display:block;
    padding:20px;
    left:10px;
    top:660px;
    /*background-color:rgba(0, 0, 0, 0.1);*/
}

#slider{
    margin-top:20px;
}