/* Start:/local/templates/.default/components/bitrix/news.detail/company_page/style.css?17538610157206*/
body.body_inner{
	background: var(--White);
}

body.body_inner .inner .header_top{
	background: linear-gradient(180deg, #050507 -47.5%, rgba(0, 0, 0, 0.00) 100%);
}

@media(max-width:1200px){
	body.body_inner .inner .header{
		position: absolute;
		left: 20px;
		right: 20px;
	}
}

body.body_inner .footer{
	border-radius: 0 0 24px 24px;
}

.inner .wrapper{
	margin-top: 0px;
}

.company_banner{
	padding-top: 170px;
	padding-bottom: 24px;
	height: 960px;
	border-radius: 24px;
}

.company_banner .container{
	height: 100%;
}

.company_banner_info{
	padding-top: 48px;
	border-top: 1px solid var(--White);
	display: flex;
	justify-content: space-between;
	height: inherit;
}

.company_banner_info_left{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 16px;
	color: var(--White);
	width: 100%;
	max-width: 854px;
}

.company_banner_title{
	font-family: var(--first-family);
	font-size: 128px;
	font-weight: 500;
	line-height: normal;
}

.company_banner_icon{
	width: 120px;
	min-width: 120px;
	display: flex;
	flex-direction: column;
	gap: 24px;
}


.company{
	margin-bottom: 140px;
}

.company_text_one{
	line-height: 48px; /* 120% */
	margin-bottom: 40px;
}

.company_text_two{
	font-size: 20px;
	font-weight: 400;
	line-height: 26px; /* 130% */
}

.company_img{
	border-radius: 24px;
	overflow: hidden;
}

.company_numberes{
	height: 960px;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	background-attachment: fixed;
	border-radius: 24px;
	overflow: hidden;
	position: relative;
	margin-bottom: 140px;
}


.company_numberes .container{
	height: 100%;
}

.company_numberes_info{
	width: 100%;
	max-width: 386px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	margin: auto;
}

.company_numberes_info_title{
	font-family: var(--first-family);
	font-size: 96px;
	font-weight: 500;
	line-height: normal;
}

.company_numberes_info_text{
	font-size: 20px;
	font-weight: 400;
	line-height: 26px; /* 130% */
	text-align: center;
}


/* Анимированные тонкие круги */
.company_numberes_circle {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 1); /* тонкая линия */
  background: transparent;
  transform: translate(-50%, -50%);
  opacity: 1;
  animation: expandSize 5s ease-out forwards;
  pointer-events: none;
  z-index: 1;
}

@keyframes expandSize {
  0% {
    width: 0px;
    height: 0px;
		opacity: 1;
  }
	50% {
		opacity: 1;
  }
  100% {
    width: 1920px;   /* конечный размер круга */
    height: 1920px;
		opacity: 0;
  }
}


.company_name{
	margin-bottom: 140px;
	overflow: hidden;
}

.company_name_text {
  display: flex;
	gap: 22px;
  white-space: nowrap;
  /* animation: marquee 10s linear infinite; */
  color: var(--Grey);
	font-family: var(--first-family);
	font-size: 128px;
	font-weight: 500;
	line-height: normal;
}

.company_name_text span{
	color: var(--Yellow);
}

