.container,.container-fluid,.container-sm,.container-md,.container-lg,.container-xl,.container-xxl {
    width: 100%;
    padding-right: var(--bs-gutter-x, .75rem);
    padding-left: var(--bs-gutter-x, .75rem);
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .container,.container-sm {
        max-width:540px
    }
}

@media (min-width: 768px) {
    .container,.container-sm,.container-md {
        max-width:720px
    }
}

@media (min-width: 800px) {
    .container,.container-sm,.container-md {
        max-width: 780px;
    }
}

@media (min-width: 992px) {
    .container,.container-sm,.container-md,.container-lg {
        max-width:960px
    }
}

@media (min-width: 1200px) {
    .container,.container-sm,.container-md,.container-lg,.container-xl {
        max-width:1140px
    }
}

@media (min-width: 1400px) {
    .container,.container-sm,.container-md,.container-lg,.container-xl,.container-xxl {
        max-width:1320px
    }
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5)
}

.row>* {
    box-sizing: border-box;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y)
}

.col {
    flex: 1 0 0%
}

.row-cols-auto>* {
    flex: 0 0 auto;
    width: auto
}

.row-cols-1>* {
    flex: 0 0 auto;
    width: 100%
}

.row-cols-2>* {
    flex: 0 0 auto;
    width: 50%
}

.row-cols-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
}

.row-cols-4>* {
    flex: 0 0 auto;
    width: 25%
}

.row-cols-5>* {
    flex: 0 0 auto;
    width: 20%
}

.row-cols-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

.col-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}

.offset-1 {
    margin-left: 8.33333333%
}

.offset-2 {
    margin-left: 16.66666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333333%
}

.offset-5 {
    margin-left: 41.66666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333333%
}

.offset-8 {
    margin-left: 66.66666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333333%
}

.offset-11 {
    margin-left: 91.66666667%
}

.g-0,.gx-0 {
    --bs-gutter-x: 0
}

.g-0,.gy-0 {
    --bs-gutter-y: 0
}

.g-1,.gx-1 {
    --bs-gutter-x: .25rem
}

.g-1,.gy-1 {
    --bs-gutter-y: .25rem
}

.g-2,.gx-2 {
    --bs-gutter-x: .5rem
}

.g-2,.gy-2 {
    --bs-gutter-y: .5rem
}

.g-3,.gx-3 {
    --bs-gutter-x: 1rem
}

.g-3,.gy-3 {
    --bs-gutter-y: 1rem
}

.g-4,.gx-4 {
    --bs-gutter-x: 1.5rem
}

.g-4,.gy-4 {
    --bs-gutter-y: 1.5rem
}

.g-5,.gx-5 {
    --bs-gutter-x: 3rem
}

.g-5,.gy-5 {
    --bs-gutter-y: 3rem
}

.g-6,.gx-6 {
    --bs-gutter-x: 6rem
}

.g-6,.gy-6 {
    --bs-gutter-y: 6rem
}

.g-7,.gx-7 {
    --bs-gutter-x: 12rem
}

.g-7,.gy-7 {
    --bs-gutter-y: 12rem
}

@media (min-width: 576px) {
    .col-sm {
        flex:1 0 0%
    }

    .row-cols-sm-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-sm-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-sm-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-sm-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-sm-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-sm-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-sm-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333333%
    }

    .offset-sm-2 {
        margin-left: 16.66666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333333%
    }

    .offset-sm-5 {
        margin-left: 41.66666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333333%
    }

    .offset-sm-8 {
        margin-left: 66.66666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333333%
    }

    .offset-sm-11 {
        margin-left: 91.66666667%
    }

    .g-sm-0,.gx-sm-0 {
        --bs-gutter-x: 0
    }

    .g-sm-0,.gy-sm-0 {
        --bs-gutter-y: 0
    }

    .g-sm-1,.gx-sm-1 {
        --bs-gutter-x: .25rem
    }

    .g-sm-1,.gy-sm-1 {
        --bs-gutter-y: .25rem
    }

    .g-sm-2,.gx-sm-2 {
        --bs-gutter-x: .5rem
    }

    .g-sm-2,.gy-sm-2 {
        --bs-gutter-y: .5rem
    }

    .g-sm-3,.gx-sm-3 {
        --bs-gutter-x: 1rem
    }

    .g-sm-3,.gy-sm-3 {
        --bs-gutter-y: 1rem
    }

    .g-sm-4,.gx-sm-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-sm-4,.gy-sm-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-sm-5,.gx-sm-5 {
        --bs-gutter-x: 3rem
    }

    .g-sm-5,.gy-sm-5 {
        --bs-gutter-y: 3rem
    }

    .g-sm-6,.gx-sm-6 {
        --bs-gutter-x: 6rem
    }

    .g-sm-6,.gy-sm-6 {
        --bs-gutter-y: 6rem
    }

    .g-sm-7,.gx-sm-7 {
        --bs-gutter-x: 12rem
    }

    .g-sm-7,.gy-sm-7 {
        --bs-gutter-y: 12rem
    }
}

@media (min-width: 768px) {
    .col-md {
        flex:1 0 0%
    }

    .row-cols-md-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-md-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-md-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-md-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-md-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-md-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-md-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333333%
    }

    .offset-md-2 {
        margin-left: 16.66666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333333%
    }

    .offset-md-5 {
        margin-left: 41.66666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333333%
    }

    .offset-md-8 {
        margin-left: 66.66666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333333%
    }

    .offset-md-11 {
        margin-left: 91.66666667%
    }

    .g-md-0,.gx-md-0 {
        --bs-gutter-x: 0
    }

    .g-md-0,.gy-md-0 {
        --bs-gutter-y: 0
    }

    .g-md-1,.gx-md-1 {
        --bs-gutter-x: .25rem
    }

    .g-md-1,.gy-md-1 {
        --bs-gutter-y: .25rem
    }

    .g-md-2,.gx-md-2 {
        --bs-gutter-x: .5rem
    }

    .g-md-2,.gy-md-2 {
        --bs-gutter-y: .5rem
    }

    .g-md-3,.gx-md-3 {
        --bs-gutter-x: 1rem
    }

    .g-md-3,.gy-md-3 {
        --bs-gutter-y: 1rem
    }

    .g-md-4,.gx-md-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-md-4,.gy-md-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-md-5,.gx-md-5 {
        --bs-gutter-x: 3rem
    }

    .g-md-5,.gy-md-5 {
        --bs-gutter-y: 3rem
    }

    .g-md-6,.gx-md-6 {
        --bs-gutter-x: 6rem
    }

    .g-md-6,.gy-md-6 {
        --bs-gutter-y: 6rem
    }

    .g-md-7,.gx-md-7 {
        --bs-gutter-x: 12rem
    }

    .g-md-7,.gy-md-7 {
        --bs-gutter-y: 12rem
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex:1 0 0%
    }

    .row-cols-lg-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-lg-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-lg-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-lg-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-lg-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-lg-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-lg-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333333%
    }

    .offset-lg-2 {
        margin-left: 16.66666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333333%
    }

    .offset-lg-5 {
        margin-left: 41.66666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333333%
    }

    .offset-lg-8 {
        margin-left: 66.66666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333333%
    }

    .offset-lg-11 {
        margin-left: 91.66666667%
    }

    .g-lg-0,.gx-lg-0 {
        --bs-gutter-x: 0
    }

    .g-lg-0,.gy-lg-0 {
        --bs-gutter-y: 0
    }

    .g-lg-1,.gx-lg-1 {
        --bs-gutter-x: .25rem
    }

    .g-lg-1,.gy-lg-1 {
        --bs-gutter-y: .25rem
    }

    .g-lg-2,.gx-lg-2 {
        --bs-gutter-x: .5rem
    }

    .g-lg-2,.gy-lg-2 {
        --bs-gutter-y: .5rem
    }

    .g-lg-3,.gx-lg-3 {
        --bs-gutter-x: 1rem
    }

    .g-lg-3,.gy-lg-3 {
        --bs-gutter-y: 1rem
    }

    .g-lg-4,.gx-lg-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-lg-4,.gy-lg-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-lg-5,.gx-lg-5 {
        --bs-gutter-x: 3rem
    }

    .g-lg-5,.gy-lg-5 {
        --bs-gutter-y: 3rem
    }

    .g-lg-6,.gx-lg-6 {
        --bs-gutter-x: 6rem
    }

    .g-lg-6,.gy-lg-6 {
        --bs-gutter-y: 6rem
    }

    .g-lg-7,.gx-lg-7 {
        --bs-gutter-x: 12rem
    }

    .g-lg-7,.gy-lg-7 {
        --bs-gutter-y: 12rem
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex:1 0 0%
    }

    .row-cols-xl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333333%
    }

    .offset-xl-2 {
        margin-left: 16.66666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333333%
    }

    .offset-xl-5 {
        margin-left: 41.66666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333333%
    }

    .offset-xl-8 {
        margin-left: 66.66666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333333%
    }

    .offset-xl-11 {
        margin-left: 91.66666667%
    }

    .g-xl-0,.gx-xl-0 {
        --bs-gutter-x: 0
    }

    .g-xl-0,.gy-xl-0 {
        --bs-gutter-y: 0
    }

    .g-xl-1,.gx-xl-1 {
        --bs-gutter-x: .25rem
    }

    .g-xl-1,.gy-xl-1 {
        --bs-gutter-y: .25rem
    }

    .g-xl-2,.gx-xl-2 {
        --bs-gutter-x: .5rem
    }

    .g-xl-2,.gy-xl-2 {
        --bs-gutter-y: .5rem
    }

    .g-xl-3,.gx-xl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xl-3,.gy-xl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xl-4,.gx-xl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xl-4,.gy-xl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xl-5,.gx-xl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xl-5,.gy-xl-5 {
        --bs-gutter-y: 3rem
    }

    .g-xl-6,.gx-xl-6 {
        --bs-gutter-x: 6rem
    }

    .g-xl-6,.gy-xl-6 {
        --bs-gutter-y: 6rem
    }

    .g-xl-7,.gx-xl-7 {
        --bs-gutter-x: 12rem
    }

    .g-xl-7,.gy-xl-7 {
        --bs-gutter-y: 12rem
    }
}

@media (min-width: 1400px) {
    .col-xxl {
        flex:1 0 0%
    }

    .row-cols-xxl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xxl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xxl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xxl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xxl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xxl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xxl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xxl-0 {
        margin-left: 0
    }

    .offset-xxl-1 {
        margin-left: 8.33333333%
    }

    .offset-xxl-2 {
        margin-left: 16.66666667%
    }

    .offset-xxl-3 {
        margin-left: 25%
    }

    .offset-xxl-4 {
        margin-left: 33.33333333%
    }

    .offset-xxl-5 {
        margin-left: 41.66666667%
    }

    .offset-xxl-6 {
        margin-left: 50%
    }

    .offset-xxl-7 {
        margin-left: 58.33333333%
    }

    .offset-xxl-8 {
        margin-left: 66.66666667%
    }

    .offset-xxl-9 {
        margin-left: 75%
    }

    .offset-xxl-10 {
        margin-left: 83.33333333%
    }

    .offset-xxl-11 {
        margin-left: 91.66666667%
    }

    .g-xxl-0,.gx-xxl-0 {
        --bs-gutter-x: 0
    }

    .g-xxl-0,.gy-xxl-0 {
        --bs-gutter-y: 0
    }

    .g-xxl-1,.gx-xxl-1 {
        --bs-gutter-x: .25rem
    }

    .g-xxl-1,.gy-xxl-1 {
        --bs-gutter-y: .25rem
    }

    .g-xxl-2,.gx-xxl-2 {
        --bs-gutter-x: .5rem
    }

    .g-xxl-2,.gy-xxl-2 {
        --bs-gutter-y: .5rem
    }

    .g-xxl-3,.gx-xxl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xxl-3,.gy-xxl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xxl-4,.gx-xxl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xxl-4,.gy-xxl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xxl-5,.gx-xxl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xxl-5,.gy-xxl-5 {
        --bs-gutter-y: 3rem
    }

    .g-xxl-6,.gx-xxl-6 {
        --bs-gutter-x: 6rem
    }

    .g-xxl-6,.gy-xxl-6 {
        --bs-gutter-y: 6rem
    }

    .g-xxl-7,.gx-xxl-7 {
        --bs-gutter-x: 12rem
    }

    .g-xxl-7,.gy-xxl-7 {
        --bs-gutter-y: 12rem
    }
}

