a.nav-expander {
	background: none repeat scroll 0 0 #000000;
	color: #FFFFFF;
	display: block;
	font-size: 15px;
	font-weight: 400;
	height: 50px;
	margin-right: 0;
	padding: 1em 1.6em 2em;
	position: absolute;
	left: 0;
	text-decoration: none;
	text-transform: uppercase;
	top: 0;
	transition: right 0.3s ease-in-out 0s;
	width: 130px;
	z-index: 12;

}
.o-grid__item{
    float: left;
}
a.nav-expander:hover {
	cursor: pointer;
}

a.nav-expander.fixed {
	position: fixed;
}

.nav-expanded a.nav-expander {
	left: 20em;
}

nav {
	background: #fafafa;
	display: block;
	height: 100%;
	overflow: auto;
	position: fixed;
	left: -20em;
	font-size: 15px;
	top: 0;
	width: 25em;
	z-index: 2000;
	border-right: 1px solid #999;


}
.nav-expanded nav {
	left: 0;
}

body.nav-expanded {
	margin-left: 0em;
	transition: right 0.4s ease-in-out 0s;
	-webkit-transition: right 0.4s ease-in-out 0s;
	-moz-transition: right 0.4s ease-in-out 0s;
	-o-transition: right 0.4s ease-in-out 0s;
}

#nav-close {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 300;
	font-size: 24px;
	padding-right: 10px;
}

/*.main-menu {
  padding-top: 12px;
  }*/

  .main-menu li {
  	margin-left: 20px;
  	font-size: 14px;
  	font-weight: 500;
  }

  .main-menu li a {
  	color: #101010;
  	display: block;
  	padding: 12px;
  	text-decoration: none;
  }

  .main-menu li a:hover {
  	color: #da0f31;
  	text-decoration: none;
  }

  .main-menu li a#nav-expander:hover {
  	color: #000!important;
  	text-decoration: none;
  }


  .main-menu li .sub-nav {
  	border-bottom: 0px;
  	padding: 4px;
  }

  .main-menu a .caret {
  	width: 0;
  	height: 0;
  	display: inline-block;
  	vertical-align: top;
  	content: "";
  	margin-top: 8px;
  }

  .main-menu a:hover .caret {
  	border-top-color: #4f5963;
  }

  .main-menu li.open > a > .caret {
  	border-top: none;
  	border-bottom: 4px solid #4f5963;
  	border-right: 4px solid transparent;
  	border-left: 4px solid transparent;
  }

  .main-menu li.open > a:hover > .caret {
  	border-bottom-color: #4f5963;
  }

  .icon:before {
  	font-family: 'FontAwesome';
  	font-style: normal;
  	font-variant: normal;
  	font-weight: normal;
  	line-height: 1;
  	text-transform: none;
  	content: '\f105';
  }

  .main-menu li > a > span.icon {
  	float: right;
  	margin: 0.1em 1.7em -0.1em 0;
  	opacity: 0;
  	-webkit-transition: all 0.2s ease-in-out;
  	-moz-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;

  }

  .main-menu li > a:hover > span.icon {
  	float: right;
  	margin: 0.1em 0.8em -0.1em 0;
  	opacity: 1;
  }

  a#nav-expander {
  	color: #101010;
  }





  /* Custom, iPhone Retina */ 
  @media only screen and (min-width : 100px) {

  	nav {
        z-index: 9999;
  		background: none;
  		display: block;
  		height: 100%;
  		overflow: auto;
  		position: fixed;
  		left: -60em;
  		font-size: 15px;
  		top: 0px;
  		width: 100%;
  		border-right: none;

  		transition: left 0.3s ease-in-out 0s;
	-webkit-transition: left 0.3s ease-in-out 0s;
	-moz-transition: left 0.3s ease-in-out 0s;
	-o-transition: left 0.3s ease-in-out 0s;
  	}

  	.menuPad, .navbar  {
	padding-left:0;
	margin-top: 60px;
	}

	.menuText {
		display: none;
	}

	.navbar-brand {
		position: absolute;
		left:0;
	}

	#nav-expander {
		width: 100%;
		position: fixed;
		left:0px;
		top: 0px;
		padding:5px;
		background-color: #101010;
        z-index:99999;
	}

	.main-menu {
		margin-top: 70px;
		background: #fff;
		width: 100%
	}


  }



  /* Extra Small Devices, Phones */ 
  @media only screen and (min-width : 480px) {

  	nav {
  		background: none;
  		display: block;
  		height: 100%;
  		overflow: auto;
  		position: fixed;
  		left: -60em;
  		font-size: 15px;
  		top: 0px;
  		width: 100%;
  		border-right: none;
        z-index: 9999;

  		transition: left 0.3s ease-in-out 0s;
	-webkit-transition: left 0.3s ease-in-out 0s;
	-moz-transition: left 0.3s ease-in-out 0s;
	-o-transition: left 0.3s ease-in-out 0s;
  	}
	#nav-expander {
		width: 100%;
		position: fixed;
		left:0px;
		top: 0px;
		padding:5px;
		background-color: #000000;
        z-index:99999;
	}

	.menuText {
		display: none;
	}

	.navbar-brand {
		position: absolute;
		left:0;
	}


  }

  /* Small Devices, Tablets */
  @media only screen and (min-width : 768px) {

  	nav {
  		background: #fafafa;
  		display: block;
  		height: 100%;
  		overflow: auto;
  		position: fixed;
  		left: -20em;
  		font-size: 15px;
  		top: 0;
  		width: 25em;
  		border-right: 1px solid #999;
  		padding: 11px 11px 0 0;
        z-index: 9999;
  	}

  	.navbar {
  		padding-left:4.71em;
  		margin-top: 0;
  	}

  	.menuPad {
	padding-left:4.71em;
	margin-top: 0;
	}

	.menuText {
		display: block;
	}

	.navbar-brand {
		position: relative;
	}

	#nav-expander {
		background: none;
		position: absolute;
		text-align: right;
		padding: 10px 12px 0 0;
         z-index:99999;
	}

	.main-menu {
		background: none;
		width: 80%;
	}



  }

  /* Medium Devices, Desktops */
  @media only screen and (min-width : 992px) {


  }

  /* Large Devices, Wide Screens */
  @media only screen and (min-width : 1200px) {


  }

  /* Extra Large Devices, Wide Screens */
  @media only screen and (min-width : 1366px) {


  }