/*
	Theme Name: YOOtheme StroyReNovation
	Template: yootheme
	Author: WebWeb | Mikhail Shevtsov
	Description: YOOtheme Child Theme
	Version: 1.0.0
	Text Domain: yootheme-stroyrenovation
*/

/*
	Using Colors
	Main: 
	Hover & Active: 
	Prefix: ww-
*/

/**** Main. Start ****/
/*** Header. Start ***/
/** Navbar. Start **/
/* Main styles. Start */
header .uk-navbar-sticky {
	padding: 10px 0;
}
/* Main styles. End */

/* Header. Start */
.uk-sticky {
	background: rgba(255, 255, 255, 0.5);
	backdrop-filter: blur(10px);
}
/* Header. End */

/* Logo. Start */

/* Logo. End */

/* Menu. Start */

/* Menu. End */

/* Blocks. Start */

/* Blocks. End */

/* Search. Start */

/* Search. End */

/* Breadcrumbs. Start */

/* Breadcrumbs. End */
/** Navbar. End **/
/*** Header. End ***/

/*** Footer. Start ***/

/*** Footer. End ***/
/**** Main. End ****/

/**** Pages. Start ****/
/*** Main page. Start ***/
/** Sections. Start **/
/* Slider. Start */
.ww-section-slider .el-overlay {
	background: rgba(255, 255, 255, 0.5);
	backdrop-filter: blur(10px);
}
.ww-section-slider .el-overlay {
	border-radius: 4px;
}
/* Slider. End */

/* Advantages. Start */
.ww-text-highlight {
	background-color: #ffd75c;
	padding: 0 5px;
	border-radius: 2px;
}
/* Advantages. End */

/* Realized Projects. Start */
.ww-sections-realized-projects .el-title {
	line-height: 1;
}
.ww-sections-realized-projects .el-meta,
.ww-sections-realized-projects .el-content {
	text-align: left;
}
.ww-sections-realized-projects .el-meta strong {
	font-weight: 500;
}
.ww-sections-realized-projects .el-title,
.ww-sections-realized-projects .el-meta,
.ww-sections-realized-projects .el-content {
	padding: 0 15px;
}
.ww-sections-realized-projects .uk-button {
	border-radius: 0;
	margin-bottom: 15px;
}
.ww-sections-realized-projects .uk-button:hover {
	background: #fff;
	border-left-color: #fff;
	border-right-color: #fff;
}
.ww-sections-realized-projects .uk-button span {
	font-size: 16px;
}
/* Realized Projects. End */

/* Services. Start */
.ww-section-services .el-item.uk-card,
.ww-section-services .el-item.uk-panel {
	position: relative;
	clip-path: polygon(50% 0%, 100% 18%, 100% 100%, 50% 100%, 0% 100%, 0% 18%) !important;
	padding: 0 0 15px 0 !important;
	justify-content: center !important;
}
.ww-section-services .el-item .el-image {
	object-fit: cover !important;
	flex-grow: 0 !important;
	margin: 0 auto !important;
	clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%) !important;
	height: 340px;
}
.ww-section-services .uk-button {
	border-radius: 0;
}
.ww-section-services .uk-button:hover {
	border-left-color: #ffd75c;
	border-right-color: #ffd75c;
}
.ww-section-services .uk-button span {
	font-size: 16px;
}
.ww-section-services .el-title,
.ww-section-services .el-content {
	padding: 0 15px;
}
.ww-section-services .uk-accordion .uk-accordion-title,
.ww-section-services .uk-accordion .uk-icon {
	color: #111;
	font-size: 16px;
	font-weight: 400;
	line-height: 1;
}
.ww-section-services .uk-accordion-default .uk-accordion-content {
	margin-top: 10px;
}
.ww-section-services .uk-accordion .uk-accordion-content a,
.ww-section-services .uk-list a {
	color: #111;
	font-size: 14px;
}
.ww-section-services .uk-accordion-default > :nth-child(n+2),
.ww-section-services .tm-child-list-divider > ul > :nth-child(n+2),
.ww-section-services .uk-list-divider > :nth-child(n+2) {
	border-top: 1px solid rgba(0,0,0,.5);
}
/* Services. End */

