#CfourContainerPopupModal .modal-xl {
    max-width: 1200px;
}

#CfourContainerPopupModal .modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (1.75rem * 2));
}

#CfourContainerPopupModal .modal-dialog-bottom {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: end;
    min-height: calc(100% - (1.75rem * 2));
}

#CfourContainerPopupModal .modal.scrollup {
    overflow: hidden;
}

#CfourContainerPopupModal .modal.scrollup .modal-dialog {
    transition: -webkit-transform 1s ease-out;
    transition: transform 1s ease-out, -webkit-transform 1s ease-out;
    transition: transform 1s ease-out;
    -webkit-transform: translate(0,100%);
    transform: translate(0,100%);
}

#CfourContainerPopupModal .modal.scrollup .modal-content {
    box-shadow: 0 0 3px rgba(0,0,0,0.5);
    width:100%;
}

#CfourContainerPopupModal .modal.scrollup.in .modal-dialog {
     -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

#CfourContainerPopupModal .modal.scrolldown {
    overflow: hidden;
}

#CfourContainerPopupModal .modal.scrolldown .modal-dialog {
    transition: -webkit-transform 1s ease-out;
    transition: transform 1s ease-out, -webkit-transform 1s ease-out;
    transition: transform 1s ease-out;
    -webkit-transform: translate(0,100%);
    transform: translate(0,100%);
}

#CfourContainerPopupModal .modal.scrolldown .modal-content {
    box-shadow: 0 0 3px rgba(0,0,0,0.5);
    width:100%;
}

#CfourContainerPopupModal .modal.scrolldown.in .modal-dialog {
     -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

#CfourContainerPopupModal .modal-backdrop.cfourContainerPopup{
    background: transparent;
    overflow: hidden;
}

#CfourContainerPopupModal .modal-open.modal-static, .modal-open.modal-static-2, .modal-open.modal-static-3 {
    overflow: auto;
    padding-right:0 !important;
}

#CfourContainerPopupModal .modal-open.modal-static .modal, .modal-open.modal-static-2 .modal, .modal-open.modal-static-3 .modal {
    overflow: hidden;
}

#CfourContainerPopupModal .modal-open.modal-static .modal-backdrop, .modal-open.modal-static-2 .modal-backdrop, .modal-open.modal-static-3 .modal-backdrop  {
    display:none;
}

#CfourContainerPopupModal .modal-content {
    max-width: 100%;
}

#CfourContainerPopupModal .modal-header {
    flex-direction: row-reverse;
}