<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>$SITE_NAME$ - $MODULE_NAME$</title> 
<link rel="stylesheet" href="/_st/my.css?v=20251116_144733" />
<link rel="stylesheet" href="/css/loader.css">
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,700,300,600,800,400&subset=latin,cyrillic'>
<link rel="stylesheet" href="/css/font-awesome.min.css">
<link rel="stylesheet" href="/css/animate.css">
<link rel="stylesheet" href="/ss/colpick.css"> 

<style>
/* ===== БАЗОВЫЕ СТИЛИ ===== */
* {
 margin: 0;
 padding: 0;
 box-sizing: border-box;
}

body {
 font-family: 'Open Sans', sans-serif;
 background: linear-gradient(135deg, #f8fafa 0%, #e8f4f4 100%);
 color: #333;
 line-height: 1.5;
 overflow-x: hidden;
 width: 100%;
}

/* ===== СТИЛИ ДЛЯ ШАПКИ И МЕНЮ ===== */
#header-body {
 width: 100%;
}

#header {
 width: 100%;
 background: white;
 box-shadow: 0 2px 20px rgba(0,0,0,0.1);
 border-bottom: 3px solid #268e91;
 transition: all 0.3s ease;
 z-index: 1000;
}

#header.fixed {
 position: fixed;
 top: 0;
 left: 0;
}

#header.header-overlay {
 position: absolute;
 top: 0;
 left: 0;
 background: rgba(255,255,255,0.95);
 backdrop-filter: blur(10px);
 box-shadow: none;
}

body {
 padding-top: 80px; /* Отступ для фиксированного меню */
}

/* Если на главной странице с абсолютным позиционированием, отступ не нужен */
body.front-page {
 padding-top: 0;
}

#header .cnt {
 max-width: 1400px;
 margin: 0 auto;
 padding: 10px 40px;
 display: flex;
 justify-content: space-between;
 align-items: center;
 gap: 20px;
 position: relative;
}

/* Логотип в левом верхнем углу */
.logo {
 display: block;
 float: left;
 font-size: 24px;
 font-weight: 700;
 color: #268e91;
 text-decoration: none;
 white-space: nowrap;
 padding: 10px 0;
 letter-spacing: 0.5px;
 transition: color 0.3s ease;
 margin: 0 !important;
 margin-right: auto !important; /* Отталкивает меню вправо */
 line-height: 50px;
 height: 50px;
 font-family: Georgia, serif;
 text-transform: uppercase;
}

.logo:hover {
 color: #1a6c6f;
}

