@charset "UTF-8";

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

footer,
header,
section {
	display: block
}

a {
	background-color: transparent
}

a:active,
a:hover {
	outline: 0
}

b {
	font-weight: 700
}

h1 {
	font-size: 2em;
	margin: .67em 0
}

img {
	border: 0
}

button,
input {
	color: inherit;
	font: inherit;
	margin: 0
}

button {
	overflow: visible
}

button {
	text-transform: none
}

button {
	-webkit-appearance: button;
	cursor: pointer
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0
}

input {
	line-height: normal
}

.green {
	color: #91b529
}

.header__title .green {
	text-shadow: 1px 1px 2px #000
}

* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

body,
html {
	padding: 0;
	margin: 0;
	width: 100%;
	font-family: "PT Sans", sans-serif;
	background-color: #fff;
	color: #000;
	font-size: 16px;
	line-height: normal;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

h1,
h2,
h3,
h4,
p {
	margin: 0;
	padding: 0
}

a {
	text-decoration: none;
	color: inherit
}

ul {
	list-style: none;
	padding: 0;
	margin: 0
}

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

.nowrap {
	white-space: nowrap
}

.container {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 1170px;
	margin: 0 auto
}

input::-ms-clear {
	display: none
}

.title {
	font-size: 45px;
	line-height: 1;
	font-weight: 700;
	text-align: center;
	color: #2b2d26
}

.form {
	max-width: 290px;
	width: 100%;
	background-color: #fff;
	border-radius: 10px;
	border: 4px solid #b4846b;
	text-align: center;
	padding: 22px 5px;
	-webkit-box-shadow: 0 10px 20px rgba(175, 187, 190, .5);
	box-shadow: 0 10px 20px rgba(175, 187, 190, .5);
	position: relative
}

.form::before {
	content: "";
	display: block;
	position: absolute;
	width: 50px;
	height: 40px;

	z-index: -1;
	top: -40px;
	right: 77px
}

.webp .form::before {
	background-image: url(butterfly1.webp)
}

.form__title {
	font-size: 30px;
	line-height: 28px;
	font-weight: 700;
	margin-bottom: 18px;
	margin-top: 10px
}

.form form {
	margin-top: 29px
}

.form__label {
	display: block;
	background-repeat: no-repeat;
	width: 100%;
	max-width: 220px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	margin-bottom: 16px
}

.form__label::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background-size: contain;
	left: 20px
}

.form__label--name::before {
	width: 19px;
	height: 23px;
	background-repeat: no-repeat
}

.webp .form__label--name::before {
	background-image: url(../img/webp/name.webp);
	background-repeat: no-repeat
}

.form__label--tel::before {
	width: 22px;
	height: 24px;

	background-repeat: no-repeat
}

.webp .form__label--tel::before {
	background-image: url(../img/webp/tel.webp);
	background-repeat: no-repeat
}

