a,
*{
    outline: none !important;
}

header,
nav,
.navbar,
.main-nav
{
    padding:0 !important;
    margin: 0 !important;
}

.main-nav,
.affix,
.main-nav .navbar,
.main-nav.affix .navbar,
.main-nav.affix .navbar-nav,
.main-nav .navbar-nav,
.main-nav .navbar-nav li.nav-item:hover,
.main-nav .navbar-nav .dropdown-menu,
.main-nav.affix .navbar-nav .dropdown-menu


{
    -webkit-transition : all 0.5s ease-out;
    -moz-transition : all 0.5s ease-out;
    -o-transition :all 0.5s ease-out;
    transition : all 0.5s ease-out;
}

.main-nav .navbar-nav,
.main-nav .navbar,
.main-nav{
    height: 80px;
}
.main-nav.affix .navbar-nav,
.main-nav.affix .navbar,
.affix{
    height: 64px;
}



.main-nav .navbar-brand{
padding: 0 0 0 0 ;
margin: 0;

    width: 200px;
}


.main-nav .navbar-brand img{
    width: 80% !important;
}

.main-nav.affix .navbar-brand{
    padding: 0px 0 0 0 ;
    margin: 0;
}

.main-nav.affix .logo-brand{
    width: 220px;
    padding: 0 !important;
    margin: 0 !important;
}



.main-nav .navbar-nav .dropdown-menu {
    top:80px !important;
}


.main-nav.affix .navbar-nav .dropdown-menu {
    top:64px !important;
}



.caret-drop{
    position: relative;
    color: #FFF;
    margin-left: 10px !important;
    transition: 0.3s;

}
.main-nav .navbar-nav li.nav-item ul.dropdown-menu{
    margin: 0 !important;
    border: none!important;
    background: rgba(51,51,51, .9) !important;
    border-radius: 0 !important;
}

.main-nav li.lng{
    display: none;
}

/*================================================*/

.main-nav.affix .lngSelect{
    padding: 13px 0 0 0;
}
.lngSelect span{
    margin: 0 3px 0 1px !important;

}
.lngSelect span:before{
    content:' | ';
    color:#ffffff;
    font-size: 16px;
}


.main-nav.affix .lngSelect span:before{
    color: rgba(80,80,80,.5);
}
.lngSelect{
    width: 82px !important;
    margin: 0 0 0 5px;
    padding: 22px 0 0 0;
    color: rgba(255,255,255, .5);
}
.lngSelect img{
    height: 16px;
    filter: none;
    -webkit-filter: grayscale(100%);
    opacity: .6;
    -webkit-transition : all 0.5s ease-out;
    -moz-transition : all 0.5s ease-out;
    -o-transition :all 0.5s ease-out;
    transition : all 0.5s ease-out;
}

.lngSelect a:hover img{
    -webkit-filter: grayscale(0%);
    opacity: 1;
}

.main-nav #navbarSupportedContent{
    position: absolute; top: 0; left: 0px; width: 100%
}


.navbar .navbar-expand-lg{
    position: relative;
}
/*==========================================*/
@media (max-width:850px) {
    .lngSelect{ display: none}
    .main-nav li.lng{ display: block}

    .main-nav #navbarSupportedContent,
    .affix,
    .main-nav li.lng,
    .main-nav .navbar-nav li.nav-item ul.dropdown-menu li:hover
    {
        -webkit-transition : all 0.5s ease-out;
        -moz-transition : all 0.5s ease-out;
        -o-transition :all 0.5s ease-out;
        transition : all 0.5s ease-out;
    }
    .affix {
        background: rgba(51, 51, 51, .9) !important;
    }


    .main-nav .navbar-nav li.nav-item
    {
        padding: 10px 0 0 30px !important;
        background: rgba(51,51,51,.7) !important;
    }


    .main-nav.affix .navbar-nav li.nav-item
    {
        padding: 10px 0 0 30px !important;
        background: rgba(51,51,51,.9) !important;
    }

    .main-nav.affix .navbar-nav li.nav-item:hover{
        background: rgba(2,148, 72, .9) !important;
    }
    .main-nav.affix .navbar-nav li.nav-item a,
    .main-nav.affix .navbar-nav li.nav-item:hover a{
        color: #fafafa !important;
    }


    .main-nav.affix .navbar-nav li.nav-item a span{
        color: #fafafa !important;
    }

    .main-nav .navbar-nav li.nav-item ul.dropdown-menu{
        margin: 0  0 0 -30px!important;
        border: none!important;
        padding: 0 !important;
        border-radius: 0 !important;

    }
    ul.dropdown-menu li{
        background: transparent !important;
        padding: 6px 0 6px 15px !important;
    }

    .main-nav .navbar-nav li.nav-item ul.dropdown-menu li:hover
    {
        background: rgba(2,148, 72, .8) !important;

    }

    .main-nav .navbar-nav li.nav-item ul.dropdown-menu li:hover a{
        color: #fafafa !important;
    }

    .main-nav.affix .navbar-nav li.nav-item .nav-link .caret-drop{
        color: #fafafa !important;
    }



    ul.dropdown-menu li.divider-top,
    ul.dropdown-menu li.divider{
        display: none !important;
    }

    .main-nav .navbar-nav li.nav-item ul.dropdown-menu li{
        border: none !important;
    }

    .main-nav #navbarSupportedContent{
        margin-top: 80px !important;
        z-index: 9;
    }
    .main-nav.affix #navbarSupportedContent{
        margin-top: 64px !important;
    }

    .caret-drop{
        margin-right: 30px;

    }


    .caret-drop:before{
        content: "\f107";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        color: #ffffff !important;
        font-size: 20px;

    }


    .caret-drop{
        position: relative;
        color: #FFF;
        margin-left: 5px;
        transition: 0.3s;
    }

    .nav-link:hover .caret-drop{
        text-decoration: none;
        color: #ffffff !important;
    }

    .nav-link:focus .caret-drop{
        text-decoration: none;
        color: #ffffff;
    }


    .main-nav .navbar-nav li.nav-item{
        border-bottom: 1px solid rgba(90,90,90, .5);
    }


    .main-nav li.lng{ text-align: center !important;
        background: rgba(51,51,51,.7) !important;
        border-bottom: 1px solid rgba(90,90,90, .5);
        padding: 12px 0 !important;

    }

    .main-nav.affix li.lng{
        background: rgba(51,51,51,.9) !important;


    }


    .main-nav li.lng img{ height: 16px; margin: 0 5px;

        filter: none;
        -webkit-filter: grayscale(100%);
        opacity: .8;
        -webkit-transition : all 0.5s ease-out;
        -moz-transition : all 0.5s ease-out;
        -o-transition :all 0.5s ease-out;
        transition : all 0.5s ease-out;
    }

    .main-nav li.lng a.active img,
    .main-nav li.lng a:hover img{
        -webkit-filter: grayscale(0%);
        opacity: 1;
    }


}