.modal{
    background: white;
    padding: 0;
    text-align: left;
    max-width: 400px;
    margin: 40px auto;
    position: relative;
}
.modal h1,
.modal-title{
    text-align: center;
    padding: 10px 41px;
    background: #fff;
    color: #0ba4e4;
    font-size: 23px;
    font-weight: bold;
}
.modal .body, .modal .btns{
    overflow: hidden;
}
.modal .body{
    padding: 20px 30px 5px;
    text-align: center;
    font-size: 16px;
    min-height: 100px;
}

.modal .btns{
    padding: 15px 15px;
    border-top: 1px solid #ccc;
}
.modal .btns a{
    float: none;
    display: inline-block;
    font-size: 14px;
}
.modal .btns a.close{
    float: right;
    width: 100px;
}
.modal .mfp-close,
.elOrderPopup .mfp-close{
    color: #0ba4e4;
    height: 52px;
}
.modal-error .body{
    color: red;
}
.modal-success .body{
    color: green;
}
.modal-error .body, .modal-success .body{
    min-height: inherit;
}

.ajax-mfp-slide-bottom .modal {
    opacity: 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;

    -webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
    -moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
    -ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
    -o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
    transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );

}

/* animate in */
.ajax-mfp-slide-bottom.mfp-ready .modal {
    opacity: 1;
    -webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 );
    -moz-transform: translateY(0) perspective( 600px ) rotateX( 0 );
    -ms-transform: translateY(0) perspective( 600px ) rotateX( 0 );
    -o-transform: translateY(0) perspective( 600px ) rotateX( 0 );
    transform: translateY(0) perspective( 600px ) rotateX( 0 );
}

/* animate out */
.ajax-mfp-slide-bottom.mfp-removing .modal {
    opacity: 0;

    -webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
    -moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
    -ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
    -o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
    transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
}

/* Dark overlay, start state */
.ajax-mfp-slide-bottom.mfp-bg {
    opacity: 0;

    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}
/* animate in */
.ajax-mfp-slide-bottom.mfp-ready.mfp-bg {
    opacity: 0.8;
}
/* animate out */
.ajax-mfp-slide-bottom.mfp-removing.mfp-bg {
    opacity: 0;
}