/* Кнопки показать спрятать */


.arguments__button,
.price__button {
	font-size: 16px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	padding: 12px 20px;
	margin: 15px auto;
	background: linear-gradient(180deg, var(--blue-light), var(--blue-default));
	color: #fff;
	font-weight: 700;
	line-height: 1;
	border: none;
	box-shadow: 0 0 10px var(--blue-light);
	text-shadow: 0 0 3px #fff;
	border-radius: 30px;
	transition: all 0.2s linear;
	cursor: pointer;
	justify-self: center !important;
}

.arguments__button--on,
.price__button--on {
	box-shadow: 0 0 20px var(--blue-light);
	transform: scale(1.05, 1.05);
}

.price__button {
	margin-top: 25px;
}

@media (max-width: 568px) {
	.arguments__button {
		/* width: 200px; */
		font-size: 14px;
	}
}

@media (max-width: 500px) {
	.arguments__button {
		/* width: 150px;
		height: 40px; */
		margin: 15px auto;
		padding: 10px 15px;
	}
}

/* Кнопки показать спрятать */



/* --- about_it START --- */


.about_it__wrapper {
	padding: 20px;
	margin: 140px 10px 0;
	border-radius: 10px;
	background-color: rgba(255, 255, 255, .8);
}

.about_it__wrapper s {
	color: red;
}

.about_it__title,
.about_it__text {
	color: #000;
	text-shadow: 0 0 2px rgba(0, 0, 0, .2);
}

.about_it__title {
	font-size: 28px;
	line-height: 1.15;
	font-weight: 700;
	margin-bottom: 15px;
	color: var(--green-default-color);
	text-align: left;
}

.about_it__text {
	font-weight: 400;
	font-size: 18px;
	line-height: 1.3;

}

.about_it__text span {
	font-weight: 600;
}

/* --- about_it END --- */

@media (max-width: 925px) {
	.about_it__wrapper {
		padding: 20px;
		margin: 70px 10px 0;
		border-radius: 10px;
		background-color: rgba(255, 255, 255, .8);
	}
}


@media (max-width: 768px) {
	.about_it__title {
		font-size: 22px;
	}

	.about_it__text {
		font-size: 16px;
	}
}

@media (max-width: 700px) {
	.about_it__wrapper {
		margin: 60px 10px 0;
	}
}

@media (max-width: 480px) {
	.about_it__wrapper {
		padding: 20px 10px 8px;
		margin: 60px 5px 0;
	}



	.about_it__text {
		font-size: 14px;
	}
}






/* --- section_benefits START --- */

.section_benefits {
	background-color: #efefef;
	background-size: cover;
	padding-top: 30px;
	margin-top: 40px;
	margin-bottom: 40px;
}

.section_benefits__wrapper {
	padding: 0 10px;
}

.section_benefits__header {
	margin: 0 0 30px;
	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
}

.section_benefits__header--title {
	color: var(--green-default-color);
	font-size: 37px;
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase
}

.section_benefits__header--subtitle {
	color: #000;
	font-size: 20px;
	font-weight: 500;
	line-height: 18px;
	margin-left: 10px
}

.section_benefits__body {
	margin-bottom: 40px
}

.section_benefits__body--box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.bulleted_list {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100%
}

.bulleted_list__box {
	width: 50%;
	position: relative
}

.bulleted_list__box.left {
	width: 60%;
	padding-right: 10%
}

.bulleted_list__box.right {
	width: 40%
}

.bulleted_list__box.right .bulleted_list__border--cover {
	left: -50px;
	top: 50%;
	overflow: hidden;
	padding: 43px 0 52px
}

.bulleted_list__border {
	border: 5px dotted var(--green-default-color);
	height: 100%;
	border-radius: 20px;
	width: 300px
}

.bulleted_list__border--cover {
	position: absolute;
	left: -50px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 43px;
	height: 100%;
	overflow: hidden;
	padding: 52px 0
}

.bulleted_list__item {
	padding-left: 70px;
	position: relative;
	margin-bottom: 20px
}

.bulleted_list__item:first-child:after,
.bulleted_list__item:last-child:after {
	display: none
}

