#clx-dropdown-navigation ul li.level-1:focus>a,
#clx-dropdown-navigation ul li.level-1:active>a,
#clx-dropdown-navigation ul li.level-1.active>a,
#clx-dropdown-navigation ul li.level-1.starter_active>a,
#clx-dropdown-navigation ul li.level-1:hover>a {
    display: block;
    padding: 0 15px;
    line-height: 110px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 1em;
    letter-spacing: 0.05em;
    color: var(--navi_main_hover);
    border-bottom: 0px;
    outline: none;
}

#clx-dropdown-navigation ul li.level-1>a {
    display: block;
    padding: 0 15px;
    line-height: 110px;
    text-transform: uppercase;
    font-weight: 300;
    color: var(--navi_main);
    font-size: 1em;
    letter-spacing: 0.05em;
    outline: none;
}

#clx-dropdown-navigation ul li.level-1 li a:hover,
#clx-dropdown-navigation ul li.level-1 li a:focus,
#clx-dropdown-navigation ul li.level-1 li a:active,
#clx-dropdown-navigation ul li.level-1 li a.active,
#clx-dropdown-navigation ul li.level-1 li a.starter_active,
#clx-dropdown-navigation ul li.level-2:hover>a,
#clx-dropdown-navigation ul li.level-2:focus>a,
#clx-dropdown-navigation ul li.level-2:active>a,
#clx-dropdown-navigation ul li.level-2.active>a,
#clx-dropdown-navigation ul li.level-2.starter_active>a {
    color: var(--navi_active);
}

#clx-dropdown-navigation {
    font-size: 1.1em;
    font-family: 'Oswald', sans-serif;
    font-weight: 200;
    color: rgba(52, 58, 64, 1);
}

#clx-dropdown-navigation {
    display: none;
}

a.level-2.inactive,
a.level-3.inactive {
    color: rgba(52, 58, 64, 1);
    display: block;
    text-align: left;
    text-decoration: none;
}

a.level-2.inactive:hover,
a.level-3.inactive:hover {
    color: rgba(232, 59, 59, 1);
    display: block;
    text-align: left;
}

a.level-2.active,
a.level-3.active {
    color: rgba(52, 58, 64, 1);
    display: block;
    text-align: left;
    text-decoration: none;
    outline: none;
}

a.level-2.active:hover,
a.level-3.active:hover {
    color: rgba(232, 59, 59, 1);
    display: block;
    text-align: left;
}

@media (min-width: 768px) {}

@media (min-width: 992px) {
    #clx-dropdown-navigation {
        display: inline-block;
    }

    #clx-dropdown-navigation ul {
        list-style: none;
        padding: 0;
        margin: 0;
        height: auto;
        width: auto;
    }

    #clx-dropdown-navigation ul li {
        position: relative;
        display: inline-block;
    }

    #clx-dropdown-navigation li.level-1>ul {
        display: none;
        position: absolute;
        height: auto;
        left: 0;
        padding: 0;
        background-color: #ffffff;
        width: 200px;
    }

    #clx-dropdown-navigation li.level-1:last-child>ul {
        right: 0;
        left: unset;
    }

    #clx-dropdown-navigation li.level-1>ul li {
        display: block;
    }

    #clx-dropdown-navigation li.level-1:hover>ul,
    #clx-dropdown-navigation li.level-1:focus>ul {
        display: block;
    }

    #clx-dropdown-navigation li.level-2>ul {
        display: none;
        position: absolute;
        height: auto;
        top: 0;
        background-color: #ffffff;
        padding: 0;
        left: 200px;
        width: 200px;
    }

    #clx-dropdown-navigation li.level-1:last-child>ul li.level-2>ul {
        background-color: rgba(232, 59, 59, 1);
        right: 200px;
        left: unset;
    }

    #clx-dropdown-navigation li.level-2>ul li {
        display: block;
    }

    #clx-dropdown-navigation li.level-2:hover>ul,
    #clx-dropdown-navigation li.level-2:focus>ul {
        display: block;
    }

    #clx-dropdown-navigation ul li.level-2 li a:hover,
    #clx-dropdown-navigation ul li.level-2 li a:focus,
    #clx-dropdown-navigation ul li.level-2 li a:active,
    #clx-dropdown-navigation ul li.level-2 li a.active,
    #clx-dropdown-navigation ul li.level-2 li a.starter_active,
    #clx-dropdown-navigation ul li.level-3:hover>a,
    #clx-dropdown-navigation ul li.level-3:focus>a,
    #clx-dropdown-navigation ul li.level-3:active>a,
    #clx-dropdown-navigation ul li.level-3.active>a,
    #clx-dropdown-navigation ul li.level-3.starter_active>a,
    #clx-dropdown-navigation ul li.level-3 li a:hover,
    #clx-dropdown-navigation ul li.level-3 li a:focus,
    #clx-dropdown-navigation ul li.level-3 li a:active,
    #clx-dropdown-navigation ul li.level-3 li a.active,
    #clx-dropdown-navigation ul li.level-3 li a.starter_active {
        color: rgba(232, 59, 59, 1);
    }
}

