.menu li:hover {
font-weight: bold;
color: #679bb7!important;
box-shadow: 0 10px 20px -5px rgba(0,0,0, .2);
}
.offcanvas-container { min-width: 300px;}
.sub-menu,.toolbar-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: -7px !important;
    padding: 10px 0 !important;
    border: 1px solid #e1e7ec;
    border-radius: 5px;
    background-color: #fff;
    line-height: 1.5;
    box-shadow: 0 7px 22px -5px rgba(47,56,68,0.2)
}
.sub-menu>li,.toolbar-dropdown>li {
    display: block;
    position: relative
}
.sub-menu>li>a,.toolbar-dropdown>li>a {
    display: block;
    padding: 5px 20px !important;
    transition: color .3s;
    color: #606975;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    text-decoration: none
}
.sub-menu>li>a>i,.toolbar-dropdown>li>a>i {
    display: inline-block;
    margin-top: -2px;
    margin-right: 6px;
    font-size: .9em;
    vertical-align: middle
}
.sub-menu>li.sub-menu-user,.toolbar-dropdown>li.sub-menu-user {
    display: table;
    width: 100%;
    padding: 4px 17px 6px
}
.sub-menu>li.sub-menu-user .user-ava,.toolbar-dropdown>li.sub-menu-user .user-ava,.sub-menu>li.sub-menu-user .user-info,.toolbar-dropdown>li.sub-menu-user .user-info {
    display: table-cell;
    vertical-align: middle
}
.sub-menu>li.sub-menu-user .user-ava,.toolbar-dropdown>li.sub-menu-user .user-ava {
    width: 44px
}
.sub-menu>li.sub-menu-user .user-ava>img,.toolbar-dropdown>li.sub-menu-user .user-ava>img {
    display: block;
    width: 44px;
    padding: 3px;
    border: 1px solid #e1e7ec;
    border-radius: 50%
}
.sub-menu>li.sub-menu-user .user-info,.toolbar-dropdown>li.sub-menu-user .user-info {
    padding-left: 8px
}
.sub-menu>li.sub-menu-user .user-info>.user-name,.toolbar-dropdown>li.sub-menu-user .user-info>.user-name {
    margin-bottom: 2px;
    font-size: 14px
}
.sub-menu>li.sub-menu-user .user-info>span,.toolbar-dropdown>li.sub-menu-user .user-info>span {
    display: block
}
.sub-menu>li.sub-menu-separator,.toolbar-dropdown>li.sub-menu-separator {
    margin-top: 5px;
    margin-bottom: 3px;
    border-top: 1px solid #e1e7ec
}
.sub-menu>li:hover>a,.toolbar-dropdown>li:hover>a {
    color: #0da9ef
}
.sub-menu>li.active>a,.toolbar-dropdown>li.active>a {
    color: #0da9ef
}
.sub-menu>li.has-children>a,.toolbar-dropdown>li.has-children>a {
    padding-right: 35px !important
}
.sub-menu>li.has-children>a::after,.toolbar-dropdown>li.has-children>a::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 18px;
    width: 0;
    height: 0;
    margin-top: -4px;
    border-top: .3em solid transparent;
    border-bottom: .3em solid transparent;
    border-left: .32em solid;
    content: ''
}
.sub-menu>li>.sub-menu,.toolbar-dropdown>li>.sub-menu {
    top: -4px;
    left: 100%;
    margin-left: -5px
}
.mega-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    margin-top: -1px !important;
    border: 1px solid #e1e7ec;
    background-color: #fff;
    box-shadow: 0 7px 22px -5px rgba(47,56,68,0.2);
    table-layout: fixed
}
.mega-menu>li {
    display: table-cell !important;
    position: relative;
    padding: 25px !important;
    border-left: 1px solid #e1e7ec;
    vertical-align: top
}
.mega-menu>li .mega-menu-title {
    display: block;
    margin-bottom: 16px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e1e7ec;
    color: #9da9b9;
    font-weight: 500;
    text-transform: uppercase;
    text-align: left
}
.mega-menu>li:first-child {
    border-left: 0
}
.mega-menu .sub-menu {
    display: block !important;
    position: relative;
    width: 100%;
    padding: 0 !important;
    border: 0;
    border-radius: 0;
    background-color: transparent;
    box-shadow: none
}
.mega-menu .sub-menu>li>a {
    padding: 5px 0 !important
}
.offcanvas-menu {
    position: relative;
    width: 100%;
    overflow: hidden
}
.offcanvas-menu ul {
    margin: 0;
    padding: 0;
    list-style: none
}
.offcanvas-menu ul.menu {
    position: relative;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition: all 0.4s cubic-bezier(0.86, 0, 0.07, 1)
}
.offcanvas-menu ul.menu.off-view {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}
.offcanvas-menu ul.menu.in-view {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.offcanvas-menu ul li {
    display: block;
	border-bottom: #ccc 1px solid;
}
.offcanvas-menu ul li a {
    display: block;
    padding: 15px 20px;
    transition: color .3s;
    border-bottom: 1px solid rgba(255,255,255,0.12);
    color: #222;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .05em;
    text-transform: uppercase;
    text-decoration: none
}
.offcanvas-menu ul li a:hover {
    color: #0da9ef
}
.offcanvas-menu ul li.back-btn>a {
    background-color: #313b47;
    color: #fff
}
.offcanvas-menu ul li.back-btn>a::before {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 8px;
    border-top: .32em solid transparent;
    border-right: .37em solid;
    border-bottom: .32em solid transparent;
    content: '';
    opacity: .75
}
.offcanvas-menu ul li.active>a {
    color: #0da9ef
}
.offcanvas-menu ul li.has-children>span {
    display: block;
    position: relative;
    width: 100%
}
.offcanvas-menu ul li.has-children>span>a {
    padding-right: 65px;  
}
.offcanvas-menu ul li.has-children.active>span>a {
    color: #0da9ef
}
.offcanvas-menu ul li.has-children .sub-menu-toggle {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 100%;
    height: calc(100% - 1px);
    transition: background-color .3s;
    border-left: 1px solid rgba(255,255,255,0.12);
    color: #ccc;
    cursor: pointer;
    z-index: 1;
	border-left: #ccc 1px solid;
}
.offcanvas-menu ul li.has-children .sub-menu-toggle::before {
    display: block;
    position: absolute;
    top: 50%;
    right: 25px;
    width: 0;
    height: 0;
    margin-top: -5px;
    border-top: .35em solid transparent;
    border-bottom: .35em solid transparent;
    border-left: .4em solid;
    content: ''
}
.offcanvas-menu ul li.has-children .sub-menu-toggle:hover {
    background-color: rgba(255,255,255,0.1);
	color: #0ec63c;
}
.offcanvas-menu ul li.has-children>.offcanvas-submenu {
    position: absolute;
    top: 0;
    right: -100%;
    width: 100%;
    height: auto;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    transition: all 0.4s cubic-bezier(0.86, 0, 0.07, 1);
}
.offcanvas-menu ul li.has-children>.offcanvas-submenu.in-view {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.offcanvas-menu ul li.has-children>.offcanvas-submenu.off-view {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}
@-webkit-keyframes submenu-show {
    from {
        -webkit-transform: scale(0.85);
        transform: scale(0.85);
        opacity: 0
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}
@keyframes submenu-show {
    from {
        -webkit-transform: scale(0.85);
        transform: scale(0.85);
        opacity: 0
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}
@-webkit-keyframes megamenu-show {
    from {
        -webkit-transform: translate3d(0, -9px, 0);
        transform: translate3d(0, -9px, 0);
        opacity: 0
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}
@keyframes megamenu-show {
    from {
        -webkit-transform: translate3d(0, -9px, 0);
        transform: translate3d(0, -9px, 0);
        opacity: 0
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}
.icon-medal {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-position: center;
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIuMDAzIDUxMi4wMDMiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMi4wMDMgNTEyLjAwMzsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiPgo8Zz4KCTxnPgoJCTxnPgoJCQk8cGF0aCBkPSJNMjU2LjAwMSw2NGMtNzAuNTkyLDAtMTI4LDU3LjQwOC0xMjgsMTI4czU3LjQwOCwxMjgsMTI4LDEyOHMxMjgtNTcuNDA4LDEyOC0xMjhTMzI2LjU5Myw2NCwyNTYuMDAxLDY0eiAgICAgIE0yNTYuMDAxLDI5OC42NjdjLTU4LjgxNiwwLTEwNi42NjctNDcuODUxLTEwNi42NjctMTA2LjY2N1MxOTcuMTg1LDg1LjMzMywyNTYuMDAxLDg1LjMzM1MzNjIuNjY4LDEzMy4xODQsMzYyLjY2OCwxOTIgICAgIFMzMTQuODE3LDI5OC42NjcsMjU2LjAwMSwyOTguNjY3eiIgZmlsbD0iIzYwNjk3NSIvPgoJCQk8cGF0aCBkPSJNMzg1LjY0NCwzMzMuMjA1YzM4LjIyOS0zNS4xMzYsNjIuMzU3LTg1LjMzMyw2Mi4zNTctMTQxLjIwNWMwLTEwNS44NTYtODYuMTIzLTE5Mi0xOTItMTkycy0xOTIsODYuMTQ0LTE5MiwxOTIgICAgIGMwLDU1Ljg1MSwyNC4xMjgsMTA2LjA2OSw2Mi4zMzYsMTQxLjE4NEw2NC42ODQsNDk3LjZjLTEuNTM2LDQuMTE3LTAuNDA1LDguNzI1LDIuODM3LDExLjY2OSAgICAgYzIuMDI3LDEuNzkyLDQuNTY1LDIuNzMxLDcuMTQ3LDIuNzMxYzEuNjIxLDAsMy4yNDMtMC4zNjMsNC43NzktMS4xMDlsNzkuNzg3LTM5Ljg5M2w1OC44NTksMzkuMjMyICAgICBjMi42ODgsMS43OTIsNi4xMDEsMi4yNCw5LjE5NSwxLjI4YzMuMDkzLTEuMDAzLDUuNTY4LTMuMzQ5LDYuNjk5LTYuNGwyMy4yOTYtNjIuMTQ0bDIwLjU4Nyw2MS43MzkgICAgIGMxLjA2NywzLjE1NywzLjU0MSw1LjYzMiw2LjY3Nyw2LjcyYzMuMTM2LDEuMDY3LDYuNTkyLDAuNjQsOS4zNjUtMS4yMTZsNTguODU5LTM5LjIzMmw3OS43ODcsMzkuODkzICAgICBjMS41MzYsMC43NjgsMy4xNTcsMS4xMzEsNC43NzksMS4xMzFjMi41ODEsMCw1LjEyLTAuOTM5LDcuMTI1LTIuNzUyYzMuMjY0LTIuOTIzLDQuMzczLTcuNTUyLDIuODM3LTExLjY2OUwzODUuNjQ0LDMzMy4yMDV6ICAgICAgTTI0Ni4wMTcsNDEyLjI2N2wtMjcuMjg1LDcyLjc0N2wtNTIuODIxLTM1LjJjLTMuMi0yLjExMi03LjMxNy0yLjM4OS0xMC42ODgtMC42NjFMOTQuMTg4LDQ3OS42OGw0OS41NzktMTMyLjIyNCAgICAgYzI2Ljg1OSwxOS40MzUsNTguNzk1LDMyLjIxMyw5My41NDcsMzUuNjA1TDI0Ni43LDQxMS4yQzI0Ni40ODcsNDExLjU2MywyNDYuMTY3LDQxMS44NCwyNDYuMDE3LDQxMi4yNjd6IE0yNTYuMDAxLDM2Mi42NjcgICAgIEMxNjEuOSwzNjIuNjY3LDg1LjMzNSwyODYuMTAxLDg1LjMzNSwxOTJTMTYxLjksMjEuMzMzLDI1Ni4wMDEsMjEuMzMzUzQyNi42NjgsOTcuODk5LDQyNi42NjgsMTkyICAgICBTMzUwLjEwMywzNjIuNjY3LDI1Ni4wMDEsMzYyLjY2N3ogTTM1Ni43NTksNDQ5LjEzMWMtMy40MTMtMS43MjgtNy41MDktMS40NzItMTAuNjg4LDAuNjYxbC01Mi4zNzMsMzQuOTIzbC0zMy42NDMtMTAwLjkyOCAgICAgYzQwLjM0MS0wLjg1Myw3Ny41ODktMTQuMTg3LDEwOC4xNi0zNi4zMzFsNDkuNTc5LDEzMi4yMDNMMzU2Ljc1OSw0NDkuMTMxeiIgZmlsbD0iIzYwNjk3NSIvPgoJCTwvZz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
    background-repeat: no-repeat;
    background-size: 14px;
    line-height: 1
}