#mask {
  position:fixed;
  left:0;
  top:0;
  z-index:9000;
  background-color:hsla(0,0%,0%,0.65);
  display:none;
}  
#boxes .window {
		position:fixed;
		left:0;
		top:0;
		display:none;
		z-index:9999;
		text-align: center;
	
}
#boxes #dialog {
	width:80%;
	max-width: 782px;
	
	height:auto;
	font-family: 'Segoe UI Light', sans-serif;
	background-color: #f2ede9;
}


@media screen and (max-width:1024px){
	#boxes #dialog {
	width:80%;
	max-width: 650px;
}
	
}

.maintext{
	text-align: center;
	font-family: "Segoe UI", sans-serif;
	text-decoration: none;
}
#lorem{
	padding:4em 2em;
}

@media screen and (max-width:1024px){
#lorem{
	padding:2em;
}
	
}


#send{
	color: white;
	background: #1F2997;
	font-weight: bold;
	border: none;
}
#lorem hr{
	background:gray;
	border: none;
	height: 1px;
}
#popupfoot a{
	text-decoration: none;
}
.agree:hover{
  background-color: #D1D1D1;
}
.popupoption:hover{
	background-color:#D1D1D1;
	color: green;
}
.popupoption2:hover{
	
	color: red;
}