navigation {height:50px; z-index:200;}
nav {/*height:50px;*/background: #4c75af;border-bottom:1px solid #3d659d;position: relative;
  z-index: 10;}
/*.flexnav a {border-left:1px solid #3d659d;}*/
.flexnav a, .flexnav a:visited {color:#ffffff;}
.flexnav li li a{border-bottom:1px solid #3d659d;}
/*.flexnav li li {background:#4c75af;}
.flexnav li li li {background:#4c75af;}*/
.flexnav a:focus, .flexnav a:hover, .flexnav a:active {outline:0;color:#d4e3f9;}

.flexnav a:focus, .flexnav ul ul ul a:hover {color:#3c659f;}


/* Flexnav Base Styles */
.flexnav {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  transition: none;
  -webkit-transform-style: preserve-3d;
  overflow: hidden;
  margin: 0;
  padding:0;	
  width: 100%;
  max-height: 0; 
 background: #4c75af;	
	
}
  .flexnav.opacity {
    opacity: 0; }
  .flexnav.flexnav-show, .flexnav.flexnav-live  {
    max-height: 2000px;
    opacity: 1;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out; }
  .flexnav.one-page {
    position: fixed;
    top: 50px;
    right: 5%;
    max-width: 200px; }
  .flexnav li {
    font-size: 100%;
    position: relative;
    overflow: hidden; }

  .flexnav li a {
    position: relative;
    display: block;
    padding: 1em 2em 1em 2em;
    z-index: 100;
    overflow: hidden;
    color: #ffffff;
    background: #4c75af;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15); 
}
  .flexnav li.item-with-ul a {
    padding: 1em 4em 1em 2em;
}
 .flexnav li.item-with-ul a li {
    padding: 1em 0;
}



  .flexnav li ul {
   /* width: 100%;*/ }
    .flexnav li ul li {
      font-size: 100%;
      position: relative;
      overflow: hidden; }
  .flexnav li ul.flexnav-show li {
    overflow: visible; z-index:100;}
  .flexnav li ul li a {
    display: block;
    background: #4c75af; }
  .flexnav ul li ul li a {
    background: #4c75af; }
  .flexnav ul li ul li ul li a {
    background: #cbcbc9; }
  .flexnav .touch-button {
    position: absolute;
    z-index: 999;
    top: -5px;
    right: 2em;
/*    width: 50px;
    height: 50px;*/
    display: inline-block;
    /*background: #acaca1;*/
/*    background: rgba(0, 0, 0, 0.075);*/
    text-align: center; 
   }
    .flexnav .touch-button:hover {
      cursor: pointer; }
    .flexnav .touch-button .navicon {
      position: relative;
      top: 1.4em;
      font-size: 12px;
      color: rgba(255, 255, 255, 0.5); }

.menu-button {
  position: relative;
  display: block;
  padding: 1em;
  background: #4c75af;
  color: #ffffff;
  cursor: pointer;
  border-bottom: 1px solid #4c75af; }
  .menu-button.one-page {
    position: fixed;
    top: 0;
    right: 5%;
    padding-right: 45px; }
  .menu-button .touch-button {
    background: transparent;
    position: absolute;
    z-index: 999;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    display: inline-block;
    text-align: center; }
    .menu-button .touch-button .navicon {
      font-size: 16px;
      position: relative;
      top: 1em;
      color: rgba(255, 255, 255, 0.5); }

@media all and (min-width: 480px) {
  body.one-page {
    padding-top: 70px; }

  .flexnav {
    overflow: visible; }
    .flexnav.opacity {
      opacity: 1; }
    .flexnav.one-page {
      top: 0;
      right: auto;
      max-width: 1080px; }
    .flexnav li {
      position: relative;
      list-style: none;
      float: left;
      display: block;
      background-color: #4c75af;
      overflow: visible;
      /*width: 20%; */}
    .flexnav li a {
      border-left: 1px solid #3c659f;
      border-bottom: none; }
    .flexnav li > ul {
      position: absolute;
      top: 51px;
      left: 0; }
      .flexnav li > ul li {
        width: 100%; }
    .flexnav li ul li > ul {
      margin-left: 100%;
      top: 0; }
    .flexnav li ul li a {
      border-bottom: none; }
    .flexnav li ul.open {
      display: block;
      opacity: 1;
      visibility: visible;
      z-index: 1; }
      .flexnav li ul.open li {
        overflow: visible;
        max-height: 100px; }
      .flexnav li ul.open ul.open {
        margin-left: 100%;
        top: 0; }

  .menu-button {
    display: none; } }
.oldie body.one-page {
  padding-top: 70px; }
.oldie .flexnav {
  overflow: visible; }
  .oldie .flexnav.one-page {
    top: 0;
    right: auto;
    max-width: 1080px; }
  .oldie .flexnav li {
    position: relative;
    list-style: none;
    float: left;
    display: block;
    background-color: #4c75af;
    width: 20%;
    min-height: 50px;
    overflow: visible; }
  .oldie .flexnav li:hover > ul {
    display: block;
    width: 100%;
    overflow: visible; }
    .oldie .flexnav li:hover > ul li {
      width: 100%;
      float: none; }
  .oldie .flexnav li a {
    border-left: 1px solid #acaca1;
    border-bottom: none;
    overflow: visible; }
  .oldie .flexnav li > ul {
    background: #acaca1;
    position: absolute;
    top: auto;
    left: 0;
    display: none;
    z-index: 1;
    overflow: visible; }
  .oldie .flexnav li ul li ul {
    top: 0; }
  .oldie .flexnav li ul li a {
    border-bottom: none; }
  .oldie .flexnav li ul.open {
    display: block;
    width: 100%;
    overflow: visible; }
    .oldie .flexnav li ul.open li {
      width: 100%; }
    .oldie .flexnav li ul.open ul.open {
      margin-left: 100%;
      top: 0;
      display: block;
      width: 100%;
      overflow: visible; }
  .oldie .flexnav ul li:hover ul {
    margin-left: 100%;
    top: 0; }
.oldie .menu-button {
  display: none; }
.oldie.ie7 .flexnav li {
  width: 19.9%; }



/*** Superfish Menu ***/
.flexnav, .flexnav * {margin:0;padding:0;list-style:none;}
.flexnav {line-height:1.0;}
.flexnav ul {position:absolute;/*top:-999em*/;width:12em; /* left offset of submenus need to match (see below) */}
.flexnav ul li {width:100%;}
.flexnav li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */}
.flexnav li {float:left;position:relative;}
.flexnav a {display:block;position:relative;}
.flexnav li:hover ul,
.flexnav li.sfHover ul {left:0;top:38px;z-index:99;}

/*** Skin ***/
.flexnav {float:left;margin-bottom:1em;font:normal 13px 'Oswald';text-transform:uppercase; }
.flexnav a {/*border-left:1px solid #efdc02;*//*padding:.7em 2.25em .7em 2.25em;*/text-decoration:none;}

.flexnav item-with-ul a {/*border-left:1px solid #efdc02;*/padding:.7em 3.25em .7em 2.25em;text-decoration:none;}
/*.flexnav a, .flexnav a:visited {color:#083666;}*/
.flexnav > li:first-child > a {border-left:0;padding-left:2em ;}
.flexnav li {/*background: url(../img/navigation-s4.png) 0 0 repeat;*/}
.flexnav li li a{/*border-bottom:1px solid #efdc02;*/padding:.6em 1em .6em 1em;}
.flexnav li li {border-bottom: 1px solid #3d659d; font: 12px Arial; text-transform:none;}
.flexnav li li li {border-bottom: 1px solid #3d659d; border:0;}
.flexnav li:hover, .flexnav li.sfHover,
.flexnav a:focus, .flexnav a:hover, .flexnav a:active {outline:0;/*color:#003366*/;/*background:#416dab;*/}
/*** Arrows **/
.flexnav a.sf-with-ul { min-width:0;}
/*.sf-sub-indicator {position:absolute;display:block;right:.75em;top:1.05em;width:10px;height:10px;text-indent:-999em;overflow:hidden;background:	url('../img/arrows-ffffff.png') no-repeat -10px -100px; }*/
.sf-sub-indicator{visibility:hidden;right:0;width:0;height:0;top:0;display:none;}
a > .sf-sub-indicator { top:.8em;background-position: 0 -100px;}
/* apply hovers to modern browsers */
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 {background-position: -10px -100px;}
/* point right for anchors in subs */
.flexnav ul .sf-sub-indicator { background-position:  -10px 0; }
.flexnav ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.flexnav ul a:focus > .sf-sub-indicator,
.flexnav ul a:hover > .sf-sub-indicator,
.flexnav ul a:active > .sf-sub-indicator,
.flexnav ul li:hover > a > .sf-sub-indicator,
.flexnav ul li.sfHover > a > .sf-sub-indicator {background-position: -10px 0;}
/*** shadows for all but IE6 ***/
.sf-shadow ul {background:	url('../img/shadow.png') no-repeat bottom right;padding: 0 8px 9px 0;-moz-border-radius-bottomleft: 17px;-moz-border-radius-topright: 17px;-webkit-border-top-right-radius: 17px;-webkit-border-bottom-left-radius: 17px;}
.sf-shadow ul.sf-shadow-off {background: transparent;}
.no-js .flexnav li ul {padding-top:-1px; margin-top:-1px;}
/*.no-js .flexnav li ul li:first-child {border-top:1px solid #efdc02; }*/



@media only screen and (max-width:480px){
	
  .flexnav .touch-button {
	top: 0px;
	right: 0;
    width: 50px;
    /*height: 50px;*/
    height: 100%;  
    background: rgba(0, 0, 0, 0.075);

   }	
	
  .flexnav ul ul .touch-button {
	top: 0px;
	right: 0;
    width: 50px;
    height: 47px;
    background: rgba(0, 0, 0, 0.075);

   }		
	
  .flexnav li.item-with-ul a,.flexnav li.item-with-ul a {
    padding: 1em 3em 1em 1em;
	}

  .flexnav li a {
    padding: 1em;
	}
	

.flexnav a.sf-with-ul {padding-right: 1.5em; min-width:1px;}
.sf-sub-indicator {position:absolute;display:block;right:.75em;top:1.05em;width:10px;height:10px;text-indent:-999em;overflow:hidden;background:	url('../img/arrows-ffffff.png') no-repeat -10px -100px; }
.flexnav , .flexnav  ul, .flexnav li {width:300px; }
    
.flexnav  ul ul {width:280px; }    
.flexnav  ul ul ul {width:294px; }      
.flexnav  ul ul ul ul {width:275px; }       
    
.flexnav ul {	position: relative; left:0px; /* left offset of submenus need to match (see below) */ }
.flexnav li:hover ul,.flexnav li.sfHover ul,.flexnav ul li:hover ul,.flexnav ul li.sfHover ul{ left:0;top:0px; /* match top ul list item height */z-index: 1003;}
.flexnav ul li a { /*width:290px !important;*/ padding-left:20px;}
.flexnav ul {border:none; -moz-box-shadow:none -webkit-box-shadow:none; box-shadow: none;}
ul.flexnav li li li.sfHover ul, .sf-vertical li:hover ul, .sf-vertical li.sfHover ul, ul.flexnav li li.sfHover ul {left:0px !important ; }
.sf-sub-indicator {visibility:visible;}
.flexnav li li .sf-sub-indicator { right:3.3em;  }
.flexnav li li { /* !important; */overflow:hidden; }
.flexnav li li li li .sf-sub-indicator { right:em;  }
.flexnav li li a { left: 0; padding-left:20px; padding-right:50px; }
.flexnav li li li a { left: 0; padding 0 1.5em 0 25px;}
.flexnav li li li li a { left: 0; padding-left:30px; }
/*** SKIN ***/
.flexnav {float:left;margin-bottom:	1em;font: normal 15px 'Oswald';}
.flexnav a {/*border-top:	1px solid #efdc02;*/padding:.5em 1em;text-decoration:none;}
.flexnav > li:first-child > a {padding-left:1em ;}
.flexnav a, .flexnav a:visited  {}
.flexnav li li a{border-bottom:0;font:normal 13px 'Oswald';text-transform:uppercase;}
.flexnav li li {font-size:13px;}
.flexnav li li li {font-size:12px; /*background:#f6e200;*/padding-left: 1.5em;}
.flexnav li:hover, .flexnav li.sfHover,
.flexnav a:focus, .flexnav a:hover, .flexnav a:active {}

.flexnav ul li ul li ul li{ width:90%;}    
    
    .no-js .flexnav li li {display:none;}

}