@import url( https://fonts.googleapis.com/css?family=Roboto Condensed:300|Roboto:900,400 );

@media screen and (max-width:767px) {
    #off-menu_317 {
        display: none !important;
    }

    .sm-btn-317 {
        display: none !important;
    }
}

@media screen and (max-width:991px) and (min-width:768px) {
    #off-menu_317 {
        display: none !important;
    }

    .sm-btn-317 {
        display: none !important;
    }
}

.off-menu_317 .sm-logo {
    text-align: center;
}

    .off-menu_317 .sm-logo img {
        max-width: 100%;
    }

.off-menu_317 dt.sm-mod {
    padding: 0px !important;
    cursor: default !important;
    background-color: inherit !important;
}

    .off-menu_317 dt.sm-mod:hover {
        padding: 0px !important;
        cursor: default !important;
        background-color: inherit !important;
    }

.off-menu_317 .sm-modpos {
    padding: 9px !important;
    font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
    cursor: default !important;
    background-color: inherit !important;
}

.off-menu_317 .sm-postag {
    background: rgb(78, 215, 194);
    padding: 0px 7px;
    border-radius: 4px 4px 0px 0px;
    color: rgb(255, 255, 255);
    line-height: 20px;
    font-size: 12px;
    display: inline-block;
}

.off-menu_317 .sm-posname {
    background: rgb(245, 245, 245);
    border: 1px solid rgb(227, 227, 227);
    border-image: none;
    text-align: center;
    color: rgb(67, 67, 67);
    line-height: 50px;
    font-size: 16px;
    font-weight: normal;
}

.off-menu_317 dt.sm-modpos::after {
    display: none !important;
}

.off-menu_317 dt.sm-mod::after {
    display: none !important;
}

.off-menu_317 dt.sm-modpos::before {
    display: none !important;
}

.off-menu_317 dt.sm-mod::before {
    display: none !important;
}

.off-menu_317 dt.sm-back-item a {
    cursor: pointer;
}

.off-menu_317 dt.parent::after {
    cursor: pointer;
}

.off-menu_317 dt.parent::before {
    cursor: pointer;
}

.off-menu_317 .sm-level > dl > dt {
    -ms-overflow-x: hidden !important;
    max-width: 100vw;
}

.sm-scroll .sm-level dt {
    pointer-events: none !important;
}

.off-menu_317 > div.sm-level {
    width: 250px;
    height: auto;
    max-height: 100vh;
}

html.sm-full-317 {
    padding: 0px !important;
    border: 0px currentColor !important;
    border-image: none !important;
}

    html.sm-full-317 body {
        padding: 0px !important;
        border: 0px currentColor !important;
        border-image: none !important;
    }

html:not(.sm-reduce-width).sm-full-317 {
    overflow: hidden !important;
}

    html:not(.sm-reduce-width).sm-full-317 body {
        overflow: hidden !important;
    }

html.sm-full-317.sm-reduce-width body {
    position: static !important;
}

.no-trans {
    transition: none !important;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
}

.sm-full-317 .sm-pusher {
    outline: transparent solid 1px;
    transition: transform 0.5s;
    height: 100%;
    overflow: hidden !important;
    position: relative;
    z-index: 99;
    -webkit-transition: -webkit-transform 0.5s ease 0s;
    -moz-transition: -moz-transform 0.5s ease 0s;
    -o-transition: -o-transform 0.5s ease 0s;
}

.sm-pusher::after {
    background: rgb(0, 0, 0);
    transition: opacity 0.5s;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    visibility: hidden;
    position: fixed;
    z-index: 10000;
    content: "";
    opacity: 0;
    -webkit-transition: opacity 0.5s ease 0s;
    -moz-transition: opacity 0.5s ease 0s;
    -o-transition: opacity 0.5s ease 0s;
}

.sm-content {
    max-width: 100vw;
}

.sm-full-317 .sm-pusher::after {
    visibility: visible;
}

.sm-open-317 .sm-pusher::after {
    opacity: 0.2;
}

.sm-full-317 .sm-content-inner {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.sm-full-317 .sm-content {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.sm-full-317 .sm-pusher {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.sm-full-317 .sm-content {
    width: 100vw;
    height: 100%;
    -ms-overflow-y: auto !important;
}

@media all and (max-width:767px) {
    .sm-menu > .menu-icon-cont {
        margin-right: 0px !important;
    }
}

@media all and (min-width:768px) {
    .sm-full-317.sm-reduce-width .sm-content {
        transition: max-width 0.5s;
        float: right;
        -webkit-transition: max-width 0.5s;
        -moz-transition: max-width 0.5s;
        -o-transition: max-width 0.5s;
    }

    .sm-reduce-width .sm-open-317 .sm-content {
        max-width: calc(100% - 300px);
    }

    .sm-reduce-width .sm-open-317 .sm-pusher::after {
        display: none;
    }
}

.sm-full-317 .sm-effect-14 .sm-content {
    -ms-overflow-y: auto;
}

.sm-full-317 .sm-effect-12 .sm-content {
    -ms-overflow-y: auto;
}

.sm-full-317 .sm-effect-11 .sm-content {
    -ms-overflow-y: auto;
}

.sm-full-317 .sm-effect-9 .sm-content {
    -ms-overflow-y: auto;
}

.sm-full-317 .sm-effect-6 .sm-content {
    -ms-overflow-y: auto;
}

.sm-full-317 .sm-content-inner {
    position: relative;
    min-height: 100vh;
}

#off-menu_317 {
    transition: transform 0.5s;
    -webkit-transition: -webkit-transform 0.5s;
    -moz-transition: -moz-transform 0.5s;
    -o-transition: -o-transform 0.5s;
}

#off-menu_317 {
    display: none;
}

.sm-container > :not(.sm-popup)#off-menu_317 {
    left: 0px;
    top: 0px;
    height: 100%;
    display: none;
    visibility: hidden;
    position: fixed;
    z-index: 100;
    max-width: 80vw;
}

