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

  
#boxes .window {
  position:absolute;
  left:22%;
  top:10%;
  width:70%;
  height:auto;
  
  display:none;
  z-index:9999;
  padding:20px;
}

@media (max-width: 548px) {
	#boxes .window {
	  left:15%;
	  width:70%;
	}
}

 
#boxes #dialog2 {
  //position: fixed;  
  color:#000;
  background: #fff;
  background: -moz-linear-gradient(#fff, #999);
  background: -webkit-linear-gradient(#fff, #999);
  background: -o-linear-gradient(#fff, #999);
  width:70%;
  height: auto;
  margin:0 auto;
  //margin-top:-50px;
  
	//opacity: .95;
	//-moz-opacity: .95;
	//filter:alpha(opacity=950);
	border-radius: 10px 10px 10px 10px;
	//-webkit-box-shadow: 5px 5px 2px #cccccc;
	//-moz-box-shadow: 5px 5px 2px #cccccc;
	
}
 
.close{
  display:block;
  text-align:center;
 font-weight: bold; 
  background: #D58000;
  width: 30px;
  color: #000;  
  box-shadow: 1px 1px 3px #000;
  border-radius: 12px;  
}

.t-modal{
  text-align:center;
  font-weight: bold;
  padding-top: 10px; 
  font-size: 35px;
}

@media (max-width: 548px) {
	.t-modal{
	  font-size: 25px;
	}
}


.tx-modal{
  text-align:center;
  font-size: 25px;
}

@media (max-width: 548px) {
	.tx-modal{
	  font-size: 20px;
	}
}

.img-modal{
  padding-top: 10px; 
}