/*	Text size */


@media all and (min-width: 1200px) and (max-width: 1539.98px)		{ .hero { font-size: 1.2rem; }}
@media all and (min-width: 1540px)									{ .hero { font-size: 1.2rem; }}
@media all and (max-width: 1199.98px) and (orientation: portrait)	{ .hero	{ font-size: 1rem; }}
@media all and (max-width: 1199.98px) and (orientation: landscape)	{ .hero { font-size: 1.1rem; }}
@media all and (max-width: 839.98px) and (orientation: landscape)	{ .hero { font-size: .8rem;	}}
@media all and (max-width: 575.98px)								{ .hero	{ font-size: .75rem; }}


/*	Hero swiper */


.hero.swiper-container
{
	width: 100%;
	height: 100%;
}
.hero.swiper-container > .swiper-wrapper > .swiper-slide
{
	padding-bottom: 15vh;
	height: 100vh;
}
.section-holder_hero .x-slider
{
	position: absolute;
	z-index: 1;
	bottom: 0;
	height: var(--x-slider-height);
}
.hero__slide
{
	height: 100%;
	padding-top: var(--topbar-height);
	padding-bottom: var(--x-slider-height);		
}
.hero__slide-overlay
{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;	
	z-index: -1;	
	background-color: rgba(39,35,51, .8);
}


/*	All landscape mobiles */
@media all and (max-width: 991.98px) and (orientation: landscape)
{
	.hero.swiper-container > .swiper-wrapper > .swiper-slide
	{
		height: 100vh;
		padding-bottom: 0;
	}
	.hero__slide
	{
		padding-bottom: 0;
	}	
	.section-holder_hero .x-slider
	{
		display: none;
	}
}
/*	Mobiles */
@media all and (max-width: 767.98px)
{
	.hero__slide
	{
		padding-top: var(--topbar-height-mobile);
	}
}
/*	Tablets landscape + Notebooks */
@media all and (min-width: 992px) and (max-width: 1539.98px) and (orientation: landscape)
{
	.hero.swiper-container > .swiper-wrapper > .swiper-slide
	{
		height: 115vh;
	}
	.hero__slide
	{
		padding-bottom: calc(var(--x-slider-height) - 10vh);
	}
	.section-holder_hero .x-slider
	{
		height: calc(var(--x-slider-height) + 5vh);
	}
}
/*	Mobiles portrait + Tablets portrait */
@media all and (max-width: 1199.98px) and (orientation: portrait)
{
	.hero.swiper-container > .swiper-wrapper > .swiper-slide
	{
		padding-bottom: 10vh;
		height: 95vh;
	}
	.hero__slide
	{
		padding-top: var(--topbar-height);
		padding-bottom: calc(var(--x-slider-height) - 10vh);
	}
}
/*	Mobiles + portrait + ratio 1/2: like iPhone X, Pixel 2 XL */
@media all and (max-aspect-ratio: 1/2) and (max-width: 575.98px) and (orientation: portrait)
{
	.hero.swiper-container > .swiper-wrapper > .swiper-slide
	{
		padding-bottom: 10vh;
		height: calc(100vw * 1.6 + 10vh);
	}
}
/*	Desktops  */
@media all and (min-width: 1540px)
{
	.hero.swiper-container > .swiper-wrapper > .swiper-slide
	{
		padding-bottom: 10vh;
		height: 100vh;
	}
	.hero__slide
	{
		padding-bottom: calc(var(--x-slider-height) - 15vh);
	}
}


/*	Default buttons */


.hero .swiper-slide._dark .button_default:hover,
.hero .swiper-slide._dark .button_default:focus,
.hero .swiper-slide._dark .button_default:active
{
	color: #53a5ff;
	background-color: rgba(95,205,255, .2);
}


/*	Flex behavior */


.hero__flex
{
	display: flex;
	height: 100%;
	align-items: center;
	justify-content: space-between;
}
.hero__flex._single .hero__flex-child, 
.hero__flex.hero__flex_cols-1 .hero__flex-child, 
.hero__flex._cols-1 .hero__flex-child
{
	width: auto;
}
@media all and (min-width: 1540.98px)
{
	.hero__flex._single .hero__flex-child,
	.hero__flex.hero__flex_cols-1 .hero__flex-child, 
	.hero__flex._cols-1 .hero__flex-child
	{
		width: 80%;
	}	
}
.hero__flex.hero__flex_cols-2 .hero__flex-child, 
.hero__flex._cols-2 .hero__flex-child
{
	width: 49.9%;
}
/*	Flex behavior on portrait small devices */
@media all and (max-width: 575.98px) and (orientation: portrait)
{
	.hero__flex
	{
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
	}
	.hero__flex._single .hero__flex-child,
	.hero__flex.hero__flex_cols-1 .hero__flex-child,	
	.hero__flex.hero__flex_cols-2 .hero__flex-child
	{
		width: auto;
	}
}
/*	Flex behavior on landscape small devices */
@media all and (max-width: 767.98px) and (orientation: landscape)
{
	.hero__flex
	{
		align-items: flex-start;
	}
}


/*	Hero pagenavigation */


