@charset "UTF-8";

@-webkit-keyframes blink {

	0%,
	to {
		background-color: #ff3d3d;
		-webkit-box-shadow: none;
		box-shadow: none
	}

	50% {
		background-color: #f95d5d;
		-webkit-box-shadow: 0 5px 10px rgba(255, 0, 0, .3);
		box-shadow: 0 5px 10px rgba(255, 0, 0, .3)
	}
}

@keyframes blink {

	0%,
	to {
		background-color: #ff3d3d;
		-webkit-box-shadow: none;
		box-shadow: none
	}

	50% {
		background-color: #f95d5d;
		-webkit-box-shadow: 0 5px 10px rgba(255, 0, 0, .3);
		box-shadow: 0 5px 10px rgba(255, 0, 0, .3)
	}
}

@-webkit-keyframes moveDiamonds1 {
	0% {
		background-position: 0 0
	}

	to {
		background-position: 70px 0
	}
}

@keyframes moveDiamonds1 {
	0% {
		background-position: 0 0
	}

	to {
		background-position: 70px 0
	}
}

@-webkit-keyframes moveDiamonds {
	0% {
		background-position: 0 0
	}

	to {
		background-position: 70px 0
	}
}

@keyframes moveDiamonds {
	0% {
		background-position: 0 0
	}

	to {
		background-position: 70px 0
	}
}

@-webkit-keyframes line2 {
	0% {
		width: 0
	}

	to {
		width: 100%
	}
}

@keyframes line2 {
	0% {
		width: 0
	}

	to {
		width: 100%
	}
}

@-webkit-keyframes line2Arrow {

	0%,
	to {
		opacity: 0
	}

	20%,
	95% {
		opacity: 1
	}
}

@keyframes line2Arrow {

	0%,
	to {
		opacity: 0
	}

	20%,
	95% {
		opacity: 1
	}
}

@-webkit-keyframes line3 {
	0% {
		height: 0
	}

	to {
		height: 100%
	}
}

@keyframes line3 {
	0% {
		height: 0
	}

	to {
		height: 100%
	}
}

@-webkit-keyframes line3Arrow {

	0%,
	to {
		opacity: 0
	}

	20%,
	95% {
		opacity: 1
	}
}

@keyframes line3Arrow {

	0%,
	to {
		opacity: 0
	}

	20%,
	95% {
		opacity: 1
	}
}

@-webkit-keyframes line4 {
	0% {
		width: 0
	}

	to {
		width: 50%
	}
}

@keyframes line4 {
	0% {
		width: 0
	}

	to {
		width: 50%
	}
}

@-webkit-keyframes line4Arrow {

	0%,
	to {
		opacity: 0
	}

	20%,
	95% {
		opacity: 1
	}
}

@keyframes line4Arrow {

	0%,
	to {
		opacity: 0
	}

	20%,
	95% {
		opacity: 1
	}
}

@-webkit-keyframes line5 {
	0% {
		height: 0
	}

	to {
		height: 60px
	}
}

@keyframes line5 {
	0% {
		height: 0
	}

	to {
		height: 60px
	}
}

@-webkit-keyframes line5Arrow {
	0% {
		opacity: 0
	}

	10%,
	to {
		opacity: 1
	}
}

@keyframes line5Arrow {
	0% {
		opacity: 0
	}

	10%,
	to {
		opacity: 1
	}
}

@-webkit-keyframes moveUp {

	0%,
	to {
		top: 26%
	}

	50% {
		top: 30%
	}
}

@keyframes moveUp {

	0%,
	to {
		top: 26%
	}

	50% {
		top: 30%
	}
}

@-webkit-keyframes rotate360 {
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes rotate360 {
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline
}

.slick-slide img,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

body,
br {
	line-height: 1
}

body {
	font-family: Akrobat, Arial, Helvetica, sans-serif;
	font-size: 18px;
	overflow-x: hidden
}

ol,
ul {
	list-style: none
}

blockquote,
q {
	quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
	content: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

br {
	font-size: 0
}

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

button,
button:focus,
input,
input:focus {
	outline: 0
}

a {
	text-decoration: none
}

button {
	border: 0;
	display: block;
	padding: 0;
	font-family: inherit;
	cursor: pointer
}

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

:active,
:focus,
:hover,
:visited {
	outline: 0 !important
}

::-ms-clear {
	display: none
}

* {
	-webkit-tap-highlight-color: transparent
}

#comebacker_main_div {
	display: none !important;
	height: 0 !important
}

html {
	-ms-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	overflow-x: hidden
}

a:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #000
}

a,
a:active,
a:focus,
a:hover,
a:visited {
	outline: 0 !important
}

::-moz-focus-inner {
	border: 0;
	outline: 0
}

select {
	outline: 0 !important;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url(https://179523.selcdn.ru/public/layout-images/select-triangle.svg);
	background-repeat: no-repeat
}

select,
select:hover {
	background-size: 10px 10px;
	background-position: right 10px center
}

select:focus {
	outline: 0 !important;
	outline-color: transparent;
	outline-width: 0
}

select::-ms-expand {
	display: none !important;
	background: 0 0 !important;
	position: fixed;
	border: 0 !important;
	outline: 0 !important
}

button::-moz-focus-inner,
input[type=button]::-moz-focus-inner,
input[type=file]>input[type=button]::-moz-focus-inner,
input[type=reset]::-moz-focus-inner,
input[type=submit]::-moz-focus-inner,
option::-moz-focus-inner,
select::-moz-focus-inner {
	border: 0
}

:not(#fake) {
	outline: 0
}

select:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #000
}

@font-face {
	font-family: Akrobat;
	src: url(../fonts/Akrobat-Regular.woff2) format('woff2'), url(../fonts/Akrobat-Regular.woff) format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: Akrobat;
	src: url(../fonts/Akrobat-Bold.woff2) format('woff2'), url(../fonts/Akrobat-Bold.woff) format('woff');
	font-weight: 700;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: Akrobat;
	src: url(../fonts/Akrobat-Black.woff2) format('woff2'), url(../fonts/Akrobat-Black.woff) format('woff');
	font-weight: 900;
	font-style: normal;
	font-display: swap
}

img {
	display: block;
	max-width: 50%
}

svg {
	overflow: hidden
}

.container {
	margin: 0 auto;
	width: 100%;
	padding-left: 15px;
	padding-right: 15px
}

.title {
	font-size: 27px;
	color: #362b62;
	font-weight: 700;
	line-height: 1.1;
	text-align: left
}

.subtitle,
.text {
	color: #0abcff;
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: normal
}

.text {
	color: #362b62;
	font-size: 18px;
	line-height: 1.2
}

.text-white {
	color: #fff
}

.text-bold {
	font-weight: 700
}

.text-black {
	font-weight: 900
}

.text-nowrap {
	white-space: nowrap
}

.text-red {
	color: #ff3d3d
}

.text-blue {
	color: #0abcff
}

.text-dark {
	color: #362b62
}

.btn,
.btn::after,
.btn::before {
	background-color: #ff3d3d;
	-webkit-animation: blink 2s infinite ease-in-out;
	animation: blink 2s infinite ease-in-out
}

.btn {
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.2;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: calc(100% - 38px);
	padding: 0 10px;
	height: 37px;
	position: relative;
	z-index: 0;
	margin: 0 auto;
	cursor: pointer;
	-webkit-transition: .3s;
	transition: .3s
}

.btn:hover,
.btn:hover::after,
.btn:hover::before {
	-webkit-animation: none;
	animation: none;
	background-color: #e91818;
	-webkit-transition: .3s;
	transition: .3s
}

.btn::after,
.btn::before {
	content: "";
	position: absolute;
	top: 5px;
	width: 26px;
	height: 26px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	z-index: -1;
	-webkit-box-shadow: none !important;
	box-shadow: none !important
}

.btn::before {
	left: -13px;
	-webkit-transition: background-color .3s ease;
	transition: background-color .3s ease
}

.btn::after {
	right: -13px
}

.btn--order,
.btn--popup {
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	width: calc(100% - 38px)
}

.btn--popup::before {
	left: -13px;
	top: 4px;
	width: 26px;
	height: 26px;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff
}

.btn--popup {
	font-size: 16px;
	padding: 0
}

.btn--popup::after {
	right: -13px;
	top: 4px;
	width: 26px;
	height: 26px;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff
}

.btn--order {
	padding: 0 10px 3px
}

.btn--order::before {
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	left: -13px;
	top: 4px
}

.btn--order::after {
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	right: -13px;
	top: 4px
}

.bg {
	background-color: #e5e5e5
}

.no-webp .bg-diamond,
.webp .bg-diamond {
	background-image: url(../images/bg-diamond.png);
	background-repeat: no-repeat
}

.webp .bg-diamond {
	background-image: url(../images/bg-diamond.webp)
}

.no-webp .bg-diamond1,
.webp .bg-diamond1 {
	background-image: url(../images/bg-diamond11.png);
	background-repeat: no-repeat
}

.webp .bg-diamond1 {
	background-image: url(../images/bg-diamond11.webp)
}

.no-webp .bg-diamond2,
.webp .bg-diamond2 {
	background-image: url(../images/bg-diamond2.png);
	background-repeat: no-repeat
}

.webp .bg-diamond2 {
	background-image: url(../images/bg-diamond2.webp)
}

.slick-list,
.slick-slider {
	position: relative;
	display: block
}

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

.slick-list {
	overflow: hidden;
	margin: 0;
	padding: 0
}

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

.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

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

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

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

.slick-track:after {
	clear: both
}

.slick-loading .slick-track {
	visibility: hidden
}

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

[dir=rtl] .slick-slide {
	float: right
}

.slick-slide.slick-loading img {
	display: none
}

.slick-slide.dragging img {
	pointer-events: none
}

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

.slick-loading .slick-slide {
	visibility: hidden
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}

.slick-arrow.slick-hidden {
	display: none
}

.slick-loading .slick-list {
	background: #fff
}

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

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

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

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
	opacity: .25
}

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

.slick-prev {
	left: -25px
}

[dir=rtl] .slick-prev {
	right: -25px;
	left: auto
}

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

.slick-next:before,
[dir=rtl] .slick-prev:before {
	content: "→"
}

.slick-next {
	right: -25px
}

[dir=rtl] .slick-next {
	right: auto;
	left: -25px
}

[dir=rtl] .slick-next:before {
	content: "←"
}

.slick-dots,
.slick-dots li button:before {
	position: absolute;
	left: 0;
	text-align: center
}

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

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

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