/* Mall. Start */
.ww-section-mall-animation {
	position: relative !important;
	overflow: visible !important;
}
.ww-section-mall-animation .scroll-container {
	height: 380vh;
	position: relative;
	z-index: 5;
	background-color: #FFFFFF;
}
.ww-section-mall-animation .blueprint-grid {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: 
		linear-gradient(rgba(78, 78, 75, 0.04) 1px, transparent 1px),
		linear-gradient(90deg, rgba(78, 78, 75, 0.04) 1px, transparent 1px),
		linear-gradient(rgba(78, 78, 75, 0.08) 2px, transparent 2px),
		linear-gradient(90deg, rgba(78, 78, 75, 0.08) 2px, transparent 2px);
	background-size: 20px 20px, 20px 20px, 100px 100px, 100px 100px;
	z-index: 1;
	pointer-events: none;
}
.ww-section-mall-animation .sticky-visual-container {
	width: 100%;
	z-index: 10;
}
.ww-section-mall-animation .full-width-grid {
	width: 100% !important;
	margin-left: 0 !important;
}
.ww-section-mall-animation .svg-wrapper {
	width: 100%;
	max-width: 820px;
	height: auto;
	filter: drop-shadow(0 0 15px rgba(78, 78, 75, 0.05));
}
.ww-section-mall-animation svg {
	width: 100%;
	height: 100%;
	display: block;
}
.ww-section-mall-animation .draw-line {
	stroke: #111111;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	fill: none;
	stroke-dasharray: 1200;
	stroke-dashoffset: 1200;
	will-change: stroke-dashoffset;
}
.ww-section-mall-animation .logo-lines .draw-line {
	stroke: #FFD75C;
	stroke-width: 2.5;
}
.ww-section-mall-animation .fill-part {
	opacity: 0;
	transition: opacity 0.18s ease-out;
	will-change: opacity;
}
.ww-section-mall-animation .site-black {
	fill: #000000;
}
.ww-section-mall-animation .site-grey {
	fill: #4E4E4B;
}
.ww-section-mall-animation .site-yellow {
	fill: #FFD75C;
}
.ww-section-mall-animation .site-yellow-dark {
	fill: #E2BA3A;
}
.ww-section-mall-animation .glass-floor-white-dim {
	fill: #FFFFFF; opacity: 0.45;
}
.ww-section-mall-animation .glass-floor-white-light {
	fill: #FFFFFF; opacity: 0.55;
}
.ww-section-mall-animation .glass-floor-white-rich {
	fill: #FFFFFF; opacity: 0.70;
}
.ww-section-mall-animation .glass-floor-white-max {
	fill: #FFFFFF; opacity: 0.85;
}
.ww-section-mall-animation .steps-overlay {
	max-width: 100%;
}
.ww-section-mall-animation .step-card {
	font-size: 1rem;
	font-weight: 500;
	opacity: 0.15;
	color: #111111;
	border-left: 3px solid transparent;
	padding-left: 12px;
	transition: all 0.4s ease;
}
.ww-section-mall-animation .step-card.active {
	opacity: 1;
	color: #111111;
	border-left-color: #FFD75C;
}
.ww-section-mall-animation .step-card span {
	display: block;
	font-size: 0.75rem;
	color: #4E4E4B;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 2px;
}
@media (min-width: 960px) {
	.ww-section-mall-animation .sticky-content-wrapper {
		height: calc(100vh - 100px);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.ww-section-mall-animation .steps-column {
		width: 320px;
	}
	.ww-section-mall-animation .step-card {
		font-size: 1.1rem;
		margin-bottom: 25px;
	}
}
@media (max-width: 959px) {
	.ww-section-mall-animation .sticky-content-wrapper {
		height: auto;
		padding-top: 10px;
		display: block;
	}
	.ww-section-mall-animation .svg-wrapper {
		max-width: 100%;
		height: 45vh;
	}
	.ww-section-mall-animation .sticky-visual-container > .uk-container > .uk-grid {
		width: 100%;
		margin-left: 0;
	}
	.ww-section-mall-animation .sticky-visual-container > .uk-container > .uk-grid > * {
		padding-left: 0;
	}
	.ww-section-mall-animation .steps-column {
		position: relative;
		margin-top: 20px;
		bottom: auto;
		left: auto;
		right: auto;
		width: 100%;
	}
	.ww-section-mall-animation .step-card {
		display: none;
		text-align: center;
		border-left: none;
		padding-left: 0;
	}
	.ww-section-mall-animation .step-card.active {
		display: block;
		animation: fadeInUp 0.3s ease forwards;
	}
}
@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(10px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
.ww-section-mall-animation {
	position: relative !important;
	overflow: visible !important;
}

.ww-section-mall-animation .scroll-container {
	height: 380vh;
	position: relative;
	z-index: 5;
	background-color: #FFFFFF;
}

.ww-section-mall-animation .blueprint-grid {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: 
		linear-gradient(rgba(78, 78, 75, 0.04) 1px, transparent 1px),
		linear-gradient(90deg, rgba(78, 78, 75, 0.04) 1px, transparent 1px),
		linear-gradient(rgba(78, 78, 75, 0.08) 2px, transparent 2px),
		linear-gradient(90deg, rgba(78, 78, 75, 0.08) 2px, transparent 2px);
	background-size: 20px 20px, 20px 20px, 100px 100px, 100px 100px;
	z-index: 1;
	pointer-events: none;
}

/* СТИЛИ ПЛАВАЮЩЕГО УВЕДОМЛЕНИЯ О СКРОЛЛЕ */
.ww-section-mall-animation .scrollytelling-notifier {
	position: fixed;
	bottom: 30px;
	left: 50%;
	transform: translateX(-50%) translateY(50px);
	background-color: #000000; /* Фирменный черный */
	border: 2px solid #FFD75C; /* Фирменный желтый */
	padding: 12px 24px;
	z-index: 999;
	display: flex;
	align-items: center;
	gap: 12px;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
	transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.ww-section-mall-animation .scrollytelling-notifier.show-notifier {
	opacity: 1;
	visibility: visible;
	transform: translateX(-50%) translateY(0);
}

.ww-section-mall-animation .notifier-icon {
	color: #FFD75C;
	font-size: 1.4rem;
	font-weight: 900;
	line-height: 1;
	animation: mallArrowBounce 0.8s infinite alternate;
}

.ww-section-mall-animation .notifier-text {
	color: #FFFFFF;
	font-size: 0.9rem;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	white-space: nowrap;
}

@keyframes mallArrowBounce {
	from { transform: translateY(-3px); }
	to { transform: translateY(3px); }
}

/* Базовые стили ТЦ */
.ww-section-mall-animation .sticky-visual-container { width: 100%; z-index: 10; }
.ww-section-mall-animation .full-width-grid { width: 100% !important; margin-left: 0 !important; }
.ww-section-mall-animation .sticky-content-wrapper { height: calc(100vh - 100px); display: flex; align-items: center; }
.ww-section-mall-animation .svg-wrapper { width: 100%; max-width: 820px; height: auto; filter: drop-shadow(0 0 15px rgba(78, 78, 75, 0.05)); }
.ww-section-mall-animation svg { width: 100%; height: 100%; display: block; }
.ww-section-mall-animation .draw-line { stroke: #111111; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; fill: none; stroke-dasharray: 1200; stroke-dashoffset: 1200; will-change: stroke-dashoffset; }
.ww-section-mall-animation .logo-lines .draw-line { stroke: #FFD75C; stroke-width: 2.5; }
.ww-section-mall-animation .fill-part { opacity: 0; transition: opacity 0.18s ease-out; will-change: opacity; }
.ww-section-mall-animation .site-black { fill: #000000; }
.ww-section-mall-animation .site-grey { fill: #4E4E4B; }
.ww-section-mall-animation .site-yellow { fill: #FFD75C; }
.ww-section-mall-animation .site-yellow-dark { fill: #E2BA3A; }
.ww-section-mall-animation .glass-floor-white-dim { fill: #FFFFFF; opacity: 0.45; }
.ww-section-mall-animation .glass-floor-white-light { fill: #FFFFFF; opacity: 0.55; }
.ww-section-mall-animation .glass-floor-white-rich { fill: #FFFFFF; opacity: 0.70; }
.ww-section-mall-animation .glass-floor-white-max { fill: #FFFFFF; opacity: 0.85; }
.ww-section-mall-animation .step-card { font-size: 1rem; font-weight: 500; opacity: 0.15; color: #111111; border-left: 3px solid transparent; padding-left: 12px; transition: all 0.4s ease; cursor: pointer; }
.ww-section-mall-animation .step-card.active { opacity: 1; color: #111111; border-left-color: #FFD75C; }
.ww-section-mall-animation .step-card span { display: block; font-size: 0.75rem; color: #4E4E4B; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 2px; }
.uk-tooltip { background: #000000 !important; color: #FFFFFF !important; font-size: 0.85rem !important; padding: 8px 12px !important; border-radius: 0px !important; border: 1px solid #FFD75C !important; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15) !important; }

@media (min-width: 960px) {
	.ww-section-mall-animation .steps-column { width: 320px; }
	.ww-section-mall-animation .step-card { font-size: 1.1rem; margin-bottom: 25px; }
}
@media (max-width: 959px) {
	.ww-section-mall-animation .sticky-content-wrapper { height: auto; padding-top: 10px; display: block; }
	.ww-section-mall-animation .svg-wrapper { max-width: 100%; height: 45vh; }
	.ww-section-mall-animation .sticky-visual-container > .uk-container > .uk-grid { width: 100%; margin-left: 0; }
	.ww-section-mall-animation .sticky-visual-container > .uk-container > .uk-grid > * { padding-left: 0; }
	.ww-section-mall-animation .steps-column { position: relative; margin-top: 20px; bottom: auto; left: auto; right: auto; width: 100%; }
	.ww-section-mall-animation .step-card { display: none; text-align: center; border-left: none; padding-left: 0; }
	.ww-section-mall-animation .step-card.active { display: block; animation: fadeInUp 0.3s ease forwards; }
}
/* Mall. End */

/* About. Start */

/* About. End */

/* Reviews. Start */
.ww-section-reviews .ww-block-reviews {
	max-width: 760px;
	height: 700px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
/* Reviews. End */

/* Form. Start */
.ww-section-form.uk-section-primary input:not([type="checkbox"], [type="submit"]),
.ww-section-form.uk-section-primary select,
.ww-section-form.uk-section-primary textarea {
	background: #4e4e4b;
	color: #fff;
	padding: 0 10px;
}
.ww-section-form.uk-section-primary .uk-input::placeholder,
.ww-section-form.uk-section-primary .uk-textarea::placeholder {
	color: #fff;
}
.ww-section-form textarea {
	height: 150px;
}
.ww-section-form.uk-section-primary .uk-select:not([multiple]):not([size]) {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.ww-section-form input[type="submit"] {
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.ww-section-form .wpcf7-acceptance .wpcf7-list-item {
	margin: 0;
}
/* Form. End */
/** Sections. End **/
/*** Main page. End ***/

/*** Other pages. Start ***/
/** Services. Start **/
.ww-section-top .uk-button {
	background-color: #ffd75c !important;
	color: #111 !important;
}
.ww-section-top .uk-breadcrumb li a span {
	color: rgba(255,255,255,.8);
}
.ww-section-top .uk-breadcrumb li:last-child a span {
	color: rgba(255,255,255,1);
}
.ww-section-services .el-title {
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: 65px;
}
/* Полная изоляция анимации внутри уникального класса секции */
.ww-section-stadium-animation {
	position: relative !important;
	overflow: visible !important;
}

.ww-section-stadium-animation .scroll-container {
	height: 380vh;
	position: relative;
	z-index: 5;
	background-color: #FFFFFF;
}

/* Настройка сетки под светлую тему */
.ww-section-stadium-animation .blueprint-grid {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: 
		linear-gradient(rgba(78, 78, 75, 0.04) 1px, transparent 1px),
		linear-gradient(90deg, rgba(78, 78, 75, 0.04) 1px, transparent 1px),
		linear-gradient(rgba(78, 78, 75, 0.08) 2px, transparent 2px),
		linear-gradient(90deg, rgba(78, 78, 75, 0.08) 2px, transparent 2px);
	background-size: 20px 20px, 20px 20px, 100px 100px, 100px 100px;
	z-index: 1;
	pointer-events: none;
}

.ww-section-stadium-animation .sticky-visual-container {
	width: 100%;
	z-index: 10;
}

.ww-section-stadium-animation .full-width-grid {
	width: 100% !important;
	margin-left: 0 !important;
}

.ww-section-stadium-animation .svg-wrapper {
	width: 100%;
	max-width: 820px;
	height: auto;
	filter: drop-shadow(0 0 15px rgba(78, 78, 75, 0.05));
}

.ww-section-stadium-animation svg {
	width: 100%;
	height: 100%;
	display: block;
}

/* Фирменные Чертежные Линии (Чёрные - #111) */
.ww-section-stadium-animation .draw-line {
	stroke: #111111;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	fill: none;
	stroke-dasharray: 1200;
	stroke-dashoffset: 1200;
	will-change: stroke-dashoffset;
}

/* Световые лучи и вывеска стадиона подсвечиваются фирменным желтым изначально */
.ww-section-stadium-animation .stadium-lights .draw-line,
.ww-section-stadium-animation .logo-lines .draw-line {
	stroke: #FFD75C;
	stroke-width: 2.5;
}

.ww-section-stadium-animation .fill-part {
	opacity: 0;
	transition: opacity 0.18s ease-out;
	will-change: opacity;
}

/* Фирменная палитра */
.ww-section-stadium-animation .site-black { fill: #000000; }
.ww-section-stadium-animation .site-grey { fill: #4E4E4B; }
.ww-section-stadium-animation .site-yellow { fill: #FFD75C; }
.ww-section-stadium-animation .site-yellow-dark { fill: #E2BA3A; }

/* Полупрозрачные элементы */
.ww-section-stadium-animation .pitch-green-shadow { fill: #4E4E4B; opacity: 0.15; }
.ww-section-stadium-animation .glass-canopy { fill: #FFFFFF; opacity: 0.65; }
.ww-section-stadium-animation .light-rays-fill { fill: #FFD75C; opacity: 0.2; }

.ww-section-stadium-animation .steps-overlay {
	max-width: 100%;
}

.ww-section-stadium-animation .step-card {
	font-size: 1rem;
	font-weight: 500;
	opacity: 0.15;
	color: #111111;
	border-left: 3px solid transparent;
	padding-left: 12px;
	transition: all 0.4s ease;
	cursor: pointer;
}

.ww-section-stadium-animation .step-card.active {
	opacity: 1;
	color: #111111;
	border-left-color: #FFD75C;
}

.ww-section-stadium-animation .step-card span {
	display: block;
	font-size: 0.75rem;
	color: #4E4E4B;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 2px;
}

/* Стилизация тултипов UIkit */
.uk-tooltip {
	background: #000000 !important;
	color: #FFFFFF !important;
	font-size: 0.85rem !important;
	padding: 8px 12px !important;
	border-radius: 0px !important;
	border: 1px solid #FFD75C !important;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15) !important;
}

@media (min-width: 960px) {
	.ww-section-stadium-animation .sticky-content-wrapper {
		height: calc(100vh - 100px);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.ww-section-stadium-animation .steps-column {
		width: 320px;
	}
	.ww-section-stadium-animation .step-card {
		font-size: 1.1rem;
		margin-bottom: 25px;
	}
}

@media (max-width: 959px) {
	.ww-section-stadium-animation .sticky-content-wrapper {
		height: auto;
		padding-top: 10px;
		display: block;
	}
	
	.ww-section-stadium-animation .svg-wrapper {
		max-width: 100%;
		height: 45vh;
	}

	.ww-section-stadium-animation .sticky-visual-container > .uk-container > .uk-grid {
		width: 100%;
		margin-left: 0;
	}
	
	.ww-section-stadium-animation .sticky-visual-container > .uk-container > .uk-grid > * {
		padding-left: 0;
	}

	.ww-section-stadium-animation .steps-column {
		position: relative;
		margin-top: 20px;
		bottom: auto;
		left: auto;
		right: auto;
		width: 100%;
	}

	.ww-section-stadium-animation .step-card {
		display: none;
		text-align: center;
		border-left: none;
		padding-left: 0;
	}

	.ww-section-stadium-animation .step-card.active {
		display: block;
		animation: stadiumFadeInUp 0.3s ease forwards;
	}
}

@keyframes stadiumFadeInUp {
	from { opacity: 0; transform: translateY(10px); }
	to { opacity: 1; transform: translateY(0); }
}

.ww-section-stadium-animation {
	position: relative !important;
	overflow: visible !important;
}

.ww-section-stadium-animation .scroll-container {
	height: 380vh;
	position: relative;
	z-index: 5;
	background-color: #FFFFFF;
}

.ww-section-stadium-animation .blueprint-grid {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: 
		linear-gradient(rgba(78, 78, 75, 0.04) 1px, transparent 1px),
		linear-gradient(90deg, rgba(78, 78, 75, 0.04) 1px, transparent 1px),
		linear-gradient(rgba(78, 78, 75, 0.08) 2px, transparent 2px),
		linear-gradient(90deg, rgba(78, 78, 75, 0.08) 2px, transparent 2px);
	background-size: 20px 20px, 20px 20px, 100px 100px, 100px 100px;
	z-index: 1;
	pointer-events: none;
}

/* СТИЛИ ПЛАВАЮЩЕГО УВЕДОМЛЕНИЯ О СКРОЛЛЕ */
.ww-section-stadium-animation .scrollytelling-notifier {
	position: fixed;
	bottom: 30px;
	left: 50%;
	transform: translateX(-50%) translateY(50px);
	background-color: #000000; /* Фирменный черный фон */
	border: 2px solid #FFD75C; /* Фирменная желтая рамка */
	padding: 12px 24px;
	z-index: 999;
	display: flex;
	align-items: center;
	gap: 12px;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
	transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Активное состояние блока (плавное появление) */
.ww-section-stadium-animation .scrollytelling-notifier.show-notifier {
	opacity: 1;
	visibility: visible;
	transform: translateX(-50%) translateY(0);
}

.ww-section-stadium-animation .notifier-icon {
	color: #FFD75C;
	font-size: 1.4rem;
	font-weight: 900;
	line-height: 1;
	animation: bounceArrow 0.8s infinite alternate;
}

.ww-section-stadium-animation .notifier-text {
	color: #FFFFFF;
	font-size: 0.9rem;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	white-space: nowrap;
}

@keyframes bounceArrow {
	from { transform: translateY(-3px); }
	to { transform: translateY(3px); }
}

/* Все остальные базовые стили сетки и трибун стадиона */
.ww-section-stadium-animation .sticky-visual-container { width: 100%; z-index: 10; }
.ww-section-stadium-animation .full-width-grid { width: 100% !important; margin-left: 0 !important; }
.ww-section-stadium-animation .svg-wrapper { width: 100%; max-width: 820px; height: auto; filter: drop-shadow(0 0 15px rgba(78, 78, 75, 0.05)); }
.ww-section-stadium-animation svg { width: 100%; height: 100%; display: block; }
.ww-section-stadium-animation .draw-line { stroke: #111111; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; fill: none; stroke-dasharray: 1200; stroke-dashoffset: 1200; will-change: stroke-dashoffset; }
.ww-section-stadium-animation .stadium-lights .draw-line, .ww-section-stadium-animation .logo-lines .draw-line { stroke: #FFD75C; stroke-width: 2.5; }
.ww-section-stadium-animation .fill-part { opacity: 0; transition: opacity 0.18s ease-out; will-change: opacity; }
.ww-section-stadium-animation .site-black { fill: #000000; }
.ww-section-stadium-animation .site-grey { fill: #4E4E4B; }
.ww-section-stadium-animation .site-yellow { fill: #FFD75C; }
.ww-section-stadium-animation .site-yellow-dark { fill: #E2BA3A; }
.ww-section-stadium-animation .pitch-green-shadow { fill: #4E4E4B; opacity: 0.15; }
.ww-section-stadium-animation .glass-canopy { fill: #FFFFFF; opacity: 0.65; }
.ww-section-stadium-animation .light-rays-fill { fill: #FFD75C; opacity: 0.2; }
.ww-section-stadium-animation .step-card { font-size: 1rem; font-weight: 500; opacity: 0.15; color: #111111; border-left: 3px solid transparent; padding-left: 12px; transition: all 0.4s ease; cursor: pointer; }
.ww-section-stadium-animation .step-card.active { opacity: 1; color: #111111; border-left-color: #FFD75C; }
.ww-section-stadium-animation .step-card span { display: block; font-size: 0.75rem; color: #4E4E4B; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 2px; }
.uk-tooltip { background: #000000 !important; color: #FFFFFF !important; font-size: 0.85rem !important; padding: 8px 12px !important; border-radius: 0px !important; border: 1px solid #FFD75C !important; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15) !important; }

@media (min-width: 960px) {
	.ww-section-stadium-animation .sticky-content-wrapper { height: calc(100vh - 100px); display: flex; align-items: center; }
	.ww-section-stadium-animation .steps-column { width: 320px; }
	.ww-section-stadium-animation .step-card { font-size: 1.1rem; margin-bottom: 25px; }
}
@media (max-width: 959px) {
	.ww-section-stadium-animation .sticky-content-wrapper { height: auto; padding-top: 10px; display: block; }
	.ww-section-stadium-animation .svg-wrapper { max-width: 100%; height: 45vh; }
	.ww-section-stadium-animation .sticky-visual-container > .uk-container > .uk-grid { width: 100%; margin-left: 0; }
	.ww-section-stadium-animation .sticky-visual-container > .uk-container > .uk-grid > * { padding-left: 0; }
	.ww-section-stadium-animation .steps-column { position: relative; margin-top: 20px; bottom: auto; left: auto; right: auto; width: 100%; }
	.ww-section-stadium-animation .step-card { display: none; text-align: center; border-left: none; padding-left: 0; }
	.ww-section-stadium-animation .step-card.active { display: block; animation: stadiumFadeInUp 0.3s ease forwards; }
}
/** Services. End **/
/*** Other pages. End ***/
/**** Pages. End ****/

/**** Plugins. Start ****/
/* Contact Form 7. Start */

/* Contact Form 7. End */
/**** Plugins. Start ****/

/**** Responsive. Start ****/
/*** Main resolutions. Start ***/
@media (max-width: 991px) {
	/* Main elements. Start */
	
	/* Main elements. End */

	/* Footer. Start */
	
	/* Footer. End */

	/* Main page. Start */
	
	/* Main page. End */

	/* Other pages. Start */
	
	/* Other pages. End */
}
@media (min-width: 992px) {
	.ww-section-slider .uk-position-cover {
		padding-left: 120px;
	}
	.ww-sections-realized-projects .el-title {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		line-clamp: 2; 
		-webkit-box-orient: vertical;
	}
	.ww-sections-realized-projects .el-content {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		line-clamp: 3; 
		-webkit-box-orient: vertical;
	}
}
@media (max-width: 360px) {

}
@media (min-width: 361px) and (max-width: 479px) {

}
@media (min-width: 480px) and (max-width: 767px) {

}
@media (min-width: 768px) and (max-width: 959px) {

}
@media (min-width: 960px) and (max-width: 1220px) {
	
}
@media (min-width: 1221px) and (max-width: 1920px) {

}
/*** Main resolutions. End ***/

/*** Additional resolutions. Start ***/
@media (min-width: 1221px) and (max-width: 1440px) {

}
@media (min-width: 1221px) and (max-width: 1536px) {

}
@media (min-width: 1537px) and (max-width: 1920px) {

}
@media (min-width: 1921px) {

}
@media (min-width: 2300px) and (max-width: 2439px) {

}
@media (min-width: 2440px) {

}
/*** Additional resolutions. End ***/
/**** Responsive. End ****/