#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}  
#boxes .window {
  position:relative;
  
 
 /* width:1040px !important; */
  
  z-index:9999;

  border-radius: 15px;
 
  overflow:auto !important;
 margin:5%;
 top: 2px !important; 
 left: 2px !important; 
  bottom: 4px;
 width: 100%; 
 height: 100%;
 background:#333; 
 display: none; 
  
 text-align: left;
 
  background-color:  #000; 
 padding:   20px; 
 opacity:1;
 border-radius:8px;
 -o-box-shadow:0 0 50px ##219ab3;
 -moz-box-shadow:0 0 50px ##219ab3;
 -webkit-box-shadow:0 0 50px ##219ab3;
 -ms-box-shadow:0 0 50px ##219ab3;
 transition:ease-in;
 transition-delay:1s;
 -webkit-transition:ease-in;
  
  
  
}
#boxes #dialog {
 width:90%; 
  height:auto;
  padding:20px 20px;
  
  background-color:#ffffff;
  font-family: 'Segoe UI Light', sans-serif;
  font-size: 15pt;
  text-align:left;
  display:inline-block;
}
.window {
    position: fixed !important;
}
.maintext{
	text-align: center;
  font-family: "Segoe UI", sans-serif;
  text-decoration: none;
}
body{
  background: url('bg.jpg');
}
#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;
	background: #888 	!important;
    /*color: #000 !important;
    border-radius: 3px;
    padding: 7px 15px;
	text-align:center;*/
	text-shadow:none; 
}
.agree:hover{
  background-color: #888;
}
.popupoption:hover{
	background-color:#D1D1D1;
	color: green;
}
.popupoption2:hover{
	
	color: red;
}
.close {
    float: right; 
    font-size: 21px;
    font-weight: 400;
    line-height: 1;
    color: #000 !important;
	opacity:.9;
	margin-bottom:10px;
	
   
    border-radius: 3px;
    padding: 7px 15px;
	text-align:center;

   /* text-shadow: 0 1px 0 #fff; 
    filter: alpha(opacity=20);
    opacity: .2;*/
}

@media only screen and (max-width: 600px) {
 .window{
     width:100%;
  }
}