.slick-dots li button:before {
	font-size: 6px;
	line-height: 20px;
	top: 0;
	width: 20px;
	height: 20px;
	content: "";
	opacity: .25;
	color: #000;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

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

.slick-slide {
	outline: 0
}

.block {
	padding-top: 35px;
	padding-bottom: 35px
}

.header {
	overflow-x: hidden
}

.header__logo {
	max-width: 63px;
	width: 100%;
	margin-right: 5px;
	display: none
}

.header__box,
.header__content {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.header__content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 12px 0
}

.header__box {
	position: fixed;
	width: 100%;
	top: 0;
	height: 100%;
	left: -100%;
	-webkit-transition: .5s;
	transition: .5s;
	background-color: #362b62;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	z-index: 6;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.header__box,
.header__menu-btn,
.header__nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.header__nav {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	text-align: center;
	gap: 20px;
	font-size: 28px
}

.header__menu-btn {
	max-width: 250px;
	width: 100%;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	bottom: -25%;
	font-size: 18px
}

.header__menu-logo {
	max-width: 180px;
	width: 100%;
	position: relative;
	top: -25%
}

.header__link {
	color: #fff;
	font-weight: 700
}

.header__btn {
	position: relative;
	width: 23px;
	height: 17px;
	z-index: 7;
	margin-right: 0
}

.header__btn span,
.header__btn::after,
.header__btn::before {
	content: "";
	-webkit-transition: all .3s ease 0s;
	transition: all .3s ease 0s;
	right: 0;
	position: absolute;
	width: 100%;
	height: 2px;
	background-color: #12110f
}

.header__btn::before {
	top: 0
}

.header__btn::after {
	bottom: 0
}

.header__btn span {
	top: calc(50% - 1px)
}

.timer,
.timer__box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.timer {
	gap: 10px;
	padding: 6px 0 5px 5px;
	z-index: 5;
	position: relative
}

.timer::after,
.timer::before {
	content: "";
	position: absolute;
	top: 0
}

.timer::before {
	left: -1px;
	width: 3000px;
	height: 100%;
	background-color: #362b62;
	z-index: 0
}

.timer::after {
	right: 100%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 27px 17px 26px 0;
	border-color: transparent #362b62 transparent transparent;
	-webkit-transform: rotate(0);
	transform: rotate(0)
}

.timer__box {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 2px;
	z-index: 1
}

.timer__title {
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	z-index: 1;
	max-width: 90px;
	width: 100%
}

.timer__count,
.timer__divider {
	color: #fff;
	font-weight: 700;
	position: relative
}

.timer__divider {
	font-size: 20px;
	line-height: normal;
	top: -3px
}

.timer__count {
	font-size: 15px;
	line-height: 1;
	width: 35px;
	height: 35px;
	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
}

.timer__count::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	z-index: -1
}

.menu-open .header__box {
	left: 0
}

.menu-open .header__btn span {
	width: 0
}

.menu-open .header__btn::before {
	top: calc(50% - 1px);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	background-color: #fff
}

.menu-open .header__btn::after {
	bottom: calc(50% - 1px);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	background-color: #fff
}

.no-webp .timer__count::before,
.webp .timer__count::before {
	background-image: url(../images/timer-bg.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat
}

.webp .timer__count::before {
	background-image: url(../images/timer-bg.webp)
}

.lock {
	overflow-y: hidden !important;
	height: 100vh
}

.promo__title {
	margin-bottom: 75px
}

.promo__product {
	max-width: 250px;
	width: 100%;
	position: relative;
	z-index: 1;
	margin: 0 auto 20px
}

.promo__product::before {
	content: "";
	width: 260px;
	height: 310px;
	-webkit-transform: rotate(11.743deg);
	transform: rotate(11.743deg);
	top: -90px;
	right: -65px;
	position: absolute;
	z-index: -1
}

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

.promo__item {
	color: #362b62;
	font-size: 16px;
	font-weight: 700;
	line-height: normal;
	padding-left: 19px;
	position: relative
}

.promo__item::before {
	position: absolute;
	content: "";
	width: 9px;
	height: 9px;
	background-color: #0abcff;
	border-radius: 50%;
	left: 0;
	top: 5px
}

.promo__input-name,
.promo__inputs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.promo__inputs {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 10px;
	margin-bottom: 10px;
	width: 100%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.promo__input-name {
	width: calc(100% - 38px);
	height: 37px;
	position: relative;
	z-index: 0;
	border: 1px solid #0abcff;
	border-left: none;
	padding: 0 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #fff
}

.promo__input-name input,
.promo__input-phone input {
	border: 0;
	width: 100%;
	font-family: inherit;
	text-align: center;
	color: #362b62;
	font-size: 18.011px;
	font-weight: 700;
	line-height: 1
}

.promo__input-name input:-webkit-autofill,
.promo__input-name input:-webkit-autofill:active,
.promo__input-name input:-webkit-autofill:focus,
.promo__input-name input:-webkit-autofill:hover {
	-webkit-box-shadow: 0 0 0 40px #fff inset !important
}

.promo__input-name input:-webkit-autofill {
	-webkit-text-fill-color: #362b62 !important
}

.promo__input-name input::-webkit-input-placeholder {
	font-family: inherit;
	text-align: center;
	color: inherit;
	font-size: inherit;
	font-weight: inherit
}

.promo__input-name input::-moz-placeholder {
	font-family: inherit;
	text-align: center;
	color: inherit;
	font-size: inherit;
	font-weight: inherit
}

.promo__input-name input:-ms-input-placeholder {
	font-family: inherit;
	text-align: center;
	color: inherit;
	font-size: inherit;
	font-weight: inherit
}

.promo__input-name input::placeholder {
	font-family: inherit;
	text-align: center;
	color: inherit;
	font-size: inherit;
	font-weight: inherit
}

.promo__input-name::after,
.promo__input-name::before {
	content: "";
	position: absolute;
	top: 4px;
	width: 25px;
	height: 26px;
	background-color: #fff;
	border-top: 1px solid #0abcff;
	border-left: 1px solid #0abcff;
	z-index: -1
}

.promo__input-name::before {
	left: -14px;
	-webkit-transform: rotate(-46deg);
	transform: rotate(-46deg)
}

.promo__input-name::after {
	right: -14px;
	-webkit-transform: rotate(-226deg);
	transform: rotate(-226deg)
}

.promo__input-phone {
	width: calc(100% - 38px);
	height: 37px;
	position: relative;
	z-index: 0;
	border: 1px solid #0abcff;
	border-right: none;
	padding: 0 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.promo__input-phone input:-webkit-autofill,
.promo__input-phone input:-webkit-autofill:active,
.promo__input-phone input:-webkit-autofill:focus,
.promo__input-phone input:-webkit-autofill:hover {
	-webkit-box-shadow: 0 0 0 40px #fff inset !important
}

.promo__input-phone input:-webkit-autofill {
	-webkit-text-fill-color: #362b62 !important
}

.promo__input-phone input::-webkit-input-placeholder {
	font-family: inherit;
	text-align: center;
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit
}

.promo__input-phone input::-moz-placeholder {
	font-family: inherit;
	text-align: center;
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit
}

.promo__input-phone input:-ms-input-placeholder {
	font-family: inherit;
	text-align: center;
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit
}

.promo__input-phone input::placeholder {
	font-family: inherit;
	text-align: center;
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit
}

.promo__input-phone::after {
	right: -14px;
	top: 4px;
	width: 25px;
	height: 26px;
	border-top: 1px solid #0abcff;
	border-left: 1px solid #0abcff;
	-webkit-transform: rotate(-223deg);
	transform: rotate(-223deg)
}

.promo__input-phone::after,
.promo__input-phone::before,
.promo__secret::before {
	background-color: #fff;
	content: "";
	position: absolute;
	z-index: -1
}

.promo__input-phone::before {
	left: -14px;
	top: 4px;
	width: 25px;
	height: 26px;
	border-top: 1px solid #0abcff;
	border-left: 1px solid #0abcff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.promo__order {
	margin: 0 auto 35px
}

.promo__secret {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 5px;
	z-index: 1;
	position: relative
}

.promo__secret::before {
	width: 500%;
	height: 100%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.promo__secret-img {
	max-width: 80px;
	width: 100%
}

.promo__secret-text {
	color: #362b62;
	font-size: 18.011px;
	font-weight: 700;
	line-height: 1.2;
	padding: 12px 0
}

.incidence__title br,
.promo__secret-triangle {
	display: none
}

.promo2 {
	background-color: #e3e3e3;
	padding-top: 0
}

.promo2 .promo__order {
	margin-left: auto;
	max-width: 100%;
	margin-bottom: 0
}

.no-webp .incidence__line,
.no-webp .promo__product:before,
.webp .promo__product:before {
	background-image: url(../images/promo-bg-green.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat
}

.no-webp .incidence__line,
.webp .promo__product:before {
	background-image: url(../images/promo-bg-green.webp)
}

.incidence {
	background-color: #0abcff
}

.incidence__title {
	margin-bottom: 15px
}

.incidence__box,
.incidence__text {
	margin-bottom: 20px
}

.incidence__box {
	padding: 15px;
	border: 1px solid #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 15px
}

.incidence__content-title {
	text-align: center;
	margin-bottom: 25px
}

.incidence__content-box {
	height: 85px;
	background-color: #fff;
	padding: 15px;
	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;
	margin-bottom: 40px;
	width: 200%;
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.incidence__line {
	height: 100%;
	width: 200%;
	background-color: #fff
}

.incidence__line--left {
	background-position: center right;
	position: relative
}

.incidence__line--left::after,
.incidence__line--left::before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 85px 66.5px 0;
	z-index: -1;
	top: -10px;
	left: -36px;
	border-color: #fff transparent transparent
}

.incidence__line--left::after {
	-webkit-transform: scaleY(-1);
	transform: scaleY(-1)
}

.incidence__line--right {
	background-position: center left;
	position: relative
}

.incidence__line--right::after,
.incidence__line--right::before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 85px 66.5px 0;
	z-index: -1;
	top: -10px;
	right: -36px;
	border-color: #fff transparent transparent
}

.incidence__line--right::after {
	-webkit-transform: scaleY(-1);
	transform: scaleY(-1)
}

.incidence__label,
.incidence__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	text-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.incidence__label {
	color: #362b62;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 24px;
	font-style: normal;
	font-weight: 900;
	line-height: 1;
	text-transform: uppercase;
	background-color: #fff;
	border-radius: 12px;
	border: 1px solid #362b62;
	width: 120px;
	height: 100px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin: 0 5px;
	padding: 0 10px
}

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

.item__man {
	max-width: 177px;
	width: 100%;
	margin: 0 auto 20px;
	position: relative;
	z-index: 0
}

.item__man::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	height: 110%;
	width: 110%;
	z-index: -1
}

.item__text {
	display: block;
	line-height: 1.2;
	text-align: center
}

.no-webp .incidence__line {
	background-image: url(../images/peoples-bg.png);
	background-position: center left;
	background-size: contain
}

.no-webp .incidence__line--left {
	background-position: center right
}

.webp .incidence__line {
	background-image: url(../images/peoples-bg.webp);
	background-repeat: no-repeat;
	background-position: center left;
	background-size: contain
}

.webp .incidence__line--left {
	background-position: center right
}

.no-webp .item__man::before,
.webp .item__man::before {
	background-image: url(../images/man-bg.png);
	background-repeat: no-repeat;
	background-size: contain
}

.webp .item__man::before {
	background-image: url(../images/man-bg.webp)
}

.creation {
	background-color: #362b62
}

.creation__title {
	color: #fff;
	margin-bottom: 25px;
	font-size: 25px
}

.history__list {
	padding-left: 15px;
	position: relative
}

.history__list::before {
	content: "";
	position: absolute;
	top: 1.8%;
	left: 0;
	background-color: #0abcff;
	width: 1px;
	height: 88%
}

.history__line-1,
.history__line-2,
.history__line-3,
.history__title--1::after {
	display: none
}

.history__item {
	margin-bottom: 25px
}

.history__box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 15px;
	gap: 10px;
	position: relative
}

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

.history__title {
	color: #fff;
	text-transform: uppercase;
	font-size: 26px;
	font-weight: 700;
	margin-bottom: 10px;
	min-width: 80px;
	position: relative
}

.history__title--3::after {
	content: "";
	position: absolute;
	width: 2px;
	height: 80px;
	top: 50%;
	z-index: 0;
	left: -15.5px;
	background-color: #362b62
}

.history__title::before,
.order__price-arrow::before {
	position: absolute;
	content: "";
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.history__title::before {
	width: 5px;
	height: 5px;
	border-radius: 50%;
	left: -17px;
	background-color: #0abcff;
	z-index: 2
}

.history__image img {
	width: 180px;
	height: 90px;
	display: block;
	-o-object-fit: cover bottom right;
	object-fit: cover bottom right
}

.history__info {
	color: #fff;
	max-width: 240px;
	width: 100%;
	text-align: center;
	padding: 10px;
	border: .515px solid, #0abcff
}

.composition {
	position: relative
}

.composition__subtitle {
	margin-bottom: 30px
}

.composition__text-desc {
	display: none
}

.composition__image-block {
	margin-bottom: 15px;
	position: relative
}

.composition__text {
	margin-bottom: 25px;
	text-align: center
}

.composition__item {
	position: relative
}

.composition__item-5 .composition__text {
	margin-bottom: 0
}

.composition .composition__image-1 {
	max-width: 200px;
	width: 100%;
	margin: 0 auto
}

.composition .composition__image-2,
.composition .composition__image-3,
.composition .composition__image-4 {
	margin: 0 auto;
	max-width: 200px
}

.composition .composition__image-5 {
	max-width: 200px;
	width: 100%;
	margin: 0 auto
}

.composition__formulation,
.composition__line-1,
.composition__line-2,
.composition__line-3,
.composition__line-4,
.composition__line-5 {
	display: none
}

[data-item] {
	-webkit-transform: translate(0, 3.125rem);
	transform: translate(0, 3.125rem);
	opacity: 0;
	-webkit-transition: .8s;
	transition: .8s
}

[data-item].active {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	opacity: 1
}

.no-webp .composition__line-1,
.webp .composition__line-1 {
	background-image: url(../images/line1.png);
	background-repeat: no-repeat;
	background-size: contain
}

.no-webp .composition__line-2,
.webp .composition__line-2 {
	background-image: url(../images/line2.png);
	background-repeat: no-repeat;
	background-size: contain
}

.no-webp .composition__line-3,
.webp .composition__line-3 {
	background-image: url(../images/line3.png);
	background-repeat: no-repeat;
	background-size: contain
}

.webp .composition__line-3 {
	background-image: url(../images/line3.webp)
}

.no-webp .composition__line-4,
.webp .composition__line-4 {
	background-image: url(../images/line4.png);
	background-repeat: no-repeat;
	background-size: contain
}

.webp .composition__line-4 {
	background-image: url(../images/line4.webp)
}

.no-webp .composition__line-5,
.webp .composition__line-5 {
	background-image: url(../images/line5.png);
	background-repeat: no-repeat;
	background-size: contain
}

.webp .composition__line-5 {
	background-image: url(../images/line5.webp)
}

#item1.animate1 .line1,
#item2.animate3 .line3 {
	display: block;
	height: 100%;
	-webkit-animation: line1 3s ease forwards;
	animation: line1 3s ease forwards
}

#item1.animate1 .line1::before {
	-webkit-animation: line1Arrow 3s ease forwards;
	animation: line1Arrow 3s ease forwards
}

#item2.animate3 .line3 {
	-webkit-animation: line3 3s ease forwards;
	animation: line3 3s ease forwards
}

#item2.animate3 .line3::before {
	-webkit-animation: line3Arrow 3s ease forwards;
	animation: line3Arrow 3s ease forwards
}

.order {
	background-color: #0abcff
}

.order__product {
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.order__product img {
	max-width: 220px;
	width: 100%;
	margin: 0 auto 20px
}

.order__text {
	color: #362b62;
	text-align: center;
	margin-bottom: 25px
}

.order__box {
	max-width: 280px;
	width: 100%;
	margin: 0 auto
}

.order__price {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 15px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0 auto 25px;
	width: 100%
}

.order__price-previous {
	color: #fff;
	font-size: 40px;
	font-weight: 400;
	line-height: 1.1;
	text-decoration: line-through
}

.order__price-current {
	font-size: 46px;
	line-height: 1;
	font-weight: 900;
	color: #362b62
}

.order__price-arrow {
	width: 30px;
	height: 1px;
	background-color: #fff;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.order__price-arrow::before {
	right: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 3px 0 3px 6px;
	border-color: transparent transparent transparent #fff
}

.problem {
	background-color: #e5e5e5;
	padding-bottom: 0;
	overflow: hidden
}

.problem__title {
	margin-bottom: 30px;
	text-align: center
}

.problem__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	row-gap: 25px;
	-webkit-column-gap: 15px;
	-moz-column-gap: 15px;
	column-gap: 15px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 30px
}

.problem__image {
	margin-bottom: 15px;
	position: relative;
	z-index: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	pointer-events: none
}

.problem__image img,
.result__image img {
	width: 100%;
	max-width: 105px
}

.problem__image::before {
	content: "";
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	height: 114%;
	width: 114%;
	z-index: -1
}

.problem__item {
	width: 45%;
	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
}

.problem__text {
	text-align: center;
	color: #362b62;
	font-weight: 700;
	line-height: 1.2
}

.problem__label {
	z-index: 1;
	position: relative;
	padding: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.problem__label::before {
	background-color: #0abcff;
	content: "";
	position: absolute;
	width: 500%;
	height: 100%;
	z-index: -1;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.problem__triangle {
	display: none
}

.problem__label-text {
	color: #fff;
	font-size: 20px;
	font-weight: 800;
	line-height: 1.1;
	text-align: center;
	padding-bottom: 3px
}

.no-webp .problem__image::before,
.webp .problem__image::before {
	background-image: url(../images/problem-bg.png);
	background-repeat: no-repeat;
	position: absolute;
	background-size: contain
}

.webp .problem__image::before {
	background-image: url(../images/problem-bg.webp)
}

.expert {
	background-color: #362b62;
	padding-top: 30px;
	padding-bottom: 0
}

.expert__quote {
	color: #fff;
	line-height: 1.2;
	position: relative;
	font-size: 18px;
	padding: 10px 15px 15px 20px
}

.expert__quote::after,
.expert__quote::before {
	content: "";
	position: absolute;
	width: 14px;
	height: 12px
}

.expert__quote::before {
	left: 0;
	top: 0
}

.expert__quote::after {
	bottom: -5px;
	right: 15px;
	-webkit-transform: scale(-1);
	transform: scale(-1)
}

.expert__box {
	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;
	gap: 10px
}

.expert__image {
	max-width: 126px;
	width: 100%
}

.expert__name {
	color: #0abcff;
	margin-bottom: 20px
}

.expert__sign-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 10px
}

.expert__sign {
	width: 80px;
	height: 40px
}

.expert__seal {
	width: 76px;
	height: 46px
}

.no-webp .expert__quote::after,
.no-webp .expert__quote::before {
	background-image: url(../images/quote.png);
	background-size: contain;
	background-repeat: no-repeat
}

.no-webp .expert__sign,
.webp .expert__quote::after,
.webp .expert__quote::before {
	background-image: url(../images/quote.webp);
	background-size: contain;
	background-repeat: no-repeat
}

.no-webp .expert__sign {
	background-image: url(../images/sign.png);
	background-position: center;
	background-size: cover
}

.no-webp .expert__seal,
.no-webp .instruction__product::before,
.webp .expert__seal,
.webp .expert__sign,
.webp .instruction__product::before {
	background-image: url(../images/sign.webp);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover
}

.no-webp .expert__seal,
.webp .expert__seal {
	background-image: url(../images/seal.png);
	background-size: contain
}

.webp .expert__seal {
	background-image: url(../images/seal.webp)
}

.reviews {
	background: #e3e3e3;
	overflow: hidden
}

.reviews-color {
	color: #0abcff
}

.reviews__title {
	text-align: center;
	margin-bottom: 5px
}

.reviews-list {
	margin-bottom: 20px
}

.reviews-item-box {
	padding-top: 15px;
	font-size: 18.011px;
	font-weight: 700;
	color: #342a62;
	line-height: normal;
	text-align: center
}

.reviews-person {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 15px;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: start;
	margin-bottom: 20px;
	padding-left: 7px;
	text-align: left
}

.reviews-person__photo {
	width: 100px;
	position: relative;
	z-index: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-top: 10px
}

.reviews-person__photo::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 114%;
	height: 114%;
	background: url(../images/photo-bg.png) no-repeat center/contain
}

