@charset "UTF-8";
/* CSS Document */
.menu-link {
  display: none;
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  font-weight: 400;
}
.menu-link:hover, .menu-link:focus {
  color: #FFF;
  text-decoration: none;
}
.navbar-toggler {
  border-radius: 0px;
}
@media all and (max-width: 1025px) {
  a.menu-link {
    display: block;
    color: #FFF;
    float: right;
    text-decoration: none;
    padding: 20px 10px;
    position: absolute;
    right: 0px;
    z-index: 1000;
  }
  .menu {
    position: absolute;
    width: 100%;
    top: 60px;
	  left: 0px;
    z-index: 5;
    margin: 0px !important;
  }
  .menu {
    clear: both;
    min-width: inherit;
    float: none;
    -webkit-transition: left 0.3s ease;
    -moz-transition: left 0.3s ease;
    -ms-transition: left 0.3s ease;
    transition: left 0.3s ease;
  }
 .menu ul { padding: 0px; margin: 0px; list-style: none; position: relative; display: inline;}
.menu > li > ul.sub-menu { min-width: 10em;	padding: 4px 0;	background: #00587c; border: 1px solid #FFFFFF;}
.menu ul li { padding: 0px; }
.menu ul > li a:hover {}
.menu ul > li.active { background: #FFFFFF; }
    .menu ul.sub-menu li.active a.active {background: #333;}
.menu ul > li a.active {color: #00587c;}
.menu ul > li:first-child a.active {background: none;}
.menu > ul > li { display: inline-block; }
.menu ul li a { display: block; text-decoration: none; color: #FFFFFF; font-size: 1em; text-transform: uppercase; }
.menu ul li > a { height:58px; padding: 19px 12px; }
.menu ul ul { display: none; position: absolute; top:100%; min-width: 160px; background-color: #333; border: 1px solid #FFFFFF;}
.menu ul li:hover > ul { display: block; }
.menu ul ul > li { position: relative; margin-bottom: 0px; }
.menu ul > li {margin-bottom: 0px;}
.menu ul ul > li a { background-color: #333; color: #fff; height:58px; padding: 19px 18px 19px 30px; }
.menu ul ul > li a:hover { color: #fff; text-decoration: underline;}
.menu ul ul > li a.active {color: #fff; text-decoration: underline;}
.menu ul ul ul { position: absolute; left: 100%; top:0; }
	
.example-header .container { width: 100%; }
  
.menu, .menu > ul ul { overflow: hidden; max-height: 0; background: #00587c; }
.menu.active, .menu > ul ul.active { max-height: 55em; }
.menu > ul { border-top: 1px solid #fff; }
.menu li, .menu > ul > li { display: block; }
.menu li a { color: #000; display: block; padding: 0.8em; border-bottom: 0px solid rgba(100,100,100,1); position: relative; text-align: center; }
.menu li li a { color: #000; display: block; padding: 0.8em; border-bottom: 0px solid #4E4E4E; position: relative; }
.menu li.has-submenu > a:after {
    content: '▼';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    font-size: 0.5em;
    padding: 2em 1em;
  }
.menu li.has-submenu > a.active:after {
    content: "▼";   }  
.menu ul ul, .menu ul ul ul { display: inherit; position: relative; left: auto; top:auto; border:none; }
}
/* Animated Navbar Icon */
/* Icon 1 */
.animated-icon1 {
  width: 30px;
  height: 20px;
  position: relative;
  margin: 0px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}
.animated-icon1 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
.animated-icon1 span {
  background: #fff;
}
.animated-icon1 {}
.animated-icon1 span:nth-child(1) {
  top: 0px;
}
.animated-icon1 span:nth-child(2) {
  top: 10px;
}
.animated-icon1 span:nth-child(3) {
  top: 20px;
}
.animated-icon1.open span:nth-child(1) {
  top: 11px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.animated-icon1.open span:nth-child(2) {
  opacity: 0;
  left: 0px;
}
.animated-icon1.open span:nth-child(3) {
  top: 11px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}