:root {
    --blue: #2592f9;
    --indigo: #5603ad;
    --purple: #801096;
    --pink: #e36397;
    --red: #f03;
    --orange: #ff3b00;
    --yellow: #ffd600;
    --green: #00c759;
    --teal: #17c1f4;
    --cyan: #4bd6e5;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --light: #ced4da;
    --lighter: #f5f9fb;
    --primary: #510fa8;
    --secondary: #f5f9fc;
    --success: #00c759;
    --info: #17c1f4;
    --warning: #ff3b00;
    --danger: #f03;
    --light: #ced4da;
    --dark: #05172a;
    --white: #fff;
    --darker: #020b13;
    --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, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
    --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%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

@-ms-viewport {
    width: device-width;
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block;
}

body {
    font-family: 'Nunito', sans-serif;
    font-size: .9375rem;
    font-weight: 400;
    line-height: 1.7;
    margin: 0;
    text-align: left;
    color: #495057;
    background-color: #fff;
}


footer {
    background-color: #fff;
}

.footer .list-unstyled li a {
    display: inline-block;

    padding: .125rem 0;
}

.footer-dark {
    color: #adb5bd;
    background-color: #020b13;
}

.footer-dark .heading {
    color: #e9ecef;
}

.footer-dark .nav .nav-item .nav-link,
.footer-dark .list-unstyled li a,
.footer-dark .footer-link {
    color: #adb5bd;
}

.footer-dark .nav .nav-item .nav-link:hover,
.footer-dark .list-unstyled li a:hover,
.footer-dark .footer-link:hover {
    color: #fff;
}

.footer-dark hr {
    border-color: rgba(253, 244, 236, .1);
}

/* Form controls */
.form-control:focus::-webkit-input-placeholder {
    color: #adb5bd;
}

.form-control:focus:-ms-input-placeholder {
    color: #adb5bd;
}

.form-control:focus::-ms-input-placeholder {
    color: #adb5bd;
}

.form-control:focus::placeholder {
    color: #adb5bd;
}

.form-control.border-0,
.form-control.border-0:focus {
    box-shadow: none;
}

/* Textareas */
textarea[resize='none'] {
    resize: none !important;
}

textarea[resize='both'] {
    resize: both !important;
}

textarea[resize='vertical'] {
    resize: vertical !important;
}

textarea[resize='horizontal'] {
    resize: horizontal !important;
}

/* Form control sizing */
.form-control-xl {
    font-size: 1.40625rem;
    line-height: 1.5;

    padding: 1.15rem 1rem;

    border-radius: .35rem;
}

/* Alternative styles */
.form-control-muted {
    border-color: #edf0f5;
    background-color: #edf0f5;
}

.form-control-muted:focus {
    background-color: #edf0f5;
}

.form-control-emphasized {
    border-color: #fff;
    background-color: #fff;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .1);
}

.form-control-emphasized:focus {
    border-color: transparent;
    background-color: #fff;
    box-shadow: 0 0 0 2px #510fa8;
}


main {
    display: block;
    margin: 0;
}


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

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

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

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

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

.menu-divider {
    height: 3rem;
    background-color: rgba(0, 0, 0, .1);
    border: solid rgba(0, 0, 0, .15);
    border-width: 1px 0;
    box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}




/*-------------------------------*/

.form-field-separator {
    position:relative;
    text-align:center;
}
.form-field-separator:after {
    content:"";
    position:absolute;
    top:50%;
    left:0;
    width:100%;
    height:1px;
    background:#ced4da
}
.form-field-separator-text {
    position:relative;
    z-index:1;
    padding:0 25px;
    font-size:1rem;
    background:#fff
}

/*-------------------------------*/