/* ==========================================================
   SHOPEX PRO
   NAVIGATION
========================================================== */

.shopex-nav{

    background:#232f3e;

    position:relative;

    z-index:200;

}

.shopex-nav-inner{

    display:flex;

    align-items:center;

    justify-content:space-between;

    min-height:52px;

}

/* ==========================
   LEFT AREA
========================== */

.shopex-nav-left{

    display:flex;

    align-items:center;

}

/* ==========================
   CATEGORY BUTTON
========================== */

.shopex-categories{

    position:relative;

}

.shopex-categories-btn{

    display:flex;

    align-items:center;

    gap:10px;

    padding:0 18px;

    height:52px;

    text-decoration:none;

    color:#ffffff;

    font-size:15px;

    font-weight:600;

    transition:.25s;

}

.shopex-categories-btn:hover{

    background:#37475a;

}

.shopex-categories-btn i{

    font-size:16px;

}

/* ==========================
   MENU
========================== */

.shopex-menu{

    display:flex;

    align-items:center;

    margin:0;

    padding:0;

    list-style:none;

}

.shopex-menu li{

    position:relative;

}

.shopex-menu li a{

    display:flex;

    align-items:center;

    height:52px;

    padding:0 18px;

    text-decoration:none;

    color:#ffffff;

    font-size:14px;

    font-weight:500;

    transition:.25s;

}

.shopex-menu li:hover>a{

    background:#37475a;

}

/* ==========================
   ACCOUNT
========================== */

.shopex-nav-right{

    display:flex;

    align-items:center;

}

.shopex-account-link{

    display:flex;

    align-items:center;

    gap:8px;

    height:52px;

    padding:0 18px;

    color:#ffffff;

    text-decoration:none;

    font-size:14px;

    font-weight:600;

    transition:.25s;

}

.shopex-account-link:hover{

    background:#37475a;

}

.shopex-account-link i{

    font-size:17px;

}

/* ==========================
   SUB MENU
========================== */

.shopex-menu .sub-menu{

    position:absolute;

    top:100%;

    left:0;

    min-width:220px;

    background:#ffffff;

    padding:10px 0;

    display:none;

    box-shadow:0 10px 30px rgba(0,0,0,.10);

}

.shopex-menu li:hover>.sub-menu{

    display:block;

}

.shopex-menu .sub-menu li a{

    height:auto;

    color:#333;

    padding:12px 18px;

}

.shopex-menu .sub-menu li a:hover{

    background:#f5f5f5;

    color:#ff9900;

}

/* ==========================
   RESPONSIVE
========================== */

@media(max-width:991px){

    .shopex-nav{

        display:none;

    }

}