/* === scroll-snap ================================================= */
@media (min-width: 1500px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1500px;
  }
}
/* === scroll-snap ================================================= */
@media (min-width: 1600px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1600px;
  }
}


/* === липкий ТОЛЬКО нижний nav-bar, верхний – обычный ============= */
header {
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;
}
header .sub{
  position:sticky; top:0;
  z-index:1050;
  box-shadow:0 2px 6px rgba(0,0,0,.06); /* лёгкая тень */
}
/* чтобы текст hero не уехал под липкий nav */
#slider .slide-content{padding-top:90px;} /* 90 px = высота .sub */

/* === цифровой индекс справа – мелкий косметический штрих ========== */
.scroll-index .nav-link.active{opacity:1;transform:scale(1.15);}
/* общая «шторка» */
#snap-fade{
  position:fixed; inset:0;
  pointer-events:none;
  background:#000;           /* чёрный, можно любой цвет */
  opacity:0;                 /* в обычном состоянии невидим */
  transition:opacity .45s ease-out;
  z-index:30;                /* над контентом, под навбаром */
}
#snap-fade.active{opacity:.3;}  /* 30 % затемнения во время прокрутки */

header.section-slider .navbar.sub {
display: none;
}
header[class^="section-"]:not(.section-slider) .top {
height: 0px !important;
  opacity: 0;
  transition: all 1s ease-out;
}
header[class^="section-"]:not(.section-slider) .navbar.sub {
background: #fff;
display: block;
transition: all 1s ease-out;
}
header[class^="section-"]:not(.section-slider) .navbar.sub .navbar-nav>li>a{
	color: var(--primary-color);
}
.pt-100 {

}
.outline-buttonx:hover, .outline-buttonx:focus {
  border-color: var(--primary-color);
  background-color: var(--primary-color);
  color: var(--white-color);
}
.wpcf7-form-control-wrap {
  width: 100%;
}
.boss {
		overflow: hidden;
  border-radius: 25px;
	}
	.boss .image {


	}
	.boss .image img {
		border-radius: 15px 15px 15px 15px;
	}
	.block-boss {
		border-radius: 25px;
	}
	.block-boss .icon {
		color: var(--secondary-color);
		  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 30px;
	}
	.block-boss .titlea {
		color: var(--primary-color);
  font-weight: 700;
  font-size: 1.2rem;
  text-transform: uppercase;
	}
	.boss .titlea {
color: var(--primary-color);
  font-size: 1rem;
  text-transform: uppercase;
	}
	.boss .positiona {
		margin: 0px;
  padding-left: 15px;
  border-left: 2px var(--primary-color) solid;
	}
	.block-boss ul {
  list-style: none;      /* убираем стандартные маркеры */
  padding: 0;
  margin: 0;
}

.block-boss li {
  position: relative;
  padding-left: 1.5em;   /* отступ для маркера */
  margin-bottom: 0.5em;
}
	 .block-boss li::before {
  content: "\4f";               /* код иконки галочки */
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  position: absolute;
  left: 0;
  top: 0.15em;
  margin-right: 0.5em;
 color: var(--secondary-color);
}
:root{
  --font-xl:clamp(2rem,4vw+1rem,3rem); /* page-title */
  --font-lg:1.375rem;                   /* секционные подписи */
  --font-sm:1.05rem;                    /* подписи внутри карточек */
  --font-xs:.875rem;                    /* мелкие метки */
}
.title-xl{font-size:var(--font-xl);line-height:1.2}
.title-lg{font-size:var(--font-lg);line-height:1.25}
.title-sm{font-size:var(--font-sm);line-height:1.3}
.title-xs{font-size:var(--font-xs);line-height:1.3}

