@charset "utf-8";
/* CSS Document */

#menu  {
    
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index: 8000;
    font-family:"Mostra N W00 Bold";
    font-style: normal;
    font-weight: 400;
    font-size: 7.5vh;
    text-transform: uppercase;
    letter-spacing: 0.2vw; 
    line-height: 140%;
    transition: opacity 0.5s ease;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition:    opacity 0.5s ease;
    -o-transition:      opacity 0.5s ease;
    -ms-transition:     opacity 0.5s ease;
    
    
}

#menu.off {
    
    opacity:0;
    -webkit-opacity:0;
    -moz-opacity:0;
    -o-opacity:0;
    -ms-opacity:0;
    pointer-events: none;
    
}

#menu.on {
    
    opacity:1;
    -webkit-opacity:1;
    -moz-opacity:1;
    -o-opacity:1;
    -ms-opacity:1;
    pointer-events: auto;
    
}

#menu-logo {
    
    margin-top: 7.29vw;
    
}

#menu .spacer {
    
    width:7.29vw;    
    
}

#menu nav ul {
    
    font-size: 7vh;
    line-height: 150%;
    list-style: none;
    opacity: 0;
    transition: opacity 0.5s ease;
    margin:0;
    padding:0;
    
}

#menu nav ul.long-list {
    
    font-size:5vh;
    line-height:140%;

}

#menu nav li {
    
    display: block;
    transition: all 0.4s ease;
    opacity: 0;
    transform: translateY(5%);
    
}

#menu.burgerOpen nav li {
    
    transition: all 0.8s 0.375s ease;
    
}

#menu.burgerOpen nav li:nth-child(1) {
  transition: all 0.375s 0s ease;
}

#menu.burgerOpen nav li:nth-child(2) {
  transition: all 0.525s 0.15s ease;
}

#menu.burgerOpen nav li:nth-child(3) {
  transition: all 0.675s 0.225s ease;
}

#menu.burgerOpen nav li:nth-child(4) {
  transition: all 0.75s 0.3s ease;
}

#menu.burgerOpen nav li {
    
  opacity: 1;
  transform: translateY(0);
    
}

#menu nav a {
    
  display: inline-block;
  text-decoration: none;
    
}

#menu nav a:after {
    
  content: "";
  display: block;
  height: 2px;
  transform: scaleX(0);
  opacity: 0;
  transition: all 0.6s ease;
  transform-origin: 0 50%;
    
}

#menu nav a:hover:after {
    
  transform: scaleX(1);
  opacity: 1;
    
}

#menu.burgerOpen nav ul {
    
  opacity: 1;
    
}

#sr-res-root3 {

    cursor:pointer;
    
}

@media only screen and (max-width: 799px) {

    #menu nav ul {

        font-size: 5.5vh;

    }

    
}