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

@import url("https://fonts.googleapis.com/css?family=Sen&display=swap");


.menu-container {
  top: 0;
  margin-top: 0px;
  z-index: 3999;
}
.menu-container h3 {
  font-size: 24px;
  margin-bottom: 10px;
  text-align: center;
	color: #fff;	
}
/*.menu-container:nth-child(3) {
  margin-top: 10px;
  margin-bottom: 0px;
}*/
.menu-container:nth-child(3) {
    top: -10px;
    margin-bottom: 0px;
    height: 23px;
    position: fixed;
    background-color: #7ec5ed;
	z-index: 3999!important;
}
nav {
  width: 100%;
  display: flex;
  justify-content: center;
}
/*.menu {
  display: flex;
  justify-content: center;
  z-index: 2000;
}*/
.menu {
    display: flex;
    justify-content: center;
    z-index: 4000;
    position: fixed;
    top: 0px !important;
    margin-top: 0;
}
.menu-alt {
    display: flex;
    justify-content: center;
    z-index: 4000;
    position: absolute;
    top: -20px !important;
}


li.dropdown a {color: #fff; font-family: 'Oswald', 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow'; text-decoration: none; font-size: .9em;}
li.dropdown a:hover {color: #E6EDF0; font-family: 'Oswald', 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow'; text-decoration: none; font-size: .9em;}
li.dropdown a {font-family: 'Oswald'!important; color: #fff!important; font-size: .9em;}
li.dropdown a:hover {font-family: 'Oswald'!important; color: #fff!important; font-size: .9em;}

.dropdown {
font-family: 'Oswald', 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow';	
  padding: 3px 6px;
  margin-right: 6px;	
  margin-left: 0px!important;	
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
 /* background: #c06162;
  background: #34495e;*/
  background-color: #005496;	
  position: relative;
  font-size: 14px;
  perspective: 1000px;
  z-index: 1000;
  border-radius: 10px 10px 0 0;
  animation-name: slideUp;
  animation-duration: 1s;		
}

.dropdown.emr {
font-family: 'Oswald', 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow';	
  padding: 6px 12px;
margin-right: 6px;	
  display: flex;
  justify-content: center;
  align-items: center;
  color: #f0f;
 /* background: #c06162;
  background: #34495e;*/
  background-color: #c00;	
  position: relative;
  font-size: 14px;
  perspective: 1000px;
  z-index: 1000;
  border-radius: 10px 10px 0 0;
  animation-name: slideUp;
  animation-duration: 1s;		
}

/*ul li.dropdown.emr {background-color: #c00!important;}*/
ul li.dropdown.emr:hover {background-color: #005496!important;}
ul li.dropdown:hover {background-color: #c00!important;}

li.dropdown.emr a:hover .emr {background-color: #005496!important;}

	ul li ul.dropdown_menu {
	margin-left: 0px;	
		}		
		
.dropdown .dropdown_menu li {
 animation-name: slideUp;
 animation-duration: 1s;	
 margin-left: 0px;	
		}		
.dropdown:hover {
  background: #2980b9;
  cursor: pointer;
	transition: 0.7s ease-in-out;
	color: #fff;
}
.dropdown:hover .dropdown_menu li {
  display: block;
  position: relative;
  z-index: 2000;
}
.dropdown_menu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  perspective: 1000px;
  z-index: -1;
}
.dropdown_menu li {
  display: none;
  color: #fff;
  background-color: #005496;
  padding: 3px 6px;
  font-size: 14px;
  opacity: 0;
  margin-bottom: 0px;
}
.dropdown_menu li:hover {
  background-color: #c00;
	transition: 0.5s ease-in-out;
	position: relative;
	z-index: 2000;
}
.dropdown_menu li:last-child {
	border-radius: 0 0 10px 10px; 
	color: #fff;
		}
.dropdown:hover .dropdown_menu--animated {
  display: block;
}
.dropdown_menu--animated {
  display: none;
}
.dropdown_menu--animated li {
  display: block;
  opacity: 1;
}

.dropdown_menu-1 .dropdown_item-1 {
  transform-origin: top center;
  animation: slideDown 300ms 60ms ease-in-out forwards;
}
.dropdown_menu-1 .dropdown_item-2 {
  transform-origin: top center;
  animation: slideDown 300ms 120ms ease-in-out forwards;
}
.dropdown_menu-1 .dropdown_item-3 {
  transform-origin: top center;
  animation: slideDown 300ms 180ms ease-in-out forwards;
}
.dropdown_menu-1 .dropdown_item-4 {
  transform-origin: top center;
  animation: slideDown 300ms 240ms ease-in-out forwards;
}
.dropdown_menu-1 .dropdown_item-5 {
  transform-origin: top center;
  animation: slideDown 300ms 300ms ease-in-out forwards;
}
.dropdown_menu-1 .dropdown_item-6 {
  transform-origin: top center;
  animation: slideDown 300ms 300ms ease-in-out forwards;
}

/*.dropdown_menu-1 .dropdown_item-6 {
  transform-origin: top center;
  animation: slideUp 300ms 300ms ease-in-out forwards;
}*/

/*.dropdown_menu-1 .dropdown_item-1 {
  transform-origin: top center;
  animation: slideUp 60ms 300ms ease-in-out backwards;
}

.dropdown_menu-1 .dropdown_item-2 {
  transform-origin: top center;
  animation: slideUp 120ms 300ms ease-in-out backwards;
}*/


@-moz-keyframes slideDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes slideDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-o-keyframes slideDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideDown {
  0% {
    opacity: 0;
    transform: translateY(-60px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
		

@-moz-keyframes slideUp {
  100% {
    opacity: 1;
    transform: translateY(0);
  }
 0% {
    opacity: 0;
    transform: translateY(-20px);
  }	
}
		
@-webkit-keyframes slideUp {
  100% {
    opacity: 1;
    transform: translateY(0);
  }
 0% {
    opacity: 0;
    transform: translateY(-20px);
  }	
}		
		
@-o-keyframes slideUp {
  100% {
    opacity: 1;
    transform: translateY(0);
  }
 0% {
    opacity: 0;
    transform: translateY(-20px);
  }	
}		
		
		
		
@keyframes slideUp {
  100% {
    opacity: 1;
    transform: translateY(0);
  }
 0% {
    opacity: 0;
    transform: translateY(-20px);
  }	
}