/* ========================
   PREMIUM NAVBAR
======================== */

.main_nav{
    background:#ffffff;
    box-shadow:0 3px 18px rgba(0,0,0,.12);
    transition:.3s;
}

.main_nav_col{
    height:90px;
    display:flex;
    align-items:center;
}

.logo a{
    display:flex;
    align-items:center;
    text-decoration:none;
    color:#222;
    font-size:28px;
    font-weight:700;
}

.logo-img{
    height:124px;
    width:auto;
}

.main_nav_list{
    display:flex;
    align-items:center;
}

.main_nav_item{
    margin-left:28px;
}

.main_nav_item a{
    color:#333 !important;
    font-size:15px;
    font-weight:600;
    text-transform:uppercase;
    transition:.3s;
}

.main_nav_item a:hover{
    color:#ff7b00 !important;
}

.offer-menu{
    position:relative;
    display:inline-block;
}

.offer-menu a{
    position:relative;
    display:flex;
    padding:12px 30px;
    overflow:hidden;
    border-radius:35px;
    background:linear-gradient(45deg,#ff6600,#ff9800);
    color:#fff !important;
}

.offer-menu a::before{
    content:"";
    position:absolute;
    top:-20%;
    left:-35%;
    width:18%;
    height:140%;
    background:rgba(255,255,255,.85);
    transform:skewX(-25deg);
    filter:blur(2px);
    animation:shine 2.2s linear infinite;
    pointer-events:none;
}

.offer-tag{
    position:absolute;
    top:-8px;
    right:-12px;
    background:#ff0000;
    color:#fff;
    font-size:10px;
    padding:3px 7px;
    border-radius:20px;
    font-weight:bold;
    z-index:999;
    animation:bounce 1s infinite;
}

@keyframes shine{
    0%{
        left:-30%;
    }
    100%{
        left:115%;
    }
}

.mag_glass{
    fill:#444 !important;
}

.content_search:hover .mag_glass{
    fill:#ff7b00 !important;
}

.hamburger i{
    color:#333;
}

@media only screen and (max-width:575px){

    .main_nav_col{
        height:70px !important;
        display:flex !important;
        align-items:center !important;
    }

    .logo_container{
        width:auto !important;
        display:flex !important;
        align-items:center !important;
    }

    .logo{
        display:flex !important;
        align-items:center !important;
    }

    .logo a{
        display:flex !important;
        align-items:center !important;
    }

    .logo-img{
        width:110px !important;
        height:auto !important;
        max-width:110px !important;
        max-height:none !important;
        object-fit:contain !important;
        display:block !important;
    }
}