@charset "UTF-8";

html {
    font-size: 100%;
}

pre {
    margin: 1rem;
    padding: 1rem;
    color: #333;
    background: #ddd;
    border: thin solid #aaa;
    border-radius: .25rem;
}

a {
    text-decoration: none !important;
}

a,
a *,
button,
button *,
.btn,
.btn *,
.cursor-pointer,
.cursor-pointer *,
label,
label *,
*[href],
*[href] *  {
    cursor: pointer !important;
}

.cursor-default,
.cursor-default * {
    cursor: default !important;
}

*[disabled],
*[disabled] * {
    cursor: not-allowed !important;
}


/*
 * fa
 */

.fa-stack-text {
    line-height: .8rem;
    height: 1rem;
}

.fa-stacked-text {
    font-size: 80%;
    line-height: 1;
}


/**
 * btn
 */

.btn-auto {
    display: inline-block;
    width: auto;
}

@media (min-width: 576px) {
    .btn-sm-auto {
        display: inline-block;
        width: auto;
    }
}

@media (min-width: 768px) {
    .btn-md-auto {
        display: inline-block;
        width: auto;
    }
}

@media (min-width: 992px) {
    .btn-lg-auto {
        display: inline-block;
        width: auto;
    }
}

@media (min-width: 1200px) {
    .btn-xl-auto {
        display: inline-block;
        width: auto;
    }
}


/**
 * text
 */

.text-xs,
.text-xs-all * {
    font-size: .75rem;
}

.text-sm,
.text-sm-all * {
    font-size: 1rem;
}

.text-md,
.text-md-all * {
    font-size: 1.25rem;
}

.text-lg,
.text-lg-all * {
    font-size: 1.5rem;
}

.text-xl,
.text-xl-all * {
    font-size: 2rem;
}

.text-fat {
    font-weight: bold;
}

.text-bracket:before {
    content: "(";
}

.text-bracket:after {
    content: ")";
}

.text-black,
.text-black-all * {
    color: #000 !important;
}

.text-white,
.text-white-all * {
    color: #fff !important;
}

.text-left.list * {
    text-align: left !important;
}

.text-right.list * {
    text-align: right !important;
}

.text-center.list * {
    text-align: center !important;
}


/**
 * sticky-bottom
 */

.sticky-bottom {
    position: fixed;
    bottom: 0;
    z-index: 920;
}


/*
 * btn
 */

.btn-border-dark {
    border: 1px solid #343a40;
}


/**
 * list
 */

.list-cleared {
    margin: 0;
    padding: 0;
    list-style: none;
}

.list-striped {
    border-top: thin solid #eee;
    border-bottom: thin solid #eee;
}

.list-striped .list-item:nth-of-type(2n) {
    background: #eee;
}

.list-item--link {
    display: block;
}

.list-item--link {
    padding: .5rem;
}

.list-icon-fas .fas {
    text-align: center !important;
    min-width: 1.25rem;
}

.list-icon-fas.list-icon-fas-2 .fas {
    min-width: 2rem;
}


/**
 * copyright
 */

.copyright,
.copyright-link {
    font-size: small;
    color: #666;
}


/**
 * hashtag
 */

.hashtag-underline {
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    transition: border-bottom 300ms ease;
}

.hashtag-underline:hover {
    border-bottom: 1px solid rgba(0, 0, 0, 1);
}


/**
 * modifier
 */

.is-active,
.is-collapsed,
.is-expanded,
.is-disabled,
.is-selected {}


/**
 * o
 */

.o-magenta {
    outline: thin solid magenta;
}


/**
 * clear
 */

.clear {
    clear: both !important;
}


/**
 * vertical
 */

.vertical-top,
.vertical-top-inside > * {
    vertical-align: top;
}


/**
 * center
 */

.center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}


/**
 * bubble
 */

.bubble {
    display: block;
    position: absolute;
    cursor: default !important;
}

.bubble-trigger {
    display: inline-block;
    position: relative;
}

.bubble-content {
    display: block;
    padding: .25rem .375rem;
    color: #000;
    background: #fff;
    border: thin solid #6c757d;
    border-radius: .25rem;
    box-shadow: 0 0 .25rem rgba(0, 0, 0, .3);
    font-size: .75rem;
}

.bubble-pointer {
    display: block;
    position: absolute;
    width: 0;
    height: 0;
}