.hero-pagen-container
{
	position: absolute;
	right: 35px;
	bottom: 20vh;
	z-index: 50;
}
.hero-pagen
{
	color: rgba(0,135,200, .6);
	display: flex;
	align-items: center;
	margin-bottom: 1vh;
}
.hero-pagen__indicator
{
	max-width: 70px;
	text-align: center;
	padding-bottom: 5px;
}
.hero-pagen__indicator .swiper-pagination-bullet
{
	width: 4px;
	height: 4px;
	margin: 2px 4px;
}
.hero-pagen._dark .hero-pagen__indicator .swiper-pagination-bullet
{
	background-color: white;
}
.hero-pagen__indicator .swiper-pagination-current
{
	font-size: 3em;
	font-weight: 500;
	line-height: .9;
}
.hero-pagen__button
{
	color: var(--color-link-default);
	outline: none;
	cursor: pointer;
	padding: 15px;
	font-size: 1rem;
	transition: color 1s;
}
.hero-pagen__button-prev
{
	margin-right: 10px;
}
.hero-pagen__button-next
{
	margin-left: 10px;
}
.hero-pagen__button.swiper-button-disabled
{
	color: rgba(0,135,200, .2);
}
@media all and (min-width: 1200px)
{
	.hero-pagen__indicator
	{
		display: none;
	}
}
.hero-pagen._dark .hero-pagen__button
{
	color: white;
}
.hero-pagen._dark .hero-pagen__button.swiper-button-disabled
{
	color: rgba(255,255,255, .2);
}
/*	Tablets landscape */
@media all and (min-width: 992px) and (max-width: 1539.98px) and (orientation: landscape)
{
	.hero-pagen-container
	{
		bottom: calc(var(--x-slider-height) + 5vh);
	}
}
/*	Mobiles + Small tablets */
@media all and (max-width: 1199.98px)
{
	.hero-pagen-container
	{
		width: 100%;
		right: initial;
	}
	.hero-pagen
	{
		justify-content: center;
	}
	.hero-pagen__button
	{
		display: none;
	}
}
/*	Mobiles landscape */
@media all and (max-width: 991.98px) and (orientation: landscape)
{
	.hero-pagen-container
	{
		width: 100%;
		bottom: 5vh;
	}
}
/*	Notebooks 13-15" or notebooks with zoomed in resolution */
@media all and (min-aspect-ratio: 16/10) and (min-width: 1200px) and (max-width: 1539.98px) and (orientation: landscape)
{
	.hero-pagen-container
	{
		bottom: calc(var(--x-slider-height) + 5vh - 50px);
	}
}
/*	Desktops  */
@media all and (min-width: 1540px)
{
	.hero-pagen-container
	{
		bottom: calc(var(--x-slider-height) - 50px);
	}	
}


/*	Inner elements */


.swiper-slide._dark .hero__slide
{
	color: rgba(255,255,255, 1);
}
.hero__title
{
	font-size: 2.8em;
	line-height: 1;
	font-weight: 600;
	color: #2d11ff;
}
.hero__title._smaller
{
	font-size: 2.2em;
}
@media all and (min-width: 1200px)
{ 
	.hero__title._larger
	{
		font-size: 3.2em;
	}
}
@media all and (max-width: 379.98px)
{ 
	.hero__title			{ font-size: 1.8em; }
	.hero__title._smaller	{ font-size: 1.6em; }	
}
@media all and (min-width: 380px) and (max-width: 575.98px)
{ 
	.hero__title			{ font-size: 2.2em; }
	.hero__title._smaller	{ font-size: 1.9em; }	
}
.hero__date
{
	font-weight: 600;
	color: var(--color-text-primary);
}
.hero__date > *:not(:last-child)
{
	margin-right: 10px;
}
.swiper-slide._dark .hero__date
{
	color: rgba(255,255,255,.7);
}
.hero__date-date
{
    padding: .9em 1.6em .9em 1.6em;
	white-space: nowrap;
    color: white;
    font-style: italic;
    background: url(/bitrix/templates/pre_mai/images/stripe.png?32432151) no-repeat left center;
    background-size: contain;	
}
.swiper-slide._dark .hero__date-date
{
	color: black;
	background-image: url(/bitrix/templates/pre_mai/images/stripe-light.png?32432151);
}
@media all and (min-width: 1200px)		{ .hero__date { font-size: .9rem;	}}
@media all and (max-width: 1199.98px)	{ .hero__date { font-size: .9rem;	}}
@media all and (max-width: 379.98px)	{ .hero__date { font-size: .8em; }}
.hero__feat, .feat
{
	/* display flex sets by d-flex class */
	font-size: .8em;
	font-weight: 500;
}
@media all and (max-width: 839.98px)
{
	.hero__feat, .feat
	{
		font-size: .8rem;
	}
	.hero__date
	{
		font-size: .85em;
	}		
}
.hero__feat._cols-2 .hero__feat-item
{
	width: calc(50% - 10px);
	margin-right: 10px;
}
.hero__feat._bullets .hero__feat-item
{
	position: relative;
	padding: 4px 4px 4px 20px;	
}
.hero__feat._bullets .hero__feat-item:before
{
	position: absolute;
	content: "\f00c";
	font-size: .9em;
	font-family: "Font Awesome 5 Pro";
	left: 0;
	top: 5px;
	color: var(--color-text-primary);
}