#jaks #l-modal,
#jaks .l-modal-close,
#jaks #l-close {
    display: none;
}

#jaks.l-modal-init #l-modal,
#jaks.l-modal-active .l-modal-close,
#jaks.l-modal-active #l-close {
    display: block;
}

#jaks .l-modal:before,
#jaks .l-modal .l-modal-inner {
    display: inline-block;
    vertical-align: middle;
}

#jaks #l-close,
#jaks .l-modal {
    opacity: 0;
}

#jaks .l-modal-inner,
#jaks .l-modal-close {
    pointer-events: all;
}

#jaks.l-modal-active .l-modal-close,
#jaks.l-modal-active .l-modal.l-modal-active {
    z-index: 1000;
}

#jaks.l-modal-active #l-close,
#jaks.l-modal-active .l-modal-close,
#jaks.l-modal-active .l-modal.l-modal-active {
    position: fixed;
}

#jaks .l-modal {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow-y: initial;
    pointer-events: none;
    text-align: center;
}

#jaks.l-modal-active {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#jaks.l-modal-active #l-close {
    z-index: 200;
    opacity: 0.9;
}

#jaks .l-modal-inner,
#jaks.l-modal-active .l-modal.l-modal-active {
    max-height: 100%;
}

#jaks .l-modal:before {
    content: '';
    display: inline-block;
    margin-left: 0;
    height: 100%;
}

#jaks .l-modal-inner {
    text-align: left;
    width: 100%;
    max-width: 97%;
    margin-right: 1%;
    overflow-y: auto;
}

#jaks .l-modal-close {
    width: 60px;
    height: 60px;
}

@media(max-width: 767px) {
    #jaks .l-modal {
        padding-top: 60px;
    }
}

@media(min-width: 768px) {
    #jaks .l-modal {
        -webkit-transition: 0.1s linear opacity;
        -moz-transition: 0.1s linear opacity;
        -ms-transition: 0.1s linear opacity;
        -o-transition: 0.1s linear opacity;
        transition: 0.1s linear opacity;
    }
    #jaks .l-modal .l-modal-inner {
        max-width: 600px;
    }
}