*,
*::before,
*::after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

@font-face {
	font-family: 'Montserrat', 'Tahoma', sans-serif;
	font-style: normal;
	font-display: swap;
}

body {
	font-family: 'Montserrat', 'Tahoma', sans-serif;
	min-width: 320px;
	color: #222222;
	font-size: 16px;
	line-height: 1.4;
	background: #F3F6FB;
}

html {
	scroll-behavior: smooth;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

img {
	max-width: 100%;
	height: auto;
}

a {
	color: #222;
}

a:hover {
	color: #145451;
}

.container {
	padding: 0 15px;
	max-width: 1200px;
	margin: 0 auto;
}

/* Кнопка наверх */
.up-button {
	position: fixed;
	z-index: 1;
	padding: 0;
	bottom: 20px;
	left: 20px;
	width: 35px;
	height: 35px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	border: 2px solid #145451;
	border-radius: 50%;
	display: none;
	cursor: pointer;
	color: #145451;
	background-color: #fff;
	outline-color: #145451;
}

.up-button:hover {
	color: #8A5021;
	background-color: rgba(255, 255, 255, 0.8);
	border-color: #8A5021;
}

.shown {
	display: inline-block;
}
/* Конец Кнопка наверх */

/*Content*/
.content {
	padding: 40px 0;
}

.content p,
.content ul,
.content ol,
.text p,
.text ul,
.text ol,
.table__product p,
.table__product ul,
.table__product ol {
	padding-bottom: 15px;
}

.content li,
.table__product li {
	padding-bottom: 10px;
}

.content h2,
.content h3 {
	margin-bottom: 20px;
}

.content h1 {
	font-weight: 900;
	margin-bottom: 20px;
}

.content h3 {
	font-size: 26px;
	font-weight: 900;
}

.content img {
	border-radius: 20px;
	margin: 10px 0;
}

#breadcrumbs {
	margin-bottom: 20px;
}
/*End Content*/

/*Таблицы*/
table {
	width: 100% !important;
	max-width: 100% !important;
	font-size: 15px !important;
	font-weight: 500 !important;
}

tr {
	padding: 15px !important;
}

td {
	padding: 15px 20px !important;
	border: 10px solid #fff !important;
	border-top: none !important;
}

th {
	padding: 15px !important;
	border: 10px solid #fff !important;
	text-align: left !important;
	font-weight: 800;
	color: #fff !important;
}

th {
	background: #C58654 !important;
	border-bottom: 10px solid #fff !important;
}

td {
	vertical-align: middle !important;
}

/*Конец таблицы*/

/*Аккордеон codepen.io/artem-chepelevich/pen/mdejKOv*/
details summary::marker {
	display: none;
}

details > summary {
	list-style: none;
}

details[open] summary ~ * {
	-webkit-animation: open 0.4s ease-in-out;
	animation: open 0.4s ease-in-out;
}