.form__input {
	display: block;
	width: 100%;
	padding: 15px 15px 15px 52px;
	font-size: 20px;
	color: #bb663a;
	border-radius: 5px;
	border: 1px solid #a69d91;
	outline: 0;
	-webkit-box-shadow: inset 3px 3px 5px rgba(164, 93, 76, .09);
	box-shadow: inset 3px 3px 5px rgba(164, 93, 76, .09);
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.form__input:focus,
.form__input:hover {
	box-shadow: inset 0 0 11px 2px rgba(164, 93, 76, .25);
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.price {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: flex-start;
	text-align: left;
	justify-content: center;
	margin-bottom: 18px
}

.price-item {
	display: flex;
	flex-direction: column;
	justify-content: center
}

.price-old {
	color: #e2e2e2
}

.price-title {
	display: block;
	font-size: 13px;
	text-align: center
}

.price-title__old {
	margin-bottom: 9px;
	color: #949494;
	line-height: 18px
}

.x_price_previous {
	font-size: 32px;
	line-height: 1;
	position: relative;
	color: #a69d91
}

.x_currency {
	font-size: 15px
}

.price-old .x_currency {
	color: #a69d91
}

.price-line {
	width: 1px;
	height: 62px;
	background: #e5e8e8;
	margin: 0 18px
}

.x_price_previous:after,
.x_price_previous:before {
	content: "";
	position: absolute;
	height: 1px;
	width: 102%;
	background: #f37d33;
	-webkit-transform: rotate(20deg);
	-ms-transform: rotate(20deg);
	transform: rotate(20deg);
	left: 0;
	top: 21px
}

.x_price_previous:after {
	-webkit-transform: rotate(-20deg);
	-ms-transform: rotate(-20deg);
	transform: rotate(-20deg);
	top: inherit;
	bottom: 18px
}

.price-new {
	color: #87ac13
}

.price-title__new {
	margin-bottom: 5px;
	color: #000;
	line-height: 18px
}

.x_price_current {
	font-size: 36px;
	line-height: 1;
	font-weight: 700
}

.price-new .x_currency {
	font-weight: 600
}

.x_currency {
	font-size: 15px
}

.timer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
	max-width: 215px
}

.timer__item {
	display: flex;
	flex-shrink: 0;
	flex-grow: 0;
	position: relative
}

.timer__content {
	display: flex;
	flex-direction: column;
	align-items: center;
	min-width: 55px
}

.timer__item::after {
	content: "";
	display: block;
	height: 30px;
	width: 1px;
	background-color: #fff;
	right: -16px;
	top: 9px;
	margin: 7px 20px 0
}

.attention .timer {
	width: 194px
}

.timer__item:last-of-type::after {
	display: none
}

.timer__value {
	width: 44px;
	height: 44px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: 1px solid #fff;
	border-radius: 50%;
	font-size: 24px;
	color: #fff
}

.timer__caption {
	font-size: 20px;
	color: #674343;
	margin-top: 5px
}

.btn {
	background: -webkit-gradient(linear, left top, right top, from(#f26c4d), color-stop(50%, #f78b4d), to(#f26b4d));
	background: -webkit-linear-gradient(left, #f26c4d 0, #f78b4d 50%, #f26b4d 100%);
	background: -o-linear-gradient(left, #f26c4d 0, #f78b4d 50%, #f26b4d 100%);
	background: linear-gradient(to right, #f26c4d 0, #f78b4d 50%, #f26b4d 100%);
	border: none;
	outline: 0;
	width: 100%;
	max-width: 220px;
	border-radius: 5px;
	padding: 12px 10px;
	color: #fff;
	line-height: 1;
	font-size: 32px;
	font-weight: 700;
	font-family: "PT Sans", sans-serif;
	-webkit-box-shadow: inset 0 -5px 0 0 #d85e41, 0 21px 7px -15px rgba(188, 79, 53, .3);
	box-shadow: inset 0 -5px 0 0 #d85e41, 0 21px 7px -15px rgba(188, 79, 53, .3);
	-webkit-transition: .2s;
	-o-transition: .2s;
	transition: .2s
}

.btn__small {
	font-size: 22px;
	display: block;
	line-height: 1;
	font-weight: 400;
	position: relative;
	bottom: 2px
}

.btn:hover {
	-webkit-box-shadow: inset 0 -5px 0 0 #d85e41, 0 21px 7px -15px rgba(188, 79, 53, 0);
	box-shadow: inset 0 -5px 0 0 #d85e41, 0 21px 7px -15px rgba(188, 79, 53, 0);
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.btn:active {
	-webkit-box-shadow: inset 0 0 0 0 #d85e41, 0 21px 7px -15px rgba(188, 79, 53, 0);
	box-shadow: inset 0 0 0 0 #d85e41, 0 21px 7px -15px rgba(188, 79, 53, 0);
	-webkit-transform: translateY(2px);
	-ms-transform: translateY(2px);
	transform: translateY(2px);
	-webkit-transition: .1s;
	-o-transition: .1s;
	transition: .1s
}

::-webkit-input-placeholder {
	color: #a69d91;
	font-weight: 400
}

::-moz-placeholder {
	color: #a69d91;
	font-weight: 400
}

:-moz-placeholder {
	color: #a69d91;
	font-weight: 400
}

:-ms-input-placeholder {
	color: #a69d91;
	font-weight: 400
}

.slick-slider {
	position: relative;
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0
}

.slick-list:focus {
	outline: 0
}

.slick-slider .slick-list,
.slick-slider .slick-track {
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block;
	margin-left: auto;
	margin-right: auto
}

.slick-track:after,
.slick-track:before {
	content: "";
	display: table
}

.slick-track:after {
	clear: both
}

.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none
}

.slick-slide img {
	display: block
}

.slick-initialized .slick-slide {
	display: block
}


/*!* Icons *!*/

.slick-next,
.slick-prev {
	position: absolute;
	display: block;
	height: 20px;
	width: 20px;
	line-height: 0;
	font-size: 0;
	cursor: pointer;
	background: 0 0;
	color: transparent;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	padding: 0;
	border: none;
	outline: 0
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
	outline: 0;
	background: 0 0;
	color: transparent
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
	opacity: 1
}

.slick-next:before,
.slick-prev:before {
	font-family: slick, sans-serif;
	font-size: 20px;
	line-height: 1;
	color: #fff;
	opacity: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.slick-prev {
	left: -25px
}

.slick-prev:before {
	content: "←"
}

.slick-next {
	right: -25px
}

.slick-next:before {
	content: "→"
}

.slick-dotted.slick-slider {
	margin-bottom: 30px
}

.slick-dots {
	position: absolute;
	bottom: -25px;
	list-style: none;
	display: block;
	text-align: center;
	padding: 0;
	margin: 0;
	width: 100%
}

.slick-dots li {
	position: relative;
	display: inline-block;
	height: 20px;
	width: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer
}

.slick-dots li button {
	border: 0;
	background: 0 0;
	display: block;
	height: 20px;
	width: 20px;
	outline: 0;
	line-height: 0;
	font-size: 0;
	color: transparent;
	padding: 5px;
	cursor: pointer
}

.slick-dots li button:focus,
.slick-dots li button:hover {
	outline: 0
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
	opacity: 1
}

.slick-dots li button:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "•";
	width: 20px;
	height: 20px;
	font-family: slick, sans-serif;
	font-size: 6px;
	line-height: 20px;
	text-align: center;
	color: #000;
	opacity: .25;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
	color: #000;
	opacity: 1
}

body {
	background: -webkit-repeating-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 398px, #f8eee6 398px, #f8eee6 399px);
	background: -o-repeating-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 398px, #f8eee6 398px, #f8eee6 399px);
	background: repeating-linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 398px, #f8eee6 398px, #f8eee6 399px);
	background-size: 400px 1px;
	background-position: calc(50% + 4px) 0
}

.lines {
	min-height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: -webkit-repeating-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 398px, #f8eee6 398px, #f8eee6 399px);
	background: -o-repeating-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 398px, #f8eee6 398px, #f8eee6 399px);
	background: repeating-linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 398px, #f8eee6 398px, #f8eee6 399px);
	background-size: 400px 1px;
	background-position: calc(50% + 4px) 0;
	z-index: -1
}

.lines::before {
	content: "";
	display: block;
	position: absolute;
	height: 6px;
	width: 6px;
	border-radius: 50%;
	background-color: #eee1d7;
	left: 50%;
	-webkit-transform: translateX(-601px);
	-ms-transform: translateX(-601px);
	transform: translateX(-601px);
	top: 317px;
	-webkit-box-shadow: 400px 289px 0 #eee1d7, 800px 179px 0 #eee1d7, 1200px -251px 0 #eee1d7;
	box-shadow: 400px 289px 0 #eee1d7, 800px 179px 0 #eee1d7, 1200px -251px 0 #eee1d7
}

.for-lines {
	position: relative;
	z-index: 0
}

@media screen and (max-width:1230px) {
	body {
		background: -webkit-repeating-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 348px, #f8eee6 349px, #f8eee6 349px);
		background: -o-repeating-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 348px, #f8eee6 349px, #f8eee6 349px);
		background: repeating-linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 348px, #f8eee6 349px, #f8eee6 349px);
		background-size: 350px 1px;
		background-position: 50% 0
	}
	.lines {
		background: -webkit-repeating-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 348px, #f8eee6 349px, #f8eee6 349px);
		background: -o-repeating-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 348px, #f8eee6 349px, #f8eee6 349px);
		background: repeating-linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 348px, #f8eee6 349px, #f8eee6 349px);
		background-size: 350px 1px;
		background-position: 50% 0
	}
	.lines::before {
		-webkit-transform: translateX(-529px);
		-ms-transform: translateX(-529px);
		transform: translateX(-529px);
		-webkit-box-shadow: 350px 289px 0 #eee1d7, 700px 179px 0 #eee1d7, 1050px -251px 0 #eee1d7;
		box-shadow: 350px 289px 0 #eee1d7, 700px 179px 0 #eee1d7, 1050px -251px 0 #eee1d7
	}
}

@media screen and (max-width:1190px) {
	body {
		background: -webkit-repeating-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 333px, #f8eee6 333px, #f8eee6 334px);
		background: -o-repeating-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 333px, #f8eee6 333px, #f8eee6 334px);
		background: repeating-linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 333px, #f8eee6 333px, #f8eee6 334px);
		background-size: 335px 1px;
		background-position: 50% 0
	}
	.lines {
		background: -webkit-repeating-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 333px, #f8eee6 333px, #f8eee6 334px);
		background: -o-repeating-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 333px, #f8eee6 333px, #f8eee6 334px);
		background: repeating-linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 333px, #f8eee6 333px, #f8eee6 334px);
		background-size: 335px 1px;
		background-position: 50% 0
	}
	.lines::before {
		-webkit-transform: translateX(-507px);
		-ms-transform: translateX(-507px);
		transform: translateX(-507px);
		-webkit-box-shadow: 335px 289px 0 #eee1d7, 670px 179px 0 #eee1d7, 1005px -251px 0 #eee1d7;
		box-shadow: 335px 289px 0 #eee1d7, 670px 179px 0 #eee1d7, 1005px -251px 0 #eee1d7
	}
}

@media screen and (max-width:1023px) {
	body {
		background: -webkit-repeating-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 248px, #f8eee6 248px, #f8eee6 249px);
		background: -o-repeating-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 248px, #f8eee6 248px, #f8eee6 249px);
		background: repeating-linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 248px, #f8eee6 248px, #f8eee6 249px);
		background-size: 250px 1px;
		background-position: 50% 0
	}
	.lines {
		background: -webkit-repeating-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 248px, #f8eee6 248px, #f8eee6 249px);
		background: -o-repeating-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 248px, #f8eee6 248px, #f8eee6 249px);
		background: repeating-linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 248px, #f8eee6 248px, #f8eee6 249px);
		background-size: 250px 1px;
		background-position: 50% 0
	}
	.lines::before {
		-webkit-transform: translateX(-380px);
		-ms-transform: translateX(-380px);
		transform: translateX(-380px);
		-webkit-box-shadow: 250px 289px 0 #eee1d7, 500px 179px 0 #eee1d7, 750px -251px 0 #eee1d7;
		box-shadow: 250px 289px 0 #eee1d7, 500px 179px 0 #eee1d7, 750px -251px 0 #eee1d7
	}
}

@media screen and (max-width:767px) {
	body {
		background: -webkit-repeating-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 228px, #f8eee6 228px, #f8eee6 229px);
		background: -o-repeating-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 228px, #f8eee6 228px, #f8eee6 229px);
		background: repeating-linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 228px, #f8eee6 228px, #f8eee6 229px);
		background-size: 230px 1px;
		background-position: calc(50% - 114px) 0
	}
	.lines {
		background: -webkit-repeating-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 228px, #f8eee6 228px, #f8eee6 229px);
		background: -o-repeating-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 228px, #f8eee6 228px, #f8eee6 229px);
		background: repeating-linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 228px, #f8eee6 228px, #f8eee6 229px);
		background-size: 230px 1px;
		background-position: calc(50% - 114px) 0
	}
	.lines::before {
		-webkit-transform: translateX(-234px);
		-ms-transform: translateX(-234px);
		transform: translateX(-234px);
		-webkit-box-shadow: 230px 289px 0 #eee1d7, 460px 179px 0 #eee1d7;
		box-shadow: 230px 289px 0 #eee1d7, 460px 179px 0 #eee1d7
	}
}

@media screen and (max-width:479px) {
	body {
		background: #fff
	}
	.lines {
		display: none
	}
}

.header-bottom {
	background-color: #fff
}

.header {
	background-repeat: no-repeat;
	position: relative;
	background-position: 50% 0;
	z-index: 1
}

.webp .header {
	background-image: url(header__bg.webp);
	background-repeat: no-repeat;
	background-position: 50% 0
}

.header-top .form {
	margin-top: 80px
}

.header-bottom .header__leg {
	top: -110px
}

.header__navigation {
	background: #fbc583;
	margin-bottom: 50px
}

.header__warning {
	display: flex;
	justify-content: flex-start;
	align-items: center
}

.header__logo {
	margin-right: 15px
}

.header__text {
	font-size: 20px
}

.header__navigation-wrapp {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 15px;
	padding-bottom: 15px
}

.header__content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.header__about {
	padding-bottom: 85px
}

.header__title {
	font-size: 58px;
	color: #2b2d26;
	font-weight: 400;
	max-width: 580px;
	margin-bottom: 35px;
	line-height: 56px
}

.header__title .green {
	font-size: 42px;
	font-weight: 700;
	display: block;
	margin-bottom: 1px;
	line-height: 49px
}

.header__list {
	counter-reset: section;
	margin-bottom: 30px
}

.header__item {
	font-size: 24px;
	color: #000;
	padding-left: 50px;
	position: relative;
	margin-bottom: 34px;
	max-width: 325px;
	line-height: 26px
}

.header__item::before {
	content: ""counter(section);
	counter-increment: section;
	display: block;
	position: absolute;
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-image: url(header__leaf.png);
	background-repeat: no-repeat;
	height: 48px;
	width: 32px;
	color: #fff;
	font-size: 22px;
	font-weight: 700;
	top: 2px;
	padding-left: 2px
}

.webp .header__item::before {
	background-image: url(header__leaf.webp);
	background-repeat: no-repeat
}

.header__item:first-child::before {
	top: -13px
}

.header__item:last-of-type {
	margin-bottom: 0
}

.header__prod {
	position: absolute;
	left: calc(50% - 220px);
	bottom: -45px;
	width: 100%;
	max-width: 333px
}

.header__prod::before {
	content: "";
	display: block;
	position: absolute;
	width: 31px;
	height: 30px;

	background-repeat: no-repeat;
	top: -70px;
	left: 53px
}

.header__prod::after {
	content: "";
	display: block;
	position: absolute;
	width: 70px;
	height: 70px;
	background-repeat: no-repeat;
	background-size: contain;
	top: -30px;
	left: -25px
}

.webp .header__prod::before {
	background-image: url(butterfly2.webp);
	background-repeat: no-repeat
}

.header .form {
	margin-left: auto;
	position: relative;
	left: 11px;
	top: 25px
}

.header__leg {
	position: absolute;
	left: calc(50% - 17px);
	top: 0;
	z-index: -1;
	width: 100%;
	max-width: 600px
}

@media screen and (max-width:1210px) {
	.header .form {
		left: 0
	}
}

@media screen and (max-width:1190px) {
	.header {
		padding-bottom: 40px
	}
	.header__text {
		max-width: 275px
	}
	.header__title {
		max-width: 515px;
		font-size: 54px;
		line-height: 52px;
		margin-bottom: 22px
	}
	.header__title .green {
		font-size: 42px
	}
	.header__list {
		margin-bottom: 0
	}
	.header__item {
		font-size: 22px;
		max-width: 360px;
		margin-bottom: 25px;
		line-height: 24px
	}
	.header__prod {
		left: calc(50% - 135px);
		bottom: 65px
	}
	.header__prod::before {
		top: -36px
	}
	.header__leg {
		max-width: 570px
	}
}

@media screen and (max-width:1023px) {
	.header {
		margin-bottom: 0
	}
	.header__title {
		font-size: 42px;
		line-height: 42px;
		max-width: 456px;
		margin-bottom: 40px
	}
	.header__title .green {
		font-size: 42px
	}
	.header__item {
		font-size: 19px;
		max-width: 300px;
		padding-left: 32px;
		margin-bottom: 20px;
		line-height: 22px
	}
	.header__item:nth-of-type(2)::before {
		top: 1px
	}
	.header__item::before {
		left: -6px
	}
	.header__prod {
		max-width: 230px;
		width: 100%;
		left: calc(50% - 97px);
		bottom: 7px
	}
	.header__leg {
		display: none
	}
	.header .form {
		max-width: 260px
	}
	.btn {
		font-size: 28px
	}
	.btn__small {
		font-size: 18px
	}
}

@media screen and (max-width:767px) {
	.header {
		background-size: cover;
		background-position: calc(50% + 390px) 0;
		padding-bottom: 30px
	}
	.header__logo {
		right: auto
	}
	.header__title {
		font-size: 40px;
		line-height: 38px;
		margin-bottom: 25px;
		text-align: center
	}
	.prod-img {
		display: block;
		margin: 0 auto
	}
	.header__title .green {
		font-size: 42px
	}
	.header__about {
		margin-left: auto;
		margin-right: auto
	}
	.header__item {
		max-width: none;
		margin-left: 30px
	}
	.header__item:nth-of-type(2)::before {
		top: -10px
	}
	.header__prod {
		position: relative;
		left: auto;
		bottom: auto;
		max-width: 270px;
		margin: 15px auto 60px
	}
	.header__prod::before {
		left: auto;
		right: -40px;
		top: -18px
	}
	.header .form {
		top: auto;
		margin-left: auto;
		margin-right: auto
	}
}

@media screen and (max-width:479px) {
	.header {
		padding-bottom: 25px
	}
	.header__title {
		font-size: 32px;
		line-height: 30px;
		text-align: center
	}
	.header__title .green {
		font-size: 35px
	}
	.header__item {
		margin-left: 0;
		font-size: 18px;
		padding-left: 34px;
		margin-bottom: 18px
	}
	.header__item::before {
		background-size: contain;
		background-position: 50%;
		width: 25px;
		font-size: 20px
	}
	.header__prod::before {
		top: -30px;
		right: 0
	}
}

.reasons {
	padding-top: 100px;
	padding-bottom: 80px;
	background-color: #fff
}

.reasons .title {
	letter-spacing: -.5px
}

.reasons__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 73px;
	max-width: 1120px;
	margin-left: auto;
	margin-right: auto
}

.reasons__item {
	width: 100%;
	max-width: 320px;
	text-align: center;
	position: relative
}

.reasons__item::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 280px;
	height: 360px;

	background-position: 50%;
	background-repeat: no-repeat;
	z-index: -2
}

.webp .reasons__item::before {
	background-image: url(reasons__before.webp);
	background-position: 50%;
	background-repeat: no-repeat
}

.reasons__item:nth-of-type(n+4) {
	margin-top: 70px
}

.reasons__item:nth-of-type(1)::before {
	left: -14px;
	top: -65px;
	-webkit-transform: rotate(0) scaleX(1);
	-ms-transform: rotate(0) scaleX(1);
	transform: rotate(0) scaleX(1)
}

.reasons__item:nth-of-type(2)::before {
	left: -16px;
	top: -74px;
	-webkit-transform: rotate(86deg) scaleX(-1);
	-ms-transform: rotate(86deg) scaleX(-1);
	transform: rotate(86deg) scaleX(-1)
}

.reasons__item:nth-of-type(3)::before {
	left: -15px;
	top: -67px;
	-webkit-transform: rotate(-39deg) scaleX(1);
	-ms-transform: rotate(-39deg) scaleX(1);
	transform: rotate(-39deg) scaleX(1)
}

.reasons__item:nth-of-type(4)::before {
	left: -15px;
	top: -76px;
	-webkit-transform: rotate(-180deg) scaleX(-1);
	-ms-transform: rotate(-180deg) scaleX(-1);
	transform: rotate(-180deg) scaleX(-1)
}

.reasons__item:nth-of-type(5)::before {
	left: -15px;
	top: -75px;
	-webkit-transform: rotate(148deg) scaleX(-1);
	-ms-transform: rotate(148deg) scaleX(-1);
	transform: rotate(148deg) scaleX(-1)
}

.reasons__item:nth-of-type(6)::before {
	left: -14px;
	top: -82px;
	-webkit-transform: rotate(-97deg) scaleX(-1);
	-ms-transform: rotate(-97deg) scaleX(-1);
	transform: rotate(-97deg) scaleX(-1)
}

.reasons__img {
	text-align: center;
	border-radius: 50%;
	width: 230px;
	height: 230px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	-webkit-box-shadow: inset 0 0 0 4px #fb5d5d, 4px 5px 25px -4px rgba(178, 84, 61, .3);
	box-shadow: inset 0 0 0 4px #fb5d5d, 4px 5px 25px -4px rgba(178, 84, 61, .3)
}

.reasons__img img {
	border-radius: 50%;
	position: relative;
	z-index: -1
}

.reasons__text {
	font-size: 26px;
	font-weight: 700;
	color: #2b2d26;
	margin-top: 20px
}

@media screen and (max-width:1190px) {
	.reasons__list {
		margin-top: 50px
	}
	.reasons__item:nth-of-type(n+3) {
		margin-top: 50px
	}
	.reasons__text {
		margin-top: 25px;
		font-size: 24px
	}
}

@media screen and (max-width:1023px) {
	.reasons__list {
		margin-top: 30px
	}
	.reasons__item {
		max-width: 248px
	}
	.reasons__item::before {
		width: 200px;
		height: 250px;
		background-size: contain
	}
	.reasons__item:nth-of-type(n+1)::before {
		left: -19px;
		top: -47px
	}
	.reasons__item:nth-of-type(n+4) {
		margin-top: 30px
	}
	.reasons__item:nth-child(3) {
		margin-top: 0
	}
	.reasons__img {
		width: 200px;
		height: 200px
	}
	.reasons__text {
		font-size: 22px;
		margin-top: 18px
	}
}

@media screen and (max-width:767px) {
	.reasons__list {
		-webkit-box-align: baseline;
		-ms-flex-align: baseline;
		align-items: baseline
	}
	.reasons__item {
		max-width: 228px
	}
	.reasons__item::before {
		width: 220px;
		height: 240px
	}
	.reasons__item:nth-of-type(n+3) {
		margin-top: 20px
	}
	.reasons__img {
		width: 180px;
		height: 180px
	}
	.reasons__text {
		font-size: 20px;
		margin-top: 10px
	}
}

@media screen and (max-width:479px) {
	.reasons__list {
		margin-top: 10px
	}
	.reasons__item {
		max-width: 150px
	}
	.reasons__item::before {
		width: 210px;
		height: 210px
	}
	.reasons__item:nth-of-type(n+1)::before {
		left: -33px;
		top: -40px
	}
	.reasons__item:nth-of-type(2) {
		-webkit-box-ordinal-group: 11;
		-ms-flex-order: 10;
		order: 10
	}
	.reasons__item:nth-of-type(n+3) {
		margin-top: 15px
	}
	.reasons__img {
		width: 130px;
		height: 130px
	}
	.reasons__text {
		font-size: 16px
	}
}

.symptoms {
	position: relative;
	z-index: 0
}

.symptoms::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: calc(50% - 5px);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	height: 100%;
	max-height: 450px;

	background-size: cover;
	z-index: -1
}

.webp .symptoms::before {
	background: url(symptoms__bg.webp) no-repeat 50% center;
	background-size: cover
}

.symptoms .title {
	font-size: 50px
}

.symptoms__content {
	border: 6px solid #d5c5b3;
	border-radius: 10px;

	text-align: center;
	padding: 35px;
	max-width: 1030px;
	width: 100%;
	margin-left: auto;
	margin-right: auto
}

.webp .symptoms__content {
	background-image: url(symptoms__pattern.webp)
}

.symptoms__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 27px;
	width: 100%;
	max-width: 770px;
	margin-left: auto;
	margin-right: auto
}

.symptoms__item {
	max-width: 170px;
	width: 100%
}

.symptoms__desc {
	font-size: 24px;
	line-height: 1;
	color: #2b2d26;
	margin-top: 7px
}

.symptoms__conclusion {
	font-size: 36px;
	color: #2b2d26;
	margin-top: 28px
}

.symptoms__conclusion span {
	display: block;
	line-height: 35px
}

.symptoms__conclusion .green {
	margin-top: 7px
}

@media screen and (max-width:1190px) {
	.header.header-top {
		background-size: 100% 635px
	}
	.header.header-bottom {
		background-size: 100% 574px
	}
	.symptoms::before {
		max-height: 85%;
		top: 50%
	}
	.symptoms__content {
		max-width: 980px;
		padding: 25px
	}
	.symptoms .title {
		font-size: 45px
	}
	.symptoms__list {
		margin-top: 15px;
		max-width: 700px
	}
	.symptoms__item {
		max-width: 150px
	}
	.symptoms__desc {
		font-size: 22px;
		margin-top: 5px
	}
	.symptoms__conclusion {
		margin-top: 20px;
		font-size: 32px
	}
}

@media screen and (max-width:1023px) {
	.symptoms__content {
		padding: 20px
	}
	.symptoms .title {
		font-size: 40px
	}
	.symptoms__list {
		max-width: 650px;
		margin-top: 10px
	}
	.symptoms__desc {
		font-size: 20px;
		padding: 0 10px;
		margin-top: 3px
	}
	.symptoms__conclusion {
		font-size: 28px;
		margin-top: 15px
	}
}

@media screen and (max-width:767px) {
	.symptoms::before {
		background-size: cover
	}
	.symptoms__content {
		padding: 6px;
		border-width: 4px
	}
	.symptoms .title {
		font-size: 32px
	}
	.symptoms__list {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: space-around;
		max-width: 400px
	}
	.symptoms__item {
		max-width: 200px
	}
	.symptoms__item:last-of-type {
		-webkit-box-ordinal-group: 0;
		-ms-flex-order: -1;
		order: -1
	}
	.symptoms__item:nth-of-type(1),
	.symptoms__item:nth-of-type(4) {
		margin-bottom: 15px
	}
	.symptoms__img {
		max-width: 150px;
		margin-left: auto;
		margin-right: auto
	}
	.symptoms__desc {
		font-size: 18px;
		padding: 0
	}
	.symptoms__conclusion {
		font-size: 26px;
		line-height: 1
	}
	.symptoms__conclusion span {
		display: inline-block
	}
	.symptoms__conclusion span {
		line-height: 25px
	}
	.expert .expert__content::before {
		display: none
	}
}

@media screen and (max-width:479px) {
	.symptoms .title {
		font-size: 28px;
		line-height: 1.1
	}
	.symptoms__item {
		max-width: 120px
	}
	.symptoms__item:last-of-type {
		-webkit-box-ordinal-group: unset;
		-ms-flex-order: unset;
		order: unset;
		margin-bottom: 0
	}
	.symptoms__item:first-of-type {
		-webkit-box-ordinal-group: 5;
		-ms-flex-order: 4;
		order: 4;
		margin-bottom: 0
	}
	.symptoms__item:nth-of-type(2),
	.symptoms__item:nth-of-type(3) {
		margin-bottom: 10px
	}
	.symptoms__desc {
		font-size: 16px
	}
	.symptoms__conclusion {
		font-size: 20px
	}
}

.attention {
	padding-top: 100px
}

.attention__wrapper {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start
}

.attention__content {
	width: 100%
}

.attention__text {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.attention__sale {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin-bottom: 25px;
	position: relative
}

.attention__sale .sale__mark {
	position: static;
	margin-left: 30px
}

.attention__text-date {
	display: block
}

.attention__sale .sale__mark::before {
	content: "";
	display: block;
	position: absolute;
	background-image: url(butterfly3.png);
	background-repeat: no-repeat;
	background-position: 50%;
	width: 50px;
	height: 40px;
	top: -8px;
	right: -14px
}

.webp .attention__sale .sale__mark::before {
	background-image: url(butterfly3.webp);
	background-repeat: no-repeat;
	background-position: 50%
}

.attention__sale .sale__mark::after {
	content: "";
	display: block;
	position: absolute;
	width: 50px;
	height: 40px;

	-webkit-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1);
	top: -30px;
	left: 385px
}

.webp .attention__sale .sale__mark::after {
	background-image: url(butterfly1.webp)
}

.attention__sale .sale__mark span {
	margin-top: 30px;
	transform: rotate(0)
}

.use__fn {
	font-size: 20px;
	color: #56595e;
	font-style: italic
}

.attention__title {
	font-size: 24px
}

.attention__time-text {
	margin-right: 15px
}

.attention__term {
	font-size: 20px
}

.attention__time {
	display: flex;
	justify-content: flex-start;
	align-items: center
}

.attention__time .timer__value {
	color: #f37d33;
	border-color: #f37d33
}

.attention__time .timer__item::after {
	background-color: #f37d33
}

.attention__product {
	max-width: 320px;
	width: 100%;
	margin-right: 25px
}

.attention form {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.attention .form__label {
	max-width: 300px;
	width: 100%;
	margin: 0 15px 0 0
}

.attention .form__input {
	height: 78px
}

.attention .btn {
	max-width: 260px
}

@media (max-width:1219px) {
	.attention__sale {
		flex-direction: column;
		text-align: center
	}
	.attention__text {
		margin-bottom: 15px
	}
	.attention__time {
		flex-direction: column;
		max-width: 185px;
		width: 100%
	}
	.attention__time-text {
		margin-right: 0;
		margin-bottom: 10px
	}
	.attention form {
		flex-direction: column
	}
	.attention .form__input {
		margin-bottom: 15px
	}
	.attention__content {
		width: auto;
		border: 4px solid #b4846b;
		padding: 20px;
		border-radius: 8px
	}
	.attention__wrapper {
		justify-content: center;
		align-items: center
	}
	.attention .form__label::before {
		top: 42%
	}
}

@media (max-width:767px) {
	.attention__wrapper {
		flex-direction: column
	}
	.attention__product {
		margin-right: 0;
		margin-bottom: 20px
	}
}

.consequences {
	background-color: #fff;
	text-align: center;
	padding-top: 92px;
	padding-bottom: 80px
}

.consequences .title {
	letter-spacing: -.5px
}

.consequences__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 43px
}

.consequences__item {
	max-width: 270px;
	position: relative;
	z-index: 0
}

.consequences__img {
	text-align: center;
	border-radius: 50%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 100%;
	max-width: 270px;
	height: 270px;
	-webkit-box-shadow: inset 0 0 0 4px #fb5d5d, 4px 5px 25px -4px rgba(178, 84, 61, .3);
	box-shadow: inset 0 0 0 4px #fb5d5d, 4px 5px 25px -4px rgba(178, 84, 61, .3)
}

.consequences__img img {
	border-radius: 50%;
	position: relative;
	z-index: -1
}

.consequences__text {
	margin-top: 23px
}

.consequences__text-title {
	font-size: 20px
}

.consequences__desc {
	font-size: 20px;
	line-height: 24px;
	margin-top: 14px
}

.consequences__conclusion {
	margin-top: 51px;
	font-size: 32px;
	color: #2b2d26;
	margin-bottom: 28px
}

@media screen and (max-width:1190px) {
	.consequences__list {
		max-width: 980px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 25px
	}
	.consequences__item {
		max-width: 230px
	}
	.consequences__img {
		width: 220px;
		height: 220px
	}
	.consequences__text {
		margin-top: 15px
	}
	.consequences__text-title {
		font-size: 22px
	}
	.consequences__desc {
		font-size: 18px;
		margin-top: 5px;
		line-height: 1.2
	}
	.consequences__conclusion {
		margin-top: 30px;
		margin-bottom: 20px;
		font-size: 28px
	}
}

@media screen and (max-width:1023px) {
	.consequences__list {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		max-width: 680px
	}
	.consequences__item {
		width: 50%;
		max-width: none
	}
	.consequences__item:nth-of-type(2),
	.consequences__item:nth-of-type(3) {
		margin-bottom: 20px
	}
	.consequences__item:nth-of-type(1) {
		-webkit-box-ordinal-group: 5;
		-ms-flex-order: 4;
		order: 4
	}
	.consequences__img {
		width: 200px;
		height: 200px
	}
	.consequences__text {
		margin-top: 10px
	}
	.consequences__text-title {
		font-size: 20px
	}
	.consequences__desc {
		font-size: 19px
	}
	.consequences__conclusion {
		font-size: 25px
	}
}

@media screen and (max-width:767px) {
	.consequences__list {
		margin-top: 15px
	}
	.consequences__item:nth-of-type(1) {
		order: 0
	}
	.consequences__item:nth-of-type(3) {
		order: -1
	}
	.consequences__item:nth-of-type(1),
	.consequences__item:nth-of-type(3) {
		margin-bottom: 20px
	}
	.consequences__item:nth-of-type(2),
	.consequences__item:nth-of-type(3) {
		margin-bottom: 0
	}
	.consequences__img {
		width: 180px;
		height: 180px
	}
	.consequences__text {
		margin-top: 5px
	}
	.consequences__text-title {
		font-size: 19px
	}
	.consequences__desc {
		font-size: 16px;
		padding: 0 10px
	}
	.consequences__conclusion {
		font-size: 22px;
		padding: 0 40px
	}
}

@media screen and (max-width:479px) {
	.consequences__item {
		width: auto
	}
	.consequences__item:nth-last-of-type(n+2) {
		margin-bottom: 20px;
		-webkit-box-ordinal-group: unset;
		-ms-flex-order: unset;
		order: unset
	}
	.consequences__text-title {
		font-size: 18px
	}
	.consequences__desc {
		margin-top: 0
	}
	.consequences__conclusion {
		font-size: 19px;
		line-height: 1.25;
		padding: 0 5px
	}
}

.components {
	padding-top: 62px;
	padding-bottom: 80px;
	background-color: #fffaf5
}

.components .title {
	padding: 0 20px;
	letter-spacing: -.5px
}

.components__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 50px;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline
}

.components__item {
	width: 100%;
	max-width: 372px;
	text-align: center
}

.components__item--big {
	max-width: 1025px;
	margin-left: 45px;
	margin-bottom: 57px;
	text-align: left;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative
}

.components__item--big::before {
	content: "";
	display: block;
	position: absolute;
	background-image: url(butterfly3.png);
	background-repeat: no-repeat;
	background-position: 50%;
	width: 50px;
	height: 40px;
	right: -76px;
	top: 11px
}

.webp .components__item--big::before {
	background-image: url(butterfly3.webp);
	background-repeat: no-repeat;
	background-position: 50%
}

.components__item--3 {
	position: relative
}

.components__item--3::before {
	content: "";
	display: block;
	position: absolute;
	width: 50px;
	height: 40px;
	-webkit-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1);
	top: 15px;
	left: -13px
}

