﻿.navbarcontainer { width: 100%; z-index: 9999; }

.navbar { font-family: 'Heebo',sans-serif; padding: 0; background-color: rgba(255,255,255,1); transition: ease-in-out 0.3s all; }
.navbar-light .navbar-toggler { border: 0; width: 50px; height: 50px; }
.navbar-brand { padding: 0; /*width: 190px;*/ }

.mainmenu { margin-right: 0px; }
	.mainmenu .nav-item { font-size: 20px; line-height: 20px; font-weight: 300; position: relative; letter-spacing:1px; }
		.mainmenu .nav-item .nav-link { padding: 0; }
		.mainmenu .nav-item a, .mainmenu .nav-item a:focus { color: #595556 !important; color: #999 !important; transition: ease-in-out 0.3s all; }
			/*.mainmenu .nav-item a:hover, .mainmenu .nav-item.active a { color: #000 !important; }*/
		.mainmenu .nav-item.current a { color: #000 !important; }
.navfixed .navbar { box-shadow: #000 0 0 4px; background-color:rgba(255,255,255,0.95) !important; }
.navfloat .navbar { background-color:rgba(255,255,255,1); }

@media(min-width:1400px) {
	.contraheader {height:196px;}
	.navbar-brand { width: 280px; }
	.navfixed .navbar-brand { width: 180px; }
	/*navbarcontainer { margin-left: calc(100vw - 100%); margin-right: 0; }*/
}

@media(min-width:1300px) and (max-width:1399px) {
	.contraheader { height: 186px; }
	.navbar-brand { width: 260px; }
	.navfixed .navbar-brand { width: 180px; }
}

@media(min-width:1200px) and (max-width:1299px) {
	.contraheader { height: 176px; }
	.navbar-brand { width: 240px; }
	.navfixed .navbar-brand { width: 140px; }
}
@media(min-width: 1200px) {
	.navbar-brand { padding: 30px 0; }
	.navfixed .navbar-brand { padding: 15px 0; }
	.mainmenu .nav-item { margin-left: 25px; }
		.mainmenu .nav-item a:hover { }
}

@media(max-width:1200px) {
	.navbar-expand-xl .container {padding:0 15px 0 15px;}
	.contraheader { height: 156px; }
	.navbar-brand { width: 200px; margin-left: 15px; padding: 30px 0; }
	.navfixed .navbar-brand { width: 160px; padding: 15px 0; }
	.navbar-light .navbar-toggler { padding-left: 15px; margin-right: 15px; margin-left: 15px; height: 90px; position: relative; }
		.navbar-light .navbar-toggler:focus { outline: none; }
		.navbar-light .navbar-toggler span:nth-child(1) { top: 43px; }
		.navbar-light .navbar-toggler span:nth-child(2) { top: 50px; }
		.navbar-light .navbar-toggler span:nth-child(3) { top: 57px; }
		.navbar-light .navbar-toggler span { background: #266eaf; position: absolute; display: block; height: 3px; width: 20px; opacity: 1; left: 20px; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; transition: .25s ease-in-out; }
		.navbar-light .navbar-toggler[aria-expanded="true"] span:first-of-type { transform: rotate(45deg) translate(5px, 5px); }
		.navbar-light .navbar-toggler[aria-expanded="true"] span:nth-of-type(2) { opacity: 0; }
		.navbar-light .navbar-toggler[aria-expanded="true"] span:last-of-type { transform: rotate(-45deg) translate(5px, -5px); }
	.navbar-collapse { }
	.mainmenu { margin-top: 10px 15px 0 15px !important; background-color: #fff; padding-top: 15px; }
		.mainmenu .nav-item { margin: 0 15px 0 15px; padding: 10px; border-bottom: solid 1px #f0f0f0; text-align: center; }
			.mainmenu .nav-item:last-child { margin-bottom: 10px; border-bottom: 0; }
}

@media(min-width:992px) and (max-width:1199px) {
}

@media(max-width:991px) {
}

@media(min-width:768px) and (max-width:991px) {
}

@media(max-width:576px) {
	.contraheader { height: 98px; }
	.navbar-brand { width: 160px; padding: 10px 0; }
	.navfixed .navbar-brand { width: 100px; padding: 5px 0; }
}
