.header {
	width: 100%;
	height: 83px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 17px;
	font-weight: 500;
}
.container {
	max-width: 1160px;
	min-width: 1160px;
	padding: 0 8px;
	height: 100%;
	display: grid;
	justify-content: space-between;
	align-content: space-between;
	grid-template-columns: repeat(8, 1fr);
	grid-template-rows: repeat(2, 41.5px);
	grid-template-areas:
		'logo headmenu headmenu headmenu headmenu headmenu flag login'
		'logo headmenu headmenu headmenu headmenu headmenu flag singup';
}
.logo {
	grid-area: logo;
	justify-self: start;
	align-self: center;
}
.logo a {
}
.headmenu {
	grid-area: headmenu;
	/* display: grid;
	justify-content: space-between;
	align-content: center;
	grid-template-columns: repeat(5, auto); */
}
.headmenu ul {
	height: 100%;
	display: grid;
	grid-template-columns: repeat(5, auto);
	justify-content: space-between;
	align-content: center;
}
.headmenu ul li:hover {
	color: #226ce6;
	transition: all 0.5s;
}
.local {
	grid-area: flag;
	display: grid;
	justify-content: center;
	align-content: center;
	font-size: 14px;
}
.login {
	grid-area: login;
	display: grid;
	align-content: end;
}
.login:hover {
	color: #226ce6;
	transition: all 0.5s;
}
.singup {
	grid-area: singup;
}
.singup:hover {
	color: #226ce6;
	transition: all 0.5s;
}
.hamb {
	display: none;
}

.popup {
	display: none;
}

.navbar {
	display: none;
}

/* Выбор языка */
.dropbtn {
	padding: 5px;
	cursor: pointer;
	border-left: 1px solid #494049;
	border-right: 1px solid #494049;
	padding-left: 10px;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
	position: relative;
	display: inline-block;
	display: flex;
	align-items: center;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
	display: none;
	position: absolute;
	background-color: #fff;
	border: 1px solid #f7f7f7;
	box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.15);
	width: 77px;
	padding: 4px 9px;
	margin-top: 144px;
}

/* Safari 11+ */
@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) and (stroke-color:transparent) {
	.dropdown-content {
		display: none;
		position: absolute;
		background-color: #fff;
		border: 1px solid #f7f7f7;
		box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.15);
		width: 77px;
		padding: 4px 9px;
		/*margin-top: 144px !important;
		margin-top: 64px !important;*/
	}
	.dropdown:hover .dropdown-content {
		display: block;
		display: flex;
		flex-direction: column;
		gap: 5px;
	}
}}

.menu-margin {
 	margin-top: 64px !important;
}

/* Test website on real Safari 11+ */

/* Safari 10.1 */
@media not all and (min-resolution:.001dpcm){
	@supports (-webkit-appearance:none) and (not (stroke-color:transparent)) {
		.dropdown-content {
			display: none;
			position: absolute;
			background-color: #fff;
			border: 1px solid #f7f7f7;
			box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.15);
			width: 77px;
			padding: 4px 9px;
			margin-top: 5px !important;
		}
		.dropdown:hover .dropdown-content {
			display: block;
			display: flex;
			flex-direction: column;
			gap: 5px;
		}
	}}

/* Safari 6.1-10.0 (but not 10.1) */
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0){
	@media {
		.dropdown-content {
			display: none;
			position: absolute;
			background-color: #fff;
			border: 1px solid #f7f7f7;
			box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.15);
			width: 77px;
			padding: 4px 9px;
		}
		.dropdown:hover .dropdown-content {
			display: block;
			display: flex;
			flex-direction: column;
			gap: 5px;
		}
	}}

.dropbtn {
	/* background: url('../img/flags/RU.svg') no-repeat left center; */

	width: 85px;
	display: flex;
	justify-content: center;
}

.dropbtn::after {
	background: rgba(0, 0, 0, 0)
		url('https://cdn3.iconfinder.com/data/icons/google-material-design-icons/48/ic_keyboard_arrow_down_48px-16.png')
		no-repeat scroll center center;
	content: '';
	height: 16px;

	width: 16px;
}

/* .dropdown-content a:nth-child(1) {
	background: url('../img/flags/RU.svg') no-repeat left center;
	margin-right: 5px;
}

.dropdown-content a:nth-child(2) {
	background: url('../img/flags/en.svg') no-repeat left center;
}
.dropdown-content a:nth-child(3) {
	background: url('../img/flags/de.svg') no-repeat left center;
}
.dropdown-content a:nth-child(4) {
	background: url('../img/flags/fr.svg') no-repeat left center;
} */

/* Links inside the dropdown */
.dropdown-content a {
	color: black;
	padding: 0;
	text-decoration: none;
	display: block;
}
.dropdown-content a {
	display: flex;
	align-items: center;
	gap: 6px;
}
.dropdown-content a img {
	width: 28px;
	margin-top: 5px;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
	color: #226ce6;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
	display: block;
	display: flex;
	flex-direction: column;
	gap: 5px;
}

/* HAMB */
/* HAMB */
/* HAMB */
/* HAMB */

