/* Start:/company/style.css?178939799629473*/
.page_company{
}
.page_company .header__inner--margins{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.page_company .page-top-info{
    display: none;
}
.page_company .switcher-title{
    color: #FFFFFF;
}
.page_company .breadcrumbs__item-name{
    color: #FFFFFF;
}
.page_company .main .container .row{
    background: #111111;
}
.page_company .page-top-info,
.page_company .header--white{
    background: #111111!important;
}
.page_company .main.banner-auto {
    padding-bottom: 0!important;
}

/* container_banner */
.page_company .main .container .row.container_banner{
    background: url("/company/images/banner.png");
    background-size: cover;
    height: 900px;  
}
.page_company .banner{
    
}
.page_company .banner-in{
    padding:134px 0 245px 0;
}
.page_company .banner-left{
    width: 50%;
}
.page_company .banner-title{
    font-weight: 400;
    font-size: 68px;
    line-height: 81px;
    letter-spacing: 3%;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 30px;
    margin-top: 150px;
}
.page_company .banner-title span{
    color: #F2722C;
}
.page_company .banner-text_target{
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 0%;
    color: #FFFFFF;
    margin-bottom: 20px;
}
.page_company .banner-text{
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 0%;
    color: #A4A4A4;
}
.page_company .banner-right{
    
}




/* advantages */
.page_company .advantages {
    display: flex;
}
.page_company .advantages-left {
    width: 40%;
    position: relative;
}
.page_company .advantages-left:after {
    content: '';
    display: inline-block;
    width: 28px;
    height: 18px;
    border-right: 2px solid #F2722C;
    position: absolute;
    top: 1px;
    right: -2px;
    z-index: 1;
}
.page_company .advantages-left:before {
    content: '';
    display: inline-block;
    width: 28px;
    height: 28px;
    border-bottom: 2px solid #F2722C;
    position: absolute;
    top: -25px;
    right: -14px;
    z-index: 1;
}
.page_company .advantages-left img{
    width: 100%;
}
.page_company .advantages-right {
    width: 60%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
.page_company .advantages-item {
    width: 50%;
    padding: 100px 40px;
    border: 1px solid #1c1c1c;
    box-sizing: border-box;
    position: relative;
}
.page_company .advantages-item:nth-child(1):after,
.page_company .advantages-item:nth-child(3):after {
    content: '';
    display: inline-block;
    width: 28px;
    height: 28px;
    border-right: 2px solid #F2722C;
    position: absolute;
    bottom: -15px;
    right: -2px;
    z-index: 1;
}
.page_company .advantages-item:nth-child(1):before,
.page_company .advantages-item:nth-child(3):before {
    content: '';
    display: inline-block;
    width: 28px;
    height: 28px;
    border-bottom: 2px solid #F2722C;
    position: absolute;
    bottom: -2px;
    right: -14px;
    z-index: 1;
}
.page_company .advantages-item-title {
    font-weight: 400;
    font-size: 38px;
    line-height: 45px;
    letter-spacing: 3%;
    text-transform: uppercase;    
    color: #ffffff;
}
.page_company .advantages-item-text {
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 0%;
    color: #A4A4A4;
}

/* about */
.page_company .about {
    display: flex;
}
.page_company .about-left {
    padding: 94px 137px 0 150px;
    width: 65%;
}
.page_company .about-left-item-1 {
    font-weight: 400;
    font-size: 32px;
    line-height: 45px;
    letter-spacing: 3%;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 20px;
}
.page_company .about-left-item-2 {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    color: #A4A4A4;
    margin-bottom: 64px;
    margin-left: 200px;
}
.page_company .about-left-item-3 {
    font-weight: 400;
    font-size: 24px;
    line-height: 33px;
    letter-spacing: 3%;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 30px;
    margin-left: 100px;
}
.page_company .about-left-item-3 span{
    color: #F2722C;
}
.page_company .about-left-item-4 {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    color: #A4A4A4;
    margin-bottom: 66px;
    margin-left: 200px;
}
.page_company .about-left-item-5 {
    font-weight: 400;
    font-size: 24px;
    line-height: 33px;
    letter-spacing: 3%;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 26px;
    margin-left: 200px;
}
.page_company .about-left-item-4 span{
    color: #F2722C;
}
.page_company .about-left-item-6, 
.page_company .about-left-item-7 {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    color: #A4A4A4;
    margin-bottom: 20px;
    margin-left: 200px;
}
.page_company .about-right {
    width: 35%;
}
.page_company .about-right img{
    width: 100%;
}
.page_company .about-right-image {
        position: relative;
}
.page_company .about-right-name {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #000000B8;
    padding: 20px;
}
.page_company .about-right-name-1 {
    font-weight: 400;
    font-size: 24px;
    line-height: 33px;
    letter-spacing: 3%;
    text-transform: uppercase;
    color: #E2E2E2;
}
.page_company .about-right-name-2 {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    color: #9E9E9E;
}

/* history */
.page_company .main .container .row.container_history {
    background: url('/company/images/bg1.png');
    background-size: auto;
}
.page_company .history {
    position: relative;
    height: 1170px;
    margin-top: 150px;
}
.page_company .history-item-1 {
    width: 700px;
    position: absolute;
    top: 0;
    right: 0;
}
.page_company .history-item-2 {
    width: 300px;
    position: absolute;
    top: 30px;
    left: 0;
}
.page_company .history-item-3 {
    width: 400px;
    position: absolute;
    top: 250px;
    left: 15%;
}
.page_company .history-item-4 {
    width: 300px;
    position: absolute;
    top: 750px;
    left: 0;
}
.page_company .history-item-5 {
    width: 400px;
    position: absolute;
    top: 450px;
    right: 20%;
}
.page_company .history-item-1 .history-item-title {
    font-weight: 400;
    font-size: 32px;
    line-height: 45px;
    letter-spacing: 3%;
    text-transform: uppercase;
    color: #FFFFFF;
}
.page_company .history-item-title span{
    color: #F2722C;
}
.page_company .history-item-title{
    font-weight: 400;
    font-size: 20px;
    line-height: 23px;
    letter-spacing: 3%;
    color: #FFFFFF;
    margin-bottom: 15px;
}
.page_company .history-item-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    color: #A4A4A4;
}
.page_company .history-item-title {
    
}
.page_company .history-item-text {
    
}
.page_company .history-item-years {
    font-weight: 400;
    font-size: 38px;
    line-height: 45px;
    letter-spacing: 3%;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 30px;
}
.page_company .history-item-years span {
    color: #F2722C;
}
.page_company .history-item-5 .history-item-title{
    margin-bottom: 10px;
}
.page_company .history-item-5 .history-item-text{
    margin-bottom: 30px;
}
.page_company .history-item-3-block{
    position: relative;
}
.page_company .history-item-3-descr{
    position: absolute;
    bottom: 0;
}




/* differences */
.page_company .main .container .row.container_differences{
    background: #FFFFFF!important;

}
.page_company .differences {
    padding: 100px 0;
}
.page_company .differences-title {
    font-weight: 400;
    font-size: 32px;
    letter-spacing: 3%;
    text-transform: uppercase;
    margin-bottom: 30px;
    color: #1C1C1C;
}
.page_company .differences-text {
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 0%;
    margin-bottom: 10px;
    color: #1C1C1C;
}
.page_company .differences-text span{
    color: #F2722C;
}
.page_company .differences-description {
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 0%;
    margin-bottom: 40px;
    color: #1C1C1C;
}
.page_company .differences-list {
    display: flex;
    gap: 20px;
}
.page_company .differences-left {
    width: 50%;
    padding: 40px;
    background: #242424;
    border-radius: 5px;
}
.page_company .differences-left-top {    
    margin-bottom: 40px;
}
.page_company .differences-left-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0%;
    color: #A2A2A2;
    margin-bottom: 5px;
}
.page_company .differences-left-text {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0%;
    color: #FFFFFF;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    gap: 5px;
}
.page_company .differences-left-text::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M20 6L9 17L4 12' stroke='%23F2722C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
    background-repeat: no-repeat;
}
.page_company .differences-right {
    width: 50%;
    padding: 40px;
    background: #F3F3F3;
    border-radius: 5px;
}
.page_company .differences-right-top {
    font-weight: 400;
    font-size: 36px;
    line-height: 46px;
    letter-spacing: 0%;
    color: #676767;
    margin-bottom: 48px;
}
.page_company .differences-right-title {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0%;
    color: #A2A2A2;
    margin-bottom: 5px;
}
.page_company .differences-right-text {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0%;
    color: #6C6C6C;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    gap: 5px;
}
.page_company .differences-right-text::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M18 6L6 18' stroke='%236C6C6C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M6 6L18 18' stroke='%236C6C6C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
    background-repeat: no-repeat;
}

