One Hat Cyber Team

Edit File: _style.scss

body {
    -webkit-font-smoothing: antialiased;
}

main {
    position: relative;
}

p {
    color: #77838f;
    line-height: 1.7;
}

h4, h5, h6, .h4, .h5, .h6 {
    font-weight: 500;
}

h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a, .h1 > a, .h2 > a, .h3 > a, .h4 > a, .h5 > a, .h6 > a {
    color: #3b444f;
}

h1 > a:hover, h2 > a:hover, h3 > a:hover, h4 > a:hover, h5 > a:hover, h6 > a:hover, .h1 > a:hover, .h2 > a:hover, .h3 > a:hover, .h4 > a:hover, .h5 > a:hover, .h6 > a:hover {
    color: #1b527c;
}

h1.text-white > a, h2.text-white > a, h3.text-white > a, h4.text-white > a, h5.text-white > a, h6.text-white > a, .h1.text-white > a, .h2.text-white > a, .h3.text-white > a, .h4.text-white > a, .h5.text-white > a, .h6.text-white > a {
    color: #fff;
}

figure {
    margin-bottom: 0;
}

strong {
    font-weight: 500;
}

svg {
    margin-bottom: -0.4375rem;
    vertical-align: baseline;
}

table th {
    font-weight: 500;
}

.fa, .fas {
    font-weight: 900;
}

/*------------------------------------
  Highlight Color
------------------------------------*/

::-moz-selection, ::selection {
    color: #fff;
    background-color: #297cbb;
}

.bg-primary {
    ::-moz-selection, ::selection {
        color: #297cbb;
        background-color: #fff;
    }
}

/*------------------------------------
  Text-Decoration
------------------------------------*/

.text-decoration-on-hover:hover {
    text-decoration: underline !important;
}

/*------------------------------------
  Accessibility
------------------------------------*/

:focus, a:focus, button:focus {
    outline: 0;
}

.form-control:focus {
    box-shadow: 0 0 0 0 transparent;
}

.btn {
    &:focus, &.focus {
        box-shadow: 0 0 0 0 transparent;
    }

&:not(:disabled):not(.disabled) {
        &:active:focus, &.active:focus {
            box-shadow: 0 0 0 0 transparent;
        }
    }

&:not([disabled]):not(.disabled) {
        &:active, &.active {
            box-shadow: 0 0 0 0 transparent;
        }
    }

&:not(:disabled):not(.disabled) {
        &:active:focus, &.active:focus {
            box-shadow: 0 0 0 0 transparent;
        }
    }
}

.show > .btn.dropdown-toggle:focus, .custom-select:focus, .page-link:focus {
    box-shadow: 0 0 0 0 transparent;
}

.custom-control-input {
    &:checked ~ .custom-control-label::before, &:focus ~ .custom-control-label::before, &:active ~ .custom-control-label::before {
        box-shadow: 0 0 0 0 transparent;
    }
}

.custom-file-input:focus ~ .custom-file-label {
    box-shadow: 0 0 0 0 transparent;
}

.bootstrap-select .dropdown-toggle:focus {
    outline: 0 !important;
}

/*------------------------------------
  Print styles
------------------------------------*/
@media print {
    header, footer, .btn {
        display: none;
    }
}

/*------------------------------------
  Skippy
------------------------------------*/

.u-skippy {
    display: none;
}

/*-------------------------------------------*\
    2.4. List Group
\*-------------------------------------------*/

.list-group {
    list-style: none;

.list-group {
        margin-left: 1rem;
    }

.list-group-item {
        font-size: 1rem;
    }

.list-group-icon {
        min-width: 1rem;
        max-width: 1rem;
        color: #77838f;
        text-align: center;
        margin-right: .5rem;
    }

.active > {
        .list-group-item {
            color: #297cbb;
        }

.list-group-text {
            color: #fff;
        }
    }

.disabled .u-icon {
        color: #77838f;
        background-color: rgba(119, 131, 143, 0.1);
    }
}

/* Border Radius */

