.card
{
    position: relative;

    display: flex;
    flex-direction: column;

    min-width: 0;

    word-wrap: break-word;

    border: .0625rem solid rgba(0, 0, 0, .05);
    border-radius: .25rem;
    background-color: #fff;
    background-clip: border-box;
}
.card > hr
{
    margin-right: 0;
    margin-left: 0;
}
.card > .list-group:first-child .list-group-item:first-child
{
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}
.card > .list-group:last-child .list-group-item:last-child
{
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem;
}

.card-body
{
    padding: 1.5rem;

    flex: 1 1 auto;
}

.card-title
{
    margin-bottom: 1.25rem;
}

.card-subtitle
{
    margin-top: -.625rem;
    margin-bottom: 0;
}

.card-text:last-child
{
    margin-bottom: 0;
}

.card-link:hover
{
    text-decoration: none;
}

.card-link + .card-link
{
    margin-left: 1.5rem;
}

.card-header
{
    margin-bottom: 0;
    padding: 1.25rem 1.5rem;

    border-bottom: .0625rem solid rgba(0, 0, 0, .05);
    background-color: #f6f9fc;
}
.card-header:first-child
{
    border-radius: calc(.25rem - .0625rem) calc(.25rem - .0625rem) 0 0;
}
.card-header + .list-group .list-group-item:first-child
{
    border-top: 0;
}

.card-footer
{
    padding: 1.25rem 1.5rem;

    border-top: .0625rem solid rgba(0, 0, 0, .05);
    background-color: #f6f9fc;
}
.card-footer:last-child
{
    border-radius: 0 0 calc(.25rem - .0625rem) calc(.25rem - .0625rem);
}

.card-header-tabs
{
    margin-right: -.75rem;
    margin-bottom: -1.25rem;
    margin-left: -.75rem;

    border-bottom: 0;
}

.card-header-pills
{
    margin-right: -.75rem;
    margin-left: -.75rem;
}

.card-img-overlay
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    padding: 1.25rem;
}

.card-img
{
    width: 100%;

    border-radius: calc(.25rem - .0625rem);
}

.card-img-top
{
    width: 100%;

    border-top-left-radius: calc(.25rem - .0625rem);
    border-top-right-radius: calc(.25rem - .0625rem);
}

.card-img-bottom
{
    width: 100%;

    border-bottom-right-radius: calc(.25rem - .0625rem);
    border-bottom-left-radius: calc(.25rem - .0625rem);
}

.card-deck
{
    display: flex;
    flex-direction: column;
}
.card-deck .card
{
    margin-bottom: 15px;
}
@media (min-width: 576px)
{
    .card-deck
    {
        margin-right: -15px;
        margin-left: -15px;

        flex-flow: row wrap;
    }
    .card-deck .card
    {
        display: flex;
        flex-direction: column;

        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px;

        flex: 1 0;
    }
}

.card-group
{
    display: flex;
    flex-direction: column;
}
.card-group > .card
{
    margin-bottom: 15px;
}
@media (min-width: 576px)
{
    .card-group
    {
        flex-flow: row wrap;
    }
    .card-group > .card
    {
        margin-bottom: 0;

        flex: 1 0;
    }
    .card-group > .card + .card
    {
        margin-left: 0;

        border-left: 0;
    }
    .card-group > .card:not(:last-child)
    {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .card-group > .card:not(:last-child) .card-img-top,
    .card-group > .card:not(:last-child) .card-header
    {
        border-top-right-radius: 0;
    }
    .card-group > .card:not(:last-child) .card-img-bottom,
    .card-group > .card:not(:last-child) .card-footer
    {
        border-bottom-right-radius: 0;
    }
    .card-group > .card:not(:first-child)
    {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .card-group > .card:not(:first-child) .card-img-top,
    .card-group > .card:not(:first-child) .card-header
    {
        border-top-left-radius: 0;
    }
    .card-group > .card:not(:first-child) .card-img-bottom,
    .card-group > .card:not(:first-child) .card-footer
    {
        border-bottom-left-radius: 0;
    }
}

.card-columns .card
{
    margin-bottom: 1.25rem;
}

@media (min-width: 576px)
{
    .card-columns
    {
        column-count: 3;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1;
    }
    .card-columns .card
    {
        display: inline-block;

        width: 100%;
    }
}

.accordion > .card
{
    overflow: hidden;
}
.accordion > .card:not(:first-of-type) .card-header:first-child
{
    border-radius: 0;
}
.accordion > .card:not(:first-of-type):not(:last-of-type)
{
    border-bottom: 0;
    border-radius: 0;
}
.accordion > .card:first-of-type
{
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.accordion > .card:last-of-type
{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.accordion > .card .card-header
{
    margin-bottom: -.0625rem;
}

.breadcrumb
{
    display: flex;

    margin-bottom: 1rem;
    padding: .75rem 1rem;

    list-style: none;

    border-radius: .25rem;
    background-color: #e9ecef;

    flex-wrap: wrap;
}

.breadcrumb-item + .breadcrumb-item
{
    padding-left: .5rem;
}
.breadcrumb-item + .breadcrumb-item::before
{
    display: inline-block;

    padding-right: .5rem;

    content: '/';

    color: #8898aa;
}

.breadcrumb-item + .breadcrumb-item:hover::before
{
    text-decoration: underline;
}

.breadcrumb-item + .breadcrumb-item:hover::before
{
    text-decoration: none;
}

.breadcrumb-item.active
{
    color: #8898aa;
}

.pagination
{
    display: flex;

    padding-left: 0;

    list-style: none;

    border-radius: .25rem;
}

.badge
{
    font-size: 66%;
    font-weight: 600;
    line-height: 1;

    display: inline-block;

    padding: .35rem .375rem;

    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;

    border-radius: .25rem;
}



.jumbotron
{
    margin-bottom: 2rem;
    padding: 2rem 1rem;

    border-radius: .3rem;
    background-color: #e9ecef;
}
@media (min-width: 576px)
{
    .jumbotron
    {
        padding: 4rem 2rem;
    }
}

.jumbotron-fluid
{
    padding-right: 0;
    padding-left: 0;

    border-radius: 0;
}


.popover
{
    font-family: 'Open Sans', sans-serif;
    font-size: .875rem;
    font-weight: 400;
    font-style: normal;
    line-height: 1.5;

    position: absolute;
    z-index: 1060;
    top: 0;
    left: 0;

    display: block;

    max-width: 276px;

    text-align: left;
    text-align: start;
    white-space: normal;
    text-decoration: none;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    word-wrap: break-word;
    word-break: normal;

    border: 1px solid rgba(0, 0, 0, .05);
    border-radius: .3rem;
    background-color: #fff;
    background-clip: padding-box;
    box-shadow: 0 .5rem 2rem 0 rgba(0, 0, 0, .2);
    text-shadow: none;

    line-break: auto;
}
.popover .arrow
{
    position: absolute;

    display: block;

    width: 1.5rem;
    height: .75rem;
    margin: 0 .3rem;
}
.popover .arrow::before,
.popover .arrow::after
{
    position: absolute;

    display: block;

    content: '';

    border-style: solid;
    border-color: transparent;
}

.bs-popover-top,
.bs-popover-auto[x-placement^='top']
{
    margin-bottom: .75rem;
}
.bs-popover-top > .arrow,
.bs-popover-auto[x-placement^='top'] > .arrow
{
    bottom: calc((.75rem + 1px) * -1);
}
.bs-popover-top > .arrow::before,
.bs-popover-auto[x-placement^='top'] > .arrow::before
{
    bottom: 0;

    border-width: .75rem .75rem 0;
    border-top-color: transparent;
}
.bs-popover-top > .arrow::after,
.bs-popover-auto[x-placement^='top'] > .arrow::after
{
    bottom: 1px;

    border-width: .75rem .75rem 0;
    border-top-color: #fff;
}

.bs-popover-right,
.bs-popover-auto[x-placement^='right']
{
    margin-left: .75rem;
}
.bs-popover-right > .arrow,
.bs-popover-auto[x-placement^='right'] > .arrow
{
    left: calc((.75rem + 1px) * -1);

    width: .75rem;
    height: 1.5rem;
    margin: .3rem 0;
}
.bs-popover-right > .arrow::before,
.bs-popover-auto[x-placement^='right'] > .arrow::before
{
    left: 0;

    border-width: .75rem .75rem .75rem 0;
    border-right-color: transparent;
}
.bs-popover-right > .arrow::after,
.bs-popover-auto[x-placement^='right'] > .arrow::after
{
    left: 1px;

    border-width: .75rem .75rem .75rem 0;
    border-right-color: #fff;
}

.bs-popover-bottom,
.bs-popover-auto[x-placement^='bottom']
{
    margin-top: .75rem;
}
.bs-popover-bottom > .arrow,
.bs-popover-auto[x-placement^='bottom'] > .arrow
{
    top: calc((.75rem + 1px) * -1);
}
.bs-popover-bottom > .arrow::before,
.bs-popover-auto[x-placement^='bottom'] > .arrow::before
{
    top: 0;

    border-width: 0 .75rem .75rem .75rem;
    border-bottom-color: transparent;
}
.bs-popover-bottom > .arrow::after,
.bs-popover-auto[x-placement^='bottom'] > .arrow::after
{
    top: 1px;

    border-width: 0 .75rem .75rem .75rem;
    border-bottom-color: #fff;
}
.bs-popover-bottom .popover-header::before,
.bs-popover-auto[x-placement^='bottom'] .popover-header::before
{
    position: absolute;
    top: 0;
    left: 50%;

    display: block;

    width: 1.5rem;
    margin-left: -.75rem;

    content: '';

    border-bottom: 1px solid #fff;
}

.bs-popover-left,
.bs-popover-auto[x-placement^='left']
{
    margin-right: .75rem;
}
.bs-popover-left > .arrow,
.bs-popover-auto[x-placement^='left'] > .arrow
{
    right: calc((.75rem + 1px) * -1);

    width: .75rem;
    height: 1.5rem;
    margin: .3rem 0;
}
.bs-popover-left > .arrow::before,
.bs-popover-auto[x-placement^='left'] > .arrow::before
{
    right: 0;

    border-width: .75rem 0 .75rem .75rem;
    border-left-color: transparent;
}
.bs-popover-left > .arrow::after,
.bs-popover-auto[x-placement^='left'] > .arrow::after
{
    right: 1px;

    border-width: .75rem 0 .75rem .75rem;
    border-left-color: #fff;
}

.popover-header
{
    font-size: 1rem;

    margin-bottom: 0;
    padding: .75rem .75rem;

    color: #32325d;
    border-bottom: 1px solid #f2f2f2;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px);
    background-color: #fff;
}
.popover-header:empty
{
    display: none;
}

.popover-body
{
    padding: .75rem .75rem;

    color: #525f7f;
}


.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;
}

.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;
}

@media (min-width: 576px)
{
    .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-wrap
    {
        flex-wrap: wrap !important;
    }
    .flex-sm-nowrap
    {
        flex-wrap: nowrap !important;
    }
    .flex-sm-wrap-reverse
    {
        flex-wrap: wrap-reverse !important;
    }
    .flex-sm-fill
    {
        flex: 1 1 auto !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;
    }
    .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;
    }
    .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;
    }
}

@media (min-width: 768px)
{
    .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-wrap
    {
        flex-wrap: wrap !important;
    }
    .flex-md-nowrap
    {
        flex-wrap: nowrap !important;
    }
    .flex-md-wrap-reverse
    {
        flex-wrap: wrap-reverse !important;
    }
    .flex-md-fill
    {
        flex: 1 1 auto !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;
    }
    .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;
    }
    .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;
    }
}

@media (min-width: 992px)
{
    .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-wrap
    {
        flex-wrap: wrap !important;
    }
    .flex-lg-nowrap
    {
        flex-wrap: nowrap !important;
    }
    .flex-lg-wrap-reverse
    {
        flex-wrap: wrap-reverse !important;
    }
    .flex-lg-fill
    {
        flex: 1 1 auto !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;
    }
    .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;
    }
    .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;
    }
}

@media (min-width: 1200px)
{
    .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-wrap
    {
        flex-wrap: wrap !important;
    }
    .flex-xl-nowrap
    {
        flex-wrap: nowrap !important;
    }
    .flex-xl-wrap-reverse
    {
        flex-wrap: wrap-reverse !important;
    }
    .flex-xl-fill
    {
        flex: 1 1 auto !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;
    }
    .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;
    }
    .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;
    }
}

.float-left
{
    float: left !important;
}

.float-right
{
    float: right !important;
}

.float-none
{
    float: none !important;
}

@media (min-width: 576px)
{
    .float-sm-left
    {
        float: left !important;
    }
    .float-sm-right
    {
        float: right !important;
    }
    .float-sm-none
    {
        float: none !important;
    }
}

@media (min-width: 768px)
{
    .float-md-left
    {
        float: left !important;
    }
    .float-md-right
    {
        float: right !important;
    }
    .float-md-none
    {
        float: none !important;
    }
}

@media (min-width: 992px)
{
    .float-lg-left
    {
        float: left !important;
    }
    .float-lg-right
    {
        float: right !important;
    }
    .float-lg-none
    {
        float: none !important;
    }
}

@media (min-width: 1200px)
{
    .float-xl-left
    {
        float: left !important;
    }
    .float-xl-right
    {
        float: right !important;
    }
    .float-xl-none
    {
        float: none !important;
    }
}

.overflow-auto
{
    overflow: auto !important;
}

.overflow-hidden
{
    overflow: hidden !important;
}

.position-static
{
    position: static !important;
}

.position-relative
{
    position: relative !important;
}

.position-absolute
{
    position: absolute !important;
}

.position-fixed,
.headroom--pinned,
.headroom--unpinned
{
    position: fixed !important;
}

.position-sticky
{
    position: -webkit-sticky !important;
    position:         sticky !important;
}

.fixed-top
{
    position: fixed;
    z-index: 1030;
    top: 0;
    right: 0;
    left: 0;
}

.fixed-bottom
{
    position: fixed;
    z-index: 1030;
    right: 0;
    bottom: 0;
    left: 0;
}

@supports ((position: -webkit-sticky) or (position: sticky))
{
    .sticky-top
    {
        position: -webkit-sticky;
        position:         sticky;
        z-index: 1020;
        top: 0;
    }
}

