diff --git a/.about.menu_ext.php b/.about.menu_ext.php
index 4eb7273..cb0554a 100644
--- a/.about.menu_ext.php
+++ b/.about.menu_ext.php
@@ -1,5 +1,12 @@
$aMenuLinks = Array(
+ Array(
+ "О компании",
+ "/about/",
+ Array(),
+ Array(),
+ ""
+ ),
Array(
"Новости",
"/about/news/",
diff --git a/about/.left.menu_ext.php b/about/.left.menu_ext.php
index 4eb7273..cb0554a 100644
--- a/about/.left.menu_ext.php
+++ b/about/.left.menu_ext.php
@@ -1,5 +1,12 @@
$aMenuLinks = Array(
+ Array(
+ "О компании",
+ "/about/",
+ Array(),
+ Array(),
+ ""
+ ),
Array(
"Новости",
"/about/news/",
diff --git a/about/index.php b/about/index.php
index d6be782..cf86532 100644
--- a/about/index.php
+++ b/about/index.php
@@ -1,4 +1,77 @@
-header("Location: /about/news/");
-die();
-?>
\ No newline at end of file
+require($_SERVER["DOCUMENT_ROOT"]."/bitrix/header.php");
+$APPLICATION->SetTitle("О Компании");
+?>
+
+
+
+
+ $APPLICATION->IncludeComponent(
+ "evolution:about.highlights",
+ "",
+ Array(
+ "TOP" => "ТОП 10",
+ "DEALS" => "> 50 млрд ₽",
+ "CONTRACTS" => "10 000+",
+ "CITIES" => "37",
+ "PERIOD" => "10 лет",
+ "DIVISIONS" => "61",
+ "CLIENTS" => "6 000+",
+ )
+ );
+ ?>
+
+
+ $APPLICATION->IncludeComponent("bitrix:menu", "evolution.left.menu", Array(
+ "ALLOW_MULTI_SELECT" => "N", // Разрешить несколько активных пунктов одновременно
+ "CHILD_MENU_TYPE" => "left", // Тип меню для остальных уровней
+ "DELAY" => "N", // Откладывать выполнение шаблона меню
+ "MAX_LEVEL" => "1", // Уровень вложенности меню
+ "MENU_CACHE_GET_VARS" => array( // Значимые переменные запроса
+ 0 => "",
+ ),
+ "MENU_CACHE_TIME" => "3600", // Время кеширования (сек.)
+ "MENU_CACHE_TYPE" => "N", // Тип кеширования
+ "MENU_CACHE_USE_GROUPS" => "Y", // Учитывать права доступа
+ "ROOT_MENU_TYPE" => "left", // Тип меню для первого уровня
+ "USE_EXT" => "Y", // Подключать файлы с именами вида .тип_меню.menu_ext.php
+ ),
+ false
+ );?>
+
+
+ $APPLICATION->IncludeComponent(
+ "evolution:about.roadmap",
+ "",
+ Array(
+ "PRESENTATION_URL" => "/upload/presentation.pdf",
+ )
+ );
+ ?>
+
+ $APPLICATION->IncludeComponent(
+ "evolution:about.leaders",
+ "",
+ Array()
+ );
+ ?>
+
+
+
+
+
+ $APPLICATION->IncludeComponent(
+ "evolution:form.leasing",
+ "",
+ Array()
+ );
+?>
+
\ No newline at end of file
diff --git a/images/about/bottom-1.png b/images/about/bottom-1.png
new file mode 100644
index 0000000..65ad98c
Binary files /dev/null and b/images/about/bottom-1.png differ
diff --git a/images/about/bottom-2.png b/images/about/bottom-2.png
new file mode 100644
index 0000000..8fcd17c
Binary files /dev/null and b/images/about/bottom-2.png differ
diff --git a/images/about/bottom-3.png b/images/about/bottom-3.png
new file mode 100644
index 0000000..5f9a6bd
Binary files /dev/null and b/images/about/bottom-3.png differ
diff --git a/images/about/line-left.png b/images/about/line-left.png
new file mode 100644
index 0000000..eb6ccfa
Binary files /dev/null and b/images/about/line-left.png differ
diff --git a/images/about/line-right.png b/images/about/line-right.png
new file mode 100644
index 0000000..ec78aad
Binary files /dev/null and b/images/about/line-right.png differ
diff --git a/images/about/top-2.png b/images/about/top-2.png
new file mode 100644
index 0000000..46afb01
Binary files /dev/null and b/images/about/top-2.png differ
diff --git a/images/about/top.png b/images/about/top.png
new file mode 100644
index 0000000..cc9932b
Binary files /dev/null and b/images/about/top.png differ
diff --git a/local/components/evolution/about.highlights/.description.php b/local/components/evolution/about.highlights/.description.php
new file mode 100644
index 0000000..18b8c14
--- /dev/null
+++ b/local/components/evolution/about.highlights/.description.php
@@ -0,0 +1,8 @@
+
+if (!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true) die();
+
+$arTemplateDescription = array(
+ "NAME" => GetMessage("DEFAULT_NAME"),
+ "DESCRIPTION" => GetMessage("DEFAULT_DESC"),
+);
+?>
\ No newline at end of file
diff --git a/local/components/evolution/about.highlights/component.php b/local/components/evolution/about.highlights/component.php
new file mode 100644
index 0000000..96e37c2
--- /dev/null
+++ b/local/components/evolution/about.highlights/component.php
@@ -0,0 +1,18 @@
+
+if(!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true) die();
+/** @var CBitrixComponent $this */
+/** @var array $arParams */
+/** @var array $arResult */
+/** @var string $componentPath */
+/** @var string $componentName */
+/** @var string $componentTemplate */
+/** @global CDatabase $DB */
+/** @global CUser $USER */
+/** @global CMain $APPLICATION */
+
+use Bitrix\Main\Context,
+ Bitrix\Main\Type\DateTime,
+ Bitrix\Main\Loader,
+ Bitrix\Iblock;
+
+$this->includeComponentTemplate();
\ No newline at end of file
diff --git a/local/components/evolution/about.highlights/lang/ru/.description.php b/local/components/evolution/about.highlights/lang/ru/.description.php
new file mode 100644
index 0000000..2972caa
--- /dev/null
+++ b/local/components/evolution/about.highlights/lang/ru/.description.php
@@ -0,0 +1,4 @@
+
+$MESS ['DEFAULT_NAME'] = "Блок достижений";
+$MESS ['DEFAULT_DESC'] = "Блок достижений";
+?>
\ No newline at end of file
diff --git a/local/components/evolution/about.highlights/lang/ru/.parameters.php b/local/components/evolution/about.highlights/lang/ru/.parameters.php
new file mode 100644
index 0000000..96b1970
--- /dev/null
+++ b/local/components/evolution/about.highlights/lang/ru/.parameters.php
@@ -0,0 +1,9 @@
+
+$MESS ['TOP'] = "Показатель ТОП X";
+$MESS ['DEALS'] = "Объем сделок";
+$MESS ['CONTRACTS'] = "Количество договоров лизинга";
+$MESS ['CITIES'] = "Количество городов России";
+$MESS ['PERIOD'] = "Средний срок работы сотрудников";
+$MESS ['DIVISIONS'] = "Количество подразделений";
+$MESS ['CLIENTS'] = "Количество клиентов";
+?>
\ No newline at end of file
diff --git a/local/components/evolution/about.highlights/templates/.default/style.css b/local/components/evolution/about.highlights/templates/.default/style.css
new file mode 100644
index 0000000..e69de29
diff --git a/local/components/evolution/about.highlights/templates/.default/template.php b/local/components/evolution/about.highlights/templates/.default/template.php
new file mode 100644
index 0000000..f384555
--- /dev/null
+++ b/local/components/evolution/about.highlights/templates/.default/template.php
@@ -0,0 +1,159 @@
+setFrameMode(true);
+?>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Универсальная автолизинговая компания с огромным опытом
+
+
+
+
+
+
+
+
= $arParams['TOP']; ?>
+
В России по лизингу легковых автомобилей по рэнкингу Эксперт РА по результатам 2021 года
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ = $arParams['DEALS']; ?>
+
Общая стоимость ПЛ, переданных клиентам
+
+
+
+
+
= $arParams['CONTRACTS']; ?>
+
Договоров лизинга
+
+
+
+
+
+
+
+
+
+
+
+
+
= $arParams['CITIES']; ?>
+
Городов России от Калининграда до Иркутска
+
+
+
+
+
= $arParams['PERIOD']; ?>
+
Средний срок работы ключевых сотрудников в лизинге
+
+
+
+
+
+
+
+
+
+
+
= $arParams['DIVISIONS']; ?>
+
Подразделение
+
+
+
+
+
+
+
+
+
= $arParams['CLIENTS']; ?>
+
Довольных клиентов
+
+
+
+
\ No newline at end of file
diff --git a/local/components/evolution/about.leaders/.description.php b/local/components/evolution/about.leaders/.description.php
new file mode 100644
index 0000000..18b8c14
--- /dev/null
+++ b/local/components/evolution/about.leaders/.description.php
@@ -0,0 +1,8 @@
+
+if (!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true) die();
+
+$arTemplateDescription = array(
+ "NAME" => GetMessage("DEFAULT_NAME"),
+ "DESCRIPTION" => GetMessage("DEFAULT_DESC"),
+);
+?>
\ No newline at end of file
diff --git a/local/components/evolution/about.leaders/component.php b/local/components/evolution/about.leaders/component.php
new file mode 100644
index 0000000..0a2b17c
--- /dev/null
+++ b/local/components/evolution/about.leaders/component.php
@@ -0,0 +1,45 @@
+
+if(!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true) die();
+/** @var CBitrixComponent $this */
+/** @var array $arParams */
+/** @var array $arResult */
+/** @var string $componentPath */
+/** @var string $componentName */
+/** @var string $componentTemplate */
+/** @global CDatabase $DB */
+/** @global CUser $USER */
+/** @global CMain $APPLICATION */
+
+use Bitrix\Main\Context,
+ Bitrix\Main\Type\DateTime,
+ Bitrix\Main\Loader,
+ Bitrix\Iblock;
+
+if($this->StartResultCache(60*60*24, md5(var_export($_POST, true))))
+{
+ if(CModule::IncludeModule('iblock'))
+ {
+ $arResult = [];
+ $sort = Array("SORT" => "ASC", "NAME" => "ASC");
+ $filter = Array("ACTIVE" => "Y", "IBLOCK_ID" => 23);
+ $options = Array("nPageSize" => 1000);
+
+ $res = CIBlockElement::GetList($sort, $filter, false, $options);
+ $arResult = ['LEADERS' => []];
+
+ while ($obElement = $res->GetNextElement())
+ {
+ $ar_res = $obElement->GetFields();
+ $ar_res['PROPERTIES'] = $obElement->GetProperties();
+
+ if(isset($ar_res['PREVIEW_PICTURE']))
+ {
+ $ar_res['PREVIEW_PICTURE'] = CFile::GetPath($ar_res['PREVIEW_PICTURE']);
+ }
+
+ $arResult['LEADERS'][] = $ar_res;
+ }
+
+ $this->IncludeComponentTemplate();
+ }
+}
\ No newline at end of file
diff --git a/local/components/evolution/about.leaders/lang/ru/.description.php b/local/components/evolution/about.leaders/lang/ru/.description.php
new file mode 100644
index 0000000..7f350c3
--- /dev/null
+++ b/local/components/evolution/about.leaders/lang/ru/.description.php
@@ -0,0 +1,4 @@
+
+$MESS ['DEFAULT_NAME'] = "Список руководителей";
+$MESS ['DEFAULT_DESC'] = "Список руководителей";
+?>
\ No newline at end of file
diff --git a/local/components/evolution/about.leaders/templates/.default/style.css b/local/components/evolution/about.leaders/templates/.default/style.css
new file mode 100644
index 0000000..e69de29
diff --git a/local/components/evolution/about.leaders/templates/.default/template.php b/local/components/evolution/about.leaders/templates/.default/template.php
new file mode 100644
index 0000000..55e49a7
--- /dev/null
+++ b/local/components/evolution/about.leaders/templates/.default/template.php
@@ -0,0 +1,24 @@
+setFrameMode(true);
+?>
+Руководство
+
+ foreach($arResult['LEADERS'] AS $leader): ?>
+
+
+
= $leader['NAME']; ?>
+
= $leader['PREVIEW_TEXT']; ?>
+
+ endforeach; ?>
+
\ No newline at end of file
diff --git a/local/components/evolution/about.roadmap/.description.php b/local/components/evolution/about.roadmap/.description.php
new file mode 100644
index 0000000..18b8c14
--- /dev/null
+++ b/local/components/evolution/about.roadmap/.description.php
@@ -0,0 +1,8 @@
+
+if (!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true) die();
+
+$arTemplateDescription = array(
+ "NAME" => GetMessage("DEFAULT_NAME"),
+ "DESCRIPTION" => GetMessage("DEFAULT_DESC"),
+);
+?>
\ No newline at end of file
diff --git a/local/components/evolution/about.roadmap/component.php b/local/components/evolution/about.roadmap/component.php
new file mode 100644
index 0000000..fab34e4
--- /dev/null
+++ b/local/components/evolution/about.roadmap/component.php
@@ -0,0 +1,45 @@
+
+if(!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true) die();
+/** @var CBitrixComponent $this */
+/** @var array $arParams */
+/** @var array $arResult */
+/** @var string $componentPath */
+/** @var string $componentName */
+/** @var string $componentTemplate */
+/** @global CDatabase $DB */
+/** @global CUser $USER */
+/** @global CMain $APPLICATION */
+
+use Bitrix\Main\Context,
+ Bitrix\Main\Type\DateTime,
+ Bitrix\Main\Loader,
+ Bitrix\Iblock;
+
+if($this->StartResultCache(60*60*24, md5(var_export($_POST, true))))
+{
+ if(CModule::IncludeModule('iblock'))
+ {
+ $arResult = [];
+ $sort = Array("PROPERTY_YEAR" => "DESC", "SORT" => "DESC",);
+ $filter = Array("ACTIVE" => "Y", "IBLOCK_ID" => 22);
+ $options = Array("nPageSize" => 1000);
+
+ $res = CIBlockElement::GetList($sort, $filter, false, $options);
+ $arResult = ['YEARS' => []];
+
+ while ($obElement = $res->GetNextElement())
+ {
+ $ar_res = $obElement->GetFields();
+ $ar_res['PROPERTIES'] = $obElement->GetProperties();
+
+ if(!isset($arResult['YEARS'][$ar_res['PROPERTY_YEAR_VALUE']]))
+ {
+ $arResult['YEARS'][$ar_res['PROPERTY_YEAR_VALUE']] = [];
+ }
+
+ array_push($arResult['YEARS'][$ar_res['PROPERTY_YEAR_VALUE']], $ar_res);
+ }
+
+ $this->IncludeComponentTemplate();
+ }
+}
\ No newline at end of file
diff --git a/local/components/evolution/about.roadmap/lang/ru/.description.php b/local/components/evolution/about.roadmap/lang/ru/.description.php
new file mode 100644
index 0000000..d78f8b6
--- /dev/null
+++ b/local/components/evolution/about.roadmap/lang/ru/.description.php
@@ -0,0 +1,4 @@
+
+$MESS ['DEFAULT_NAME'] = "Дорожная карта развития";
+$MESS ['DEFAULT_DESC'] = "Дорожная карта развития";
+?>
\ No newline at end of file
diff --git a/local/components/evolution/about.roadmap/lang/ru/.parameters.php b/local/components/evolution/about.roadmap/lang/ru/.parameters.php
new file mode 100644
index 0000000..891df91
--- /dev/null
+++ b/local/components/evolution/about.roadmap/lang/ru/.parameters.php
@@ -0,0 +1,3 @@
+
+$MESS ['PRESENTATION_URL'] = "Путь к файлу презентации (не показывается если пусто)";
+?>
\ No newline at end of file
diff --git a/local/components/evolution/about.roadmap/templates/.default/style.css b/local/components/evolution/about.roadmap/templates/.default/style.css
new file mode 100644
index 0000000..e69de29
diff --git a/local/components/evolution/about.roadmap/templates/.default/template.php b/local/components/evolution/about.roadmap/templates/.default/template.php
new file mode 100644
index 0000000..ac30698
--- /dev/null
+++ b/local/components/evolution/about.roadmap/templates/.default/template.php
@@ -0,0 +1,133 @@
+setFrameMode(true);
+?>
+
+
Эволюция – самая динамично развивающаяся автолизинговая компания России. Благодаря огромному опыту в лизинге и лучшим практикам на рынке, за год работы вошли в Топ 10 лизинговых компаний.
+
+
+
+ Уникальный
+ путь развития
+
+ if(!empty($arParams['PRESENTATION_URL'])): ?>
+
Скачать презентацию
+ endif; ?>
+
+
+ foreach($arResult['YEARS'] AS $year => $periods): ?>
+
+
+ foreach($periods AS $period): ?>
+
+
= $period['PROPERTIES']['MONTH']['VALUE']; ?>
+
= $period['PREVIEW_TEXT']; ?>
+
+ endforeach; ?>
+
+ endforeach; ?>
+ /*
+
+
+
+
Январь
+
Эволюция – самая динамично развивающаяся автолизинговая...
+
+
+
Январь
+
Эволюция – самая динамично развивающаяся автолизинговая...
+
+
+
Январь
+
Эволюция – самая динамично развивающаяся автолизинговая...
+
+
+
Январь
+
Эволюция – самая динамично развивающаяся автолизинговая...
+
+
+
Январь
+
Эволюция – самая динамично развивающаяся автолизинговая...
+
+
+
Январь
+
Эволюция – самая динамично развивающаяся автолизинговая...
+
+
+
+
+
+
Январь
+
Эволюция – самая динамично развивающаяся автолизинговая...
+
+
+
Декабрь
+
Эволюция – самая динамично развивающаяся автолизинговая...
+
+
+
Январь
+
Эволюция – самая динамично развивающаяся автолизинговая...
+
+
+
Январь
+
Эволюция – самая динамично развивающаяся автолизинговая...
+
+
+
+
+
+
Январь
+
Эволюция – самая динамично развивающаяся автолизинговая...
+
+
+
Январь
+
Эволюция – самая динамично развивающаяся автолизинговая...
+
+
+
Январь
+
Эволюция – самая динамично развивающаяся автолизинговая...
+
+
+
Январь
+
Эволюция – самая динамично развивающаяся автолизинговая...
+
+
+
Январь
+
Эволюция – самая динамично развивающаяся автолизинговая...
+
+
+
+
+
+
Январь
+
Эволюция – самая динамично развивающаяся автолизинговая...
+
+
+
Январь
+
Эволюция – самая динамично развивающаяся автолизинговая...
+
+
+
Январь
+
Эволюция – самая динамично развивающаяся автолизинговая...
+
+
+
Январь
+
Эволюция – самая динамично развивающаяся автолизинговая...
+
+
+
Январь
+
Эволюция – самая динамично развивающаяся автолизинговая...
+
+
+ */?>
+
\ No newline at end of file
diff --git a/local/templates/404/footer.php b/local/templates/404/footer.php
index bc13646..4c4ac32 100644
--- a/local/templates/404/footer.php
+++ b/local/templates/404/footer.php
@@ -20,7 +20,7 @@
Легковые
- О компании
+ О компании
Новости
Карьера
Контакты
diff --git a/local/templates/evolution/css/main/style.css b/local/templates/evolution/css/main/style.css
index 54825fd..73eb8eb 100644
--- a/local/templates/evolution/css/main/style.css
+++ b/local/templates/evolution/css/main/style.css
@@ -3441,3 +3441,1473 @@ main .dropdown_blocks_list .dropdown_block .block_body .transaction_detail ul li
.grecaptcha-badge {
visibility: hidden;
}
+#about_banner {
+ max-width: 1920px;
+ margin: auto;
+ margin-top: -90px;
+ position: relative;
+ overflow: hidden;
+}
+@media (max-width: 1600px) and (min-width: 1280px) {
+ #about_banner {
+ margin-top: -40px;
+ }
+}
+@media (max-width: 1279px) {
+ #about_banner {
+ margin-top: -60px;
+ }
+}
+@media (max-width: 960px) {
+ #about_banner {
+ margin-top: -30px;
+ }
+}
+@media all and (min-width: 1280px) {
+ #about_banner .aside_container aside {
+ position: relative;
+ }
+ #about_banner .aside_container aside:after {
+ content: "";
+ display: block;
+ position: absolute;
+ top: 0;
+ bottom: -900px;
+ right: 0;
+ width: 1px;
+ background: #EDEFF5;
+ }
+}
+@media (max-width: 1279px) {
+ #about_banner .aside_container aside {
+ margin-bottom: 580px;
+ }
+ #about_banner .container.grid {
+ position: absolute !important;
+ top: 60px;
+ }
+ #about_banner .container.grid + .container {
+ padding-top: 0;
+ }
+}
+@media (max-width: 767px) {
+ #about_banner .aside_container aside {
+ margin-bottom: 665px;
+ }
+ #about_banner .container.grid {
+ position: absolute !important;
+ top: 60px;
+ }
+ #about_banner .container.grid + .container {
+ padding-top: 0;
+ }
+}
+#about_banner .container.grid {
+ max-width: none;
+ display: flex;
+ padding: 0;
+ position: relative;
+ z-index: 1;
+ width: 100%;
+ margin: 0;
+ overflow: hidden;
+}
+@media (max-width: 1279px) {
+ #about_banner .container.grid {
+ flex-wrap: wrap;
+ }
+}
+@media (max-width: 767px) {
+ #about_banner .container.grid {
+ height: 632px;
+ }
+}
+#about_banner + section .container {
+ padding-top: 40px;
+}
+#about_banner .column {
+ width: 15%;
+ height: 100%;
+}
+@media (max-width: 1279px) {
+ #about_banner .column {
+ width: 20%;
+ }
+ #about_banner .column:nth-child(even) {
+ width: 30%;
+ }
+}
+@media (max-width: 767px) {
+ #about_banner .column {
+ width: 50% !important;
+ }
+}
+#about_banner .section_1 {
+ background: var(--blue);
+ width: 40%;
+ display: flex;
+ align-items: center;
+ justify-content: flex-end;
+ color: #fff;
+ padding: 100px 70px 100px 0;
+ margin-left: auto;
+}
+#about_banner .section_1 div {
+ max-width: 390px;
+}
+#about_banner .section_1 svg {
+ max-width: 100%;
+ margin-bottom: 45px;
+}
+#about_banner .section_1 p {
+ font-weight: 700;
+ font-size: 26px;
+ line-height: 35px;
+}
+@media (max-width: 1600px) {
+ #about_banner .section_1 {
+ padding-top: 50px;
+ padding-bottom: 50px;
+ }
+ #about_banner .section_1 svg {
+ max-width: 260px;
+ margin-bottom: 25px;
+ }
+ #about_banner .section_1 p {
+ font-size: 19px;
+ line-height: 26px;
+ max-width: 330px;
+ }
+}
+@media (max-width: 1279px) {
+ #about_banner .section_1 {
+ width: 100%;
+ height: 170px;
+ padding: 0 80px;
+ justify-content: flex-start;
+ }
+ #about_banner .section_1 div {
+ max-width: none;
+ display: flex;
+ align-items: center;
+ width: 100%;
+ }
+ #about_banner .section_1 svg {
+ margin-bottom: 0;
+ margin-right: 45px;
+ max-width: 260px;
+ }
+ #about_banner .section_1 p {
+ font-size: 19px;
+ line-height: 26px;
+ max-width: 330px;
+ }
+}
+@media (max-width: 767px) {
+ #about_banner .section_1 {
+ height: 136px;
+ padding: 0 16px;
+ }
+ #about_banner .section_1 div {
+ display: block;
+ }
+ #about_banner .section_1 svg {
+ margin-right: 0;
+ max-width: 118px;
+ margin-bottom: 12px;
+ height: auto;
+ }
+ #about_banner .section_1 p {
+ font-size: 13px;
+ line-height: 20px;
+ max-width: 290px;
+ }
+}
+#about_banner .section_2 {
+ background: #2F80ED;
+ height: auto;
+ width: 15%;
+ color: #fff;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ padding: 20px;
+ box-sizing: border-box;
+}
+#about_banner .section_2 div {
+ max-width: 150px;
+}
+#about_banner .section_2 svg {
+ display: block;
+ margin: 0 auto 8px auto;
+}
+#about_banner .section_2 p {
+ text-align: center;
+ font-size: 12px;
+ line-height: 16px;
+}
+#about_banner .section_2 p.title {
+ text-transform: uppercase;
+ font-weight: 700;
+ font-size: 36px;
+ line-height: 50px;
+}
+@media (max-width: 1600px) {
+ #about_banner .section_2 p {
+ font-size: 10px;
+ line-height: 14px;
+ }
+ #about_banner .section_2 p.title {
+ font-size: 28px;
+ line-height: 40px;
+ }
+}
+@media (max-width: 1279px) {
+ #about_banner .section_2 {
+ width: 30%;
+ }
+ #about_banner .section_2 div {
+ max-width: 180px;
+ }
+ #about_banner .section_2 p {
+ font-size: 14px;
+ line-height: 20px;
+ }
+ #about_banner .section_2 p.title {
+ margin-bottom: 15px;
+ }
+}
+@media (max-width: 960px) {
+ #about_banner .section_2 {
+ padding: 15px 5px;
+ }
+ #about_banner .section_2 p {
+ font-size: 11px;
+ line-height: 16px;
+ }
+ #about_banner .section_2 p.title {
+ font-size: 28px;
+ }
+}
+@media (max-width: 767px) {
+ #about_banner .section_2 {
+ height: 218px;
+ width: 50%;
+ }
+ #about_banner .section_2 svg {
+ max-width: 40px;
+ height: auto;
+ }
+ #about_banner .section_2 p {
+ font-size: 11px;
+ line-height: 15px;
+ }
+ #about_banner .section_2 p.title {
+ font-size: 20px;
+ line-height: 1;
+ margin: 8px 0px;
+ }
+}
+#about_banner .section_3 {
+ background: var(--inactive);
+ width: 100%;
+ height: 258px;
+ color: var(--blue);
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ padding: 20px 10px;
+ box-sizing: border-box;
+}
+#about_banner .section_3 svg {
+ display: block;
+ margin: 0 auto 8px auto;
+}
+#about_banner .section_3 p {
+ text-align: center;
+ font-size: 12px;
+ line-height: 16px;
+}
+#about_banner .section_3 p.title {
+ text-transform: uppercase;
+ font-weight: 700;
+ font-size: 36px;
+ line-height: 50px;
+}
+@media (max-width: 1600px) {
+ #about_banner .section_3 {
+ height: 200px;
+ }
+ #about_banner .section_3 p {
+ font-size: 10px;
+ line-height: 14px;
+ }
+ #about_banner .section_3 p.title {
+ font-size: 28px;
+ line-height: 40px;
+ }
+}
+@media (max-width: 1279px) {
+ #about_banner .section_3 p {
+ font-size: 14px;
+ line-height: 20px;
+ }
+ #about_banner .section_3 p.title {
+ text-transform: lowercase;
+ }
+}
+@media (max-width: 960px) {
+ #about_banner .section_3 {
+ padding: 15px 5px;
+ }
+ #about_banner .section_3 p {
+ font-size: 11px;
+ line-height: 16px;
+ }
+ #about_banner .section_3 p.title {
+ font-size: 28px;
+ }
+}
+@media (max-width: 767px) {
+ #about_banner .section_3 {
+ height: 109px;
+ }
+ #about_banner .section_3 svg {
+ max-width: 53px;
+ height: auto;
+ }
+ #about_banner .section_3 p {
+ font-size: 11px;
+ line-height: 15px;
+ }
+ #about_banner .section_3 p.title {
+ font-size: 20px;
+ line-height: 1;
+ margin: 8px 0px;
+ }
+}
+#about_banner .section_4 {
+ background: var(--blue);
+ width: 100%;
+ height: 187px;
+ color: #fff;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ padding: 20px 10px;
+ box-sizing: border-box;
+}
+#about_banner .section_4 p {
+ text-align: center;
+ font-size: 12px;
+ line-height: 16px;
+}
+#about_banner .section_4 p.title {
+ text-transform: uppercase;
+ font-weight: 700;
+ font-size: 29px;
+ line-height: 50px;
+}
+@media (max-width: 1600px) {
+ #about_banner .section_4 {
+ height: 150px;
+ }
+ #about_banner .section_4 p {
+ font-size: 10px;
+ line-height: 14px;
+ }
+ #about_banner .section_4 p.title {
+ font-size: 28px;
+ line-height: 40px;
+ }
+}
+@media (max-width: 1279px) {
+ #about_banner .section_4 p {
+ font-size: 14px;
+ line-height: 20px;
+ }
+}
+@media (max-width: 960px) {
+ #about_banner .section_4 {
+ padding: 15px 5px;
+ }
+ #about_banner .section_4 p {
+ font-size: 11px;
+ line-height: 16px;
+ }
+ #about_banner .section_4 p.title {
+ font-size: 28px;
+ }
+}
+@media (max-width: 767px) {
+ #about_banner .section_4 {
+ height: 109px;
+ }
+}
+#about_banner .section_5 {
+ background: var(--blue);
+ width: 100%;
+ height: 193px;
+ color: #fff;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ padding: 20px 10px;
+ box-sizing: border-box;
+}
+#about_banner .section_5 div {
+ max-width: 135px;
+}
+#about_banner .section_5 svg {
+ display: block;
+ margin: 0 auto 8px auto;
+}
+#about_banner .section_5 p {
+ text-align: center;
+ font-size: 12px;
+ line-height: 16px;
+}
+#about_banner .section_5 p.title {
+ text-transform: uppercase;
+ font-weight: 700;
+ font-size: 36px;
+ line-height: 50px;
+}
+@media (max-width: 1600px) {
+ #about_banner .section_5 {
+ height: 220px;
+ }
+ #about_banner .section_5 p {
+ font-size: 10px;
+ line-height: 14px;
+ }
+ #about_banner .section_5 p.title {
+ font-size: 28px;
+ line-height: 40px;
+ }
+}
+@media (max-width: 1279px) {
+ #about_banner .section_5 div {
+ max-width: 240px;
+ }
+ #about_banner .section_5 p {
+ font-size: 14px;
+ line-height: 20px;
+ }
+}
+@media (max-width: 960px) {
+ #about_banner .section_5 {
+ padding: 15px 5px;
+ }
+ #about_banner .section_5 p {
+ font-size: 11px;
+ line-height: 16px;
+ }
+ #about_banner .section_5 p.title {
+ font-size: 28px;
+ }
+}
+@media (max-width: 767px) {
+ #about_banner .section_5 {
+ position: absolute;
+ bottom: 0px;
+ left: auto;
+ right: 0;
+ width: 50%;
+ height: 143px;
+ }
+ #about_banner .section_5 div {
+ max-width: 140px;
+ }
+ #about_banner .section_5 svg {
+ display: none;
+ }
+}
+#about_banner .section_6 {
+ background: var(--green);
+ width: 100%;
+ height: 252px;
+ color: #fff;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ padding: 20px 10px;
+ box-sizing: border-box;
+}
+#about_banner .section_6 div {
+ max-width: 150px;
+}
+#about_banner .section_6 p {
+ text-align: center;
+ font-size: 12px;
+ line-height: 16px;
+}
+#about_banner .section_6 p.title {
+ text-transform: uppercase;
+ font-weight: 700;
+ font-size: 29px;
+ line-height: 50px;
+}
+@media (max-width: 1600px) {
+ #about_banner .section_6 {
+ height: 130px;
+ }
+ #about_banner .section_6 p {
+ font-size: 10px;
+ line-height: 14px;
+ }
+ #about_banner .section_6 p.title {
+ font-size: 28px;
+ line-height: 40px;
+ }
+}
+@media (max-width: 1279px) {
+ #about_banner .section_6 div {
+ max-width: 240px;
+ }
+ #about_banner .section_6 p {
+ font-size: 14px;
+ line-height: 20px;
+ }
+}
+@media (max-width: 960px) {
+ #about_banner .section_6 {
+ padding: 15px 5px;
+ }
+ #about_banner .section_6 p {
+ font-size: 11px;
+ line-height: 16px;
+ }
+ #about_banner .section_6 p.title {
+ font-size: 28px;
+ }
+}
+@media (max-width: 767px) {
+ #about_banner .section_6 {
+ position: absolute;
+ top: 354px;
+ left: 0;
+ right: 35%;
+ width: 65%;
+ height: 136px;
+ }
+}
+#about_banner .section_7 {
+ background: #A8026B;
+ width: 100%;
+ height: 154px;
+ color: #fff;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ padding: 20px 10px;
+ box-sizing: border-box;
+}
+#about_banner .section_7 svg {
+ display: none;
+}
+#about_banner .section_7 p {
+ text-align: center;
+ font-size: 12px;
+ line-height: 16px;
+}
+#about_banner .section_7 p.title {
+ text-transform: uppercase;
+ font-weight: 700;
+ font-size: 29px;
+ line-height: 50px;
+}
+@media (max-width: 1600px) {
+ #about_banner .section_7 {
+ height: 110px;
+ }
+ #about_banner .section_7 p {
+ font-size: 10px;
+ line-height: 14px;
+ }
+ #about_banner .section_7 p.title {
+ font-size: 28px;
+ line-height: 40px;
+ }
+}
+@media (max-width: 1279px) {
+ #about_banner .section_7 p {
+ font-size: 14px;
+ line-height: 20px;
+ }
+}
+@media (max-width: 960px) {
+ #about_banner .section_7 {
+ padding: 15px 5px;
+ }
+ #about_banner .section_7 p {
+ font-size: 11px;
+ line-height: 16px;
+ }
+ #about_banner .section_7 p.title {
+ font-size: 28px;
+ }
+}
+@media (max-width: 767px) {
+ #about_banner .section_7 {
+ position: absolute;
+ top: 354px;
+ left: auto;
+ right: 0;
+ width: 35%;
+ height: 136px;
+ }
+ #about_banner .section_7 svg {
+ display: block;
+ margin: auto;
+ }
+ #about_banner .section_7 p.title {
+ line-height: 44px;
+ }
+}
+#about_banner .section_8 {
+ background: var(--inactive);
+ width: 100%;
+ height: 291px;
+ color: var(--blue);
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ padding: 20px 10px;
+ box-sizing: border-box;
+}
+#about_banner .section_8 svg {
+ display: block;
+ margin: 0 auto 8px auto;
+}
+#about_banner .section_8 p {
+ text-align: center;
+ font-size: 12px;
+ line-height: 16px;
+}
+#about_banner .section_8 p.title {
+ text-transform: uppercase;
+ font-weight: 700;
+ font-size: 36px;
+ line-height: 50px;
+}
+@media (max-width: 1600px) {
+ #about_banner .section_8 {
+ height: 240px;
+ }
+ #about_banner .section_8 p {
+ font-size: 10px;
+ line-height: 14px;
+ }
+ #about_banner .section_8 p.title {
+ font-size: 28px;
+ line-height: 40px;
+ }
+}
+@media (max-width: 1279px) {
+ #about_banner .section_8 p {
+ font-size: 14px;
+ line-height: 20px;
+ }
+}
+@media (max-width: 960px) {
+ #about_banner .section_8 {
+ padding: 15px 5px;
+ }
+ #about_banner .section_8 p {
+ font-size: 11px;
+ line-height: 16px;
+ }
+ #about_banner .section_8 p.title {
+ font-size: 28px;
+ }
+}
+@media (max-width: 767px) {
+ #about_banner .section_8 {
+ position: absolute;
+ bottom: 0px;
+ left: 0;
+ width: 50%;
+ height: 143px;
+ }
+ #about_banner .section_8 svg {
+ max-width: 53px;
+ }
+}
+.bg_description {
+ background: var(--inactive);
+ padding: 45px 120px;
+ margin-left: -30px;
+ margin-bottom: 25px;
+}
+.bg_description p {
+ font-size: 15px;
+ line-height: 24px;
+}
+@media (max-width: 1279px) {
+ .bg_description {
+ margin-left: -80px;
+ margin-right: -80px;
+ padding: 45px 80px;
+ }
+}
+@media (max-width: 767px) {
+ .bg_description {
+ margin-left: -16px;
+ margin-right: -16px;
+ padding: 16px;
+ }
+ .bg_description p {
+ font-size: 13px;
+ line-height: 20px;
+ }
+}
+.lines_title {
+ display: flex;
+ align-items: flex-start;
+ justify-content: space-between;
+}
+.lines_title p {
+ font-weight: 700;
+ font-size: 70px;
+ line-height: 120%;
+ color: #0C0C0C;
+}
+.lines_title p span {
+ display: block;
+ color: var(--blue);
+}
+@media (max-width: 1600px) {
+ .lines_title p {
+ font-size: 54px;
+ }
+}
+.lines_title a {
+ font-weight: 600;
+ font-size: 15px;
+ line-height: 20px;
+ color: var(--blue);
+ margin-bottom: 30px;
+ margin-top: 15px;
+}
+@media (max-width: 1600px) and (min-width: 920px) {
+ .lines_title a {
+ margin-bottom: 55px;
+ }
+}
+@media (max-width: 920px) {
+ .lines_title a {
+ font-size: 13px;
+ }
+}
+@media (max-width: 767px) {
+ .lines_title a {
+ width: 100%;
+ }
+}
+@media (max-width: 1600px) and (min-width: 920px) {
+ .lines_title {
+ max-width: 820px;
+ margin-left: auto;
+ margin-right: auto;
+ }
+}
+@media all and (max-width: 920px) {
+ .lines_title {
+ max-width: unset;
+ }
+ .lines_title p {
+ font-size: 45px;
+ }
+}
+@media (max-width: 767px) {
+ .lines_title {
+ flex-wrap: wrap;
+ }
+ .lines_title p {
+ font-size: 27px;
+ order: 2;
+ margin-top: 20px;
+ width: 100%;
+ }
+ .lines_title a {
+ order: 1;
+ margin-bottom: 0;
+ }
+}
+.history {
+ margin-bottom: 250px;
+ max-width: 975px;
+}
+@media (max-width: 1600px) and (min-width: 1000px) {
+ .history {
+ max-width: 820px;
+ margin-left: auto;
+ margin-right: auto;
+ }
+}
+@media all and (max-width: 1000px) {
+ .history {
+ max-width: 570px;
+ margin-bottom: 160px;
+ }
+}
+@media (max-width: 600px) {
+ .history {
+ max-width: 470px;
+ }
+}
+@media all and (max-width: 459px) and (min-width: 376px) {
+ .history {
+ max-width: 369px;
+ }
+}
+@media (max-width: 376px) {
+ .history {
+ max-width: 303px;
+ }
+}
+.history .year {
+ display: flex;
+ align-items: center;
+ align-content: center;
+ justify-content: space-between;
+ flex-wrap: wrap;
+ position: relative;
+ min-height: 100px;
+ margin-bottom: 177px;
+}
+@media all and (max-width: 1000px) {
+ .history .year {
+ margin-bottom: 120px;
+ }
+}
+@media all and (max-width: 600px) {
+ .history .year {
+ margin-bottom: 80px;
+ }
+}
+.history .year .line {
+ position: absolute;
+ left: -9px;
+ background: url("/images/about/line-right.png") repeat-y top left;
+ background-size: 100% auto;
+ top: -4px;
+ bottom: -10px;
+ width: 100%;
+}
+@media (max-width: 1600px) and (min-width: 1000px) {
+ .history .year .line {
+ top: 16px;
+ left: -8px;
+ }
+}
+@media all and (max-width: 1000px) {
+ .history .year .line {
+ top: 10px;
+ background-position: top right;
+ }
+}
+@media (max-width: 376px) {
+ .history .year .line {
+ top: -6px;
+ background-size: 100% auto;
+ left: -10px;
+ }
+}
+.history .year:first-child {
+ margin-top: 40px;
+ padding-top: 40px;
+}
+@media all and (max-width: 1000px) {
+ .history .year:first-child {
+ padding-top: 20px;
+ margin-top: 20px;
+ }
+}
+@media (max-width: 376px) {
+ .history .year:first-child {
+ padding-top: 0;
+ }
+}
+.history .year:first-child .line {
+ top: 94px;
+ bottom: -9px;
+}
+@media (max-width: 1600px) and (min-width: 1000px) {
+ .history .year:first-child .line {
+ top: 75px;
+ bottom: -30px;
+ left: -8px;
+ }
+}
+@media all and (max-width: 1000px) {
+ .history .year:first-child .line {
+ top: 75px;
+ }
+}
+@media all and (max-width: 600px) and (min-width: 460px) {
+ .history .year:first-child .line {
+ top: 40px;
+ }
+}
+@media all and (max-width: 459px) and (min-width: 376px) {
+ .history .year:first-child .line {
+ top: 20px;
+ }
+}
+@media (max-width: 376px) {
+ .history .year:first-child .line {
+ top: 10px;
+ left: -10px;
+ }
+}
+@media (max-width: 300px) {
+ .history .year:first-child .line {
+ top: 5px;
+ }
+}
+.history .year:first-child:before {
+ content: "";
+ display: block;
+ width: 100%;
+ position: absolute;
+ top: 0;
+ left: -10px;
+ z-index: -1;
+ pointer-events: none;
+ height: 235px;
+ background: url("/images/about/top.png") no-repeat top left #fff;
+ background-size: 100% auto;
+ top: -115px;
+}
+@media (max-width: 1600px) and (min-width: 1000px) {
+ .history .year:first-child:before {
+ left: -9px;
+ }
+}
+@media all and (max-width: 1000px) {
+ .history .year:first-child:before {
+ height: 140px;
+ top: -62px;
+ }
+}
+@media all and (max-width: 375px) {
+ .history .year:first-child:before {
+ height: 120px;
+ top: -48px;
+ }
+}
+.history .year:first-child .month:nth-child(2):before {
+ display: none !important;
+}
+.history .year:first-child .month:last-child:before {
+ display: none !important;
+}
+.history .year:first-child .month:last-child:after {
+ content: "";
+ display: block;
+ width: 975px;
+ width: 100%;
+ position: absolute;
+ top: auto;
+ bottom: -270px;
+ left: -8px;
+ z-index: 1;
+ pointer-events: none;
+ height: 345px;
+ background: url("/images/about/top-2.png") no-repeat bottom left #fff;
+ background-size: 100% auto;
+}
+@media (max-width: 1600px) and (min-width: 1000px) {
+ .history .year:first-child .month:last-child:after {
+ height: 308px;
+ bottom: -230px;
+ }
+}
+@media all and (max-width: 1000px) {
+ .history .year:first-child .month:last-child:after {
+ height: 205px;
+ bottom: -154px;
+ left: -9px;
+ }
+}
+@media all and (max-width: 600px) and (min-width: 460px) {
+ .history .year:first-child .month:last-child:after {
+ height: 162px;
+ bottom: -120px;
+ }
+}
+@media all and (max-width: 459px) and (min-width: 376px) {
+ .history .year:first-child .month:last-child:after {
+ height: 130px;
+ bottom: -120px;
+ }
+}
+@media (max-width: 376px) {
+ .history .year:first-child .month:last-child:after {
+ height: 108px;
+ bottom: -85px;
+ left: -10px;
+ }
+}
+@media (max-width: 300px) {
+ .history .year:first-child .month:last-child:after {
+ height: 90px;
+ bottom: -75px;
+ }
+}
+.history .year:last-child {
+ margin-bottom: 0;
+}
+.history .year:last-child .line {
+ top: 33px;
+ bottom: 38px;
+}
+@media (max-width: 1600px) and (min-width: 1000px) {
+ .history .year:last-child .line {
+ top: 11px;
+ bottom: -16px;
+ }
+}
+@media all and (max-width: 1000px) {
+ .history .year:last-child .line {
+ top: 9px;
+ bottom: 0;
+ }
+}
+@media (max-width: 376px) {
+ .history .year:last-child .line {
+ top: -7px;
+ left: -10px;
+ bottom: -7px;
+ }
+}
+.history .year:last-child .month:last-child:after {
+ content: "";
+ display: block;
+ width: 975px;
+ width: 100%;
+ position: absolute;
+ top: auto;
+ bottom: -167px;
+ left: -8px;
+ z-index: 1;
+ pointer-events: none;
+ height: 215px;
+ background: url("/images/about/bottom-2.png") no-repeat bottom left #fff;
+ background-size: 100% auto;
+}
+@media (max-width: 1600px) and (min-width: 1000px) {
+ .history .year:last-child .month:last-child:after {
+ bottom: -135px;
+ height: 185px;
+ }
+}
+@media all and (max-width: 1000px) {
+ .history .year:last-child .month:last-child:after {
+ height: 135px;
+ bottom: -81px;
+ left: -10px;
+ }
+}
+@media all and (max-width: 600px) and (min-width: 460px) {
+ .history .year:last-child .month:last-child:after {
+ height: 110px;
+ }
+}
+@media all and (max-width: 459px) and (min-width: 376px) {
+ .history .year:last-child .month:last-child:after {
+ height: 85px;
+ }
+}
+@media (max-width: 376px) {
+ .history .year:last-child .month:last-child:after {
+ height: 70px;
+ bottom: -50px;
+ left: -10px;
+ }
+}
+@media (max-width: 300px) {
+ .history .year:last-child .month:last-child:after {
+ height: 55px;
+ bottom: -45px;
+ }
+}
+.history .year:last-child:nth-child(even):after {
+ right: auto;
+ left: -12px;
+}
+.history .year:last-child:nth-child(even) .month {
+ margin-left: auto;
+}
+.history .year:last-child:nth-child(even) .month:before,
+.history .year:last-child:nth-child(even) .month:after {
+ left: auto !important;
+ right: 10px;
+}
+@media all and (max-width: 1000px) {
+ .history .year:last-child:nth-child(even) .month:before,
+ .history .year:last-child:nth-child(even) .month:after {
+ right: 9px;
+ }
+}
+@media (max-width: 376px) {
+ .history .year:last-child:nth-child(even) .month:before,
+ .history .year:last-child:nth-child(even) .month:after {
+ right: 11px;
+ }
+}
+.history .year:last-child:nth-child(even) .line {
+ background: url("/images/about/line-left.png") repeat-y top left;
+ background-size: 100% auto;
+ top: -20px;
+ bottom: -4px;
+ left: -11px;
+}
+@media (max-width: 1600px) and (min-width: 1000px) {
+ .history .year:last-child:nth-child(even) .line {
+ bottom: -15px;
+ height: auto;
+ }
+}
+@media all and (max-width: 1000px) {
+ .history .year:last-child:nth-child(even) .line {
+ left: -11px;
+ top: -10px;
+ }
+}
+@media all and (max-width: 375px) {
+ .history .year:last-child:nth-child(even) .line {
+ left: -10px;
+ }
+}
+.history .year:last-child:nth-child(even) .month:last-child:after {
+ background: url("/images/about/bottom-3.png") no-repeat bottom left #fff;
+ background-size: 100% auto;
+}
+@media all and (max-width: 1000px) {
+ .history .year:last-child:nth-child(even) .month:last-child:after {
+ right: auto;
+ left: -11px !important;
+ }
+}
+@media all and (max-width: 375px) {
+ .history .year:last-child:nth-child(even) .month:last-child:after {
+ left: -10px !important;
+ }
+}
+@media (max-width: 1600px) and (min-width: 1000px) {
+ .history .year:last-child:nth-child(odd) .month:last-child:after {
+ left: -8px;
+ }
+}
+.history .year:not(:last-child) .month:last-child:before {
+ content: "";
+ display: block;
+ width: 975px;
+ width: 100%;
+ position: absolute;
+ top: auto;
+ bottom: -290px;
+ left: -10px;
+ z-index: 1;
+ pointer-events: none;
+ height: 345px;
+ background: url("/images/about/bottom-1.png") no-repeat bottom left #fff;
+ background-size: 100% auto;
+}
+@media (max-width: 1600px) and (min-width: 1000px) {
+ .history .year:not(:last-child) .month:last-child:before {
+ bottom: -255px;
+ height: 305px;
+ }
+}
+@media all and (max-width: 1000px) {
+ .history .year:not(:last-child) .month:last-child:before {
+ height: 205px;
+ bottom: -175px;
+ }
+}
+@media (max-width: 376px) {
+ .history .year:not(:last-child) .month:last-child:before {
+ height: 70px;
+ bottom: -74px;
+ }
+}
+.history .year:after {
+ content: attr(data-year);
+ display: block;
+ pointer-events: none;
+ color: #18191F;
+ font-weight: 700;
+ font-size: 50px;
+ position: absolute;
+ right: 11px;
+ top: 0;
+ bottom: 0;
+ line-height: 1;
+ height: 60px;
+ margin: auto;
+ z-index: 3;
+}
+@media all and (max-width: 1000px) {
+ .history .year:after {
+ font-size: 22px;
+ }
+}
+@media (max-width: 460px) {
+ .history .year:after {
+ bottom: auto;
+ right: 25px;
+ }
+}
+.history .year:nth-child(odd):not(:first-child):not(:last-child) .month:last-child:before {
+ content: "";
+ display: block;
+ width: 975px;
+ width: 100%;
+ position: absolute;
+ top: auto;
+ bottom: -285px;
+ left: -9px;
+ z-index: 1;
+ pointer-events: none;
+ height: 350px;
+ background: url("/images/about/top-2.png") no-repeat bottom left #fff;
+ background-size: 100% auto;
+}
+@media (max-width: 1600px) and (min-width: 1000px) {
+ .history .year:nth-child(odd):not(:first-child):not(:last-child) .month:last-child:before {
+ bottom: -248px;
+ height: 308px;
+ left: -8px;
+ }
+}
+@media all and (max-width: 1000px) {
+ .history .year:nth-child(odd):not(:first-child):not(:last-child) .month:last-child:before {
+ height: 205px;
+ bottom: -164px;
+ left: -9px;
+ }
+}
+@media all and (max-width: 600px) and (min-width: 460px) {
+ .history .year:nth-child(odd):not(:first-child):not(:last-child) .month:last-child:before {
+ height: 162px;
+ bottom: -124px;
+ }
+}
+@media all and (max-width: 459px) and (min-width: 376px) {
+ .history .year:nth-child(odd):not(:first-child):not(:last-child) .month:last-child:before {
+ height: 130px;
+ bottom: -115px;
+ }
+}
+@media (max-width: 376px) {
+ .history .year:nth-child(odd):not(:first-child):not(:last-child) .month:last-child:before {
+ height: 107px;
+ bottom: -85px;
+ left: -10px;
+ }
+}
+@media (max-width: 300px) {
+ .history .year:nth-child(odd):not(:first-child):not(:last-child) .month:last-child:before {
+ height: 90px;
+ bottom: -75px;
+ }
+}
+.history .year:nth-child(even):not(:last-child) .line {
+ background: url("/images/about/line-left.png") repeat-y top left;
+ background-size: 100% auto;
+ top: 41px;
+ bottom: -4px;
+ left: -8px;
+}
+@media (max-width: 1600px) and (min-width: 1000px) {
+ .history .year:nth-child(even):not(:last-child) .line {
+ top: 22px;
+ bottom: 22px;
+ left: -8px;
+ }
+}
+@media all and (max-width: 1000px) {
+ .history .year:nth-child(even):not(:last-child) .line {
+ top: 29px;
+ left: -10px;
+ }
+}
+@media all and (max-width: 600px) and (min-width: 460px) {
+ .history .year:nth-child(even):not(:last-child) .line {
+ left: -9px;
+ top: 15px;
+ }
+}
+@media (max-width: 376px) {
+ .history .year:nth-child(even):not(:last-child) .line {
+ top: -5px;
+ left: -10px;
+ }
+}
+.history .year:nth-child(even):not(:last-child):after {
+ right: auto;
+ left: -12px;
+}
+@media (max-width: 376px) {
+ .history .year:nth-child(even):not(:last-child):after {
+ left: 5px;
+ top: -25px;
+ }
+}
+.history .year:nth-child(even):not(:last-child) .month {
+ margin-left: auto;
+}
+.history .year:nth-child(even):not(:last-child) .month:before,
+.history .year:nth-child(even):not(:last-child) .month:after {
+ left: auto !important;
+ right: 9px;
+}
+@media (max-width: 1600px) and (min-width: 1000px) {
+ .history .year:nth-child(even):not(:last-child) .month:before,
+ .history .year:nth-child(even):not(:last-child) .month:after {
+ right: 8px;
+ }
+}
+@media all and (max-width: 1000px) {
+ .history .year:nth-child(even):not(:last-child) .month:before,
+ .history .year:nth-child(even):not(:last-child) .month:after {
+ right: 10px;
+ height: 220px;
+ }
+}
+@media all and (max-width: 600px) and (min-width: 460px) {
+ .history .year:nth-child(even):not(:last-child) .month:before,
+ .history .year:nth-child(even):not(:last-child) .month:after {
+ bottom: -122px;
+ right: 9px;
+ height: 165px;
+ }
+}
+@media all and (max-width: 459px) and (min-width: 376px) {
+ .history .year:nth-child(even):not(:last-child) .month:before,
+ .history .year:nth-child(even):not(:last-child) .month:after {
+ bottom: -107px;
+ right: 10px;
+ height: 130px;
+ }
+}
+@media (max-width: 376px) {
+ .history .year:nth-child(even):not(:last-child) .month:before,
+ .history .year:nth-child(even):not(:last-child) .month:after {
+ right: 10px;
+ height: 110px;
+ bottom: -95px;
+ }
+}
+@media (max-width: 300px) {
+ .history .year:nth-child(even):not(:last-child) .month:before,
+ .history .year:nth-child(even):not(:last-child) .month:after {
+ height: 90px;
+ bottom: -85px;
+ }
+}
+@media (max-width: 1600px) and (min-width: 1000px) {
+ .history .year:nth-child(even):not(:last-child) .month:last-child:after {
+ right: 12px;
+ }
+}
+@media all and (max-width: 920px) {
+ .history .year:nth-child(even):not(:last-child) .month:last-child:after {
+ right: auto;
+ left: -14px !important;
+ }
+}
+.history .year .month {
+ display: flex;
+ align-items: flex-start;
+ width: calc(100% - 200px);
+ padding: 6px 0;
+}
+@media all and (max-width: 1000px) {
+ .history .year .month {
+ width: calc(100% - 90px);
+ }
+}
+@media (max-width: 460px) {
+ .history .year .month {
+ display: block;
+ width: calc(100% - 65px);
+ }
+}
+.history .year .month p {
+ position: relative;
+ z-index: 2;
+}
+.history .year .month p:first-child {
+ font-weight: 700;
+ color: var(--blue);
+ margin-right: 25px;
+ width: 150px;
+ min-width: 150px;
+}
+@media all and (max-width: 1000px) {
+ .history .year .month p:first-child {
+ width: 90px;
+ min-width: 90px;
+ }
+}
+@media (max-width: 460px) {
+ .history .year .month p:first-child {
+ display: block;
+ margin-bottom: 4px;
+ }
+}
+.history .year .month ul,
+.history .year .month ol {
+ position: relative;
+ z-index: 2;
+ margin-top: 0;
+}
+.management {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 30px;
+ margin-top: 60px;
+}
+.management .person {
+ width: calc(33.333% - 20px);
+ margin-bottom: 40px;
+ font-size: 15px;
+ line-height: 24px;
+}
+.management .person img {
+ object-fit: cover;
+ margin-bottom: 30px;
+ width: 100%;
+ height: 300px;
+}
+.management .person p.name {
+ font-weight: 700;
+ margin-bottom: 8px;
+}
+@media (max-width: 920px) {
+ .management {
+ flex-wrap: unset;
+ overflow-x: scroll;
+ margin-left: -16px;
+ margin-right: -16px;
+ padding-left: 16px;
+ padding-right: 16px;
+ margin-top: 24px;
+ }
+ .management .person {
+ min-width: 185px;
+ }
+ .management .person img {
+ height: 212px;
+ margin-bottom: 15px;
+ }
+ .management .person p {
+ font-size: 13px;
+ line-height: 20px;
+ }
+}
diff --git a/local/templates/evolution/css/main/style.less b/local/templates/evolution/css/main/style.less
index 0f57eea..707766a 100644
--- a/local/templates/evolution/css/main/style.less
+++ b/local/templates/evolution/css/main/style.less
@@ -3739,4 +3739,1583 @@ main .dropdown_blocks_list .dropdown_block .block_body {
}
}
-.grecaptcha-badge { visibility: hidden; }
\ No newline at end of file
+.grecaptcha-badge {
+ visibility: hidden;
+}
+
+// About
+#about_banner {
+ max-width: 1920px;
+ margin: auto;
+ margin-top: -90px;
+ position: relative;
+ overflow: hidden;
+
+ @media (max-width: 1600px) and (min-width: 1280px) {
+ margin-top: -40px;
+ }
+
+ @media (max-width: 1279px) {
+ margin-top: -60px;
+ }
+
+ @media (max-width: 960px) {
+ margin-top: -30px;
+ }
+
+ @media all and (min-width: 1280px) {
+ .aside_container {
+ aside {
+ position: relative;
+
+ &:after {
+ content: "";
+ display: block;
+ position: absolute;
+ top: 0;
+ bottom: -900px;
+ right: 0;
+ width: 1px;
+ background: #EDEFF5;
+
+ }
+ }
+ }
+ }
+
+ @media (max-width: 1279px) {
+ .aside_container {
+ aside {
+ margin-bottom: 580px;
+ }
+ }
+
+ .container.grid {
+ position: absolute !important;
+ top: 60px;
+
+ &+.container {
+ padding-top: 0;
+ }
+ }
+ }
+
+ @media (max-width: 767px) {
+ .aside_container {
+ aside {
+ margin-bottom: 665px;
+ }
+ }
+
+ .container.grid {
+ position: absolute !important;
+ top: 60px;
+
+ &+.container {
+ padding-top: 0;
+ }
+ }
+ }
+
+ .container.grid {
+ max-width: none;
+ display: flex;
+ padding: 0;
+ position: relative;
+ z-index: 1;
+ width: 100%;
+ margin: 0;
+
+ overflow: hidden;
+
+ @media (max-width: 1600px) {}
+
+ @media (max-width: 1420px) and (min-width: 1025px) {}
+
+ @media (max-width: 1279px) {
+ flex-wrap: wrap;
+ }
+
+ @media (max-width: 767px) {
+ height: 632px;
+ }
+ }
+
+ &+section .container {
+ padding-top: 40px;
+ }
+
+ .column {
+ width: 15%;
+ height: 100%;
+
+ @media (max-width: 1279px) {
+ width: 20%;
+
+ &:nth-child(even) {
+ width: 30%;
+ }
+ }
+
+ @media (max-width: 767px) {
+ width: 50% !important;
+ }
+ }
+
+ .section_1 {
+ background: var(--blue);
+ width: 40%;
+ display: flex;
+ align-items: center;
+ justify-content: flex-end;
+ color: #fff;
+ padding: 100px 70px 100px 0;
+ margin-left: auto;
+
+ div {
+ max-width: 390px;
+ }
+
+ svg {
+ max-width: 100%;
+ margin-bottom: 45px;
+ }
+
+ p {
+ font-weight: 700;
+ font-size: 26px;
+ line-height: 35px;
+ }
+
+
+ @media (max-width: 1600px) {
+ padding-top: 50px;
+ padding-bottom: 50px;
+
+ svg {
+ max-width: 260px;
+ margin-bottom: 25px;
+ }
+
+ p {
+ font-size: 19px;
+ line-height: 26px;
+ max-width: 330px;
+ }
+ }
+
+ @media (max-width: 1279px) {
+ width: 100%;
+ height: 170px;
+ padding: 0 80px;
+
+ justify-content: flex-start;
+
+ div {
+ max-width: none;
+ display: flex;
+ align-items: center;
+ width: 100%;
+ }
+
+ svg {
+ margin-bottom: 0;
+ margin-right: 45px;
+ max-width: 260px;
+ }
+
+ p {
+ font-size: 19px;
+ line-height: 26px;
+ max-width: 330px;
+ }
+ }
+
+ @media (max-width: 767px) {
+ height: 136px;
+ padding: 0 16px;
+
+ div {
+ display: block;
+ }
+
+ svg {
+ margin-right: 0;
+ max-width: 118px;
+ margin-bottom: 12px;
+ height: auto;
+ }
+
+ p {
+ font-size: 13px;
+ line-height: 20px;
+ max-width: 290px;
+ }
+ }
+ }
+
+ .section_2 {
+ background: #2F80ED;
+ height: auto;
+ width: 15%;
+
+ color: #fff;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ padding: 20px;
+ box-sizing: border-box;
+
+ div {
+ max-width: 150px;
+
+ }
+
+ svg {
+ display: block;
+ margin: 0 auto 8px auto;
+ }
+
+ p {
+ text-align: center;
+ font-size: 12px;
+ line-height: 16px;
+
+ &.title {
+ text-transform: uppercase;
+ font-weight: 700;
+ font-size: 36px;
+ line-height: 50px;
+ }
+ }
+
+ @media (max-width: 1600px) {
+ p {
+ font-size: 10px;
+ line-height: 14px;
+
+ &.title {
+ font-size: 28px;
+ line-height: 40px;
+ }
+ }
+ }
+
+ @media (max-width: 1279px) {
+ width: 30%;
+
+ div {
+ max-width: 180px;
+ }
+
+ p {
+ font-size: 14px;
+ line-height: 20px;
+
+ &.title {
+ margin-bottom: 15px
+ }
+ }
+ }
+
+ @media (max-width: 960px) {
+ padding: 15px 5px;
+
+ p {
+ font-size: 11px;
+ line-height: 16px;
+
+ &.title {
+ font-size: 28px;
+ }
+ }
+ }
+
+ @media (max-width: 767px) {
+ height: 218px;
+ width: 50%;
+
+ svg {
+ max-width: 40px;
+ height: auto;
+ }
+
+ p {
+ font-size: 11px;
+ line-height: 15px;
+
+ &.title {
+ font-size: 20px;
+ line-height: 1;
+ margin: 8px 0px;
+ }
+ }
+ }
+ }
+
+ .section_3 {
+ background: var(--inactive);
+ width: 100%;
+ height: 258px;
+
+ color: var(--blue);
+
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ padding: 20px 10px;
+ box-sizing: border-box;
+
+ svg {
+ display: block;
+ margin: 0 auto 8px auto;
+ }
+
+ p {
+ text-align: center;
+ font-size: 12px;
+ line-height: 16px;
+
+ &.title {
+ text-transform: uppercase;
+ font-weight: 700;
+ font-size: 36px;
+ line-height: 50px;
+ }
+ }
+
+ @media (max-width: 1600px) {
+ height: 200px;
+
+ p {
+ font-size: 10px;
+ line-height: 14px;
+
+ &.title {
+ font-size: 28px;
+ line-height: 40px;
+ }
+ }
+ }
+
+ @media (max-width: 1279px) {
+
+ p {
+ font-size: 14px;
+ line-height: 20px;
+
+ &.title {
+ text-transform: lowercase;
+ }
+ }
+ }
+
+ @media (max-width: 960px) {
+ padding: 15px 5px;
+
+ p {
+ font-size: 11px;
+ line-height: 16px;
+
+ &.title {
+ font-size: 28px;
+ }
+ }
+ }
+
+ @media (max-width: 767px) {
+ height: 109px;
+
+ svg {
+ max-width: 53px;
+ height: auto;
+ }
+
+ p {
+ font-size: 11px;
+ line-height: 15px;
+
+ &.title {
+ font-size: 20px;
+ line-height: 1;
+ margin: 8px 0px;
+ }
+ }
+ }
+ }
+
+ .section_4 {
+ background: var(--blue);
+ width: 100%;
+ height: 187px;
+
+ color: #fff;
+
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ padding: 20px 10px;
+ box-sizing: border-box;
+
+ div {}
+
+ p {
+ text-align: center;
+ font-size: 12px;
+ line-height: 16px;
+
+ &.title {
+ text-transform: uppercase;
+ font-weight: 700;
+ font-size: 29px;
+ line-height: 50px;
+ }
+ }
+
+ @media (max-width: 1600px) {
+ height: 150px;
+
+ p {
+ font-size: 10px;
+ line-height: 14px;
+
+ &.title {
+ font-size: 28px;
+ line-height: 40px;
+ }
+ }
+ }
+
+ @media (max-width: 1279px) {
+
+ p {
+ font-size: 14px;
+ line-height: 20px;
+ }
+ }
+
+ @media (max-width: 960px) {
+ padding: 15px 5px;
+
+ p {
+ font-size: 11px;
+ line-height: 16px;
+
+ &.title {
+ font-size: 28px;
+ }
+ }
+ }
+
+ @media (max-width: 767px) {
+ height: 109px;
+ }
+ }
+
+ .section_5 {
+ background: var(--blue);
+ width: 100%;
+ height: 193px;
+
+ color: #fff;
+
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ padding: 20px 10px;
+ box-sizing: border-box;
+
+ div {
+ max-width: 135px;
+
+ }
+
+ svg {
+ display: block;
+ margin: 0 auto 8px auto;
+ }
+
+ p {
+ text-align: center;
+ font-size: 12px;
+ line-height: 16px;
+
+ &.title {
+ text-transform: uppercase;
+ font-weight: 700;
+ font-size: 36px;
+ line-height: 50px;
+ }
+ }
+
+ @media (max-width: 1600px) {
+ height: 220px;
+
+ p {
+ font-size: 10px;
+ line-height: 14px;
+
+ &.title {
+ font-size: 28px;
+ line-height: 40px;
+ }
+ }
+ }
+
+ @media (max-width: 1279px) {
+ div {
+ max-width: 240px;
+ }
+
+ p {
+ font-size: 14px;
+ line-height: 20px;
+ }
+ }
+
+ @media (max-width: 960px) {
+ padding: 15px 5px;
+
+ p {
+ font-size: 11px;
+ line-height: 16px;
+
+ &.title {
+ font-size: 28px;
+ }
+ }
+ }
+
+ @media (max-width: 767px) {
+ position: absolute;
+ bottom: 0px;
+ left: auto;
+ right: 0;
+ width: 50%;
+ height: 143px;
+
+ div {
+ max-width: 140px;
+ }
+
+ svg {
+ display: none;
+ }
+ }
+ }
+
+ .section_6 {
+ background: var(--green);
+ width: 100%;
+ height: 252px;
+
+ color: #fff;
+
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ padding: 20px 10px;
+ box-sizing: border-box;
+
+ div {
+
+ max-width: 150px;
+ }
+
+ p {
+ text-align: center;
+ font-size: 12px;
+ line-height: 16px;
+
+ &.title {
+ text-transform: uppercase;
+ font-weight: 700;
+ font-size: 29px;
+ line-height: 50px;
+ }
+ }
+
+ @media (max-width: 1600px) {
+ height: 130px;
+
+ p {
+ font-size: 10px;
+ line-height: 14px;
+
+ &.title {
+ font-size: 28px;
+ line-height: 40px;
+ }
+ }
+ }
+
+ @media (max-width: 1279px) {
+ div {
+ max-width: 240px;
+ }
+
+ p {
+ font-size: 14px;
+ line-height: 20px;
+ }
+ }
+
+ @media (max-width: 960px) {
+ padding: 15px 5px;
+
+ p {
+ font-size: 11px;
+ line-height: 16px;
+
+ &.title {
+ font-size: 28px;
+ }
+ }
+ }
+
+ @media (max-width: 767px) {
+ position: absolute;
+ top: 354px;
+ left: 0;
+ right: 35%;
+ width: 65%;
+ height: 136px;
+ }
+ }
+
+ .section_7 {
+ background: #A8026B;
+ width: 100%;
+ height: 154px;
+
+ color: #fff;
+
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ padding: 20px 10px;
+ box-sizing: border-box;
+
+ div {}
+
+ svg {
+ display: none;
+ }
+
+ p {
+ text-align: center;
+ font-size: 12px;
+ line-height: 16px;
+
+ &.title {
+ text-transform: uppercase;
+ font-weight: 700;
+ font-size: 29px;
+ line-height: 50px;
+ }
+ }
+
+ @media (max-width: 1600px) {
+ height: 110px;
+
+ p {
+ font-size: 10px;
+ line-height: 14px;
+
+ &.title {
+ font-size: 28px;
+ line-height: 40px;
+ }
+ }
+ }
+
+ @media (max-width: 1279px) {
+ p {
+ font-size: 14px;
+ line-height: 20px;
+ }
+ }
+
+ @media (max-width: 960px) {
+ padding: 15px 5px;
+
+ p {
+ font-size: 11px;
+ line-height: 16px;
+
+ &.title {
+ font-size: 28px;
+ }
+ }
+ }
+
+ @media (max-width: 767px) {
+ position: absolute;
+ top: 354px;
+ left: auto;
+ right: 0;
+ width: 35%;
+ height: 136px;
+
+ svg {
+ display: block;
+ margin: auto;
+ }
+
+ p.title {
+ line-height: 44px;
+ }
+ }
+ }
+
+ .section_8 {
+ background: var(--inactive);
+ width: 100%;
+ height: 291px;
+ color: var(--blue);
+
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ padding: 20px 10px;
+ box-sizing: border-box;
+
+ svg {
+ display: block;
+ margin: 0 auto 8px auto;
+ }
+
+ p {
+ text-align: center;
+ font-size: 12px;
+ line-height: 16px;
+
+ &.title {
+ text-transform: uppercase;
+ font-weight: 700;
+ font-size: 36px;
+ line-height: 50px;
+ }
+ }
+
+ @media (max-width: 1600px) {
+ height: 240px;
+
+ p {
+ font-size: 10px;
+ line-height: 14px;
+
+ &.title {
+ font-size: 28px;
+ line-height: 40px;
+ }
+ }
+ }
+
+ @media (max-width: 1279px) {
+ p {
+ font-size: 14px;
+ line-height: 20px;
+ }
+ }
+
+ @media (max-width: 960px) {
+ padding: 15px 5px;
+
+ p {
+ font-size: 11px;
+ line-height: 16px;
+
+ &.title {
+ font-size: 28px;
+ }
+ }
+ }
+
+ @media (max-width: 767px) {
+ position: absolute;
+ bottom: 0px;
+ left: 0;
+ width: 50%;
+ height: 143px;
+
+ svg {
+ max-width: 53px;
+ }
+ }
+ }
+}
+
+.bg_description {
+ background: var(--inactive);
+ padding: 45px 120px;
+ margin-left: -30px;
+ margin-bottom: 25px;
+
+ p {
+ font-size: 15px;
+ line-height: 24px;
+ }
+
+ @media (max-width: 1279px) {
+ margin-left: -80px;
+ margin-right: -80px;
+ padding: 45px 80px;
+ }
+
+ @media (max-width: 767px) {
+ margin-left: -16px;
+ margin-right: -16px;
+ padding: 16px;
+
+ p {
+ font-size: 13px;
+ line-height: 20px;
+ }
+ }
+}
+
+.lines_title {
+ display: flex;
+ align-items: flex-start;
+ justify-content: space-between;
+
+ p {
+ font-weight: 700;
+ font-size: 70px;
+ line-height: 120%;
+ color: #0C0C0C;
+
+ span {
+ display: block;
+ color: var(--blue);
+ }
+
+ @media (max-width: 1600px) {
+ font-size: 54px;
+ }
+ }
+
+ a {
+ font-weight: 600;
+ font-size: 15px;
+ line-height: 20px;
+ color: var(--blue);
+ margin-bottom: 30px;
+ margin-top: 15px;
+
+ @media (max-width: 1600px) and (min-width: 920px) {
+ margin-bottom: 55px;
+ }
+
+ @media (max-width: 920px) {
+ font-size: 13px;
+ }
+
+ @media (max-width: 767px) {
+ width: 100%;
+ }
+ }
+
+ @media (max-width: 1600px) and (min-width: 920px) {
+ max-width: 820px;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ @media all and (max-width: 920px) {
+ max-width: unset;
+
+ p {
+ font-size: 45px;
+ }
+ }
+
+ @media (max-width: 767px) {
+ flex-wrap: wrap;
+
+ p {
+ font-size: 27px;
+ order: 2;
+ margin-top: 20px;
+ width: 100%;
+ }
+
+ a {
+ order: 1;
+ margin-bottom: 0;
+ }
+ }
+}
+
+.history {
+ margin-bottom: 250px;
+ max-width: 975px;
+
+ @media (max-width: 1600px) and (min-width: 1000px) {
+ max-width: 820px;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ @media all and (max-width: 1000px) {
+ max-width: 570px;
+ margin-bottom: 160px;
+ }
+
+ @media (max-width: 600px) {
+ max-width: 470px;
+ }
+
+ @media all and (max-width: 459px) and (min-width: 376px) {
+ max-width: 369px;
+ }
+
+ @media (max-width: 376px) {
+ max-width: 303px;
+ }
+
+ .year {
+ display: flex;
+ align-items: center;
+ align-content: center;
+ justify-content: space-between;
+ flex-wrap: wrap;
+ position: relative;
+ min-height: 100px;
+ margin-bottom: 177px;
+
+ @media all and (max-width: 1000px) {
+ margin-bottom: 120px;
+ }
+
+ @media all and (max-width: 600px) {
+ margin-bottom: 80px;
+ }
+
+ @media (max-width: 768px) {
+
+ }
+
+ .line {
+ position: absolute;
+ left: -9px;
+ background: url("/images/about/line-right.png") repeat-y top left;
+ background-size: 100% auto;
+ top: -4px;
+ bottom: -10px;
+ width: 100%;
+
+ @media (max-width: 1600px) and (min-width: 1000px) {
+ top: 16px;
+ left: -8px;
+ }
+
+ @media (max-width: 1600px) and (min-width: 1280px) {}
+
+ @media all and (max-width: 1000px) {
+ top: 10px;
+ background-position: top right;
+ }
+
+ @media all and (max-width: 600px) and (min-width: 460px) {
+
+ }
+
+ @media (max-width: 376px) {
+ top: -6px;
+ background-size: 100% auto;
+ left: -10px;
+ }
+
+ @media (max-width: 300px) {
+
+ }
+ }
+
+ &:first-child {
+ margin-top: 40px;
+ padding-top: 40px;
+
+ @media all and (max-width: 1000px) {
+ padding-top: 20px;
+ margin-top: 20px;
+ }
+
+ @media (max-width: 376px) {
+ padding-top: 0;
+ }
+
+ .line {
+ top: 94px;
+ bottom: -9px;
+
+ @media (max-width: 1600px) and (min-width: 1000px) {
+ top: 75px;
+ bottom: -30px;
+ left: -8px;
+ }
+
+ @media all and (max-width: 1000px) {
+ top: 75px;
+ }
+
+ @media all and (max-width: 600px) and (min-width: 460px) {
+ top: 40px;
+ }
+
+ @media all and (max-width: 459px) and (min-width: 376px) {
+ top: 20px;
+ }
+
+ @media (max-width: 376px) {
+ top: 10px;
+ left: -10px;
+ }
+
+ @media (max-width: 300px) {
+ top: 5px;
+ }
+ }
+
+ &:before {
+ content: "";
+ display: block;
+ width: 100%;
+ position: absolute;
+ top: 0;
+ left: -10px;
+ z-index: -1;
+ pointer-events: none;
+ height: 235px;
+ background: url("/images/about/top.png") no-repeat top left #fff;
+ background-size: 100% auto;
+ top: -115px;
+
+ @media (max-width: 1600px) and (min-width: 1000px) {
+ left: -9px;
+ }
+
+ @media all and (max-width: 1000px) {
+ height: 140px;
+ top: -62px;
+ }
+
+ @media all and (max-width: 375px) {
+ height: 120px;
+ top: -48px;
+ }
+ }
+
+ .month {
+ &:nth-child(2) {
+
+ &:before {
+ display: none !important;
+ }
+ }
+
+ &:last-child:before {
+ display: none !important;
+ }
+
+ &:last-child:after {
+ content: "";
+ display: block;
+ width: 975px;
+ width: 100%;
+ position: absolute;
+ top: auto;
+ bottom: -270px;
+ left: -8px;
+ z-index: 1;
+ pointer-events: none;
+ height: 345px;
+ background: url("/images/about/top-2.png") no-repeat bottom left #fff;
+ background-size: 100% auto;
+
+ @media (max-width: 1600px) and (min-width: 1000px) {
+ height: 308px;
+ bottom: -230px;
+ }
+
+ @media all and (max-width: 1000px) {
+ height: 205px;
+ bottom: -154px;
+ left: -9px;
+ }
+
+ @media all and (max-width: 600px) and (min-width: 460px) {
+ height: 162px;
+ bottom: -120px;
+ }
+
+ @media all and (max-width: 459px) and (min-width: 376px) {
+ height: 130px;
+ bottom: -120px;
+ }
+
+ @media (max-width: 376px) {
+ height: 108px;
+ bottom: -85px;
+ left: -10px;
+ }
+
+ @media (max-width: 300px) {
+ height: 90px;
+ bottom: -75px;
+ }
+ }
+ }
+ }
+
+ &:last-child {
+ margin-bottom: 0;
+
+ .line {
+ top: 33px;
+ bottom: 38px;
+
+ @media (max-width: 1600px) and (min-width: 1000px) {
+ top: 11px;
+ bottom: -16px;
+ }
+
+ @media all and (max-width: 1000px) {
+ top: 9px;
+ bottom: 0;
+ }
+
+ @media (max-width: 376px) {
+ top: -7px;
+ left: -10px;
+ bottom: -7px;
+ }
+ }
+
+ .month:last-child:after {
+ content: "";
+ display: block;
+ width: 975px;
+ width: 100%;
+ position: absolute;
+ top: auto;
+ bottom: -167px;
+ left: -8px;
+ z-index: 1;
+ pointer-events: none;
+ height: 215px;
+ background: url("/images/about/bottom-2.png") no-repeat bottom left #fff;
+ background-size: 100% auto;
+
+ @media (max-width: 1600px) and (min-width: 1000px) {
+ bottom: -135px;
+ height: 185px;
+ }
+
+ @media all and (max-width: 1000px) {
+ height: 135px;
+ bottom: -81px;
+ left: -10px;
+ }
+
+ @media all and (max-width: 600px) and (min-width: 460px) {
+ height: 110px;
+ }
+
+ @media all and (max-width: 459px) and (min-width: 376px) {
+ height: 85px;
+ }
+
+ @media (max-width: 376px) {
+ height: 70px;
+ bottom: -50px;
+ left: -10px;
+ }
+
+ @media (max-width: 300px) {
+ height: 55px;
+ bottom: -45px;
+ }
+ }
+
+ &:nth-child(even) {
+ &:after {
+ right: auto;
+ left: -12px;
+ }
+
+ .month {
+ margin-left: auto;
+
+ &:before,
+ &:after {
+ left: auto !important;
+ right: 10px;
+
+ @media all and (max-width: 1000px) {
+ right: 9px;
+ }
+
+ @media (max-width: 376px) {
+ right: 11px;
+ }
+ }
+ }
+
+ .line {
+ background: url("/images/about/line-left.png") repeat-y top left;
+ background-size: 100% auto;
+ top: -20px;
+ bottom: -4px;
+ left: -11px;
+
+ @media (max-width: 1600px) and (min-width: 1000px) {
+ bottom: -15px;
+ height: auto;
+ }
+
+ @media all and (max-width: 1000px) {
+ left: -11px;
+ top: -10px;
+ }
+
+ @media all and (max-width: 375px) {
+ left: -10px;
+ }
+ }
+
+ .month:last-child:after {
+ background: url("/images/about/bottom-3.png") no-repeat bottom left #fff;
+ background-size: 100% auto;
+
+ @media all and (max-width: 1000px) {
+ right: auto;
+ left: -11px !important;
+ }
+
+ @media all and (max-width: 375px) {
+ left: -10px !important;
+ }
+ }
+ }
+
+ &:nth-child(odd) {
+ .month:last-child:after {
+ @media (max-width: 1600px) and (min-width: 1000px) {
+ left: -8px;
+ }
+ }
+ }
+ }
+
+ &:not(:last-child) .month:last-child:before {
+ content: "";
+ display: block;
+ width: 975px;
+ width: 100%;
+ position: absolute;
+ top: auto;
+ bottom: -290px;
+ left: -10px;
+ z-index: 1;
+ pointer-events: none;
+ height: 345px;
+ background: url("/images/about/bottom-1.png") no-repeat bottom left #fff;
+ background-size: 100% auto;
+
+ @media (max-width: 1600px) and (min-width: 1000px) {
+ bottom: -255px;
+ height: 305px;
+ }
+
+ @media all and (max-width: 1000px) {
+ height: 205px;
+ bottom: -175px;
+ }
+
+ @media (max-width: 376px) {
+ height: 70px;
+ bottom: -74px;
+ }
+ }
+
+ &:after {
+ content: attr(data-year);
+ display: block;
+ pointer-events: none;
+ color: #18191F;
+ //color: transparent;
+ font-weight: 700;
+ font-size: 50px;
+ line-height: 1;
+ position: absolute;
+ right: 11px;
+ top: 0;
+ bottom: 0;
+ line-height: 1;
+ height: 60px;
+ margin: auto;
+ z-index: 3;
+
+ @media all and (max-width: 1000px) {
+ font-size: 22px;
+ }
+
+ @media (max-width: 460px) {
+ bottom: auto;
+ right: 25px;
+ }
+ }
+
+ &:nth-child(odd):not(:first-child):not(:last-child) {
+
+ .month {
+ &:last-child:before {
+ content: "";
+ display: block;
+ width: 975px;
+ width: 100%;
+ position: absolute;
+ top: auto;
+ bottom: -285px;
+ left: -9px;
+ z-index: 1;
+ pointer-events: none;
+ height: 350px;
+ background: url("/images/about/top-2.png") no-repeat bottom left #fff;
+ background-size: 100% auto;
+
+ @media (max-width: 1600px) and (min-width: 1000px) {
+ bottom: -248px;
+ height: 308px;
+ left: -8px;
+ }
+
+ @media all and (max-width: 1000px) {
+ height: 205px;
+ bottom: -164px;
+ left: -9px;
+ }
+
+ @media all and (max-width: 600px) and (min-width: 460px) {
+ height: 162px;
+ bottom: -124px;
+ }
+
+ @media all and (max-width: 459px) and (min-width: 376px) {
+ height: 130px;
+ bottom: -115px;
+ }
+
+ @media (max-width: 376px) {
+ height: 107px;
+ bottom: -85px;
+ left: -10px;
+ }
+
+ @media (max-width: 300px) {
+ height: 90px;
+ bottom: -75px;
+ }
+ }
+ }
+
+ }
+
+ &:nth-child(even):not(:last-child) {
+ .line {
+ background: url("/images/about/line-left.png") repeat-y top left;
+ background-size: 100% auto;
+ top: 41px;
+ bottom: -4px;
+ left: -8px;
+
+ @media (max-width: 1600px) and (min-width: 1000px) {
+ top: 22px;
+ bottom: 22px;
+ left: -8px;
+ }
+
+ @media all and (max-width: 1000px) {
+ top: 29px;
+ left: -10px;
+ }
+
+ @media all and (max-width: 600px) and (min-width: 460px) {
+ left: -9px;
+ top: 15px;
+ }
+
+ @media (max-width: 376px) {
+ top: -5px;
+ left: -10px;
+ }
+ }
+
+ &:after {
+ right: auto;
+ left: -12px;
+
+ @media (max-width: 376px) {
+ left: 5px;
+ top: -25px;
+ }
+ }
+
+ .month {
+ margin-left: auto;
+
+ &:before,
+ &:after {
+ left: auto !important;
+ right: 9px;
+
+ @media (max-width: 1600px) and (min-width: 1000px) {
+ right: 8px;
+ }
+
+ @media all and (max-width: 1000px) {
+ right: 10px;
+ height: 220px;
+ }
+
+ @media all and (max-width: 600px) and (min-width: 460px) {
+ bottom: -122px;
+ right: 9px;
+ height: 165px;
+ }
+
+ @media all and (max-width: 459px) and (min-width: 376px) {
+ bottom: -107px;
+ right: 10px;
+ height: 130px;
+ }
+
+ @media (max-width: 376px) {
+ right: 10px;
+ height: 110px;
+ bottom: -95px;
+ }
+
+ @media (max-width: 300px) {
+ height: 90px;
+ bottom: -85px;
+ }
+ }
+
+ &:last-child {
+ &:after {
+ @media (max-width: 1600px) and (min-width: 1000px) {
+ right: 12px;
+ }
+
+ @media all and (max-width: 920px) {
+ right: auto;
+ left: -14px !important;
+ }
+ }
+ }
+ }
+ }
+
+ .month {
+ display: flex;
+ align-items: flex-start;
+ width: calc(100% - 200px);
+ padding: 6px 0;
+ //position: relative;
+
+ @media all and (max-width: 1000px) {
+ width: calc(100% - 90px);
+ }
+
+ @media (max-width: 460px) {
+ display: block;
+ width: calc(100% - 65px);
+ }
+
+ p {
+ position: relative;
+ z-index: 2;
+
+ &:first-child {
+ font-weight: 700;
+ color: var(--blue);
+ margin-right: 25px;
+ width: 150px;
+ min-width: 150px;
+
+ @media all and (max-width: 1000px) {
+ width: 90px;
+ min-width: 90px;
+
+ }
+
+ @media (max-width: 460px) {
+ display: block;
+ margin-bottom: 4px;
+ }
+ }
+ }
+ ul, ol {
+ position: relative;
+ z-index: 2;
+ margin-top: 0;
+ }
+ }
+ }
+}
+
+.management {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 30px;
+ margin-top: 60px;
+
+ .person {
+ width: calc(33.333% - 20px);
+ margin-bottom: 40px;
+ font-size: 15px;
+ line-height: 24px;
+
+ img {
+ object-fit: cover;
+ margin-bottom: 30px;
+ width: 100%;
+ height: 300px;
+ }
+
+ p {
+ &.name {
+ font-weight: 700;
+ margin-bottom: 8px;
+ }
+ }
+ }
+
+ @media (max-width: 920px) {
+ flex-wrap: unset;
+ overflow-x: scroll;
+ margin-left: -16px;
+ margin-right: -16px;
+ padding-left: 16px;
+ padding-right: 16px;
+ margin-top: 24px;
+
+ .person {
+ min-width: 185px;
+
+ img {
+ height: 212px;
+ margin-bottom: 15px;
+ }
+
+ p {
+ font-size: 13px;
+ line-height: 20px;
+ }
+ }
+ }
+}
+
diff --git a/local/templates/evolution/footer.php b/local/templates/evolution/footer.php
index e881b2e..d1a4045 100644
--- a/local/templates/evolution/footer.php
+++ b/local/templates/evolution/footer.php
@@ -29,7 +29,7 @@
Легковые