/*
	Mobile Menu Core Style
*/

.slicknav_btn { position: relative; display: inline-block; float: right; margin: 0 auto; vertical-align: middle; padding: 0.4em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.26em 0 0 0.35em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: .8em; height: 0.15em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.18em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { position: relative; font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { cursor: pointer; }
.slicknav_nav .slicknav_row { display: block; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a { display: inline }
.slicknav_menu: before,
.slicknav_menu: after { content: " "; display: table; }
.slicknav_menu: after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

/* 
	User Default Style
	Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu {
	z-index: 0;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	font-size: 1.2em;
	text-align: center;
}

/* Button */
.slicknav_btn {
	font-family: Veneer, Impact, Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	text-decoration: none;
	text-transform: uppercase;
}

/* Button Text */
.slicknav_menu  .slicknav_menutxt {
	color: #dfc484;
	font-weight: bold;
	font-size: 1.2em;
}

/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  background-color: #dfc484;
}


.slicknav_nav {
	color: #000;
	margin: 0;
	padding-top: 10px;
	color: #dfc484;
	font-size: 0.825em;
	text-align: left;
	background: #000;
	border-bottom: 1px solid #333;
}

.slicknav_nav, .slicknav_nav ul {
	list-style: none;
	overflow: hidden;
}
.slicknav_nav ul {
	padding: 0;
	margin: 0 20px;
}
.slicknav_nav .slicknav_row {
	padding: .8em 25px;
}
.sub-menu .slicknav_parent .slicknav_row {
	padding: .2em 1em;
	}

.slicknav_nav .menu-item {
	margin: 0;
	border-top: 1px solid #333;
}
.slicknav_nav li:first-of-type, .slicknav_nav .menu-item li {
	border-top: 0 !important;
}
.slicknav_nav .slicknav_parent ul {
	padding-bottom: .6em;
	}
.sub-menu .slicknav_parent .sub-menu {
	padding-bottom: .2em;
	}

.slicknav_nav a {
	padding: .8em 25px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
}

.slicknav_nav li li a {
	padding: .2em 1em;
	font-weight: normal;
	text-transform: none;
}
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
	padding: 0;
	margin: 0;
}
.slicknav_nav .slicknav_row:hover, .slicknav_nav a:hover, .slicknav_nav li:hover a, .slicknav_nav li:hover li a:hover {
	color: #e21a23;
}
.slicknav_nav li:hover li a {
	color: #fff;
}

.slicknav_nav .slicknav_txtnode {
	margin-left: 15px;   
}



/* 1020px */
@media screen and (max-width: 63.75em) {
.slicknav_menu {
	z-index: 100;
	top: 50px;
	}
}

/* 620px */
@media screen and (max-width: 38.75em) {
.slicknav_menu {
	top: 40px;
	}
.slicknav_btn {
	right: 10px;
	}
}

/* iPhone Landscape */
@media only screen and (min-device-width: 20.0625em) and (max-device-width: 46em) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-width: 20.0625em) and (max-device-width: 46em) and (orientation: landscape) {
.slicknav_menu {
	top: 22px;
	}
.slicknav_btn {
	top: -2px;
	right: 20px;
	}
}

/* iPhone Portrait */
@media only screen and (min-device-width: 23.4375em) and (max-device-width: 46em) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2),
only screen and (max-width: 23.4375em) {
.slicknav_menu {
	top: 48px;
	right: 0;
	left: auto;
	}
.slicknav_btn {
	right: 6px;
	font-size: .9em;
	}
}

/* iPhone 4 & 5s Portrait */
@media only screen and (max-device-width: 20em) and (orientation: portrait),
only screen and (max-width: 20em) {
.slicknav_menu {
	top: 60px;
	right: 0;
	left: auto;
	}
}