/*!
 * SlickNav Responsive Mobile Menu v1.0.10
 * (c) 2016 Josh Cope
 * licensed under MIT
 */

.slicknav_menu {display:none;}
#menu {display:none;}
.navigation_container {text-align:center; background:#f7941d;}
#nav {
    position:relative;
    display:flex;  
    z-index:9000;
    margin:0 auto 0 auto;
    padding:0 0 0 0;
    text-align:center;
    width: 1495px;
    max-width: 100%;
	justify-content: center;
}
  
#nav ul, #nav li {
    list-style: none;  
    margin:0 0 0 0;
    padding:0 0 0 0;  
}
  
#nav ul li {
    display: block;
    position: relative;
    float:left;
    text-align:center;
}
  
#nav li ul {
    display: none;
}
  
#nav ul li a { /* appearance of the first-level links */
    display: block;
    text-decoration: none;
    color: #fff;
    font-weight:normal;
    font-size:12px;
    line-height:24px;
    transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;
    padding:8px 16px;  
    height: 1%;
    text-transform: uppercase;
    border-right: 1px solid #ffb65d;
    border-left: 1px solid #98620d;
    text-align:center;
    font-family: 'open_sansbold';
}
 
#nav ul li a:hover { /* appearance of the first-level links on hover */
    height: 1%; 
    color:#fff;
    background: #555;
}

#nav > ul > li:hover > a, #nav > ul > li:focus > a,#nav ul li.active a{color:#fff;}
#nav > ul > li:hover,#nav ul li.active:hover,#nav ul li.active,#nav ul li.has-sub.active:hover{color: #fff;}
#nav > ul > li:focus,#nav ul li.active:focus,#nav ul li.active,#nav ul li.has-sub.active:focus{color: #fff;}
#nav > ul > li:first-child:hover,#nav ul li.active:hover,#nav ul li.active,#nav ul li.has-sub.active:hover{}
#nav > ul > li.has-sub:focus > a:before{top:23px;height:0}
#nav > ul > li.has-sub > a:after{position:absolute;top:19px;right:7px;width:8px;height:2px;display:block;background:#fff;content:''}
#nav > ul > li.has-sub > a:before{position:absolute;top:16px;right:10px;display:block;width:2px;height:8px;background:#fff;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#nav > ul > li.has-sub:hover > a:before{top:23px;height:0}
#nav ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#fff;content:''}
#nav ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#fff;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#nav ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#nav ul ul li.has-sub:hover,#nav ul li.has-sub ul li.has-sub ul li:hover{background:#15a4de;}
#nav ul ul ul li.active a{border-left:1px solid #333;}
#nav > ul > li.has-sub > ul > li.active > a,#nav > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333;}

  
#nav ul li li a { /* appearance of the sub-level links */
    width:250px;
    padding:8px 0 8px 15px;
    text-align:left;
    background:#333;
    font-size: 12px;
    border-bottom:1px #555 solid;
    border-right: 1px solid #555;
    border-left: 1px solid #555;    
}
#nav ul li li a:hover { /* appearance of the sub-level links on hover */
    color:#fff; 
    background:#555;     
}
  
/* Optional-use, Begin targeting styles of first and last links */
#nav ul li:last-child  { /* Optional-use, this targets last li */
    border-right: 1px solid #ffb65d;
}
#nav ul li:last-child a {
    border-right:0;
}
#nav ul li:first-child  { /* Optional-use, this targets first li */
}
  
/* Optional-use, cancells out border for subnav li containers*/
#nav ul li li:last-child  {
    border-left:0;
    border-right:0;
}
#nav ul li li:last-child a {
    border-right:0;
}
#nav ul li li:first-child  {
    border-left:0;
    border-right:0;
}
/* Optional-use, End targeting styles of first and last links */
  
  
  
/* Unless needing to do something extra or experimental, DON'T edit these positioning styles below! */
#nav ul ul {
    display: none;
    position: absolute; 
    top:100%;
    left:0;
}
  
#nav ul ul ul {
    position: absolute; 
    left: 100%;
    top:0; 
}
  
