/* Temporary UI Kit Starts Here */
/* Delete it when main.css will be updated to current ui */

h1 {
	font-family: 'RotonBol', Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 40px;
	line-height: 125%;
}

h2 {
	font-family: 'RotonBol', Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 36px;
	line-height: 120%;
}

h3 {
	font-family: 'RotonBol', Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 26px;
	line-height: 120%;
}

h4 {
	font-family: 'RotonBol', Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 120%;
}

p {
	font-family: 'RotonReg', Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 145%;
}

.bold {
	font-family: 'RotonBol', Arial, Helvetica, sans-serif;
	font-weight: 400;
}

.small {
	font-family: 'RotonReg', Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 145%;
}

.article__wrap h2.article-kp-h2 {
	font-weight: 400;
	font-size: 24px;
	line-height: 120%;
}

.article__wrap h2, .article__wrap .h2 {
	font-family: 'RotonBol', Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 24px;
	line-height: 120%;
}

.article__wrap h3, .article__wrap .h3 {
	font-family: 'RotonBol', Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 26px;
	line-height: 120%;
}

.article__wrap h4, .article__wrap .h4 {
	font-family: 'RotonBol', Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 120%;
}

.article__wrap p {
	font-size: 18px;
	line-height: 145%;
}

.article__wrap p + p {
	margin: 0;
}

.article-kp-advantages__item-mark {
	font-family: 'RotonBol', Arial, Helvetica, sans-serif;
}


.article-kp-list__item { 
	font-family: 'RotonReg', Arial, Helvetica, sans-serif;
}

.article-header__wrapper h4 {
	color: #464646;
}

.article-block--1 .article-block__title-wrapper p {
	font-size: 16px;
	line-height: 145%;
}

.article-check-block__background h4 {
	color: #987A43;
}

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

	h1 {
		font-size: 36px;
		line-height: 125%;
	}

	h2 {
		font-size: 26px;
		line-height: 124%;
	}

	h3 {
		font-size: 24px;
		line-height: 120%;
	}

	h4 {
		font-size: 20px;
		line-height: 120%;
	}

	p {
		font-size: 18px;
		line-height: 130%;
	}

	.small {
		font-size: 16px;
		line-height: 130%;
	}

	.bold {
		font-family: 'RotonBol', Arial, Helvetica, sans-serif;
		font-weight: 400;
	}

	.article__wrap h2.article-kp-h2 {
		font-size: 26px;
		line-height: 120%;
	}

	.article__wrap h2, .article__wrap .h2 {
		font-size: 26px;
		line-height: 124%;
	}

	.article__wrap h3, .article__wrap .h3 {
		font-size: 24px;
		line-height: 120%;
	}

	.article__wrap h4, .article__wrap .h4 {
		font-size: 20px;
		line-height: 120%;
	}

	.article__wrap h2.article-kp-h2 {
		font-weight: 400;
		font-size: 26px;
		line-height: 124%;
	}

	.article__wrap h2, .article__wrap .h2 {
		font-size: 26px;
		line-height: 124%;
	}

	.article__wrap h3, .article__wrap .h3 {
		font-size: 24px;
		line-height: 120%;
	}

	.article__wrap p {
		font-size: 18px;
		line-height: 130%;
	}

}

@media screen and (max-width: 559px) {
	.article-header__wrapper h4 {
		font-size: 16px;
		line-height: 100%;
	}

	.article-header__wrapper p {
		font-size: 16px;
		line-height: 100%;
	}
}

/* Delete it when main.css will be updated to current ui */
/* Temporary UI Kit Ends Here */

.date-publication {
    margin-bottom: 30px;
}

h1 {
	color: #464646;
}

h2 {
	color: #464646;
}

h3 {
	color: #464646;
}

h4 {
	color: #464646;
}

p {
	color: #464646;
}

.bold {
	color: #464646;
}

.longnestle_sources_footer__item {
	font-family: 'RotonReg', Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 140%;
	margin-bottom: 10px;
}

.article-block--header {
	position: relative;
	width: calc(100% + 80px);
	left: -40px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.41) 0%, rgba(250, 239, 218, 0.41) 50%, rgba(255, 255, 255, 0.41) 100%);
	background-size: 100% 976px;
    background-position: 0px 116px;
	padding: 0px 40px;
}

