Корпоративное право

/*Настройки слайдера*/ :root { --BackgroundImgColor: #828074; /*Цвет не активных слайдов*/ --SlideHeight: 550px; /*Высота слайдов*/ --CardWidth: 560px; /*Ширина карточки*/ } /* Стили для слайдера на Tilda */ .tns-outer [data-slider] { width: 100% !important; } .tns-outer .tns-inner { width: 100% !important; } #owl-demo-slider .owl-stage-outer, .tns-outer .tns-slider { width: 100% !important; height: var(--SlideHeight) !important; } #owl-demo-slider .owl-item, #owl-demo-slider .t396__artboard, .tns-outer .tns-item { height: var(--SlideHeight) !important; min-height: var(--SlideHeight) !important; width: var(--CardWidth) !important; max-width: var(--CardWidth) !important; } #owl-demo-slider, .tns-outer [data-slider] { height: var(--SlideHeight) !important; } /* Базовые стили для карусели */ .owl-carousel, .tns-outer [data-slider] { cursor: grab !important; } .owl-carousel:active, .tns-outer [data-slider]:active { cursor: grabbing !important; } /* Стили для изображений в слайдере */ .tn-atom[data-type="image"], .tns-outer .tns-item .tns-slide-active .t396__artboard { overflow: hidden !important; width: var(--CardWidth) !important; max-width: var(--CardWidth) !important; } /* Стили для текстовых элементов */ .owl-carousel .text .tn-atom, .tns-outer .tns-item .t396__elem { opacity: 0 !important; transition-duration: 0.5s !important; transform: translateY(0px) !important; width: var(--CardWidth) !important; } .owl-carousel:active .text .tn-atom, .tns-outer [data-slider]:active .t396__elem { transition-duration: 0.5s !important; transform: translateY(-50px) !important; opacity: 0 !important; } /* Стили для изображений с эффектами */ .tn-atom[data-type="image"] img, .tns-outer .tns-item img { transition-duration: 0.5s !important; transform: scale(0.7) !important; width: var(--CardWidth) !important; max-width: var(--CardWidth) !important; height: auto !important; } .tn-atom[data-type="image"]:before, .tns-outer .tns-item:before { overflow: hidden !important; content: "" !important; width: 100% !important; height: 100% !important; background: var(--BackgroundImgColor) !important; mix-blend-mode: color !important; position: absolute !important; top: 0 !important; transition-duration: 0.5s !important; } /* Центральный слайд */ .tns-slide-active .tn-atom[data-type="image"] img, .center .img .tn-atom { transition-duration: 0.5s !important; filter: grayscale(0) !important; transform: scale(1) !important; } .tns-slide-active .tn-atom[data-type="image"]:before, .center .img .tn-atom:before { content: "" !important; width: 100% !important; height: 100% !important; background: var(--BackgroundImgColor) !important; mix-blend-mode: color !important; position: absolute !important; top: 0 !important; opacity: 0 !important; } /* Эффекты при активном состоянии */ .owl-carousel:active .img .tn-atom:before, .tns-outer [data-slider]:active .tns-item:before { transition-duration: 0.5s !important; content: "" !important; width: 100% !important; height: 100% !important; background: var(--BackgroundImgColor) !important; mix-blend-mode: color !important; position: absolute !important; top: 0 !important; opacity: 1 !important; } /* Масштабирование элементов */ .owl-carousel .img, .tns-outer .tns-item { transform: scale(0.85) !important; overflow: hidden !important; transition-duration: 0.5s !important; width: var(--CardWidth) !important; } .owl-carousel .img .tn-atom, .tns-outer .tns-item img { transform: scale(1) !important; overflow: hidden !important; transition-duration: 0.5s !important; } .owl-carousel .center .img, .tns-slide-active { transform: scale(1.05) !important; overflow: hidden !important; transition-duration: 0.5s !important; } .owl-carousel .center .img .tn-atom, .tns-slide-active img { transform: scale(1.15) !important; overflow: hidden !important; transition-duration: 0.5s !important; } .owl-carousel:active .img, .tns-outer [data-slider]:active .tns-item { transform: scale(0.7) !important; overflow: hidden !important; transition-duration: 0.5s !important; opacity: 0.6 !important; } .owl-carousel:active .img .tn-atom, .tns-outer [data-slider]:active .tns-item img { overflow: hidden !important; transition-duration: 0.5s !important; transform: scale(1.3) !important; } /* Текст в центральном слайде */ .tns-slide-active .t396__elem, .center .text .tn-atom { transition-duration: 0.5s !important; opacity: 1 !important; } /* Стили для точек навигации */ .owl-dot.active, .tns-nav-active { width: 8px !important; height: 8px !important; padding: 0 !important; border-radius: 50% !important; border-width: 0px !important; background: var(--BackgroundImgColor) !important; margin: 3px !important; opacity: 100% !important; } .owl-dot, .tns-nav { pointer-events: none !important; width: 8px !important; height: 8px !important; padding: 0 !important; border-radius: 50% !important; border-width: 0px !important; background: var(--BackgroundImgColor) !important; margin: 3px !important; opacity: 20% !important; } .owl-dots, .tns-nav { position: absolute !important; left: 50% !important; transform: translateX(-50%) !important; bottom: 20px !important; } /* Дублирующиеся точки - скрываем */ .slider-dots .owl-dots:nth-child(2), .tns-outer .tns-nav:not(:first-child) { display: none !important; } /* Адаптация для мобильных устройств */ @media (max-width: 1200px) { :root { --CardWidth: 500px; --SlideHeight: 500px; } } @media (max-width: 768px) { :root { --CardWidth: 400px; --SlideHeight: 450px; } } @media (max-width: 480px) { :root { --CardWidth: 320px; --SlideHeight: 400px; } } /* Гарантия правильного отображения в Tilda */ .tns-outer { position: relative !important; } .tns-outer .tns-item { display: flex !important; justify-content: center !important; align-items: center !important; } .t396__block .t-container { max-width: none !important; } .t-container_100 .t-container__colmax { max-width: none !important; }