/*!
 * 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: #00abe2;}
#nav {position:relative; display:block; z-index:9000; margin:0 auto 0 auto; padding:0 0 0 0; text-align:center; float: none; max-width: 1145px; width: 100%; background: #00abe2;}
#nav ul {
    display: flex;
    justify-content: space-between;
        
}
#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: #000; font-size:16px; transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; padding:15px; text-transform: uppercase; text-align:center; font-family: 'montserratlight'; border-left: 1px solid #00abe2; border-right: 1px solid #00abe2; border-bottom: 1px solid #00abe2;} 
#nav ul li a:hover { color:#fff; background: #1c2442;}
#nav ul li li a {width:250px; padding:8px 0 8px 15px; text-align:left; background:#1c2442; color: #fff; font-size: 16px;}
#nav ul li li a:hover {color:#fff; background:#333;}
    
/* Optional-use, Begin targeting styles of first and last links */
#nav ul li:last-child  {border-right: 0;} /* 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 #00abe2;;}
#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:#00abe2;}
.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: #00abe2; 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: 'montserratbold'; 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: #555; 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: 1150px) and (min-width:875px) {
.js #menu {display:none;}
#nav {display:none;}
.js .slicknav_menu {display:block;}
}



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

}

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

}