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-size: 100%;
	font: inherit;
	vertical-align: baseline;
	box-sizing: border-box
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

body {
	line-height: 1;
	font-family: "Montserrat", sans-serif;
	background-repeat: no-repeat;
	position: relative;
	background: url(../img/back.png) center no-repeat, rgba(245, 224, 213, 1);
	background-attachment: fixed;
	flex-direction: column;
	display: flex;
}

.wrapper {
	margin: 0 auto;
	width: 360px;
	overflow: hidden;
	font-size: 16px;
	z-index: 100;
	position: relative;
	display: flex;
	flex-direction: column;
}

h2 {
	color: rgba(121, 193, 213, 1);
	font-size: 33.21px;
	font-weight: 700;
	line-height: 31.22px;
	text-transform: uppercase;
	max-width: 60%;
	margin-top: 16px;
}

h3 {
	color: white;
	font-size: 22px;
	font-weight: 700;
	line-height: 26.4px;
	text-transform: uppercase;
	padding: 60px 0px 20px;
}

p {
	color: white;
	font-size: 16px;
	font-weight: 400;
	line-height: 23.04px;
	padding: 20px 0px;
}

p span {
	font-weight: 700;
}

html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

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

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

a {
	outline: 0 !important
}

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

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



/*
intro-container*/
.intro-container {
	background: url(../img/block-1.png) no-repeat center bottom, rgba(246, 107, 29, 1);
	padding: 8px 20px 90px;
	border-radius: 30px;
}

.pink_block {
	background: rgba(255, 255, 255, 1);
	border-radius: 20px;
	padding: 8px 15px;
	margin-top: 8px;
	text-align: center;
}

h1 {
	font-size: 44px;
	font-weight: 700;
	line-height: 42.3px;
	color: rgba(255, 255, 255, 1);
	text-transform: uppercase;
	margin: 13px 0px 8px;
}

.intro-container .text {
	font-size: 16px;
	font-weight: 400;
	line-height: 23.04px;
	color: rgba(255, 255, 255, 1);
	padding: 0;
}

.price_block_intro {
	position: relative;
	left: -5px;
	width: 167px;
	height: 113px;
	background: url(../img/price.png) no-repeat;
	transform: rotate(15deg);
	margin-top: 20px;
	margin-bottom: 100px;
	box-shadow: 0px 19.153076171875px 18.554542541503906px 0px rgba(51, 51, 38, 0.14);
}

.price_block_intro .price {
	display: grid;
	padding: 12px 0px;
}

.dop_price {
	position: absolute;
	left: -105px;
	top: -28px;
}

/*intro-container*/
/*intro-slider*/
.intro__item {
	padding: 14px 0px 0px;
}

.intro__item .list {
	display: flex;
	align-items: center;
	justify-content: end;
}

.intro__item div p {
	font-size: 18px;
	font-weight: 700;
	line-height: 21.6px;
	color: white;
	text-transform: uppercase;
	padding: 0;
}

.done_block {
	background: rgba(2, 160, 18, 1);
	width: 22px;
	height: 22px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 10px;
	box-shadow: 0px -3.492112636566162px 7.333436489105225px 0px rgba(0, 102, 16, 1) inset, 0px 6.984225273132324px 16.238323211669922px 0px rgba(255, 229, 0, 1) inset, 0px 5.820187091827393px 11.000153541564941px 0px rgba(124, 218, 79, 0.63);
}

.intro {
	margin-top: 8px;
}

/*intro-slider*/
/*
form*/
.order-block {
	background: rgba(255, 255, 255, 1);
	border-radius: 30px;
	padding: 30px 20px;
	margin-top: -70px;
}

.order_btn {
	background: linear-gradient(0deg, rgba(245, 244, 238, 0.9) 0%, rgba(255, 255, 255, 0.135) 100%);
	padding: 10px 20px;
	margin-top: -77px;
	border-radius: 0px 0px 30px 30px;
}