.reviews-person__name {
	color: #342a62;
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 10px;
	text-align: left
}

.reviews-helped {
	margin-bottom: 20px;
	position: relative;
	z-index: 1;
	padding: 0 20px
}

.reviews-line {
	position: relative;
	color: #fff;
	z-index: 0;
	padding: 10px
}

.reviews-line::before {
	content: "";
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	left: 0;
	-webkit-transform: skew(30deg, 0deg);
	transform: skew(30deg, 0deg);
	z-index: -1
}

.reviews-line--first::before {
	background-color: #342a62
}

.reviews-line--second::before {
	background-color: #0abcff
}

.reviews__conclusion,
.reviews__text {
	margin-bottom: 15px
}

.reviews-star,
.reviews-star:before {
	background: repeat-x left center;
	background-size: 21px 17px
}

.reviews-star {
	width: 96px;
	height: 17px;
	position: relative;
	background-image: url(../images/star.png);
	margin: 0 auto
}

.reviews-star:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 103px;
	height: 100%;
	background-image: url(../images/star-un.png)
}

.reviews-control {
	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;
	gap: 24px
}

.reviews-arrow {
	width: 54px;
	height: 11px;
	color: #fff;
	-webkit-transition: .5s;
	transition: .5s;
	cursor: pointer
}

.reviews-number {
	color: #fff;
	font-size: 37px;
	font-weight: 700
}

.reviews-arrow:hover,
.reviews-number__active {
	color: #362b62
}

.instruction {
	background-color: #0abcff;
	overflow: hidden
}

.instruction__title {
	margin-bottom: 80px;
	text-align: center;
	z-index: 1;
	position: relative
}

.instruction__product {
	max-width: 250px;
	width: 100%;
	position: relative;
	z-index: 1;
	margin: 0 auto 20px
}

.instruction__product::before {
	content: "";
	width: 260px;
	height: 310px;
	-webkit-transform: rotate(11.743deg);
	transform: rotate(11.743deg);
	top: -90px;
	right: -65px;
	position: absolute;
	z-index: -1
}

.instruction__item,
.instruction__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.instruction__list {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 15px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 25px
}

.instruction__item {
	gap: 20px
}

.instruction__item-text {
	color: #fff;
	max-width: 290px;
	width: 100%
}

.instruction__btn,
.instruction__item-count {
	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
}

.instruction__item-count {
	font-size: 38px;
	line-height: 1.16;
	color: #362b62;
	font-weight: 700;
	position: relative;
	z-index: 1;
	width: 50px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	height: 57px
}

.instruction__item-count::before,
.result__image::before {
	content: "";
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: -1
}

.instruction__item-count::before {
	position: absolute;
	width: 100%;
	height: 100%
}

.instruction__btn {
	width: 253px
}

.no-webp .instruction__product::before,
.webp .instruction__product::before {
	background-image: url(../images/promo-bg-green.png)
}

.webp .instruction__product::before {
	background-image: url(../images/promo-bg-green.webp)
}

.no-webp .instruction__item-count::before,
.webp .instruction__item-count::before {
	background-size: cover;
	background-image: url(../images/count-bg.png);
	background-repeat: no-repeat
}

.webp .instruction__item-count::before {
	background-image: url(../images/count-bg.webp)
}

.result {
	background-color: #362b62
}

.result__title {
	text-align: center;
	color: #fff;
	margin: 0 auto 25px
}

.result__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	row-gap: 15px;
	-webkit-column-gap: 15px;
	-moz-column-gap: 15px;
	column-gap: 15px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: start;
	max-width: 350px;
	margin: 0 auto
}

.result__image {
	position: relative;
	z-index: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	pointer-events: none
}

.result__image::before {
	height: 114%;
	width: 114%
}

.result__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 15px;
	padding: 8px 0 8px 8px
}

.result__text {
	color: #fff;
	font-weight: 700;
	line-height: 1.2
}

.no-webp .result__image::before,
.webp .result__image::before {
	background-image: url(../images/problem-bg.png);
	background-repeat: no-repeat;
	position: absolute;
	background-size: contain
}

.summary {
	overflow-x: hidden;
	background-color: #e3e3e3
}

.summary__text,
.summary__title {
	text-align: center;
	margin-bottom: 20px
}

.summary__text .red {
	color: #ff3d3d
}

.summary__box-image,
.summary__image {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.summary__box-image {
	-webkit-box-pack: space-evenly;
	-ms-flex-pack: space-evenly;
	justify-content: space-evenly;
	gap: 10px;
	margin-bottom: 30px
}

.summary__image {
	width: 100%;
	position: relative
}

.summary__image img {
	-o-object-fit: contain;
	object-fit: contain;
	width: 100%
}

.summary__arrow-up {
	position: absolute;
	top: 24%;
	left: 33%;
	width: 35px;
	height: 65px;
	-webkit-transform: rotate(-3deg);
	transform: rotate(-3deg);
	-webkit-animation: moveUp 3s infinite;
	animation: moveUp 3s infinite
}

.summary__arrow-up1 {
	position: absolute;
	top: 24%;
	left: 31%;
	width: 55px;
	height: 55px;
	-webkit-animation: rotate360 10s linear infinite;
	animation: rotate360 10s linear infinite
}

.summary__box-left,
.summary__box-right {
	max-width: 190px;
	width: 100%
}

.summary__box-title {
	text-align: center;
	color: #fff;
	background-color: #0abcff;
	padding: 10px 0;
	position: relative;
	z-index: 0;
	margin: 0 auto 15px;
	font-size: 16px;
	max-width: 80%;
	height: 58px;
	display: flex;
	align-items: center;
	justify-content: center
}

.summary__box-title::after,
.summary__box-title::before {
	content: "";
	position: absolute;
	top: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 15px 58px;
	border-color: transparent transparent #0abcff;
	-webkit-transform: rotate(0);
	transform: rotate(0);
	z-index: -1
}

.summary__box-title::after {
	left: -15px
}

.summary__box-title::before {
	right: -15px;
	-webkit-transform: scaleY(-1);
	transform: scaleY(-1)
}

.summary__box-title--red {
	background-color: #ff3d3d
}

.summary__box-title--red::after,
.summary__box-title--red::before {
	border-color: transparent transparent #ff4532
}

.summary__block-info {
	background-color: #fff;
	border: 1px solid #ff3d3d;
	padding: 15px 20px;
	max-width: 1300px;
	width: 100%;
	margin: 0 auto
}

.summary__info-title {
	margin-bottom: 15px;
	font-size: 22px
}

.summary__info-text {
	margin-bottom: 15px;
	line-height: 1.15
}

.summary__info-list {
	color: #ff3d3d;
	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;
	font-weight: 700;
	line-height: 1.2;
	font-size: 18.011px
}

.summary__info-item {
	padding-left: 15px;
	position: relative;
	line-height: 1.15
}

.summary__info-item::before {
	content: "";
	position: absolute;
	left: 0;
	top: 9px;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background-color: #ff3d3d
}

.summary__proposition {
	padding: 15px 20px;
	font-weight: 700;
	line-height: 1.15;
	background-color: #362b62;
	color: #fff;
	font-size: 16px
}

.no-webp .summary__arrow-up,
.webp .summary__arrow-up {
	background-image: url(../images/summary-arrow.png);
	background-repeat: no-repeat;
	background-size: contain
}

.webp .summary__arrow-up {
	background-image: url(../images/summary-arrow.webp)
}

.no-webp .summary__arrow-up1,
.webp .summary__arrow-up1 {
	background-image: url(../images/summary-arrow2.png);
	background-repeat: no-repeat;
	background-size: contain
}

.webp .summary__arrow-up1 {
	background-image: url(../images/summary-arrow2.webp)
}

.footer {
	padding-top: 20px;
	padding-bottom: 20px
}

.footer__text {
	font-size: 16px;
	letter-spacing: .02em;
	text-transform: capitalize;
	text-align: center;
	color: #555;
	margin: 0 auto;
	margin-bottom: 10px;
	line-height: 1.2
}

.popup__content {
	padding: 50px 20px 20px;
	width: 290px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 5px;
	background-color: #0abcff
}

.popup__left {
	max-width: 190px;
	width: 100%;
	position: relative;
	z-index: 1;
	margin: 0 auto 20px
}

.popup__left::before {
	content: "";
	width: 200px;
	height: 250px;
	-webkit-transform: rotate(-3.257deg);
	transform: rotate(-3.257deg);
	top: -74px;
	right: -48px;
	position: absolute;
	z-index: -1
}

.popup__right {
	color: #362b62;
	text-align: center
}

.popup__right .promo__order {
	max-width: 100% !important
}

.popup__subtitle,
.popup__title {
	font-size: 22px;
	margin-bottom: 20px;
	font-weight: 700
}

.popup__title {
	font-size: 36px;
	margin-bottom: 20px;
	text-transform: uppercase
}

.action {
	display: flex;
	flex-direction: column;
	gap: 5px;
	font-weight: 700;
	margin-bottom: 20px;
	color: #362b62;
	font-size: 16px;
	text-align: center
}

.subsol {
	margin-top: 10px;
	line-height: 1.2;
	font-weight: 700;
	color: #362b62;
	font-size: 16px;
	text-align: center
}

.popup__subsol {
	font-size: 16px
}

.popup__action {
	font-size: 18px
}

.order__action {
	font-size: 20px
}

.popup__order {
	margin: 0 auto
}

.ever-popup__close {
	width: 35px;
	height: 30px;
	position: absolute;
	cursor: pointer;
	top: 15px !important;
	right: 10px !important;
	z-index: 4 !important;
	-webkit-transition: .3s;
	transition: .3s
}

.ever-popup__inner {
	overflow: hidden;
	padding-top: 0 !important
}

.ever-popup__close:after,
.ever-popup__close:before {
	content: "";
	position: absolute;
	right: 0;
	top: 10px;
	width: 35px;
	height: 5px !important;
	background: #fff;
	-webkit-transition: all 1s;
	transition: all 1s
}

.no-webp .popup__left::before,
.webp .popup__left::before {
	background-image: url(../images/promo-bg-green.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat
}

.webp .popup__left::before {
	background-image: url(../images/promo-bg-green.webp)
}

@media screen and (min-width:350px) {
	.summary__arrow-up {
		width: 38px;
		height: 69px
	}

	.summary__arrow-up1 {
		width: 63px;
		height: 63px;
		top: 24%;
		left: 31%
	}
}

@media screen and (min-width:380px) {
	.header__logo {
		display: block
	}

	.incidence__list,
	.item {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: start
	}

	.incidence__list {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 25px;
		max-width: 360px;
		width: 100%;
		margin: 0 auto
	}

	.item {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-column-gap: 10px;
		-moz-column-gap: 10px;
		column-gap: 10px
	}

	.item__man {
		max-width: 120px;
		margin-bottom: 0;
		margin-right: 10px;
		margin-left: 5px
	}

	.item__text {
		text-align: left
	}

	.history__list::before {
		top: 2.4%
	}
}

@media screen and (min-width:400px) {
	.summary__arrow-up {
		width: 43px;
		height: 69px
	}

	.summary__arrow-up1 {
		width: 70px;
		height: 70px
	}
}

@media screen and (min-width:420px) {
	.history__title {
		font-size: 36px
	}
}

@media screen and (min-width:480px) {
	.container {
		width: 480px
	}

	.action {
		font-size: 18px
	}

	.order__action {
		font-size: 22px
	}

	.btn--popup {
		font-size: 18px;
		padding: 0
	}

	.title {
		font-size: 38px
	}

	.subtitle {
		font-size: 25px
	}

	.text {
		font-size: 18px
	}

	.block {
		padding-top: 40px;
		padding-bottom: 40px
	}

	.header__logo {
		margin-right: auto;
		max-width: 93px
	}

	.header__btn {
		width: 25px;
		height: 18px;
		margin-right: 20px
	}

	.timer,
	.timer__box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	.timer {
		gap: 10px;
		padding: 6px 0 4px 15px;
		z-index: 5;
		position: relative
	}

	.timer::after {
		top: 0;
		right: 100%;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 28px 17px 27px 0;
		border-color: transparent #362b62 transparent transparent;
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	.timer__box {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		gap: 6px;
		z-index: 1
	}

	.timer__count,
	.timer__title {
		color: #fff;
		font-weight: 700;
		line-height: 1
	}

	.timer__title {
		font-size: 15px;
		z-index: 1;
		max-width: 95px;
		width: 100%
	}

	.timer__count {
		font-size: 15px;
		position: relative;
		width: 35px;
		height: 35px;
		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
	}

	.promo__title {
		margin-bottom: 90px
	}

	.promo__product {
		margin-left: 65px;
		max-width: 280px
	}

	.promo__product::before {
		-webkit-transform: rotate(1.743deg);
		transform: rotate(1.743deg);
		top: -91px;
		right: -108px;
		width: 280px;
		height: 316px
	}

	.promo__list {
		margin-bottom: 25px
	}

	.promo__item::before {
		top: 7px
	}

	.promo__item {
		font-size: 18px
	}

	.promo__inputs {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		gap: 5px;
		width: calc(100% - 38px);
		margin: 0 auto 10px
	}

	.promo__input-name::after,
	.promo__input-phone::before {
		display: none
	}

	.promo2 {
		padding-top: 0
	}

	.incidence__title {
		margin-bottom: 20px
	}

	.incidence__text {
		margin-bottom: 25px
	}

	.incidence__box {
		padding: 20px 15px 20px 20px;
		margin-bottom: 30px;
		gap: 20px
	}

	.incidence__content-title {
		margin-bottom: 35px
	}

	.incidence__content-box {
		margin-bottom: 50px
	}

	.incidence__list {
		gap: 30px
	}

	.item__man {
		max-width: 130px
	}

	.creation__title {
		margin-bottom: 30px
	}

	.history__list::before {
		top: 3.2%;
		height: 85%
	}

	.history__list {
		padding-left: 20px
	}

	.history__item {
		margin-bottom: 30px
	}

	.history__box {
		margin-bottom: 20px
	}

	.history__title {
		font-size: 40px;
		margin-bottom: 15px
	}

	.history__title--3::after {
		display: none
	}

	.history__title::before {
		left: -22px
	}

	.history__image img {
		width: 180px;
		height: 90px
	}

	.history__info {
		max-width: 243px;
		width: 100%;
		padding: 15px
	}

	.composition__subtitle {
		margin-bottom: 35px
	}

	.composition__text {
		text-align: left;
		margin-bottom: 0
	}

	.composition__item {
		max-width: 190px;
		width: 100%
	}

	.composition__item-1 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		gap: 30px;
		max-width: 100%;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin-bottom: 40px
	}

	.composition__item-1 .composition__image-block {
		margin-bottom: 0
	}

	.composition__item-1 .composition__text {
		max-width: 50%;
		margin-bottom: 0
	}

	.composition__item-2,
	.composition__item-3 {
		width: 100%;
		margin-bottom: 30px
	}

	.composition .composition__image-1 {
		max-width: 180px;
		margin: 0
	}

	.composition .composition__image-2,
	.composition .composition__image-3,
	.composition .composition__image-4 {
		max-width: 155px;
		height: 47px;
		margin: 0
	}

	.composition .composition__image-5 {
		max-width: 180px;
		margin: 0;
		height: 47px
	}

	.composition__line-1,
	.composition__line-2 {
		display: block;
		width: 144px;
		height: 84px;
		position: absolute;
		top: 97.8%;
		left: 81%
	}

	.composition__line-2 {
		width: 137px;
		height: 23px;
		top: 98%;
		left: 76%
	}

	.composition__line-3,
	.composition__line-4 {
		display: block;
		position: absolute;
		width: 126px;
		height: 191px;
		top: -122%;
		left: 74%
	}

	.composition__line-4 {
		width: 151px;
		height: 170px;
		top: -207%;
		left: 72%;
		-webkit-transform: scaleX(-1);
		transform: scaleX(-1)
	}

	.composition__line-5 {
		display: block;
		background-repeat: no-repeat;
		background-size: contain;
		position: absolute;
		width: 129px;
		height: 51px;
		top: -185%;
		left: 47.5%;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg)
	}

	.composition__box2 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	.composition__formulation {
		display: block;
		position: absolute;
		max-width: 260px;
		right: 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%)
	}

	.order__price {
		gap: 20px;
		max-width: 100%
	}

	.problem {
		padding-bottom: 0
	}

	.problem__list {
		row-gap: 35px;
		-webkit-column-gap: 20px;
		-moz-column-gap: 20px;
		column-gap: 20px;
		margin-bottom: 50px
	}

	.problem__image {
		margin-bottom: 20px
	}

	.problem__label-text {
		font-size: 22px;
		padding-bottom: 5px
	}

	.expert {
		padding-bottom: 0
	}

	.expert__quote {
		padding: 10px 20px 30px 30px
	}

	.expert__quote::after,
	.expert__quote::before {
		width: 18px;
		height: 17px
	}

	.expert__quote::after {
		bottom: 10px
	}

	.expert__box {
		gap: 10px
	}

	.expert__image {
		max-width: 150px
	}

	.expert__info {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		gap: 15px
	}

	.expert__name {
		margin-bottom: 0
	}

	.reviews__title {
		margin-bottom: 20px
	}

	.reviews-list {
		margin-bottom: 30px
	}

	.reviews-item-box {
		text-align: left
	}

	.reviews-person {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		gap: 25px;
		margin-bottom: 35px;
		padding-left: 20px
	}

	.reviews-person__photo {
		margin-top: 0;
		width: 200px;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		font-size: 175px;
		margin-bottom: 0
	}

	.reviews-person__name {
		margin-bottom: 20px
	}

	.reviews-line {
		padding: 15px 30px
	}

	.instruction__title {
		margin-bottom: 90px
	}

	.instruction__product {
		margin-left: 65px;
		max-width: 280px
	}

	.instruction__product::before {
		-webkit-transform: rotate(1.743deg);
		transform: rotate(1.743deg);
		top: -91px;
		right: -108px;
		width: 280px;
		height: 316px
	}

	.instruction__list {
		margin-bottom: 40px;
		gap: 20px
	}

	.instruction__item {
		gap: 25px
	}

	.result__list {
		row-gap: 30px;
		-webkit-column-gap: 20px;
		-moz-column-gap: 20px;
		column-gap: 20px;
		max-width: 100%;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		padding-left: 0
	}

	.result__item,
	.result__item--5 {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 45%;
		gap: 20px
	}

	.result__item--5 {
		-webkit-box-orient: horizontal;
		-ms-flex-direction: row;
		flex-direction: row;
		width: 100%;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		gap: 25px
	}

	.result__text {
		text-align: center
	}

	.summary__text,
	.summary__title {
		margin-bottom: 30px
	}

	.summary__box-image {
		margin-bottom: 35px
	}

	.summary__arrow-up {
		width: 43px;
		height: 75px
	}

	.summary__arrow-up1 {
		width: 76px;
		height: 76px
	}

	.summary__box-title {
		max-width: 70%;
		font-size: 18px;
		margin-bottom: 20px
	}

	.summary__box-title::after,
	.summary__box-title::before {
		content: "";
		position: absolute;
		top: 0;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 35px 58px;
		border-color: transparent transparent #0abcff;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		z-index: -1
	}

	.summary__box-title::after {
		left: -35px
	}

	.summary__box-title::before {
		right: -35px;
		-webkit-transform: scaleY(-1);
		transform: scaleY(-1)
	}

	.summary__box-title--red::after,
	.summary__box-title--red::before {
		border-color: transparent transparent #ff4532
	}

	.summary__proposition {
		font-size: 23px
	}

	.popup__content {
		padding: 110px 20px 40px;
		width: 430px
	}

	.popup__left::before {
		width: 303px;
		height: 339px;
		-webkit-transform: rotate(10.743deg);
		transform: rotate(10.743deg);
		top: -109px;
		right: -102px
	}

	.popup__left {
		display: block;
		max-width: 280px;
		margin: 0 auto 45px 25px
	}

	.popup__subtitle {
		font-size: 25px;
		margin-bottom: 20px
	}

	.popup__title {
		font-size: 45px;
		margin-bottom: 20px
	}

	.action {
		margin-bottom: 25px
	}

	.subsol {
		margin-top: 5px
	}

	.popup__inputs {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		gap: 5px;
		width: calc(100% - 38px);
		margin: 0 auto 10px
	}

	.popup__input-name::after,
	.popup__input-phone::before {
		display: none
	}
}

