.oc-menu a {
    text-decoration: none;
    display: block;
}

.oc-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.oc-menu .sub-menu-container {
    z-index: 100;
    display: none;
}

.oc-menu .ul-top-items .li-top-item a {
    display: block;
}


/* Horizontal Menu */

.main-menu {
    background: #003399
}

.horizontal-menu {
    width: 100%;
    position: relative;
    margin-left: -15px;
}

.horizontal-menu .ul-top-items {
    text-align: center;
    padding: 0;
}

.horizontal-menu .ul-top-items>li.li-top-item {
    display: inline-block;
    position: relative;
    margin-bottom: -1px;
}


/*.horizontal-menu .ul-top-items > li.li-top-item + .li-top-item {
    border-left: 1px solid #ebebeb;
}*/

.horizontal-menu .ul-top-items>li.li-top-item+.li-top-item:before {
    /* border-left: 1px solid #ebebeb; */
    content: "";
    position: absolute;
    left: 0px;
    top: 13px;
    display: block;
    width: 1px;
    height: 25px;
    background: #0099ff;
}

.horizontal-menu .ul-top-items .li-top-item {
    display: block;
    margin: 0;
}

.horizontal-menu .ul-top-items .li-top-item .a-top-link {
    font-family: 'Lato', sans-serif;
    line-height: 1;
}

.horizontal-menu .ul-top-items .li-top-item.right {
    float: right;
    position: relative;
    text-align: right;
}

.horizontal-menu .ul-top-items .li-top-item.mega-right {
    float: right;
    text-align: right;
}

.horizontal-menu .ul-top-items .li-top-item .a-top-link .fa {
    margin-left: 5px;
}

.horizontal-menu .ul-top-items .li-top-item.right .a-top-link .fa,
.horizontal-menu .ul-top-items .li-top-item.mega-right .a-top-link .fa {
    float: left;
    line-height: inherit;
    margin-left: 0;
    margin-right: 10px;
}

.horizontal-menu .sub-menu-container {
    position: absolute;
    top: 100%;
}

.horizontal-menu .ul-top-items .li-top-item .mega-menu-container.right {
    text-align: right;
}

.horizontal-menu .ul-top-items .li-top-item .mega-menu-container.left {
    text-align: left;
}

.horizontal-menu .ul-top-items .li-top-item.right .mega-menu-container {
    right: 0;
}

.horizontal-menu .ul-top-items .li-top-item .mega-menu-container.full-width {
    left: 0;
    right: 0;
    width: 100%;
}

.horizontal-menu .mega-menu-container .sub-item2-content {
    padding: 0;
    float: left;
}

.horizontal-menu .flyout-menu-container {
    width: 200px;
}

.horizontal-menu .flyout-menu-container.left .a-item .fa {
    float: right;
    line-height: inherit;
}

.horizontal-menu .flyout-menu-container.left {
    float: left;
}

.horizontal-menu .flyout-menu-container.right {
    float: right;
    right: 0;
}

.horizontal-menu .flyout-menu-container.right .a-item .fa {
    float: left;
    line-height: inherit;
}

.horizontal-menu .flyout-menu-container.right .li-second-items {
    position: relative;
}

.horizontal-menu .ul-second-items .li-second-items {
    position: relative;
    border-top: 1px solid #ebebeb;
    text-align: left;
}

.horizontal-menu .ul-second-items .li-second-items .a-second-link {
    padding: 10px;
}

.horizontal-menu .flyout-third-items {
    position: absolute;
    top: 0;
    display: none;
}

.horizontal-menu .flyout-third-items.left {
    left: 100%;
}

.horizontal-menu .flyout-third-items.right {
    right: 100%;
}

.horizontal-menu .ul-third-items .li-third-items .a-third-link {
    white-space: nowrap;
    padding: 10px;
}


/* Vertical Menu */

.vertical-menu {
    position: relative;
}

.vertical-menu .oc-menu-bar {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    font-family: 'Lato', sans-serif;
}

.vertical-menu .oc-menu-bar:hover {
    cursor: pointer;
}

.vertical-menu .oc-menu-bar .left {
    float: left;
    padding: 20px 0 20px 20px;
}

.vertical-menu .oc-menu-bar .left .fa {
    margin-right: 10px;
}

.vertical-menu .oc-menu-bar .right {
    float: right;
    padding: 20px 10px 20px 0;
    /* display: none; */
}

body:not(.common-home) .vertical-menu .ul-top-items,
.container-fix.fix-header .vertical-menu .ul-top-items {
    display: none;
}