@media screen and (max-width: 980px) {
	.header {
		/* width: 100%;
	height: 83px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 17px;
	font-weight: 500; */

		width: 100%;
		height: 84px;
		margin-top: 8px;
	}
	.header > .container {
		/* width: 1160px;
	height: 100%;
	display: grid;
	justify-content: center;
	align-content: space-between;
	grid-template-columns: repeat(8, 1fr);
	grid-template-rows: repeat(2, 41.5px);
	grid-template-areas:
		'logo headmenu headmenu headmenu headmenu headmenu flag login'
		'logo headmenu headmenu headmenu headmenu headmenu flag singup'; */
		min-width: 0;
		width: 100%;
		padding: 4px 8px;
		grid-template-rows: auto;
		grid-template-areas: 'logo . . . . . flag hamb';
	}
	.logo {
		/* grid-area: logo;
	justify-self: start;
	align-self: center; */
	}
	.logo a {
	}
	.headmenu {
		/* grid-area: headmenu;
	/* display: grid;
	justify-content: space-between;
	align-content: center;
	grid-template-columns: repeat(5, auto); */
		display: none;
	}
	.headmenu ul {
		/* height: 100%;
	display: grid;
	grid-template-columns: repeat(5, auto);
	justify-content: space-between;
	align-content: center; */
	}
	.headmenu ul li:hover {
		/* color: #226ce6;
	transition: all 0.5s; */
	}
	.local {
		/* grid-area: flag;
	display: grid;
	justify-content: center;
	align-content: center;
	font-size: 14px; */
		/* margin-right: 22px; */
	}
	.login {
		/* grid-area: login;
	display: grid;
	align-content: end; */
		display: none;
	}
	.login:hover {
		/* color: #226ce6;
	transition: all 0.5s; */
	}
	.singup {
		/* grid-area: singup; */
		display: none;
	}
	.singup:hover {
		/* color: #226ce6;
	transition: all 0.5s; */
	}
	.dropbtn {
		border: none;
	}

	.hamb {
		display: block;
		grid-area: hamb;
		display: flex;
		align-items: center;
		justify-content: end;
	}
	.hamb__field {
		padding: 10px 20px;
		cursor: pointer;

		z-index: 100;
	}
	.hamb__field .close {
		display: none;
	}
	.bar {
		display: block;
		/* width: 30px;
		height: 3px;
		margin: 6px auto;
		background-color: #226ce6; */
		border-radius: 100%;
		transition: 0.2s;
	}

	.hamb__field.active .bar_open {
		display: none;
	}
	.hamb__field.active .close {
		display: block;
	}
	/* .hamb__field.active .bar:nth-child(2) {
		opacity: 0;
		background-color: #ffffff;
		z-index: 100;
	}

	.hamb__field.active .bar:nth-child(1) {
		transform: translateY(8px) rotate(45deg);
		background-color: #ffffff;
		z-index: 100;
	}

	.hamb__field.active .bar:nth-child(3) {
		transform: translateY(-8px) rotate(-45deg);
		background-color: #ffffff;
		z-index: 100;
	} */

	.popup {
		position: fixed;
		top: 0px;
		right: -100%;
		width: 70%;

		height: 100%;
		background-color: #464648;
		z-index: 90;
		display: flex;
		transition: 0.3s;
		flex-direction: column;
	}

	.popup.open {
		right: 0;
	}

	.popup .menu {
		height: 100%;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: start;
		padding-top: 50px;
		padding-bottom: 0;
		overflow: auto;
	}

	.popup .menu > li {
		/* width: 100%; */
		padding-left: 42px;
	}

	.popup .menu > li > a {
		width: 100%;
		display: flex;
		justify-content: center;
		padding: 12px 0;

		color: #ffffff;

		font-weight: 500;
		font-size: 22px;
		line-height: 150%;
	}

	.popup .menu > li > a:hover {
		color: #226ce6;
	}
	.popup .menu > li > a:active {
		color: #226ce6;
	}
	.menu_soc {
		display: flex;
		flex-wrap: wrap;
		gap: 16px;
		padding-left: 42px;
		width: 50%;
		padding-top: 25px;
	}
}

@media screen and (max-width: 480px) {
	.popup {
		width: 100%;
	}
}

/* TOPHEAD */
.topheader {
	background: #e4eeff;
	width: 100%;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;

	display: none;
}
.topheader_container {
	display: flex;
	align-items: center;
	gap: 20px;
	padding: 0px 30px;
	justify-content: end;
	width: 100%;
	font-size: 16px;
}
.topheader_login {
}
.topheader_sing {
}
.topheader_br {
	height: 16px;
	width: 1px;
	background: #000;
}

@media screen and (max-width: 980px) {
	.topheader {
		display: flex;
	}
}

.menu_btn {
	/* display: grid; */
	grid-template-columns: auto;
	grid-template-rows: 60px 60px;
	grid-gap: 20px;
	padding-left: 42px;
	padding-top: 30px;
	padding-bottom: 30px;
}
.btn {
}
.menu_btn_btn {
}

.header {
	position: fixed;
	top: 0;
	background: #fff;
	/* box-shadow: 0px 6px 10px 0px rgb(34 60 80 / 20%); */
	/* box-shadow: 0px 1px 10px 0px rgb(34 60 80 / 20); */
	margin-top: 0;
}

@media screen and (max-width: 1200px) {
	.header {
		position: relative;
		top: auto;

		background: #fff;
		box-shadow: none;
		margin-top: 8px;
	}
}