@media screen and (min-width:640px) {
	.container {
		width: 640px
	}

	.order__subsol {
		margin-top: 10px;
		font-size: 16px
	}

	.order__action {
		font-size: 24px
	}

	.title {
		font-size: 45px;
		line-height: 1.15
	}

	.subtitle {
		font-size: 30px
	}

	.text {
		font-size: 22px
	}

	.d-block1 {
		display: block
	}

	.btn--order {
		font-size: 20px;
		height: 40px
	}

	.btn--order::before {
		left: -13px;
		top: 4px;
		width: 28px;
		height: 28px
	}

	.btn--order::after {
		right: -13px;
		top: 4px;
		width: 28px;
		height: 28px
	}

	.promo__title {
		margin-bottom: 50px;
		max-width: 550px;
		font-size: 38px
	}

	.promo__content {
		position: relative
	}

	.promo__product {
		position: absolute;
		right: 8px;
		top: 103px;
		max-width: 240px;
		margin-left: 0;
		margin-bottom: 0
	}

	.promo__product::before {
		-webkit-transform: rotate(-9.257deg);
		transform: rotate(-9.257deg);
		top: -115px;
		right: -75px;
		width: 317px;
		height: 306px
	}

	.promo__list {
		max-width: 55%;
		margin-bottom: 30px
	}

	.promo__order {
		max-width: 480px;
		width: 100%
	}

	.promo2 {
		padding-top: 0
	}

	.promo2 .promo__order {
		max-width: 70%
	}

	.promo2 .promo__product::before {
		top: -81px;
		right: -117px;
		width: 291px;
		height: 275px
	}

	.incidence__content-box {
		max-width: 560px;
		padding: 10px 3px 8px
	}

	.incidence__list {
		gap: 35px;
		max-width: 480px
	}

	.item__man {
		max-width: 150px
	}

	.creation__title {
		margin-bottom: 50px
	}

	.history__list::before {
		top: 1.8%;
		height: 87%;
		left: 10px
	}

	.history__list {
		padding-left: 40px
	}

	.history__box {
		margin-bottom: 10px
	}

	.history__title--1::after {
		content: "";
		display: block;
		position: absolute;
		width: 5px;
		height: 24px;
		top: -1px;
		z-index: 0;
		left: -30px;
		background-color: #362b62
	}

	.history__title::before {
		left: -32px
	}

	.history__title {
		font-size: 45px;
		margin-bottom: 20px
	}

	.history__image img {
		width: 280px;
		height: 140px
	}

	.history__info {
		max-width: 400px
	}

	.composition {
		padding-top: 20px
	}

	.composition__item {
		max-width: 250px;
		width: 100%
	}

	.composition__item-1 {
		max-width: 100%;
		margin-bottom: 50px
	}

	.composition__item-2,
	.composition__item-3 {
		max-width: 250px;
		width: 100%;
		margin-bottom: 35px
	}

	.composition__item-5 {
		max-width: 250px;
		width: 100%
	}

	.composition .composition__image-1 {
		max-width: 250px;
		margin: 0
	}

	.composition .composition__image-2,
	.composition .composition__image-3,
	.composition .composition__image-4 {
		max-width: 200px;
		height: 70px;
		margin-bottom: 15px
	}

	.composition .composition__image-5 {
		height: 70px;
		margin-bottom: 15px;
		max-width: 230px;
		margin-left: auto
	}

	.composition__line-1 {
		width: 172px;
		height: 84px;
		top: 99.8%;
		left: 85%
	}

	.composition__line-2 {
		width: 174px;
		height: 23px;
		top: 97.5%;
		left: 76%
	}

	.composition__line-3 {
		width: 175px;
		height: 208px;
		top: -109%;
		left: 77%
	}

	.composition__line-4 {
		width: 181px;
		height: 170px;
		top: -167%;
		left: 68%
	}

	.composition__line-5 {
		width: 155px;
		height: 51px;
		top: -130%;
		left: 58.8%
	}

	.composition__formulation {
		max-width: 330px;
		right: 0;
		top: 50%;
		-webkit-transform: translateY(-32%);
		transform: translateY(-32%)
	}

	.order__product img {
		max-width: 280px;
		margin-bottom: 25px
	}

	.order__text {
		margin-bottom: 30px
	}

	.order__box {
		max-width: 320px
	}

	.order__price {
		margin-bottom: 30px
	}

	.order__price-previous {
		font-size: 43px
	}

	.order__price-current {
		font-size: 48px
	}

	.problem {
		padding-bottom: 0
	}

	.problem__title {
		margin-bottom: 40px
	}

	.problem__image {
		margin-bottom: 0
	}

	.problem__image img,
	.result__image img {
		max-width: 120px
	}

	.problem__item {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		gap: 15px
	}

	.problem__text {
		text-align: left;
		font-size: 20px
	}

	.problem__label-text {
		font-size: 28px
	}

	.expert {
		padding-bottom: 0
	}

	.expert__box {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.expert__info {
		gap: 25px
	}

	.expert__sign {
		width: 100px;
		height: 50px
	}

	.expert__seal {
		width: 86px;
		height: 56px
	}

	.instruction__title {
		font-size: 38px
	}

	.instruction__product {
		margin: 0 auto 20px
	}

	.instruction__list {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: start;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: start
	}

	.instruction__item-text {
		max-width: 100%
	}

	.result__title {
		margin-bottom: 35px
	}

	.result__list {
		row-gap: 40px
	}

	.result__image {
		margin-bottom: 0
	}

	.result__item {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		gap: 20px
	}

	.result__text {
		text-align: left;
		font-size: 20px
	}

	.summary__arrow-up {
		width: 52px;
		height: 72px
	}

	.summary__arrow-up1 {
		width: 85px;
		height: 85px
	}

	.summary__box-left,
	.summary__box-right {
		max-width: 220px
	}

	.summary__box-title {
		height: 65px
	}

	.summary__box-title::after,
	.summary__box-title::before {
		border-width: 0 35px 65px
	}

	.summary__info-text,
	.summary__info-title {
		margin-bottom: 20px
	}

	.summary__info-item::before {
		top: 12px;
		width: 4px;
		height: 4px
	}

	.footer__text {
		font-size: 16px
	}

	.instruction__btn {
		width: 270px
	}
}

@media screen and (min-width:768px) {
	.container {
		width: 768px;
		padding-left: 25px;
		padding-right: 25px
	}

	.action {
		font-size: 20px
	}

	.order__subsol {
		font-size: 16px;
		margin-top: 10px;
		max-width: 350px;
		margin-left: auto
	}

	.order__action {
		font-size: 26px;
		margin-bottom: 30px
	}

	.promo__action {
		text-align: left;
		padding-left: 3px
	}

	.title {
		font-size: 52px
	}

	.subtitle {
		font-size: 35px
	}

	.text {
		font-size: 26px
	}

	.btn--order {
		width: 300px;
		font-size: 22px;
		height: 48px
	}

	.btn--order::before {
		left: -16px;
		top: 5px;
		width: 33px;
		height: 33px
	}

	.btn--order::after {
		right: -16px;
		top: 5px;
		width: 33px;
		height: 33px
	}

	.block {
		padding-top: 50px;
		padding-bottom: 50px
	}

	.header__logo {
		max-width: 150px
	}

	.promo__title {
		font-size: 42px
	}

	.promo__product {
		right: 0;
		top: 190px;
		max-width: 270px
	}

	.promo__product::before {
		-webkit-transform: rotate(-9.257deg);
		transform: rotate(-9.257deg);
		top: -115px;
		right: -85px;
		width: 360px;
		height: 318px
	}

	.promo__list {
		max-width: 60%
	}

	.promo__item::before {
		top: 9px
	}

	.promo__item {
		font-size: 22px;
		text-align: left
	}

	.promo__btn,
	.promo__input-name input,
	.promo__input-phone input {
		font-size: 18px
	}

	.promo__order {
		margin-left: 15px;
		max-width: 55%
	}

	.promo__secret-text {
		width: 100%;
		font-size: 22px
	}

	.promo2 {
		padding-top: 0
	}

	.promo2 .promo__product {
		top: 130px
	}

	.promo2 .action {
		text-align: center
	}

	.promo2 .subsol {
		text-align: center
	}

	.promo2 .promo__product::before {
		top: -104px;
		right: -97px;
		width: 324px;
		height: 314px
	}

	.incidence__title {
		font-size: 50px
	}

	.incidence__content-title {
		margin-bottom: 45px
	}

	.incidence__content-box {
		height: 100px;
		max-width: 650px;
		margin-bottom: 60px
	}

	.incidence__line--left::after,
	.incidence__line--left::before {
		border-width: 100px 66.5px 0;
		top: -10px;
		left: -36px
	}

	.incidence__line--right::after,
	.incidence__line--right::before {
		border-width: 100px 66.5px 0;
		top: -10px;
		right: -36px
	}

	.incidence__label {
		width: 154px;
		height: 124px;
		font-size: 32px
	}

	.incidence__list {
		gap: 35px;
		max-width: 540px
	}

	.item {
		-webkit-column-gap: 20px;
		-moz-column-gap: 20px;
		column-gap: 20px
	}

	.creation__title {
		margin-bottom: 60px
	}

	.history__list::before {
		top: 2.5%;
		height: 86%;
		left: 15px
	}

	.history__list {
		padding-left: 50px
	}

	.history__title--1::after {
		height: 26px;
		top: -1px;
		z-index: 0;
		left: -37px
	}

	.history__title::before {
		left: -37px
	}

	.history__title {
		font-size: 50px
	}

	.history__image img {
		width: 300px;
		height: 160px
	}

	.history__info {
		max-width: 450px
	}

	.composition__text {
		font-size: 25px
	}

	.composition__item-2,
	.composition__item-3 {
		max-width: 300px;
		width: 100%;
		margin-bottom: 40px
	}

	.composition__item-4 {
		max-width: 300px;
		width: 100%
	}

	.composition__item-5 {
		max-width: 285px
	}

	.composition .composition__image-1 {
		max-width: 280px;
		margin: 0
	}

	.composition .composition__image-2,
	.composition .composition__image-3,
	.composition .composition__image-4,
	.composition .composition__image-5 {
		max-width: 230px;
		height: 75px
	}

	.composition .composition__image-5 {
		margin-left: auto
	}

	.composition__line-1 {
		width: 225px;
		height: 95px;
		top: 98.8%;
		left: 84%
	}

	.composition__line-2 {
		width: 209px;
		height: 26px;
		top: 97.5%;
		left: 76%
	}

	.composition__line-3 {
		width: 190px;
		height: 227px;
		top: -112%;
		left: 74%
	}

	.composition__line-4 {
		width: 208px;
		height: 173px;
		top: -179%;
		left: 67%
	}

	.composition__line-5 {
		width: 202px;
		height: 50px;
		top: -151%;
		left: 55.8%
	}

	.composition__formulation {
		max-width: 380px;
		right: 0;
		top: 50%;
		-webkit-transform: translateY(-30%);
		transform: translateY(-30%)
	}

	.order__product img {
		max-width: 300px
	}

	.order__box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		gap: 40px;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin: 0;
		max-width: 100%;
		padding-right: 25px
	}

	.order__price {
		margin: 0
	}

	.order__price-previous {
		font-size: 43px
	}

	.order__price-current {
		font-size: 48px
	}

	.order__btn {
		margin: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0
	}

	.problem {
		padding-bottom: 0
	}

	.problem__title {
		margin-bottom: 50px
	}

	.problem__list {
		row-gap: 50px
	}

	.problem__image img,
	.result__image img {
		max-width: 150px
	}

	.problem__item {
		gap: 20px
	}

	.problem__text {
		font-size: 22px
	}

	.problem__label-text {
		font-size: 32px
	}

	.expert {
		padding-bottom: 0
	}

	.expert__image {
		max-width: 200px
	}

	.expert__name {
		margin-bottom: 0;
		min-width: 150px
	}

	.expert__sign {
		width: 120px;
		height: 60px
	}

	.expert__seal {
		width: 100px;
		height: 70px
	}

	.reviews-item-box {
		font-size: 22px
	}

	.reviews-person {
		gap: 35px
	}

	.reviews-person__photo {
		width: 250px
	}

	.reviews-person__name {
		font-size: 26px
	}

	.instruction__title {
		font-size: 42px
	}

	.instruction__product {
		max-width: 300px;
		margin-bottom: 25px
	}

	.instruction__list {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: start;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: start;
		gap: 25px
	}

	.instruction__item {
		gap: 30px
	}

	.instruction__item-text {
		max-width: 100%
	}

	.instruction__btn {
		width: 300px
	}

	.result__title {
		margin-bottom: 45px
	}

	.result__list {
		row-gap: 45px
	}

	.result__item {
		gap: 25px
	}

	.result__text {
		font-size: 22px
	}

	.summary__text {
		margin-bottom: 40px
	}

	.summary__arrow-up {
		width: 65px;
		height: 93px
	}

	.summary__arrow-up1 {
		width: 105px;
		height: 105px
	}

	.summary__box-left,
	.summary__box-right {
		max-width: 260px
	}

	.summary__box-title {
		margin-bottom: 25px;
		height: 52px;
		font-size: 22px
	}

	.summary__box-title::after,
	.summary__box-title::before {
		border-width: 0 35px 52px
	}

	.summary__block-info {
		padding: 20px 28px
	}

	.summary__info-title {
		font-size: 42px;
		margin-bottom: 25px
	}

	.summary__info-list {
		gap: 15px
	}

	.summary__info-item {
		padding-left: 18px
	}

	.summary__info-item::before {
		top: 14px;
		width: 5px;
		height: 5px
	}

	.summary__proposition {
		font-size: 28px;
		padding: 20px 25px
	}

	.popup__order {
		max-width: 100%;
		margin: 0 auto
	}
}

