.clsBtn{
position:absolute;
right:-20px;
top:-20px;
width:40px;
height:40px;
border-radius:50%;
border:1px solid #fff;
cursor:pointer;
}

.clsBtn::before,.clsBtn::after{
content:'';
position:absolute;
width:60%;
height:2px;
background:#000;
left:50%;
top:50%;
transform:translateX(-50%) translateY(-50%) rotate(45deg);
}

.clsBtn::after{
transform:translateX(-50%) translateY(-50%) rotate(-45deg);
}

.agWnd{
position:fixed;
left:50%;
top:50%;
transform:translateX(-50%) translateY(-50%);
box-shadow:0 0 20px rgba(0,0,0,0.5);
z-index:200;
border-radius:15px;
background:#fff;
max-width:400px;
}

.agShad{
position:fixed;
width:100%;
height:100%;
left:0;
top:0;
background:rgba(255,255,255,0.5);
z-index:199;
}

.scrl{
position:relative;
overflow:auto;
width:800px;
max-width:100%;
height:100%;
margin:0 50px 0 0;
background:#323232;
border-radius:15px;
}


@keyframes wndIn{
from {opacity:0;transform:translateX(-50%) translateY(-50%) scale(0.8);}
to {opacity:1;transform:translateX(-50%) translateY(-50%) scale(1);}
}
@-moz-keyframes wndIn{
from {opacity:0;transform:translateX(-50%) translateY(-50%) scale(0.8);}
to {opacity:1;transform:translateX(-50%) translateY(-50%) scale(1);}
}
@-webkit-keyframes wndIn{
from {opacity:0;transform:translateX(-50%) translateY(-50%) scale(0.8);}
to {opacity:1;transform:translateX(-50%) translateY(-50%) scale(1);}
}

@keyframes wndOut{
from {opacity:1;transform:translateX(-50%) translateY(-50%) scale(1);}
to {opacity:0;transform:translateX(-50%) translateY(-50%) scale(0.8);}
}
@-moz-keyframes wndOut{
from {opacity:1;transform:translateX(-50%) translateY(-50%) scale(1);}
to {opacity:0;transform:translateX(-50%) translateY(-50%) scale(0.8);}
}
@-webkit-keyframes wndOut{
from {opacity:1;transform:translateX(-50%) translateY(-50%) scale(1);}
to {opacity:0;transform:translateX(-50%) translateY(-50%) scale(0.8);}
}


@keyframes opIn{
from {opacity:0;}
to {opacity:1;}
}
@-moz-keyframes opIn{
from {opacity:0;}
to {opacity:1;}
}
@-webkit-keyframes opIn{
from {opacity:0;}
to {opacity:1;}
}

@keyframes opOut{
from {opacity:1;}
to {opacity:0;}
}
@-moz-keyframes opOut{
from {opacity:1;}
to {opacity:0;}
}
@-webkit-keyframes opOut{
from {opacity:1;}
to {opacity:0;}
}