.header-site-wrap {
	min-height:100px;
	display:flex;
	align-items:center;
	justify-content:space-between;
}

.logo-head {
	max-width:30%;
}

.logo-head img {
	width:100%;
	height:auto;
}

.city-head,
.mail-head,
.phone-head {
	font-weight:500;
	display:flex;
	align-items:center;
	gap:5px;
	font-size:22px;
}

.mail-head a,
.phone-head a {
	color:#141414;
	text-decoration:none;
}

.city-head span,
.mail-head span,
.phone-head span {
	display:flex;
	align-items:center;
	justify-content:center;
	width:32px;
	height:32px;
	background:#F7CE46;
	border-radius:50%;
}

.mobile-contact {
	display:none;
	gap:10px;
}

.mobile-mail,
.mobile-phone {
	display:inline-block;
}

.mobile-mail span,
.mobile-phone span {
	display:flex;
	align-items:center;
	justify-content:center;
	width:32px;
	height:32px;
	background:#F7CE46;
	border-radius:50%;	
}

.mobile-mail span i,
.mobile-phone span i {
	display:block;
	width:28px;
	height:28px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;	
}

.mobile-mail span i {
	width:20px;
	height:20px;
	background-image: url("data:image/svg+xml,%3Csvg width='800px' height='800px' viewBox='0 0 48 48' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='ic_fluent_mail_48_filled' fill='%23141414' fill-rule='nonzero'%3E%3Cpath d='M43,16.976 L43,33.75 C43,36.6494949 40.6494949,39 37.75,39 L10.25,39 C7.35050506,39 4.99976748,36.6494949 4.99976748,33.75 L4.99976748,16.976 L23.3976016,27.0952699 C23.7727049,27.3015767 24.2272951,27.3015767 24.6023984,27.0952699 L43,16.976 Z M37.75,9 C40.6074055,9 42.9316438,11.2827599 42.9985196,14.1240842 L24,24.573411 L5.00176748,14.124 L5.00437905,14.0335954 C5.11786837,11.2344489 7.42299244,9 10.25,9 L37.75,9 Z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");	
}

.mobile-phone span i {
	width:25px;
	height:25px;
	background-image: url("data:image/svg+xml,%3Csvg fill='%23000000' width='800px' height='800px' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.748 5.773S11.418 5 10.914 5c-.496 0-.754.229-.926.387S6.938 7.91 6.938 7.91s-.837.731-.773 2.106c.054 1.375.323 3.332 1.719 6.058 1.386 2.72 4.855 6.876 7.047 8.337 0 0 2.031 1.558 3.921 2.191.549.173 1.647.398 1.903.398.26 0 .719 0 1.246-.385.536-.389 3.543-2.807 3.543-2.807s.736-.665-.119-1.438c-.859-.773-3.467-2.492-4.025-2.944-.559-.459-1.355-.257-1.699.054-.343.313-.956.828-1.031.893-.112.086-.419.365-.763.226-.438-.173-2.234-1.148-3.899-3.426-1.655-2.276-1.837-3.02-2.084-3.824a.56.56 0 0 1 .225-.657c.248-.172 1.161-.933 1.161-.933s.591-.583.344-1.27-1.906-4.716-1.906-4.716z'/%3E%3C/svg%3E");	
}

.city-head span i,
.mail-head span i,
.phone-head span i {
	display:block;
	width:28px;
	height:28px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}

.city-head span i {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3C!-- Скачано с сайта svg4.ru / Downloaded from svg4.ru --%3E%3Csvg fill='%23141414' height='80px' width='800px' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 50 50' enable-background='new 0 0 50 50' xml:space='preserve'%3E%3Cpath d='M24.43,40.153c0.186,0.276,0.497,0.441,0.829,0.441h0c0.333,0,0.644-0.166,0.829-0.441l9.436-14.018 c1.128-1.799,1.725-3.865,1.725-5.976c0-6.376-5.383-11.564-12-11.564s-12,5.188-12,11.564c0,2.114,0.599,4.184,1.749,6.012 L24.43,40.153z M25.25,10.594c5.514,0,10,4.291,10,9.564c0,1.734-0.491,3.433-1.402,4.886l-8.59,12.76l-8.584-12.726 c-0.932-1.482-1.424-3.183-1.424-4.92C15.25,14.885,19.736,10.594,25.25,10.594z'/%3E%3Cpath d='M25.25,25.616c3.135,0,5.686-2.467,5.686-5.5s-2.55-5.5-5.686-5.5s-5.686,2.467-5.686,5.5S22.115,25.616,25.25,25.616z M25.25,16.616c2.032,0,3.686,1.57,3.686,3.5s-1.653,3.5-3.686,3.5s-3.686-1.57-3.686-3.5S23.218,16.616,25.25,16.616z'/%3E%3C/svg%3E");
}

