*{
    box-sizing:border-box
}
body{
    margin:0;
    
    
}
.mega-menu{
    display:block;
    float:left;
    width:100%;
    box-shadow:0 1px 4px #dadada
}
.mega-menu .mobile-nav-icon{
    display:none
}
.mega-menu.sticky-header{
    position:fixed;
    top:0
}
.mega-menu a{
    text-decoration:none;
    color:#000;
    border-bottom:4px solid #fff
}
.mega-menu .main-links{
    background-color:#fff;
    border-bottom:1px solid #dedede;
    z-index:9;
    position:relative;
    display:block;
    float:left;
    width:100%
}
.mega-menu .main-links ul.follow-highlighter-enabled a:hover,.mega-menu .main-links.disable-highlighter ul li a:hover{
    border-color:transparent
}
.mega-menu .main-links.text-highlighter ul li a:hover{
    color:red
}
.mega-menu .main-links ul{
    display:flex;
    margin:0;
    float:left;
    position:relative
}
.mega-menu .main-links ul.follow-highlighter-enabled .follow-highlighter{
    position:absolute;
    width:0%;
    height:4px;
    background-color:red;
    bottom:0;
    transition:.3s
}
.mega-menu .main-links ul.follow-highlighter-enabled .follow-highlighter.right{
    animation-duration:.3s;
    animation-fill-mode:both;
    animation-timing-function:ease-in;
    animation-direction:alternate
}
.mega-menu .main-links ul li{
    width:auto;
    float:left;
    margin-right:22px;
    list-style: none;
}
.mega-menu .main-links ul li:last-child {
    margin-right: 0;
}
.mega-menu .main-links ul li a{
    position:relative;
    padding:25px 0;
    float:left
}
.mega-menu .main-links ul li a.highlight,.mega-menu .main-links ul li a:hover{
    border-bottom:4px solid red
}
.mega-menu .main-links ul li a .caret.caret-down{
    border:solid #000;
    border-width:0 2px 2px 0;
    display:inline-block;
    padding:2px;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    margin-left:8px;
    margin-bottom:2px
}
.mega-menu .main-links ul li a .caret.caret-up{
    border:solid #000;
    border-width:0 2px 2px 0;
    display:inline-block;
    padding:2px;
    transform:rotate(-135deg);
    -webkit-transform:rotate(-135deg);
    margin-left:8px;
    margin-top:2px
}
.mega-menu .main-links ul li a .caret.caret-img{
    display:inline-block;
    background-size:cover;
    position:absolute;
    width:15px;
    height:15px;
    margin-top:3px;
    right:-20px
}
.mega-menu .menu-dropdown{
    display:block;
    float:left;
    width:100%
}
.mega-menu .menu-dropdown .menu-item-wrapper{
    display:none;
    padding:45px;
    margin:0;
    float:left;
    width:100%;
    flex-wrap:wrap;
    flex-direction:row
}
.mega-menu .menu-dropdown .menu-item-wrapper.active{
    display:flex
}
.mega-menu .menu-dropdown .menu-item-wrapper li{
    margin-right:30px;
    color:#777;
    display:block;
    height:auto
}
.mega-menu .menu-dropdown .menu-item-wrapper .category-wrapper{
    float:left;
    display:inline-block;
    margin-left:0
}
.mega-menu .menu-dropdown .menu-item-wrapper .category-wrapper:last-child,.mega-menu .menu-dropdown .menu-item-wrapper.dropdown li{
    margin-right:0
}
.mega-menu .menu-dropdown .menu-item-wrapper .category-wrapper .item-category{
    font-weight:400;
    color:#000;
    position:relative;
    margin-bottom:15px;
    display:block;
    padding:0 15px
}
.mega-menu .menu-dropdown .menu-item-wrapper .category-wrapper .item-category:before{
    content:"";
    position:absolute;
    width:3px;
    height:80%;
    background-color:red;
    left:0;
    top:50%;
    transform:translateY(-50%)
}
.mega-menu .menu-dropdown .menu-item-wrapper .category-wrapper ul{
    display:inline-block;
    float:left
}
.mega-menu .menu-dropdown .menu-item-wrapper li:last-child,.mega-menu .menu-dropdown .menu-item-wrapper.dropdown li:last-child{
    margin-bottom:0
}
.mega-menu .menu-dropdown .menu-item-wrapper li a{
    color:#7b7b7b;
    padding:15px 0;
    display:block;
    height:auto;
    border-bottom:none
}
.mega-menu .menu-dropdown .menu-item-wrapper li a:last-child{
    padding-bottom:0
}
.mega-menu .menu-dropdown .menu-item-wrapper li a:hover{
    color:#000
}
.mega-menu .menu-dropdown .menu-item-wrapper li ul{
    padding:0
}
.mega-menu .menu-dropdown .menu-item-wrapper.dropdown{
    background-color:#fff;
    float:left;
    width:auto;
    padding:25px;
    position:absolute;
    box-shadow:0 1px 4px #dadada
}
.mega-menu .menu-dropdown .menu-item-wrapper.dropdown.active{
    display:block
}
.mega-menu .menu-dropdown .back-link{
    display:none;
    margin-bottom:30px;
    color:#00f
}
@media (max-width:1280px){
    .follow-highlighter,.mega-menu.sticky-header.responsive-menu .main-links a.navbar-brand{
        display:none
    }
    #main-header .mega-menu .mobile-nav-icon a.navbar-brand{
        padding:0;
        margin:0
    }
    .mega-menu.sticky-header{
        position:relative
    }
    .mega-menu.sticky-header.responsive-menu .main-links{
        margin-top:65px
    }
    .mega-menu.sticky-header.responsive-menu .menu-dropdown{
        position:fixed;
        top:65px;
        z-index:99;
        background:#fff
    }
    .mega-menu .main-links.active,.mega-menu .menu-dropdown .menu-item-wrapper.active,.mega-menu.sticky-header.responsive-menu .menu-dropdown .menu-item-wrapper .back-link{
        display:block
    }
    .mega-menu.sticky-header .mobile-nav-icon{
        position:fixed;
        top:0;
        width:100%;
        z-index:99
    }
    .mega-menu .mobile-nav-icon{
        position:relative;
        z-index:91;
        background-color:#fff;
        display:block;
        border:none;
        padding:15px 20px;
        border-bottom:1px solid #dadada;
        height:66px
    }
    .mega-menu .main-links ul li a.highlight,.mega-menu .mobile-nav-icon a{
        border:none
    }
    .mega-menu .main-links{
        display:none;
        padding:25px 40px
    }
    .mega-menu .main-links ul{
        flex-wrap:wrap;
        padding:0;
        width:100%
    }
    .mega-menu .main-links ul li{
        width:100%;
        margin-right:0
    }
    .mega-menu .main-links ul li a{
        padding:10px 0
    }
    .mega-menu .menu-dropdown .menu-item-wrapper{
        max-height:100vh;
        overflow:scroll
    }
}
@keyframes fromLeft{
    0%{
        width:0;
        left:0
    }
    100%{
        width:100%;
        left:0
    }
}
@keyframes fromRight{
    0%{
        width:0;
        right:0
    }
    100%{
        width:100%;
        right:0
    }
}
/*@media (max-width: 1280px) {
    #main-header a.navbar-brand.mobileview {
        display: none !important;
    }
}
@media (max-width: 1279px) {
    #main-header a.navbar-brand.mobileview {
        display: block !important;
    }
}*/