@media (min-width: 1200px) {}

#clx-dropdown-navigation ul li.clx-level-1:focus>a,
#clx-dropdown-navigation ul li.clx-level-1:active>a,
#clx-dropdown-navigation ul li.clx-level-1.active>a,
#clx-dropdown-navigation ul li.clx-level-1.starter_active>a {
    color: rgb(235, 90, 35);
    text-decoration: none;
    word-break: break-word;
}

#clx-dropdown-navigation ul li.clx-level-1:hover>a {
    color: #f00f0f;
}

#clx-dropdown-navigation li.clx-level-1>ul:before {
    background-color: #ff0ff0;
}

#clx-dropdown-navigation ul li.clx-level-2:focus>a,
#clx-dropdown-navigation ul li.clx-level-2:active>a,
#clx-dropdown-navigation ul li.clx-level-2.active>a,
#clx-dropdown-navigation ul li.clx-level-3:focus>a,
#clx-dropdown-navigation ul li.clx-level-3:active>a,
#clx-dropdown-navigation ul li.clx-level-3.active>a,
#clx-dropdown-navigation ul li.clx-level-3:hover>a,
#clx-dropdown-navigation ul li.clx-level-2:hover>a {
    color: red;
    border-color: pink;
    stroke: lightblue;
}

#clx-dropdown-navigation {
    display: none;
}

@media (min-width: 768px) {}

@media (min-width: 992px) {}

@media (min-width: 1200px) {
    #clx-dropdown-navigation {
        display: inline-block;
        position: absolute;
        top: 0;
        right: 0;
    }

    #clx-dropdown-navigation ul {
        list-style: none;
        padding: 0;
        margin: 0;
        width: auto;
    }

    #clx-dropdown-navigation ul li {
        position: relative;
        display: inline-block;
    }

    #clx-dropdown-navigation li.level-1>ul {
        display: none;
        position: absolute;
        height: auto;
        left: 0;
        padding: 0;
        background-color: #ffffff;
        width: 200px;
    }

    #clx-dropdown-navigation li.level-1>ul li {
        display: block;
    }

    #clx-dropdown-navigation li.level-1:hover>ul,
    #clx-dropdown-navigation li.level-1:focus>ul {
        display: block;
    }

    #clx-dropdown-navigation li.level-2>ul {
        display: none;
        position: absolute;
        height: auto;
        top: 0;
        padding: 0;
        left: 200px;
        width: 200px;
    }

    #clx-dropdown-navigation li.level-2>ul li {
        display: block;
    }

    #clx-dropdown-navigation li.level-2>a {
        line-height: 1em !important;
        padding: 10px 15px;

        background-color: #ffffff;
        margin-bottom: 1px;
    }

    #clx-dropdown-navigation li.level-2:hover>ul,
    #clx-dropdown-navigation li.level-2:focus>ul {
        display: block;
    }

    #clx-dropdown-navigation ul li.level-2 li a:hover,
    #clx-dropdown-navigation ul li.level-2 li a:focus,
    #clx-dropdown-navigation ul li.level-2 li a:active,
    #clx-dropdown-navigation ul li.level-2 li a.active,
    #clx-dropdown-navigation ul li.level-2 li a.starter_active,
    #clx-dropdown-navigation ul li.level-3:hover>a,
    #clx-dropdown-navigation ul li.level-3:focus>a,
    #clx-dropdown-navigation ul li.level-3:active>a,
    #clx-dropdown-navigation ul li.level-3.active>a,
    #clx-dropdown-navigation ul li.level-3.starter_active>a,
    #clx-dropdown-navigation ul li.level-3 li a:hover,
    #clx-dropdown-navigation ul li.level-3 li a:focus,
    #clx-dropdown-navigation ul li.level-3 li a:active,
    #clx-dropdown-navigation ul li.level-3 li a.active,
    #clx-dropdown-navigation ul li.level-3 li a.starter_active {
        color: #0000ff;
    }
}

@media (min-width: 768px) {}

@media (min-width: 992px) {}

@media (min-width: 1200px) {}

@media (min-width: 1600px) {}