@charset "utf-8";
/* CSS Document */

header nav
{
	float:right;
	margin-top:2em;
}
header nav p
{
	display:block;
	width:100%;
	margin-bottom:1.5em;
	margin-top:-0.5em;
	font-size:0.9em;
	text-align:right;
	float:right;
}
header nav p em
{
	margin-right:1.5em;
}
nav a {
  color: #222;
  text-decoration:none;
}

nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: none;
}

nav li,
nav .nav-toggle {
  text-align: center;
  position: relative;
  display: inline-block;
  cursor: pointer;
  width: 100%;
}
.nav-toggle a
{
	display:none;
}
#active-nav
{
	color:#222;
	border-bottom:solid 3px #222;
}
#active-nav a
{
	color:#222;
}
#active-nav-sub
{
	color:#fff;
	border-bottom:none;
}
#active-nav-sub a
{
	color:#fff;
}

nav .dropdown.open,
.desktop nav li:hover
{ 
	border-bottom:solid 3px #222;
}

nav .dropdown.open > a:after,
.desktop nav li:hover > a:after {
  -webkit-transform: scaleY(-1);
  -ms-transform: scaleY(-1);
  transform: scaleY(-1);
}

nav .dropdown ul {
  position: relative;
  z-index:100;
  display: none;
}

nav a {
  display: block;
  padding: 0.5em 1em;
}

.desktop nav { width: auto; }

.desktop nav li {
  	width:auto;
	margin:0 0.5em;
	color:#222;
	text-align:left;
	font-size:0.9em;
	float:left;
}
.desktop nav li a
{
	color:#222;
}
.desktop nav li a:hover
{
	color:#222;
}
.desktop nav ul li ul
{
	margin-top:0;
	background-color:#222;
	font-size:0.9em;
}
.desktop nav ul li ul li
{
	width:175px;
	border-top:solid 1px #333;
	color:#fff;
	padding:0.4em 0.5em;
	margin:0;
}
.desktop nav ul li ul li a
{
	color:#fff;
}
.desktop nav ul li ul li a:hover
{
	color:#fff;
}
nav .dropdown.open,
.desktop nav li li
{
	-webkit-transition-duration:0.3s;
	-moz-transition-duration:0.3s;
	-o-transition-duration:0.3s;
}
nav .dropdown.open,
.desktop nav li li:hover
{ 
	border-bottom:none;
	background-color:#333;
}
.desktop nav li:hover ul {
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  visibility: visible;
}

.desktop nav .dropdown ul {
  
  position: absolute;
  display: block !important;
  visibility: hidden;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
}

.desktop nav .nav-toggle { display: none; }

.desktop nav li:last-child
{
	margin-right:0;
}

@media only screen and (min-width:1600px)
{
	.desktop nav ul li ul li
	{
		width:160px;
	}
}

@media only screen and (max-width:900px)
{
	nav a {
  		padding: 0.5em 0.6em;
	}
	.desktop nav li {
		margin:0 0.35em;
	}
}
@media only screen and (max-width:800px)
{
	header nav
	{
		position:fixed;
		top:0;
		left:0;
		float:none;
		width:100%;
		margin-top:0;
		z-index:999;
		border-bottom:solid 1px #b7302c;
		background-color:#ca3531;
	}
	.nav-toggle
	{
		text-align:left;
	}
	.nav-toggle a
	{
		display:block;
		position:relative;
		text-align:left;
		padding:0.9em 5%;
	}
	.nav-toggle img
	{
		float:right;
	}
	nav .dropdown.open,
	.desktop nav li li:hover
	{ 
		background-color:#b7302c;
	}
	nav
	{
		border-bottom:none;
	}
	nav ul
	{
		background-color:#fff;
	}
	nav li
	{
		border-bottom:solid 1px #ddd;
		color:#ca3531;
		-webkit-transition-duration:0.3s;
		-moz-transition-duration:0.3s;
		-o-transition-duration:0.3s;
	}
	nav li:hover
	{
		background-color:#f5f5f5;
	}
	nav li a
	{
		color:#ca3531;
		border-bottom:solid 1px #ddd;
	}
	nav a
	{
		color:#fff;
		padding:0.7em 0;
	}
	nav ul .dropdown.open,
	.desktop nav li li:hover
	{
		background-color:#f5f5f5;
	}
	nav ul .dropdown ul {
  		position: relative;
  		z-index:100;
  		display: none;
		background-color:#f5f5f5;
		font-size:0.9em;
	}
	.desktop nav li a:hover
	{
		background-color:#f5f5f5;
	}
	#active-nav
	{
		color:#ca3531;
		border-bottom:solid 1px #ddd;
	}
	#active-nav a
	{
		color:#ca3531;
	}
	nav li li a
	{
		color:#333;
		border-bottom:solid 1px #ddd;
	}
	.menu-icon
	{
		position:relative;
		margin-top:-2em;
		margin-right:5%;
	}
	header nav p
	{
		display:none;
	}
}

@media only screen and (max-width:580px)
{
	header nav
	{
		border-bottom:none;
	}
}

@media only screen and (max-width:375px)
{
	nav a
	{
		color:#fff;
		padding:0.7em 0;
	}
}