/* ===== ГОРИЗОНТАЛЬНОЕ МЕНЮ В ОДНУ СТРОКУ С ОВАЛЬНЫМИ КНОПКАМИ ===== */
@media (min-width: 768px) {
 #menu {
 float: right; /* Прижимаем вправо */
 position: relative;
 z-index: 100;
 margin: 5px 0;
 max-width: calc(100% - 280px); /* Ограничиваем ширину */
 overflow: visible;
 }

 #menu .uMenuRoot {
 padding: 0;
 margin: 0;
 list-style: none;
 display: flex;
 align-items: center;
 gap: 8px;
 flex-wrap: nowrap; /* ЗАПРЕЩАЕМ ПЕРЕНОС - ВСЕ В ОДНУ СТРОКУ */
 justify-content: flex-end;
 }

 #menu .uMenuRoot > li {
 margin: 0;
 position: relative;
 padding: 0;
 flex-shrink: 0; /* ЗАПРЕЩАЕМ СЖИМАТЬСЯ */
 }

 /* ОВАЛЬНЫЕ КНОПКИ МЕНЮ */
 #menu .uMenuRoot > li > a {
 display: inline-block;
 line-height: 42px;
 font-family: 'Open Sans', sans-serif;
 text-transform: uppercase;
 color: #268e91 !important;
 padding: 0 22px;
 letter-spacing: 0.5px;
 font-weight: 600;
 font-size: 13px;
 border-radius: 30px; /* Овальная форма */
 background: transparent;
 transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 border: 2px solid #268e91;
 text-decoration: none;
 white-space: nowrap; /* ЗАПРЕЩАЕМ ПЕРЕНОС ТЕКСТА */
 box-shadow: 0 3px 8px rgba(38, 142, 145, 0.15);
 position: relative;
 overflow: hidden;
 z-index: 1;
 }

 /* Эффект волны при наведении */
 #menu .uMenuRoot > li > a:before {
 content: '';
 position: absolute;
 top: 0;
 left: -100%;
 width: 100%;
 height: 100%;
 background: linear-gradient(135deg, #268e91, #1a6b6e);
 transition: left 0.4s ease;
 z-index: -1;
 }

 #menu .uMenuRoot > li > a:hover {
 color: #ffffff !important;
 transform: translateY(-3px);
 box-shadow: 0 10px 20px rgba(38, 142, 145, 0.3);
 }

 #menu .uMenuRoot > li > a:hover:before {
 left: 0;
 }

 #menu .uMenuRoot > li > a.uMenuItemA {
 background: linear-gradient(135deg, #268e91, #1a6b6e);
 color: #ffffff !important;
 border-color: #268e91;
 box-shadow: 0 8px 15px rgba(38, 142, 145, 0.3);
 }

 #menu .uMenuRoot > li > a.uMenuItemA:before {
 display: none;
 }

 #menu .uMenuRoot > li > a .fa {
 margin-left: 8px;
 font-size: 12px;
 transition: transform 0.3s ease;
 }

 #menu .uMenuRoot > li > a:hover .fa {
 transform: translateX(4px);
 }

 /* КНОПКА ТЕЛЕФОНА В МЕНЮ */
 .menu-phone-link {
 display: inline-flex;
 align-items: center;
 gap: 8px;
 line-height: 42px;
 background: linear-gradient(135deg, #268e91, #1a6b6e);
 color: white !important;
 padding: 0 22px;
 border-radius: 30px;
 font-weight: 600;
 font-size: 14px;
 border: none;
 transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
 white-space: nowrap;
 text-decoration: none;
 box-shadow: 0 5px 12px rgba(38, 142, 145, 0.25);
 position: relative;
 overflow: hidden;
 z-index: 1;
 margin-left: 8px;
 }

 .menu-phone-link:before {
 content: '';
 position: absolute;
 top: 0;
 left: -100%;
 width: 100%;
 height: 100%;
 background: linear-gradient(135deg, #1a6c6f, #268e91);
 transition: left 0.4s ease;
 z-index: -1;
 }

 .menu-phone-link:hover {
 transform: translateY(-3px);
 box-shadow: 0 12px 25px rgba(38, 142, 145, 0.4);
 }

 .menu-phone-link:hover:before {
 left: 0;
 }

 .menu-phone-link i {
 font-size: 13px;
 }

 /* ПОДМЕНЮ ДЛЯ ДЕСКТОПОВ */
 #menu .uWithSubmenu {
 position: relative;
 }

 #menu li.uWithSubmenu ul {
 position: absolute;
 width: 250px;
 background: #ffffff;
 top: 100px;
 left: -99999px;
 opacity: 0;
 margin: 0;
 padding: 12px 0;
 list-style: none;
 border-radius: 20px;
 box-shadow: 0 15px 40px rgba(38, 142, 145, 0.2);
 border: 2px solid #268e91;
 z-index: 1000;
 transform: translateY(10px);
 transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 }

 #menu .uMenuRoot > li.uWithSubmenu:hover > ul {
 left: 0;
 opacity: 1;
 top: 50px;
 transform: translateY(0);
 }

 .uWithSubmenu ul a {
 display: block;
 color: #268e91;
 line-height: 42px;
 padding: 0 22px;
 font-size: 13px;
 transition: all 0.2s ease;
 font-family: 'Open Sans', sans-serif;
 text-transform: uppercase;
 letter-spacing: 0.5px;
 border-radius: 25px;
 margin: 4px 12px;
 width: calc(100% - 24px);
 text-decoration: none;
 background: #f8f8f8;
 border: 1px solid transparent;
 }

 .uWithSubmenu ul a:hover {
 background: linear-gradient(135deg, #268e91, #1a6b6e);
 color: #ffffff;
 padding-left: 28px;
 transform: translateX(3px);
 box-shadow: 0 5px 12px rgba(38, 142, 145, 0.15);
 border-color: #268e91;
 }

 /* ВЛОЖЕННЫЕ ПОДМЕНЮ */
 .uWithSubmenu ul li {
 position: relative;
 }

 .uWithSubmenu ul li ul {
 left: 235px;
 top: -12px;
 margin-top: -12px;
 border-left: none;
 border-radius: 20px;
 }

 #menu .uMenuRoot > li > ul li.uWithSubmenu:hover > ul {
 left: 235px;
 opacity: 1;
 top: -12px;
 }

 .uWithSubmenu ul li.uWithSubmenu > a:after {
 content: '›';
 float: right;
 margin-left: 5px;
 color: #268e91;
 font-size: 18px;
 font-weight: bold;
 transition: transform 0.3s ease;
 }

 .uWithSubmenu ul li.uWithSubmenu:hover > a:after {
 color: white;
 transform: translateX(4px);
 }
}

/* ===== АДАПТИВНОСТЬ ДЛЯ ПЛАНШЕТОВ ===== */
@media (min-width: 768px) and (max-width: 991px) {
 #header .cnt {
 padding: 8px 20px;
 }
 
 .logo {
 font-size: 22px;
 line-height: 44px;
 height: 44px;
 padding: 8px 0;
 }
 
 #menu .uMenuRoot {
 gap: 6px;
 }
 
 #menu .uMenuRoot > li > a {
 padding: 0 16px;
 font-size: 12px;
 line-height: 38px;
 }
 
 .menu-phone-link {
 line-height: 38px;
 padding: 0 16px;
 font-size: 12px;
 }
}

@media (min-width: 992px) and (max-width: 1199px) {
 #header .cnt {
 padding: 10px 30px;
 }
}