.webp .components__item--3::before {
	background-image: url(butterfly1.webp)
}

.components__img img {
	max-width: 372px
}

.components__img--big {
	position: relative
}

.components__img--big::before {
	content: "";
	display: block;
	position: absolute;
	width: 301px;
	height: 173px;

	background-repeat: no-repeat;
	bottom: -28px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}

.webp .components__img--big::before {
	background-image: url(../img/webp/components__img-bowl.webp);
	background-repeat: no-repeat
}

.components__img--big img {
	max-width: 277px;
	width: 100%;
	height: auto
}

.components__text {
	margin-top: 16px
}

.components__text--big {
	max-width: 680px;
	margin-top: 31px;
	margin-left: 48px
}

.components__text-title {
	font-size: 28px;
	line-height: 26px;
	color: #2c2f35;
	font-weight: 700
}

.components__text-title--big {
	font-size: 60px;
	color: #000;
	line-height: 1;
	position: relative
}

.components__text-desc {
	font-size: 22px;
	line-height: 26px;
	color: #262a31;
	font-weight: 400;
	margin-top: 20px;
	padding-top: 20px;
	position: relative
}

.components__text-desc::before {
	content: "";
	display: block;
	position: absolute;
	background-color: #91b529;
	height: 2px;
	width: 90px;
	left: 50%;
	top: 0;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}

