body.modal-open {
    overflow: hidden;
}

.modal {
    display: none;
}

.modal-bg {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.4);
    position: fixed;
}

.modal-box {
    background: white;
    transition: top 0.5 s;
    border-radius: 3 px;
    color: #555;
    padding: 10px;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .5);
}
.cs-modal {
    padding: 10px;
}

.modal-close {
    display: block;
    color: #555;
    font-size: 13px;
    text-decoration: none;
    text-transform: uppercase;
    position: absolute;
    top: 6px;
    right: 10px;
}

p.modal-text {
    padding: 10px 20px;
    font-size: 18px;
    font-weight: 300;
    text-align: justify;
}

.styled-pane {
    -webkit-animation-duration: 450ms;
    -webkit-animation-name: styled-pop;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-duration: 450ms;
    -moz-animation-name: styled-pop;
    -moz-animation-timing-function: ease-in-out;
    animation-duration: 450ms;
    animation-name: styled-pop;
    animation-timing-function: ease-in-out;
    visibility: visible!important;
    opacity: 1!important;
}

.modal-out {
    opacity: 0;
    z-index: 1109;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-transform: translate3d(0, 0, 0) scale(0.815);
    transform: translate3d(0, 0, 0) scale(0.815)
}

@-moz-keyframes styled-pop {
    0% {
        opacity: 0;
        -moz-transform: scale(0.25, 0.25)
    }
    65% {
        opacity: 1;
        -moz-transform: scale(1.02, 1.02)
    }
    100% {
        opacity: 1;
        -moz-transform: scale(1, 1)
    }
}

@keyframes styled-pop {
    0% {
        opacity: 0;
        transform: scale(0.25, 0.25)
    }
    65% {
        opacity: 1;
        transform: scale(1.02, 1.02)
    }
    100% {
        opacity: 1;
        transform: scale(1, 1)
    }
}

@-webkit-keyframes styled-pop {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.25, 0.25, 1)
    }
    65% {
        opacity: 1;
        -webkit-transform: scale3d(1.02, 1.02, 1)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1)
    }
}