@-webkit-keyframes mainmenuopacityon {
    0%   { opacity: 1; background-color: transparent}
    1%   { opacity: 0; background-color: transparent}
    50%   { opacity: 0.7; background-color:lightblue}
    50%   { opacity: 0.7; background-color:lightblue}
    80%   { opacity: 0.9;}
    90%   { opacity: 0.95; }
    100% { opacity: 1; background-color:transparent}
}
@-moz-keyframes mainmenuopacityon {
    0%   { opacity: 1; background-color: transparent}
    1%   { opacity: 0; background-color: transparent}
    50%   { opacity: 0.7; background-color:lightblue}
    50%   { opacity: 0.7; background-color:lightblue}
    80%   { opacity: 0.9;}
    90%   { opacity: 0.95; }
    100% { opacity: 1; background-color:transparent}
}
@-o-keyframes mainmenuopacityon {
    0%   { opacity: 1; background-color: transparent}
    1%   { opacity: 0; background-color: transparent}
    50%   { opacity: 0.7; background-color:lightblue}
    50%   { opacity: 0.7; background-color:lightblue}
    80%   { opacity: 0.9;}
    90%   { opacity: 0.95; }
    100% { opacity: 1; background-color:transparent}
}
@keyframes mainmenuopacityon {
    0%   { opacity: 1; background-color: transparent}
    1%   { opacity: 0; background-color: transparent}
    50%   { opacity: 0.7; background-color:lightblue}
    50%   { opacity: 0.7; background-color:lightblue}
    80%   { opacity: 0.9;}
    90%   { opacity: 0.95; }
    100% { opacity: 1; background-color:transparent}
}

.mainmenu {
    background-color: transparent;
    color: black;
    opacity: 1;
    margin: 0;
    padding: 0;
    position:relative;
}

.mainmenu li {
    display: inline;
    float: left;
    text-align: center;
    margin-left: 0px;
    margin-top: 1.8vw;
    padding: 0;
    background-color: transparent;
    padding: 0;
}

.mainmenuitem {
 /*   color: black;*/

}

.mainmenu li a {
    font-family: 'PFDinText-Regular', sans-serif;
    font-size: 1vw;
    font-weight: 300;
    font-style: normal;
    margin-left: 0vw;
    margin-right: 0.7vw;
    color: darkblue;
    text-decoration: none;
    transition: all 1s;
    -webkit-transition: all 1s;
}

.mainmenu li a:hover {
    font-family: 'PFDinText-Regular', sans-serif;
    font-weight:900;
    font-style: italic;
    text-decoration: none;
    color:lightblue;
    animation-name: mainmenuopacityon;
    animation-duration: 0.3s;
    opacity: 1;
    margin-left: 0vw;
    margin-right: 0.7vw;
    transition: all 1s;
    -webkit-transition: all 1s;
}

.mainmenu ul {
    display: inline;
}

.mainmenu ul ul {
    display: none;
    visibility: hidden;
    -webkit-transition: all 1s;
}

.mainmenu ul li:hover > ul {
    display: block;
    visibility: visible;
    -webkit-transition: all 1s;

}