/*=========================================================
                    RK TOPBAR
=========================================================*/

.rk-topbar{
    background:#0c3f01;
    color:#ffffff;
    font-size:14px;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.rk-topbar *{
    box-sizing:border-box;
}

.rk-topbar .container{
    max-width:1320px;
    margin:auto;
    padding:0 15px;
}

/*=========================================================
                DESKTOP TOPBAR
=========================================================*/

.rk-topbar-inner{

    display:flex;

    align-items:center;

    justify-content:space-between;

    min-height:46px;

}

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

.rk-topbar-left{

    display:flex;

    align-items:center;

    gap:14px;

    white-space:nowrap;

}

.rk-topbar-left a{

    color:#ffffff;

    text-decoration:none;

    display:flex;

    align-items:center;

    gap:8px;

    transition:.3s;

    font-weight:500;

}

.rk-topbar-left a:hover{

    color:#d7ffd1;

}

.rk-topbar-left i{

    font-size:13px;

}

/*=========================================================
                    RIGHT
=========================================================*/

.rk-topbar-right{

    display:flex;

    align-items:center;

    gap:14px;

    white-space:nowrap;

}

.rk-topbar-right a{

    color:#ffffff;

    text-decoration:none;

    transition:.3s;

    font-weight:500;

}

.rk-topbar-right a:hover{

    color:#d7ffd1;

}

.rk-user-name{

    color:#ffffff;

    margin-right:10px;

}

.rk-user-name strong{

    color:#ffffff;

    font-weight:700;

}

/*=========================================================
                    DIVIDER
=========================================================*/

.rk-divider{

    width:1px;

    height:16px;

    background:rgba(255,255,255,.35);

    display:block;

}

/*=========================================================
                MOBILE TOPBAR
=========================================================*/

.rk-mobile-topbar{

    display:none;

}

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

@media(max-width:991.98px){

.rk-topbar{

    display:none;

}

.rk-mobile-topbar{

    display:block;

    background:#0c3f01;

    color:#ffffff;

    padding:8px 0;

}

.rk-mobile-topbar .container{

    padding:0 15px;

}

.rk-mobile-phone{

    display:flex;

    justify-content:center;

    align-items:center;

    margin-bottom:6px;

}

.rk-mobile-phone a{

    color:#ffffff;

    text-decoration:none;

    font-size:14px;

    font-weight:500;

    display:flex;

    align-items:center;

    gap:8px;

}

.rk-mobile-account{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:10px;

}

.rk-mobile-account a{

    color:#ffffff;

    text-decoration:none;

    font-size:14px;

    font-weight:500;

}

.rk-mobile-account a:hover{

    color:#d7ffd1;

}

.rk-mobile-account span{

    color:rgba(255,255,255,.60);

}

}