#nav ul li:hover > ul {  
    display: block;
    line-height:18px; /* make sure your line-height always matches that of your main link styles!*/
    z-index: 100;
    background:#4b0000; /* make sure your background color always matches your link styles!*/
}
  
#nav ul ul li {
    float: none; 
    position: relative;
}

/** MOBILE NAV**/
.slicknav_btn {
	position: relative;
	display: block;
	vertical-align: middle;
	float: right;
	padding: 0.438em 0.625em 0.438em 0.625em;
	line-height: 1.125em;
	cursor: pointer;
}

.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
	margin-top: 0.188em;
}

.slicknav_menu {
	*zoom: 1;
}

.slicknav_menu .slicknav_menutxt {
	display: block;
	line-height: 1.188em;
	float: left;
}

.slicknav_menu .slicknav_icon {
	float: left;
	width: 1.125em;
	height: 0.875em;
	margin: 0.188em 0 0 0.438em;
}

.slicknav_menu .slicknav_icon:before {
	background: transparent;
	width: 1.125em;
	height: 0.875em;
	display: block;
	content: "";
	position: absolute;
}

.slicknav_menu .slicknav_no-text {
	margin: 0;
}

.slicknav_menu .slicknav_icon-bar {
	display: block;
	width: 1.125em;
	height: 0.125em;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}

.slicknav_menu:before {content: " "; display: table;}
.slicknav_menu:after {content: " "; display: table; clear: both;}

.slicknav_nav {clear: both;}
.slicknav_nav ul {display: block;}
.slicknav_nav ul ul li{display: block; margin-left: 10px; background:#f7941d;}
.slicknav_nav li {display: block;}
.slicknav_nav .slicknav_arrow {font-size: 0.8em; margin: 0 0 0 0.4em;}
.slicknav_nav .slicknav_item {cursor: pointer;}
.slicknav_nav .slicknav_item a {display: inline;}
.slicknav_nav .slicknav_row {display: block;}
.slicknav_nav a {display: block;}
.slicknav_nav .slicknav_parent-link a {display: inline;}

.slicknav_brand {float: left;}
.slicknav_menu {font-size: 16px; box-sizing: border-box; background: #f7941d; padding: 5px;}
.slicknav_menu * {box-sizing: border-box;}
.slicknav_menu .slicknav_menutxt {color: #fff; font-weight: bold; text-shadow: 0 1px 3px #000;}
.slicknav_menu .slicknav_icon-bar {background-color: #fff;}

.slicknav_btn {
	margin: 5px 5px 6px;
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #555;
}

.slicknav_nav {
	color: #fff;
	margin: 0;
	padding: 0;
	font-size: 0.875em;
	font-family: 'open_sansbold';
	text-transform: uppercase;
	list-style: none;
	overflow: hidden;
}

.slicknav_nav ul {
	list-style: none;
	overflow: hidden;
	padding: 0;
	margin: 0 0 0 0;
}

.slicknav_nav .slicknav_row {
	padding: 5px 10px;
	margin: 0px 5px;
}

.slicknav_nav .slicknav_row:hover {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #f7941d;
	color: #fff;
}

.slicknav_nav a {
	padding: 5px 10px;
	margin: 0px 5px;
	text-decoration: none;
	color: #fff;
}

.slicknav_nav a:hover {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #555;
	color: #fff;
	transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;
}

.slicknav_nav ul ul li a:hover{
	background: #555;
	color: #fff;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;
}

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

.slicknav_nav .slicknav_item a {
	padding: 0;
	margin: 0;
}

.slicknav_nav .slicknav_parent-link a {
	padding: 0;
	margin: 0;
}

.slicknav_brand {
	color: #fff;
	font-size: 18px;
	line-height: 30px;
	padding: 7px 12px;
	height: 44px;
}

/************************************************ Responsive Styles **/

@media screen and (max-width: 1450px){
	#nav ul li a {font-size:10px;padding:8px 10px;}

}

@media screen and (max-width: 1215px){
.js #menu {display:none;}
#nav {display:none;}
.js .slicknav_menu {display:block;}
}