@charset "UTF-8";
header{
  position:relative;
  background:url("/res/img/headerBackground.jpg");
  background-size:auto 100%;
  color:initial;
  margin-bottom:0.5rem;
  top:0;
  left:0;
  right:0;
  z-index:100;
}
header div.languageLinksWrapper{
  background-color:white;
}
header div.languageLinks{
  position:relative;
  text-align:right;
}
header div.languageLinks div.languageFlags{
  padding:0.5rem 0;
}
header div.languageLinks figure{
  margin-left:0.5rem;
}
header div.languageLinks figure.mobileMenu{
  cursor:pointer;
  display:none;
}
header div.languageLinks figure img{
  height:1.6rem;
}
header div.topBar{
  position:relative;
  margin:0 auto;
  background-color:transparent;
  color:inherit;
  padding:1rem;
  /* IE 8 */
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
  /* IE 5-7 */
  filter:alpha(opacity=85);
  /* Netscape */
  -moz-opacity:0.85;
  /* Safari 1.x */
  -khtml-opacity:0.85;
  /* Good browsers */
  opacity:0.85;
  z-index:-1;
}
header div.topBar section.mainNav{
  position:absolute;
  right:1rem;
}
header div.topBar section.mainNav ul{
  list-style:none;
  text-transform:uppercase;
  font-size:1.4rem;
  min-width:15rem;
}
header div.topBar section.mainNav ul li{
  position:relative;
  line-height:16.1rem;
  color:#181b37;
}
header div.topBar section.mainNav ul li a{
  padding:3.4rem 0.7rem;
}
header div.topBar section.mainNav ul li:hover{
  color:#00aff0;
}
header div.topBar section.mainNav ul li ul{
  display:none;
  position:absolute;
  top:9rem;
  background-color:#e1e1e1;
  padding:1rem 0;
}
header div.topBar section.mainNav ul li:hover > ul{
  display:block;
}
header div.topBar section.mainNav ul li ul li{
  color:initial;
  display:block;
  line-height:4rem;
}
header div.topBar section.mainNav ul li ul li i.fas{
  position:absolute;
  line-height:4rem;
  right:0.5rem;
}
header div.topBar section.mainNav ul li ul li a{
  width:100%;
  padding:0.25rem 1rem;
}
header div.topBar section.mainNav ul li ul li:hover{
  color:white;
  background-color:#8a8a8a;
}
header div.topBar section.mainNav ul li ul li ul{
  top:-0.5rem;
  margin-left:100%;
}
/* -- Mobile ---------------------------------------------------------------- */
@media only screen 
  and (max-width:1180px){
  header div.languageLinks{
    text-align:left;
  }
  header div.languageLinks figure img{
    margin:0.5rem 0;
  }
  header div.languageLinks div.languageFlags{
    position:absolute;
    right:0.5rem;
  }
  header div.languageLinks figure.mobileMenu{
    display:inline-block;
  }
  header div.languageLinks figure.mobileMenu img{
    height:2.5rem;
    margin:0;
  }
  header div.topBar section.mainLogo{
    width:100%;
    display:block;
    text-align:center;
  }
  header div.topBar section.mainLogo figure{
    display:block;
  }
  header div.topBar section.mainLogo figure img{
    width:auto;
    height:auto;
    margin:0 auto;
    max-width:90%;
  }
  header div.topBar section.mainNav{
    display:none;
    position:absolute;
    top:18rem;
    left:0;
    right:0;
    background-color:black;
    color:white;
    opacity:0.95;
  }
  header div.topBar section.mainNav ul{
    padding:1rem 0;
  }
  header div.topBar section.mainNav ul li{
    display:block;
    line-height:4rem;
    text-align:center;
    color:white;
  }
  header div.topBar section.mainNav ul li a{
    padding:0 1rem;
  }
  header div.topBar section.mainNav ul li ul{
    position:relative;
    top:0;
  }
  header div.topBar section.mainNav ul li ul,
  header div.topBar section.mainNav ul li ul li{
    background-color:inherit;
    color:white;
  }
  header div.topBar section.mainNav.active{
    display:block;
  }
}
