﻿.navbar { font-family: 'Poppins', sans-serif; padding-top: 0; padding-bottom: 0; transition: ease-in-out 0.3s all; }

.navbar-nav .nav-item, .navbar-top { font-size: 18px; line-height: 1; font-weight: 400; position: relative; text-transform:uppercase; }
	.navbar-nav .nav-item a, .navbar-nav .nav-item a:focus { transition: ease-in-out 0.3s all; color: #308943 }
		.navbar-nav .nav-item a:hover, .navbar-nav .nav-link.active { color: #000; }
.navbar-brand { transition: ease-in-out 0.3s all; }

.navfixed { box-shadow: #ccc 0 0 30px; background-color: #fff; }
.navfloat, .navbar { }

@media(min-width:1400px) {
	.navbar-expand-lg .navbar-nav .nav-item .nav-link { padding: 0 20px; }
	.navbar-brand { width: 340px; padding: 18px 0; }
	header { height: 150px; }
}

@media(min-width:1200px) and (max-width:1399px) {
	.navbar-expand-lg .navbar-nav .nav-item .nav-link { padding: 0 10px; }
	.navbar-brand { width: 290px; padding: 18px 0; }
	header { height: 133px; }
}

@media(min-width:992px) and (max-width:1199px) {
	.navbar-expand-lg .navbar-nav .nav-item .nav-link { padding: 0 10px; }
	.navbar-nav .nav-item { font-size:16px; }
	.navbar-brand { width: 290px; padding: 18px 0; }
	header { height: 112px; }
}

@media(min-width:992px) {
	.navbar-main { z-index: 999; }
	.navbar.navfixed .navbar-brand { width: 145px; }
	.nav-link, .navbar-top a:last-child { padding-right: 0; }
	.nav-item { padding: 8px 0; }
		.nav-item.nav-contact { background-color: #308943; border-radius: 16px; padding: 8px 16px; margin-left: 25px; }
			.nav-item.nav-contact a { color: #fff; border-radius: 16px; padding: 4px 16px; }
				.nav-item.nav-contact a:hover { color: #fff; }
	.navbar-expand-lg .navbar-nav .nav-item.nav-contact .nav-link { padding: 0; border-right: solid 1px #487b6e; }
}

@media(max-width:991px) {
	header { height: 150px; }
	.navfixed.navbar { margin-top: 0; }
	.navbar-brand { }
	.navbar-toggler, .navbar-toggler:focus { border: 0; box-shadow: none; }
	.navbar-toggler { padding-left: 15px; position: relative; width: 50px; height: 50px; }
		.navbar-toggler:focus { outline: none; }
		.navbar-toggler span:nth-child(1) { top: 15px; }
		.navbar-toggler span:nth-child(2) { top: 23px; }
		.navbar-toggler span:nth-child(3) { top: 31px; }
		.navbar-toggler span { background-color: #308943; position: absolute; display: block; height: 3px; width: 28px; opacity: 1; left: 20px; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out; }
		.navbar-toggler[aria-expanded="true"] span { background-color: #308943; }
			.navbar-toggler[aria-expanded="true"] span:first-of-type { transform: rotate(45deg) translate(4px, 7px); }
			.navbar-toggler[aria-expanded="true"] span:nth-of-type(2) { opacity: 0; }
			.navbar-toggler[aria-expanded="true"] span:last-of-type { transform: rotate(-45deg) translate(4px, -7px); }
	.navbar-nav { margin-top: 0px; margin-bottom: 0px; }
		.navbar-nav .nav-item { margin: 0 5px; padding: 10px; border-bottom: solid 1px #f0f0f0; text-align: center; }
			.navbar-nav .nav-item:first-child { margin-top: 10px; }
			.navbar-nav .nav-item:last-child { margin-bottom: 15px; border-bottom: 0; }
			.navbar-nav.mainmenu .nav-item a:hover, .navbar-nav .nav-item.active a { }

			.navbar-nav .nav-item a, .navbar-nav .nav-item a:focus, .navbar-top a { transition: ease-in-out 0.3s all; color: #308943; }
}

@media(min-width:768px) and (max-width:991px) {
	.navbar-brand { width: 260px; padding:10px 0; }
	.navbar.navfixed .navbar-brand { width: 160px; }
	header {height:108px;}
}

@media(max-width:767px) {
	.navbar-brand { width: 200px; padding: 6px 0; }
	.navbar.navfixed .navbar-brand { width: 100px; }
	header { height: 80px; }
}
