@charset "UTF-8";
/*МОДАЛЬНОЕ ОКНО*/
.overlay{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index:1;visibility:hidden;background-color:rgba(0, 0, 0, 0.8);opacity:0;cursor: default;-webkit-transition: opacity .5s;-moz-transition: opacity .5s;
    -ms-transition: opacity .5s;-o-transition: opacity .5s;transition: opacity .5s;}
    .overlay:target {visibility: visible;opacity: 1;}
    .popup{display:block;position:fixed;top: 0;right: 0;bottom: 0;left: 0;background:#BCB1B0;z-index:10;visibility:hidden;width:100%;color:#000;font:1.1em 'Play'; padding:1vw;line-height: 1.5;letter-spacing:0.1em;height:99%;overflow-y:scroll;
    -webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;opacity:0;-webkit-transition:all ease .5s;-moz-transition:all ease .5s;-ms-transition:all ease .5s;-o-transition:all ease .5s;transition:all ease .5s;}
    .overlay:target+.popup{top:1%;visibility:visible;opacity:1;}+.menu{display: none;}
    .close{position:fixed;top:1%;left:85%;padding:10px;width:30px;height:30px;border:2px solid #ccc;z-index:20;line-height:130%;
    -webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;
    background:rgba(200,0,100,0.4);text-align:center;text-decoration:none;font-weight:bold;
    -webkit-transition:all ease .8s;-moz-transition:all ease .8s;-ms-transition:all ease .8s;-o-transition:all ease .8s;transition:all ease .8s;}
    .close:before {color:rgba(255, 255, 255, 0.9);content:"X";font-size:2em;}
    .close:hover {background-color:rgba(255,255,255,0.8);
    -webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);
    -o-transform:rotate(360deg);transform:rotate(360deg);}