/*MENU UTAMA*/

.main-navigation>li>a {
    margin-right: 30px;
    padding: 24px 0;
    display: block;
    color: #fff;
    text-decoration: none;
    letter-spacing: .5px;
}
.main-navigation>li>a:hover {
    color: #0ff;
}
.main-nav-holder {
    display: table;
    vertical-align: middle;
    height: 74.91px;
    float: right;
}
.main-nav-holder-sub {
    display: table-cell;
    vertical-align: middle;
    height: 74.91px
}
.desktop_menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.desktop_menu ul li {
    display: block;
    position: relative;
    float: left;
    background: #000;
    opacity: 0.98
}
/* This hides the dropdowns */

/* 16px */

li ul {
    display: none;
}
.submenu {
    z-index: 100;
    margin-left: 10px;
}
.desktop_menu .submenu>ul li a {
    left: 20px;
    border: 1px solid #fff
}
.submenu>ul {
    border: 1px solid white;
    margin-left: 20px;
    min-width: 12em;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: .5px;
}
ul.submenu2 {
    padding: 0;
    margin: 0;
}
.sub-arrow {
    font-size: 10px;
}
.fa, .fas {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
ul li a:hover {
    opacity: 1;
}
/* Display the dropdown */

.desktop_menu li:hover>ul {
    display: block;
    position: absolute;
}
li:hover li {
    float: none;
}
/*background sub menu*/

.desktop_menu li:hover a {
    background: #000;
    opacity: 0.98
}
.desktop_menu li:hover li a:hover {
    color: #0FF
}
.main-navigation li ul li {
    border-top: 0;
}
/* Displays second level dropdowns to the right of the first level dropdown */

ul ul ul {
    left: 100%;
    top: 0;
}
/* Simple clearfix */

ul:before, ul:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}
ul:after {
    clear: both;
}