:root
{
    --blue: #008aff;
    --indigo: #6e00ff;
    --purple: #510fa8;
    --pink: #f074ad;
    --red: #f25767;
    --orange: #ffbe3d;
    --yellow: #ffc431;
    --green: #5cc9a7;
    --teal: #50b5ff;
    --cyan: #4bd6e5;
    --white: #fff;
    --gray: #718096;
    --gray-dark: #2d3748;
    --primary: #008aff;
    --secondary: #eaecf3;
    --success: #5cc9a7;
    --info: #50b5ff;
    --warning: #ffbe3d;
    --danger: #f25767;
    --light: #eaecf3;
    --dark: #171347;
    --neutral: #fff;
    --white: #fff;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
}

*,
*::before,
*::after
{
    box-sizing: border-box;
}

html
{
    font-family: sans-serif;
    line-height: 1.15;

    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(31, 45, 61, 0);
}

figure,
footer,
nav,
section
{
    display: block;
}

body
{
    font-family: 'Nunito Sans', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.7;

    margin: 0;

    text-align: left;

    color: #718096;
    background-color: #fff;
}

[tabindex='-1']:focus:not(:focus-visible)
{
    outline: 0 !important;
}

hr
{
    overflow: visible; 

    box-sizing: content-box;
    height: 0;
}

h1,
h2,
h5,
h6
{
    margin-top: 0;
    margin-bottom: .66667rem;
}

p
{
    margin-top: 0;
    margin-bottom: 1rem;
}

ul
{
    margin-top: 0;
    margin-bottom: 1rem;
}

strong
{
    font-weight: 700;
}

a
{
    text-decoration: none;

    color: #008aff;
    background-color: transparent;
}
a:hover
{
    text-decoration: none; 

    color: #0061b3;
}

figure
{
    margin: 0 0 1rem;
}

img
{
    vertical-align: middle;

    border-style: none;
}

svg
{
    overflow: hidden;

    vertical-align: middle;
}

button:not(:disabled),
[type='button']:not(:disabled),
[type='reset']:not(:disabled),
[type='submit']:not(:disabled)
{
    cursor: pointer;
}

::-webkit-file-upload-button
{
    font: inherit;

    -webkit-appearance: button;
}

h1,
h2,
h5,
h6,
.h1,
.h3,
.h4
{
    font-family: inherit;
    font-weight: 600;
    line-height: 1.5;

    margin-bottom: .66667rem;

    color: #152c5b;
}

h1,
.h1
{
    font-size: 2.5rem;
}
@media (max-width: 1200px)
{
    h1,
    .h1
    {
        font-size: calc(1.375rem + 1.5vw) ;
    }
}

h2
{
    font-size: 2rem;
}
@media (max-width: 1200px)
{
    h2
    {
        font-size: calc(1.325rem + .9vw) ;
    }
}

.h3
{
    font-size: 1.75rem;
}
@media (max-width: 1200px)
{
    .h3
    {
        font-size: calc(1.3rem + .6vw) ;
    }
}

.h4
{
    font-size: 1.5rem;
}
@media (max-width: 1200px)
{
    .h4
    {
        font-size: calc(1.275rem + .3vw) ;
    }
}

h5
{
    font-size: 1.25rem;
}

h6
{
    font-size: 1rem;
}

.lead
{
    font-size: 1.125rem;
    font-weight: normal;
}

.display-4
{
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.3;
}
@media (max-width: 1200px)
{
    .display-4
    {
        font-size: calc(1.425rem + 2.1vw) ;
    }
}

hr
{
    margin-top: 2rem;
    margin-bottom: 2rem;

    border: 0;
    border-top: 1px solid #e2e8f0;
}

.list-unstyled
{
    padding-left: 0;

    list-style: none;
}

.img-fluid
{
    max-width: 100%;
    height: auto;
	border-radius: 10px;
}

.container
{
    width: 100%;
    margin-right: auto;
    margin-left: auto; 
    padding-right: 20px;
    padding-left: 20px;
}
@media (min-width: 576px)
{
    .container
    {
        max-width: 540px;
    }
}
@media (min-width: 768px)
{
    .container
    {
        max-width: 720px;
    }
}
@media (min-width: 992px)
{
    .container
    {
        max-width: 960px;
    }
}
@media (min-width: 1200px)
{
    .container
    {
        max-width: 1140px;
    }
}

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

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

@media (min-width: 992px)
{
    .container
    {
        max-width: 960px;
    }
}

