#header-top-mobile {
	background-color: #fff;
	padding: 8px 16px;
}

#header-top-mobile-menu-btn {
	background-color: #fff;
	font-weight: 600;
	font-size: 14px;
	line-height: 150%;
	text-align: center;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #333333;
	justify-content: flex-start;
}

.new-burger-menu {
	width: 24px;
	height: 24px;
	position: relative;
}

.new-burger-menu span {
	width: 16px;
	height: 1.5px;
	background-color: #333333;
	position: absolute;
	left: 4px;
	transition-property: opacity, transform;
	transition-duration: 0.3s;
	transition-timing-function: ease;
}

.new-burger-menu span:nth-child(1) {
	top: 7px;
}

.new-burger-menu span:nth-child(2) {
	top: 12px;
}

.new-burger-menu span:nth-child(3) {
	top: 17px;
}

.new-burger-menu.new-burger-menu_active span:nth-child(1) {
	transform: rotate(45deg) translate(3px, 3px);
}

.new-burger-menu.new-burger-menu_active span:nth-child(2) {
	transform: rotate(45deg) translate(0px, 0px);
	opacity: 0;
}

.new-burger-menu.new-burger-menu_active span:nth-child(3) {
	transform: rotate(-45deg) translate(4px, -4px);
}

.header-nav-mwrapper {
	display: none;
}

.header-nav-phone {
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.499 16.984L17.1873 14.6722C16.5203 14.0052 15.435 14.0052 14.7681 14.6722L13.7525 15.6878C11.4328 14.4731 9.52658 12.5668 8.31187 10.247L9.32755 9.23128C9.99446 8.5643 9.99446 7.479 9.32755 6.81202L7.01587 4.50024C6.34891 3.83325 5.26366 3.83325 4.59671 4.50024L2.74735 6.34972C1.78105 7.31601 1.75084 9.01949 2.66226 11.1463C3.48388 13.0635 4.99185 15.1748 6.90835 17.0914C8.82484 19.008 10.9361 20.516 12.8533 21.3377C13.884 21.7795 14.8153 22 15.6114 22C16.4578 22 17.1516 21.7506 17.6496 21.2526L19.4989 19.4032C19.8221 19.0801 20 18.6505 20 18.1936C20 17.7367 19.8221 17.3071 19.499 16.984ZM18.4668 18.371L16.6174 20.2205C16.1167 20.7212 14.9246 20.6373 13.4282 19.996C11.6777 19.2458 9.72877 17.8477 7.94042 16.0593C6.15212 14.2708 4.75405 12.3218 4.00381 10.5713C3.36259 9.07496 3.27862 7.88267 3.77938 7.38194L5.62874 5.5325C5.72662 5.43466 5.88581 5.43466 5.98365 5.5325L8.29533 7.84429C8.39317 7.94213 8.39317 8.10137 8.29533 8.19916L6.54464 9.94998L6.76483 10.4148C8.17842 13.3992 10.6004 15.8213 13.5847 17.235L14.0495 17.4552L15.8002 15.7044C15.8642 15.6405 15.9389 15.6309 15.9777 15.6309C16.0164 15.6309 16.0911 15.6404 16.155 15.7043L18.4667 18.0161C18.5307 18.08 18.5402 18.1547 18.5402 18.1936C18.5403 18.2324 18.5307 18.3071 18.4668 18.371Z' fill='%23333333'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 6.82155C12 6.36782 12.3678 6 12.8215 6L13.0707 6C15.7931 6 18 8.20691 18 10.9293L18 11.1785C18 11.6322 17.6322 12 17.1785 12C16.7247 12 16.3569 11.6322 16.3569 11.1785L16.3569 10.9293C16.3569 9.11437 14.8856 7.64309 13.0707 7.64309L12.8215 7.64309C12.3678 7.64309 12 7.27527 12 6.82155Z' fill='%23333333'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.9534 8.72867C19.377 6.42313 17.5769 4.62296 15.2713 4.04658L13.6291 3.63603C13.1843 3.52481 12.9138 3.074 13.025 2.62913C13.1362 2.18425 13.587 1.91377 14.0319 2.02499L15.6741 2.43554C18.5746 3.16067 20.8393 5.42539 21.5645 8.32591L21.975 9.96811C22.0862 10.413 21.8158 10.8638 21.3709 10.975C20.926 11.0862 20.4752 10.8158 20.364 10.3709L19.9534 8.72867Z' fill='%23333333'/%3E%3C/svg%3E%0A");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 24px;
	background-color: #ffffff;
	border: 1px solid #ebebeb;
	box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.03);
	border-radius: 4px;
	padding: 10px 20px;
	cursor: pointer;
}

.mobile-contact {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.4);
	display: none;
}

.mobile-contact.mobile-contact_active .mobile-contact__wrap {
	transform: translateX(0);
}

