.elementor-kit-60{--e-global-color-primary:#007AFF;--e-global-color-secondary:#FF9500;--e-global-color-text:#FF2D55;--e-global-color-accent:#4CD964;--e-global-color-926cceb:#5AC8FA;--e-global-color-a50096f:#FF3B30;--e-global-color-33cd0dc:#24A1DE;--e-global-typography-primary-font-family:"SF Pro Display";--e-global-typography-primary-font-weight:bold;--e-global-typography-primary-font-style:normal;--e-global-typography-secondary-font-family:"SF Pro Display";--e-global-typography-secondary-font-weight:normal;--e-global-typography-secondary-font-style:normal;--e-global-typography-text-font-family:"SF Pro Display";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"SF Pro Display";--e-global-typography-accent-font-weight:500;background-color:#494949;color:#FFFFFF;font-family:var( --e-global-typography-primary-font-family ), Inter;font-weight:var( --e-global-typography-primary-font-weight );font-style:var( --e-global-typography-primary-font-style );--e-page-transition-entrance-animation:e-page-transition-fade-out;--e-page-transition-exit-animation:e-page-transition-fade-in;--e-page-transition-animation-duration:250ms;--e-preloader-animation-duration:250ms;--e-preloader-delay:0ms;--e-preloader-color:#FFF;--e-preloader-size:20px;}.elementor-kit-60 button,.elementor-kit-60 input[type="button"],.elementor-kit-60 input[type="submit"],.elementor-kit-60 .elementor-button{background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Inter;font-weight:var( --e-global-typography-primary-font-weight );font-style:var( --e-global-typography-primary-font-style );color:#FFFFFF;border-radius:10px 10px 10px 10px;}.elementor-kit-60 e-page-transition{background-color:#000000;}.elementor-kit-60 a{color:#FFFFFF;font-family:var( --e-global-typography-primary-font-family ), Inter;font-weight:var( --e-global-typography-primary-font-weight );font-style:var( --e-global-typography-primary-font-style );}.elementor-kit-60 h1{color:#FFFFFF;font-family:var( --e-global-typography-primary-font-family ), Inter;font-weight:var( --e-global-typography-primary-font-weight );font-style:var( --e-global-typography-primary-font-style );}.elementor-kit-60 h2{color:#FFFFFF;font-family:var( --e-global-typography-secondary-font-family ), Inter;font-weight:var( --e-global-typography-secondary-font-weight );font-style:var( --e-global-typography-secondary-font-style );}.elementor-kit-60 h3{color:#FFFFFF;font-family:var( --e-global-typography-text-font-family ), Inter;font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-60 h4{color:#FFFFFF;font-family:var( --e-global-typography-text-font-family ), Inter;font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-60 h5{color:#FFFFFF;font-family:var( --e-global-typography-text-font-family ), Inter;font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-60 h6{color:#FFFFFF;font-family:var( --e-global-typography-text-font-family ), Inter;font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-60 img{border-radius:20px 20px 20px 20px;}.elementor-kit-60 input:not([type="button"]):not([type="submit"]),.elementor-kit-60 textarea,.elementor-kit-60 .elementor-field-textual{border-radius:10px 10px 10px 10px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1250px;}.e-con{--container-max-width:1250px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-header .site-description{color:#FFFFFF;font-family:var( --e-global-typography-primary-font-family ), Inter;font-weight:var( --e-global-typography-primary-font-weight );font-style:var( --e-global-typography-primary-font-style );text-shadow:0px 0px 56px rgba(0, 0, 0, 0.93);}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:800px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* === Video Background === */
body::before {
  content:""; position:fixed; inset:0; z-index:-2;
  background: rgba(0,0,0,0.5);
}
body video#bg-video {
  position:fixed; inset:0; width:100vw; height:100vh;
  object-fit:cover; z-index:-3;
}

/* Оверлей цвета */
#video-color-overlay {
  position:fixed; inset:0;
  background-color: rgba(var(--page-glow-color,255,255,255),1);
  mix-blend-mode: hue; /* можно soft-light и пр. */
  pointer-events: none;
  z-index: -2;
}



/* === Icon Grid === */
.ios-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  row-gap: 24px;
  max-width: 100%;
}

.ios-icon {
    will-change: transform, box-shadow;
  text-align: center;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-basis: 24%;
  max-width: 24%;
  margin-right: 1.33%;
  transition: transform 0.24s cubic-bezier(.4,2,.55,1), box-shadow 0.34s cubic-bezier(.4,2,.55,1);
  position: relative;
  z-index: 0;
}

.ios-icon:nth-child(4n) {
  margin-right: 0;
}

.ios-icon-mask {
  width: 50px;
  height: 50px;
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
  position: relative;
  z-index: 1;

}

.ios-icon.hovered {
  transform: translateY(-3px);
}

.ios-icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  background: none;
  border-radius: 0 !important;
}

.ios-label {
  font-size: 12px;
  font-weight: bold;
  color: white;
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.9);
  transition: text-shadow 0.3s ease;
}


