.leave-page-modal {position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, .7); opacity: 0; height: 0; overflow: hidden; display: block;
	-webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0);

    -webkit-transition: opacity 90ms ease-in-out;
    -moz-transition: opacity 90ms ease-in-out;
    -ms-transition: opacity 90ms ease-in-out;
    -o-transition: opacity 90ms ease-in-out;
    transition: opacity 90ms ease-in-out;
}

.leave-page-modal.active {display: table; opacity: 1; height: 100vh; z-index: 99;}
.leave-page-modal .modal-cell {display: table-cell; vertical-align: middle}
.leave-page-modal .modal-content {background: #fff; background: linear-gradient(155deg, #fff, #eee); width: 500px; margin: 0 auto; padding: 30px; text-align: center; opacity: 0; position: relative; box-shadow: #000 0 0 20px; border-radius: 2px;
	-webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0);

    transform: scale(.2);

    -webkit-transition: opacity 250ms ease-in-out;
    -moz-transition: opacity 250ms ease-in-out;
    -ms-transition: opacity 250ms ease-in-out;
    -o-transition: opacity 250ms ease-in-out;
    transition: opacity 250ms ease-in-out;

    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    -ms-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms;
}

.leave-page-modal.active .modal-content {opacity: 1; transform: scale(1)}
.leave-page-modal.active .modal-content .text {margin: 0 0 20px}
.leave-page-modal .modal-content .close {position: absolute; right: -14px; top: -14px; border: 1px #fff solid; text-decoration: none; padding: 4px 10px; font-weight: bold; border-radius: 9999px; overflow: hidden; background: linear-gradient(135deg, #555, #333); color: #fff; text-shadow: #000 0 1px 1px; box-shadow: #000 0 1px 1px}
.leave-page-modal .modal-content .buttons {display: flex; justify-content: space-around;}
/*
.leave-page-modal .modal-content .buttons a {display: inline-block; margin: 0 20px; color: #fff; padding: 8px 14px; color: #fff; border-radius: 5px; text-decoration: none;


    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0);

    -webkit-transition: background 150ms ease-in-out;
    -moz-transition: background 150ms ease-in-out;
    -ms-transition: background 150ms ease-in-out;
    -o-transition: background 150ms ease-in-out;
    transition: background 150ms ease-in-out;
}

.leave-page-modal .modal-content .buttons a:nth-child(1) {background: #142b46}
.leave-page-modal .modal-content .buttons a:nth-child(2) {background: #aab}
*/
@media only screen and (min-width: 1041px) {
    /*
    .leave-page-modal .modal-content .buttons a:nth-child(1):hover {background: #244b66}
    .leave-page-modal .modal-content .buttons a:nth-child(2):hover {background: #99a}
    */
    .leave-page-modal .modal-content .close:hover {background: linear-gradient(135deg, #4f4f4f, #2f2f2f); color: #fff; text-shadow: none}
}

@media only screen and (max-width: 1024px) {
    .leave-page-modal, .leave-page-modal.active {display: none}
}


/* Custom styles */
.leave-page-modal .modal-content .border-box {
    border: 3px dashed #024e82;
    padding: 27px;
}
.leave-page-modal .modal-content h2 {
    font-size: 30px;
    font-weight: 600;
    color: #000;
}
.leave-page-modal .modal-content p {
    font-weight: normal;
    font-size: 18px;
    color: #000;
}
/*
.leave-page-modal .modal-content .buttons a:nth-child(1) {
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);
    background-color: #024e82;
    border-color: #01395f;
    color: white;

}

.leave-page-modal .modal-content .buttons a:nth-child(1):hover {
    background-color: #01395f;
}
*/