.components__text-desc--big {
	font-size: 24px;
	line-height: 30px;
	margin-top: 25px;
	padding-top: 36px
}

.components__text-desc--big::before {
	width: 650px;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	left: 0
}

.components__conclusion {
	text-align: center;
	font-size: 32px;
	line-height: 36px;
	color: #2b2d26;
	margin-top: 53px
}

.my-block {
	display: inline-block;
	position: relative
}

.source {
	position: relative;
	display: inline-block;
	background: url(icon.png) no-repeat center;
	width: 14px;
	height: 14px;
	background-size: contain;
	top: 0;
	cursor: pointer;
	z-index: 96
}

.source-text {
	position: absolute;
	top: 25px;
	left: 50%;
	padding: 10px;
	background: #fff;
	color: #000;
	font-size: 12px;
	border-radius: 5px;
	line-height: 1.2;
	opacity: 0;
	z-index: 100;
	transition: .2s;
	transform: translateX(-50%);
	text-align: center;
	max-width: 160px;
	border: 1px solid #009fdb;
	width: 160px;
	padding: 10px;
	cursor: auto;
	z-index: -1;
	word-break: break-all
}

.source-text.hover {
	opacity: 1;
	z-index: 1
}

.source-text a {
	cursor: pointer;
	color: #3b5a9a
}