.al-cost {
	color: rgba(255, 255, 255, 1);
	font-size: 31px;
	font-weight: 700;
	line-height: 40px;
	letter-spacing: -0.04em;
	text-align: center;
	border-bottom: 2.12px dashed rgba(199, 199, 199, 1);
	margin-bottom: 8px;
	padding-bottom: 5px;
}

.al-cost-promo {
	font-family: "Plus Jakarta Sans", sans-serif;
	color: rgba(255, 255, 255, 1);
	font-size: 21.24px;
	font-weight: 700;
	line-height: 25.49px;
	text-align: center;
	text-decoration: line-through 2.12px solid rgba(14, 255, 0, 1);
}


.form__wrap p {
	font-size: 12px;
	font-weight: 400;
	line-height: 14px;
	color: rgba(0, 0, 0, 1);
	background: white;
	position: absolute;
	top: -7px;
	left: 17px;
	padding: 0px 5px;
}

.form__wrap {
	position: relative;
	margin-bottom: 20px;
}

.form__input {
	width: 100%;
	box-sizing: border-box;
	height: 36px;
	line-height: 36px;
	padding: 0 12px;
	border: 1px solid rgba(9, 76, 59, 1);
	background: rgba(255, 255, 255, 0.5);
	border-radius: 5px;
}

input::placeholder {
	font-size: 14px;
	font-weight: 400;
	line-height: 36px;
	color: rgba(187, 187, 187, 1);
}


.form__input.success {
	border: 1px solid #079666;
}

.form__input.error {
	border: 1px solid #f42222
}

.form__input.error~span {
	display: block;
}

.form__input:focus {
	border: 1px solid #079666;
}

.form__input.error~label {
	opacity: 1;
}

.al-form .form__input.error+.form__error {
	display: block;
	color: rgba(255, 45, 45, 1);
	font-size: 12px;
	font-weight: 400;
	line-height: 14px;
	position: absolute;
	top: -7px;
	left: 17px;
	background: white;
	width: fit-content;
	padding: 0px 5px;
	display: flex;
	align-items: center;
}

.al-form .form__input.error+.form__error::after {
	content: "";
	background: url(../img/svg/error.svg) no-repeat center;
	height: 13px;
	width: 13px;
	display: block;
	margin-left: 5px;
}

