.wp-block-bod-modal-block.align-center, .bod-block-close-btn.align-center
{
    text-align: center;
}
.wp-block-bod-modal-block.align-left, .bod-block-close-btn.align-left
{
    text-align: left;
}
.wp-block-bod-modal-block.align-right, .bod-block-close-btn.align-right
{
    text-align: right;
}
.wp-block-bod-modal-block .bod-btn, .bod-block-close-btn .bod-btn
{
    display: inline-block;
    vertical-align: top;
    line-height: 1.5;
    padding: 8px 20px;
    margin: 4px 0;
    border-radius: 3px;
    background-color: rgba(0,0,0,.1);
    cursor: pointer;
}
.bod-block-popup-overlay, .bod-block-popup-wrap
{
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
}
.bod-block-popup-overlay
{
    z-index: 10001;
    height: 100%;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    opacity: 0;
}
.bod-block-popup-overlay.active
{
    opacity: 1;
}
.bod-block-popup-wrap
{
    z-index: 10002;
}
.bod-block-popup-wrap.active
{
    opacity: 1;
}
.bod-block-popup-wrap.active .bod-block-popup-closer
{
    opacity: 1;
}
.bod-block-popup-wrap .bod-block-popup
{
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    max-width: 100%;
    max-height: 100%;
    overflow: auto;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    opacity: 0;
}
.bod-block-popup-wrap .bod-block-popup.size-s
{
    width: 400px;
}
.bod-block-popup-wrap .bod-block-popup.size-m
{
    width: 600px;
}
.bod-block-popup-wrap .bod-block-popup.size-l
{
    width: 800px;
}
.bod-block-popup-wrap .bod-block-popup.size-xl
{
    width: 1000px;
}
.bod-block-popup-wrap .bod-block-popup.size-f
{
    width: 100%;
}
.bod-block-popup-wrap .bod-block-popup .bod-modal-title h2
{
    margin: 0;
    clear: none;
}
.bod-block-popup-wrap .bod-block-popup.slide-right
{
    -webkit-animation: slide-right 1s;
    -webkit-animation-delay: 0s;
    animation: slide-right 1s;
    animation-delay: 0s;
    opacity: 1;
}
@-webkit-keyframes slide-right
{
    from
    {
        left: -50%;
    }
    to
    {
        left: 50%;
    }
}
@keyframes slide-right
{
    from
    {
        left: -50%;
    }
    to
    {
        left: 50%;
    }
}
.bod-block-popup-wrap .bod-block-popup.slide-left
{
    -webkit-animation: slide-left 1s;
    -webkit-animation-delay: 0s;
    animation: slide-left 1s;
    animation-delay: 0s;
    opacity: 1;
}
@-webkit-keyframes slide-left
{
    from
    {
        left: 150%;
    }
    to
    {
        left: 50%;
    }
}
@keyframes slide-left
{
    from
    {
        left: 150%;
    }
    to
    {
        left: 50%;
    }
}
.bod-block-popup-wrap .bod-block-popup.slide-down
{
    -webkit-animation: slide-down 1s;
    -webkit-animation-delay: 0s;
    animation: slide-down 1s;
    animation-delay: 0s;
    opacity: 1;
}
@-webkit-keyframes slide-down
{
    from
    {
        top: -50%;
    }
    to
    {
        top: 50%;
    }
}
@keyframes slide-down
{
    from
    {
        top: -50%;
    }
    to
    {
        top: 50%;
    }
}
.bod-block-popup-wrap .bod-block-popup.slide-up
{
    -webkit-animation: slide-up 1s;
    -webkit-animation-delay: 0s;
    animation: slide-up 1s;
    animation-delay: 0s;
    opacity: 1;
}
@-webkit-keyframes slide-up
{
    from
    {
        top: 150%;
    }
    to
    {
        top: 50%;
    }
}
@keyframes slide-up
{
    from
    {
        top: 150%;
    }
    to
    {
        top: 50%;
    }
}
.bod-block-popup-wrap .bod-block-popup.fade
{
    opacity: 1;
}
.bod-block-popup-wrap .bod-block-popup-closer
{
    position: fixed;
    top: 0;
    right: 0;
    text-align: center;
    font-weight: normal;
    line-height: 48px;
    height: 48px;
    width: 48px;
    color: #000;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    opacity: 0;
    background-color: rgba(255,255,255,.2);
}
.bod-block-popup-wrap .bod-block-popup-closer:before
{
    content: '×';
    font-size: 48px;
}
.bod-block-popup-wrap .bod-block-popup-closer:hover
{
    cursor: pointer;
}
.bod-block-popup-wrap button.bod-block-title-closer
{
    float: right;
    line-height: 1;
    padding: 6px;
    margin: 0;
    border: none;
    outline: none;
}
.bod-block-popup-wrap button.bod-block-title-closer:hover
{
    background-color: transparent;
    color: #000;
    border: none;
    padding: 6px;
}
.bod-block-popup-wrap button.bod-block-title-closer:active
{
    background-color: transparent;
    color: #000;
    border: none;
}
.bod-block-popup-wrap button.bod-block-title-closer:not(:hover):not(:active)
{
    background-color: transparent;
    color: #000;
    border: none;
}