/* ===== МОБИЛЬНОЕ МЕНЮ С БУРГЕРОМ ===== */
@media (max-width: 767px) {
 #header {
 height: 70px;
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 background: white;
 box-shadow: 0 4px 15px rgba(38, 142, 145, 0.15);
 }
 
 #header.header-overlay {
 background: white;
 position: fixed;
 }
 
 body {
 padding-top: 70px;
 }
 
 #header .cnt {
 position: relative;
 display: flex;
 align-items: center;
 justify-content: space-between;
 height: 70px;
 padding: 0 20px;
 }
 
 .logo {
 float: none;
 padding: 0;
 margin: 0 !important;
 line-height: 70px;
 height: 70px;
 font-size: 20px;
 background: linear-gradient(135deg, #268e91, #1a6b6e);
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
 background-clip: text;
 }
 
 /* КНОПКА БУРГЕР-МЕНЮ */
 .mobile-menu-toggle {
 display: block !important;
 position: relative;
 width: 44px;
 height: 44px;
 background: linear-gradient(135deg, #268e91, #1a6b6e);
 border-radius: 25px; /* Овальная форма */
 cursor: pointer;
 z-index: 1001;
 flex-shrink: 0;
 box-shadow: 0 4px 12px rgba(38, 142, 145, 0.3);
 transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
 }
 
 .mobile-menu-toggle:hover {
 transform: scale(1.05);
 box-shadow: 0 8px 18px rgba(38, 142, 145, 0.4);
 }
 
 .menu-icon {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 width: 22px;
 height: 2px;
 background: #fff;
 transition: all 0.3s ease;
 }
 
 .menu-icon:before,
 .menu-icon:after {
 content: '';
 position: absolute;
 width: 100%;
 height: 2px;
 background: #fff;
 left: 0;
 transition: all 0.3s ease;
 }
 
 .menu-icon:before {
 top: -7px;
 }
 
 .menu-icon:after {
 bottom: -7px;
 }
 
 .mobile-menu-toggle.active .menu-icon {
 background: transparent;
 }
 
 .mobile-menu-toggle.active .menu-icon:before {
 transform: rotate(45deg);
 top: 0;
 }
 
 .mobile-menu-toggle.active .menu-icon:after {
 transform: rotate(-45deg);
 bottom: 0;
 }
 
 /* ВЫПАДАЮЩЕЕ МЕНЮ */
 #menu {
 display: block !important;
 position: fixed;
 top: 70px;
 left: 0;
 width: 100%;
 height: calc(100vh - 70px);
 background: rgba(0, 0, 0, 0.97);
 backdrop-filter: blur(10px);
 z-index: 1000;
 overflow-y: auto;
 transform: translateX(-100%);
 transition: transform 0.4s cubic-bezier(0.2, 0, 0, 1);
 }
 
 #menu.menu-open {
 transform: translateX(0);
 }
 
 #menu .uMenuRoot {
 display: block;
 padding: 25px 20px;
 margin: 0;
 list-style: none;
 }
 
 #menu .uMenuRoot > li {
 display: block;
 margin: 0 0 12px 0;
 width: 100%;
 opacity: 0;
 transform: translateX(-20px);
 transition: all 0.4s ease;
 }
 
 #menu.menu-open .uMenuRoot > li {
 opacity: 1;
 transform: translateX(0);
 }
 
 #menu.menu-open .uMenuRoot > li:nth-child(1) { transition-delay: 0.1s; }
 #menu.menu-open .uMenuRoot > li:nth-child(2) { transition-delay: 0.2s; }
 #menu.menu-open .uMenuRoot > li:nth-child(3) { transition-delay: 0.3s; }
 #menu.menu-open .uMenuRoot > li:nth-child(4) { transition-delay: 0.4s; }
 #menu.menu-open .uMenuRoot > li:nth-child(5) { transition-delay: 0.5s; }
 #menu.menu-open .uMenuRoot > li:nth-child(6) { transition-delay: 0.6s; }
 #menu.menu-open .uMenuRoot > li:nth-child(7) { transition-delay: 0.7s; }
 #menu.menu-open .uMenuRoot > li:nth-child(8) { transition-delay: 0.8s; }
 
 #menu .uMenuRoot > li > a {
 display: block;
 width: 100%;
 padding: 16px 20px;
 background: rgba(255, 255, 255, 0.05);
 color: #fff !important;
 border-radius: 30px; /* Овальная форма */
 border: 2px solid #268e91;
 font-family: 'Open Sans', sans-serif;
 text-transform: uppercase;
 letter-spacing: 1px;
 font-size: 15px;
 font-weight: 600;
 text-align: center;
 transition: all 0.3s ease;
 position: relative;
 overflow: hidden;
 z-index: 1;
 }
 
 #menu .uMenuRoot > li > a:before {
 content: '';
 position: absolute;
 top: 0;
 left: -100%;
 width: 100%;
 height: 100%;
 background: linear-gradient(135deg, #268e91, #1a6b6e);
 transition: left 0.3s ease;
 z-index: -1;
 }
 
 #menu .uMenuRoot > li > a:hover,
 #menu .uMenuRoot > li > a.uMenuItemA {
 color: #fff !important;
 border-color: #268e91;
 transform: translateY(-2px);
 box-shadow: 0 8px 20px rgba(38, 142, 145, 0.4);
 }
 
 #menu .uMenuRoot > li > a:hover:before,
 #menu .uMenuRoot > li > a.uMenuItemA:before {
 left: 0;
 }
 
 #menu .uMenuRoot > li.uWithSubmenu > a {
 position: relative;
 padding-right: 45px;
 }
 
 #menu .uMenuRoot > li.uWithSubmenu > a:after {
 content: '▼';
 position: absolute;
 right: 20px;
 top: 50%;
 transform: translateY(-50%);
 font-size: 12px;
 color: rgba(255,255,255,0.7);
 transition: transform 0.3s ease;
 }
 
 #menu .uMenuRoot > li.uWithSubmenu.active > a:after {
 transform: translateY(-50%) rotate(180deg);
 }
 
 /* Подменю на мобильных */
 #menu .uMenuRoot > li.uWithSubmenu ul {
 position: static;
 display: none;
 width: 100%;
 background: transparent;
 border: none;
 box-shadow: none;
 padding: 10px 0 0 20px;
 margin: 5px 0 0 0;
 opacity: 1;
 transform: none;
 }
 
 #menu .uMenuRoot > li.uWithSubmenu ul.show-submenu {
 display: block;
 }
 
 .uWithSubmenu ul a {
 display: block;
 padding: 14px 20px;
 margin: 5px 0;
 background: rgba(255, 255, 255, 0.03);
 color: #ddd !important;
 border-radius: 25px; /* Овальная форма */
 border: 1px solid #268e91;
 text-align: center;
 font-size: 14px;
 transition: all 0.3s ease;
 }
 
 .uWithSubmenu ul a:hover {
 background: linear-gradient(135deg, #268e91, #1a6b6e);
 color: #fff !important;
 padding-left: 25px;
 border-color: #268e91;
 }
 
 .uWithSubmenu ul li ul {
 padding-left: 20px !important;
 }
 
 /* КНОПКА ТЕЛЕФОНА В МОБИЛЬНОМ МЕНЮ */
 .menu-phone-mobile a {
 background: linear-gradient(135deg, #268e91, #1a6b6e) !important;
 color: white !important;
 border: none !important;
 box-shadow: 0 5px 15px rgba(38, 142, 145, 0.3) !important;
 }
}

/* Блокируем прокрутку страницы, когда меню открыто на мобильных */
body.menu-opened {
 overflow: hidden;
 position: fixed;
 width: 100%;
 height: 100%;
}

/* ===== СТИЛИ ДЛЯ СЛАЙДЕРА ===== */
#slider-body {
 width: 100%;
 height: 100vh;
 min-height: 600px;
 position: relative;
 overflow: hidden;
}