input.error {
	border-bottom: 1px solid rgba(255, 0, 0, 1);
	background: linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(0deg, #FF0000, #FF0000);
}

.form__error {

	display: none;

}


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

.form__label:not(:last-of-type) {
	margin-right: 8px
}

.offer-wrapper {
	display: flex;
}

.btn-form .sale {
	position: absolute;
	top: -25px;
	left: 5px;
}

/*
form*/


/*advantages*/

.advantages-block {
	border-radius: 30px;
	padding: 15px;
	background: url(../img/title.png) no-repeat top -50px right, rgba(16, 114, 142, 1);
	z-index: 2;
}

.advantages-block .img {
	width: 100%;
}

.list_block {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}

.list_block .done_block {
	margin: 0;
	margin-right: 15px;
}

.list_block p {
	padding: 0;
}

/*advantages*/
/*about*/
.about-block {
	padding: 15px 15px 30px;
	background: url(../img/title-2.png) no-repeat top right, rgba(246, 107, 28, 1);
	border-radius: 30px;
}

.about-block h2 {
	color: rgba(255, 203, 173, 1);
}

video {
	width: 100%;
	border-radius: 20px;
}

.dop_block p {
	padding-top: 0px;
}

.dop_block {
	padding-bottom: 20px;
	background: url(../img/block-4.png) no-repeat left top 210px, url(../img/title-2.png) no-repeat top right, rgba(246, 107, 28, 1);
}

.dop_block .btn {
	margin-top: 14px;
	box-shadow: 0px 12px 27.899999618530273px 0px rgba(255, 229, 0, 1) inset, 0px -6px 12.600000381469727px 0px rgba(0, 102, 16, 1) inset;
}

.price_block_intro1 {
	position: relative;
	display: block;
	margin: 60px auto 40px;
	width: 135px;
	height: 91px;
	background: url(../img/price.png) no-repeat;
	background-size: contain;
	transform: rotate(15deg);
	box-shadow: 0px 15.583390235900879px 15.09640884399414px 0px rgba(51, 51, 38, 0.14);
}

.price_block_intro1 .price {
	display: grid;
	padding: 10px 0px;
}

.price_block_intro1 .al-cost {
	font-size: 26px;
	line-height: 34.8px;
	padding-bottom: 3px;
	margin-bottom: 5px;
}

.price_block_intro1 .al-cost-promo {
	font-size: 17.28px;
	line-height: 20.74px;
}

.dop1_price {
	position: absolute;
	top: -21px;
	left: -176px;
}

.done1_block {
	background: rgba(246, 107, 28, 1);
	width: 35px;
	height: 35px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 13px;
	box-shadow: 0px -5.555634021759033px 11.666831016540527px 0px rgba(178, 65, 0, 1) inset, 0px 11.111268043518066px 25.833696365356445px 0px rgba(255, 229, 0, 1) inset, 0px -5.555634021759033px 11.666831016540527px 0px rgba(178, 65, 0, 1) inset;
}

.img2 {
	width: 100%;
	margin-bottom: 40px;
}

/*about*/

/*slider*/
.slider_block-6 {
	position: relative;
}

.slider_block-6 img {
	border-radius: 20px;
}

.slider_block-6 p {
	color: rgba(255, 255, 255, 1);
	font-size: 16px;
	font-weight: 700;
	line-height: 19px;
	text-transform: uppercase;

}

.slider_block-6 .before {
	position: absolute;
	top: 20px;
	left: 20px;
}

.slider_block-6 .after {
	position: absolute;
	bottom: 20px;
	right: 20px;
}

/*slider*/

/*comparison*/
.comparison_block {
	padding-bottom: 25px;
}

.comparison_block h3 {
	padding-bottom: 0px;
}

.comparison_block p {
	padding: 0px 0px 5px;
	display: flex;
	align-items: start;
	justify-content: space-between;
}

.comparison_block p span {
	padding: 0px 0px 15px;
}

.comparison_block p img {
	margin-left: 10px;
}

.block-6-img {
	margin: 15px 0px;
	width: 100%;
}

/*comparison*/
/*characteristics-block*/
.characteristics-block div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 2px solid rgba(255, 255, 255, 1);
}

.characteristics-block div p {
	padding: 10px 0px;
}

/*characteristics-block*/
/*reviews*/
.reviews {
	padding: 17px 15px 40px;
	background: rgba(16, 114, 142, 1);
	border-radius: 30px;
}

.one-block-slider {
	display: flex;
}

.one-block-slider .name {
	padding: 0px;
	font-size: 16px;
	font-weight: 700;
	line-height: 23px;
	color: rgba(255, 255, 255, 1);
	margin-bottom: 5px;
}

.star_block-comm {
	display: flex;
}

.star_block-comm p {
	color: rgba(255, 255, 255, 1);
	padding: 0;
	font-family: Plus Jakarta Sans;
	font-size: 18.98px;
	font-weight: 400;
	line-height: 27.34px;
	margin-left: 8px;
}

.comment-name {
	display: flex;
	align-items: end;
}

.slick-dots {
	z-index: 1;
	display: flex;
	justify-content: space-evenly;
	margin: 40px 0px 0px;
	height: 35px;
}

.slick-dots li::marker {
	color: #11ffee00 !important;
}

.slick-dots li button {
	-webkit-transition: all .5s;
	transition: all .5s;
	height: 10px;
	width: 10px;
	border-radius: 250%;
	font-size: 0;
	border: none;
	outline: transparent;
	cursor: pointer;
	background: rgba(255, 255, 255, 0.5);
	padding: 0px;
	margin: 0px 4px;
}