@keyframes marquee {
  0%   { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}


.company_advantages{
 	margin-bottom: 140px;
}

.company_advantages_text{
	font-size: 24px;
	font-weight: 400;
	line-height: normal;
}

.company_advantages_list{
	display: flex;
	flex-direction: column;
	gap: 48px;
}

.company_advantages_item:not(:last-child){
	border-bottom: 1px solid var(--Grey);
	padding-bottom: 48px;
}

.company_advantages_item{
	display: flex;
	gap: 40px;
	counter-increment: num;
}

.company_advantages_item_number::before{
	content: counter(num, decimal-leading-zero) "/";
	color: var(--Grey);
	font-size: 20px;
	font-weight: 400;
	line-height: normal;
}

.company_advantages_item_info{
	display: flex;
	flex-direction: column;
	gap: 31px;
}

.company_advantages_item_name{
	font-family: var(--first-family);
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 30px; /* 125% */
}


.company_how_work{
	padding-top: 120px;
	border-radius: 24px 24px 0 0;
	background: var(--Background, #343743);
}

.company_how_work .section_title{
	color: var(--White);
}

.company_how_work_list{
	padding-bottom: 110px;
	border-bottom: 1px solid var(--Grey);
}


.company_how_work .company_how_work_counter{
	counter-increment: num;
}

.company_how_work_item{
	border-radius: 20px;
	border: 1px solid rgba(255, 255, 255, 0.70);
	background: linear-gradient(113deg, rgba(255, 255, 255, 0.30) 0%, rgba(255, 255, 255, 0.00) 110.84%);
	backdrop-filter: blur(21px);
	padding: 24px 32px; 
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 30px;
	min-height: 254px;
	color: var(--White);
	margin-bottom: 30px;
}


.company_how_work_item_number::before{
	content: counter(num, decimal-leading-zero);
	display: flex;
	width: 48px;
	height: 48px;
	padding: 10px;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px; /* 150% */
	border-radius: 100px;
	border: 1px solid var(--White);
}

.company_how_work_item_info{
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.company_how_work_item_name{
	font-family: var(--first-family);
	font-size: 24px;
	font-weight: 400;
	line-height: 29px; /* 120.833% */
}

.company_how_work_item_text{
	font-size: 18px;
	font-weight: 400;
	line-height: 24px; /* 133.333% */
}



@media(max-width:1200px){
	.company,
	.company_numberes,
	.company_advantages,
	.company_name{
		margin-bottom: 120px;
	}

	.company_how_work_list{
		padding-bottom: 90px;
	}

	.company_banner,
	.company_numberes{
		height: 700px;
	}

	.company_banner_title{
		font-size: 80px;
	}

	.company_banner_icon{
		width: 90px;
    min-width: 90px;
	}

	.company_name_text{
		font-size: 80px;
	}
}


@media(max-width:992px){
	.company,
	.company_numberes,
	.company_advantages,
	.company_name{
		margin-bottom: 80px;
	}

	.company_how_work{
		padding-top: 80px;
	}

	.company_how_work_list{
		padding-bottom: 60px;
	}

	.company_banner {
    height: initial;
  }
	.company_banner_title{
		font-size: 60px;
	}

	.company_banner_icon{
		width: 55px;
    min-width: 55px;
	}

	.company_text_one{
		line-height: normal;
		margin-bottom: 30px;
	}

	.company_numberes{
		height: 550px;
	}

	.company_numberes_info_title{
		font-size: 76px;
	}

	.company_name_text{
		font-size: 60px;
	}

	.company_advantages_list{
		gap: 30px;
	}
	.company_advantages_item:not(:last-child){
		padding-bottom: 30px;
	}
	.company_advantages_item_info{
		gap: 16px;
	}
}

@media(max-width:768px){
	.company_banner_text br{
		display: none;
	}

	.company_numberes{
		height: initial;
		padding: 60px 0;
	}

	.company_numberes_info{
		position: relative;
		top: initial;
		transform: initial;
	}

	.company_advantages_item{
		gap: 15px;
	}

	.company_how_work{
		padding-top: 60px;
	}
}

@media(max-width:576px){

	.company_banner_title {
    font-size: 40px;
	}

	.company_banner_info{
		flex-direction: column;
		gap: 30px;
	}

	.company_banner_icon{
		flex-direction: row;
	}

	.company_name_text{
		font-size: 40px;
	}

	.company_advantages_item_name{
		font-size: 20px;
		line-height: normal;
	}
}
/* End */


/* Start:/local/templates/.default/components/bitrix/catalog.section.list/product_main/style.css?17534367781388*/
/*products_main*/

.products_main .section_title{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px 30px;
}

.products_main_item{
  margin-bottom: 63px;
}

.products_main_item_name{
  padding-bottom: 20px;
  border-bottom: 1px solid var(--Grey);
  margin-bottom: 24px;
  
  color: var(--Background, #343743);
  font-family: var(--Background);
  font-size: 24px;
  font-weight: 400;
  line-height: 29px; /* 120.833% */
}

.products_main_item_name a{
  display: flex;
  gap: 20px;
  align-items: baseline;
  color: var(--Background, #343743);
  text-decoration: none;
}

.products_main_item_name a::before{
  content: '';
  min-width: 12px;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background: var(--Grey);
  transition: all .3s linear;
}

.products_main_item_name a:hover::before{
  background: var(--Yellow);
}

.products_main_item_img{
  min-height: 368px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 24px;
  background: var(--Background_2);
}

@media(max-width: 1200px){
  .products_main_item_name{
    min-height: 79px;
  }
}
@media(max-width: 992px){
  .products_main_item{
    margin-bottom: 30px;
  }
}

@media(max-width: 768px){
  .products_main_item_img{
    min-height: initial;
  }
  .products_main_item_name{
    min-height: initial;
    padding-bottom: 15px;
    margin-bottom: 20px;
  }
}
/* End */
/* /local/templates/.default/components/bitrix/news.detail/company_page/style.css?17538610157206 */
/* /local/templates/.default/components/bitrix/catalog.section.list/product_main/style.css?17534367781388 */