/*Coloring Structure - In Template add the Promary class to the containing object to change color */
/*BlueMenu*/
.BlueMenu .flexnav2 > li > a{color:#335E89;}
.BlueMenu .flexnav2 > li.FMMainActive > a + ul{background:#335E89;}
.BlueMenu .flexnav2 > li > a .carrot{border-color:#335E89 transparent transparent;}
.BlueMenu .flexnav2 > li.FMMainActive > a .carrot:before{border-color:transparent transparent #335E89;}
.BlueMenu .flexnav2 li a + ul a {color:#fff;}
.BlueMenu .flexnav2 > li li .carrot:before{border-color:transparent transparent transparent #000;}
.BlueMenu .menu-burger{background:#335E89;color:#fff;}
.BlueMenu .menu-burger a:hover, .BlueMenu .menu-burger a:focus, .BlueMenu .menu-burger a {color:#fff;}
.BlueMenu .CrumbCake span:before,.BlueMenu .CrumbCake a{color:#335E89;}
.BlueMenu .flexnav2.F2Mobile a{color:#fff;}/*Mobile*/
.BlueMenu .flexnav2.F2Mobile{background:#335E89;}/*Mobile*/
.BlueMenu .flexnav2.F2Mobile > li.FMMainActive > a .carrot:before,
.BlueMenu .flexnav2.F2Mobile > li > a .carrot:before{ /*Mobile*/
    border-color: #000 transparent transparent transparent;
}
/*YellowMenu*/
.YellowMenu .flexnav2 > li > a{color:#5a5a5a;}
.YellowMenu .flexnav2 > li.FMMainActive > a + ul{background:#FDFA5B;}
.YellowMenu .flexnav2 > li > a .carrot{border-color:#000 transparent transparent;}
.YellowMenu .flexnav2 > li.FMMainActive > a .carrot:before{border-color:transparent transparent #FDFA5B;}
.YellowMenu .flexnav2 li a + ul a{color:#333;}
.YellowMenu .flexnav2 > li li .carrot:before{border-color:transparent transparent transparent #000;}
.YellowMenu .menu-burger{background:#FDFA5B;color:#333;}
.YellowMenu .menu-burger a:hover, .YellowMenu .menu-burger a:focus, .YellowMenu .menu-burger a {color:#333;}
.YellowMenu .CrumbCake span:before,.YellowMenu .CrumbCake a{color:#333;}
.YellowMenu .flexnav2.F2Mobile a{color:#000;}/*Mobile*/
.YellowMenu .flexnav2.F2Mobile{background:#FDFA5B;}/*Mobile*/
.YellowMenu .flexnav2.F2Mobile > li.FMMainActive > a .carrot:before,
.YellowMenu .flexnav2.F2Mobile > li > a .carrot:before{ /*Mobile*/
    border-color: #000 transparent transparent transparent;
}
/*GreenMenu*/
.GreenMenu .flexnav2 > li > a{color:#92C14D;}
.GreenMenu .flexnav2 > li.FMMainActive > a + ul{background:#92C14D;}
.GreenMenu .flexnav2 > li > a .carrot{border-color:#92C14D transparent transparent;}
.GreenMenu .flexnav2 > li.FMMainActive > a .carrot:before{border-color:transparent transparent #92C14D;}
.GreenMenu .flexnav2 li a + ul a{color:#fff;}
.GreenMenu .flexnav2 > li li .carrot:before{border-color:transparent transparent transparent #000;}
.GreenMenu .menu-burger{background:#92C14D;color:#fff;}
.GreenMenu .menu-burger a:hover, .GreenMenu .menu-burger a:focus, .GreenMenu .menu-burger a {color:#fff;}
.GreenMenu .CrumbCake span:before,.GreenMenu .CrumbCake a{color:#92C14D;}
.GreenMenu .flexnav2.F2Mobile a{color:#fff;}/*Mobile*/
.GreenMenu .flexnav2.F2Mobile{background:#92C14D;}/*Mobile*/
.GreenMenu .flexnav2.F2Mobile > li.FMMainActive > a .carrot:before,
.GreenMenu .flexnav2.F2Mobile > li > a .carrot:before{ /*Mobile*/
    border-color: #000 transparent transparent transparent;
}
/*OrangeMenu*/
.OrangeMenu .flexnav2 > li > a{color:#F07B1F;}
.OrangeMenu .flexnav2 > li.FMMainActive > a + ul{background:#F07B1F;}
.OrangeMenu .flexnav2 > li > a .carrot{border-color:#F07B1F transparent transparent;}
.OrangeMenu .flexnav2 > li.FMMainActive > a .carrot:before{border-color:transparent transparent #F07B1F;}
.OrangeMenu .flexnav2 li a + ul a{color:#fff;}
.OrangeMenu .flexnav2 > li li .carrot:before{border-color:transparent transparent transparent #000;}
.OrangeMenu .menu-burger{background:#F07B1F;color:#fff;}
.OrangeMenu .menu-burger a:hover, .OrangeMenu .menu-burger a:focus, .OrangeMenu .menu-burger a {color:#fff;}
.OrangeMenu .CrumbCake span:before,.OrangeMenu .CrumbCake a{color:#F07B1F;}
.OrangeMenu .flexnav2.F2Mobile a{color:#fff;}/*Mobile*/
.OrangeMenu .flexnav2.F2Mobile{background:#F07B1F;}/*Mobile*/
.OrangeMenu .flexnav2.F2Mobile > li.FMMainActive > a .carrot:before,
.OrangeMenu .flexnav2.F2Mobile > li > a .carrot:before{ /*Mobile*/
    border-color: #000 transparent transparent transparent;
}
/*RedMenu*/
.RedMenu .flexnav2 > li > a{color:#7B0000;}
.RedMenu .flexnav2 > li.FMMainActive > a + ul{background:#7B0000;}
.RedMenu .flexnav2 > li > a .carrot{border-color:#E8E9ED transparent transparent;}
.RedMenu .flexnav2 > li.FMMainActive > a .carrot:before{border-color:transparent transparent #7B0000;}
.RedMenu .flexnav2 li a + ul a{color:#fff;}
.RedMenu .menu-burger{background:#7B0000;color:#fff;}
.RedMenu .menu-burger a:hover, .RedMenu .menu-burger a:focus, .RedMenu .menu-burger a {color:#fff;}
.RedMenu .flexnav2 > li li .carrot:before{border-color:transparent transparent transparent #fff;}
.RedMenu .CrumbCake span:before,.RedMenu .CrumbCake a{color:#7B0000;}
.RedMenu .flexnav2.F2Mobile a{color:#fff;}/*Mobile*/
.RedMenu .flexnav2.F2Mobile{background:#7B0000;}/*Mobile*/
.RedMenu .flexnav2.F2Mobile > li.FMMainActive > a .carrot:before,
.RedMenu .flexnav2.F2Mobile > li > a .carrot:before{ /*Mobile*/
    border-color: #fff transparent transparent transparent;
}
/*GreyMenu*/
.GreyMenu .flexnav2 > li > a{color:#333;}
.GreyMenu .flexnav2 > li.FMMainActive > a + ul{background:#E8E9ED;}
.GreyMenu .flexnav2 > li > a .carrot{border-color:#E8E9ED transparent transparent;}
.GreyMenu .flexnav2 > li.FMMainActive > a .carrot:before{border-color:transparent transparent #E8E9ED;}
.GreyMenu .flexnav2 li a + ul a{color:#333;}
.GreyMenu .flexnav2 > li li .carrot:before{border-color:transparent transparent transparent #000;}
.GreyMenu .menu-burger{background:#E8E9ED;color:#333;}
.GreyMenu .menu-burger a:hover, .GreyMenu .menu-burger a:focus, .GreyMenu .menu-burger a {color:#333;}
.GreyMenu .CrumbCake span:before,.GreyMenu .CrumbCake a{color:#333;}
.GreyMenu .flexnav2.F2Mobile a{color:#000;}/*Mobile*/
.GreyMenu .flexnav2.F2Mobile{background:#E8E9ED;}/*Mobile*/
.GreyMenu .flexnav2.F2Mobile > li.FMMainActive > a .carrot:before,
.GreyMenu .flexnav2.F2Mobile > li > a .carrot:before{ /*Mobile*/
    border-color: #333 transparent transparent transparent;
}
/*DarkGreyMenu*/
.DarkGreyMenu .flexnav2 > li > a{color:#4e4e4e;}
.DarkGreyMenu .flexnav2 > li.FMMainActive > a + ul{background:#4e4e4e;}
.DarkGreyMenu .flexnav2 > li > a .carrot{border-color:#4e4e4e transparent transparent;}
.DarkGreyMenu .flexnav2 > li.FMMainActive > a .carrot:before{border-color:transparent transparent #4e4e4e;}
.DarkGreyMenu .flexnav2 li a + ul a{color:#fff;}
.DarkGreyMenu .flexnav2 > li li .carrot:before{border-color:transparent transparent transparent #fff;}
.DarkGreyMenu .menu-burger{background:#4e4e4e;color:#fff;}
.DarkGreyMenu .menu-burger a:hover, .DarkGreyMenu .menu-burger a:focus, .DarkGreyMenu .menu-burger a {color:#fff;}
.DarkGreyMenu .CrumbCake span:before,.DarkGreyMenu .CrumbCake a{color:#4e4e4e;}
.DarkGreyMenu .flexnav2.F2Mobile a{color:#fff;}/*Mobile*/
.DarkGreyMenu .flexnav2.F2Mobile{background:#4e4e4e;}/*Mobile*/
.DarkGreyMenu .flexnav2.F2Mobile > li.FMMainActive > a .carrot:before,
.DarkGreyMenu .flexnav2.F2Mobile > li > a .carrot:before{ /*Mobile*/
    border-color: #fff transparent transparent transparent;
}
/*Basic Formatting*/
.FlexMenuResponsive{position:relative;z-index:999999999;Visibility:hidden; height:36px;}
.FlexMenuResponsive.FMRLoaded {visibility: visible; height:auto;}
.flexnav2 {visibility: hidden; height:36px;overflow: hidden;padding:0; margin:0;}
.flexnav2.FMenuLoaded {visibility: visible; height:auto;overflow: inherit;padding:inherit; margin:inherit;}
.flexnav2,.flexnav2 li,.flexnav2 li ul{float:none;list-style:none;position:relative;box-sizing:border-box;margin:0;padding:0;}
.flexnav2 a{text-decoration:none;font-family:sans-serif;font-size:14px;display:block;border-bottom:1px solid rgba(0,0,0,.1);position:relative;box-sizing:border-box;padding:10px;}
.flexnav2 > li{display:inline-block;}
.flexnav2 > li > a{display:inline-block;border-bottom:0;}
.flexnav2 li:hover > a{background:rgba(27,27,27,0.31);}
.flexnav2 > li:hover > a,.FMenuItemActive{background:rgba(224,224,224,0.34);}
.flexnav2 ul li{right:auto;}
.flexnav2 > ul a:last-child{border-bottom:0;}
.flexnav2 > li.FMMainActive > a .carrot{border-color:transparent;}
.flexnav2 > li > a .carrot:before{/* content:""; */transition:all .5s ease-in-out;border-color:rgba(0,0,0,0.2) transparent transparent;border-width:5px 4px 0;}
.flexnav2 > li.FMMainActive > a .carrot:before{content:"";position:absolute;bottom:-1px;left:30px;display:inline-block;width:0;height:0;border-color:transparent transparent rgba(0,0,0,0.2);border-style:solid;border-width:0 8px 9px;}
.flexnav2 li a + ul{display:none;position:absolute;top:99%;left:0;transition:all .5s ease-in-out;}
.flexnav2 li a + ul a{min-width:300px;padding-right:37px;}
.flexnav2 > li.FMMainActive > a + ul{display:block;background:rgba(255,255,255,.9);z-index:1;}
.flexnav2 li:hover ul ul{top:0;border:0;min-width:200px;box-sizing:border-box;}
.flexnav2 > li > a .carrot{margin-left:4px;display:inline-block;width:0;height:0;transition:all .5s ease-in-out;border-color:rgba(0,0,0,0.2) transparent transparent;border-style:solid;border-width:5px 4px 0;}
.flexnav2 > li li .carrot:before{content:"";display:inline-block;width:0;height:0;border-color:transparent transparent transparent #c1c0c0;border-style:solid;border-width:5px 0 5px 6px;position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;box-sizing:border-box;}
.flexnav2 > li li .carrot{position:absolute;right:0;top:0;width:25px;height:100%;border-left:1px solid rgba(0,0,0,.2);background:rgba(255,255,255,.2);}
.flexnav2 > li li .carrot:hover{background:rgba(0,0,0,.2);}
.flexnav2 > li li .carrot:hover:before{border-color:transparent transparent transparent #fff;}

/*Action Classing*/
.flexnav2 .FMActive{display:block;z-index:1;float:left;position:relative;}
.flexnav2 .FMHidden > li > a{visibility:hidden;width:0;height:0;padding:0;border-bottom:none;}
.flexnav2 .FMHidden >li{position:initial;height:0;}
.flexnav2 .FMHidden > .BackUL{display:none;padding: 10px;}
.flexnav2 .BackUL{background:rgba(51,51,51,0.51);color:#fff;padding: 10px 10px;font-family:sans-serif;font-size:14px;text-transform:uppercase;position:relative;cursor:pointer;text-align:right;}
.flexnav2 .BackUL:before{content:"";display:inline-block;width:0;height:0;border-color:transparent #fff transparent transparent;border-style:solid;border-width:5px 6px 5px 0;position:absolute;transform:translate(-50%,-50%);top:50%;left:10px;box-sizing:border-box;}

/*BreadCrumb*/
.CrumbCake{font-size:10px;font-family:sans-serif;text-transform:uppercase;float:right;margin-top:5px;}
.CrumbCake a{padding-right:4px;text-decoration:none;}
.CrumbCake span{cursor:pointer;color:#a7a7a7;font-style:italic;}
.CrumbCake a:hover,.CrumbCake span:hover:before{text-decoration:underline;}
.CrumbCake .NestedCrumb + span:before{content:"\2022 \2022 \2022  ";display:inline-block;padding:0 4px;cursor:pointer;}
.CrumbCake .NestedCrumb{display:none;}
.CrumbCake .NestedCrumb.NView{display:inline-block;}
.CrumbCake span.NView:before{content:"";padding:0;}

/*Responsive Classes*/
.menu-burger{display:none;font-family:arial;text-transform:uppercase;}
@media only screen and (max-width: 768px) {
	body{padding-top:36px!important;}
	.FlexMenuResponsive.FMRLoaded{display:block;position:fixed;top:0;left:0;width:100%;z-index:999999999;}
	.menu-burger{display:block;background:#fff;color:#333;border-bottom:2px solid rgba(0,0,0,.3);padding:9px;box-sizing:border-box;}
	.menu-burger a{float:right;padding-left:9px;border-left:1px solid rgba(0,0,0,.5);}
	.menu-burger:after{content:"";clear:both;display:table;width:100%;height:0;}
	span.FMDocTitle{font-size:14px;max-width:200px;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:initial;}
	.flexnav2.F2Mobile{display:none;position:absolute;top:100%;left:0;width:100%;}
	.flexnav2.F2Mobile.FMinView{display:block;overflow: auto;}
	.flexnav2.F2Mobile li,.flexnav2.F2Mobile a{display:block;}
	.flexnav2.F2Mobile > li > a .carrot{position:absolute;right:0;top:0;height:100%;width:40px;border:none;border-left:1px solid rgba(0,0,0,.2);}
	.flexnav2.F2Mobile > li >  a + ul {border-left: 20px solid rgba(0,0,0,.2);}
	.flexnav2.F2Mobile li a + ul {position: relative;float:none;}
	.flexnav2.F2Mobile a {border-bottom: 1px solid rgba(0,0,0,.2) !important;}
	.flexnav2.F2Mobile > li li .carrot {width: 40px;}
	.flexnav2.F2Mobile > li > a .carrot:before,
	.flexnav2.F2Mobile > li.FMMainActive > a .carrot:before {content:"";border-color: #fff transparent transparent transparent;border-width: 7px 5px 0 5px;border-style: solid;left: 50%;top: 50%;transform: translate(-50%, -50%);position: absolute;}
	.flexnav2.F2Mobile .FMHidden >li {height: auto;background: transparent;border: none;}
	.flexnav2.F2Mobile .FMHidden >li>a {border: none !important;}
	.CrumbCake {margin-top: 0;padding: 8px;float: none;text-align: right;background: #fff;border-bottom: 1px solid #ccc;}
}