.sm-full-317 :not(.sm-popup)#off-menu_317 {
    display: block;
    visibility: visible;
}

.sm-full-317 .sm-overlay-win #off-menu_317 {
    vertical-align: middle;
    display: inline-block;
}

.sm-container > #off-menu_317::after {
    background: rgb(0, 0, 0);
    transition: opacity 0.5s;
    top: 0px;
    width: 100%;
    height: 100%;
    right: 0px;
    display: none;
    position: absolute;
    content: "";
    opacity: 0.2;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
}

.sm-open-317 > #off-menu_317::after {
    transition: opacity 0.5s, width 0s 0.5s;
    width: 0px;
    opacity: 0;
    -webkit-transition: opacity 0.5s, width 0 0.5s;
    -moz-transition: opacity 0.5s, width 0 0.5s;
    -o-transition: opacity 0.5s, width 0 0.5s;
}

.sm-effect-5 #off-menu_317::after {
    display: block;
}

.sm-effect-7 #off-menu_317::after {
    display: block;
}

.sm-effect-10 #off-menu_317::after {
    display: block;
}

.sm-effect-13 #off-menu_317::after {
    display: block;
}

.sm-effect-14 #off-menu_317::after {
    display: block;
}

.sm-effect-14.sm-open-317 .sm-pusher {
    transform: translate3d(300px, 0px, 0px);
    -webkit-transform: translate3d(300px, 0, 0);
    -moz-transform: translate3d(300px, 0, 0);
    -o-transform: translate3d(300px, 0, 0);
}

.sm-effect-13.sm-open-317 .sm-pusher {
    transform: translate3d(300px, 0px, 0px);
    -webkit-transform: translate3d(300px, 0, 0);
    -moz-transform: translate3d(300px, 0, 0);
    -o-transform: translate3d(300px, 0, 0);
}

.sm-effect-10.sm-open-317 .sm-pusher {
    transform: translate3d(300px, 0px, 0px);
    -webkit-transform: translate3d(300px, 0, 0);
    -moz-transform: translate3d(300px, 0, 0);
    -o-transform: translate3d(300px, 0, 0);
}

.sm-effect-8.sm-open-317 .sm-pusher {
    transform: translate3d(300px, 0px, 0px);
    -webkit-transform: translate3d(300px, 0, 0);
    -moz-transform: translate3d(300px, 0, 0);
    -o-transform: translate3d(300px, 0, 0);
}

.sm-effect-7.sm-open-317 .sm-pusher {
    transform: translate3d(300px, 0px, 0px);
    -webkit-transform: translate3d(300px, 0, 0);
    -moz-transform: translate3d(300px, 0, 0);
    -o-transform: translate3d(300px, 0, 0);
}

.sm-effect-5.sm-open-317 .sm-pusher {
    transform: translate3d(300px, 0px, 0px);
    -webkit-transform: translate3d(300px, 0, 0);
    -moz-transform: translate3d(300px, 0, 0);
    -o-transform: translate3d(300px, 0, 0);
}

.sm-effect-4.sm-open-317 .sm-pusher {
    transform: translate3d(300px, 0px, 0px);
    -webkit-transform: translate3d(300px, 0, 0);
    -moz-transform: translate3d(300px, 0, 0);
    -o-transform: translate3d(300px, 0, 0);
}

.sm-effect-3.sm-open-317 .sm-pusher {
    transform: translate3d(300px, 0px, 0px);
    -webkit-transform: translate3d(300px, 0, 0);
    -moz-transform: translate3d(300px, 0, 0);
    -o-transform: translate3d(300px, 0, 0);
}

.sm-effect-2.sm-open-317 .sm-pusher {
    transform: translate3d(300px, 0px, 0px);
    -webkit-transform: translate3d(300px, 0, 0);
    -moz-transform: translate3d(300px, 0, 0);
    -o-transform: translate3d(300px, 0, 0);
}

.sm-effect-6.sm-open-317 .sm-pusher {
    transform: translate3d(300px, 0px, 0px) perspective(1500px) rotateY(-15deg);
    -webkit-transform: translate3d(300px, 0, 0) perspective(1500px) rotateY(-15deg);
    -moz-transform: translate3d(300px, 0, 0) perspective(1500px) rotateY(-15deg);
    -o-transform: translate3d(300px, 0, 0) perspective(1500px) rotateY(-15deg);
}

