/* ------------------ */
 /* DEFAULT CSS STARTS */
/* ------------------ */

body, body * {
  vertical-align: baseline;
  border: 0 none;
  outline: 0;
  padding: 0;
  margin: 0;

  font-size: 9pt;
  color: #333;
}

.bannerContainer{
  position: absolute;
  width: 300px;
  height: 600px;

  border: 1px solid black;
  box-sizing: border-box;

  background: #58595b;
}

.banner_300x250 .bannerContainer{
  width: 300px;
  height: 250px;
}

.banner_728x90 .bannerContainer{
  width: 728px;
  height: 90px;
}

.banner_160x600 .bannerContainer{
  width: 160px;
  height: 600px;
}

.banner_300x600 .bannerContainer{
  width: 300px;
  height: 600px;
}

#exit {
  cursor: pointer;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10;
}

.ad{
    width:100%;
    height:100%;

    position:absolute;

    display: none;

    overflow: hidden;
}


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


.state{
    position: absolute;
    left:0;
    top:0;

    width:100%;
    height:100%;

    display: block;
}
  /* ---------------- */
 /* DEFAULT CSS ENDS */
/* ---------------- */

  /* ---------------------- */
 /* CLIENT CSS STARTS HERE */
/* ---------------------- */
body{
 font-family: 'Open Sans', Arial, sans-serif;
font-weight: 400;
 color: #ffffff;
}

.bannerContainer{
    /*background-image: url(../_assets/mockup.jpg);*/
    background-color:#ffffff;
}

.overlay{
  position: absolute;
  top:0px;
  left:0px;

  width:300px;
  height:600px;
  opacity: 90;

  background-image:url('lightsout.png');
  background-repeat: no-repeat;
}

.woman{
  position: absolute;
  top:0px;
  left:0px;

  width:300px;
  height:600px;

  background-image:url('girl1.jpg');
  background-repeat: no-repeat;
}

.bg{
  position: absolute;
  top:0px;
  left:0px;

  width:300px;
  height:600px;

  background-image:url('bg.jpg');
  background-repeat: no-repeat;
}

.copy1{
  position: absolute;
  top:312px;
  left:22px;

  width:232px;
  height:98px;

  background-image:url('copy1.png');
  background-repeat: no-repeat;

}

.copy2{
  position: absolute;
  top:90px;
  left:22px;

  width:176px;
  height:99px;
  z-index: 9;
  background-image:url('copy2.png');
  background-repeat: no-repeat;

}

.copy3{
  position: absolute;
  top:555px;
  left:20px;

  width:175px;
  height:15px;

  background-image:url('copy3.png');
  background-repeat: no-repeat;

}

.copy4{
  position: absolute;
  top:198px;
  left:25px;

  width:232px;
  height:98px;

  background-image:url('copy4.png');
  background-repeat: no-repeat;

}

.copy5{
  position: absolute;
  left:182px;
  top:433px;

  width:105px;
  height:61px;

  background-image:url('copy5.png');
  background-repeat: no-repeat;

}
#legal1{

 position: absolute;

  font-size: 7px;
  font-weight: 400;
  color: #ffffff;

  left: 140px;
  top: 580px;
  
  z-index: 9;

}

#legal2{

  position: absolute;
  font-size: 7px;
  font-weight: 400;
  color: #ffffff;

  left: 22px;
  top: 580px;

    
  }


.swoosh{
  position: absolute;
  height: 112px;
  width: 178px;

  right: 0px;
  bottom: 0px;



  }


#swoosh13{
  position: absolute;
  height: 112px;
  width: 178px;

  left: 108px;
  top: 461px;

  background: url('swoosh13.png');
  background-repeat: no-repeat;




   }


#swoosh14{
  position: absolute;
  height: 112px;
  width: 178px;

  left: 108px;
  top: 461px;

  background: url('swoosh14.png');
  background-repeat: no-repeat;


  clip: rect(180px 300px 150px 0px);



    }


.swooshglow{
  position: absolute;
  height: 144px;
  width: 164px;

  left: 99px;
  top: 455px;

  opacity:0;

  background: url('swooshglow.png');
  background-repeat: no-repeat;


}

.new{
  position: absolute;
  height: 29px;
  width: 63px;

  left: 7px;
  top: 393px;

  background: url('new.png');
  background-repeat: no-repeat;


  clip: rect(0px 300px 250px 0px);



}

.cta{
  position: absolute;
  height: 33px;
  width: 101px;

  left: 22px;
  top: 315px;

  background: url('cta.png');
  background-repeat: no-repeat;


}