.colors a { width: 43.3px; height: 30px; float: left; }
    .colors .default { background: #222; }
    .colors .blue { background: #4A89DC; }
    .colors .green { background: #03A678; }
    .colors .red { background: #ED5565; }
    .colors .white { background: #fff; }
    .colors .black { background: #292929; }

/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);*/
.jquery-accordion-menu, .jquery-accordion-menu * {  box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; outline: 0 }
.jquery-accordion-menu { position: relative; box-shadow: 0 20px 50px #333 }
    .jquery-accordion-menu .jquery-accordion-menu-footer, .jquery-accordion-menu .jquery-accordion-menu-header { width: 100%; text-align: center; font-weight: 600; color: #fff; background: #042c55; border-bottom: 1px solid #8bc5ff; padding: 13px; }
    .jquery-accordion-menu ul { margin: 0; padding: 0; list-style: none }
        .jquery-accordion-menu ul li { width: 100%; display: block; float: left; position: relative }
            .jquery-accordion-menu ul li a { width: 100%; padding: 13px  ; float: left; text-decoration: none; color: #222; font-size: 13px; background: #ddd; white-space: nowrap; position: relative; overflow: hidden; -o-transition: color .2s linear,background .2s linear; -moz-transition: color .2s linear,background .2s linear; -webkit-transition: color .2s linear,background .2s linear; transition: color .2s linear,background .2s linear }
    .jquery-accordion-menu > ul > li.active > a, .jquery-accordion-menu > ul > li:hover > a { color: #222; background: #ccc }
    .jquery-accordion-menu > ul > li > a { border-bottom: solid 1px #fff }
    .jquery-accordion-menu ul li a i { width: 34px; float: right; line-height: 18px; font-size: 16px; text-align: right }
    .jquery-accordion-menu .submenu-indicator { float: left; left: 22px; position: absolute; line-height: 19px; font-size: 20px; -o-transition: transform .3s linear; -moz-transition: transform .3s linear; -webkit-transition: transform .3s linear; -ms-transition: transform .3s linear }
    .jquery-accordion-menu ul ul.submenu .submenu-indicator { line-height: 16px }
    .jquery-accordion-menu .submenu-indicator-minus > .submenu-indicator { -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg) }
    .jquery-accordion-menu ul ul.submenu, .jquery-accordion-menu ul ul.submenu li ul.submenu { width: 100%; display: none; position: static }
        .jquery-accordion-menu ul ul.submenu li { clear: both; width: 100% }
            .jquery-accordion-menu ul ul.submenu li a { width: 100%; float: left; font-size: 11px; background: #eee; border-top: none; position: relative; border-left: solid 6px transparent; -o-transition: border .2s linear; -moz-transition: border .2s linear; -webkit-transition: border .2s linear; transition: border .2s linear }
            .jquery-accordion-menu ul ul.submenu li:hover > a { border-left-color: #ddd }
        .jquery-accordion-menu ul ul.submenu > li > a { padding-left: 30px }
        .jquery-accordion-menu ul ul.submenu > li > ul.submenu > li > a { padding-left: 45px }
        .jquery-accordion-menu ul ul.submenu > li > ul.submenu > li > ul.submenu > li > a { padding-left: 60px }
        .jquery-accordion-menu ul li .jquery-accordion-menu-label, .jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label { min-width: 20px; padding: 1px 2px 1px 1px; position: absolute; left: 18px; top: 14px; font-size: 11px; font-weight: 800; color: #555; text-align: center; line-height: 18px; background: #222; border-radius: 100% }
        .jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label { top: 12px }
.ink { display: block; position: absolute; background: rgba(255,255,255,.3); border-radius: 100%; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0) }
.animate-ink { -webkit-animation: ripple .5s linear; -moz-animation: ripple .5s linear; -ms-animation: ripple .5s linear; -o-animation: ripple .5s linear; animation: ripple .5s linear }

@-webkit-keyframes ripple {
    100% { opacity: 0; -webkit-transform: scale(2.5) }
}

@-moz-keyframes ripple {
    100% { opacity: 0; -moz-transform: scale(2.5) }
}

@-o-keyframes ripple {
    100% { opacity: 0; -o-transform: scale(2.5) }
}

@keyframes ripple {
    100% { opacity: 0; transform: scale(2.5) }
}

.blue.jquery-accordion-menu .jquery-accordion-menu-footer, .blue.jquery-accordion-menu .jquery-accordion-menu-header, .blue.jquery-accordion-menu ul li a { background: #4A89DC }
.blue.jquery-accordion-menu > ul > li.active > a, .blue.jquery-accordion-menu > ul > li:hover > a { background: #3e82da }
.blue.jquery-accordion-menu > ul > li > a { border-bottom-color: #3e82da }
.blue.jquery-accordion-menu ul ul.submenu li:hover > a { border-left-color: #3e82da }
.green.jquery-accordion-menu .jquery-accordion-menu-footer, .green.jquery-accordion-menu .jquery-accordion-menu-header, .green.jquery-accordion-menu ul li a { background: #03A678 }
.green.jquery-accordion-menu > ul > li.active > a, .green.jquery-accordion-menu > ul > li:hover > a { background: #049372 }
.green.jquery-accordion-menu > ul > li > a { border-bottom-color: #049372 }
.green.jquery-accordion-menu ul ul.submenu li:hover > a { border-left-color: #049372 }
.red.jquery-accordion-menu .jquery-accordion-menu-footer, .red.jquery-accordion-menu .jquery-accordion-menu-header, .red.jquery-accordion-menu ul li a { background: #ED5565 }
.red.jquery-accordion-menu > ul > li.active > a, .red.jquery-accordion-menu > ul > li:hover > a { background: #DA4453 }
.red.jquery-accordion-menu > ul > li > a { border-bottom-color: #DA4453 }
.red.jquery-accordion-menu ul ul.submenu li:hover > a { border-left-color: #DA4453 }
.white.jquery-accordion-menu .jquery-accordion-menu-footer, .white.jquery-accordion-menu .jquery-accordion-menu-header, .white.jquery-accordion-menu ul li a { background: #fff; color: #555 }
.white.jquery-accordion-menu > ul > li.active > a, .white.jquery-accordion-menu > ul > li:hover > a { background: #222 }
.white.jquery-accordion-menu > ul > li > a { border-bottom-color: #222 }
.white.jquery-accordion-menu ul ul.submenu li:hover > a { border-left-color: #222 }
.white.jquery-accordion-menu ul ul.submenu li a { color: #555 }
.white.jquery-accordion-menu > ul > li > a > .ink { background: rgba(0,0,0,.1) }
.black.jquery-accordion-menu .jquery-accordion-menu-footer, .black.jquery-accordion-menu .jquery-accordion-menu-header, .black.jquery-accordion-menu ul li a { background: #292929 }
.black.jquery-accordion-menu > ul > li.active > a, .black.jquery-accordion-menu > ul > li:hover > a { background: #222 }
.black.jquery-accordion-menu > ul > li > a { border-bottom-color: #222 }
.black.jquery-accordion-menu ul ul.submenu li:hover > a { border-left-color: #222 }

.userMobileMenu { background-color: #0e60ac !important; color: #fff; font-size: 10.2pt; padding: 5px 10px; margin-top: 3px; cursor:pointer }

@media (max-width:992px) {
    .jquery-accordion-menu .jquery-accordion-menu-footer, .jquery-accordion-menu .jquery-accordion-menu-header { padding: 19px; }
    .jquery-accordion-menu ul li a { padding: 10px  !important; }
}

@media (max-width:767px) {
    #jquery-accordion-menu { position: fixed; z-index: 1000; top: 0; right: 0; width: 0px; transition: all 0.9s; width: 50%; min-width: 200px; height: 100vh; background-color: #ccc;  display:none }
        #jquery-accordion-menu .jquery-accordion-menu-header { display: none !important }
        .umw-100 { width: 50% !important; min-width: 200px; transition: all 0.9s;  display:block !important}
    .umw-0 { width: 0px !important; min-width: 0px !important; transition: all 0.9s }
    .userMobileMenu { display: block; }
}

@media (max-width:580px) {
    .jquery-accordion-menu .jquery-accordion-menu-footer, .jquery-accordion-menu .jquery-accordion-menu-header { padding: 10px ; }
}