.blackBg {
    background-color: black;
}

.top-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

#top-menu {
    height: 74px;
    background-color: #000;
    display: flex;
    width: 100%;
}

.logo img {
    width: 200px;
}
.logo .mobile-logo{
    height: auto;
    width: 40px !important;
}

.open .dropdown-menu {
    display: flex;
    flex-flow: column;
    background-color: #000;
    left: 0;
    right: auto;
}

@media (max-width:768px) {
    .open .dropdown-menu {
        right: 0;
        left: auto;
    }

}

a.dropdown-item {
    color: white;
    border-bottom: 1px solid #434343;
    padding: 10px;
}

.dropdown-toggle,
.dropdown-toggle:hover,
.dropdown-toggle:focus {
    color: white !important;
}


section#top-menu .container {
    margin: 0 auto;
    width: 100%;
}


.dropLang {
    display: flex;
    justify-content: end;
    align-items: center;
}

.langToggler {
    color: white;
    padding: 20px 15px;
}

.langtoggler:hover{
    text-decoration: none;
    color:white !important;
}

i.fa.fa-angle-down {
    transition: all 0.2s ease;
}

.open i.fa.fa-angle-down {
    transform: rotate(180deg);
}



.menu-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 74px;
}

/* IMPORTANT FOR SCROLL EFFECT */
.desktop-menu {
    position: fixed;
    transition: all 0.2s ease;
    width: 100vw;
    z-index: 9999;
    top:0;
}

.dropdown-item:last-child {
    border: 0;
}

.open .dropdown-menu {
    display: flex;
    flex-flow: column;
    background-color: #000;
    left: auto !important;
    right: 0 !important;
    width: 335px;
    transition: all 0.2s ease;
}

a.dropdown-item {
    color: white;
    border-bottom: 1px solid #353535;
    padding: 20px 15px;
    width: 335px !important;
    display: flex;
    align-items: center;
}

.dropdown-item img{
    width: 20px;
    margin-right: 10px;
}

section#header {
    margin-top: 72px;
}