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

.topbar{

    width:100%;

    background:#E56A08;

    color:#fff;

    font-size:14px;

}

.topbar .container{

    max-width:1320px;

    margin:auto;

    padding:0 15px;

    height:46px;

    display:flex;

    justify-content:space-between;

    align-items:center;

}

.topbar-left,

.topbar-right{

    display:flex;

    align-items:center;

    gap:18px;

}

.topbar a{

    color:#fff;

    text-decoration:none;

    display:flex;

    align-items:center;

    gap:8px;

    transition:.3s;

}

.topbar a:hover{

    color:#0C8CE9;

}

.divider{

    width:1px;

    height:18px;

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

}

.social-links{

    display:flex;

    align-items:center;

    gap:10px;

}

.social-links a{

    width:34px;

    height:34px;

    border-radius:50%;

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

    display:flex;

    justify-content:center;

    align-items:center;

}

.social-links a:hover{

    background:#0C8CE9;

    color:#fff;

}

.track-btn{

    background:#0C8CE9;

    padding:9px 18px;

    border-radius:30px;

    font-size:13px;

    font-weight:600;

}

.track-btn:hover{

    background:#fff;

    color:#06305E;

}

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

@media(max-width:991px){

.topbar .container{

flex-direction:column;

height:auto;

padding:10px 15px;

gap:10px;

}

.topbar-left,

.topbar-right{

width:100%;

justify-content:center;

flex-wrap:wrap;

}

}

@media(max-width:576px){

.topbar{

display:none;

}

}