/* Flexnav Base Styles */

/* line 17, ../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;

  padding: 0;

  border: 0;

  font: inherit;

  font-size: 100%;
}

/* line 22, ../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */

html {
  line-height: 1;
}

/* line 24, ../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */

ol,
ul {
  list-style: none;
}

/* line 26, ../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */

table {
  border-collapse: collapse;

  border-spacing: 0;
}

/* line 28, ../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */

caption,
th,
td {
  text-align: left;

  font-weight: normal;

  vertical-align: middle;
}

/* line 30, ../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */

q,
blockquote {
  quotes: none;
}

/* line 103, ../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */

q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";

  content: none;
}

/* line 32, ../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */

a img {
  border: none;
}

/* line 116, ../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
  display: block;
}

/* Globals */

/* line 25, ../sass/flexnav.scss */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  font: inherit;
}

/* line 29, ../sass/flexnav.scss */

.flexnav {
  *zoom: 1;

  margin: 0 auto;

  width: 100%;

  // background: url(../images/menuback.html) repeat scroll top center;
}

/* 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 34, ../sass/flexnav.scss */

.flexnav li {
  font-size: 100%;

  position: relative;
}

/* line 38, ../sass/flexnav.scss */

.flexnav li a {
  position: relative;

  display: block;

  z-index: 2;

  overflow: hidden;

  color: #ffffff;

  height: 57px;

  line-height: 57px;

  font-size: 15px;

  font-family: Perpetua;

  text-transform: uppercase;
}

.flexnav li a:hover {
  color: #008aff;

  text-decoration: none;

  transition: color 1s;

  -moz-transition: color 1s; /* Firefox 4 */

  -webkit-transition: color 1s; /* Safari and Chrome */

  -o-transition: color 1s; /* Opera */
}

.flexnav li li a {
  padding: 0px 12px !important;
}

.flexnav li a .flexnav li li.first li.first a,
.flexnav li li.first a {
  border: 0 none;
}

.flexnav li li.first li a {
  border-top: 1px solid #4f4f4f;
}

/* line 48, ../sass/flexnav.scss */

.flexnav li ul {
  width: 100%;

  display: none;

  background: #37c6e8;
}

/* line 52, ../sass/flexnav.scss */

.mainmenu_whole .flexnav li ul li {
  float: none;

  width: 100%;
}

/* line 56, ../sass/flexnav.scss */

.flexnav li ul li a {
  display: block;

  border-top: 1px solid #4f4f4f;
}

/* line 60, ../sass/flexnav.scss */

.flexnav ul li ul li a {
}

/* line 63, ../sass/flexnav.scss */

.flexnav ul li ul li ul li a {
}

/* line 66, ../sass/flexnav.scss */

.flexnav .touch-button {
  position: absolute;

  z-index: 999;

  top: 0;

  right: 0;

  width: 40px;

  height: 57px;

  display: inline-block;

  background: #acaca1;

  background: rgba(0, 0, 0, 0.075);

  filter: alpha(opacity=25);

  text-align: center;
}

.flexnav.lg-screen li li .touch-button {
  height: 35px;
}

/* line 77, ../sass/flexnav.scss */

.flexnav .touch-button:hover {
  cursor: pointer;
}

.flexnav.lg-screen li li .touch-button .navicon {
  top: 1.2em;
}

/* line 80, ../sass/flexnav.scss */

.flexnav .touch-button .navicon {
  position: relative;

  top: 2em;

  font-size: 12px;

  color: #666;
}

/* line 88, ../sass/flexnav.scss */

.menu-button {
  position: relative;

  display: block;

  padding: 18px 0.96em;

  background: url(../images/menu.html) repeat scroll top center;

  color: #ffffff;

  cursor: pointer;

  font: 18px Perpetua;

  text-transform: uppercase;
}

/* line 97, ../sass/flexnav.scss */

.menu-button .touch-button {
  background: transparent;

  position: absolute;

  z-index: 999;

  top: 0;

  right: 0;

  width: 43px;

  height: 57px;

  display: inline-block;

  text-align: center;
}