#slider {
 width: 100%;
 height: 100%;
 position: relative;
}

.slide {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 opacity: 0;
 transition: opacity 0.8s ease;
 background-size: cover;
 background-position: center;
 background-repeat: no-repeat;
 display: flex;
 align-items: center;
 justify-content: center;
}

.slide.active {
 opacity: 1;
 z-index: 1;
}

.slide-content {
 max-width: 1200px;
 margin: 0 auto;
 padding: 0 40px;
 text-align: center;
 z-index: 2;
 width: 100%;
}

.slide-title {
 color: white;
 padding: 15px 40px;
 border-radius: 30px;
 font-weight: 700;
 font-size: clamp(24px, 5vw, 32px);
 display: inline-block;
 text-shadow: 0 2px 10px rgba(0,0,0,0.3);
 background: rgba(38, 142, 145, 0.7);
 backdrop-filter: blur(10px);
 border: none;
 text-transform: uppercase;
 margin-bottom: 20px;
}

.slide-text {
 font-family: 'Open Sans', sans-serif;
 font-weight: 400;
 line-height: 1.6;
 color: white;
 text-shadow: 0 1px 8px rgba(0,0,0,0.3);
 background: rgba(0, 0, 0, 0.3);
 padding: 20px;
 border-radius: 15px;
 backdrop-filter: blur(8px);
 font-size: clamp(16px, 3vw, 20px);
 max-width: 800px;
 margin: 0 auto 30px;
}

.more-1 {
 font-family: 'Montserrat', sans-serif;
 font-weight: 600;
 background: rgba(255, 255, 255, 0.9);
 color: #268e91;
 padding: 14px 35px;
 border-radius: 30px;
 text-decoration: none;
 transition: all 0.3s ease;
 box-shadow: 0 4px 20px rgba(0,0,0,0.15);
 border: 2px solid rgba(255,255,255,0.3);
 display: inline-block;
}

.more-1:hover {
 background: white;
 transform: translateY(-3px);
 box-shadow: 0 8px 30px rgba(0,0,0,0.2);
}

.slide-arrow {
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 width: 50px;
 height: 50px;
 background: rgba(255,255,255,0.2);
 backdrop-filter: blur(5px);
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 color: white;
 font-size: 24px;
 cursor: pointer;
 z-index: 10;
 transition: all 0.3s ease;
 border: 1px solid rgba(255,255,255,0.3);
}

.slide-arrow:hover {
 background: rgba(38, 142, 145, 0.8);
 transform: translateY(-50%) scale(1.1);
}

.fa-angle-left {
 left: 20px;
}

.fa-angle-right {
 right: 20px;
}

/* ===== СТИЛИ ДЛЯ СТРАНИЦЫ О НАС ===== */
.section {
 padding: 60px 0;
}

