/* ------ Top menu -----------*/
.ms-megamenu .ms-topmenu {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    text-align:left;
}
.ms-topmenu .ms-level0{
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-box-flex: 1;
}
.ms-megamenu .ms-topmenu{
    background: #000000;
}
.ms-topmenu .ms-label{
    font-size:15px;
    text-transform:uppercase;
    color:#FFFFFF;
    padding:14.75px 15px;
}
.ms-topmenu .ms-label .ms-iconmega{
    height:15px;
    top:3.75px;
}
.ms-topmenu .ms-level0.active .ms-label,
.ms-topmenu .ms-level0:hover .ms-label,
.ms-topmenu .ms-level0:active .ms-label,
.ms-topmenu .ms-level0:focus .ms-label{
    color:#FFFFFF;
}
.ms-topmenu .ms-level0.active .ms-label,
.ms-topmenu .ms-level0:hover .ms-label,
.ms-topmenu .ms-level0:active .ms-label,
.ms-topmenu .ms-level0:focus .ms-label{
    background-color:#000000;
}
.ms-topmenu .ms-submenu,.ms-topmenu .col-sub{
    background-color:#FFFFFF;
    color:#000000;
}
.ms-topmenu .ms-submenu a{
    color:#000000;
}
.ms-topmenu .ms-boxtitle{
    color:#000000;
}

/* ------Left Menu ------*/
.ms-leftmenu .msl-label{
    font-size:15px;
    text-transform:none;
    color:#2F2F2F;
    background: #FFFFFF;
}
.ms-leftmenu .msl-label .ms-iconmega{
    height:15px;
    top:3.75px;
}
.ms-leftmenu .msl-level0.active .msl-label,
.ms-leftmenu .msl-level0:hover .msl-label,
.ms-leftmenu .msl-level0:active .msl-label,
.ms-leftmenu .msl-level0:focus .msl-label{
    color:#2F2F2F;
    background-color:#DEDEDE;
}
.ms-leftmenu .msl-submenu,.ms-leftmenu .col-sub{
    background-color:#FFFFFF;
    color:#636363;
}
.ms-leftmenu .msl-submenu a{
    color:#636363;
}
.ms-leftmenu .ms-boxtitle{
    color:#636363;
}

/* ---- Mobile version ---------*/
@media (min-width: 1001px){
    .ms-topmenu .mb-submenu{display: none !important;}

}
@media (max-width: 1000px){
    .ms-megamenu .ms-topmenu{background-color:transparent;display:block; }
    .ms-megamenu .anchor_mbmenu,.ms-megamenu .mb-label{
        display: block !important;
    }
    .ms-topmenu .ms-level0{
        float:left;
        width: 100%;
        display: none;
        position: relative;
    }
    .ms-topmenu.active .ms-level0{
        display: block;
    }
    .ms-topmenu .ms-label{
        padding: 12px 15px 8px !important;
        background: #FFFFFF;
        border: 1px solid #ddd;
        border-top: 0;
        color: #2f2f2f;
        text-decoration: none;
        outline: none;
        width: 100%;
        float:left;
        min-height:43px;
    }
    .ms-topmenu .ms-submenu{display: none !important;}
    .ms-topmenu .mbactive .mb-submenu.slide{
        z-index: 201;
        display: inline;
    }
    .ms-level0 .ms-label,

    .ms-megamenu .mb-label{
        font-size:15px;
        text-transform:none;
        background-color:#FFFFFF;
        color:#2F2F2F;
    }
    .ms-topmenu .ms-level0.active .ms-label,
    .ms-topmenu .ms-level0:hover .ms-label,
    .ms-topmenu .ms-level0:active .ms-label,
    .ms-topmenu .ms-level0:focus .ms-label,
    .ms-topmenu .ms-level0:hover .mb-label,
    .ms-topmenu .ms-level0:active .mb-label,
    .ms-topmenu .ms-level0:focus .mb-label,

    .ms-megamenu .mbactive .ms-label,
    .ms-megamenu .mbactive .mb-return,
    .ms-megamenu .mbactive .mb-label{
        background-color:#EBEDED;
        color:#2F2F2F;
    }
    .ms-megamenu .anchor_mbmenu{
        background-color:#000000;
    }
    .ms-megamenu .anchor_mbmenu .anchor_mbmenu_text{
        color:#FFFFFF;
    }

    .ms-megamenu .mb-submenu{
        background-color:#FFFFFF;
        color:#636363;
    }
    .ms-megamenu .ms-boxtitle{
        color:#636363;
    }
    .ms-megamenu .mb-submenu a{
        color:#636363;
    }
}
    /* ---- Mobile version ---------*/
    @media (min-width: 780px){
    .ms-leftmenu .lmb-submenu{display: none !important;}
    }
    @media (max-width: 779px){
    .ms-megamenu .ms-leftmenu{background-color:transparent; }
    .ms-megamenu .anchor_mbmenu,.ms-megamenu .mb-label{
    display: block !important;
    }
    .ms-leftmenu  .msl-level0{
    float:left;
    width: 100%;
    display: none;
    position: relative;
    }
    .ms-leftmenu.active .msl-level0{
    display: block;
    }
    .ms-leftmenu  .msl-label{
    padding: 12px 15px 8px !important;
    background: #FFFFFF;
    border: 1px solid #ddd;
    border-top: 0;
    color: #2f2f2f;
    text-decoration: none;
    outline: none;
    width: 100%;
    float:left;
    min-height:43px;
    }
   .ms-leftmenu  .msl-submenu{display: none !important;}
   .ms-leftmenu .mbactive .lmb-submenu{
    z-index: 201;
    display: inline;
    }

    .msl-level0 .msl-label,
    .ms-megamenu .mb-label{
    font-size:15px;
    text-transform:none;
    background-color:#FFFFFF;
    color:#2F2F2F;
    }

    .ms-leftmenu .msl-level0.active .msl-label,
    .ms-leftmenu .msl-level0:hover .msl-label,
    .ms-leftmenu .msl-level0:active .msl-label,
    .ms-leftmenu .msl-level0:focus .msl-label,
    .ms-leftmenu .msl-level0:hover .mb-label,
    .ms-leftmenu .msl-level0:active .mb-label,
    .ms-leftmenu .msl-level0:focus .mb-label,
    .ms-megamenu .mbactive .ms-label,
    .ms-megamenu .mbactive .mb-return,
    .ms-megamenu .mbactive .mb-label{
    background-color:#EBEDED;
    color:#2F2F2F;
    }
    .ms-megamenu .anchor_mbmenu,
    .ms-megamenu .anchor_lmbmenu{
    background-color:#000000;
    }
    .ms-megamenu .anchor_mbmenu .anchor_mbmenu_text,
    .ms-megamenu .anchor_lmbmenu_text{
    color:#FFFFFF;
    }


    .ms-megamenu .lmb-submenu{
    background-color:#FFFFFF;
    color:#636363;
    }
    .ms-megamenu .ms-boxtitle{
    color:#636363;
    }

    .ms-megamenu .lmb-submenu a{
    color:#636363;
    }
    }
