.popup-maker-close {
    position: absolute;
    top: -1.25em;
    right: 0;
    color: #fff !important;
    border: 0;
    outline: none;
    opacity: 1;
    text-shadow: none;
}

.popup-maker-modal video,
.popup-maker-modal img {
    display: flex;
}

.popup-maker-modal .modal-header {
    border-bottom: 0;
}

.popup-maker-modal .modal-footer {
    border-top: 0;
}

.popup-maker-modal .modal-body p {
    color: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    padding-bottom: 1em;
    text-align: inherit;
}

.popup-maker-text-left {
    text-align: left !important;
}

.popup-maker-text-center {
    text-align: center !important;
}

.popup-maker-text-right {
    text-align: right !important;
}

.popup-maker-modal .modal-body p:last-child {
    padding-bottom: 0;
}

.popup-maker-backdrop.show {
    opacity: 1 !important;
}

.popup-maker-pos {
    margin: .5rem;
    min-height: calc(100% - (.5rem * 2));
    display: flex;
}

.popup-maker-pos-top {
    align-items: start;
}

.popup-maker-pos-middle {
    align-items: center;
}

.popup-maker-pos-bottom {
    align-items: end;
}

.popup-maker-pos-center,
.popup-maker-pos-sx {
    margin-right: auto !important;
}

.popup-maker-pos-center,
.popup-maker-pos-dx {
    margin-left: auto !important;
}

.popup-maker-pos-custom {
    display: block;
    margin: 0;
    margin-left: attr(data-custom-x px) !important;
    margin-top: attr(data-custom-y px) !important;
}

.popup-maker-animated {
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    transition-duration: attr(data-velocity ms);
}

.popup-maker-animated-center {
    transform: translate(0, 0);
}

.popup-maker-animated-up {
    transform: translate(0, -25%);
}

.popup-maker-animated-down {
    transform: translate(0, 25%);
}

.popup-maker-animated-left {
    transform: translate(-25%, 0);
}

.popup-maker-animated-right {
    transform: translate(0, -25%);
}

.popup-maker-p-0 .modal-body {
    padding: 0 !important;
}

@media (min-width: 576px) {
    .popup-maker-pos {
        margin: 1.75rem;
        min-height: calc(100% - (1.75rem * 2));
    }
}

.popup-maker-sm,
.popup-maker-md,
.popup-maker-xl,
.popup-maker-lg {
    max-width: 300px;
}

@media (min-width: 576px) {

    .popup-maker-md,
    .popup-maker-xl,
    .popup-maker-lg {
        max-width: 500px;
    }
}

@media (min-width: 992px) {

    .popup-maker-xl,
    .popup-maker-lg {
        max-width: 800px;
    }
}

@media (min-width: 1200px) {
    .popup-maker-xl {
        max-width: 1140px;
    }
}