@charset "UTF-8";

header{
	background-color: transparent;
}

header .logo a svg path,
header .logo a svg text{
	fill: #fff;
}

header.active{
	background-color: #fff;
}
header.active .navi .menu ul li a{
	color: #000;
}
header.active .navi .menu ul li .btn-primary,
header.open .navi .menu ul li .btn-primary{
	color: #fff;
}
header.active .navi .menu ul li .btn-primary:hover,
header.open .navi .menu ul li .btn-primary:hover{
	color: #fff;
}
header.active .logo a svg path,
header.active .logo a svg text{
	fill: #000;
}

@media only screen and (min-width: 992px) {
	header .navi .menu ul li a{
		color: #fff;
	}
	header .navi .menu ul li a:hover{
		color: #fff;
	}
	header.active .navi .menu ul li a:hover{
		color: #000;
	}
}

@media only screen and (max-width: 991px) {
	header{
		background-color: #fff;
	}
	header.open {
		background-color: #fff;
	}
	header.open .navi .menu ul li a{
		color: #000;
	}
	
	header.open .logo a svg path,
	header.open .logo a svg text{
		fill: #000;
	}

	.logo-icon img{
		width: 30%;
	}
}