.advmodal_popup.modal.left
{
    position: fixed;
    z-index: 99999;
}

.advmodal_popup.modal.left .modal-dialog
{
    position: fixed;
    bottom: 0;

    width: 68%;
    height: 80%;
    margin: auto;

    transform: translate3d(0%, 0, 0);
}

.advmodal_popup.modal.left .modal-content
{
    height: 100%;
}

.advmodal_popup.modal.left .modal-body
{
    padding: 0 12%;
}

.advmodal_popup.modal.right
{
    position: fixed;
    z-index: 99999;
}

.advmodal_popup.modal.right .modal-dialog
{
    position: fixed;
    bottom: 0;

    width: 68%;
    height: 80%;
    margin: auto;

    transform: translate3d(0%, 0, 0);
}

.advmodal_popup.modal.right .modal-content
{
    height: 100%;
}

.advmodal_popup.modal.right .modal-body
{
    padding: 0 12%;
}

.advmodal_popup.modal.left.fade .modal-dialog
{
    left: -50%;

    transition: opacity .3s linear, left .3s ease-out;
}

.advmodal_popup.modal.left.fade.show .modal-dialog
{
    left: 0;

    box-shadow: 0 0 19px rgba(0, 0, 0, .5);
}

.advmodal_popup.modal.right.fade .modal-dialog
{
    right: -50%;

    transition: opacity .3s linear, right .3s ease-out;
    transform-origin: bottom right 160px;
}

.advmodal_popup.modal.right.fade.show .modal-dialog
{
    right: 0;

    box-shadow: 0 0 19px rgba(0, 0, 0, .5);
}

.advmodal_popup .modal-content
{
    border: none;
    border-radius: 0;
}

.advmodal_popup .modal-header
{
    padding: 23px 26px;
}

.advmodal_popup .modal-header.left
{
    padding: 10px 15px;

    border-bottom-color: #eee;
    background-color: #fafafa;
}

.advmodal_popup .modal-header.right
{
    padding: 10px 15px;

    border-bottom-color: #eee;
    background-color: #fafafa;
}

.advmodal_popup .modal-body
{
    overflow-x: hidden;
    overflow-y: auto;

    height: auto;
}

.modal .close
{
    width: 22px;
    height: 22px;
    margin-top: 10px;
    margin-right: 10px;

    background: url('../../images/adv-modal-close.svg') no-repeat;
}

.modal .close span
{
    display: none;
}

@media (min-width: 576px)
{
    .advmodal_popup.left .modal-dialog
    {
        max-width: 100%;
    }
    .advmodal_popup.right .modal-dialog
    {
        max-width: 100%;
    }
}

@media (max-width: 991.98px)
{
    .advmodal_popup.modal.left .modal-dialog
    {
        width: 95%;
        height: 90%;
    }
    .advmodal_popup.modal.right .modal-dialog
    {
        width: 95%;
        height: 90%;
    }
}

.paragraph--type--bp-adv-modal .paragraph
{
    cursor: pointer;
}