/* ## Main Navigation Theme ## */

.mainBody {overflow-x:hidden;}

/*hover state / xpath*/
.mainNav .sf-menu li:hover,
.mainNav .sf-menu li.sfHover,
.mainNav .sf-menu a:focus, 
.mainNav .sf-menu a:hover, 
.mainNav .sf-menu a:active { outline: 0; text-decoration:none; }

.mainNav {
	display:table; 
	position:relative; 
	width:100%;
	z-index:100;}
	
.mainNav:before, .mainNav:after { content: ""; display: table; }
.mainNav:after { clear: both; }
.mainNav { zoom: 1; }

.menuLink.active  {background:#dae1f4;}
.menuLink {float:right; cursor:pointer; display:table-cell; height:30px; padding:5px; position:relative; vertical-align:middle; z-index: 2; }
.menuLink .icon-menu {color:#000C7C; display:table-cell; font-size:2.1em; padding:0px; vertical-align:middle; }
.menuLink .txt {color:#010002; display:table-cell; font-size:18px; vertical-align:middle; }
.menuLink:hover,
.menuLink:focus,
.active.menuLink { text-decoration: none; }
.active.menuLink { margin-bottom:0; }

.mainNav .sf-menu,
.mainNav .sf-menu ul { margin:0; padding:0; list-style:none; }

.mainNav .sf-menu {
	display:none; 
	 right:0;
	margin-top:40px;
	position:absolute;
	width: 100%; 
	z-index:1;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
	     -o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;}
 
.mainNav .sf-menu a { background:none; border:0; }
.mainNav .sf-menu li { position:relative; }
.mainNav .sf-menu > li .subMenu ul { background:#FFF; display:none; overflow:hidden; }
.mainNav .sf-menu > li .subMenu {  position:relative; }
.mainNav .sf-menu > li.showSub .subMenu,
.mainNav .sf-menu > li.showSub ul { display:block !important; background:#2341a1;}
.mainNav .sf-menu > li.showSub ul {padding:7px 10px 10px;}
	
.mainNav .showMenu {background-color:#415baf; display: block !important; visibility:visible !important; }
.mainNav .showMenu a {color:#fff !important;}
.mainNav .showMenu .sf-sub-indicator:after {border:5px solid transparent; border-top:5px solid #fff;}

.mainNav .sf-menu > li  a {
	display:block; z-index:1;
	-webkit-transition: all 0.2s ease-out;
	   -moz-transition: all 0.2s ease-out;
	     -o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out; }
	
.mainNav .sf-menu > li > a { 
	font-size:17px;
	font-weight:800;
	color:#2341A1;
	display:block; 
	width:100%;}

.mainNav .sf-menu > li > a .menuText {
	display:block; 
	height:40px; 
	line-height:40px; 
	position:relative;
	text-transform: uppercase;
	text-align:center; 
	-webkit-transition: all 0.2s ease-out;
	   -moz-transition: all 0.2s ease-out;
	     -o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;}

.mainNav .sf-menu > li ul a { 
	padding:4px 5px;
	color:#fff;
	font-size:13px;
	  -webkit-transition: all 0.3s ease-in-out; 
	     -moz-transition: all 0.3s ease-in-out; 
	       -o-transition: all 0.3s ease-in-out; 
		  transition: all 0.3s ease-in-out;}

.mainNav .sf-menu > li > a.firstnavitema {  }
.mainNav .sf-menu > li > a.lastnavitema { }
.mainNav .sf-menu > li > a:hover,
.mainNav .sf-menu > li.sfHover > a {background-color:#2341a1; color:#FFF; }
	
/*.mainNav .sf-menu > li .menuText:before { content:"|"; color:#AAA; position:absolute; left:0; }*/
.mainNav .sf-menu > li:first-child .menuText:before { content:none; }

.mainNav .sf-menu > li ul a:focus,
.mainNav .sf-menu > li ul a:hover {
    background:#ffffff;
    color:#2341a1;
}

.mainNav .sf-menu > li.lastnavitemli .subMenu > ul { left:auto; right:0; }
.mainNav .sf-menu > li.lastnavitemli .subMenu > ul ul { left:auto; right:100%; }


.mainNav .showSub > .expandMenu:after { content: "\2d";	} 
.mainNav .showSub > .expandMenu:hover:after { 	} 

.sf-sub-indicator {
	border-left: 1px solid #2341A1;
	display: block;
	width: 30px;
	height:23px;
	position: absolute;
	top:0px;
	right: 10px;
	z-index: 999;
	padding:8px 3px;}
	
.sf-sub-indicator:after { 
	content:" "; 
	display:inline-block; 
	border:5px solid transparent; border-top:5px solid #2341A1; 
	margin-left:10px;
	vertical-align:middle;
	line-height:1;
	}

a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {color:#fff;}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {}
.sf-menu ul a > .sf-sub-indicator {}

/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator { color:#fff;}

@media screen and (min-width: 48.063em) {

	.menuLink, .toolsLink, .sf-sub-indicator { display:none; }

	.mainNav .sf-menu {display:table !important; width:100%; position:static; max-width:58.750em; margin:0 auto;}
	
	.mainNav ul a.sf-with-ul .menuText:after { 
		content:" "; 
		display:inline-block; 
		border:5px solid transparent; 
		border-top:5px solid #2341A1; 
		margin-left:10px;
		vertical-align:middle;
		line-height:1;}

	.mainNav .sfHover .menuText:after { 
		border:5px solid transparent; 
		border-top:5px solid #fff !important;}

	.mainNav .sf-menu > li ul a {}
	.mainNav .sf-menu > li ul a.sf-with-ul { padding-right:7%; }
	.mainNav .sf-menu > li.lastnavitemli .subMenu a.sf-with-ul { padding-left:7%; }

	.mainNav ul .active .menuText,
	.mainNav ul a.sf-with-ul:hover .menuText:after,
	.mainNav ul a.sf-with-ul:focus .menuText:after,
	.mainNav ul .clicked a.sf-with-ul .menuText:after { border-top-color:#fff; }
	
	.mainNav .sf-menu > li { display: table-cell; vertical-align: middle; }
	.mainNav .sf-menu > li .subMenu { display:none; position: relative; z-index:1000; }

	.mainNav .sf-menu > li > a { display:table; width:100%; padding:5px 10px; text-align: center; text-decoration:none; vertical-align:middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.mainNav .sf-menu > li > a .menuText { display:table-cell; line-height:1.4; text-align:center; vertical-align:middle; }
	.mainNav .sf-menu > li {display:table-cell; float:none; line-height:40px; text-align:center; vertical-align:middle; }
	.mainNav .sf-menu .lastnavitemli a .menuText { border-right:0; }
	.mainNav .sf-menu .lastnavitemli a .menuText { border-left:0; }

	.mainNav .sf-menu > li .subMenu > ul,
	.mainNav .sf-menu > li ul {
		display:block;
		position: absolute;
		z-index:900;
		top: 100%;
		line-height:1.416; 
		left:0;		
		width: 12em;
		min-width: 100%;
		text-align:left;
		background:#415baf;
		padding:13px;}
		
	.mainNav .sf-menu > li ul a {}
	.mainNav .sf-menu > li ul ul { border-top: 0; top: 0; left: 100%; }
	.mainNav .sf-menu > li.lastnavitemli .subMenu > ul { left:auto; right:0; }
	.mainNav .sf-menu > li.lastnavitemli .subMenu > ul ul { left:auto; right:100%; }
	.mainNav .expandMenu { display:none; }
}

@media (max-width:768px) {

	.subMenu {opacity:1 !important;}
	
}