/* UL */
  header section{
  background: #0f3b76;

  }
  header .header-top-line{
  color:#fff;
  }

  header .topbar-social a i{
  margin-right: 10px;
  font-size: 18px;
  color: #ffffff;
  }

.navbar{
    background-color: #0c183000;
    position: absolute;
    z-index: 255;
    width: 100%;
    background:#0f3b76 !important;
    color: #fff;

}


  header nav ul {
  margin: 0;
  padding: 0;
  display: flex;
  }

  /* Nav Items */
  header nav ul li {
  list-style: none;
  position: relative;
  }

  /* Sub-menu */
  header nav ul li.sub-menu:before {
  content: '\f107 ';
  font-family: fontAwesome;
  position: absolute;
  line-height: 50px;
  color: #FFF;
  right: 5px;
  cursor: pointer;
  }

  header nav ul li.active.sub-menu:before {
  content: '\f106 ';
  }

  header nav ul li ul {
  position: absolute;
  left: 0;
  background: #0c1a34;
  display: none;
  margin-top:.5rem;
  z-index: 9999;
  font-family: 'Oswald', sans-serif;
  }

  header nav ul li.active ul {
  display: block;
  }

    header nav ul li.active{
      background:#ffc01e !important
    }

  header nav ul li ul li {
  display: block;
  width: 31rem;
  }

  header nav ul li .row-mega-menu{
  width: 34rem;
  background: #0c1830;
  }

  header .sub-menu-class ul li {
/*  display: block;
  width: 13rem;
  font-family: 'Rubik', sans-serif;*/
  display: block;
    width: 19rem;
    font-family: 'Oswald', sans-serif;
    height: 50px;

  }

  header .sub-menu-class ul li a {
  height: 50px;
  line-height: 20px;
   padding: 7px 20px;
   border-bottom: 1px solid #ffc01e;
   background: linear-gradient(45deg, #2e60cb,#2e60cb);;
}


 /*   height: 50px;
    line-height: 20px;
    padding: 7px 20px;
    border-bottom: 1px solid #070707;
    background: #f3f3f4;
    color: #161515;



  height: 50px;
    line-height: 20px;
    padding: 7px 20px;
    border-bottom: 1px solid #143f9e;
    background: #194fc5;
    color: #ffffff;



    */




  header nav ul li a {
    height: 50px;
  line-height: 50px;
  padding: 0 20px;
  color: #FFF;
  text-decoration: none;
  display: block;
  transition: .8s;
  font-family: 'Oswald', sans-serif;
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase
  }

  header nav ul li a:hover, header nav ul li a.active {
      color: #FFF;
      background: #ffc01e;
      text-decoration: none;
      transition: .8s;
  }


  /* Create three equal columns that floats next to each other */
  /*.column {
  float: left;
  width: 33.33%;
  padding: 10px;
  height: 250px;
  }*/

  .column{
  float: left;
  /* width: 33.33%; */
  padding: 20px;
  /*  height: 250px;*/
  height: auto;
  }


  .column a:hover {
background-color: #ffc01e;
  }

  /* Clear floats after the columns */
  .row:after {
  content: "";
  display: table;
  clear: both;
  }


 @media (max-width: 1024px){
  .navbar {
    background-color: #000850;
}
}
  /* Media Queries */
  @media (max-width: 991px) {



  header nav.active {
  left: 0;
  }

  header nav ul {
  display: block;
/*  text-align: center;*/
  }

  header nav ul li a {
  border-bottom: 1px solid rgba(0,0,0,.2);
  width: 21rem;
  }

  header nav ul li.active ul {
  position: relative;
  background: #0f3b76;
  }

  }




  @media (max-width: 767px){

.navbar {
background:#0f3b76 !important;
  }
  header nav ul li ul li {
  display: block;
  /* width: 200px; */
   width: 19rem;
  }
  .column {
  float: left;
  width: 100%;
  padding: 10px;
  height: 160px;
  }

  header nav ul li .row-mega-menu {
  /*width: 18rem;*/
    width: auto;
  }

  }
  @media (max-width:991px){

  .sub-menu-class{
 max-height: 100%;
 overflow-y: auto;
  }
 
  }