/* Общее */
.js-content_animation 					{animation: fadein .85s ease-in-out;}
	@keyframes fadein 							{
																		from {opacity: 0;}
																		to   {opacity: 1;}
																	}

/* Заглавный слайд */
.intro 													{max-width: 100%; height: 100%; background: url(/i/bg-main.jpg) 50% 25% / cover no-repeat; margin: 0 auto; padding: 0; text-align: center;}
.intro__header 									{
																	font-family: 'Oswald', sans-serif; font-weight: 200; line-height: 1.25; text-transform: uppercase; color: #FFFFFF; -webkit-text-fill-color: #FFFFFF;
																	font-size: 32px; letter-spacing: 4px; margin: 0 auto; text-align: center; padding: 0 20px;
																	max-width: 100%; position: absolute; left: 0; right: 0; bottom: 40px;
																}
.fade-in 												{animation: fadeIn ease 2.5s;}
	@keyframes fadeIn {
		0% 														{opacity: 0;}
		100% 													{opacity: 1;}
	}


/* Фичи */
.featureSlide									{padding-top: 40px;}
	/* био */
	.featureSlide__bio header h1 	{
																		background: linear-gradient(45deg, #CB09A5, #e73c7e, #ED2272); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
																		background-size: 400% 400%; animation: gradient 4s ease-in-out 1;
																	}
	@keyframes gradient {
		0% 														{background-position: 0% 50%;}
		50% 													{background-position: 100% 50%;}
		100% 													{background-position: 0% 50%;}
	}

	/* список фич */
	.feature												{max-width: 1280px; padding: 0; margin: 24px 0 0px; text-align: center;}

	.feature li											{
																		font-size: 14px; list-style-type: none; display: inline-block; vertical-align: top; padding: 0;
																		max-width: 120px; margin: 36px 20px 0; text-align: left;
																	}
	.feature li svg									{height: 30px; display: block; margin: 0 0 10px; padding: 0;}
	.feature li svg path						{fill: #333333;}
	.feature li h4 									{font-size: 18px; margin: 10px 0 10px; text-align: left; padding: 0;}
	.feature li h4:before,
	.feature li h4:after						{content: ""; width: 0; height: 0; background: none; margin: 0; padding: 0;}
		/* контент */
		.feature__content								{margin: 0 0 80px;}
		/* цены */
		.feature__price									{margin: 0 auto; text-align: left; padding: 0 20px; max-width: 320px;}
		.feature__price li 							{position: relative; margin-left: 61px; max-width: 320px;}
		.feature__price li svg					{position: absolute; top: 0; left: -48px;}
	/* изображения */
	.feature_image									{display: block; max-width: 100%;}
	.feature_image__header, 			
	.feature_image__footer					{margin: 40px 0 0;}


	/* логотипы */
	.bio__image 										{display: block; margin: 60px 0 0;}
	.bio__media-header 							{margin-top: 53px;}
	.bio__media 										{max-width: 1280px; padding: 0; margin: 0 auto; text-align: center;}
	.bio__media li									{list-style-type: none; display: inline-block; vertical-align: top; margin: 40px 10px 0;}
	.bio__media li svg 							{height: 28px; display: block;}


/* Баннеры */
	.banner													{border: #DADADA 1px solid; border-left: none; border-right: none; display: block; text-decoration: none; padding: 40px 20px; max-width: 1080px; margin: 40px auto;}
	.banner__icon										{display: block; margin: 0 auto 20px; text-align: center;}
	.banner__icon svg 							{height: 48px;}
	.banner__icon svg path 					{fill: #BA0E43;}
	.banner__header									{font-family: 'Oswald', serif; text-transform: uppercase; font-size: 26px; font-weight: 400; line-height: 1.25; max-width: 780px; margin: 0 auto;}
	.banner p 											{max-width: 600px; margin: 20px auto;}
	.button_banner 									{margin: 0 auto;}



/* Список контента */
	.content__type									{margin-top: 40px;}	
	.content__type-header						{font-size: 30px; font-weight: 500; margin: 0 auto; padding: 0 20px;}

	/* текст */
	.content-list__header 					{font-family: 'Oswald', serif; text-transform: uppercase; font-size: 22px; font-weight: 400; line-height: 1.25; padding: 13px 0 8px; margin: 0; text-align: left;}
	.content-list__review 					{display: block; padding: 14px 0 0;}
	.content-list__price 						{text-decoration: none; margin-top: 5px; display: block;}


	


	/* обложки */
	.cover 													{display: block; background-repeat: no-repeat; background-size: cover; background-position: top center;}
	.cover_courses 									{height: 300px; width: 240px;}
	.cover_audio 										{height: 200px; width: 200px;}
	.cover_review 									{height: 160px; width: 200px;}

	/* скроллер контента */
	.scroller												{
																		list-style-type: none; margin: 33px 0 0; padding: 0;
																		overflow-x: scroll; -ms-overflow-style: none; scroll-snap-type: x mandatory; display: flex; flex-wrap: nowrap; justify-content: space-between;
																	}
	.scroller::-webkit-scrollbar 		{display: none; -webkit-appearance: none;}
	.scroller:before,
	.scroller:after 								{content: ''; flex: 0 0 20px;}
	.scroller li:first-child 				{margin-left: 0;}
	.scroller li:last-child 				{margin-right: 0;}
	.scroller li										{display: inline-block; vertical-align: top; scroll-snap-align: center; margin-left: 20px;}

	/* список контента */
	.list														{list-style-type: none; margin: 33px 0 0; padding: 0;}
	.list li 												{display: inline-block; vertical-align: top; margin: 0 20px 40px; max-width: 100%;}
		/* обложка */
		.list li .cover								{width: 100%; height: auto;}


/* Featured контент */
.featured 											{padding-top: 20; margin-top: 40px; }
.featured__image								{width: 100%; height: 400px; margin: 0 0 40px; display: block; background-repeat: no-repeat; background-size: cover; background-position: top center;}


/* Featured video */
.featured-video 								{padding-top: 71px; margin-top: 40px; text-align: left;}
.featured-video__image					{width: 100%; margin: 32px 0 0; display: block; position: relative;}
.featured-video__image img 			{max-width: 100%;}
.featured-video__image svg 			{height: 30px; display: block; margin: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2;}
.featured-video__image svg path	{fill: #FFFFFF;} 					
.featured-video__header 				{margin: 10px 20px 0; display: block; font-family: 'Oswald', serif; text-transform: uppercase;}
.featured-video__text 					{margin: 0 20px; display: block; max-width: 780px;}


/* События */
.event-list 										{max-width: 780px; list-style-type: none; margin: 40px auto 0; padding: 0 20px;}
.event-list__item 							{text-decoration: none;}
.event-list__date 							{display: block; font-family: 'Oswald', serif; font-weight: 400; font-size: 20px; margin: 40px auto 0;}
.event-list__header 						{text-decoration: underline; padding: 6px 0 2px;}
.event-list__header:hover 			{color: #BA0E43;}
.event-list__description 				{display: block; max-width: 600px;}


/* Цены */
.price 													{font-family: 'Oswald', serif; text-transform: uppercase; font-weight: 400; text-decoration: none;}
.price_discount 								{color: #BA0E43;}
.price-list 										{border: #333333 1px solid; border-radius: 5px; padding: 5px 10px; margin-right: 10px; display: inline-block;}
.price-list_discount 						{border-color: #BA0E43;}
.price__old 										{text-decoration: line-through;}
.price__new											{color: #BA0E43; font-weight: 500;}


/* Превью корзины */
.cart-preview 									{background: #FDFAEB; padding: 20px; display: block; text-decoration: none; text-align: center;
																	margin-top: 48px; margin-bottom: -20px;
																}
.cart-preview_index							{margin-top: 0; margin-bottom: 0;}
.cart-preview__action						{font-size: 16px; display: block; margin: 10px auto 0; border: #333333 1px solid; max-width: 250px; border-radius: 6px; padding: 10px 20px; text-transform: uppercase;}
.cart-preview__action:hover 		{color: #FFFFFF; border-color: #BA0E43; background: #BA0E43; transition: background .2s ease-in-out, border-color .2s ease-in-out, color .2s ease-in-out;}



@media (min-width: 360px) {
	/* Фичи */
		/* список фич */
		.feature li 													{max-width: 140px;}
			/* контент */
			.feature__content li 								{max-width: 140px;}
			/* цены */
			.feature__price 										{margin: 0 auto; max-width: 360px;}
			.feature__price li 									{text-align: left; max-width: 320px;}

	/* Список контента */
		/* список контента */
		.list li 												{max-width: calc((100% - 60px) / 2); margin-right: 0;}
}


@media (min-width: 460px) {
	/* Список контента */
		/* список контента */
		.list li 												{max-width: 280px;}
}


@media (min-width: 500px) {
	/* Featured video */
	.featured-video__header,
	.featured-video__text						{margin: 0 auto; text-align: center;}
	.featured-video__image svg 			{height: 60px;}

	/* События */
	.event-list 										{text-align: center;}
	.event-list__header 						{margin: 0 auto 10px; text-align: center; font-size: 30px;}
	.event-list__description 				{margin: 0 auto; text-align: center;}

	/* Фичи */
		/* список фич */
			/* контент */
			.feature__content li 					{max-width: 200px;}
			/* цены */
			.feature__price 							{margin: 0 auto; text-align: center; max-width: 1280px;}
			.feature__price li						{position: static; margin-left: 10px; margin-right: 10px; max-width: 140px; text-align: center;}
			.feature__price li svg 				{position: static; margin-left: auto; margin-right: auto;}

		/* Список контента */
			/* список контента */
			.list li 											{max-width: 240px;}

}


@media (min-width: 720px) {
	/* Заглавный слайд */
	.intro__header 									{font-size: 40px; letter-spacing: 2px; bottom: 80px;}

	/* Фичи */
		/* список фич */
		.feature												{margin: 0 auto 0;}
		.feature li 										{font-size: 16px; max-width: 200px; margin-top: 40px; text-align: center;}
		.feature li svg									{height: 36px; margin: 0 auto 20px;}
		.feature li h4 									{font-size: 20px; text-align: center;}
			/* контент */
			.feature__content							{margin: 0 auto 120px;}
			.feature__content li 					{max-width: 140px; text-align: left;}
			.feature__content li svg 			{margin: 0 0 10px;}
			.feature__content li h4				{font-size: 22px; text-align: left;}
			/* цены */
			.feature__price								{margin-top: 0;}
			.feature__price li 						{max-width: 200px;}


	/* Био */
	/* ПЕРЕБРАТЬ */
		/* логотипы */
		.bio__media-header 							{margin-top: 53px;}
		.bio__media 										{margin-top: 12px}
		.bio__media li									{margin: 40px 20px 0;}
		.bio__media li svg 							{height: 36px;}

	/* Список контента */
		/* текст */
		.content__type-header						{font-size: 40px; font-weight: 900;}
		.content__header 								{font-size: 24px;}
		/* обложки */
		.cover_courses 									{height: 400px; width: 320px;}
		.cover_audio 										{height: 240px; width: 240px;}
		.cover_review 									{height: 200px; width: 240px;}
		/* скроллер контента */
		.scroller												{margin-top: 53px;}
		.scroller:before,
		.scroller:after 								{flex: 0 0 40px;}
		.scroller li										{margin-left: 40px;}
		/* список контента */
		.list li												{margin-left: 40px; margin-right: 0; max-width: 220px;}


	/* Баннеры */
		.banner													{margin: 40px auto; text-align: center;}
		.banner__header									{max-width: 780px; margin: 0 auto; font-size: 30px;}
		.banner p 											{max-width: 600px; margin: 20px auto;}
		.button_banner 									{margin: 0 auto;}

	/* Превью корзины */
		.cart-preview 									{margin-top: 90px; font-size: 20px;}
		.cart-preview + .landing,
		.cart-preview + .featureSlide 	{margin-top: 0; padding-top: 80px;}
		.cart-preview_index							{margin-top: 0; margin-bottom: 0;}


	/* Featured контент */
	.featured__image								{height: 600px; margin: 0 0 60px;}

	/* Featured video */


}


@media (min-width: 840px) {
	/* Заглавный слайд */
	.intro__header 									{font-size: 60px; letter-spacing: 4px;}

	/* Фичи */
	.featureSlide											{padding-top: 120px;}
		/* список фич */
		.feature li											{max-width: 240px;}
			/* контент */
			.feature__content li 					{max-width: 180px;}
			/* цены */
			.feature__price li 						{max-width: 240px;}

	/* Список контента */
		/* список контента */
		.list li 												{max-width: 310px;}

}

@media (min-width: 1120px) {
	/* Фичи */
		/* список фич */
			/* контент */
			.feature__content li 					{max-width: 240px;}

}