#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
  border-radius: 15px;
  text-align: center;
}
#boxes #dialog {
  width:550px;
  height:auto;
  display: none;
  padding:20px;
  background-color:#ffffff;
  font-size: 15pt;
}
.maintext{
  text-align: center;
  text-decoration: none;
}

#lorem{
  font-size: 12pt;
  text-align: left;
}
#popupfoot{
	font-size: 16pt;
  padding: 10px 20px;
}
#popupfoot a{
	text-decoration: none;
}
/*.agree:hover{
  background-color: #D1D1D1;
}*/
.popupoption:hover{
	background-color:#D1D1D1;
	color: green;
}
.popupoption2:hover{

	color: red;
}

#boxes .lang-select li{
  display: inline-block;
}

#boxes .lang-select ul {
    padding-left: 0;
    margin-top: 20px;
    margin-bottom: 0;
    text-align: center;
}
#popupfoot{
    right: -21px;
    top: -16px;
    padding: 3px 6px;
    border-radius: 50%;
    border: 2px solid #0256a5;
    position: absolute;
}

.close {
    float: right;
    font-size: 16px;
    color: #fff;
    opacity: unset; 
}

.close:focus, .close:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5;
}

  /* Smartphone Portrait and Landscape */ 
  @media only screen 
    and (min-device-width : 320px) 
    and (max-device-width : 480px){ 
	#boxes #dialog {
  			width:300px;
  	}
  	/*.window{left: 8%!important;}*/
}