/*header*/
header {
	width:100%;
	top:0;
	background-color:var(--greyfefefe);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	z-index:90001;
	display: flex;
	flex-direction: column;
	border-bottom:dashed 1px var(--greyd1d1d1);
}
header .headertop {
	display:flex;
	justify-content:flex-end;
	background-color:var(--greyf1f1f1);
	width:100%;
}
header .headertop #headerinfo {
	display:flex;
	z-index:2;
}
header .headertop #headerinfo a{
	color:var(--grey999);
	text-decoration:none;
	position:relative;
}
header .headertop #headerinfo a:hover{
	color:var(--redbasic);
	#background-color:var(--greyf1f1f1);
}
header .headertop #headerinfo a i{
	margin-right:.5em;
}
header .headermiddle {
	width:100%;
	margin:0 auto;
}
header .headermiddle #headerlogo {
	z-index:3;
	display:flex;
	text-decoration:none;
}
header .headermiddle #headerlogo a{
}
header .headermiddle #headerlogo img{
	width:100%;
	height:100%;
	object-fit: cover;
}
header #headerlogo h1{
	font-family: 'Roboto-Black', sans-serif!important;
	color:var(--bluebasic);
	margin:0;
	white-space:nowrap;
}
header #headerlogo h1 span{
	font-family: 'Roboto-Regular', sans-serif!important;
	font-weight:normal;
	display:block;
	margin:0 0 0 0;
	white-space:wrap;
}
header #headerlogo h1 span span{
	display:block;
}
header #headerdown {
	z-index:2;
	width:100%;
	position:relative;
	bottom:0;
	border-top:dashed 1px var(--greyd1d1d1);
}
header #headermenu {
	text-align: center;
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	z-index:2;
}