.article-header__wrapper {
	width: 100%;
	height: 182px;
	background-color: #FAF1D6;
	background: #fcf7e4 url('/static/f/med_article/441/new-img/banner-background.png') no-repeat;
	background-size: 1137px auto;
    background-position: 100% -12px;
	border-radius: 16px;
	box-shadow: 2px 10px 26px rgba(167, 167, 167, 0.2);
	padding: 30px 345px 30px 24px;
	display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
	gap: 8px;
}

.article-header__title {
	margin: 0;
	color: #464646;
}

.article-block {
	position: relative;
	width: calc(100% + 80px);
	left: -40px;
	padding: 40px 40px 0px 40px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.41) 0%, rgba(250, 239, 218, 0.41) 50%, rgba(255, 255, 255, 0.41) 100%);
	background-size: 100% 1857px;
}

.article-block__title {
	color: #464646;
	margin: 0;
}

.article-block__list {
	display: flex;
	flex-direction: column;
	padding: 0;
	margin: 0;
}

.article-block__list-item {
	list-style-type: none;
	background: url('/static/f/med_article/441/new-img/li-mark.png') left 7px / 13px 13px  no-repeat;
	padding-left: 25px;
}

.article-block__list-item--dark-golden {
	background: url('/static/f/med_article/441/new-img/li-mark-dark-golden.png') left 7px / 13px 13px  no-repeat;
}

.article-block__list-item--golden {
	background: url('/static/f/med_article/441/new-img/li-mark-golden.png') left 7px / 14px 14px  no-repeat;
}

.article-block__list-item--golden .bold {
	color: #987A43;
}

.article-block__image--mobile  {
	display: none;
}

.article-block--1 {
    background-position: 0px 1530px;
}

.article-block--1 .article-block__title-wrapper {
	position: relative;
	width: calc(100% - 62px);
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 11px;

	background-color: #FFFFFF;
	border: 1px solid rgba(149, 4, 4, 0.36);
	box-shadow: 2px 10px 26px rgba(167, 167, 167, 0.2);
	border-radius: 26px;
	padding: 10px 12px 15px 12px;
	margin: auto;
	z-index: 1;
}

.article-block__content-wrapper {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: column;
}

.article-block--1 .article-block__title {
	font-family: 'RotonBol';
	font-style: normal;
	font-weight: 400;
	font-size: 76px;
	line-height: 44px;
	letter-spacing: -0.03em;
	color: rgba(149, 4, 4, 0.6);

	span {
		font-size: 45px;
	}
}

.article-block__title--mobile {
	display: none;
}

.article-block--1 .article-block__content-wrapper {
	margin-top: -28px;
	padding: 54px 8px 35px 26px;
	box-sizing: border-box;
	border: 1px solid rgba(149, 4, 4, 0.36);
	border-radius: 20px;
}

.article-block--1 .article-block__list {
	gap: 12px;
}

.article-block--2 {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.41) 0%, rgba(250, 239, 218, 0.41) 50%, rgba(255, 255, 255, 0.41) 100%), url(/static/f/med_article/441/new-img/block-2-background.png) no-repeat;
    background-size: 100% 1857px, auto;
    background-position: 0px 820px, right -20px top 30px;
}

.article-block--2 .article-block__title {
	color: #464646;
	margin: 0;
}

.article-block--2 .article-block__content-wrapper {
	justify-content: flex-start;
	gap: 24px;
}

.article-block--2 .article-block__text {
	width: 50%;
}

.article-block--2 .article-block__list {
	gap: 8px;
}

.article-block--3 {
    background-position: 0px 1500px;
}

.article-block--3 .article-block__content-wrapper {
	gap: 24px;
}