@media (min-width: 1200px)
{
    .container
    {
        max-width: 1140px;
    }
}

.row
{
    display: flex;

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

    flex-wrap: wrap;
}

.col-6,
.col-12,
.col,
.col-sm-4,
.col-sm-6,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-10,
.col-md-12,
.col-lg-2,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-xl-4
{
    position: relative;

    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.col
{
    max-width: 100%; 

    flex-basis: 0;
    flex-grow: 1;
}

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

    flex: 0 0 50%;
}

.col-12
{
    max-width: 100%; 

    flex: 0 0 100%;
}

@media (min-width: 576px)
{
    .col-sm-4
    {
        max-width: 33.33333%; 

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

        flex: 0 0 50%;
    }
}

@media (min-width: 768px)
{
    .col-md-4
    {
        max-width: 33.33333%; 

        flex: 0 0 33.33333%;
    }
    .col-md-5
    {
        max-width: 41.66667%; 

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

        flex: 0 0 50%;
    }
    .col-md-7
    {
        max-width: 58.33333%; 

        flex: 0 0 58.33333%;
    }
    .col-md-10
    {
        max-width: 83.33333%; 

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

        flex: 0 0 100%;
    }
    .order-md-1
    {
        order: 1;
    }
    .order-md-2
    {
        order: 2;
    }
}

@media (min-width: 992px)
{
    .col-lg-2
    {
        max-width: 16.66667%; 

        flex: 0 0 16.66667%;
    }
    .col-lg-4
    {
        max-width: 33.33333%; 

        flex: 0 0 33.33333%;
    }
    .col-lg-5
    {
        max-width: 41.66667%; 

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

        flex: 0 0 50%;
    }
    .order-lg-1
    {
        order: 1;
    }
    .order-lg-2
    {
        order: 2;
    }
}

@media (min-width: 1200px)
{
    .col-xl-4
    {
        max-width: 33.33333%; 

        flex: 0 0 33.33333%;
    }
}

.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before,
.custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before
{
    border-color: #5cc9a7;
}

.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before,
.custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before
{
    border-color: #f25767;
}

.btn
{
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;

    display: inline-block;

    padding: .75rem 1.75rem;

    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    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: middle;

    color: #718096;
    border: 1px solid transparent;
    border-radius: .375rem;
    background-color: transparent;
}
@media (prefers-reduced-motion: reduce)
{
    .btn
    {
        transition: none;
    }
}
.btn:hover
{
    text-decoration: none; 

    color: #718096;
}
.btn:focus
{
    outline: 0;
    box-shadow: 0 0 0 rgba(0, 124, 230, .25);
}
.btn:disabled
{
    opacity: .65;
    box-shadow: none;
}
.btn:not(:disabled):not(.disabled):active,
.btn:not(:disabled):not(.disabled).active
{
    box-shadow: none;
}
.btn:not(:disabled):not(.disabled):active:focus,
.btn:not(:disabled):not(.disabled).active:focus
{
    box-shadow: 0 0 0 rgba(0, 124, 230, .25);
}