@media screen and (max-width:375px) {
    .sm-effect-14.sm-open-317 .sm-pusher {
        transform: translate3d(80vw, 0px, 0px);
        -webkit-transform: translate3d(80vw, 0, 0);
        -moz-transform: translate3d(80vw, 0, 0);
        -o-transform: translate3d(80vw, 0, 0);
    }

    .sm-effect-13.sm-open-317 .sm-pusher {
        transform: translate3d(80vw, 0px, 0px);
        -webkit-transform: translate3d(80vw, 0, 0);
        -moz-transform: translate3d(80vw, 0, 0);
        -o-transform: translate3d(80vw, 0, 0);
    }

    .sm-effect-10.sm-open-317 .sm-pusher {
        transform: translate3d(80vw, 0px, 0px);
        -webkit-transform: translate3d(80vw, 0, 0);
        -moz-transform: translate3d(80vw, 0, 0);
        -o-transform: translate3d(80vw, 0, 0);
    }

    .sm-effect-8.sm-open-317 .sm-pusher {
        transform: translate3d(80vw, 0px, 0px);
        -webkit-transform: translate3d(80vw, 0, 0);
        -moz-transform: translate3d(80vw, 0, 0);
        -o-transform: translate3d(80vw, 0, 0);
    }

    .sm-effect-7.sm-open-317 .sm-pusher {
        transform: translate3d(80vw, 0px, 0px);
        -webkit-transform: translate3d(80vw, 0, 0);
        -moz-transform: translate3d(80vw, 0, 0);
        -o-transform: translate3d(80vw, 0, 0);
    }

    .sm-effect-5.sm-open-317 .sm-pusher {
        transform: translate3d(80vw, 0px, 0px);
        -webkit-transform: translate3d(80vw, 0, 0);
        -moz-transform: translate3d(80vw, 0, 0);
        -o-transform: translate3d(80vw, 0, 0);
    }

    .sm-effect-4.sm-open-317 .sm-pusher {
        transform: translate3d(80vw, 0px, 0px);
        -webkit-transform: translate3d(80vw, 0, 0);
        -moz-transform: translate3d(80vw, 0, 0);
        -o-transform: translate3d(80vw, 0, 0);
    }

    .sm-effect-3.sm-open-317 .sm-pusher {
        transform: translate3d(80vw, 0px, 0px);
        -webkit-transform: translate3d(80vw, 0, 0);
        -moz-transform: translate3d(80vw, 0, 0);
        -o-transform: translate3d(80vw, 0, 0);
    }

    .sm-effect-2.sm-open-317 .sm-pusher {
        transform: translate3d(80vw, 0px, 0px);
        -webkit-transform: translate3d(80vw, 0, 0);
        -moz-transform: translate3d(80vw, 0, 0);
        -o-transform: translate3d(80vw, 0, 0);
    }

    .sm-effect-6.sm-open-317 .sm-pusher {
        transform: translate3d(80vw, 0px, 0px) perspective(1500px) rotateY(-15deg);
        -webkit-transform: translate3d(80vw, 0, 0) perspective(1500px) rotateY(-15deg);
        -moz-transform: translate3d(80vw, 0, 0) perspective(1500px) rotateY(-15deg);
        -o-transform: translate3d(80vw, 0, 0) perspective(1500px) rotateY(-15deg);
    }
}

.sm-container.sm-open-317 > #off-menu_317 {
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
}

.sm-effect-7 > #off-menu_317 {
    transform-origin: 100% 50%;
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
}

.sm-effect-8 > #off-menu_317 {
    transform-origin: 100% 50%;
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
}

.sm-full-317 .sm-effect-12 .sm-pusher {
    transform-origin: 100% 50%;
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
}

.sm-effect-1 > #off-menu_317 {
    visibility: visible;
    transform: translate3d(-100%, 0px, 0px);
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
}

.sm-effect-3 > #off-menu_317 {
    visibility: visible;
    transform: translate3d(-100%, 0px, 0px);
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
}

.sm-effect-6 > #off-menu_317 {
    visibility: visible;
    transform: translate3d(-100%, 0px, 0px);
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
}

.sm-effect-9 > #off-menu_317 {
    visibility: visible;
    transform: translate3d(-100%, 0px, 0px);
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
}

.sm-effect-11 > #off-menu_317 {
    visibility: visible;
    transform: translate3d(-100%, 0px, 0px);
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
}

.sm-effect-12 > #off-menu_317 {
    visibility: visible;
    transform: translate3d(-100%, 0px, 0px);
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
}

.sm-full-317 .sm-effect-14 > #off-menu_317 {
    z-index: 1;
}

.sm-full-317 .sm-effect-13 > #off-menu_317 {
    z-index: 1;
}

.sm-full-317 .sm-effect-10 > #off-menu_317 {
    z-index: 1;
}

.sm-full-317 .sm-effect-5 > #off-menu_317 {
    z-index: 1;
}

.sm-full-317 .sm-effect-4 > #off-menu_317 {
    z-index: 1;
}

.sm-full-317 .sm-effect-2 > #off-menu_317 {
    z-index: 1;
}

.sm-effect-4 > #off-menu_317 {
    transform: translate3d(-50%, 0px, 0px);
    -webkit-transform: translate3d(-50%, 0, 0);
    -moz-transform: translate3d(-50%, 0, 0);
    -o-transform: translate3d(-50%, 0, 0);
}

.sm-effect-5 > #off-menu_317 {
    transform: translate3d(50%, 0px, 0px);
    -webkit-transform: translate3d(50%, 0, 0);
    -moz-transform: translate3d(50%, 0, 0);
    -o-transform: translate3d(50%, 0, 0);
}

.sm-effect-7 > #off-menu_317 {
    transform: translate3d(-100%, 0px, 0px) perspective(1500px) rotateY(-90deg);
    -webkit-transform: translate3d(-100%, 0, 0) perspective(1500px) rotateY(-90deg);
    -moz-transform: translate3d(-100%, 0, 0) perspective(1500px) rotateY(-90deg);
    -o-transform: translate3d(-100%, 0, 0) perspective(1500px) rotateY(-90deg);
}

.sm-effect-8 > #off-menu_317 {
    transform: translate3d(-100%, 0px, 0px) perspective(1500px) rotateY(90deg);
    -webkit-transform: translate3d(-100%, 0, 0) perspective(1500px) rotateY(90deg);
    -moz-transform: translate3d(-100%, 0, 0) perspective(1500px) rotateY(90deg);
    -o-transform: translate3d(-100%, 0, 0) perspective(1500px) rotateY(90deg);
}

.sm-effect-7.sm-open-317 > #off-menu_317 {
    transform: perspective(1500px);
    -webkit-transform: perspective(1500px);
    -moz-transform: perspective(1500px);
    -o-transform: perspective(1500px);
}

.sm-effect-8.sm-open-317 > #off-menu_317 {
    transform: perspective(1500px);
    -webkit-transform: perspective(1500px);
    -moz-transform: perspective(1500px);
    -o-transform: perspective(1500px);
}

.sm-effect-9.sm-open-317 .sm-pusher {
    transform: scale3d(0.85, 0.85, 1);
    -webkit-transform: scale3d(0.85, 0.85, 1);
    -moz-transform: scale3d(0.85, 0.85, 1);
    -o-transform: scale3d(0.85, 0.85, 1);
}

