﻿
:root {
     --bs-border-width: 1px;
}
    /* --------------------------------------------------------------------------------------------------------------------------------------*/
    /* ------------------------------------------------------CHANGE BODY FONT SIZE-----------------------------------------------------------*/
    /* --------------------------------------------------------------------------------------------------------------------------------------*/
    body .font-md {
    font-size: 1.2rem;
}

body.font-l {
    font-size: 1.4rem;
}

body.font-xl {
    font-size: 1.6rem;
}

/* --------------------------------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------------------------------SEPARATORS-------------------------------------------------------------------*/
/* --------------------------------------------------------------------------------------------------------------------------------------*/

.separator {
    width: 100%;
    margin: 20px auto 15px;
    position: relative;
    height: 1px;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1, 1);
}

    .separator:after {
        height: 1px;
        background: #e8e8e8;
        background: -moz-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, transparent), color-stop(35%, rgba(0, 0, 0, 0.09)), color-stop(70%, rgba(0, 0, 0, 0.09)), color-stop(100%, transparent));
        background: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
        background: -o-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
        background: -ms-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
        background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
        position: absolute;
        bottom: -1px;
        content: "";
        width: 100%;
        left: 0;
    }

.dark-bg:not(.banner) .separator:after {
    background: #505050;
    background: -moz-linear-gradient(left, #373737 0%, #505050 35%, #505050 70%, #373737 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #373737), color-stop(35%, #505050), color-stop(70%, #505050), color-stop(100%, #373737));
    background: -webkit-linear-gradient(left, #373737 0%, #505050 35%, #505050 70%, #373737 100%);
    background: -o-linear-gradient(left, #373737 0%, #505050 35%, #505050 70%, #373737 100%);
    background: -ms-linear-gradient(left, #373737 0%, #505050 35%, #505050 70%, #373737 100%);
    background: linear-gradient(to right, #373737 0%, #505050 35%, #505050 70%, #373737 100%);
}

#footer.dark .separator:after {
    background: #505050;
    background: -moz-linear-gradient(left, #222222 0%, #505050 35%, #505050 70%, #222222 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #222222), color-stop(35%, #505050), color-stop(70%, #505050), color-stop(100%, #222222));
    background: -webkit-linear-gradient(left, #222222 0%, #505050 35%, #505050 70%, #222222 100%);
    background: -o-linear-gradient(left, #222222 0%, #505050 35%, #505050 70%, #222222 100%);
    background: -ms-linear-gradient(left, #222222 0%, #505050 35%, #505050 70%, #222222 100%);
    background: linear-gradient(to right, #222222 0%, #505050 35%, #505050 70%, #222222 100%);
}

.default-bg .separator:after,
.dark-translucent-bg .separator:after,
.default-translucent-bg .separator:after,
.light.separator:after {
    background: rgba(255, 255, 255, 0.5);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(35%, rgba(255, 255, 255, 0.5)), color-stop(70%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);
}

/* Medium devices (desktops, tablets, 992px and up) */
@media (min-width: 992px) {
    .two-col-translucent-bg .container > .row > div + div .separator:after {
        background: rgba(255, 255, 255, 0.5);
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(35%, rgba(255, 255, 255, 0.5)), color-stop(70%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);
        background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);
        background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);
    }
}

.light-translucent-bg .separator:after,
.two-col-translucent-bg .container > .row > div .separator:after,
.dark.separator:after {
    background: rgba(0, 0, 0, 0.5);
    background: -moz-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.4) 35%, rgba(0, 0, 0, 0.4) 70%, transparent 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, transparent), color-stop(35%, rgba(0, 0, 0, 0.4)), color-stop(70%, rgba(0, 0, 0, 0.4)), color-stop(100%, transparent));
    background: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.4) 35%, rgba(0, 0, 0, 0.4) 70%, transparent 100%);
    background: -o-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.4) 35%, rgba(0, 0, 0, 0.4) 70%, transparent 100%);
    background: -ms-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.4) 35%, rgba(0, 0, 0, 0.4) 70%, transparent 100%);
    background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.4) 35%, rgba(0, 0, 0, 0.4) 70%, transparent 100%);
}

