/* line 30, ../sass/flexnav.scss */
.flexnav {
  *zoom: 1;
  -webkit-transition: 0;
  -moz-transition: 0;
  -o-transition: 0;
  transition: 0;
  -webkit-transform-style: preserve-3d;
  overflow: hidden;
  margin: 0 auto;
  padding: 0 ;
  width: 100%;
  max-height: 0;
  font-family:'open_sansregular', Arial, Helvetica, sans-serif;
}
/* line 38, ../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.flexnav:after {
  content: "";
  display: table;
  clear: both;
}
/* line 39, ../sass/flexnav.scss */
.flexnav.show {
  max-height: 2000px;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
/* line 43, ../sass/flexnav.scss */
.flexnav.one-page {
  position: fixed;
  top: 50px;
  right: 5%;
  max-width: 200px;
}
/* line 50, ../sass/flexnav.scss */
.flexnav li {
  font-size: 100%;
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid #00BCA4;
}
/* line 55, ../sass/flexnav.scss */
.flexnav li a {
  position: relative;
  display: block;
  padding:10px 14px;
  z-index: 2;
  overflow: hidden;
  background: #fff;
  text-decoration:none;
  text-transform:uppercase;
  font-family: "Makisupa";
  font-size: 16px; color:#2b2b2b;
  text-align:left;
}
.flexnav li a:hover{
  background:#969EA1;
  color:#ffffff;
}

/* line 65, ../sass/flexnav.scss */
.flexnav li ul {
  width: 100%;
  padding: 0 ;
}

/* line 68, ../sass/flexnav.scss */
.flexnav li ul li {
  font-size: 100%;
  position: relative;
  overflow: hidden;
}
/* line 76, ../sass/flexnav.scss */
.flexnav li ul.show li {
  overflow: visible;
}
/* line 81, ../sass/flexnav.scss */
.flexnav li ul li a {
  display: block;
  background: #e2e2e2;
  font-size:13px;
}
/* line 85, ../sass/flexnav.scss */
.flexnav ul li ul li a {
  background: #f2f2f2;
}
/* line 88, ../sass/flexnav.scss */
.flexnav ul li ul li ul li a {
  background: #cbcbc9;
}
/* line 91, ../sass/flexnav.scss */
.flexnav .touch-button {
  position: absolute;
  z-index: 999;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  display: inline-block;
  background: #e2e2e2;
  text-align: center;
}
/* line 102, ../sass/flexnav.scss */
.flexnav .touch-button:hover {
  cursor: pointer;
}
/* line 105, ../sass/flexnav.scss */
.flexnav .touch-button .navicon {
  position: relative;
  top: 1.1em;
  font-size: 12px;
  color: #ffffff;
}

/* line 113, ../sass/flexnav.scss */
.menu-button {
  position: relative;
  display: block;
  background:#ed1c94;
  color: #ffffff;
  cursor: pointer;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  font-family: 'open_sansbold'; 
  font-size: 20px;
  padding: 8px 14px;
  text-align:left;
  /*width:50px;*/
  float:right;
}
/* line 122, ../sass/flexnav.scss */
.menu-button.one-page {
  position: fixed;
  top: 0;
  right: 5%;
  padding-right: 45px;
}
/* line 129, ../sass/flexnav.scss */
.menu-button .touch-button {
  background: transparent;
  position: absolute;
  z-index: 999;
  top: 8px;
  right: 0;
  width: 50px;
  height: 50px;
  display: inline-block;
  text-align: center;
}
/* line 140, ../sass/flexnav.scss */
.menu-button .touch-button .navicon {
  font-size: 14px;
  position: relative;
  top: 10px;
  color: #ffffff;
}

@media all and (min-width: 801px) {
  /* line 150, ../sass/flexnav.scss */
  body.one-page {
    padding-top: 70px;
  }

  /* line 153, ../sass/flexnav.scss */
  .flexnav {
    overflow: visible;
  }
  /* line 156, ../sass/flexnav.scss */
  .flexnav.one-page {
    top: 0;
    right: auto;
    max-width: 1080px;
  }
  /* line 161, ../sass/flexnav.scss */
  .flexnav li {
    position: relative;
    list-style: none;
    float: left;
    display: block;
    background-color: #ffffff;
	color:#353333;
    overflow: visible;
  }
  /* line 170, ../sass/flexnav.scss */
  .flexnav li a {
    border-bottom: none;
	font-size: 16px;
	padding: 8px 12px 8px 12px;
	background:#ffffff;
	color:#494949;
	font-family:'Titillium-Regular';
	border-right:1px solid #e1e1e1;
	position:relative;
	overflow:inherit;
	  }
  
  .flexnav li a.active {
    background:#00a3e4;
	color:#ffffff;
  }
  .flexnav li a.active:before{ 
	bottom:-5px; 
	left:50%; 
	content:''; 
	/*z-index:9999;*/ 
	margin-left:-5px; 
	position:absolute;
	background:url(../images/menu_arrow.jpg) top center no-repeat;
	width:10px;
	height:5px;
  }
  
  .flexnav li a:hover {
	background:#00a3e4;
	color:#ffffff;
  }
  .flexnav li a:hover:before{ bottom:-5px; 
	left:50%; 
	content:''; 
	/*z-index:9999;*/ 
	margin-left:-5px; 
	position:absolute;
	background:url(../images/menu_arrow.jpg) top center no-repeat;
	width:10px;
	height:5px;
  }
  
  
  .flexnav .touch-button {
   display:none;
   }
  
  /* line 174, ../sass/flexnav.scss */
  .flexnav li > ul {
    position: absolute;
    top: auto;
    left: 0;
    display: block;
	width: 215px;
	border-top:2px solid #013A8D;
	z-index:999;
  }
  .flexnav li > ul:before{ width:5px; height:5px; top:-5px; left:30px; content:''; /*z-index:9999;*/ background:#013A8D; position:absolute;
  	-ms-transform: rotate(50deg); /* IE 9 */
    -webkit-transform: rotate(50deg); /* Chrome, Safari, Opera */
    transform: rotate(50deg);
  }
  
  /* line 180, ../sass/flexnav.scss */
  .flexnav li > ul li {
    width: 100%;
  }
  .flexnav li ul li a {
    padding: 8px;
	background:#ffffff url(../images/subrowlst.png) 15px 13px no-repeat;
	font-size:12px;
	padding:8px 10px 8px 25px;
   }
  /* line 184, ../sass/flexnav.scss */
  .flexnav li ul li > ul {
    margin-left: 100%;
    top: 0;
  }
  /* line 191, ../sass/flexnav.scss */
  .flexnav li ul li a {
    border:none;
  }
   .flexnav li ul li a:hover {
    border-bottom:none;
	background:#e0e0e0 url(../images/subrowlst_hover.png) 15px 13px no-repeat;
	color:#013A8D;
  }
   .flexnav li ul li a:hover:before {
    display:none;
  }
  /* line 194, ../sass/flexnav.scss */
  .flexnav li ul.open {
    display: block;
    opacity: 1;
    visibility: visible;
    z-index: 1;
  }
  /* line 200, ../sass/flexnav.scss */
  .flexnav li ul.open li {
    overflow: visible;
    max-height: 100px;
  }
  /* line 204, ../sass/flexnav.scss */
  .flexnav li ul.open ul.open {
    margin-left: 100%;
    top: 0;
  }

  /* line 210, ../sass/flexnav.scss */
  .menu-button {
    display: none;
  }
}
/* line 216, ../sass/flexnav.scss */
.oldie body.one-page {
  padding-top: 70px;
}
/* line 219, ../sass/flexnav.scss */
.oldie .flexnav {
  overflow: visible;
}
/* line 222, ../sass/flexnav.scss */
.oldie .flexnav.one-page {
  top: 0;
  right: auto;
  max-width: 1080px;
}
/* line 227, ../sass/flexnav.scss */
.oldie .flexnav li {
  position: relative;
  list-style: none;
  float: left;
  display: block;
  background-color: #6D6E71;
  width: 20%;
  min-height: 50px;
}
/* line 236, ../sass/flexnav.scss */
.oldie .flexnav li:hover > ul {
  visibility: visible;
  opacity: 1;
  height: auto;
  display: block;
  position: absolute;
}
/* line 243, ../sass/flexnav.scss */
.oldie .flexnav li:hover > ul li {
  width: 100%;
  float: none;
}
/* line 248, ../sass/flexnav.scss */
.oldie .flexnav li a {
  border-left: 1px solid #acaca1;
  border-bottom: none;
}
/* line 252, ../sass/flexnav.scss */
.oldie .flexnav li > ul {
  position: absolute;
  top: auto;
  left: 0;
  opacity: 0;
  visibility: hidden;
  height: 1px;
  z-index: 1;
}
/* line 261, ../sass/flexnav.scss */
.oldie .flexnav li ul li ul {
  top: 0;
}
/* line 264, ../sass/flexnav.scss */
.oldie .flexnav li ul li a {
  border-bottom: none;
}
/* line 267, ../sass/flexnav.scss */
.oldie .flexnav li ul.open {
  display: block;
  opacity: 1;
  visibility: visible;
  height: auto;
}
/* line 273, ../sass/flexnav.scss */
.oldie .flexnav li ul.open ul.open {
  margin-left: 100%;
  top: 0;
}
/* line 278, ../sass/flexnav.scss */
.oldie .flexnav ul li:hover ul {
  margin-left: 100%;
  top: 0;
}
/* line 283, ../sass/flexnav.scss */
.oldie .menu-button {
  display: none;
}
/* line 286, ../sass/flexnav.scss */
.oldie.ie7 .flexnav li {
  width: 19.9%;
}