/* line 108, ../sass/flexnav.scss */

.menu-button .touch-button .navicon {
  font-size: 16px;

  position: relative;

  top: 20px;

  color: #666;
}

@media all and (max-width: 830px) {
}

@media all and (min-width: 980px) {
  /* line 120, ../sass/flexnav.scss */

  .flexnav li {
    position: relative;

    list-style: none;

    float: left;

    display: block;

    width: 20%;
  }

  /* line 128, ../sass/flexnav.scss */

  .flexnav li:hover > ul {
    visibility: visible;

    opacity: 1;

    height: auto;

    display: block;

    top: 57px;

    position: absolute;
  }

  .menu-button {
    display: none;
  }

  /* line 137, ../sass/flexnav.scss */

  .flexnav.lg-screen li:hover > ul,
  .flexnav.sm-screen li:hover > ul {
    display: none;
  }

  /* line 140, ../sass/flexnav.scss */

  .flexnav li a {
    border: 0 none;

    font: 15px Perpetua;

    color: #fff;

    text-transform: uppercase;

    line-height: 57px;
  }

  .flexnav li li a {
    height: 35px;

    line-height: 35px;
  }

  /* line 144, ../sass/flexnav.scss */

  .flexnav li > ul {
    position: absolute;

    /*top: 67px !important;*/

    left: 0;

    opacity: 0;

    visibility: hidden;

    height: 1px;

    z-index: 999999;
  }

  /* line 153, ../sass/flexnav.scss */

  .flexnav li ul li ul {
    top: 0;
  }

  /* line 156, ../sass/flexnav.scss */

  .flexnav li ul li a {
    border-bottom: none;
  }

  /* line 159, ../sass/flexnav.scss */

  .flexnav li ul.open {
    display: block;

    opacity: 1;

    visibility: visible;

    height: auto;
  }

  /* line 165, ../sass/flexnav.scss */

  .flexnav li ul.open ul.open {
    margin-left: 100%;

    top: 0;
  }

  /* line 170, ../sass/flexnav.scss */

  .flexnav ul li:hover ul {
    margin-left: 100%;

    top: 0;
  }

  /* line 175, ../sass/flexnav.scss */
}

/* line 183, ../sass/flexnav.scss */

.oldie .flexnav li {
  position: relative;

  list-style: none;

  float: left;

  display: block;

  background-color: #a6a6a2;

  width: 20%;
}

/* line 191, ../sass/flexnav.scss */

.oldie .flexnav li:hover > ul {
  visibility: visible;

  opacity: 1;

  height: auto;

  display: block;

  top: 3.1em;

  position: absolute;
}

/* line 200, ../sass/flexnav.scss */

.oldie .flexnav.lg-screen li:hover > ul,
.oldie .flexnav.sm-screen li:hover > ul {
  display: none;
}

/* line 203, ../sass/flexnav.scss */

.oldie .flexnav li a {
  border-left: 1px solid #acaca1;

  border-bottom: none;
}

/* line 207, ../sass/flexnav.scss */

.oldie .flexnav li > ul {
  position: absolute;

  top: auto;

  left: 0;

  opacity: 0;

  visibility: hidden;

  height: 1px;

  z-index: 1;
}

/* line 216, ../sass/flexnav.scss */

.oldie .flexnav li ul li ul {
  top: 0;
}

/* line 219, ../sass/flexnav.scss */

.oldie .flexnav li ul li a {
  border-bottom: none;
}

/* line 222, ../sass/flexnav.scss */

.oldie .flexnav li ul.open {
  display: block;

  opacity: 1;

  visibility: visible;

  height: auto;
}

/* line 228, ../sass/flexnav.scss */

.oldie .flexnav li ul.open ul.open {
  margin-left: 100%;

  top: 0;
}

/* line 233, ../sass/flexnav.scss */

.oldie .flexnav ul li:hover ul {
  margin-left: 100%;

  top: 0;
}

/* line 238, ../sass/flexnav.scss */

.oldie .menu-button {
  display: none;
}