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

.slicknav_menu {display:none;}
#menu {display:none;}
.navigation_container {float: left; display: inline-block; background: #eee; padding: 1%; max-width: 100%; -moz-box-shadow: 0 0 20px #000; -webkit-box-shadow: 0 0 20px #000; box-shadow: 0 0 20px #000;}
/******MAIN  NAVIGATION******/
/* This vertical navigation is "stacked" links on left. 4 dropdown levels, but you may include more levels if necessary, by following the noted example to add each new sublevel.*/
#nav {  
    text-align:left;  
    position:relative;
    display:block;
    z-index:1000;
    margin:0;
    border-left: 1px solid #1f6944;
    border-right: 1px solid #1f6944;
    border-bottom: 1px solid #1f6944;
    max-width: 100%; /* This example sets width to 220px, adjust width as needed, for your site.*/
}
  
#nav ul {
    list-style: none;
    margin: 0 0 0 0;
    padding:0 0 0 0;
}
#nav li{
    list-style: none;
    margin: 0 0 0 0;
    padding:0 0 0 0;
}
/*hides the dropdowns of (secondlevel) */
#nav li ul {
    display:block;           
}
/*reveals the dropdowns of (secondlevel) */
#nav li:hover ul {
    display:block;  
    position:relative;          
}
  
/*hides the dropdowns of (thirdlevel) */
#nav li:hover ul ul {
    display:none;           
}
/*reveals the dropdowns of (thirdlevel) */
#nav ul ul li:hover ul {
    display:block;  
    position:absolute;              
}
  
/*hides the dropdowns of (fourthlevel)  */
#nav li:hover ul ul ul {
    display:none;           
}

/* position of dropdown (secondlevel) */
#nav ul ul {
    position:relative;
    border-bottom:0;
    left:0; 
    *left:0;
    margin: 0px 0 0 0;
    padding:0 0 0 0;
    /*width:280px;*/
    line-height:0;
}
/* position of dropdown of dropdown (thirdlevel) */
#nav ul ul ul {
    position:absolute;
    border-bottom:0;
    left:200px; 
    *left:200px;
    margin: -33px 0 0 0;
    padding:0 0 0 0;
    width:200px;
    line-height:0;
}
  
  
/*appearance of main #navigaiton links */
#nav ul li a.firstlevel:link,
#nav ul li a.firstlevel:active,
#nav ul li a.firstlevel:visited {
    height: 1%;/*For IE7*/ 
    font-family: 'Open Sans', sans-serif; font-weight: 600;
    /*font-size:16px;*/
    margin:0;
    text-decoration:none;
    text-transform:uppercase;
    color:#fff;
    display:block;
    padding:7px 10px;
    /*width:100%;*/
    border-bottom:1px solid #62cf51;
    border-top:1px solid #1f6944;
    background:#333;
}
#nav ul li a.firstlevel:hover {
    height: 1%;/*For IE7*/ 
    padding:7px 10px;
    color:#fff;
    background:#1f6944;
}
  
  
  
/* appearance of dropdown (secondlevel) */
#nav ul ul li a.secondlevel {
    height: 1%;/*For IE7*/ 
    /*font-size:14px;*/
    font-size: 14px;
    line-height:18px;
    text-decoration:none;
    font-weight:normal; 
    color:#fff;
    border-bottom:1px #62cf51 solid;
    font-family: 'Open Sans', sans-serif; font-weight: 600;
    display:block;
    margin:0;
    text-align:left;
    text-shadow:none;
    background: #1f6944;
    padding:7px 15px 7px 30px;       
}
#nav ul ul li a.secondlevel:hover {
    background: #55af3e;
    color:#fff;
}
  
  
/* appearance of dropdown of dropdown (thirdlevel)*/
#nav ul ul ul li a.thirdlevel {
    height: 1%;/*For IE7*/ 
    /*font-size:16px;*/
    line-height:18px;
    text-decoration:none;
    font-weight:normal; 
    color:#fff;
    border-bottom:1px #fd4047 solid;
    font-family: 'Open Sans', sans-serif; font-weight: 600;
    display:block;
    margin:0;
    text-align:left;
    text-shadow:none;
    background: #c7171d;
    padding:7px 15px;
}
#nav ul ul ul li a.thirdlevel:hover {
    background: #0072bc;
    color:#fff;
}
  
/******MAIN NAVIGATION End******/


/** 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:#55af3e; text-transform: none; font-family: 'Open Sans', sans-serif; font-weight: 500;}
.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: #55af3e; 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: #222;
}

.slicknav_nav {
	color: #fff;
	margin: 0;
	padding: 0;
	font-size: 0.875em;
	font-family: 'Open Sans', sans-serif; font-weight: 600;
	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: #1f6944;
	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: #1f6944;
	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: 1024px) and (min-width:568px) {
.js #menu {display:none;}
#nav {display:none;}
.navigation_container {display:none;}
.js .slicknav_menu {display:block;}
}



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