/* link */
.page_company .main .container .row.container_link{
    background: url('/company/images/6.png');
    background-color: #0F0F0F;
}
.page_company .link {
    display: flex;
    align-items: center;
    gap: 40px;
    padding: 90px;
}
.page_company .link-left {
    
}
.page_company .link-right {
    
}
.page_company .link-right-title {
    font-weight: 400;
    font-size: 36px;
    line-height: 46px;
    letter-spacing: 0%;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 30px;
}
.page_company .link-right-title span{
    color: #F2722C;
}
.page_company .link-right-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    color: #A4A4A4;
    margin-bottom: 40px;
}
.page_company .link-right-bottom {
    
}
.page_company .link-right-button {
    background-color: #F2722C;
    padding: 10px 16px;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0%;
    color: #FFFFFF;
    border-radius: 5px;
    display: inline-block;
}

/* process */
.page_company .main .container .row.container_process {
    background: url('/company/images/bg2.png');
    background-size: auto;
}
.page_company .process {
    padding: 64px;
}
.page_company .process-title {
    font-weight: 400;
    font-size: 32px;
    line-height: 45px;
    letter-spacing: 3%;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 87px;
    width: 800px;
}
.page_company .process-title span{
    color: #F2722C;
}
.page_company .process-info {
    display: flex;
    gap: 50px;
    justify-content: flex-end;    
}
.page_company .process-left {
    width: 500px;
}
.page_company .process-left-title {
    font-weight: 400;
    font-size: 24px;
    line-height: 33px;
    letter-spacing: 3%;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 10px;
}
.page_company .process-left-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    color: #A4A4A4;
    margin-bottom: 30px;
}
.page_company .process-right {
    
}