.article-block--4 {
	background: url('/static/f/med_article/441/new-img/block-4-background.png') no-repeat, linear-gradient(180deg, #FFFFFF 0%, #FAEFDA 78%, #FFFFFF 100%);
	background-position: right 10px top 66px,  0px 1010px;
    background-size: auto, 100% 1857px;
}

.article-block--4 .article-block__content-wrapper {
	gap: 24px;
}

.article-block--4 .article-block__title {
	color: #464646;
	margin: 0;
}

.article-block--4 .article-block__list {
	width: 60%;
	gap: 14px;
}

.article-block--4 .article-check-block__background {
	padding: 36px;
}

.article-check-block {
	margin-bottom: 4px;
}

.article-check-block__image {
	position: absolute;
	margin-left: calc((100% - 50px) / 2);
	z-index: 1;
}

.article-check-block__background {
	box-sizing: border-box;
	background: #FAEFDB;
	opacity: 0.8;
	border: 1px solid #FFFFFF;
	box-shadow: 4px 4px 15.4px rgba(199, 166, 139, 0.1), inset 0px -10px 40.9px 3px rgba(252, 227, 195, 0.8);
	backdrop-filter: blur(4px);
	border-radius: 30px;
	margin-top: 22px;

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.article-check-block__title {
	color: #987A43;
	text-align: center;
	margin: 0;
}

.article-check-block__text {
	text-align: center;
}

.article-block--5 {
	background: linear-gradient(180deg, #FFFFFF 0%, #FAEFDA 78%, #FFFFFF 100%);
	background-size: 100% 976px;
    background-position: 0px 1500px;
}

.article-block--5 .article-block__list {
	gap: 14px;
}

.article-block--5 li {
	padding-left: 85px;
	display: flex;
	align-items: center;
}

.article-block__list-item--1 {
	background: url('/static/f/med_article/441/new-img/block-5-icon-1.png') no-repeat;
	min-height: 63px;
}

.article-block__list-item--2 {
	background: url('/static/f/med_article/441/new-img/block-5-icon-2.png') no-repeat;
}

.article-block__list-item--3 {
	background: url('/static/f/med_article/441/new-img/block-5-icon-3.png') no-repeat;
}

.article-block--6 {
    background: linear-gradient(180deg, transparent 0%, #FBF4E1 78%, transparent 100%) no-repeat, url(/static/f/med_article/441/new-img/block-6-background.png) no-repeat, linear-gradient(360deg, #FAEFDA 0%, #FFFFFF 100%);
    background-position: 0px calc(100% + 65px), right bottom, 0px -299px;
    background-size: 100% 300px, 100% auto, 100% 579px;
}

.article-block--6 .article-block__content-wrapper {
	padding-bottom: 247px;
}

.article-block--6 .article-check-block__background {
	padding: 52px 22px 22px 22px;
	gap: 14px;
}

.article-block--7 {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FBF4E1 78%);
	background-size: 100% 976px;
	background-position: 0px 300px;
}

.article-block--7 .article-block__content-wrapper {
	gap: 14px;
}

.article-block--7 .article-block__title {
	color: #464646;
	margin-top: 0px;
	margin-bottom: 0px;
}

.article-block--7 .article-block__list {
	gap: 8px;
}

.article-block--8 {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #FBF4E1 78%);
    background-size: 100% 1191px;
    background-position: 0px 837px;
}

.article-block--8 .article-block__title {
	color: #464646;
	margin-top: 0;
	margin-bottom: 0;
}

.article-block--8 .article-block__content-wrapper {
	gap: 24px;
}

.article-block--9 {
	background: url('/static/f/med_article/441/new-img/block-9-image.png') no-repeat, url('/static/f/med_article/441/new-img/block-9-background.png') no-repeat, radial-gradient(ellipse at center, #FFFFFF 10%, #FCF5E2 50%, transparent 75%) no-repeat;
    background-size: 678px auto, 100% auto, 160% 120%;
    background-position: right calc(100% + 120px), 0px 30px, 35% calc(100% + 80px);
}

.article-block--9 .article-block__content-wrapper {
	gap: 40px;
	min-height: 458px;
}

.article-block--9 .article-block__title {
	color: #464646;
	margin-top: 0;
	margin-bottom: 0;
}

.article-block--9 .article-block__list {
	width: calc(100% - 440px);
	gap: 14px;
}

.article-block--sources {
	background: url('/static/f/med_article/441/new-img/sources-background.png') no-repeat;
	background-size: 100% auto;
	background-position: left top;
}

@media screen and (max-width: 992px) {
	.article-block {
		width: calc(100% + 40px);
		left: -20px;
	}

	.article-block--2 {
		background: linear-gradient(180deg, rgba(255, 255, 255, 0.41) 0%, rgba(250, 239, 218, 0.41) 50%, rgba(255, 255, 255, 0.41) 100%), url(/static/f/med_article/441/new-img/block-2-background.png) no-repeat;
		background-position: 0px 820px, calc(100% + 30px) 20px;
        background-size: 100% 1857px, auto;
	}

	.article-block--2 .article-block__list-item:nth-child(1) {
		width: 65%;
	}
}

@media screen and (max-width: 767px) {
	.article-block {
		padding: 40px 20px 0px 20px;
	}

	.article-header__wrapper {
		padding: 45px 280px 45px 24px;
	}

	.article-header__title {
		font-size: 16px;
		line-height: 100%;
	}

	.article-header__text {
		font-size: 16px;
		line-height: 100%;
	}

	.article-block--1 .article-block__title-wrapper {
		width: 100%;
	}
	
	.article-block--1 .article-block__title {
		font-size: 56px;
	}

	.article-block--2 {
		background-position: 0px 820px, calc(100% + 30px) center;
		background-size: 100% 1857px, 75% auto;
	}

	.article-block--4 {
		background: url('/static/f/med_article/441/new-img/block-4-background-mobile.png') no-repeat, linear-gradient(180deg, #FFFFFF 0%, #FAEFDA 78%, #FFFFFF 100%);
		background-position: center bottom 10%, 0px 1010px;
        background-size: calc(100% - 40px) auto, 100% 1857px;
	}

	.article-block--4 .article-block__list { 
		width: 100%;
		margin-bottom: 49%;
	}

	.article-block--5 .article-block__list-item {
		background-size: 50px 50px;
		padding-left: 60px;
	}

	.article-block--6 {
		background-position: 0px calc(100% + 40px), right bottom, 0px -400px;
        background-size: 100% 130px, 100% auto, 100% 1000px;
	}

	.article-block--6 .article-block__content-wrapper {
		padding-bottom: 116px;
	}

	.article-block--7 {
		background-size: 100% 1500px;
    	background-position: 0px bottom;
	}

	.article-block--8 {
		background: linear-gradient(0deg, #FBF4E1 0%, rgba(255, 255, 255, 0) 50%, #FBF4E1 100%), NO-REPEAT;
		background-size: 100% 100%;
		background-position: 0px 0px;
	}

	.article-block--9 {
		background-size: 100% auto, 100% auto, 160% 1500px;
        background-position: center bottom -60px, right bottom, center bottom -330px;
	}

	.article-block--9 .article-block__list {
		width: 100%;
	}

	.article-block--9 .article-block__content-wrapper {
		gap: 24px;
		min-height: unset	;
	}

	.article-block--9 .article-block__list {
		margin-bottom: 76%;
	}
}

@media screen and (max-width: 559px) {
	.article-header__wrapper {
		height: 170px;
    	background-size: 750px auto;
    	background-position: calc(100% + 22px) 1px;
		padding: 45px 145px 45px 24px;
	}

	.article-block--1 .article-block__title {
		font-size: 20px;
		line-height: 21px;
	}

	.article-block--1 .article-block__title-wrapper {
		padding: 16px;
	}
	
	.article-block__title--mobile {
		display: inline;
	}

	.article-block__title--desktop {
		display: none;
	}

	.article-block__image--desktop {
		display: none;
	}

	.article-block__image--mobile {
		display: block;
	}

	.article-block--2 {
		background: linear-gradient(180deg, rgba(255, 255, 255, 0.41) 0%, rgba(250, 239, 218, 0.41) 50%, rgba(255, 255, 255, 0.41) 100%);
		background-position: 0px 820px;
        background-size: 100% 1857px;
	}

	.article-block--2 .article-block__text {
		width: 100%;
	}

	.article-block--2 .article-block__list-item:nth-child(1) {
		width: 100%;
	}

	.article-block--4 {
		background-position: center bottom 20%, 0px 1010px;
        background-size: calc(100% - 40px) auto, 100% 1857px;
	}

	.article-block--5 {
		background-position: 0px 1750px;
	}
}

@media screen and (max-width: 390px) {
	.article-header__wrapper {
		padding: 25px 140px 25px 16px;
	}

	.article-block--4 {
		background-position: center bottom 23%, 0px 1010px;
        background-size: calc(100% - 40px) auto, 100% 1857px;
	}
}