.mobile-contact__wrap {
	width: 100%;
	background-color: #fff;
	height: 100%;
	max-width: 320px;
	padding: 32px 16px;
	overflow: auto;
	transform: translateX(-100%);
	transition: transform 0.3s ease;
}

.mobile-contact__wrap #header-info-location {
	justify-content: flex-start;
	-ms-align-items: center;
	align-items: flex-start;
	margin-bottom: 0;
	padding: 0 0 32px;
}

.mobile-contact__wrap img {
	width: 18px;
	height: 18px;
	margin: 0 4px 0 0;
}

.mobile-contact__wrap .location {
	margin-right: 4px;
}

.text-title {
	font-weight: 600;
	font-size: 24px;
	line-height: 150%;
	color: #333333;
	margin: 0 0 16px;
}

.mobile-contact__wrap .mobilemenuitem {
	padding: 0;
}

.mobile-contact__wrap .mobile-show {
	display: inline !important;
}

.mobile-contact__wrap a.phonetop {
	font-weight: 400;
	font-size: 18px !important;
	line-height: 122%;
	color: #333333;
}

.mobile-contact__days-row {
	font-size: 14px;
	line-height: 122%;
	color: #828282;
	text-align: left;
	padding: 0 0 0 16px;
}

.mobile-contact__worktime {
	padding: 14px 0 20px;
}

.mobile-contact__worktime .worktime {
	padding: 0 0 4px;
	display: flex;
	align-items: center;
	font-size: 14px;
	line-height: 122%;
}

.mobile-contact__worktime .now {
	order: 2;
	color: #333333 !important;
	margin-right: 3px;
}

.mobile-contact__worktime .worktime-dot {
	order: 1;
}

.mobile-contact__worktime .worktime-state {
	order: 3;
	text-transform: lowercase;
}

.mobile-contact__mail {
	font-weight: 400;
	font-size: 18px;
	line-height: 122%;
	color: #333333;
	text-decoration: none;
}

.mobile-contact__mail:hover,
.mobile-contact__wrap a.phonetop:hover {
	color: #0056b3;
	text-decoration: none;
}

.mobile-contact__form {
	margin: 20px 0 0;
}

.modal-input {
	padding: 11px 13px;
	border: 1px solid #c8d5e3;
	border-radius: 2px;
	width: 100%;
	color: #333333;
	font-weight: 400;
	font-size: 16px;
	line-height: 122%;
}

.modal-input::-moz-placeholder {
	font-size: 16px;
	line-height: 19px;
	color: #a6a6a6;
}

.modal-input:-ms-input-placeholder {
	font-size: 16px;
	line-height: 19px;
	color: #a6a6a6;
}

.modal-input::placeholder {
	font-size: 16px;
	line-height: 19px;
	color: #a6a6a6;
}

.modal-submit {
	padding: 14px 10px;
	width: 100%;
	margin: 24px 0 0;
	border: 0;
	font-weight: 600;
	font-size: 14px;
	line-height: 121%;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #333333;
}

.mobile-contact__form .form-error {
	color: #f55;
	margin: 4px 0 0;
	display: none;
}

.form__error {
	border-color: #f55;
}

.linear-btn {
	filter: drop-shadow(0px 4px 20px rgba(255, 190, 22, 0.21));
	background: linear-gradient(89.85deg, #ffb628 0.63%, #ffda3f 99.84%);
	border-radius: 2px;
	font-weight: 600;
	cursor: pointer;
	position: relative;
	transition: filter 0.2s;
	text-align: center;
}

.linear-btn:hover {
	filter: drop-shadow(0px 4px 10px rgba(255, 196, 48, 0.51));
}

.custom-checkbox-new:hover {
	cursor: pointer;
}

.modal-submit + .custom-checkbox-new {
	margin: 24px 0 0;
}

.custom-checkbox-new > input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}

.custom-checkbox-new .custom-checkbox-row {
	display: inline-flex;
	align-items: flex-start;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-weight: 400;
}

.custom-checkbox-new .custom-checkbox-circle {
	content: '';
	display: inline-block;
	width: 17px;
	height: 17px;
	flex-shrink: 0;
	flex-grow: 0;
	border: 1px solid #efc063;
	border-radius: 2px;
	margin-right: 12px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 11px;
}

.custom-checkbox-new
	input:not(:disabled):not(:checked)
	+ .custom-checkbox-row
	.custom-checkbox-circle:hover {
	border-color: #ffbe3f;
}

.custom-checkbox-new
	> input:checked
	+ .custom-checkbox-row
	.custom-checkbox-circle {
	background-image: url("data:image/svg+xml,%3Csvg width='11' height='9' viewBox='0 0 11 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.777832 4.02772L3.92598 7.33328L10.2223 0.722168' stroke='black' stroke-width='2'/%3E%3C/svg%3E%0A");
	background-color: #ffbe3f;
}