.sm-effect-9 > #off-menu_317 {
    opacity: 1;
}

.sm-effect-11 > #off-menu_317 {
    opacity: 1;
}

.sm-effect-12 > #off-menu_317 {
    opacity: 1;
}

.sm-effect-10 > #off-menu_317 {
    opacity: 1;
    transform: scale3d(0.85, 0.85, 1);
    -webkit-transform: scale3d(0.85, 0.85, 1);
    -moz-transform: scale3d(0.85, 0.85, 1);
    -o-transform: scale3d(0.85, 0.85, 1);
}

.sm-effect-11.sm-open-317 .sm-pusher {
    transform: perspective(1500px) translate3d(100px, 0px, -600px) rotateY(-20deg);
    -webkit-transform: perspective(1500px) translate3d(100px, 0, -600px) rotateY(-20deg);
    -moz-transform: perspective(1500px) translate3d(100px, 0, -600px) rotateY(-20deg);
    -o-transform: perspective(1500px) translate3d(100px, 0, -600px) rotateY(-20deg);
}

.sm-effect-12.sm-open-317 .sm-pusher {
    transform: perspective(1500px) rotateY(-10deg);
    -webkit-transform: perspective(1500px) rotateY(-10deg);
    -moz-transform: perspective(1500px) rotateY(-10deg);
    -o-transform: perspective(1500px) rotateY(-10deg);
}

.sm-effect-13 > #off-menu_317 {
    opacity: 1;
    transform: translate3d(0px, -100%, 0px);
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
}

.sm-effect-13.sm-open-317 > #off-menu_317 {
    transition-delay: 0.1s;
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
}

.sm-effect-14 > #off-menu_317 {
    transform-origin: 0% 50%;
    transform: perspective(1500px) rotateY(90deg);
    -webkit-transform: perspective(1500px) rotateY(90deg);
    -moz-transform: perspective(1500px) rotateY(90deg);
    -o-transform: perspective(1500px) rotateY(90deg);
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -o-transform-origin: 0% 50%;
}

.sm-effect-14.sm-open-317 > #off-menu_317 {
    transition-duration: 550ms;
    transition-delay: 0.1s;
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    -webkit-transition-duration: 550ms;
    -moz-transition-duration: 550ms;
    -o-transition-duration: 550ms;
}