@media screen and (min-width:992px) {
	.btn {
		padding-bottom: 2px
	}

	.promo__product {
		right: -102px;
		top: 174px;
		max-width: 350px
	}

	.promo__product::before {
		-webkit-transform: rotate(-9.257deg);
		transform: rotate(-9.257deg);
		top: -185px;
		right: -82px;
		width: 367px;
		height: 467px
	}

	.promo__input-name,
	.promo__input-phone {
		padding-bottom: 2px
	}

	.promo__btn,
	.promo__input-name input,
	.promo__input-phone input {
		font-size: 18px
	}

	.promo2 .promo__order {
		max-width: 60%
	}

	.promo2 .promo__product {
		top: 70px;
		max-width: 330px
	}

	.promo2 .promo__product::before {
		top: -116px;
		right: -97px;
		width: 335px;
		height: 381px
	}
}

@media screen and (min-width:1024px) {
	.container {
		width: 1024px
	}

	.action {
		font-size: 24px
	}

	.order__subsol {
		font-size: 16px;
		margin-top: 5px;
		margin-left: auto;
		max-width: 350px;
		text-align: left;
		text-indent: -8px
	}

	.order__action {
		font-size: 24px;
		margin-bottom: 30px;
		gap: 8px;
		text-align: left
	}

	.container--rel {
		position: relative;
		z-index: 0
	}

	.promo2 .action {
		text-align: left
	}

	.title {
		font-size: 57px
	}

	.subtitle {
		font-size: 38px
	}

	.text {
		font-size: 28px
	}

	.d-block,
	.incidence__title br {
		display: block
	}

	.btn {
		font-size: 30px;
		height: 50px;
		width: calc(100% - 48px)
	}

	.btn::after,
	.btn::before {
		height: 34px;
		width: 35px;
		top: 8px
	}

	.btn::before {
		left: -18px
	}

	.btn::after {
		right: -18px
	}

	.btn--popup::before {
		height: 34px;
		width: 35px;
		top: 6px;
		left: -18px;
		font-size: 22px !important
	}

	.btn--popup::after {
		height: 34px;
		width: 35px;
		top: 6px;
		right: -18px
	}

	.btn--order {
		width: 300px;
		font-size: 22px;
		height: 48px
	}

	.btn--order::before {
		left: -16px;
		top: 5px;
		width: 33px;
		height: 34px
	}

	.btn--order::after {
		right: -16px;
		top: 5px;
		width: 33px;
		height: 34px
	}

	.bg-diamond {
		position: absolute;
		width: 903px;
		height: 1029px;
		-webkit-animation: moveDiamonds 5s ease-in-out infinite alternate;
		animation: moveDiamonds 5s ease-in-out infinite alternate
	}

	.bg-diamond1,
	.bg-diamond2 {
		position: absolute;
		width: 1200px;
		height: 1052px;
		-webkit-animation: moveDiamonds1 5s ease-in-out infinite alternate;
		animation: moveDiamonds1 5s ease-in-out infinite alternate
	}

	.bg-diamond2 {
		width: 398px;
		-webkit-animation: moveDiamonds 5s ease-in-out infinite alternate;
		animation: moveDiamonds 5s ease-in-out infinite alternate;
		z-index: -1
	}

	.promo .bg-diamond {
		top: -170px;
		left: 50%
	}

	.promo2 .bg-diamond {
		top: 154px;
		left: 54%
	}

	.instruction .bg-diamond {
		top: -190px;
		left: 56%
	}

	.problem .bg-diamond1 {
		left: -109%;
		top: -49%
	}

	.problem .bg-diamond2 {
		right: -25%;
		bottom: -389px
	}

	.reviews .bg-diamond1 {
		left: -105%;
		top: 12%
	}

	.reviews .bg-diamond2 {
		right: -34%;
		bottom: -540px
	}

	.summary .bg-diamond1 {
		left: -113%;
		top: -20%
	}

	.summary .bg-diamond2 {
		right: -36%;
		bottom: 6%
	}

	.block {
		padding-top: 60px;
		padding-bottom: 60px
	}

	.header__logo {
		max-width: 150px
	}

	.header__content {
		padding: 15px 0
	}

	.header__box {
		position: static;
		background-color: inherit
	}

	.header__nav {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		font-size: 20px
	}

	.header__menu-btn,
	.header__menu-logo {
		display: none
	}

	.header__link {
		position: relative;
		color: #362b62;
		text-decoration: none;
		padding-bottom: 2px
	}

	.header__link::after {
		content: "";
		position: absolute;
		width: 0;
		height: 2px;
		bottom: -2px;
		left: 0;
		background-color: #362b62;
		-webkit-transition: width .3s ease;
		transition: width .3s ease
	}

	.header__link:hover::after {
		width: 100%
	}

	.timer::after {
		border-width: 32px 20px 32px 0
	}

	.timer {
		gap: 30px;
		padding: 8px 12px
	}

	.timer__box {
		gap: 15px
	}

	.timer__title {
		font-size: 16px;
		max-width: 160px;
		width: 100px
	}

	.timer__divider {
		font-size: 25px
	}

	.timer__count::before {
		width: 50px;
		height: 50px
	}

	.promo__input-name input,
	.promo__input-phone input,
	.timer__count {
		font-size: 28px
	}

	.promo {
		padding-top: 40px;
		padding-bottom: 40px
	}

	.promo__title {
		max-width: 780px
	}

	.promo__product {
		right: 0;
		top: 225px;
		max-width: 360px
	}

	.promo2 .promo__product::before,
	.promo__product::before {
		-webkit-transform: rotate(-9.257deg);
		transform: rotate(-9.257deg);
		top: -180px;
		right: -95px;
		width: 403px;
		height: 500px
	}

	.promo__list {
		max-width: 65%
	}

	.promo__item::before {
		top: 11px
	}

	.promo__item {
		font-size: 26px;
		text-align: left
	}

	.promo__inputs {
		width: calc(100% - 45px)
	}

	.promo__input-name {
		height: 50px;
		border-left: none
	}

	.promo__input-name::before {
		height: 34px;
		width: 35px;
		top: 7px;
		left: -17px
	}

	.promo__input-phone {
		height: 50px;
		border-right: none
	}

	.promo__input-phone::after {
		height: 34px;
		width: 35px;
		top: 7px;
		right: -18px
	}

	.promo__btn {
		font-size: 28px
	}

	.promo__order {
		margin-left: 15px;
		max-width: 50%
	}

	.promo__secret::before {
		width: 3000px;
		left: 0;
		-webkit-transform: none;
		transform: none
	}

	.promo__secret {
		right: 0;
		bottom: -10px;
		position: absolute;
		max-width: 389px;
		width: 100%
	}

	.promo__secret-img {
		max-width: 100px
	}

	.promo__secret-text {
		font-size: 20px
	}

	.promo__secret-triangle {
		display: block;
		left: 0;
		position: absolute;
		height: 100%
	}

	.promo__secret-triangle::after,
	.promo__secret-triangle::before {
		content: "";
		position: absolute;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 120px 98.5px 0;
		z-index: -1;
		left: -50px;
		border-color: #fff transparent transparent;
		top: 0
	}

	.promo__secret-triangle::after {
		-webkit-transform: scaleY(-1);
		transform: scaleY(-1)
	}

	.promo2 {
		padding-top: 20px;
		overflow: hidden;
		padding-bottom: 80px
	}

	.promo2 .promo__order {
		margin-left: 15px;
		max-width: 53%
	}

	.promo2 .promo__product {
		top: 240px;
		max-width: 370px
	}

	.promo2 .promo__list {
		margin-bottom: 30px
	}

	.promo2 .promo__action {
		margin-bottom: 30px
	}

	.incidence__title {
		margin-bottom: 37px;
		max-width: 680px;
		width: 100%;
		line-height: 1
	}

	.incidence__text {
		padding-top: 33px
	}

	.incidence__box {
		max-width: 650px;
		width: 100%;
		padding: 33px 32px 30px 35px;
		gap: 22px;
		margin-bottom: 0
	}

	.incidence__info {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin-bottom: 47px
	}

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

	.incidence__content-box {
		height: 150px;
		max-width: 900px;
		margin-bottom: 80px
	}

	.incidence__line--left::after,
	.incidence__line--left::before {
		border-width: 150px 83.5px 0;
		top: -10px;
		left: -45px
	}

	.incidence__line--right::after,
	.incidence__line--right::before {
		border-width: 150px 83.5px 0;
		top: -10px;
		right: -60px
	}

	.incidence__label {
		width: 199px;
		height: 168px;
		font-size: 43px;
		border-radius: 34px;
		border: 2px solid #362b62
	}

	.incidence__list,
	.item {
		-webkit-box-direction: normal;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.incidence__list {
		max-width: 100%;
		-webkit-box-orient: horizontal;
		-ms-flex-direction: row;
		flex-direction: row;
		gap: 14px
	}

	.item {
		width: 32%;
		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.item__man {
		max-width: 318px;
		width: 100%;
		margin-bottom: 30px
	}

	.item__text {
		font-size: 24px;
		text-align: center
	}

	.creation__title {
		margin-bottom: 70px
	}

	.history__list::before {
		display: none
	}

	.history__list {
		padding-left: 0;
		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;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.history__line-1 {
		height: 100%;
		width: 100%;
		left: 0;
		border-left: 1px solid #0abcff;
		border-bottom: 1px solid #0abcff
	}

	.history__line-1,
	.history__line-2,
	.history__line-3 {
		display: block;
		position: absolute;
		top: 0;
		z-index: -1
	}

	.history__line-2 {
		height: 100%;
		width: 50%;
		right: 0;
		border-right: 1px solid #0abcff;
		border-bottom: 1px solid #0abcff
	}

	.history__line-3 {
		height: 60px;
		width: 1px;
		left: 50%;
		background-color: #0abcff
	}

	.history__line-3::before {
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 10px 5px 0;
		border-color: #0abcff transparent transparent;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		position: absolute;
		bottom: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%)
	}

	.history__item {
		width: 100%;
		margin-bottom: 0;
		position: relative;
		z-index: 0
	}

	.history__item--1 {
		padding-left: 40px;
		padding-bottom: 40px
	}

	.history__item--2 {
		padding-right: 40px;
		text-align: right;
		padding-bottom: 30px;
		padding-top: 30px
	}

	.history__item--2 .history__box,
	.history__item--3 .history__box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse
	}

	.history__item--2 .history__title::before {
		left: auto;
		right: -42px
	}

	.history__item--3 {
		margin-bottom: 0;
		padding-top: 75px
	}

	.history__item--3 .history__box {
		-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;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		gap: 25px
	}

	.history__item--3 .history__title::before {
		display: none
	}

	.history__box {
		margin-bottom: 5px
	}

	.history__title--1::after {
		height: 30px;
		top: -2px;
		z-index: 2;
		left: -43px
	}

	.history__title::before {
		left: -42px
	}

	.history__title {
		font-size: 60px;
		margin-bottom: 10px
	}

	.history__text {
		width: 55%;
		font-size: 25px
	}

	.history__text-2 {
		width: 55%;
		margin-left: auto
	}

	.history__image img {
		width: 400px;
		height: 300px;
		position: absolute;
		top: 15px;
		right: 0
	}

	.history__image--2 img {
		position: absolute;
		top: 15px;
		left: 0
	}

	.history__info {
		max-width: 775px
	}

	.composition {
		padding-top: 30px
	}

	.composition__subtitle,
	.expert__name br {
		display: none
	}

	.composition__text-desc {
		display: block;
		margin-bottom: 15px;
		font-size: 30px
	}

	.composition__text {
		font-size: 25px
	}

	.composition__item-1 {
		max-width: 100%;
		margin-bottom: 80px
	}

	.composition__item-1 .composition__text {
		max-width: 55%
	}

	.composition__item-2,
	.composition__item-3 {
		margin-bottom: 0
	}

	.composition__item-3 .composition__text,
	.composition__item-5 .composition__text {
		text-align: right
	}

	.composition .composition__image-1 {
		max-width: 350px;
		margin: 0
	}

	.composition .composition__image-2,
	.composition .composition__image-3,
	.composition .composition__image-4,
	.composition .composition__image-5 {
		max-width: 240px;
		height: 70px;
		margin-bottom: 20px
	}

	.composition .composition__image-3 {
		margin-left: auto
	}

	.composition__line-1 {
		width: 213px;
		height: 109px;
		top: 98.8%;
		left: 77%
	}

	.composition__line-2 {
		width: 153px;
		height: 26px;
		top: 97.5%;
		left: 63%
	}

	.composition__line-3 {
		width: 131px;
		height: 227px;
		top: 98%;
		left: -9%
	}

	.composition__line-4 {
		width: 172px;
		height: 176px;
		top: -61%;
		left: 60%
	}

	.composition__line-5 {
		width: 120px;
		height: 224px;
		top: -43%;
		left: -21%;
		-webkit-transform: none;
		transform: none;
		-webkit-transform: scaleX(-1);
		transform: scaleX(-1)
	}

	.composition__box1 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin-bottom: 50px
	}

	.composition__formulation {
		max-width: 400px;
		right: 0;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-48%, -21%);
		transform: translate(-48%, -21%)
	}

	.no-webp .composition__line-3 {
		background-image: url(../images/line5.png)
	}

	.webp .composition__line-3 {
		background-image: url(../images/line5.webp)
	}

	.no-webp .composition__line-5 {
		background-image: url(../images/line3.png)
	}

	.webp .composition__line-5 {
		background-image: url(../images/line3.webp)
	}

	.line {
		position: absolute;
		background-color: #0abcff;
		z-index: 1;
		-webkit-transition: .3s ease;
		transition: .3s ease;
		display: none
	}

	.line::before {
		content: "";
		position: absolute;
		z-index: 30;
		border-style: solid;
		border-width: 10px 5px 0;
		border-color: #0abcff transparent transparent
	}

	.line1 {
		left: 0;
		top: 0;
		width: 1px;
		height: 0
	}

	.line1::before {
		bottom: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		opacity: 0
	}

	@-webkit-keyframes line1 {
		0% {
			height: 0
		}

		to {
			height: 100%
		}
	}

	@keyframes line1 {
		0% {
			height: 0
		}

		to {
			height: 100%
		}
	}

	@-webkit-keyframes line1Arrow {

		0%,
		to {
			opacity: 0
		}

		30%,
		95% {
			opacity: 1
		}
	}

	@keyframes line1Arrow {

		0%,
		to {
			opacity: 0
		}

		30%,
		95% {
			opacity: 1
		}
	}

	.line2 {
		left: 0;
		bottom: 0;
		width: 0;
		height: 1px
	}

	.line2::before {
		border-width: 5px 0 5px 10px;
		border-color: transparent transparent transparent #0abcff;
		top: 50%;
		opacity: 0;
		right: -3px;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%)
	}

	#item1.animate2 .line2 {
		display: block;
		width: 100%;
		-webkit-animation: line2 5s ease forwards;
		animation: line2 5s ease forwards
	}

	#item1.animate2 .line2::before {
		-webkit-animation: line2Arrow 5s ease forwards;
		animation: line2Arrow 5s ease forwards
	}

	.line3 {
		right: 0;
		top: 0;
		width: 1px;
		height: 0
	}

	.line3::before {
		bottom: -3px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%)
	}

	.line4 {
		right: 0;
		bottom: 0;
		width: 0;
		height: 1px
	}

	.line4::before {
		border-width: 5px 10px 5px 0;
		border-color: transparent #0abcff transparent transparent;
		top: 50%;
		left: -3px;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%)
	}

	#item2.animate4 .line4,
	#item2.animate5 .line5 {
		display: block;
		width: 50%;
		-webkit-animation: line4 3s ease forwards;
		animation: line4 3s ease forwards
	}

	#item2.animate4 .line4::before {
		-webkit-animation: line4Arrow 3s ease forwards;
		animation: line4Arrow 3s ease forwards
	}

	.line5 {
		left: 50%;
		top: 100%;
		width: 1px !important;
		height: 0
	}

	.line5::before {
		bottom: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		opacity: 0
	}

	#item2.animate5 .line5 {
		-webkit-animation: line5 1s ease forwards;
		animation: line5 1s ease forwards;
		-webkit-animation-delay: 3s;
		animation-delay: 3s
	}

	#item2.animate5 .line5::before {
		-webkit-animation: line5Arrow 1s ease forwards;
		animation: line5Arrow 1s ease forwards;
		-webkit-animation-delay: 3s;
		animation-delay: 3s
	}

	.order {
		padding-bottom: 34px;
		padding-top: 42px
	}

	.order__product img {
		margin-bottom: 0;
		max-width: 280px
	}

	.order__text {
		text-align: left;
		font-size: 33px
	}

	.order__box {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		padding-right: 48px
	}

	.order__price {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: start;
		margin: 0
	}

	.order__price-previous {
		font-size: 45px
	}

	.order__price-current {
		font-size: 48px
	}

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

	.problem {
		padding-bottom: 40px
	}

	.problem__title {
		margin-bottom: 60px
	}

	.problem__image {
		-webkit-transition: -webkit-transform .3s ease;
		transition: transform .3s ease;
		transition: transform .3s ease, -webkit-transform .3s ease
	}

	.problem__image img,
	.result__image img {
		max-width: 160px
	}

	.problem__item {
		gap: 20px
	}

	.problem__item:hover .problem__image,
	.result__item:hover .result__image {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

	.problem__text {
		font-size: 27px
	}

	.problem__label::before {
		width: 3000px;
		left: 0;
		-webkit-transform: none;
		transform: none
	}

	.problem__label {
		margin-left: auto;
		max-width: 593px;
		width: 100%;
		height: 90px
	}

	.problem__triangle {
		display: block;
		left: 0;
		position: absolute;
		height: 100%
	}

	.problem__triangle::after,
	.problem__triangle::before {
		content: "";
		position: absolute;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 90px 105px 0;
		z-index: -1;
		left: -61px;
		border-color: #0abcff transparent transparent;
		top: 0
	}

	.problem__triangle::after {
		-webkit-transform: scaleY(-1);
		transform: scaleY(-1)
	}

	.problem__label-text {
		font-size: 28px;
		padding-bottom: 0
	}

	.expert {
		padding-bottom: 0;
		padding-top: 30px
	}

	.expert__quote {
		padding: 10px 10px 30px 40px;
		font-size: 26px
	}

	.expert__quote::after {
		bottom: 20px
	}

	.expert__content {
		position: relative;
		width: 64%;
		margin-left: auto
	}

	.expert__box {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: start
	}

	.expert__image {
		position: absolute;
		bottom: 0;
		left: -345px;
		max-width: 344px
	}

	.expert__info {
		padding: 0 0 25px 40px;
		max-width: 100%;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: start;
		gap: 40px
	}

	.reviews-content {
		position: relative
	}

	.reviews__title {
		text-align: left
	}

	.reviews-list {
		margin-bottom: 0
	}

	.reviews-item-box {
		padding-left: 40%
	}

	.reviews-person {
		padding-left: 0
	}

	.reviews-person__photo {
		display: none
	}

	.reviews-person__name {
		font-size: 30px
	}

	.reviews-helped,
	.reviews-line {
		padding-left: 0
	}

	.reviews-helped:before {
		content: "";
		position: absolute;
		bottom: 0;
		left: -325px;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		width: 285px;
		height: 246px;
		z-index: 3
	}

	.reviews-helped--img1:before {
		background-image: url(../images/avatar-1.webp)
	}

	.reviews-helped--img2:before {
		background-image: url(../images/avatar-2.webp)
	}

	.reviews-helped--img3:before {
		background-image: url(../images/avatar-3.webp)
	}

	.reviews-helped--img4:before {
		background-image: url(../images/avatar-4.webp)
	}

	.reviews-helped--img5:before {
		background-image: url(../images/avatar-5.webp)
	}

	.reviews-line {
		padding-right: 40px
	}

	.reviews-line::before {
		-webkit-transform: skew(-30deg, 0deg);
		transform: skew(-30deg, 0deg);
		left: auto;
		right: 16px;
		width: 120%
	}

	.reviews-line--first {
		margin-bottom: 10px
	}

	.reviews-line--second {
		padding-right: 80px
	}

	.reviews-line--second::before {
		right: 80px
	}

	.reviews__text {
		margin-bottom: 25px
	}

	.reviews-star {
		margin: 0
	}

	.reviews-control {
		position: absolute;
		top: 5px;
		right: 0
	}

	.reviews-arrow {
		width: 82px;
		height: 18px
	}

	.reviews-number {
		font-size: 52px
	}

	.reviews-check {
		position: relative;
		padding-left: 26px
	}

	.reviews-check::before {
		content: "";
		position: absolute;
		top: 20px;
		left: 4px;
		width: 10px;
		height: 10px;
		border-radius: 50%;
		background-color: #0abcff
	}

	.reviews-person__foreword::before {
		top: 10px
	}

	.no-webp .reviews-helped--img1:before {
		background-image: url(../images/avatar-1.png)
	}

	.no-webp .reviews-helped--img2:before {
		background-image: url(../images/avatar-2.png)
	}

	.no-webp .reviews-helped--img3:before {
		background-image: url(../images/avatar-3.png)
	}

	.no-webp .reviews-helped--img4:before {
		background-image: url(../images/avatar-4.png)
	}

	.no-webp .reviews-helped--img5:before {
		background-image: url(../images/avatar-5.png)
	}

	.instruction__title {
		margin-bottom: 60px;
		text-align: left
	}

	.instruction__product {
		max-width: 400px;
		margin: 0
	}

	.instruction__product::before {
		-webkit-transform: rotate(-9.253deg);
		transform: rotate(-9.253deg);
		top: -165px;
		right: -95px;
		width: 403px;
		height: 500px
	}

	.instruction__list {
		max-width: 54%;
		gap: 20px;
		margin-bottom: 0
	}

	.instruction__item-text {
		font-size: 27px
	}

	.instruction__item-count {
		width: 74px;
		height: 85px;
		font-size: 50px
	}

	.instruction__btn {
		width: 300px
	}

	.instruction__content {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin-bottom: 40px
	}

	.result__title {
		margin-bottom: 55px
	}

	.result__list {
		row-gap: 55px
	}

	.result__item {
		gap: 30px
	}

	.result__text {
		font-size: 27px
	}

	.summary__arrow-up {
		width: 77px;
		left: 31%
	}

	.summary__arrow-up1 {
		width: 111px;
		height: 111px;
		top: 25%
	}

	.summary__box-left,
	.summary__box-right {
		max-width: 300px
	}

	.summary__box-title {
		margin-bottom: 25px;
		height: 54px;
		font-size: 24px
	}

	.summary__box-title::after,
	.summary__box-title::before {
		border-width: 0 35px 54px
	}

	.summary__block-info {
		width: 90%;
		padding: 45px 25px 42px 45px
	}

	.summary__info-title {
		font-size: 54px
	}

	.summary__info-item::before {
		top: 15px
	}

	.summary__proposition {
		max-width: 1300px;
		width: 90%;
		margin: 0 auto;
		font-size: 30px;
		padding-left: 45px
	}

	.footer {
		padding-top: 30px;
		padding-bottom: 30px
	}

	.footer__text {
		font-size: 16px
	}

	.popup__content {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: start;
		gap: 30px;
		width: auto;
		padding: 45px 70px 52px 30px;
		-webkit-box-align: end;
		-ms-flex-align: end;
		align-items: flex-end;
		background-image: url(../images/bg-diamond.png);
		background-repeat: no-repeat;
		background-position: right calc(55px);
		background-size: auto 128%
	}

	.popup__left::before {
		-webkit-transform: rotate(-6.257deg);
		transform: rotate(-6.257deg);
		top: -148px;
		right: -107px;
		width: 342px;
		height: 458px
	}

	.popup__left {
		max-width: 410px;
		margin: 0;
		position: relative;
		right: -23px;
		top: -60px
	}

	.popup__right {
		text-align: left;
		max-width: 400px
	}

	.popup__right .promo__order {
		margin-left: 0
	}

	.popup__right .promo__btn {
		font-size: 22px;
		height: 47px
	}

	.popup__right .btn--popup::after {
		height: 32px;
		width: 32px;
		top: 5px;
		right: -16px
	}

	.popup__right .btn--popup::before {
		height: 32px;
		width: 32px;
		top: 5px;
		left: -16px
	}

	.popup__right .promo__input-phone::after {
		height: 31px;
		width: 31px;
		top: 6px;
		right: -16px
	}

	.popup__right .promo__input-name::before {
		height: 31px;
		width: 31px;
		top: 6px;
		left: -16px
	}

	.popup__subtitle {
		margin-bottom: 30px
	}

	.popup__title {
		margin-bottom: 30px
	}

	.popup__action {
		margin-bottom: 30px;
		font-size: 22px;
		text-align: left;
		padding-left: 3px
	}

	.popup__subsol {
		margin-top: 5px;
		font-size: 16px
	}

	.popup__input-name {
		font-size: 25px !important;
		height: 45px
	}

	.popup__input-name input,
	.popup__input-phone input {
		font-size: 22px
	}

	.popup__input-phone {
		font-size: 25pxt;
		height: 45px
	}

	.promo2 .promo__title {
		font-size: 55px
	}
}