/*Desktop*/
@media only screen and (min-width: 1001px){
.ms-megamenu{
    background-color: #000;
}
.ms-megamenu .ms-topmenu{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    max-width: 1260px;
    margin: 0 auto;
    float: none;
}
.ms-megamenu .ms-topmenu .ms-level0{
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
    float: none;
}
.ms-megamenu .ms-topmenu .ms-level0:hover{
    background-color: #CCC;
}
.ms-megamenu .ms-topmenu .ms-level0:last-child{
    background-color: #FF0003;
}
.ms-megamenu .ms-topmenu .ms-level0:last-child:hover{
    background-color: #CCC;
}
.ms-megamenu .ms-topmenu .ms-level0 .ms-label{
    padding: 0;
    float: none;
    line-height: 4.28571rem;
    font-size: 1rem;
    font-weight: 700;
    position: relative;
    display: block;
}
.ms-megamenu .ms-topmenu .ms-level0 .ms-submenu{
    text-align: left;
}
.ms-megamenu .ms-topmenu .ms-level0 .ms-label:hover{
    background-color: transparent;
}
.ms-megamenu .ms-topmenu .ms-level0 .ms-submenu .ms-content .ms-maincontent .ms-category .col-category{
    border-right: 1px solid #D3D3D3;
}
.ms-megamenu .ms-topmenu .ms-level0 .ms-submenu .ms-content .ms-maincontent .ms-category .col-category .form-group.level1{
    border-bottom: 1px solid #D3D3D3;
    font-size: 1rem;
    padding: .35714rem 1.07143rem;
}
.ms-megamenu .ms-topmenu .ms-level0 .ms-submenu .ms-content .ms-maincontent .ms-category .col-category .form-group{
    font-size: 0.85714rem;
    padding: .35714rem 1.07143rem;
}
.ms-megamenu .ms-topmenu .ms-level0 .ms-submenu .ms-content .ms-maincontent .ms-category .col-category .form-group:hover{
    background-color: rgba(42,126,186,0.5);
    color: #FFF;
}
.ms-megamenu .ms-topmenu .ms-level0 .ms-submenu .ms-content .ms-featured .row .col-sm-12 a{
    float: left;
    width: 50%;
}
}

/*Tab*/
@media only screen and (max-width: 1000px){
.ms-megamenu .ms-topmenu .ms-level0 .mb-submenu .mb-content .mb-maincontent{
    width: 100%;
}
.ms-megamenu .ms-topmenu .ms-level0 .mb-submenu .mb-content .mb-featured{
    width: 100%;
}
.ms-megamenu .ms-topmenu .ms-level0 .mb-submenu .mb-content .mb-featured .row .col-sm-12 a{
    float: left;
    width: 50%;
}
}

/*Mobile*/
@media only screen and (max-width: 731px){
.ms-megamenu .ms-topmenu .anchor_mbmenu{
    width: 60px;
    float: right;
    margin-top: -60px;
}
.div-temp{
    display: none;
}
}

/*Mega menu behind cart pop-up*/
@media only screen and (min-width: 733px){
.ms-megamenu{
    z-index: 4;
    position: relative;
}
}

/*Remove p margin*/
.ms-megamenu p{
    margin-bottom: 0;
}