@charset "utf-8";
/* CSS Document */
.nav-container { position: absolute; right: 5vw; -moz-transition: margin-top 0.3s; transition: margin-top 0.3s;}

nav { }
nav ul { list-style: none; margin: 0; padding: 0;}
nav ul li { float: left; position: relative;}
nav ul li a, nav ul li a:visited { display: block; padding: 0px 25px; font-size: 105%; font-weight: 500; line-height: 35px; color: #000; text-decoration: none;}
nav ul li a:hover, nav ul li a:focus{ text-decoration: none;}
nav ul li a:hover, nav ul li a:visited:hover { color: var(--green);}
nav ul li a:not(:only-child):after, nav ul li a:visited:not(:only-child):after {/* padding-left: 4px; content: ' \025BE';*/}


nav ul li ul li { width: 100%; }
nav ul li ul li a { /*padding:12px 15px 10px 15px; line-height: 20px;*/}

.navbar-dropdown {min-width: 150px; border-top: 2px solid var(--red);position: absolute; display: none;	z-index: 1;	background: var(--green); box-shadow: 0 0 10px 0 rgba(0,0,0,0.25);}

.navbar-dropdown li a{ font-size: 16px; text-align: left; color: #fcfcfc!important; display: block; margin: 0px 10px; padding: 5px 10px; border-bottom: 1px solid #a8d5b5;word-break: break-word; line-height: 1.3;}
.navbar-dropdown li a:hover, .navbar-dropdown li a:focus{ background-color: var(--greenhover);}

.dropdown:hover .navbar-dropdown { display: block;	margin-top: 0px;}
.nav-list > li > a.mobile_arr { display: none;}

/**current**/
.nav-container a.current { color: var(--green);}
.nav-container .current::before{ content: ''; position: absolute; width: 50px; height: 2px; bottom: -5px; background-color: var(--red); margin-left: auto; left: 0px; margin-right: auto; right: 0px;}

.nav-container .navbar-dropdown a.current, .nav-container .navbar-dropdown .current a{ color: #fff!important;	position: relative;	background-color: var(--greenhover);}
.nav-container .navbar-dropdown .current::before{ content: '';	position: absolute;	width: 50px; height: 2px; bottom: 0px; left: 0px; right: 0px; background-color: transparent;}

/****/


/****/

#navbar-toggle { width: 40px; height: 40px; left: 0px; right: 0px; margin-left: auto; margin-right: auto; position: absolute; top: 0px;	padding-top: 15px; text-align: center; cursor: pointer;}
 #navbar-toggle span, #navbar-toggle span:before, #navbar-toggle span:after { cursor: pointer; border-radius: 1px; height: 3px; width: 38px; background: var(--red); position: absolute; display: block; content: ''; transition: all 300ms ease-in-out; left: 0px; right: 0px; margin-left: auto; margin-right: auto;}
 #navbar-toggle span:before { top: -9px;}
 #navbar-toggle span:after { bottom: -9px;}
 #navbar-toggle.active span { background-color: transparent;}
 #navbar-toggle.active span:before, #navbar-toggle.active span:after { top: 0;}
 #navbar-toggle.active span:before { transform: rotate(45deg);}
 #navbar-toggle.active span:after { transform: rotate(-45deg);}
/****/
 

@media all and (max-width: 1366px){
	nav ul li a, nav ul li a:visited{ padding: 0px 20px;}
}
@media all and (max-width: 1280px){
	nav ul li a, nav ul li a:visited{ font-size: 94%!important;	}	
}
@media all and (max-width: 1024px){
	nav ul li a, nav ul li a:visited{ padding: 0px 15px;}
}
@media all and (max-width: 991px) {
	
    nav ul { display: none; background: var(--green);}
    nav ul li { float: none; border-bottom:1px solid #68b97b;}	
    nav ul li a, nav ul li a:visited { color:#fff; padding: 10px 20px; line-height: 20px; background: var(--green);}
	nav ul li a:hover, nav ul li a:focus{ color:#fff!important; background: var(--greenhover)}

	nav ul li ul li{ margin: 0; border-bottom: 0px;}
	nav ul li ul li a { padding: 3%!important;border-bottom:0px;}
	nav ul li ul li a, nav ul li ul li a:visited{ padding: 10px 10px 10px 20px!important; text-align: left!important; }
	
	.navbar-dropdown { position: static; box-shadow: none; margin-bottom: 0px;}
	.dropdown:hover .navbar-dropdown{ display: inherit; margin-top: 0px;}	
	
	nav ul li a:not(:only-child):after, nav ul li a:visited:not(:only-child):after { padding-left: 4px; content: '';}
	.nav-list > li { position: relative;}
	.nav-list > li > a.mobile_arr { background-color: var(--redhover); width: 40px; height: 40px; display: block!important; position: absolute; top: 0px; right: 0px; padding: 19px 30px 19px 10px!important; cursor: pointer;}	 
	.nav-list > li > a.mobile_arr::before{ position: absolute; content: ''; height: 0; width: 0; border-color: #fff transparent transparent transparent; border-style: solid solid solid solid; border-width: 9px 6px; transition: all 0.25s ease 0s;}
	.navbar-dropdown{ border-top: 0px; padding-bottom: 0px;}
	.nav-container .current::before{ width: 8px; height: 8px; border-radius: 8px; left: 8px!important; margin: inherit; top: 16px; }
	nav ul li a.current, nav ul li .current a  { color:#fff!important;}
}
@media all and (max-width: 540px){
	.nav-list > li > a.mobile_arr{}
}
@media all and (max-width: 375px){
	#navbar-toggle{padding-top: 15px;}
}
@media all and (max-width: 280px){
	.nav-container .current::before{ left: 5px!important;}
	#navbar-toggle { padding-top: 11px;}
	#navbar-toggle span, #navbar-toggle span::before, #navbar-toggle span::after{ width: 32px; }
}