.article__img img.mb-50 {
    height: 50%;
}
.text-image__wrap .article__img.img2 {
    height: 80%;
}
@media (max-width: 630px) {
    .press-links__column {
        padding-top: 0;
    }
}
.title-black, .text-black {color:black!important;}
@media(max-width:768px) {.title-black, .text-black {color:white!important;}}

@media(min-width:768px) {
.text__wrap.text-left {text-align:left;max-width: 90%;padding-left: 5rem;}
.text__wrap.text-left .prepositions_text {width:100%;}
.text__wrap.text-left .button-wrapper {justify-content: unset;}
}
@media(min-width:2200px) {
	.text__wrap.text-left {text-align:left;max-width: 100%;padding-left: 0;}
}
@media(max-width:1200px) {
	.text__wrap.text-left {max-width: 100%;padding-left: 3rem;}
}

.news-page-item h1[itemprop="name"] {font-size:18px;padding: 0 3rem;}
.news-page-item .entry-header {margin-bottom:5rem;}

.sp-main-body {position:relative;}
		.news-page-item .article-info {text-align:center;margin-top: 1rem;}
		.news-page-item .entry-header {
			text-align: center;
			padding: 2rem;
		}
		.news-page-item .article-info > dd {text-transform:unset;}
		.news-page-item .back-button-news {
			padding: 2rem;
			position: absolute;
			top: 50%;
			transform: translate(0, -70%);
			left: -5rem;
		}
		@media (max-width:1100px) {
			.news-page-item .back-button-news {transform: translate(0, -75%);left: -3rem;}
			.news-page-item h1[itemprop="name"] {padding: 0;}
		}
		@media (max-width:992px) {
			.news-page-item .back-button-news {position:unset;transform:none;}
			.news-page-item .entry-header {margin-bottom:2rem;}
		}
span.small-title {font-size:80px!important;}
@media (max-width:1200px) {span.small-title {font-size:4rem!important;}}
@media (max-width:991px) {span.small-title {font-size:3.5rem!important;}}
@media (max-width:768px) {span.small-title {font-size:3rem!important;}}
@media (max-width:550px) {span.small-title {font-size:2rem!important;}}
.news-page h3 {text-transform:uppercase;margin-bottom:2rem;}
.news-page p {margin-bottom:2rem;}
/*.news-page p {font-size:24px;padding-bottom:60px;}*/
.news-page .title_wrapper img {padding:30px 0;margin-bottom:3rem;width:100%;}

.border-box {
  position: relative;
  display: inline-block;

}
.border-box img{
  display: block;
  position: relative;
  z-index: 2;
  padding:0!important;
}
.border-box.img-right {float:right;margin-left:4rem;margin-bottom:2rem;margin-right: 10px;max-width:330px;}
.border-box.img-left {float:left;margin-right:4rem;margin-bottom:2rem;margin-left: 10px;max-width:330px;}

.border-box.right-border::after {
  content: '';
  position: absolute;
  top: -10px;
  right: -10px;
  width: calc(100%);
  height: calc(100%);
  border: 1px solid #999;
  z-index: 1;
  background: transparent;
}
.border-box.left-border::after {
  content: '';
  position: absolute;
  top: -10px;
  left: -10px;
  width: calc(100%);
  height: calc(100%);
  border: 1px solid #999;
  z-index: 1;
  background: transparent;
}
.newslist-image .img-caption {
    position: absolute;
    top: 2rem;
    left: 2rem;
    font-size: 40px;
    display: block;
    width: 100px;
    z-index: 100;
    text-transform: uppercase;
    color: white;
    line-height: 1.2;
}
@media (max-width:1400px) {
	.border-box.img-right {margin-left:3rem;margin-bottom:2rem;max-width:30%;}
	.border-box.img-left {margin-right:3rem;margin-bottom:2rem;max-width:30%;}
	.newslist-image .img-caption {font-size: 30px;}
}
@media (max-width:768px) {
	.border-box.img-right {margin-left:2rem;margin-bottom:1rem;max-width:40%;}
	.border-box.img-left {margin-right:2rem;margin-bottom:1rem;max-width:40%;}
	.news-page-new {padding: 0!important;}
}
@media (max-width:550px) {
	.border-box.img-right {margin-left:1rem;margin-bottom:1rem;max-width:40%;}
	.border-box.img-left {margin-right:1rem;margin-bottom:1rem;max-width:40%;}
	.news-page .title_wrapper img {padding:0;}
	.newslist-image .img-caption {font-size: 20px;top: 1rem;left: 1rem;}
}
@media (max-width:420px) {
	.border-box.img-right {float:none;margin-left:0;margin-bottom:1rem;max-width:100%;}
	.border-box.img-left {float:none;margin-right:0;margin-bottom:1rem;max-width:100%;}
	
}
.article-news-grid-block {display: grid;gap: 5rem;align-items: center;margin-bottom:2rem;}
	.grid-img-right {grid-template-columns: 1fr 350px;}
	.grid-img-left {grid-template-columns: 350px 1fr;}
	@media (max-width:991px) {.article-news-grid-block {gap: 2rem;align-items: start;}}
	@media (max-width:768px) {.article-news-grid-block{grid-template-rows: auto;grid-template-columns: 1fr;}
		.grid-img-left .border-box{order:1;}
		.article-news-grid-block {margin-bottom:2rem;}
	}



