#modal {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 500;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity .4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: opacity .4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: opacity .4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: opacity .4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
#modal.active {
	opacity: 1 !important;
	pointer-events: auto;
}
.modal_bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(215, 0, 81, 0.5);
}
.modal_item {
    position: absolute;
    left: 50%;
    z-index: 600;
    width: 89%;
    text-align: left;
    -webkit-transform: translate(-50%,-50%);
       -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
         -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}
.modal_item a {
	display: block;
	-webkit-transition: opacity 0.25s cubic-bezier(0.39, 0.575, 0.565, 1);
	-moz-transition: opacity 0.25s cubic-bezier(0.39, 0.575, 0.565, 1);
	-ms-transition: opacity 0.25s cubic-bezier(0.39, 0.575, 0.565, 1);
	-o-transition: opacity 0.25s cubic-bezier(0.39, 0.575, 0.565, 1);
	transition: opacity 0.25s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.modal_item_in {
	margin : 0 auto;
}
.modal_close {
	margin: 30px auto 0;
	width: 54px;
	cursor: pointer;
	-webkit-transition: opacity 0.25s cubic-bezier(0.39, 0.575, 0.565, 1);
	-moz-transition: opacity 0.25s cubic-bezier(0.39, 0.575, 0.565, 1);
	-ms-transition: opacity 0.25s cubic-bezier(0.39, 0.575, 0.565, 1);
	-o-transition: opacity 0.25s cubic-bezier(0.39, 0.575, 0.565, 1);
	transition: opacity 0.25s cubic-bezier(0.39, 0.575, 0.565, 1);
}
@media only screen and (min-width: 751px) {
	.modal_item {
	    top: 40px;
	    -webkit-transform: translateX(-50%);
	       -moz-transform: translateX(-50%);
	        -ms-transform: translateX(-50%);
	         -o-transform: translateX(-50%);
	            transform: translateX(-50%);
	}
	.modal_item_in {
		width: 710px;
	}
	.modal_item a:hover,.modal_close:hover {
		opacity: 0.7;
	}
}
@media only screen and (max-width: 750px) {
	.modal_item {
		top: 50%;
	    -webkit-transform: translate(-50%,-50%);
	       -moz-transform: translate(-50%,-50%);
	        -ms-transform: translate(-50%,-50%);
	         -o-transform: translate(-50%,-50%);
	            transform: translate(-50%,-50%);
	}
	.modal_close {
		width: 8.53%
	}
}