:root {
    --primary: #4697CB;
    --primary-medium: #3c80ac;
    --primary-bold: #00263C;
    --secondary: #F88D2B;
    --secondary-bold: #804D00;
    --danger: #D43328;
    --warning: #FED621;
    --success: #45AD3A;
    --black: #262730;
    --black-medium: #555555;
    --black-light: #707070;
    --black-xlight: #808080;
    --black-xxlight: #e1e1e1;
    --black-bold: #212021;
    --white: #ffffff;
    --light: #f5f5f5;
}

.line-height-1 {
    line-height: 1 !important;
}

.line-height-15 {
    line-height: 1.5 !important;
}

.row-md {
    margin-left: -8px;
    margin-right: -8px;
}

.row-md > [class^="col-"] {
    padding-left: 8px;
    padding-right: 8px;
}

.row-sm {
    margin-left: -5px;
    margin-right: -5px;
}

.row-sm > [class^="col-"] {
    padding-left: 5px;
    padding-right: 5px;
}

.vertically-align {
    display: flex;
    align-items: center;
}

.text-warning {
    color: var(--warning) !important;
}

.text-danger {
    color: var(--danger) !important;
}

.text-success {
    color: var(--success) !important;
}

.text-primary {
    color: var(--primary) !important;
}

.text-secondary {
    color: var(--secondary) !important;
}

.text-dark {
    color: var(--black) !important;
}

.text-muted {
    color: var(--black-medium) !important;
}

small, .small {
    font-size: 13px;
}

.caption {
    font-size: 14px;
}

.bg-light {
    background-color: var(--light) !important;
}

.bg-warning {
    background-color: var(--warning) !important;
}

.bg-danger {
    background-color: var(--danger) !important;
}

.bg-success {
    background-color: var(--success) !important;
}

.bg-primary {
    background-color: var(--primary) !important;
}

.bg-secondary {
    background-color: var(--secondary) !important;
}

a {
    color: var(--primary);
}

a:hover {
    color: var(--primary-medium);
    text-decoration: none;
}

.link-dark {
    color: var(--black-bold);
}

.link-dark:hover {
    color: var(--black);
    text-decoration: none;
}

a.text-secondary:focus, a.text-secondary:hover {
    color: var(--secondary) !important;
}

.btn {
    padding: 0.75rem 2rem;
    font-family: Barlow-Bold;
    font-size: 18px;
}

.btn-primary {
    text-transform: uppercase;
    color: var(--white);
    background: linear-gradient(90deg, var(--secondary-bold), var(--secondary));
    border: none !important;
}

.btn-primary:hover {
    background: linear-gradient(90deg, var(--secondary), var(--secondary));
}

.btn-primary:focus, .btn-primary.focus {
    background: linear-gradient(90deg, var(--secondary), var(--secondary-bold));
    box-shadow: none;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: none;
}

.btn-secondary {
    color: var(--secondary);
    background-color: var(--white);
    border-color: var(--white);
}

.btn-secondary:hover {
    background-color: var(--secondary);
    color: var(--white);
    border-color: transparent;
}

.btn-secondary:focus, .btn-secondary.focus {
    background-color: var(--secondary);
    border-color: var(--secondary);
    color: var(--white);
    box-shadow: none;
}

.btn-secondary.disabled, .btn-secondary:disabled {
    background-color: var(--secondary-bold);
    border-color: var(--secondary-bold);
    color: var(--light);
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
    background-color: var(--secondary);
    border-color: var(--secondary);
}

.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: none;
}

.page-link {
    color: var(--primary);
}

.tiny-display ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.tiny-display ul li {
    display: flex;
    align-items: flex-start;
    position: relative;
}

.tiny-display ul li + li {
    margin-top: 1rem;
}

.tiny-display ul li::before {
    content: '';
    left: 0;
    margin-right: 15px;
    width: 1.5rem;
    height: 1.5rem;
    background: url("../icons/icon-check.svg") no-repeat center;
    background-size: cover;
    flex: none;
    margin-top: 5px;
}

@media (min-width: 992px) {
    .tiny-display ul li::before {
        margin-right: 1.5rem;
    }

    .tiny-display ul li + li {
        margin-top: 1.25rem;
    }
}

.tiny-display img {
    max-width: 100%;
    height: auto;
}


.preloader {
    background-color: #f6f5ef;
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    z-index: 10000000000;
}