* {
			margin: 0;
			padding: 0;
			box-sizing: border-box;
		}
		html {
			font-size: 16px;
		}
		body {
			font-family: "Roboto", sans-serif;
			background-image: url("../images/bgCom.jpeg");
			background-repeat: repeat;
		}
		a,
		a:visited {
			color: inherit;
			text-decoration: none;
		}
		ul {
			list-style: none;
		}
		.line {
			height: 1px;
			width: 90%;
			background-color: rgba(255, 255, 255, 0.719);
			margin: 20px auto;
		}
		.input {
			height: 25px;
			border: none;
			border-radius: 8px;
			color: rgb(61, 61, 61);
			padding: 5px 25px;
		}
		.container {
			display: flex;
			max-width: 1200px;
			margin: 0 auto;
			flex-direction: column;
			justify-content: center;
			padding: 0 5.5rem;
		}

		.search {
			display: flex;
			justify-content: end;
			padding: 20px;
		}
		.search__form {
			display: flex;
			margin-bottom: 20px;
		}

		.search__input {
			width: 200px;

			margin-right: 10px;
		}
		.search__button {
			position: relative;
			width: 80px;
			height: 25px;
			padding: 5px 25px;
			cursor: pointer;
			border-radius: 10px;
			border: none;
			background-color: rgb(230, 247, 214);
		}
		.search__button::before {
			content: url(/images/search.svg);
			position: absolute;
			left: 5px;
			top: 50%;
			transform: translateY(-45%);
		}

		.mobile__header {
			width: 100%;
			padding: 0 20px;
			position: fixed;
			display: none;
			align-items: center;
			z-index: 200;
			justify-content: space-between;
			top: 0;
			left: 0;
			height: 80px;
			background-color: #e4701e;
		}
		.mobile__logo {
			max-width: 100px;
			max-height: 75px;
		}
		.mobile__logo {
			width: 100%;
			height: 100%;
		}
		.mobile__burger {
			position: relative;
			width: 25px;
			height: 45px;
			cursor: pointer;
			display: flex;
			margin-left: auto;
			justify-content: center;
			z-index: 999;
			align-items: center;
			transition: 0.2s;
		}
		.mobile__burger::before {
			content: "";
			position: absolute;
			width: 25px;
			height: 2px;
			background-color: #fff;
			transition: transform 0.2s;
			transform: translateY(-6px);
			box-shadow: 0 6px 0 #fff;
		}
		.mobile__burger::after {
			content: "";
			position: absolute;
			width: 25px;
			height: 2px;
			background-color: #fff;
			transition: transform 0.2s;
			transform: translateY(6px);
		}
		.mobile__burger.active::before {
			transform: translateY(0px) rotate(45deg);
			box-shadow: 0 0 0 #fff;
		}
		.mobile__burger.active::after {
			transform: translateY(0px) rotate(-45deg);
		}
		.mobile__nav {
			height: 100vh;
			width: 300px;
			display: none;
			position: fixed;
			z-index: 100;
			right: 0;
			top: 0;
			transition: 0.3s;
			transform: translateX(300px);
			background-color: #cb6319;
			box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
		}
		.mobile__nav.active {
			transform: translateX(0);
		}

		.mobile__nav nav {
			margin-top: 80px;
		}
		.mobile__nav nav .menu {
			display: flex;
			max-height: calc(100vh - 90px);
			overflow: auto;
			flex-direction: column;
			padding: 0 10px;
		}
		.mobile__nav nav .menu > li {
			width: 100%;
			text-align: center;
			text-transform: uppercase;
			font-size: 20px;
			padding: 15px;
			color: #fff;
			border-bottom: 1px solid #fff;
		}
		.mobile__nav nav .menu > li .sub-menu {
			display: none !important;
		}
		.mobile__nav nav .menu > li .sub-menu li {
			padding: 10px;
			font-size: 18px;
			border-bottom: 1px solid rgba(255, 255, 255, 0.26);
		}
		.mobile__nav nav .menu > li .sub-menu li:last-child {
			border-bottom: none;
		}
		.mobile__nav nav .menu > li .sub-menu.active {
			display: flex !important;
			margin-top: 20px;
			flex-direction: column;
			justify-content: center;
		}
		.mobile__nav nav .menu .arrow {
			margin-left: 10px;
		}

		.wrapper {
			border-radius: 8px;
			box-shadow: 0 0 6px #e4701e;
			display: flex;
			flex-direction: column;
		}
		.header {
			display: flex;
			flex-direction: column;
			width: 100%;
		}
		.header__top {
			display: flex;
			padding: 10px 20px;
		}
		.header__logo {
			position: relative;
			width: 200px;
			height: 162px;
		}
		.header__logo-link {
			position: absolute;
			top: -60px;
			left: -57px;
		}
		.header__logo-image {
			max-width: 200px;
		}
		.header__info {
			margin-left: auto;
		}
		.header__info-title {
			font-size: 20px;
			text-align: right;
			color: #e4701e;
			text-shadow: 1px 1px 1px #b65917;
		}
		header section.menu {
			width: calc(100% + 170px);
			margin-left: -85px;
		}
		header section.menu ul.menu {
			display: flex;
			flex-wrap: wrap;
			background-color: #e4701e;
			align-items: center;
			justify-content: center;
			border: 5px solid rgb(185, 187, 189);
			border-radius: 30px;
		}
		header section.menu ul.menu li {
			padding: 15px 10px;
			color: #fff;
			cursor: pointer;
		}
		header section.menu ul.menu > li {
			border-right: 1px solid rgba(255, 255, 255, 0.432);
		}
		header section.menu ul.menu > li:last-child {
			border-right: none;
		}
		header section.menu ul.menu li.url::after {
			content: "";
			width: 0px;
			height: 1px;
			display: block;
			background: #fff;
			transition: 300ms;
		}
		header section.menu ul.menu li.url:hover::after {
			width: 100%;
		}
		header section.menu ul.menu li.sub-menu {
			position: relative;
		}
		header section.menu ul.menu li.sub-menu ul.sub-menu {
			display: none;
			position: absolute;
			top: 50px;
			left: 0;
			z-index: 999;
			flex-direction: column;
			align-items: baseline;
			min-width: max-content;
			box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.274);
			background-color: #e4701e;
		}
		header section.menu ul.menu li.sub-menu ul.sub-menu li.url {
			margin: 0;
			max-width: 100%;
		}
		header section.menu ul.menu li.sub-menu .arrow {
			margin-left: 10px;
		}

		main {
			display: flex;
			padding: 50px 20px;
		}
		.sidebar {
			width: 275px;
			flex-shrink: 0;
		}
		.sidebar__menu {
			margin-bottom: 40px;
		}

		.sidebar__menu-list {
			color: #fff;
		}

		.sidebar__menu-item {
			background-color: #e4701e;
			border: 5px solid rgb(185, 187, 189);
			margin-bottom: 10px;
			border-radius: 30px;
			text-align: center;
			padding: 15px 10px;
			cursor: pointer;
			transition: background 0.3s;
		}

		.sidebar__menu-item:last-child {
			margin-bottom: 0px;
		}
		.sidebar__menu-item:hover {
			background-color: #e68139;
		}
		.sidebar__image {
			width: 100%;
			height: 491px;
		}
		.sidebar__img {
			width: 100%;
			border-radius: 10px;
		}
		.content {
			flex-basis: calc(100% - 300px);
			margin-left: 25px;
			color: #fff;
		}
		.content__image {
			width: calc(100% + 20px);
			margin-left: -10px;
		}
		.content__img {
			width: 100%;
		}
		.content__info {
			padding: 20px;
			background: #e4701e;
			border-radius: 0 0 10px 10px;
			margin-bottom: 20px;
		}
		.content__info-top {
			display: flex;
			flex-direction: column;
		}
		.content__info-wrapper {
			display: flex;
			flex-wrap: wrap;
			margin-left: -30px;
		}
		.content__info-column {
			flex-basis: calc(50% - 30px);
			margin-left: 30px;
			display: flex;
			flex-direction: column;
			margin-bottom: 20px;
		}
		.content__info-title {
			font-size: 30px;
			text-transform: uppercase;
			margin-bottom: 10px;
		}
		.content__info-text {
			margin-bottom: 10px;
			margin-right: 10px;
			white-space: nowrap;
		}
		.content__info-subtitle {
			font-size: 22px;
			margin-bottom: 10px;
		}

		.content__info-phone {
			max-width: 80%;
			display: flex;
			justify-content: space-between;
			flex-wrap: nowrap;
		}
		.content__info-link {
			margin-left: 20px;
			white-space: nowrap;
		}
		.content__info-form {
			display: flex;
		}
		.content__info-inputPlaceholder {
			font-size: 10px;
		}

		.content__info-input {
			margin-right: 10px;
			margin-bottom: 3px;
		}
		.content__info-button {
			position: relative;
			width: 80px;
			height: 25px;
			padding: 5px 25px;
			cursor: pointer;
			border-radius: 10px;
			border: none;
			background-color: rgb(230, 247, 214);
		}
		.content__info-button::before {
			content: url(/images/search.svg);
			position: absolute;
			left: 5px;
			top: 50%;
			transform: translateY(-45%);
		}
		.content__info-working {
			max-width: 80%;
			display: flex;
			justify-content: space-between;
			flex-wrap: nowrap;
		}
		.content__prompt {
			margin-bottom: 20px;
		}
		.content__prompt-text {
			font-size: 18px;
			font-weight: 700;
			color: #000;
			font-style: italic;
		}
		.content__prompt-link {
			color: #e4701e;
		}

		.content__request {
			margin-bottom: 20px;
		}
		.content__request-title {
			font-size: 22px;
			margin-bottom: 10px;
			text-transform: uppercase;
			color: #e4701e;
		}
		.content__request-text {
			margin-bottom: 20px;
			color: #000;
		}
		.content__services {
			margin-bottom: 20px;
		}
		.content__services-title {
			font-size: 30px;
			color: #e4701e;
			text-transform: uppercase;
			margin-bottom: 10px;
		}
		.content__services-list {
			display: flex;
			margin-left: -30px;
		}
		.content__services-column {
			flex-basis: calc(100% / 3 - 30px);
			margin-left: 30px;
		}
		.content__services-item {
			color: #e4701e;
		}
		.content__services-item::before {
			content: "\2724";
			margin-right: 5px;
		}

		.footer {
			padding: 0 20px 20px 20px;
		}
		.footer__top {
			border-top: 1px solid rgba(0, 0, 0, 0.5);
			border-bottom: 1px solid rgba(0, 0, 0, 0.5);
			margin-bottom: 10px;
			padding: 20px;
			display: flex;
			justify-content: space-between;
		}

		.footer__phones {
			display: flex;
			flex-direction: column;
		}
		.footer__phone {
			display: flex;
			justify-content: flex-end;
		}
		.footer__phone-link {
			margin-left: 20px;
		}
		.footer__phone-link:hover {
			color: #e4701e;
		}

		.footer__copyright {
			display: flex;
			justify-content: center;
		}
		@media screen and (max-width: 900px) {
			.sidebar {
				display: none;
			}
			.content {
				flex-basis: 100%;
				margin-left: 0;
			}
		}
		@media screen and (max-width: 767px) {
			.mobile__header {
				display: flex;
			}
			.mobile__nav {
				display: block;
			}
			.container {
				padding: 0 5px;
			}
			.wrapper {
				margin-top: 80px;
			}
			.search {
				display: none;
			}
			.header {
				display: none;
			}
			main {
				padding: 10px;
			}
			.footer__menu {
				display: none;
			}
			.content__services-list {
				flex-direction: column;
				margin-left: 0;
			}
			.content__services-column {
				flex-basis: 100%;
				margin-left: 0;
			}
			.content__info-form {
				flex-direction: column;
			}
			.content__info-inputWrapper {
				margin-bottom: 10px;
			}
			.footer__copyrigh-text {
				text-align: center;
			}
			.footer__top {
				flex-direction: column;
			}
			.footer__contact {
				margin-bottom: 20px;
			}
			.footer__phone {
				justify-content: flex-start;
			}
		}