/*====================================================================================================
  MODAL
====================================================================================================*/

#subpage .modal{
	display: none;
	height: 100vh;
	position: fixed;
	top: 0;
    left: 0;
	width: 100%; 
    z-index: 999;
}
#subpage .modal__bg{
	background: rgba(0,0,0,0.9);
	height: 100vh;
	position: absolute;
	width: 100%;
}
#subpage .modal__content{
	color: #000;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 60%;
}
#subpage a.btn_close  {
    position: absolute;
    right: 0;
    top: -70px;
	display: block;
	margin: auto;
	padding: 10px;
	max-width: 300px;
    font-size: 200%;
	color: #fff;
	font-weight: bold;
	text-align: center;
	text-decoration: none;

}
#subpage a.btn_close:hover  {opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7;}