/* Navigation Styles */
nav { position: relative;  }
ul.main-nav {
  list-style-type: none;
  padding: 0 0 0 35px !important;
  font-size: 0px;
  margin: 0 auto;
}

ul.main-nav > li {
  display: inline-block;
  padding: 0;
}

ul.main-nav > li > a {
  display: block;
  padding: 10px 20px;
  position: relative;
  color: #fff;
  font-size: 14px;
  font-weight:normal;
}

ul.main-nav > li:hover,ul.main-nav > li:active, ul.main-nav > li:visited { background:#F5F8FA;}
ul.main-nav > li:hover > a { color: #2E5291;text-decoration:none;cursor:pointer; }

ul.main-nav > li ul.sub-menu-lists {
  margin: 0px;
  padding: 0px;
  list-style-type : none;
  display:block;
}

ul.main-nav > li ul.sub-menu-lists > li {
  padding: 2px 0;
}

ul.main-nav > li ul.sub-menu-lists > li > a {
  font-size: 14px;
  cursor:pointer;
  text-decoration:none;
  color: #646464;
}
ul.main-nav > li ul.sub-menu-lists > li > a:hover {color: #2E5291;}
.ic {
  position: fixed;
  cursor: pointer;
  display: inline-block;
  right: 25px;
  width: 32px;
  height: 24px;
  text-align: center;
  top:0px;
  outline: none;
}

.ic.close {
  opacity: 0;
  font-size: 0px;
  font-weight: 300;
  color: #fff;
  top:8px;
  height:40px;
  display: block;
  outline: none;
}

/* Menu Icons for Devices*/
.ic.menu { top:25px; z-index : 20; }

.ic.menu .line {
  height: 4px;
  width: 100%;
  display: block;
  margin-bottom: 6px;
}
.ic.menu .line-last-child { margin-bottom: 0px;  }

.sub-menu-head { margin: 10px 0; }
.banners-area { margin-top: 20px; padding-top: 15px; }
.sub-menu-lists h3 {margin: 10px 0; font-size: 14px;
    min-height: 23px;
    font-weight: 600;}
.sub-menu-lists li a{color: #646464;}

  .ic.menu { display: none; }
  /* Main Menu for Desktop Devices  */
  ul.main-nav { display: block; position: relative; }
  .sub-menu-block .mega_row { padding: 20px; }

  .mega_row_box{width:300px; float:left;padding:0 10px;}
  /* Sub Menu */
  ul.main-nav > li > div.sub-menu-block {
  visibility: hidden;
  background: #F5F8FA;
  position: absolute;
  margin-top: 0px;
  border-bottom: 5px solid #E3EAEF;
  width:100%;
  min-width: 1245px;
  left: 0;
  box-sizing: border-box;
  z-index : 3;
  font-size: 14px;
  opacity: 0;

  /*CSS animation applied for sub menu : Slide from Top */
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;

  }

  ul.main-nav > li:hover > div.sub-menu-block{
    background: #F5F8FA;
    visibility: visible;
    opacity: 1;
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg);
  }

  ul.main-nav > li > div.sub-menu-block > * {
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
   	-webkit-transition-duration: 0.4s;
	  -moz-transition-duration: 0.4s;
	  -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    opacity: 0;
  }

  ul.main-nav > li:hover > div.sub-menu-block > * {
    opacity: 1;
  }

  .sub-menu-head {font-size: 16px;min-height:23px; font-weight:bold;border-bottom: 1px solid #e1e8ed;padding-bottom: 5px;}
  .mega_row_box li > p {margin:0;}

  /* List Separator: Outer Border */
  header.dark ul.main-nav > li > a {}
  header.light ul.main-nav > li > a {}

  /* List Separator: Inner Border */
  ul.main-nav > li > a:after {
    content: '';
    width: 1px;
    position: absolute;
    right:0px;
    top: 0px;
    z-index : 2;
  }
  header.dark ul.main-nav > li > a:after { background-color: #777; }
  header.light ul.main-nav > li > a:after { background-color: #999; }

  /* Drop Down/Up Arrow for Mega Menu */
  ul.main-nav > li > a.mega-menu > span { display: block; vertical-align: middle; }
  ul.main-nav > li > a.mega-menu > span:after {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
    content: '';
    background-color: transparent;
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
  }

  ul.main-nav > li:hover > a.mega-menu span:after{
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 0px solid transparent;
    border-bottom: 5px solid #666;
  }
  .banners-area { border-top: 1px solid #ccc; }
  .separator a {display: block;
    padding: 10px 20px;
    position: relative;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
	text-decoration:none;}
  .separator a:hover, .separator a:visited , .separator a:active{color: #2E5291;text-decoration:none;}