/*!
 * Copyright (c) 2017. tom@axisj.com
 * - github.com/thomasjang
 * - www.axisj.com
 */
/*!
 * Copyright (c) 2017. tom@axisj.com
 * - github.com/thomasjang
 * - www.axisj.com
 */
@-webkit-keyframes ax-mask {
    from {
        opacity: 0.0
    }

    to {
        opacity: .6
    }
}

@-moz-keyframes ax-mask {
    from {
        opacity: 0.0
    }

    to {
        opacity: .6
    }
}

@keyframes ax-mask {
    from {
        opacity: 0.0
    }

    to {
        opacity: .6
    }
}

@-webkit-keyframes ax-mask-fade-out {
    from {
        opacity: .6
    }

    to {
        opacity: 0.0
    }
}

@-moz-keyframes ax-mask-fade-out {
    from {
        opacity: .6
    }

    to {
        opacity: 0.0
    }
}

@keyframes ax-mask-fade-out {
    from {
        opacity: .6
    }

    to {
        opacity: 0.0
    }
}

.ax-masking {
    -webkit-filter: blur(3px);
    -webkit-transform: scale(0.96);
    -moz-transform: scale(0.96);
    -ms-transform: scale(0.96);
    -o-transform: scale(0.96);
    transform: scale(0.96);
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0)
}

.ax-mask {
    box-sizing: border-box;
    z-index: 1000;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.ax-mask *,.ax-mask *:before,.ax-mask *:after {
    box-sizing: border-box
}

.ax-mask .ax-mask-bg {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6
}

.ax-mask .ax-mask-content {
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: table;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    text-shadow: 0px 1px 0px #000
}

.ax-mask .ax-mask-content * {
    color: inherit
}

.ax-mask .ax-mask-content>div {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.ax-mask.fade-out {
    -webkit-animation: ax-mask-fade-out .25s;
    -o-animation: ax-mask-fade-out .25s;
    animation: ax-mask-fade-out .25s;
    opacity: 0.0
}