{ padding:0, margin:0, list-style-type:none;}

#container{
  position: absolute;
  width: 320px;
  height: 480px;
  top: 0px;
  left: 0px;
  margin: auto;
  overflow: hidden;
  cursor: pointer;
}

.retina{
  position: absolute;
  width: 320px;
  height: 480px;
}

#border {
  position: absolute;
  width: 318px;
  height: 478px;
  top: 0px;
  left: 0px;
  border:1px solid #cccccc;
}

#overlay{
  position: absolute;
  background-color: #fff;
  width: 100%;
  height: 100%;
  z-index: 9999;
  cursor: pointer;
  top:0;
  left:0;
}

#overlay2{
  position: absolute;
  background-color: #fff;
  width: 100%;
  height: 100%;
  cursor: pointer;
  top:0;
  left:0;
}
#logo{ 
  position:absolute;
  top:0px;
  right:0px;
}

/* ///////////////////// animatie /////////////////////////////// */

#phone{
  position: absolute;
  width: 229px;
  height: 431;
  top: 20px;
  left: 43px;
}

#scan, #scan2, #scan3{
  position: absolute;
  width: 250px;
  height: 132px;
  top: 107px;
  left: 45px;
  opacity: 0.6;
}

#schaduw2{
  top: 5px;
}

#schaduw3{
  top: 10px;
  left: 5px;
}


/* ///////////////////// CTA /////////////////////////////// */

#txt_btn{
  position: absolute;
  width: 145px;
  height: 32px;
  bottom: 9px;
  left: 15px;
}
#arrow {
    position: absolute;
    width: 13px;
    height: 14px;
    bottom: 18px;
    left: 30px;
}



.geneWrapper{
  position: absolute;
     bottom: 14px;
    right: 114px;
  width:122px;
  height:235px;
  overflow: hidden;
}

.gene{
  position: absolute;
  top:0px;
  left:0px;
  width:610px;
  height: 235px;
}