.modal-window {
-webkit-transform: translate(0, 100%);
-moz-transform: translate(0, 100%);
-o-transform: translate(0, 100%);
-ms-transform: translate(0, 100%);
transform: translate(0, 100%);
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9999;
opacity: 0;
line-height: 1.3;
display: none\9;
/*transition: 0.5s;*/
}
.modal-window:target {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
}
.is-active.modal-window {
display: block\9;
}
.modal-window:target {
display: block\9;
}
.modal-window .modal-inner {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 200;
margin: auto;
padding: 20px;
width: 80vw;
max-width: 650px;
height: 70vh;
overflow: auto;
background: rgba(255, 255, 255, 1.0);
-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
}
.modal-window .modal-inner p {
padding: 0 0 0 20px;
}
.modal-window .modal-close {
display: block;
text-indent: -100px;
overflow: hidden;
}
.modal-window .modal-close:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 190;
background-color: rgba(0, 0, 0, 0.6);
}

.modal-window .modal-close:after {
content: '\00d7';
position: absolute;
top: 20px;
right: 20px;
z-index: 201;
background: #fff;
border-radius: 2px;
padding: 2px 8px;
font-size: 1.2em;
text-decoration: none;
text-indent: 0;
}

.modal-window {
/*-webkit-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
transition: opacity 0.5s;*/
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}




.modal-window h3,
.modal-window h4,
.modal-window p {
	color: #000;
}