.navbar {
  /* display: flex; */
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
}
.exo-menu{width: auto;float: right;list-style: none; text-align: right; padding-top: 20px;}
.exo-menu ul{ text-align: left;}
.exo-menu > li {display:inline-block; }

.exo-menu > li > a{color: #000;font-family: Gotham-Light;position: relative; text-decoration: none;-webkit-transition: 
  color 0.2s linear, background 0.2s linear; font-size: 18px; font-weight: 600; 
  /* letter-spacing: 0.5px; */

-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{color: #000;font-family: Gotham-Medium;position: relative; text-decoration: none;-webkit-transition: 
    color 0.2s linear, background 0.2s linear; font-size: 18px;letter-spacing: 0.5px;
	-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:after{ content: "" ; position: absolute; border-right: 1px solid #231f20; height: 25px; right: 0;} */
.exo-menu .noborder a:after{ border: 0;}
.exo-menu > li > a.active,
.exo-menu > li > a:hover,
li.drop-down ul > li > a:hover{color: #84194f;}

/* .exo-menu > li > a:after{  content: ''; display: block; border-bottom: 3px solid #14235e; width: 0; position: absolute; bottom: 0;
  left: 0; right: 0; margin: 0 auto; -webkit-transition: 1s ease; transition: 1s ease;}
  .exo-menu > li > a:hover:after {  width: 65px;  } */
/* .exo-menu .active a:after{  content: ''; display: block; border-bottom: 3px solid #14235e; width: 0; position: absolute; bottom: 0;
  left: 0; right: 0; margin: 0 auto; -webkit-transition: 1s ease; transition: 1s ease; width: 65px;} */


/* .exo-menu i {float: left; font-size: 18px; margin-right: 6px; line-height: 20px !important;} */

.exo-menu .fa-search{ color: #f15922;}
.exo-menu  .noborder a{ border-left: 1px solid #f15922;}
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; display: none;}
li.drop-down>ul{left: 0px;min-width: 300px; z-index: 999; }



.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: #4f4f4f;font-family: Gotham-Light; font-size: 16px;
  display: block;
  padding: 10px 22px;
  text-decoration: none;
  background-color: #f2f2f2;
  border-bottom: 1px dotted #2b2c4d;
	-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;}
.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: 999; padding-bottom: 25px; padding-top: 25px;}
h4.row.mega-title {color: #851c51;
  margin-top: 0px;
  font-size: 22px;
  padding-left: 15px;
  padding-bottom: 0;
  text-transform: capitalize;
  border-bottom: 0;
  text-align: left;
  margin-bottom: 25px;}
 /*.mega-menu ul li {background: url('../images/top-right-arrow.png') 0 50% no-repeat; padding-left: 22px;}*/
 .mega-menu ul li i{padding-left: 0px;}
 .mega-menu ul li a { line-height: 30px; font-size: 90%; display: block; font-size: 16px; color: #4f4f4f; font-family: Gotham-Light; transition: 0.3s;}
 .mega-menu ul li a:hover{ transition: 0.3s;padding-left: 5px;}
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:#146332;padding-top:25px;background: #ececec;padding-bottom:25px; z-index: 999; border-top: 1px solid #ccc;}
.Images h4 { font-size: 15px; margin-top: 0px; text-transform: uppercase;}

.menuimg img{ width: 100%;}

/*common*/
.flyout-right ul>li>a ,
.flyout-left ul>li>a,
.flyout-mega-wrap,
.mega-menu{background-color: #ececec;}

.mega-menu-wrap a{ color: #000; font-family: Lato-Regular; }
.mega-menu-wrap a:hover{ color: #851c51;}

/*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:767px){
    .exo-menu > li > a{display:block;padding: 25px 15px; }
    .mega-menu, .flyout-mega-wrap, .Images, .Blog,.flyout-right>ul,
    .flyout-left>ul, li.drop-down>ul{position:absolute;}
    .flyout-right>ul{left: 100%;}
    .flyout-left>ul{right: 100%;}
 }
@media (max-width:991px){
    .exo-menu {	min-height: auto;width: 100%;}
    .exo-menu > li > a::after{ border: 0;}
    .exo-menu > li > a{	width:100% ; display:none ;	}
    .exo-menu > li{width:100%;}
    .display.exo-menu > li > a{ display:block ;	padding: 20px 35px;text-align: left; background: #f0f0f0; border-bottom: 1px solid #fff;	}
    .mega-menu, .Images, .Blog,.flyout-right>ul,
    .flyout-left>ul, li.drop-down>ul{position:relative;}
    .exo-menu > li{ float: left;}
}
a.toggle-menu{  position: absolute;  right: 0px; padding: 8px; color: #23364B;  top: 10px;}

.bar1, .bar2, .bar3 {
    width: 35px;
    height: 3px;
    background-color: #333;
    margin: 6px 0;
    transition: 0.4s;
  }
  
  .change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 5px);
    transform: rotate(-45deg) translate(-9px, 3px);
    background-color: red;
  }
  
  .change .bar2 {opacity: 0;}
  
  .change .bar3 {
    -webkit-transform: rotate(45deg) translate(-9px, -5px);
    transform: rotate(45deg) translate(-9px, -5px);
    background-color: red;
  }