	.background-color,
	#head,
	.line,
	.nav,
	th,
	.search-form,
	.form-bot-wrapper,
	.popup-form button,
	.search-button,
	a#logoslogan,
	#footer,
	#novosti,
	#cpecpredlozhinia,
	#feedback {
		background-color: #7c5031;
	}

	h1:before {
		background-color: #7c5031;
	}

	.background-color-rgba {
		background: rgba(124, 80, 49, 0.8);
		left: 50%;
	}

	.background-color2,
	#menu a:hover,
	.menu-bottom li a:hover,
	#dopmenu {
		background-color: #758b40;
	}

	a,
	h1,
	h2,
	h3,
	.color-color {
		color: #7c5031;
	}

	.color-color {
		color: #7c5031 !important;
	}

	.icons-color {
		fill: #7c5031;
	}

	#imageHeader {
		background: url(/uploaded/header.jpg) center top no-repeat;
		background-size: cover;
		/* Масштабирует изображение с сохранением пропорций так, чтобы его ширина или высота равнялась ширине или высоте блока.*/
		background-position: 0% 50%;
		/* Задает начальное положение фонового изображения. Первая цифра по горизонтали, вторая по вертикали.*/
	}

	.nav {
		background-color: rgba(56, 43, 41, 0.9);
	}

	#menu {
		padding: 0;
		margin: auto;
		text-align: right;
		font-family: 'Roboto', sans-serif;
	}

	#menu li {
		list-style: none;
		display: inline-block;
		margin: 0;
		padding: 0;
		margin-right: -1px;
	}

	#menu a {
		display: block;
		position: relative;
		font-family: 'Roboto', sans-serif;
		color: #fff;
		font-size: 15px;
		height: 37px;
		line-height: 37px;
		padding: 0 10px 0 10px;
		border-radius: 3px;
		text-decoration: none;
		margin: 19px 0;
	}

	#menu a:hover {
		text-decoration: none;
	}


	/*--- ВЫПАДАЮЩИЕ ПУНКТЫ ---*/
	#menu li {
		position: relative;
		text-align: left;
	}

	/*--- ВЫПАДАЮЩИЕ ПУНКТЫ ---*/
	#menu ul {
		text-align: left;
		list-style: none;
		position: absolute;
		margin-top: 0px;
		padding-top: 0;
		z-index: 50;
		left: -9999px;
		/* Скрываем за экраном, когда не нужно (данный метод лучше, чем display:none;) */
		opacity: 0;
		/* Устанавливаем начальное состояние прозрачности */
		-webkit-transition: 0.25s linear opacity;
		/* В Webkit выпадающие пункты будут проявляться */
	}

	#menu ul li {
		text-align: left;
		padding: 0px;
		/* Вводим отступ между li чтобы создать иллюзию разделенных пунктов меню */
		height: 37px;
		float: none;
	}

	#menu ul li a {
		white-space: nowrap;
		/* Останавливаем перенос текста и создаем многострочный выпадающий пункт */
		display: block;

		padding-right: 40px;
	}

	#menu li:hover ul {
		/* Выводим выпадающий пункт при наведении курсора */
		left: 0;
		/* Приносим его обратно на экран, когда нужно */
		background-color: rgba(56, 43, 41, 0.9);
		padding: 12px 15px 12px 12px;
		opacity: 1;
		border-radius: 0px 0px 3px 3px;
	}

	.site-footer #menu li:hover ul {
		/* Выводим выпадающий пункт при наведении курсора */
		bottom: 75px;
		border-radius: 3px 3px 0px 0px;
	}

	#menu li:hover ul li:hover {
		display: block;
	}

	#menu777 li:hover a {
		/* Устанавливаем стили для верхнего уровня, когда выводится выпадающий список */
		background: #758b40;
		text-decoration: underline;
	}

	#menu li:hover ul a {
		/* Изменяем некоторые стили верхнего уровня при выводе выпадающего пункта */
		text-decoration: none;
		margin: 0px -2px 0px 0px;
		-webkit-transition: -webkit-transform 0.075s linear;
	}

	#menu li:hover ul li a:hover {
		/* Устанавливаем стили для выпадающих пунктов, когда курсор наводится на конкретный пункт */
		border-radius: 0px;
	}

	/*--- ВЫПАДАЮЩИЕ ПУНКТЫ ---*/


	.footer_prokl {
		width: 100%;
		height: 75px;
		position: relative;
		display: inline-block;
		background-color: rgba(56, 43, 41, 1.0);
	}


	.feedback {
		width: 150px !important;
		height: 50px;
		margin: auto !important;
		margin-top: 40px !important;
		background-color: rgba(56, 43, 41, 1.0);
		border: none;
		padding-left: 0px !important;
		text-align: center;
		padding-right: 0px !important;
		display: block;
		border-radius: 5px;
		cursor: pointer;
		line-height: 50px !important;
		color: #fff;
		text-decoration: none;
		text-transform: uppercase;
		font-family: "RobotoBold" !important;
		font-size: 16px !important;
	}





	#logoslogan111,
	#logoletter {
		color: #7c5031;
	}

	#logoslogan123 {
		color: #2c353d;
	}

	#logoletter,
	#textcontent table .number {
		border: 2px solid #7c5031;
		color: #7c5031;
	}

	/* FIX For adaptive
	=============================*/

	.content {
		width: 100%;
		max-width: 1000px;
	}

	.text__wrapper {
		width: 100% !important;
		max-width: 1000px;
	}

	.content {
		width: 100%;
		max-width: 1000px;
	}

	#textcontent {
		margin-left: 0 !important;
		width: 100%;
		max-width: 1020px;
		padding: 0 !important;
	}




	#textcontent tr {
		/* display: flex; */
		flex-wrap: wrap;
		justify-content: center;
	}

	#textcontent table {
		margin: 0 -1px;
	}

	#text {
		padding: 0 10px;
		overflow: hidden;
	}

	h2 strong {
		line-height: 40px;
	}


	.site-footer {
		width: 100% !important;
		max-width: 1000px;
	}

	.footer_copywrap {
		width: 90% !important;
		max-width: 1000px !important;
		padding: 0 10px;
	}

	.addr {
		color: inherit;
		text-decoration: none;
	}

	.addr:hover {
		text-decoration: underline;
	}


	/*MOBILE ADAPTIVE
	===========================*/







	/*MOBILE ADAPTIVE 1050px
	===========================*/
	@media screen and (max-width: 1050px) {
		#logoblock {
			margin-left: -55% !important;
		}

		.background-color-rgba {
			margin-left: 0 !important;
			left: auto;
			right: 10px;
		}

		#textcontent p img {
			width: 100% !important;
			height: auto;
		}

		#textcontent table tbody tr td a img {
			width: 100% !important;
			height: 100% !important;
		}

		#textcontent table tbody tr[valign="top"] {
			display: flex !important;
			flex-wrap: wrap;
			justify-content: center;
		}

		#textcontent table tbody tr[valign="top"] td {
			width: 31% !important;
		}

		.tablenumber {
			width: 100% !important;
			max-width: 1000px;
		}

		.tablenumber tbody tr {
			display: flex;
			justify-content: center;
			text-align: center;
		}

		.number {
			display: block !important;
			margin: 0 auto !important;
		}

		#textcontent table .numbertext {
			display: inline-block !important;
			width: 100% !important;
		}

	}



	/*MOBILE ADAPTIVE 796px
	===================================*/

	@media screen and (max-width: 796px) {

		#menu li {
			cursor: pointer;
		}

		#menu li:hover a[href="/katalog.html"] {
			background-color: #758b40;
		}

		#menu a[href="/katalog.html"] {
			pointer-events: none;
		}

		.footer_copy {
			padding-bottom: 40px;
		}

		.footer_copywrap {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			align-items: center;
			margin-top: 50px !important;
		}

		.copyright {
			order: 1;
			margin: 0;
		}

		.footer_phone {
			order: -1;
			margin: 0 0 10px;
			width: 50% !important;
		}

		.footer_addr {
			margin: 0;
			width: 50% !important;

		}

		.schet {
			order: 2;
			margin: 40px 0 auto 0;
		}
	}



	/*MOBILE ADAPTIVE 756px
	===================================*/

	@media screen and (max-width: 756px) {
		.nav {
			padding-left: 0 !important;
		}


		#logoslogan111 {
			display: none;
		}

		.nav .contain div {
			padding: 0 !important;
		}

		#menu {
			text-align: left;
		}

	}




	/*MOBILE ADAPTIVE 480px
	===================================*/
	@media screen and (max-width:480px) {
		h1 {
			font-size: 28px !important;
			word-wrap: break-word;
		}
	}