/* Start:/local/templates/haematech/components/bitrix/news.list/slider-about-page1/style.css?16732548008737*/
.slider-block {
	display: grid;
	grid-template-columns: 1fr 700px;
	column-gap: 60px;
	margin-bottom: 40px;
	margin-top: 50px;
}

.slider__swiper.swiper {
	align-self: center;
	width: 100%;
	height: 415px;
	max-width: 500px;
	margin-right: auto;
	margin-left: 0;
}
.slider__swiper .swiper-slide {
	display: flex;
	flex-direction: column;
	justify-content: center;
	transition: .3s all;
	cursor: pointer;
}
.banner__swiper {
}
.banner__swiper .banner__item {
	height: 415px;
	color: var(--text-white);
	background-size: cover;
	display: flex;
	align-items: center;
	position: relative;
}
.banner__swiper .swiper-button-prev {
	left: calc(50% - 1600px / 2);
}
.banner__swiper .swiper-button-next {
	right: calc(50% - 1600px / 2);
}
.banner__swiper .banner__item .container {
	position: relative;
	z-index: 4;
	padding-left: 70px;
}
.banner__swiper .banner__item:before {
/*	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: linear-gradient(90deg, #000D20 29.69%, rgba(0, 0, 0, 0) 62.84%), linear-gradient(180deg, rgba(0, 0, 16, 0.32) 0%, rgba(1, 0, 16, 0.24) 47.92%, rgba(2, 0, 16, 0.08) 100%);
	margin: auto;*/
}
.banner__header {
	text-align: center;
	font-style: normal;
	margin-bottom: 25px;
	font-weight: 400;
	font-size: 45px;
	line-height: 150%;
}

body .banner__swiper-wrapper {
	position: relative;
	z-index: 0;
}
body .banner__swiper-wrapper:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: linear-gradient(90deg, #000d20c2 29.69%, rgba(0, 0, 0, 0) 62.84%), linear-gradient(180deg, rgba(0, 0, 16, 0.32) 0%, rgba(1, 0, 16, 0.24) 47.92%, rgba(2, 0, 16, 0.08) 100%);
	margin: auto;
}
body .banner__swiper-wrapper > * {
	position: relative;
	z-index: 1;
}
body .banner__swiper-wrapper  .video1 {
	-o-object-fit: cover;
	object-fit: cover;
	top: 50%;
	width: 1938px;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	left: 50%;
	z-index: 0;
	position: absolute;
}


@media (min-width: 768px) {
	.slider__swiper .swiper-button-next,
	.slider__swiper .swiper-button-prev {
		display: none;
	}
}
.slider-item__header {
	font-weight: 300;
	font-size: 30px;
	color: #B1B8C4;
	display: flex;
	align-items: flex-start;
	transition: .3s all;
	flex-shrink: 0;
	line-height: .9;
}
.slider-item__header svg {
	margin-left: 18px;
	flex-shrink: 0;
	transform: translateY(6px);
}

.slider-item__img {
	margin-right: 8px;
	filter: grayscale(1);
	transition: .3s all;
	opacity: .3;
	flex-shrink: 0;
}
.slider-item__text {
	margin-top: 10px;
	font-weight: 300;
	line-height: 120%;
	font-size: 0;
	/*transition: .3s all;*/
	width: 100%;
	display: flex;
	flex-direction: column;
}
.slider__swiper .swiper-slide-active {
	padding-left: 45px;
}

@media (min-width: 768px) {
	.slider__swiper .swiper-slide-active {
		height: 220px !important;
		margin-top: -20px;
	}

}

.slider__swiper .swiper-slide-active .slider-item__img {
	filter: grayscale(0);
	opacity: 1;
}
.slider__swiper .swiper-slide-active .slider-item__header svg{
	display: none;
}
.slider__swiper .swiper-slide-active .slider-item__header {
	color: var(--text-black);
	font-size: 38px;
	font-weight: 400;
}
.slider__swiper .swiper-slide-active .slider-item__text {
	font-size: 22px;
}

.slider__swiper .btn-default{
	margin-top: 0;
	display: none;
	transition: none;
	font-size: 18px;
	font-weight: 500;
}
.slider__swiper .swiper-slide-active .btn-default{
	width: auto;
	flex-shrink: 0;
	align-self: flex-start;
	margin-top: 35px;
	display: inline-flex;
}