/* gallery */
.page_company .gallery {
    
}/* gallery */
.page_company .gallery {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	/* ряды: 30% + 70% высоты первого блока, затем два ряда нижней части */
	grid-template-rows: 3fr 7fr 4fr 4fr;
	min-height: 640px;
	grid-template-areas:
		"item1 item2 item3"
		"item1 item4 item5"
		"item6 item6 item8"
		"item7 item7 item8";
    height: 2000px;
}

/* общие свойства плиток: фон-изображение */
.page_company .gallery > div {
	position: relative;
	overflow: hidden;
	background-color: #d9d4c9; /* подложка, если картинка не загрузится */
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

/* затемнение поверх фото */
.page_company .gallery > div::after {
	content: "";
	position: absolute;
	inset: 0;
	background: #111111CC;
	transition: opacity .35s ease;
	pointer-events: none;
}

/* при наведении затемнение плавно убирается */
.page_company .gallery > div:hover::after {
	opacity: 0;
}

/* 1 — левая колонка, на всю высоту двух верхних рядов */
.page_company .gallery-item-1 {
	grid-area: item1;
	background-image: url("/company/images/gl1.png");
}

/* 2, 3 — первый ряд справа */
.page_company .gallery-item-2 {
	grid-area: item2;
	background-image: url("/company/images/gl2.png");
}

.page_company .gallery-item-3 {
	grid-area: item3;
	background-image: url("/company/images/gl3.png");
}

/* 4, 5 — второй ряд справа (70% высоты первого блока) */
.page_company .gallery-item-4 {
	grid-area: item4;
	background-image: url("/company/images/gl4.png");
}

.page_company .gallery-item-5 {
	grid-area: item5;
	background-image: url("/company/images/gl5.png");
}

/* 6, 7 — нижняя часть слева, шириной как 1 + 4, друг над другом */
.page_company .gallery-item-6 {
	grid-area: item6;
	background-image: url("/company/images/gl6.png");
}

.page_company .gallery-item-7 {
	grid-area: item7;
	background-image: url("/company/images/gl7.png");
}

/* 8 — справа от 6 и 7, шириной как 5, на всю их высоту */
.page_company .gallery-item-8 {
	grid-area: item8;
	background-image: url("/company/images/gl8.png");
}












/* ==========================================================================
   АДАПТИВ — до 1200px (небольшие ноутбуки)
   ========================================================================== */
@media (max-width: 1200px) {
	.page_company .banner-title {
		font-size: 56px;
		line-height: 66px;
	}
	.page_company .about-left {
		padding: 60px 60px 0 60px;
	}
	.page_company .about-left-item-2,
	.page_company .about-left-item-4,
	.page_company .about-left-item-5,
	.page_company .about-left-item-6,
	.page_company .about-left-item-7 {
		margin-left: 100px;
	}
	.page_company .process-title {
		width: 100%;
	}
	.page_company .history-item-1 {
		width: 500px;
	}
	.page_company .history-item-5 {
		right: 10%;
	}
}

/* ==========================================================================
   АДАПТИВ — до 992px (планшет)
   ========================================================================== */
@media (max-width: 992px) {

	/* BANNER */
	.page_company .main .container .row.container_banner {
		height: auto;
		background-position: bottom center;
	}
	.page_company .banner-in {
		padding: 80px 0 320px 0;
	}
	.page_company .banner-left {
		width: 80%;
	}
	.page_company .banner-title {
		font-size: 44px;
		line-height: 52px;
		margin-top: 0;
		margin-bottom: 24px;
	}

	/* ADVANTAGES — картинка сверху, карточки по 2 в ряд */
	.page_company .advantages {
		flex-direction: column;
	}
	.page_company .advantages-left,
	.page_company .advantages-right {
		width: 100%;
	}
	.page_company .advantages-left img {
		width: 100%;
		height: auto;
	}
	.page_company .advantages-item {
		padding: 50px 30px;
	}
	.page_company .advantages-item-title {
		font-size: 28px;
		line-height: 34px;
	}

	/* ABOUT — в колонку, сохраняем «лесенку» отступов, но меньше */
	.page_company .about {
		flex-direction: column;
	}
	.page_company .about-left {
		width: 100%;
		padding: 60px 40px;
	}
	.page_company .about-left-item-2,
	.page_company .about-left-item-4,
	.page_company .about-left-item-5,
	.page_company .about-left-item-6,
	.page_company .about-left-item-7 {
		margin-left: 60px;
	}
	.page_company .about-right {
		width: 100%;
	}

	/* HISTORY — из absolute в обычный поток */
	.page_company .main .container .row.container_history {
		background-size: cover;
		background-color: #111111;
	}
	.page_company .history {
		position: static;
		height: auto;
		margin-top: 60px;
		display: flex;
		flex-direction: column;
		gap: 40px;
	}
	.page_company .history-item-1,
	.page_company .history-item-2,
	.page_company .history-item-3,
	.page_company .history-item-4,
	.page_company .history-item-5 {
		position: static;
		width: 100%;
	}
	.page_company .history-item-3 img {
		width: 100%;
		height: auto;
		display: block;
	}

	/* DIFFERENCES — карточки друг под другом */
	.page_company .differences {
		padding: 60px 0;
	}
	.page_company .differences-list {
		flex-direction: column;
	}
	.page_company .differences-left,
	.page_company .differences-right {
		width: 100%;
	}

	/* LINK — в колонку */
	.page_company .link {
		flex-direction: column;
		align-items: flex-start;
		padding: 60px 40px;
		gap: 30px;
	}
	.page_company .link-left img {
		width: 100%;
		height: auto;
	}
	.page_company .link-right-title {
		font-size: 30px;
		line-height: 38px;
	}

	/* PROCESS — в колонку */
	.page_company .process {
		padding: 50px 30px;
	}
	.page_company .process-title {
		font-size: 28px;
		line-height: 36px;
		margin-bottom: 40px;
	}
	.page_company .process-info {
		flex-direction: column;
		justify-content: flex-start;
		gap: 30px;
	}
	.page_company .process-left {
		width: 100%;
	}
	.page_company .process-right img {
		width: 100%;
		height: auto;
	}
}

/* ==========================================================================
   АДАПТИВ — до 768px (мобильный, как на макете)
   ========================================================================== */
@media (max-width: 768px) {

    .page_company {
        flex-direction: unset;
    }
	/* BANNER */
    .page_company .main .container .row.container_banner{        
        background: url("/company/images/banner_mob.png");
        background-repeat: no-repeat;
        background-size: cover;
        height: 800px;
        background-position-y: 100%;
    }
	.page_company .banner-in {
		padding: 60px 0 260px 0;
	}
	.page_company .banner-left {
		width: 100%;
	}
	.page_company .banner-title {
		font-size: 32px;
		line-height: 40px;
		margin-top: 0;
		margin-bottom: 20px;
	}
	.page_company .banner-text_target {
		font-size: 17px;
		line-height: 23px;
		margin-bottom: 14px;
	}
	.page_company .banner-text {
		font-size: 15px;
		line-height: 21px;
	}

	/* ADVANTAGES — одна колонка, картинка между карточками (как на макете) */
	.page_company .advantages {
        display: flex;
		flex-direction: column;
	}
    .page_company .container_advantages .maxwidth-theme{
        padding: 0;
    }
    .page_company .container_advantages .col-md-12{
        padding: 0;
    }
	.page_company .advantages-right {
		display: contents; /* дети становятся прямыми элементами флекса */
	}
	.page_company .advantages-item {
		width: 100%;
		padding: 40px 40px;
	}
	/* порядок: 1, 3, картинка, 2, 4, 6 — как на макете */
	.page_company .advantages-item:nth-child(1) { order: 1; }
	.page_company .advantages-item:nth-child(3) { order: 2; }
	.page_company .advantages-left               { order: 3; }
	.page_company .advantages-item:nth-child(2) { order: 4; }
	.page_company .advantages-item:nth-child(4) { order: 5; }
	.page_company .advantages-item:nth-child(6) { order: 6; }
	.page_company .advantages-item:nth-child(5) { display: none; } /* пустая */
	.page_company .advantages-item-title {
		font-size: 22px;
		line-height: 28px;
	}
	.page_company .advantages-item-text {
		font-size: 15px;
		line-height: 21px;
	}
	/* декоративные уголки в одну колонку ломаются — скрываем */
	.page_company .advantages-left:after,
	.page_company .advantages-left:before,
	.page_company .advantages-item:nth-child(1):after,
	.page_company .advantages-item:nth-child(1):before,
	.page_company .advantages-item:nth-child(3):after,
	.page_company .advantages-item:nth-child(3):before {
		display: none;
	}

	/* ABOUT — без отступов-лесенки */
    
    .page_company .container_about .maxwidth-theme{
        padding: 0;
    }
    .page_company .container_about .col-md-12{
        padding: 0;
    }
	.page_company .about-left {
		padding: 40px 40px;
	}
	.page_company .about-left-item-1 {
		font-size: 24px;
		line-height: 32px;
	}
	.page_company .about-left-item-2,
	.page_company .about-left-item-4,
	.page_company .about-left-item-6,
	.page_company .about-left-item-7 {
		margin-left: 0;
		margin-bottom: 30px;
		font-size: 15px;
		line-height: 22px;
	}
	.page_company .about-left-item-3,
	.page_company .about-left-item-5 {
		margin-left: 0;
		font-size: 20px;
		line-height: 28px;
	}

	/* HISTORY */
	.page_company .history {
		margin-top: 40px;
		gap: 30px;
	}
	.page_company .history-item-1 .history-item-title {
		font-size: 24px;
		line-height: 32px;
	}
	.page_company .history-item-years {
		font-size: 30px;
		line-height: 36px;
		margin-bottom: 20px;
	}
	.page_company .history-item-3-descr {
		position: static;
		padding-top: 16px;
	}

	/* DIFFERENCES — правая колонка сворачивается в плашку с шевроном */
	.page_company .differences {
		padding: 40px 0;
	}
	.page_company .differences-title {
		font-size: 24px;
		margin-bottom: 20px;
	}
	.page_company .differences-text,
	.page_company .differences-description {
		font-size: 16px;
		line-height: 22px;
	}
	.page_company .differences-left {
		padding: 24px 20px;
	}
	.page_company .differences-left-top {
		margin-bottom: 24px;
	}
	.page_company .differences-right {
		padding: 0;
	}
	.page_company .differences-right-top {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin: 0;
		padding: 16px 20px;
		font-size: 16px;
		line-height: 22px;
		cursor: pointer;
	}
	/* шеврон */
	.page_company .differences-right-top:after {
		content: '';
		display: inline-block;
		width: 10px;
		height: 10px;
		border-right: 2px solid #676767;
		border-bottom: 2px solid #676767;
		transform: rotate(45deg);
		transition: transform .3s ease;
		flex-shrink: 0;
	}
	.page_company .differences-right.opened .differences-right-top:after {
		transform: rotate(225deg);
	}
	.page_company .differences-right-title,
	.page_company .differences-right-text {
		display: none;
		padding: 0 20px;
	}
	.page_company .differences-right.opened .differences-right-title,
	.page_company .differences-right.opened .differences-right-text {
		display: flex;
	}
	.page_company .differences-right.opened .differences-right-text {
		padding-bottom: 14px;
	}

	/* LINK */
	.page_company .link {
		padding: 40px 20px;
	}
	.page_company .link-right-title {
		font-size: 24px;
		line-height: 30px;
		margin-bottom: 20px;
	}
	.page_company .link-right-text {
		font-size: 15px;
		line-height: 22px;
		margin-bottom: 24px;
	}
	.page_company .link-right-button {
		font-size: 17px;
		line-height: 26px;
	}

	/* PROCESS */
	.page_company .process {
		padding: 40px 20px;
	}
	.page_company .process-title {
		font-size: 22px;
		line-height: 30px;
		margin-bottom: 30px;
	}
	.page_company .process-left-title {
		font-size: 18px;
		line-height: 25px;
	}
	.page_company .process-left-text {
		font-size: 15px;
		line-height: 22px;
		margin-bottom: 20px;
	}
}

/* ==========================================================================
   АДАПТИВ — до 480px (узкие экраны)
   ========================================================================== */
@media (max-width: 480px) {
	.page_company .banner-title {
		font-size: 26px;
		line-height: 32px;
	}
	.page_company .advantages-item {
		padding: 40px 40px;
	}
	.page_company .advantages-item-title {
		font-size: 19px;
		line-height: 25px;
	}
	.page_company .about-left-item-1 {
		font-size: 21px;
		line-height: 28px;
	}
	.page_company .history-item-1 .history-item-title {
		font-size: 21px;
		line-height: 28px;
	}
	.page_company .history-item-years {
		font-size: 26px;
		line-height: 32px;
	}
	.page_company .differences-title {
		font-size: 21px;
	}
	.page_company .link-right-title {
		font-size: 21px;
		line-height: 27px;
	}
	.page_company .process-title {
		font-size: 20px;
		line-height: 26px;
	}
}
/* адаптив */
@media (max-width: 768px) {
	.page_company .gallery {
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: none;
		grid-template-areas: none;
		grid-auto-rows: 170px;
	}
	.page_company .gallery > div {
		grid-area: auto;
	}
	.page_company .gallery-item-1,
	.page_company .gallery-item-8 {
		grid-column: span 2;
	}
	.page_company .about-right-image{
		width: 80%;
    	margin: 0 auto;
	}
	.page_company .about-right-name{
		width: 95%;
	}
	.page_company .main .container .row.container_process{
		background: #111111;
	}
}

@media (prefers-reduced-motion: reduce) {
	.page_company .gallery > div::after {
		transition: none;
	}
}
@media (max-width: 768px) {
	.page_company .gallery {
		display: flex;
		overflow-x: auto;
		gap: 20px;                          /* отступ между слайдами */
		height: auto;                       /* сброс десктопных height/min-height */
		min-height: 0;
		scroll-snap-type: x mandatory;      /* доводка слайда при свайпе */
		scroll-padding-left: calc(10% - 20px);
		-webkit-overflow-scrolling: touch;
		overscroll-behavior-x: contain;
		scrollbar-width: none;              /* прячем полосу прокрутки */
	}
	.page_company .gallery::-webkit-scrollbar {
		display: none;
	}
	.page_company .gallery > div {
		flex: 0 0 70%;                      /* слайд = 80% ширины экрана */
		aspect-ratio: 4 / 3;
		scroll-snap-align: start;
	}
	/* боковые отступы: благодаря им соседний слайд виден ровно на ~10% */
	.page_company .gallery-item-1 {
		margin-left: calc(10% - 20px);
	}
	.page_company .gallery-item-8 {
		margin-right: calc(10% - 20px);
	}
}
/* 1. Возвращаем html запрет горизонтальной прокрутки на ВСЕХ ширинах:
   шаблон держит его только до 768px, а на 769–991 он становится visible */
html {
	overflow-x: hidden;
}

/* 2. Обрушиваем всё, что меряется в vw, до честных 100% */
@media (max-width: 991px) {
	#mobileheader,
	.mobileheader,
	.mobileheader__inner,
	.mobilemenu__overlay,
	#mobilefilter,
	#mobilefilter-overlay,
	.body_media {
		width: 100%;
		max-width: 100%;
	}
}
body.mfixed_y #mobileheader{
	position: fixed!important;
}
/* End */
/* /company/style.css?178939799629473 */