.modal-open { overflow: hidden; padding: 0 !important; }
.modal-open .modal { overflow-x: hidden; overflow-y: auto; }
.modal-dialog { position: relative; max-width: 700px; width: 100%; left:50%; top: 50%; margin: 0 !important; }
.modal-dialog-center { position: absolute; left: 50%; top: 50%; margin: 0; }
.modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; }
.fade { opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; }
.fade.in { opacity: 1; }
.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate3d(0, -25%, 0);
    -o-transform: translate3d(0, -25%, 0);
    transform: translate3d(0, -25%, 0);
}
.modal.in .modal-dialog {
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.modal-backdrop { background-color: #000; position: fixed; top: 0; right: 0; bottom: 0; left: 0; }
.modal-backdrop.fade { filter: alpha(opacity=0); opacity: 0; }
.modal-backdrop.in { filter: alpha(opacity=50); opacity: .5; }
.modal-content { position: relative; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; }
.modal-body { position: relative; padding: 20px 20px 10px; text-align: center; }
.modal-body p { margin: 0 0 15px 0; }
.modal-body .wrap-buttons .btn { opacity: 1; }
.modal-body .wrap-buttons { margin: 20px 0; }
.modal-body .wrap-buttons .btn.mrb5 { margin: 0 15px 15px 15px; }