.btn-primary
{
    color: #fff;
    border-color: #008aff;
    background-color: #008aff;
    box-shadow: none;
}
.btn-primary:hover
{
    color: #fff;
    border-color: #006ecc; 
    background-color: #0075d9;
}
.btn-primary:focus
{
    box-shadow: none, 0 0 0 rgba(0, 138, 255, .35);
}
.btn-primary:disabled
{
    color: #fff;
    border-color: #008aff; 
    background-color: #008aff;
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active
{
    color: #fff;
    border-color: #0068bf; 
    background-color: #006ecc;
}
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus
{
    box-shadow: 0 0 0 rgba(0, 138, 255, .35);
}
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active
{
    color: #273444;
    border-color: #c1c7dc; 
    background-color: #cacfe0;
}
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus
{
    box-shadow: 0 0 0 rgba(234, 236, 243, .35);
}
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active
{
    color: #fff;
    border-color: #39ac88; 
    background-color: #3cb690;
}
.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus
{
    box-shadow: 0 0 0 rgba(92, 201, 167, .35);
}
.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active
{
    color: #fff;
    border-color: #109aff; 
    background-color: #1d9fff;
}
.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus
{
    box-shadow: 0 0 0 rgba(80, 181, 255, .35);
}
.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active
{
    color: #fff;
    border-color: #fca800; 
    background-color: #ffad0a;
}
.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus
{
    box-shadow: 0 0 0 rgba(255, 190, 61, .35);
}
.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active
{
    color: #fff;
    border-color: #ed1c31; 
    background-color: #ee283c;
}
.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus
{
    box-shadow: 0 0 0 rgba(242, 87, 103, .35);
}
.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active
{
    color: #273444;
    border-color: #c1c7dc; 
    background-color: #cacfe0;
}
.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus
{
    box-shadow: 0 0 0 rgba(234, 236, 243, .35);
}
.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active
{
    color: #fff;
    border-color: #070615; 
    background-color: #0a081f;
}
.btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus
{
    box-shadow: 0 0 0 rgba(23, 19, 71, .35);
}
.btn-neutral:not(:disabled):not(.disabled):active,
.btn-neutral:not(:disabled):not(.disabled).active
{
    color: #273444;
    border-color: #dfdfdf; 
    background-color: #e6e6e6;
}
.btn-neutral:not(:disabled):not(.disabled):active:focus,
.btn-neutral:not(:disabled):not(.disabled).active:focus
{
    box-shadow: 0 0 0 rgba(255, 255, 255, .35);
}
.btn-white:not(:disabled):not(.disabled):active,
.btn-white:not(:disabled):not(.disabled).active
{
    color: #273444;
    border-color: #dfdfdf; 
    background-color: #e6e6e6;
}
.btn-white:not(:disabled):not(.disabled):active:focus,
.btn-white:not(:disabled):not(.disabled).active:focus
{
    box-shadow: 0 0 0 rgba(255, 255, 255, .35);
}
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active
{
    color: #fff;
    border-color: #008aff; 
    background-color: #008aff;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus
{
    box-shadow: 0 0 0 rgba(0, 138, 255, .35);
}
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active
{
    color: #273444;
    border-color: #eaecf3; 
    background-color: #eaecf3;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus
{
    box-shadow: 0 0 0 rgba(234, 236, 243, .35);
}
.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active
{
    color: #fff;
    border-color: #5cc9a7; 
    background-color: #5cc9a7;
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus
{
    box-shadow: 0 0 0 rgba(92, 201, 167, .35);
}
.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active
{
    color: #fff;
    border-color: #50b5ff; 
    background-color: #50b5ff;
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus
{
    box-shadow: 0 0 0 rgba(80, 181, 255, .35);
}
.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active
{
    color: #fff;
    border-color: #ffbe3d; 
    background-color: #ffbe3d;
}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus
{
    box-shadow: 0 0 0 rgba(255, 190, 61, .35);
}
.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active
{
    color: #fff;
    border-color: #f25767; 
    background-color: #f25767;
}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus
{
    box-shadow: 0 0 0 rgba(242, 87, 103, .35);
}
.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-light:not(:disabled):not(.disabled).active
{
    color: #273444;
    border-color: #eaecf3; 
    background-color: #eaecf3;
}
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.btn-outline-light:not(:disabled):not(.disabled).active:focus
{
    box-shadow: 0 0 0 rgba(234, 236, 243, .35);
}
.btn-outline-dark:not(:disabled):not(.disabled):active,
.btn-outline-dark:not(:disabled):not(.disabled).active
{
    color: #fff;
    border-color: #171347; 
    background-color: #171347;
}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.btn-outline-dark:not(:disabled):not(.disabled).active:focus
{
    box-shadow: 0 0 0 rgba(23, 19, 71, .35);
}
.btn-outline-neutral:not(:disabled):not(.disabled):active,
.btn-outline-neutral:not(:disabled):not(.disabled).active
{
    color: #273444;
    border-color: #fff; 
    background-color: #fff;
}
.btn-outline-neutral:not(:disabled):not(.disabled):active:focus,
.btn-outline-neutral:not(:disabled):not(.disabled).active:focus
{
    box-shadow: 0 0 0 rgba(255, 255, 255, .35);
}
.btn-outline-white:not(:disabled):not(.disabled):active,
.btn-outline-white:not(:disabled):not(.disabled).active
{
    color: #273444;
    border-color: #fff; 
    background-color: #fff;
}
.btn-outline-white:not(:disabled):not(.disabled):active:focus,
.btn-outline-white:not(:disabled):not(.disabled).active:focus
{
    box-shadow: 0 0 0 rgba(255, 255, 255, .35);
}

.collapse:not(.show)
{
    display: none;
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before
{
    border-color: rgba(0, 138, 255, .5);
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before
{
    color: #fff;
    border-color: #99d0ff;
    background-color: #99d0ff;
    box-shadow: none;
}

.nav
{
    display: flex;

    margin-bottom: 0;
    padding-left: 0;

    list-style: none; 

    flex-wrap: wrap;
}

.nav-link
{
    display: block;

    padding: .25rem 1rem;
}
.nav-link:hover,
.nav-link:focus
{
    text-decoration: none;
}

.navbar
{
    position: relative;

    display: flex;

    padding: .75rem 1rem; 

    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.navbar .container
{
    display: flex;

    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.navbar-brand
{
    font-size: 1.25rem;
    line-height: inherit;

    display: inline-block;

    margin-right: 1rem;
    padding-top: .0375rem;
    padding-bottom: .0375rem;

    white-space: nowrap;
}
.navbar-brand:hover,
.navbar-brand:focus
{
    text-decoration: none;
}

.navbar-nav
{
    display: flex;
    flex-direction: column;

    margin-bottom: 0;
    padding-left: 0;

    list-style: none;
}
.navbar-nav .nav-link
{
    padding-right: 0;
    padding-left: 0;
}

.navbar-collapse
{
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
}

@media (max-width: 991.98px)
{
    .navbar-expand-lg > .container
    {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 992px)
{
    .navbar-expand-lg
    {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }
    .navbar-expand-lg .navbar-nav
    {
        flex-direction: row;
    }
    .navbar-expand-lg .navbar-nav .nav-link
    {
        padding-right: 1rem;
        padding-left: 1rem;
    }
    .navbar-expand-lg > .container
    {
        flex-wrap: nowrap;
    }
    .navbar-expand-lg .navbar-collapse
    {
        display: flex !important;

        flex-basis: auto;
    }
}

.navbar-light .navbar-brand
{
    color: rgba(0, 138, 255, .9);
}
.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus
{
    color: rgba(0, 138, 255, .9);
}

.navbar-light .navbar-nav .nav-link
{
    color: rgba(31, 45, 61, .6);
}
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus
{
    color: rgba(0, 138, 255, .9);
}

.card
{
    position: relative;

    display: flex;
    flex-direction: column;

    min-width: 0;

    word-wrap: break-word;

    border: 1px solid #eaecf3;
    border-radius: .75rem; 
    background-color: #fff;
    background-clip: border-box;
}

.card-body
{
    min-height: 1px;
    padding: 1.75rem;

    color: #718096; 

    flex: 1 1 auto;
}

.badge
{
    font-size: 80%;
    font-weight: 700;
    line-height: 1;

    display: inline-block;

    padding: .35rem .5rem;

    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: .375rem;
}
@media (prefers-reduced-motion: reduce)
{
    .badge
    {
        transition: none;
    }
}

.badge-pill
{
    padding-right: .875em;
    padding-left: .875em;

    border-radius: 50rem;
}

.badge-success
{
    color: #fff;
    background-color: #5cc9a7;
}

.badge-warning
{
    color: #fff;
    background-color: #ffbe3d;
}

.badge-danger
{
    color: #fff;
    background-color: #f25767;
}
.close:not(:disabled):not(.disabled):hover,
.close:not(:disabled):not(.disabled):focus
{
    opacity: .75;
}

.bg-dark
{
    background-color: #171347 !important;
}

.bg-white
{
    background-color: #fff !important;
}

.bg-white
{
    background-color: #fff !important;
}

.rounded
{
    border-radius: .375rem !important;
}

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

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

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

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

@media (min-width: 768px)
{
    .justify-content-md-end
    {
        justify-content: flex-end !important;
    }
    .justify-content-md-between
    {
        justify-content: space-between !important;
    }
}

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

@supports ((position: -webkit-sticky) or (position: sticky))
{
}

.shadow
{
    box-shadow: 0 0 1.25rem rgba(31, 45, 61, .05) !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px)
{
    .mt-sm-n7
    {
        margin-top: -6rem !important;
    }
}

@media (min-width: 768px)
{
    .mt-md-0
    {
        margin-top: 0 !important;
    }
    .pr-md-5
    {
        padding-right: 3rem !important;
    }
}

@media (min-width: 992px)
{
    .mt-lg-0
    {
        margin-top: 0 !important;
    }
    .mb-lg-0
    {
        margin-bottom: 0 !important;
    }
    .mr-lg-5
    {
        margin-right: 3rem !important;
    }
    .ml-lg-5
    {
        margin-left: 3rem !important;
    }
    .pr-lg-4
    {
        padding-right: 1.5rem !important;
    }
    .pt-lg-6
    {
        padding-top: 4.5rem !important;
    }
    .pb-lg-6
    {
        padding-bottom: 4.5rem !important;
    }
    .pt-lg-7
    {
        padding-top: 6rem !important;
    }
    .pt-lg-8
    {
        padding-top: 7.5rem !important;
    }
}

@media (min-width: 1200px)
{
    .mt-xl-n7
    {
        margin-top: -6rem !important;
    }
}

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

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

@media (min-width: 768px)
{
    .text-md-left
    {
        text-align: left !important;
    }
}

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

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

.text-primary
{
    color: #008aff !important;
}

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

.text-muted
{
    color: #718096 !important;
}

@media print
{
    *,
    *::before,
    *::after
    {
        box-shadow: none !important; 
        text-shadow: none !important;
    }
    a:not(.btn)
    {
        text-decoration: underline;
    }
    img
    {
        page-break-inside: avoid;
    }
    p,
    h2
    {
        orphans: 3;
        widows: 3;
    }
    h2
    {
        page-break-after: avoid;
    }
    @page
    {
        size: a3;
    }
    body
    {
        min-width: 992px !important;
    }
    .container
    {
        min-width: 992px !important;
    }
    .navbar
    {
        display: none;
    }
    .badge
    {
        border: 1px solid #1f2d3d;
    }
}

.bg-white
{
    background-color: #fff !important;
}

.bg-section-secondary
{
    background-color: #fafbfe !important;
}

.bg-section-dark
{
    background-color: #0e0b2b !important;
}

.fill-section-secondary
{
    fill: #fafbfe !important;
}

.img-center
{
    display: block;

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

@media (min-width: 768px)
{
    .mw-md-100
    {
        max-width: 100% !important;
    }
}

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

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

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

.text-sm
{
    font-size: .875rem !important;
}

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

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

:root
{
    --primary-dark: #006ecc;
    --primary-light: #33a1ff;
    --secondary-dark: #cacfe0;
    --secondary-light: white;
    --success-dark: #3cb690;
    --success-light: #82d6bc;
    --info-dark: #1d9fff;
    --info-light: #83cbff;
    --warning-dark: #ffad0a;
    --warning-light: #ffcf70;
    --danger-dark: #ee283c;
    --danger-light: #f68692;
    --light-dark: #cacfe0;
    --light-light: white;
    --dark-dark: #0a081f;
    --dark-light: #241e6f;
    --neutral-dark: #e6e6e6;
    --neutral-light: white;
    --white-dark: #e6e6e6;
    --white-light: white;
}

body,
html
{
    overflow-x: hidden;
}

figure
{
    display: block;

    margin: 0;
}

figure
{
    max-width: 100%;
    min-height: 1px;
}

svg
{
    overflow: hidden; 

    vertical-align: middle;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)
{
    .img-fluid
    {
        width: 100%;
    }
}

.badge
{
    display: inline;

    text-transform: none;
}

.btn
{
    position: relative;

    transition: all .2s ease;
}
@media (prefers-reduced-motion: reduce)
{
    .btn
    {
        transition: none;
    }
}
.btn-neutral:not(:disabled):not(.disabled):focus,
.btn-neutral:not(:disabled):not(.disabled):active
{
    color: #008aff;
    border-color: #4dadff;
    background-color: transparent;
}
.btn-neutral:not(:disabled):not(.disabled).active
{
    color: #008aff;
    border-color: #008aff;
    background-color: #fff;
}
.btn-soft-primary:not(:disabled):not(.disabled):active,
.btn-soft-primary:not(:disabled):not(.disabled).active
{
    color: #fff;
    border-color: #008aff; 
    background-color: #008aff;
}
.btn-soft-primary:not(:disabled):not(.disabled):active:focus,
.btn-soft-primary:not(:disabled):not(.disabled).active:focus
{
    box-shadow: none, 0 0 0 0 rgba(6, 125, 227, .5);
}
.btn-soft-secondary:not(:disabled):not(.disabled):active,
.btn-soft-secondary:not(:disabled):not(.disabled).active
{
    color: #273444;
    border-color: #eaecf3; 
    background-color: #eaecf3;
}
.btn-soft-secondary:not(:disabled):not(.disabled):active:focus,
.btn-soft-secondary:not(:disabled):not(.disabled).active:focus
{
    box-shadow: none, 0 0 0 0 rgba(205, 208, 217, .5);
}
.btn-soft-success:not(:disabled):not(.disabled):active,
.btn-soft-success:not(:disabled):not(.disabled).active
{
    color: #fff;
    border-color: #5cc9a7; 
    background-color: #5cc9a7;
}
.btn-soft-success:not(:disabled):not(.disabled):active:focus,
.btn-soft-success:not(:disabled):not(.disabled).active:focus
{
    box-shadow: none, 0 0 0 0 rgba(84, 179, 152, .5);
}
.btn-soft-info:not(:disabled):not(.disabled):active,
.btn-soft-info:not(:disabled):not(.disabled).active
{
    color: #fff;
    border-color: #50b5ff; 
    background-color: #50b5ff;
}
.btn-soft-info:not(:disabled):not(.disabled):active:focus,
.btn-soft-info:not(:disabled):not(.disabled).active:focus
{
    box-shadow: none, 0 0 0 0 rgba(74, 162, 227, .5);
}
.btn-soft-warning:not(:disabled):not(.disabled):active,
.btn-soft-warning:not(:disabled):not(.disabled).active
{
    color: #fff;
    border-color: #ffbe3d; 
    background-color: #ffbe3d;
}
.btn-soft-warning:not(:disabled):not(.disabled):active:focus,
.btn-soft-warning:not(:disabled):not(.disabled).active:focus
{
    box-shadow: none, 0 0 0 0 rgba(223, 169, 62, .5);
}
.btn-soft-danger:not(:disabled):not(.disabled):active,
.btn-soft-danger:not(:disabled):not(.disabled).active
{
    color: #fff;
    border-color: #f25767; 
    background-color: #f25767;
}
.btn-soft-danger:not(:disabled):not(.disabled):active:focus,
.btn-soft-danger:not(:disabled):not(.disabled).active:focus
{
    box-shadow: none, 0 0 0 0 rgba(212, 82, 98, .5);
}
.btn-soft-light:not(:disabled):not(.disabled):active,
.btn-soft-light:not(:disabled):not(.disabled).active
{
    color: #273444;
    border-color: #eaecf3; 
    background-color: #eaecf3;
}
.btn-soft-light:not(:disabled):not(.disabled):active:focus,
.btn-soft-light:not(:disabled):not(.disabled).active:focus
{
    box-shadow: none, 0 0 0 0 rgba(205, 208, 217, .5);
}
.btn-soft-dark:not(:disabled):not(.disabled):active,
.btn-soft-dark:not(:disabled):not(.disabled).active
{
    color: #fff;
    border-color: #171347; 
    background-color: #171347;
}
.btn-soft-dark:not(:disabled):not(.disabled):active:focus,
.btn-soft-dark:not(:disabled):not(.disabled).active:focus
{
    box-shadow: none, 0 0 0 0 rgba(25, 24, 71, .5);
}
.btn-soft-neutral:not(:disabled):not(.disabled):active,
.btn-soft-neutral:not(:disabled):not(.disabled).active
{
    color: #273444;
    border-color: #fff; 
    background-color: #fff;
}
.btn-soft-neutral:not(:disabled):not(.disabled):active:focus,
.btn-soft-neutral:not(:disabled):not(.disabled).active:focus
{
    box-shadow: none, 0 0 0 0 rgba(223, 225, 227, .5);
}
.btn-soft-white:not(:disabled):not(.disabled):active,
.btn-soft-white:not(:disabled):not(.disabled).active
{
    color: #273444;
    border-color: #fff; 
    background-color: #fff;
}
.btn-soft-white:not(:disabled):not(.disabled):active:focus,
.btn-soft-white:not(:disabled):not(.disabled).active:focus
{
    box-shadow: none, 0 0 0 0 rgba(223, 225, 227, .5);
}
.btn-facebook:not(:disabled):not(.disabled):active,
.btn-facebook:not(:disabled):not(.disabled).active
{
    color: #fff;
    border-color: #293e6b; 
    background-color: #2d4474;
}
.btn-facebook:not(:disabled):not(.disabled):active:focus,
.btn-facebook:not(:disabled):not(.disabled).active:focus
{
    box-shadow: 0 0 0 rgba(59, 89, 153, .35);
}
.btn-twitter:not(:disabled):not(.disabled):active,
.btn-twitter:not(:disabled):not(.disabled).active
{
    color: #fff;
    border-color: #0b7ec4; 
    background-color: #0c85d0;
}
.btn-twitter:not(:disabled):not(.disabled):active:focus,
.btn-twitter:not(:disabled):not(.disabled).active:focus
{
    box-shadow: 0 0 0 rgba(29, 161, 242, .35);
}
.btn-google-plus:not(:disabled):not(.disabled):active,
.btn-google-plus:not(:disabled):not(.disabled).active
{
    color: #fff;
    border-color: #b7301f; 
    background-color: #c23321;
}
.btn-google-plus:not(:disabled):not(.disabled):active:focus,
.btn-google-plus:not(:disabled):not(.disabled).active:focus
{
    box-shadow: 0 0 0 rgba(221, 75, 57, .35);
}
.btn-instagram:not(:disabled):not(.disabled):active,
.btn-instagram:not(:disabled):not(.disabled).active
{
    color: #fff;
    border-color: #c81c3d; 
    background-color: #d31e40;
}
.btn-instagram:not(:disabled):not(.disabled):active:focus,
.btn-instagram:not(:disabled):not(.disabled).active:focus
{
    box-shadow: 0 0 0 rgba(228, 64, 95, .35);
}
.btn-pinterest:not(:disabled):not(.disabled):active,
.btn-pinterest:not(:disabled):not(.disabled).active
{
    color: #fff;
    border-color: #800513; 
    background-color: #8c0615;
}
.btn-pinterest:not(:disabled):not(.disabled):active:focus,
.btn-pinterest:not(:disabled):not(.disabled).active:focus
{
    box-shadow: 0 0 0 rgba(189, 8, 28, .35);
}
.btn-youtube:not(:disabled):not(.disabled):active,
.btn-youtube:not(:disabled):not(.disabled).active
{
    color: #fff;
    border-color: #961717; 
    background-color: #a11918;
}
.btn-youtube:not(:disabled):not(.disabled):active:focus,
.btn-youtube:not(:disabled):not(.disabled).active:focus
{
    box-shadow: 0 0 0 rgba(205, 32, 31, .35);
}
.btn-slack:not(:disabled):not(.disabled):active,
.btn-slack:not(:disabled):not(.disabled).active
{
    color: #fff;
    border-color: #2a7f61; 
    background-color: #2d8968;
}
.btn-slack:not(:disabled):not(.disabled):active:focus,
.btn-slack:not(:disabled):not(.disabled).active:focus
{
    box-shadow: 0 0 0 rgba(58, 175, 133, .35);
}
.btn-dribbble:not(:disabled):not(.disabled):active,
.btn-dribbble:not(:disabled):not(.disabled).active
{
    color: #fff;
    border-color: #dc1a65; 
    background-color: #e51e6b;
}
.btn-dribbble:not(:disabled):not(.disabled):active:focus,
.btn-dribbble:not(:disabled):not(.disabled).active:focus
{
    box-shadow: 0 0 0 rgba(234, 76, 137, .35);
}
.btn-github:not(:disabled):not(.disabled):active,
.btn-github:not(:disabled):not(.disabled).active
{
    color: #fff;
    border-color: #020202; 
    background-color: #090909;
}
.btn-github:not(:disabled):not(.disabled):active:focus,
.btn-github:not(:disabled):not(.disabled).active:focus
{
    box-shadow: 0 0 0 rgba(34, 34, 34, .35);
}
.btn-vimeo:not(:disabled):not(.disabled):active,
.btn-vimeo:not(:disabled):not(.disabled).active
{
    color: #fff;
    border-color: #0376b1; 
    background-color: #037fbe;
}
.btn-vimeo:not(:disabled):not(.disabled):active:focus,
.btn-vimeo:not(:disabled):not(.disabled).active:focus
{
    box-shadow: 0 0 0 rgba(4, 160, 240, .35);
}

.card
{
    position: relative;

    margin-bottom: 30px;

    box-shadow: 0 0 1.25rem rgba(31, 45, 61, .05);
}

.footer
{
    padding-top: 3rem; 

    background-color: #fff;
}
.footer .nav-link
{
    font-size: .875rem;
}
.footer .list-unstyled li a
{
    font-size: .875rem; 

    display: inline-block;

    padding: .125rem 0;
}

.footer-dark p
{
    color: rgba(255, 255, 255, .8);
}

.footer-dark .heading
{
    color: white;
}

.footer-dark .list-unstyled li a
{
    color: rgba(255, 255, 255, .8);
}
.footer-dark .list-unstyled li a:hover
{
    color: rgba(255, 255, 255, .9);
}

.footer-dark .copyright a
{
    color: rgba(255, 255, 255, .9);
}
.footer-dark .copyright a:hover
{
    color: white;
}

.footer-dark
{
    color: #a0aec0; 
    background-color: #273444;
}
.footer-dark .heading
{
    color: #eaecf3;
}
.footer-dark .nav .nav-item .nav-link,
.footer-dark .list-unstyled li a
{
    color: #a0aec0;
}
.footer-dark .nav .nav-item .nav-link:hover,
.footer-dark .list-unstyled li a:hover
{
    color: #fff;
}
.footer-dark hr
{
    border-color: rgba(216, 203, 187, .1);
}

.nav-link
{
    font-size: .875rem; 

    color: #4a5568;
}
.nav-link:hover
{
    color: #273444;
}

.navbar
{
    position: relative;
    z-index: 101;
}
.navbar .container
{
    position: relative;

    margin: 0 auto;
    padding-right: 15px; 
    padding-left: 15px;
}

.navbar-nav .nav-link
{
    font-size: 1rem;
    font-weight: 600;

    transition: all .15s linear; 
    letter-spacing: 0;
    text-transform: none;
}
@media (prefers-reduced-motion: reduce)
{
    .navbar-nav .nav-link
    {
        transition: none;
    }
}

.navbar
{
    transition: all .2s ease;
}
@media (prefers-reduced-motion: reduce)
{
    .navbar
    {
        transition: none;
    }
}

@media (max-width: 991.98px)
{
    .navbar-expand-lg .navbar-brand img
    {
        height: 1.75rem;
    }
    .navbar-expand-lg .navbar-nav:not(.flex-row) .nav-link
    {
        padding: .625rem 0;
    }
    .navbar-expand-lg .navbar-collapse
    {
        background: #fff;
    }
    .navbar-expand-lg .navbar-collapse .navbar-nav .nav-item .nav-link
    {
        color: rgba(31, 45, 61, .6);
    }
}

@media (min-width: 992px)
{
    .navbar-expand-lg .navbar-brand img
    {
        height: 1.75rem;
    }
    .navbar-expand-lg .navbar-nav .nav-link
    {
        padding-top: 1rem;
        padding-bottom: 1rem;

        border-radius: 0;
    }
}

h1,
h2,
.h1,
.h3
{
    font-weight: 600;
}

h5,
h6,
.h4
{
    font-weight: 600;
}

a
{
    transition: all .2s ease; 

    outline: none;
}
@media (prefers-reduced-motion: reduce)
{
    a
    {
        transition: none;
    }
}

.navbar
{
    position: relative;
    z-index: 101;
}
.navbar .container
{
    position: relative;

    margin: 0 auto;
    padding-right: 15px; 
    padding-left: 15px;
}

.navbar-nav .nav-link
{
    font-size: 1rem;
    font-weight: 600;

    transition: all .15s linear; 
    letter-spacing: 0;
    text-transform: none;
}
@media (prefers-reduced-motion: reduce)
{
    .navbar-nav .nav-link
    {
        transition: none;
    }
}

.navbar
{
    transition: all .2s ease;
}
@media (prefers-reduced-motion: reduce)
{
    .navbar
    {
        transition: none;
    }
}

@media (max-width: 991.98px)
{
    .navbar-expand-lg .navbar-brand img
    {
        height: 2.5rem;
    }
    .navbar-expand-lg .navbar-nav:not(.flex-row) .nav-link
    {
        padding: .625rem 0;
    }
    .navbar-expand-lg .navbar-collapse
    {
        background: #fff;
    }
    .navbar-expand-lg .navbar-collapse .navbar-nav .nav-item .nav-link
    {
        color: rgba(31, 45, 61, .6);
    }
}

@media (min-width: 992px)
{
    .navbar-expand-lg .navbar-brand img
    {
        height: 2.5rem;
    }
    .navbar-expand-lg .navbar-nav .nav-link
    {
        padding-top: 1rem;
        padding-bottom: 1rem;

        border-radius: 0;
    }
}

section
{
    background-color: #fff;
}

.slice
{
    position: relative;

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

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

.slice:not(.border-top):not(.border-bottom):not(.delimiter-bottom):not([class*='bg-']):not(.section-rotate) + .slice:not(.border-top):not(.border-bottom):not(.delimiter-top):not([class*='bg-'])
{
    padding-top: 0;
}

.shape-container
{
    position: absolute;
    z-index: 2;
    right: 0;
    left: 0;

    overflow: hidden; 

    width: 100%;

    transform: translateZ(0);
}
.shape-container svg
{
    display: block;

    vertical-align: baseline; 
    pointer-events: none;

    fill: #fff;
}

.shape-position-top
{
    top: 0;

    margin-top: -1px;
}

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

.shape-line
{
    min-height: 19px;
}