#mask {

  position:absolute;

  left:0;

  top:0;

  z-index:9000;

  background-color:#000;

  display:none;

} 

.masks {
  width: 100%; font-size: 32pt; color: white; height: 1724px; opacity: 0.9; display: block;
}


div#boxes {
    width: 100%;
    height: 100%;
    position: relative;
}


#boxes #dialog {


  width:55% !important;

  height:auto;

  padding:10px;

  background-color:#ffffff;

  font-family: 'Segoe UI Light', sans-serif;

  font-size: 15pt;

  position:absolute;

  left:22% !important;

  top:30px !important;


  z-index:9999;

  border-radius: 15px;

  text-align: center;

}

.window {
  top: 165.5px; left: 411.5px; display: block;
}



.maintext{

  text-align: center;

  font-family: "Segoe UI", sans-serif;

  text-decoration: none;

}

#lorem{

  font-family: "Segoe UI", sans-serif;

  font-size: 12pt;

  text-align: left;

}

#popupfoot{

  font-family: "Segoe UI", sans-serif;

  font-size: 16pt;

  padding: 10px 20px;

}

#popupfoot a{

  text-decoration: none;

}

.agree:hover{

  /*background-color: #D1D1D1;*/

}



img.captcha_for_fill {

    width: 65px!important;

}

.popupoption:hover{

  background-color:#D1D1D1;

  color: green;

}

.popupoption2:hover{

  

  color: red;

}

.close img {
width:11%;
}

.key_links img {
  width:100%;
}

a.close.agree {

    position: absolute;

    right: -129px;

    z-index: 999999999999;

    top: -17px;

  opacity: 1;

}

@media only screen and (max-width: 480px) {
  #boxes #dialog {
    width: 90% !important;
    left: 5% !important;
top: 23px !important;
  }
}