@media (min-width:1024px) {
	.header__btn {
		display: none
	}
}

@media screen and (min-width:1220px) {
	.header__nav {
		font-size: 22px
	}

	.promo2 .promo__title {
		font-size: 60px
	}

	.action {
		font-size: 26px
	}

	.order__subsol {
		font-size: 16px;
		margin-top: 5px;
		margin-left: auto;
		max-width: 430px
	}

	.container {
		width: 1220px
	}

	.promo__action {
		text-align: left;
		padding-left: 8px
	}

	.title {
		font-size: 65px;
		line-height: 1.2
	}

	.subtitle {
		font-size: 42px
	}

	.promo__input-name input,
	.promo__input-phone input,
	.text {
		font-size: 30px
	}

	.btn--order {
		font-size: 18px
	}

	.btn--order {
		width: 330px;
		height: 52px
	}

	.btn--order::before {
		left: -17px;
		top: 6px;
		width: 36px;
		height: 36px
	}

	.btn--order::after {
		right: -17px;
		top: 6px;
		width: 36px;
		height: 36px
	}

	.bg-diamond {
		position: absolute;
		width: 903px;
		height: 1029px;
		-webkit-animation: moveDiamonds 5s ease-in-out infinite alternate;
		animation: moveDiamonds 5s ease-in-out infinite alternate
	}

	.bg-diamond1,
	.bg-diamond2 {
		position: absolute;
		width: 1200px;
		height: 1052px;
		-webkit-animation: moveDiamonds1 5s ease-in-out infinite alternate;
		animation: moveDiamonds1 5s ease-in-out infinite alternate
	}

	.bg-diamond2 {
		width: 398px;
		-webkit-animation: moveDiamonds 5s ease-in-out infinite alternate;
		animation: moveDiamonds 5s ease-in-out infinite alternate;
		z-index: -1
	}

	.promo .bg-diamond {
		top: -138px;
		left: 50%
	}

	.promo2 .bg-diamond {
		top: 171px;
		left: 49%
	}

	.instruction .bg-diamond {
		top: -163px;
		left: 49%
	}

	.problem .bg-diamond1 {
		left: -91%;
		top: -61%
	}

	.problem .bg-diamond2 {
		right: -14%;
		bottom: -531px
	}

	.reviews .bg-diamond1 {
		left: -82%;
		top: 13.5%
	}

	.reviews .bg-diamond2 {
		right: -29%;
		bottom: -591px
	}

	.summary .bg-diamond1 {
		left: -94%;
		top: -18%
	}

	.summary .bg-diamond2 {
		right: -29%;
		bottom: 7%
	}

	.header__logo {
		max-width: 180px
	}

	.timer::after {
		border-width: 41px 25px 41px 0
	}

	.timer__box {
		gap: 18px
	}

	.timer__title {
		font-size: 22px;
		max-width: 180px;
		width: 150px
	}

	.promo__product {
		right: 6px;
		top: 220px;
		max-width: 450px
	}

	.promo2 .promo__product::before,
	.promo__product::before {
		-webkit-transform: rotate(-9.257deg);
		transform: rotate(-9.257deg);
		top: -210px;
		right: -122px;
		width: 501px;
		height: 600px
	}

	.promo__item::before {
		width: 12px;
		height: 12px;
		top: 12px
	}

	.promo__item {
		font-size: 29px;
		text-align: left;
		padding-left: 25px
	}

	.promo__btn {
		font-size: 30px
	}

	.promo2 .promo__order,
	.promo__order {
		margin-left: 15px;
		max-width: 50%
	}

	.promo__secret {
		bottom: 0;
		right: 55px
	}

	.promo2 {
		padding-bottom: 100px;
		padding-top: 80px
	}

	.promo2 .promo__product {
		max-width: 490px;
		top: 230px;
		right: 0
	}

	.incidence__content-title {
		font-size: 56px
	}

	.incidence__content-box {
		height: 150px;
		max-width: 1040px;
		margin-bottom: 80px
	}

	.incidence__line--left::after,
	.incidence__line--left::before {
		left: -60px
	}

	.incidence__list {
		gap: 0;
		position: relative
	}

	.incidence__list::before {
		content: "";
		position: absolute;
		background-image: url(../images/bg-man-list.png);
		top: -27px;
		left: -9px;
		width: 1200px;
		height: 377px;
		background-repeat: no-repeat;
		background-size: contain
	}

	.promo2 .action {
		padding-left: 8px
	}

	.item__man {
		max-width: 380px;
		margin-bottom: 50px
	}

	.item__man::before {
		display: none
	}

	.history__item--1 {
		padding-left: 60px;
		padding-bottom: 60px
	}

	.history__item--2 {
		padding-right: 60px;
		text-align: right;
		padding-bottom: 60px;
		padding-top: 50px
	}

	.history__item--2 .history__title::before {
		left: auto;
		right: -62px
	}

	.history__title--1::after {
		width: 6px;
		height: 30px;
		left: -63px
	}

	.history__title::before {
		left: -62px
	}

	.history__text,
	.history__text-2 {
		width: 56%
	}

	.history__image img {
		width: 450px;
		height: 350px;
		position: absolute;
		top: 15px;
		right: 0
	}

	.item__text {
		font-size: 26px;
		text-align: center
	}

	.composition__text-desc {
		margin-bottom: 20px;
		font-size: 33px
	}

	.composition__item-1 {
		max-width: 100%;
		margin-bottom: 100px
	}

	.composition__item-1 .composition__text {
		max-width: 63%
	}

	.composition__item-2,
	.composition__item-3 {
		max-width: 350px
	}

	.composition__item-3 .composition__text,
	.composition__item-5 .composition__text {
		text-align: left
	}

	.composition__item-4,
	.composition__item-5 {
		max-width: 350px;
		margin-bottom: 0
	}

	.composition .composition__image-1 {
		max-width: 370px;
		margin: 0
	}

	.composition .composition__image-2,
	.composition .composition__image-3,
	.composition .composition__image-4,
	.composition .composition__image-5 {
		max-width: 280px;
		height: 95px
	}

	.composition .composition__image-3,
	.composition .composition__image-5,
	.popup__right .promo__order {
		margin-left: 0
	}

	.composition__line-1 {
		width: 213px;
		height: 109px;
		top: 98.8%;
		left: 89%
	}

	.composition__line-2 {
		width: 153px;
		height: 26px;
		top: 97.5%;
		left: 69%
	}

	.composition__line-3 {
		width: 173px;
		height: 227px;
		top: 98%;
		left: -27%
	}

	.composition__line-4 {
		width: 192px;
		height: 176px;
		top: -32%;
		left: 71%
	}

	.composition__line-5 {
		width: 168px;
		height: 258px;
		top: -47%;
		left: -46%
	}

	.composition__formulation {
		max-width: 418px;
		right: 0;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-56%, -34%);
		transform: translate(-56%, -34%)
	}

	.order {
		padding-bottom: 34px;
		padding-top: 42px
	}

	.order__product img {
		max-width: 320px
	}

	.order__text {
		text-align: left;
		font-size: 37px
	}

	.order__box {
		padding-right: 70px
	}

	.order__price {
		margin-bottom: 0
	}

	.order__price-previous {
		font-size: 48px
	}

	.order__price-current {
		font-size: 60px
	}

	.order__price-arrow::before {
		border-width: 4px 0 4px 8px
	}

	.order__price-arrow {
		width: 45px;
		height: 2px
	}

	.order__content {
		gap: 50px
	}

	.problem {
		padding-bottom: 60px
	}

	.problem__title {
		margin-bottom: 70px
	}

	.problem__list {
		-webkit-column-gap: 0;
		-moz-column-gap: 0;
		column-gap: 0;
		margin-bottom: 80px
	}

	.problem__item {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 33%
	}

	.problem__item--4,
	.problem__item--5 {
		width: 34%
	}

	.problem__text {
		font-size: 27px
	}

	.problem__label::before {
		width: 3000px;
		left: 0;
		-webkit-transform: none;
		transform: none
	}

	.problem__label {
		margin-left: auto;
		max-width: 730px;
		width: 100%;
		height: 115px
	}

	.problem__label-text {
		font-size: 40px
	}

	.expert__quote {
		padding: 10px 0 10px 40px
	}

	.expert__quote::after {
		right: 0
	}

	.expert__content {
		max-width: 765px
	}

	.expert__image {
		max-width: 400px;
		left: -400px
	}

	.expert__info {
		padding: 0 0 20px 40px;
		gap: 10px
	}

	.expert__sign {
		width: 180px;
		height: 80px;
		position: relative;
		top: 12px
	}

	.expert__seal {
		width: 200px;
		height: 100px
	}

	.instruction__title {
		font-size: 59px
	}

	.instruction__product {
		max-width: 500px
	}

	.instruction__product::before {
		-webkit-transform: rotate(-9.257deg);
		transform: rotate(-9.257deg);
		top: -210px;
		right: -122px;
		width: 501px;
		height: 600px
	}

	.instruction__list {
		max-width: 49%;
		gap: 25px;
		margin-bottom: 0
	}

	.instruction__item-count {
		width: 85px;
		height: 100px;
		font-size: 60px
	}

	.instruction__btn {
		width: 350px
	}

	.instruction__content {
		margin-bottom: 60px
	}

	.result__title {
		margin-bottom: 70px
	}

	.result__list {
		-webkit-column-gap: 0;
		-moz-column-gap: 0;
		column-gap: 0
	}

	.result__image {
		-webkit-transition: -webkit-transform .3s ease;
		transition: transform .3s ease;
		transition: transform .3s ease, -webkit-transform .3s ease
	}

	.result__item {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 33%
	}

	.result__item--4 {
		margin-left: auto
	}

	.result__item--5 {
		margin-right: auto;
		margin-left: 40px
	}

	.result__text {
		font-size: 27px
	}

	.summary {
		padding-bottom: 0
	}

	.summary__box-title {
		margin-bottom: 25px;
		height: 56px;
		font-size: 25px
	}

	.summary__box-title::after,
	.summary__box-title::before {
		border-width: 0 35px 56px
	}

	.summary__info-item::before {
		top: 16px;
		width: 5px;
		height: 5px
	}

	.popup__content {
		padding: 60px 80px 55px 70px;
		gap: 30px;
		background-size: auto 132%;
		background-position: right calc(64px)
	}

	.popup__left::before {
		-webkit-transform: rotate(-6.257deg);
		transform: rotate(-6.257deg);
		top: -183px;
		right: -139px;
		width: 400px;
		height: 521px
	}

	.popup__left {
		max-width: 450px;
		margin: 0;
		right: -23px;
		top: -50px
	}

	.popup__right {
		max-width: 420px
	}

	.popup__right .promo__btn {
		font-size: 25px;
		height: 49px
	}

	.popup__right .btn--popup::after {
		height: 34px;
		width: 35px;
		top: 6px;
		right: -17px
	}

	.popup__right .btn--popup::before {
		height: 34px;
		width: 35px;
		top: 6px;
		left: -17px
	}

	.popup__right .promo__input-phone::after {
		height: 34px;
		width: 34px;
		top: 6px;
		right: -16px
	}

	.popup__right .promo__input-name::before {
		height: 34px;
		width: 34px;
		top: 6px;
		left: -16px
	}

	.popup__title {
		margin-bottom: 30px;
		font-size: 48px
	}

	.popup__input-name {
		font-size: 28px !important;
		height: 48px
	}

	.popup__input-name input,
	.popup__input-phone input {
		font-size: 25px
	}

	.popup__input-phone {
		font-size: 28px;
		height: 48px
	}
}