.ps-container .ps-scrollbar-y-rail {
    border-radius: 4px;
    transition: background-color 0.2s linear, opacity 0.2s linear;
    width: 8px;
    right: 3px;
    position: absolute;
    z-index: 1;
    opacity: 0;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    -o-transition: background-color .2s linear, opacity .2s linear;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.ps-container:hover .ps-scrollbar-y-rail {
    opacity: 0.6;
}

.ps-container.hover .ps-scrollbar-y-rail {
    opacity: 0.6;
}

.ps-container .ps-scrollbar-y-rail:hover {
    opacity: 0.9;
    background-color: rgb(238, 238, 238);
}

.ps-container .ps-scrollbar-y-rail.hover {
    opacity: 0.9;
    background-color: rgb(238, 238, 238);
}

.ps-container .ps-scrollbar-y-rail.in-scrolling {
    opacity: 0.9;
    background-color: rgb(238, 238, 238);
}

.ps-container .ps-scrollbar-y {
    border-radius: 4px;
    transition: background-color 0.2s linear;
    width: 8px;
    right: 0px;
    position: absolute;
    background-color: rgb(170, 170, 170);
    -webkit-transition: background-color.2s linear;
    -moz-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y {
    background-color: rgb(153, 153, 153);
}

.ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y {
    background-color: rgb(153, 153, 153);
}

.ps-container.ie .ps-scrollbar-y {
    visibility: visible;
}

.ps-container.ie:hover .ps-scrollbar-y {
    visibility: visible;
}

.ps-container.ie.hover .ps-scrollbar-y {
    visibility: visible;
}

.sm-btn-317 {
    background: rgba(69, 89, 115, 0.9);
    transform: translate(0px, 250px);
    -webkit-transform: translate(0px, 250px);
    -moz-transform: translate(0px, 250px);
    -o-transform: translate(0px, 250px);
}

.menu-icon-cont {
    transition: transform 300ms, opacity 300ms;
    line-height: 0;
    font-size: 0px;
    display: inline-block;
    z-index: 9999;
    cursor: pointer;
    -webkit-transition: -webkit-transform 300ms, opacity 300ms;
    -moz-transition: -moz-transform 300ms, opacity 300ms;
    -o-transition: -o-transform 300ms, opacity 300ms;
}

.sm-hide .menu-icon-cont {
    transition: transform 500ms;
    -webkit-transition: -webkit-transform 500ms;
    -moz-transition: -moz-transform 500ms;
    -o-transition: -o-transform 500ms;
}

.sm-parent .menu-icon-cont {
    position: relative;
}

.sm-parent .menu-icon-cont {
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
}

.menu-icon-cont.sm-close {
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
}

.sm-parent > .off-menu_317 {
    overflow: hidden;
}

body > .sm-btn-317 {
    left: 0px;
    top: 0px;
    position: fixed;
}

.sm-content-inner > .sm-btn-317 {
    left: 0px;
    top: 0px;
    position: fixed;
}

.off-menu_317 .sm-btn-317 {
    left: 0px;
    top: 0px;
    position: fixed;
}

.sm-open-317 > .sm-btn-317 {
    z-index: 99999;
}

.sm-open-317 .sm-content-inner > .sm-btn-317 {
    z-index: 99999;
}

.off-menu_317 .sm-btn-317 {
    left: 100%;
    top: 0px;
    position: absolute;
    z-index: -1;
}

.sm-btn-317 .menu-icon3 {
    font-size: 50px;
}

.menu-icon-cont .menu-icon3 {
    margin: 0.2em;
    width: 0.6em;
    height: 0.6em;
    display: inline-block;
    position: relative;
    user-select: none;
}

.sm-btn-317 .menu-icon3 span {
    background: rgb(238, 238, 238);
    border-radius: 0.04em;
    height: 0.08em;
}

.menu-icon-cont .menu-icon3 span {
    transition: 0.2s ease-in-out;
    width: 100%;
    position: absolute;
    backface-visibility: hidden;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.menu-icon-cont .menu-icon3 span {
    left: 0px;
}

.menu-icon3 span:nth-child(1) {
    top: 0.1em;
}

.menu-icon3 span:nth-child(2) {
    top: 0.26em;
}

.menu-icon3 span:nth-child(3) {
    top: 0.42em;
}

.sm-close .menu-icon3 span:nth-child(1) {
    transform: rotateZ(45deg) translate3d(0.11em, 0.11em, 0px);
    -webkit-transform: rotateZ(45deg) translate3d(.11em, .11em, 0);
    -moz-transform: rotateZ(45deg) translate3d(.11em, .11em, 0);
    -o-transform: rotateZ(45deg) translate3d(.11em, .11em, 0);
}

.sm-close .menu-icon3 span:nth-child(2) {
    opacity: 0;
}

.sm-close .menu-icon3 span:nth-child(3) {
    transform: rotateZ(-45deg) translate3d(0.11em, -0.11em, 0px);
    -webkit-transform: rotateZ(-45deg) translate3d(.11em, -.11em, 0);
    -moz-transform: rotateZ(-45deg) translate3d(.11em, -.11em, 0);
    -o-transform: rotateZ(-45deg) translate3d(.11em, -.11em, 0);
}

.sm-hide .menu-icon3 span:nth-child(1) {
    width: 50%;
    transform: translate3d(0.16em, -0.08em, 0px) rotateZ(45deg) translate3d(0.11em, 0.11em, 0px);
    -webkit-transform: translate3d(.16em, -0.08em, 0) rotateZ(45deg) translate3d(.11em, .11em, 0);
    -moz-transform: translate3d(.16em, -0.08em, 0) rotateZ(45deg) translate3d(.11em, .11em, 0);
    -o-transform: translate3d(.16em, -0.08em, 0) rotateZ(45deg) translate3d(.11em, .11em, 0);
}

.sm-hide .menu-icon3 span:nth-child(3) {
    width: 50%;
    transform: translate3d(0.16em, 0.08em, 0px) rotateZ(-45deg) translate3d(0.11em, -0.11em, 0px);
    -webkit-transform: translate3d(.16em, 0.08em, 0) rotateZ(-45deg) translate3d(.11em, -.11em, 0);
    -moz-transform: translate3d(.16em, 0.08em, 0) rotateZ(-45deg) translate3d(.11em, -.11em, 0);
    -o-transform: translate3d(.16em, 0.08em, 0) rotateZ(-45deg) translate3d(.11em, -.11em, 0);
}

.sm-btn-317::before {
    background: rgba(69, 89, 115, 0.9);
    margin: 0px;
    padding: 0px 10px 0px 0px;
    transform-origin: 0% 100% 0px;
    left: 0px;
    top: 100%;
    color: rgb(238, 238, 238);
    line-height: 50px;
    font-family: "Roboto Condensed", Helvetica, Arial;
    font-size: 28px;
    white-space: nowrap;
    position: absolute;
    max-height: 100%;
    content: "Quick Access";
    transform: rotateZ(90deg) translateX(-50px);
    -webkit-transform: rotateZ(90deg) translateX(-50px);
    -moz-transform: rotateZ(90deg) translateX(-50px);
    -webkit-transform-origin: 0 100% 0;
    -moz-transform-origin: 0 100% 0;
}

.menu-icon-cont .menu-icon-cont::before {
    display: none;
}

.off-menu_317 .sm-background {
    display: none;
}

.off-menu_317 .sm-levels {
    overflow: hidden;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    -moz-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
}

    .off-menu_317 .sm-levels.sm-swipe::after {
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 100;
        content: "";
    }

.off-menu_317 a {
    text-decoration: none;
}

    .off-menu_317 a:link {
        text-decoration: none;
    }

    .off-menu_317 a:visited {
        text-decoration: none;
    }

    .off-menu_317 a:hover {
        text-decoration: none;
    }

.off-menu_317 .sm-head {
    overflow: hidden;
    position: relative;
    cursor: default;
}

.off-menu_317 :not(input) {
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
}

.off-menu_317 div {
    list-style: none;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    width: auto;
    line-height: normal;
    clear: none;
    float: none;
    position: static;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.off-menu_317 dl {
    list-style: none;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    width: auto;
    line-height: normal;
    clear: none;
    float: none;
    position: static;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.off-menu_317 dt {
    list-style: none;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    width: auto;
    line-height: normal;
    clear: none;
    float: none;
    position: static;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.off-menu_317 dd {
    list-style: none;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    width: auto;
    line-height: normal;
    clear: none;
    float: none;
    position: static;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.off-menu_317 span {
    list-style: none;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    width: auto;
    line-height: normal;
    clear: none;
    float: none;
    position: static;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.off-menu_317 a {
    list-style: none;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    width: auto;
    line-height: normal;
    clear: none;
    float: none;
    position: static;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.off-menu_317 p {
    list-style: none;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    width: auto;
    line-height: normal;
    clear: none;
    float: none;
    position: static;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.off-menu_317 img {
    list-style: none;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    width: auto;
    line-height: normal;
    clear: none;
    float: none;
    position: static;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.off-menu_317 h3 {
    list-style: none;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    width: auto;
    line-height: normal;
    clear: none;
    float: none;
    position: static;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.off-menu_317 a:active {
    outline: 0px;
    -webkit-tap-highlight-color: transparent;
}

.off-menu_317 a:focus {
    outline: 0px;
    -webkit-tap-highlight-color: transparent;
}

.off-menu_317 .sm-filter::-ms-clear {
    display: none;
}

.off-menu_317 .sm-level {
    top: 0px;
    width: 100%;
    overflow: hidden;
    position: absolute;
}

#off-menu_317 .sm-level {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
}

.off-menu_317 dl .sm-level {
    position: static;
}

.off-menu_317 .sm-level.level1 {
    position: static;
}

.off-menu_317 dl {
    overflow: hidden;
    position: relative;
}

.sm-mobile .off-menu_317 dl {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.sm-mobile .off-menu_317 dd dl {
    overflow: hidden;
}

.sm-container > .sm-menu dl {
    max-height: 100%;
}

.off-menu_317 dt {
    transition: background 300ms;
    -webkit-transition: background 300ms;
    -moz-transition: background 300ms;
    -o-transition: background 300ms;
}

.off-menu_317 .link {
    transition: color 300ms;
    -webkit-transition: color 300ms;
    -moz-transition: color 300ms;
    -o-transition: color 300ms;
}

.off-menu_317 .desc {
    transition: color 300ms;
    -webkit-transition: color 300ms;
    -moz-transition: color 300ms;
    -o-transition: color 300ms;
}

.off-menu_317 dd {
    margin: 0px;
    border: 0px currentColor;
    border-image: none;
    overflow: hidden;
    display: block;
}

.noscript .off-menu_317 dd {
    display: none;
}

.sm-tree.off-menu_317 dd {
    display: none;
}

    .sm-tree.off-menu_317 dd.opened {
        margin: 0px;
        border: 0px currentColor;
        border-image: none;
        display: block;
    }

#off-menu_317 {
    margin: 0px 0px 10px;
}

.sm-container > #off-menu_317 {
    margin: 0px;
    width: 300px;
}

.off-menu_317 > .sm-level {
    border-radius: 0px;
    box-shadow: 0px 1px 2px -1px rgba(0,0,0,0.4), 0px 1px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.1);
}

#off-menu_317 {
    border-radius: 0px;
    box-shadow: 0px 1px 2px -1px rgba(0,0,0,0.4), 0px 1px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.1);
}

    #off-menu_317 .sm-head {
        background: -ms-linear-gradient(rgb(60, 85, 105), rgb(49, 72, 90));
    }

    #off-menu_317 .sm-logo {
        background: rgb(255, 255, 255);
    }

    #off-menu_317 .sm-top {
        background: rgb(255, 255, 255);
    }

    #off-menu_317 .sm-levels {
    }

    #off-menu_317 input[type=text].sm-filter {
        border-width: 0px 0px 1px;
        border-style: none none solid;
        border-color: currentColor currentColor rgb(232, 241, 240);
        margin: 0px;
        padding: 7px 15px;
        border-radius: 0px;
        border-image: none;
        width: 100%;
        height: auto;
        text-align: left;
        color: rgb(106, 115, 115);
        line-height: normal;
        font-family: "Roboto Condensed",Arial, Helvetica;
        font-size: 16px;
        font-style: normal;
        font-weight: 300;
        text-decoration: none;
        box-sizing: border-box;
        text-shadow: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
    }

    #off-menu_317 .sm-filter-cont {
        overflow: hidden;
        position: relative;
    }

    #off-menu_317 .sm-search {
        background: url("/modules/mod_vertical_menu/cache/317/f45e9bc74ed70a9d5069143f34dadaa1.png") no-repeat center / 20px 20px;
        transition: 300ms;
        top: 0px;
        width: 20px;
        height: 100%;
        right: 15px;
        display: block;
        position: absolute;
        cursor: pointer;
        opacity: 0;
        pointer-events: none;
        transform: translateX(200%);
        -webkit-transition: all 300ms;
        -moz-transition: all 300ms;
        -o-transition: all 300ms;
        -webkit-transform: translateX(200%);
        -moz-transform: translateX(200%);
        -o-transform: translateX(200%);
    }

    #off-menu_317 .sm-reset {
        background: url("/modules/mod_vertical_menu/cache/317/f45e9bc74ed70a9d5069143f34dadaa1.png") no-repeat center / 20px 20px;
        transition: 300ms;
        top: 0px;
        width: 20px;
        height: 100%;
        right: 15px;
        display: block;
        position: absolute;
        cursor: pointer;
        opacity: 0;
        pointer-events: none;
        transform: translateX(200%);
        -webkit-transition: all 300ms;
        -moz-transition: all 300ms;
        -o-transition: all 300ms;
        -webkit-transform: translateX(200%);
        -moz-transform: translateX(200%);
        -o-transform: translateX(200%);
    }

    #off-menu_317 .sm-reset {
        display: block;
        opacity: 1;
        pointer-events: all;
        transform: none;
        transition-delay: 300ms;
        background-image: url("/modules/mod_vertical_menu/cache/317/f6d1e4643aaf2eeaf6d323f2afb737cb.png");
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        -webkit-transition-delay: 300ms;
        -moz-transition-delay: 300ms;
        -o-transition-delay: 300ms;
    }

    #off-menu_317 input[value=''].sm-filter ~ .sm-search {
        opacity: 1;
        transform: none;
        transition-delay: 300ms;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        -webkit-transition-delay: 300ms;
        -moz-transition-delay: 300ms;
        -o-transition-delay: 300ms;
    }

    #off-menu_317 input[value=''].sm-filter ~ .sm-reset {
        opacity: 0;
        transform: scale3d(0, 0, 1);
        transition-delay: 0ms;
        -webkit-transform: scale3d(0, 0, 1);
        -moz-transform: scale3d(0, 0, 1);
        -o-transform: scale3d(0, 0, 1);
        -webkit-transition-delay: 0ms;
        -moz-transition-delay: 0ms;
        -o-transition-delay: 0ms;
    }

    #off-menu_317 .sm-levels {
        height: 100%;
    }