.mail-head span i {
	width:20px;
	height:20px;
	background-image: url("data:image/svg+xml,%3Csvg width='800px' height='800px' viewBox='0 0 48 48' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='ic_fluent_mail_48_filled' fill='%23141414' fill-rule='nonzero'%3E%3Cpath d='M43,16.976 L43,33.75 C43,36.6494949 40.6494949,39 37.75,39 L10.25,39 C7.35050506,39 4.99976748,36.6494949 4.99976748,33.75 L4.99976748,16.976 L23.3976016,27.0952699 C23.7727049,27.3015767 24.2272951,27.3015767 24.6023984,27.0952699 L43,16.976 Z M37.75,9 C40.6074055,9 42.9316438,11.2827599 42.9985196,14.1240842 L24,24.573411 L5.00176748,14.124 L5.00437905,14.0335954 C5.11786837,11.2344489 7.42299244,9 10.25,9 L37.75,9 Z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.phone-head span i {
	width:25px;
	height:25px;
	background-image: url("data:image/svg+xml,%3Csvg fill='%23000000' width='800px' height='800px' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.748 5.773S11.418 5 10.914 5c-.496 0-.754.229-.926.387S6.938 7.91 6.938 7.91s-.837.731-.773 2.106c.054 1.375.323 3.332 1.719 6.058 1.386 2.72 4.855 6.876 7.047 8.337 0 0 2.031 1.558 3.921 2.191.549.173 1.647.398 1.903.398.26 0 .719 0 1.246-.385.536-.389 3.543-2.807 3.543-2.807s.736-.665-.119-1.438c-.859-.773-3.467-2.492-4.025-2.944-.559-.459-1.355-.257-1.699.054-.343.313-.956.828-1.031.893-.112.086-.419.365-.763.226-.438-.173-2.234-1.148-3.899-3.426-1.655-2.276-1.837-3.02-2.084-3.824a.56.56 0 0 1 .225-.657c.248-.172 1.161-.933 1.161-.933s.591-.583.344-1.27-1.906-4.716-1.906-4.716z'/%3E%3C/svg%3E");
}

.btn-head {
	max-width:280px;
	width:100%;
	height:45px;
	display:flex;
	justify-content:center;
	align-items:center;
	background:#F7CE46;
	padding:10px 20px;
	border-radius:10px;
	border:1px solid #F7CE46;
	font-weight:700;
	transition:all 0.5s ease;
}

.btn-head:hover {
	background:transparent;
}

.navigation-site {
	min-height:clamp(45px, 38.08px + 1.92vw, 75px);
	display:flex;
	align-items:center;
	box-shadow: 0px 0px 23px 0px rgba(0, 0, 0, 0.18);
	position:relative;
	z-index:2;
}

#primary-menu {
	list-style:none;
	padding:0;
	margin:0;
	display:flex;
	justify-content: space-between;
	gap:25px;
	text-transform:uppercase;
	font-weight:600;
	font-size:14px;
}

#primary-menu li a {
	text-decoration:none;
	color:#141414;
	transition:all 0.5s ease;
}

#primary-menu li a:hover {
	color:#FFCC00;
}

.mobile-menu {
	display:none;
	justify-content:space-between;
	align-items:center;
	padding:10px 0;
}

.mobile-btn {
	width:40px;
	height:40px;
	border-radius:50%;
	background:#FFCC00;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	gap:4px;
}

.mobile-btn span {
	display:block;
	width:20px;
	height:2px;
	background:#141414;
}

/*Вторая шапка*/

.header-site-two {
	min-height:100px;
	display:flex;
	justify-content:space-between;
	align-items:center;
}

.header-site-two-logo {
	max-width:330px;
	width:100%;
	height:70px;
}

.header-site-two-logo img {
	display:block;
	width:100%;
	height:100%;
}

.header-site-two-contact {
	display:flex;
	align-items:center;
	gap:60px;
}

.header-site-two-email {
	display:flex;
	gap:15px;
	align-items:center;
}

.cotact-email-icon {
	width:50px;
	height:50px;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	background-image:url(../img/email.png);
}

.cotact-email-text a {
	text-decoration:none;
	font-weight:500;
	font-size:17px;
	color:#000;
}

.cotact-email-text span {
	display:block;
	color:#ffcc00;
	padding-top:10px;
}

.header-site-two-phone {
	display:flex;
	gap:15px;
	align-items:center;
}

.cotact-phone-icon {
	width:50px;
	height:50px;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	background-image:url(../img/phone.png);	
}

.cotact-phone-text a {
	text-decoration:none;
	font-weight:500;
	font-size:17px;
	color:#000;
}

.cotact-phone-text span {
	display:block;
	color:#ffcc00;
	padding-top:10px;
}

@media (max-width: 768px) {
	#primary-menu,
	.city-head,
	.btn-head,
	.mail-head,
	.phone-head,
	.header-site-two-email,
	.header-site-two-phone {
		display:none;
	}
	
	.mobile-menu {
		justify-content: flex-end;
	}
	
	.mobile-contact,
	.mobile-menu {
		display:flex;
	}
	
	.logo-head {
		max-width:55%;
	}
	
	.city-head-mobile {
		display:flex;
	}
}