.breadcrumb {font-size: smaller;}
@media (max-width:768px) {
.breadcrumb {font-size: small;}
}
.breadcrumb-item a {color:#6c757d;}
.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: .5rem;
    color: #6c757d;
    content: "/";
    transform: scale(0.7, 1.4) translateY(-1px);
}
.view-article nav.pagenavigation > ul {
    display: flex;
    align-items: center;
    justify-content: center;
	padding-top: 2rem;
	width:100%;
}
.bage_master .sppb-addon-single-image-container {
	position:relative;
}
.bage_master .sppb-addon-single-image-container:before{
	content: "";
    display: block;
    width: 65px;
    height: 65px;
    background: url('../images/bage_master.png') no-repeat center center;
    background-size: contain;
    position:absolute;
	top:0;
	right:15px;
}
@media(max-width:768px) {
	.bage_master .sppb-addon-single-image-container:before{
		width: 45px;
		height: 50px;
	}
}
.fly-top-section {
	min-height: calc(100vh - 65px);
    color: #fff;
}
.fly-top-section .sppb-section-background-video video {
    position: absolute;
    object-fit: cover;
    left: 0!important;
    top: 0!important;
    height: 100%!important;
    width: 100%!important;
}
.fly-title{font-size: 80px;
    text-transform: uppercase;
	color:#fff;
	text-shadow: 2px 2px rgb(0 0 0 / 70%);
}
@media (max-width:600px) {
	.fly-title{font-size: 50px;}
}
.page-135 .title {font-size: 30px;
    font-family: "Sansation_Regular";
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    display: block;
    margin-bottom: 50px;
	line-height:1.3;
}
.fly-top-section .product-top__wrap {
	align-items: flex-start;
	padding: 20vh 100px;
}
@media (max-width:1100px) {
	.fly-top-section .product-top__wrap {
	padding: 20vh 0;
	}
}
@media (max-width:600px) {
	.fly-top-section .product-top__wrap {
	padding: 20vh 2rem!important;
	}
}

.fly-top-section .text {
	max-width:500px;
	text-shadow: 2px 2px rgb(0 0 0 / 70%);
}
.fly-protection {
    display: grid;
    grid-template-columns: max-content max-content;
    gap: 2rem;
	margin-bottom: 2rem;
    text-align: center;
	justify-content: center;
}

.fly-protection div {
	background:#DAECEE;
	border-radius: 15px;
    padding: 1rem 2rem;
}
.fly-protection span {
	font-size:18px;
	padding: 1rem;
    display: block;
}
@media (max-width:1100px) {
	.fly-protection {
		grid-template-columns: 1fr 1fr;
	}
}
@media (max-width:600px) {
	.fly-protection {
		gap: 1rem;
		grid-template-columns: 45% 45%;
	}
	.fly-protection div {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		padding: .5rem;
	}
	.fly-protection span {
	font-size:unset;
	padding: .5rem;
	}
}

.fly-function {
	background:#6D5B4F;
	border-radius:15px;
	color:#fff;
}
.fly-function-block {display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 0 5rem 5rem 5rem;
	gap:2rem;
}
.fly-function-ico {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 2rem;
	font-size:18px;
}
@media (max-width:768px) {
	.fly-function-ico {
		display: grid;
        grid-template-columns: auto;
        grid-template-rows: min-content min-content;
        gap: 1rem;
        font-size: unset;
        text-align: center;
	}
	.fly-function-ico img {margin:0 auto;}
	.fly-function-block {
		display: grid;
        grid-template-columns: 1fr 1fr;
        padding: 0 1rem 5rem 1rem;
        gap: 3rem 1rem;
	}
	.fly-function {margin:0 1rem;}
}
.fly-protection-section {
	background:#DAECEE;
}
.fly-com-protection-block {
    display: grid;
    grid-template-columns: repeat(6, auto);
    align-items: center;
    justify-content: space-between;
}
.fly-com-protection-ico {
	display: flex;
    align-items: center;
    flex-direction: column;
    gap: 1rem;
	font-size:18px;
}
@media (max-width:768px) {
	.fly-com-protection-block {
		display: grid;
		grid-template-columns: repeat(2, auto);
		align-items: center;
		justify-content: space-around;
		gap: 2rem 0;
	}
}
.fly-fav-block {
    display: grid;
    grid-template-columns: repeat(4, auto);
    justify-content: space-between;
    gap: 2rem;
}
.fly-fav-ico {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    align-items: center;
    text-align: center;
	font-size:18px;
}
@media (max-width:768px) {
	.fly-fav-block {
		display: grid;
		grid-template-columns: 1fr;
		justify-content: space-between;
		gap: 2rem;
		padding: 0 2rem;
	}
	.fly-fav-ico {
		display: flex;
		flex-direction: row;
		gap: 1rem;
		align-items: center;
		text-align: unset;
		font-size: 18px;
	}
	.fly-fav-ico img {
		max-width: 30%;
	}
}
.fly-more-block {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
}
.fly-more-ico {
	display: flex;
    flex-direction: column;
    align-items: center;
}
@media (max-width:600px) {
	.fly-more-block {
		display: grid;
		grid-template-columns: 1fr;
		gap: 3rem;
		padding: 0 3rem;
	}
}

@media (max-width: 767px) {
    div.modal.fade {
        top:0!important;
    }
}
@media (max-width: 480px) {
    div.modal {
        top: 0!important;
        left: 0!important;
        right: 0!important;
    }
}
@media (max-width: 767px) {
    div.modal {
        top: 0!important;
        left: 0!important;
        right: 0!important;
    }
}

/*----------истории упеха------------------*/
.s-story * {

    box-sizing: border-box;
}

.s-story body {
    margin: 0;
    padding: 0;
    font-size: 16px;
}

.s-story h1,
.s-story h2,
.s-story h3 {
    font-family: 'Sansation', sans-serif;
    text-transform: uppercase;
}

.s-story img {
    max-width: 100%;
    max-height: fit-content;
	padding:0;
}

.s-story .img-400 {
    max-width: 400px;
    margin-left: auto;
}

.s-story .bg-grey {
    background: #7F7F7F;
}

.s-story .bg-blue {
    background: #4C7298;
}

.s-story .bg-grey-blue {
    background: #566270;
}

.s-story .header-block-title {
    grid-area: left-top;
    position: relative;
}

