#alert {
	    background-color: #ebf0f5;
	    color: #7896b5;
	    width:600px;
	    margin:auto;
		font-size:14px;
		font-weight:normal;
		line-height:1.5;
	    position:relative;
	  }
	  #alert .state-head {
	      background:#4d6989;
	      padding:15px;
		  text-align:center;
	  }
.mfp-wrap #alert .mfp-close, .mfp-wrap #alert .mfp-close:active, .mfp-wrap #alert .mfp-close:hover, .mfp-wrap #alert .mfp-close:focus {
	right: 5px;
	color:#fff;
}
	#alert .state-head h2 {
		color:#ffffff;
		font-size:20px;
		margin:0;
	}
#alert .wrapper {
	padding:10px 30px 30px 30px;
}
#alert .wrapper h3 {
	color:#4d6989;
	font-size:16px;
	font-weight:bold;
}
	  #alert .state-head span {
	      text-transform:uppercase;
	      font-weight:bold;
	  }
#alert .wrapper .btn {
	background: #7896b5;
    text-align: center;
    padding: 10px 0 7px 0;
	margin-top:20px;
	width:100%;
}
#alert .wrapper .btn:hover,
#alert .wrapper .btn:active,
#alert .wrapper .btn:focus {
	background: #4d6989;
}

#alert .wrapper .btn a {
	color:#fff;
}
#alert .wrapper .btn a:focus,
#alert .wrapper .btn a:hover,
#alert .wrapper .btn a:active {
	text-decoration:none;
}

#alert .sep {
	height:1px;
	background:#7896b5;
	width:100%;
	margin-top:15px;
}

@media (max-width:768px) {
	#map {
		width:350px!important;
		height:200px!important;
	}
	#alert {
	    width:330px;
	  }
	.mfp-wrap #alert .mfp-close, .mfp-wrap #alert .mfp-close:active, .mfp-wrap #alert .mfp-close:hover, .mfp-wrap #alert .mfp-close:focus {
	right: -5px;
}
}