@charset "UTF-8";

#modal-content {
	width: 70% ;
	margin: 0 ;
	padding: 30px ;
	background: #fff ;
	position: fixed ;
	display: none ;
	z-index: 2 ;
	border-radius: 3px;
	background: url("../images/contact_bg.png"); 
}
  
#modal-overlay {
	z-index: 1 ;
	display: none ;
	position: fixed ;
	top: 0 ;
	left: 0 ;
	width: 100% ;
	height: 120% ;
	background-color: rgba( 0,0,0, 0.60 ) ;
}

#modal-open { cursor: pointer ;}
#modal-open2 { cursor: pointer ;}

.button-link {
	color: #000 ;
	text-decoration: none ;
	border: 1px solid #000;
	border-radius: 3px;
	padding: 3px 50px;
}
 
.button-link:hover {
	cursor: pointer ;
	color: #000 ;
	text-decoration: none ;
	background-color: #ddd;
}

#modal-content h3 { text-align: center; margin-bottom: 30px; background-color: #094880; color: #fff; border-radius: 3px; padding: 7px 0;}
#modal-content h4 { color: #094880; font-size: 30px; font-weight: bold; margin-bottom: 20px;}
#modal-content h4 span { font-size: 14px;}
#modal-content p { margin-bottom: 15px; font-size: 18px; font-weight: bold;}
#modal-content p.close { font-size: 14px; margin: 20px 0 0 0;}
#modal-content ul { font-size: 14px;}
#modal-content ul li { padding-bottom: 10px; line-height: 21px;}
#modal-content dl { margin-top: 20px;}
#modal-content dl dt { margin-bottom: 15px; font-size: 18px; font-weight: bold;}
#modal-content dl dd { font-size: 14px; line-height: 21px;}
#modal-content img { border-radius: 3px; margin-bottom: 30px;}

@media (min-width: 1000px) {
	#modal-content { width: 800px; text-align: center;}
}

@media (max-width: 999px) {
	#modal-content { text-align: center;}
}