/* menu */
.sf-menu {display:inline-block;}
.sf-menu ul {position:absolute; top:-999px; display:none;}
.sf-menu li {position:relative; float:left; }
.sf-menu a {text-decoration:none; font-family: 'Open Sans Condensed', Arial, sans-serif; font-weight:700;}
.sf-menu a:hover {text-decoration:none;}
.sf-menu li:hover ul,.sf-menu li.sfHover ul {z-index:99}

ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {top:-999px; display:none;}
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {left:100%; top:0;}

ul.sf-menu>li { display:inline-block; margin-left:10px;}
ul.sf-menu>li:first-child {margin-left:0;}
ul.sf-menu>li>a {font-size:21px; line-height:1em; color:#fff; text-transform:uppercase; display:block; position:relative; padding:9px 21px 10px 21px; background:#fff; color:#0c4a8a;}
ul.sf-menu>li.current , ul.sf-menu>li.sfHover , ul.sf-menu>li:hover {}
ul.sf-menu>li.current>a, ul.sf-menu>li.sfHover>a, ul.sf-menu>li>a:hover {background:#0c4a8a; color:#c8c8c8;}
ul.sf-menu>li.mobile {display: none;}

.sf-menu>li>ul { width: 290px; background:#0c4a8a; left:0px; top:40px; padding:20px 10px 20px 10px; color:#fff;}
.sf-menu>li>ul>li {display:block; width:100%; text-align:left; margin-top:10px;}
.sf-menu>li>ul>li:first-child {margin-top:0;}
.sf-menu>li>ul>li>a { color:#c8c8c8; font-size:18px; line-height:21px; display:inline-block; padding:5px 15px 5px 15px;}
.sf-menu>li>ul>li:hover, ul.sf-menu>li>ul>li.sfHover{ }
.sf-menu>li>ul>li>a:hover, ul.sf-menu>li>ul>li.sfHover a {color:#fff;}