.components__item:first-child .source {
	width: 32px;
	height: 32px
}

.components__item:first-child .source-text {
	top: 52px
}

.components__item:last-child .source-text {
	transform: translate(-80%)
}

@media screen and (max-width:1190px) {
	.components .title {
		padding: 0 60px
	}
	.components__list {
		margin-top: 30px
	}
	.components__item {
		max-width: 330px
	}
	.components__item--big {
		max-width: none;
		margin-bottom: 30px
	}
	.components__item--big::before {
		right: 12px;
		top: 20px
	}
	.components__img img {
		width: 220px
	}
	.components__img--big::before {
		background-size: contain;
		width: 250px;
		bottom: -50px
	}
	.components__img--big img {
		width: 240px
	}
	.components__text {
		margin-top: 10px
	}
	.components__text--big {
		margin-top: 30px;
		margin-left: 20px
	}
	.components__text-title {
		font-size: 25px;
		line-height: .95
	}
	.components__text-title--big {
		font-size: 52px
	}
	.components__text-desc {
		font-size: 19px;
		padding-top: 16px;
		line-height: 1.2
	}
	.components__text-desc--big {
		margin-top: 20px;
		padding-top: 25px;
		font-size: 22px
	}
	.components__text-desc--big::before {
		max-width: 600px;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		left: 0
	}
	.components__conclusion {
		margin-top: 45px;
		font-size: 29px;
		line-height: 1.15
	}
}

@media screen and (max-width:1023px) {
	.components .title {
		padding: 0
	}
	.components__list {
		margin-top: 20px
	}
	.components__item {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		max-width: none;
		text-align: left;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	.components__item--big {
		margin-left: 0;
		margin-bottom: 0;
		padding-bottom: 15px
	}
	.components__item--big::after {
		display: none
	}
	.components__item--big::before {
		top: -2px
	}
	.components__item--3::before {
		display: none
	}
	.components__img--big {
		width: 160px
	}
	.components__img--big::before {
		width: 116px;
		height: 68px;
		bottom: -15px;
		left: auto;
		right: 62px;
		-webkit-transform: translateX(50%);
		-ms-transform: translateX(50%);
		transform: translateX(50%)
	}
	.components__img--big img {
		max-width: 102px
	}
	.components__img img {
		width: 160px
	}
	.components__text {
		margin-left: 15px;
		max-width: 570px;
		margin-top: 0
	}
	.components__text br {
		display: none
	}
	.components__text-title {
		font-size: 22px
	}
	.components__text-title--4 {
		padding-top: 0
	}
	.components__text-desc {
		font-size: 18px;
		padding-top: 14px;
		margin-top: 8px
	}
	.components__text-desc::before {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		left: 0;
		width: 100%;
		max-width: 570px
	}
	.components__conclusion {
		font-size: 22px;
		line-height: 1.1;
		margin-top: 26px
	}
}

@media screen and (max-width:767px) {
	.components__item--big {
		padding-bottom: 10px
	}
	.components__item--big::before {
		display: none
	}
	.components__item:last-of-type {
		margin-bottom: 0
	}
	.components__text {
		max-width: 280px
	}
	.components__text-title {
		font-size: 19px
	}
	.components__text-desc {
		font-size: 16px;
		margin-top: 5px;
		padding-top: 8px
	}
	.components__conclusion {
		font-size: 20px;
		margin-top: 20px
	}
}

@media screen and (max-width:479px) {
	.components__item {
		text-align: center;
		display: block
	}
	.components__img {
		margin-left: auto;
		margin-right: auto
	}
	.components__img--big {
		margin-left: 40px;
		margin-bottom: 20px
	}
	.components__img--big::before {
		right: 35px
	}
	.components__conclusion {
		font-size: 18px
	}
	.components__conclusion {
		margin-top: 25px
	}
}

.use {
	padding: 80px 0;
	text-align: center;
	position: relative
}

.use .title {
	margin-bottom: 50px
}

.use__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-around;
	counter-reset: items;
	position: relative
}

.use__butterfly::before {
	content: "";
	display: block;
	width: 50px;
	height: 40px;
	position: absolute;
	top: 238px;
	right: -95px;
	background: url(butterfly6.png) no-repeat center center
}

.webp .use__butterfly::before {
	background: url(butterfly6.webp) no-repeat center center
}

.use__butterfly::after {
	content: "";
	display: block;
	width: 64px;
	height: 62px;
	position: absolute;
	top: -205px;
	left: -490px;

}

.webp .use__butterfly::after {
	background: url(butterfly5.webp) no-repeat center center
}

.use__item {
	width: 270px;
	position: relative;
	z-index: 1
}

.use__item::before {
	counter-increment: items;
	content: counter(items);
	display: block;
	color: #f8eee6;
	font-size: 150px;
	font-weight: 700;
	position: absolute;
	z-index: -1;
	top: -40px;
	left: -40px
}

.use__text {
	color: #000;
	font-size: 22px;
	font-weight: 400;
	line-height: 24px;
	margin-top: 20px
}

.use__conclusion {
	color: #2b2d26;
	font-size: 32px;
	font-weight: 700;
	line-height: 36px;
	margin: 35px 0 10px
}

.use__fn {
	font-size: 20px;
	margin-bottom: 35px
}

.use__img {
	border-radius: 50%;
	box-shadow: inset 0 0 0 4px #91b529, 7px 7px 15px rgba(0, 0, 0, .1);
	width: 265px;
	height: 265px;
	position: relative
}

.use__img img {
	position: relative;
	z-index: -1
}

.use .pack {
	position: absolute;
	top: 65px;
	left: 50%;
	max-width: 180px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}

@media screen and (max-width:1190px) {
	.use__list::before {
		right: 312px
	}
	.use__list::after {
		top: -185px;
		left: 5px
	}
}

@media screen and (max-width:1023px) {
	.use .title {
		margin-bottom: 35px
	}
	.use__list {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	.use__list::before {
		right: 357px
	}
	.use__list::after {
		top: -145px;
		left: 0
	}
	.use__item:nth-child(2)::before {
		top: -40px
	}
	.use__item:nth-child(3) {
		margin-top: 30px
	}
	.use__butterfly::before {
		display: none
	}
}

@media screen and (max-width:767px) {
	.use__list::before {
		top: 270px;
		right: 385px
	}
	.use__list::after {
		display: none
	}
	.use__item {
		margin-bottom: 40px
	}
	.use__item:nth-child(3) {
		margin: 0
	}
	.use__img {
		margin-bottom: 5px
	}
	.use__text {
		margin-top: 0
	}
	.use__conclusion {
		margin: 20px 0;
		font-size: 26px
	}
}

@media screen and (max-width:479px) {
	.use__item {
		width: 270px
	}
	.use__item::before {
		left: -30px;
		top: -50px
	}
	.use__list::before {
		top: 320px;
		right: 5px
	}
	.use__img {
		width: 225px;
		height: 225px;
		margin-left: auto;
		margin-right: auto
	}
	.use .pack {
		max-width: 105px
	}
}

.expert {
	padding: 72px 0 0;
	position: relative;
	background-size: cover
}

.webp .expert {
	background: url(expert-bg.webp) no-repeat 50% center;
	background-size: cover
}

.expert .lines {
	background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 398px, rgba(185, 182, 179, .18) 398px, rgba(185, 182, 179, .18) 399px)
}

.expert__content {
	position: relative
}

.expert__content::before {
	content: "";
	display: block;
	width: 31px;
	height: 30px;
	position: absolute;
	top: 20px;
	left: 370px;

	z-index: 3
}

.webp .expert__content::before {
	background: url(../img/webp/butterfly2.webp) no-repeat
}

.expert__content::after {
	content: "";
	display: block;
	width: 50px;
	height: 40px;
	position: absolute;
	bottom: 60px;
	right: -12px;
	z-index: 3
}

.webp .expert__content::after {
	background: url(butterfly1.webp) no-repeat
}

.expert__woman {
	display: block;
	position: absolute;
	z-index: 0;
	bottom: 0;
	left: calc(50% - 640px);
	width: 538px;
	height: 692px
}

.expert__list {
	position: relative;
	padding-left: 500px;
	margin-top: 50px;
	z-index: 2
}

.expert__list-head {
	display: inline-block;
	margin-bottom: 35px;
	border-bottom: 2px solid #91b529
}

.expert__list-title {
	font-size: 32px;
	font-weight: 700
}

.expert__list-subtitle {
	font-size: 20px;
	font-weight: 400
}

.expert__text {
	color: #56595e;
	font-size: 22px;
	font-weight: 400;
	line-height: 28px;
	margin-bottom: 25px
}