.video__swiper-wrapper {
	max-width: 700px;
	padding: 15px;
	border-radius: 20px;
	border: 1px solid var(--bg-dark);
	background: var(--text-white);
}
.video__swiper .swiper-button-prev--video,
.video__swiper .swiper-button-next--video {
	width: 50px;
	height: 50px;
	border-radius: 0;
	background: var(--bg-light);
	bottom: 0;
	top: inherit;
}
.video__swiper .swiper-button-next:after,
.video__swiper .swiper-button-prev:after {
	color: var(--text-black);
	font-size: 23px;
	transform: translateX(-2px);
}
.video__swiper .swiper-button-next:after {
	color: var(--text-white);
	transform: translateX(2px);
}
.video__swiper .swiper-button-next--video {
	right: inherit;
	left: 50px;
	background: var(--main-default);
}
.video__swiper .swiper-button-next:hover:after,
.video__swiper .swiper-button-prev:hover:after {
	color: var(--text-white);
}
.video__swiper .swiper-button-prev:hover {
	background-color: var(--main-default);
}
.video__swiper .swiper-button-next--video:hover {
	background-color: var(--main-hover);
}
.video__swiper .swiper-button-prev {
	border-bottom-left-radius: 4px;
}

.video__item.swiper-slide {
	height: 540px;
	border-radius: 10px;
	overflow: hidden;
}
.video__swiper-link {
	z-index: 10;
	display: inline-flex;
	align-items: center;
	bottom: 35px;
	right: 25px;
	font-weight: 300;
	color: var(--text-white);
	text-decoration: underline;
	text-decoration-skip-ink: none;
	position: absolute;
}
.video__item svg{
	margin-right: 10px;
}
.video__control-wrapper {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.video__control-wrapper video {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	min-width: 100%;
	min-height: 100%;
	object-fit: cover;
	object-fit: none;
	border-radius: 10px;
}

.video__progress {
	height: 4px;
	background-color: var(--bg-light);
	left: 100px;
	right: 0;
	position: absolute;
	bottom: 0;
	margin: 0 auto;
	z-index: 2;
}
.video__progress-current {
	height: 100%;
	width: 0;
	background-color: var(--main-default);
	transition: .3s all;
}



@keyframes progress {
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}

.video__swiper .swiper-slide-active .video__progress-current {
	animation: 10s progress linear forwards;
}


@media (max-width: 1460px) {
	.banner__header {
		font-size: 36px;
	}
}

@media (max-width: 1231px) {
	.banner__header {
		font-size: 30px;
	}
}



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

	.banner__swiper {
		opacity: 0;
	}
	.banner__swiper.swiper-initialized {
		opacity: 1;
	}


	.banner__swiper {
		overflow: hidden;
	}
	.slider-block {
		grid-template-columns: 1fr;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.slider__swiper.swiper {
		height: auto;
	}
	.video__item.swiper-slide {
		height: 65vw;
	}
	.video__swiper-wrapper {
		padding: 0;
		border: none;
		border-radius: 15px;
	}
	.slider__swiper .swiper-slide,
	.slider__swiper .swiper-slide-active {
		padding-left: 0;
	}
	.slider__swiper .swiper-slide .btn-default,
	.slider__swiper .swiper-slide-active .btn-default {
		margin: 25px auto 0 auto;
		display: inline-flex;
	}
	.video__swiper-wrapper {
		margin-top: 25px;
	}
	.slider__swiper .swiper-slide .slider-item__header,
	.slider__swiper .swiper-slide-active .slider-item__header {
		flex-direction: column;
		margin-bottom: 15px;
		color: var(--text-black);
		font-size: 28px;
		text-align: center;
	}
	.slider-item__header {
		font-size: 28px;
		align-items: center;
		transition: none;
	}
	.slider__swiper .swiper-slide .slider-item__header img,
	.slider__swiper .swiper-slide-active .slider-item__header img {
		margin-bottom: 10px;
		margin-right: 0;
	}
	.video__swiper .swiper-button-prev--video, .video__swiper .swiper-button-next--video {
		width: 36px;
		height: 36px;
	}
	.video__swiper .swiper-button-next:after, .video__swiper .swiper-button-prev:after {
		font-size: 18px;
	}
	.video__swiper .swiper-button-next--video {
		left: 37px;
	}
	.slider-item__img {
		filter: none;
		transition: none;
		margin-right: 0;
	}
	.video__swiper-link {
		bottom: 10px;
		right: 15px;
		font-size: 15px;
	}

	.slider__swiper .swiper-slide .slider-item__text,
	.slider__swiper .swiper-slide-active .slider-item__text {
		font-size: 20px;
		text-align: center;
		margin-top: 0;
		padding: 0 30px;
	}
	.banner__swiper .banner__item .container {
		padding-left: 15px;
		text-align: center;
	}
	.banner__header {
		font-size: 22px;
	}
	.banner__swiper .banner__item {
		height: auto;
		padding: 50px 0;
	}
	.banner__text li {
		text-align: left;
		font-size: 14px;
		text-align: left;
		line-height: 1.4;
		background-position: top 2px left;
	}
	.banner__swiper {
		margin-top: 0;
	}
	body .banner__swiper-wrapper {
		margin-top: 0;
	}



}












/* End */


/* Start:/local/templates/haematech/components/bitrix/news.list/news-main/style.css?16736004003521*/
.blog-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 50px 65px;
}
.blog-item {
    display: flex;
    overflow: hidden;
    border-radius: 20px;
    background: #FFFFFF;
    box-shadow: 0px 8.33355px 16.6671px rgba(129, 129, 129, 0.45);
    padding: 15px;
}
.blog-item:nth-child(1),
.blog-item:nth-child(4) {
    grid-column: 1;
    grid-row: 1 / 3;
    display: block;
    padding: 25px;
}
.blog-item:nth-child(4) {
    grid-row: 3 / 5;
}
.blog-item:nth-child(1) .blog-item__img,
.blog-item:nth-child(4) .blog-item__img{
    display: block;
    margin-top: -25px;
    margin-left: -25px;
    width: calc(100% + 50px);
    margin-bottom: 32px;
}
.blog-item:nth-child(1) .blog-item__img img,
.blog-item:nth-child(4) .blog-item__img img {
    width: 100%;
    height: auto;
}
.blog-item:nth-child(1) {}
.blog-item {}
.blog-item__header {
    margin-bottom: 15px;
    display: block;
    font-weight: 700;
    font-size: 30px;
    line-height: 120%;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.blog-item__text {
    font-weight: 400;

    line-height: 150%;
    color: #5B5B5B;
}
.blog-item__views,
.blog-item__date {
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    color: rgba(91, 91, 91, 0.4);

}
.blog-item__img {}
.blog-item__img img{
    object-fit: cover;
    max-width: 100%;
    height: 100%;
}
.blog-item__ {}
.blog-item:nth-child(3n) .blog-item__img,
.blog-item:nth-child(3n+ 2) .blog-item__img {
    margin-left: -15px;
    margin-top: -15px;
    margin-bottom: -15px;
    max-width: 208px;
    margin-right: 32px;
}
.blog-item:nth-child(3n) .blog-item__text,
.blog-item:nth-child(3n+ 2) .blog-item__text {
    max-height: 105px;
    overflow: hidden;
    display: block;
}
.blog-item__blog-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
}
.blog-list__bottom {
    text-align: right;
    margin-top: 40px;
    display: flex;
    justify-content: flex-end;
}
.blog-list__read-more {
    display: flex;
    align-items: center;
    font-weight: 400;

    line-height: 150%;
}
.blog-list__read-more svg {
    margin-left: 10px;
}

