/* ------------------------------------------
  DEMO PAGE'S STYLES
--------------------------------------------- */
body, div,
blockquote, pre, dl, dt, dd, ol, ul, li, hr,
fieldset, form, label, legend, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section,
summary, hgroup {
  margin: 0;
  padding: 0;
  border: 0;
}

a:active,
a:hover {
  outline: 0;
}

@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }



.nav-collapse,
.nav-collapse * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.nav-collapse,
.nav-collapse ul {
  list-style: none;
  width: 100%;
  float: left;
}


.nav-collapse li {
  float: left;
}

@media screen and (min-width: 45em) {
.nav-collapse  {
	position:absolute;
	float: right;right:0;
}
.nav-collapse li a:hover {
  background-color: transparent;
}

}

.nav-collapse a {
  color: #fff;
  text-decoration: none;
  width: 100%;
  border-bottom: 1px solid rgba(250, 250, 250, .3);
  padding: 0.7em 1em;
  float: left; right:0;
}

.nav-collapse li a:hover {
  background-color: rgba(250, 250, 250, .3);
}

@media screen and (min-width: 45em) {
  .nav-collapse a {
    margin: 0;
    padding: 1em;
    float: left;
    text-align: center;
    border-bottom: 0;
  }
  
.nav-collapse li a:hover {
  background-color: transparent;
} 
  
}

.nav-collapse ul ul a {
  background: #ca3716;
  padding-left: 2em;
}

@media screen and (min-width: 45em) {
  .nav-collapse ul ul a {
    display: none;
  }
}

.nav-toggle {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 70px;
  height: 55px;
  float: right;
  text-indent: -9999px;
  overflow: hidden;
  background:  url("../img/nav.png") no-repeat 100% 10%;
}