/*.button-nav-toggle {
	font-size: 1.3em;
	float: right;
	border: 0;
	background: 0 0;
	color: #000;
	outline: 0;
	cursor: pointer
}
*/
.dismiss-nav-toggle{
	position: absolute;
	right: 10px;
	top: 10px;
}
.nav-mobile {
	transition: right .25s ease-in-out;
	background: #f1f2f3;
	position: fixed;
	overflow-x: hidden;
	width: 280px;
	right: -280px;
	top: 0;
	bottom: 0;
	z-index: 9999;
}

.nav-mobile .nav-container {
	transition: left .25s ease-in-out;
	position: relative;
	left: 0
}

.nav-mobile .nav-container.show-sub { left: -280px }

.nav-mobile .nav-container ul {
	margin: 0;
	/*padding: 0 20px*/
	background-color: #fff;	
}

.nav-mobile .nav-container ul.sub-level li a {
	padding: 12px 20px;
    border-top: 1px solid #ebebeb;
}

.nav-mobile .nav-container ul li {
  list-style: none;
  border-bottom: 1px solid #d5d7da
}

.nav-mobile .nav-container ul li a {
	text-decoration: none;
	display: block;
	padding: 20px;
	color: #333;
	font-size: 14px;
	position: relative;
	text-transform: uppercase;
	font-weight: 500;
}

.nav-mobile .nav-container ul li a:hover {
	color: #4d5152;
}

.nav-mobile .nav-container ul li a.highlight {
	color: #d60004 !important;
}

.nav-mobile .nav-container ul li ul {
	display: none;
	width: 280px;
	position: absolute;
	right: -280px;
	top: 0
}

.nav-mobile .nav-container ul li ul li { border: 0 }

.nav-mobile .nav-container ul li ul.sub-level{
	background-color: #f5f5f5;
}

.nav-mobile .nav-container ul li ul li.nav-label {
	border-top: 1px solid #d5d7da;
	padding: 20px;
	background-color: #fff;
	text-transform: uppercase;
}

.nav-mobile .nav-container ul li ul li a {
	padding: 7px 0 15px;
	font-size: 14px
}

.nav-mobile .nav-container ul li ul li a.back {
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 20px 20px 20px 45px;
	/*background: url(/assets/image/arrow-left.png) left center no-repeat*/
}

.nav-mobile .nav-container ul li ul li a.back:before {
	content: url(/assets/image/arrow-left.png);
    height: auto;
    position: absolute;
    left: 20px;
    top: 22px;
}

/*.nav-mobile .nav-container ul li.has-sub-nav a { background: url(/assets/image/arrow-right.png) right center no-repeat }*/

.nav-mobile .nav-container ul li.has-sub-nav > a:after {
	content: url(/assets/image/arrow-right.png);
	height: auto;
	position: absolute;
	right: 20px;
	top:22px;
}

.nav-mobile .nav-container ul li.has-sub-nav ul a { background: 0 0 }

.nav-mobile .nav-container ul li.active ul { display: block }

.open .nav-mobile { right: 0 }

.nav-primary-mobile{
	padding: 20px 10px 0px 10px;
	border-bottom: 1px solid #e6e6e6;
}
.nav-primary-mobile a{
	padding-right: .5rem;
	padding-left: .5rem;
	font-weight: 500;
	color: #000 !important;
	font-size: 16px;
}
.nav-primary-mobile > a.active {
    font-weight: 700;
}
.nav-primary-mobile > a.active > span, .nav-primary-mobile > a:hover > span {
    border-bottom: 2px solid #000 !important;
    color: #000;
}
.nav-mobile .fa-2x {
    font-size: 1.5em !important;	
}

/*------------------------------- nav mobile filter --------------------------------------------*/
.dismiss-nav-toggle-filter{
	position: absolute;
	right: 10px;
	top: 10px;
}
.nav-mobile-filter {
	transition: left .25s ease-in-out;
	background: #fff;
	position: fixed;
	overflow-x: hidden;
	width: 280px;
	left: -280px;
	top: 0;
	bottom: 0;
	z-index: 9999;
}

.nav-mobile-filter .nav-container {
	transition: right .25s ease-in-out;
	position: relative;
	left: 0
}
.nav-mobile-filter .nav-container.show-sub { right: -280px }

/*
.nav-mobile-filter .nav-container ul {
	margin: 0;
	padding: inherit;
	background-color: #fff;	
}
.nav-mobile-filter .nav-container ul.sub-level li a {
	padding: 12px 20px;
    border-top: 1px solid #ebebeb;
}
.nav-mobile-filter .nav-container ul li {
  list-style: none;
  border-bottom: 1px solid #d5d7da
}
.nav-mobile-filter .nav-container ul li a {
	text-decoration: none;
	display: block;
	padding: 20px;
	color: #333;
	font-size: 14px;
	position: relative;
	text-transform: uppercase;
	font-weight: 500;
}
.nav-mobile-filter .nav-container ul li a:hover {
	color: #4d5152;
}
.nav-mobile-filter .nav-container ul li a.highlight {
	color: #d60004 !important;
}
.nav-mobile-filter .nav-container ul li ul {
	display: none;
	width: 280px;
	position: absolute;
	left: -280px;
	top: 0
}
.nav-mobile-filter .nav-container ul li ul li { border: 0 }
.nav-mobile-filter .nav-container ul li ul.sub-level{
	background-color: #f5f5f5;
}
.nav-mobile-filter .nav-container ul li ul li.nav-label {
	border-top: 1px solid #d5d7da;
	padding: 20px;
	background-color: #fff;
	text-transform: uppercase;
}
.nav-mobile-filter .nav-container ul li ul li a {
	padding: 7px 0 15px;
	font-size: 14px
}
.nav-mobile-filter .nav-container ul li ul li a.back {
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 20px 20px 20px 45px;
}
.nav-mobile-filter .nav-container ul li ul li a.back:before {
	content: url(/assets/image/arrow-left.png);
    height: auto;
    position: absolute;
    left: 20px;
    top: 22px;
}
.nav-mobile-filter .nav-container ul li.has-sub-nav > a:after {
	content: url(/assets/image/arrow-right.png);
	height: auto;
	position: absolute;
	right: 20px;
	top:22px;
}
.nav-mobile-filter .nav-container ul li.has-sub-nav ul a { background: 0 0 }
.nav-mobile-filter .nav-container ul li.active ul { display: block }
*/
.open .nav-mobile-filter { left: 0 }

.nav-primary-mobile-filter{
	padding: 20px 10px 0px 10px;
	border-bottom: 1px solid #e6e6e6;
}
.nav-primary-mobile-filter a{
	padding-right: .5rem;
	padding-left: .5rem;
	font-weight: 500;
	color: #000 !important;
	font-size: 16px;
}
.nav-primary-mobile-filter > a.active {
    font-weight: 700;
}
.nav-primary-mobile-filter > a.active > span, .nav-primary-mobile-filter > a:hover > span {
    border-bottom: 2px solid #000 !important;
    color: #000;
}
.nav-mobile-filter .fa-2x {
    font-size: 1.5em !important;	
}