/*! SmartMenus jQuery Plugin - v1.0.0-beta1 - June 1, 2015
 * http://www.smartmenus.org/
 * Copyright 2015 Vasil Dinkov, Vadikom Web Ltd. http://vadikom.com; Licensed MIT */

.sm,
.sm ul,
.sm li {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: normal;
    direction: ltr;
    -webkit-tap-highlight-color: transparent
}

.sm-rtl,
.sm-rtl ul,
.sm-rtl li {
    direction: rtl;
    text-align: right
}

.sm>li>h1,
.sm>li>h2,
.sm>li>h3,
.sm>li>h4,
.sm>li>h5,
.sm>li>h6 {
    margin: 0;
    padding: 0
}

.sm ul {
    display: none
}

.sm li,
.sm a {
    position: relative
}

.sm a {
    display: block
}

.sm a.disabled {
    cursor: not-allowed
}

.sm:after {
    content: "\00a0";
    display: block;
    height: 0;
    font: 0px/0 serif;
    clear: both;
    visibility: hidden;
    overflow: hidden
}

.sm,
.sm *,
.sm *:before,
.sm *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.me-menu a,
.me-menu a:hover,
.me-menu a:focus,
.me-menu a:active {
    padding: 13px 20px;
    padding-right: 58px;
    color: #555;
    font-family: inherit;
    font-size: 13px;
    font-weight: bold;
    line-height: 17px;
    text-decoration: none;
    text-transform: uppercase
}

.me-menu a.active,
.me-menu a.highlighted,
.me-menu a.current {
    color: #3BDFFF
}

.me-menu a.disabled {
    color: #bbb
}

.me-menu a.highlighted span.sub-arrow:before {
    font-family: "FontAwesome";
    font-style: normal;
    color: inherit;
    font-size: 15px;
    content: "\f106"
}