.custom-checkbox-new
	> input:disabled
	+ .custom-checkbox-row
	.custom-checkbox-circle {
	background-color: #e9ecef;
}

.custom-checkbox-text {
	font-weight: 400;
	font-size: 14px;
	line-height: 122%;
	color: #595959;
}

.mobile-contact__form-title {
	font-weight: 600;
	font-size: 24px;
	line-height: 150%;
	color: #333333;
}

.mobile-contact__form-subtitle {
	font-weight: 400;
	font-size: 16px;
	line-height: 150%;
	color: #595959;
	margin: 8px 0 24px;
}

.modal-field:not(:last-child) {
	margin: 0 0 16px;
}

.mobile-contact__close {
	position: absolute;
	width: 40px;
	height: 40px;
	border-radius: 3px;
	background-color: #fff;
	background-image: url(/img/mob/close.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 14px;
	cursor: pointer;
	opacity: 1;
	transition: all 200ms ease;
	right: 10px;
	top: 10px;
	z-index: 1;
}

#header-nav.header-nav-menu-mobile {
	display: block;
	position: sticky;
	top: 56px;
	z-index: 99;
}


.mobilemenuitem {
	font-weight: 400;
	font-size: 16px;
	line-height: 122%;
	color: #333333;
	padding: 14px 20px 14px 16px;
}
.mHeader__production {
	padding: 140px 0 0 20px;
}

.mHeader__production .mHeader__close {
	display: none;
}

.mobiphone__inner {
	display: block;
}

.mobile-contact__worktime #header-info-worktime {
	margin: 0;
}
.mobiworktime #header-info-worktime {
	margin: 10px 0 0;
}
.mobiworktime .worktime {
	margin: 8px 0 0;
}
.mobiworktime {
	border-top: 1px solid #e7e7e7;
}
.mobiworktime .mobile-contact__days-row,
.mobiworktime .worktime {
	padding: 0;
}

.mobiworktime .worktime {
	font-size: 14px;
	line-height: 122%;
}

@media (max-width: 991px) {
	.header-nav-mwrapper {
		display: flex;
		justify-content: space-between;
		width: 100%;
		padding: 12px 0;
	}

	#header-nav-mobile {
		height: auto;
		background: linear-gradient(89.85deg, #ffb628 0.63%, #ffda3f 99.84%);
		border-radius: 4px;
		padding: 14px 75px;
		text-align: center;
		width: 100%;
		margin: 0 8px 0 0;
		font-weight: 600;
		font-size: 13px;
		line-height: 121%;
		letter-spacing: 0.05em;
		text-transform: uppercase;
		color: #333333;
		cursor: pointer;
	}

	#header-info {
		margin-top: 56px;
	}

	#header-top-mobile-menu {
		top: 56px;
	}

	.header-top-mobile-menu .mobilemenuitem {
		font-size: 16px;
		line-height: 19px;
		padding: 14px 20px 14px 16px;
	}

	#header-nav {
		border-top: 1px solid #e7e7e7;
		border-bottom: 1px solid #e7e7e7;
		border-left: 0;
		border-right: 0;
	}

	#header-nav:not(.header-nav-menu-mobile) {
		display: none;
	}
}

@media (max-width: 767.98px) {
	#header-info .header-ctep__city {
		display: none;
	}

	#header-info .container,
	#header-nav .container {
		max-width: 100%;
	}

	#header-info .worktime {
		padding: 0;
		display: flex;
		align-items: center;
	}

	#header-info .now {
		color: #333333 !important;
		margin-right: 3px;
		order: 2;
	}

	#header-info .worktime-state {
		color: #333333;
		order: 3;
		text-transform: lowercase;
	}

	#header-info .worktime-dot {
		margin-right: 5px;
		margin-bottom: 1px;
	}

	.header-ctep__wrap {
		grid-template-columns: 0.6fr 1fr;
	}

	#header-info .header-ctep__call img {
		display: none;
	}

	#header-info .header-ctep__call .phonetop {
		font-weight: 400;
		font-size: 17px;
		line-height: 122%;
		text-align: right;
		color: #333333;
		text-decoration: none;
	}

	#header-info .header-ctep__call .phonetop:hover {
		text-decoration: none;
	}
}

@media (min-width: 991px) {
	#header-nav.header-nav-menu-mobile {
		display: none;
	}
}

@media (min-height: 720px) {
	.mobile-contact__form {
		margin: 80px 0 0;
	}
}

@media (max-height: 700px) {
	.text-title {
		font-size: 22px;
		margin: 0 0 10px;
	}

	.mobile-contact__form-title {
		font-size: 22px;
	}

	.mobile-contact__wrap #header-info-location {
		padding: 0 0 18px;
	}
}