@media screen and (min-width:1620px) {
	.container {
		width: 1620px
	}

	.action {
		font-size: 28px
	}

	.promo__action {
		text-align: left;
		padding-left: 0;
		margin-bottom: 30px
	}

	.promo2 .action {
		padding-left: 3px
	}

	.order__subsol {
		font-size: 16px;
		margin-top: 0;
		margin-left: auto;
		max-width: 475px;
		text-align: left;
		text-indent: -8px
	}

	.order__action {
		font-size: 30px;
		margin-bottom: 25px;
		gap: 10px;
		text-align: left
	}

	.title {
		font-size: 73px;
		line-height: 1.2
	}

	.subtitle {
		font-size: 45px
	}

	.btn,
	.promo__input-name input,
	.promo__input-phone input,
	.text {
		font-size: 35px
	}

	.btn {
		height: 70px;
		padding-bottom: 4px
	}

	.btn::after,
	.btn::before {
		height: 48px;
		width: 50px;
		top: 11px
	}

	.btn::before {
		left: -25px
	}

	.btn::after {
		right: -25px
	}

	.btn--popup::before {
		height: 48px;
		width: 50px;
		top: 10px;
		left: -25px
	}

	.btn--popup::after {
		height: 48px;
		width: 50px;
		top: 10px;
		right: -25px
	}

	.btn--order {
		width: 420px;
		text-indent: 10px;
		font-size: 22px;
		height: 67px
	}

	.btn--order::before {
		left: -25px;
		top: 7px;
		width: 48px;
		height: 49px;
		border-top: 3px solid #fff;
		border-left: 3px solid #fff
	}

	.btn--order::after {
		right: -25px;
		top: 7px;
		width: 48px;
		height: 49px;
		border-bottom: 3px solid #fff;
		border-right: 3px solid #fff
	}

	.bg-diamond {
		width: 1200px;
		height: 1454px
	}

	.bg-diamond2 {
		width: 520px;
		height: 1052px
	}

	.promo .bg-diamond {
		top: -237px;
		left: 46%
	}

	.promo2 .bg-diamond {
		display: block;
		top: 171px;
		left: 46%
	}

	.instruction .bg-diamond {
		top: -237px;
		left: 46%
	}

	.problem .bg-diamond1 {
		left: -68%;
		top: -42.5%
	}

	.problem .bg-diamond2 {
		right: -13%;
		bottom: -370px
	}

	.reviews .bg-diamond1 {
		display: block;
		left: -70%;
		top: 7.5%
	}

	.reviews .bg-diamond2 {
		display: block;
		right: -28%;
		bottom: -232px
	}

	.summary .bg-diamond1 {
		left: -66%;
		top: -5.5%
	}

	.summary .bg-diamond2 {
		right: -25%;
		bottom: 20%
	}

	.header__logo {
		max-width: 265px
	}

	.header__content {
		padding: 30px 0
	}

	.header__nav {
		font-size: 28px;
		gap: 40px
	}

	.timer::after {
		border-width: 62px 43px 64px 0
	}

	.timer {
		gap: 28px;
		padding: 17px 19px 19px 23px
	}

	.timer__box {
		gap: 25px
	}

	.timer__title {
		font-size: 30px;
		max-width: 220px;
		width: 200px;
		position: relative;
		left: -12px;
		top: -3px
	}

	.timer__divider {
		font-size: 30px;
		margin: 0 4px
	}

	.timer__count::before {
		width: 76px;
		height: 86px
	}

	.timer__count {
		font-size: 35px;
		padding-bottom: 10px
	}

	.promo {
		padding-bottom: 160px;
		padding-top: 64px
	}

	.promo__title {
		line-height: 1;
		margin-bottom: 34px
	}

	.promo__product {
		right: 70px;
		top: 100px;
		max-width: 650px
	}

	.promo__product::before {
		-webkit-transform: rotate(1deg);
		transform: rotate(1deg);
		top: -291px;
		right: -249px;
		width: 776px;
		height: 802px
	}

	.promo__list {
		max-width: 55%;
		margin-bottom: 30px;
		gap: 2px
	}

	.promo__item::before {
		width: 15px;
		height: 15px;
		top: 16px
	}

	.promo__item {
		font-size: 35px;
		text-align: left;
		padding-left: 38px
	}

	.promo__inputs {
		margin-bottom: 22px
	}

	.promo__input-name,
	.promo__input-phone {
		height: 70px;
		border: 2px solid #0abcff;
		padding-bottom: 4px
	}

	.promo__input-name {
		border-left: none
	}

	.promo__input-name::before,
	.promo__input-phone::after {
		height: 50px;
		width: 48px;
		top: 8px;
		border-top: 2px solid #0abcff;
		border-left: 2px solid #0abcff
	}

	.promo__input-name::before {
		left: -24px
	}

	.promo__input-phone {
		border-right: none
	}

	.promo__input-phone::after {
		right: -24px
	}

	.promo__btn {
		font-size: 35px
	}

	.promo__order {
		margin-bottom: 0;
		margin-left: 33px;
		max-width: 655px;
		width: 100%
	}

	.promo__secret {
		bottom: -80px;
		max-width: 705px;
		position: absolute;
		padding-left: 0;
		padding-bottom: 10px;
		right: 0
	}

	.promo__secret-img {
		max-width: 196px;
		margin-right: 10px
	}

	.promo__secret-text {
		font-size: 35px;
		line-height: 1.2
	}

	.promo2 {
		padding-bottom: 150px;
		padding-top: 176px
	}

	.promo2 .promo__order {
		margin-left: 33px;
		max-width: 42%
	}

	.promo2 .promo__product {
		max-width: 650px;
		top: 195px;
		right: 60px
	}

	.promo2 .promo__product::before {
		top: -293px;
		right: -250px;
		width: 758px;
		height: 778px
	}

	.promo2 .promo__list {
		margin-bottom: 30px
	}

	.incidence {
		padding-bottom: 100px;
		padding-top: 162px
	}

	.incidence__title {
		margin-bottom: 16px;
		max-width: 480px;
		width: 100%;
		line-height: 1;
		font-size: 63px
	}

	.incidence__text {
		max-width: 650px;
		margin-bottom: 0;
		padding-top: 28px
	}

	.incidence__box {
		max-width: 833px;
		width: 100%;
		padding: 43px 55px 64px 52px;
		gap: 48px
	}

	.incidence__info {
		margin-bottom: 101px
	}

	.incidence__content-title {
		margin-bottom: 73px;
		text-indent: 13px
	}

	.incidence__content-box {
		height: 205px;
		max-width: 1370px;
		margin-bottom: 159px
	}

	.incidence__line--left::after,
	.incidence__line--left::before {
		border-width: 205px 147.5px 0;
		top: -10px;
		left: -101px
	}

	.incidence__line--right::after,
	.incidence__line--right::before {
		border-width: 205px 146.5px 0;
		top: -10px;
		right: -99px
	}

	.incidence__label {
		width: 297px;
		height: 239px;
		font-size: 66px
	}

	.incidence__list {
		gap: 0;
		position: relative
	}

	.incidence__list::before {
		top: -36px;
		left: -11px;
		width: 1602px;
		height: 504px
	}

	.item__man {
		max-width: 503px;
		margin-bottom: 65px
	}

	.item__man::before {
		display: none
	}

	.creation {
		padding-bottom: 100px;
		padding-top: 120px
	}

	.creation__title {
		margin-bottom: 108px
	}

	.history__line-3 {
		height: 99px
	}

	.history__line-3::before {
		-webkit-transform: translateX(-45%);
		transform: translateX(-45%);
		bottom: -2px;
		border-width: 10px 5px 0
	}

	.history__item--1 {
		padding-left: 100px;
		padding-bottom: 115px
	}

	.history__item--2 {
		padding-right: 105px;
		text-align: right;
		padding-bottom: 140px;
		padding-top: 92px
	}

	.history__item--2 .history__image img {
		height: 477px
	}

	.history__item--2 .history__title::before {
		left: auto;
		right: -107px
	}

	.history__item--3 {
		padding-top: 132px;
		padding-bottom: 20px
	}

	.history__item--3 .history__box {
		gap: 34px;
		margin-bottom: 0
	}

	.history__item--3 .history__title {
		margin-bottom: 14px
	}

	.history__box {
		margin-bottom: 38px
	}

	.history__title--1::after {
		width: 5px;
		height: 40px;
		left: -103px
	}

	.history__title::before {
		left: -103px;
		width: 6px;
		height: 6px
	}

	.history__title {
		font-size: 81px;
		margin-bottom: 30px
	}

	.history__text {
		width: 50%;
		line-height: 1.3
	}

	.history__text-2 {
		width: 55%;
		line-height: 1.25
	}

	.history__image img {
		width: 570px;
		height: 439px;
		position: absolute;
		top: 24px;
		right: 0
	}

	.history__info {
		max-width: 835px;
		width: 100%;
		padding: 28px 24px 40px 21px
	}

	.composition__list {
		padding-left: 35px
	}

	.composition__text-desc {
		margin-bottom: 17px;
		font-size: 45px;
		position: relative;
		top: -17px
	}

	.composition__item-1 {
		max-width: 100%;
		margin-bottom: 133px
	}

	.composition__item-1 .composition__text {
		max-width: 61%
	}

	.composition__item-2 {
		max-width: 420px;
		width: 100%
	}

	.composition__item-3 {
		max-width: 420px;
		padding-left: 25px
	}

	.composition__item-4 {
		max-width: 420px
	}

	.composition__item-5 {
		max-width: 420px;
		padding-left: 25px
	}

	.composition .composition__image-1 {
		max-width: 435px;
		margin: 0
	}

	.composition .composition__image-2,
	.composition .composition__image-3,
	.composition .composition__image-4,
	.composition .composition__image-5 {
		max-width: 333px;
		height: 95px
	}

	.composition__line-1 {
		width: 199px;
		height: 109px;
		top: 98.8%;
		left: 100%
	}

	.composition__line-2 {
		width: 204px;
		height: 26px;
		top: 97.5%;
		left: 78%
	}

	.composition__line-3 {
		width: 205px;
		height: 227px;
		top: 98%;
		left: -42%
	}

	.composition__line-4 {
		width: 292px;
		height: 191px;
		top: -101%;
		left: 63%
	}

	.composition__line-5 {
		-webkit-transform: none;
		transform: none;
		width: 263px;
		height: 258px;
		top: -82%;
		left: -59%
	}

	.composition__box1 {
		margin-bottom: 75px
	}

	.composition__formulation {
		max-width: 548px;
		right: 0;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -33%);
		transform: translate(-50%, -33%)
	}

	.no-webp .composition__line-5 {
		background-image: url(../images/line4.png)
	}

	.webp .composition__line-5 {
		background-image: url(../images/line4.webp)
	}

	@-webkit-keyframes line5 {
		0% {
			height: 0
		}

		to {
			height: 110px
		}
	}

	@keyframes line5 {
		0% {
			height: 0
		}

		to {
			height: 110px
		}
	}

	.order {
		padding-bottom: 34px;
		padding-top: 42px
	}

	.order__product img {
		max-width: 360px
	}

	.order__text {
		margin-bottom: 24px;
		line-height: 1.16
	}

	.order__box {
		padding-right: 70px;
		gap: 30px
	}

	.order__price {
		gap: 30px
	}

	.order__price-previous {
		font-size: 70px;
		line-height: 1.2
	}

	.order__price-current {
		font-size: 93px;
		line-height: 1
	}

	.order__price-arrow {
		width: 67px;
		height: 2px
	}

	.order__content {
		gap: 75px;
		padding-left: 35px
	}

	.problem {
		padding-bottom: 63px;
		padding-top: 134px
	}

	.problem__title {
		margin-bottom: 90px
	}

	.problem__list {
		row-gap: 65px;
		margin-bottom: 153px
	}

	.problem__image img,
	.result__image img {
		max-width: 203px
	}

	.problem__item {
		gap: 30px
	}

	.problem__label {
		max-width: 980px;
		padding-left: 0;
		height: 124px
	}

	.problem__label-text {
		font-size: 45px
	}

	.expert {
		padding-bottom: 0;
		padding-top: 55px
	}

	.expert__quote {
		padding: 10px 0 10px 30px;
		margin-bottom: 10px;
		line-height: 1.25
	}

	.expert__quote::after,
	.expert__quote::before {
		width: 27px;
		height: 32px
	}

	.expert__quote::before {
		left: -23px
	}

	.expert__quote::after {
		bottom: 2px;
		right: 22px
	}

	.expert__content {
		max-width: 1030px
	}

	.expert__image {
		max-width: 500px;
		left: -541px
	}

	.expert__info {
		padding: 0 0 38px 30px
	}

	.expert__name {
		margin-right: 30px
	}

	.expert__sign-box {
		gap: 50px
	}

	.expert__sign {
		width: 220px;
		height: 100px;
		position: relative;
		top: 20px
	}

	.expert__seal {
		width: 240px;
		height: 140px;
		position: relative;
		bottom: 12px
	}

	.reviews {
		padding-top: 133px;
		padding-bottom: 122px
	}

	.reviews__title {
		padding-left: 31px;
		margin-bottom: 61px
	}

	.reviews-item-box {
		font-size: 35px;
		padding-left: 35.1%
	}

	.reviews-person {
		padding-left: 20px;
		margin-bottom: 72px;
		padding-right: 100px;
		position: relative;
		left: -55px
	}

	.reviews-person__name {
		font-size: 35px;
		margin-bottom: 35px
	}

	.reviews-helped {
		padding-left: 20px;
		margin-bottom: 53px
	}

	.reviews-helped:before {
		width: 512px;
		height: 444px;
		left: -552px
	}

	.reviews-line {
		padding-top: 30px;
		padding-bottom: 30px;
		padding-right: 120px;
		position: relative;
		left: -20px
	}

	.reviews-line::before {
		right: 6%
	}

	.reviews-line--first {
		margin-bottom: 18px
	}

	.reviews-line--second {
		padding-right: 230px
	}

	.reviews-line--second::before {
		right: 18%
	}

	.reviews__conclusion {
		margin-bottom: 47px
	}

	.reviews__text {
		margin-bottom: 40px
	}

	.reviews-control {
		gap: 40px;
		top: 14px;
		right: 28px
	}

	.reviews-arrow {
		width: 104px;
		height: 20px
	}

	.reviews-number {
		font-size: 73px
	}

	.reviews-check {
		padding-left: 36px
	}

	.reviews-check::before {
		width: 14px;
		height: 14px;
		top: 22px
	}

	.reviews-person__foreword::before {
		top: 15px
	}

	.instruction {
		padding-bottom: 109px;
		padding-top: 155px
	}

	.instruction__title {
		line-height: 1.16;
		margin-bottom: 32px
	}

	.instruction__product {
		max-width: 680px;
		margin: 0;
		position: relative;
		top: 25px;
		left: -100px
	}

	.instruction__product::before {
		-webkit-transform: rotate(1deg);
		transform: rotate(1deg);
		top: -291px;
		right: -249px;
		width: 776px;
		height: 802px
	}

	.instruction__list {
		max-width: 44%;
		margin-bottom: 0
	}

	.instruction__item {
		gap: 55px
	}

	.instruction__item-count {
		width: 99px;
		height: 116px;
		font-size: 70px
	}

	.instruction__btn {
		width: 420px
	}

	.instruction__content {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin-bottom: 87px
	}

	.result {
		padding-bottom: 158px;
		padding-top: 106px
	}

	.result__title {
		margin-bottom: 116px;
		text-indent: -30px
	}

	.result__list {
		row-gap: 94px
	}

	.result__image::before {
		height: 118%;
		width: 118%
	}

	.result__item {
		gap: 30px
	}

	.summary {
		padding-bottom: 0;
		padding-top: 132px
	}

	.summary__title {
		margin-bottom: 35px;
		position: relative;
		left: 10px;
		line-height: 1.16
	}

	.summary__text {
		max-width: 1350px;
		margin: 0 auto 63px
	}

	.summary__box-image {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		gap: 100px;
		margin-bottom: 32px
	}

	.summary__image {
		position: relative;
		left: 18px
	}

	.summary__arrow-up {
		width: 82px;
		height: 114px;
		left: 28%
	}

	.summary__arrow-up1 {
		width: 115px;
		height: 115px;
		top: 27%;
		left: 29%
	}

	.summary__box-left,
	.summary__box-right {
		max-width: 400px
	}

	.summary__box-right {
		position: relative;
		left: -35px
	}

	.summary__info-title {
		margin-bottom: 30px
	}

	.summary__info-text {
		margin-bottom: 53px
	}

	.summary__box-title {
		max-width: 65%;
		padding: 13px 0;
		margin-bottom: 36px;
		height: 68px;
		font-size: 32px
	}

	.summary__box-title::after,
	.summary__box-title::before {
		border-width: 0 61px 68px
	}

	.summary__box-title::after {
		left: -61px
	}

	.summary__box-title::before {
		right: -61px
	}

	.summary__block-info {
		width: 90%;
		padding: 45px 31px 42px 68px
	}

	.summary__info-list {
		margin-bottom: 30px;
		gap: 20px
	}

	.summary__info-item {
		padding-left: 29px
	}

	.summary__info-item::before {
		top: 20px;
		width: 6px;
		height: 6px
	}

	.summary__proposition {
		max-width: 1300px;
		font-size: 45px;
		padding: 7px 44px 22px 43px
	}

	.footer {
		padding-top: 40px;
		padding-bottom: 40px
	}

	.popup__content {
		background-position: right calc(70px);
		background-size: auto 130%
	}

	.popup__left {
		max-width: 500px;
		margin: 0;
		right: -28px;
		top: -67px
	}

	.popup__right {
		max-width: 480px
	}

	.popup__right .promo__order {
		margin-left: 0
	}

	.popup__right .promo__btn {
		font-size: 30px;
		height: 62px
	}

	.popup__right .btn--popup::after {
		height: 44px;
		width: 44px;
		top: 7px;
		right: -22px
	}

	.popup__right .btn--popup::before {
		height: 44px;
		width: 44px;
		top: 7px;
		left: -22px
	}

	.popup__right .promo__input-phone::after {
		height: 42px;
		width: 42px;
		top: 7px;
		right: -23px
	}

	.popup__right .promo__input-name::before {
		height: 42px;
		width: 42px;
		top: 7px;
		left: -23px
	}

	.popup__subtitle {
		margin-bottom: 30px;
		font-size: 30px
	}

	.popup__title {
		font-size: 55px
	}

	.popup__input-name {
		font-size: 30px !important;
		height: 60px
	}

	.popup__input-name input,
	.popup__input-phone input {
		font-size: 30px
	}

	.popup__input-phone {
		font-size: 30px;
		height: 60px
	}
}

