.modalWindow {
position: fixed;
font-family: arial;
font-size:80%;
top: 0;
right: 0;
left: 0;
background: rgba(0,0,0,0.2);
z-index: 99999;
opacity:0;
-webkit-transition: opacity 400ms ease-in;
-moz-transition: opacity 400ms ease-in;
transition: opacity 400ms ease-in;
pointer-events: none;
}
.modalHeader h2 { color: #4c575e; border-bottom: 2px groove #efefef; }
.modalWindow:target {
opacity:1;
pointer-events: auto;
}
.modalWindow > div {
width: 600px;
position: relative;
margin: 10% auto;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #fff;
}
.modalWindow .modalHeader { padding: 5px 15px 0px 15px; }
.modalWindow .modalContent { padding: 0px 15px 5px 15px; }
.modalWindow .modalFooter { padding: 8px 15px 8px 15px; }
.modalFooter {
background: #F1F1F1;
border-top: 1px solid #999;
-moz-box-shadow: inset 0px 13px 12px -14px #888;
-webkit-box-shadow: inset 0px 13px 12px -14px #888;
box-shadow: inset 0px 10px 12px -10px #888;
}
.modalFooter p {
color:#D4482D;
text-align:right;
margin:0;
padding: 5px;
}
.ok, .close, .cancel {
background: #606061;
color: #FFFFFF;
line-height: 25px;
text-align: center;
text-decoration: none;
font-weight: bold;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
}
.close {
position: absolute;
right: 5px;
top: 5px;
width: 22px;
height: 22px;
font-size: 10px;
}
.ok, .cancel {
width:80px;
float:right;
margin-left:20px;
}
.ok:hover { background: #2a3034; color:#FFFFFF; }
.close:hover, .cancel:hover { background: #2a3034; color:#FFFFFF; }
.clear { float:none; clear: both; }
	  
	  .form-modal {
height:720px;
}   /*adjust height as needed */
		
.modal-frame {
margin:auto;
width:100%;
height:600px;
}  /*adjust height as needed */



		

@media (max-width: 767px) {
.form-modal {
height:800px;
}   /*adjust height as needed */
		
.modal-frame {
margin:auto;
width:100%;
height:700px;
}


} 
	  @media (max-width: 580px) {
		.modalWindow > div {
width: 90%;
}
		  

	
	  }