.off-menu_317 .sm-icon {
    padding: 0px 10px 0px 0px;
    width: 42px;
    text-align: center;
    vertical-align: top;
    display: table-cell;
}

    .off-menu_317 .sm-icon img {
        margin: 0px;
        border-radius: 0px;
    }

.off-menu_317 .inner {
    vertical-align: middle;
    display: table-cell;
}

.off-menu_317 dt {
    width: 100%;
    display: table;
    table-layout: fixed;
    cursor: pointer;
}

    .off-menu_317 dt.parent a {
        pointer-events: none;
    }

#off-menu_317 h3.sm-head {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    height: 70px;
    text-align: center;
}

    #off-menu_317 h3.sm-head :first-child.sm-title {
        position: static;
        max-width: 100% !important;
    }

    #off-menu_317 h3.sm-head span {
        text-align: left;
        color: rgb(255, 255, 255);
        line-height: 70px;
        font-family: "Roboto Condensed",Helvetica, Arial;
        font-size: 25px;
        font-style: normal;
        font-weight: 300;
        text-decoration: none;
        text-shadow: 0px 0px 1px rgba(0,0,0,0.2);
    }

.off-menu_317 .link {
    padding-right: 0px;
    display: block;
    position: relative;
}

#off-menu_317 :first-child.sm-title {
    max-width: 78%;
}

