.flyout-sidebar {
   width: 100%;
   background-color: #fff;
   overflow: hidden;
	 margin-bottom: 20px;
 }
 .flyout-sidebar  ul > li {
   display: block;
   /*padding-left: 10px;*/
   padding-bottom: 12px;
 }
  .flyout-sidebar  ul > li > a {
   position: relative;
   display: block;
   color: #101820;
   font-weight: 600;
   font-size: 23px;
	 
 }
.breadcrumbtext {
  padding-left: 37px;
  position: relative;
  z-index: 1;
}


 .flyout-sidebar ul > li > a:hover{
	color: #0055B8;
}


.flyout-sidebar ul > li > a span.underline{
	display: inline;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.flyout-sidebar ul > li > a span.underline:after{
  content: "";
  position: absolute;
  z-index: -1;
  right: 0%;
  bottom: -3px;
  background: #F1F4F9;
  height: 15px;
  transition-property: left right;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  width:0;
}
#flyout-submenu-container > li > a:after{
  content: "";
  position: absolute;
  z-index: -1;
  right: 0%;
  bottom: -1px;
  background: #F1F4F9;
  height: 10px;
  transition-property: left right;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  width:0;
}
#flyout-submenu-container > li > a:hover:after{
	right: inherit;
	left: 0;
	width:100%;
}
.flyout-sidebar ul > li > a:hover span.underline:after,
.flyout-sidebar ul > li > a:focus span.underline:after,
.flyout-sidebar ul > li > a:active span.underline:after {
	right: inherit;
	left: 0;
	width:100%;
}



  .flyout-sidebar ul > li > a > .arrow {
   position: absolute;
   right: 5px;
   top: 9px;
 }
 .flyout-sidebar  ul > li > ul {
   display: none;
 }
 #flyout-main-menu-container {
   position: relative;
	 display: flex;
 }
 #flyout-main-menu{
	transition: all 0.5s ease-out 0s;
	position: relative;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	padding-left: 0;
	list-style: none;
	margin-top: 5px;
}
#flyout-submenu-container {
	transition: all 0.5s ease-out 0s;
	position: relative;
	top: 0;
	left: 100%;
	overflow: hidden;
	width: 0%;
	padding-left: 0;
	list-style: none;
	margin-top: 5px;
	height:260px;
 }

#flyout-main-menu, #flyout-submenu-container a{
	font-weight: 100;
	font-size: 18px;
}
 #flyout-main-menu {
   left: 0px;
 }
 #flyout-main-menu.hide {
	left: -100%;
	width:0;
 }
 #flyout-submenu-container a{
	 display: inline;
}
 #flyout-submenu-container {
   left: 100%;
 }
 #flyout-submenu-container.show {
   left: 0;
	 width:100%;
	 height: auto;
 }
 #flyout-breadcrumb{
	  margin-top: 15px;
	  min-height: 42px;
}
 #flyout-breadcrumb a {
   transition: all 0.5s ease-out 0s;
   opacity: 0;
	
	 
 }
 #flyout-breadcrumb.show a {
   opacity: 1;
	 font-size: 28px;
	 font-weight: 600;
	 color: #0055B8;
	 position: relative;
	 display: flex;
	 align-items: center;
	 
 }

#flyout-breadcrumb.show a:before{
	content: '\e902';
	font-family:'st-icons' ;
	transform: rotate(-180deg);
	padding-left: 10px;
	font-size: 12px;
	display: inline-block;
	position: absolute;
}

#flyout-breadcrumb.show a span.txt{
	display: inline;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
#flyout-breadcrumb.show a span.txt:before{
	    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    bottom: -3px;
    background: #F1F4F9;
    height: 15px;
	width: 100%;
}