/* demo page styles */
/*body {
    background:#eee;
    margin:0;
    padding:0;
}*/

.example {
  width: 100%;
  height: auto;
}

/* main menu styles */
#nav {
  width: 100%;
  padding: 0;
}
#nav li {
  margin: 0% 0% 0% 0%;
  float: right;
  position: relative;
  list-style: none;
  font-family: "Oswald", sans-serif;
  font-size: 90%;
  display: block;
}
#nav a {
  font-weight: normal;
  color: #b4b3b3;
  text-decoration: none;
  display: block;
  padding: 0.5em 1em;
  font-family: "Oswald", sans-serif;
  z-index: 50000;
  font-weight: bold;
}

/* selected menu element */
#nav .current a,
#nav li:hover > a {
  background: #ed1c24;
  color: #fff;
}

/* sublevels */
#nav ul li:hover a {
  background: none;
  border: none;
  color: #000;
  z-index: 9999;
}
#nav ul li a:hover {
  background: #ed1c24;
  color: #fff;
  z-index: 9999;

  /*border-radius:10px; some css3
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    text-shadow:0 2px 2px rgba(0,0,0, 0.7);*/
}

/*#nav ul li:first-child > a {
    -moz-border-radius-topleft:10px; 
    -moz-border-radius-topright:10px;
    -webkit-border-top-left-radius:10px;
    -webkit-border-top-right-radius:10px;
}
#nav ul li:last-child > a {
    -moz-border-radius-bottomleft:10px;
    -moz-border-radius-bottomright:10px;
    -webkit-border-bottom-left-radius:10px;
    -webkit-border-bottom-right-radius:10px;
}

*/ /* drop down */
#nav li:hover > ul {
  opacity: 1;
  visibility: visible;
  z-index: 5000;
}
#nav ul {
  opacity: 0;
  visibility: hidden;
  padding: 0;
  width: 100%;
  position: absolute;

  /* border-radius:10px; some css3
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    box-shadow:0 2px 2px rgba(0,0,0, .5);
    -moz-box-shadow:0 2px 2px rgba(0,0,0, .5);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .5);

    -moz-transition:opacity .25s linear, visibility .1s linear .1s;
    -webkit-transition:opacity .25s linear, visibility .1s linear .1s;
    -o-transition:opacity .25s linear, visibility .1s linear .1s;
    transition:opacity .25s linear, visibility .1s linear .1s;*/
}
/*#nav ul li {
    float:none;
    margin:0;
}
#nav ul a {
    font-weight:normal;
    text-shadow:0 2px 2px rgba(255,255,255, 0.7);
}*/
#nav ul ul {
  width: auto;
  background: #090909;
}

#nav li li {
  left: 0%;
  width: 17em;
  top: 0;
  background: #090909;
  color: #fff;
  margin: 0;
  border-bottom: 1px solid #404040;
  color: #fff;
}
#nav li li a {
  color: #fff;
  font-weight: normal;
}

