.exo-menu {  width: 100%;  float: left;  list-style: none;  position: relative;  display: flex;  justify-content: center;}
.exo-menu > li {  display: inline-block;  float: left;}
.exo-menu > li > a {  color: #000;  text-decoration: none;  -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;  font-size: 16px;  font-weight: 500;  color: #000;  text-transform: capitalize;  padding: 0px 12px;  position: relative;  z-index: 1;  margin: 0;}
.exo-menu i {     float: left;    font-size: small;    margin-right: 6px;    line-height: 20px !important;    display: flex;    justify-content: center;    align-items: center;    margin-top: 5px;}
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;}
.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: #0c65ad;  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;}
.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%;}
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 #547787;  padding-top: 15px;  background-color: #365670;}
.mega-menu ul li a {  line-height: 25px;  font-size: 90%;  display: block;}
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: #0c65ad;  padding: 25px;}

/*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: 20px 22px; */  }
.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: 767px) {
.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;  }
}
a.toggle-menu {  position: absolute;  right: 0px;  padding: 20px;  font-size: 27px;  background-color: #ccc;  color: #23364b;  top: 0px;}
.blink-soft {  animation: blinker 1.5s linear infinite;}
@keyframes blinker {  50% {    opacity: 0;  }
}
.visit-my-blog {  background: #379fe1;}
.mega-menu {   /* position: relative; */    /* top: 42px; */    width: 1000px;    /* left: -8rem; */    /* z-index: 999; */    left: -105px;    margin-top: 0;}
ul.stander li {  text-align: left;}
ul.stander li a {  color: #fff;}
.border-color {    border-right: 1px solid #3088de;}
ul.stander span {    font-size: 17px;    display: block;    margin-bottom: 22px;}
ul.stander li {    list-style-type: none;}
.border-bototm-color {    border-bottom: 1px solid #3088de;}
.child-metter:nth-child(3) {    border-right: none;}
.child-metter:nth-child(4) {    border-bottom: none;}
.child-metter:nth-child(6) {    border-right: none;}
.mega-menu {    max-height: 500px;    overflow-y: scroll;}
.mega-menu::-webkit-scrollbar {  width: 5px;}
.mega-menu ::-webkit-scrollbar-track {  background: #fff;}
.mega-menu::-webkit-scrollbar-thumb {  background: #fff;}
.mega-menu ::-webkit-scrollbar-thumb:hover {  background: #555;}
ul.stander a span ins {    color: #fff;}