#mask 
{
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}  

#boxes .window 
{
  position:absolute;
  left:0;
  top:0;
  width:450px;
  width:600px;
  height:536px;
  display:none;
  z-index:9999;
  padding:20px;
  text-align: center;
}

#boxes #dialog 
{
  width:450px; 
  height:536px;
  padding:5px 5px 2px 5px;
  /*background-color:#ffffff;*/
  font-family: 'Segoe UI Light', sans-serif;
  font-size: 15pt;

}

.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;
  position: absolute;
  left:-140px;
}


#popupfoot
{
  font-family: "Segoe UI", sans-serif;
  font-size: 16pt;
  float: right;
  margin-bottom:-30px;
  z-index:999!important;
  position: relative;
  margin-right:-25px;
  margin-top:-15px;
    left: 00px;
}
.close{
  opacity: 1!important;
}
#popupfoot a
{
  text-decoration: none;
}

.popupoption:hover
{
  background-color:#D1D1D1;
  color: green;
}
.popupoption2:hover{
  
  color: red;
}
@media only screen and (min-width: 1024px) {
.window
{
	margin-left: 4%;
}
}
@media only screen and (min-width: 600px) and (max-width: 768px) {
.window
{
	margin-left: 8%;
}
}
@media only screen and (max-width: 600px){
	 #dialog{
		// margin-left:12%!important;
		// width:60%!important;
		margin-left: 18%!important;
		width: 50%!important;
		 
	 }
	 #lorem img{width:100%!important;}
 }