#off-menu_317 .sm-title {
    padding: 0px 15px;
    left: 0px;
    overflow: hidden;
    white-space: nowrap;
    position: absolute;
    -ms-text-overflow: ellipsis;
    max-width: 66%;
}

#off-menu_317 .sm-back {
    padding: 0px 15px;
    left: 0px;
    overflow: hidden;
    white-space: nowrap;
    position: absolute;
    -ms-text-overflow: ellipsis;
    max-width: 66%;
}

#off-menu_317 .sm-back {
    padding: 0px 0px 0px 15px;
    transform-origin: 15px 50%;
    cursor: pointer;
    max-width: 45%;
    -webkit-transform-origin: 15px 50%;
    -moz-transform-origin: 15px 50%;
    -o-transform-origin: 15px 50%;
}

.off-menu_317 .sm-level {
    height: 100%;
    box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.2), 0px 0px 1px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.2), 0 0 1px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.2), 0 0 1px 0 rgba(0, 0, 0, 0.2);
}

.off-menu_317 dt {
    padding: 7px 15px;
}

.off-menu_317 dl.level1 dt {
    padding: 7px 15px;
}

.off-menu_317 dt .link {
    text-align: left;
}

.off-menu_317 dt.level1 .link {
    text-align: left;
}

.off-menu_317 dl a {
    text-align: left;
    color: rgb(106, 115, 115);
    line-height: normal;
    font-family: "Roboto Condensed",Arial, Helvetica;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    text-decoration: none;
    text-shadow: none;
}

    .off-menu_317 dl a:link {
        text-align: left;
        color: rgb(106, 115, 115);
        line-height: normal;
        font-family: "Roboto Condensed",Arial, Helvetica;
        font-size: 16px;
        font-style: normal;
        font-weight: 300;
        text-decoration: none;
        text-shadow: none;
    }

.off-menu_317 dl.level1 a {
    text-align: left;
    color: rgb(106, 115, 115);
    line-height: normal;
    font-family: "Roboto Condensed",Arial, Helvetica;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    text-decoration: none;
    text-shadow: none;
}

    .off-menu_317 dl.level1 a:link {
        text-align: left;
        color: rgb(106, 115, 115);
        line-height: normal;
        font-family: "Roboto Condensed",Arial, Helvetica;
        font-size: 16px;
        font-style: normal;
        font-weight: 300;
        text-decoration: none;
        text-shadow: none;
    }

.off-menu_317 dl dt.hover a {
    text-align: left;
    color: rgb(255, 255, 255);
    line-height: normal;
    font-family: "Roboto Condensed",Arial, Helvetica;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    text-decoration: none;
    text-shadow: none;
}

.off-menu_317 dl dt:hover a {
    text-align: left;
    color: rgb(255, 255, 255);
    line-height: normal;
    font-family: "Roboto Condensed",Arial, Helvetica;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    text-decoration: none;
    text-shadow: none;
}

.off-menu_317 dl.level1 dt.hover a {
    text-align: left;
    color: rgb(255, 255, 255);
    line-height: normal;
    font-family: "Roboto Condensed",Arial, Helvetica;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    text-decoration: none;
    text-shadow: none;
}

.off-menu_317 dl.level1 dt:hover a {
    text-align: left;
    color: rgb(255, 255, 255);
    line-height: normal;
    font-family: "Roboto Condensed",Arial, Helvetica;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    text-decoration: none;
    text-shadow: none;
}

.off-menu_317 dl dt.active.parent a {
    text-align: left;
    color: rgb(106, 115, 115);
    line-height: normal;
    font-family: "Roboto Condensed",Arial, Helvetica;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    text-decoration: none;
    text-shadow: none;
}

.off-menu_317 dl dt.active a {
    text-align: left;
    color: rgb(106, 115, 115);
    line-height: normal;
    font-family: "Roboto Condensed",Arial, Helvetica;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    text-decoration: none;
    text-shadow: none;
}

.off-menu_317 dl.level1 dt.active.parent a {
    text-align: left;
    color: rgb(106, 115, 115);
    line-height: normal;
    font-family: "Roboto Condensed",Arial, Helvetica;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    text-decoration: none;
    text-shadow: none;
}

.off-menu_317 dl.level1 dt.active a {
    text-align: left;
    color: rgb(106, 115, 115);
    line-height: normal;
    font-family: "Roboto Condensed",Arial, Helvetica;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    text-decoration: none;
    text-shadow: none;
}