@-webkit-keyframes open {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes open {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.accordion {
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 20px;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.accordion p,
.accordion ul {
	margin-bottom: 10px;
}

.accordion__item {
	background-color: #ffffff;
	position: relative;
	width: 47%;
	border-radius: 5px;
	border: none;
}

.accordion__title {
	width: 100%;
	outline: none;
	cursor: pointer;
	padding: 20px 40px 20px 20px;
	position: relative;
	font-weight: 800;
	font-size: 16px;
}

.accordion__item h3 {
	font-size: 18px;
	margin-bottom: 0;
	text-align: left;
}

.accordion__title::after {
	display: block;
	content: "";
	background-image: url("../img/arrow-button.png");
	background-size: 12px;
	background-repeat: no-repeat;
	width: 15px;
	height: 15px;
	padding: 5px 10px;
	font-size: 5px;
	position: absolute;
	right: 18px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: 0.3s all;
	-o-transition: 0.3s all;
	transition: 0.3s all;
}

.accordion__item:not([open]):last-child .accordion__title {
	border: none;
}

.accordion__item[open] .accordion__title::after {
	-webkit-transform: translateY(-50%) rotate(180deg);
	-ms-transform: translateY(-50%) rotate(180deg);
	transform: translateY(-50%) rotate(180deg);
}

.accordion__body {
	padding: 20px;
}

.accordion__body p,
.accordion__body ul,
.accordion__body ol {
	padding-bottom: 15px;
}

.accordion__body li {
	padding-bottom: 10px;
}

.accordion__body ul,
.accordion__body ol {
	padding-left: 40px;
}

.accordion a {
	text-decoration: underline;
}
/*Конец аккордеона*/

.header {
	color: #fff;
	font-size: 14px;
	padding: 20px 0;
}

.header img:hover,
.footer img:hover{
	opacity: .8;
}

.header a {
	color: #fff;
}

.header__wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 30px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 20px;
}

.bg {
	background-color: #1f1d1c;
	background-image: url("../img/bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.header__logo,
.footer__logo {
	width: 187px;
	height: 82px;
	background: #F3F6FB;
	border: none;
	border-radius: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.header__address {
	max-width: 220px;
}

.header__messengers,
.footer__messengers {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 20px;
}

.header__call__back {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 12px;
}

.header__call__back a:hover {
	color: #145451;
}

.header__phone {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: end;
	gap: 10px;
}

.header__phone a {
	font-size: 20px;
	font-weight: 800;
	text-decoration: none;
}

.header__phone a:hover {
	color: #145451;
}

.header__phone p {
	font-size: 13px;
}

.header_bg {
	background-color: #5A2E0B;
	background-image: url("../img/bg-header.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.first {
	padding: 30px 0 100px 0;
	color: #fff;
}

.first__wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-column-gap: 50px;
	-moz-column-gap: 50px;
	column-gap: 50px;
	row-gap: 100px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.h1 {
	font-size: 42px;
	font-weight: 900;
}

.first__item {
	max-width: 620px;
}

.first__item__right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 30px;
}

.first__item__right__number {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	background: #F3F6FB;
	border: none;
	border-radius: 10px;
	padding: 25px 15px;
	color: #222;
	width: 155px;
}

.first__item__right__number p:first-child {
	font-size: 24px;
	font-weight: 900;
	color: #8A5021;
}

.first__item__description {
	padding: 30px 0;
}

.first__item__wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 20px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 60px;
}

.first__item__check {
	width: 282px;
	padding: 15px;
	border: 1px solid #fff;
	border-radius: 5px;
}

.button__main,
.modal__button,
.product__text__button {
	padding: 25px 38px;
	font-size: 18px;
	font-weight: 800;
	text-align: center;
	color: #fff;
	text-decoration: none;
	background: -webkit-gradient(linear, left top, left bottom, from(#145451), to(#073635));
	background: -o-linear-gradient(top, #145451 0%, #073635 100%);
	background: linear-gradient(180deg, #145451 0%, #073635 100%);
	border-radius: 10px;
	cursor: pointer;
}

.button__main:hover,
.modal__button:hover,
.product__text__button:hover {
	background: -webkit-gradient(linear, left bottom, left top, from(#145451), to(#073635));
	background: -o-linear-gradient(bottom, #145451 0%, #073635 100%);
	background: linear-gradient(0deg, #145451 0%, #073635 100%);
	color: #fff;
}

.product__text__button {
	max-width: 280px;
	margin-top: 20px;
}

.modal__button {
	font-size: 16px;
	padding: 18px;
	width: 100%;
	margin-top: 10px;
	border: none;
}

.products {
	padding: 100px 0;
	background-image: url("../img/struzhka-dereva.png"), url("../img/struzhka-dereva-2.png");
	background-repeat: no-repeat;
	background-size: 236px 257px, 189px 258px;
	background-position: left top 300px, right bottom 300px;
}

.product {
	background-image: url("../img/struzhka-dereva-2.png");
	background-repeat: no-repeat;
	background-size: 189px 258px;
	background-position: right bottom 10%;
}

.table__product {
	background-image: url("../img/struzhka-dereva.png");
	background-repeat: no-repeat;
	background-size: 236px 257px;
	background-position: left bottom;
}

.table__product p,
.table__product li {
	font-weight: 500;
}

.table__product li {
	margin-left: 20px;
}

.products__wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 15px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.products__item {
	background: #fff;
	border: none;
	border-radius: 10px;
	max-width: 380px;
}

.products__item img {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.products__item__view {
	padding: 20px;
}

.products__item__view a {
	font-size: 18px;
	font-weight: 800;
}

.products__item__view__wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 25px;
	color: #5A2E0B;
	margin-top: 15px;
	font-weight: 800;
	font-size: 15px;
}

.h2 {
	font-size: 42px;
	font-weight: 900;
	color: #073635;
	padding-bottom: 50px;
}

.advantages {
	padding: 100px 0;
	background-image: url("../img/vetka.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 164px 272px;
}

.advantages__wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 10px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.advantages__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 20px;
	padding: 30px;
	border: none;
	border-radius: 10px;
	background: #fff;
	max-width: 380px;
}

.advantages__item__heading {
	font-size: 18px;
	font-weight: 800;
}

.how_to_order {
	padding: 100px;
	color: #fff;
	background-image: url("../img/bg-etapy.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.how_to_order .h2 {
	color: #fff;
}

.how_to_order__wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 30px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.how_to_order__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 10px;
	max-width: 242px;
}

.how_to_order__item__heading {
	font-size: 96px;
	font-weight: 800;
}

.photo {
	padding: 100px 0;
	background-image: url("../img/struzhka-3.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 114px 102px;
}

.photo__arrow {
	margin-top: 15px;
}

.photo__arrow,
.product__img__arrow {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 25px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.photo__arrow div,
.product__img__arrow div{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 15px;
}

.photo__arrow p {
	font-size: 13px;
	font-style: italic;
	max-width: 200px;
}

.prev,
.next,
.prev-2,
.next-2 {
	cursor: pointer;
}

.prev:hover,
.next:hover,
.prev-2:hover,
.next-2:hover {
	opacity: .8;
}

.photo__arrow img:first-child,
.product__img__arrow img:first-child {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.photo__wrapper img {
	width: auto !important;
	height: 400px !important;
	border-radius: 10px;
	margin-right: 30px;
}

.faq {
	padding: 100px 0;
	background-image: url("../img/vetka-2.png");
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 70px 151px;
}

.contacts {
	padding: 100px 0;
	background-image: url("../img/struzhka-4.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 157px 187px;
}

.iframe {
	border: none;
	border-radius: 10px;
	max-width: 100%;
}

.footer {
	padding: 40px;
	font-size: 14px;
	color: #fff;
	background-image: url("../img/bg-footer.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.footer a {
	color: #fff;
}

.footer a:hover {
	color: #145451;
}

.footer__wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-column-gap: 30px;
	-moz-column-gap: 30px;
	column-gap: 30px;
	row-gap: 80px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.footer__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 30px;
	width: 250px;
}

#s {
	max-width: 200px;
	padding: 10px 5px;
	border-radius: 3px;
	border: 1px solid #fff;
}

.modal label,
.footer label,
.contact__item label {
	position: absolute;
	left: -99999px;
}

.footer__item__heading {
	font-weight: 800;
	padding-bottom: 10px;
}

.footer__item__phone {
	font-size: 20px;
	font-weight: 800;
	text-decoration: none;
}

.footer__item__phone a:hover {
	color: #145451;
}

.footer__item__call__back {
	padding: 20px;
	font-size: 14px;
	font-weight: 800;
	text-align: center;
	color: #fff;
	text-decoration: none;
	background: -webkit-gradient(linear, left top, left bottom, from(#145451), to(#073635));
	background: -o-linear-gradient(top, #145451 0%, #073635 100%);
	background: linear-gradient(180deg, #145451 0%, #073635 100%);
	border-radius: 10px;
	max-width: 220px;
}

.footer__item__call__back:hover {
	background: -webkit-gradient(linear, left bottom, left top, from(#145451), to(#073635));
	background: -o-linear-gradient(bottom, #145451 0%, #073635 100%);
	background: linear-gradient(0deg, #145451 0%, #073635 100%);
	color: #fff !important;
}

.input {
	width: 100%;
	padding: 15px;
	border-radius: 3px;
	border: 1px solid #222;
	margin-bottom: 10px;
	font-size: 15px;
	background: #fff;
	font-family: 'Montserrat', 'Tahoma', sans-serif;
}

.privacy {
	font-size: 13px;
	margin-bottom: 10px;
	padding-bottom: 0;
}

.modal-400 {
	max-width: 400px;
}

.modal__heading {
	text-align: center;
	font-size: 24px;
	font-weight: 800;
	margin-bottom: 20px;
}

.product__wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-column-gap: 80px;
	-moz-column-gap: 80px;
	column-gap: 80px;
	row-gap: 80px;
}

.table__product {
	padding: 100px 0;
}

.h2-center {
	color: #222;
	text-align: center;
}

.product__img {
	max-width: 450px;
}

.bold {
	font-weight: 800;
}

.product__text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 20px;
}

.product__img__wrap img {
	width: 450px;
	height: auto;
	padding: 5px;
}

.product__img__arrow p {
	padding-bottom: 0;
	font-size: 13px;
	max-width: 200px;
}

.product__img__arrow {
	margin-top: 0;
}

.content ol,
.accordion ol {
	margin-left: 0;
	margin-top: 20px;
	padding-left: 0;
	list-style: none;
	counter-reset: li;
}

.content ol li,
.accordion ol li {
	position: relative;
	margin-bottom: 1.5em;
	border: 3px solid #8A5021;
	padding: 0.6em;
	border-radius: 4px;
	background: #FEFEFE;
	color: #222;
}
.content ol li:before,
.accordion ol li:before {
	position: absolute;
	top: -0.7em;
	padding-left: 0.4em;
	padding-right: 0.4em;
	font-weight: bold;
	color: #145451;
	background: #FEFEFE;
	border-radius: 50%;
	counter-increment: li;
	content: counter(li);
}

.content ul,
.accordion ul {
	padding:0;
	list-style: none;
	margin-bottom: 15px;
}

.content ul li,
.accordion ul li {
	padding:6px;
}

.content ul li:before,
.accordion ul li:before {
	padding-right:10px;
	font-weight: bold;
	color: #8A5021;
	content: "\2714";
	-webkit-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
}
.content ul li:hover:before,
.accordion ul li:hover:before {
	color: #145451;
	content: "\2714";
}

.content h2 {
	margin-top: 30px;
}

h1,
h2 {
	font-size: 40px;
	font-weight: 900;
}

.ubermenu-item-level-1:hover {
	background: #F3F6FB !important;
}

/*Контакты*/
.contact__wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	row-gap: 80px;
	-webkit-column-gap: 40px;
	-moz-column-gap: 40px;
	column-gap: 40px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.contact__item {
	max-width: 550px;
	padding: 0 40px 40px 40px;
	border-radius: 20px;
	background: #fff;
}

.contact__item__full {
	padding: 0 40px 40px 40px;
	border-radius: 20px;
	background: #fff;
}

.contact__item span {
	font-weight: 800;
}

.contact__item__messengers {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 15px;
	padding-top: 10px;
}

.contact__item__messengers img {
	border-radius: 0 !important;
	margin: 0 !important;
}

.contact__item__full {
	max-width: 100%;
	width: 100% !important;
}

.contacts__wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 40px;
}

.contacts__item {
	background: #fff;
	padding: 20px;
	border-radius: 10px;
	max-width: 650px;
}
/*End Контакты*/

.product__img__wrap img {
	margin: 0 !important;
}

.products__catalog {
	padding-top: 20px;
}

.modal__min {
	padding-bottom: 10px;
}

.modal__min span {
	font-weight: 800;
}

@media (max-width: 1200px) {
	.h2 {
		text-align: center;
	}

	.products__wrapper,
	.advantages__wrapper,
	.how_to_order__wrapper {
		-ms-flex-pack: distribute;
		justify-content: space-around;
		row-gap: 30px;
	}
}

@media (max-width: 1010px) {
	.header__wrapper {
		-ms-flex-pack: distribute;
		justify-content: space-around;
	}
}

@media (max-width: 930px) {
	.product__wrapper {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

@media (max-width: 900px) {
	.accordion__item {
		width: 100%;
	}
}

@media (max-width: 850px) {
	.first__item__right {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	table,
	.tablepress {
		overflow-y: scroll;
		display: inline-block;
	}
}

@media (max-width: 620px) {
	.h1,
	.h2,
	h1,
	h2 {
		font-size: 40px;
	}
}

@media (max-width: 590px) {
	.h1,
	.h2,
	h1,
	h2 {
		font-size: 38px;
	}
}

@media (max-width: 565px) {
	.h1,
	.h2,
	h1,
	h2 {
		font-size: 36px;
	}
}

@media (max-width: 535px) {
	.h1,
	.h2,
	h1,
	h2 {
		font-size: 34px;
	}
}

@media (max-width: 510px) {
	.h1,
	.h2,
	h1,
	h2 {
		font-size: 32px;
	}

	.how_to_order__item__heading {
		font-size: 60px;
	}
}

@media (max-width: 480px) {
	.h1,
	.h2,
	h1,
	h2 {
		font-size: 30px;
	}

	.product__img__wrap img,
	.slick-initialized,
	.slick-slider {
		width: 300px;
	}
}

@media (max-width: 350px) {
	.h1,
	.h2,
	h1,
	h2 {
		font-size: 28px;
	}
}