.sr-only
{
    position: absolute;

    overflow: hidden;
    clip: rect(0, 0, 0, 0);

    width: 1px;
    height: 1px;
    padding: 0;

    white-space: nowrap;

    border: 0;
}



.shadow-sm
{
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}

.shadow,
.profile-page .card-profile .card-profile-image img
{
    box-shadow: 0 15px 35px rgba(50, 50, 93, .1), 0 5px 15px rgba(0, 0, 0, .07) !important;
}

.shadow-lg
{
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important;
}

.shadow-none
{
    box-shadow: none !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;
}

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

.mh-100
{
    max-height: 100% !important;
}

.min-vw-100
{
    min-width: 100vw !important;
}

.min-vh-100
{
    min-height: 100vh !important;
}

.vw-100
{
    width: 100vw !important;
}

.vh-100
{
    height: 100vh !important;
}

.stretched-link::after
{
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    content: '';
    pointer-events: auto;

    background-color: rgba(0, 0, 0, 0);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mt-sm,
.my-sm
{
    margin-top: 2rem !important;
}

.mr-sm,
.mx-sm
{
    margin-right: 2rem !important;
}

.mb-sm,
.my-sm
{
    margin-bottom: 2rem !important;
}

.ml-sm,
.mx-sm
{
    margin-left: 2rem !important;
}

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

.mt-md,
.my-md
{
    margin-top: 4rem !important;
}

.mr-md,
.mx-md
{
    margin-right: 4rem !important;
}

.mb-md,
.my-md
{
    margin-bottom: 4rem !important;
}

.ml-md,
.mx-md
{
    margin-left: 4rem !important;
}

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

.mt-lg,
.my-lg
{
    margin-top: 6rem !important;
}

.mr-lg,
.mx-lg
{
    margin-right: 6rem !important;
}

.mb-lg,
.my-lg
{
    margin-bottom: 6rem !important;
}

.ml-lg,
.mx-lg
{
    margin-left: 6rem !important;
}

.m-xl
{
    margin: 8rem !important;
}

.mt-xl,
.my-xl
{
    margin-top: 8rem !important;
}

.mr-xl,
.mx-xl
{
    margin-right: 8rem !important;
}

.mb-xl,
.my-xl
{
    margin-bottom: 8rem !important;
}

.ml-xl,
.mx-xl
{
    margin-left: 8rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pt-sm,
.py-sm
{
    padding-top: 2rem !important;
}

.pr-sm,
.px-sm
{
    padding-right: 2rem !important;
}

.pb-sm,
.py-sm
{
    padding-bottom: 2rem !important;
}

.pl-sm,
.px-sm
{
    padding-left: 2rem !important;
}

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

.pt-md,
.py-md
{
    padding-top: 4rem !important;
}

.pr-md,
.px-md
{
    padding-right: 4rem !important;
}

.pb-md,
.py-md
{
    padding-bottom: 4rem !important;
}

.pl-md,
.px-md
{
    padding-left: 4rem !important;
}

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

.pt-lg,
.py-lg
{
    padding-top: 6rem !important;
}

.pr-lg,
.px-lg
{
    padding-right: 6rem !important;
}

.pb-lg,
.py-lg
{
    padding-bottom: 6rem !important;
}

.pl-lg,
.px-lg
{
    padding-left: 6rem !important;
}

.p-xl
{
    padding: 8rem !important;
}

.pt-xl,
.py-xl
{
    padding-top: 8rem !important;
}

.pr-xl,
.px-xl
{
    padding-right: 8rem !important;
}

.pb-xl,
.py-xl
{
    padding-bottom: 8rem !important;
}

.pl-xl,
.px-xl
{
    padding-left: 8rem !important;
}

.m-n1
{
    margin: -.25rem !important;
}

.mt-n1,
.my-n1
{
    margin-top: -.25rem !important;
}

.mr-n1,
.mx-n1
{
    margin-right: -.25rem !important;
}

.mb-n1,
.my-n1
{
    margin-bottom: -.25rem !important;
}

.ml-n1,
.mx-n1
{
    margin-left: -.25rem !important;
}

.m-n2
{
    margin: -.5rem !important;
}

.mt-n2,
.my-n2
{
    margin-top: -.5rem !important;
}

.mr-n2,
.mx-n2
{
    margin-right: -.5rem !important;
}

.mb-n2,
.my-n2
{
    margin-bottom: -.5rem !important;
}

.ml-n2,
.mx-n2
{
    margin-left: -.5rem !important;
}

.m-n3
{
    margin: -1rem !important;
}

.mt-n3,
.my-n3
{
    margin-top: -1rem !important;
}

.mr-n3,
.mx-n3
{
    margin-right: -1rem !important;
}

.mb-n3,
.my-n3
{
    margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3
{
    margin-left: -1rem !important;
}

.m-n4
{
    margin: -1.5rem !important;
}

.mt-n4,
.my-n4
{
    margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4
{
    margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4
{
    margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4
{
    margin-left: -1.5rem !important;
}

.m-n5
{
    margin: -3rem !important;
}

.mt-n5,
.my-n5
{
    margin-top: -3rem !important;
}

.mr-n5,
.mx-n5
{
    margin-right: -3rem !important;
}

.mb-n5,
.my-n5
{
    margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5
{
    margin-left: -3rem !important;
}

.m-nsm
{
    margin: -2rem !important;
}

.mt-nsm,
.my-nsm
{
    margin-top: -2rem !important;
}

.mr-nsm,
.mx-nsm
{
    margin-right: -2rem !important;
}

.mb-nsm,
.my-nsm
{
    margin-bottom: -2rem !important;
}

.ml-nsm,
.mx-nsm
{
    margin-left: -2rem !important;
}

.m-nmd
{
    margin: -4rem !important;
}

.mt-nmd,
.my-nmd
{
    margin-top: -4rem !important;
}

.mr-nmd,
.mx-nmd
{
    margin-right: -4rem !important;
}

.mb-nmd,
.my-nmd
{
    margin-bottom: -4rem !important;
}

.ml-nmd,
.mx-nmd
{
    margin-left: -4rem !important;
}

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

.mt-nlg,
.my-nlg
{
    margin-top: -6rem !important;
}

.mr-nlg,
.mx-nlg
{
    margin-right: -6rem !important;
}

.mb-nlg,
.my-nlg
{
    margin-bottom: -6rem !important;
}

.ml-nlg,
.mx-nlg
{
    margin-left: -6rem !important;
}

.m-nxl
{
    margin: -8rem !important;
}

.mt-nxl,
.my-nxl
{
    margin-top: -8rem !important;
}

.mr-nxl,
.mx-nxl
{
    margin-right: -8rem !important;
}

.mb-nxl,
.my-nxl
{
    margin-bottom: -8rem !important;
}

.ml-nxl,
.mx-nxl
{
    margin-left: -8rem !important;
}

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

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

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

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

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

@media (min-width: 576px)
{
    .m-sm-0
    {
        margin: 0 !important;
    }
    .mt-sm-0,
    .my-sm-0
    {
        margin-top: 0 !important;
    }
    .mr-sm-0,
    .mx-sm-0
    {
        margin-right: 0 !important;
    }
    .mb-sm-0,
    .my-sm-0
    {
        margin-bottom: 0 !important;
    }
    .ml-sm-0,
    .mx-sm-0
    {
        margin-left: 0 !important;
    }
    .m-sm-1
    {
        margin: .25rem !important;
    }
    .mt-sm-1,
    .my-sm-1
    {
        margin-top: .25rem !important;
    }
    .mr-sm-1,
    .mx-sm-1
    {
        margin-right: .25rem !important;
    }
    .mb-sm-1,
    .my-sm-1
    {
        margin-bottom: .25rem !important;
    }
    .ml-sm-1,
    .mx-sm-1
    {
        margin-left: .25rem !important;
    }
    .m-sm-2
    {
        margin: .5rem !important;
    }
    .mt-sm-2,
    .my-sm-2
    {
        margin-top: .5rem !important;
    }
    .mr-sm-2,
    .mx-sm-2
    {
        margin-right: .5rem !important;
    }
    .mb-sm-2,
    .my-sm-2
    {
        margin-bottom: .5rem !important;
    }
    .ml-sm-2,
    .mx-sm-2
    {
        margin-left: .5rem !important;
    }
    .m-sm-3
    {
        margin: 1rem !important;
    }
    .mt-sm-3,
    .my-sm-3
    {
        margin-top: 1rem !important;
    }
    .mr-sm-3,
    .mx-sm-3
    {
        margin-right: 1rem !important;
    }
    .mb-sm-3,
    .my-sm-3
    {
        margin-bottom: 1rem !important;
    }
    .ml-sm-3,
    .mx-sm-3
    {
        margin-left: 1rem !important;
    }
    .m-sm-4
    {
        margin: 1.5rem !important;
    }
    .mt-sm-4,
    .my-sm-4
    {
        margin-top: 1.5rem !important;
    }
    .mr-sm-4,
    .mx-sm-4
    {
        margin-right: 1.5rem !important;
    }
    .mb-sm-4,
    .my-sm-4
    {
        margin-bottom: 1.5rem !important;
    }
    .ml-sm-4,
    .mx-sm-4
    {
        margin-left: 1.5rem !important;
    }
    .m-sm-5
    {
        margin: 3rem !important;
    }
    .mt-sm-5,
    .my-sm-5
    {
        margin-top: 3rem !important;
    }
    .mr-sm-5,
    .mx-sm-5
    {
        margin-right: 3rem !important;
    }
    .mb-sm-5,
    .my-sm-5
    {
        margin-bottom: 3rem !important;
    }
    .ml-sm-5,
    .mx-sm-5
    {
        margin-left: 3rem !important;
    }
    .m-sm-sm
    {
        margin: 2rem !important;
    }
    .mt-sm-sm,
    .my-sm-sm
    {
        margin-top: 2rem !important;
    }
    .mr-sm-sm,
    .mx-sm-sm
    {
        margin-right: 2rem !important;
    }
    .mb-sm-sm,
    .my-sm-sm
    {
        margin-bottom: 2rem !important;
    }
    .ml-sm-sm,
    .mx-sm-sm
    {
        margin-left: 2rem !important;
    }
    .m-sm-md
    {
        margin: 4rem !important;
    }
    .mt-sm-md,
    .my-sm-md
    {
        margin-top: 4rem !important;
    }
    .mr-sm-md,
    .mx-sm-md
    {
        margin-right: 4rem !important;
    }
    .mb-sm-md,
    .my-sm-md
    {
        margin-bottom: 4rem !important;
    }
    .ml-sm-md,
    .mx-sm-md
    {
        margin-left: 4rem !important;
    }
    .m-sm-lg
    {
        margin: 6rem !important;
    }
    .mt-sm-lg,
    .my-sm-lg
    {
        margin-top: 6rem !important;
    }
    .mr-sm-lg,
    .mx-sm-lg
    {
        margin-right: 6rem !important;
    }
    .mb-sm-lg,
    .my-sm-lg
    {
        margin-bottom: 6rem !important;
    }
    .ml-sm-lg,
    .mx-sm-lg
    {
        margin-left: 6rem !important;
    }
    .m-sm-xl
    {
        margin: 8rem !important;
    }
    .mt-sm-xl,
    .my-sm-xl
    {
        margin-top: 8rem !important;
    }
    .mr-sm-xl,
    .mx-sm-xl
    {
        margin-right: 8rem !important;
    }
    .mb-sm-xl,
    .my-sm-xl
    {
        margin-bottom: 8rem !important;
    }
    .ml-sm-xl,
    .mx-sm-xl
    {
        margin-left: 8rem !important;
    }
    .p-sm-0
    {
        padding: 0 !important;
    }
    .pt-sm-0,
    .py-sm-0
    {
        padding-top: 0 !important;
    }
    .pr-sm-0,
    .px-sm-0
    {
        padding-right: 0 !important;
    }
    .pb-sm-0,
    .py-sm-0
    {
        padding-bottom: 0 !important;
    }
    .pl-sm-0,
    .px-sm-0
    {
        padding-left: 0 !important;
    }
    .p-sm-1
    {
        padding: .25rem !important;
    }
    .pt-sm-1,
    .py-sm-1
    {
        padding-top: .25rem !important;
    }
    .pr-sm-1,
    .px-sm-1
    {
        padding-right: .25rem !important;
    }
    .pb-sm-1,
    .py-sm-1
    {
        padding-bottom: .25rem !important;
    }
    .pl-sm-1,
    .px-sm-1
    {
        padding-left: .25rem !important;
    }
    .p-sm-2
    {
        padding: .5rem !important;
    }
    .pt-sm-2,
    .py-sm-2
    {
        padding-top: .5rem !important;
    }
    .pr-sm-2,
    .px-sm-2
    {
        padding-right: .5rem !important;
    }
    .pb-sm-2,
    .py-sm-2
    {
        padding-bottom: .5rem !important;
    }
    .pl-sm-2,
    .px-sm-2
    {
        padding-left: .5rem !important;
    }
    .p-sm-3
    {
        padding: 1rem !important;
    }
    .pt-sm-3,
    .py-sm-3
    {
        padding-top: 1rem !important;
    }
    .pr-sm-3,
    .px-sm-3
    {
        padding-right: 1rem !important;
    }
    .pb-sm-3,
    .py-sm-3
    {
        padding-bottom: 1rem !important;
    }
    .pl-sm-3,
    .px-sm-3
    {
        padding-left: 1rem !important;
    }
    .p-sm-4
    {
        padding: 1.5rem !important;
    }
    .pt-sm-4,
    .py-sm-4
    {
        padding-top: 1.5rem !important;
    }
    .pr-sm-4,
    .px-sm-4
    {
        padding-right: 1.5rem !important;
    }
    .pb-sm-4,
    .py-sm-4
    {
        padding-bottom: 1.5rem !important;
    }
    .pl-sm-4,
    .px-sm-4
    {
        padding-left: 1.5rem !important;
    }
    .p-sm-5
    {
        padding: 3rem !important;
    }
    .pt-sm-5,
    .py-sm-5
    {
        padding-top: 3rem !important;
    }
    .pr-sm-5,
    .px-sm-5
    {
        padding-right: 3rem !important;
    }
    .pb-sm-5,
    .py-sm-5
    {
        padding-bottom: 3rem !important;
    }
    .pl-sm-5,
    .px-sm-5
    {
        padding-left: 3rem !important;
    }
    .p-sm-sm
    {
        padding: 2rem !important;
    }
    .pt-sm-sm,
    .py-sm-sm
    {
        padding-top: 2rem !important;
    }
    .pr-sm-sm,
    .px-sm-sm
    {
        padding-right: 2rem !important;
    }
    .pb-sm-sm,
    .py-sm-sm
    {
        padding-bottom: 2rem !important;
    }
    .pl-sm-sm,
    .px-sm-sm
    {
        padding-left: 2rem !important;
    }
    .p-sm-md
    {
        padding: 4rem !important;
    }
    .pt-sm-md,
    .py-sm-md
    {
        padding-top: 4rem !important;
    }
    .pr-sm-md,
    .px-sm-md
    {
        padding-right: 4rem !important;
    }
    .pb-sm-md,
    .py-sm-md
    {
        padding-bottom: 4rem !important;
    }
    .pl-sm-md,
    .px-sm-md
    {
        padding-left: 4rem !important;
    }
    .p-sm-lg
    {
        padding: 6rem !important;
    }
    .pt-sm-lg,
    .py-sm-lg
    {
        padding-top: 6rem !important;
    }
    .pr-sm-lg,
    .px-sm-lg
    {
        padding-right: 6rem !important;
    }
    .pb-sm-lg,
    .py-sm-lg
    {
        padding-bottom: 6rem !important;
    }
    .pl-sm-lg,
    .px-sm-lg
    {
        padding-left: 6rem !important;
    }
    .p-sm-xl
    {
        padding: 8rem !important;
    }
    .pt-sm-xl,
    .py-sm-xl
    {
        padding-top: 8rem !important;
    }
    .pr-sm-xl,
    .px-sm-xl
    {
        padding-right: 8rem !important;
    }
    .pb-sm-xl,
    .py-sm-xl
    {
        padding-bottom: 8rem !important;
    }
    .pl-sm-xl,
    .px-sm-xl
    {
        padding-left: 8rem !important;
    }
    .m-sm-n1
    {
        margin: -.25rem !important;
    }
    .mt-sm-n1,
    .my-sm-n1
    {
        margin-top: -.25rem !important;
    }
    .mr-sm-n1,
    .mx-sm-n1
    {
        margin-right: -.25rem !important;
    }
    .mb-sm-n1,
    .my-sm-n1
    {
        margin-bottom: -.25rem !important;
    }
    .ml-sm-n1,
    .mx-sm-n1
    {
        margin-left: -.25rem !important;
    }
    .m-sm-n2
    {
        margin: -.5rem !important;
    }
    .mt-sm-n2,
    .my-sm-n2
    {
        margin-top: -.5rem !important;
    }
    .mr-sm-n2,
    .mx-sm-n2
    {
        margin-right: -.5rem !important;
    }
    .mb-sm-n2,
    .my-sm-n2
    {
        margin-bottom: -.5rem !important;
    }
    .ml-sm-n2,
    .mx-sm-n2
    {
        margin-left: -.5rem !important;
    }
    .m-sm-n3
    {
        margin: -1rem !important;
    }
    .mt-sm-n3,
    .my-sm-n3
    {
        margin-top: -1rem !important;
    }
    .mr-sm-n3,
    .mx-sm-n3
    {
        margin-right: -1rem !important;
    }
    .mb-sm-n3,
    .my-sm-n3
    {
        margin-bottom: -1rem !important;
    }
    .ml-sm-n3,
    .mx-sm-n3
    {
        margin-left: -1rem !important;
    }
    .m-sm-n4
    {
        margin: -1.5rem !important;
    }
    .mt-sm-n4,
    .my-sm-n4
    {
        margin-top: -1.5rem !important;
    }
    .mr-sm-n4,
    .mx-sm-n4
    {
        margin-right: -1.5rem !important;
    }
    .mb-sm-n4,
    .my-sm-n4
    {
        margin-bottom: -1.5rem !important;
    }
    .ml-sm-n4,
    .mx-sm-n4
    {
        margin-left: -1.5rem !important;
    }
    .m-sm-n5
    {
        margin: -3rem !important;
    }
    .mt-sm-n5,
    .my-sm-n5
    {
        margin-top: -3rem !important;
    }
    .mr-sm-n5,
    .mx-sm-n5
    {
        margin-right: -3rem !important;
    }
    .mb-sm-n5,
    .my-sm-n5
    {
        margin-bottom: -3rem !important;
    }
    .ml-sm-n5,
    .mx-sm-n5
    {
        margin-left: -3rem !important;
    }
    .m-sm-nsm
    {
        margin: -2rem !important;
    }
    .mt-sm-nsm,
    .my-sm-nsm
    {
        margin-top: -2rem !important;
    }
    .mr-sm-nsm,
    .mx-sm-nsm
    {
        margin-right: -2rem !important;
    }
    .mb-sm-nsm,
    .my-sm-nsm
    {
        margin-bottom: -2rem !important;
    }
    .ml-sm-nsm,
    .mx-sm-nsm
    {
        margin-left: -2rem !important;
    }
    .m-sm-nmd
    {
        margin: -4rem !important;
    }
    .mt-sm-nmd,
    .my-sm-nmd
    {
        margin-top: -4rem !important;
    }
    .mr-sm-nmd,
    .mx-sm-nmd
    {
        margin-right: -4rem !important;
    }
    .mb-sm-nmd,
    .my-sm-nmd
    {
        margin-bottom: -4rem !important;
    }
    .ml-sm-nmd,
    .mx-sm-nmd
    {
        margin-left: -4rem !important;
    }
    .m-sm-nlg
    {
        margin: -6rem !important;
    }
    .mt-sm-nlg,
    .my-sm-nlg
    {
        margin-top: -6rem !important;
    }
    .mr-sm-nlg,
    .mx-sm-nlg
    {
        margin-right: -6rem !important;
    }
    .mb-sm-nlg,
    .my-sm-nlg
    {
        margin-bottom: -6rem !important;
    }
    .ml-sm-nlg,
    .mx-sm-nlg
    {
        margin-left: -6rem !important;
    }
    .m-sm-nxl
    {
        margin: -8rem !important;
    }
    .mt-sm-nxl,
    .my-sm-nxl
    {
        margin-top: -8rem !important;
    }
    .mr-sm-nxl,
    .mx-sm-nxl
    {
        margin-right: -8rem !important;
    }
    .mb-sm-nxl,
    .my-sm-nxl
    {
        margin-bottom: -8rem !important;
    }
    .ml-sm-nxl,
    .mx-sm-nxl
    {
        margin-left: -8rem !important;
    }
    .m-sm-auto
    {
        margin: auto !important;
    }
    .mt-sm-auto,
    .my-sm-auto
    {
        margin-top: auto !important;
    }
    .mr-sm-auto,
    .mx-sm-auto
    {
        margin-right: auto !important;
    }
    .mb-sm-auto,
    .my-sm-auto
    {
        margin-bottom: auto !important;
    }
    .ml-sm-auto,
    .mx-sm-auto
    {
        margin-left: auto !important;
    }
}

@media (min-width: 768px)
{
    .m-md-0
    {
        margin: 0 !important;
    }
    .mt-md-0,
    .my-md-0
    {
        margin-top: 0 !important;
    }
    .mr-md-0,
    .mx-md-0
    {
        margin-right: 0 !important;
    }
    .mb-md-0,
    .my-md-0
    {
        margin-bottom: 0 !important;
    }
    .ml-md-0,
    .mx-md-0
    {
        margin-left: 0 !important;
    }
    .m-md-1
    {
        margin: .25rem !important;
    }
    .mt-md-1,
    .my-md-1
    {
        margin-top: .25rem !important;
    }
    .mr-md-1,
    .mx-md-1
    {
        margin-right: .25rem !important;
    }
    .mb-md-1,
    .my-md-1
    {
        margin-bottom: .25rem !important;
    }
    .ml-md-1,
    .mx-md-1
    {
        margin-left: .25rem !important;
    }
    .m-md-2
    {
        margin: .5rem !important;
    }
    .mt-md-2,
    .my-md-2
    {
        margin-top: .5rem !important;
    }
    .mr-md-2,
    .mx-md-2
    {
        margin-right: .5rem !important;
    }
    .mb-md-2,
    .my-md-2
    {
        margin-bottom: .5rem !important;
    }
    .ml-md-2,
    .mx-md-2
    {
        margin-left: .5rem !important;
    }
    .m-md-3
    {
        margin: 1rem !important;
    }
    .mt-md-3,
    .my-md-3
    {
        margin-top: 1rem !important;
    }
    .mr-md-3,
    .mx-md-3
    {
        margin-right: 1rem !important;
    }
    .mb-md-3,
    .my-md-3
    {
        margin-bottom: 1rem !important;
    }
    .ml-md-3,
    .mx-md-3
    {
        margin-left: 1rem !important;
    }
    .m-md-4
    {
        margin: 1.5rem !important;
    }
    .mt-md-4,
    .my-md-4
    {
        margin-top: 1.5rem !important;
    }
    .mr-md-4,
    .mx-md-4
    {
        margin-right: 1.5rem !important;
    }
    .mb-md-4,
    .my-md-4
    {
        margin-bottom: 1.5rem !important;
    }
    .ml-md-4,
    .mx-md-4
    {
        margin-left: 1.5rem !important;
    }
    .m-md-5
    {
        margin: 3rem !important;
    }
    .mt-md-5,
    .my-md-5
    {
        margin-top: 3rem !important;
    }
    .mr-md-5,
    .mx-md-5
    {
        margin-right: 3rem !important;
    }
    .mb-md-5,
    .my-md-5
    {
        margin-bottom: 3rem !important;
    }
    .ml-md-5,
    .mx-md-5
    {
        margin-left: 3rem !important;
    }
    .m-md-sm
    {
        margin: 2rem !important;
    }
    .mt-md-sm,
    .my-md-sm
    {
        margin-top: 2rem !important;
    }
    .mr-md-sm,
    .mx-md-sm
    {
        margin-right: 2rem !important;
    }
    .mb-md-sm,
    .my-md-sm
    {
        margin-bottom: 2rem !important;
    }
    .ml-md-sm,
    .mx-md-sm
    {
        margin-left: 2rem !important;
    }
    .m-md-md
    {
        margin: 4rem !important;
    }
    .mt-md-md,
    .my-md-md
    {
        margin-top: 4rem !important;
    }
    .mr-md-md,
    .mx-md-md
    {
        margin-right: 4rem !important;
    }
    .mb-md-md,
    .my-md-md
    {
        margin-bottom: 4rem !important;
    }
    .ml-md-md,
    .mx-md-md
    {
        margin-left: 4rem !important;
    }
    .m-md-lg
    {
        margin: 6rem !important;
    }
    .mt-md-lg,
    .my-md-lg
    {
        margin-top: 6rem !important;
    }
    .mr-md-lg,
    .mx-md-lg
    {
        margin-right: 6rem !important;
    }
    .mb-md-lg,
    .my-md-lg
    {
        margin-bottom: 6rem !important;
    }
    .ml-md-lg,
    .mx-md-lg
    {
        margin-left: 6rem !important;
    }
    .m-md-xl
    {
        margin: 8rem !important;
    }
    .mt-md-xl,
    .my-md-xl
    {
        margin-top: 8rem !important;
    }
    .mr-md-xl,
    .mx-md-xl
    {
        margin-right: 8rem !important;
    }
    .mb-md-xl,
    .my-md-xl
    {
        margin-bottom: 8rem !important;
    }
    .ml-md-xl,
    .mx-md-xl
    {
        margin-left: 8rem !important;
    }
    .p-md-0
    {
        padding: 0 !important;
    }
    .pt-md-0,
    .py-md-0
    {
        padding-top: 0 !important;
    }
    .pr-md-0,
    .px-md-0
    {
        padding-right: 0 !important;
    }
    .pb-md-0,
    .py-md-0
    {
        padding-bottom: 0 !important;
    }
    .pl-md-0,
    .px-md-0
    {
        padding-left: 0 !important;
    }
    .p-md-1
    {
        padding: .25rem !important;
    }
    .pt-md-1,
    .py-md-1
    {
        padding-top: .25rem !important;
    }
    .pr-md-1,
    .px-md-1
    {
        padding-right: .25rem !important;
    }
    .pb-md-1,
    .py-md-1
    {
        padding-bottom: .25rem !important;
    }
    .pl-md-1,
    .px-md-1
    {
        padding-left: .25rem !important;
    }
    .p-md-2
    {
        padding: .5rem !important;
    }
    .pt-md-2,
    .py-md-2
    {
        padding-top: .5rem !important;
    }
    .pr-md-2,
    .px-md-2
    {
        padding-right: .5rem !important;
    }
    .pb-md-2,
    .py-md-2
    {
        padding-bottom: .5rem !important;
    }
    .pl-md-2,
    .px-md-2
    {
        padding-left: .5rem !important;
    }
    .p-md-3
    {
        padding: 1rem !important;
    }
    .pt-md-3,
    .py-md-3
    {
        padding-top: 1rem !important;
    }
    .pr-md-3,
    .px-md-3
    {
        padding-right: 1rem !important;
    }
    .pb-md-3,
    .py-md-3
    {
        padding-bottom: 1rem !important;
    }
    .pl-md-3,
    .px-md-3
    {
        padding-left: 1rem !important;
    }
    .p-md-4
    {
        padding: 1.5rem !important;
    }
    .pt-md-4,
    .py-md-4
    {
        padding-top: 1.5rem !important;
    }
    .pr-md-4,
    .px-md-4
    {
        padding-right: 1.5rem !important;
    }
    .pb-md-4,
    .py-md-4
    {
        padding-bottom: 1.5rem !important;
    }
    .pl-md-4,
    .px-md-4
    {
        padding-left: 1.5rem !important;
    }
    .p-md-5
    {
        padding: 3rem !important;
    }
    .pt-md-5,
    .py-md-5
    {
        padding-top: 3rem !important;
    }
    .pr-md-5,
    .px-md-5
    {
        padding-right: 3rem !important;
    }
    .pb-md-5,
    .py-md-5
    {
        padding-bottom: 3rem !important;
    }
    .pl-md-5,
    .px-md-5
    {
        padding-left: 3rem !important;
    }
    .p-md-sm
    {
        padding: 2rem !important;
    }
    .pt-md-sm,
    .py-md-sm
    {
        padding-top: 2rem !important;
    }
    .pr-md-sm,
    .px-md-sm
    {
        padding-right: 2rem !important;
    }
    .pb-md-sm,
    .py-md-sm
    {
        padding-bottom: 2rem !important;
    }
    .pl-md-sm,
    .px-md-sm
    {
        padding-left: 2rem !important;
    }
    .p-md-md
    {
        padding: 4rem !important;
    }
    .pt-md-md,
    .py-md-md
    {
        padding-top: 4rem !important;
    }
    .pr-md-md,
    .px-md-md
    {
        padding-right: 4rem !important;
    }
    .pb-md-md,
    .py-md-md
    {
        padding-bottom: 4rem !important;
    }
    .pl-md-md,
    .px-md-md
    {
        padding-left: 4rem !important;
    }
    .p-md-lg
    {
        padding: 6rem !important;
    }
    .pt-md-lg,
    .py-md-lg
    {
        padding-top: 6rem !important;
    }
    .pr-md-lg,
    .px-md-lg
    {
        padding-right: 6rem !important;
    }
    .pb-md-lg,
    .py-md-lg
    {
        padding-bottom: 6rem !important;
    }
    .pl-md-lg,
    .px-md-lg
    {
        padding-left: 6rem !important;
    }
    .p-md-xl
    {
        padding: 8rem !important;
    }
    .pt-md-xl,
    .py-md-xl
    {
        padding-top: 8rem !important;
    }
    .pr-md-xl,
    .px-md-xl
    {
        padding-right: 8rem !important;
    }
    .pb-md-xl,
    .py-md-xl
    {
        padding-bottom: 8rem !important;
    }
    .pl-md-xl,
    .px-md-xl
    {
        padding-left: 8rem !important;
    }
    .m-md-n1
    {
        margin: -.25rem !important;
    }
    .mt-md-n1,
    .my-md-n1
    {
        margin-top: -.25rem !important;
    }
    .mr-md-n1,
    .mx-md-n1
    {
        margin-right: -.25rem !important;
    }
    .mb-md-n1,
    .my-md-n1
    {
        margin-bottom: -.25rem !important;
    }
    .ml-md-n1,
    .mx-md-n1
    {
        margin-left: -.25rem !important;
    }
    .m-md-n2
    {
        margin: -.5rem !important;
    }
    .mt-md-n2,
    .my-md-n2
    {
        margin-top: -.5rem !important;
    }
    .mr-md-n2,
    .mx-md-n2
    {
        margin-right: -.5rem !important;
    }
    .mb-md-n2,
    .my-md-n2
    {
        margin-bottom: -.5rem !important;
    }
    .ml-md-n2,
    .mx-md-n2
    {
        margin-left: -.5rem !important;
    }
    .m-md-n3
    {
        margin: -1rem !important;
    }
    .mt-md-n3,
    .my-md-n3
    {
        margin-top: -1rem !important;
    }
    .mr-md-n3,
    .mx-md-n3
    {
        margin-right: -1rem !important;
    }
    .mb-md-n3,
    .my-md-n3
    {
        margin-bottom: -1rem !important;
    }
    .ml-md-n3,
    .mx-md-n3
    {
        margin-left: -1rem !important;
    }
    .m-md-n4
    {
        margin: -1.5rem !important;
    }
    .mt-md-n4,
    .my-md-n4
    {
        margin-top: -1.5rem !important;
    }
    .mr-md-n4,
    .mx-md-n4
    {
        margin-right: -1.5rem !important;
    }
    .mb-md-n4,
    .my-md-n4
    {
        margin-bottom: -1.5rem !important;
    }
    .ml-md-n4,
    .mx-md-n4
    {
        margin-left: -1.5rem !important;
    }
    .m-md-n5
    {
        margin: -3rem !important;
    }
    .mt-md-n5,
    .my-md-n5
    {
        margin-top: -3rem !important;
    }
    .mr-md-n5,
    .mx-md-n5
    {
        margin-right: -3rem !important;
    }
    .mb-md-n5,
    .my-md-n5
    {
        margin-bottom: -3rem !important;
    }
    .ml-md-n5,
    .mx-md-n5
    {
        margin-left: -3rem !important;
    }
    .m-md-nsm
    {
        margin: -2rem !important;
    }
    .mt-md-nsm,
    .my-md-nsm
    {
        margin-top: -2rem !important;
    }
    .mr-md-nsm,
    .mx-md-nsm
    {
        margin-right: -2rem !important;
    }
    .mb-md-nsm,
    .my-md-nsm
    {
        margin-bottom: -2rem !important;
    }
    .ml-md-nsm,
    .mx-md-nsm
    {
        margin-left: -2rem !important;
    }
    .m-md-nmd
    {
        margin: -4rem !important;
    }
    .mt-md-nmd,
    .my-md-nmd
    {
        margin-top: -4rem !important;
    }
    .mr-md-nmd,
    .mx-md-nmd
    {
        margin-right: -4rem !important;
    }
    .mb-md-nmd,
    .my-md-nmd
    {
        margin-bottom: -4rem !important;
    }
    .ml-md-nmd,
    .mx-md-nmd
    {
        margin-left: -4rem !important;
    }
    .m-md-nlg
    {
        margin: -6rem !important;
    }
    .mt-md-nlg,
    .my-md-nlg
    {
        margin-top: -6rem !important;
    }
    .mr-md-nlg,
    .mx-md-nlg
    {
        margin-right: -6rem !important;
    }
    .mb-md-nlg,
    .my-md-nlg
    {
        margin-bottom: -6rem !important;
    }
    .ml-md-nlg,
    .mx-md-nlg
    {
        margin-left: -6rem !important;
    }
    .m-md-nxl
    {
        margin: -8rem !important;
    }
    .mt-md-nxl,
    .my-md-nxl
    {
        margin-top: -8rem !important;
    }
    .mr-md-nxl,
    .mx-md-nxl
    {
        margin-right: -8rem !important;
    }
    .mb-md-nxl,
    .my-md-nxl
    {
        margin-bottom: -8rem !important;
    }
    .ml-md-nxl,
    .mx-md-nxl
    {
        margin-left: -8rem !important;
    }
    .m-md-auto
    {
        margin: auto !important;
    }
    .mt-md-auto,
    .my-md-auto
    {
        margin-top: auto !important;
    }
    .mr-md-auto,
    .mx-md-auto
    {
        margin-right: auto !important;
    }
    .mb-md-auto,
    .my-md-auto
    {
        margin-bottom: auto !important;
    }
    .ml-md-auto,
    .mx-md-auto
    {
        margin-left: auto !important;
    }
}

@media (min-width: 992px)
{
    .m-lg-0
    {
        margin: 0 !important;
    }
    .mt-lg-0,
    .my-lg-0
    {
        margin-top: 0 !important;
    }
    .mr-lg-0,
    .mx-lg-0
    {
        margin-right: 0 !important;
    }
    .mb-lg-0,
    .my-lg-0
    {
        margin-bottom: 0 !important;
    }
    .ml-lg-0,
    .mx-lg-0
    {
        margin-left: 0 !important;
    }
    .m-lg-1
    {
        margin: .25rem !important;
    }
    .mt-lg-1,
    .my-lg-1
    {
        margin-top: .25rem !important;
    }
    .mr-lg-1,
    .mx-lg-1
    {
        margin-right: .25rem !important;
    }
    .mb-lg-1,
    .my-lg-1
    {
        margin-bottom: .25rem !important;
    }
    .ml-lg-1,
    .mx-lg-1
    {
        margin-left: .25rem !important;
    }
    .m-lg-2
    {
        margin: .5rem !important;
    }
    .mt-lg-2,
    .my-lg-2
    {
        margin-top: .5rem !important;
    }
    .mr-lg-2,
    .mx-lg-2
    {
        margin-right: .5rem !important;
    }
    .mb-lg-2,
    .my-lg-2
    {
        margin-bottom: .5rem !important;
    }
    .ml-lg-2,
    .mx-lg-2
    {
        margin-left: .5rem !important;
    }
    .m-lg-3
    {
        margin: 1rem !important;
    }
    .mt-lg-3,
    .my-lg-3
    {
        margin-top: 1rem !important;
    }
    .mr-lg-3,
    .mx-lg-3
    {
        margin-right: 1rem !important;
    }
    .mb-lg-3,
    .my-lg-3
    {
        margin-bottom: 1rem !important;
    }
    .ml-lg-3,
    .mx-lg-3
    {
        margin-left: 1rem !important;
    }
    .m-lg-4
    {
        margin: 1.5rem !important;
    }
    .mt-lg-4,
    .my-lg-4
    {
        margin-top: 1.5rem !important;
    }
    .mr-lg-4,
    .mx-lg-4
    {
        margin-right: 1.5rem !important;
    }
    .mb-lg-4,
    .my-lg-4
    {
        margin-bottom: 1.5rem !important;
    }
    .ml-lg-4,
    .mx-lg-4
    {
        margin-left: 1.5rem !important;
    }
    .m-lg-5
    {
        margin: 3rem !important;
    }
    .mt-lg-5,
    .my-lg-5
    {
        margin-top: 3rem !important;
    }
    .mr-lg-5,
    .mx-lg-5
    {
        margin-right: 3rem !important;
    }
    .mb-lg-5,
    .my-lg-5
    {
        margin-bottom: 3rem !important;
    }
    .ml-lg-5,
    .mx-lg-5
    {
        margin-left: 3rem !important;
    }
    .m-lg-sm
    {
        margin: 2rem !important;
    }
    .mt-lg-sm,
    .my-lg-sm
    {
        margin-top: 2rem !important;
    }
    .mr-lg-sm,
    .mx-lg-sm
    {
        margin-right: 2rem !important;
    }
    .mb-lg-sm,
    .my-lg-sm
    {
        margin-bottom: 2rem !important;
    }
    .ml-lg-sm,
    .mx-lg-sm
    {
        margin-left: 2rem !important;
    }
    .m-lg-md
    {
        margin: 4rem !important;
    }
    .mt-lg-md,
    .my-lg-md
    {
        margin-top: 4rem !important;
    }
    .mr-lg-md,
    .mx-lg-md
    {
        margin-right: 4rem !important;
    }
    .mb-lg-md,
    .my-lg-md
    {
        margin-bottom: 4rem !important;
    }
    .ml-lg-md,
    .mx-lg-md
    {
        margin-left: 4rem !important;
    }
    .m-lg-lg
    {
        margin: 6rem !important;
    }
    .mt-lg-lg,
    .my-lg-lg
    {
        margin-top: 6rem !important;
    }
    .mr-lg-lg,
    .mx-lg-lg
    {
        margin-right: 6rem !important;
    }
    .mb-lg-lg,
    .my-lg-lg
    {
        margin-bottom: 6rem !important;
    }
    .ml-lg-lg,
    .mx-lg-lg
    {
        margin-left: 6rem !important;
    }
    .m-lg-xl
    {
        margin: 8rem !important;
    }
    .mt-lg-xl,
    .my-lg-xl
    {
        margin-top: 8rem !important;
    }
    .mr-lg-xl,
    .mx-lg-xl
    {
        margin-right: 8rem !important;
    }
    .mb-lg-xl,
    .my-lg-xl
    {
        margin-bottom: 8rem !important;
    }
    .ml-lg-xl,
    .mx-lg-xl
    {
        margin-left: 8rem !important;
    }
    .p-lg-0
    {
        padding: 0 !important;
    }
    .pt-lg-0,
    .py-lg-0
    {
        padding-top: 0 !important;
    }
    .pr-lg-0,
    .px-lg-0
    {
        padding-right: 0 !important;
    }
    .pb-lg-0,
    .py-lg-0
    {
        padding-bottom: 0 !important;
    }
    .pl-lg-0,
    .px-lg-0
    {
        padding-left: 0 !important;
    }
    .p-lg-1
    {
        padding: .25rem !important;
    }
    .pt-lg-1,
    .py-lg-1
    {
        padding-top: .25rem !important;
    }
    .pr-lg-1,
    .px-lg-1
    {
        padding-right: .25rem !important;
    }
    .pb-lg-1,
    .py-lg-1
    {
        padding-bottom: .25rem !important;
    }
    .pl-lg-1,
    .px-lg-1
    {
        padding-left: .25rem !important;
    }
    .p-lg-2
    {
        padding: .5rem !important;
    }
    .pt-lg-2,
    .py-lg-2
    {
        padding-top: .5rem !important;
    }
    .pr-lg-2,
    .px-lg-2
    {
        padding-right: .5rem !important;
    }
    .pb-lg-2,
    .py-lg-2
    {
        padding-bottom: .5rem !important;
    }
    .pl-lg-2,
    .px-lg-2
    {
        padding-left: .5rem !important;
    }
    .p-lg-3
    {
        padding: 1rem !important;
    }
    .pt-lg-3,
    .py-lg-3
    {
        padding-top: 1rem !important;
    }
    .pr-lg-3,
    .px-lg-3
    {
        padding-right: 1rem !important;
    }
    .pb-lg-3,
    .py-lg-3
    {
        padding-bottom: 1rem !important;
    }
    .pl-lg-3,
    .px-lg-3
    {
        padding-left: 1rem !important;
    }
    .p-lg-4
    {
        padding: 1.5rem !important;
    }
    .pt-lg-4,
    .py-lg-4
    {
        padding-top: 1.5rem !important;
    }
    .pr-lg-4,
    .px-lg-4
    {
        padding-right: 1.5rem !important;
    }
    .pb-lg-4,
    .py-lg-4
    {
        padding-bottom: 1.5rem !important;
    }
    .pl-lg-4,
    .px-lg-4
    {
        padding-left: 1.5rem !important;
    }
    .p-lg-5
    {
        padding: 3rem !important;
    }
    .pt-lg-5,
    .py-lg-5
    {
        padding-top: 3rem !important;
    }
    .pr-lg-5,
    .px-lg-5
    {
        padding-right: 3rem !important;
    }
    .pb-lg-5,
    .py-lg-5
    {
        padding-bottom: 3rem !important;
    }
    .pl-lg-5,
    .px-lg-5
    {
        padding-left: 3rem !important;
    }
    .p-lg-sm
    {
        padding: 2rem !important;
    }
    .pt-lg-sm,
    .py-lg-sm
    {
        padding-top: 2rem !important;
    }
    .pr-lg-sm,
    .px-lg-sm
    {
        padding-right: 2rem !important;
    }
    .pb-lg-sm,
    .py-lg-sm
    {
        padding-bottom: 2rem !important;
    }
    .pl-lg-sm,
    .px-lg-sm
    {
        padding-left: 2rem !important;
    }
    .p-lg-md
    {
        padding: 4rem !important;
    }
    .pt-lg-md,
    .py-lg-md
    {
        padding-top: 4rem !important;
    }
    .pr-lg-md,
    .px-lg-md
    {
        padding-right: 4rem !important;
    }
    .pb-lg-md,
    .py-lg-md
    {
        padding-bottom: 4rem !important;
    }
    .pl-lg-md,
    .px-lg-md
    {
        padding-left: 4rem !important;
    }
    .p-lg-lg
    {
        padding: 6rem !important;
    }
    .pt-lg-lg,
    .py-lg-lg
    {
        padding-top: 6rem !important;
    }
    .pr-lg-lg,
    .px-lg-lg
    {
        padding-right: 6rem !important;
    }
    .pb-lg-lg,
    .py-lg-lg
    {
        padding-bottom: 6rem !important;
    }
    .pl-lg-lg,
    .px-lg-lg
    {
        padding-left: 6rem !important;
    }
    .p-lg-xl
    {
        padding: 8rem !important;
    }
    .pt-lg-xl,
    .py-lg-xl
    {
        padding-top: 8rem !important;
    }
    .pr-lg-xl,
    .px-lg-xl
    {
        padding-right: 8rem !important;
    }
    .pb-lg-xl,
    .py-lg-xl
    {
        padding-bottom: 8rem !important;
    }
    .pl-lg-xl,
    .px-lg-xl
    {
        padding-left: 8rem !important;
    }
    .m-lg-n1
    {
        margin: -.25rem !important;
    }
    .mt-lg-n1,
    .my-lg-n1
    {
        margin-top: -.25rem !important;
    }
    .mr-lg-n1,
    .mx-lg-n1
    {
        margin-right: -.25rem !important;
    }
    .mb-lg-n1,
    .my-lg-n1
    {
        margin-bottom: -.25rem !important;
    }
    .ml-lg-n1,
    .mx-lg-n1
    {
        margin-left: -.25rem !important;
    }
    .m-lg-n2
    {
        margin: -.5rem !important;
    }
    .mt-lg-n2,
    .my-lg-n2
    {
        margin-top: -.5rem !important;
    }
    .mr-lg-n2,
    .mx-lg-n2
    {
        margin-right: -.5rem !important;
    }
    .mb-lg-n2,
    .my-lg-n2
    {
        margin-bottom: -.5rem !important;
    }
    .ml-lg-n2,
    .mx-lg-n2
    {
        margin-left: -.5rem !important;
    }
    .m-lg-n3
    {
        margin: -1rem !important;
    }
    .mt-lg-n3,
    .my-lg-n3
    {
        margin-top: -1rem !important;
    }
    .mr-lg-n3,
    .mx-lg-n3
    {
        margin-right: -1rem !important;
    }
    .mb-lg-n3,
    .my-lg-n3
    {
        margin-bottom: -1rem !important;
    }
    .ml-lg-n3,
    .mx-lg-n3
    {
        margin-left: -1rem !important;
    }
    .m-lg-n4
    {
        margin: -1.5rem !important;
    }
    .mt-lg-n4,
    .my-lg-n4
    {
        margin-top: -1.5rem !important;
    }
    .mr-lg-n4,
    .mx-lg-n4
    {
        margin-right: -1.5rem !important;
    }
    .mb-lg-n4,
    .my-lg-n4
    {
        margin-bottom: -1.5rem !important;
    }
    .ml-lg-n4,
    .mx-lg-n4
    {
        margin-left: -1.5rem !important;
    }
    .m-lg-n5
    {
        margin: -3rem !important;
    }
    .mt-lg-n5,
    .my-lg-n5
    {
        margin-top: -3rem !important;
    }
    .mr-lg-n5,
    .mx-lg-n5
    {
        margin-right: -3rem !important;
    }
    .mb-lg-n5,
    .my-lg-n5
    {
        margin-bottom: -3rem !important;
    }
    .ml-lg-n5,
    .mx-lg-n5
    {
        margin-left: -3rem !important;
    }
    .m-lg-nsm
    {
        margin: -2rem !important;
    }
    .mt-lg-nsm,
    .my-lg-nsm
    {
        margin-top: -2rem !important;
    }
    .mr-lg-nsm,
    .mx-lg-nsm
    {
        margin-right: -2rem !important;
    }
    .mb-lg-nsm,
    .my-lg-nsm
    {
        margin-bottom: -2rem !important;
    }
    .ml-lg-nsm,
    .mx-lg-nsm
    {
        margin-left: -2rem !important;
    }
    .m-lg-nmd
    {
        margin: -4rem !important;
    }
    .mt-lg-nmd,
    .my-lg-nmd
    {
        margin-top: -4rem !important;
    }
    .mr-lg-nmd,
    .mx-lg-nmd
    {
        margin-right: -4rem !important;
    }
    .mb-lg-nmd,
    .my-lg-nmd
    {
        margin-bottom: -4rem !important;
    }
    .ml-lg-nmd,
    .mx-lg-nmd
    {
        margin-left: -4rem !important;
    }
    .m-lg-nlg
    {
        margin: -6rem !important;
    }
    .mt-lg-nlg,
    .my-lg-nlg
    {
        margin-top: -6rem !important;
    }
    .mr-lg-nlg,
    .mx-lg-nlg
    {
        margin-right: -6rem !important;
    }
    .mb-lg-nlg,
    .my-lg-nlg
    {
        margin-bottom: -6rem !important;
    }
    .ml-lg-nlg,
    .mx-lg-nlg
    {
        margin-left: -6rem !important;
    }
    .m-lg-nxl
    {
        margin: -8rem !important;
    }
    .mt-lg-nxl,
    .my-lg-nxl
    {
        margin-top: -8rem !important;
    }
    .mr-lg-nxl,
    .mx-lg-nxl
    {
        margin-right: -8rem !important;
    }
    .mb-lg-nxl,
    .my-lg-nxl
    {
        margin-bottom: -8rem !important;
    }
    .ml-lg-nxl,
    .mx-lg-nxl
    {
        margin-left: -8rem !important;
    }
    .m-lg-auto
    {
        margin: auto !important;
    }
    .mt-lg-auto,
    .my-lg-auto
    {
        margin-top: auto !important;
    }
    .mr-lg-auto,
    .mx-lg-auto
    {
        margin-right: auto !important;
    }
    .mb-lg-auto,
    .my-lg-auto
    {
        margin-bottom: auto !important;
    }
    .ml-lg-auto,
    .mx-lg-auto
    {
        margin-left: auto !important;
    }
}

@media (min-width: 1200px)
{
    .m-xl-0
    {
        margin: 0 !important;
    }
    .mt-xl-0,
    .my-xl-0
    {
        margin-top: 0 !important;
    }
    .mr-xl-0,
    .mx-xl-0
    {
        margin-right: 0 !important;
    }
    .mb-xl-0,
    .my-xl-0
    {
        margin-bottom: 0 !important;
    }
    .ml-xl-0,
    .mx-xl-0
    {
        margin-left: 0 !important;
    }
    .m-xl-1
    {
        margin: .25rem !important;
    }
    .mt-xl-1,
    .my-xl-1
    {
        margin-top: .25rem !important;
    }
    .mr-xl-1,
    .mx-xl-1
    {
        margin-right: .25rem !important;
    }
    .mb-xl-1,
    .my-xl-1
    {
        margin-bottom: .25rem !important;
    }
    .ml-xl-1,
    .mx-xl-1
    {
        margin-left: .25rem !important;
    }
    .m-xl-2
    {
        margin: .5rem !important;
    }
    .mt-xl-2,
    .my-xl-2
    {
        margin-top: .5rem !important;
    }
    .mr-xl-2,
    .mx-xl-2
    {
        margin-right: .5rem !important;
    }
    .mb-xl-2,
    .my-xl-2
    {
        margin-bottom: .5rem !important;
    }
    .ml-xl-2,
    .mx-xl-2
    {
        margin-left: .5rem !important;
    }
    .m-xl-3
    {
        margin: 1rem !important;
    }
    .mt-xl-3,
    .my-xl-3
    {
        margin-top: 1rem !important;
    }
    .mr-xl-3,
    .mx-xl-3
    {
        margin-right: 1rem !important;
    }
    .mb-xl-3,
    .my-xl-3
    {
        margin-bottom: 1rem !important;
    }
    .ml-xl-3,
    .mx-xl-3
    {
        margin-left: 1rem !important;
    }
    .m-xl-4
    {
        margin: 1.5rem !important;
    }
    .mt-xl-4,
    .my-xl-4
    {
        margin-top: 1.5rem !important;
    }
    .mr-xl-4,
    .mx-xl-4
    {
        margin-right: 1.5rem !important;
    }
    .mb-xl-4,
    .my-xl-4
    {
        margin-bottom: 1.5rem !important;
    }
    .ml-xl-4,
    .mx-xl-4
    {
        margin-left: 1.5rem !important;
    }
    .m-xl-5
    {
        margin: 3rem !important;
    }
    .mt-xl-5,
    .my-xl-5
    {
        margin-top: 3rem !important;
    }
    .mr-xl-5,
    .mx-xl-5
    {
        margin-right: 3rem !important;
    }
    .mb-xl-5,
    .my-xl-5
    {
        margin-bottom: 3rem !important;
    }
    .ml-xl-5,
    .mx-xl-5
    {
        margin-left: 3rem !important;
    }
    .m-xl-sm
    {
        margin: 2rem !important;
    }
    .mt-xl-sm,
    .my-xl-sm
    {
        margin-top: 2rem !important;
    }
    .mr-xl-sm,
    .mx-xl-sm
    {
        margin-right: 2rem !important;
    }
    .mb-xl-sm,
    .my-xl-sm
    {
        margin-bottom: 2rem !important;
    }
    .ml-xl-sm,
    .mx-xl-sm
    {
        margin-left: 2rem !important;
    }
    .m-xl-md
    {
        margin: 4rem !important;
    }
    .mt-xl-md,
    .my-xl-md
    {
        margin-top: 4rem !important;
    }
    .mr-xl-md,
    .mx-xl-md
    {
        margin-right: 4rem !important;
    }
    .mb-xl-md,
    .my-xl-md
    {
        margin-bottom: 4rem !important;
    }
    .ml-xl-md,
    .mx-xl-md
    {
        margin-left: 4rem !important;
    }
    .m-xl-lg
    {
        margin: 6rem !important;
    }
    .mt-xl-lg,
    .my-xl-lg
    {
        margin-top: 6rem !important;
    }
    .mr-xl-lg,
    .mx-xl-lg
    {
        margin-right: 6rem !important;
    }
    .mb-xl-lg,
    .my-xl-lg
    {
        margin-bottom: 6rem !important;
    }
    .ml-xl-lg,
    .mx-xl-lg
    {
        margin-left: 6rem !important;
    }
    .m-xl-xl
    {
        margin: 8rem !important;
    }
    .mt-xl-xl,
    .my-xl-xl
    {
        margin-top: 8rem !important;
    }
    .mr-xl-xl,
    .mx-xl-xl
    {
        margin-right: 8rem !important;
    }
    .mb-xl-xl,
    .my-xl-xl
    {
        margin-bottom: 8rem !important;
    }
    .ml-xl-xl,
    .mx-xl-xl
    {
        margin-left: 8rem !important;
    }
    .p-xl-0
    {
        padding: 0 !important;
    }
    .pt-xl-0,
    .py-xl-0
    {
        padding-top: 0 !important;
    }
    .pr-xl-0,
    .px-xl-0
    {
        padding-right: 0 !important;
    }
    .pb-xl-0,
    .py-xl-0
    {
        padding-bottom: 0 !important;
    }
    .pl-xl-0,
    .px-xl-0
    {
        padding-left: 0 !important;
    }
    .p-xl-1
    {
        padding: .25rem !important;
    }
    .pt-xl-1,
    .py-xl-1
    {
        padding-top: .25rem !important;
    }
    .pr-xl-1,
    .px-xl-1
    {
        padding-right: .25rem !important;
    }
    .pb-xl-1,
    .py-xl-1
    {
        padding-bottom: .25rem !important;
    }
    .pl-xl-1,
    .px-xl-1
    {
        padding-left: .25rem !important;
    }
    .p-xl-2
    {
        padding: .5rem !important;
    }
    .pt-xl-2,
    .py-xl-2
    {
        padding-top: .5rem !important;
    }
    .pr-xl-2,
    .px-xl-2
    {
        padding-right: .5rem !important;
    }
    .pb-xl-2,
    .py-xl-2
    {
        padding-bottom: .5rem !important;
    }
    .pl-xl-2,
    .px-xl-2
    {
        padding-left: .5rem !important;
    }
    .p-xl-3
    {
        padding: 1rem !important;
    }
    .pt-xl-3,
    .py-xl-3
    {
        padding-top: 1rem !important;
    }
    .pr-xl-3,
    .px-xl-3
    {
        padding-right: 1rem !important;
    }
    .pb-xl-3,
    .py-xl-3
    {
        padding-bottom: 1rem !important;
    }
    .pl-xl-3,
    .px-xl-3
    {
        padding-left: 1rem !important;
    }
    .p-xl-4
    {
        padding: 1.5rem !important;
    }
    .pt-xl-4,
    .py-xl-4
    {
        padding-top: 1.5rem !important;
    }
    .pr-xl-4,
    .px-xl-4
    {
        padding-right: 1.5rem !important;
    }
    .pb-xl-4,
    .py-xl-4
    {
        padding-bottom: 1.5rem !important;
    }
    .pl-xl-4,
    .px-xl-4
    {
        padding-left: 1.5rem !important;
    }
    .p-xl-5
    {
        padding: 3rem !important;
    }
    .pt-xl-5,
    .py-xl-5
    {
        padding-top: 3rem !important;
    }
    .pr-xl-5,
    .px-xl-5
    {
        padding-right: 3rem !important;
    }
    .pb-xl-5,
    .py-xl-5
    {
        padding-bottom: 3rem !important;
    }
    .pl-xl-5,
    .px-xl-5
    {
        padding-left: 3rem !important;
    }
    .p-xl-sm
    {
        padding: 2rem !important;
    }
    .pt-xl-sm,
    .py-xl-sm
    {
        padding-top: 2rem !important;
    }
    .pr-xl-sm,
    .px-xl-sm
    {
        padding-right: 2rem !important;
    }
    .pb-xl-sm,
    .py-xl-sm
    {
        padding-bottom: 2rem !important;
    }
    .pl-xl-sm,
    .px-xl-sm
    {
        padding-left: 2rem !important;
    }
    .p-xl-md
    {
        padding: 4rem !important;
    }
    .pt-xl-md,
    .py-xl-md
    {
        padding-top: 4rem !important;
    }
    .pr-xl-md,
    .px-xl-md
    {
        padding-right: 4rem !important;
    }
    .pb-xl-md,
    .py-xl-md
    {
        padding-bottom: 4rem !important;
    }
    .pl-xl-md,
    .px-xl-md
    {
        padding-left: 4rem !important;
    }
    .p-xl-lg
    {
        padding: 6rem !important;
    }
    .pt-xl-lg,
    .py-xl-lg
    {
        padding-top: 6rem !important;
    }
    .pr-xl-lg,
    .px-xl-lg
    {
        padding-right: 6rem !important;
    }
    .pb-xl-lg,
    .py-xl-lg
    {
        padding-bottom: 6rem !important;
    }
    .pl-xl-lg,
    .px-xl-lg
    {
        padding-left: 6rem !important;
    }
    .p-xl-xl
    {
        padding: 8rem !important;
    }
    .pt-xl-xl,
    .py-xl-xl
    {
        padding-top: 8rem !important;
    }
    .pr-xl-xl,
    .px-xl-xl
    {
        padding-right: 8rem !important;
    }
    .pb-xl-xl,
    .py-xl-xl
    {
        padding-bottom: 8rem !important;
    }
    .pl-xl-xl,
    .px-xl-xl
    {
        padding-left: 8rem !important;
    }
    .m-xl-n1
    {
        margin: -.25rem !important;
    }
    .mt-xl-n1,
    .my-xl-n1
    {
        margin-top: -.25rem !important;
    }
    .mr-xl-n1,
    .mx-xl-n1
    {
        margin-right: -.25rem !important;
    }
    .mb-xl-n1,
    .my-xl-n1
    {
        margin-bottom: -.25rem !important;
    }
    .ml-xl-n1,
    .mx-xl-n1
    {
        margin-left: -.25rem !important;
    }
    .m-xl-n2
    {
        margin: -.5rem !important;
    }
    .mt-xl-n2,
    .my-xl-n2
    {
        margin-top: -.5rem !important;
    }
    .mr-xl-n2,
    .mx-xl-n2
    {
        margin-right: -.5rem !important;
    }
    .mb-xl-n2,
    .my-xl-n2
    {
        margin-bottom: -.5rem !important;
    }
    .ml-xl-n2,
    .mx-xl-n2
    {
        margin-left: -.5rem !important;
    }
    .m-xl-n3
    {
        margin: -1rem !important;
    }
    .mt-xl-n3,
    .my-xl-n3
    {
        margin-top: -1rem !important;
    }
    .mr-xl-n3,
    .mx-xl-n3
    {
        margin-right: -1rem !important;
    }
    .mb-xl-n3,
    .my-xl-n3
    {
        margin-bottom: -1rem !important;
    }
    .ml-xl-n3,
    .mx-xl-n3
    {
        margin-left: -1rem !important;
    }
    .m-xl-n4
    {
        margin: -1.5rem !important;
    }
    .mt-xl-n4,
    .my-xl-n4
    {
        margin-top: -1.5rem !important;
    }
    .mr-xl-n4,
    .mx-xl-n4
    {
        margin-right: -1.5rem !important;
    }
    .mb-xl-n4,
    .my-xl-n4
    {
        margin-bottom: -1.5rem !important;
    }
    .ml-xl-n4,
    .mx-xl-n4
    {
        margin-left: -1.5rem !important;
    }
    .m-xl-n5
    {
        margin: -3rem !important;
    }
    .mt-xl-n5,
    .my-xl-n5
    {
        margin-top: -3rem !important;
    }
    .mr-xl-n5,
    .mx-xl-n5
    {
        margin-right: -3rem !important;
    }
    .mb-xl-n5,
    .my-xl-n5
    {
        margin-bottom: -3rem !important;
    }
    .ml-xl-n5,
    .mx-xl-n5
    {
        margin-left: -3rem !important;
    }
    .m-xl-nsm
    {
        margin: -2rem !important;
    }
    .mt-xl-nsm,
    .my-xl-nsm
    {
        margin-top: -2rem !important;
    }
    .mr-xl-nsm,
    .mx-xl-nsm
    {
        margin-right: -2rem !important;
    }
    .mb-xl-nsm,
    .my-xl-nsm
    {
        margin-bottom: -2rem !important;
    }
    .ml-xl-nsm,
    .mx-xl-nsm
    {
        margin-left: -2rem !important;
    }
    .m-xl-nmd
    {
        margin: -4rem !important;
    }
    .mt-xl-nmd,
    .my-xl-nmd
    {
        margin-top: -4rem !important;
    }
    .mr-xl-nmd,
    .mx-xl-nmd
    {
        margin-right: -4rem !important;
    }
    .mb-xl-nmd,
    .my-xl-nmd
    {
        margin-bottom: -4rem !important;
    }
    .ml-xl-nmd,
    .mx-xl-nmd
    {
        margin-left: -4rem !important;
    }
    .m-xl-nlg
    {
        margin: -6rem !important;
    }
    .mt-xl-nlg,
    .my-xl-nlg
    {
        margin-top: -6rem !important;
    }
    .mr-xl-nlg,
    .mx-xl-nlg
    {
        margin-right: -6rem !important;
    }
    .mb-xl-nlg,
    .my-xl-nlg
    {
        margin-bottom: -6rem !important;
    }
    .ml-xl-nlg,
    .mx-xl-nlg
    {
        margin-left: -6rem !important;
    }
    .m-xl-nxl
    {
        margin: -8rem !important;
    }
    .mt-xl-nxl,
    .my-xl-nxl
    {
        margin-top: -8rem !important;
    }
    .mr-xl-nxl,
    .mx-xl-nxl
    {
        margin-right: -8rem !important;
    }
    .mb-xl-nxl,
    .my-xl-nxl
    {
        margin-bottom: -8rem !important;
    }
    .ml-xl-nxl,
    .mx-xl-nxl
    {
        margin-left: -8rem !important;
    }
    .m-xl-auto
    {
        margin: auto !important;
    }
    .mt-xl-auto,
    .my-xl-auto
    {
        margin-top: auto !important;
    }
    .mr-xl-auto,
    .mx-xl-auto
    {
        margin-right: auto !important;
    }
    .mb-xl-auto,
    .my-xl-auto
    {
        margin-bottom: auto !important;
    }
    .ml-xl-auto,
    .mx-xl-auto
    {
        margin-left: auto !important;
    }
}


.visible
{
    visibility: visible !important;
}

.invisible
{
    visibility: hidden !important;
}


iframe
{
    border: 0;
}

figcaption,
figure,

.section-nucleo-icons .icons-container
{
    position: relative;
    z-index: 1;

    max-width: 100%;
    height: 360px;
    margin: 0 auto;
}


.section-nucleo-icons .icons-container i
{
    position: absolute;
    z-index: 1;

    display: inline-flex;

    transition: all .2s cubic-bezier(.25, .65, .9, .75);
    transform: translate(-50%, -50%);

    border-radius: 50%;
    background: #fff;
    box-shadow: 0 15px 35px rgba(50, 50, 93, .1), 0 5px 15px rgba(0, 0, 0, .07);

    align-items: center;
    justify-content: center;
}
.section-nucleo-icons .icons-container i.icon
{
    font-size: 1.7em;

    width: var(--icon-size);
    height: var(--icon-size);
}
.section-nucleo-icons .icons-container i.icon-sm
{
    font-size: 1.5em;

    width: var(--icon-sm-size);
    height: var(--icon-sm-size);
}
.section-nucleo-icons .icons-container i:nth-child(1)
{
    font-size: 42px;

    z-index: 2;

    color: #fb6340;
}
.section-nucleo-icons .icons-container:not(.on-screen) i
{
    top: 50%;
    left: 50%;

    transform: translate(-50%, -50%);
}
.section-nucleo-icons .icons-container:not(.on-screen) i:not(:nth-child(1))
{
    opacity: 0;
}
.section-nucleo-icons .icons-container.on-screen i
{
    opacity: 1;
}
.section-nucleo-icons .icons-container.on-screen i:nth-child(1)
{
    font-size: 42px;

    top: 50%;
    left: 50%;

    color: #fb6340;
}
.section-nucleo-icons .icons-container.on-screen i:nth-child(2)
{
    top: 50%;
    left: calc(50% + (var(--gutter) * 1.7));
}
.section-nucleo-icons .icons-container.on-screen i:nth-child(3)
{
    top: calc(50% + var(--gutter));
    left: calc(50% + var(--gutter));
}
.section-nucleo-icons .icons-container.on-screen i:nth-child(4)
{
    top: calc(50% - var(--gutter));
    left: calc(50% + var(--gutter));
}
.section-nucleo-icons .icons-container.on-screen i:nth-child(5)
{
    top: 50%;
    left: calc(50% + (var(--gutter) * 4));
}
.section-nucleo-icons .icons-container.on-screen i:nth-child(6)
{
    top: calc(50% + (var(--gutter) * 1.5));
    left: calc(50% + (var(--gutter) * 2.7));
}
.section-nucleo-icons .icons-container.on-screen i:nth-child(7)
{
    top: calc(50% - (var(--gutter) * 1.5));
    left: calc(50% + (var(--gutter) * 2.7));
}
.section-nucleo-icons .icons-container.on-screen i:nth-child(8)
{
    top: 50%;
    left: calc(50% - (var(--gutter) * 1.7));
}
.section-nucleo-icons .icons-container.on-screen i:nth-child(9)
{
    top: calc(50% + var(--gutter));
    left: calc(50% - var(--gutter));
}
.section-nucleo-icons .icons-container.on-screen i:nth-child(10)
{
    top: calc(50% - var(--gutter));
    left: calc(50% - var(--gutter));
}
.section-nucleo-icons .icons-container.on-screen i:nth-child(11)
{
    top: 50%;
    left: calc(50% - (var(--gutter) * 4));
}
.section-nucleo-icons .icons-container.on-screen i:nth-child(12)
{
    top: calc(50% + (var(--gutter) * 1.5));
    left: calc(50% - (var(--gutter) * 2.7));
}
.section-nucleo-icons .icons-container.on-screen i:nth-child(13)
{
    top: calc(50% - (var(--gutter) * 1.5));
    left: calc(50% - (var(--gutter) * 2.7));
}

.fill-primary
{
    fill: #5e72e4;
}

.stroke-primary
{
    stroke: #5e72e4;
}

.fill-secondary
{
    fill: #f4f5f7;
}

.stroke-secondary
{
    stroke: #f4f5f7;
}

.fill-success
{
    fill: #2dce89;
}

.stroke-success
{
    stroke: #2dce89;
}

.fill-info
{
    fill: #11cdef;
}

.stroke-info
{
    stroke: #11cdef;
}

.fill-warning
{
    fill: #fb6340;
}

.stroke-warning
{
    stroke: #fb6340;
}

.fill-danger
{
    fill: #f5365c;
}

.stroke-danger
{
    stroke: #f5365c;
}

.fill-light
{
    fill: #adb5bd;
}

.stroke-light
{
    stroke: #adb5bd;
}

.fill-dark
{
    fill: #212529;
}

.stroke-dark
{
    stroke: #212529;
}

.fill-default
{
    fill: #172b4d;
}

.stroke-default
{
    stroke: #172b4d;
}

.fill-white
{
    fill: #fff;
}

.stroke-white
{
    stroke: #fff;
}

.fill-neutral
{
    fill: #fff;
}

.stroke-neutral
{
    stroke: #fff;
}

.fill-darker
{
    fill: black;
}

.stroke-darker
{
    stroke: black;
}

.fill-opacity-8
{
    fill-opacity: .8;
}

.floating
{
    animation: floating 3s ease infinite;

    will-change: transform;
}
.floating:hover
{
    animation-play-state: paused;
}

.floating-lg
{
    animation: floating-lg 3s ease infinite;
}

.floating-sm
{
    animation: floating-sm 3s ease infinite;
}

@keyframes floating-lg
{
    0%
    {
        transform: translateY(0px);
    }
    50%
    {
        transform: translateY(15px);
    }
    100%
    {
        transform: translateY(0px);
    }
}

@keyframes floating
{
    0%
    {
        transform: translateY(0px);
    }
    50%
    {
        transform: translateY(10px);
    }
    100%
    {
        transform: translateY(0px);
    }
}

@keyframes floating-sm
{
    0%
    {
        transform: translateY(0px);
    }
    50%
    {
        transform: translateY(5px);
    }
    100%
    {
        transform: translateY(0px);
    }
}

.img-center
{
    display: block;

    margin-right: auto;
    margin-left: auto;
}

.floatfix:before,
.floatfix:after
{
    display: table;

    content: '';
}

.floatfix:after
{
    clear: both;
}

.overflow-visible
{
    overflow: visible !important;
}

.overflow-hidden
{
    overflow: hidden !important;
}

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

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

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

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

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

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

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

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

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

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

.top-0
{
    top: 0;
}

.right-0
{
    right: 0;
}

.bottom-0
{
    bottom: 0;
}

.left-0
{
    left: 0;
}

.top-1
{
    top: .25rem;
}

.right-1
{
    right: .25rem;
}

.bottom-1
{
    bottom: .25rem;
}

.left-1
{
    left: .25rem;
}

.top-2
{
    top: .5rem;
}

.right-2
{
    right: .5rem;
}

.bottom-2
{
    bottom: .5rem;
}

.left-2
{
    left: .5rem;
}

.top-3
{
    top: 1rem;
}

.right-3
{
    right: 1rem;
}

.bottom-3
{
    bottom: 1rem;
}

.left-3
{
    left: 1rem;
}

.top-4
{
    top: 1.5rem;
}

.right-4
{
    right: 1.5rem;
}

.bottom-4
{
    bottom: 1.5rem;
}

.left-4
{
    left: 1.5rem;
}

.top-5
{
    top: 3rem;
}

.right-5
{
    right: 3rem;
}

.bottom-5
{
    bottom: 3rem;
}

.left-5
{
    left: 3rem;
}

.top-sm
{
    top: 2rem;
}

.right-sm
{
    right: 2rem;
}

.bottom-sm
{
    bottom: 2rem;
}

.left-sm
{
    left: 2rem;
}

.top-md
{
    top: 4rem;
}

.right-md
{
    right: 4rem;
}

.bottom-md
{
    bottom: 4rem;
}

.left-md
{
    left: 4rem;
}

.top-lg
{
    top: 6rem;
}

.right-lg
{
    right: 6rem;
}

.bottom-lg
{
    bottom: 6rem;
}

.left-lg
{
    left: 6rem;
}

.top-xl
{
    top: 8rem;
}

.right-xl
{
    right: 8rem;
}

.bottom-xl
{
    bottom: 8rem;
}

.left-xl
{
    left: 8rem;
}

.center
{
    left: 50%;

    transform: translateX(-50%);
}

.h-100vh
{
    height: 100vh !important;
}

.row.row-grid > [class*='col-'] + [class*='col-']
{
    margin-top: 3rem;
}

@media (min-width: 992px)
{
    .row.row-grid > [class*='col-lg-'] + [class*='col-lg-']
    {
        margin-top: 0;
    }
}

@media (min-width: 768px)
{
    .row.row-grid > [class*='col-md-'] + [class*='col-md-']
    {
        margin-top: 0;
    }
}

@media (min-width: 576px)
{
    .row.row-grid > [class*='col-sm-'] + [class*='col-sm-']
    {
        margin-top: 0;
    }
}

.row-grid + .row-grid
{
    margin-top: 3rem;
}

@media (min-width: 992px)
{
    [class*='mt--'],
    [class*='mr--'],
    [class*='mb--'],
    [class*='ml--']
    {
        position: relative;
        z-index: 5;
    }
    .mt--100
    {
        margin-top: -100px !important;
    }
    .mr--100
    {
        margin-right: -100px !important;
    }
    .mb--100
    {
        margin-bottom: -100px !important;
    }
    .ml--100
    {
        margin-left: -100px !important;
    }
    .mt--150
    {
        margin-top: -150px !important;
    }
    .mb--150
    {
        margin-bottom: -150px !important;
    }
    .mt--200
    {
        margin-top: -200px !important;
    }
    .mb--200
    {
        margin-bottom: -200px !important;
    }
    .mt--300
    {
        margin-top: -300px !important;
    }
    .mb--300
    {
        margin-bottom: -300px !important;
    }
    .pt-100
    {
        padding-top: 100px !important;
    }
    .pb-100
    {
        padding-bottom: 100px !important;
    }
    .pt-150
    {
        padding-top: 150px !important;
    }
    .pb-150
    {
        padding-bottom: 150px !important;
    }
    .pt-200
    {
        padding-top: 200px !important;
    }
    .pb-200
    {
        padding-bottom: 200px !important;
    }
    .pt-250
    {
        padding-top: 250px !important;
    }
    .pb-250
    {
        padding-bottom: 250px !important;
    }
    .pt-300
    {
        padding-top: 300px !important;
    }
    .pb-300
    {
        padding-bottom: 300px !important;
    }
}

[class*='shadow']
{
    transition: all .15s ease;
}

.shadow-sm--hover:hover
{
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}

.shadow--hover:hover
{
    box-shadow: 0 15px 35px rgba(50, 50, 93, .1), 0 5px 15px rgba(0, 0, 0, .07) !important;
}

.shadow-lg--hover:hover
{
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important;
}

.shadow-none--hover:hover
{
    box-shadow: none !important;
}

.font-weight-300
{
    font-weight: 300 !important;
}

.font-weight-400
{
    font-weight: 400 !important;
}

.font-weight-500
{
    font-weight: 500 !important;
}

.font-weight-600
{
    font-weight: 600 !important;
}

.font-weight-700
{
    font-weight: 700 !important;
}

.font-weight-800
{
    font-weight: 800 !important;
}

.font-weight-900
{
    font-weight: 900 !important;
}

.text-underline
{
    text-decoration: underline;
}

.text-through
{
    text-decoration: line-through;
}

.lh-100
{
    line-height: 1;
}

.lh-110
{
    line-height: 1.1;
}

.lh-120
{
    line-height: 1.2;
}

.lh-130
{
    line-height: 1.3;
}

.lh-140
{
    line-height: 1.4;
}

.lh-150
{
    line-height: 1.5;
}

.lh-160
{
    line-height: 1.6;
}

.lh-170
{
    line-height: 1.7;
}

.lh-180
{
    line-height: 1.8;
}

.ls-1
{
    letter-spacing: .0625rem;
}

.ls-15
{
    letter-spacing: .09375rem;
}

.ls-2
{
    letter-spacing: .125rem;
}

@media (min-width: 992px)
{
    .transform-perspective-right
    {
        transform: scale(1) perspective(1040px) rotateY(-11deg) rotateX(2deg) rotate(2deg);
    }
    .transform-perspective-left
    {
        transform: scale(1) perspective(2000px) rotateY(11deg) rotateX(2deg) rotate(-2deg);
    }
}


.avatar
{
    font-size: 1rem;

    display: inline-flex;

    width: 48px;
    height: 48px;

    color: #fff;
    border-radius: 50%;
    background-color: #adb5bd;

    align-items: center;
    justify-content: center;
}

.avatar img
{
    width: 100%;

    border-radius: 50%;
}

.avatar + .avatar-content
{
    display: inline-block;

    margin-left: .75rem;
}

.avatar-lg
{
    font-size: .875rem;

    width: 58px;
    height: 58px;
}

.avatar-sm
{
    font-size: .875rem;

    width: 38px;
    height: 38px;
}

.avatar-group .avatar
{
    position: relative;
    z-index: 2;

    border: 2px solid #fff;
}
.avatar-group .avatar:hover
{
    z-index: 3;
}

.avatar-group .avatar + .avatar
{
    margin-left: -1rem;
}


.card
{
    position: relative;
}

.profile-page .card-profile
{
    margin-top: -150px;
}
.profile-page .card-profile .card-profile-image
{
    position: relative;
}
.profile-page .card-profile .card-profile-image img
{
    position: absolute;
    left: 50%;

    max-width: 180px;

    transition: all .15s ease;
    transform: translate(-50%, -30%);

    border-radius: .25rem;
}
.profile-page .card-profile .card-profile-image img:hover
{
    transform: translate(-50%, -33%);
}
.profile-page .card-profile .card-profile-stats
{
    padding: 1rem 0;
}
.profile-page .card-profile .card-profile-stats > div
{
    margin-right: 1rem;
    padding: .875rem;

    text-align: center;
}
.profile-page .card-profile .card-profile-stats > div:last-child
{
    margin-right: 0;
}
.profile-page .card-profile .card-profile-stats > div .heading
{
    font-size: 1.1rem;
    font-weight: bold;

    display: block;
}
.profile-page .card-profile .card-profile-stats > div .description
{
    font-size: .875rem;

    color: #adb5bd;
}
.profile-page .card-profile .card-profile-actions
{
    padding: .875rem;
}
@media (max-width: 575.98px)
{
    .profile-page .card-profile .card-profile-actions
    {
        margin-top: 110px;
    }
}
@media (min-width: 576px) and (max-width: 991.98px)
{
    .profile-page .card-profile .card-profile-stats
    {
        margin-top: 30px;
    }
}

.card .card-blockquote
{
    position: relative;

    padding: 2rem;
}
.card .card-blockquote .svg-bg
{
    position: absolute;
    top: -94px;
    left: 0;

    display: block;

    width: 100%;
    height: 95px;
}

.card-lift--hover:hover
{
    transition: all .15s ease;
    transform: translateY(-20px);
}
@media (prefers-reduced-motion: reduce)
{
    .card-lift--hover:hover
    {
        transition: none;
    }
}

.close
{
    transition: all .15s ease;
}
.close > span:not(.sr-only)
{
    font-size: 1.25rem;
    line-height: 17px;

    display: block;

    width: 1.25rem;
    height: 1.25rem;

    transition: all .15s ease;

    color: rgba(0, 0, 0, .6);
    border-radius: 50%;
    background-color: transparent;
}


.custom-control
{
    padding-left: 1.75rem;
}

.custom-control-label::before
{
    top: .225rem;
    left: -1.75rem;

    transition: all .2s cubic-bezier(.68, -.55, .265, 1.55);

    border: 1px solid #cad1d7;
}

.custom-control-label::after
{
    top: .225rem;
    left: -1.75rem;
}

.custom-control-label span
{
    position: relative;
    top: 4px;
}

.custom-control-label
{
    margin-bottom: 0;
}



.custom-control-alternative .custom-control-label::before
{
    border: 0;
    box-shadow: 0 1px 3px rgba(50, 50, 93, .15), 0 1px 0 rgba(0, 0, 0, .02);
}





.custom-toggle
{
    position: relative;

    display: inline-block;

    width: 50px;
    height: 1.5rem;
}


.custom-toggle-slider
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    cursor: pointer;

    border: 1px solid #cad1d7;
    border-radius: 34px !important;
    background-color: transparent;
}
.custom-toggle-slider:before
{
    position: absolute;
    bottom: 2px;
    left: 2px;

    width: 18px;
    height: 18px;

    content: '';
    transition: all .2s cubic-bezier(.68, -.55, .265, 1.55);

    border-radius: 50% !important;
    background-color: #ddd;
}


.has-success,
.has-danger
{
    position: relative;
}
.has-success:after,
.has-danger:after
{
    font-family: 'NucleoIcons';
    font-size: 9px;
    line-height: 19px;

    position: absolute;
    top: 2px;
    right: 15px;

    display: inline-block;

    width: 19px;
    height: 19px;

    transform: translateY(50%);
    text-align: center;

    opacity: 1;
    border-radius: 50%;
}

.has-success:after
{
    content: '\ea26';

    color: daken(#2dce89, 18%);
    background-color: #69deac;
}


.section
{
    position: relative;

    padding-top: 4rem;
    padding-bottom: 4rem;
}

.section-xl
{
    padding-top: 8rem;
    padding-bottom: 8rem;
}

.section-lg
{
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.section-sm
{
    padding-top: 2rem;
    padding-bottom: 2rem;
}

@media (min-width: 768px)
{
    .section-hero
    {
        min-height: 500px;
    }
}

.section-shaped
{
    position: relative;
}
.section-shaped .stars-and-coded
{
    margin-top: 8rem;
}
.section-shaped .shape
{
    position: absolute;
    z-index: -1;
    top: 0;

    width: 100%;
    height: 100%;
}
.section-shaped .shape span
{
    position: absolute;
}
.section-shaped .shape + .container
{
    position: relative;

    height: 100%;
}
.section-shaped .shape.shape-skew + .container
{
    padding-top: 0;
}
.section-shaped .shape.shape-skew + .container .col
{
    margin-top: -100px;
}
.section-shaped .shape.shape-skew + .shape-container
{
    padding-top: 18rem;
    padding-bottom: 19rem;
}
.section-shaped .shape-skew
{
    transform: skewY(-4deg);
    transform-origin: 0;
}
.section-shaped .shape-skew span
{
    transform: skew(4deg);
}
.section-shaped .shape-primary
{
    background: linear-gradient(150deg, #281483 15%, #8f6ed5 70%, #d782d9 94%);
}
.section-shaped .shape-primary :nth-child(1)
{
    background: #53f;
}
.section-shaped .shape-primary :nth-child(2)
{
    background: #4553ff;
}
.section-shaped .shape-primary :nth-child(3)
{
    background: #4f40ff;
}
.section-shaped .shape-primary :nth-child(4)
{
    background: #25ddf5;
}
.section-shaped .shape-primary :nth-child(5)
{
    background: #1fa2ff;
}
.section-shaped .shape-default
{
    background: linear-gradient(150deg, #7795f8 15%, #6772e5 70%, #555abf 94%);
}
.section-shaped .shape-default :nth-child(1)
{
    background: #7795f8;
}
.section-shaped .shape-default :nth-child(2)
{
    background: #7b9aff;
}
.section-shaped .shape-default :nth-child(3)
{
    background: #6f8ff8;
}
.section-shaped .shape-default :nth-child(4)
{
    background: #76eea7;
}
.section-shaped .shape-default :nth-child(5)
{
    background: #6adaff;
}
.section-shaped .shape-light
{
    background: linear-gradient(150deg, shapes-light-color('step-1-gradient-bg') 15%, shapes-light-color('step-2-gradient-bg') 70%, shapes-light-color('step-3-gradient-bg') 94%);
}
.section-shaped .shape-light :nth-child(1)
{
    background: shapes-light-color('span-1-bg');
}
.section-shaped .shape-light :nth-child(2)
{
    background: shapes-light-color('span-2-bg');
}
.section-shaped .shape-light :nth-child(3)
{
    background: shapes-light-color('span-3-bg');
}
.section-shaped .shape-light :nth-child(4)
{
    background: shapes-light-color('span-4-bg');
}
.section-shaped .shape-light :nth-child(5)
{
    background: shapes-light-color('span-5-bg');
}
.section-shaped .shape-dark
{
    background: linear-gradient(150deg, #32325d 15%, #32325d 70%, #32325d 94%);
}
.section-shaped .shape-dark :nth-child(1)
{
    background: #2e2e57;
}
.section-shaped .shape-dark :nth-child(2)
{
    background: #2b2b58;
}
.section-shaped .shape-dark :nth-child(3)
{
    background: #25254d;
}
.section-shaped .shape-dark :nth-child(4)
{
    background: #d782d9;
}
.section-shaped .shape-dark :nth-child(5)
{
    background: #008169;
}
.section-shaped .shape-style-1 span
{
    width: 120px;
    height: 120px;

    border-radius: 50%;
}
.section-shaped .shape-style-1 .span-200
{
    width: 200px;
    height: 200px;
}
.section-shaped .shape-style-1 .span-150
{
    width: 150px;
    height: 150px;
}
.section-shaped .shape-style-1 .span-100
{
    width: 100px;
    height: 100px;
}
.section-shaped .shape-style-1 .span-75
{
    width: 75px;
    height: 75px;
}
.section-shaped .shape-style-1 .span-50
{
    width: 50px;
    height: 50px;
}
.section-shaped .shape-style-1 :nth-child(1)
{
    bottom: auto;
    left: -4%;

    background: rgba(255, 255, 255, .1);
}
.section-shaped .shape-style-1 :nth-child(2)
{
    top: 10%;
    right: 4%;

    background: rgba(255, 255, 255, .1);
}
.section-shaped .shape-style-1 :nth-child(3)
{
    top: 280px;
    right: 5.66666%;

    background: rgba(255, 255, 255, .3);
}
.section-shaped .shape-style-1 :nth-child(4)
{
    top: 320px;
    right: 7%;

    background: rgba(255, 255, 255, .15);
}
.section-shaped .shape-style-1 :nth-child(5)
{
    top: 38%;
    right: auto;
    left: 1%;

    background: rgba(255, 255, 255, .05);
}
.section-shaped .shape-style-1 :nth-child(6)
{
    top: 44%;
    right: auto;
    left: 10%;

    width: 200px;
    height: 200px;

    background: rgba(255, 255, 255, .15);
}
.section-shaped .shape-style-1 :nth-child(7)
{
    right: 36%;
    bottom: 50%;

    background: rgba(255, 255, 255, .04);
}
.section-shaped .shape-style-1 :nth-child(8)
{
    right: 2%;
    bottom: 70px;

    background: rgba(255, 255, 255, .2);
}
.section-shaped .shape-style-1 :nth-child(9)
{
    right: 2%;
    bottom: 1%;

    background: rgba(255, 255, 255, .1);
}
.section-shaped .shape-style-1 :nth-child(10)
{
    right: auto;
    bottom: 1%;
    left: 1%;

    background: rgba(255, 255, 255, .05);
}
@media (max-width: 991.98px)
{
    .section-shaped .shape-style-1 span
    {
        height: 120px;
    }
}
@media (max-width: 767.98px)
{
    .section-shaped .shape-style-1 span
    {
        height: 90px;
    }
}
.section-shaped .shape-style-1.shape-primary
{
    background: linear-gradient(150deg, #281483 15%, #8f6ed5 70%, #d782d9 94%);
}
.section-shaped .shape-style-1.shape-default
{
    background: linear-gradient(150deg, #7795f8 15%, #6772e5 70%, #555abf 94%);
}
.section-shaped .shape-style-1.shape-light
{
    background: linear-gradient(150deg, shapes-light-color('step-1-gradient-bg') 15%, shapes-light-color('step-2-gradient-bg') 70%, shapes-light-color('step-3-gradient-bg') 94%);
}
.section-shaped .shape-style-1.shape-dark
{
    background: linear-gradient(150deg, #32325d 15%, #32325d 70%, #32325d 94%);
}
.section-shaped .shape-style-2 span
{
    height: 190px;
}
.section-shaped .shape-style-2 .span-sm
{
    height: 100px;
}
.section-shaped .shape-style-2 :nth-child(1)
{
    top: 0;
    left: -16.66666%;

    width: 33.33333%;
}
.section-shaped .shape-style-2 :nth-child(2)
{
    top: 0;
    right: auto;
    left: 16.66666%;

    width: 33.33333%;
}
.section-shaped .shape-style-2 :nth-child(3)
{
    bottom: auto;
    left: 49.99999%;

    width: 33.33333%;
}
.section-shaped .shape-style-2 :nth-child(4)
{
    top: 55%;
    right: -16.66666%;

    width: 33.33333%;
}
.section-shaped .shape-style-2 :nth-child(5)
{
    bottom: 0;

    width: 33.33333%;
}
@media (max-width: 991.98px)
{
    .section-shaped .shape-style-2 span
    {
        height: 120px;
    }
}
@media (max-width: 767.98px)
{
    .section-shaped .shape-style-2 span
    {
        height: 90px;
    }
}
.section-shaped .shape-style-3 span
{
    height: 140px;
}
.section-shaped .shape-style-3 .span-sm
{
    height: 100px;
}
.section-shaped .shape-style-3 :nth-child(1)
{
    bottom: auto;
    left: -16.66666%;

    width: 66%;
}
.section-shaped .shape-style-3 :nth-child(2)
{
    top: 54%;
    right: -16.66666%;

    width: 40%;
}
.section-shaped .shape-style-3 :nth-child(3)
{
    top: 34%;
    right: auto;
    left: -16.66666%;

    width: 33.33333%;
}
.section-shaped .shape-style-3 :nth-child(4)
{
    right: -16.66666%;
    bottom: 0;

    width: 60%;

    opacity: .6;
}
.section-shaped .shape-style-3 :nth-child(5)
{
    bottom: 0;

    width: 33.33333%;
}
@media (max-width: 991.98px)
{
    .section-shaped .shape-style-3 span
    {
        height: 120px;
    }
}
@media (max-width: 767.98px)
{
    .section-shaped .shape-style-3 span
    {
        height: 90px;
    }
}

.device-ill
{
    position: absolute;
    left: 50%;

    display: flex;

    width: 1287px;
    margin-left: -644px;

    transform: scale(.5) rotate(-12deg) translateX(50px);
    transform-origin: 50% 20%;
    pointer-events: none;

    will-change: transform;
}
.device-ill div
{
    display: flex;

    padding: .875rem;

    border-radius: .25rem;
    background: #fff;
    box-shadow: inset 0 4px 7px 1px #fff, inset 0 -5px 20px rgba(173, 186, 204, .25), 0 2px 6px rgba(0, 21, 64, .14), 0 10px 20px rgba(0, 21, 64, .05);

    justify-content: center;
    align-items: center;
}
.device-ill .tablet-landscape
{
    width: 512px;
    height: 352px;
    margin: 115px 50px 0;
}

@media (min-width: 670px)
{
    .device-ill
    {
        top: 215px;

        width: 512px;
        margin-left: -50px;

        transform: rotate(-12deg);
        transform-origin: 100% 0;

        flex-wrap: wrap;
    }
    .device-ill [class^=tablet]
    {
        margin: 0;
    }
    .device-ill .tablet-landscape
    {
        width: 512px;
        height: 352px;
    }
}

@media (min-width: 880px)
{
    .device-ill
    {
        top: 20px;

        width: 829px;
        margin-left: -10px;
    }
    .device-ill .tablet-landscape
    {
        margin-right: 50px;

        align-self: flex-end;
    }
    .device-ill .phone-big
    {
        display: flex;

        width: 267px;
        height: 553px;
    }
}

.section-profile-cover
{
    height: 580px;

    background-position: center center;
    background-size: cover;
}

@media (max-width: 991.98px)
{
    .section-profile-cover
    {
        height: 400px;
    }
}


.section-components > .nav + .nav,
.section-components > .alert + .alert,
.section-components > .navbar + .navbar,
.section-components > .progress + .progress,
.section-components > .progress + .btn,
.section-components .badge,
.section-components .btn
{
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.section-components .btn-group
{
    margin-top: .5rem;
    margin-bottom: .5rem;
}
.section-components .btn-group .btn
{
    margin: 0;
}

.section-components .alert
{
    margin: 0;
}
.section-components .alert + .alert
{
    margin-top: 1.25rem;
}

.section-components .badge
{
    margin-right: .5rem;
}

.section-components .modal-footer .btn
{
    margin: 0;
}

.floating-cards
{
    position: relative;

    perspective: 1500px;
    align-items: center;
}

.floating-cards > div
{
    position: absolute;

    overflow: hidden;

    border-radius: 8px;

    flex-shrink: 0;
}

.floating-cards .shine
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    pointer-events: none;
}

.separator
{
    position: absolute;
    z-index: 1;
    top: auto;
    right: 0;
    left: 0;

    overflow: hidden;

    width: 100%;
    height: 150px;

    transform: translateZ(0);
    pointer-events: none;
}
.separator svg
{
    position: absolute;

    pointer-events: none;
}

.separator-top
{
    top: 0;
    bottom: auto;
}
.separator-top svg
{
    top: 0;
}

.separator-bottom
{
    top: auto;
    bottom: 0;
}
.separator-bottom svg
{
    bottom: 0;
}

.separator-inverse
{
    transform: rotate(180deg);
}

.separator-skew
{
    height: 60px;
}

@media (max-width: 992px)
{
    .separator-skew
    {
        z-index: 0;
    }
}


.headroom
{
    transition: all .15s ease;

    background-color: inherit;

    will-change: transform;
}
@media (prefers-reduced-motion: reduce)
{
    .headroom
    {
        transition: none;
    }
}

.headroom--pinned
{
    z-index: 3;

    width: 100%;

    transform: translateY(0%);
}

.headroom--unpinned
{
    transform: translateY(-100%);
}

.headroom--not-top
{
    padding-top: .5rem;
    padding-bottom: .5rem;

    background-color: #172b4d !important;
    box-shadow: 0 1px 10px rgba(130, 130, 134, .1);
}

.noUi-target,
.noUi-target *
{
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    touch-action: none;
}

.noUi-target
{
    position: relative;

    direction: ltr;
}

.noUi-base,
.noUi-connects
{
    position: relative;
    z-index: 1;

    width: 100%;
    height: 100%;
}

/* Wrapper for all connect elements.
 */
.noUi-connects
{
    z-index: 0;

    overflow: hidden;
}

.noUi-connect,
.noUi-origin
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    transform-origin: 0 0;

    will-change: transform;
}

html:not([dir='rtl']) .noUi-horizontal .noUi-origin
{
    right: 0;
    left: auto;
}

.noUi-vertical .noUi-origin
{
    width: 0;
}

.noUi-horizontal .noUi-origin
{
    height: 0;
}

.noUi-handle
{
    position: absolute;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin
{
    transition: transform .3s;
}

.noUi-state-drag *
{
    cursor: inherit !important;
}

.noUi-horizontal
{
    height: 5px;
}

.noUi-horizontal .noUi-handle
{
    top: -6px;
    left: -17px;

    width: 34px;
    height: 28px;
}

.noUi-vertical
{
    width: 5px;
}

.noUi-vertical .noUi-handle
{
    top: -17px;
    left: -6px;

    width: 28px;
    height: 34px;
}

html:not([dir='rtl']) .noUi-horizontal .noUi-handle
{
    right: -17px;
    left: auto;
}

.noUi-connects
{
    border-radius: 3px;
}

.noUi-connect
{
    background: #5e72e4;
}

.noUi-draggable
{
    cursor: ew-resize;
}

.noUi-vertical .noUi-draggable
{
    cursor: ns-resize;
}

.noUi-handle
{
    cursor: default;

    border: 1px solid #d9d9d9;
    border-radius: 3px;
    outline: none;
    background: #fff;
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb;
}

.noUi-active
{
    outline: none;
}

/* Disabled state;
 */
[disabled] .noUi-connect
{
    background: #b8b8b8;
}

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle
{
    cursor: not-allowed;
}

/* Base;
 *
 */
.noUi-pips,
.noUi-pips *
{
    box-sizing: border-box;
}

.noUi-pips
{
    position: absolute;

    color: #999;
}

/* Values;
 *
 */
.noUi-value
{
    position: absolute;

    text-align: center;
    white-space: nowrap;
}

.noUi-value-sub
{
    font-size: 10px;

    color: #ccc;
}

/* Markings;
 *
 */
.noUi-marker
{
    position: absolute;

    background: #ccc;
}

.noUi-marker-sub
{
    background: #aaa;
}

.noUi-marker-large
{
    background: #aaa;
}

/* Horizontal layout;
 *
 */
.noUi-pips-horizontal
{
    top: 100%;
    left: 0;

    width: 100%;
    height: 80px;
    padding: 10px 0;
}

.noUi-value-horizontal
{
    transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal
{
    transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker
{
    width: 2px;
    height: 5px;
    margin-left: -1px;
}

.noUi-marker-horizontal.noUi-marker-sub
{
    height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large
{
    height: 15px;
}

/* Vertical layout;
 *
 */
.noUi-pips-vertical
{
    top: 0;
    left: 100%;

    height: 100%;
    padding: 0 10px;
}

.noUi-value-vertical
{
    padding-left: 25px;

    transform: translate(0, -50%, 0);
}

.noUi-rtl .noUi-value-vertical
{
    transform: translate(0, 50%);
}

.noUi-marker-vertical.noUi-marker
{
    width: 5px;
    height: 2px;
    margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub
{
    width: 10px;
}

.noUi-marker-vertical.noUi-marker-large
{
    width: 15px;
}

.noUi-tooltip
{
    position: absolute;

    display: block;

    padding: 5px;

    text-align: center;
    white-space: nowrap;

    color: #000;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    background: #fff;
}

.noUi-horizontal .noUi-tooltip
{
    bottom: 120%;
    left: 50%;

    transform: translate(-50%, 0);
}

.noUi-vertical .noUi-tooltip
{
    top: 50%;
    right: 120%;

    transform: translate(0, -50%);
}

.noUi-target
{
    margin: 15px 0;

    cursor: pointer;

    border: 0;
    border-radius: 5px;
    background: #eceeef;
    box-shadow: inset 0 1px 2px rgba(90, 97, 105, .1);
}

.noUi-horizontal
{
    height: 5px;
}

html:not([dir='rtl']) .noUi-horizontal .noUi-handle
{
    right: -10px;
}

.noUi-vertical
{
    width: 5px;
}

.noUi-connect
{
    background: #5e72e4;
    box-shadow: none;
}

.noUi-horizontal .noUi-handle,
.noUi-vertical .noUi-handle
{
    top: -5px;

    width: 15px;
    height: 15px;

    cursor: pointer;
    transition: box-shadow .15s, transform .15s;

    border: 0;
    border-radius: 100%;
    background-color: #5e72e4;
    box-shadow: none;
}

.noUi-horizontal .noUi-handle.noUi-active,
.noUi-vertical .noUi-handle.noUi-active
{
    transform: scale(1.2);
}