.navbar.navbar-expand-lg.is-transparent
{
    display:none;   /* disable the old menu */
}
div.banner .container
{
    margin-top:120px;
}
header.newmenu
{
    position:fixed;
    color:black;
    z-index:999;
    background-color:white;
    border-bottom:1px solid black;
    width:100vw;
    box-shadow:0px 5px 14px 0px rgba(171,171,171,1);
}
header.newmenu .newmenucontainer
{
    margin:0 auto;
    width:1140px;
    max-width:100vw;
}
header.newmenu .mainlogo
{
    display:inline-block;
    width:420px;
    height:120px;
}
header.newmenu .mainlogo img.mainlogo
{
    height:99px;
    width:400px;
    margin-left:10px;
    margin-top:10px;
}
header.newmenu .hamburger
{
    --iaoverridecolor:black;
    --iaoverridecolorinverse: white;
    display:none;
    float:right;
    width:30px;
    height:28px;
    padding-top:2px;
    font-size:20px;
    border-radius:5px;
    cursor:pointer;
    border:2px solid var(--iaoverridecolor);
    color:var(--iaoverridecolor);
    text-align:center;
    margin-right:20px;
    margin-top:80px;
}
header.newmenu .hamburger *
{
    vertical-align: top;
}
header.newmenu .menu ul li span
{
    cursor:pointer;
}
header.newmenu .menu ul li
{
    border:2px solid white;
    border-radius:3px;
}
header.newmenu .menu > ul > li:hover
{
    background-color:#eee;
}
header.newmenu .menu ul li.open
{
    border-color:black;
    background-color:white;
}
header.newmenu .menu ul li ul li
{
    background-color:white;
}
header.newmenu .menu
{
    display:inline-block;
    width:calc(100% - 450px);
    float:right;
    margin-top:37px;
}
header.newmenu .menu ul
{
    float:right;
    margin-right:20px;
    margin-bottom:2px;
}
header.newmenu .menu ul li ul
{
    display:none;
    padding-left:15px;
    position:absolute;
    background-color:white;
    border:2px solid black;
    border-radius:3px;
    padding:5px;
}
header.newmenu .menu ul li span.linkcategory
{
    display:block;
}
header.newmenu .menu ul li.open ul
{
    display:inline-block;
    margin-top:7px;
    transition: all 0.5s ease;
    margin-left:-5px;
    box-shadow:0px 5px 14px 0px rgba(171,171,171,1);
}
header.newmenu .menu ul li
{
    float:left;
    margin-right:20px;
    padding-left:5px;
    padding-right:5px;
}
header.newmenu .menu ul li ul li
{
    float:none;
}
header.newmenu .menu ul li ul li a
{
    white-space:nowrap;
}
header.newmenu .menu > div.buttoncontainer
{
    display:inline-block;
    width:100%;
    padding-right:20px;
}
header.newmenu .menu > div > a
{
    display:block;
    border:2px solid #674da0;
    padding:3px;
    border-radius:3px;
    margin-bottom:5px;
    text-decoration:none;
    text-align:center;

    width:calc(50% - 20px);
    float:right;
    margin-right:10px;
    margin-top:2px;
    font-weight:bold;
    color:#674da0;
    max-width:200px;
    border:2px solid #674da0;
}
header.newmenu .menu > div > a:hover
{
    background-color:#674da0;
    color:white;
}
header.newmenu .menu > div > a.contactus
{
    background-color: #674da0;
    border-color:#674da0;
    color:white;
}
header.newmenu .menu > div > a:hover
{
    color:white;
    background-color:#674da0;
}
header.newmenu .menu > div > a.contactus:hover
{
    background-color:white;
    color:#674da0;
}
header.newmenu.scrolling .hamburger
{
    margin-top:30px;
    transition: all 0.5s ease;
}
header.newmenu.scrolling .mainlogo img.mainlogo
{
    height:49.5px;
    width:200px;
    transition: all 0.5s ease;
}
header.newmenu.scrolling  .mainlogo
{
    height:70px;
    transition: all 0.5s ease;
}
header.newmenu.scrolling .menu
{
    margin-top:0;
    transition: all 0.5s ease;
}
header.newmenu.scrolling .menu.active
{
    top:80px;
    transition: all 0.5s ease;
}
@media 	all and (max-width: 1270px)
{
    header.newmenu .menu ul li:last-of-type ul
    {
        right:5px;
    }
    header.newmenu .menu ul li
    {
        margin-right:5px;
    }
}
@media 	all and (max-width: 900px)
{
    header.newmenu .menu.active
    {
        box-shadow:0px 5px 14px 0px rgba(171,171,171,1);
    }
    header.newmenu .menu ul li.open ul
    {
        box-shadow:none;
    }
    header.newmenu .hamburger
    {
        display:inline-block;
    }
    header.newmenu .hamburger.active
    {
        background-color:var(--iaoverridecolor);
        color:var(--iaoverridecolorinverse);
    }
    header.newmenu .menu
    {
        display:none;
        padding:20px;
    }
    header.newmenu .menu.active
    {
        display:inline-block;
        position:absolute;
        top:88px;
        right:20px;
        width:300px;
        background-color:white;
        border:2px solid black;
        border-radius:5px;
        animation-duration: 0.25s;
        animation-name: slidein;
    }
    header.newmenu .menu ul li ul
    {
        position:unset;
        border:none;
    }
    header.newmenu .menu ul li,
    header.newmenu .menu ul
    {
        float:none;
    }

    header.newmenu .menu > div > a
    {
        width:100%;
    }
    header.newmenu .menu ul li.open
    {
        border-color:white;
    }
}
@media 	all and (max-width: 500px)
{
    header.newmenu .mainlogo
    {
        height:75.75px;
        width:300px;
    }
    header.newmenu .mainlogo img.mainlogo
    {
        height:75.75px;
        width:300px;
    }
    header.newmenu .hamburger
    {
        margin-top:60px;
        margin-bottom:2px;
    }
    header.newmenu .menu.active
    {
        top:95px;
    }
    header.newmenu .menu.active
    {
        top:58px;
    }
}
@keyframes slidein {
    from {
        translate: 150vw 0;
        scale: 200% 1;
    }

    to {
        translate: 0 0;
        scale: 100% 1;
    }
}