@media all and (min-width: 1400px) {
header {
	position:relative;
	height:170px;
}
header .headertop {
	height:35px;
}
header .headertop #headerinfo {
	gap:.5em;
}
header .headertop #headerinfo a{
	padding:.85em .75em;	
	font-size:.8em;
}
header .headertop #headerinfo a i{
	font-size:1.15em;
}
header .headermiddle {
	max-width:1300px;
	height:95px;
}
header .headermiddle #headerlogo {
	gap:1em;
}
header .headermiddle #headerlogo a{
	height:85px;
	width:85px;
}
header #headerlogo h1{
	font-size:3em;
}
header #headerlogo h1 span{
	width:235px;
	font-size:.3em;
}
header #headerlogo h1 span span{
	font-size:.70em;
}
header #headerdown {
	height:40px;
}
header #headermenu {
	position:absolute;
	left:0;
	right:0;
	margin: 0 auto;
	width:70%;
}
}
/**/
@media all and (min-width: 1200px) and (max-width: 1399px) {
header {
	position:relative;
	height:160px;
}
header .headertop {
	height:35px;
}
header .headertop #headerinfo {
	gap:.5em;
}
header .headertop #headerinfo a{
	padding:.85em .75em;	
	font-size:.8em;
}
header .headertop #headerinfo a i{
	font-size:1.15em;
}
header .headermiddle {
	max-width:1150px;
	height:85px;
}
header .headermiddle #headerlogo {
	gap:1em;
}
header .headermiddle #headerlogo a{
	height:75px;
	width:75px;
}
header #headerlogo h1{
	font-size:2.5em;
}
header #headerlogo h1 span{
	width:235px;
	font-size:.3em;
}
header #headerlogo h1 span span{
	font-size:.70em;
}
header #headerdown {
	height:40px;
}
header #headermenu {
	position:absolute;
	left:0;
	right:0;
	margin: 0 auto;
	width:70%;
}
}
/**/
@media all and (min-width: 1024px) and (max-width: 1199px) {
header {
	position:relative;
	height:160px;
}
header .headertop {
	height:35px;
}
header .headertop #headerinfo {
	gap:.5em;
}
header .headertop #headerinfo a{
	padding:.85em .75em;	
	font-size:.8em;
}
header .headertop #headerinfo a i{
	font-size:1.15em;
}
header .headermiddle {
	max-width:950px;
	height:85px;
}
header .headermiddle #headerlogo {
	gap:1em;
}
header .headermiddle #headerlogo a{
	height:75px;
	width:75px;
}
header #headerlogo h1{
	font-size:2.5em;
}
header #headerlogo h1 span{
	width:235px;
	font-size:.3em;
}
header #headerlogo h1 span span{
	font-size:.70em;
}
header #headerdown {
	height:40px;
}
header #headermenu {
	position:absolute;
	left:0;
	right:0;
	margin: 0 auto;
	width:70%;
}
}
/**/
@media all and (min-width: 768px) and (max-width: 1023px) {
header {
	position:relative;
	height:110px;
}
header .headertop {
	height:35px;
}
header .headertop #headerinfo {
	gap:.5em;
}
header .headertop #headerinfo a{
	padding:.85em .75em;	
	font-size:.8em;
}
header .headertop #headerinfo a i{
	font-size:1.15em;
}
header .headermiddle {
	max-width:90%;
	height:75px;
}
header .headermiddle #headerlogo {
	width:fit-content;
	margin:0 auto;
	gap:1em;
}
header .headermiddle #headerlogo a{
	height:65px;
	width:65px;
}
header #headerlogo h1{
	font-size:2.25em;
}
header #headerlogo h1 span{
	width:235px;
	font-size:.3em;
}
header #headerlogo h1 span span{
	font-size:.70em;
}
header #headerdown {
	height:0px;
}
header #headermenu {
	position:absolute;
	left:0;
	right:0;
	margin: 0 auto;
	width:100%;
}
}
/**/
@media all and (min-width: 600px) and (max-width: 767px) {
header {
	position:relative;
	height:110px;
}
header .headertop {
	height:35px;
}
header .headertop #headerinfo {
	gap:.5em;
}
header .headertop #headerinfo a{
	padding:.85em .75em;	
	font-size:.8em;
}
header .headertop #headerinfo a i{
	font-size:1.15em;
}
header .headermiddle {
	max-width:90%;
	height:75px;
}
header .headermiddle #headerlogo {
	width:fit-content;
	margin:0 auto;
	gap:1em;
}
header .headermiddle #headerlogo a{
	height:65px;
	width:65px;
}
header #headerlogo h1{
	font-size:2.25em;
}
header #headerlogo h1 span{
	width:235px;
	font-size:.3em;
}
header #headerlogo h1 span span{
	font-size:.70em;
}
header #headerdown {
	height:0px;
}
header #headermenu {
	position:absolute;
	left:0;
	right:0;
	margin: 0 auto;
	width:100%;
}
}
/**/
@media all and (min-width: 450px) and (max-width: 599px) {
header {
	position:relative;
	height:110px;
}
header .headertop {
	height:35px;
}
header .headertop #headerinfo {
	gap:.5em;
}
header .headertop #headerinfo a{
	padding:.85em .75em;	
	font-size:.8em;
}
header .headertop #headerinfo a i{
	font-size:1.15em;
}
header .headermiddle {
	max-width:90%;
	height:75px;
}
header .headermiddle #headerlogo {
	width:fit-content;
	margin:0 auto;
	gap:1em;
}
header .headermiddle #headerlogo a{
	height:65px;
	width:65px;
}
header #headerlogo h1{
	font-size:2.25em;
}
header #headerlogo h1 span{
	width:235px;
	font-size:.3em;
}
header #headerlogo h1 span span{
	font-size:.70em;
}
header #headerdown {
	height:0px;
}
header #headermenu {
	position:absolute;
	left:0;
	right:0;
	margin: 0 auto;
	width:100%;
}
}
/**/
@media all and (max-width: 449px) {
header {
	position:relative;
	height:100px;
}
header .headertop {
	height:35px;
}
header .headertop #headerinfo {
	gap:.5em;
}
header .headertop #headerinfo a{
	padding:.85em .75em;	
	font-size:.8em;
}
header .headertop #headerinfo a i{
	font-size:1.15em;
}
header .headermiddle {
	max-width:90%;
	height:65px;
}
header .headermiddle #headerlogo {
	width:fit-content;
	margin:0 auto;
	gap:1em;
}
header .headermiddle #headerlogo a{
	height:55px;
	width:55px;
}
header #headerlogo h1{
	width:fit-content;
	font-size:1.75em;
}
header #headerlogo h1 span{
	width:fit-content;
	font-size:.3em;
}
header #headerlogo h1 span span{
	font-size:.70em;
}
header #headerdown {
	height:0px;
}
header #headermenu {
	position:absolute;
	left:0;
	right:0;
	margin: 0 auto;
	width:100%;
}
}
@media all and (min-width: 992px) {
.headernav {
	height:90px;
	position:fixed;
	top:0;
	-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}
.headernav .headertop{
	display:none;
}
.headernav .headermiddle {
	height:50px;
}
.headernav .headermiddle #headerlogo a{
	height:50px;
	width:50px;
}
.headernav #headerlogo h1{
	font-size:2.5em;
}
.headernav #headerlogo h1 span{
	display:none;
}


.headernav #headerdown {
	
}
.headernav #headermenu {

}
}