.bubble-trigger > *:not(.bubble) {
    position: relative;
    z-index: 2;
}

.bubble-trigger:hover > .bubble {
    z-index: 3;
}

.bubble-top,
.bubble-bottom,
.bubble-top .bubble-pointer,
.bubble-bottom .bubble-pointer {
    left: 50%;
    transform: translateX(-50%);
}

.bubble-top {
    bottom: 100%;
    margin-bottom: .625rem;
}

.bubble-top .bubble-pointer {
    top: 100%;
    border-left: .5rem solid transparent;
    border-right: .5rem solid transparent;
    border-top: .5rem solid #6c757d;
}

.bubble-bottom {
    top: 100%;
    margin-top: .625rem;
}

.bubble-bottom .bubble-pointer {
    bottom: 100%;
    border-left: .5rem solid transparent;
    border-right: .5rem solid transparent;
    border-bottom: .5rem solid #6c757d;
}

.bubble-left,
.bubble-right,
.bubble-left .bubble-pointer,
.bubble-right .bubble-pointer {
    top: 50%;
    transform: translateY(-50%);
}

.bubble-left {
    right: 100%;
    margin-right: .625rem;
}

.bubble-left .bubble-pointer {
    left: 100%;
    border-top: .5rem solid transparent;
    border-bottom: .5rem solid transparent;
    border-left: .5rem solid #6c757d;
}

.bubble-right {
    left: 100%;
    margin-left: .625rem;
}

.bubble-right .bubble-pointer {
    right: 100%;
    border-top: .5rem solid transparent;
    border-bottom: .5rem solid transparent;
    border-right: .5rem solid #6c757d;
}

.bubble-hover {
    transition: opacity 300ms ease, top 300ms ease, bottom 300ms ease, left 300ms ease, right 300ms ease;
}

.bubble-hover.bubble-fx-hidden {
    display: none;
}

.bubble-trigger:hover > .bubble-hover.bubble-fx-hidden {
    display: block;
}

.bubble-hover.bubble-fx-opacity {
    opacity: 0;
}

.bubble-trigger:hover > .bubble-hover.bubble-fx-opacity {
    opacity: 1;
}

.bubble-hover.bubble-fx-fade.bubble-top {
    bottom: 50%;
}

.bubble-trigger:hover > .bubble-hover.bubble-fx-fade.bubble-top {
    bottom: 100%;
}

.bubble-hover.bubble-fx-fade.bubble-bottom {
    top: 50%;
}

.bubble-trigger:hover > .bubble-hover.bubble-fx-fade.bubble-bottom {
    top: 100%;
}

.bubble-hover.bubble-fx-fade.bubble-left {
    right: 50%;
}

.bubble-trigger:hover > .bubble-hover.bubble-fx-fade.bubble-left {
    right: 100%;
}

.bubble-hover.bubble-fx-fade.bubble-right {
    left: 50%;
}

.bubble-trigger:hover > .bubble-hover.bubble-fx-fade.bubble-right {
    left: 100%;
}

@media (min-width: 576px) {
    .bubble-sm-hover {
        transition: opacity 300ms ease, top 300ms ease, bottom 300ms ease, left 300ms ease, right 300ms ease;
    }

    .bubble-sm-hover.bubble-fx-hidden {
        display: none;
    }

    .bubble-trigger:hover > .bubble-sm-hover.bubble-fx-hidden {
        display: block;
    }

    .bubble-sm-hover.bubble-fx-opacity {
        opacity: 0;
    }

    .bubble-trigger:hover > .bubble-sm-hover.bubble-fx-opacity {
        opacity: 1;
    }

    .bubble-sm-hover.bubble-fx-fade.bubble-top {
        bottom: 50%;
    }

    .bubble-trigger:hover > .bubble-sm-hover.bubble-fx-fade.bubble-top {
        bottom: 100%;
    }

    .bubble-sm-hover.bubble-fx-fade.bubble-bottom {
        top: 50%;
    }

    .bubble-trigger:hover > .bubble-sm-hover.bubble-fx-fade.bubble-bottom {
        top: 100%;
    }

    .bubble-sm-hover.bubble-fx-fade.bubble-left {
        right: 50%;
    }

    .bubble-trigger:hover > .bubble-sm-hover.bubble-fx-fade.bubble-left {
        right: 100%;
    }

    .bubble-sm-hover.bubble-fx-fade.bubble-right {
        left: 50%;
    }

    .bubble-trigger:hover > .bubble-sm-hover.bubble-fx-fade.bubble-right {
        left: 100%;
    }
}