@media (min-width: 1600px) {
    .col-xxxl {
        flex:1 0 0%
    }

    .row-cols-xxxl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xxxl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xxxl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xxxl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xxxl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xxxl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xxxl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xxxl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xxxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xxxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xxxl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xxxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xxxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xxxl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xxxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xxxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xxxl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xxxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xxxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xxxl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xxxl-0 {
        margin-left: 0
    }

    .offset-xxxl-1 {
        margin-left: 8.33333333%
    }

    .offset-xxxl-2 {
        margin-left: 16.66666667%
    }

    .offset-xxxl-3 {
        margin-left: 25%
    }

    .offset-xxxl-4 {
        margin-left: 33.33333333%
    }

    .offset-xxxl-5 {
        margin-left: 41.66666667%
    }

    .offset-xxxl-6 {
        margin-left: 50%
    }

    .offset-xxxl-7 {
        margin-left: 58.33333333%
    }

    .offset-xxxl-8 {
        margin-left: 66.66666667%
    }

    .offset-xxxl-9 {
        margin-left: 75%
    }

    .offset-xxxl-10 {
        margin-left: 83.33333333%
    }

    .offset-xxxl-11 {
        margin-left: 91.66666667%
    }

    .g-xxxl-0,.gx-xxxl-0 {
        --bs-gutter-x: 0
    }

    .g-xxxl-0,.gy-xxxl-0 {
        --bs-gutter-y: 0
    }

    .g-xxxl-1,.gx-xxxl-1 {
        --bs-gutter-x: .25rem
    }

    .g-xxxl-1,.gy-xxxl-1 {
        --bs-gutter-y: .25rem
    }

    .g-xxxl-2,.gx-xxxl-2 {
        --bs-gutter-x: .5rem
    }

    .g-xxxl-2,.gy-xxxl-2 {
        --bs-gutter-y: .5rem
    }

    .g-xxxl-3,.gx-xxxl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xxxl-3,.gy-xxxl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xxxl-4,.gx-xxxl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xxxl-4,.gy-xxxl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xxxl-5,.gx-xxxl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xxxl-5,.gy-xxxl-5 {
        --bs-gutter-y: 3rem
    }

    .g-xxxl-6,.gx-xxxl-6 {
        --bs-gutter-x: 6rem
    }

    .g-xxxl-6,.gy-xxxl-6 {
        --bs-gutter-y: 6rem
    }

    .g-xxxl-7,.gx-xxxl-7 {
        --bs-gutter-x: 12rem
    }

    .g-xxxl-7,.gy-xxxl-7 {
        --bs-gutter-y: 12rem
    }
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-grid {
    display: grid !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

.d-none {
    display: none !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.justify-content-evenly {
    justify-content: space-evenly !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

.order-first {
    order: -1 !important
}

.order-0 {
    order: 0 !important
}

.order-1 {
    order: 1 !important
}

.order-2 {
    order: 2 !important
}

.order-3 {
    order: 3 !important
}

.order-4 {
    order: 4 !important
}

.order-5 {
    order: 5 !important
}

.order-last {
    order: 6 !important
}

.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.m-6 {
    margin: 6rem !important
}

.m-7 {
    margin: 12rem !important
}

.m-auto {
    margin: auto !important
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.mx-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
}

.mx-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
}

.mx-6 {
    margin-right: 6rem !important;
    margin-left: 6rem !important
}

.mx-7 {
    margin-right: 12rem !important;
    margin-left: 12rem !important
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.my-6 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important
}

.my-7 {
    margin-top: 12rem !important;
    margin-bottom: 12rem !important
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mt-3 {
    margin-top: 1rem !important
}

.mt-4 {
    margin-top: 1.5rem !important
}

.mt-5 {
    margin-top: 3rem !important
}

.mt-6 {
    margin-top: 6rem !important
}

.mt-7 {
    margin-top: 12rem !important
}

.mt-auto {
    margin-top: auto !important
}

.me-0 {
    margin-right: 0 !important
}

.me-1 {
    margin-right: .25rem !important
}

.me-2 {
    margin-right: .5rem !important
}

.me-3 {
    margin-right: 1rem !important
}

.me-4 {
    margin-right: 1.5rem !important
}

.me-5 {
    margin-right: 3rem !important
}

.me-6 {
    margin-right: 6rem !important
}

.me-7 {
    margin-right: 12rem !important
}

.me-auto {
    margin-right: auto !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.mb-4 {
    margin-bottom: 1.5rem !important
}

.mb-5 {
    margin-bottom: 3rem !important
}

.mb-6 {
    margin-bottom: 6rem !important
}

.mb-7 {
    margin-bottom: 12rem !important
}

.mb-auto {
    margin-bottom: auto !important
}

.ms-0 {
    margin-left: 0 !important
}

.ms-1 {
    margin-left: .25rem !important
}

.ms-2 {
    margin-left: .5rem !important
}

.ms-3 {
    margin-left: 1rem !important
}

.ms-4 {
    margin-left: 1.5rem !important
}

.ms-5 {
    margin-left: 3rem !important
}

.ms-6 {
    margin-left: 6rem !important
}

.ms-7 {
    margin-left: 12rem !important
}

.ms-auto {
    margin-left: auto !important
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.p-6 {
    padding: 6rem !important
}

.p-7 {
    padding: 12rem !important
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.px-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
}

.px-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
}

.px-6 {
    padding-right: 6rem !important;
    padding-left: 6rem !important
}

.px-7 {
    padding-right: 12rem !important;
    padding-left: 12rem !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.py-6 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important
}

.py-7 {
    padding-top: 12rem !important;
    padding-bottom: 12rem !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pt-3 {
    padding-top: 1rem !important
}

.pt-4 {
    padding-top: 1.5rem !important
}

.pt-5 {
    padding-top: 3rem !important
}

.pt-6 {
    padding-top: 6rem !important
}

.pt-7 {
    padding-top: 12rem !important
}

.pe-0 {
    padding-right: 0 !important
}

.pe-1 {
    padding-right: .25rem !important
}

.pe-2 {
    padding-right: .5rem !important
}

.pe-3 {
    padding-right: 1rem !important
}

.pe-4 {
    padding-right: 1.5rem !important
}

.pe-5 {
    padding-right: 3rem !important
}

.pe-6 {
    padding-right: 6rem !important
}

.pe-7 {
    padding-right: 12rem !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pb-3 {
    padding-bottom: 1rem !important
}

.pb-4 {
    padding-bottom: 1.5rem !important
}

.pb-5 {
    padding-bottom: 3rem !important
}

.pb-6 {
    padding-bottom: 6rem !important
}

.pb-7 {
    padding-bottom: 12rem !important
}

.ps-0 {
    padding-left: 0 !important
}

.ps-1 {
    padding-left: .25rem !important
}

.ps-2 {
    padding-left: .5rem !important
}

.ps-3 {
    padding-left: 1rem !important
}

.ps-4 {
    padding-left: 1.5rem !important
}

.ps-5 {
    padding-left: 3rem !important
}

.ps-6 {
    padding-left: 6rem !important
}

.ps-7 {
    padding-left: 12rem !important
}

@media (min-width: 576px) {
    .d-sm-inline {
        display:inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-grid {
        display: grid !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }

    .d-sm-none {
        display: none !important
    }

    .flex-sm-fill {
        flex: 1 1 auto !important
    }

    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        justify-content: space-around !important
    }

    .justify-content-sm-evenly {
        justify-content: space-evenly !important
    }

    .align-items-sm-start {
        align-items: flex-start !important
    }

    .align-items-sm-end {
        align-items: flex-end !important
    }

    .align-items-sm-center {
        align-items: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        align-items: stretch !important
    }

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-between {
        align-content: space-between !important
    }

    .align-content-sm-around {
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        align-content: stretch !important
    }

    .align-self-sm-auto {
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        align-self: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        align-self: stretch !important
    }

    .order-sm-first {
        order: -1 !important
    }

    .order-sm-0 {
        order: 0 !important
    }

    .order-sm-1 {
        order: 1 !important
    }

    .order-sm-2 {
        order: 2 !important
    }

    .order-sm-3 {
        order: 3 !important
    }

    .order-sm-4 {
        order: 4 !important
    }

    .order-sm-5 {
        order: 5 !important
    }

    .order-sm-last {
        order: 6 !important
    }

    .m-sm-0 {
        margin: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .m-sm-6 {
        margin: 6rem !important
    }

    .m-sm-7 {
        margin: 12rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-sm-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-sm-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-sm-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-sm-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-sm-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-sm-6 {
        margin-right: 6rem !important;
        margin-left: 6rem !important
    }

    .mx-sm-7 {
        margin-right: 12rem !important;
        margin-left: 12rem !important
    }

    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-sm-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-sm-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-sm-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-sm-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-sm-6 {
        margin-top: 6rem !important;
        margin-bottom: 6rem !important
    }

    .my-sm-7 {
        margin-top: 12rem !important;
        margin-bottom: 12rem !important
    }

    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-sm-0 {
        margin-top: 0 !important
    }

    .mt-sm-1 {
        margin-top: .25rem !important
    }

    .mt-sm-2 {
        margin-top: .5rem !important
    }

    .mt-sm-3 {
        margin-top: 1rem !important
    }

    .mt-sm-4 {
        margin-top: 1.5rem !important
    }

    .mt-sm-5 {
        margin-top: 3rem !important
    }

    .mt-sm-6 {
        margin-top: 6rem !important
    }

    .mt-sm-7 {
        margin-top: 12rem !important
    }

    .mt-sm-auto {
        margin-top: auto !important
    }

    .me-sm-0 {
        margin-right: 0 !important
    }

    .me-sm-1 {
        margin-right: .25rem !important
    }

    .me-sm-2 {
        margin-right: .5rem !important
    }

    .me-sm-3 {
        margin-right: 1rem !important
    }

    .me-sm-4 {
        margin-right: 1.5rem !important
    }

    .me-sm-5 {
        margin-right: 3rem !important
    }

    .me-sm-6 {
        margin-right: 6rem !important
    }

    .me-sm-7 {
        margin-right: 12rem !important
    }

    .me-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-0 {
        margin-bottom: 0 !important
    }

    .mb-sm-1 {
        margin-bottom: .25rem !important
    }

    .mb-sm-2 {
        margin-bottom: .5rem !important
    }

    .mb-sm-3 {
        margin-bottom: 1rem !important
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-sm-5 {
        margin-bottom: 3rem !important
    }

    .mb-sm-6 {
        margin-bottom: 6rem !important
    }

    .mb-sm-7 {
        margin-bottom: 12rem !important
    }

    .mb-sm-auto {
        margin-bottom: auto !important
    }

    .ms-sm-0 {
        margin-left: 0 !important
    }

    .ms-sm-1 {
        margin-left: .25rem !important
    }

    .ms-sm-2 {
        margin-left: .5rem !important
    }

    .ms-sm-3 {
        margin-left: 1rem !important
    }

    .ms-sm-4 {
        margin-left: 1.5rem !important
    }

    .ms-sm-5 {
        margin-left: 3rem !important
    }

    .ms-sm-6 {
        margin-left: 6rem !important
    }

    .ms-sm-7 {
        margin-left: 12rem !important
    }

    .ms-sm-auto {
        margin-left: auto !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

    .p-sm-6 {
        padding: 6rem !important
    }

    .p-sm-7 {
        padding: 12rem !important
    }

    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-sm-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-sm-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-sm-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-sm-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-sm-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .px-sm-6 {
        padding-right: 6rem !important;
        padding-left: 6rem !important
    }

    .px-sm-7 {
        padding-right: 12rem !important;
        padding-left: 12rem !important
    }

    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-sm-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-sm-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-sm-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .py-sm-6 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important
    }

    .py-sm-7 {
        padding-top: 12rem !important;
        padding-bottom: 12rem !important
    }

    .pt-sm-0 {
        padding-top: 0 !important
    }

    .pt-sm-1 {
        padding-top: .25rem !important
    }

    .pt-sm-2 {
        padding-top: .5rem !important
    }

    .pt-sm-3 {
        padding-top: 1rem !important
    }

    .pt-sm-4 {
        padding-top: 1.5rem !important
    }

    .pt-sm-5 {
        padding-top: 3rem !important
    }

    .pt-sm-6 {
        padding-top: 6rem !important
    }

    .pt-sm-7 {
        padding-top: 12rem !important
    }

    .pe-sm-0 {
        padding-right: 0 !important
    }

    .pe-sm-1 {
        padding-right: .25rem !important
    }

    .pe-sm-2 {
        padding-right: .5rem !important
    }

    .pe-sm-3 {
        padding-right: 1rem !important
    }

    .pe-sm-4 {
        padding-right: 1.5rem !important
    }

    .pe-sm-5 {
        padding-right: 3rem !important
    }

    .pe-sm-6 {
        padding-right: 6rem !important
    }

    .pe-sm-7 {
        padding-right: 12rem !important
    }

    .pb-sm-0 {
        padding-bottom: 0 !important
    }

    .pb-sm-1 {
        padding-bottom: .25rem !important
    }

    .pb-sm-2 {
        padding-bottom: .5rem !important
    }

    .pb-sm-3 {
        padding-bottom: 1rem !important
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-sm-5 {
        padding-bottom: 3rem !important
    }

    .pb-sm-6 {
        padding-bottom: 6rem !important
    }

    .pb-sm-7 {
        padding-bottom: 12rem !important
    }

    .ps-sm-0 {
        padding-left: 0 !important
    }

    .ps-sm-1 {
        padding-left: .25rem !important
    }

    .ps-sm-2 {
        padding-left: .5rem !important
    }

    .ps-sm-3 {
        padding-left: 1rem !important
    }

    .ps-sm-4 {
        padding-left: 1.5rem !important
    }

    .ps-sm-5 {
        padding-left: 3rem !important
    }

    .ps-sm-6 {
        padding-left: 6rem !important
    }

    .ps-sm-7 {
        padding-left: 12rem !important
    }
}

@media (min-width: 768px) {
    .d-md-inline {
        display:inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-grid {
        display: grid !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }

    .d-md-none {
        display: none !important
    }

    .flex-md-fill {
        flex: 1 1 auto !important
    }

    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-md-start {
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

    .justify-content-md-evenly {
        justify-content: space-evenly !important
    }

    .align-items-md-start {
        align-items: flex-start !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-between {
        align-content: space-between !important
    }

    .align-content-md-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }

    .order-md-first {
        order: -1 !important
    }

    .order-md-0 {
        order: 0 !important
    }

    .order-md-1 {
        order: 1 !important
    }

    .order-md-2 {
        order: 2 !important
    }

    .order-md-3 {
        order: 3 !important
    }

    .order-md-4 {
        order: 4 !important
    }

    .order-md-5 {
        order: 5 !important
    }

    .order-md-last {
        order: 6 !important
    }

    .m-md-0 {
        margin: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .m-md-6 {
        margin: 6rem !important
    }

    .m-md-7 {
        margin: 12rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-md-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-md-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-md-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-md-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-md-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-md-6 {
        margin-right: 6rem !important;
        margin-left: 6rem !important
    }

    .mx-md-7 {
        margin-right: 12rem !important;
        margin-left: 12rem !important
    }

    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-md-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-md-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-md-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-md-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-md-6 {
        margin-top: 6rem !important;
        margin-bottom: 6rem !important
    }

    .my-md-7 {
        margin-top: 12rem !important;
        margin-bottom: 12rem !important
    }

    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-md-0 {
        margin-top: 0 !important
    }

    .mt-md-1 {
        margin-top: .25rem !important
    }

    .mt-md-2 {
        margin-top: .5rem !important
    }

    .mt-md-3 {
        margin-top: 1rem !important
    }

    .mt-md-4 {
        margin-top: 1.5rem !important
    }

    .mt-md-5 {
        margin-top: 3rem !important
    }

    .mt-md-6 {
        margin-top: 6rem !important
    }

    .mt-md-7 {
        margin-top: 12rem !important
    }

    .mt-md-auto {
        margin-top: auto !important
    }

    .me-md-0 {
        margin-right: 0 !important
    }

    .me-md-1 {
        margin-right: .25rem !important
    }

    .me-md-2 {
        margin-right: .5rem !important
    }

    .me-md-3 {
        margin-right: 1rem !important
    }

    .me-md-4 {
        margin-right: 1.5rem !important
    }

    .me-md-5 {
        margin-right: 3rem !important
    }

    .me-md-6 {
        margin-right: 6rem !important
    }

    .me-md-7 {
        margin-right: 12rem !important
    }

    .me-md-auto {
        margin-right: auto !important
    }

    .mb-md-0 {
        margin-bottom: 0 !important
    }

    .mb-md-1 {
        margin-bottom: .25rem !important
    }

    .mb-md-2 {
        margin-bottom: .5rem !important
    }

    .mb-md-3 {
        margin-bottom: 1rem !important
    }

    .mb-md-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-md-5 {
        margin-bottom: 3rem !important
    }

    .mb-md-6 {
        margin-bottom: 6rem !important
    }

    .mb-md-7 {
        margin-bottom: 12rem !important
    }

    .mb-md-auto {
        margin-bottom: auto !important
    }

    .ms-md-0 {
        margin-left: 0 !important
    }

    .ms-md-1 {
        margin-left: .25rem !important
    }

    .ms-md-2 {
        margin-left: .5rem !important
    }

    .ms-md-3 {
        margin-left: 1rem !important
    }

    .ms-md-4 {
        margin-left: 1.5rem !important
    }

    .ms-md-5 {
        margin-left: 3rem !important
    }

    .ms-md-6 {
        margin-left: 6rem !important
    }

    .ms-md-7 {
        margin-left: 12rem !important
    }

    .ms-md-auto {
        margin-left: auto !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .p-md-6 {
        padding: 6rem !important
    }

    .p-md-7 {
        padding: 12rem !important
    }

    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-md-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-md-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-md-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-md-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-md-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .px-md-6 {
        padding-right: 6rem !important;
        padding-left: 6rem !important
    }

    .px-md-7 {
        padding-right: 12rem !important;
        padding-left: 12rem !important
    }

    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-md-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-md-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-md-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-md-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .py-md-6 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important
    }

    .py-md-7 {
        padding-top: 12rem !important;
        padding-bottom: 12rem !important
    }

    .pt-md-0 {
        padding-top: 0 !important
    }

    .pt-md-1 {
        padding-top: .25rem !important
    }

    .pt-md-2 {
        padding-top: .5rem !important
    }

    .pt-md-3 {
        padding-top: 1rem !important
    }

    .pt-md-4 {
        padding-top: 1.5rem !important
    }

    .pt-md-5 {
        padding-top: 3rem !important
    }

    .pt-md-6 {
        padding-top: 6rem !important
    }

    .pt-md-7 {
        padding-top: 12rem !important
    }

    .pe-md-0 {
        padding-right: 0 !important
    }

    .pe-md-1 {
        padding-right: .25rem !important
    }

    .pe-md-2 {
        padding-right: .5rem !important
    }

    .pe-md-3 {
        padding-right: 1rem !important
    }

    .pe-md-4 {
        padding-right: 1.5rem !important
    }

    .pe-md-5 {
        padding-right: 3rem !important
    }

    .pe-md-6 {
        padding-right: 6rem !important
    }

    .pe-md-7 {
        padding-right: 12rem !important
    }

    .pb-md-0 {
        padding-bottom: 0 !important
    }

    .pb-md-1 {
        padding-bottom: .25rem !important
    }

    .pb-md-2 {
        padding-bottom: .5rem !important
    }

    .pb-md-3 {
        padding-bottom: 1rem !important
    }

    .pb-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-md-5 {
        padding-bottom: 3rem !important
    }

    .pb-md-6 {
        padding-bottom: 6rem !important
    }

    .pb-md-7 {
        padding-bottom: 12rem !important
    }

    .ps-md-0 {
        padding-left: 0 !important
    }

    .ps-md-1 {
        padding-left: .25rem !important
    }

    .ps-md-2 {
        padding-left: .5rem !important
    }

    .ps-md-3 {
        padding-left: 1rem !important
    }

    .ps-md-4 {
        padding-left: 1.5rem !important
    }

    .ps-md-5 {
        padding-left: 3rem !important
    }

    .ps-md-6 {
        padding-left: 6rem !important
    }

    .ps-md-7 {
        padding-left: 12rem !important
    }
}

@media (min-width: 992px) {
    .d-lg-inline {
        display:inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-grid {
        display: grid !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }

    .d-lg-none {
        display: none !important
    }

    .flex-lg-fill {
        flex: 1 1 auto !important
    }

    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .justify-content-lg-evenly {
        justify-content: space-evenly !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }

    .order-lg-first {
        order: -1 !important
    }

    .order-lg-0 {
        order: 0 !important
    }

    .order-lg-1 {
        order: 1 !important
    }

    .order-lg-2 {
        order: 2 !important
    }

    .order-lg-3 {
        order: 3 !important
    }

    .order-lg-4 {
        order: 4 !important
    }

    .order-lg-5 {
        order: 5 !important
    }

    .order-lg-last {
        order: 6 !important
    }

    .m-lg-0 {
        margin: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .m-lg-6 {
        margin: 6rem !important
    }

    .m-lg-7 {
        margin: 12rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-lg-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-lg-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-lg-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-lg-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-lg-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-lg-6 {
        margin-right: 6rem !important;
        margin-left: 6rem !important
    }

    .mx-lg-7 {
        margin-right: 12rem !important;
        margin-left: 12rem !important
    }

    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-lg-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-lg-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-lg-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-lg-6 {
        margin-top: 6rem !important;
        margin-bottom: 6rem !important
    }

    .my-lg-7 {
        margin-top: 12rem !important;
        margin-bottom: 12rem !important
    }

    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-lg-0 {
        margin-top: 0 !important
    }

    .mt-lg-1 {
        margin-top: .25rem !important
    }

    .mt-lg-2 {
        margin-top: .5rem !important
    }

    .mt-lg-3 {
        margin-top: 1rem !important
    }

    .mt-lg-4 {
        margin-top: 1.5rem !important
    }

    .mt-lg-5 {
        margin-top: 3rem !important
    }

    .mt-lg-6 {
        margin-top: 6rem !important
    }

    .mt-lg-7 {
        margin-top: 12rem !important
    }

    .mt-lg-auto {
        margin-top: auto !important
    }

    .me-lg-0 {
        margin-right: 0 !important
    }

    .me-lg-1 {
        margin-right: .25rem !important
    }

    .me-lg-2 {
        margin-right: .5rem !important
    }

    .me-lg-3 {
        margin-right: 1rem !important
    }

    .me-lg-4 {
        margin-right: 1.5rem !important
    }

    .me-lg-5 {
        margin-right: 3rem !important
    }

    .me-lg-6 {
        margin-right: 6rem !important
    }

    .me-lg-7 {
        margin-right: 12rem !important
    }

    .me-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-0 {
        margin-bottom: 0 !important
    }

    .mb-lg-1 {
        margin-bottom: .25rem !important
    }

    .mb-lg-2 {
        margin-bottom: .5rem !important
    }

    .mb-lg-3 {
        margin-bottom: 1rem !important
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-lg-5 {
        margin-bottom: 3rem !important
    }

    .mb-lg-6 {
        margin-bottom: 6rem !important
    }

    .mb-lg-7 {
        margin-bottom: 12rem !important
    }

    .mb-lg-auto {
        margin-bottom: auto !important
    }

    .ms-lg-0 {
        margin-left: 0 !important
    }

    .ms-lg-1 {
        margin-left: .25rem !important
    }

    .ms-lg-2 {
        margin-left: .5rem !important
    }

    .ms-lg-3 {
        margin-left: 1rem !important
    }

    .ms-lg-4 {
        margin-left: 1.5rem !important
    }

    .ms-lg-5 {
        margin-left: 3rem !important
    }

    .ms-lg-6 {
        margin-left: 6rem !important
    }

    .ms-lg-7 {
        margin-left: 12rem !important
    }

    .ms-lg-auto {
        margin-left: auto !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .p-lg-6 {
        padding: 6rem !important
    }

    .p-lg-7 {
        padding: 12rem !important
    }

    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-lg-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-lg-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-lg-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-lg-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .px-lg-6 {
        padding-right: 6rem !important;
        padding-left: 6rem !important
    }

    .px-lg-7 {
        padding-right: 12rem !important;
        padding-left: 12rem !important
    }

    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-lg-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-lg-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .py-lg-6 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important
    }

    .py-lg-7 {
        padding-top: 12rem !important;
        padding-bottom: 12rem !important
    }

    .pt-lg-0 {
        padding-top: 0 !important
    }

    .pt-lg-1 {
        padding-top: .25rem !important
    }

    .pt-lg-2 {
        padding-top: .5rem !important
    }

    .pt-lg-3 {
        padding-top: 1rem !important
    }

    .pt-lg-4 {
        padding-top: 1.5rem !important
    }

    .pt-lg-5 {
        padding-top: 3rem !important
    }

    .pt-lg-6 {
        padding-top: 6rem !important
    }

    .pt-lg-7 {
        padding-top: 12rem !important
    }

    .pe-lg-0 {
        padding-right: 0 !important
    }

    .pe-lg-1 {
        padding-right: .25rem !important
    }

    .pe-lg-2 {
        padding-right: .5rem !important
    }

    .pe-lg-3 {
        padding-right: 1rem !important
    }

    .pe-lg-4 {
        padding-right: 1.5rem !important
    }

    .pe-lg-5 {
        padding-right: 3rem !important
    }

    .pe-lg-6 {
        padding-right: 6rem !important
    }

    .pe-lg-7 {
        padding-right: 12rem !important
    }

    .pb-lg-0 {
        padding-bottom: 0 !important
    }

    .pb-lg-1 {
        padding-bottom: .25rem !important
    }

    .pb-lg-2 {
        padding-bottom: .5rem !important
    }

    .pb-lg-3 {
        padding-bottom: 1rem !important
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-lg-5 {
        padding-bottom: 3rem !important
    }

    .pb-lg-6 {
        padding-bottom: 6rem !important
    }

    .pb-lg-7 {
        padding-bottom: 12rem !important
    }

    .ps-lg-0 {
        padding-left: 0 !important
    }

    .ps-lg-1 {
        padding-left: .25rem !important
    }

    .ps-lg-2 {
        padding-left: .5rem !important
    }

    .ps-lg-3 {
        padding-left: 1rem !important
    }

    .ps-lg-4 {
        padding-left: 1.5rem !important
    }

    .ps-lg-5 {
        padding-left: 3rem !important
    }

    .ps-lg-6 {
        padding-left: 6rem !important
    }

    .ps-lg-7 {
        padding-left: 12rem !important
    }
}

@media (min-width: 1200px) {
    .d-xl-inline {
        display:inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-grid {
        display: grid !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }

    .d-xl-none {
        display: none !important
    }

    .flex-xl-fill {
        flex: 1 1 auto !important
    }

    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xl-start {
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        justify-content: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important
    }

    .justify-content-xl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xl-start {
        align-items: flex-start !important
    }

    .align-items-xl-end {
        align-items: flex-end !important
    }

    .align-items-xl-center {
        align-items: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important
    }

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-between {
        align-content: space-between !important
    }

    .align-content-xl-around {
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        align-self: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important
    }

    .order-xl-first {
        order: -1 !important
    }

    .order-xl-0 {
        order: 0 !important
    }

    .order-xl-1 {
        order: 1 !important
    }

    .order-xl-2 {
        order: 2 !important
    }

    .order-xl-3 {
        order: 3 !important
    }

    .order-xl-4 {
        order: 4 !important
    }

    .order-xl-5 {
        order: 5 !important
    }

    .order-xl-last {
        order: 6 !important
    }

    .m-xl-0 {
        margin: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .m-xl-6 {
        margin: 6rem !important
    }

    .m-xl-7 {
        margin: 12rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-xl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-xl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-xl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-xl-6 {
        margin-right: 6rem !important;
        margin-left: 6rem !important
    }

    .mx-xl-7 {
        margin-right: 12rem !important;
        margin-left: 12rem !important
    }

    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-xl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-xl-6 {
        margin-top: 6rem !important;
        margin-bottom: 6rem !important
    }

    .my-xl-7 {
        margin-top: 12rem !important;
        margin-bottom: 12rem !important
    }

    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xl-0 {
        margin-top: 0 !important
    }

    .mt-xl-1 {
        margin-top: .25rem !important
    }

    .mt-xl-2 {
        margin-top: .5rem !important
    }

    .mt-xl-3 {
        margin-top: 1rem !important
    }

    .mt-xl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xl-5 {
        margin-top: 3rem !important
    }

    .mt-xl-6 {
        margin-top: 6rem !important
    }

    .mt-xl-7 {
        margin-top: 12rem !important
    }

    .mt-xl-auto {
        margin-top: auto !important
    }

    .me-xl-0 {
        margin-right: 0 !important
    }

    .me-xl-1 {
        margin-right: .25rem !important
    }

    .me-xl-2 {
        margin-right: .5rem !important
    }

    .me-xl-3 {
        margin-right: 1rem !important
    }

    .me-xl-4 {
        margin-right: 1.5rem !important
    }

    .me-xl-5 {
        margin-right: 3rem !important
    }

    .me-xl-6 {
        margin-right: 6rem !important
    }

    .me-xl-7 {
        margin-right: 12rem !important
    }

    .me-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-0 {
        margin-bottom: 0 !important
    }

    .mb-xl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xl-5 {
        margin-bottom: 3rem !important
    }

    .mb-xl-6 {
        margin-bottom: 6rem !important
    }

    .mb-xl-7 {
        margin-bottom: 12rem !important
    }

    .mb-xl-auto {
        margin-bottom: auto !important
    }

    .ms-xl-0 {
        margin-left: 0 !important
    }

    .ms-xl-1 {
        margin-left: .25rem !important
    }

    .ms-xl-2 {
        margin-left: .5rem !important
    }

    .ms-xl-3 {
        margin-left: 1rem !important
    }

    .ms-xl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xl-5 {
        margin-left: 3rem !important
    }

    .ms-xl-6 {
        margin-left: 6rem !important
    }

    .ms-xl-7 {
        margin-left: 12rem !important
    }

    .ms-xl-auto {
        margin-left: auto !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .p-xl-6 {
        padding: 6rem !important
    }

    .p-xl-7 {
        padding: 12rem !important
    }

    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-xl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-xl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-xl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .px-xl-6 {
        padding-right: 6rem !important;
        padding-left: 6rem !important
    }

    .px-xl-7 {
        padding-right: 12rem !important;
        padding-left: 12rem !important
    }

    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-xl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .py-xl-6 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important
    }

    .py-xl-7 {
        padding-top: 12rem !important;
        padding-bottom: 12rem !important
    }

    .pt-xl-0 {
        padding-top: 0 !important
    }

    .pt-xl-1 {
        padding-top: .25rem !important
    }

    .pt-xl-2 {
        padding-top: .5rem !important
    }

    .pt-xl-3 {
        padding-top: 1rem !important
    }

    .pt-xl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xl-5 {
        padding-top: 3rem !important
    }

    .pt-xl-6 {
        padding-top: 6rem !important
    }

    .pt-xl-7 {
        padding-top: 12rem !important
    }

    .pe-xl-0 {
        padding-right: 0 !important
    }

    .pe-xl-1 {
        padding-right: .25rem !important
    }

    .pe-xl-2 {
        padding-right: .5rem !important
    }

    .pe-xl-3 {
        padding-right: 1rem !important
    }

    .pe-xl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xl-5 {
        padding-right: 3rem !important
    }

    .pe-xl-6 {
        padding-right: 6rem !important
    }

    .pe-xl-7 {
        padding-right: 12rem !important
    }

    .pb-xl-0 {
        padding-bottom: 0 !important
    }

    .pb-xl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xl-5 {
        padding-bottom: 3rem !important
    }

    .pb-xl-6 {
        padding-bottom: 6rem !important
    }

    .pb-xl-7 {
        padding-bottom: 12rem !important
    }

    .ps-xl-0 {
        padding-left: 0 !important
    }

    .ps-xl-1 {
        padding-left: .25rem !important
    }

    .ps-xl-2 {
        padding-left: .5rem !important
    }

    .ps-xl-3 {
        padding-left: 1rem !important
    }

    .ps-xl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xl-5 {
        padding-left: 3rem !important
    }

    .ps-xl-6 {
        padding-left: 6rem !important
    }

    .ps-xl-7 {
        padding-left: 12rem !important
    }
}

@media (min-width: 1400px) {
    .d-xxl-inline {
        display:inline !important
    }

    .d-xxl-inline-block {
        display: inline-block !important
    }

    .d-xxl-block {
        display: block !important
    }

    .d-xxl-grid {
        display: grid !important
    }

    .d-xxl-table {
        display: table !important
    }

    .d-xxl-table-row {
        display: table-row !important
    }

    .d-xxl-table-cell {
        display: table-cell !important
    }

    .d-xxl-flex {
        display: flex !important
    }

    .d-xxl-inline-flex {
        display: inline-flex !important
    }

    .d-xxl-none {
        display: none !important
    }

    .flex-xxl-fill {
        flex: 1 1 auto !important
    }

    .flex-xxl-row {
        flex-direction: row !important
    }

    .flex-xxl-column {
        flex-direction: column !important
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xxl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xxl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xxl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xxl-start {
        justify-content: flex-start !important
    }

    .justify-content-xxl-end {
        justify-content: flex-end !important
    }

    .justify-content-xxl-center {
        justify-content: center !important
    }

    .justify-content-xxl-between {
        justify-content: space-between !important
    }

    .justify-content-xxl-around {
        justify-content: space-around !important
    }

    .justify-content-xxl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xxl-start {
        align-items: flex-start !important
    }

    .align-items-xxl-end {
        align-items: flex-end !important
    }

    .align-items-xxl-center {
        align-items: center !important
    }

    .align-items-xxl-baseline {
        align-items: baseline !important
    }

    .align-items-xxl-stretch {
        align-items: stretch !important
    }

    .align-content-xxl-start {
        align-content: flex-start !important
    }

    .align-content-xxl-end {
        align-content: flex-end !important
    }

    .align-content-xxl-center {
        align-content: center !important
    }

    .align-content-xxl-between {
        align-content: space-between !important
    }

    .align-content-xxl-around {
        align-content: space-around !important
    }

    .align-content-xxl-stretch {
        align-content: stretch !important
    }

    .align-self-xxl-auto {
        align-self: auto !important
    }

    .align-self-xxl-start {
        align-self: flex-start !important
    }

    .align-self-xxl-end {
        align-self: flex-end !important
    }

    .align-self-xxl-center {
        align-self: center !important
    }

    .align-self-xxl-baseline {
        align-self: baseline !important
    }

    .align-self-xxl-stretch {
        align-self: stretch !important
    }

    .order-xxl-first {
        order: -1 !important
    }

    .order-xxl-0 {
        order: 0 !important
    }

    .order-xxl-1 {
        order: 1 !important
    }

    .order-xxl-2 {
        order: 2 !important
    }

    .order-xxl-3 {
        order: 3 !important
    }

    .order-xxl-4 {
        order: 4 !important
    }

    .order-xxl-5 {
        order: 5 !important
    }

    .order-xxl-last {
        order: 6 !important
    }

    .m-xxl-0 {
        margin: 0 !important
    }

    .m-xxl-1 {
        margin: .25rem !important
    }

    .m-xxl-2 {
        margin: .5rem !important
    }

    .m-xxl-3 {
        margin: 1rem !important
    }

    .m-xxl-4 {
        margin: 1.5rem !important
    }

    .m-xxl-5 {
        margin: 3rem !important
    }

    .m-xxl-6 {
        margin: 6rem !important
    }

    .m-xxl-7 {
        margin: 12rem !important
    }

    .m-xxl-auto {
        margin: auto !important
    }

    .mx-xxl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xxl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xxl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-xxl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-xxl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-xxl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-xxl-6 {
        margin-right: 6rem !important;
        margin-left: 6rem !important
    }

    .mx-xxl-7 {
        margin-right: 12rem !important;
        margin-left: 12rem !important
    }

    .mx-xxl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xxl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xxl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xxl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-xxl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xxl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xxl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-xxl-6 {
        margin-top: 6rem !important;
        margin-bottom: 6rem !important
    }

    .my-xxl-7 {
        margin-top: 12rem !important;
        margin-bottom: 12rem !important
    }

    .my-xxl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xxl-0 {
        margin-top: 0 !important
    }

    .mt-xxl-1 {
        margin-top: .25rem !important
    }

    .mt-xxl-2 {
        margin-top: .5rem !important
    }

    .mt-xxl-3 {
        margin-top: 1rem !important
    }

    .mt-xxl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xxl-5 {
        margin-top: 3rem !important
    }

    .mt-xxl-6 {
        margin-top: 6rem !important
    }

    .mt-xxl-7 {
        margin-top: 12rem !important
    }

    .mt-xxl-auto {
        margin-top: auto !important
    }

    .me-xxl-0 {
        margin-right: 0 !important
    }

    .me-xxl-1 {
        margin-right: .25rem !important
    }

    .me-xxl-2 {
        margin-right: .5rem !important
    }

    .me-xxl-3 {
        margin-right: 1rem !important
    }

    .me-xxl-4 {
        margin-right: 1.5rem !important
    }

    .me-xxl-5 {
        margin-right: 3rem !important
    }

    .me-xxl-6 {
        margin-right: 6rem !important
    }

    .me-xxl-7 {
        margin-right: 12rem !important
    }

    .me-xxl-auto {
        margin-right: auto !important
    }

    .mb-xxl-0 {
        margin-bottom: 0 !important
    }

    .mb-xxl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xxl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xxl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xxl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xxl-5 {
        margin-bottom: 3rem !important
    }

    .mb-xxl-6 {
        margin-bottom: 6rem !important
    }

    .mb-xxl-7 {
        margin-bottom: 12rem !important
    }

    .mb-xxl-auto {
        margin-bottom: auto !important
    }

    .ms-xxl-0 {
        margin-left: 0 !important
    }

    .ms-xxl-1 {
        margin-left: .25rem !important
    }

    .ms-xxl-2 {
        margin-left: .5rem !important
    }

    .ms-xxl-3 {
        margin-left: 1rem !important
    }

    .ms-xxl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xxl-5 {
        margin-left: 3rem !important
    }

    .ms-xxl-6 {
        margin-left: 6rem !important
    }

    .ms-xxl-7 {
        margin-left: 12rem !important
    }

    .ms-xxl-auto {
        margin-left: auto !important
    }

    .p-xxl-0 {
        padding: 0 !important
    }

    .p-xxl-1 {
        padding: .25rem !important
    }

    .p-xxl-2 {
        padding: .5rem !important
    }

    .p-xxl-3 {
        padding: 1rem !important
    }

    .p-xxl-4 {
        padding: 1.5rem !important
    }

    .p-xxl-5 {
        padding: 3rem !important
    }

    .p-xxl-6 {
        padding: 6rem !important
    }

    .p-xxl-7 {
        padding: 12rem !important
    }

    .px-xxl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xxl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xxl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-xxl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-xxl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-xxl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .px-xxl-6 {
        padding-right: 6rem !important;
        padding-left: 6rem !important
    }

    .px-xxl-7 {
        padding-right: 12rem !important;
        padding-left: 12rem !important
    }

    .py-xxl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xxl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xxl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-xxl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xxl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xxl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .py-xxl-6 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important
    }

    .py-xxl-7 {
        padding-top: 12rem !important;
        padding-bottom: 12rem !important
    }

    .pt-xxl-0 {
        padding-top: 0 !important
    }

    .pt-xxl-1 {
        padding-top: .25rem !important
    }

    .pt-xxl-2 {
        padding-top: .5rem !important
    }

    .pt-xxl-3 {
        padding-top: 1rem !important
    }

    .pt-xxl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xxl-5 {
        padding-top: 3rem !important
    }

    .pt-xxl-6 {
        padding-top: 6rem !important
    }

    .pt-xxl-7 {
        padding-top: 12rem !important
    }

    .pe-xxl-0 {
        padding-right: 0 !important
    }

    .pe-xxl-1 {
        padding-right: .25rem !important
    }

    .pe-xxl-2 {
        padding-right: .5rem !important
    }

    .pe-xxl-3 {
        padding-right: 1rem !important
    }

    .pe-xxl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xxl-5 {
        padding-right: 3rem !important
    }

    .pe-xxl-6 {
        padding-right: 6rem !important
    }

    .pe-xxl-7 {
        padding-right: 12rem !important
    }

    .pb-xxl-0 {
        padding-bottom: 0 !important
    }

    .pb-xxl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xxl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xxl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xxl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xxl-5 {
        padding-bottom: 3rem !important
    }

    .pb-xxl-6 {
        padding-bottom: 6rem !important
    }

    .pb-xxl-7 {
        padding-bottom: 12rem !important
    }

    .ps-xxl-0 {
        padding-left: 0 !important
    }

    .ps-xxl-1 {
        padding-left: .25rem !important
    }

    .ps-xxl-2 {
        padding-left: .5rem !important
    }

    .ps-xxl-3 {
        padding-left: 1rem !important
    }

    .ps-xxl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xxl-5 {
        padding-left: 3rem !important
    }

    .ps-xxl-6 {
        padding-left: 6rem !important
    }

    .ps-xxl-7 {
        padding-left: 12rem !important
    }
}

@media (min-width: 1600px) {
    .d-xxxl-inline {
        display:inline !important
    }

    .d-xxxl-inline-block {
        display: inline-block !important
    }

    .d-xxxl-block {
        display: block !important
    }

    .d-xxxl-grid {
        display: grid !important
    }

    .d-xxxl-table {
        display: table !important
    }

    .d-xxxl-table-row {
        display: table-row !important
    }

    .d-xxxl-table-cell {
        display: table-cell !important
    }

    .d-xxxl-flex {
        display: flex !important
    }

    .d-xxxl-inline-flex {
        display: inline-flex !important
    }

    .d-xxxl-none {
        display: none !important
    }

    .flex-xxxl-fill {
        flex: 1 1 auto !important
    }

    .flex-xxxl-row {
        flex-direction: row !important
    }

    .flex-xxxl-column {
        flex-direction: column !important
    }

    .flex-xxxl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xxxl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xxxl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xxxl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xxxl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xxxl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xxxl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xxxl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xxxl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xxxl-start {
        justify-content: flex-start !important
    }

    .justify-content-xxxl-end {
        justify-content: flex-end !important
    }

    .justify-content-xxxl-center {
        justify-content: center !important
    }

    .justify-content-xxxl-between {
        justify-content: space-between !important
    }

    .justify-content-xxxl-around {
        justify-content: space-around !important
    }

    .justify-content-xxxl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xxxl-start {
        align-items: flex-start !important
    }

    .align-items-xxxl-end {
        align-items: flex-end !important
    }

    .align-items-xxxl-center {
        align-items: center !important
    }

    .align-items-xxxl-baseline {
        align-items: baseline !important
    }

    .align-items-xxxl-stretch {
        align-items: stretch !important
    }

    .align-content-xxxl-start {
        align-content: flex-start !important
    }

    .align-content-xxxl-end {
        align-content: flex-end !important
    }

    .align-content-xxxl-center {
        align-content: center !important
    }

    .align-content-xxxl-between {
        align-content: space-between !important
    }

    .align-content-xxxl-around {
        align-content: space-around !important
    }

    .align-content-xxxl-stretch {
        align-content: stretch !important
    }

    .align-self-xxxl-auto {
        align-self: auto !important
    }

    .align-self-xxxl-start {
        align-self: flex-start !important
    }

    .align-self-xxxl-end {
        align-self: flex-end !important
    }

    .align-self-xxxl-center {
        align-self: center !important
    }

    .align-self-xxxl-baseline {
        align-self: baseline !important
    }

    .align-self-xxxl-stretch {
        align-self: stretch !important
    }

    .order-xxxl-first {
        order: -1 !important
    }

    .order-xxxl-0 {
        order: 0 !important
    }

    .order-xxxl-1 {
        order: 1 !important
    }

    .order-xxxl-2 {
        order: 2 !important
    }

    .order-xxxl-3 {
        order: 3 !important
    }

    .order-xxxl-4 {
        order: 4 !important
    }

    .order-xxxl-5 {
        order: 5 !important
    }

    .order-xxxl-last {
        order: 6 !important
    }

    .m-xxxl-0 {
        margin: 0 !important
    }

    .m-xxxl-1 {
        margin: .25rem !important
    }

    .m-xxxl-2 {
        margin: .5rem !important
    }

    .m-xxxl-3 {
        margin: 1rem !important
    }

    .m-xxxl-4 {
        margin: 1.5rem !important
    }

    .m-xxxl-5 {
        margin: 3rem !important
    }

    .m-xxxl-6 {
        margin: 6rem !important
    }

    .m-xxxl-7 {
        margin: 12rem !important
    }

    .m-xxxl-auto {
        margin: auto !important
    }

    .mx-xxxl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xxxl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xxxl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-xxxl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-xxxl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-xxxl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-xxxl-6 {
        margin-right: 6rem !important;
        margin-left: 6rem !important
    }

    .mx-xxxl-7 {
        margin-right: 12rem !important;
        margin-left: 12rem !important
    }

    .mx-xxxl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xxxl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xxxl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xxxl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-xxxl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xxxl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xxxl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-xxxl-6 {
        margin-top: 6rem !important;
        margin-bottom: 6rem !important
    }

    .my-xxxl-7 {
        margin-top: 12rem !important;
        margin-bottom: 12rem !important
    }

    .my-xxxl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xxxl-0 {
        margin-top: 0 !important
    }

    .mt-xxxl-1 {
        margin-top: .25rem !important
    }

    .mt-xxxl-2 {
        margin-top: .5rem !important
    }

    .mt-xxxl-3 {
        margin-top: 1rem !important
    }

    .mt-xxxl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xxxl-5 {
        margin-top: 3rem !important
    }

    .mt-xxxl-6 {
        margin-top: 6rem !important
    }

    .mt-xxxl-7 {
        margin-top: 12rem !important
    }

    .mt-xxxl-auto {
        margin-top: auto !important
    }

    .me-xxxl-0 {
        margin-right: 0 !important
    }

    .me-xxxl-1 {
        margin-right: .25rem !important
    }

    .me-xxxl-2 {
        margin-right: .5rem !important
    }

    .me-xxxl-3 {
        margin-right: 1rem !important
    }

    .me-xxxl-4 {
        margin-right: 1.5rem !important
    }

    .me-xxxl-5 {
        margin-right: 3rem !important
    }

    .me-xxxl-6 {
        margin-right: 6rem !important
    }

    .me-xxxl-7 {
        margin-right: 12rem !important
    }

    .me-xxxl-auto {
        margin-right: auto !important
    }

    .mb-xxxl-0 {
        margin-bottom: 0 !important
    }

    .mb-xxxl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xxxl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xxxl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xxxl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xxxl-5 {
        margin-bottom: 3rem !important
    }

    .mb-xxxl-6 {
        margin-bottom: 6rem !important
    }

    .mb-xxxl-7 {
        margin-bottom: 12rem !important
    }

    .mb-xxxl-auto {
        margin-bottom: auto !important
    }

    .ms-xxxl-0 {
        margin-left: 0 !important
    }

    .ms-xxxl-1 {
        margin-left: .25rem !important
    }

    .ms-xxxl-2 {
        margin-left: .5rem !important
    }

    .ms-xxxl-3 {
        margin-left: 1rem !important
    }

    .ms-xxxl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xxxl-5 {
        margin-left: 3rem !important
    }

    .ms-xxxl-6 {
        margin-left: 6rem !important
    }

    .ms-xxxl-7 {
        margin-left: 12rem !important
    }

    .ms-xxxl-auto {
        margin-left: auto !important
    }

    .p-xxxl-0 {
        padding: 0 !important
    }

    .p-xxxl-1 {
        padding: .25rem !important
    }

    .p-xxxl-2 {
        padding: .5rem !important
    }

    .p-xxxl-3 {
        padding: 1rem !important
    }

    .p-xxxl-4 {
        padding: 1.5rem !important
    }

    .p-xxxl-5 {
        padding: 3rem !important
    }

    .p-xxxl-6 {
        padding: 6rem !important
    }

    .p-xxxl-7 {
        padding: 12rem !important
    }

    .px-xxxl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xxxl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xxxl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-xxxl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-xxxl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-xxxl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .px-xxxl-6 {
        padding-right: 6rem !important;
        padding-left: 6rem !important
    }

    .px-xxxl-7 {
        padding-right: 12rem !important;
        padding-left: 12rem !important
    }

    .py-xxxl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xxxl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xxxl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-xxxl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xxxl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xxxl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .py-xxxl-6 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important
    }

    .py-xxxl-7 {
        padding-top: 12rem !important;
        padding-bottom: 12rem !important
    }

    .pt-xxxl-0 {
        padding-top: 0 !important
    }

    .pt-xxxl-1 {
        padding-top: .25rem !important
    }

    .pt-xxxl-2 {
        padding-top: .5rem !important
    }

    .pt-xxxl-3 {
        padding-top: 1rem !important
    }

    .pt-xxxl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xxxl-5 {
        padding-top: 3rem !important
    }

    .pt-xxxl-6 {
        padding-top: 6rem !important
    }

    .pt-xxxl-7 {
        padding-top: 12rem !important
    }

    .pe-xxxl-0 {
        padding-right: 0 !important
    }

    .pe-xxxl-1 {
        padding-right: .25rem !important
    }

    .pe-xxxl-2 {
        padding-right: .5rem !important
    }

    .pe-xxxl-3 {
        padding-right: 1rem !important
    }

    .pe-xxxl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xxxl-5 {
        padding-right: 3rem !important
    }

    .pe-xxxl-6 {
        padding-right: 6rem !important
    }

    .pe-xxxl-7 {
        padding-right: 12rem !important
    }

    .pb-xxxl-0 {
        padding-bottom: 0 !important
    }

    .pb-xxxl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xxxl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xxxl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xxxl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xxxl-5 {
        padding-bottom: 3rem !important
    }

    .pb-xxxl-6 {
        padding-bottom: 6rem !important
    }

    .pb-xxxl-7 {
        padding-bottom: 12rem !important
    }

    .ps-xxxl-0 {
        padding-left: 0 !important
    }

    .ps-xxxl-1 {
        padding-left: .25rem !important
    }

    .ps-xxxl-2 {
        padding-left: .5rem !important
    }

    .ps-xxxl-3 {
        padding-left: 1rem !important
    }

    .ps-xxxl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xxxl-5 {
        padding-left: 3rem !important
    }

    .ps-xxxl-6 {
        padding-left: 6rem !important
    }

    .ps-xxxl-7 {
        padding-left: 12rem !important
    }
}

@media print {
    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-grid {
        display: grid !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: flex !important
    }

    .d-print-inline-flex {
        display: inline-flex !important
    }

    .d-print-none {
        display: none !important
    }
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-visible {
    overflow: visible !important
}

.overflow-scroll {
    overflow: scroll !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: sticky !important
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

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

.w-auto {
    width: auto !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.lh-1 {
    line-height: 1 !important
}

.lh-sm {
    line-height: 1.25 !important
}

.lh-base {
    line-height: 1.5 !important
}

.lh-lg {
    line-height: 2 !important
}

.text-start {
    text-align: left !important
}

.text-end {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

@media (min-width: 576px) {
    .text-sm-start {
        text-align:left !important
    }

    .text-sm-end {
        text-align: right !important
    }

    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width: 768px) {
    .text-md-start {
        text-align:left !important
    }

    .text-md-end {
        text-align: right !important
    }

    .text-md-center {
        text-align: center !important
    }
}

@media (min-width: 992px) {
    .text-lg-start {
        text-align:left !important
    }

    .text-lg-end {
        text-align: right !important
    }

    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width: 1200px) {
    .text-xl-start {
        text-align:left !important
    }

    .text-xl-end {
        text-align: right !important
    }

    .text-xl-center {
        text-align: center !important
    }
}

@media (min-width: 1400px) {
    .text-xxl-start {
        text-align:left !important
    }

    .text-xxl-end {
        text-align: right !important
    }

    .text-xxl-center {
        text-align: center !important
    }
}

@media (min-width: 1600px) {
    .text-xxxl-start {
        text-align:left !important
    }

    .text-xxxl-end {
        text-align: right !important
    }

    .text-xxxl-center {
        text-align: center !important
    }
}

.list-style-none,.list-unstyled {
    list-style: none !important;
    margin: 0;
    padding: 0
}

.text-decoration-none {
    text-decoration: none !important
}

.text-left {
    text-align: left
}

@media screen and (min-width: 768px) {
    .text-md-left {
        text-align:left !important
    }
}

.text-uppercase {
    text-transform: uppercase
}

.font-size-16 {
    font-size: 16px !important;
    font-size: 1rem !important
}

.font-size-18 {
    font-size: 18px !important;
    font-size: 1.125rem !important
}

.font-size-24 {
    font-size: 24px !important;
    font-size: 1.5rem !important
}

.font-size-28 {
    font-size: 28px !important;
    font-size: 1.75rem !important
}

@media screen and (min-width: 0) {
    .font-size-xs-16 {
        font-size:16px !important;
        font-size: 1rem !important
    }
}

@media screen and (min-width: 360px) {
    .font-size-sml-16 {
        font-size:16px !important;
        font-size: 1rem !important
    }
}

@media screen and (min-width: 576px) {
    .font-size-sm-16 {
        font-size:16px !important;
        font-size: 1rem !important
    }
}

@media screen and (min-width: 768px) {
    .font-size-md-16 {
        font-size:16px !important;
        font-size: 1rem !important
    }
}

@media screen and (min-width: 860px) {
    .font-size-tb-16 {
        font-size:16px !important;
        font-size: 1rem !important
    }
}

@media screen and (min-width: 992px) {
    .font-size-lg-16 {
        font-size:16px !important;
        font-size: 1rem !important
    }
}

@media screen and (min-width: 1200px) {
    .font-size-xl-16 {
        font-size:16px !important;
        font-size: 1rem !important
    }
}

@media screen and (min-width: 1400px) {
    .font-size-xxl-16 {
        font-size:16px !important;
        font-size: 1rem !important
    }
}

@media screen and (min-width: 1600px) {
    .font-size-xxxl-16 {
        font-size:16px !important;
        font-size: 1rem !important
    }
}

@media screen and (min-width: 0) {
    .font-size-xs-18 {
        font-size:18px !important;
        font-size: 1.125rem !important
    }
}

@media screen and (min-width: 360px) {
    .font-size-sml-18 {
        font-size:18px !important;
        font-size: 1.125rem !important
    }
}

@media screen and (min-width: 576px) {
    .font-size-sm-18 {
        font-size:18px !important;
        font-size: 1.125rem !important
    }
}

@media screen and (min-width: 768px) {
    .font-size-md-18 {
        font-size:18px !important;
        font-size: 1.125rem !important
    }
}

@media screen and (min-width: 860px) {
    .font-size-tb-18 {
        font-size:18px !important;
        font-size: 1.125rem !important
    }
}

@media screen and (min-width: 992px) {
    .font-size-lg-18 {
        font-size:18px !important;
        font-size: 1.125rem !important
    }
}

@media screen and (min-width: 1200px) {
    .font-size-xl-18 {
        font-size:18px !important;
        font-size: 1.125rem !important
    }
}

@media screen and (min-width: 1400px) {
    .font-size-xxl-18 {
        font-size:18px !important;
        font-size: 1.125rem !important
    }
}

@media screen and (min-width: 1600px) {
    .font-size-xxxl-18 {
        font-size:18px !important;
        font-size: 1.125rem !important
    }
}

@media screen and (min-width: 0) {
    .font-size-xs-24 {
        font-size:24px !important;
        font-size: 1.5rem !important
    }
}

@media screen and (min-width: 360px) {
    .font-size-sml-24 {
        font-size:24px !important;
        font-size: 1.5rem !important
    }
}

@media screen and (min-width: 576px) {
    .font-size-sm-24 {
        font-size:24px !important;
        font-size: 1.5rem !important
    }
}

@media screen and (min-width: 768px) {
    .font-size-md-24 {
        font-size:24px !important;
        font-size: 1.5rem !important
    }
}

@media screen and (min-width: 860px) {
    .font-size-tb-24 {
        font-size:24px !important;
        font-size: 1.5rem !important
    }
}

@media screen and (min-width: 992px) {
    .font-size-lg-24 {
        font-size:24px !important;
        font-size: 1.5rem !important
    }
}

@media screen and (min-width: 1200px) {
    .font-size-xl-24 {
        font-size:24px !important;
        font-size: 1.5rem !important
    }
}

@media screen and (min-width: 1400px) {
    .font-size-xxl-24 {
        font-size:24px !important;
        font-size: 1.5rem !important
    }
}

@media screen and (min-width: 1600px) {
    .font-size-xxxl-24 {
        font-size:24px !important;
        font-size: 1.5rem !important
    }
}

@media screen and (min-width: 0) {
    .font-size-xs-28 {
        font-size:28px !important;
        font-size: 1.75rem !important
    }
}

@media screen and (min-width: 360px) {
    .font-size-sml-28 {
        font-size:28px !important;
        font-size: 1.75rem !important
    }
}

@media screen and (min-width: 576px) {
    .font-size-sm-28 {
        font-size:28px !important;
        font-size: 1.75rem !important
    }
}

@media screen and (min-width: 768px) {
    .font-size-md-28 {
        font-size:28px !important;
        font-size: 1.75rem !important
    }
}

@media screen and (min-width: 860px) {
    .font-size-tb-28 {
        font-size:28px !important;
        font-size: 1.75rem !important
    }
}

@media screen and (min-width: 992px) {
    .font-size-lg-28 {
        font-size:28px !important;
        font-size: 1.75rem !important
    }
}

@media screen and (min-width: 1200px) {
    .font-size-xl-28 {
        font-size:28px !important;
        font-size: 1.75rem !important
    }
}

@media screen and (min-width: 1400px) {
    .font-size-xxl-28 {
        font-size:28px !important;
        font-size: 1.75rem !important
    }
}

@media screen and (min-width: 1600px) {
    .font-size-xxxl-28 {
        font-size:28px !important;
        font-size: 1.75rem !important
    }
}

.strong {
    font-weight: 700 !important
}

.medium {
    font-weight: 500 !important
}

.regular {
    font-weight: 400 !important
}

@media screen and (min-width: 0) {
    .strong-xs {
        font-weight:700 !important
    }
}

@media screen and (min-width: 360px) {
    .strong-sml {
        font-weight:700 !important
    }
}

@media screen and (min-width: 576px) {
    .strong-sm {
        font-weight:700 !important
    }
}

@media screen and (min-width: 768px) {
    .strong-md {
        font-weight:700 !important
    }
}

@media screen and (min-width: 860px) {
    .strong-tb {
        font-weight:700 !important
    }
}

@media screen and (min-width: 992px) {
    .strong-lg {
        font-weight:700 !important
    }
}

@media screen and (min-width: 1200px) {
    .strong-xl {
        font-weight:700 !important
    }
}

@media screen and (min-width: 1400px) {
    .strong-xxl {
        font-weight:700 !important
    }
}

@media screen and (min-width: 1600px) {
    .strong-xxxl {
        font-weight:700 !important
    }
}

@media screen and (min-width: 0) {
    .medium-xs {
        font-weight:500 !important
    }
}

@media screen and (min-width: 360px) {
    .medium-sml {
        font-weight:500 !important
    }
}

@media screen and (min-width: 576px) {
    .medium-sm {
        font-weight:500 !important
    }
}

@media screen and (min-width: 768px) {
    .medium-md {
        font-weight:500 !important
    }
}

@media screen and (min-width: 860px) {
    .medium-tb {
        font-weight:500 !important
    }
}

@media screen and (min-width: 992px) {
    .medium-lg {
        font-weight:500 !important
    }
}

@media screen and (min-width: 1200px) {
    .medium-xl {
        font-weight:500 !important
    }
}

@media screen and (min-width: 1400px) {
    .medium-xxl {
        font-weight:500 !important
    }
}

@media screen and (min-width: 1600px) {
    .medium-xxxl {
        font-weight:500 !important
    }
}

@media screen and (min-width: 0) {
    .regular-xs {
        font-weight:400 !important
    }
}

@media screen and (min-width: 360px) {
    .regular-sml {
        font-weight:400 !important
    }
}

@media screen and (min-width: 576px) {
    .regular-sm {
        font-weight:400 !important
    }
}

@media screen and (min-width: 768px) {
    .regular-md {
        font-weight:400 !important
    }
}

@media screen and (min-width: 860px) {
    .regular-tb {
        font-weight:400 !important
    }
}

@media screen and (min-width: 992px) {
    .regular-lg {
        font-weight:400 !important
    }
}

@media screen and (min-width: 1200px) {
    .regular-xl {
        font-weight:400 !important
    }
}

@media screen and (min-width: 1400px) {
    .regular-xxl {
        font-weight:400 !important
    }
}

@media screen and (min-width: 1600px) {
    .regular-xxxl {
        font-weight:400 !important
    }
}

.color-blue {
    color: #338bd9 !important
}

@font-face {
    font-family: 'Icons';
    src: url("https://iplogger.site/css/fonts/Icons.eot?t8t530");
    src: url("https://iplogger.site/css/fonts/Icons.eot?t8t530#iefix") format("embedded-opentype"),url("https://iplogger.site/css/fonts/Icons.ttf?t8t530") format("truetype"),url("https://iplogger.site/css/fonts/Icons.woff?t8t530") format("woff"),url("https://iplogger.site/css/fonts/Icons.svg?t8t530#Icons") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block
}

[class^="icon-"],[class*=" icon-"] {
    font-family: 'Icons' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-video-camera:before {
    content: "\E906"
}

.icon-gps:before {
    content: "\E909";
    color: inherit
}

.icon-gps:after {
    content: "\E90A";
    margin-left: -1em;
    color: #424242
}

.icon-gps span:nth-child(1):before {
    content: "\E90B";
    margin-left: -1em;
    color: #fff
}

.icon-gps span:nth-child(1):after {
    content: "\E90C";
    margin-left: -1em;
    color: #fff
}

.icon-gps span:nth-child(2):before {
    content: "\E90D";
    margin-left: -1em;
    color: #fff
}

.icon-info:before {
    content: "\E90E"
}

.icon-phone:before {
    content: "\E908"
}

.icon-clock:before {
    content: "\E900"
}

.icon-database:before {
    content: "\E901"
}

.icon-globe:before {
    content: "\E902"
}

.icon-mobile:before {
    content: "\E903"
}

.icon-monitor:before {
    content: "\E904"
}

.icon-user:before {
    content: "\E905"
}

.icon-chevron-left:before {
    content: "\E907"
}

.icon-chevron-right:before {
    content: "\E907";
    display: inline-block;
    transform: rotate(-180deg)
}

.icon-chevron-down:before {
    content: "\E907";
    display: inline-block;
    transform: rotate(-90deg)
}

main .btn,main button {
    display: inline-block;
    height: auto;
    width: auto;
    background: #338bd9;
    color: #fff !important;
    border-radius: .5rem;
    padding: .719rem 1.8rem;
    font-weight: 500;
    box-shadow: none !important;
    line-height: 1.5;
    font-size: 18px;
    font-size: 1.125rem;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: transform .3s;
    -moz-transition: transform .3s;
    -ms-transition: transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s
}

main .btn:not(.btn-style-transparent):hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

main .btn.btn-style-transparent,main .btn.btn-style-gray-text,main .btn.btn-style-link,main button.btn-style-transparent,main button.btn-style-gray-text,main button.btn-style-link {
    background: transparent;
    border-radius: 0;
    padding: 0;
    font-size: inherit
}

main .btn.btn-style-transparent[disabled],main .btn.btn-style-gray-text[disabled],main .btn.btn-style-link[disabled],main button.btn-style-transparent[disabled],main button.btn-style-gray-text[disabled],main button.btn-style-link[disabled] {
    background: transparent !important;
    cursor: not-allowed !important
}

main .btn.btn-style-transparent,main button.btn-style-transparent {
    color: inherit !important
}

main .btn.btn-style-gray-text,main button.btn-style-gray-text {
    color: #AEAEAE !important
}

main .btn.btn-style-link,main button.btn-style-link {
    text-decoration: underline;
    color: #338bd9 !important
}

.load .btn[disabled]:not(.btn-style-transparent),.load button[disabled]:not(.btn-style-transparent) {
    background: #338bd9 !important
}

.gm-style-mtc button {
    color: #565656 !important;
    box-shadow: rgba(0,0,0,0.3) 0px 1px 4px -1px !important;
    border-radius: 2px !important
}

form label,.custom-form label {
    cursor: pointer;
    color: #2B292D;
    font-size: 16px;
    font-size: 1rem
}
form label:not(.w-100),.custom-form label:not(.w-100) {
    text-transform: uppercase;
    user-select: none;
    font-weight: 500;
}
form label .hr,.custom-form label .hr {
    width: 1px !important;
    min-width: 1px;
    height: 19px;
    background: #AFB0BD
}

form *:not(.input) input:not([type="submit"]),form *:not(.input) select,form *:not(.input) textarea,form .input,.custom-form *:not(.input) input:not([type="submit"]),.custom-form *:not(.input) select,.custom-form *:not(.input) textarea,.custom-form .input {
    border: 0;
    background: #F3F3F3;
    color: #2B292D;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400;
    font-family: 'Roboto',sans-serif;
    border-radius: .75rem;
    padding: .969rem 1.25rem;
    line-height: 1
}

form *:not(.input) input:not([type="submit"])::-webkit-input-placeholder,form *:not(.input) select::-webkit-input-placeholder,form *:not(.input) textarea::-webkit-input-placeholder,form .input::-webkit-input-placeholder,.custom-form *:not(.input) input:not([type="submit"])::-webkit-input-placeholder,.custom-form *:not(.input) select::-webkit-input-placeholder,.custom-form *:not(.input) textarea::-webkit-input-placeholder,.custom-form .input::-webkit-input-placeholder {
    color: #AFB0BD
}

form *:not(.input) input:not([type="submit"]):-moz-placeholder,form *:not(.input) select:-moz-placeholder,form *:not(.input) textarea:-moz-placeholder,form .input:-moz-placeholder,.custom-form *:not(.input) input:not([type="submit"]):-moz-placeholder,.custom-form *:not(.input) select:-moz-placeholder,.custom-form *:not(.input) textarea:-moz-placeholder,.custom-form .input:-moz-placeholder {
    color: #AFB0BD
}

form *:not(.input) input:not([type="submit"])::-moz-placeholder,form *:not(.input) select::-moz-placeholder,form *:not(.input) textarea::-moz-placeholder,form .input::-moz-placeholder,.custom-form *:not(.input) input:not([type="submit"])::-moz-placeholder,.custom-form *:not(.input) select::-moz-placeholder,.custom-form *:not(.input) textarea::-moz-placeholder,.custom-form .input::-moz-placeholder {
    color: #AFB0BD
}

form *:not(.input) input:not([type="submit"]):-ms-input-placeholder,form *:not(.input) select:-ms-input-placeholder,form *:not(.input) textarea:-ms-input-placeholder,form .input:-ms-input-placeholder,.custom-form *:not(.input) input:not([type="submit"]):-ms-input-placeholder,.custom-form *:not(.input) select:-ms-input-placeholder,.custom-form *:not(.input) textarea:-ms-input-placeholder,.custom-form .input:-ms-input-placeholder {
    color: #AFB0BD
}

form *:not(.input) input:not([type="submit"]),form *:not(.input) select,form .input,.custom-form *:not(.input) input:not([type="submit"]),.custom-form *:not(.input) select,.custom-form .input {
    height: auto
}

form input[type="checkbox"],.custom-form input[type="checkbox"] {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    opacity: 0;
    visibility: hidden
}




form textarea,.custom-form textarea {
    min-height: 50px;
    height: 50px;
    resize: vertical
}

form .input input:not([type="submit"]),form .input select,form .input textarea,.custom-form .input input:not([type="submit"]),.custom-form .input select,.custom-form .input textarea {
    border: 0;
    font: inherit;
    padding: 0;
    border-radius: 0;
    background: transparent
}

form .input [type="submit"],.custom-form .input [type="submit"] {
    color: #AFB0BD !important
}

form .input.input-with-submit,.custom-form .input.input-with-submit {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0
}

form .input.input-with-submit [type="submit"],.custom-form .input.input-with-submit [type="submit"] {
    color: #fff !important;
    padding: 1rem 1.25rem;
    border-radius: .75rem;
    font-size: inherit
}

form button[type="submit"],.custom-form button[type="submit"] {
    -webkit-transition: color .3s transform .3s;
    -moz-transition: color .3s transform .3s;
    -ms-transition: color .3s transform .3s;
    -o-transition: color .3s transform .3s;
    transition: color .3s transform .3s
}

form button[type="submit"] .load,.custom-form button[type="submit"] .load {
    position: absolute;
    opacity: 0;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

form.load,.custom-form.load {
    cursor: wait
}

form.load *,.custom-form.load * {
    cursor: wait !important
}

form.load .input button[type="submit"],form.load button[type="submit"],.custom-form.load .input button[type="submit"],.custom-form.load button[type="submit"] {
    color: transparent !important
}

form.load .input button[type="submit"] .load,form.load button[type="submit"] .load,.custom-form.load .input button[type="submit"] .load,.custom-form.load button[type="submit"] .load {
    opacity: 1
}

form .for-error,.custom-form .for-error {
    width: 100%;
    font-size: 14px;
    font-size: .875rem;
    color: #b93b40;
    height: 0;
    transform-origin: left top;
    transform: scale(0);
    -webkit-transition: transform .3s;
    -moz-transition: transform .3s;
    -ms-transition: transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s
}

form .for-error.show,.custom-form .for-error.show {
    height: auto;
    transform: scale(1)
}

.custom-select {
    position: absolute;
    z-index: 99;
    background: #fff;
    box-shadow: 0 0.0625em 0.3125em rgba(0,0,0,0.15);
    visibility: hidden;
    opacity: 0;
    max-height: 0;
    overflow-y: auto
}

.custom-select.show {
    visibility: visible;
    opacity: 1
}

.custom-select:not(.top) {
    top: 100%
}

.custom-select.top {
    bottom: 100%
}

.custom-select button {
    border-bottom: 1px solid #AFB0BD;
    color: #fff
}

.custom-select button.selected,.custom-select button:hover {
    color: #338bd9 !important
}

.custom-select button.hide {
    display: none !important
}

.for-custom-select .input:after {
    content: '' !important;
    position: absolute;
    display: block;
    right: 15px;
    width: 10px;
    height: 10px;
    margin-top: -7px;
    transform: rotate(45deg);
    border: 2px solid currentColor;
    border-top-color: transparent;
    border-left-color: transparent
}

.flip-card .back {
    position: absolute;
    top: 0;
    left: 0
}

.dialog.dialog-with-flip-card {
    background: transparent;
    padding: 0
}

.dialog.dialog-with-flip-card .flip-card.back .front {
    z-index: 1;
    transform: perspective(600px) rotateY(-180deg)
}

.dialog.dialog-with-flip-card .flip-card.back .back {
    z-index: 2;
    transform: perspective(600px) rotateY(0deg)
}

.dialog.dialog-with-flip-card .flip-card .front,.dialog.dialog-with-flip-card .flip-card .back {
    background: #fff;
    border-radius: 8px;
    padding: 20px;
    backface-visibility: hidden;
    -webkit-transition: transform .6s linear;
    -moz-transition: transform .6s linear;
    -ms-transition: transform .6s linear;
    -o-transition: transform .6s linear;
    transition: transform .6s linear
}

.dialog.dialog-with-flip-card .flip-card .front {
    z-index: 2;
    transform: perspective(600px) rotateY(0deg)
}

.dialog.dialog-with-flip-card .flip-card .back {
    z-index: 1;
    transform: perspective(600px) rotateY(180deg)
}


.img-phone {
    height: 100%;
    width: 100%;
    background-image: url(https://iplogger.site/css/fonts/ephone.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top;
    overflow: hidden;
}


.img-phone .messages {
    min-height: 100px;
    margin: 34% auto;
    width: 80%;
}

.img-phone .for-message {
    height: 100%;
}

.img-phone .for-message .text {
    word-wrap: break-word;
}

.img-phone .message {
    background-color: #fff;
    border-radius: 25px;
    padding: 15px 15px;
    font-size: 1.2vw;
    margin-left: 15px;
    min-height: 100px;
}
@media screen and (min-width: 2000px) {
    .img-phone .message {
      font-size: 1vw;
    }
}
@media screen and (min-width: 3000px) {
    .img-phone .message {
      font-size: 0.85vw;
    }
}


@media screen and (max-width: 991px) {
    .img-phone .for-message img {
      display: none;
  }
  .img-phone .message {
      margin-left: 0px;
      font-size: 2vw;
  }
}

@media screen and (max-width: 767px) {
    .img-phone .foot {
      display: none;
    }
    .img-phone .message {
      font-size: 3vw;
  }
}

.img-phone .for-message .message .link {
    color: #338bd9
}

.img-phone .foot {
    position: absolute;
    bottom: 0px;
    width: 80%;
    left: 10%;
    right: 10%;
    border-top: 1px solid rgba(255,255,255,0.1);
    padding-top: 20px;
}

.img-phone .foot label {
    background: #FFFFFF;
    border: 1px solid #7C7C7C;
    border-radius: 0.78125vw;
    margin: 0px 5px;
    height: 8vh;
    padding: 0px 15px;
    font-size: 1.2vh;
}

.img-phone .foot label input {
    padding: 0;
    border: 0;
}

.img-phone .foot label span {
    color: rgba(124,124,124,0.72);
    font-size: 1.5625vw;
    line-height: 1
}

.alert {
    position: absolute;
    z-index: -1;
    margin-top: 15px;
    background: #FCFCFC;
    border: 1px solid #C1C6C3;
    border-radius: 12px;
    box-shadow: 0 10px 22px rgba(70,82,77,0.05),0 6px 8px rgba(70,82,77,0.0303704),0 3.25926px 2px rgba(70,82,77,0.0196296);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.alert.show {
    z-index: 999999;
    display: block;
    visibility: visible;
    opacity: 1
}

.alert:before,.alert:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0
}

.alert:before {
    top: -8px;
    left: calc(50% - 6.5px);
    border-left: 6.5px solid transparent;
    border-right: 6.5px solid transparent;
    border-bottom: 8px solid #C1C6C3
}

.alert:after {
    top: -7px;
    left: calc(50% - 5.5px);
    border-left: 5.5px solid transparent;
    border-right: 5.5px solid transparent;
    border-bottom: 7px solid #FCFCFC
}

.pagination button {
    background: #FFFFFF;
    border: 1px solid #CFD3D5;
    border-radius: 3px;
    color: #828282 !important;
    font-size: 14px;
    font-size: .875rem;
    padding: .2rem .7rem;
    -webkit-transition: background .3s,border-color .3s,color .3s;
    -moz-transition: background .3s,border-color .3s,color .3s;
    -ms-transition: background .3s,border-color .3s,color .3s;
    -o-transition: background .3s,border-color .3s,color .3s;
    transition: background .3s,border-color .3s,color .3s
}

.pagination .active button,.pagination button:hover {
    background: #ECF2FC;
    border-color: #338BD9;
    color: #338BD9 !important
}

.pagination .more button {
    border: 0;
    background: transparent;
    transform: none !important
}

.section-sms-form-get .block,.section-sms-form-get .for-forms,.section-sms-form-get .for-map {
    background: #fff;
    border: 1px solid #ECECEC;
    border-radius: .5rem
}
.section-sms-form-get .for-map {
  max-height: 930px;
}
.section-sms-form-get .block.logger-data {
    max-height: 655px;
    min-height: 250px;
}

.section-sms-form-get .block,.section-sms-form-get .for-forms {
    width: 100%;
    max-height: 100%;
    -webkit-transition: height .3s linear;
    -moz-transition: height .3s linear;
    -ms-transition: height .3s linear;
    -o-transition: height .3s linear;
    transition: height .3s linear
}

@media screen and (max-width: 767px) {
    .section-sms-form-get .blocks {
        width:100%
    }
}
.section-sms-form-get .blocks,.section-sms-form-get .content {
  height:calc(115vh - 10rem)
}
@media screen and (max-width: 991px) {
  .section-sms-form-get .blocks,
  .section-sms-form-get .content {
        height:auto;
    }
    .section-sms-form-get .block.logger-data {
      max-height: 655px;
      min-height: 400px;
  }
}

@media screen and (min-width: 768px) {

    .section-sms-form-get .block,
    .section-sms-form-get .for-forms {
        width: 450px;
        /*height: 600px*/
    }

    .section-sms-form-get .for-forms.for-small {
        min-height: 625px;
        height: auto;
    }

    .section-sms-form-get .for-img-phone {
      min-height: calc(625px + 3rem);
        height: 100vh;
    }

}

.section-sms-form-get .block {
    height: auto
}

.section-sms-form-get .for-forms {
    overflow-y: auto !important;
    min-height: 350px;
    max-height: 700px;
}

.section-sms-form-get .for-forms .form-container {
    width: 100%;
    height: 100%;
    -webkit-transition: top .6s;
    -moz-transition: top .6s;
    -ms-transition: top .6s;
    -o-transition: top .6s;
    transition: top .6s
}

@media screen and (min-width: 768px) {
    /*
    .section-sms-form-get .for-forms .form-container {
        position:absolute;
        top: 0;
        left: 0
    }
    */
}

.section-sms-form-get .for-forms .form-container .form-wrapper {
    overflow-y: auto;
    -webkit-transition: height .3s,padding .3s;
    -moz-transition: height .3s,padding .3s;
    -ms-transition: height .3s,padding .3s;
    -o-transition: height .3s,padding .3s;
    transition: height .3s,padding .3s;
    padding-bottom: 85px;
}

.section-sms-form-get .for-forms .form-container .form-wrapper:not(.active) {
    height: 0 !important;
    padding: 0 !important
}

.section-sms-form-get .for-forms .form-container .form-wrapper .pay-policy {
    position: absolute;
    left: 1.5rem;
    right: 1.5rem;
    bottom: 0px;
    height: 60px;
    color: #646464;
    font-size: 14px;
    border-top: 1px solid rgb(174 174 174 / 20%);
    padding-top: 5px;
    z-index: 1;
}

.section-sms-form-get hr,.section-sms-form-get .hr {
    position: relative;
    z-index: 1;
    border: 0;
    width: 100%;
    min-height: 1px;
    color: #C9C9C9
}

.section-sms-form-get hr:before,.section-sms-form-get .hr:before {
    content: '';
    position: absolute;
    z-index: -1;
    left: 0;
    width: 100%;
    height: 1px;
    background: #EAEAEA
}

.section-sms-form-get hr>*,.section-sms-form-get .hr>* {
    background: #fff
}

.section-sms-form-get .steps li {
    width: 26px;
    height: 26px;
    border-radius: 100%;
    font-size: 14px;
    font-size: .875rem;
    margin-bottom: 40px;
    background: #fff
}

.section-sms-form-get .steps li.active {
    width: 32px;
    height: 32px;
    border: 3px solid #338bd9;
    margin-bottom: 62px
}

.section-sms-form-get .steps li:not(:last-child).active:after {
    height: 62px
}

.section-sms-form-get .steps li:not(:last-child):after {
    content: '';
    position: absolute;
    z-index: -1;
    top: 100%;
    height: 40px;
    width: 1px;
    border: 1px dashed #9E9E9E
}

.section-sms-form-get h1,.section-sms-form-get h2 {
    text-align: left;
    font-size: 24px !important;
    font-size: 1.5rem !important;
    line-height: 1.25
}

.section-sms-form-get a:not(.btn) {
    text-decoration: underline;
    color: #338bd9
}

.section-sms-form-get .color-blue {
    color: #338bd9
}

.section-sms-form-get .for-map.empty:before,
.section-sms-form-get .for-map.wait:before,
.section-sms-form-get .for-map.stop:before {
    content: '';
    position: absolute;
    z-index: 9;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    backdrop-filter: blur(5px)
}

@supports not (backdrop-filter: blur(5px)) {
    .section-sms-form-get .for-map.empty:before {
        background-image:url("../sms/map.jpg");
        background-size: cover;
        background-position: center
    }
}

.section-sms-form-get .for-map .on-load,
.section-sms-form-get .for-map .on-wait,
.section-sms-form-get .for-map .on-stop {
    position: absolute;
    z-index: 9;
    color: #fff;
    font-size: 18px;
    font-size: 1.125rem;
    display: none !important;
}

.section-sms-form-get .for-map.empty .on-load {
    display: flex !important;
}
.section-sms-form-get .for-map.wait .on-wait {
    display: flex !important;
    color: #1DAE05;
}
.section-sms-form-get .for-map.stop .on-stop {
    display: flex !important;
    color: #F9B453;
}


@media screen and (max-width: 1199px) {
  .section-sms-form-get .for-map.mobile {
      max-height: 250px;
      min-height: 250px;
  }
}

.section-sms-form-get .for-img-phone {
    max-height: calc(100vh - 3rem - 80px)
}

.section-sms-form-get .for-img-phone .sms {
    max-height: calc(100vh - 3rem - 80px - 3.2291666667vw)
}

.section-sms-form-get table.for-data {
    border-collapse: collapse;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.4;
    margin-left: -1.5rem;
    width: calc(100% + 3rem)
}

.section-sms-form-get table.for-data thead {
    background: #DAF0F9;
    border: 1px solid #E8E8E8;
    border-left-width: 0;
    border-right-width: 0;
    color: #424242
}

.section-sms-form-get table.for-data tbody {
    color: #535455
}

.section-sms-form-get table.for-data tbody .subtext {
    font-size: 12px;
    font-size: .75rem;
    color: #ABA4A4
}

.section-sms-form-get table.for-data tbody tr {
    border-bottom: 1px solid #E8E8E8;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    -ms-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s
}

.section-sms-form-get table.for-data tbody tr.active {
    background: #D1E5A4
}

.section-sms-form-get table.for-data tfoot {
    color: #828282
}

.section-sms-form-get .active .btn-change-map:before {
    transform: scale(1)
}

.section-sms-form-get .btn-change-map {
    width: 16px;
    height: 16px;
    border-radius: 100%;
    border: 1px solid #2B292D
}

.section-sms-form-get .btn-change-map:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #2B292D;
    transform: scale(0);
    -webkit-transition: transform .3s;
    -moz-transition: transform .3s;
    -ms-transition: transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
}

.section-sms-form-get .for-status>* {
    display: none
}

.section-sms-form-get .for-status[data-status="1"] .status-1 {
    display: inline-flex;
    color: #1DAE05
}

.section-sms-form-get .for-status[data-status="0"] .status-0 {
    display: inline-flex;
    color: #ABA4A4
}

@media screen and (max-width: 767px) {
    .section-sms-form-get .for-map {
        height:450px !important
    }

    .section-sms-form-get .block {
      height: auto !important;
      min-height: 175px;
  }
}

.dialog-logger-data {
    max-height: calc(100vh - 30px)
}

.dialog-logger-data hr {
    width: calc(100% + 40px);
    margin-left: -20px
}

.dialog-logger-data table {
    border-collapse: collapse;
    font-size: 14px;
    font-size: .875rem
}

.dialog-logger-data table tr:not(:nth-child(2n)) {
    background: #F4F4F4
}

.dialog-logger-data table th,.dialog-logger-data table td {
    border: 1px solid #ECF0F1;
    font-weight: 400
}

.dialog-logger-data .scrolled {
    overflow-y: auto
}

.dialog-content span {
    display: inline !important
}

.dialog-content span:before {
    top: 3.5px
}

.dialog-content span:after {
    top: 1px
}

body {
    background-color: #E5E5E5;
    color: #2B292D;
    font-size: 18px;
    font-size: 1.125rem;
    letter-spacing: -.01em;
    line-height: 1.7;
    -webkit-transition: background-color 0.6s;
    -moz-transition: background-color 0.6s;
    -ms-transition: background-color 0.6s;
    -o-transition: background-color 0.6s;
    transition: background-color 0.6s
}

body.sms-load-page {
    background-color: rgba(0,0,0,0.8)
}

.no-header-footer {
    padding-top: 0
}

.no-header-footer main {
    min-height: 100vh
}

main {
    min-height: calc(100vh - 80px);
    overflow-x: hidden
}

main:not(.active) {
    display: none !important
}

section {
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -ms-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s
}

.section-hidden section {
    opacity: 0
}

header {
    -webkit-transition: top 0.6s;
    -moz-transition: top 0.6s;
    -ms-transition: top 0.6s;
    -o-transition: top 0.6s;
    transition: top 0.6s
}

header.hide {
    top: -80px
}

footer.hide {
    display: none
}

.header-tools-title {
    line-height: 1.2
}

.map {
    z-index: 1
}

.visitors {
    width: 100%;
    background: #fff;
    margin-left: -1.5rem;
    width: calc(100% + 3rem) !important;
    font-size: 14px;
    font-size: .875rem;
  line-height: 1.4;
}

.visitors.visitors-content {
    overflow-y: scroll;
    height: calc(100% - 150px + 1.5rem);
    position: absolute;
    top: 90px;
    bottom: -1.5rem;
}

.visitors > div {
    border: 1px solid #E8E8E8;
    border-top: none;
    display: flex;
    align-items: center;
    position: relative;
    height: 45px;
    font-size: 12px;
}
.visitors > div.visitors-header {
  height: 30px;
}
.visitors .visitors-header > div.visitors-info {
  padding-right: 15px;
}
.visitors .visitors-header > div.visitors-country {
    justify-content: center;
}

.visitors > div:first-child {
    border-top: 1px solid #E8E8E8;
}

.visitors > div > div {
  height: 100%;
  display: flex;
    align-items: center;
    justify-content: center;
}

.visitors .visitors-header > div {
    position: relative;
    padding: 0px 5px;
    font-weight: 600;
    background: #DAF0F9;
    white-space: nowrap;
    overflow: hidden;
}

.visitors > div .visitors-button {
    min-width: 30px;
    width: 30px;
    padding-left: 10px;
}
.visitors > div .visitors-date {
    min-width: 90px;
    width: 90px;
    flex-wrap: wrap;
}
.visitors > div .visitors-date > span.subtext {
    font-size: 12px;
    font-size: .75rem;
    color: #ABA4A4;
    width: 100%;
    text-align: center;
    margin-top: -5px;
}
.visitors > div .visitors-gps {
    min-width: 75px;
    width: 75px;
}
.visitors > div .visitors-country {
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding-left: 15px;
}
.visitors > div .visitors-country .country-name {
    top: 10px;
    position: relative;
    margin-left: 8px;
    margin-top: -15px;
}
.visitors > div .visitors-country .country-description {
  display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    left: 0;
    right: 0;
    top: 25px;
    font-size: 12px;
    color: #bcb6b6;
    width: auto;
}
.visitors > div .visitors-info {
    min-width: 65px;
    width: 65px;
  padding-left: 10px;
}

.visitors > div .visitors-gps > span {
    display: none;
}
.visitors > div .visitors-gps[data-status="2"] > span.status-2 {
    display: inline-flex;
    color: #0541ae;
}
.visitors > div .visitors-gps[data-status="1"] > span.status-1 {
    display: inline-flex;
    color: #1DAE05;
}
.visitors > div .visitors-gps[data-status="0"] > span.status-0 {
    display: inline-flex;
    color: #ABA4A4;
}

.visitors > div.active {
    background: #D1E5A4;
}

.logger-notice {
    padding: 10px 10px;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: space-between;
    border: 2px dashed red;
    margin-top: 10px
}

.more-info {
    width: 100%;
    color: #2C3E50;
    font-size: 15px;
    background: #fff;
    height: 90%;
    max-height: calc(100% - 40px);
    height: calc(100% - 40px);
    overflow-x: hidden;
    overflow-y: scroll
}

.smart-content {
    display: flex;
    height: 90%;
    height: calc(100% - 40px)
}

.smart-content #visitor-map,.smart-content .more-info {
    height: 100%;
    max-height: 100%
}

.smart-row {
    border: 1px solid #ECF0F1;
    border-top: none;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.smart-row:first-child {
    border-top: 1px solid #ECF0F1
}

.smart-row:nth-child(odd) {
    background: #F4F4F4
}

.smart-row>div {
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    width: calc(100% - 125px);
    flex-wrap: wrap
}

.smart-row>div.smart-row-name {
    width: 125px
}

#more-info [data-copy] {
    height: 25px;
    padding: 0 7px;
    color: #fff;
    font-size: 13px;
    line-height: 23px;
    background: #95A5A6;
    border-radius: 3px;
    box-sizing: border-box;
    cursor: pointer;
    margin-right: 15px;
}

#more-info [data-copy].copied {
    background: #4CAF50;
}

input[name=phone].sample {
    border: 0px;
    font-size: 24px;
    background-color: transparent!important;
    padding: 0px;
    font-weight: 600;
    color: #338bd9;
}

.main-mobile {
  max-width: 800px;
    width: 100%;
}

#phone {
    padding-left: 50px!important;
}
.input-with-submit #phone {
  font-size: 24px !important;
    font-size: 1.5rem !important;
}
.iti.iti--allow-dropdown:before {
    content: attr(data-placeholder);
    position: absolute;
    top: 0px;
    left: 50px;
    right: 0px;
    height: 100%;
    color: rgb(158 158 158 / 20%);
    z-index: 0;
  font-size: 24px !important;
    font-size: 1.5rem !important;
    font-weight: 400;
    display: flex;
    align-items: center;
}

.visitors-buttons {
  display: flex;
  align-items: center;
  justify-content:space-between;
  height: 60px;
}

.navy-pages[data-form="sms-logger"] {
  position: absolute;
    bottom: -25px;
}


input[name="provider"]:checked + span {
  color: #338bd9;
  font-weight: bold;
}

@media (max-width: 768px) {
  .smart-content {
      flex-wrap: wrap;
      flex-direction: column;
  }
  .smart-content #visitor-map {
      height: 200px;
      max-height: 200px;
  }
  .smart-content .more-info {
      height: calc(100% - 200px);
      max-height: calc(100% - 200px);
  }
}
@media (max-width: 480px) {
  .smart-content #visitor-map {
      height: 150px;
      max-height: 150px;
  }
  .smart-content .more-info {
      height: calc(100% - 150px);
      max-height: calc(100% - 150px);
  }
  #more-info [data-copy] {
      width: 100%;
      margin-top: 10px;
      text-align: center;
  }
  .visitors > div .visitors-info {
      min-width: 55px;
      width: 55px;
  }
  .visitors {
      font-size: 12px;
      font-size: .750rem;
  }
  .visitors > div .visitors-date {
      min-width: 70px;
      width: 70px;
  }
  .visitors .visitors-header > div.visitors-country {
      justify-content: left;
  }
  .visitors > div .visitors-country .country {
      margin-top: -5px;
  }
  .visitors > div .visitors-country .country:before {
      border: 0px;
      background-size: 18px 12px;
      background-position: left 0px;
      text-transform: uppercase;
      width: 24px;
      min-width: 24px;
  }
  .visitors > div .visitors-country .country-name {
    margin-left: 0px;
  }

  .visitors > div .visitors-country .country-description {
      margin-left: -1px;
      min-width: 90px;
      padding-top: 5px;
  }
  .section-sms-form-get .navy-pages {
      margin-left: -1.5rem;
      width: calc(100% + 3rem) !important;
      flex-wrap: nowrap!important;
  }
  .section-sms-form-get .navy-pages [data-contain] {
      padding-right: 8px;
  }
  .section-sms-form-get .navy-pages>div:first-child {
      padding-left: 8px;
  }
}

@media (max-width: 400px) {
  .visitors > div .visitors-country .country-name {
      display: none;
  }
  .visitors > div .visitors-country .country:before {
      content: attr(data-icon);
      padding-left: 22px;
  }
}