*,
*:before,
*:after {
  moz-box-sizing: border-box;
  box-sizing: border-box;
}
/*Nav menu styling*/
.nova{
	z-index:10000;
	position:fixed;
	top:0;
	left:0;
	background: #283b8d;
	    width: 100%;
		padding: 0;
		border-bottom: 1px solid #172875;
	
}
.mmbile .nav-menu-wrap {
  width: 100%;
      z-index: 10000;
    position: fixed;
    left: 0;
	top: 106px;

}

.mmbile .nav-menu {
  width: 100%;
  
  height: 0;
  overflow: hidden;
  -webkit-transition: height 500ms linear;
  -o-transition: height 500ms linear;
  -moz-transition: height 500ms linear;
  transition: height 500ms linear;
}


.mmbile .nav-menu,
.mmbile .sub-menu {
  margin: 0px;
  padding: 0px;
  position: relative;
  background: #24357f;
  /*overflow:scroll;*/

}


.mmbile .nav-menu li {
  list-style-type: none;
  display: block;
  background: transparent;
  float: left;
  width: 100%;
  border-bottom: solid 1px #ffc30c;
  background: #24357f;
}
.mmbile .nav-menu li:last-child{
  border-bottom: 1px solid #ffc30c;
}

.mmbile .nav-menu li > a {
  display: block;
  color: #fff;
  text-decoration: none;
  padding: 10px 15px;
  position: relative;
  float: left;
  width: 80%;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}
.mmbile .nav-menu li > a ~ .sub-{
  
}



.mmbile .nav-menu li > a:hover {
  background: #24357f;
}

.mmbile .nav-menu .sub-menu-toggle {
  display: none;
}
/*Sub nav menus*/

.mmbile .nav-menu .sub-menu {
  display: block;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 100%;
  -moz-transition: all 400ms ease-in;
  -webkit-transition: all 400ms ease-in;
  transition: all 400ms ease-in;
  z-index: 5;
   -moz-transform: translate3d(0%,0px,0px);
   -webkit-transform: translate3d(0%,0px,0px);
   -ms-transform: translate(0%,0px);
   -o-transform: translate(0%,0px);
   transform: translate3d(0%,0px,0px);
}
.mmbile .nav-menu .sub-menu.active{
   -moz-transform: translate3d(-100%,0px,0px);
   -webkit-transform: translate3d(-100%,0px,0px);
   -ms-transform: translate(-100%,0px);
   -o-transform: translate(-100%,0px);
   transform: translate3d(-100%,0px,0px);
  
}


.mmbile .nav-menu .sub-menu > li {
  
}

.mmbile .nav-menu .sub-menu li > a {}

/*Sub menu toggle*/
.mmbile .nav-menu .sub-menu-toggle {
  position: relative;
  top: 0px;
  right: 0px;
  color: #fff;
  background: #f5ba06;
  display: inline-block;
  cursor: pointer;
  width: 20%;
  text-align: center;
  border-bottom: 1px solid black;
}
.mmbile .nav-menu .sub-menu-toggle:hover,
.mmbile .nav-menu .sub-menu-toggle:active{
  background: #211f1f;
}
.mmbile .nav-menu .sub-menu-toggle:before{
  display: inline-block;
  -webkit-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  -moz-transition: all 300ms linear
  -ms-transition: all 300ms linear;
  transition: all 300ms linear;
}
.mmbile .nav-menu .sub-menu-toggle.flip:before{
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

/*Nav menu toggle*/
.mmbile .nav-menu-toggle {
  border: solid 1px #283b8d;
  background: #283b8d;
  height: 35px;
  width: 35px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  margin-top: 5px;
  z-index: 999;
  float:right;
  margin-right: 2px;
      padding: 11px;
}

.mmbile .nav-menu-toggle .toggle {
  color: #fff;
  line-height: 35px;
  font-size: 150%;
}


/*Close sub menu items*/
.mmbile .sub-menu .close{
  background: #ffc30c;
  opacity: 1;
}
.mmbile .sub-menu .close div{
  padding: 10px 15px;
  cursor: pointer;
  background: #ffc30c;
  color:#12172c;
  opacity: 1;
  text-shadow: none;
      font-size: 15px;
}
.mmbile .sub-menu .close div i{
  float: right;
}