.section.dark {
 background: linear-gradient(135deg, #1a3c3e, #1a6c6f);
 color: rgba(255,255,255,0.9);
}

.cnt {
 max-width: 1200px;
 margin: 0 auto;
 padding: 0 20px;
}

.title.center {
 text-align: center;
 margin-bottom: 40px;
}

.title-1 {
 font-size: 32px;
 line-height: 1.2;
 margin-bottom: 15px;
 color: #333;
}

.title-descr {
 color: #666;
 font-size: 16px;
 max-width: 800px;
 margin: 0 auto;
}

/* Колонки */
.col2 {
 width: 48%;
 float: left;
 margin-right: 4%;
}

.col2:last-child {
 margin-right: 0;
}

.col4 {
 width: 23%;
 float: left;
 margin-right: 2.66%;
}

.col4:last-child {
 margin-right: 0;
}

.clr:after {
 content: '';
 display: table;
 clear: both;
}

.about-us-image {
 width: 100%;
 height: auto;
 border-radius: 10px;
 box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.more-2 {
 color: #268e91;
 text-decoration: none;
 font-weight: 600;
 transition: all 0.3s ease;
}

.more-2:hover {
 color: #1a6c6f;
}

.more-2 span {
 transition: transform 0.3s ease;
 display: inline-block;
}

.more-2:hover span {
 transform: translateX(5px);
}

/* Счетчики */
.counts {
 padding: 40px 0;
}

.count {
 text-align: center;
}

.count .fa {
 font-size: 48px;
 margin-bottom: 15px;
}

.count-val {
 font-size: 36px;
 font-weight: 700;
 display: block;
 margin-bottom: 5px;
 color: #268e91;
}

.count span {
 font-size: 14px;
 line-height: 1.4;
}

/* Блоки профессионального подхода */
.professional-approach-section {
 transition: all 0.3s ease;
}

.professional-approach-section a {
 transition: all 0.3s ease;
}

/* Адаптивность */
@media (max-width: 768px) {
 .col2, .col4 {
 width: 100%;
 float: none;
 margin-right: 0;
 margin-bottom: 30px;
 }
 
 .section {
 padding: 40px 0;
 }
 
 .title-1 {
 font-size: 28px;
 }
}

@media (max-width: 480px) {
 .cnt {
 padding: 0 15px;
 }
 
 .title-1 {
 font-size: 24px;
 }
}
</style>

<script>var uPageID = '$URI_ID$';</script> 
$AJAX_JS$
</head>
<body id="body"> 

<div id="loader"><div class="loader-body"><span></span></div></div>
<div id="wrapper"> 

<!-- ШАПКА С МЕНЮ -->
<div id="header-body">
 <?if($URI_ID$=='page1')?>
 <!-- Для главной: сначала слайдер -->
 <?= $SLIDER_CODE$ ?>
 <?endif?>
 
 <header id="header"<?if($URI_ID$=='page1')?> class="header-overlay"<?else?> class="fixed"<?endif?>>
 <div class="cnt clr">
 
 <!-- Логотип -->
 <a class="logo" href="/">Олеся Звягина</a>
 
 <!-- КНОПКА БУРГЕР-МЕНЮ -->
 <div class="mobile-menu-toggle">
 <span class="menu-icon"></span>
 </div>
 
 <!-- НАВИГАЦИОННОЕ МЕНЮ -->
 <nav id="menu">
 <?if($NMENU_2$)?>$NMENU_2$<?endif?>
 </nav>
 
 </div>
 </header>
</div>

<!-- СЛАЙДЕР ДЛЯ ГЛАВНОЙ СТРАНИЦЫ -->
<?if($URI_ID$=='page1')?>
<div id="slider-body" class="full-width">
 <div id="slider">
 <div class="slide active" data-image="/foto/foto_ja_vozle_stola.jpg" style="background-image: url('/foto/foto_ja_vozle_stola.jpg')">
 <div class="slide-content">
 <span class="slide-title">ЗВЯГИНА ОЛЕСЯ</span>
 <p class="slide-text">Конфликт с партнером угрожает бизнесу?<br><br>Нахожу решения, которые сохраняют и отношения, и дело</p>
 <a href="https://olesyazvyagina.ru/index/uslugi/0-29" class="more-1">Услуги <span>→</span></a>
 </div>
 </div>
 <div class="slide" data-image="/foto/foto_ja_vozle_stola.jpg" style="background-image: url('/foto/foto_ja_vozle_stola.jpg')">
 <div class="slide-content">
 <span class="slide-title">ЗВЯГИНА ОЛЕСЯ</span>
 <p class="slide-text">Боитесь ошибиться в принятии решения?<br><br>Второе мнение страхует от дорогих ошибок</p>
 <a href="https://olesyazvyagina.ru/index/uslugi/0-29" class="more-1">Услуги <span>→</span></a>
 </div>
 </div>
 <div class="slide" data-image="/foto/foto_ja_vozle_stola.jpg" style="background-image: url('/foto/foto_ja_vozle_stola.jpg')">
 <div class="slide-content">
 <span class="slide-title">ЗВЯГИНА ОЛЕСЯ</span>
 <p class="slide-text">Общение с оппонентом стало невозможно?<br><br>Конфликтология восстановит коммуникацию</p>
 <a href="https://olesyazvyagina.ru/index/uslugi/0-29" class="more-1">Услуги <span>→</span></a>
 </div>
 </div>
 </div>
 <span class="slide-arrow fa fa-angle-left"></span>
 <span class="slide-arrow fa fa-angle-right"></span>
</div>
<?endif?>

<!-- КОНТЕНТ СТРАНИЦЫ -->
$CONTENT$

<!-- ФУТЕР -->
<footer id="footer" class="section dark">
 <div class="cnt" data-animated="fadeIn">
 <!--U1BFOOTER1Z--><!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>$SITE_NAME$ - $MODULE_NAME$</title> 
<link rel="stylesheet" href="/_st/my.css?v=20251116_144733" />
<link rel="stylesheet" href="/css/loader.css">
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,700,300,600,800,400&subset=latin,cyrillic'>
<link rel="stylesheet" href="/css/font-awesome.min.css">
<link rel="stylesheet" href="/css/animate.css">
<link rel="stylesheet" href="/ss/colpick.css"> 

<style>
/* Общие настройки шрифтов */
body, .site-footer {
 font-family: 'Open Sans', sans-serif;
}

/* ===== СВЕТЛЫЙ ФУТЕР НА ВСЮ ШИРИНУ ===== */
.site-footer {
 background: linear-gradient(135deg, #f8fafc 0%, #f0f5f8 100%);
 color: #2c3e50;
 padding: 60px 0 0;
 position: relative;
 overflow: hidden;
 width: 100%;
 border-top: 4px solid #268e91;
}

.site-footer::before {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 height: 1px;
 background: linear-gradient(90deg, #268e91, #8fd4d6, #268e91);
 opacity: 0.3;
}

.footer-container {
 max-width: 1200px;
 margin: 0 auto;
 padding: 0 40px;
 width: 100%;
 box-sizing: border-box;
}

.footer-content {
 display: grid;
 grid-template-columns: 2fr 1fr 1fr;
 gap: 40px;
}

.footer-column h4 {
 color: #268e91;
 font-size: 1.2rem;
 font-weight: 600;
 margin-bottom: 25px;
 position: relative;
 padding-bottom: 12px;
 letter-spacing: 0.5px;
 text-transform: uppercase;
}

.footer-column h4::after {
 content: '';
 position: absolute;
 bottom: 0;
 left: 0;
 width: 40px;
 height: 2px;
 background: #268e91;
}

.footer-about p {
 color: #4a5568;
 line-height: 1.7;
 margin-bottom: 20px;
 font-weight: 400;
 letter-spacing: 0.3px;
}

/* Ссылки услуг */
.footer-links {
 list-style: none;
 padding: 0;
 margin: 0;
}

.footer-links li {
 margin-bottom: 15px;
 position: relative;
 padding-left: 0;
}

.footer-links a {
 color: #4a5568;
 text-decoration: none !important;
 transition: all 0.3s ease;
 display: block;
 font-weight: 400;
 letter-spacing: 0.3px;
 padding: 4px 0;
 position: relative;
}

.footer-links a:hover {
 color: #268e91;
 padding-left: 8px;
}

.footer-links a::before {
 content: '';
 position: absolute;
 left: 0;
 top: 50%;
 transform: translateY(-50%);
 width: 0;
 height: 1px;
 background: #268e91;
 transition: width 0.3s ease;
}

.footer-links a:hover::before {
 width: 4px;
}

/* Контакты */
.footer-contact {
 list-style: none;
 padding: 0;
 margin: 0;
}

.footer-contact li {
 display: flex;
 align-items: flex-start;
 margin-bottom: 20px;
 color: #4a5568;
 font-weight: 400;
}

.footer-contact i {
 color: #268e91;
 margin-right: 15px;
 font-size: 1.1rem;
 margin-top: 2px;
 min-width: 20px;
}

.footer-contact a {
 color: #2c3e50;
 text-decoration: none !important;
 transition: color 0.3s ease;
 font-weight: 500;
 letter-spacing: 0.3px;
}

.footer-contact a:hover {
 color: #268e91;
}

.footer-contact div {
 display: flex;
 flex-direction: column;
}

.footer-contact span {
 color: #4a5568;
 font-weight: 400;
 line-height: 1.5;
}

/* Растение SVG */
.footer-plant {
 width: 100%;
 height: 80px;
 overflow: hidden;
 margin-top: 40px;
}

.plant-svg {
 width: 100%;
 height: 100%;
 display: block;
}

.plant-svg path {
 fill: rgba(38, 142, 145, 0.15);
}

.plant-svg circle {
 fill: rgba(38, 142, 145, 0.2);
}

/* Нижняя часть */
.footer-bottom {
 background: rgba(38, 142, 145, 0.05);
 margin-top: 40px;
 padding: 25px 0;
 border-top: 1px solid rgba(38, 142, 145, 0.2);
 width: 100%;
}

.footer-bottom-container {
 max-width: 1200px;
 margin: 0 auto;
 padding: 0 40px;
 width: 100%;
 box-sizing: border-box;
}

.footer-bottom-content {
 display: flex;
 justify-content: space-between;
 align-items: center;
 flex-wrap: wrap;
 gap: 20px;
}

.footer-copyright {
 color: #718096;
 font-size: 0.9rem;
 text-align: center;
 flex-grow: 1;
 font-weight: 400;
 letter-spacing: 0.3px;
}

.footer-legal {
 display: flex;
 gap: 25px;
}

.footer-legal a {
 color: #718096;
 text-decoration: none !important;
 font-size: 0.9rem;
 transition: color 0.3s ease;
 font-weight: 400;
 letter-spacing: 0.3px;
 padding: 5px 0;
 position: relative;
}

.footer-legal a:hover {
 color: #268e91;
}

.footer-legal a::after {
 content: '';
 position: absolute;
 bottom: 0;
 left: 0;
 width: 0;
 height: 1px;
 background: #268e91;
 transition: width 0.3s ease;
}

.footer-legal a:hover::after {
 width: 100%;
}

/* Кнопка наверх */
.back-to-top {
 background: #268e91;
 color: white;
 width: 44px;
 height: 44px;
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 text-decoration: none;
 transition: all 0.3s ease;
 cursor: pointer;
 font-size: 1.1rem;
 opacity: 0;
 visibility: hidden;
 border: none;
 box-shadow: 0 2px 10px rgba(38, 142, 145, 0.2);
}

.back-to-top:hover {
 background: #1a6c6f;
 transform: translateY(-5px);
 box-shadow: 0 5px 15px rgba(38, 142, 145, 0.3);
}

.back-to-top.visible {
 opacity: 1;
 visibility: visible;
}

/* Адаптивность подвала */
@media (max-width: 968px) {
 .footer-content {
 grid-template-columns: 1fr 1fr;
 gap: 40px 30px;
 }
 
 .footer-bottom-content {
 flex-direction: column;
 text-align: center;
 gap: 15px;
 }
 
 .footer-legal {
 justify-content: center;
 flex-wrap: wrap;
 gap: 15px;
 }
 
 .footer-container,
 .footer-bottom-container {
 padding: 0 30px;
 }
}

@media (max-width: 580px) {
 .footer-content {
 grid-template-columns: 1fr;
 gap: 30px;
 }
 
 .footer-column {
 text-align: left;
 }
 
 .footer-column h4::after {
 left: 0;
 transform: none;
 }
 
 .footer-contact li {
 justify-content: flex-start;
 }
 
 .footer-legal {
 flex-direction: column;
 gap: 10px;
 align-items: center;
 }
 
 .footer-container,
 .footer-bottom-container {
 padding: 0 20px;
 }
}

/* Стили для совместимости */
#footer.section.dark {
 display: none !important;
}
</style>

<script>var uPageID = '$URI_ID$';</script> 
$AJAX_JS$
</head>
<body id="body"> 

<!-- Весь остальной контент страницы -->

<!-- СВЕТЛЫЙ ФУТЕР НА ВСЮ ШИРИНУ (единый) -->
<footer class="site-footer">
 <div class="footer-container">
 <div class="footer-content">
 <div class="footer-column footer-about">
 <h4>Олеся Звягина</h4>
 <p>Юрист-стратег, переговорщик и бизнес-медиатор с 25-летним опытом. Помогаю бизнесу решать сложные ситуации, сохраняя отношения и репутацию.</p>
 </div>

 <div class="footer-column">
 <h4>Услуги</h4>
 <ul class="footer-links">
 <li><a href="https://olesyazvyagina.ru/index/jurist_strateg/0-31">Юрист-стратег</a></li>
 <li><a href="https://olesyazvyagina.ru/index/peregovorshhik/0-34">Переговорщик</a></li>
 <li><a href="https://olesyazvyagina.ru/index/biznes_mediator/0-35">Бизнес-медиатор</a></li>
 <li><a href="https://olesyazvyagina.ru/index/konsultant_po_partnerstvu/0-36">Сессии для партнеров</a></li>
 <li><a href="https://olesyazvyagina.ru/index/uslugi/0-29">Все услуги</a></li>
 </ul>
 </div>

 <div class="footer-column">
 <h4>Контакты</h4>
 <ul class="footer-contact">
 <li>
 <i class="fa fa-phone"></i>
 <div>
 <a href="tel:+79252726296">+7 (925) 272-62-96</a>
 </div>
 </li>
 <li>
 <i class="fa fa-envelope"></i>
 <div>
 <a href="mailto:strategy@olesyazvyagina.ru">strategy@olesyazvyagina.ru</a>
 </div>
 </li>
 <li>
 <i class="fa fa-map-marker"></i>
 <div>
 <span>129090, г. Москва, ул. Гиляровского, д. 4 к. 5, офис 419</span>
 </div>
 </li>
 </ul>
 </div>
 </div>
 </div>

 <!-- Растение SVG -->
 <div class="footer-plant">
 <svg class="plant-svg" viewBox="0 0 1200 100" preserveAspectRatio="none">
 <path d="M0,50 Q150,20 300,50 T600,20 T900,50 T1200,20 L1200,100 L0,100 Z" fill="rgba(38, 142, 145, 0.15)"/>
 <path d="M0,40 Q200,0 400,40 T800,10 T1200,40 L1200,100 L0,100 Z" fill="rgba(38, 142, 145, 0.1)"/>
 <circle cx="200" cy="30" r="8" fill="rgba(38, 142, 145, 0.2)"/>
 <circle cx="500" cy="15" r="12" fill="rgba(38, 142, 145, 0.2)"/>
 <circle cx="800" cy="25" r="10" fill="rgba(38, 142, 145, 0.2)"/>
 <circle cx="1100" cy="10" r="15" fill="rgba(38, 142, 145, 0.2)"/>
 </svg>
 </div>

 <!-- Нижняя часть -->
 <div class="footer-bottom">
 <div class="footer-bottom-container">
 <div class="footer-bottom-content">
 <div class="footer-copyright">© 2024 Олеся Звягина. Все права защищены.</div>
 <div class="footer-legal">
 <a href="https://olesyazvyagina.ru/index/soglasie_na_obrabotku_personalnykh_dannykh/0-52">Согласие на обработку данных</a>
 <a href="https://olesyazvyagina.ru/index/politika_v_otnoshenii_obrabotki_personalnykh_dannykh/0-43">Политика обработки данных</a>
 <a href="/sitemap">Карта сайта</a>
 </div>
 <button class="back-to-top" onclick="scrollToTop()" title="Наверх">
 <i class="fa fa-chevron-up"></i>
 </button>
 </div>
 </div>
 </div>
</footer>

<!-- Оригинальный футер системы (скрыт) -->
<footer id="footer" class="section dark" style="display: none;">
 <div class="cnt" data-animated="fadeIn">
 $GLOBAL_BFOOTER$
 </div>
</footer>

<!-- ОПТИМИЗИРОВАННЫЕ СКРИПТЫ -->
<script>
// Инициализация при загрузке
document.addEventListener('DOMContentLoaded', function() {
 // Слайдер
 const slides = document.querySelectorAll('.slide');
 const prevArrow = document.querySelector('.fa-angle-left');
 const nextArrow = document.querySelector('.fa-angle-right');
 let currentSlide = 0;
 
 function showSlide(index) {
 slides.forEach(s => s.classList.remove('active'));
 slides[index].classList.add('active');
 currentSlide = index;
 }
 
 if (prevArrow && nextArrow) {
 prevArrow.addEventListener('click', () => {
 let newIndex = currentSlide - 1;
 if (newIndex < 0) newIndex = slides.length - 1;
 showSlide(newIndex);
 });
 
 nextArrow.addEventListener('click', () => {
 let newIndex = currentSlide + 1;
 if (newIndex >= slides.length) newIndex = 0;
 showSlide(newIndex);
 });
 
 setInterval(() => {
 let newIndex = currentSlide + 1;
 if (newIndex >= slides.length) newIndex = 0;
 showSlide(newIndex);
 }, 5000);
 }
 
 // Кнопка наверх
 const backToTop = document.querySelector('.back-to-top');
 if (backToTop) {
 window.addEventListener('scroll', () => {
 backToTop.classList.toggle('visible', window.scrollY > 300);
 });
 }
});

// Функция прокрутки наверх
function scrollToTop() {
 window.scrollTo({
 top: 0,
 behavior: 'smooth'
 });
}

// Аккордеон услуг (если используется)
function toggleService(header) {
 const content = header.nextElementSibling;
 const arrow = header.querySelector('.service-arrow');
 
 if (content.style.maxHeight) {
 content.style.maxHeight = null;
 arrow.style.transform = 'rotate(0deg)';
 header.classList.remove('active');
 } else {
 content.style.maxHeight = content.scrollHeight + 'px';
 arrow.style.transform = 'rotate(180deg)';
 header.classList.add('active');
 }
}

// Плавающая кнопка (если используется)
function toggleContactMenu() {
 const btn = document.getElementById('universalContactBtn');
 if (btn) btn.classList.toggle('active');
}

// Закрытие меню при клике вне (если используется)
document.addEventListener('click', function(e) {
 const btn = document.getElementById('universalContactBtn');
 const menu = document.getElementById('universalContactMenu');
 
 if (btn && menu && !btn.contains(e.target) && !menu.contains(e.target)) {
 btn.classList.remove('active');
 }
});
</script>

$POWERED_BY$
</body>
</html><!--/U1BFOOTER1Z-->
 </div>
</footer>

</div> <!-- КОНЕЦ wrapper -->

<!-- СКРИПТ ДЛЯ РАБОТЫ МОБИЛЬНОГО МЕНЮ -->
<script>
document.addEventListener('DOMContentLoaded', function() {
 // Находим элементы меню
 const menuToggle = document.querySelector('.mobile-menu-toggle');
 const menu = document.getElementById('menu');
 const header = document.getElementById('header');
 
 // Добавляем класс для body если это главная страница
 <?if($URI_ID$=='page1')?>
 document.body.classList.add('front-page');
 <?endif?>
 
 // Проверяем, что элементы существуют
 if (menuToggle && menu) {
 
 // Обработчик клика по бургер-кнопке
 menuToggle.addEventListener('click', function(e) {
 e.stopPropagation();
 this.classList.toggle('active');
 menu.classList.toggle('menu-open');
 document.body.classList.toggle('menu-opened');
 });
 
 // Обработка выпадающих подменю на мобильных устройствах
 const submenuParents = document.querySelectorAll('.uWithSubmenu > a');
 submenuParents.forEach(link => {
 link.addEventListener('click', function(e) {
 // Проверяем, что ширина экрана мобильная (до 767px)
 if (window.innerWidth <= 767) {
 const parentLi = this.parentElement;
 
 // Проверяем, есть ли подменю
 const submenu = parentLi.querySelector('ul');
 if (submenu) {
 e.preventDefault();
 submenu.classList.toggle('show-submenu');
 parentLi.classList.toggle('active');
 }
 }
 });
 });
 
 // Закрытие меню при клике на обычные ссылки
 const menuLinks = menu.querySelectorAll('a');
 menuLinks.forEach(link => {
 link.addEventListener('click', function(e) {
 if (window.innerWidth <= 767) {
 const parentLi = this.closest('li');
 
 // Если это не пункт с подменю или подменю не открыто
 if (!parentLi || !parentLi.classList.contains('uWithSubmenu') || 
 !parentLi.querySelector('ul.show-submenu')) {
 
 // Если это ссылка на другую страницу
 if (this.getAttribute('href') && !this.getAttribute('href').startsWith('#')) {
 setTimeout(() => {
 menuToggle.classList.remove('active');
 menu.classList.remove('menu-open');
 document.body.classList.remove('menu-opened');
 }, 300);
 }
 }
 }
 });
 });
 
 // Закрытие меню при клике вне области меню
 document.addEventListener('click', function(event) {
 if (window.innerWidth <= 767) {
 const isClickInsideMenu = menu.contains(event.target);
 const isClickOnToggle = menuToggle.contains(event.target);
 
 if (!isClickInsideMenu && !isClickOnToggle && menu.classList.contains('menu-open')) {
 menuToggle.classList.remove('active');
 menu.classList.remove('menu-open');
 document.body.classList.remove('menu-opened');
 
 // Закрываем все открытые подменю
 document.querySelectorAll('.uWithSubmenu ul.show-submenu, .uWithSubmenu.active').forEach(el => {
 el.classList.remove('show-submenu', 'active');
 });
 }
 }
 });
 }
 
 // При изменении размера окна сбрасываем классы меню для десктопа
 window.addEventListener('resize', function() {
 const menuToggle = document.querySelector('.mobile-menu-toggle');
 const menu = document.getElementById('menu');
 
 if (window.innerWidth > 767) {
 if (menu) menu.classList.remove('menu-open');
 if (menuToggle) menuToggle.classList.remove('active');
 document.body.classList.remove('menu-opened');
 
 const openSubmenus = document.querySelectorAll('.uWithSubmenu ul.show-submenu, .uWithSubmenu.active');
 openSubmenus.forEach(el => {
 el.classList.remove('show-submenu', 'active');
 });
 }
 });
});
</script>

<script src="/js/plugins.js"></script>
<script src="/js/scripts.js"></script>

$POWERED_BY$
</body>
</html>