.slick-dots li.slick-active button {
	background: rgba(255, 255, 255, 1);
	width: 20px;
	height: 20px;
}

/*reviews*/

.bottom {
	background: url(../img/bottom-back.png) no-repeat bottom;
	padding-bottom: 40px;
	margin-bottom: -1px;
}



.f-screen__slider {
	margin-left: 10px;
}

.f-screen__slider .slick-slide {
	margin: 0 5px;
	width: 286px;
}

.f-screen__slider .slick-list {
	margin-right: -20px;
	margin-left: -20px;
	padding-left: 10px
}

/*bottom*/
/*bottom*/




.floating__block {
	position: fixed;
	width: 360px;
	margin: 0 auto;
	bottom: 100%;
	left: 0;
	right: 0;
	text-align: center;
	padding: 11px 20px;
	z-index: 10;
	pointer-events: all;
	background: linear-gradient(0deg, rgba(245, 244, 238, 0.9) 0%, rgba(255, 255, 255, 0.135) 100%);
}


.floating__block.active {
	bottom: 0;
}




.intro__btn {
	text-decoration: none;
	border-radius: 60px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
	animation: btn 5s ease-in-out infinite;
	transition: .5s;
}

.wrap {
	display: grid;
	place-items: center;
}

.btn-wrap {
	position: relative;
	padding: 3.7px;
	overflow: hidden;
	border-radius: 30px;
	width: 100%;
}



.btn {
	padding: 12.5px 0px;
	border: none;
	outline: none;
	background: linear-gradient(0deg, #02A012, #02A012);
	box-shadow: 0px 10px 18.899999618530273px 0px rgba(124, 218, 79, 0.63), 0px -6px 12.600000381469727px 0px rgba(0, 102, 16, 1) inset, 0px 12px 27.899999618530273px 0px rgba(255, 229, 0, 1) inset;
	cursor: pointer;
	border-radius: 30px;
	font-family: "Plus Jakarta Sans", sans-serif;
	font-size: 23px;
	font-weight: 700;
	line-height: 33.12px;
	text-align: center;
	color: rgba(255, 255, 255, 1);
	width: 100%;
}


/*HOVER*/
.btn:hover {
	box-shadow: 0px -6px 12.600000381469727px 0px rgba(0, 102, 16, 1) inset, 0px 3px 5.900000095367432px 0px rgba(255, 255, 255, 1) inset, 0px 10px 18.899999618530273px 0px rgba(124, 218, 79, 0.63), 0px 12px 27.899999618530273px 0px rgba(255, 229, 0, 1) inset;
	cursor: pointer;
}

.btn:focus {
	box-shadow: 0px 9px 12.600000381469727px 0px rgba(0, 102, 16, 1) inset, 0px 2px 4.900000095367432px 0px rgba(0, 0, 0, 0.25), 0px -8px 27.899999618530273px 0px rgba(255, 229, 0, 1) inset;
}

.logo_sec {
	background: rgba(16, 114, 142, 1);
	border-radius: 30px;
	padding: 30px 15px 30px;
	text-align: center;
}

.reviews_slider .slick-dots {
	height: 9px;
	width: 100%;
	border-radius: 50px;
	margin: 35px 0px 0px;
	justify-content: space-between;
	background: rgba(255, 255, 255, .1);
}

.reviews_slider .slick-dots li button {
	background: rgba(226, 226, 226, 0);
	height: 9px;
	border-radius: 20px;
	width: 31px;
	margin: 0;
	color: rgba(0, 161, 109, 0);
	font-size: medium;
}

.reviews_slider .slick-dots li.slick-active button {
	background: rgba(246, 107, 28, 1);
	width: 80px;
}


@media (max-width:690px) {
	body {
		background: rgba(5, 75, 96, 1);
	}
}