@media (min-width: 768px) {
    .bubble-md-hover {
        transition: opacity 300ms ease, top 300ms ease, bottom 300ms ease, left 300ms ease, right 300ms ease;
    }

    .bubble-md-hover.bubble-fx-hidden {
        display: none;
    }

    .bubble-trigger:hover > .bubble-md-hover.bubble-fx-hidden {
        display: block;
    }

    .bubble-md-hover.bubble-fx-opacity {
        opacity: 0;
    }

    .bubble-trigger:hover > .bubble-md-hover.bubble-fx-opacity {
        opacity: 1;
    }

    .bubble-md-hover.bubble-fx-fade.bubble-top {
        bottom: 50%;
    }

    .bubble-trigger:hover > .bubble-md-hover.bubble-fx-fade.bubble-top {
        bottom: 100%;
    }

    .bubble-md-hover.bubble-fx-fade.bubble-bottom {
        top: 50%;
    }

    .bubble-trigger:hover > .bubble-md-hover.bubble-fx-fade.bubble-bottom {
        top: 100%;
    }

    .bubble-md-hover.bubble-fx-fade.bubble-left {
        right: 50%;
    }

    .bubble-trigger:hover > .bubble-md-hover.bubble-fx-fade.bubble-left {
        right: 100%;
    }

    .bubble-md-hover.bubble-fx-fade.bubble-right {
        left: 50%;
    }

    .bubble-trigger:hover > .bubble-md-hover.bubble-fx-fade.bubble-right {
        left: 100%;
    }
}

@media (min-width: 992px) {
    .bubble-lg-hover {
        transition: opacity 300ms ease, top 300ms ease, bottom 300ms ease, left 300ms ease, right 300ms ease;
    }

    .bubble-lg-hover.bubble-fx-hidden {
        display: none;
    }

    .bubble-trigger:hover > .bubble-lg-hover.bubble-fx-hidden {
        display: block;
    }

    .bubble-lg-hover.bubble-fx-opacity {
        opacity: 0;
    }

    .bubble-trigger:hover > .bubble-lg-hover.bubble-fx-opacity {
        opacity: 1;
    }

    .bubble-lg-hover.bubble-fx-fade.bubble-top {
        bottom: 50%;
    }

    .bubble-trigger:hover > .bubble-lg-hover.bubble-fx-fade.bubble-top {
        bottom: 100%;
    }

    .bubble-lg-hover.bubble-fx-fade.bubble-bottom {
        top: 50%;
    }

    .bubble-trigger:hover > .bubble-lg-hover.bubble-fx-fade.bubble-bottom {
        top: 100%;
    }

    .bubble-lg-hover.bubble-fx-fade.bubble-left {
        right: 50%;
    }

    .bubble-trigger:hover > .bubble-lg-hover.bubble-fx-fade.bubble-left {
        right: 100%;
    }

    .bubble-lg-hover.bubble-fx-fade.bubble-right {
        left: 50%;
    }

    .bubble-trigger:hover > .bubble-lg-hover.bubble-fx-fade.bubble-right {
        left: 100%;
    }
}

@media (min-width: 1200px) {
    .bubble-xl-hover {
        transition: opacity 300ms ease, top 300ms ease, bottom 300ms ease, left 300ms ease, right 300ms ease;
    }

    .bubble-xl-hover.bubble-fx-hidden {
        display: none;
    }

    .bubble-trigger:hover > .bubble-xl-hover.bubble-fx-hidden {
        display: block;
    }

    .bubble-xl-hover.bubble-fx-opacity {
        opacity: 0;
    }

    .bubble-trigger:hover > .bubble-xl-hover.bubble-fx-opacity {
        opacity: 1;
    }

    .bubble-xl-hover.bubble-fx-fade.bubble-top {
        bottom: 50%;
    }

    .bubble-trigger:hover > .bubble-xl-hover.bubble-fx-fade.bubble-top {
        bottom: 100%;
    }

    .bubble-xl-hover.bubble-fx-fade.bubble-bottom {
        top: 50%;
    }

    .bubble-trigger:hover > .bubble-xl-hover.bubble-fx-fade.bubble-bottom {
        top: 100%;
    }

    .bubble-xl-hover.bubble-fx-fade.bubble-left {
        right: 50%;
    }

    .bubble-trigger:hover > .bubble-xl-hover.bubble-fx-fade.bubble-left {
        right: 100%;
    }

    .bubble-xl-hover.bubble-fx-fade.bubble-right {
        left: 50%;
    }

    .bubble-trigger:hover > .bubble-xl-hover.bubble-fx-fade.bubble-right {
        left: 100%;
    }
}