.off-menu_317 dl .desc {
    text-align: left;
    color: rgb(49, 72, 90);
    line-height: normal;
    font-family: "Roboto",Arial, Helvetica;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
    text-shadow: none;
}

.off-menu_317 dl.level1 .desc {
    text-align: left;
    color: rgb(49, 72, 90);
    line-height: normal;
    font-family: "Roboto",Arial, Helvetica;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
    text-shadow: none;
}

.off-menu_317 dl .productnum {
    text-align: left;
    color: rgb(49, 72, 90);
    line-height: normal;
    font-family: "Roboto",Arial, Helvetica;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
    text-shadow: none;
}

.off-menu_317 dl.level1 .productnum {
    text-align: left;
    color: rgb(49, 72, 90);
    line-height: normal;
    font-family: "Roboto",Arial, Helvetica;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
    text-shadow: none;
}

.off-menu_317 dl dt.hover .desc {
    text-align: left;
    color: rgb(255, 255, 255);
    line-height: normal;
    font-family: "Roboto",Arial, Helvetica;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
    text-shadow: none;
}

.off-menu_317 dl dt:hover .desc {
    text-align: left;
    color: rgb(255, 255, 255);
    line-height: normal;
    font-family: "Roboto",Arial, Helvetica;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
    text-shadow: none;
}

.off-menu_317 dl.level1 dt.hover .desc {
    text-align: left;
    color: rgb(255, 255, 255);
    line-height: normal;
    font-family: "Roboto",Arial, Helvetica;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
    text-shadow: none;
}

.off-menu_317 dl.level1 dt:hover .desc {
    text-align: left;
    color: rgb(255, 255, 255);
    line-height: normal;
    font-family: "Roboto",Arial, Helvetica;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
    text-shadow: none;
}

.off-menu_317 dl dt.active .desc {
    text-align: left;
    color: rgb(49, 72, 90);
    line-height: normal;
    font-family: "Roboto",Arial, Helvetica;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
    text-shadow: none;
}

.off-menu_317 dl.level1 dt.active .desc {
    text-align: left;
    color: rgb(49, 72, 90);
    line-height: normal;
    font-family: "Roboto",Arial, Helvetica;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
    text-shadow: none;
}

.off-menu_317 .sm-level {
    background: -ms-linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255));
}

.off-menu_317 div.level1 {
    background: -ms-linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255));
}

.off-menu_317 dl .productnum {
    border-radius: 9px;
    color: rgb(255, 255, 255);
    font-style: normal;
}

.off-menu_317 dl.level1 .productnum {
    border-radius: 9px;
    color: rgb(255, 255, 255);
    font-style: normal;
}

.off-menu_317 dl dt {
    border-top-color: rgba(255, 255, 255, 0);
    border-bottom-color: rgba(0, 0, 0, 0);
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
}

.off-menu_317 dl.level1 dt {
    border-top-color: rgba(255, 255, 255, 0);
    border-bottom-color: rgba(0, 0, 0, 0);
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
}

.off-menu_317 dl dt::after {
    transition: transform 400ms;
    width: 20px;
    display: table-cell;
    content: "";
    -webkit-transition: -webkit-transform 400ms;
    -moz-transition: -moz-transform 400ms;
    -o-transition: -o-transform 400ms;
}

.off-menu_317 dl.level1 > dt::after {
    transition: transform 400ms;
    width: 20px;
    display: table-cell;
    content: "";
    -webkit-transition: -webkit-transform 400ms;
    -moz-transition: -moz-transform 400ms;
    -o-transition: -o-transform 400ms;
}

.off-menu_317 dl dt::before {
    display: none;
}

.off-menu_317 dl.level1 > dt::before {
    display: none;
}

.off-menu_317 dl .parent::after {
    background-position: left;
    background-image: url("/modules/mod_vertical_menu/cache/317/94712b27d8481e17758050906ab3b6b8.png");
    background-repeat: no-repeat;
    background-size: 40px 20px;
}

.off-menu_317 dl.level1 > .parent::after {
    background-position: left;
    background-image: url("/modules/mod_vertical_menu/cache/317/94712b27d8481e17758050906ab3b6b8.png");
    background-repeat: no-repeat;
    background-size: 40px 20px;
}

.off-menu_317 dl .inner {
    padding-right: 4px;
    padding-left: 0px;
}

.off-menu_317 dl.level1 .inner {
    padding-right: 4px;
    padding-left: 0px;
}

.off-menu_317 dl dt.active {
    background-color: rgba(255, 255, 255, 0.01);
}

.off-menu_317 dl.level1 dt.active {
    background-color: rgba(255, 255, 255, 0.01);
}

.off-menu_317 dl dt.hover {
    background-color: rgb(60, 85, 105);
}

.off-menu_317 dl dt:hover {
    background-color: rgb(60, 85, 105);
}

.off-menu_317 dl.level1 dt.hover {
    background-color: rgb(60, 85, 105);
}

.off-menu_317 dl.level1 dt:hover {
    background-color: rgb(60, 85, 105);
}

.off-menu_317 dl .parent.hover::before {
    background-position: right;
}

.off-menu_317 dl .parent.hover::after {
    background-position: right;
}

.off-menu_317 dl .parent:hover::before {
    background-position: right;
}

.off-menu_317 dl .parent:hover::after {
    background-position: right;
}

.off-menu_317.sm-tree dl .opened::before {
    background-position: right;
    transform: rotateZ(90deg);
    -webkit-transform: rotateZ(90deg);
    -moz-transform: rotateZ(90deg);
    -o-transform: rotateZ(90deg);
}

.off-menu_317.sm-tree dl .opened::after {
    background-position: right;
    transform: rotateZ(90deg);
    -webkit-transform: rotateZ(90deg);
    -moz-transform: rotateZ(90deg);
    -o-transform: rotateZ(90deg);
}