/*!
 * SlickNav Responsive Mobile Menu v1.0.10
 * (c) 2016 Josh Cope
 * licensed under MIT
 */
.navigation_container {text-align:center; display: inline-block; float: right;}
#nav {position:relative; display:block; z-index:9000; margin:0 auto 0 auto; padding:0 0 0 0; text-align:center; float: right; width: 825px; max-width: 100%;}
#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 {display: block; text-decoration: none; color: #525251; font-size:16px; line-height:18px; transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; padding: 40px 21px; height: 1%; text-transform: uppercase; text-align:center; font-family: 'montserratlight';} 
#nav ul li a:hover {height: 1%; color:#fff; background: #f79524;}
#nav ul li li a {width:250px; padding:8px 0 8px 15px; text-align:left; background:#333; font-size: 16px; border-bottom:1px #555 solid; border-right: 1px solid #555; border-left: 1px solid #555;}
#nav ul li li a:hover {color:#fff; background:#555;}
    
/* Optional-use, Begin targeting styles of first and last links */
#nav ul li:last-child  {border-right: ;} /* Optional-use, this targets last li */ 
#nav ul li:last-child a {border-right: 0;} /* Optional-use, this targets last link */
#nav ul li:first-child  {border-left: 0;} /* 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: 1px solid #053901;}
#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;}



@media screen and (max-width: 1920px){
	.navigation_container {float: none;}
	#nav {width: 100%;}
	#nav ul li a {font-size:16px; line-height:18px; padding: 20px 21px;} 


}



@media screen and (max-width: 1024px){
 #nav {display: none;}
}



@media screen and (max-width: 767px){

}
 
 

@media screen and (max-width: 320px){

}