.s-story .text {
    color: white;
    font-size: 100px;
    text-transform: uppercase;
    line-height: 0.9;
    mix-blend-mode: difference;
    position: absolute;
    width: min-content;
    bottom: 0;
    right: -168px;
    letter-spacing: 0.5rem;
}

.s-story .head-grid {
    background: #eee;
}

.s-story .head-block {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas:
        "left-top img"
        "left-bottom img";
    max-width: 1280px;
    margin: 0 auto;
}

.s-story .image-side {
    grid-area: img;
}

.s-story .image-side img {
    max-width: 650px;
	padding:0;
}

.s-story .text {
    grid-area: left-top;
    display: flex;
    align-items: flex-end;
}

.s-story .text-bottom {
    grid-area: left-bottom;
    display: flex;
    align-self: end;
    margin-left: auto;
    padding-right: 3rem;
    padding-bottom: 3rem;
    width: fit-content;
    flex-direction: column;
    gap: 2rem;
    font-size: 20px;
}

.s-story .text-with-line {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.s-story .text-with-line::before,
.s-story .text-with-line::after {
    content: '';
    flex: 1;
    height: 1px;
    background: black;
}

.s-story .text-with-line::before {
    margin-right: -10px;
}

.s-story .text-with-line::after {
    margin-left: -10px;
}

.s-story .text-with-line span {
    text-transform: uppercase;
    padding: 0 15px;
    white-space: nowrap;
}

.s-story .work-grid.work-grid-align-text-center {
    grid-template-rows: 1fr 2rem 1fr;
}

.s-story .wg-bottom {
    margin-top: -5rem;
}

.s-story .about-grid {
    display: grid;
    gap: 4rem;
}

.s-story .cite-block {
    margin: 0 auto;
    max-width: 600px;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.s-story .cite-block h2, .s-story .wt2 h2, .history h2  {color:white;}
.s-story .cite .fst-italic {
    text-transform: none;
}

.s-story .cite-block img {
    margin: 0 auto;
	width:auto;
}

.s-story .cite-block hr {
    height: 2px;
    width: 100px;
    margin: 0 auto;
	border-top: 1px solid white;
}

.s-story .work-grid {
    display: grid;
    gap: 2rem;
}

.s-story .work-img img {
    width: 100%;
    height: auto;
    display: block;
}

.s-story .aw2 {
    width: 100%;
}

.s-story .aw2 img {
    height: auto;
    display: block;
	padding-bottom:0;
}

.s-story .wt2 {
    color: white;
    padding: 2rem;
}

.s-story .i-img {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2rem;
    margin-top: 2rem;
}

.s-story .i-img img {
    flex: 1 1 300px;
    max-width: 500px;
    min-width: 250px;
    height: auto;
    display: block;
}

.s-story .history-block {
    display: grid;
    grid-template-columns: auto auto;
    gap: 2rem;
    margin-bottom: -50px;
    justify-content: center;
}

.s-story .grid-container {
    display: grid;
    grid-template-columns: minmax(3rem, 1fr) 400px minmax(0, 800px) 1fr;
    grid-template-rows: 100px 300px 100px;
    gap: 0 5rem;
    margin-top: -50px;
    position: relative;
}

.s-story .aw2 {
    grid-column: 2;
    grid-row: 1 / 4;
	overflow:hidden;
}

.s-story .wt2 {
    grid-row: 2;
    grid-column: 3;
    display: flex;
    justify-content: center;
    flex-direction: column;
    color: white;
    padding: 2rem 0;
	gap:2rem;
}

.s-story .grey-line {
    display: block;
    grid-row: 2;
    grid-column: 1 / 5;
    z-index: -1;
}

/* МЕДИАЗАПРОСЫ */

/* ЗЕРКАЛЬНОЕ ОТОБРАЖЕНИЕ ДЛЯ HEAD-BLOCK */
@media (min-width: 768px) {
    .s-story .head-block.reverse {
        grid-template-areas:
            "img left-top"
            "img left-bottom";
    }
    
    .s-story .head-block.reverse .text {
        right: auto;
        left: -150px;
        text-align: left;
    }
    
    .s-story .head-block.reverse .text-bottom {
        margin-left: 0;
        margin-right: auto;
        padding-right: 0;
        padding-left: 3rem;
    }
}

/* Адаптивность для текста в зеркальном варианте head-block */
@media (min-width: 768px) and (max-width: 1060px) {
    .s-story .head-block.reverse .text {
        left: -70px;
        font-size: 80px;
    }
}

@media (min-width: 768px) and (max-width: 768px) {
    .s-story .head-block.reverse .text {
        left: -90px;
        font-size: 60px;
    }
}

/* ДЕСКТОПНЫЕ СТИЛИ ДЛЯ ABOUT-GRID (обычный вариант) */
@media (min-width: 992px) {
    .s-story .about-grid {
        grid-template-columns: 1fr 2fr;
    }
    
    .s-story .about-img {
        grid-column: 1;
        grid-row: 1;
    }
    
    .s-story .about-info {
        grid-column: 2;
        grid-row: 1;
        display: flex;
        flex-direction: column;
        gap: 3rem;
    }
    
    .s-story .about-info-top {
        display: grid;
        grid-template-columns: auto auto;
        gap: 2rem;
    }
}

/* ЗЕРКАЛЬНОЕ ОТОБРАЖЕНИЕ ДЛЯ ABOUT-GRID */
@media (min-width: 992px) {
    .s-story .about-grid.reverse {
        grid-template-columns: 2fr 1fr;
    }
    
    .s-story .about-grid.reverse .about-img {
        grid-column: 2;
        grid-row: 1;
    }
    
    .s-story .about-grid.reverse .about-info {
        grid-column: 1;
        grid-row: 1;
    }
}

/* ДЕСКТОПНЫЕ СТИЛИ ДЛЯ WORK-GRID */
@media (min-width: 768px) {
    .s-story .work-grid {
        grid-template-rows: auto 2rem 1fr;
        grid-template-areas:
            "favorite img"
            ". img"
            "rest img";
        gap: 0 3rem;
    }
    
    .s-story .work-grid-30 {
        grid-template-columns: auto 1fr;
    }
    
    .s-story .work-grid-40 {
        grid-template-columns: 40% 1fr;
    }
    
    .s-story .work-grid-50 {
        grid-template-columns: 50% 1fr;
    }
    
    .s-story .work-grid-60 {
        grid-template-columns: 60% 1fr;
    }
    
    .s-story .work-grid-70 {
        grid-template-columns: 70% auto;
    }
    
    .s-story .work-favorite {
        grid-area: favorite;
        align-self: end;
    }
    
    .s-story .work-img {
        grid-area: img;
        height: 100%;
        align-self: stretch;
    }
    
    .s-story .work-img img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    
    .s-story .work-rest {
        grid-area: rest;
        align-self: start;
    }
}

/* ЗЕРКАЛЬНОЕ ОТОБРАЖЕНИЕ ДЛЯ WORK-GRID */
@media (min-width: 768px) {
    .s-story .work-grid.reverse {
        grid-template-areas:
            "img favorite"
            "img ."
            "img rest";
    }
}

/* ЗЕРКАЛЬНОЕ ОТОБРАЖЕНИЕ ДЛЯ GRID-CONTAINER */
@media (min-width: 768px) {
    .s-story .grid-container.reverse {
        grid-template-columns: 1fr minmax(0, 920px) 400px minmax(3rem, 1fr);
		gap:1rem;
    }
    
    .s-story .grid-container.reverse .aw2 {
        grid-column: 3;
        grid-row: 1 / 4;
    }
    
    .s-story .grid-container.reverse .wt2 {
        grid-row: 2;
        grid-column: 2;
    }
}

@media (max-width: 1400px) {
    .s-story .grid-container {
        margin-top: 50px;
        gap: 0 5rem;
    }
}

@media (max-width: 1200px) {
    .s-story .work-img {
        height: auto;
    }
}

@media (max-width: 1060px) {
    .s-story .grid-container {
        gap: 0 2rem;
    }
    
    .s-story .grid-container {
        grid-template-columns: minmax(1rem, 1fr) 350px minmax(0, 920px) 1fr;
    }
    
    .s-story .image-side img {
        width: 100%;
		padding:0;
    }
    
    .s-story .text {
        font-size: 80px;
        right: -70px;
    }
}

@media (max-width: 991px) {
    .s-story .about-grid {
        grid-template-columns: 1fr;
    }
    
    .s-story .about-info-top {
        grid-row: 1;
        order: 1;
        display: flex;
		gap:2rem;
		justify-content:center;
    }
    
    .s-story .about-img {
        grid-row: 2;
        order: 2;
    }
    
    .s-story .about-text {
        grid-row: 3;
        order: 3;
    }
    
    .s-story .about-info {
        display: contents;
    }
    
    .s-story .work-grid {
        align-items: start;
    }
    
    .s-story .work-favorite {
        grid-area: favorite;
    }
    
    .s-story .work-img {
        grid-area: img;
        align-self: unset;
    }
    
    .s-story .work-rest {
        grid-area: rest;
    }
}

@media (max-width: 768px) {
    .s-story .text {
        font-size: 60px;
        right: -90px;
    }
    
    .s-story .text-bottom {
        font-size: 16px;
        padding-right: 1rem;
        padding-bottom: 1rem;
        padding-left: 3rem;
    }
    
    .s-story .grid-container {
        grid-template-columns: minmax(1rem, 1fr) auto minmax(0, 920px) 1fr;
		gap:1rem;
    }
    .s-story .grid-container {
		grid-template-rows: 50px 1fr 50px;
	}
    .s-story .work-grid {
        grid-template-columns: 45% 1fr;
        grid-template-rows: auto 2rem 1fr;
        grid-template-areas:
            "favorite img"
            ". img"
            "rest rest";
        gap: 0 2rem;
    }
    
    .s-story .work-grid.work-grid-align-text-center {
        grid-template-rows: auto auto auto;
    }
    
}

@media (max-width: 550px) {
    .s-story .grid-container {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr;
        margin-top: 0;
        gap: 0;
        margin-top: 3rem;
    }
    
    .s-story .aw2 {
        grid-column: 1;
        grid-row: 1 / 2;
    }
    
    .s-story .wt2 {
        grid-row: 2;
        grid-column: 1;
        display: flex;
        justify-content: center;
        flex-direction: column;
        color: white;
        padding: 2rem;
		gap:2rem;
    }
    
    .s-story .work-grid {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto 1fr;
        grid-template-areas:
            "favorite"
            "img"
            "rest";
        gap: 3rem;
    }
    
    .s-story .work-grid.work-grid-align-text-center {
        grid-template-rows: auto auto auto;
    }
    
    .s-story .wg-bottom {
        margin-top: 0;
    }
    
    .s-story .image-side {
        grid-area: none;
        grid-row: 1 / 3;
        grid-column: 1 / 3;
    }
    
    .s-story .image-side img {
        max-width: 100%;
		padding:0;
    }
    
    .s-story .head-block {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr auto;
        grid-template-areas: unset;
        gap: 1rem;
    }
    
    .s-story .header-block-title {
        grid-area: unset;
        position: relative;
        grid-row: 1 / 2;
        grid-column: 1 / 3;
        display: flex;
        justify-content: center;
    }
    
    .s-story .text {
        color: white;
        font-size: 30px;
        text-transform: uppercase;
        line-height: 0.9;
        mix-blend-mode: unset;
        position: unset;
        width: auto;
        letter-spacing: 0.5rem;
        text-align: center;
    }
    
    .s-story .text-bottom {
        grid-area: unset;
        display: flex;
        align-self: end;
        margin-left: unset;
        padding-right: 0;
        padding-bottom: 0;
        width: fit-content;
        flex-direction: column;
        gap: 1rem;
        font-size: 16px;
        z-index: 5;
        grid-column: 1 / 3;
        grid-row: 2;
        margin: 0 auto;
        padding-bottom: 2rem;
        color: white;
        text-align: center;
    }
    
    .s-story .text-with-line::before,
    .s-story .text-with-line::after {
        background: #ffffff;
    }
    
    .s-story .text-with-line span {
        color: white;
    }
    
    .s-story .i-img {
        gap: .5rem;
    }
    
    .s-story .history-block {
        gap: 1rem;
    }
}

.no-container #sp-main-body > .container {width: 100%;
    max-width: 100%;padding:0;}
.no-container .entry-header {margin-bottom:0;}

/* Делаем полосу прокрутки всегда видимой */
html {
    overflow-y: scroll !important;
}

/* Убираем padding-right при открытии модалки */
.modal-open {
    overflow: hidden !important;
    padding-right: 0 !important;
}

/* Модалка должна учитывать полосу прокрутки */
.modal {
    padding-right: 0 !important;
}
.modal-title {text-transform:uppercase;}
.modal-title small {display: block; text-transform: none;}
@media (max-width:550px) {
	.modal-title small {margin-top:.5rem;} 
}
.mod_newslist_slider {padding-top:1rem;}


/* Стили для страницы продуктов */
    .product-menu-grid {
        display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 2rem;
		margin: 0 auto;
    }
    
    .product-menu-card {
		cursor:pointer;
        display: flex;
		border: none;
		min-height: 80px;
		flex-direction: row;
		border-radius: 20px;
		background: #F5F6F8;
		padding: 2rem;
    }
    
    .product-menu-card .text {
        flex: 1;
        padding: 10px;
    }
    
    .product-menu-card .ico {
        width: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
    }
	.product-menu-card {
		transition: background-color 0.3s ease;
	}

	.product-menu-card:hover {
		background: #D5D5D5;
	}
	.product-flex {
		display:flex;
		gap:3rem;
		align-items: stretch;
	}
	.product-flex-1 {
		flex:1;
		display: flex;
		flex-direction: column;
	}
	.product-flex-block {
		flex:1;
		background: #F5F5F5;
		border-radius: 30px;
		overflow: hidden;
		cursor:pointer;
		display: flex;
		flex-direction: column;
	}
	
	.product-flex-block {
		transition: transform 0.15s ease;
	}

	.product-flex-block:hover {
		transform: scale(1.02);
	}
	
	
	.product-block-content {
		display:flex;
		flex-direction:row;
		padding: 2rem;
		gap: 1rem;
		flex: 1;

	}
	.product-block-image img {
		width: 100%;
		height: auto;
		display: block;
		padding:0;
		margin:0;
	}
	.product-block-text {
		flex: 1;
	}
	
	.product-block-text p {
		color: #666;
		line-height: 1.5;
	}
	
	.product-block-icon {
		display: flex;
		align-items: flex-end;
		justify-content: center;
		height:100%;
	}
	.orange-circle-arrow {
		width: 48px;
		height: 48px;
		background: #E87722;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-shrink: 0;
	}
	.orange-circle-arrow img {
		padding:0;
		width:50%;
		align-self:auto!important;
	}
	.orange-circle {
		width: 48px;
		height: 48px;
		background: #E87722;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-shrink: 0;
	}

	.orange-circle img {
		object-fit: contain;
		padding:0;
	}
	
	.product-menu-grid h2 {
		text-transform: uppercase;
		padding: 3rem 0;
	}
  .product-flex .product-flex-block {max-width:calc(50% - 1rem);}
  .product-flex-1 .product-flex-block {max-width:100%;}
  
	.product-grid-title {
		text-transform: uppercase;
		padding: 3rem 0;
	}
  
@media (max-width:768px) {
.product-flex .product-flex-block {max-width:100%;}
	.product-menu-grid {
		grid-template-columns: repeat(2, 50%);
		gap:1rem;
	}
	.orange-circle {
		width: 35px;
		height: 35px;
	}
	.orange-circle img {
		width:70%;
	}
	.product-menu-card {
		padding:1rem;
	}
	.product-menu-card .text {
		font-size:small;
	}
	.product-menu-card .text h5 {
		font-size:medium;
	}
	.product-flex {
		flex-direction:column;
	}
	.prod-gap-0 {
		gap:0 3rem;
	}
	.product-block-content {
		align-items: flex-end;
	}
	
}
@media (max-width:590px) {
	.product-menu-grid {
		grid-template-columns: 1fr;
	}
	.product-menu-card .text {
		font-size:smaller;
	}
	.product-menu-grid h2 {
		padding: 2rem 0;
	}
	.product-block-text {
	font-size:medium;
	}
}
/*календарь*/
.ec-day.product-loki {background:#806392!important}
.ec-event.product-loki {background:transparent;
	border-radius: 0px;
    box-shadow: none;
    box-sizing: border-box;
    color: white;
}

.ec-day.product-athena {background:#385882!important}
.ec-event.product-athena {background:transparent;
	border-radius: 0px;
    box-shadow: none;
    box-sizing: border-box;
    color: white;
}

.ec-day.product-kairos {background:#378FA2!important}
.ec-event.product-kairos {background:transparent;
	border-radius: 0px;
    box-shadow: none;
    box-sizing: border-box;
    color: white;
}

.ec-event-title {color:white;font-size: 1.4rem;text-transform: uppercase;}
.ec-event-body {display: flex;
    flex-direction: column!important;
	padding-top: .5rem;}
.ec-event-type, .ec-event-level {opacity:.7;}
.product-loki .ec-day-head, .product-athena .ec-day-head, .product-kairos .ec-day-head {color:white;}
.ec-day-grid .ec-day-head {flex-direction:row;}
.ec-event-level {position: absolute;
    right: 0;
    top: -21px;right:-5px;}
.ec-day-grid .ec-body .ec-day {
    padding: .8rem;border-radius: 10px;
}
.ec-all-day, .ec-body, .ec-day, .ec-day-head, .ec-days, .ec-header {
    border: none;
}
.ec-day-grid .ec-day:first-child {
    border-left: none;
}
.ec-days {
    gap: 1.5rem;
}
.ec-content {
    gap: 1.5rem;
}
.ec-day {background:#EFF3F7;}
.ec-day[role="columnheader"] {background:transparent;}
.ec-header {
    padding: 2rem;
    background: #F9FAFB;
	border-radius: 20px 20px 0px 0px;
}
.ec-body {
    background: #F9FAFB;
    padding: 0rem 2rem 2rem 2rem;
	border-radius: 0px 0px 20px 20px;

}
.ec-button-group {gap:2rem;}
.ec-title {text-transform:capitalize;}


.ec-event-level,.ec-event-type {
    
	font-size: clamp(11px, .9vw, 14px);
	line-height:1;
}

.ec-day.ec-today {
    background-color: #e9ecef;
    box-shadow: inset 0 0 0 3px #ef7622;
}
.past-event {
	opacity:.6;
}
.past-event .ec-event, .past-event .ec-bg-events {cursor:default!important;}
.ec-content .ec-days {height:130px;}
.event-info-block {
	display: grid;
    grid-template-columns: auto 1fr;
    gap: .8rem 1rem;
}
.event-info-block strong {font-size:.975rem;}

.ec-button-group .ec-button:not(:last-child) {
    border-radius: 50%;
}
.ec-button-group .ec-button:not(:first-child) {
    border-radius: 50%;
}

.ec-button {border-radius:50%;border: none;padding: .5rem .8rem;
    background: #eff3f7;}
.ec-icon {height: 1em;}
.ec-icon.ec-next:after, .ec-icon.ec-prev:after {
	display: block;
	margin-top: 6px;
    margin-left: 3px;
}
.ec-icon.ec-next:after {
    margin-left: 6px !important;
}
.product-kairos .ec-bg-events, .product-athena .ec-bg-events, .product-loki .ec-bg-events {cursor:pointer;}
.legend {
		display: none;
}

.calendar-header {
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 3rem;
}



@media (max-width:1300px) {
.ec-event-level {top: -18px;right: -10px;}
.ec-day-grid .ec-day-head {padding:0;}
}
@media (max-width:1199px) {
.ec-event-level {position:unset;}
.ec-event-body {padding-top:0;gap:.3rem;}
.ec-days,.ec-content {gap: 1rem;}
.ec-event-title {min-height: auto!important;text-overflow: unset!important;font-size: 1.2rem;}
.ec-content .ec-days {height:120px;}
}
@media (max-width:998px) {
.ec-day-grid .ec-body .ec-day {padding: .5rem;}
.ec-event-title {font-size: 1rem;}
.ec-content .ec-days {height: 102px;}
.ec-event-level,.ec-event-type {font-size: clamp(7px, .5vw, 10px);}
}

@media (max-width:768px) {
	.ec-content .ec-days {
		height: auto;
		
	}
	.ec-events {	
    position: absolute;
    top: 0;
    width: 100%;
    bottom: 0;
	}
	.ec-event {
		height: 100%;
		background: transparent!important;
	}
	.ec-event-body {display:none;}
	.ec-day-grid .ec-body .ec-day {
		padding:0;
	}
	.ec-day-grid .ec-day-head {justify-content:center;}
	.ec-days {gap:1rem;}
	.ec-content {gap:1rem;}
	.ec-day-grid .ec-body .ec-day {min-height:auto;aspect-ratio: 1;
        display: flex;
        justify-content: center;
        align-items: center;}
	.ec-day.ec-today {
		box-shadow: inset 0 0 0 1px #ef7622;
	}
	.legend {
		display: flex;
		flex-direction: row;
		gap: 2rem;
		font-size: smaller;
	}
	.legend-block {
		display:grid;
		grid-template-columns:auto auto;
		gap:.4rem;
		align-items:center;
	}
	.legend-img {width:25px; height:25px; border-radius:10px;}
	.legend-athena .legend-img{background:#385882;}
	.legend-kairos .legend-img{background:#378FA2;}
	.legend-loki .legend-img{background:#806392;}
} 

@media (max-width:600px) {
	.ec {padding:0 1rem;}
	.ec-day-head time {font-size:small;}
	h2.ec-title {font-size:1.2rem;}
	.ec-button-group {align-items:center;gap:1rem;}
}
/*-----Вакансии-----*/
/*-----Вакансии-----*/
.menu-item {
    cursor: pointer;
}

.menu-item-content {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 1rem;
    padding: 2rem;
    background: #E2E7EB ;
    border-radius: 10px;
    align-items: start;
    height: 100%;
	width:100%
}

.menu-item-text {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.menu-item-text span {
    color: initial;
}
.menu-item-intro {color: initial;}

.menu-item-title {
    font-weight: bold;
    font-size: 1.2rem;
}

.menu-children-count {
    color: #757575 !important;
    font-size: 0.9rem;
}

.menu-item-image {
    align-self: end;
}

.menu-item-image img {
    padding: 1rem;
    background: #ef7622;
    border-radius: 50%;
}
.megamenu-submenu {
    display: none;
}
.megamenu-submenu.active {
    display: block;
}

/* ===== ПОДМЕНЮ ===== */
.megamenu-submenu {
    display: none;
    background: #F6F8F9;
    border-radius: 10px;
}
.megamenu-submenu .menu-item-content {
background:transparent;
}
.megamenu-submenu .menu-item-content:hover {
	background:#ECEDEE!important;
}

.megamenu-submenu.active {
    display: block;
}

.megamenu-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

.megamenu-item {
    text-decoration: none;
    display: block;
}
.has-submenu .menu-item-content:hover, .has-submenu.active .menu-item-content {background:#D6DBDF;}
.menu-subtext {
	color: #444!important;
    font-size: 1rem;
}

/* Скрываем количество вакансий в подменю */
.submenu-group .menu-children-count {
    display: none;
}

.submenu-group .menu-subtext {
    font-size: 1rem;
    color: #777;
}

/* ===== ДЕСКТОП/ПЛАНШЕТ СТРУКТУРА ===== */
.desktop-layout {
    display: block;
}

.mobile-layout {
    display: none;
}

.menu-group {
    margin-bottom: 2rem;
}

.menu-row {
    display: grid;
    gap: 1rem;
    margin-bottom: 1rem;
}

.submenu-row {
    display: grid;
    gap: 1rem;
}
a.megamenu-item {display:flex;height:100%;}

/* ДЕСКТОП (3 колонки) */
@media (min-width: 992px) {
    .menu-row {
        grid-template-columns: repeat(3, 1fr);
    }
    .submenu-row {
        grid-template-columns: repeat(3, 1fr);
    }
    .submenu-row .megamenu-submenu.active {
        grid-column: span 3;
    }
}

/* ПЛАНШЕТ (2 колонки) */
@media (min-width: 768px) and (max-width: 991px) {
    .menu-row {
        grid-template-columns: repeat(2, 1fr);
    }
    .submenu-row {
        grid-template-columns: repeat(2, 1fr);
    }
    .submenu-row .megamenu-submenu.active {
        grid-column: span 2;
    }
	.megamenu-grid {
    grid-template-columns: repeat(2, 1fr);
    }
}

/* ===== МОБИЛЬНАЯ СТРУКТУРА ===== */
@media (max-width: 767px) {
    .desktop-layout {
        display: none;
    }
    .mobile-layout {
        display: block;
    }
    
    .mobile-layout .menu-item {
        margin-bottom: 0.5rem;
    }
    
    .mobile-layout .megamenu-submenu {
        display: none;
        margin-bottom: 1rem;
        margin-top: 0.5rem;
        background: #F5F6F8;
        padding: 1rem;
        border-radius: 10px;
        box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    }
    
    .mobile-layout .megamenu-submenu.active {
        display: block;
    }
    
    .mobile-layout .megamenu-grid {
        grid-template-columns: 1fr;
        gap: 0.5rem;
    }
    
    .mobile-layout .menu-item-content {
        padding: 1rem;
    }
    
    .mobile-layout .menu-item-image img {
        padding: 0.5rem;
        max-width: 40px;
    }
    
    .mobile-layout .menu-item-text {
        gap: 0.5rem;
    }
    
    .mobile-layout .menu-item-title {
        font-size: 1rem;
    }
    
    .mobile-layout .menu-subtext {
        font-size: 0.85rem;
    }
	.megamenu-grid {
    grid-template-columns:1fr;
	}
}
.splide__pagination__page.is-active {background:#999!important;}
.splide-journals .splide__arrow splide__arrow--prev {margin-left: -60px;}
.splide-journals .splide__arrow splide__arrow--next {margin-right: -60px;}
.splide__pagination {position:unset!important;}
.splide__arrow {background: #e9ecef!important;height: 3em!important;width: 3em!important;}


.a-header {display:grid;grid-template-columns:48% 1fr;background: #eee;position: relative;}
.a-header h1 {font-size:clamp(24px, 3vw, 45px);}
.a-header h2 {font-size: clamp(18px, 2vw, 24px);}
.a-header-l {}
.a-header-l-c {
    display: grid;
    grid-template-columns: 42% 1fr;
    align-items: center;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    top: 0;
    z-index: 10;
	height:100%;
}
.a-header-l-c-l {
	height: 100%;
    display: grid;
    grid-template-rows: auto 1fr;
    align-items: center;
	padding-bottom: 5rem;
}
.header-img img {margin:0;padding:0;width: 100%;}
.a-header .page-header {
	display:grid;
	gap:3rem;
}
.a-text {
	display: grid;
    grid-template-columns:47% 1fr;
	padding-top: 3rem;
}
.a-text .com-content-article__body {max-width:550px;}
.a-text p {margin-bottom:3rem;}
.a-text img {margin-bottom:3rem;padding:0;width:100%;}
.place {text-transform: uppercase;
    font-weight: bold;}

.cite {display:grid;grid-template-columns:auto 1fr;gap:0 2rem;margin-left: calc(0px - 132px - 2rem);align-items: center;
		grid-template-rows:auto auto;
		grid-template-areas: 
		"img txt txt"
		"img app app"; 
		margin-bottom: 4rem;
	}
.cite img {width:auto;margin: 0; grid-area: img;}
.cite-txt {padding: 2rem;background: #eee;grid-area: txt;}
.cite-app-block {grid-area:app;padding: 2rem;
    background: #eee;
    position: relative;}
.cite-app-block:after {
	content: '';
    position: absolute;
    bottom: -30px;
    left: 0px;
    width: 0;
    height: 0;
    border-left: 0px solid transparent;
    border-right: 20px solid transparent;
    border-top: 35px solid #eee;
}
.cite-name {font-weight:bold;display:block;}
.cite-app {color:#888;}
.d-s { 
	display: flex;
    gap: 1rem;
}
.d-s-t {
	display:flex;
	flex-direction:column;
	}
.s-i {
	display:flex;
	gap:1rem;
}
.s-i-img{
	background: #EE703D;
    padding: 5px 10px;
    width: 55px;
    border-radius: 3px;
}
.s-i-img img {
	margin-bottom: 0;
	padding:0;
    height: 20px;
    width: 20px;
}
.s-i a:hover {background:#db784b;}
.d-s-grid {
	display: flex;
    flex-direction: column;
    width: fit-content;
    gap: .4rem;
}
.cite p {margin:0;}
@media (max-width:1000px) {
	.a-header .page-header {
		gap:1rem;
	}
}
@media (max-width:768px) {
	.a-header {
		grid-template-columns: 1fr;
		background: transparent;
	}
	.a-header .page-header {
        margin-bottom: 1rem;
    }
	.a-header-l-c {
		display: grid;
		grid-template-rows: auto auto;
		grid-template-columns:1fr;
		position: unset;
		left: 0;
		transform: unset;
		top: 0;
		z-index: 100;
		height: auto;
	}
	.a-header-l-c-l {
		padding-bottom: 2rem;
	}
	.a-header-l-c-l .d-s-grid {
		flex-direction: row;
		align-items: center;
		width: 100%;
        justify-content: space-between;
	}
	.d-s-t {
		font-size: smaller;
		line-height: 1;
	}
	
	.a-text {
		display: grid;
		grid-template-columns:1fr;
		padding-top: 3rem;
	}
	.cite-app-block {padding:1rem 2rem 1rem 1rem;}
	.cite-app-block:after {
		display:none;
	}
	.cite {display:grid;grid-template-columns:auto 1fr;gap:0;margin-left: 0;align-items: center;
		grid-template-rows:auto auto;
		grid-template-areas: 
		"txt txt"
		"img app"; 
		background: #eee;
		margin-bottom:3rem;
		padding-bottom: 2rem;
	}
	.cite>img {width:100px;margin: 0; grid-area: img;margin-left: 2rem;}
	
	
}
@media (max-width:575px) {
	.cite p {
		padding: 0;
	}
}

/*модуль новостей*/
.menu-item-content-news {padding-bottom:1rem;}
.menu-item-image-news img {
	margin-bottom:1rem;
	border-radius:5px;
}
.menu-item-content-news .pilotbtn {
	align-self: self-start;
}
.menu-item-content-news .menu-item-date {
	font-size:small;
	color:#666;
}

/*Вакансии*/
h1 .sharp {color: #ef7622;}
.vacancy-a {
	display: grid;
    grid-template-columns: 1fr 30%;
    gap: 2rem;
	margin-bottom: 3rem;
}
.v-text h3 {
	font-weight: bold;
    margin-bottom: 1rem;
}
.v-text ul {
	color: #666;
    margin-bottom: 2rem;
}
.v-text ul li {
    margin-bottom: .5rem;
}
.v-stek {
	background: #ef7622;
    color: #fff;
    padding: 2rem;
    border-radius: 20px;
}
.v-stek h3 {
	color:#fff;
	font-weight:bold;
}
.vacancy-a .tag-description h3 {
	font-weight:bold;
	margin-bottom:1.5rem;
	text-transform: uppercase;
}
.prod-pane {
	padding:2rem;
	background:#F7F7F7;
	border-radius:20px;
}
.tag-link a {
	display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
	color:#757575;
}
.v-dop .nav-pills .nav-link {
	background: #757575;
    padding: 1.5rem;
    border-radius: 20px;
	color:#fff;
}
.v-dop .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
	background: #aaa;
}
.v-dop ul.nav-pills {
	gap:1rem;
}
@media (max-width:768px) {
	.vacancy-a {grid-template-columns:1fr;}
}

.item-174 span {display:none!important;}


/*--------------Истории слайдер--------------*/
.story-item-content {
	display: flex;
    position: relative;
    justify-content: end;
    background: #494949;
    border-radius: 10px;
    overflow: hidden;
	 transition: background 0.2s ease;
}
.story-item-content:hover {
	background: #4f4f4f;
}
.story-item-content:hover img.story-item-img {
	transform: scale(1.03);
}
.story-item-text {
    position: absolute;
    left: 0;
    top: 0;
    padding: 2rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
	gap: 2rem;

}
img.story-item-img
{
	transition: transform 0.2s ease;
    max-width: 400px;
    align-items: end;
    margin: 0;
    align-self: end;
    padding: 0;
	height: 350px;
    margin-top: 2rem;
    margin-right: 2rem;
	width:auto;

}
.story-item-text-top {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.story-item a {color:white;}
.story-item-title {text-transform: uppercase;
    font-weight: bold;
    font-size: 1.5rem;}

@media (max-width:1200px) {
	img.story-item-img {
		height:300px;
		margin-right:1rem;
	}
}
@media (max-width:998px) {
	img.story-item-img {
		margin-right:0;
		height:250px;
	}
	.story-item-text {
		bottom: 0;
		padding: 2rem;
		height: auto;
		flex-direction: row;
		gap: 2rem;
		align-items: end;
		line-height: 1.1;
	}
}
@media (max-width:768px) {
	.story-item-title {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.2rem;
}
    .story-item-text {
        padding: 1rem;
        gap: 1rem;
	}
}
@media (max-width:556px) {
	.story-item-text {
        padding: 2rem;
        gap: 2rem;
    }
	    .story-item-text {
        top: 0;
        padding: 2rem;
        height: 100%;
        flex-direction: column;
        gap: 2rem;
        align-items: start;
    }
	.story-item-title {
        font-size: 1.5rem;
    }
}
/*--------- Документация*/
    .documentation-grid {
        display: grid;
        grid-template-columns: 1fr auto;
        gap: 2rem;
    }
    
    .documentation-docs a {
        display: inline-block;
    }
	.documentation-docs {margin-bottom:1rem;}
    
    
    @media (max-width: 768px) {
        .documentation-grid {
            grid-template-columns: 1fr;
            gap: 0;
        }
		.documentation-grid a[title] {word-break: break-all;}
    }