﻿.navbarcontainer { z-index: 9999; transition: all ease-in-out 0.3s; background-color: rgba(255,255,255,0.6); }
.navbar-brand img { transition: all ease-in-out 0.3s; }
.navbar {padding-top:0;padding-bottom:0;}
.navbar-light { z-index: 1000; background-color: transparent; font-family: 'Roboto', sans-serif; }
	.navbar-light .navbar-toggler { border: 0; }
	.navbar-light .navbar-nav .nav-link { color: #181716; }
.navbar-nav .nav-item { font-size: 18px; line-height: 1; font-weight: 400; transition: ease-in-out all 0.3s; }
		.navbar-nav .nav-link { padding: 11px 20px; }
		.navbar-nav .nav-item a:hover { color: #156595 !important; }
.navbar-nav .nav-item.contact a { border: solid 2px #156595; background-color: #156595; border-radius: 20px; color: #fff; padding: 8px 22px; }
			.navbar-nav .nav-item.contact a:hover { background-color: transparent; color:#156595 !important; }
	.navbar-nav .nav-item.social { padding:10px; }
	.navbar-nav .nav-item.social a { margin-left:6px;color:#156595; }
		.navbar-nav .nav-item a.active { color: #156595 !important; }

.navbarcontainer.navfixed { background-color: #fff; box-shadow: #000 0 0 10px; }

@media(min-width:1200px) { 
	.navbar { width: 90%; margin-left: 5%; }
	.navbarcontainer, .headermargin { height: 137px; }
		.navbarcontainer .navbar-brand img, .navbarcontainer.navfloat .navbar-brand img { max-width: 240px; }
		.navbarcontainer.navfixed { height: 110px; }
			.navbarcontainer.navfixed .navbar-brand img { max-width: 140px; }
}
/*
@media(min-width:1200px) and (max-width:1499px) {
	.navbar { width: 90%; margin-left: 5%; }
	.navbarcontainer, .headermargin { height: 166px; }
		.navbarcontainer .navbar-brand img, .navbarcontainer.navfloat .navbar-brand img { max-width: 300px; }
		.navbarcontainer.navfixed { height: 118px; }
			.navbarcontainer.navfixed .navbar-brand img { max-width: 180px; }
}*/

@media(min-width:1200px) {
	.navbarcontainer {position:fixed;}
		.navbarcontainer .navbar-brand img, .navbarcontainer.navfloat .navbar-brand img { padding: 6px 0; }
		.navbarcontainer.navfixed .navbar-brand img { padding: 18px 0; }
	.navbar-expand-xl .navbar-nav .nav-link { padding-right: 10px; padding-left: 10px; margin-left: 15px; }
	.navbar-expand-xl .navbar-nav .nav-link.nav-icon { padding-right: 10px; padding-left: 10px; margin-left: 5px; }
	.navbar-expand-xl .navbar-nav .contact .nav-link { margin-left: 20px; }
}

@media(max-width:1199px) {
	.navbar { width: 90%; margin-left: 5%; }
	.navbar-brand img { max-width: 200px; padding: 10px 0; }
	.navbarcontainer, .headermargin { height: 129px; }
	.navbarcontainer { position: fixed; }

	.navbar-toggler { width: 50px; height: 50px; background-color: transparent; box-shadow: none !important; }
		.navbar-toggler span { transform: none; background-color: #156595; margin: 7px auto; width: 100%; height: 2px; transition: all 0.8s cubic-bezier(0.810, -0.330, 0.345, 1.375); opacity: 1; display: block; }
		.navbar-toggler[aria-expanded="true"] span:first-of-type { transform: rotate(45deg) translate(0px, 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(6px, -12px); }
		.navbar-toggler[aria-expanded="true"] span { background-color:#979923; }
	.navbar-collapse {margin-top:30px;}
	.navbar-nav { width: 100%; text-align:center; background-color:#fff; border-radius:8px;box-shadow:#ccc 0 0 50px; }
	.navbar-nav .nav-link {margin:5px 0px;}
		.navbar-nav .nav-item.contact a {display:inline-block;}
		.navbar-nav .nav-item.contact .nav-link { margin:10px 0; }
}

@media (max-width: 767px) {
	.navbar-brand img { max-width: 160px; padding: 5px 0; }
	.navbarcontainer, .headermargin { height: 100px; }
}
