/* MIT license, Copyright (c) 2018 Posta.re, https://github.com/postare/bulma-modal-fx */
.modal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    visibility: hidden
}

.modal .modal-background {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    opacity: 0
}

.modal.is-active {
    visibility: visible
}

.modal.is-active .modal-background {
    opacity: 1
}

.modal.modal-full-screen .modal-background {
    background-color: #fff
}

.modal.modal-full-screen .modal-content {
    width: 100%;
    height: 100%;
    max-height: 100vh;
    margin: 0;
    background-color: #fff
}

.modal.modal-fx-fadeInScale .modal-content {
    -webkit-transform: scale(.7);
    -o-transform: scale(.7);
    transform: scale(.7);
    opacity: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.modal.modal-fx-fadeInScale.is-active .modal-content {
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.modal.modal-fx-slideRight .modal-content {
    -webkit-transform: translateX(20%);
    -o-transform: translateX(20%);
    transform: translateX(20%);
    opacity: 0;
    -webkit-transition: all .3s cubic-bezier(.25, .5, .5, .9);
    -o-transition: all .3s cubic-bezier(.25, .5, .5, .9);
    transition: all .3s cubic-bezier(.25, .5, .5, .9)
}

.modal.modal-fx-slideRight.is-active .modal-content {
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.modal.modal-fx-slideLeft .modal-content {
    -webkit-transform: translateX(-20%);
    -o-transform: translateX(-20%);
    transform: translateX(-20%);
    opacity: 0;
    -webkit-transition: all .3s cubic-bezier(.25, .5, .5, .9);
    -o-transition: all .3s cubic-bezier(.25, .5, .5, .9);
    transition: all .3s cubic-bezier(.25, .5, .5, .9)
}

.modal.modal-fx-slideLeft.is-active .modal-content {
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.modal.modal-fx-slideBottom .modal-content {
    -webkit-transform: translateY(20%);
    -o-transform: translateY(20%);
    transform: translateY(20%);
    opacity: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.modal.modal-fx-slideBottom.is-active .modal-content {
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.modal.modal-fx-slideTop .modal-content {
    -webkit-transform: translateY(-20%);
    -o-transform: translateY(-20%);
    transform: translateY(-20%);
    opacity: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.modal.modal-fx-slideTop.is-active .modal-content {
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.modal.modal-fx-fall.modal {
    -webkit-perspective: 1300px;
    perspective: 1300px
}

.modal.modal-fx-fall .modal-content {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(600px) rotateX(20deg);
    transform: translateZ(600px) rotateX(20deg);
    opacity: 0
}

.modal.modal-fx-fall.is-active .modal-content {
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    -webkit-transform: translateZ(0) rotateX(0);
    transform: translateZ(0) rotateX(0);
    opacity: 1
}

.modal.modal-fx-slideFall.modal {
    -webkit-perspective: 1300px;
    perspective: 1300px
}

.modal.modal-fx-slideFall .modal-content {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translate(30%) translateZ(600px) rotate(10deg);
    transform: translate(30%) translateZ(600px) rotate(10deg);
    opacity: 0
}

.modal.modal-fx-slideFall.is-active .modal-content {
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    -webkit-transform: translate(0) translateZ(0) rotate(0);
    transform: translate(0) translateZ(0) rotate(0);
    opacity: 1
}

.modal.modal-fx-newsPaper .modal-content {
    -webkit-transform: scale(0) rotate(720deg);
    -o-transform: scale(0) rotate(720deg);
    transform: scale(0) rotate(720deg);
    opacity: 0
}

.modal.modal-fx-newsPaper .modal-background,
.modal.modal-fx-newsPaper .modal-content {
    -webkit-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s
}

.modal.modal-fx-newsPaper.is-active .modal-content {
    -webkit-transform: scale(1) rotate(0);
    -o-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
    opacity: 1
}

.modal.modal-fx-3dFlipVertical.modal {
    -webkit-perspective: 1300px;
    perspective: 1300px
}

.modal.modal-fx-3dFlipVertical .modal-content {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateX(-70deg);
    transform: rotateX(-70deg);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    opacity: 0
}

.modal.modal-fx-3dFlipVertical.is-active .modal-content {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    opacity: 1
}

.modal.modal-fx-3dFlipHorizontal.modal {
    -webkit-perspective: 1300px;
    perspective: 1300px
}

.modal.modal-fx-3dFlipHorizontal .modal-content {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateY(-70deg);
    transform: rotateY(-70deg);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    opacity: 0
}

.modal.modal-fx-3dFlipHorizontal.is-active .modal-content {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    opacity: 1
}

.modal.modal-fx-3dSign.modal {
    -webkit-perspective: 1300px;
    perspective: 1300px
}

.modal.modal-fx-3dSign .modal-content {
    position: relative;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateX(-60deg);
    transform: rotateX(-60deg);
    -webkit-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    opacity: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.modal.modal-fx-3dSign.is-active .modal-content {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    opacity: 1
}

.modal.modal-fx-3dSignDown.modal {
    -webkit-perspective: 1300px;
    perspective: 1300px
}

.modal.modal-fx-3dSignDown .modal-content {
    position: relative;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateX(60deg);
    transform: rotateX(60deg);
    -webkit-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
    opacity: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.modal.modal-fx-3dSignDown.is-active .modal-content {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    opacity: 1
}

.modal.modal-fx-superScaled .modal-content {
    -webkit-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
    opacity: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.modal.modal-fx-superScaled.is-active .modal-content {
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.modal.modal-fx-3dSlit.modal {
    -webkit-perspective: 1300px;
    perspective: 1300px
}

.modal.modal-fx-3dSlit .modal-content {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(-3000px) rotateY(90deg);
    transform: translateZ(-3000px) rotateY(90deg);
    opacity: 0
}

.modal.modal-fx-3dSlit.is-active .modal-content {
    -webkit-animation: slit .5s forwards ease-out;
    -o-animation: slit .5s forwards ease-out;
    animation: slit .5s forwards ease-out
}

@-webkit-keyframes slit {
    50% {
        -webkit-transform: translateZ(-250px) rotateY(89deg);
        transform: translateZ(-250px) rotateY(89deg);
        opacity: 1;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: translateZ(0) rotateY(0);
        transform: translateZ(0) rotateY(0);
        opacity: 1
    }
}

@-o-keyframes slit {
    50% {
        transform: translateZ(-250px) rotateY(89deg);
        opacity: 1;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        transform: translateZ(0) rotateY(0);
        opacity: 1
    }
}

@keyframes slit {
    50% {
        -webkit-transform: translateZ(-250px) rotateY(89deg);
        transform: translateZ(-250px) rotateY(89deg);
        opacity: 1;
        -webkit-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: translateZ(0) rotateY(0);
        transform: translateZ(0) rotateY(0);
        opacity: 1
    }
}

.modal.modal-fx-3dRotateFromBottom.modal {
    -webkit-perspective: 1300px;
    perspective: 1300px
}

.modal.modal-fx-3dRotateFromBottom .modal-content {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateY(100%) rotateX(90deg);
    transform: translateY(100%) rotateX(90deg);
    -webkit-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
    opacity: 0;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.modal.modal-fx-3dRotateFromBottom.is-active .modal-content {
    -webkit-transform: translateY(0) rotateX(0);
    transform: translateY(0) rotateX(0);
    opacity: 1
}

.modal.modal-fx-3dRotateFromLeft.modal {
    -webkit-perspective: 1300px;
    perspective: 1300px
}

.modal.modal-fx-3dRotateFromLeft .modal-content {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
    transform: translateZ(100px) translateX(-30%) rotateY(90deg);
    -webkit-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
    opacity: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.modal.modal-fx-3dRotateFromLeft.is-active .modal-content {
    -webkit-transform: translateZ(0) translateX(0) rotateY(0);
    transform: translateZ(0) translateX(0) rotateY(0);
    opacity: 1
}

.modal .modal-content.is-huge {
    width: 100%;
    margin: 0 20px;
    max-height: calc(100vh - 40px)
}

@media screen and (min-width:769px) {
    .modal .modal-content.is-huge {
        width: 100%;
        margin: 0 20px;
        max-height: calc(100vh - 40px)
    }
}

.modal .modal-content.is-tiny {
    max-width: 400px
}

.modal .modal-content.is-image {
    text-align: center
}

.modal .modal-content.is-image img {
    max-height: calc(100vh - 50px)
}

.modal.modal-pos-top {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.modal.modal-pos-top .modal-content {
    margin-top: 1rem
}

.modal.modal-pos-bottom {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.modal.modal-pos-bottom .modal-content {
    margin-bottom: 1rem
}

.modal .modal-background {
    background-color: rgba(10, 10, 10, .86)
}

.preload * {
	transition: none !important;
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-ms-transition: none !important;
	-o-transition: none !important;
}