/* MAIN SETTINGS */
@font-face {
    font-family: 'Montserrat-Regular';
    src: url('/shared/fonts/Montserrat-Regular.ttf') format('truetype'); /* 400-weight*/;
  }
  @font-face {
    font-family: 'SourceSansPro-Regular';
    src: url('/shared/fonts/SourceSansPro-Regular.ttf') format('truetype'); /* 400-weight*/;
  }
  @font-face {
    font-family: 'Oswald-SemiBold';
    src: url('/shared/fonts/Oswald-SemiBold.ttf') format('truetype'); /* 400-weight*/;
  }
  @font-face {
    font-family: 'Oswald-Regular';
    src: url('/shared/fonts/Oswald-Regular.ttf') format('truetype'); /* 400-weight*/;
  }
:root {
    --en-topnav-color-1: #063057;
    --en-topnav-color-2: #ffffff;
}
@font-face {
    font-family: 'Karla-Regular';
    src: url('/shared/fonts/Karla-Regular.ttf') format('truetype'); /* 400-weight*/;
  }

/* TOP NAVIGATION CONTAINER */
nav.en-nav {
    width: 100%;
    background: transparent;
}

/* TOP NAVIGATION - MENU LIST */
nav.en-nav > ul {
    height: 100%;               /* 100% makes the top navigation automatically fit into its container */
    display: flex;
    flex-direction: row;
}

/* TOP NAVIGATION - LIST ITEMS (this selector should usually not be needed.) */
nav.en-nav > ul > li {
}

/* TOP NAVIGATION - LINKS */
nav.en-nav > ul > li > a {
        height: auto;
        display: block;
        text-align: center;
        padding: clamp(10.64px,1.3863vw,15.25px) 0px;/*22px*/
        font-size: clamp(12px,1.4545vw,16px);
        line-height: 1.231;
        text-decoration: none;
        color: #0d0d0d;
        font-weight: 600;
        font-family: 'Oswald-SemiBold';
        text-transform: uppercase;
        letter-spacing: 0.7px;
        position: relative;
}
#nav_items_0 li.top-level:hover > a::before, #nav_items_0 li.top-level.over > a::before, #nav_items_0 li.top-level:focus > a::before {
    content: "";
    position: absolute;
    z-index: 99999;
    aspect-ratio: 12/12;
    width: clamp(8.37px,1.0909vw,12px);
    height: auto;
    background-color: #6cd900;
    left: 50%;
    bottom: calc(-1 * clamp(4.18px,0.5454vw,6px));
    transform: translateX(-50%);
    transition: .5s all ease-in-out;
}

/* HOVER ON TOP NAVIGATION LINKS ONLY */
nav.en-nav > ul > li > a:hover {
    color: #cf152d;
}
/*
nav.en-nav > ul > li:last-child > a {
    text-transform: none;
}*/
/* SUBMENUS */
nav.en-nav > ul > li ul {
    border: none;
    background: transparent;
    padding: 0px;
    border-radius: 0px;                        /* border radius won't work without padding and background color */
}

/* SUBMENU LEVEL 1 ONLY */
nav.en-nav > ul > li > ul {
    z-index: 9; 
    background: #063057;
    color: #fff;
    font-weight: 800;
    padding: clamp(9.77px,1.2727vw,14px) 0;
    box-shadow: 0px 30px 50px 0px rgba(0, 0, 0, 0.15);        
}

/* SUBMENUS - LIST ITEMS  (this selector should usually not be needed.) */
nav.en-nav > ul > li ul li {
}

/* SUBMENUS - LINKS */
nav.en-nav > ul > li ul a {
    color: var(--en-topnav-color-2);
    background: var(--en-topnav-color-1);
    text-align: left;
    text-decoration: none;
    padding: clamp(4.88px,0.6363vw,7px) clamp(14.66px,1.9090vw,21px);
    height: auto;
    width: clamp(166.16px,21.6363vw,238px);
    font-weight: 400;
    font-family: 'Oswald-Regular';
    text-transform: uppercase;
    line-height: 1.666666666666667;
    letter-spacing: 1px;
    white-space: normal;
    text-shadow: none;
    font-size: clamp(12px,1.3636vw,15px);
    box-sizing: content-box;
}

/* HOVER ON LINKS IN SUBMENUS */
nav.en-nav > ul > li ul a:hover {
    color: #0d0d0d;
    background: #6cd900;
}

/* LIST ITEMS THAT OPEN SUBMENUS */
nav.en-nav > ul > li ul li.en-has-submenu > a:after {
/*content: '\2794';*/
    display: inline-block;
    margin-left: 12px;
}
.mobile-header-right{
    display: none;
}
    nav.en-nav > ul > li > ul > li ul {
        top: 0;
    }
@media only screen and (max-width: 1600px){
    nav.en-nav > ul > li > ul > li ul {
        left: 100%;
        right: inherit;
    }
    nav.en-nav > ul > li > ul > li ul#nmM84 {
        right: 100%;
        left: inherit;
    }
}
/* STYLING OF THE TOPNAV AND DROPDOWN MENUS FOR THE MEDIUM VERSION */
@media only screen and (max-width: 1100px) {

    /* NAVIGATION - TOP LEVEL ITEMS */


    /* NAVIGATION - LOWER LEVEL ITEMS */

}