/* Globals */
::selection {background: #880000; color: #fff;}
::-moz-selection {background: #880000; color: #fff;}

/* Mobile Menu */
.secson_pop_mobile {text-align: left; font-family: "Charlotte Sans Small Caps", serif; font-weight: 600; text-transform: capitalize; list-style: none; padding: 0;}
.secson_pop_mobile li {padding: 3px 0;}
.secson_pop_mobile li > a {color: #fff; font-size: 22px; position: relative; margin: 5px 0; transition: all .3s ease-in-out;}
.secson_pop_mobile li > a:hover {color: #f1f1f1; text-decoration: none;}
.secson_pop_mobile .has-children {position: relative;}
.secson_pop_mobile .has-children .sub-menu {display: none; padding: 5px 0; margin-top: 5px;}
.secson_pop_mobile .has-children .sub-menu li {list-style: none;}
.secson_pop_mobile .has-children .sub-menu a {font-family: "Source Sans 3 Semi Bold", sans-serif; color: #87a0ab; font-size: 20px; text-transform: capitalize; transition: all .3s ease-in-out;}
.secson_pop_mobile .has-children .sub-menu a:hover {color: #f1f1f1;}
.secson_pop_mobile .sb-expand::after {font-family: 'Font Awesome 5 Free'; content: "\f107"; font-weight: 900; padding: 10px; color: #87a0ab; position: relative;}
.secson_pop_mobile .sb-expand:hover::after {cursor: pointer; color: #fff;}
.secson_pop_mobile .sb-expand:active::after {top: 2px;}

/* Nice Select */
.nice-select {width: 100% !important;}
.nice-select .list {width: 100% !important; height: 250px !important; overflow-y: scroll !important;}

/* Process Workflow */
.secson-process {overflow: hidden; padding: 2em 0; padding: var(--space-lg) 0; color: hsl(207, 10%, 55%); color: var(--cd-color-3); background-color: hsl(205, 38%, 93.45%); background-color: hsl(var(--cd-color-2-h), var(--cd-color-2-s), calc(var(--cd-color-2-l) * 1.05)); font-family: "Source Sans 3 Regular", sans-serif;}
.secson-process h2 {font-family: "Source Sans 3 Semi Bold", sans-serif; font-weight: 600;}
.secson-process__container {position: relative; padding: 1.25em 0; padding: var(--space-md) 0;}
.secson-process__container::before {content: ""; position: absolute; top: 0; left: 18px; height: 100%; width: 4px; background: hsl(205, 38%, 89%); background: var(--cd-color-2);}

@media (min-width: 63.9375rem) {
    .secson-process__container::before {left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
}

.secson-process__block {display: -ms-flexbox; display: flex; position: relative; z-index: 1; margin-bottom: 2em; margin-bottom: var(--space-lg);}
.secson-process__block:last-child {margin-bottom: 0;}

@media (min-width: 63.9375rem) {
    .secson-process__block:nth-child(even) {-ms-flex-direction: row-reverse; flex-direction: row-reverse;}
}

.secson-process__img {display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; width: 40px; height: 40px; border-radius: 50%; box-shadow: 0 0 0 4px hsl(0, 0%, 100%), inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05); box-shadow: 0 0 0 4px var(--color-white), inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);}
.secson-process__img img {width: 75px; height: 50px;}

@media (min-width: 63.9375rem) {
    .secson-process__img {width: 60px; height: 60px; -ms-flex-order: 1; order: 1; margin-left: calc(5% - 30px); will-change: transform;}
    .secson-process__block:nth-child(even) .secson-process__img {margin-right: calc(5% - 30px);}
}

.secson-process__content {-ms-flex-positive: 1; flex-grow: 1; position: relative; margin-left: 1.25em; margin-left: var(--space-md); background: #f1f1f1; border-radius: 0.25em; border-radius: var(--radius-md); padding: 25px;}
.secson-process__content::before {content: ""; position: absolute; top: 16px; right: 100%; width: 0; height: 0; border: 7px solid transparent; border-right-color: hsl(0, 0%, 100%); border-right-color: #f1f1f1;}
.secson-process__content h2 {color: #880000; margin-bottom: 15px;}

@media (min-width: 63.9375rem) {
    .secson-process__content {width: 45%; -ms-flex-positive: 0; flex-grow: 0; will-change: transform; margin: 0; font-size: 16px; --line-height-multiplier: 1.2;}
    .secson-process__content::before {top: 24px;}
    .secson-process__block:nth-child(odd) .secson-process__content::before {right: auto; left: 100%; width: 0; height: 0; border: 7px solid transparent; border-left-color: hsl(0, 0%, 100%); border-left-color: #f1f1f1;}
}

@media (max-width: 1024px) {
    .secson-process__content {margin-bottom: 35px;}
}

@media (min-width: 63.9375rem) {
    .secson-process__img--hidden,
    .secson-process__content--hidden {visibility: hidden;}
    .secson-process__img--bounce-in {-webkit-animation: cd-bounce-1 0.6s; animation: cd-bounce-1 0.6s;}
    .secson-process__content--bounce-in {-webkit-animation: cd-bounce-2 0.6s; animation: cd-bounce-2 0.6s;}
    .secson-process__block:nth-child(even) .secson-process__content--bounce-in {-webkit-animation-name: cd-bounce-2-inverse; animation-name: cd-bounce-2-inverse;}
}

@-webkit-keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@-webkit-keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@-webkit-keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.text-component {--component-body-line-height: calc(var(--body-line-height) * var(--line-height-multiplier, 1)); --component-heading-line-height: calc(var(--heading-line-height) * var(--line-height-multiplier, 1));}
.text-component h1,
.text-component h2,
.text-component h3,
.text-component h4 {line-height: 1.2; margin-bottom: 15px;}
.text-component h2,
.text-component h3,
.text-component h4 {margin-top: 0.75em; margin-top: calc(var(--space-sm) * var(--text-vspace-multiplier, 1));}
.text-component p,
.text-component blockquote,
.text-component ul li,
.text-component ol li {line-height: 1.4; line-height: var(--component-body-line-height);}
.text-component ul,
.text-component ol,
.text-component p,
.text-component blockquote,
.text-component .text-component__block {margin-bottom: 0.75em; margin-bottom: calc(var(--space-sm) * var(--text-vspace-multiplier, 1));}
.text-component ul,
.text-component ol {padding-left: 1em;}
.text-component ul {list-style-type: disc;}
.text-component ol {list-style-type: decimal;}
.text-component img {display: block; margin: 0 auto;}
.text-component figcaption {text-align: center; margin-top: 0.5em; margin-top: var(--space-xs);}
.text-component em {font-style: italic;}
.text-component hr {margin-top: 2em; margin-top: calc(var(--space-lg) * var(--text-vspace-multiplier, 1)); margin-bottom: 2em; margin-bottom: calc(var(--space-lg) * var(--text-vspace-multiplier, 1)); margin-left: auto; margin-right: auto;}
.text-component > *:first-child {margin-top: 0;}
.text-component > *:last-child {margin-bottom: 0;}
.text-component__block--full-width {width: 100vw; margin-left: calc(50% - 50vw);}

@media (min-width: 48rem) {
    .text-component__block--left,
    .text-component__block--right {width: 45%;}
    .text-component__block--left img,
    .text-component__block--right img {width: 100%;}
    .text-component__block--left {float: left; margin-right: 0.75em; margin-right: calc(var(--space-sm) * var(--text-vspace-multiplier, 1));}
    .text-component__block--right {float: right; margin-left: 0.75em; margin-left: calc(var(--space-sm) * var(--text-vspace-multiplier, 1));}
}
@media (min-width: 90rem) {
    .text-component__block--outset {width: calc(100% + 10.5em); width: calc(100% + 2 * var(--space-xxl));}
    .text-component__block--outset img {width: 100%;}
    .text-component__block--outset:not(.text-component__block--right) {margin-left: -5.25em; margin-left: calc(-1 * var(--space-xxl));}
    .text-component__block--left,
    .text-component__block--right {width: 50%;}
    .text-component__block--right.text-component__block--outset {margin-right: -5.25em; margin-right: calc(-1 * var(--space-xxl));}
}

/* Footer */
.lux_footer {font-family: "Source Sans 3 Regular", sans-serif; background-color: #880000; color: #fff; font-size: 18px; padding: 20px 20px 10px;}
.lux_footer__inner {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; max-width: 1140px; margin: auto;}
.lux_footer .dev span {position: relative; bottom: 13px;}
.lux_footer .lux_logo {width: 120px; height: 30px; opacity: 1; margin-left: 15px; transition: all .3s ease-in-out;}
.lux_footer .lux_logo:hover {opacity: 0.8;}

@media screen and (max-width: 767px) {
    .lux_footer__inner {flex-direction: column; align-items: center;}
    .lux_footer .copyright {text-align: center; margin: auto;}
    .lux_footer .dev {text-align: center; margin: 10px auto 0;}
}