@media (min-width: 600px) {
  .ios-grid {
    justify-content: flex-start;
  }
  .ios-icon {
    flex-basis: 19%;
    max-width: 19%;
    margin-right: 1.25%;
  }
  .ios-icon:nth-child(5n) {
    margin-right: 0;
  }
  .ios-icon-mask {
    width: 50px;
    height: 50px;
  }
  .ios-label {
    font-size: 11px;
  }
}

@media (min-width: 1024px) {
  .ios-icon {
    flex-basis: 19%;
    max-width: 19%;
    margin-right: 1.25%;
  }
  .ios-icon:nth-child(5n) {
    margin-right: 0;
  }
  .ios-icon-mask {
    width: 50px;
    height: 50px;
  }
  .ios-label {
    font-size: 11px;
  }
}


/*=== Media item grid ===*/

/* Базовая сетка */
.media-grid-desktop {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 24px;
  max-width: 100%;
}

/* Карточка */
.media-item-desktop {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  transition: transform 0.2s ease, background-color 0.2s ease;
  cursor: pointer;
  background: #111;
  --glow-color: rgba(255, 255, 255, 0.3);
  --glow-bg: rgba(20,20,20,1);
  z-index: 1;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2), 0 0 0 var(--glow-color);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 0px;
  width: 180px;
  height: 260px;
}

/* Обёртка для изображения (десктоп) */
.cover-image {
  width: 100%;
  height: auto;
  border-radius: 0px;
  overflow: hidden;
}

/* Само изображение (десктоп) */
.cover-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0px;
  display: block;
}

/* Текстовый блок */
.media-item-desktop .text-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 8px 0 0 0;
  width: 100%;
}

/* Заголовок */
.item-title {
  font-size: 1rem;
  font-weight: bold;
  color: white;
  margin-bottom: 4px;
}

/* Строка 2 */
.item-line-2 {
  font-size: 0.85rem;
  color: rgba(255,255,255,0.75);
  margin-bottom: 2px;
}

/* Строка 3 */
.item-line-3 {
  font-size: 0.75rem;
  color: rgba(255,255,255,0.55);
}

/* Анимация при наведении */
.media-item-desktop.hovered {
  transform: translateY(-3px);
  background-color: var(--glow-bg);
}

/* Mobile */

@media (max-width: 768px) {

  .media-grid-desktop {
    gap: 16px;
    align-items: center;
  }

  .media-item-desktop {
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 10px 10px 10px 0;
    width: min(90vw, 400px);
    height: auto;
    gap: 10px;
  }

  .cover-image {
    width: 80px;
    height: 80px;
    border-radius: 10px;
    flex-shrink: 0;
    overflow: hidden;
    aspect-ratio: 1 / 1;
    margin-left: 10px;
  }

  .cover-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
  }

  .media-item-desktop .text-content {
    flex: 1;
    min-width: 0;
  }

  .item-title {
    font-size: 1.05rem;
  }

  .item-line-2 {
    font-size: 0.8rem;
  }

  .item-line-3 {
    font-size: 0.7rem;
  }
}

/*===Blurred content background===*/
.header-bg {
  background: rgba(20, 20, 20, 0.6);
  backdrop-filter: blur(16px) saturate(180%);
  -webkit-backdrop-filter: blur(16px) saturate(180%);
}

/*Mobile*/
@media (max-width: 800px) {
  .content-bg {
    background: rgba(20, 20, 20, 0.6);
    backdrop-filter: blur(16px) saturate(180%);
    -webkit-backdrop-filter: blur(16px) saturate(180%);
    border-radius: 18px;
    box-shadow: 0 4px 24px rgba(0,0,0,0.5);
  }
}

/*Desktop*/
@media (min-width: 801px) {
  .content-bg {
    background: rgba(20, 20, 20, 0.6);
    backdrop-filter: blur(16px) saturate(180%);
    -webkit-backdrop-filter: blur(16px) saturate(180%);
    border-radius: 18px;
    box-shadow: 0 4px 24px rgba(0,0,0,0.5);
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'SF Pro Display';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://niefalt.ru/wp-content/uploads/2025/06/SFProDisplay-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'SF Pro Display';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://niefalt.ru/wp-content/uploads/2025/06/SFProDisplay-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'SF Pro Display';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('https://niefalt.ru/wp-content/uploads/2025/06/SFProDisplay-RegularItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'SF Pro Display';
	font-style: italic;
	font-weight: bold;
	font-display: auto;
	src: url('https://niefalt.ru/wp-content/uploads/2025/06/SFProDisplay-BoldItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'SF Pro Display';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://niefalt.ru/wp-content/uploads/2025/06/SFProDisplay-Black.ttf') format('truetype');
}
@font-face {
	font-family: 'SF Pro Display';
	font-style: italic;
	font-weight: 900;
	font-display: auto;
	src: url('https://niefalt.ru/wp-content/uploads/2025/06/SFProDisplay-BlackItalic.ttf') format('truetype');
}
/* End Custom Fonts CSS */