@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/materialicons/v82/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

.secondary-menu.dark-menu.sticky {
    position: fixed;
    top: 99px;
    z-index: 11;
}

.secondary-menu.light-menu.sticky {
    position: fixed;
    top: 99px;
    z-index: 11;
}

.secondary-menu-header {
    width: 100%;
}

    .secondary-menu-header.affix .secondary-menu {
        padding-left: 0px;
        height: 60px;
        margin-top: 99px;
    }

.secondary-menu {
    width: 100%;
    height: 60px;
    margin: 0;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075);
    border-color: #e8e8e8;
}

    .secondary-menu nav {
        height: 100%;
    }


    .secondary-menu-span,
    .secondary-menu ul {
        padding: 19px 0 17px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0;
        box-sizing: border-box;
        vertical-align: middle;
    }

        .secondary-menu ul li > i {
            font-size: 20px;
        }

        .secondary-menu ul li {
            list-style: none;
            display: inline-block;
            padding: 0px 15px;
        }

            .secondary-menu-span-link i,
            .secondary-menu ul li i {
                font-style: normal;
                vertical-align: middle;
                margin-right: 5px;
            }

            .secondary-menu-span a,
            .secondary-menu ul li a {
                font-family: "Gotham A", "Gotham B", "Lato";
                font-size: 16px;
                line-height: 19px;
                font-weight: 500;
                letter-spacing: 0;
                display: flex;
                padding: 0 0 5px;
                margin: 0 15px;
                position: relative;
                text-decoration: none;
            }

                .secondary-menu-span .active:after,
                .secondary-menu ul li a:after {
                    content: '';
                    display: block;
                    height: 4px;
                    width: 85%;
                    position: absolute;
                    bottom: -4px;
                    left: 50%;
                    transform: translateX(-50%);
                    transition: 0.2s linear;
                    border-bottom: 4px solid transparent;
                }

            .secondary-menu-span .active:after, .secondary-menu ul li .active a:after {
                content: '';
                display: block;
                height: 4px;
                width: 85%;
                position: absolute;
                bottom: -4px;
                left: 50%;
                transform: translateX(-50%);
                transition: 0.2s linear;
                border-bottom: 4px solid #722431;
            }

            .secondary-menu ul li a:hover:after {
                border-bottom: 4px solid #A8A8A8;
            }

            .secondary-menu ul li.active a:after {
                border-bottom-color: #fff;
                width: 100%;
            }

.light-menu .secondary-menu-span .active:after,
.light-menu.secondary-menu ul li.active a:after {
    border-bottom-color: var(--csptabs);
}

.material-icon {
    font-size: 20px;
    font-family: 'Material Icons';
}

.light-menu {
    background: transparent linear-gradient(180deg, #FEFEFE 0%, #ECECEC 100%) 0% 0% no-repeat padding-box;
    border: none;
    box-shadow: none;
}

.dark-menu {
    background: #333333;
}

.light-menu .material-icon {
    color: #333333;
}

.dark-menu .material-icon {
    color: #ffffff;
}

.light-menu ul li a {
    color: #333333;
    margin: 0;
}

.dark-menu ul li a {
    color: #ffffff !important;
    margin: 0;
}

.secondary-menu ul li div {
    font-family: "Gotham A", "Gotham B", "Lato";
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    padding: 0 15px;
}

.secondary-menu-span {
    display: none;
}

@media(max-width: 1041px) and (min-width: 200px) {

    .secondary-menu.light-menu.sticky,
    .secondary-menu.dark-menu.sticky {
        top: 0px;
    }

    .secondary-menu-span {
        display: block;
        position: relative;
        text-align: center;
        font-family: "Gotham A", "Gotham B", "Lato";
        font-size: 12px;
    }

    .secondary-menu-ul {
        text-align: center;
    }

    .secondary-menu {
        height: auto;
    }

        .secondary-menu ul {
            flex-direction: column;
            align-items: center;
        }

        .secondary-menu a {
            color: #333333;
        }


    .light-menu .material-icon {
        color: #333333;
    }


    .dark-menu .material-icon {
        color: #ffffff;
    }

    .secondary-menu-span-link {
        display: flex;
        justify-content: center;
    }

    .dark-menu .secondary-menu-span .active {
    }

    .secondary-menu-span i {
        font-style: normal;
    }

    .arrow {
        border: solid black;
        border-width: 0 3px 3px 0;
        display: inline-block;
        padding: 3px;
    }

    .down {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }

    .light-menu a {
        color: #333333;
    }

    .dark-menu a {
        color: #ffffff !important;
    }

    .droparrowselect {
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
    }

    .dark-menu .arrow {
        border-color: #ffffff;
    }

    .secondary-menu ul li {
        padding: 12px 25px;
        display: flex;
        justify-content: center;
    }

        .secondary-menu ul li:first-child {
            padding-top: 0px;
        }

    .secondary-menu nav .secondary-menu-ul.secondary-menu-hide {
        display: none;
    }
}

#scWebEditRibbon { margin: 0px !important; }

.Secondary-Menu-Tab {
    display: flex;
    align-items: self-end;
}