/*#masthead-top { background: rgba(72, 117, 83, .9); border-bottom:1px solid rgba(255,255,255,0.65); }*/
#masthead-top { background-color: #233a2a; }
#masthead-top .container { position:relative; }

#mainnav { float:left; }

#mainnav-collapse { display:none; color:white; width:100%; } 
#mainnav-collapse.open { display:block; }

#mainnav-collapse nav { text-align:left; }
#mainnav-collapse .nav-item { }
#mainnav-collapse .nav-item a { display:block; padding:10px 0; margin-right:24px; color:inherit; }
#mainnav-collapse .nav-item a:hover { text-decoration:none; color:inherit; }
#mainnav-collapse .nav-item .nav-toggle { position:relative; }
#mainnav-collapse .nav-item .nav-toggle button { position:absolute; top:0; right:0; bottom:0; border:0; width:30px; background:transparent url(../images/icons/arrow_drop-menu_up.png) center center no-repeat; }
#mainnav-collapse .nav-item .nav-toggle button.collapsed { background-image:url(../images/icons/arrow_drop-menu_down.png); }

#mainnav-collapse .nav-item .nav-item { font-size:16px; }

#mainnav-collapse .nav-item .nav-panel .nav-item a {  }

#mainmenu-nav #mainnav-button { display:block; background:transparent; border:0; height:60px; padding:0 30px; transition:background-color .2s; color:inherit; border:0px solid rgba(255,255,255,0.15); border-width:0; color:white; }
#mainmenu-nav #mainnav-button:hover { background-color:rgba(255,255,255,0.25); }
#mainmenu-nav #mainnav-button .button-text { line-height:24px; padding:18px 5px; font-size:20px; text-transform:uppercase; } 
#mainmenu-nav #mainnav-button .button-image { width:34px; height:60px; padding:18px 5px; background:url(../images/template/icon_menu.png) no-repeat center center; }

#mainmenu-search { padding:0; }
#mainmenu-search .dropdown-toggle { display:none; }
#mainmenu-search .dropdown-menu { display:block; position:static; top:auto; left:auto; bottom:auto; right:auto; float:none; background:transparent; border:0; box-shadow:none; }
#mainmenu-search .dropdown-menu form { position:relative; } 
#mainmenu-search .dropdown-menu form #search-field {  }
#mainmenu-search .dropdown-menu form button {  }

#masthead-title { }
#masthead-title .brand { padding:20px 0; }
#masthead-title .brand a { display:block; text-indent:-9999px; background:url(../images/template/logo_banner_mobile.png) no-repeat center center; height:80px; margin: auto; max-width:810px; transition: background-color .2s; background-size: contain; }
@media (min-width: 768px) {
	#masthead-title .brand { padding: 20px 0; }
	#masthead-title .brand a { background-image: url(../images/template/logo_banner.png); height:100px; }
}


/*@media (min-width: 768px) {
	#masthead-title .brand a { background-position:left 30px center; }
}*/

#mainnav-collapse { width:100%; }

@media (max-width:991px) {
	#mainnav-collapse { position:absolute; top:60px; z-index:20; background:white; color:#192e40; padding:20px; box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.35); }
	#mainnav-collapse nav { font-size: 20px; padding: 0 20px; }
}

@media (min-width:481px) {
	#mainnav-collapse { width:480px; }
}

#mainnav-collapse .nav-item { border-bottom:1px solid #d9d9d9; } 
#mainnav-collapse .nav-item .nav-item { border-bottom:0; border-top:1px dashed #d9d9d9; }

@media (min-width:992px) {
	#mainmenu { }
	#mainmenu-nav { display:none; }
	#mainnav-collapse { display:block; width:auto; }
	#mainnav-collapse .nav-item { float:left; border-left:0px solid rgba(255,255,255,0.25); border-bottom:0; }
	#mainnav-collapse .nav-item a { margin-right:0; padding:20px 29px; }
	#mainnav-collapse .nav-item a { display:block; height:60px; line-height:20px; font-size:19px; padding:20px 15px; transition: background-color .2s; }
	#mainnav-collapse .nav-item a:hover { color:inherit; background-color:rgba(255,255,255,0.15); }
	#mainnav-collapse .nav-item .nav-toggle.on { background-color:rgba(255,255,255,0.15); }
	#mainnav-collapse .nav-item .nav-toggle button { display:none; }
	#mainnav-collapse .nav-item .nav-panel { box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.35); background:white; padding:15px 30px; min-width:280px; color:#192e40; }
	#mainnav-collapse .nav-item .nav-panel .nav-item { float:none; border-top:1px solid #bab7ab; padding:10px 0; font-size:18px } 
	#mainnav-collapse .nav-item .nav-panel .nav-item.first { border-top:0; }
	#mainnav-collapse .nav-item .nav-panel .nav-item a { display:block; text-transform:none; font-size:16px; font-weight:500; padding:0; height:auto; } 
	#mainnav-collapse .nav-item .nav-panel .nav-item a:hover { color:#ed1c24; }
	
	
	#mainnav .nav-item .collapse { position:absolute; top:100%; left:0; z-index:100; }
	#mainnav .nav-item .collapse.over { display:block; }
	#mainnav .nav-item .collapse.in { display:none; }
	#mainnav .nav-item .collapse.in.over { display:block; }
	#mainnav .nav-item button { display:none; }
	
	#mainnav-collapse nav { display:block; float:left; }
	#mainnav-collapse #mainmenu-search { display:block; float:right; }
	#mainmenu-search { position:relative; border-left:0px solid rgba(255,255,255,0.25); }
	#mainmenu-search .dropdown-toggle { display:block; width:50px; height:60px; padding:20px 15px;  transition:background-color .2s; }
	#mainmenu-search .dropdown-toggle span { display:block; width:20px; height:20px; background:url(../images/icons/icon_search_white.png) center center no-repeat; text-indent:-9999px; }
	#mainmenu-search .dropdown-toggle:hover { background-color:rgba(255,255,255,0.15); }
	#mainmenu-search .dropdown-toggle:focus { outline:5px auto -webkit-focus-ring-color; }
	#mainmenu-search .dropdown-menu { display:none; position:absolute; top:100%; right:0; min-width:300px; border-radius:0; margin:0; }
	#mainmenu-search.open .dropdown-menu { display:block; background:white; padding:15px 15px; }
	#mainmenu-search .dropdown-menu form button {  }
	#mainmenu-search .dropdown-menu form #search-field { } 
}

@media (min-width: 1380px) {
	#mainnav-collapse .nav-item a { font-size: 20px; padding: 20px 25px; }
}
@media (min-width: 1380px){
	#mainnav-collapse .nav-item a {
			font-size: 18px;
			padding: 20px 25px;
	}
}
@media (min-width: 992px) {
	#mainnav-collapse .nav-item a {
			display: block;
			height: 60px;
			line-height: 20px;
			font-size: 18px;
			padding: 20px 10px;
			transition: background-color .2s;
	}
}