.vacansy-list-slidebar {
    width: 0;
    height: 100%;
    position: fixed;
    top: 0;
    right:  0;
    opacity: 0;
    background: #fff;
    transition: width 400ms ease, opacity 200ms ease;
    z-index: 11;
}

.vacansy-list-slidebar .h2{
     margin: 0 0 45px 0;
    font-size: 38px;
}

.vacansy-list-slidebar.is-open {
   width: 70%;
   opacity: 1;
}
.vacansy-list-slidebar.is-open .vacansy-list-slidebar__body {
    opacity: 1;
}
.vacansy-list-grid-doc a {
    color: #cc193d; 
    text-decoration: none !important;
}
.vacansy-list-slidebar__body  {
    padding: 40px;
    height: 100%;
    opacity: 0;
    background: #fff;
    overflow: scroll;
    transition: opacity 300ms ease;
    transition-delay: 300ms;
}
.vacansy-list-slidebar_close  {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 10px;
    left: -60px;
    color: #fff;

}
.vacansy-list-slidebar_close svg {
    width: 100%;
    height: 100%;
    fill: currentColor;
}

.vacansy-list-pane-body .vacansy-list-grid {
    margin: 0 -10px;
}
.overlay {

    overflow: hidden;

}
.overlay:before {
    content: '';
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;

    background: rgba(0,0,0,0.5);
    z-index: 10;

}


@media only screen and (max-width: 780px) {
    .vacansy-list-pane .vacansy-list-pane__col {
        margin-bottom: 0px;
    }
}