/**
 * square
 */

.square {
    display: block;
    width: 100%;
}

.square:after {
    content: '';
    display: block;
    padding-bottom: 100%;
}


/**
 * width
 */

.w-min-2 {
    min-width: 2rem !important;
}

.w-min-2-50 {
    min-width: 2.5rem !important;
}

.w-min-3 {
    min-width: 3rem !important;
}

.w-min-4 {
    min-width: 4rem !important;
}

.w-min-5 {
    min-width: 5rem !important;
}

.w-min-6 {
    min-width: 6rem !important;
}

.w-min-7 {
    min-width: 7rem !important;
}

.w-min-8 {
    min-width: 8rem !important;
}

.w-min-9 {
    min-width: 9rem !important;
}

.w-min-10 {
    min-width: 10rem !important;
}

.w-min-20 {
    min-width: 20rem !important;
}

.w-min-100 {
    min-width: 100% !important;
}

.w-min-6 {
    min-width: 6rem !important;
}

.w-max-2 {
    max-width: 2rem !important;
}

.w-max-2-50 {
    max-width: 2.5rem !important;
}

.w-max-3 {
    max-width: 3rem !important;
}

.w-max-4 {
    max-width: 4rem !important;
}

.w-max-5 {
    max-width: 5rem !important;
}

.w-max-6 {
    min-width: 6rem !important;
}

.w-max-100 {
    min-width: 100% !important;
}


/**
 * height
 */

.h-min-2 {
    min-height: 2rem !important;
}

.h-min-2-50 {
    min-height: 2.5rem !important;
}

.h-min-3 {
    min-height: 3rem !important;
}

.h-max-2 {
    max-height: 2rem !important;
}

.h-max-2-50 {
    max-height: 2.5rem !important;
}

.h-max-3 {
    max-height: 3rem !important;
}


/**
 * margin
 */

.mt-0-first-of-type:first-of-type {
    margin-top: 0 !important;
}

.mb-0-last-of-type:last-of-type {
    margin-bottom: 0 !important;
}


/**
 * corner
 */

.corner-0 {
    border-radius: 0;
}

.corner-1 {
    border-radius: .125rem;
}

.corner-2 {
    border-radius: .25rem;
}

.corner-3 {
    border-radius: .5rem;
}

.corner-4 {
    border-radius: 1rem;
}

.corner-100 {
    border-radius: 100%;
}