.bulleted_list__item:after {
	content: ' ';
	display: block;
	height: 5px;
	width: 32px;
	border-top: 5px dotted var(--green-default-color);
	position: absolute;
	left: -41px;
	top: 59%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.bulleted_list__item:before {
	content: "";
	background-image: url('../img/icons/tick.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 52%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	line-height: 1;
	font-size: 38px;
	color: var(--green-default-color);
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}

.bulleted_list__item--title {
	color: #000;
	font-size: 23px;
	line-height: 1;
	font-weight: 700;
}

.bulleted_list__item--title .biger {
	font-size: 50px;
	line-height: 1;
	color: var(--green-default-color)
}

.bulleted_list__item--text {
	color: #000;
	font-size: 15px;
	font-weight: 400;
	line-height: 16px;
	font-family: "Comforta_Regular";
}


@media only screen and (max-width: 1199px) {

	.bulleted_list__item--title {
		font-size: 18px
	}

	.bulleted_list__item--text {
		font-size: 14px
	}

	.bulleted_list__item {
		padding-left: 50px
	}


}


@media only screen and (max-width: 991px) {

	.section_benefits__body--box {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.bulleted_list__box.left,
	.bulleted_list__box.right {
		width: 100%
	}

	.bulleted_list__border {
		border: unset;
	}

	.bulleted_list__item:after {
		border-top: unset;
		display: none;
	}



}



@media only screen and (max-width: 768px) {

	.bulleted_list__border--cover {
		display: none
	}

	.bulleted_list__item:after {
		display: none
	}

	.section_benefits__header {
		display: block;
		text-align: center
	}

	.section_benefits__header--subtitle {
		display: block;
		margin-left: 0
	}

	.section_benefits__header--title {
		display: inline-block;
		margin-bottom: 8px;
	}

	.bulleted_list__box.left {
		padding-left: 0
	}

	.bulleted_list__box.right {
		padding-left: 0
	}

	.bulleted_list__item--title .biger {
		font-size: 30px;
	}

}

@media only screen and (max-width: 480px) {
	.section_benefits {
		padding-top: 30px;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.section_benefits__wrapper {
		padding: 0 5px;
	}

	.bulleted_list__item--title .biger {
		font-size: 22px;
	}

	.bulleted_list__item--title {
		font-size: 16px;
	}

	.bulleted_list__item {
		padding-left: 35px;
	}

	.bulleted_list__item:before {
		width: 30px;
		height: 30px;
		top: 50%;
	}

	.section_benefits__header--title {
		font-size: 22px;
		margin-bottom: 4px;
	}

	.section_benefits__header--subtitle {
		font-size: 18px;
	}
}



/* --- section_benefits END --- */



/* --- section_recommendation START --- */


.recommendations {
	min-height: 643px;
	background-color: #efefef;
	margin: 0 auto 40px;
	/* margin-top: 40px;
	margin-bottom: 40px; */
	position: relative
}

.recommendations .container {
	height: 100%
}

.recommendations__grid {
	display: flex;
	justify-content: center;
	position: relative;
	height: 100%;
	padding: 20px;
	margin: 0 10px;
}

.recommendations__img img {
	/* display: none; */
	margin: -5px 8px 8px 0;
	width: 100%;
	max-width: 200px;
	float: left;
	/* position: absolute; */
	/* top: 50px;
	left: -205px;
	z-index: 0;
	opacity: 0.6; */
}

.recommendations__content {
	position: relative;
	z-index: 1;
	padding-top: 30px;
	width: 100%
}

.recommendations__content--header {
	color: var(--green-default-color);

	font-size: 32px;
	font-weight: 700;
	line-height: 35px;
	text-transform: uppercase;
	margin-bottom: 20px
}

.recommendations__content--body {
	color: #000;
	font-size: 16px;
	font-weight: 400;
	line-height: 18px;
	/* padding-bottom: 30px; */
	/* border-bottom: 2px dashed #fff */
}

.recommendations__bulets {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin: 45px -15px 0
}

.recommendations__bulets--box {
	padding: 0 15px;
	width: 33.33334%
}

.recommendations__bulets--box:last-child .recommendations__item--img {
	line-height: 35px
}

.recommendations__item--img {
	color: var(--green-low-color);
	padding-left: 77px;
	font-size: 52px;
	font-weight: 800;
	line-height: 52px;
	height: 61px;
	text-shadow: 1.6px 1.1px 133.2px rgba(0, 0, 0, 0.42);
	background-image: url(../img/cup1_sm.png);
	background-repeat: no-repeat;
	background-position: center left;
	background-size: contain;
	margin-bottom: 17px
}

.recommendations__item--img .small {
	display: block;
	font-size: 17px;
	margin-top: 4px;
	font-weight: 400;
	line-height: 1
}

.recommendations__item--list {
	margin: 0;
	padding: 0;
	list-style: none
}

.recommendations__item--list li {
	color: var(--green-low-color);
	font-size: 16px;
	font-weight: 600;
	line-height: 1.2;
	/* text-shadow: 0.5px 0.9px 0 #b3ce4e; */
	margin-bottom: 7px
}

.recommendations__item--list li:before {
	content: '•';
	margin-right: 3px
}


@media only screen and (min-width: 1900px) {

	.header,
	.recommendations {
		background-size: cover
	}
}

@media only screen and (max-width: 991px) {

	/* .recommendations {
		height: auto;
		margin-bottom: 60px
	} */





	.recommendations__content {
		width: 100%
	}


	.recommendations__bulets {
		margin-top: 85px;
		margin-bottom: 40px;
		position: relative;
		z-index: 2
	}


}

@media only screen and (max-width: 767px) {


	.recommendations__grid {
		display: block
	}



	.recommendations__content {
		padding-top: 0
	}

	.recommendations__content--header,
	.recommendations__content--body {
		margin-left: 0
	}

	.recommendations__bulets {
		display: block;
		margin-top: 30px
	}

	.recommendations__bulets--box {
		width: 100%;
		margin-bottom: 20px
	}

	.recommendations__item--img {
		width: 175px;
		margin: 20px auto
	}

	.recommendations__item--list {
		width: 290px;
		margin: 0 auto
	}

	.recommendations__content--header {
		font-size: 28px
	}



}

@media only screen and (max-width: 767px) {
	.recommendations__content--header {
		margin-top: 30px;
	}

	.recommendations__grid {
		padding: 10px;

	}
}

@media only screen and (max-width: 510px) {

	.recommendations__img img {
		float: unset;
		margin: 0;
	}

	.recommendations__img {
		display: flex;
		justify-content: center;
		margin: 10px auto 20px;
	}
}

@media only screen and (max-width: 480px) {
	.recommendations__content--header {
		margin-top: 10px;
		margin-bottom: 10px;
		font-size: 22px;
		line-height: 1.25;
	}

	.recommendations__content--body {
		font-size: 14px;
	}
}

/* --- section_attention END --- */






/* --- arguments START --- */
.arguments__wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 20px;
	margin: 20px 10px 0;
	border-radius: 10px;
	background-color: rgba(255, 255, 255, .8);
	transition: all 0.4s ease;
}

.arguments__item {
	width: 100%;
	margin-bottom: 25px;
}

.arguments__title,
.arguments__text {
	color: #000;
	text-shadow: 0 0 2px rgba(0, 0, 0, .2);
}

.arguments__title {
	line-height: 1.25;
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 8px;
	color: var(--green-default-color);
}

.arguments__text {
	font-weight: 400;
	font-size: 18px;
	line-height: 1.3;

}

.arguments__text span {
	font-weight: 600;
}

.arguments__text a {
	color: #1e4e98;
	text-decoration: underline;
}

.arguments__wrapper .arguments__item:nth-child(n + 4) {
	display: none;
}

.arguments__wrapper.active .arguments__item:nth-child(n + 4) {
	display: block;
}

/* .arguments__item4,
.arguments__item5,
.arguments__item6,
.arguments__item7,
.arguments__item8,
.arguments__item9,
.arguments__item10 {
	display: none;
} */



@media (max-width: 925px) {
	.arguments__wrapper {
		padding: 20px;
		border-radius: 10px;
		background-color: rgba(255, 255, 255, .8);
	}
}


@media (max-width: 768px) {
	.arguments__title {
		font-size: 22px;
		margin-bottom: 5px;
	}

	.arguments__text {
		font-size: 16px;
	}
}

@media (max-width: 700px) {
	.arguments__wrapper {
		margin: 30px 10px 0;
	}
}

@media (max-width: 480px) {
	.arguments__wrapper {
		padding: 20px 10px 8px;
		margin: 30px 5px 0;
	}

	.arguments__text {
		font-size: 14px;
	}

}



/* --- arguments END --- */




/* --- price START --- */
.price {
	margin-top: 50px;
	padding-top: 30px;
	padding-bottom: 60px;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.2) 90%, rgba(0, 0, 0, 0) 100%);
}

.price__wrapper .container {
	display: flex;
	flex-direction: column;
	align-items: center;

}

.price__product {
	width: 100%;
}

.price__product__container_for_items {
	/* display: none; */
	display: flex;
	/* flex-direction: row; */
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;

}

.price__product__container_for_items.active {
	display: flex;
}

.price__product__item {
	position: relative;
	max-width: 300px;
	width: 100%;
	min-height: 400px;
	background-color: #efefef;
	border-radius: 10px;
	padding: 20px;
	margin: 10px 10px 20px 10px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	box-shadow: 0 0 10px #fff;
}

.price__product__item__title {
	font-size: 22px;
	font-weight: 700;
	margin-top: 8px;
	margin-bottom: 20px;
	text-align: center;
}

.price__product__item__sale_block {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: -15px;
	right: -15px;
	width: 70px;
	height: 70px;
	background-image: url("../img/icons/sale.png");
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	filter: drop-shadow(0 0 15px var(--red-default));
}

.price__product__item__sale_block span {
	text-align: center;
	color: #fff;
	font-size: 22px;
	line-height: 1;
	font-weight: 700;
}




.price__product__item.slide .price__product__item__title {
	margin-bottom: 0;
}

.price__product__item.slide .price__product__item__info {
	margin-top: 0;
}

.price__product__item__info {
	margin-top: 20px;

}

.price__product__item__info__label {
	display: flex;
	justify-content: space-between;
	padding: 0 0 0 4px;
	color: var(--green-low-color);
	font-weight: 700;
	font-size: 18px;
}

.price__product__item__info__label li:first-child {
	margin-right: 2px;
}

.price__product__item__info__label li:nth-child(2) {
	margin-left: 12px;
}

.price__product__item__info__label li:last-child {
	margin-right: -8px;
}

.price__product__item__info_range {
	width: 100%;
	margin-bottom: 8px;
	transition: all 0.4s ease;
}

.price__product__item__info__pop_up {
	position: absolute;
	top: 0;
	left: 0;
	max-width: 320px;
	width: 100%;
	min-height: 210px;
	padding: 15px;
	background-color: #e2e2e2;
	box-shadow: 0 0 5px #e2e2e2;
	border-radius: 10px;
	color: #000;
	transition: all 0.4s ease;
	z-index: 1;
}


.price__product__item__info__pop_up p {
	display: block;
	font-size: 14px;
}

.price__product__item__info__pop_up p:not(:first-child) {
	position: relative;
	margin-left: 15px;
}

.price__product__item__info__pop_up p:not(:first-child)::before {
	content: '✦ ';
	position: absolute;
	top: 2px;
	left: -12px;
	font-size: 10px;
}

.price__product__item__info__pop_up p:not(:last-child) {
	margin-bottom: 5px;
}

.price__product__item__info__pop_up p.caption {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 10px;
}

.price__product__item__info__pop_up__cross {
	cursor: pointer;
	position: absolute;
	top: 8px;
	right: 8px;
	width: 20px;
	height: 20px;
	background: url('../img/icons/button_cross.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}


.price__product__item__order {
	-webkit-appearance: none;
	/* выключить стили для ios */


	margin: 20px auto 0;
	padding: 8px 14px;
	border-radius: 4px;
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(180deg, var(--green-default-color) 0, var(--green-low-color) 100%);
	font-weight: 700;
	font-size: 14px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #ffffff;
}


.price__product__item__order:hover {
	background-color: var(--green-light-color);
	color: #ffffff;
	cursor: pointer;
}



.price__title {
	font-size: 32px;
	margin: 0 0 20px;
	text-align: center;
	color: #fff;
	text-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
	text-transform: uppercase;
	padding: 10px;
	border-radius: 10px;

}

.price__product__item__info__text1 {
	min-width: 215px;
	text-align: center;
	line-height: 1.25;
	font-weight: 700;
}

.price__product__item__info__price {
	text-align: center;
	margin-bottom: 10px;
	font-weight: 700;
	line-height: 1;
}

.price__product__item__info__price__item {
	position: relative;
}

.price__product__item__info__price__item:first-child {
	margin-right: 7px;
}

.price__product__item__info__price span.currency {
	font-size: 18px;
	text-transform: uppercase;
}

.price__product__item__info__price__item span.old {
	color: var(--red-default);
	font-size: 26px;
}

.price__product__item__info__price__item:has(span.old)::after {
	content: '';
	position: absolute;
	left: 0;
	top: calc(50% - 4px);
	height: 2px;
	width: 100%;
	background-color: var(--red-default);
}

.price__product__item__info__price__item span.new {
	color: var(--green-default-color);
	font-size: 26px;
}



.price__product__item__info__price b {
	font-weight: 700;
}

.price__product__item__info__more {
	font-size: 12px;
	cursor: pointer;
	line-height: 1;
	color: var(--blue-default);
	text-align: center;
	text-decoration: underline;
	font-weight: 700;
	margin: 6px auto 0;
}


.price__product__item img {
	max-width: 170px;
	width: auto;
	height: 140px;
	transition: all 1s ease-in;
}

#price__product__item__easy {
	cursor: pointer;
}

.price__product__item__slick_container {
	position: relative;
	overflow: hidden;
	max-width: 230px;
	height: auto;
}

.price__product__item .price__product__item__slick_container img {
	max-width: 230px;
	margin: 0 5px;
	height: auto;
}




@media (max-width: 580px) {


	.price__title {
		font-size: 22px;
		margin: 0;

	}

	.price__product__item {
		min-height: 300px;
	}


}

@media (max-width: 520px) {

	.price {
		margin-top: 30px;
		padding-top: 10px;
		padding-bottom: 10px;

	}
}

@media (max-width: 400px) {

	.price__table {
		max-width: 100%;
	}


}



/* --- price END --- */