#nav li:hover li a {
}
@media (min-width: 992px) and (max-width: 1199px) {
  .example {
    width: 100%;
    height: auto;
  }

  /* main menu styles */
  #nav {
    width: 100%;
    padding: 0;
  }
  #nav li {
    margin: 0% 0% 0% 0%;
    float: right;
    position: relative;
    list-style: none;
    font-family: "Oswald", sans-serif;
    /* font-size: 90%; */
    font-size: 80%;
    display: block;
  }
  #nav a {
    font-weight: normal;
    color: #a4a2a2;
    text-decoration: none;
    display: block;
    padding: 0.5em 0.74em;
    font-family: "Oswald", sans-serif;
  }

  /* selected menu element */
  #nav .current a,
  #nav li:hover > a {
    background: #ed1c24;
    color: #fff;
  }

  /* sublevels */
  #nav ul li:hover a {
    background: none;
    border: none;
    color: #000;
  }
  #nav ul li a:hover {
    background: #ed1c24;
    color: #fff;

    /*border-radius:10px; some css3
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    text-shadow:0 2px 2px rgba(0,0,0, 0.7);*/
  }

  /*#nav ul li:first-child > a {
    -moz-border-radius-topleft:10px; 
    -moz-border-radius-topright:10px;
    -webkit-border-top-left-radius:10px;
    -webkit-border-top-right-radius:10px;
}
#nav ul li:last-child > a {
    -moz-border-radius-bottomleft:10px;
    -moz-border-radius-bottomright:10px;
    -webkit-border-bottom-left-radius:10px;
    -webkit-border-bottom-right-radius:10px;
}

*/ /* drop down */
  #nav li:hover > ul {
    opacity: 1;
    visibility: visible;
    z-index: 5000;
  }
  #nav ul {
    opacity: 0;
    visibility: hidden;
    padding: 0;
    width: 100%;
    position: absolute;

    /* border-radius:10px; some css3
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    box-shadow:0 2px 2px rgba(0,0,0, .5);
    -moz-box-shadow:0 2px 2px rgba(0,0,0, .5);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .5);

    -moz-transition:opacity .25s linear, visibility .1s linear .1s;
    -webkit-transition:opacity .25s linear, visibility .1s linear .1s;
    -o-transition:opacity .25s linear, visibility .1s linear .1s;
    transition:opacity .25s linear, visibility .1s linear .1s;*/
  }
  /*#nav ul li {
    float:none;
    margin:0;
}
#nav ul a {
    font-weight:normal;
    text-shadow:0 2px 2px rgba(255,255,255, 0.7);
}*/
  #nav ul ul {
    width: auto;
    background: #090909;
  }

  #nav li li {
    left: 0%;
    width: 17em;
    top: 0;
    background: #090909;
    color: #fff;
    margin: 0;
    border-bottom: 1px solid #404040;
    color: #fff;
  }
  #nav li li a {
    color: #fff;
    font-weight: normal;
  }

  #nav li:hover li a {
  }
}

@media (min-width: 1200px) {
  .example {
    width: 100%;
    height: auto;
  }

  /* main menu styles */
  #nav {
    width: 100%;
    padding: 0;
  }
  #nav li {
    margin: 0% 0% 0% 0%;
    float: right;
    position: relative;
    list-style: none;
    font-family: "Oswald", sans-serif;
    font-size: 90%;
    display: block;
  }
  #nav a {
    font-weight: normal;
    color: #a4a2a2;
    text-decoration: none;
    display: block;
    padding: 0.4em 1em;
    font-family: "Oswald", sans-serif;
    font-weight: bold;
  }

  /* selected menu element */
  #nav .current a,
  #nav li:hover > a {
    background: #ed1c24;
    color: #fff;
  }

  /* sublevels */
  #nav ul li:hover a {
    background: none;
    border: none;
    color: #000;
  }
  #nav ul li a:hover {
    background: #ed1c24;
    color: #fff;

    /*border-radius:10px; some css3
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    text-shadow:0 2px 2px rgba(0,0,0, 0.7);*/
  }

  /*#nav ul li:first-child > a {
    -moz-border-radius-topleft:10px; 
    -moz-border-radius-topright:10px;
    -webkit-border-top-left-radius:10px;
    -webkit-border-top-right-radius:10px;
}
#nav ul li:last-child > a {
    -moz-border-radius-bottomleft:10px;
    -moz-border-radius-bottomright:10px;
    -webkit-border-bottom-left-radius:10px;
    -webkit-border-bottom-right-radius:10px;
}

*/ /* drop down */
  #nav li:hover > ul {
    opacity: 1;
    visibility: visible;
    z-index: 5000;
  }
  #nav ul {
    opacity: 0;
    visibility: hidden;
    padding: 0;
    width: 100%;
    position: absolute;

    /* border-radius:10px; some css3
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    box-shadow:0 2px 2px rgba(0,0,0, .5);
    -moz-box-shadow:0 2px 2px rgba(0,0,0, .5);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .5);

    -moz-transition:opacity .25s linear, visibility .1s linear .1s;
    -webkit-transition:opacity .25s linear, visibility .1s linear .1s;
    -o-transition:opacity .25s linear, visibility .1s linear .1s;
    transition:opacity .25s linear, visibility .1s linear .1s;*/
  }
  /*#nav ul li {
    float:none;
    margin:0;
}
#nav ul a {
    font-weight:normal;
    text-shadow:0 2px 2px rgba(255,255,255, 0.7);
}*/
  #nav ul ul {
    width: auto;
    background: #090909;
  }

  #nav li li {
    left: 0%;
    width: 17em;
    top: 0;
    background: #090909;
    color: #fff;
    margin: 0;
    border-bottom: 1px solid #404040;
    color: #fff;
  }
  #nav li li a {
    color: #fff;
    font-weight: normal;
  }

  #nav li:hover li a {
  }
}