.slicknav_menu .slicknav_icon-bar {
background-color: #222c4b !important
}

.slicknav_nav {
    background: #fff;
    float: right;
    margin-top: -4px;
    padding: 19px;
    width: 100%;
    border-top: 1px solid #fafafa;
    /* border-bottom: 1px solid #2b8fff; */
    -webkit-box-shadow: 0px 3px 2px 0px rgba(25, 25, 25, 0.1);
    box-shadow: 0px 3px 2px 0px rgba(25, 25, 25, 0.1);
}

.slicknav_nav .slicknav_arrow {
    color: #222c4b;
    float: right;
    font-size: 22px;
    position: relative;
    top: -9px;
}

.slicknav_nav .slicknav_row:hover .slicknav_arrow {
    border-radius: 0;
    background-color: transparent;
    color: #222c4b;
}

.slicknav_nav a {
    font-size: 14px;
    font-weight: 400;
    color: #222c4b;
    text-transform: none;
}

.slicknav_nav a:hover {
    border-radius: 0;
    color: #0078ff;
}

.badge{
    font-size: 1rem; 
    text-transform: uppercase;
    margin-bottom:1rem;
}

.badge-primary {
    background: #0078ff;
}

.badge-danger {
    background: #d80073;
}

.badge-light {
    background: #fafafa;
}

.cf-light{
    font-size: 0.8rem;
    font-family: 'CFDromonLight';
    color: #8f96a7;
}

.mono-light{
    font-family: 'DecimaMono';
    color: #8f96a7;
}
.badge-waring{
    background: #cf8a35;
}

.badge-dark{
    background: #222c4b;
}


.section-m-tittle h2 {
    color: #222c4b;
    font-size: 1.8rem;
    font-weight: 300;
    margin-top: 1rem;
    margin-bottom: 1rem;
    line-height: 1.3;
}