.vulcan-modal-open {
    overflow: hidden;
}

.vulcan-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

.vulcan-modal-modal_in {
    display: block;
    overflow-x: hidden;
    overflow-y: auto;
}

@media (max-width: 768px) {
    .vulcan-modal-content {
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top: 100px !important;
        width: calc(100% - 15px) !important;
        position: static !important;
    }
}

.vulcan-modal-content {
    position: relative;
    background-color: #EBF2FF;
    -webkit-background-clip: padding-box;
    border: 1px solid #C6C6C6;
    outline: 0;
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    padding-bottom: 35px;
    margin: auto;
}

.vulcan-modal-header {
    position: relative;
    height: 50px;
}

.vulcan-modal-header {

}

.vulcan-modal-close {
    background: url(/img/closd-b.svg);
    -webkit-background-size: 100%;
    background-size: 100%;
    width: 32px;
    height: 32px;
    opacity: 0.3;
    top: 20px;
    right: 20px;

    cursor: pointer;

    position: absolute;

    background-color: transparent;
}

.vulcan-modal-header-close :hover {
    opacity: 0.5;
}

.vulcan-modal-body {

}

.vulcan-modal-footer {

}

.vulcan-modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    opacity: 0;
    background-color: #000;
    transition: opacity 0.15s linear;
}

.vulcan-modal-backdrop_in {
    opacity: .2;
}