@media (max-width: 1460px) {
    .blog-item__header {
        font-size: 24px;
    }
    .blog-item:nth-child(3n) .blog-item__text, .blog-item:nth-child(3n+ 2) .blog-item__text {
        max-height: 85px;
    }
    .blog-list {
        grid-gap: 40px 45px;
    }

}

@media (max-width: 1460px) {
    .blog-list {
        grid-template-columns: 1fr;
    }

    .blog-item:nth-child(3n) .blog-item__img, .blog-item:nth-child(3n+ 2) .blog-item__img {
        margin-bottom: 0;
        width: calc(100% + 30px);
        max-width: none;
    }
    .blog-item:nth-child(1) .blog-item__img, .blog-item:nth-child(4) .blog-item__img, .blog-item__img {
        margin-bottom: 25px;
    }






}


@media (max-width: 767px) {
    .blog-item {
        flex-direction: column;
    }

    .blog-item:nth-child(1) .blog-item__img, .blog-item:nth-child(4) .blog-item__img, .blog-item__img {
        margin-bottom: 25px !important;
    }
    .blog-item .blog-item__text {
        max-height: 85px !important;
        overflow: hidden !important;
    }
    .blog-item__img img {
        height: 200px;
    }
}











/* End */


/* Start:/local/templates/haematech/components/bitrix/news.list/team/style.css?16734276002265*/
.team{
    margin-bottom: 60px;
}
.team-prev {
    margin-top: 50px;
}
.team-prev .container,
.team__list .container {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.team__list {
    margin-top: -85px;
    height: 500px;
    color: #fff;
    background: url("/local/templates/haematech/components/bitrix/news.list/team/../../../../img/about-page/team-bg.jpg") no-repeat bottom center;
}
.team__item {
    position: relative;
    padding-top: 85px;
}
.team__name {
    font-weight: 700;
    font-size: 30px;
    line-height: 150%;
}
.team__vac {
    color: #C5DCF7;
    font-weight: 400;
    font-size: 26px;
    line-height: 150%;
    margin-bottom: 32px;
}
.team__text {
    max-width: 880px;
    font-weight: 400;

    line-height: 120%;
}
.team__img {
    position: absolute;
    right: 50px;
    bottom: 0;
}
.team .swiper-button-next, .team .swiper-button-prev {
    left: 1400px;
    right: 0;
    margin: auto;
    color: #fff;
}
.team .swiper-button-prev {
    transform: rotate(90deg);
}
.team .swiper-button-next {
    top: calc(50% + 40px);
    transform: rotate(90deg);
}

@media (max-width: 1460px) {
    .team__text {
        max-width: 680px;
    }
    .team .swiper-button-next, .team .swiper-button-prev {
        left: 1100px;
    }
}

@media (max-width: 1231px) {
    .team__img {
        width: 400px;
        right: 0;
    }
    .team__vac {
        font-size: 22px;
        margin-bottom: 20px;
    }
    .team__text {
        max-width: 580px;
    }
    .team .swiper-button-next, .team .swiper-button-prev {
        left: 990px;
    }
}

@media (max-width: 767px) {
    .team .swiper-button-next, .team .swiper-button-prev {
        left: 85%;
    }
    .team .swiper-button-next {
        top: calc(55% + 40px);
    }
    .team .swiper-button-prev {
        top: 55%;
    }
    .team__list {
        height: auto;
        background-size: cover;
    }
    .team__item {
        padding-top: 25px;
    }
    .team__name {
        font-size: 22px;
    }
    .team__vac {
        font-size: 18px;
    }
    .team__item .container {
        padding-bottom: 100vw;
    }























}
/* End */


/* Start:/local/templates/haematech/components/bitrix/news.list/partners/style.css?1673859600986*/
.partners__list {
	grid-template-columns: repeat(3, 1fr);
	display: grid;
	column-gap: 100px;
}
.partners__item {
	width: 100%;
	margin-bottom: 60px;
}
.partners__text {
	font-weight: 400;
	font-size: 16px;
	line-height: 120%;
	color: #5B5B5B;
	margin-top: 15px;
}
.partners__img {
	display: flex;
	align-items: center;
	height: 145px;
	justify-content: center;
}
.partners__img img {
	max-height: 100%;
}
.partners__separator {
	width: 140px;
	display: none;
}

@media (max-width: 1460px) {
	.partners__img img {
		max-width: 100%;
	}
}
@media (max-width: 1231px) {
	.partners__separator {
		width: 90px;
	}
	.partners__list {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 767px) {
	.partners__list {
		grid-template-columns: repeat(1, 1fr);
	}
	.partners__separator {
		display: none;
	}
	.partners__item {
		max-width: none;
		margin-bottom: 20px;
	}
	.partners__list {
		flex-direction: column;
	}
	.partners__text {
		text-align: center;
		margin-top: 0;
	}


}
/* End */
/* /local/templates/haematech/components/bitrix/news.list/slider-about-page1/style.css?16732548008737 */
/* /local/templates/haematech/components/bitrix/news.list/news-main/style.css?16736004003521 */
/* /local/templates/haematech/components/bitrix/news.list/team/style.css?16734276002265 */
/* /local/templates/haematech/components/bitrix/news.list/partners/style.css?1673859600986 */