#mask {
  position:fixed;
  left:0;
  top:0;
  z-index:99999;

  display:none;
}  
#boxes .window {
  position: fixed;
  left:0;
  top:0;
  width:440px;
  height:850px;
  display:none;
  z-index:999999;
  padding:20px;
  border-radius: 5px;
  text-align: center;
  animation: toping 2s ease;
}

@keyframes toping {
  from{
    top: -850px;
  }
  to{
    top: 65px;
  }
  
}


#boxes #dialog {
  width:700px; 
  height:530px;
  padding: 65px 10px 10px 10px;
  /* background-color:#000; */
  background-image: url(../images/bg-05.jpg) ;
  font-size: 15pt;
 
}
 
.agree:hover{
  background-color: #D1D1D1;
}
.popupoption:hover{
	background-color:#D1D1D1;
	color: green;
}
.popupoption2:hover{
	color: red;
}

@media only screen and (max-width: 420px) {
  #boxes .window {
    display: none !important;

  }

  }

  .popu-p{
    width: 400px;
    margin-left: 110px;
    margin-bottom: 50px;
 
  }