.py-6{padding-top:4.5rem!important;padding-bottom:4.5rem!important}
.hero-shade{background:rgba(0,0,0,.45);backdrop-filter:brightness(.7)}
.section-contact{background:#f8f9fa}
.contact-wrap-b .contact-icon{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:#f57432;color:#fff;border-radius:50%;font-size:1rem}
.contact-wrap-b .info-card:hover{box-shadow:0 6px 16px rgba(0,0,0,.08)}
.map-full{width:100%;height:350px}@media(min-width:992px){.map-full{height:100%}}
.map-canvas{width:100%;height:100%}
.card--runner {               /* или .card--runner, если нужно только этим */
    height: 200px;    /* ← ваша желаемая высота */
	border: 2px #f87132 solid
}
.card--runner:hover {               /* или .card--runner, если нужно только этим */
	border: 2px transparent solid;
}
.card--runner img {               /* или .card--runner, если нужно только этим */
	transition: all 0.5s ease-out;
}

.card--runner:hover img { 
transform: scale(1.3);
}

/* изображение растягиваем до высоты карточки */
.card__media img { 
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* ===== Сплит-карточка (изображение слева, текст справа) ===== */
.card--split {
    display: flex;
    min-height: 160px;          /* можно подогнать под макет */
}

/* Левая колонка с изображением */
.card--split .card__media {
    flex: 0 0 40%;              /* 40 % ширины слева */
    position: relative;
    overflow: hidden;
}
.card--split .card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;          /* изображение заполняет блок */
}

/* Правая колонка с текстом */
.card--split .card__body {
    flex: 1;
    padding: 1.5rem;            /* пространство для текста/иконок */
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Вертикальная разделительная линия (необязательно) */
.card--split::before {
    content: '';
    position: absolute;
    /* было: top:10%; bottom:10%; */
    top: 0;                     /* → из самого угла */
    bottom: 0;                  /* → до самого угла */
    left: 40%;                  /* совпадает с flex-долей .card__media */
    width: 1px;
    background: rgba(0,0,0,.08);
    pointer-events: none;
}

/* ================= Диагональный «срез» ================= */
.card--diag { position: relative; overflow: hidden; }

/* делаем левую половину «цельной», а диагональ рисуем поверх */
.card--diag .card__media { flex: 0 0 45%; position: relative; }

/* белый треугольник, который накладывается поверх картинки
   и образует диагональную границу */
.card--diag .card__media::after {
    content: '';
    position: absolute;
    inset: 0 auto 0 100%;
    width: 120%;
    background:#fff;
    transform: translateX(-1px) skewX(-12deg);
    transform-origin: 0 0;
    pointer-events: none;
}

/* маленькие экраны — диагональ не нужна: блоки идут друг за другом */
@media (max-width: 575.98px) {
    .card--diag .card__media { flex: 0 0 100%; }
    .card--diag .card__media::after { display: none; }
}


/* Адаптация: на мобильных складываем блоки один под другим */
@media (max-width: 575.98px) {
    .card--split {
        flex-direction: column;
    }
    .card--split::before { display: none; } /* вертикальная линия не нужна */
}

/* ===== Анимационная рамка вокруг .card--runner ===== */
.offers .items .item .card--runner {
    position: relative;
    overflow: hidden;          /* прячем линии до появления */
	background-color: #fff;
}

.card--runner::before,                /* верхняя линия */
.card--runner::after,                 /* нижняя линия */
.card--runner .card__lines::before,   /* левая */
.card--runner .card__lines::after {   /* правая */
    content: '';
    position: absolute;
    background: #f57432;              /* цвет бегущей линии */
    transition: transform .5s linear; /* плавность движения */
    will-change: transform;
}

/* Горизонтали */
.card--runner::before,
.card--runner::after   { height: 2px; width: 100%; }

.card--runner::before  { top: 0;   left: 0;  transform: translateX(-100%); }
.card--runner::after   { bottom: 0; right: 0; transform: translateX(100%); }

/* Вертикали (через вложенный <span>) */
.card--runner .card__lines::before,
.card--runner .card__lines::after { width: 2px; height: 100%; }

.card--runner .card__lines::before { left: 0;  bottom: 0; transform: translateY(100%); }
.card--runner .card__lines::after  { right: 0; top: 0;    transform: translateY(-100%); }

/* Ховер – запускаем пробег линий по часовой стрелке */
.card--runner:hover::before             { transform: translateX(0);           }
.card--runner:hover .card__lines::after { transform: translateY(0); transition-delay: .25s; }
.card--runner:hover::after              { transform: translateX(0); transition-delay: .5s;  }
.card--runner:hover .card__lines::before{ transform: translateY(0); transition-delay: .75s; }
.offers .items .item  .card--runner:hover h4 {
	color: var(--secondary-color);
}
.offers .items .item  .card--runner:hover i {
  margin: 0;
  color: var(--secondary-color);
}