:root {
    --brand-red: #E11B22;
    --brand-blue: #1F3564;
    --brand-light-blue: #3B82F6;
    --brand-dark: #1A1F2C;
    --brand-light: #F8FAFC;
    --brand-gray: #64748B
}

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

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

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

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

.btn-primary {
    background-color: var(--brand-blue);
    border-color: var(--brand-blue)
}

.btn-primary:hover,.btn-primary:focus {
    background-color: #183057;
    border-color: #183057
}

.btn-danger {
    background-color: var(--brand-red);
    border-color: var(--brand-red)
}

.btn-danger:hover,.btn-danger:focus {
    background-color: #c9181e;
    border-color: #c9181e
}

.btn-outline-primary {
    color: var(--brand-blue);
    border-color: var(--brand-blue)
}

.btn-outline-primary:hover,.btn-outline-primary:focus {
    background-color: var(--brand-blue);
    border-color: var(--brand-blue)
}

.border-primary {
    border-color: var(--brand-blue)!important
}

.border-danger {
    border-color: var(--brand-red)!important
}

.bg-gradient {
    background: linear-gradient(to bottom,#f8f9fa,#fff)
}

.bg-gradient-dark {
    background: linear-gradient(to top,rgba(0,0,0,.7),transparent)
}

.hover-shadow {
    transition: all .3s ease
}

.hover-shadow:hover {
    box-shadow: 0 .5rem 1rem #00000026!important
}

.hover-text-white:hover {
    color: #fff!important
}
section:before {
	content: '';
    display: block;
    position: relative;   
	height:50px;
}