@media screen and (min-width:1820px) {

	.popup__input-name,
	.popup__input-name input,
	.popup__input-phone,
	.popup__input-phone input {
		font-size: 30px
	}
}

@media screen and (min-width:1840px) {
	.popup__content {
		padding: 130px 175px 115px 135px;
		gap: 120px;
		background-position: right calc(127px);
		background-size: auto 160%
	}

	.popup__left::before {
		-webkit-transform: rotate(-6deg);
		transform: rotate(-6deg);
		top: -320px;
		right: -276px;
		width: 740px;
		height: 900px
	}

	.popup__left {
		max-width: 730px;
		position: relative;
		top: 15px
	}

	.popup__right {
		max-width: 580px
	}

	.popup__right .promo__btn {
		font-size: 35px;
		height: 70px
	}

	.popup__right .btn--popup::after {
		height: 50px;
		width: 50px;
		top: 8px;
		right: -25px
	}

	.popup__right .btn--popup::before {
		height: 50px;
		width: 50px;
		top: 8px;
		left: -25px
	}

	.popup__right .promo__input-phone::after {
		height: 48px;
		width: 48px;
		top: 9px;
		right: -25px
	}

	.popup__right .promo__input-name::before {
		height: 48px;
		width: 48px;
		top: 9px;
		left: -25px
	}

	.popup__subtitle {
		font-size: 35px;
		margin-bottom: 60px
	}

	.popup__title {
		font-size: 73px;
		margin-bottom: 30px
	}

	.popup__input-name,
	.popup__input-phone {
		font-size: 35px;
		height: 70px
	}

	.popup__input-name input,
	.popup__input-phone input {
		font-size: 35px
	}

	.popup__order {
		width: 680px;
		margin-left: 0
	}
}

@media screen and (min-width:1024px) and (min-width:1220px) {

	.problem__triangle::after,
	.problem__triangle::before {
		border-width: 115px 140px 0;
		left: -91px
	}
}

@media screen and (min-width:1024px) and (min-width:1620px) {

	.promo__secret-triangle::after,
	.promo__secret-triangle::before {
		border-width: 202px 154.5px 0;
		left: -80px
	}

	.problem__triangle::after,
	.problem__triangle::before {
		border-width: 124px 140px 0;
		left: -121px
	}
}

.x_country_select {
	display: none !important
}

.order__price-form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 15px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0 auto 25px;
	width: 100%
}