.snip1226 {
    text-align: center;
    font-weight: 500;
}

    .snip1226 * {
        box-sizing: border-box;
        -webkit-transition: all 0.35s ease;
        transition: all 0.35s ease;
    }

    .snip1226 li {
        display: inline-block;
        list-style: outside none none;
        margin: 0 0.2em;
        overflow: hidden;
    }

    .snip1226 a {
        padding: 0.3em 0;
        color: black;
        position: relative;
        display: inline-block;
        letter-spacing: 1px;
        margin: 0;
        text-decoration: none;
    }

        .snip1226 a:before,
        .snip1226 a:after {
            position: absolute;
            -webkit-transition: all 0.35s ease;
            transition: all 0.35s ease;
        }

        .snip1226 a:before {
            bottom: 100%;
            display: block;
            height: 3px;
            width: 100%;
            content: "";
            background-color: #e67e22;
        }

        .snip1226 a:after {
            padding: 0.3em 0;
            position: absolute;
            bottom: 100%;
            left: 0;
            content: attr(data-hover);
            color: black;
            white-space: nowrap;
        }

    .snip1226 li:hover a,
    .snip1226 .current a {
        transform: translateY(100%);
    }


.snip1217 {
    text-align: center;
    font-weight: 500;
    letter-spacing: 1px;
}

    .snip1217 * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all 0.35s ease;
        transition: all 0.35s ease;
    }

    .snip1217 li {
        display: inline-block;
        list-style: outside none none;
      /*  margin: 0.2em 0.2em;*/
        padding: 0;
    }

    .snip1217 a {
        padding: 0.3em 0;
        color: black;
        position: relative;
        text-decoration: none;
        display: inline-block;
    }

        .snip1217 a:before,
        .snip1217 a:after {
            height: 3px;
            position: absolute;
            content: '';
            -webkit-transition: all 0.35s ease;
            transition: all 0.35s ease;
            background-color: #9b59b6;
            width: 0;
        }

        .snip1217 a:before {
            top: 0;
            left: 0;
        }

        .snip1217 a:after {
            bottom: 0;
            right: 0;
        }

        .snip1217 a:hover,
        .snip1217 .current a {
            color: black;
        }

            .snip1217 a:hover:before,
            .snip1217 .current a:before,
            .snip1217 a:hover:after,
            .snip1217 .current a:after {
                width: 100%;
            }

snip1211 {
    text-align: center;
    font-weight: 500;
    letter-spacing: 1px;
}

.snip1211 * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.snip1211 li {
    display: inline-block;
    list-style: outside none none;
    margin: 0.2em 0.2em;
    padding: 0;
}

.snip1211 a {
    padding: 0.4em 0;
    color: black;
    position: relative;
    text-decoration: none;
    display: inline-block;
}

    .snip1211 a:before {
        position: absolute;
        content: '';
        -webkit-transition: all 0.35s ease;
        transition: all 0.35s ease;
        opacity: 0;
        top: 25%;
        bottom: 25%;
        left: 0;
        right: 0;
        border-top: 3px solid #34495e;
        border-bottom: 3px solid #34495e;
    }

    .snip1211 a:hover,
    .snip1211 .current a {
        color: black;
    }

        .snip1211 a:hover:before,
        .snip1211 .current a:before {
            opacity: 1;
            top: 0;
            bottom: 0;
        }


.snip1198 {
    text-align: center;
    font-weight: 500;
    letter-spacing: 1px;
}

    .snip1198 * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all 0.35s ease;
        transition: all 0.35s ease;
    }

    .snip1198 li {
        display: inline-block;
        list-style: outside none none;
        margin: 0;
        padding: 0;
    }

    .snip1198 a {
        padding: 0 0.7em;
        color: black;
        position: relative;
        text-decoration: none;
        display: inline-block;
    }

        .snip1198 a:before {
            position: absolute;
            content: '';
            -webkit-transition: all 0.35s ease;
            transition: all 0.35s ease;
            opacity: 0;
            left: 15%;
            right: 15%;
            top: 0;
            bottom: 0;
            border-left: 3px solid #27ae60;
            border-right: 3px solid #27ae60;
        }

        .snip1198 a:hover,
        .snip1198 .current a {
            color: black;
        }

            .snip1198 a:hover:before,
            .snip1198 .current a:before {
                opacity: 1;
                left: 0;
                right: 0;
            }

.snip1189 {
    text-align: center;
    font-weight: 500;
    letter-spacing: 1px;
}

    .snip1189 * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all 0.35s ease;
        transition: all 0.35s ease;
    }

    .snip1189 li {
        display: inline-block;
        list-style: outside none none;
        margin: 0 0.2em;
        padding: 0;
    }

    .snip1189 a {
        padding: 0.5em 0.8em;
        margin: 0.2em 0;
        display: block;
        color: black;
        position: relative;
        text-decoration: none;
    }

        .snip1189 a:before,
        .snip1189 a:after {
            height: 14px;
            width: 14px;
            position: absolute;
            content: '';
            -webkit-transition: all 0.35s ease;
            transition: all 0.35s ease;
            opacity: 0;
        }

        .snip1189 a:before {
            left: 0;
            top: 0;
            border-left: 3px solid #c0392b;
            border-top: 3px solid #c0392b;
            -webkit-transform: translate(100%, 50%);
            transform: translate(100%, 50%);
        }

        .snip1189 a:after {
            right: 0;
            bottom: 0;
            border-right: 3px solid #c0392b;
            border-bottom: 3px solid #c0392b;
            -webkit-transform: translate(-100%, -50%);
            transform: translate(-100%, -50%);
        }

        .snip1189 a:hover,
        .snip1189 .current a {
            color: black;
        }

            .snip1189 a:hover:before,
            .snip1189 .current a:before,
            .snip1189 a:hover:after,
            .snip1189 .current a:after {
                -webkit-transform: translate(0%, 0%);
                transform: translate(0%, 0%);
                opacity: 1;
            }

.snip1175 {
    text-align: center;
    font-weight: 500;
}

    .snip1175 * {
        box-sizing: border-box;
        -webkit-transition: all 0.35s ease;
        transition: all 0.35s ease;
    }

    .snip1175 li {
        display: inline-block;
        list-style: outside none none;
        margin: 0 0.2em;
        overflow: hidden;
    }

    .snip1175 a {
        padding: 0 0.5em 0 0.2em;
        color: black;
        position: relative;
        display: inline-block;
        letter-spacing: 1px;
        margin: 0;
        text-decoration: none;
    }

        .snip1175 a:before,
        .snip1175 a:after {
            position: absolute;
            -webkit-transition: all 0.35s ease;
            transition: all 0.35s ease;
        }

        .snip1175 a:before {
            right: 100%;
            display: block;
            width: 3px;
            height: 100%;
            content: "";
            background-color: #f39c12;
        }

        .snip1175 a:after {
            padding: 0 0.5em 0 0.2em;
            position: absolute;
            right: 100%;
            top: 0;
            content: attr(data-hover);
            color: black;
            white-space: nowrap;
        }

    .snip1175 li:hover a,
    .snip1175 .current a {
        transform: translateX(100%);
    }