html, body{
    padding:0px;
    margin:0px;
    width:100vw;
}
body * {
    margin:0;
    /*padding:0;*/
}

/* HTML Nav Styles */
/* HTML Nav Styles */
/* HTML Nav Styles */
nav menuitem {
    position:relative;
    display:block;
    opacity:0;
    cursor:pointer;
}

nav menuitem > menu {
    position: absolute;
    pointer-events:none;
    padding: 0;
}
nav > menu { display:flex; padding: 0;}

nav > menu > menuitem { pointer-events: all; opacity:1; z-index: 1;}
menu menuitem a { white-space:nowrap; display:block; background: #ffffff; font-size: 16px; font-weight: 400;}
   @media (min-width:880px) and (max-width: 1280px) 
   {
        menu menuitem a { font-size: 13.5px;}     
        .navbar-brand > img {
            width: 80% !important;
        }  
        .container {
            max-width: 1100px;
        }
   } 
   @media (min-width:1281px) and (max-width: 1400px) 
   {
        menu menuitem a { font-size: 15px;}     
        .navbar-brand > img {
            width: 80% !important;
        }  
   } 
menuitem:hover > menu {
    pointer-events:initial;
}
menuitem:hover > menu > menuitem,
menu:hover > menuitem{
    opacity:1;
}
nav > menu > menuitem menuitem menu {
    transform:translateX(100%);
    top:0; right:0;
}
/* User Styles Below Not Required */
/* User Styles Below Not Required */
/* User Styles Below Not Required */

nav { 
    margin-top: 40px;
    margin-left: 40px;
}

nav a {
    /*background:#75F;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
    color:#FFF;*/
    /*min-width:190px;*/
    transition: background 1s, color 1s, transform 1s;
    margin:0px 1px 1px 0px;
    padding:5px 12px;
    box-sizing:border-box;
    border-radius:3px;
    position:relative;
}

/*nav a:hover:before {
    content: '';
    top:0;left:0;
    position:absolute;
    background:rgba(0, 0, 0, 0.2);
    width:100%;
    height:100%;
}

nav > menu > menuitem > a + menu:after{
    content: '';
    position:absolute;
    border:10px solid transparent;
    border-top: 10px solid white;
    left:12px;
    top: -40px;  
}
nav menuitem > menu > menuitem > a + menu:after{ 
    content: '';
    position:absolute;
    border:10px solid transparent;
    border-left: 10px solid white;
    top: 20px;
    left:-180px;
    transition: opacity 0.6, transform 0s;
}*/

nav > menu > menuitem > menu > menuitem{
    transition: transform 1s, opacity 1s;
    transform:translateY(150%);
    opacity:0;
}
nav > menu > menuitem:hover > menu > menuitem,
nav > menu > menuitem.hover > menu > menuitem{
    transform:translateY(0%);
    opacity: 1;
}

menuitem > menu > menuitem > menu > menuitem{
    transition: transform 1s, opacity 1s;
    transform:translateX(195px) translateY(0%);
    opacity: 0;
} 
menuitem > menu > menuitem:hover > menu > menuitem,  
menuitem > menu > menuitem.hover > menu > menuitem{  
    transform:translateX(0) translateY(0%);
    opacity: 1;
    background: #ffffff;
}
nav menuitem > menu > a {
    background: #fff;
}
/*header.site-header.bg-white {
    height: 112px;
}*/
menu menuitem a:hover {
    background: #3f6eb7;
    color: #ffffff !important;
}
@media screen and (min-width: 900px) {
nav.navbar.navbar-expand-lg.bg-white.static-nav.fixedmenu {
    padding-left: 120px !important;
    padding-right: auto;
}
}

@media screen and (min-width: 900px) {
nav.navbar.navbar-expand-lg.bg-white.static-nav.fixedmenu {
    padding-left: 120px !important;
    padding-right: auto;
}
}