.cf:before,
.cf:after { content: " "; display: table }
.cf:after { clear: both }
.cf {*zoom:1}
.smobitrigger,
.mnuclose { display: none }
.navigation { float:left; width: 100%; margin-top:0px; }
.navigation nav ul { padding: 0px; margin:0px 0 0 0px; list-style: none; text-align: center; }
.navigation nav ul li { display: inline-block; padding:0 0; position: relative;}
.navigation nav ul li a {font-size:16px; text-transform: uppercase; color:#000000; line-height: 50px; font-weight: normal; 	display: inline-block; text-decoration: none; padding:0px 3px; margin: 0 15px; position: relative; transition: all 0.5s;}
.navigation nav ul li a.active:before,.navigation nav ul li a:hover::before { content:""; position: absolute; bottom: 0; width: 100%; border-bottom: solid 1px #98012d; left: 0; transition: all 0.5s; }
.navigation nav ul li a.active,.navigation nav ul li a:hover {
    color: #6d1a1a;
    
    text-decoration: none;
}

header.sticky .navigation nav ul li:last-child { padding-right: 0;  }


/*.navigation nav ul li a:hover:after,.navigation nav ul li a.active:after { height: 2px; background-color:#010066;  content: ""; position: absolute; bottom: 0; left: 0; width:72%;  right: 0; margin:0 auto;  }*/


/*header.sticky .navigation nav ul { margin-top:15px;}*/

.navigation nav ul li ul.SubMenus {
box-shadow: 0 29px 29px rgba(0,0,0,0.1);
  background:#fff;
  display: none;
  height: auto;
  position: absolute;
  width: 225px;
  z-index: 200;
  margin: 0;
left: 0;
}
.navigation nav ul li ul li { padding: 0 0 ;  display: block; }
.navigation nav ul li ul li a { text-transform: none; padding:10px 10px;  color:#696969; text-align: left;   display: block; font-size:14px;   }
.navigation nav ul li ul li a:hover, .navigation nav ul li ul li a.active { /*background-color: #010066;*/ color: #696969;  }
.navigation nav ul li ul li a:hover:after, .navigation nav ul li ul li a.active:after  { display: none;  }

.navigation nav ul li:hover ul.SubMenus { display: block;  }
/*.navigation nav ul li:hover ul.SecondSubMenus { display: block; }*/
.navigation nav ul li ul.SubMenus li:hover ul.SecondSubMenus { display: block;}

.navigation nav ul li ul.SubMenus li ul.SecondSubMenus {
  display: none;
  position: absolute;
  width: 225px;
  z-index: 200;
  margin: 0;
  left:100%;  
  top: 0;
  background:#333;

}
.border1 {
    position: absolute;
    top: 92px;
    height: 1px;
    background: #808080;
    width: 100%;
}

header.sticky .navigation nav ul li ul.SubMenus { left: 10px;   }

@media all and (max-width:1023px) {
header .navigation { display: none;  }  
.smobitrigger,
.mnuclose { display: inline-block }
.smobitrigger { color: #fff; font-size: 30px; line-height: 12px; padding: 10px }
.mnuclose { font-size: 20px; padding: 10px 20px; width: 100%; background: rgba(0,0,0,0.18) }
/*.smobitrigger span,
.mnuclose span { font: 0/0 a; text-shadow: none; color: transparent }
*/
.navigation nav ul { padding-bottom: 40px; margin-top: 0;   overflow-y: auto }
.navigation nav ul li { padding: 0;  }
.navigation nav ul li,
.navigation nav ul li a { width: 100% }
.navigation nav ul li a { padding: 10px 10px;  border-bottom: solid 1px #444; margin: 0;}
.navigation nav ul li a:hover { background: rgba(0,0,0,0.29) }
.mobimenu { list-style: none; padding: 20px; margin: 0px; width: 250px; position: fixed; height: 100%; top: 0px; right: -250px }
.mnuopn { right:0px!important }
.ovrActv { position: fixed; background: rgba(0,0,0,0.79); width: 100%; height: 100%; z-index: 9998; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s }


.navigation nav ul li ul.SubMenus {
  background:#111;
  display: block;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 100%; 
}
.navigation nav ul li ul li a { padding:6px 10px; width: auto;   }
.navigation nav ul li { display: block;  }

.navigation nav ul li ul.SubMenus li ul.SecondSubMenus { left: auto; background:#000; position: relative; display: block; margin: 0; width: auto; padding: 0; }
header.sticky .navigation nav ul { margin-top: 0;  }





}








.exo-menu{
  width: 100%;
  float: left;
  list-style: none;
  position:relative;
  /*background: #23364B;*/
  text-align: center;
}
.exo-menu > li {  display: inline-block;float:none;}
.exo-menu > li > a{
  color:#01233f;
  text-decoration: none;
  text-transform: uppercase;
  /*border-right: 1px #365670 dotted;*/
  -webkit-transition: color 0.2s linear, background 0.2s linear;
  -moz-transition: color 0.2s linear, background 0.2s linear;
  -o-transition: color 0.2s linear, background 0.2s linear;
  transition: color 0.2s linear, background 0.2s linear;
}
.exo-menu > li > a.active,
.exo-menu > li > a:hover,
li.drop-down ul > li > a:hover{
  /*background:#ffb503;*/
  color:#ffb503;
}
.exo-menu i {
  float: left;
  font-size: 18px;
  margin-right: 6px;
  line-height: 20px !important;
}
li.drop-down,
.flyout-right,
.flyout-left{position:relative;}
/*li.drop-down:before {
  content: "\f103";
  color: #fff;
  font-family: FontAwesome;
  font-style: normal;
  display: inline;
  position: absolute;
  right: 6px;
  top: 20px;
  font-size: 14px;
}*/
li.drop-down>ul{
  left: 0px;
  min-width: 230px;
  list-style: none;
}
.drop-down-ul{display:none;}
.flyout-right>ul,
.flyout-left>ul{
  top: 0;
  min-width: 230px;
  display: none;
  border-left: 1px solid #365670;
  }

li.drop-down>ul>li>a,
.flyout-right ul>li>a ,
.flyout-left ul>li>a {
  color: #fff;
  display: block;
  padding: 20px 22px;
  text-decoration: none;
  background-color: #404a6e;
  border-bottom: 1px dotted #547787;
  -webkit-transition: color 0.2s linear, background 0.2s linear;
  -moz-transition: color 0.2s linear, background 0.2s linear;
  -o-transition: color 0.2s linear, background 0.2s linear;
  transition: color 0.2s linear, background 0.2s linear;
  text-align: left;
}
.flyout-right ul>li>a ,
.flyout-left ul>li>a {
  border-bottom: 1px dotted #B8C7BC;
}


/*Flyout Mega*/
.flyout-mega-wrap {
  top: 0;
  right: 0;
  left: 100%;
  width: 100%;
  display:none;
  height: 100%;
  padding: 15px;
  min-width: 742px;

}
h4.row.mega-title {
  color:#eee;
  margin-top: 0px;
  font-size: 14px;
  padding-left: 15px;
  padding-bottom: 13px;
  text-transform: uppercase;
  border-bottom: 1px solid #ccc;
 }
.flyout-mega ul > li > a {
  font-size: 90%;
  line-height: 25px;
  color: #fff;
  font-family: inherit;
}
.flyout-mega ul > li > a:hover,
.flyout-mega ul > li > a:active,
.flyout-mega ul > li > a:focus{
  text-decoration: none;
  background-color: transparent !important;
  color: #ccc !important
}
/*mega menu*/

.mega-menu {
  left: 0;
  right: 0;
  padding: 15px;
  display:none;
  padding-top: 0;
  min-height: 100%;
  z-index: 9;
}
h4.row.mega-title {
  color: #eee;
  margin-top: 0px;
  font-size:15px;
  padding-left: 15px;
  padding-bottom: 0;
  text-transform: uppercase;
  border-bottom:none;
  padding-top: 15px;
  margin-bottom: 10px;
  font-weight: bold;
  /*background-color: #365670*/
  }
  .colMenu1 a:hover {text-decoration: none;   }
 .mega-menu ul li a {
  line-height: 25px;
  display: block;
}
.mega-menu ul li a:hover,.mega-menu ul li a.active { color:#ffb503; text-decoration: none;  }


ul.stander li a {
    padding: 3px 0px;
}

ul.description li {
    padding-bottom: 12px;
    line-height: 8px;
}

ul.description li span {
    color: #ccc;
    font-size: 85%;
}
a.view-more{
  border-radius: 1px;
  margin-top:15px;
  background-color: #009FE1;
  padding: 2px 10px !important;
  line-height: 21px !important;
  display: inline-block !important;
}
a.view-more:hover{
  color:#fff;
  background:#0DADEF;
}
ul.icon-des li a i {
    color: #fff;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    background-color: #009FE1;
    line-height: 35px !important;
}

ul.icon-des li {
    width: 100%;
    display: table;
    margin-bottom: 11px;
}
/*Blog DropDown*/
.Blog{
  left:0;
  display:none;
  color:#fefefe;
  padding-top:15px;
  background:#547787;
  padding-bottom:15px;
}
.Blog .blog-title{
  color:#fff;
  font-size:15px;
  text-transform:uppercase;

}
.Blog .blog-des{
  color:#ccc;
  font-size:90%;
  margin-top:15px;
}
.Blog a.view-more{
  margin-top:0px;
}
/*Images*/
.Images{
  left:0;
   width:100%;
   display:none;
  color:#fefefe;
  padding-top:15px;
  background:#547787;
  padding-bottom:15px;
}
.Images h4 {
  font-size: 15px;
  margin-top: 0px;
  text-transform: uppercase;
}
/*common*/
.flyout-right ul>li>a ,
.flyout-left ul>li>a,
.flyout-mega-wrap,
.mega-menu{
  background-color: #404a6e;
}

/*hover*/
.Blog:hover,
.Images:hover,
.mega-menu:hover,
.drop-down-ul:hover,
li.flyout-left>ul:hover,
li.flyout-right>ul:hover,
.flyout-mega-wrap:hover,
li.flyout-left a:hover +ul,
li.flyout-right a:hover +ul,
.blog-drop-down >a:hover+.Blog,
li.drop-down>a:hover +.drop-down-ul,
.images-drop-down>a:hover +.Images,
.mega-drop-down a:hover+.mega-menu,
li.flyout-mega>a:hover +.flyout-mega-wrap{
  display:block;
}
/*responsive*/
 @media (min-width:1023px){
  .exo-menu > li > a{
  display:block;
  padding: 20px 20px;
 }
.mega-menu, .flyout-mega-wrap, .Images, .Blog,.flyout-right>ul,
.flyout-left>ul, li.drop-down>ul{
    position:absolute; z-index: 9;
}
 .flyout-right>ul{
  left: 100%;
  list-style: none;
  }
  .flyout-left>ul{
  right: 100%;
  list-style: none;
}
 }
@media (max-width:1023px){

  .exo-menu {
    min-height: 58px;
    background-color: #23364B;
    width: 100%;
  }
  
  .exo-menu > li > a{
    width:100% ;
      display:none ;
  
  }
  .exo-menu > li{
    width:100%;
  }
  .display.exo-menu > li > a{
    display:block ;
      padding: 20px 22px;
  }
  
.mega-menu, .Images, .Blog,.flyout-right>ul,
.flyout-left>ul, li.drop-down>ul{
    position:relative;
}


.sidenav .exo-menu { background: transparent;  }
.sidenav .exo-menu li.mega-drop-down a.mobilemenu { display: block; padding: 10px 15px; color:#fff;  text-align: left; border-bottom: solid 1px #34394e; } 
.sidenav .flyout-right ul>li>a, .sidenav .flyout-left ul>li>a, .sidenav .flyout-mega-wrap, .sidenav .mega-menu { overflow: hidden;  }
.sidenav .colMenu1 { width: 100%;  }

}
a.toggle-menu{
    position: absolute;
    right: 0px;
    padding: 20px;
    font-size: 27px;
    background-color: #ccc;
    color: #23364B;
    top: 0px;
}

.colMenu1 {
    float: left;
    width:23%;
    margin-right: 20px; text-align: left;
}

.colMenu1 ul { list-style: none; padding: 0; margin: 0 0 0 0;  }
.colMenu1 .img-responsive { max-width: 100%; }
.colMenu1 ul li a  {color:#fff; text-decoration: none;    }