div.navigation{
	position: fixed;
	top:0;
	width:100%;
	background: #fff;
	z-index:100;

}

.nav-link {
	white-space: nowrap;
	padding-right: 0 !important;
	margin-left: 6px;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
}

.navbar-nav li{
	margin-right: 10px;
}

.navbar-nav li:last-child {
	margin-right: 0px;
}

.nav-link.dropdown-toggle{
	margin-left: 8px;
	margin-right: 8px;
}

.dropdown-toggle::after{
	content:"\f107";
	font-family: "Font Awesome\ 5 Pro";
	border:0;
	font-weight: normal;
	margin:0;
	position: absolute;
	top:8px;
	right:2px;
	color:#0386c1;
}

.navigation__tools .navigation__text *{
	font-size: 13px;
	font-weight: bold;
}


.dropdown:hover>.dropdown-menu {
    /*display: block;*/
}

.dropdown-menu{
    background: #0386c1;
    border:0;
    border-radius: 0;
		border-top-right-radius: 30px;
}

.dropdown-menu:after{
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 10px 10px;
    border-color: #0386c1 transparent;
    display: block;
    width: 0;
    z-index: 1;
    top: -10px;
    left: 30px;
}

.dropdown-menu a{
    color:#fff;
}

.dropdown-menu a:hover{
    background: rgba(255,255,255,0.1);
    color:#fff;
}
.searchcontainer
{
	position:relative;
}
.searchcontainer .searchform
{
	position:absolute;
	right:14px;
	top:-7px;
	width:200px;
	z-index: 999;
	transition:0.5s ease all;
	opacity:0;
	pointer-events: none;
}

@media (min-width: 1200px) {
	.searchcontainer .searchform{
		width:250px;
	}
}
@media (max-width: 768px) {
	.searchcontainer .searchform{
		top:60px;
		right: auto;
		left:50%;
		transform: translateX(-50%);
	}
	
}

.searchcontainer .searchform.open
{
	opacity:1;
	pointer-events: inherit;
}
.searchopener
{
	cursor:pointer;
}
.searchcontainer .searchform input
{
	margin-bottom:0;
}
.searchcontainer .searchform input[type=submit]
{
	position:absolute;
	right:0;
	top:0;
}

@media (min-width: 768px) {
}


@media (max-width: 767.98px) {
	.navbar{
		padding-right:0;
		padding-left: 0;
	}

	.navbar-toggler:not(:disabled):not(.disabled){
		/*background: #0386c1;*/
		border:0;
		border-radius:6px;
		outline: none;
		padding-top:12px;
	}

	.navbar-light .navbar-toggler-icon{
		color:#fff;
		outline: none;
	}

	.navbar-collapse{
		border-top:1px solid #999;
  	width: 100vw;
    position: absolute;
    right: -15px;
    top: 120%;
    background: #fff;
		z-index: 100;
		box-shadow:0 10px 20px 0 rgba(0,0,0,0.05);
	}

	.navbar-nav{
		float:none !important;
		padding:20px 30px;
	}

	.dropdown-menu:after{
		top:32px;
	}
}


@media (min-width: 768px) and (max-width: 991.98px) {
		.navbar-toggler:not(:disabled):not(.disabled){
			/*background: #0386c1;*/
			border:0;
			border-radius:6px;
			outline: none;
			padding-top:13px;
		}

		.navbar-light .navbar-toggler-icon{
			color:#fff;
			outline: none;
		}

		.dropdown-menu:after{
			top:32px;
		}

		.navbar-nav{
			float:none !important;
			padding:20px 30px;
		}

		.navbar-collapse{
			width: 40vw;
			border-top:1px solid #0386c1;
	    position: absolute;
	    right: -15px;
	    top: 100%;
	    background: #fff;
			z-index: 100;
			box-shadow:0 10px 20px 0 rgba(0,0,0,0.05);
		}

		.navbar-collapse:before{
			content: '';
			position: absolute;
			border-style: solid;
			border-width: 0 10px 10px;
			border-color: #0386c1 transparent;
			display: block;
			width: 0;
			z-index: 1;
			top: -10px;
			right: 30px;
		}
}

@media (min-width: 1200px) {
	.nav-link{
		font-size: 16px;
	}
}

@media (max-width: 576px) {
	div.navigation{
		-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.05);
		-moz-box-shadow:0px 2px 5px 0px rgba(0,0,0,0.05)
		box-shadow:0px 2px 5px 0px rgba(0,0,0,0.05)

	}
}
