header {

	padding-top: 45px;

	font-family: var(--font2);

	position: fixed;

	top: 0;

	left: 0;

	right: 0;

	background-color: #ffffff00;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-ms-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

	-webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0);

	-moz-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0);

	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0);

	z-index: 99

}



header.sticky {

	backdrop-filter: blur(40px);

	-webkit-backdrop-filter: blur(40px);

	background-color: #ffffffd3;

	padding-top: 5px;

    padding-bottom: 10px;

	border-bottom: 1px solid rgb(243, 243, 243);

	/*box-shadow: 0 2px 40px 0 hsla(209, 100%, 40%, 0.4);

	-webkit-box-shadow: 0 2px 40px 0 hsla(209, 100%, 40%, 0.4);
	
	-moz-box-shadow: 0 2px 40px 0 hsla(209, 100%, 40%, 0.4);*/

}



header .c {

	display: grid;

	grid-template-columns: 340px 1fr;

}



header .logo {

	margin-top: 29px;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-ms-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}



header.sticky .logo {

	margin-top: 0

}



header .logo img {

    max-width: 100%;

	width: 334px;

	height: 61px;

	cursor: default;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-ms-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

}



header.sticky .logo img {

	cursor: pointer;

	width: 284px;

	height: 52px;

}



header .panel {

	text-align: right;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-ms-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}



header .panel .lang {

	font-size: 16px;

	margin-bottom: 29px;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-ms-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

	margin-top: 0

}



header.sticky .panel .lang {

	font-size: 16px;

	margin-bottom: 5px;

	margin-top: 2px;

}



header .panel .lang li {

	display: inline-block;

	vertical-align: middle;

	font-weight: 500;

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

	-ms-transition: all 0.5s;

	-o-transition: all 0.5s;

	transition: all 0.5s;

}



header .panel .lang li.active {

	color: var(--color2)

}



header .panel .lang li:hover {

	color: var(--color2)

}



header .panel .lang li:after {

	content: "";

	width: 2px;

	height: 14px;

	display: inline-block;

	margin: 0 5px 0 7px;

	background-color: var(--color);

	top: 2px;

	position: relative

}



header .panel .lang li:last-of-type:after {

	display: none

}



header .panel .lang li.active {

	font-weight: 500

}



header .panel .lang a {}



header .panel .main {

	font-size: 22px

}



header .panel .main .contact {

	display: inline-block;

	vertical-align: middle

}



header .panel .main .contact .item {

	display: inline-block;

	vertical-align: middle

}



header .panel .main .contact .item a {

	display: inline-block;

	vertical-align: middle;

	margin-left: 26px;

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

	-ms-transition: all 0.5s;

	-o-transition: all 0.5s;

	transition: all 0.5s;

}



header .panel .main .contact .item a:hover {

	color: var(--color2)

}



header .panel .main .contact .item img {

	margin-right: 14px;

	width: 18px;

	height: 18px;

	object-fit: contain;

	position: relative;

	top: 2px;

}



header .panel .main .social {

	display: inline-block;

	vertical-align: middle;

	margin-left: 33px

}



header .panel .main .social a {

	margin-left: 12px;

	display: inline-block;

	vertical-align: middle;

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

	-ms-transition: all 0.5s;

	-o-transition: all 0.5s;

	transition: all 0.5s;

	opacity: 1;

}



header .panel .main .social a:hover {

	opacity: 0.5;

}



header .panel .main .social img {

	height: 16px;

	object-fit: contain

}



/* [l] */

@media all and (max-width: 1200px) {

	header .panel .main {

		font-size: 16px;

	}



	header .panel .main .contact {

		display: inline-block;

		vertical-align: middle;

	}



	header .panel .main .contact .item a {

		margin-left: 14px;

	}



	header .panel .main .contact .item img {

		top: 3px;

		margin-right: 8px;

	}



	header .panel .main .social {

		display: inline-block;

		vertical-align: middle;

		margin-left: 10px;

	}

}



/* [m] */

@media all and (max-width: 992px) {

	header {

		padding-top: 18px;

	}



	header .c {

		padding: 0 10px;

		grid-template-columns: 200px 1fr;

	}



	header .logo {

		margin: 0;

	 padding-left:8px;

	}



	header.sticky .logo {}



	header .logo img {

		height: 37px!important;;

		width: 200px!important;;

	}



	header .panel {

		padding-top: 10px;

		padding-right: 7px;

	}



	header .panel .lang {

		display: inline-block;

		vertical-align: middle;

		margin: 0;

	}



	header.sticky .panel .lang {

		margin: 0;

	}



	header .panel .main {

		display: inline-block;

		vertical-align: middle;

	}



	header .panel .main .contact {

		display: none;

	}

}



/* [xs] */

@media all and (max-width: 576px) {

	header .c {

		grid-template-columns: 200px 1fr;

	}



	header .panel .main .social {

		display: none;

	}

}