.corner-top-0 {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.corner-top-2 {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}

.corner-top-left-0 {
    border-top-left-radius: 0;
}

.corner-top-right-0 {
    border-top-right-radius: 0 !important;
}

.corner-bottom-0 {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.corner-bottom-left-0 {
    border-bottom-left-radius: 0;
}

.corner-bottom-right-0 {
    border-bottom-right-radius: 0;
}

.corner-bottom-2 {
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem;
}

.corner-left-0 {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.corner-right-0 {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}


/**
 * opacity
 */

.opacity-1 {
    opacity: .1 !important;
}

.opacity-2 {
    opacity: .2 !important;
}

.opacity-3 {
    opacity: .3 !important;
}

.opacity-4 {
    opacity: .4 !important;
}

.opacity-5 {
    opacity: .5 !important;
}

.opacity-6 {
    opacity: .6 !important;
}

.opacity-7 {
    opacity: .7 !important;
}

.opacity-8 {
    opacity: .8 !important;
}

.opacity-9 {
    opacity: .9 !important;
}

.opacity-hover:hover,
.opacity-10 {
    opacity: 1 !important;
}

.opacity-hover {
    transition: opacity 300ms ease;
}


/**
 * col
 */

@media (min-width: 1500px) {
    .col-xxl-12 {
        max-width: 100%;
    }

    .col-xxl-11 {
        max-width: 91.66%;
    }

    .col-xxl-10 {
        max-width: 83.33%;
    }

    .col-xxl-9 {
        max-width: 75%;
    }

    .col-xxl-8 {
        max-width: 66.66%;
    }

    .col-xxl-7 {
        max-width: 58.33%;
    }

    .col-xxl-6 {
        max-width: 50%;
    }

    .col-xxl-5 {
        max-width: 41.66%;
    }

    .col-xxl-4 {
        max-width: 33.33%;
    }

    .col-xxl-3 {
        max-width: 25%;
    }

    .col-xxl-2 {
        max-width: 16.66%;
    }

    .col-xxl-1 {
        max-width: 8.33%;
    }
}

@media (min-width: 1800px) {
    .col-xxxl-12 {
        max-width: 100%;
    }

    .col-xxxl-11 {
        max-width: 91.66%;
    }

    .col-xxxl-10 {
        max-width: 83.33%;
    }

    .col-xxxl-9 {
        max-width: 75%;
    }

    .col-xxxl-8 {
        max-width: 66.66%;
    }

    .col-xxxl-7 {
        max-width: 58.33%;
    }

    .col-xxxl-6 {
        max-width: 50%;
    }

    .col-xxxl-5 {
        max-width: 41.66%;
    }

    .col-xxxl-4 {
        max-width: 33.33%;
    }

    .col-xxxl-3 {
        max-width: 25%;
    }

    .col-xxxl-2 {
        max-width: 16.66%;
    }

    .col-xxxl-1 {
        max-width: 8.33%;
    }
}


/**
 * position
 */

.position-animate {
    transition: top 300ms ease, right 300ms ease, bottom 300ms ease, left 300ms ease;
}

.position-top-right {
    top: 0;
    right: 0;
}

.position-top-left {
    top: 0;
    left: 0;
}

.position-bottom-right {
    bottom: 0;
    right: 0;
}

.position-bottom-left {
    bottom: 0;
    left: 0;
}

.t-n1 {
    top: -.25rem !important;
}

.t-0 {
    top: 0 !important;
}

.t-1 {
    top: .25rem !important;
}

.t-2 {
    top: .5rem !important;
}

.t-3 {
    top: .75rem !important;
}

.t-4 {
    top: 1rem !important;
}

.t-5 {
    top: 1.25rem !important;
}

.b-0 {
    bottom: 0 !important;
}

.b-1 {
    bottom: .25rem !important;
}

.b-2 {
    bottom: .5rem !important;
}

.b-3 {
    bottom: .75rem !important;
}

.b-4 {
    bottom: 1rem !important;
}

.b-5 {
    bottom: 1.25rem !important;
}

.b-6 {
    bottom: 1.5rem !important;
}

.b-7 {
    bottom: 1.75rem !important;
}

.b-8 {
    bottom: 2rem !important;
}

.b-9 {
    bottom: 2.25rem !important;
}

.b-10 {
    bottom: 2.5rem !important;
}

.b-11 {
    bottom: 3rem !important;
}

.b-12 {
    bottom: 4rem !important;
}

.l-0 {
    left: 0 !important;
}

.l-1 {
    left: .25rem !important;
}

.l-2 {
    left: .5rem !important;
}

.l-3 {
    left: .75rem !important;
}

.l-4 {
    left: 1rem !important;
}

.l-5 {
    left: 1.25rem !important;
}

.r-n4 {
    right: -1rem !important;
}

.r-0,
.r-0-hover:hover {
    right: 0 !important;
}

.r-1 {
    right: .25rem !important;
}

.r-2 {
    right: .5rem !important;
}

.r-3 {
    right: .75rem !important;
}

.r-4 {
    right: 1rem !important;
}

.r-5 {
    right: 1.25rem !important;
}

.r-p100 {
    right: 100% !important;
}


/**
 * z-index
 */

.z-1 {
    z-index: 1 !important;
}

.z-10 {
    z-index: 10 !important;
}

.z-100 {
    z-index: 100 !important;
}

.z-1000 {
    z-index: 1000 !important;
}

.z-10000 {
    z-index: 10000 !important;
}

.z-100000 {
    z-index: 100000 !important;
}

.z-1000000 {
    z-index: 1000000 !important;
}

.z-max {
    z-index: 2147483647 !important;
}