.expert__text:last-child {
	margin-bottom: 0
}

.expert__text .green {
	font-weight: 700
}

@media screen and (max-width:1230px) {
	.expert .lines {
		background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 348px, rgba(185, 182, 179, .18) 349px, rgba(185, 182, 179, .18) 349px)
	}
}

@media screen and (max-width:1190px) {
	.expert {
		background-position: -580px 0;
		background-size: cover
	}
	.expert .lines {
		background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 333px, rgba(185, 182, 179, .18) 333px, rgba(185, 182, 179, .18) 334px)
	}
	.expert__content::before {
		left: 310px
	}
	.expert__content::after {
		bottom: -48px;
		right: 18px
	}
	.expert__woman {
		width: 500px;
		left: calc(50% - 600px);
		height: auto
	}
	.expert__list {
		padding-left: 410px;
		margin-top: 25px
	}
}

@media screen and (max-width:1023px) {
	.expert {
		background-position: top center;
		background-size: cover
	}
	.expert .lines {
		background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 248px, rgba(185, 182, 179, .18) 248px, rgba(185, 182, 179, .18) 249px)
	}
	.expert.block {
		padding-bottom: 0
	}
	.expert__woman {
		position: static;
		width: 300px;
		margin: 20px auto -5px;
		left: 0
	}
	.expert__content {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-end
	}
	.expert .title {
		width: 100%
	}
	.expert__list {
		padding-left: 0;
		margin-top: 5px
	}
	.expert__list-head {
		margin-left: 30px
	}
	.expert .title {
		margin-bottom: 20px
	}
	.expert__content::before {
		top: -50px;
		left: 60px
	}
	.expert__content::after {
		top: 450px
	}
	.expert__list-head {
		margin-bottom: 15px
	}
	.expert__list-title {
		font-size: 24px
	}
	.expert__list-subtitle {
		font-size: 19px
	}
	.expert__text {
		font-size: 21px;
		margin-bottom: 15px;
		padding: 0 30px;
		text-align: left
	}
	.expert__list {
		width: 60%
	}
	.expert__woman {
		width: 40%
	}
	.expert__woman img {
		max-width: 130%;
		margin-left: -25%
	}
}

@media screen and (max-width:767px) {
	.expert .lines {
		background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 228px, rgba(185, 182, 179, .18) 228px, rgba(185, 182, 179, .18) 229px)
	}
	.expert__content::before {
		left: 22px;
		top: 30px
	}
	.expert__content::after {
		top: auto;
		bottom: -40px
	}
	.expert__woman {
		display: none
	}
	.expert__list {
		width: 100%;
		text-align: center
	}
	.expert__list-title {
		font-size: 25px
	}
	.expert__list-head {
		margin-left: 0
	}
	.expert__list-subtitle {
		font-size: 18px
	}
	.expert__text {
		font-size: 19px;
		padding: 0
	}
}

@media screen and (max-width:479px) {
	.expert.block {
		padding-bottom: 25px
	}
	.expert__content::after,
	.expert__content::before {
		display: none
	}
	.expert__woman {
		display: none
	}
	.expert__list-title {
		font-size: 22px
	}
	.expert__list-subtitle {
		font-size: 17px
	}
	.expert__text {
		font-size: 17px;
		margin-bottom: 8px
	}
}

.reviews {
	padding-top: 73px;
	padding-bottom: 73px;
	position: relative
}

.reviews::after {
	content: "";
	display: block;
	position: absolute;
	height: 2px;
	background-color: #91b529;
	width: 140px;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}

.reviews__list {
	margin-top: 52px;
	max-width: 1200px;
	width: 1200px;
	position: relative;
	right: 13px
}

.reviews__item {
	background-color: #fffaf5;
	width: 100%;
	max-width: 370px;
	margin-left: 15px;
	margin-right: 15px;
	outline: 0;
	border: 1px solid #eddfd4;
	border-radius: 8px;
	padding-top: 19px;
	padding-bottom: 20px;
	position: relative;
	margin-bottom: 20px;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.reviews__head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.reviews__img {
	max-width: 170px;
	margin-right: 30px
}

.reviews__img img {
	border-radius: 0 17px 17px 0;
	position: relative;
	left: 0
}

.reviews__name {
	font-size: 24px;
	color: #3c4452;
	font-weight: 700;
	line-height: 26px
}

.reviews__age {
	font-size: 20px;
	color: #3c4452
}

.reviews__city {
	font-size: 20px;
	color: #91b529;
	margin-top: 13px;
	padding-top: 11px;
	word-spacing: -1px;
	position: relative
}

.reviews__city::before {
	content: "";
	display: block;
	position: absolute;
	background-color: #91b529;
	height: 2px;
	width: 140px;
	left: 0;
	top: 0
}

.reviews__body {
	margin-top: 17px;
	padding-left: 19px;
	padding-right: 12px;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.reviews__quote {
	font-size: 22px;
	line-height: 1.2;
	color: #3c4452
}

.reviews__text {
	font-size: 18px;
	line-height: 26px;
	color: #56595e;
	margin-top: 10px
}

.reviews__footnote {
	text-align: center;
	font-size: 20px;
	color: #56595e;
	margin-top: 78px;
	font-style: italic
}

.reviews .slick-arrow {
	height: 40px;
	width: 40px;
	background-color: #91b529;
	border-radius: 50%;
	top: 240px;
	z-index: 10;
	-webkit-transition: .2s;
	-o-transition: .2s;
	transition: .2s
}

.reviews .slick-arrow:hover {
	background-color: #f8eee6;
	-webkit-transition: .2s;
	-o-transition: .2s;
	transition: .2s
}

.reviews .slick-arrow:hover::before {
	background-color: #d8c8bb;
	-webkit-transition: .2s;
	-o-transition: .2s;
	transition: .2s
}

.reviews .slick-arrow:hover::after {
	border-color: #d8c8bb;
	-webkit-transition: .2s;
	-o-transition: .2s;
	transition: .2s
}

.reviews .slick-arrow::before {
	content: "";
	display: block;
	position: absolute;
	width: 18px;
	height: 2px;
	background-color: #fff;
	left: 50%;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%)
}

.reviews .slick-arrow::after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
	transform: translateX(-50%) translateY(-50%) rotate(-45deg);
	width: 11px;
	height: 11px;
	border: 2px solid #fff;
	border-top: none;
	border-left: none
}

.reviews .slick-next {
	right: -55px
}

.reviews .slick-prev {
	-webkit-transform: translateY(-50%) scaleX(-1);
	-ms-transform: translateY(-50%) scaleX(-1);
	transform: translateY(-50%) scaleX(-1);
	left: -55px
}

.reviews .slick-dots {
	bottom: -42px
}

.reviews .slick-dots button::before {
	content: "";
	height: 9px;
	width: 9px;
	background-color: #eee1d7;
	opacity: 1;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	-webkit-transition: .2s;
	-o-transition: .2s;
	transition: .2s
}

.reviews .slick-dots button::after {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	background-color: #f3cb18;
	left: 50%;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	-webkit-transition: .1s;
	-o-transition: .1s;
	transition: .1s;
	border-radius: 50%
}

.reviews .slick-dots li {
	margin: 0
}

.reviews .slick-dots button:hover::before {
	background-color: #d0b5a0
}

.reviews .slick-dots .slick-active button::after {
	background-color: #fff
}

.reviews .slick-dots .slick-active button::before {
	-webkit-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
	-webkit-box-shadow: 0 0 15px rgba(36, 66, 137, .1);
	box-shadow: 0 0 15px rgba(36, 66, 137, .1)
}

.reviews .slick-dots .slick-active button::after {
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
	width: 11px;
	height: 11px;
	background-color: #91b529
}

@media screen and (max-width:1330px) {
	.reviews__list {
		width: 100%;
		max-width: 1080px;
		margin-left: auto;
		margin-right: auto;
		right: auto;
		left: auto
	}
	.reviews .slick-list {
		margin-left: auto;
		margin-right: auto
	}
	.reviews__item {
		margin-left: 5px;
		margin-right: 5px;
		max-width: 360px
	}
	.reviews__name {
		font-size: 23px
	}
	.reviews__age,
	.reviews__city {
		font-size: 19px
	}
	.reviews__quote {
		font-size: 21px
	}
	.reviews__text {
		font-size: 17px
	}
	.reviews .slick-next {
		right: -45px
	}
	.reviews .slick-prev {
		left: -45px
	}
}