.me-menu>li:last-child>a.highlighted,
.me-menu>li:last-child>*:not(ul) a.highlighted,
.me-menu>li:last-child>ul>li:last-child>a.highlighted,
.me-menu>li:last-child>ul>li:last-child>*:not(ul) a.highlighted,
.me-menu>li:last-child>ul>li:last-child>ul>li:last-child>a.highlighted,
.me-menu>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a.highlighted,
.me-menu>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a.highlighted,
.me-menu>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a.highlighted,
.me-menu>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a.highlighted,
.me-menu>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a.highlighted {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.me-menu li {
    border-top: 1px solid rgba(0, 0, 0, 0.05)
}

.me-menu>li:first-child {
    border-top: 0
}

.me-menu ul a,
.me-menu ul a:hover,
.me-menu ul a:focus,
.me-menu ul a:active {
    font-size: 13px;
    font-weight: normal;
    text-transform: none;
    border-left: 8px solid transparent
}

.me-menu ul ul a,
.me-menu ul ul a:hover,
.me-menu ul ul a:focus,
.me-menu ul ul a:active {
    border-left: 16px solid transparent
}

.me-menu ul ul ul a,
.me-menu ul ul ul a:hover,
.me-menu ul ul ul a:focus,
.me-menu ul ul ul a:active {
    border-left: 24px solid transparent
}

.me-menu ul ul ul ul a,
.me-menu ul ul ul ul a:hover,
.me-menu ul ul ul ul a:focus,
.me-menu ul ul ul ul a:active {
    border-left: 32px solid transparent
}

.me-menu ul ul ul ul ul a,
.me-menu ul ul ul ul ul a:hover,
.me-menu ul ul ul ul ul a:focus,
.me-menu ul ul ul ul ul a:active {
    border-left: 40px solid transparent
}

.me-menu .mega-menu-container {
    font-size: 14px;
    line-height: 26px;
    padding: 30px 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center bottom;
    *zoom: 1
}

.me-menu .mega-menu-container:before,
.me-menu .mega-menu-container:after {
    content: " ";
    display: table
}

.me-menu .mega-menu-container:after {
    clear: both
}

@media screen and (max-width: 768px) {
    .me-menu a span.sub-arrow {
        position: absolute;
        top: 50%;
        text-align: center;
        margin-top: -17px;
        right: 20px;
        width: 34px;
        height: 34px
    }
    .me-menu a span.sub-arrow:before {
        font-family: "FontAwesome";
        font-style: normal;
        color: inherit;
        font-size: 15px;
        content: "\f107";
        line-height: 34px;
        right: 20px
    }
}

@media screen and (min-width: 769px) {
    .me-menu {
        display: block
    }
    .me-menu ul {
        position: absolute
    }
    .me-menu li {
        float: left
    }
    .me-menu.sm-rtl li {
        float: right
    }
    .me-menu ul li,
    .me-menu.sm-rtl ul li,
    .me-menu.sm-vertical li {
        float: none
    }
    .me-menu a {
        white-space: nowrap
    }
    .me-menu ul a,
    .me-menu.sm-vertical a {
        white-space: normal
    }
    .me-menu .sm-nowrap>li>a,
    .me-menu .sm-nowrap>li>:not(ul) a {
        white-space: nowrap
    }
    .menu-trigger {
        display: none
    }
    .me-menu {
        padding: 0 0
    }
    .me-menu a,
    .me-menu a:hover,
    .me-menu a:focus,
    .me-menu a:active,
    .me-menu a.highlighted {
        padding: 13px 14px;
        color: #555
    }
    .me-menu a:hover,
    .me-menu a:focus,
    .me-menu a:active,
    .me-menu a.highlighted {
        color: #3BDFFF
    }
    .me-menu a.current {
        color: #3BDFFF
    }
    .me-menu a.disabled {
        color: #bbb
    }
    .me-menu a.has-submenu {
        padding-right: 14px
    }
    .me-menu a.highlighted span.sub-arrow:before {
        display: none
    }
    .me-menu li {
        border-top: 0
    }
    .me-menu ul {
        border: 1px solid #e1e1e1;
        padding: 5px 0;
        background: #fff;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        -moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.15);
        -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.15);
        box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.15)
    }
    .me-menu ul a,
    .me-menu ul a:hover,
    .me-menu ul a:focus,
    .me-menu ul a:active,
    .me-menu ul a.highlighted {
        border: 0 !important;
        padding: 10px 20px;
        color: #555
    }
    .me-menu ul a:hover,
    .me-menu ul a:focus,
    .me-menu ul a:active,
    .me-menu ul a.highlighted {
        background: #eee;
        color: #3BDFFF
    }
    .me-menu ul a.current {
        color: #3BDFFF
    }
    .me-menu ul a.disabled {
        background: #fff;
        color: #ccc
    }
    .me-menu ul a.has-submenu {
        padding-right: 20px
    }
    .me-menu ul a span.sub-arrow {
        right: 8px;
        top: 50%
    }
    .me-menu ul a span.sub-arrow:after {
        font-family: "FontAwesome";
        font-style: normal;
        color: inherit;
        font-size: 15px;
        content: "\f105";
        float: right
    }
    .me-menu span.scroll-up,
    .me-menu span.scroll-down {
        position: absolute;
        display: none;
        visibility: hidden;
        overflow: hidden;
        background: #fff;
        height: 20px
    }
    .me-menu span.scroll-up:hover,
    .me-menu span.scroll-down:hover {
        background: #f8f8f8;
        color: #3BDFFF
    }
    .me-menu span.scroll-up-arrow,
    .me-menu span.scroll-down-arrow {
        text-align: center
    }
    .me-menu span.scroll-up-arrow:after,
    .me-menu span.scroll-up-arrow:before,
    .me-menu span.scroll-down-arrow:after,
    .me-menu span.scroll-down-arrow:before {
        display: block;
        line-height: 20px
    }
    .me-menu span.scroll-up-arrow:before {
        font-family: "FontAwesome";
        font-style: normal;
        color: inherit;
        font-size: 15px;
        content: "\f106"
    }
    .me-menu span.scroll-down-arrow:before {
        font-family: "FontAwesome";
        font-style: normal;
        color: inherit;
        font-size: 15px;
        content: "\f107"
    }
    .me-menu.sm-rtl a.has-submenu {
        padding-right: 14px;
        padding-left: 26px
    }
    .me-menu.sm-rtl a span.sub-arrow {
        right: auto;
        left: 14px
    }
    .me-menu.sm-rtl.sm-vertical a.has-submenu {
        padding: 10px 20px
    }
    .me-menu.sm-rtl.sm-vertical a span.sub-arrow {
        float: left
    }
    .me-menu.sm-rtl.sm-vertical a span.sub-arrow:after {
        font-family: "FontAwesome";
        font-style: normal;
        color: inherit;
        font-size: 15px;
        content: "\f104"
    }
    .me-menu.sm-rtl>li>ul:before {
        left: auto;
        right: 30px
    }
    .me-menu.sm-rtl>li>ul:after {
        left: auto;
        right: 31px
    }
    .me-menu.sm-rtl ul a.has-submenu {
        padding: 10px 20px !important
    }
    .me-menu.sm-rtl ul a span.sub-arrow {
        right: auto;
        left: 8px;
        border-style: dashed solid dashed dashed;
        border-color: transparent #555 transparent transparent
    }
    .me-menu.sm-vertical {
        padding: 10px 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0
    }
    .me-menu.sm-vertical a {
        padding: 10px 20px
    }
    .me-menu.sm-vertical a:hover,
    .me-menu.sm-vertical a:focus,
    .me-menu.sm-vertical a:active,
    .me-menu.sm-vertical a.highlighted {
        background: #fff
    }
    .me-menu.sm-vertical a.disabled {
        background: #eee
    }
    .me-menu.sm-vertical a span.sub-arrow {
        float: right
    }
    .me-menu.sm-vertical a span.sub-arrow:after {
        font-family: "FontAwesome";
        font-style: normal;
        color: inherit;
        font-size: 15px;
        content: "\f105"
    }
    .me-menu.sm-vertical>li>ul:before,
    .me-menu.sm-vertical>li>ul:after {
        display: none
    }
    .me-menu.sm-vertical ul a {
        padding: 10px 20px
    }
    .me-menu.sm-vertical ul a:hover,
    .me-menu.sm-vertical ul a:focus,
    .me-menu.sm-vertical ul a:active,
    .me-menu.sm-vertical ul a.highlighted {
        background: #eee
    }
    .me-menu.sm-vertical ul a.disabled {
        background: #fff
    }
    .me-menu>li.mega-menu {
        position: static !important
    }
    .me-menu>li.mega-menu .scroll-up,
    .me-menu>li.mega-menu .scroll-down {
        margin-left: 16px !important;
        margin-right: 16px !important
    }
    .me-menu>li>ul.mega-menu {
        margin-left: 15px !important;
        margin-right: 15px !important;
        right: 0 !important;
        padding: 0 !important;
        width: auto !important;
        max-width: none !important
    }
    .me-menu .mega-menu-container {
        padding: 30px
    }
    .me-menu .mega-menu-list {
        top: 0;
        left: 0;
        padding: 0;
        width: 100%;
        position: relative;
        border: none;
        box-shadow: none;
        display: block;
        background: transparent
    }
    .me-menu .mega-menu-list a,
    .me-menu .mega-menu-list a:hover,
    .me-menu .mega-menu-list a:focus,
    .me-menu .mega-menu-list a:active,
    .me-menu .mega-menu-list a.highlighted {
        padding: 0;
        background: transparent
    }
    .me-menu .mega-menu-list li {
        padding-top: 5px;
        padding-bottom: 5px
    }
}