.container-fix.fix-header .fixedMenuLogo {
    display: inline-block;
    background: url(/image/catalog/logo.png) no-repeat scroll left center transparent !important;
    width: 140px;
    background-size: 100%!important;
}


/*.container-fix.fix-header .fixedMenuLogo span {
    display: none;
    font-size: 0;
}*/

.vertical-menu .ul-top-items {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1000;
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    padding: 0 0 0;
    background: #fff;
}

.vertical-menu .ul-top-items .li-top-item {
    display: block;
    margin: 0;
    /* position: relative; */
    padding: 0 15px;
}

.ul-top-items .li-top-item .a-top-link span {
    vertical-align: middle;
}

.ul-top-items .li-top-item .a-top-link .top-icon {
    margin-right: 8px;
}

.ul-top-items .li-top-item .a-top-link {
    line-height: 70px;
}

.vertical-menu .ul-top-items .a-item .fa {
    float: right;
    line-height: inherit;
}

.vertical-menu .ul-top-items .li-top-item.over {
    display: none;
}

.vertical-menu .li-top-item .sub-menu-container {
    position: absolute;
    top: 0;
    left: 100%;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
}

.vertical-menu .flyout-menu-container {
    width: auto;
    float: left;
    width: 200px;
}

.vertical-menu .ul-second-items .li-second-items {
    position: relative;
}

.vertical-menu .ul-second-items .li-second-items .a-second-link {
    padding: 10px;
}

.vertical-menu .flyout-third-items {
    position: absolute;
    top: 0;
    display: none;
}

.vertical-menu .flyout-third-items {
    left: 100%;
}

.vertical-menu .ul-third-items .li-third-items .a-third-link {
    white-space: nowrap;
    padding: 10px;
}


/* vertical - mega */

.a-mega-third-link h5 {
    color: #555555;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
}

.a-mega-third-link:hover h5,
.a-mega-second-link:hover strong {
    color: #0099ff !important;
}

.a-mega-second-link strong {
    color: #404040 !important;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 14px;
}


/* Mobile Menu */

.mobile-menu {
    position: relative;
    /* margin-left: -15px;
    margin-right: -15px; */
}

.mobile-menu .ul-top-items {
    position: absolute;
    z-index: 113;
    width: 100%;
    left: 0;
    right: 0;
    top: 100%;
    padding: 0;
    background: #0099ff;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
}

.mobile-menu .oc-menu-bar {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
}

.mobile-menu .oc-menu-bar .left {
    float: left;
    padding: 10px 0 10px 10px;
}

.mobile-menu .oc-menu-bar .left .fa {
    margin-right: 10px;
}

.mobile-menu .oc-menu-bar .right {
    float: right;
    padding: 10px 10px 10px 10px;
}

.mobile-menu .oc-menu-bar .right:hover {
    cursor: pointer;
}

.mobile-menu .ul-top-items {
    display: none;
}

.mobile-menu .sub-menu-container {
    display: none;
    margin-bottom: -1px;
}

.mobile-menu .li-top-item {
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.mobile-menu .ul-top-items .li-top-item .a-top-link {
    line-height: 45px;
}

.mobile-menu .a-click-show {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 46px;
    width: 40px;
    height: 46px;
    text-align: center;
    cursor: pointer;
    /* background: #99bd3d;
    color:#fff; */
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.mobile-menu .a-click-show i {
    display: inline-block;
    vertical-align: top;
    line-height: inherit;
}

.mobile-menu .a-click-show .fa-minus {
    display: none;
}

.mobile-menu .expand>.a-click-show .fa-minus {
    display: inline-block;
}

.mobile-menu .expand>.a-click-show .fa-plus {
    display: none;
}

.mobile-menu .ul-second-items .li-second-items {
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.mobile-menu .ul-second-items .li-second-items .a-second-link {
    padding: 10px;
    padding-left: 30px;
    line-height: 25px;
}

.mobile-menu .flyout-third-items {
    display: none;
}

.mobile-menu .ul-third-items .li-third-items .a-third-link {
    padding: 10px;
}

.vertical-menu .ul-top-items .li-top-item+li {
    border-top: 1px solid #ededed;
}

.vertical-menu .ul-top-items .li-top-item .a-mega-second-link {
    text-align: center;
    /* background: #f9f9f9; */
    padding: 5px;
    /* margin-bottom: 10px; */
}

.vertical-menu .ul-top-items .li-top-item .a-mega-second-link:hover {
    box-shadow: 0 0 5px rgba(0, 159, 221, 0.3);
    /* background: #fff; */
}

@media(max-width: 1024px) {
    .vertical-menu .ul-top-items {
        display: none;
    }
}