.Window {
 position: fixed;
 font-family: Arial, Helvetica, sans-serif;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 background: rgba(0,255,70,0.5);
 z-index: 777777;
 -webkit-transition: opacity 500ms ease-in;
 -moz-transition: opacity 500ms ease-in;
 transition: opacity 500ms ease-in;
 display: none;
 pointer-events: none;
}
 
.Window:target {
 display: block;
 pointer-events: auto;
}
 
.Window > div {
 width: 100%px;
 position: relative;
 margin: 0% auto;
 padding: 0px 0px 0px;
 border-radius: 0px;
 background: rgba(70, 255, 0, 0.5); 
 box-shadow: 0px 0px 0px 0px;
}




.pop {padding: 0px; text-align: center;} 
.pop a  {display: inline-block; margin: 20px; padding: 5px 15px; border: 1px solid #FFFFFF; color: #FFFFFF; text-decoration: none; }
.pop a:hover { color: white;  border: 1px solid #FFFFFF;   background: #FFFFFF;}
.overlay {top: 0;right: 0;bottom: 0;left: 0;z-index: 10;display: none;
/* фон затемнения */
background-color: rgba(0, 0, 0, 0.5);position: fixed; /* фиксированное поцизионирование */cursor: default; /* тип курсара */}
/* активируем слой затемнения */
.overlay:target {display: block;}
/* стили модального окна */
.popup  {top: -100%; right: 0;left: 50%;font-size: 14px;z-index: 20;margin: 0;width: 85%;min-width: 390px;max-width: 390px;
/* фиксированное позиционирование, окно стабильно при прокрутке */
position: fixed;padding: 15px;border: 0px solid #FFFFFF;background: linear-gradient(to top, #ffffff, #168de1,#ffff99);/* скругление углов */
-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;border-radius: 5px;
/* внешняя тень */
-webkit-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);-moz-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);-ms-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);-webkit-transform: translate(-50%, -500%);-ms-transform: translate(-50%, -500%);-o-transform: translate(-50%, -500%);transform: translate(-50%, -500%);-webkit-transition: -webkit-transform 0.0s ease-out;-moz-transition: -moz-transform 0.0s ease-out;-o-transition: -o-transform 0.0s ease-out;transition: transform 0.0s ease-out;}
/* активируем модальный блок */
.overlay:target+.popup {-webkit-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);-o-transform: translate(-50%, 0);transform: translate(-50%, 0);top: 5%;}
/* формируем кнопку закрытия */
.close {top: 10px;right: 10px;  position: absolute;padding: 0; color: #FF00FF; font-size: 14px;font-weight: bold;}
.close:hover  {color: #2d9c85;  text-decoration: none;  }
.close {top: 10px;right: 10px; position: absolute;padding: 0; color: #00FFFF; font-size: 14px;font-weight: bold;}
.close:hover  {color: #2d9c85;  text-decoration: none;  }

.close {
 background: #168de2;
 color: #FFFFFF;
 line-height: 30px;
 position: absolute;
 right: 10px;
 text-align: center;
 top: 10px;
 width: 30px;
 text-decoration: none;
 font-weight: bold;
 -webkit-border-radius: 15px;
 -moz-border-radius: 15px;
 border-radius: 15px;
 -moz-box-shadow: 0px 0px 0px #FFFFFF;
 -webkit-box-shadow: 0px 0px 0px #FFFFFF;
 box-shadow: 0px 0px 0px #FFFFFF;
}
.close:hover { background: #FFA930;color: #FFFFFF;
}