
/* Overlay Styles */
.overlay {
  background:rgba(0,0,0,0.8);
  opacity:0.8;
  filter:alpha(opacity=80);
  position:absolute;
  top:0px;
  bottom:0px;
  left:0px;
  right:0px;
  z-index:100;
}


/* Popup */
.popup{
  background:white;
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  right:0;
  z-index:101;
  width:850px; /*Change your width here*/
  height:500px; /*Change your height here*/
  margin:auto;
  border-radius: 25px;

  @media(max-width:768px){
    width:90%;
    margin:auto 5%;
  }
  /* Popup Inner */
  .popup-inner{
    position:relative;
    padding:1em;

    
    input.s3-btn-close{
      position:absolute;
      top:-0.5em;
      right:-0.5em;

      
      background:black;
      border:solid 2px white;
      color:white;
      cursor:pointer;
      
      border-radius:15px;
      font-size: 18px;
      outline:none;
    } // s3-btn-close
  } // popup-inner
} // popup



/*************
  S3 Button
*************/
input.s3-btn{
  background:#f1f1f1;
  border:none;
  width:200px;
  height:50px;
  cursor:pointer;
  
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  margin:auto;
}

.s3-center{
  text-align:center;
}