.list-group-rounded-0 .list-group-item {
    &:first-child {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

&:last-child {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }
}

/* Transparent */

.list-group-transparent .list-group-item {
    border-color: transparent;
    background-color: transparent;
}

/* White */

.list-group-white {
    .list-group-item, .list-group-item-action, .list-group-item[href], .list-group-item-action[href] {
        color: #c1c1c1;
    }

.list-group-item[href]:hover, .list-group-item-action[href]:hover {
        color: #297cbb;
    }

&.list-group-striped .list-group-item:nth-child(even) {
        background-color: rgba(255, 255, 255, 0.1);
    }

.active > .list-group-item {
        color: #fff;
    }
}

/* Flush */

.list-group-flush .list-group-item {
    padding-left: 0;
    padding-right: 0;

&.active {
        color: #297cbb;
        background-color: transparent;
        border-color: transparent;
    }
}

/* Borderless */

.list-group-borderless .list-group-item {
    border: none;
}

/* Striped */

.list-group-striped .list-group-item:nth-child(even) {
    background-color: #f8fafd;
}

.custom-social-share a {
    transition: all 0.2s ease-in-out;

&:hover {
        border-color: #297cbb !important;
        background-color: #297cbb !important;

i {
            color: #fff !important;
        }
    }
}

/*-------------------------------------------*\
    2.5. Headers
\*-------------------------------------------*/
/*------------------------------------
  Header Default
------------------------------------*/

.u-header {
    position: relative;
    right: 0;
    left: 0;
    width: 100%;
    z-index: 1001;
}

.u-header__section {
    position: relative;
    z-index: 1;
    background-color: #fff;
    box-shadow: 0 1px 10px rgba(151, 164, 175, 0.1);
}

.u-header__section-divider {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.u-header__shadow-on-show-hide {
    box-shadow: none;
}

.js-header-fix-moment .u-header__shadow-on-show-hide {
    box-shadow: 0 1px 10px rgba(151, 164, 175, 0.1);
}

.u-header__login-form {
    .form-control {
        font-size: 0.875rem;
        height: 3.125rem;
        color: #67747c;

&::-webkit-input-placeholder, &::-moz-placeholder, &:-ms-input-placeholder, &::-ms-input-placeholder, &::placeholder {
            color: #67747c;
        }
    }

.input-group-text {
        color: #dce3ec;

> span {
            line-height: 1;
        }
    }

.card-header {
        padding: 1.41rem;
        border-bottom-color: #ebf0f7;
    }

.card-body, .card-footer__top {
        padding-left: 4.375rem;
        padding-right: 4.375rem;
    }

.card-footer {
        border-top-color: #ebf0f7;
    }

.custom-control-label {
        color: #67747c;

&:before {
            border-width: 2px;
            border-color: #ebf0f7;
        }
    }
}

.u-header__topbar [class*="u-header__topbar-nav-divider"] .list-inline-item + .list-inline-item {
    position: relative;

.u-header__navbar-link:before {
        content: '';
        background-color: #fff;
        position: absolute;
        width: 1px;
        height: 30px;
        left: -1px;
        display: block;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

[class*="u-header--bg-transparent"] .u-header__topbar [class*="u-header__topbar-nav-divider"] .list-inline-item + .list-inline-item .u-header__navbar-link:before {
    opacity: 0.149;
}

.u-header__topbar [class*="u-header__topbar-divider"]:not(.list-inline) {
    position: relative;

&:before {
        content: '';
        background-color: #fff;
        position: absolute;
        width: 1px;
        height: 30px;
        left: 0;
        display: block;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

[class*="u-header--bg-transparent"] .u-header__topbar [class*="u-header__topbar-divider"]:not(.list-inline):before {
    opacity: 0.149;
}

.u-header__topbar {
    .u-header__topbar-divider--dark:not(.list-inline):before, .u-header__topbar-nav-divider--dark .list-inline-item + .list-inline-item .u-header__navbar-link:before {
        background-color: #ebf0f7;
    }

.list-inline-item:first-child .u-header__navbar-link {
        padding-left: 0;
    }

.dropdown-menu {
        min-width: 4.375rem;
        padding: 0.438rem 0;
    }

.dropdown-item {
        padding: 0.125rem 0.313rem;
        text-align: center;
    }

&[class*="bg-"] .u-header__navbar-link {
        padding-top: 0.875rem;
        padding-bottom: 0.875rem;
    }
}

.u-header {
    &:not([class*="u-header--bg-transparent"]) {
        [class*="u-header__topbar-divider"]:before, [class*="u-header__topbar-nav-divider"] .list-inline-item + .list-inline-item .u-header__navbar-link:before {
            height: 20px;
        }
    }

[class*="u-header__search"] .form-control:focus {
        padding-right: 0.5rem !important;
    }
}

.u-header__divider {
    position: relative;

&:before {
        content: '';
        background-color: #ebf0f7;
        position: absolute;
        width: 1px;
        height: 50px;
        top: 50%;
        left: 0;
        display: block;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

&.u-header__divider-right:before {
        left: unset;
        right: 0;
    }
}

@media (min-width: 576px) {
    .u-header__divider-sm {
        position: relative;

&:before {
            content: '';
            background-color: #ebf0f7;
            position: absolute;
            width: 1px;
            height: 50px;
            top: 50%;
            left: 0;
            display: block;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

&.u-header__divider-right:before {
            left: unset;
            right: 0;
        }
    }
}

@media (min-width: 768px) {
    .u-header__divider-md {
        position: relative;

&:before {
            content: '';
            background-color: #ebf0f7;
            position: absolute;
            width: 1px;
            height: 50px;
            top: 50%;
            left: 0;
            display: block;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

&.u-header__divider-right:before {
            left: unset;
            right: 0;
        }
    }
}

@media (min-width: 992px) {
    .u-header__divider-lg {
        position: relative;

&:before {
            content: '';
            background-color: #ebf0f7;
            position: absolute;
            width: 1px;
            height: 50px;
            top: 50%;
            left: 0;
            display: block;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

&.u-header__divider-right:before {
            left: unset;
            right: 0;
        }
    }
}

@media (min-width: 1200px) {
    .u-header__divider-xl {
        position: relative;

&:before {
            content: '';
            background-color: #ebf0f7;
            position: absolute;
            width: 1px;
            height: 50px;
            top: 50%;
            left: 0;
            display: block;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

&.u-header__divider-right:before {
            left: unset;
            right: 0;
        }
    }
}

@media (min-width: 1480px) {
    .u-header__divider-wd {
        position: relative;

&:before {
            content: '';
            background-color: #ebf0f7;
            position: absolute;
            width: 1px;
            height: 50px;
            top: 50%;
            left: 0;
            display: block;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

&.u-header__divider-right:before {
            left: unset;
            right: 0;
        }
    }
}

@media (max-width: 575.98px) {
    .u-header__search, .u-header__topbar, .u-header__last-item-btn {
        display: none;
    }
}

@media (max-width: 767.98px) {
    .u-header__search-sm, .u-header__topbar-sm, .u-header__last-item-btn-sm {
        display: none;
    }
}

@media (max-width: 991.98px) {
    .u-header__search-md, .u-header__topbar-md, .u-header__last-item-btn-md {
        display: none;
    }
}

@media (max-width: 1199.98px) {
    .u-header__search-lg, .u-header__topbar-lg, .u-header__last-item-btn-lg {
        display: none;
    }
}

@media (max-width: 1479.98px) {
    .u-header__search-xl, .u-header__topbar-xl, .u-header__last-item-btn-xl {
        display: none;
    }
}

.u-header__search-wd, .u-header__topbar-wd, .u-header__last-item-btn-wd {
    display: none;
}

.u-header .hs-sub-menu-right {
    right: 0;
    left: unset;
}

/* Navbar */

.u-header__navbar {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0;
    padding-right: 0;
}

/* Navbar Space */
@media (max-width: 991.98px) {
    .u-header .u-header__navbar.u-header__navbar--top-space {
        padding-top: 0.25rem;
    }
}

/* Navbar Brand */
@media (max-width: 767.98px) {
    .u-header__navbar-brand {
        margin-right: 0.625rem;
    }
}

.u-header__navbar-brand {
    padding-top: 0;
    padding-bottom: 0;
    width: auto;

> img {
        padding-top: 0;
        padding-bottom: 0;
        width: auto;
    }
}

.u-header__navbar-brand-center {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.u-header__navbar-brand-vertical {
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2.5rem;

.u-header__navbar-brand-text {
        display: block;
        margin-left: 0;
    }
}

.u-header__navbar-brand-text {
    font-size: 1.75rem;
    margin-left: 0.875rem;
    color: #297cbb;

&:focus, &:hover {
        color: #297cbb;
    }
}

@media (max-width: 767.98px) {
    .u-header__navbar-brand-text {
        font-size: 1.438rem !important;
    }
}

.u-header__navbar-brand-text-md .u-header__navbar-brand-text {
    font-size: 1.5rem;
    margin-left: 0.75rem;
}

.u-header__navbar-brand-text {
    font-weight: 700;
}

.u-header__navbar-brand-text-white .u-header__navbar-brand-text {
    color: #fff;

&:focus, &:hover {
        color: #fff;
    }
}

.u-header:not(.js-header-fix-moment) .u-header__navbar-brand-text-dark [class*="u-header__navbar-brand-text"] {
    color: #3b444f;

&:focus, &:hover {
        color: #3b444f;
    }
}

@media (min-width: 576px) {
    .u-header:not(.js-header-fix-moment) .u-header__navbar-brand-text-dark-sm [class*="u-header__navbar-brand-text"] {
        color: #3b444f;

&:focus, &:hover {
            color: #3b444f;
        }
    }
}

@media (min-width: 768px) {
    .u-header:not(.js-header-fix-moment) .u-header__navbar-brand-text-dark-md [class*="u-header__navbar-brand-text"] {
        color: #3b444f;

&:focus, &:hover {
            color: #3b444f;
        }
    }
}

@media (min-width: 992px) {
    .u-header:not(.js-header-fix-moment) .u-header__navbar-brand-text-dark-lg [class*="u-header__navbar-brand-text"] {
        color: #3b444f;

&:focus, &:hover {
            color: #3b444f;
        }
    }
}

@media (min-width: 1200px) {
    .u-header:not(.js-header-fix-moment) .u-header__navbar-brand-text-dark-xl [class*="u-header__navbar-brand-text"] {
        color: #3b444f;

&:focus, &:hover {
            color: #3b444f;
        }
    }
}

@media (min-width: 1480px) {
    .u-header:not(.js-header-fix-moment) .u-header__navbar-brand-text-dark-wd [class*="u-header__navbar-brand-text"] {
        color: #3b444f;

&:focus, &:hover {
            color: #3b444f;
        }
    }
}

/* Navbar Collapse */

.u-header__navbar-collapse {
    padding-top: 0;
    padding-bottom: 0;
}

/* Navbar Link */

.u-header__navbar-link {
    color: #77838f;
    font-size: 0.875rem;
    font-weight: 300;
    padding-left: 1.281rem;
    padding-right: 1.281rem;
    display: inline-block;
    padding-top: 0.594rem;
    padding-bottom: 0.594rem;
}

.list-inline-dark .u-header__navbar-link {
    color: #3b444f;
}

/* Nav Item */

.u-header .u-header__nav-item:first-child .u-header__nav-link {
    padding-left: 0;
}

.u-header__nav-item {
    &:hover .u-header__nav-link, &:focus .u-header__nav-link {
        color: #297cbb;
    }
}

/* Nav Link */

.u-header .active > .u-header__nav-link {
    color: #297cbb;
}

.u-header__nav-link {
    color: #67747c;
    font-weight: 500;
}

.u-header--nav-links-normal .u-header__nav-link {
    font-weight: 400;
}

.u-header__nav-link-toggle {
    position: relative;

&::after {
        display: inline-block;
        font-family: "FontAwesome";
        font-size: 14px;
        font-weight: 900;
        content: "\f107";
        margin-left: 0.75rem;
        transition: 0.3s ease;
    }
}

[class*="u-header--bg-transparent"]:not(.js-header-fix-moment) {
    .hs-sub-menu-opened .u-header__nav-link:before, .hs-mega-menu-opened .u-header__nav-link:before {
        position: absolute;
        display: block;
        pointer-events: none;
        border: 10px solid transparent;
        border-bottom-color: #fff;
        content: '';
        height: 0;
        width: 0;
        left: 50%;
        top: 100%;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-animation-name: slideInUp;
        animation-name: slideInUp;
        -webkit-animation-duration: 210ms;
        animation-duration: 210ms;
    }
}

/* Sub Menu */

.u-header__sub-menu {
    width: 100%;
    padding-left: 0;
    list-style: none;
}

.u-header__sub-menu-nav-group {
    padding-left: 0;
    list-style: none;
}

.u-header__sub-menu-nav-link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1rem;
    color: #67747c;
}

.u-header__sub-menu-nav-link-toggle {
    position: relative;

&::after {
        display: inline-block;
        font-family: "FontAwesome";
        font-size: 80%;
        font-weight: 900;
        content: "\f105";
        margin-left: auto;
        margin-right: .04rem;
        transition: 0.3s ease;
    }
}

.u-header__sub-menu .active > .u-header__sub-menu-nav-link {
    color: #297cbb;
}

.u-header__sub-menu-title {
    display: block;
    color: #3b444f;
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 0.5rem;
}

/* Promo */

.u-header__promo {
    background-color: #f8fafd;
}

.u-header__promo-inner {
    padding: 2rem;
}

.u-header__promo-item {
    margin-left: 1.5rem;
    margin-right: 1.5rem;

~ .u-header__promo-item {
        border-top: 1px solid #e7eaf3;
    }
}

.u-header__promo-link {
    display: block;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;

&:hover .u-header__promo-title {
        color: #297cbb;
    }
}

.u-header__promo-card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
}

.u-header__promo-card-deck {
    display: block;

&:not(:last-child) .u-header__promo-item {
        border-bottom: 1px solid #e7eaf3;
    }

.u-header__promo-item {
        border-top: none;
    }
}

.u-header__promo-card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.u-header__promo-icon {
    width: 100%;
    max-width: 2.75rem;
    margin-right: 1rem;
}

.u-header__promo-icon--sm {
    max-width: 1.75rem;
}

.u-header__promo-title {
    display: block;
    color: #3b444f;
    font-size: 1rem;
    font-weight: 500;
}

.u-header__promo-text {
    display: block;
    color: #77838f;
}

.u-header__promo-footer {
    background-color: #f8fafd;
    border-bottom-right-radius: 0.3125rem;
    border-bottom-left-radius: 0.3125rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.u-header__promo-footer-item {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.u-header__promo-footer-ver-divider {
    position: relative;

&::before {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        border-right: 1px solid #bdc5d1;
        content: "";
    }
}

/* Banner */

.u-header__banner {
    position: relative;
    height: 100%;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    border-bottom-left-radius: 0.3125rem;

&:not(.u-header__banner-no-overlay)::after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: rgba(59, 68, 79, 0.5);
        border-bottom-left-radius: 0.3125rem;
        content: "";
    }
}

.u-header__banner-content {
    z-index: 1;
    width: 100%;
    padding: 1.438rem 1.25rem;

&:not(.u-header__banner-content-not-centered) {
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
}

.u-header__banner-content-not-centered .u-header__banner-text {
    padding-right: 3.313rem;
}

.u-header__banner-content {
    .btn-sm, .btn-group-sm > .btn {
        padding: 0.532rem 1.456rem;
    }
}

.u-header__banner-title {
    display: block;
    color: #fff;
    font-size: 1.125rem;
    font-weight: 500;
    margin-bottom: 0.875rem;
}

.u-header__banner-text {
    display: block;
    font-size: 0.875rem;
    color: #fff;
    margin-bottom: 1.375rem;
}

.u-header__banner-caption {
    display: block;
    color: #fff;
    font-size: 1.125rem;
    font-weight: 500;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
}

/* Product Banner */

.u-header__product-banner {
    background-color: #f8fafd;
    border-bottom-right-radius: 0.3125rem;
    border-bottom-left-radius: 0.3125rem;
    padding-right: 1.5rem;
}

.u-header__product-banner-content {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.u-header__product-banner-title {
    display: block;
    color: #297cbb;
    font-size: 1.125rem;
    font-weight: 500;
    margin-bottom: .5rem;
}

.u-header__product-banner-text {
    color: #3b444f;
    margin-bottom: 0;
}

/* Hide Content */

.u-header {
    &.js-header-fix-moment .u-header__hide-content {
        display: none;
    }

&.u-header--moved-up.u-header--hide-topbar {
        -webkit-transform: translate3d(0, -33px, 0);
        transform: translate3d(0, -33px, 0);
    }
}

.hs-position-right {
    &.u-header__mega-menu-position-right-fix-10 {
        right: 10% !important;
    }

&.u-header__mega-menu-position-right-fix-15 {
        right: 15% !important;
    }

&.u-header__mega-menu-position-right-fix-20 {
        right: 20% !important;
    }

&.u-header__mega-menu-position-right-fix-25 {
        right: 25% !important;
    }

&.u-header__mega-menu-position-right-fix-30 {
        right: 30% !important;
    }

&.u-header__mega-menu-position-right-fix-35 {
        right: 35% !important;
    }

&.u-header__mega-menu-position-right-fix-40 {
        right: 40% !important;
    }

&.u-header__mega-menu-position-right-fix-45 {
        right: 45% !important;
    }

&.u-header__mega-menu-position-right-fix-50 {
        right: 50% !important;
    }
}

@media (min-width: 576px) {
    .hs-position-right.u-header__mega-menu-position-right-fix-sm-10 {
        right: 10% !important;
    }
}

@media (min-width: 576px) {
    .hs-position-right.u-header__mega-menu-position-right-fix-sm-15 {
        right: 15% !important;
    }
}

@media (min-width: 576px) {
    .hs-position-right.u-header__mega-menu-position-right-fix-sm-20 {
        right: 20% !important;
    }
}

@media (min-width: 576px) {
    .hs-position-right.u-header__mega-menu-position-right-fix-sm-25 {
        right: 25% !important;
    }
}

@media (min-width: 576px) {
    .hs-position-right.u-header__mega-menu-position-right-fix-sm-30 {
        right: 30% !important;
    }
}

@media (min-width: 576px) {
    .hs-position-right.u-header__mega-menu-position-right-fix-sm-35 {
        right: 35% !important;
    }
}

@media (min-width: 576px) {
    .hs-position-right.u-header__mega-menu-position-right-fix-sm-40 {
        right: 40% !important;
    }
}

@media (min-width: 576px) {
    .hs-position-right.u-header__mega-menu-position-right-fix-sm-45 {
        right: 45% !important;
    }
}

@media (min-width: 576px) {
    .hs-position-right.u-header__mega-menu-position-right-fix-sm-50 {
        right: 50% !important;
    }
}

@media (min-width: 768px) {
    .hs-position-right.u-header__mega-menu-position-right-fix-md-10 {
        right: 10% !important;
    }
}

@media (min-width: 768px) {
    .hs-position-right.u-header__mega-menu-position-right-fix-md-15 {
        right: 15% !important;
    }
}

@media (min-width: 768px) {
    .hs-position-right.u-header__mega-menu-position-right-fix-md-20 {
        right: 20% !important;
    }
}

@media (min-width: 768px) {
    .hs-position-right.u-header__mega-menu-position-right-fix-md-25 {
        right: 25% !important;
    }
}

@media (min-width: 768px) {
    .hs-position-right.u-header__mega-menu-position-right-fix-md-30 {
        right: 30% !important;
    }
}

@media (min-width: 768px) {
    .hs-position-right.u-header__mega-menu-position-right-fix-md-35 {
        right: 35% !important;
    }
}

@media (min-width: 768px) {
    .hs-position-right.u-header__mega-menu-position-right-fix-md-40 {
        right: 40% !important;
    }
}

@media (min-width: 768px) {
    .hs-position-right.u-header__mega-menu-position-right-fix-md-45 {
        right: 45% !important;
    }
}

@media (min-width: 768px) {
    .hs-position-right.u-header__mega-menu-position-right-fix-md-50 {
        right: 50% !important;
    }
}

@media (min-width: 992px) {
    .hs-position-right.u-header__mega-menu-position-right-fix-lg-10 {
        right: 10% !important;
    }
}

@media (min-width: 992px) {
    .hs-position-right.u-header__mega-menu-position-right-fix-lg-15 {
        right: 15% !important;
    }
}

@media (min-width: 992px) {
    .hs-position-right.u-header__mega-menu-position-right-fix-lg-20 {
        right: 20% !important;
    }
}

@media (min-width: 992px) {
    .hs-position-right.u-header__mega-menu-position-right-fix-lg-25 {
        right: 25% !important;
    }
}

@media (min-width: 992px) {
    .hs-position-right.u-header__mega-menu-position-right-fix-lg-30 {
        right: 30% !important;
    }
}

@media (min-width: 992px) {
    .hs-position-right.u-header__mega-menu-position-right-fix-lg-35 {
        right: 35% !important;
    }
}

@media (min-width: 992px) {
    .hs-position-right.u-header__mega-menu-position-right-fix-lg-40 {
        right: 40% !important;
    }
}

@media (min-width: 992px) {
    .hs-position-right.u-header__mega-menu-position-right-fix-lg-45 {
        right: 45% !important;
    }
}

@media (min-width: 992px) {
    .hs-position-right.u-header__mega-menu-position-right-fix-lg-50 {
        right: 50% !important;
    }
}

@media (min-width: 1200px) {
    .hs-position-right.u-header__mega-menu-position-right-fix-xl-10 {
        right: 10% !important;
    }
}

@media (min-width: 1200px) {
    .hs-position-right.u-header__mega-menu-position-right-fix-xl-15 {
        right: 15% !important;
    }
}

@media (min-width: 1200px) {
    .hs-position-right.u-header__mega-menu-position-right-fix-xl-20 {
        right: 20% !important;
    }
}

@media (min-width: 1200px) {
    .hs-position-right.u-header__mega-menu-position-right-fix-xl-25 {
        right: 25% !important;
    }
}

@media (min-width: 1200px) {
    .hs-position-right.u-header__mega-menu-position-right-fix-xl-30 {
        right: 30% !important;
    }
}

@media (min-width: 1200px) {
    .hs-position-right.u-header__mega-menu-position-right-fix-xl-35 {
        right: 35% !important;
    }
}

@media (min-width: 1200px) {
    .hs-position-right.u-header__mega-menu-position-right-fix-xl-40 {
        right: 40% !important;
    }
}

@media (min-width: 1200px) {
    .hs-position-right.u-header__mega-menu-position-right-fix-xl-45 {
        right: 45% !important;
    }
}

@media (min-width: 1200px) {
    .hs-position-right.u-header__mega-menu-position-right-fix-xl-50 {
        right: 50% !important;
    }
}

@media (min-width: 1480px) {
    .hs-position-right.u-header__mega-menu-position-right-fix-wd-10 {
        right: 10% !important;
    }
}

@media (min-width: 1480px) {
    .hs-position-right.u-header__mega-menu-position-right-fix-wd-15 {
        right: 15% !important;
    }
}

@media (min-width: 1480px) {
    .hs-position-right.u-header__mega-menu-position-right-fix-wd-20 {
        right: 20% !important;
    }
}

@media (min-width: 1480px) {
    .hs-position-right.u-header__mega-menu-position-right-fix-wd-25 {
        right: 25% !important;
    }
}

@media (min-width: 1480px) {
    .hs-position-right.u-header__mega-menu-position-right-fix-wd-30 {
        right: 30% !important;
    }
}

@media (min-width: 1480px) {
    .hs-position-right.u-header__mega-menu-position-right-fix-wd-35 {
        right: 35% !important;
    }
}

@media (min-width: 1480px) {
    .hs-position-right.u-header__mega-menu-position-right-fix-wd-40 {
        right: 40% !important;
    }
}

@media (min-width: 1480px) {
    .hs-position-right.u-header__mega-menu-position-right-fix-wd-45 {
        right: 45% !important;
    }
}

@media (min-width: 1480px) {
    .hs-position-right.u-header__mega-menu-position-right-fix-wd-50 {
        right: 50% !important;
    }
}

.hs-position-left {
    &.u-header__mega-menu-position-left-fix-10 {
        left: 10% !important;
    }

&.u-header__mega-menu-position-left-fix-15 {
        left: 15% !important;
    }

&.u-header__mega-menu-position-left-fix-20 {
        left: 20% !important;
    }

&.u-header__mega-menu-position-left-fix-25 {
        left: 25% !important;
    }

&.u-header__mega-menu-position-left-fix-30 {
        left: 30% !important;
    }

&.u-header__mega-menu-position-left-fix-35 {
        left: 35% !important;
    }

&.u-header__mega-menu-position-left-fix-40 {
        left: 40% !important;
    }

&.u-header__mega-menu-position-left-fix-45 {
        left: 45% !important;
    }

&.u-header__mega-menu-position-left-fix-50 {
        left: 50% !important;
    }
}

@media (min-width: 576px) {
    .hs-position-left.u-header__mega-menu-position-left-fix-sm-10 {
        left: 10% !important;
    }
}

@media (min-width: 576px) {
    .hs-position-left.u-header__mega-menu-position-left-fix-sm-15 {
        left: 15% !important;
    }
}

@media (min-width: 576px) {
    .hs-position-left.u-header__mega-menu-position-left-fix-sm-20 {
        left: 20% !important;
    }
}

@media (min-width: 576px) {
    .hs-position-left.u-header__mega-menu-position-left-fix-sm-25 {
        left: 25% !important;
    }
}

@media (min-width: 576px) {
    .hs-position-left.u-header__mega-menu-position-left-fix-sm-30 {
        left: 30% !important;
    }
}

@media (min-width: 576px) {
    .hs-position-left.u-header__mega-menu-position-left-fix-sm-35 {
        left: 35% !important;
    }
}

@media (min-width: 576px) {
    .hs-position-left.u-header__mega-menu-position-left-fix-sm-40 {
        left: 40% !important;
    }
}

@media (min-width: 576px) {
    .hs-position-left.u-header__mega-menu-position-left-fix-sm-45 {
        left: 45% !important;
    }
}

@media (min-width: 576px) {
    .hs-position-left.u-header__mega-menu-position-left-fix-sm-50 {
        left: 50% !important;
    }
}

@media (min-width: 768px) {
    .hs-position-left.u-header__mega-menu-position-left-fix-md-10 {
        left: 10% !important;
    }
}

@media (min-width: 768px) {
    .hs-position-left.u-header__mega-menu-position-left-fix-md-15 {
        left: 15% !important;
    }
}

@media (min-width: 768px) {
    .hs-position-left.u-header__mega-menu-position-left-fix-md-20 {
        left: 20% !important;
    }
}

@media (min-width: 768px) {
    .hs-position-left.u-header__mega-menu-position-left-fix-md-25 {
        left: 25% !important;
    }
}

@media (min-width: 768px) {
    .hs-position-left.u-header__mega-menu-position-left-fix-md-30 {
        left: 30% !important;
    }
}

@media (min-width: 768px) {
    .hs-position-left.u-header__mega-menu-position-left-fix-md-35 {
        left: 35% !important;
    }
}

@media (min-width: 768px) {
    .hs-position-left.u-header__mega-menu-position-left-fix-md-40 {
        left: 40% !important;
    }
}

@media (min-width: 768px) {
    .hs-position-left.u-header__mega-menu-position-left-fix-md-45 {
        left: 45% !important;
    }
}

@media (min-width: 768px) {
    .hs-position-left.u-header__mega-menu-position-left-fix-md-50 {
        left: 50% !important;
    }
}

@media (min-width: 992px) {
    .hs-position-left.u-header__mega-menu-position-left-fix-lg-10 {
        left: 10% !important;
    }
}

@media (min-width: 992px) {
    .hs-position-left.u-header__mega-menu-position-left-fix-lg-15 {
        left: 15% !important;
    }
}

@media (min-width: 992px) {
    .hs-position-left.u-header__mega-menu-position-left-fix-lg-20 {
        left: 20% !important;
    }
}

@media (min-width: 992px) {
    .hs-position-left.u-header__mega-menu-position-left-fix-lg-25 {
        left: 25% !important;
    }
}

@media (min-width: 992px) {
    .hs-position-left.u-header__mega-menu-position-left-fix-lg-30 {
        left: 30% !important;
    }
}

@media (min-width: 992px) {
    .hs-position-left.u-header__mega-menu-position-left-fix-lg-35 {
        left: 35% !important;
    }
}

@media (min-width: 992px) {
    .hs-position-left.u-header__mega-menu-position-left-fix-lg-40 {
        left: 40% !important;
    }
}

@media (min-width: 992px) {
    .hs-position-left.u-header__mega-menu-position-left-fix-lg-45 {
        left: 45% !important;
    }
}

@media (min-width: 992px) {
    .hs-position-left.u-header__mega-menu-position-left-fix-lg-50 {
        left: 50% !important;
    }
}

@media (min-width: 1200px) {
    .hs-position-left.u-header__mega-menu-position-left-fix-xl-10 {
        left: 10% !important;
    }
}

@media (min-width: 1200px) {
    .hs-position-left.u-header__mega-menu-position-left-fix-xl-15 {
        left: 15% !important;
    }
}

@media (min-width: 1200px) {
    .hs-position-left.u-header__mega-menu-position-left-fix-xl-20 {
        left: 20% !important;
    }
}

@media (min-width: 1200px) {
    .hs-position-left.u-header__mega-menu-position-left-fix-xl-25 {
        left: 25% !important;
    }
}

@media (min-width: 1200px) {
    .hs-position-left.u-header__mega-menu-position-left-fix-xl-30 {
        left: 30% !important;
    }
}

@media (min-width: 1200px) {
    .hs-position-left.u-header__mega-menu-position-left-fix-xl-35 {
        left: 35% !important;
    }
}

@media (min-width: 1200px) {
    .hs-position-left.u-header__mega-menu-position-left-fix-xl-40 {
        left: 40% !important;
    }
}

@media (min-width: 1200px) {
    .hs-position-left.u-header__mega-menu-position-left-fix-xl-45 {
        left: 45% !important;
    }
}

@media (min-width: 1200px) {
    .hs-position-left.u-header__mega-menu-position-left-fix-xl-50 {
        left: 50% !important;
    }
}

@media (min-width: 1480px) {
    .hs-position-left.u-header__mega-menu-position-left-fix-wd-10 {
        left: 10% !important;
    }
}

@media (min-width: 1480px) {
    .hs-position-left.u-header__mega-menu-position-left-fix-wd-15 {
        left: 15% !important;
    }
}

@media (min-width: 1480px) {
    .hs-position-left.u-header__mega-menu-position-left-fix-wd-20 {
        left: 20% !important;
    }
}

@media (min-width: 1480px) {
    .hs-position-left.u-header__mega-menu-position-left-fix-wd-25 {
        left: 25% !important;
    }
}

@media (min-width: 1480px) {
    .hs-position-left.u-header__mega-menu-position-left-fix-wd-30 {
        left: 30% !important;
    }
}

@media (min-width: 1480px) {
    .hs-position-left.u-header__mega-menu-position-left-fix-wd-35 {
        left: 35% !important;
    }
}

@media (min-width: 1480px) {
    .hs-position-left.u-header__mega-menu-position-left-fix-wd-40 {
        left: 40% !important;
    }
}

@media (min-width: 1480px) {
    .hs-position-left.u-header__mega-menu-position-left-fix-wd-45 {
        left: 45% !important;
    }
}

@media (min-width: 1480px) {
    .hs-position-left.u-header__mega-menu-position-left-fix-wd-50 {
        left: 50% !important;
    }
}

/*------------------------------------
  Header Helpers
------------------------------------*/

.u-header--invisible {
    display: none;
}

.u-header--moved-up {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}

.u-header--faded {
    opacity: 0;
    visibility: hidden;
}

.u-header__section--hidden {
    position: relative;
}

.u-header {
    &[data-header-fix-effect] {
        transition: 0.3s ease;
    }

&.u-header--untransitioned {
        transition: none;
    }

&.js-header-fix-moment {
        position: fixed;
        top: 0;
        bottom: auto;
    }
}

.u-header--fix-top {
    position: fixed;
}

.u-header.u-header--fix-top[data-effect-compensation] {
    transition: none;
}

/*------------------------------------
  Nav Alignments
------------------------------------*/
@media (min-width: 992px) {
    .u-header__navbar-body, .u-header__navbar-nav {
        margin-left: auto;
    }

.u-header-left-aligned-nav {
        .u-header__navbar-body {
            margin-left: 0;
            margin-right: auto;
        }

.u-header__navbar-nav {
            margin-left: 0;
            margin-right: auto;
            width: 100%;
        }

.u-header__navbar-brand {
            margin-left: 0;
            margin-right: 3rem;
        }

.u-header__nav-last-item {
            margin-left: auto;
        }
    }

.u-header-center-aligned-nav__col {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

.u-header-center-aligned-nav__col-last-item {
        text-align: right;
    }

.u-header-center-aligned-nav {
        .u-header__navbar-body, .u-header__navbar-nav {
            margin-left: auto;
            margin-right: auto;
        }
    }
}

@media (max-width: 1199.98px) {
    .u-header-center-aligned-nav__col:not(.u-header-center-aligned-nav__col-last-item) {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

.u-header-center-aligned-nav__col-last-item {
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
}

@media (min-width: 768px) {
    .u-header-center-aligned-nav.u-header--abs-top-sm {
        .u-header__navbar-body, .u-header__navbar-nav {
            margin-left: auto;
            margin-right: auto;
        }
    }
}

/*------------------------------------
  Header Default
------------------------------------*/

.u-header__navbar-nav-scroll {
    max-width: 100%;
    height: 4.25rem;
    overflow: hidden;

.u-header__navbar-nav {
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }
}

/*------------------------------------
  Fullscreen
------------------------------------*/

.u-fullscreen {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    visibility: hidden;
}

.u-fullscreen--toggler {
    z-index: 1001;
}

.u-fullscreen__container, .u-fullscreen__overlay {
    transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
}

.u-fullscreen__container {
    position: relative;
    z-index: 1000;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
}

.u-fullscreen__overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    background-image: linear-gradient(150deg, rgba(45, 21, 130, 0.95) 0%, rgba(25, 160, 255, 0.95) 100%);
    background-repeat: repeat-x;
    transition-delay: 0.5s;
}

.u-fullscreen.u-fullscreen--showed {
    visibility: visible;

.u-fullscreen__container {
        opacity: 1;
        visibility: visible;
    }

.u-fullscreen__overlay {
        opacity: 1;
        visibility: visible;
        transition-delay: 0s;
    }

.u-fullscreen__container {
        transition-delay: 0.5s;
    }
}

/*------------------------------------
  Header Fullscreen Style
------------------------------------*/

.u-fullscreen__nav {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
}

.u-fullscreen__nav-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.u-fullscreen__nav-link {
    display: inline-block;
    color: #fff;
    font-size: 1.375rem;
    padding-top: .5rem;
    padding-bottom: .5rem;

&:hover {
        color: rgba(255, 255, 255, 0.7);
    }
}

@media (min-width: 992px) {
    .u-fullscreen__nav-link {
        font-size: 1.75rem;
    }
}

.u-fullscreen__submenu {
    position: relative;
    transition: 0.3s ease-in-out;

.u-fullscreen__nav-list {
        border-left: 2px solid rgba(255, 255, 255, 0.6);
        padding-left: 1rem;
    }
}

.u-fullscreen__submenu-nav-link {
    display: inline-block;
    color: #fff;
    padding-top: .5rem;
    padding-bottom: .5rem;

&:hover {
        color: rgba(255, 255, 255, 0.7);
    }
}

.u-fullscreen__submenu-list {
    list-style: none;
    border-left: 2px solid rgba(255, 255, 255, 0.6);
    padding-left: 1rem;
    margin-bottom: 0;
}

.u-fullscreen__submenu-list-link {
    display: inline-block;
    color: rgba(255, 255, 255, 0.7);

&:hover {
        color: #fff;
    }
}

/*------------------------------------
  Header Navbar Background Colors
------------------------------------*/

.u-header--navbar-bg {
    .u-header__navbar-brand-text, .u-header__nav-item:hover .u-header__nav-link, .active > .u-header__nav-link {
        color: #fff;
    }

.u-header__nav-link {
        color: rgba(255, 255, 255, 0.7);

&:hover {
            color: #fff;
        }
    }

.u-header__navbar-link, .dropdown-nav-link, .btn-text-secondary {
        color: rgba(255, 255, 255, 0.6);
    }

.u-header__navbar-link:hover, .dropdown-nav-link:hover {
        color: #fff;
    }

.btn-text-secondary {
        &:hover, &[href]:hover {
            color: #fff;
        }
    }

.u-hamburger__inner {
        background-color: rgba(255, 255, 255, 0.5);

&::before, &::after {
            background-color: rgba(255, 255, 255, 0.5);
        }
    }

.u-hamburger:hover .u-hamburger__inner {
        background-color: #fff;

&::before, &::after {
            background-color: #fff;
        }
    }
}

/*------------------------------------
  Header Submenu Background Colors
------------------------------------*/

.u-header--sub-menu-dark-bg {
    .u-header__sub-menu, .u-header__promo {
        background-color: #3b444f;
    }

.u-header__sub-menu-title, .u-header__promo-title {
        color: rgba(255, 255, 255, 0.8);
    }

.u-header__promo-footer {
        background-color: #39414c;
    }

.u-header__promo-footer-ver-divider::before, .u-header__promo-link::after, .u-header__promo-item {
        border-color: rgba(255, 255, 255, 0.1);
    }

.u-header__sub-menu-nav-link {
        color: #8c98a4;

&:hover {
            color: #297cbb;
        }
    }

.u-header__product-banner {
        background-color: #39414c;
    }

.u-header__product-banner-text {
        color: #8c98a4;
    }

.dropdown-nav-link:hover {
        color: rgba(255, 255, 255, 0.8);
    }

.dropdown-divider {
        border-color: rgba(255, 255, 255, 0.1);
    }
}

@media (min-width: 576px) {
    .u-header--sub-menu-dark-bg-sm {
        .u-header__sub-menu, .u-header__promo {
            background-color: #3b444f;
        }

.u-header__sub-menu-title, .u-header__promo-title {
            color: rgba(255, 255, 255, 0.8);
        }

.u-header__promo-footer {
            background-color: #39414c;
        }

.u-header__promo-footer-ver-divider::before, .u-header__promo-link::after, .u-header__promo-item {
            border-color: rgba(255, 255, 255, 0.1);
        }

.u-header__sub-menu-nav-link {
            color: #8c98a4;

&:hover {
                color: #297cbb;
            }
        }

.u-header__product-banner {
            background-color: #39414c;
        }

.u-header__product-banner-text {
            color: #8c98a4;
        }

.dropdown-nav-link:hover {
            color: rgba(255, 255, 255, 0.8);
        }

.dropdown-divider {
            border-color: rgba(255, 255, 255, 0.1);
        }
    }
}

@media (min-width: 768px) {
    .u-header--sub-menu-dark-bg-md {
        .u-header__sub-menu, .u-header__promo {
            background-color: #3b444f;
        }

.u-header__sub-menu-title, .u-header__promo-title {
            color: rgba(255, 255, 255, 0.8);
        }

.u-header__promo-footer {
            background-color: #39414c;
        }

.u-header__promo-footer-ver-divider::before, .u-header__promo-link::after, .u-header__promo-item {
            border-color: rgba(255, 255, 255, 0.1);
        }

.u-header__sub-menu-nav-link {
            color: #8c98a4;

&:hover {
                color: #297cbb;
            }
        }

.u-header__product-banner {
            background-color: #39414c;
        }

.u-header__product-banner-text {
            color: #8c98a4;
        }

.dropdown-nav-link:hover {
            color: rgba(255, 255, 255, 0.8);
        }

.dropdown-divider {
            border-color: rgba(255, 255, 255, 0.1);
        }
    }
}

@media (min-width: 992px) {
    .u-header--sub-menu-dark-bg-lg {
        .u-header__sub-menu, .u-header__promo {
            background-color: #3b444f;
        }

.u-header__sub-menu-title, .u-header__promo-title {
            color: rgba(255, 255, 255, 0.8);
        }

.u-header__promo-footer {
            background-color: #39414c;
        }

.u-header__promo-footer-ver-divider::before, .u-header__promo-link::after, .u-header__promo-item {
            border-color: rgba(255, 255, 255, 0.1);
        }

.u-header__sub-menu-nav-link {
            color: #8c98a4;

&:hover {
                color: #297cbb;
            }
        }

.u-header__product-banner {
            background-color: #39414c;
        }

.u-header__product-banner-text {
            color: #8c98a4;
        }

.dropdown-nav-link:hover {
            color: rgba(255, 255, 255, 0.8);
        }

.dropdown-divider {
            border-color: rgba(255, 255, 255, 0.1);
        }
    }
}

@media (min-width: 1200px) {
    .u-header--sub-menu-dark-bg-xl {
        .u-header__sub-menu, .u-header__promo {
            background-color: #3b444f;
        }

.u-header__sub-menu-title, .u-header__promo-title {
            color: rgba(255, 255, 255, 0.8);
        }

.u-header__promo-footer {
            background-color: #39414c;
        }

.u-header__promo-footer-ver-divider::before, .u-header__promo-link::after, .u-header__promo-item {
            border-color: rgba(255, 255, 255, 0.1);
        }

.u-header__sub-menu-nav-link {
            color: #8c98a4;

&:hover {
                color: #297cbb;
            }
        }

.u-header__product-banner {
            background-color: #39414c;
        }

.u-header__product-banner-text {
            color: #8c98a4;
        }

.dropdown-nav-link:hover {
            color: rgba(255, 255, 255, 0.8);
        }

.dropdown-divider {
            border-color: rgba(255, 255, 255, 0.1);
        }
    }
}

@media (min-width: 1480px) {
    .u-header--sub-menu-dark-bg-wd {
        .u-header__sub-menu, .u-header__promo {
            background-color: #3b444f;
        }

.u-header__sub-menu-title, .u-header__promo-title {
            color: rgba(255, 255, 255, 0.8);
        }

.u-header__promo-footer {
            background-color: #39414c;
        }

.u-header__promo-footer-ver-divider::before, .u-header__promo-link::after, .u-header__promo-item {
            border-color: rgba(255, 255, 255, 0.1);
        }

.u-header__sub-menu-nav-link {
            color: #8c98a4;

&:hover {
                color: #297cbb;
            }
        }

.u-header__product-banner {
            background-color: #39414c;
        }

.u-header__product-banner-text {
            color: #8c98a4;
        }

.dropdown-nav-link:hover {
            color: rgba(255, 255, 255, 0.8);
        }

.dropdown-divider {
            border-color: rgba(255, 255, 255, 0.1);
        }
    }
}

/*------------------------------------
  Primary Header
------------------------------------*/

.u-header--bg-primary:not(.js-header-fix-moment) .u-search-push-top[style*="display: block"] + .u-header__section, .u-header--bg-violet:not(.js-header-fix-moment) .u-search-push-top[style*="display: block"] + .u-header__section {
    background-color: #fff;
}

.u-header--bg-primary:not(.js-header-fix-moment) .u-header__section, .u-header--bg-violet:not(.js-header-fix-moment) .u-header__section {
    background-color: #6f13cd;
    box-shadow: none;
}

.u-header--bg-primary {
    .u-header__navbar-brand-collapsed, .u-header__navbar-brand-on-scroll {
        display: none;

.u-header__navbar-brand-text {
            display: none;
        }
    }
}

.u-header--bg-violet {
    .u-header__navbar-brand-collapsed, .u-header__navbar-brand-on-scroll {
        display: none;

.u-header__navbar-brand-text {
            display: none;
        }
    }
}

.u-header--bg-primary.js-header-fix-moment .u-header__navbar-brand-default, .u-header--bg-violet.js-header-fix-moment .u-header__navbar-brand-default {
    display: none;

.u-header__navbar-brand-text {
        display: none;
    }
}

.u-header--bg-primary.js-header-fix-moment .u-header__navbar-brand-on-scroll, .u-header--bg-violet.js-header-fix-moment .u-header__navbar-brand-on-scroll {
    display: -ms-flexbox;
    display: flex;
}

.u-header--bg-primary.js-header-fix-moment .u-header__navbar-brand-on-scroll .u-header__navbar-brand-text, .u-header--bg-violet.js-header-fix-moment .u-header__navbar-brand-on-scroll .u-header__navbar-brand-text {
    display: inline-block;
}

@media (min-width: 576px) and (min-width: 576px) {
    .u-header--bg-primary-sm:not(.js-header-fix-moment) .u-search-push-top[style*="display: block"] + .u-header__section, .u-header--bg-violet-sm:not(.js-header-fix-moment) .u-search-push-top[style*="display: block"] + .u-header__section {
        background-color: #fff;
    }

.u-header--bg-primary-sm:not(.js-header-fix-moment) .u-header__section, .u-header--bg-violet-sm:not(.js-header-fix-moment) .u-header__section {
        background-color: #6f13cd;
        box-shadow: none;
    }
}

@media (min-width: 576px) {
    .u-header--bg-primary-sm {
        .u-header__navbar-brand-collapsed, .u-header__navbar-brand-on-scroll {
            display: none;

.u-header__navbar-brand-text {
                display: none;
            }
        }
    }

.u-header--bg-violet-sm {
        .u-header__navbar-brand-collapsed, .u-header__navbar-brand-on-scroll {
            display: none;

.u-header__navbar-brand-text {
                display: none;
            }
        }
    }

.u-header--bg-primary-sm.js-header-fix-moment .u-header__navbar-brand-default, .u-header--bg-violet-sm.js-header-fix-moment .u-header__navbar-brand-default {
        display: none;

.u-header__navbar-brand-text {
            display: none;
        }
    }

.u-header--bg-primary-sm.js-header-fix-moment .u-header__navbar-brand-on-scroll, .u-header--bg-violet-sm.js-header-fix-moment .u-header__navbar-brand-on-scroll {
        display: -ms-flexbox;
        display: flex;
    }

.u-header--bg-primary-sm.js-header-fix-moment .u-header__navbar-brand-on-scroll .u-header__navbar-brand-text, .u-header--bg-violet-sm.js-header-fix-moment .u-header__navbar-brand-on-scroll .u-header__navbar-brand-text {
        display: inline-block;
    }
}

@media (min-width: 768px) and (min-width: 768px) {
    .u-header--bg-primary-md:not(.js-header-fix-moment) .u-search-push-top[style*="display: block"] + .u-header__section, .u-header--bg-violet-md:not(.js-header-fix-moment) .u-search-push-top[style*="display: block"] + .u-header__section {
        background-color: #fff;
    }

.u-header--bg-primary-md:not(.js-header-fix-moment) .u-header__section, .u-header--bg-violet-md:not(.js-header-fix-moment) .u-header__section {
        background-color: #6f13cd;
        box-shadow: none;
    }
}

@media (min-width: 768px) {
    .u-header--bg-primary-md {
        .u-header__navbar-brand-collapsed, .u-header__navbar-brand-on-scroll {
            display: none;

.u-header__navbar-brand-text {
                display: none;
            }
        }
    }

.u-header--bg-violet-md {
        .u-header__navbar-brand-collapsed, .u-header__navbar-brand-on-scroll {
            display: none;

.u-header__navbar-brand-text {
                display: none;
            }
        }
    }

.u-header--bg-primary-md.js-header-fix-moment .u-header__navbar-brand-default, .u-header--bg-violet-md.js-header-fix-moment .u-header__navbar-brand-default {
        display: none;

.u-header__navbar-brand-text {
            display: none;
        }
    }

.u-header--bg-primary-md.js-header-fix-moment .u-header__navbar-brand-on-scroll, .u-header--bg-violet-md.js-header-fix-moment .u-header__navbar-brand-on-scroll {
        display: -ms-flexbox;
        display: flex;
    }

.u-header--bg-primary-md.js-header-fix-moment .u-header__navbar-brand-on-scroll .u-header__navbar-brand-text, .u-header--bg-violet-md.js-header-fix-moment .u-header__navbar-brand-on-scroll .u-header__navbar-brand-text {
        display: inline-block;
    }
}

@media (min-width: 992px) and (min-width: 992px) {
    .u-header--bg-primary-lg:not(.js-header-fix-moment) .u-search-push-top[style*="display: block"] + .u-header__section, .u-header--bg-violet-lg:not(.js-header-fix-moment) .u-search-push-top[style*="display: block"] + .u-header__section {
        background-color: #fff;
    }

.u-header--bg-primary-lg:not(.js-header-fix-moment) .u-header__section, .u-header--bg-violet-lg:not(.js-header-fix-moment) .u-header__section {
        background-color: #6f13cd;
        box-shadow: none;
    }
}

@media (min-width: 992px) {
    .u-header--bg-primary-lg {
        .u-header__navbar-brand-collapsed, .u-header__navbar-brand-on-scroll {
            display: none;

.u-header__navbar-brand-text {
                display: none;
            }
        }
    }

.u-header--bg-violet-lg {
        .u-header__navbar-brand-collapsed, .u-header__navbar-brand-on-scroll {
            display: none;

.u-header__navbar-brand-text {
                display: none;
            }
        }
    }

.u-header--bg-primary-lg.js-header-fix-moment .u-header__navbar-brand-default, .u-header--bg-violet-lg.js-header-fix-moment .u-header__navbar-brand-default {
        display: none;

.u-header__navbar-brand-text {
            display: none;
        }
    }

.u-header--bg-primary-lg.js-header-fix-moment .u-header__navbar-brand-on-scroll, .u-header--bg-violet-lg.js-header-fix-moment .u-header__navbar-brand-on-scroll {
        display: -ms-flexbox;
        display: flex;
    }

.u-header--bg-primary-lg.js-header-fix-moment .u-header__navbar-brand-on-scroll .u-header__navbar-brand-text, .u-header--bg-violet-lg.js-header-fix-moment .u-header__navbar-brand-on-scroll .u-header__navbar-brand-text {
        display: inline-block;
    }
}

@media (min-width: 1200px) and (min-width: 1200px) {
    .u-header--bg-primary-xl:not(.js-header-fix-moment) .u-search-push-top[style*="display: block"] + .u-header__section, .u-header--bg-violet-xl:not(.js-header-fix-moment) .u-search-push-top[style*="display: block"] + .u-header__section {
        background-color: #fff;
    }

.u-header--bg-primary-xl:not(.js-header-fix-moment) .u-header__section, .u-header--bg-violet-xl:not(.js-header-fix-moment) .u-header__section {
        background-color: #6f13cd;
        box-shadow: none;
    }
}

@media (min-width: 1200px) {
    .u-header--bg-primary-xl {
        .u-header__navbar-brand-collapsed, .u-header__navbar-brand-on-scroll {
            display: none;

.u-header__navbar-brand-text {
                display: none;
            }
        }
    }

.u-header--bg-violet-xl {
        .u-header__navbar-brand-collapsed, .u-header__navbar-brand-on-scroll {
            display: none;

.u-header__navbar-brand-text {
                display: none;
            }
        }
    }

.u-header--bg-primary-xl.js-header-fix-moment .u-header__navbar-brand-default, .u-header--bg-violet-xl.js-header-fix-moment .u-header__navbar-brand-default {
        display: none;

.u-header__navbar-brand-text {
            display: none;
        }
    }

.u-header--bg-primary-xl.js-header-fix-moment .u-header__navbar-brand-on-scroll, .u-header--bg-violet-xl.js-header-fix-moment .u-header__navbar-brand-on-scroll {
        display: -ms-flexbox;
        display: flex;
    }

.u-header--bg-primary-xl.js-header-fix-moment .u-header__navbar-brand-on-scroll .u-header__navbar-brand-text, .u-header--bg-violet-xl.js-header-fix-moment .u-header__navbar-brand-on-scroll .u-header__navbar-brand-text {
        display: inline-block;
    }
}

@media (min-width: 1480px) and (min-width: 1480px) {
    .u-header--bg-primary-wd:not(.js-header-fix-moment) .u-search-push-top[style*="display: block"] + .u-header__section, .u-header--bg-violet-wd:not(.js-header-fix-moment) .u-search-push-top[style*="display: block"] + .u-header__section {
        background-color: #fff;
    }

.u-header--bg-primary-wd:not(.js-header-fix-moment) .u-header__section, .u-header--bg-violet-wd:not(.js-header-fix-moment) .u-header__section {
        background-color: #6f13cd;
        box-shadow: none;
    }
}

@media (min-width: 1480px) {
    .u-header--bg-primary-wd {
        .u-header__navbar-brand-collapsed, .u-header__navbar-brand-on-scroll {
            display: none;

.u-header__navbar-brand-text {
                display: none;
            }
        }
    }

.u-header--bg-violet-wd {
        .u-header__navbar-brand-collapsed, .u-header__navbar-brand-on-scroll {
            display: none;

.u-header__navbar-brand-text {
                display: none;
            }
        }
    }

.u-header--bg-primary-wd.js-header-fix-moment .u-header__navbar-brand-default, .u-header--bg-violet-wd.js-header-fix-moment .u-header__navbar-brand-default {
        display: none;

.u-header__navbar-brand-text {
            display: none;
        }
    }

.u-header--bg-primary-wd.js-header-fix-moment .u-header__navbar-brand-on-scroll, .u-header--bg-violet-wd.js-header-fix-moment .u-header__navbar-brand-on-scroll {
        display: -ms-flexbox;
        display: flex;
    }

.u-header--bg-primary-wd.js-header-fix-moment .u-header__navbar-brand-on-scroll .u-header__navbar-brand-text, .u-header--bg-violet-wd.js-header-fix-moment .u-header__navbar-brand-on-scroll .u-header__navbar-brand-text {
        display: inline-block;
    }
}

@media (max-width: 575.98px) {
    .u-header--bg-primary-sm {
        .u-header__navbar-brand-default, .u-header__navbar-brand-on-scroll {
            display: none;
        }
    }

.u-header--bg-violet-sm {
        .u-header__navbar-brand-default, .u-header__navbar-brand-on-scroll {
            display: none;
        }
    }
}

@media (max-width: 767.98px) {
    .u-header--bg-primary-md {
        .u-header__navbar-brand-default, .u-header__navbar-brand-on-scroll {
            display: none;
        }
    }

.u-header--bg-violet-md {
        .u-header__navbar-brand-default, .u-header__navbar-brand-on-scroll {
            display: none;
        }
    }
}

@media (max-width: 991.98px) {
    .u-header--bg-primary-lg {
        .u-header__navbar-brand-default, .u-header__navbar-brand-on-scroll {
            display: none;
        }
    }

.u-header--bg-violet-lg {
        .u-header__navbar-brand-default, .u-header__navbar-brand-on-scroll {
            display: none;
        }
    }
}

@media (max-width: 1199.98px) {
    .u-header--bg-primary-xl {
        .u-header__navbar-brand-default, .u-header__navbar-brand-on-scroll {
            display: none;
        }
    }

.u-header--bg-violet-xl {
        .u-header__navbar-brand-default, .u-header__navbar-brand-on-scroll {
            display: none;
        }
    }
}

@media (max-width: 1479.98px) {
    .u-header--bg-primary-wd {
        .u-header__navbar-brand-default, .u-header__navbar-brand-on-scroll {
            display: none;
        }
    }

.u-header--bg-violet-wd {
        .u-header__navbar-brand-default, .u-header__navbar-brand-on-scroll {
            display: none;
        }
    }
}

.u-header--bg-primary {
    .u-header__navbar-brand-default, .u-header__navbar-brand-on-scroll {
        display: none;
    }
}

.u-header--bg-violet {
    .u-header__navbar-brand-default, .u-header__navbar-brand-on-scroll {
        display: none;
    }
}

/*------------------------------------
  Transparent Header
------------------------------------*/

.u-header--bg-transparent {
    &:not(.js-header-fix-moment) {
        .u-search-push-top[style*="display: block"] + .u-header__section {
            background-color: #fff;
        }

.u-header__section {
            background-color: transparent;
            box-shadow: none;
        }
    }

.u-header__navbar-brand-collapsed, .u-header__navbar-brand-on-scroll {
        display: none;

.u-header__navbar-brand-text {
            display: none;
        }
    }

&.js-header-fix-moment {
        .u-header__navbar-brand-default {
            display: none;

.u-header__navbar-brand-text {
                display: none;
            }
        }

.u-header__navbar-brand-on-scroll {
            display: -ms-flexbox;
            display: flex;

.u-header__navbar-brand-text {
                display: inline-block;
            }
        }
    }

.u-header__navbar-link {
        padding-top: 1.219rem;
        padding-bottom: 1.219rem;
    }

.u-header__navbar-brand-default, .u-header__navbar-brand-on-scroll {
        display: none;
    }

.u-header__navbar-brand-default {
        display: -ms-flexbox;
        display: flex;
    }
}

@media (min-width: 576px) and (min-width: 576px) {
    .u-header--bg-transparent-sm:not(.js-header-fix-moment) {
        .u-search-push-top[style*="display: block"] + .u-header__section {
            background-color: #fff;
        }

.u-header__section {
            background-color: transparent;
            box-shadow: none;
        }
    }
}

@media (min-width: 576px) {
    .u-header--bg-transparent-sm {
        .u-header__navbar-brand-collapsed, .u-header__navbar-brand-on-scroll {
            display: none;

.u-header__navbar-brand-text {
                display: none;
            }
        }

&.js-header-fix-moment {
            .u-header__navbar-brand-default {
                display: none;

.u-header__navbar-brand-text {
                    display: none;
                }
            }

.u-header__navbar-brand-on-scroll {
                display: -ms-flexbox;
                display: flex;

.u-header__navbar-brand-text {
                    display: inline-block;
                }
            }
        }

.u-header__navbar-link {
            padding-top: 1.219rem;
            padding-bottom: 1.219rem;
        }
    }
}

@media (min-width: 768px) and (min-width: 768px) {
    .u-header--bg-transparent-md:not(.js-header-fix-moment) {
        .u-search-push-top[style*="display: block"] + .u-header__section {
            background-color: #fff;
        }

.u-header__section {
            background-color: transparent;
            box-shadow: none;
        }
    }
}

@media (min-width: 768px) {
    .u-header--bg-transparent-md {
        .u-header__navbar-brand-collapsed, .u-header__navbar-brand-on-scroll {
            display: none;

.u-header__navbar-brand-text {
                display: none;
            }
        }

&.js-header-fix-moment {
            .u-header__navbar-brand-default {
                display: none;

.u-header__navbar-brand-text {
                    display: none;
                }
            }

.u-header__navbar-brand-on-scroll {
                display: -ms-flexbox;
                display: flex;

.u-header__navbar-brand-text {
                    display: inline-block;
                }
            }
        }

.u-header__navbar-link {
            padding-top: 1.219rem;
            padding-bottom: 1.219rem;
        }
    }
}

@media (min-width: 992px) and (min-width: 992px) {
    .u-header--bg-transparent-lg:not(.js-header-fix-moment) {
        .u-search-push-top[style*="display: block"] + .u-header__section {
            background-color: #fff;
        }

.u-header__section {
            background-color: transparent;
            box-shadow: none;
        }
    }
}

@media (min-width: 992px) {
    .u-header--bg-transparent-lg {
        .u-header__navbar-brand-collapsed, .u-header__navbar-brand-on-scroll {
            display: none;

.u-header__navbar-brand-text {
                display: none;
            }
        }

&.js-header-fix-moment {
            .u-header__navbar-brand-default {
                display: none;

.u-header__navbar-brand-text {
                    display: none;
                }
            }

.u-header__navbar-brand-on-scroll {
                display: -ms-flexbox;
                display: flex;

.u-header__navbar-brand-text {
                    display: inline-block;
                }
            }
        }

.u-header__navbar-link {
            padding-top: 1.219rem;
            padding-bottom: 1.219rem;
        }
    }
}

@media (min-width: 1200px) and (min-width: 1200px) {
    .u-header--bg-transparent-xl:not(.js-header-fix-moment) {
        .u-search-push-top[style*="display: block"] + .u-header__section {
            background-color: #fff;
        }

.u-header__section {
            background-color: transparent;
            box-shadow: none;
        }
    }
}

@media (min-width: 1200px) {
    .u-header--bg-transparent-xl {
        .u-header__navbar-brand-collapsed, .u-header__navbar-brand-on-scroll {
            display: none;

.u-header__navbar-brand-text {
                display: none;
            }
        }

&.js-header-fix-moment {
            .u-header__navbar-brand-default {
                display: none;

.u-header__navbar-brand-text {
                    display: none;
                }
            }

.u-header__navbar-brand-on-scroll {
                display: -ms-flexbox;
                display: flex;

.u-header__navbar-brand-text {
                    display: inline-block;
                }
            }
        }

.u-header__navbar-link {
            padding-top: 1.219rem;
            padding-bottom: 1.219rem;
        }
    }
}

@media (min-width: 1480px) and (min-width: 1480px) {
    .u-header--bg-transparent-wd:not(.js-header-fix-moment) {
        .u-search-push-top[style*="display: block"] + .u-header__section {
            background-color: #fff;
        }

.u-header__section {
            background-color: transparent;
            box-shadow: none;
        }
    }
}

@media (min-width: 1480px) {
    .u-header--bg-transparent-wd {
        .u-header__navbar-brand-collapsed, .u-header__navbar-brand-on-scroll {
            display: none;

.u-header__navbar-brand-text {
                display: none;
            }
        }

&.js-header-fix-moment {
            .u-header__navbar-brand-default {
                display: none;

.u-header__navbar-brand-text {
                    display: none;
                }
            }

.u-header__navbar-brand-on-scroll {
                display: -ms-flexbox;
                display: flex;

.u-header__navbar-brand-text {
                    display: inline-block;
                }
            }
        }

.u-header__navbar-link {
            padding-top: 1.219rem;
            padding-bottom: 1.219rem;
        }
    }
}

@media (max-width: 575.98px) {
    .u-header--bg-transparent-sm {
        .u-header__navbar-brand-default, .u-header__navbar-brand-on-scroll {
            display: none;
        }
    }
}

@media (max-width: 767.98px) {
    .u-header--bg-transparent-md {
        .u-header__navbar-brand-default, .u-header__navbar-brand-on-scroll {
            display: none;
        }
    }
}

@media (max-width: 991.98px) {
    .u-header--bg-transparent-lg {
        .u-header__navbar-brand-default, .u-header__navbar-brand-on-scroll {
            display: none;
        }
    }
}

@media (max-width: 1199.98px) {
    .u-header--bg-transparent-xl {
        .u-header__navbar-brand-default, .u-header__navbar-brand-on-scroll {
            display: none;
        }
    }
}

@media (max-width: 1479.98px) {
    .u-header--bg-transparent-wd {
        .u-header__navbar-brand-default, .u-header__navbar-brand-on-scroll {
            display: none;
        }
    }
}

@media (max-width: 1199.98px) {
    .u-header--bg-transparent {
        .u-header__navbar-nav {
            background-color: #fff;
            padding: 0.875rem 1.5rem;
            padding-top: 1rem;
        }

&.u-scrolled .scroll-icon i {
            color: #297cbb !important;
        }
    }
}

/*------------------------------------
  Header On Scroll
------------------------------------*/

.u-header--white-bg-on-scroll.u-scrolled .u-header__section {
    background-color: #fff;
    box-shadow: 0 1px 10px rgba(151, 164, 175, 0.1);
}

/*------------------------------------
  Header White Nav Links
------------------------------------*/

.u-header--white-nav-links:not(.bg-white):not(.js-header-fix-moment) {
    .u-header__nav-item:hover .u-header__nav-link {
        color: rgba(255, 255, 255, 0.7);
    }

.u-header__nav-link {
        color: white;

&:hover {
            color: rgba(255, 255, 255, 0.7);
        }
    }

.u-header__navbar-link, .dropdown-nav-link, .btn-text-secondary {
        color: white;
    }

.u-header__navbar-link:hover, .dropdown-nav-link:hover, .btn-text-secondary:hover {
        color: rgba(255, 255, 255, 0.6);
    }
}

@media (min-width: 576px) {
    .u-header--white-nav-links-sm:not(.bg-white):not(.js-header-fix-moment) {
        .u-header__nav-item:hover .u-header__nav-link {
            color: rgba(255, 255, 255, 0.7);
        }

.u-header__nav-link {
            color: white;

&:hover {
                color: rgba(255, 255, 255, 0.7);
            }
        }

.u-header__navbar-link, .dropdown-nav-link, .btn-text-secondary {
            color: white;
        }

.u-header__navbar-link:hover, .dropdown-nav-link:hover, .btn-text-secondary:hover {
            color: rgba(255, 255, 255, 0.6);
        }
    }
}

@media (min-width: 768px) {
    .u-header--white-nav-links-md:not(.bg-white):not(.js-header-fix-moment) {
        .u-header__nav-item:hover .u-header__nav-link {
            color: rgba(255, 255, 255, 0.7);
        }

.u-header__nav-link {
            color: white;

&:hover {
                color: rgba(255, 255, 255, 0.7);
            }
        }

.u-header__navbar-link, .dropdown-nav-link, .btn-text-secondary {
            color: white;
        }

.u-header__navbar-link:hover, .dropdown-nav-link:hover, .btn-text-secondary:hover {
            color: rgba(255, 255, 255, 0.6);
        }
    }
}

@media (min-width: 992px) {
    .u-header--white-nav-links-lg:not(.bg-white):not(.js-header-fix-moment) {
        .u-header__nav-item:hover .u-header__nav-link {
            color: rgba(255, 255, 255, 0.7);
        }

.u-header__nav-link {
            color: white;

&:hover {
                color: rgba(255, 255, 255, 0.7);
            }
        }

.u-header__navbar-link, .dropdown-nav-link, .btn-text-secondary {
            color: white;
        }

.u-header__navbar-link:hover, .dropdown-nav-link:hover, .btn-text-secondary:hover {
            color: rgba(255, 255, 255, 0.6);
        }
    }
}

@media (min-width: 1200px) {
    .u-header--white-nav-links-xl:not(.bg-white):not(.js-header-fix-moment) {
        .u-header__nav-item:hover .u-header__nav-link {
            color: rgba(255, 255, 255, 0.7);
        }

.u-header__nav-link {
            color: white;

&:hover {
                color: rgba(255, 255, 255, 0.7);
            }
        }

.u-header__navbar-link, .dropdown-nav-link, .btn-text-secondary {
            color: white;
        }

.u-header__navbar-link:hover, .dropdown-nav-link:hover, .btn-text-secondary:hover {
            color: rgba(255, 255, 255, 0.6);
        }
    }
}

@media (min-width: 1480px) {
    .u-header--white-nav-links-wd:not(.bg-white):not(.js-header-fix-moment) {
        .u-header__nav-item:hover .u-header__nav-link {
            color: rgba(255, 255, 255, 0.7);
        }

.u-header__nav-link {
            color: white;

&:hover {
                color: rgba(255, 255, 255, 0.7);
            }
        }

.u-header__navbar-link, .dropdown-nav-link, .btn-text-secondary {
            color: white;
        }

.u-header__navbar-link:hover, .dropdown-nav-link:hover, .btn-text-secondary:hover {
            color: rgba(255, 255, 255, 0.6);
        }
    }
}

/*------------------------------------
  Header White Nav Links
------------------------------------*/

.u-header--dark-nav-links:not(.bg-dark) {
    .u-header__nav-item:hover .u-header__nav-link {
        color: #297cbb;
    }

.u-header__nav-link {
        color: #3b444f;
    }
}

@media (min-width: 576px) {
    .u-header--dark-nav-links-sm:not(.bg-dark) {
        .u-header__nav-item:hover .u-header__nav-link {
            color: #297cbb;
        }

.u-header__nav-link {
            color: #3b444f;
        }
    }
}

@media (min-width: 768px) {
    .u-header--dark-nav-links-md:not(.bg-dark) {
        .u-header__nav-item:hover .u-header__nav-link {
            color: #297cbb;
        }

.u-header__nav-link {
            color: #3b444f;
        }
    }
}

@media (min-width: 992px) {
    .u-header--dark-nav-links-lg:not(.bg-dark) {
        .u-header__nav-item:hover .u-header__nav-link {
            color: #297cbb;
        }

.u-header__nav-link {
            color: #3b444f;
        }
    }
}

@media (min-width: 1200px) {
    .u-header--dark-nav-links-xl:not(.bg-dark) {
        .u-header__nav-item:hover .u-header__nav-link {
            color: #297cbb;
        }

.u-header__nav-link {
            color: #3b444f;
        }
    }
}

@media (min-width: 1480px) {
    .u-header--dark-nav-links-wd:not(.bg-dark) {
        .u-header__nav-item:hover .u-header__nav-link {
            color: #297cbb;
        }

.u-header__nav-link {
            color: #3b444f;
        }
    }
}

/*------------------------------------
  Navbar Expand
------------------------------------*/

.navbar-expand {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

&.u-header__navbar--no-space {
        padding-top: 0;
        padding-bottom: 0;
    }

.u-header__navbar-nav {
        -ms-flex-align: center;
        align-items: center;
        padding-top: 0;
        padding-bottom: 0;
    }

.u-header__sub-menu-bordered > li + li .nav-link {
        border-top: 1px solid #ebf0f7;
    }

.hs-mega-menu {
        padding: 1.875rem;
    }

.u-header__navbar-nav {
        .u-header__nav-last-item {
            text-align: right;
            padding-left: 1rem;
            padding-right: 0;
        }

.u-header__nav-link {
            padding-top: 1.5rem;
            padding-bottom: 1.5rem;
            padding-right: 1rem;
            padding-left: 1rem;
        }

.u-header__sub-menu {
            border-top: 0.1875rem solid #297cbb;
            border-bottom-right-radius: 0.3125rem;
            border-bottom-left-radius: 0.3125rem;
            box-shadow: 0 8px 20px rgba(41, 124, 187, 0.075);
        }
    }
}

[class*="u-header--bg-transparent"].u-header:not(.js-header-fix-moment) .navbar-expand .u-header__navbar-nav .u-header__sub-menu-rounded {
    border-top: unset;
    border-radius: 0.188rem;
}

.navbar-expand {
    .u-header__navbar-nav {
        .u-header__sub-menu-nav-link {
            padding-right: 0;
            padding-left: 0;
        }

.u-header__sub-menu-nav-group .u-header__sub-menu-nav-link {
            padding-left: 0;
        }

.u-header__sub-menu {
            &.hs-sub-menu {
                padding: 0.813rem 1.875rem;
            }

.hs-has-sub-menu {
                padding: 0;

.u-header__sub-menu {
                    margin-top: -1.1875rem;
                }
            }
        }
    }

.u-header__mega-menu-position-right-fix.hs-mega-menu.hs-position-right {
        right: 20%;
    }

.u-header__mega-menu-wrapper {
        padding: 2.5rem;
        margin-left: 0;
        margin-right: 0;
    }

.u-header__promo {
        border-bottom-right-radius: 0.3125rem;
    }

.u-header__promo-card {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        -ms-flex-direction: column;
        flex-direction: column;
    }

.u-header__promo-card-deck {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;

.u-header__promo-item:not(:last-child) .u-header__promo-link {
            position: relative;

&::after {
                position: absolute;
                top: 0;
                right: 0;
                margin-right: -1.5rem;
                border-right: 1px solid #e7eaf3;
                height: 100%;
                content: "";
            }
        }
    }

.u-header__nav-last-item {
        display: none;
    }

.u-header__nav-link, .u-header__sub-menu-nav-link {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
    }

.u-header__nav-link-toggle::after {
        margin-left: auto;
    }

.u-header__sub-menu-nav-link-toggle::after {
        margin-left: auto;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

.hs-mega-menu-opened .u-header__nav-link-toggle::after {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }

.hs-sub-menu-opened {
        .u-header__nav-link-toggle::after {
            -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
        }

> .u-header__sub-menu-nav-link-toggle::after {
            -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
        }
    }

.u-header__mega-menu-wrapper {
        padding-top: .5rem;
        padding-bottom: .5rem;
    }

.u-header__sub-menu {
        min-width: 100% !important;
    }

.u-header__sub-menu--spacer {
        padding-left: 1.5rem;
    }

.u-header__sub-menu {
        &:not(.u-header__promo) {
            border-left: 0.1875rem solid #297cbb;
        }

.u-header__sub-menu {
            padding-left: 1.5rem;
        }
    }

.u-header__sub-menu-title {
        padding-left: 1.5rem;
        margin-bottom: 0;
    }

.u-header__sub-menu-nav-group {
        padding-top: .5rem;
        padding-left: 1.5rem;
    }

.u-header__sub-menu .hs-has-sub-menu {
        padding-left: 1.5rem;
        padding-top: 0;
        padding-bottom: 0;

.hs-sub-menu {
            -webkit-animation: none;
            animation: none;
        }
    }

.u-header-center-aligned-nav__col-last-item {
        display: none;
    }

.u-header__promo-card-deck:last-child .u-header__promo-item:not(:last-child) {
        border-bottom: 1px solid #e7eaf3;
    }
}

@media (min-width: 576px) {
    .navbar-expand-sm {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;

&.u-header__navbar--no-space {
            padding-top: 0;
            padding-bottom: 0;
        }

.u-header__navbar-nav {
            -ms-flex-align: center;
            align-items: center;
            padding-top: 0;
            padding-bottom: 0;
        }

.u-header__sub-menu-bordered > li + li .nav-link {
            border-top: 1px solid #ebf0f7;
        }

.hs-mega-menu {
            padding: 1.875rem;
        }

.u-header__navbar-nav {
            .u-header__nav-last-item {
                text-align: right;
                padding-left: 1rem;
                padding-right: 0;
            }

.u-header__nav-link {
                padding-top: 1.5rem;
                padding-bottom: 1.5rem;
                padding-right: 1rem;
                padding-left: 1rem;
            }

.u-header__sub-menu {
                border-top: 0.1875rem solid #297cbb;
                border-bottom-right-radius: 0.3125rem;
                border-bottom-left-radius: 0.3125rem;
                box-shadow: 0 8px 20px rgba(41, 124, 187, 0.075);
            }
        }
    }

[class*="u-header--bg-transparent"].u-header:not(.js-header-fix-moment) .navbar-expand-sm .u-header__navbar-nav .u-header__sub-menu-rounded {
        border-top: unset;
        border-radius: 0.188rem;
    }

.navbar-expand-sm {
        .u-header__navbar-nav {
            .u-header__sub-menu-nav-link {
                padding-right: 0;
                padding-left: 0;
            }

.u-header__sub-menu-nav-group .u-header__sub-menu-nav-link {
                padding-left: 0;
            }

.u-header__sub-menu {
                &.hs-sub-menu {
                    padding: 0.813rem 1.875rem;
                }

.hs-has-sub-menu {
                    padding: 0;

.u-header__sub-menu {
                        margin-top: -1.1875rem;
                    }
                }
            }
        }

.u-header__mega-menu-position-right-fix.hs-mega-menu.hs-position-right {
            right: 20%;
        }

.u-header__mega-menu-wrapper {
            padding: 2.5rem;
            margin-left: 0;
            margin-right: 0;
        }

.u-header__promo {
            border-bottom-right-radius: 0.3125rem;
        }

.u-header__promo-card {
            display: -ms-flexbox;
            display: flex;
            -ms-flex: 1 0 0%;
            flex: 1 0 0%;
            -ms-flex-direction: column;
            flex-direction: column;
        }

.u-header__promo-card-deck {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-flow: row wrap;
            flex-flow: row wrap;

.u-header__promo-item:not(:last-child) .u-header__promo-link {
                position: relative;

&::after {
                    position: absolute;
                    top: 0;
                    right: 0;
                    margin-right: -1.5rem;
                    border-right: 1px solid #e7eaf3;
                    height: 100%;
                    content: "";
                }
            }
        }
    }
}

@media (min-width: 768px) {
    .navbar-expand-md {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;

&.u-header__navbar--no-space {
            padding-top: 0;
            padding-bottom: 0;
        }

.u-header__navbar-nav {
            -ms-flex-align: center;
            align-items: center;
            padding-top: 0;
            padding-bottom: 0;
        }

.u-header__sub-menu-bordered > li + li .nav-link {
            border-top: 1px solid #ebf0f7;
        }

.hs-mega-menu {
            padding: 1.875rem;
        }

.u-header__navbar-nav {
            .u-header__nav-last-item {
                text-align: right;
                padding-left: 1rem;
                padding-right: 0;
            }

.u-header__nav-link {
                padding-top: 1.5rem;
                padding-bottom: 1.5rem;
                padding-right: 1rem;
                padding-left: 1rem;
            }

.u-header__sub-menu {
                border-top: 0.1875rem solid #297cbb;
                border-bottom-right-radius: 0.3125rem;
                border-bottom-left-radius: 0.3125rem;
                box-shadow: 0 8px 20px rgba(41, 124, 187, 0.075);
            }
        }
    }

[class*="u-header--bg-transparent"].u-header:not(.js-header-fix-moment) .navbar-expand-md .u-header__navbar-nav .u-header__sub-menu-rounded {
        border-top: unset;
        border-radius: 0.188rem;
    }

.navbar-expand-md {
        .u-header__navbar-nav {
            .u-header__sub-menu-nav-link {
                padding-right: 0;
                padding-left: 0;
            }

.u-header__sub-menu-nav-group .u-header__sub-menu-nav-link {
                padding-left: 0;
            }

.u-header__sub-menu {
                &.hs-sub-menu {
                    padding: 0.813rem 1.875rem;
                }

.hs-has-sub-menu {
                    padding: 0;

.u-header__sub-menu {
                        margin-top: -1.1875rem;
                    }
                }
            }
        }

.u-header__mega-menu-position-right-fix.hs-mega-menu.hs-position-right {
            right: 20%;
        }

.u-header__mega-menu-wrapper {
            padding: 2.5rem;
            margin-left: 0;
            margin-right: 0;
        }

.u-header__promo {
            border-bottom-right-radius: 0.3125rem;
        }

.u-header__promo-card-deck {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-flow: row wrap;
            flex-flow: row wrap;

.u-header__promo-item:not(:last-child) .u-header__promo-link {
                position: relative;

@media (min-width: 992px) {
    .navbar-expand-lg {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;

&.u-header__navbar--no-space {
            padding-top: 0;
            padding-bottom: 0;
        }

.u-header__navbar-nav {
            -ms-flex-align: center;
            align-items: center;
            padding-top: 0;
            padding-bottom: 0;
        }

.u-header__sub-menu-bordered > li + li .nav-link {
            border-top: 1px solid #ebf0f7;
        }

.hs-mega-menu {
            padding: 1.875rem;
        }

.u-header__navbar-nav {
            .u-header__nav-last-item {
                text-align: right;
                padding-left: 1rem;
                padding-right: 0;
            }

.u-header__nav-link {
                padding-top: 1.5rem;
                padding-bottom: 1.5rem;
                padding-right: 1rem;
                padding-left: 1rem;
            }

.u-header__sub-menu {
                border-top: 0.1875rem solid #297cbb;
                border-bottom-right-radius: 0.3125rem;
                border-bottom-left-radius: 0.3125rem;
                box-shadow: 0 8px 20px rgba(41, 124, 187, 0.075);
            }
        }
    }

[class*="u-header--bg-transparent"].u-header:not(.js-header-fix-moment) .navbar-expand-lg .u-header__navbar-nav .u-header__sub-menu-rounded {
        border-top: unset;
        border-radius: 0.188rem;
    }

.navbar-expand-lg {
        .u-header__navbar-nav {
            .u-header__sub-menu-nav-link {
                padding-right: 0;
                padding-left: 0;
            }

.u-header__sub-menu-nav-group .u-header__sub-menu-nav-link {
                padding-left: 0;
            }

.u-header__sub-menu {
                &.hs-sub-menu {
                    padding: 0.813rem 1.875rem;
                }

.hs-has-sub-menu {
                    padding: 0;

.u-header__sub-menu {
                        margin-top: -1.1875rem;
                    }
                }
            }
        }

.u-header__mega-menu-position-right-fix.hs-mega-menu.hs-position-right {
            right: 20%;
        }

.u-header__mega-menu-wrapper {
            padding: 2.5rem;
            margin-left: 0;
            margin-right: 0;
        }

.u-header__promo {
            border-bottom-right-radius: 0.3125rem;
        }

.u-header__promo-card-deck {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-flow: row wrap;
            flex-flow: row wrap;

.u-header__promo-item:not(:last-child) .u-header__promo-link {
                position: relative;

@media (min-width: 1200px) {
    .navbar-expand-xl {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;

&.u-header__navbar--no-space {
            padding-top: 0;
            padding-bottom: 0;
        }

.u-header__navbar-nav {
            -ms-flex-align: center;
            align-items: center;
            padding-top: 0;
            padding-bottom: 0;
        }

.u-header__sub-menu-bordered > li + li .nav-link {
            border-top: 1px solid #ebf0f7;
        }

.hs-mega-menu {
            padding: 1.875rem;
        }

.u-header__navbar-nav {
            .u-header__nav-last-item {
                text-align: right;
                padding-left: 1rem;
                padding-right: 0;
            }

.u-header__nav-link {
                padding-top: 1.5rem;
                padding-bottom: 1.5rem;
                padding-right: 1rem;
                padding-left: 1rem;
            }

.u-header__sub-menu {
                border-top: 0.1875rem solid #297cbb;
                border-bottom-right-radius: 0.3125rem;
                border-bottom-left-radius: 0.3125rem;
                box-shadow: 0 8px 20px rgba(41, 124, 187, 0.075);
            }
        }
    }

[class*="u-header--bg-transparent"].u-header:not(.js-header-fix-moment) .navbar-expand-xl .u-header__navbar-nav .u-header__sub-menu-rounded {
        border-top: unset;
        border-radius: 0.188rem;
    }

.navbar-expand-xl {
        .u-header__navbar-nav {
            .u-header__sub-menu-nav-link {
                padding-right: 0;
                padding-left: 0;
            }

.u-header__sub-menu-nav-group .u-header__sub-menu-nav-link {
                padding-left: 0;
            }

.u-header__sub-menu {
                &.hs-sub-menu {
                    padding: 0.813rem 1.875rem;
                }

.hs-has-sub-menu {
                    padding: 0;

.u-header__sub-menu {
                        margin-top: -1.1875rem;
                    }
                }
            }
        }

.u-header__mega-menu-position-right-fix.hs-mega-menu.hs-position-right {
            right: 20%;
        }

.u-header__mega-menu-wrapper {
            padding: 2.5rem;
            margin-left: 0;
            margin-right: 0;
        }

.u-header__promo {
            border-bottom-right-radius: 0.3125rem;
        }

.u-header__promo-card-deck {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-flow: row wrap;
            flex-flow: row wrap;

.u-header__promo-item:not(:last-child) .u-header__promo-link {
                position: relative;

@media (min-width: 1480px) {
    .navbar-expand-wd {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;

&.u-header__navbar--no-space {
            padding-top: 0;
            padding-bottom: 0;
        }

.u-header__navbar-nav {
            -ms-flex-align: center;
            align-items: center;
            padding-top: 0;
            padding-bottom: 0;
        }

.u-header__sub-menu-bordered > li + li .nav-link {
            border-top: 1px solid #ebf0f7;
        }

.hs-mega-menu {
            padding: 1.875rem;
        }

.u-header__navbar-nav {
            .u-header__nav-last-item {
                text-align: right;
                padding-left: 1rem;
                padding-right: 0;
            }

.u-header__nav-link {
                padding-top: 1.5rem;
                padding-bottom: 1.5rem;
                padding-right: 1rem;
                padding-left: 1rem;
            }

.u-header__sub-menu {
                border-top: 0.1875rem solid #297cbb;
                border-bottom-right-radius: 0.3125rem;
                border-bottom-left-radius: 0.3125rem;
                box-shadow: 0 8px 20px rgba(41, 124, 187, 0.075);
            }
        }
    }

[class*="u-header--bg-transparent"].u-header:not(.js-header-fix-moment) .navbar-expand-wd .u-header__navbar-nav .u-header__sub-menu-rounded {
        border-top: unset;
        border-radius: 0.188rem;
    }

.navbar-expand-wd {
        .u-header__navbar-nav {
            .u-header__sub-menu-nav-link {
                padding-right: 0;
                padding-left: 0;
            }

.u-header__sub-menu-nav-group .u-header__sub-menu-nav-link {
                padding-left: 0;
            }

.u-header__sub-menu {
                &.hs-sub-menu {
                    padding: 0.813rem 1.875rem;
                }

.hs-has-sub-menu {
                    padding: 0;

.u-header__sub-menu {
                        margin-top: -1.1875rem;
                    }
                }
            }
        }

.u-header__mega-menu-position-right-fix.hs-mega-menu.hs-position-right {
            right: 20%;
        }

.u-header__mega-menu-wrapper {
            padding: 2.5rem;
            margin-left: 0;
            margin-right: 0;
        }

.u-header__promo {
            border-bottom-right-radius: 0.3125rem;
        }

.u-header__promo-card-deck {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-flow: row wrap;
            flex-flow: row wrap;

.u-header__promo-item:not(:last-child) .u-header__promo-link {
                position: relative;

@media (max-width: 575.98px) {
    .navbar-expand-sm {
        .u-header__nav-last-item {
            display: none;
        }

.u-header__nav-link, .u-header__sub-menu-nav-link {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
        }

.u-header__nav-link-toggle::after {
            margin-left: auto;
        }

.u-header__sub-menu-nav-link-toggle::after {
            margin-left: auto;
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
        }

.hs-mega-menu-opened .u-header__nav-link-toggle::after {
            -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
        }

.hs-sub-menu-opened {
            .u-header__nav-link-toggle::after {
                -webkit-transform: rotate(-180deg);
                transform: rotate(-180deg);
            }

> .u-header__sub-menu-nav-link-toggle::after {
                -webkit-transform: rotate(-90deg);
                transform: rotate(-90deg);
            }
        }

.u-header__mega-menu-wrapper {
            padding-top: .5rem;
            padding-bottom: .5rem;
        }

.u-header__sub-menu {
            min-width: 100% !important;
        }

.u-header__sub-menu--spacer {
            padding-left: 1.5rem;
        }

.u-header__sub-menu {
            &:not(.u-header__promo) {
                border-left: 0.1875rem solid #297cbb;
            }

.u-header__sub-menu {
                padding-left: 1.5rem;
            }
        }

.u-header__sub-menu-title {
            padding-left: 1.5rem;
            margin-bottom: 0;
        }

.u-header__sub-menu-nav-group {
            padding-top: .5rem;
            padding-left: 1.5rem;
        }

.u-header__sub-menu .hs-has-sub-menu {
            padding-left: 1.5rem;
            padding-top: 0;
            padding-bottom: 0;

.hs-sub-menu {
                -webkit-animation: none;
                animation: none;
            }
        }

.u-header-center-aligned-nav__col-last-item {
            display: none;
        }

.u-header__promo-card-deck:last-child .u-header__promo-item:not(:last-child) {
            border-bottom: 1px solid #e7eaf3;
        }
    }
}

@media (max-width: 767.98px) {
    .navbar-expand-md {
        .u-header__nav-last-item {
            display: none;
        }