h3 + .separator,
h4 + .separator,
h5 + .separator {
    margin-top: 15px;
}

.separator-2,
.separator-3 {
    width: 100%;
    margin-bottom: 15px;
    position: relative;
    height: 1px;
}

    .separator-2:after {
        height: 1px;
        background: #d1d1d1;
        background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.18)), color-stop(35%, rgba(0, 0, 0, 0.12)), color-stop(70%, rgba(0, 0, 0, 0.05)), color-stop(100%, transparent));
        background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
        background: -o-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
        background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
        background: linear-gradient(to right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
        position: absolute;
        bottom: -1px;
        left: 0px;
        content: "";
        width: 100%;
    }

.dark-bg .separator-2:after {
    background: #666666;
    background: -moz-linear-gradient(left, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #666666), color-stop(35%, #555555), color-stop(70%, #444444), color-stop(100%, #373737));
    background: -webkit-linear-gradient(left, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
    background: -o-linear-gradient(left, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
    background: -ms-linear-gradient(left, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
    background: linear-gradient(to right, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
}

#footer.dark .separator-2:after {
    background: #444444;
    background: -moz-linear-gradient(left, #444444 0%, #393939 35%, #323232 70%, #222222 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #444444), color-stop(35%, #393939), color-stop(70%, #323232), color-stop(100%, #222222));
    background: -webkit-linear-gradient(left, #444444 0%, #393939 35%, #323232 70%, #222222 100%);
    background: -o-linear-gradient(left, #444444 0%, #393939 35%, #323232 70%, #222222 100%);
    background: -ms-linear-gradient(left, #444444 0%, #393939 35%, #323232 70%, #222222 100%);
    background: linear-gradient(to right, #444444 0%, #393939 35%, #323232 70%, #222222 100%);
}

.light-translucent-bg .separator-2:after,
.two-col-translucent-bg .container > .row > div .separator-2:after,
.dark.separator-2:after {
    background: rgba(0, 0, 0, 0.5);
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, transparent 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.5)), color-stop(35%, rgba(232, 232, 232, 0.4)), color-stop(70%, rgba(232, 232, 232, 0.2)), color-stop(100%, transparent));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, transparent 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, transparent 100%);
    background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, transparent 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, transparent 100%);
}

.default-bg .separator-2:after,
.default-translucent-bg .separator-2:after,
.dark-translucent-bg .separator-2:after,
.light.separator-2:after {
    background: rgba(255, 255, 255, 0.5);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(35%, rgba(232, 232, 232, 0.4)), color-stop(70%, rgba(232, 232, 232, 0.2)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
}

/* Medium devices (desktops, tablets, 992px and up) */
@media (min-width: 992px) {
    .two-col-translucent-bg .container > .row > div + div .separator-2:after {
        background: rgba(255, 255, 255, 0.5);
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(35%, rgba(232, 232, 232, 0.4)), color-stop(70%, rgba(232, 232, 232, 0.2)), color-stop(100%, rgba(255, 255, 255, 0)));
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
        background: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
        background: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
    }
}

.separator-3:after {
    height: 1px;
    background: #d1d1d1;
    background: -moz-linear-gradient(right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
    background: -webkit-gradient(linear, right top, left top, color-stop(0%, rgba(0, 0, 0, 0.18)), color-stop(35%, rgba(0, 0, 0, 0.12)), color-stop(70%, rgba(0, 0, 0, 0.05)), color-stop(100%, transparent));
    background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
    background: -o-linear-gradient(right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
    background: -ms-linear-gradient(right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
    background: linear-gradient(to left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
    position: absolute;
    bottom: -1px;
    left: 0px;
    content: "";
    width: 100%;
}

.dark-bg .separator-3:after {
    background: #666666;
    background: -moz-linear-gradient(right, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
    background: -webkit-gradient(linear, right top, left top, color-stop(0%, #666666), color-stop(35%, #555555), color-stop(70%, #444444), color-stop(100%, #373737));
    background: -webkit-linear-gradient(right, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
    background: -o-linear-gradient(right, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
    background: -ms-linear-gradient(right, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
    background: linear-gradient(to left, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
}

#footer.dark .separator-3:after {
    background: #444444;
    background: -moz-linear-gradient(right, #444444 0%, #393939 35%, #323232 70%, #222222 100%);
    background: -webkit-gradient(linear, right top, left top, color-stop(0%, #444444), color-stop(35%, #393939), color-stop(70%, #323232), color-stop(100%, #222222));
    background: -webkit-linear-gradient(right, #444444 0%, #393939 35%, #323232 70%, #222222 100%);
    background: -o-linear-gradient(right, #444444 0%, #393939 35%, #323232 70%, #222222 100%);
    background: -ms-linear-gradient(right, #444444 0%, #393939 35%, #323232 70%, #222222 100%);
    background: linear-gradient(to left, #444444 0%, #393939 35%, #323232 70%, #222222 100%);
}

.light-translucent-bg .separator-3:after,
.two-col-translucent-bg .container > .row > div .separator-3:after,
.dark.separator-3:after {
    background: rgba(0, 0, 0, 0.5);
    background: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, transparent 100%);
    background: -webkit-gradient(linear, right top, left top, color-stop(0%, rgba(0, 0, 0, 0.5)), color-stop(35%, rgba(232, 232, 232, 0.4)), color-stop(70%, rgba(232, 232, 232, 0.2)), color-stop(100%, transparent));
    background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, transparent 100%);
    background: -o-linear-gradient(right, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, transparent 100%);
    background: -ms-linear-gradient(right, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, transparent 100%);
    background: linear-gradient(to left, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, transparent 100%);
}

.default-bg .separator-3:after,
.default-translucent-bg .separator-3:after,
.dark-translucent-bg .separator-3:after,
.light.separator-3:after {
    background: rgba(255, 255, 255, 0.5);
    background: -moz-linear-gradient(right, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, right top, left top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(35%, rgba(232, 232, 232, 0.4)), color-stop(70%, rgba(232, 232, 232, 0.2)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(right, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(right, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
}

/* Medium devices (desktops, tablets, 992px and up) */
@media (min-width: 992px) {
    .two-col-translucent-bg .container > .row > div + div .separator-3:after {
        background: rgba(255, 255, 255, 0.5);
        background: -moz-linear-gradient(right, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
        background: -webkit-gradient(linear, right top, left top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(35%, rgba(232, 232, 232, 0.4)), color-stop(70%, rgba(232, 232, 232, 0.2)), color-stop(100%, rgba(255, 255, 255, 0)));
        background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
        background: -o-linear-gradient(right, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
        background: -ms-linear-gradient(right, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
        background: linear-gradient(to left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
    }
}

.separator.with-icon {
    margin: 55px 0;
}

    .separator.with-icon:after {
        background: -moz-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 25%, transparent 45%, transparent 55%, rgba(0, 0, 0, 0.09) 75%, transparent 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, transparent), color-stop(25%, rgba(0, 0, 0, 0.09)), color-stop(45%, transparent), color-stop(55%, transparent), color-stop(75%, rgba(0, 0, 0, 0.09)), color-stop(100%, transparent));
        background: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 25%, transparent 45%, transparent 55%, rgba(0, 0, 0, 0.09) 75%, transparent 100%);
        background: -o-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 25%, transparent 45%, transparent 55%, rgba(0, 0, 0, 0.09) 75%, transparent 100%);
        background: -ms-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 25%, transparent 45%, transparent 55%, rgba(0, 0, 0, 0.09) 75%, transparent 100%);
        background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.09) 25%, transparent 45%, transparent 55%, rgba(0, 0, 0, 0.09) 75%, transparent 100%);
    }

.dark-bg:not(.banner) .separator.with-icon:after {
    background: -moz-linear-gradient(left, #373737 0%, #505050 25%, #373737 45%, #373737 55%, #505050 75%, #373737 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #373737), color-stop(25%, #505050), color-stop(45%, #373737), color-stop(55%, #373737), color-stop(75%, #505050), color-stop(100%, #373737));
    background: -webkit-linear-gradient(left, #373737 0%, #505050 25%, #373737 45%, #373737 55%, #505050 75%, #373737 100%);
    background: -o-linear-gradient(left, #373737 0%, #505050 25%, #373737 45%, #373737 55%, #505050 75%, #373737 100%);
    background: -ms-linear-gradient(left, #373737 0%, #505050 25%, #373737 45%, #373737 55%, #505050 75%, #373737 100%);
    background: linear-gradient(to right, #373737 0%, #505050 25%, #373737 45%, #373737 55%, #505050 75%, #373737 100%);
}

#footer.dark .separator.with-icon:after {
    background: #505050;
    background: -moz-linear-gradient(left, #222222 0%, #505050 25%, #222222 45%, #222222 55%, #505050 75%, #222222 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #222222), color-stop(25%, #505050), color-stop(45%, #222222), color-stop(55%, #222222), color-stop(75%, #505050), color-stop(100%, #222222));
    background: -webkit-linear-gradient(left, #222222 0%, #505050 25%, #222222 45%, #222222 55%, #505050 75%, #222222 100%);
    background: -o-linear-gradient(left, #222222 0%, #505050 25%, #222222 45%, #222222 55%, #505050 75%, #222222 100%);
    background: -ms-linear-gradient(left, #222222 0%, #505050 25%, #222222 45%, #222222 55%, #505050 75%, #222222 100%);
    background: linear-gradient(to right, #222222 0%, #505050 25%, #222222 45%, #222222 55%, #505050 75%, #222222 100%);
}

.default-bg .separator.with-icon:after,
.dark-translucent-bg .separator.with-icon:after,
.default-translucent-bg .separator.with-icon:after,
.light.separator.with-icon:after {
    background: rgba(255, 255, 255, 0.5);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 25%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0.5) 75%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.5)), color-stop(45%, rgba(255, 255, 255, 0)), color-stop(55%, rgba(255, 255, 255, 0)), color-stop(75%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 25%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0.5) 75%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 25%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0.5) 75%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 25%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0.5) 75%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 25%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0.5) 75%, rgba(255, 255, 255, 0) 100%);
}

.light-translucent-bg .separator.with-icon:after,
.dark.separator.with-icon:after {
    background: rgba(0, 0, 0, 0.5);
    background: -moz-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.4) 25%, transparent 45%, transparent 55%, rgba(0, 0, 0, 0.4) 75%, transparent 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, transparent), color-stop(25%, rgba(0, 0, 0, 0.4)), color-stop(45%, transparent), color-stop(55%, transparent), color-stop(75%, rgba(0, 0, 0, 0.4)), color-stop(100%, transparent));
    background: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.4) 25%, transparent 45%, transparent 55%, rgba(0, 0, 0, 0.4) 75%, transparent 100%);
    background: -o-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.4) 25%, transparent 45%, transparent 55%, rgba(0, 0, 0, 0.4) 75%, transparent 100%);
    background: -ms-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.4) 25%, transparent 45%, transparent 55%, rgba(0, 0, 0, 0.4) 75%, transparent 100%);
    background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.4) 25%, transparent 45%, transparent 55%, rgba(0, 0, 0, 0.4) 75%, transparent 100%);
}

.separator.with-icon i {
    font-size: 36px;
    position: absolute;
    width: 80px;
    height: 80px;
    text-align: center;
    left: 50%;
    top: 50%;
    margin-top: -40px;
    margin-left: -40px;
    line-height: 77px;
    z-index: 5;
}

    .separator.with-icon i.bordered {
        border-width: 1px;
        border-style: solid;
        border-color: rgba(0, 0, 0, 0.04);
        background-color: rgba(0, 0, 0, 0.02);
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
    }

.default-bg .separator.with-icon i.bordered,
.dark-translucent-bg .separator.with-icon i.bordered,
.default-translucent-bg .separator.with-icon i.bordered {
    border-color: rgba(255, 255, 255, 0.1);
    background-color: rgba(255, 255, 255, 0.05);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

@media (min-width: 768px) {
    .small-image {
        height: auto;
        width: 35%;
        padding-bottom: 5px;
        padding-left: 5px;
    }

    .small-image-footer {
        height: 70px;
        width: 50px;
        padding-top: 12px;
    }

    .small-logo-sidebar {
        width: 218px;
        padding-top: 5px;
        padding-bottom: 5px;
    }
}

@media (max-width: 768px) {
    .small-image {
        height: auto;
        width: 35%;
        padding-bottom: 5px;
        padding-left: 5px;
    }

    .small-image-footer {
        height: 70px;
        width: 50px;
        padding-bottom: 5px;
        padding-left: 5px;
    }

    .small-logo-sidebar {
        width: 218px;
        padding-top: 5px;
        padding-bottom: 5px;
    }
}

.loader {
    margin: 0 auto;
    width: 60px;
    height: 50px;
    text-align: center;
    font-size: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
}

    .loader > div {
        height: 100%;
        width: 8px;
        display: inline-block;
        float: left;
        margin-left: 2px;
        -webkit-animation: delay 0.8s infinite ease-in-out;
        animation: delay 0.8s infinite ease-in-out;
    }

    .loader .bar1 {
        background-color: #970000;
    }

    .loader .bar2 {
        background-color: #b10000;
        -webkit-animation-delay: -0.7s;
        animation-delay: -0.7s;
    }

    .loader .bar3 {
        background-color: #ca0000;
        -webkit-animation-delay: -0.6s;
        animation-delay: -0.6s;
    }

    .loader .bar4 {
        background-color: #e40000;
        -webkit-animation-delay: -0.5s;
        animation-delay: -0.5s;
    }

    .loader .bar5 {
        background-color: #fd0000;
        -webkit-animation-delay: -0.4s;
        animation-delay: -0.4s;
    }

    .loader .bar6 {
        background-color: #ff1818;
        -webkit-animation-delay: -0.3s;
        animation-delay: -0.3s;
    }

@-webkit-keyframes delay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.05);
    }

    20% {
        -webkit-transform: scaleY(1);
    }
}

@keyframes delay {
    0%, 40%, 100% {
        transform: scaleY(0.05);
        -webkit-transform: scaleY(0.05);
    }

    20% {
        transform: scaleY(1);
        -webkit-transform: scaleY(1);
    }
}

.vertical-center {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.pointer {
    cursor: pointer;
}

.text-blue {
    color: #1c7597 !important;
}

.btn-blue {
    color: #fff;
    background-color: #1c7597;
    border-color: #1c7597;
}

    .btn-blue:hover {
        color: #fff;
        background-color: #269dc9;
        border-color: #2494be;
    }

    .btn-blue:focus, .btn-blue.focus {
        box-shadow: 0 0 0 0.15rem rgba(88, 187, 224, 0.5);
    }

    .btn-blue.disabled, .btn-blue:disabled {
        color: #fff;
        background-color: #1c7597;
        border-color: #1c7597;
    }

    .btn-blue:not(:disabled):not(.disabled):active, .btn-blue:not(:disabled):not(.disabled).active,
    .show > .btn-blue.dropdown-toggle {
        color: #fff;
        background-color: #2494be;
        border-color: #228cb3;
    }

        .btn-blue:not(:disabled):not(.disabled):active:focus, .btn-blue:not(:disabled):not(.disabled).active:focus,
        .show > .btn-blue.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.15rem rgba(88, 187, 224, 0.5);
        }

/*-----------------------------------------------------------------------------*/

.bd-callout {
    padding: 1rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 1px solid #eee;
    border-left-width: .25rem;
    border-radius: .25rem
}

    .bd-callout h4 {
        margin-top: 0;
        margin-bottom: .25rem
    }

    .bd-callout p:last-child {
        margin-bottom: 0
    }

    .bd-callout code {
        border-radius: .25rem
    }

    .bd-callout + .bd-callout {
        margin-top: -.25rem
    }

.bd-callout-info {
    border-left-color: #2494be
}

    .bd-callout-info h4 {
        color: #2494be
    }

.bd-callout-warning {
    border-left-color: #f0ad4e
}

    .bd-callout-warning h4 {
        color: #f0ad4e
    }

.bd-callout-danger {
    border-left-color: #d9534f
}

    .bd-callout-danger h4 {
        color: #d9534f
    }

.bd-browser-bugs td p {
    margin-bottom: 0
}

.bd-browser-bugs th:first-child {
    width: 18%
}

pre {
    margin-bottom: 0 !important;
}

@font-face {
    font-family: 'Harabara Hand';
    src: url('../examples/harabarahand-1bed3ad7.eot#');
    src: url(data:application/x-font-woff;charset=utf-8;base64,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) format('woff'), url('../examples/harabarahand-2780d3c2.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

.box-color {
    height: 30px;
    width: 30px;
}

.banner-height-100 {
    height: 100vh !important;
    -webkit-background-size: 100% 50%;
    -moz-background-size: 100% 50%;
    -ms-background-size: 100% 50%;
    -o-background-size: 100% 50%;
    background-size: 100% 50%;
}

@supports ( -webkit-touch-callout : none) {
    .banner-height-75, .banner-height-100 {
        background-attachment: scroll;
        background-size: 100% 100%;
    }
}

@supports not ( -webkit-touch-callout : none) {
    .banner-height-75, .banner-height-100 {
        background-attachment: fixed;
    }
}

@media (min-width:576px) {
    .img-sm-logo {
        height: 4rem;
    }

    .banner-height-75 {
        height: 50vh !important;
        -webkit-background-size: 100% 50%;
        -moz-background-size: 100% 50%;
        -ms-background-size: 100% 50%;
        background-size: 100% 50%;
        -o-background-size: 100% 50%;
    }

    /*.banner-height-100 {
        height: 50vh !important;
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100% 100%;
        -ms-background-size: 100% 100%;
        background-size: 100% 100%;
        -o-background-size: 100% 100%;
    }*/
}

@media (min-width:768px) {
    .img-sm-logo {
        height: 4rem;
    }

    .banner-height-75 {
        height: 50vh !important;
        -webkit-background-size: 100% 50%;
        -moz-background-size: 100% 50%;
        -ms-background-size: 100% 50%;
        background-size: 100% 50%;
        -o-background-size: 100% 50%;
    }

    /*.banner-height-100 {
        height: 50vh !important;
        -webkit-background-size: 100% 50%;
        -moz-background-size: 100% 50%;
        -ms-background-size: 100% 50%;
        background-size: 100% 50%;
        -o-background-size: 100% 50%;
    }*/
}

@media (min-width:992px) {
    .img-sm-logo {
        height: 6rem;
    }

    .banner-height-75 {
        height: 75vh !important;
        -webkit-background-size: 100% 75%;
        -moz-background-size: 100% 75%;
        -ms-background-size: 100% 75%;
        background-size: 100% 75%;
        -o-background-size: 100% 75%;
    }

    .banner-height-100 {
        height: 100vh !important;
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100% 100%;
        -ms-background-size: 100% 100%;
        background-size: 100% 100%;
        -o-background-size: 100% 100%;
    }
}

@media (min-width:1200px) {
    .img-sm-logo {
        height: 6rem;
    }

    .banner-height-75 {
        height: 75vh !important;
        -webkit-background-size: 100% 75%;
        -moz-background-size: 100% 75%;
        -ms-background-size: 100% 75%;
        background-size: 100% 75%;
        -o-background-size: 100% 75%;
    }

    .banner-height-100 {
        height: 100vh !important;
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100% 100%;
        -ms-background-size: 100% 100%;
        background-size: 100% 100%;
        -o-background-size: 100% 100%;
    }
}

.el-paso-background {
    background: linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ), url(../Assets/Images/el-paso.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.bg-ttuhsc-campus {
    background: linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ), url(../Assets/Images/bg-ttuhsc-campus.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.min-height-300 {
    min-height: 300px;
}

.min-height-400 {
    min-height: 400px;
}

.min-height-600 {
    min-height: 600px;
}

.min-height-800 {
    min-height: 800px;
}

.loader {
    width: 100px;
    height: 150px;
    border: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.loader-text {
    color: #73879C;
}

#load-reports {
    display: flex;
    flex-direction: row;
}

    #load-reports div {
        height: 20px;
        width: 5px;
        background: #FE4A49;
        margin: 3px;
        border-radius: 25px;
    }

        #load-reports div:nth-child(1) {
            animation: load-reports 1s ease-in-out infinite 0s;
        }

        #load-reports div:nth-child(2) {
            animation: load-reports 1s ease-in-out infinite 0.1s;
        }

        #load-reports div:nth-child(3) {
            animation: load-reports 1s ease-in-out infinite 0.2s;
        }

        #load-reports div:nth-child(4) {
            animation: load-reports 1s ease-in-out infinite 0.3s;
        }

        #load-reports div:nth-child(5) {
            animation: load-reports 1s ease-in-out infinite 0.4s;
        }

        #load-reports div:nth-child(6) {
            animation: load-reports 1s ease-in-out infinite 0.5s;
        }

        #load-reports div:nth-child(7) {
            animation: load-reports 1s ease-in-out infinite 0.6s;
        }

@keyframes load-reports {
    0% {
        transform: scaleY(1);
        background: #FED766;
    }

    25% {
        background: #009FB7;
    }

    50% {
        transform: scaleY(2);
        background: #59CD90;
    }

    75% {
        background: #FE4A49;
    }

    100% {
        transform: scaleY(1);
        background: #D91E36;
    }
}

@media (max-width: 1200px) {
    .autocomplete-items {
        width: 600px;
    }
}

@media (min-width: 1200px) {
    .autocomplete-items {
        width: 700px;
    }
}

.autocomplete-items {
    position: absolute;
    z-index: 1000;
    top: 100%;
    left: 0;
    right: 0;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #e7eaed;
    border-radius: 0.25rem;
    box-shadow: 0 3px 10px #000000;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
}


.autocomplete-active {
    background-color: rgba(102,189,255, 0.5) !important;
    color: #ffffff !important;
}

.dt-buttons {
    position: relative;
    float: left;
}

.header-box {
    position: absolute;
    left: 50%;
    transform: translatex(-50%);
}

.table-group-divider {
    border-top: calc(var(--bs-border-width) * 2) solid currentcolor;
}

.text-lighter {
    font-weight: lighter !important;
}

.text-bold {
    font-weight: bold !important;
}

.text-bolder {
    font-weight: bolder !important;
}

.tox-promotion {
    display: none;
}

.tox-statusbar__branding {
    display: none;
}

.tox-tinymce.error {
    border-color: #e71a4b;
}

.tox-tinymce.success {
    border-color: #00803d;
}

.fc-icon {
    line-height: 0.9 !important;
}
