.menu li, .menu ul, nav ul, nav li {
  background: none;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.toggleMenu {
  display: none;
  background: #990000;
  padding: 5px;
  color: #fff;
  font-weight: normal;
  font-size: 18px;
  float: right;
  border-radius: 5px;
	margin-top: 25px;
  margin-right: 15px;
}

.toggleMenu:hover {
  color: #FFF;
  background: #AD0101;
}

.menu {
  clear: both;
  list-style: none;
  *zoom: 1;
}

.menu:before,
.menu:after {
  content: " ";
  display: table;
}

.menu:after {
  clear: both;
}

.menu ul {
  list-style: none;
  width: 17em;
}

.menu a {
  padding: 8px 25px;
  color: #888;
  font-weight: 400;
  font-size: 12px;
	text-transform: uppercase;
  transition: all .1s ease-in-out;
  border-radius: 5px;
	letter-spacing: 0.03em;
}

.menu a.icon {
  font-weight: 400;
  font-size: 16px;
  padding: 8px 15px 11px;
  margin: 0;
}

.menu li {
  position: relative;
}

.menu > li {
  float: left;
}

.menu > li > li {
  border-top: 1px solid #FFF;
}

.menu li li:first-child {
  border: none;
}

.menu > li > .parent {
    /*background-image: url("images/downArrow.png");
    background-repeat: no-repeat;
    background-position: right; */
  border-radius: 5px 5px 0 0;
}

.menu > li > a {
  display: block;
}

.menu li ul {
  position: absolute;
  left: -9999px; 
}

.menu > li.hover > ul {
  left: 0;
}

.menu li li.hover ul {
  left: 100%;
  top: 0;
}

/* 2nd level link */
.menu li li a {
  display: block;
  background: #990000;
  position: relative;
  z-index: 100;
  color: #FFF;
  border-radius: 0;
	border-top: 1px solid #990000; /* hide border on ie */
	text-transform: none;
}

.menu li li:first-child a {
	border-radius: 0 5px 0 0;
}

.menu li li:last-child a {
	border-radius: 0 0 5px 5px;
}

.menu li li a.onlyChild {
	border-radius: 0 5px 5px 5px;
}


/* 1st level hover */
.menu li:hover > a {
  background: #990000;
  color: #FFF;
}

/* 2nd level hover */
.menu li li:hover > a {
  background: #AD0101;
  color: #FFF;
}

.menu li li li a {
  z-index: 200;
}






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

nav {
	float: none;
	margin: 0px;
}

.menu.animated {
-webkit-animation-duration: 0s;
  animation-duration: 0s;
}

.menu {
    clear: both;
    width: 100%;
    background: #990000;
  }

  .active {
    display: block;
  }

  .menu > li {
    float: none;
    border-top: 1px solid rgba(255,255,255,0.2);
  }

  .menu > li:first-child {
    border: none;
  }

  .menu > li > .parent {
    background-position: 95% 50%;
  }

  .menu li li .parent {
        /*background-image: url("../images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%; */
  }

  .menu ul {
    display: block;
    width: 100%;
  }

  .menu > li.hover > ul , .menu li li.hover ul {
    position: static;
  }

  .menu li a, .menu li a.icon {
    padding-left: 20px;
  }

  .menu a, .menu > li > .parent,
	.menu li li:first-child a, 
	.menu li li:last-child a, 
	.menu li li a.onlyChild {
    border-radius: 0;
  }

  .menu li a {
    color: #FFF;
  }

  .menu li:hover > a {
    background: #AD0101;
  }

/* 2nd level */
  .menu li li a {
    background: rgba(0,0,0,0.2);
    border-top: 1px solid rgba(255,255,255,0.3);
    padding-left: 40px;
  }

/* 3rd level */
  .menu li li li a {
    padding-left: 60px;
  }

  .menu a {
    transition: all 0 ease 0;
  }
	
	} /* 925 */
	
	
	@media screen and (max-width: 520px) {
	
	.toggleMenu {
    margin-top: 20px;
  }
	
	} /* 360 */