@media screen and (max-width:1190px) {
	.reviews__list {
		max-width: 940px;
		margin-top: 25px
	}
	.reviews__item::after {
		height: 90px;
		background: -webkit-gradient(linear, left bottom, left top, from(#fffaf5), color-stop(42%, #fffaf5), color-stop(76%, rgba(255, 250, 245, .7)), to(rgba(255, 250, 245, 0)));
		background: -webkit-linear-gradient(bottom, #fffaf5 0, #fffaf5 42%, rgba(255, 250, 245, .7) 76%, rgba(255, 250, 245, 0) 100%);
		background: -o-linear-gradient(bottom, #fffaf5 0, #fffaf5 42%, rgba(255, 250, 245, .7) 76%, rgba(255, 250, 245, 0) 100%);
		background: linear-gradient(to top, #fffaf5 0, #fffaf5 42%, rgba(255, 250, 245, .7) 76%, rgba(255, 250, 245, 0) 100%)
	}
	.reviews__img {
		max-width: 130px
	}
	.reviews__name {
		font-size: 21px
	}
	.reviews__age,
	.reviews__city {
		font-size: 18px
	}
	.reviews__body {
		padding-left: 7px;
		padding-right: 7px
	}
	.reviews__quote {
		font-size: 18px
	}
	.reviews__text {
		font-size: 16px;
		line-height: 1.3;
		margin-top: 6px
	}
	.reviews__footnote {
		font-size: 18px;
		margin-top: 60px
	}
	.reviews .slick-arrow {
		height: 30px;
		width: 30px;
		top: 220px
	}
	.reviews .slick-next {
		right: -30px
	}
	.reviews .slick-prev {
		left: -30px
	}
}

@media screen and (max-width:1023px) {
	.reviews__list {
		max-width: 670px
	}
	.reviews__item {
		max-width: 305px;
		margin-left: 15px;
		margin-right: 15px
	}
	.reviews__footnote {
		font-size: 17px
	}
	.reviews .slick-next {
		right: -25px
	}
	.reviews .slick-prev {
		left: -25px
	}
}

@media screen and (max-width:767px) {
	.reviews__list {
		max-width: 360px;
		margin-top: 20px
	}
	.reviews__item {
		max-width: 360px
	}
	.reviews__body {
		padding-left: 14px;
		padding-right: 18px
	}
	.reviews__footnote {
		font-size: 16px
	}
	.reviews .slick-arrow {
		height: 35px;
		width: 35px
	}
	.reviews .slick-next {
		right: -35px
	}
	.reviews .slick-prev {
		left: -35px
	}
}

@media screen and (max-width:479px) {
	.reviews__list {
		max-width: 280px;
		margin-top: 10px
	}
	.reviews__item::after {
		background: -webkit-gradient(linear, left bottom, left top, from(#fffaf5), color-stop(60%, rgba(255, 250, 245, .9)), to(rgba(255, 250, 245, 0)));
		background: -webkit-linear-gradient(bottom, #fffaf5 0, rgba(255, 250, 245, .9) 60%, rgba(255, 250, 245, 0) 100%);
		background: -o-linear-gradient(bottom, #fffaf5 0, rgba(255, 250, 245, .9) 60%, rgba(255, 250, 245, 0) 100%);
		background: linear-gradient(to top, #fffaf5 0, rgba(255, 250, 245, .9) 60%, rgba(255, 250, 245, 0) 100%)
	}
	.reviews__img {
		max-width: 100px;
		margin-right: 15px
	}
	.reviews__name {
		font-size: 19px
	}
	.reviews__age {
		font-size: 17px
	}
	.reviews__city {
		font-size: 17px;
		margin-top: 12px;
		padding-top: 6px
	}
	.reviews__city::before {
		max-width: 100%
	}
	.reviews__body {
		padding-left: 10px;
		padding-right: 10px
	}
	.reviews__quote {
		font-size: 17px
	}
	.reviews__text {
		margin-top: 5px;
		line-height: 1.2
	}
	.reviews__footnote {
		margin-top: 40px
	}
	.reviews .slick-arrow {
		height: 30px;
		width: 30px
	}
	.reviews .slick-next {
		right: -9px
	}
	.reviews .slick-prev {
		left: -8px
	}
	.reviews .slick-dots {
		bottom: -35px
	}
}

.order {
	padding-top: 70px;
	padding-bottom: 71px;
	text-align: center;
	position: relative;
	z-index: 2;
	background: #fff
}

.order .title {
	margin-bottom: 50px
}

.order__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-around;
	counter-reset: items;
	position: relative
}

.order__list::before {
	content: "";
	display: none;
	width: 50px;
	height: 40px;
	position: absolute;
	top: -25px;
	right: 285px;
	z-index: 10
}

.webp .order__list::before {
	background: url(butterfly1.webp) no-repeat center center
}

.order__list::after {
	content: "";
	display: block;
	width: 63px;
	height: 62px;
	position: absolute;
	top: -170px;
	left: 65px;
	background-size: contain;
	z-index: 10
}

.webp .order__list::after {
	background: url(../img/webp/butterfly2.webp) no-repeat center center;
	background-size: contain
}

.order__item {
	width: 320px;
	position: relative;
	z-index: 1
}

.order__item::before {
	counter-increment: items;
	content: counter(items);
	display: block;
	color: #f8eee6;
	font-size: 150px;
	font-weight: 700;
	position: absolute;
	z-index: -1;
	top: -50px;
	left: -10px
}

.order__title {
	font-size: 24px;
	font-weight: 700;
	padding: 0 11px
}

.order__text {
	color: #000;
	font-size: 20px;
	font-weight: 500;
	line-height: 24px;
	margin-top: 15px;
	padding: 0 11px
}

.order__text .green {
	font-weight: 700
}

.order__img {
	width: 270px;
	height: 270px;
	margin: 0 auto 18px;
	border: 4px solid #91b529;
	background-color: #fffaf5;
	border-radius: 50%;
	-webkit-box-shadow: 7px 7px 15px rgba(0, 0, 0, .1);
	box-shadow: 7px 7px 15px rgba(0, 0, 0, .1);
	overflow: hidden
}

.order__pack {
	max-width: 202px
}

.order__pack-position {
	position: relative;
	top: 60px
}

.order__item:first-child .order__img {
	padding-top: 45px
}

.order__item:nth-child(2) .order__img {
	padding-top: 9px
}

.order__item:last-child .order__img {
	padding-top: 4px;
	padding-left: 63px
}

.order__img--2 img {
	position: relative;
	top: 5px
}

.order__img--3 img {
	position: relative;
	left: 5px
}

@media screen and (max-width:1190px) {
	.order__list::before {
		right: 252px
	}
	.order__list::after {
		top: -185px;
		left: 10px
	}
}

@media screen and (max-width:1023px) {
	.order .title {
		margin-bottom: 35px
	}
	.order__list {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	.order__list::before {
		right: 367px;
		top: 235px
	}
	.order__list::after {
		top: -145px;
		left: 0
	}
	.order__item:nth-child(2)::before {
		top: -40px
	}
	.order__item:nth-child(3),
	.order__item:nth-child(4) {
		margin-top: 30px
	}
}

@media screen and (max-width:767px) {
	.order__item::before {
		left: -30px
	}
	.order__list::before {
		top: 270px;
		right: 385px
	}
	.order__list::after {
		display: none
	}
	.order__item {
		margin-bottom: 40px
	}
	.order__text {
		margin-top: 0
	}
}

@media screen and (max-width:479px) {
	.order__title {
		font-size: 21px
	}
	.order__text {
		font-size: 18px
	}
	.order__item {
		width: 280px
	}
	.order__item::before {
		left: -25px
	}
	.order__list::before {
		top: 370px;
		right: 5px
	}
	.order__img {
		width: 250px;
		height: 250px;
		margin-bottom: 10px
	}
	.order__img--2 img {
		max-width: 199px
	}
	.order__img--1 img {
		max-width: 160px
	}
	.order__pack {
		max-width: 180px
	}
}

.form {
	background: #fffaf5
}

.ib {
	display: inline-block
}

.footer {
	padding-top: 85px;
	padding-bottom: 25px;
	background: #fff;
	text-align: center
}

.footer__content {
	align-items: flex-start;
	font-family: Roboto, sans-serif;
	padding-top: 5px
}

.footer__text {
	font-size: 17px;
	color: #747678;
	margin-top: 3px
}

.footer__privacy {
	color: #2b2d26;
	font-size: inherit;
	display: inline-block;
	margin-bottom: 4px
}

.footer__privacy:hover {
	text-decoration: underline
}

@media screen and (max-width:1190px) {
	.footer {
		padding-top: 20px;
		padding-bottom: 20px
	}
}

@media screen and (max-width:1023px) {
	.footer {
		padding-top: 20px;
		padding-bottom: 20px
	}
	.footer__content {
		position: static
	}
	.footer__content {
		-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
	}
}

.ever-popup__close:after,
.ever-popup__close:before {
	background: #f26c4d!important
}

.ever-popup__inner {
	padding-bottom: 20px
}

.popup {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative
}

.popup::before {
	content: "";
	display: block;
	position: absolute;
	width: 588px;
	height: 415px;
	background-color: #fffaf5;
	background-image: url(../img/popup__patterm.png);
	z-index: -1;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	border-radius: 10px;
	-webkit-box-shadow: 3px 3px 46px rgba(180, 132, 107, .3);
	box-shadow: 3px 3px 46px rgba(180, 132, 107, .3)
}

.webp .popup::before {
	background-color: #fffaf5;
	background-image: url(../img/webp/popup__patterm.webp)
}

.popup .form::before {
	display: none
}

.popup__img {
	width: 334px;
	display: flex;
	align-items: center
}

.popup__img .prod-img {
	width: 240px;
	display: block;
	margin: auto 35px auto 50px
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
	.popup__img {
		margin-top: 55px
	}
	.header__title .green {
		max-width: 435px
	}
	.timer__item::after {
		right: -20px
	}
	.timer__item:nth-child(2)::after {
		right: -20px
	}
	.attention .timer__item::after {
		right: -16px
	}
	.attention .timer__item:nth-child(2)::after {
		right: -16px
	}
	.reviews__name {
		line-height: 23px
	}
}

@media screen and (max-width:767px) {
	.popup {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		background-color: #fffaf5;
		background-image: url(../img/popup__patterm.png);
		border-radius: 10px
	}
	.webp .popup {
		background-color: #fffaf5;
		background-image: url(../img/webp/popup__patterm.webp)
	}
	.popup::before {
		display: none
	}
	.popup__img {
		display: none
	}
	.popup .form {
		margin-left: auto;
		margin-right: auto
	}
}

@media screen and (max-width:1190px) {
	.container {
		width: 1024px;
		padding-right: 10px;
		padding-left: 10px
	}
	.block {
		padding: 60px 0
	}
	.expert {
		padding-bottom: 0
	}
	.title {
		font-size: 36px;
		line-height: 1.2
	}
}

@media screen and (max-width:1100px) {
	.container {
		width: 768px
	}
	.order__list {
		flex-wrap: wrap
	}
	.header__navigation .timer {
		display: none
	}
}

@media screen and (max-width:1023px) {
	.container {
		width: 768px
	}
	.block {
		padding: 40px 0
	}
	.title {
		font-size: 32px
	}
	.components__item {
		margin-bottom: 20px
	}
}

@media screen and (max-width:767px) {
	.container {
		max-width: 479px
	}
	.title {
		font-size: 30px
	}
	.block {
		padding: 30px 0
	}
	.use__conclusion .green {
		display: block
	}
	.header__navigation-wrapp {
		display: flex;
		justify-content: center
	}
	.header__navigation .btn {
		display: none
	}
	.header__text {
		text-align: center
	}
	.header__logo {
		margin-right: 10px
	}
	.header__text {
		font-size: 18px
	}
}

@media screen and (max-width:479px) {
	.container {
		max-width: 320px;
		width: 100%
	}
	.block {
		padding: 25px 0
	}
	.title {
		font-size: 30px;
		line-height: 1.1
	}
	.components__item {
		margin-bottom: 0;
		padding-bottom: 0
	}
}

.sale__mark {
	position: absolute;
	width: 100px;
	height: 100px;
	right: -50px;
	top: -60px
}

.webp .sale__mark {
	background: url(sale_mark.webp)
}

.sale__mark span {
	font-size: 28px;
	color: #fff;
	font-weight: 700;
	line-height: 1.571;
	text-align: center;
	z-index: 2;
	display: block;
	margin-top: 25px;
	transform: rotate(-45deg)
}

.header-bottom {
	padding-top: 40px
}

.header-bottom .form {
	top: 100px
}

.prod-img {
	max-width: 300px
}

.popup form {
	margin-right: 10px;
	margin-left: 10px
}

.expert__text--img {
	padding-bottom: 20px!important
}

.black__text {
	display: inline-block;
	margin-top: 20px;
	line-height: 45px
}

.attention__text-mobile {
	display: none
}

.reviews__head-text {
	max-width: 134px
}

@media screen and (max-width:1288px) {
	.sale__mark {
		left: 52%;
		transform: translateX(-50%);
		top: -75px
	}
	.attention__sale .sale__mark {
		left: auto;
		transform: none;
		top: auto
	}
	.sale__mark span {
		transform: none
	}
}

@media screen and (max-width:1230px) {
	.form:before {
		top: -41px;
		right: 13px
	}
}

@media screen and (max-width:1219px) {
	.attention .form__label {
		margin-right: 0
	}
	.attention__sale .sale__mark {
		display: none
	}
	.attention {
		padding-top: 70px;
		padding-bottom: 0
	}
	.attention__text {
		display: none
	}
	.attention__content {
		border: none
	}
	.attention__text-mobile {
		display: flex;
		justify-content: center;
		margin-bottom: 20px
	}
	.attention__title {
		font-size: 30px;
		text-align: center
	}
	.attention__term {
		font-size: 24px
	}
}

@media screen and (max-width:1190px) {
	.sale__mark span {
		font-size: 26px;
		margin-top: 31px
	}
	.sale__mark {
		background-size: 80px;
		background-position: center;
		background-repeat: no-repeat;
		left: 50%
	}
	.prod-img {
		max-width: 250px
	}
	.header-bottom .header__prod {
		left: calc(50% - 142px);
		bottom: 10px
	}
	.expert__woman {
		display: none
	}
	.expert__list {
		width: 100%;
		text-align: center;
		padding-left: 0
	}
	.expert__content::before {
		left: 150px
	}
	.reasons__item:nth-child(3) {
		margin-top: 0
	}
	.order__list {
		margin: 0 auto;
		flex-wrap: wrap;
		max-width: 748px
	}
	.order__item:nth-child(3),
	.order__item:nth-child(4) {
		margin-top: 30px
	}
}

@media screen and (max-width:1100px) {
	.attention.block {
		padding: 60px 0 30px 0
	}
	.reasons__item:nth-child(3) {
		margin-top: 50px
	}
	.prod-img {
		max-width: 320px
	}
	.header__prod {
		left: calc(50% - 320px)
	}
	.header__prod::after {
		left: 100px
	}
	.header .form {
		margin-right: 55px;
		margin-top: 40px
	}
	.header-bottom .form {
		margin: 100px 55px 100px auto
	}
	.header-bottom .header__prod {
		left: calc(50% - 330px);
		bottom: 115px
	}
	.consequences__list {
		flex-wrap: wrap;
		max-width: 680px;
		justify-content: space-around
	}
	.consequences__item {
		max-width: 290px
	}
	.consequences__item:nth-child(3),
	.consequences__item:nth-child(4) {
		margin-top: 30px
	}
	.components__item {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		max-width: none;
		text-align: left;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	.components__text-desc::before {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		left: 0;
		width: 100%;
		max-width: 570px
	}
	.components__item--big {
		margin-left: 0;
		margin-bottom: 0;
		padding-bottom: 15px
	}
	.components__img--big {
		width: 160px
	}
	.components__text {
		margin-left: 15px;
		max-width: 500px;
		margin-top: 0;
		width: 100%
	}
	.components__text--big {
		margin-left: 67px
	}
	.components__img img {
		width: 215px
	}
	.components__img--big img {
		width: 139px
	}
	.components__img--big::before {
		width: 165px;
		height: 95px;
		bottom: -15px;
		left: auto;
		right: 28px;
		-webkit-transform: translateX(50%);
		-ms-transform: translateX(50%);
		transform: translateX(50%)
	}
	.components__text-desc {
		font-size: 20px;
		padding-top: 14px;
		margin-top: 8px
	}
	.components__text-title {
		font-size: 24px
	}
	.components__item:first-child .source {
		width: 14px;
		height: 14px
	}
	.components__item:first-child .source-text {
		top: 25px
	}
	.components__item--big::before {
		top: -2px
	}
	.use__list {
		flex-wrap: wrap
	}
	.reviews__item {
		max-width: 350px;
		margin-left: 15px;
		margin-right: 15px
	}
	.header__title {
		font-size: 42px;
		line-height: 42px;
		max-width: 456px;
		margin-bottom: 40px
	}
	.header__title .green {
		font-size: 42px
	}
	.header__item {
		font-size: 19px;
		max-width: 280px;
		padding-left: 32px;
		margin-bottom: 20px;
		line-height: 22px
	}
	.header__item::before {
		left: -6px
	}
	.header__prod {
		left: calc(50% - 95px);
		bottom: 5px
	}
	.prod-img {
		max-width: 230px
	}
	.header .form {
		margin: 0 0 0 auto;
		max-width: 260px
	}
	.header__leg {
		display: none
	}
	.header-bottom .prod-img {
		max-width: 200px
	}
	.header-bottom .form {
		top: 65px
	}
	.header-bottom .header__prod {
		left: calc(50% - 100px);
		bottom: 10px
	}
	.btn {
		font-size: 28px
	}
	.btn__small {
		font-size: 18px
	}
	.header.header-top {
		background-size: 100% 734px
	}
	.header.header-bottom {
		background-size: 100% 623px
	}
}

@media screen and (max-width:1023px) {
	.reasons__item:nth-child(3) {
		margin-top: 0
	}
	.prod-img {
		max-width: 230px
	}
	.header-bottom .prod-img {
		max-width: 200px
	}
	.order__list::before {
		display: block
	}
	.header .form {
		margin: 0 0 0 auto
	}
	.header__prod {
		left: calc(50% - 95px)
	}
	.header-bottom .header__prod {
		left: calc(50% - 100px);
		bottom: 10px
	}
	.consequences__item:nth-child(3),
	.consequences__item:nth-child(4) {
		margin-top: 0
	}
	.components__img img {
		width: 160px
	}
	.components__img--big::before {
		width: 116px;
		height: 68px;
		bottom: -15px;
		left: auto;
		right: 62px;
		-webkit-transform: translateX(50%);
		-ms-transform: translateX(50%);
		transform: translateX(50%)
	}
	.components__text--big {
		margin-left: 15px
	}
	.components__text-desc {
		font-size: 18px;
		padding-top: 14px;
		margin-top: 8px
	}
	.components__text-title {
		font-size: 22px
	}
	.components__text {
		width: 570px
	}
}

@media screen and (max-width:767px) {
	.header__about {
		padding-bottom: 30px
	}
	.header__item {
		max-width: none
	}
	.header__item:nth-child(1)::before {
		top: -15px
	}
	.header-bottom .form {
		top: 20px;
		position: relative;
		margin-bottom: 20px
	}
	.header-bottom .prod-img,
	.prod-img {
		max-width: 300px
	}
	.expert__text:nth-child(6) {
		margin-bottom: 0
	}
	.expert__text--img {
		text-align: center
	}
	.expert .title {
		margin-bottom: 10px
	}
	.header .form {
		margin-left: auto;
		margin-right: auto
	}
	.header-bottom .header__prod,
	.header__prod {
		left: calc(50% - 240px)
	}
	.header__prod::after {
		left: -25px
	}
	.components__text {
		width: 280px
	}
	.components__text-title {
		font-size: 19px
	}
	.components__text-desc {
		font-size: 16px
	}
	.components__text-desc .nowrap {
		white-space: normal
	}
	.components__img--big {
		margin: 0 auto 20px auto
	}
	.attention__text-mobile {
		display: none
	}
	.attention__text {
		display: block
	}
	.attention__title {
		font-size: 24px
	}
	.attention__term {
		font-size: 20px
	}
	.attention__content {
		border: 4px solid #b4846b
	}
	.header.header-bottom,
	.header.header-top {
		background-size: cover
	}
}

@media screen and (max-width:479px) {
	.reasons__item:nth-child(3) {
		margin-top: 15px
	}
	.components__img {
		padding: 30px 0 5px
	}
	.header__item::before {
		left: 0
	}
	.header__item:nth-child(1)::before {
		top: -13px
	}
	.header__item:nth-of-type(2)::before {
		top: -1px
	}
	.components__list {
		margin-top: 0
	}
	.expert .title {
		margin-bottom: 8px
	}
	.expert__text--img {
		margin-bottom: 0!important
	}
	.use__conclusion {
		font-size: 22px;
		line-height: 30px
	}
	.prod-img {
		max-width: 283px
	}
	.header-bottom .header__prod,
	.header__prod {
		left: calc(50% - 148px)
	}
	.reasons__list {
		flex-direction: column;
		align-items: center;
		margin-top: 25px
	}
	.reasons__item:nth-child(2) {
		margin-top: 15px
	}
	.symptoms__conclusion span {
		line-height: 21px
	}
	.reviews__head-text {
		max-width: 130px
	}
}

@media screen and (min-width:1190px) {
	.header {
		background-size: cover
	}
}

@media (min-width:767px) and (max-width:1023px) {
	.expert__content::before {
		display: none
	}
}