new changes

src/js/script.js

@@ -42,6 +42,70 @@ class Application {
     this.onMobile();
     this.turnParallax();
     this.upButton();
+    this.yearsFilter();
+    this.imageClick();
+  }
+
+  darkPlaceRender(target) {
+    const dark = document.createElement("div");
+    const image = target.querySelector("img");
+    console.log(image);
+
+    dark.classList.add("dark");
+    console.log(target);
+    target.prepend(dark);
+
+    setTimeout(() => {
+      dark.classList.add("_active");
+    });
+
+    dark.addEventListener("click", () => {
+      dark.classList.remove("_active");
+      image.removeAttribute("style");
+      setTimeout(() => {
+        dark.remove();
+      }, 1000);
+    });
+  }
+
+  yearsFilter() {
+    const yearsFilter = document.querySelector(".videos-years__filter");
+    const yearsCurrent = document.querySelector(".videos-years__current");
+
+    if (yearsFilter) {
+      const dateInput = document.querySelector(
+        '.videos-years__filter + input[type="date"]'
+      );
+
+      dateInput.addEventListener("change", () => {
+        const dateInputValue = dateInput.value.split("-").reverse().join(".");
+
+        yearsCurrent.textContent = dateInputValue;
+      });
+
+      console.log(dateInput);
+    }
+  }
+
+  imageClick() {
+    const allClickedImages = document.querySelectorAll(".clicked");
+
+    allClickedImages.forEach((image) => {
+      image.addEventListener("click", (e) => {
+        e.preventDefault();
+
+        const parentElement = image.parentElement;
+        this.darkPlaceRender(parentElement);
+
+        image.style.position = "fixed";
+        image.style.top = "50%";
+        image.style.left = "50%";
+        image.style.transform = "translate(-50%, -50%)";
+        image.style.width = "auto";
+        image.style.minHeight = "auto";
+        image.style.zIndex = "99";
+      });
+    });
   }
 
   onMobile() {

src/pages/album.pug

@@ -43,19 +43,26 @@ block content
             .container.default-margins
               .row
                 .col-lg-12
-                  img(src="./img/album-first.jpg", alt="album row item").album-row__item
+                  a(href="#")
+                    img(src="./img/album-first.jpg", alt="album row item").album-row__item.clicked
                 .col-lg-4
-                  img(src="./img/album-second.jpg", alt="album row item").album-row__item
+                  a(href="#")
+                    img(src="./img/album-second.jpg", alt="album row item").album-row__item.clicked
                 .col-lg-4
-                  img(src="./img/album-third.jpg", alt="album row item").album-row__item
+                  a(href="#")
+                    img(src="./img/album-third.jpg", alt="album row item").album-row__item.clicked
                 .col-lg-4
-                  img(src="./img/album-fourth.jpg", alt="album row item").album-row__item
+                  a(href="#")
+                    img(src="./img/album-fourth.jpg", alt="album row item").album-row__item.clicked
                 .col-lg-4
-                  img(src="./img/album-second.jpg", alt="album row item").album-row__item
+                  a(href="#")
+                    img(src="./img/album-second.jpg", alt="album row item").album-row__item.clicked
                 .col-lg-4
-                  img(src="./img/album-third.jpg", alt="album row item").album-row__item
+                  a(href="#")
+                    img(src="./img/album-third.jpg", alt="album row item").album-row__item.clicked
                 .col-lg-4
-                  img(src="./img/album-fourth.jpg", alt="album row item").album-row__item
+                  a(href="#")
+                    img(src="./img/album-fourth.jpg", alt="album row item").album-row__item.clicked
           .container.default-margins
             .row
               .col-lg-6

src/pages/career-more.pug

@@ -63,18 +63,21 @@ block content
               li.default-list__item Надбавки и доплаты за выполнение работ в условиях труда, отклоняющихся от нормальных (вредные условия труда, работа в выходные дни, сверхурочная работа, работа в ночное/вечернее время)
               li.default-list__item Присвоение статуса "Молодой специалист"
               li.default-list__item Социальные льготы и гарантии молодым специалистам, а именно:
-              li.default-list__item Своевременное выявление неполадок в работе оборудования, профилактические работы;
             ul.default-list-line(style="margin-top: 50px").career-needed__list
-              li.default-list-line__item Заработная плата складывается из оклада (28349), интегрированной стимулирующей надбавки и оперативной премии
-              li.default-list-line__item Надбавки и доплаты за выполнение работ в условиях труда, отклоняющихся от нормальных (вредные условия труда, работа в выходные дни, сверхурочная работа, работа в ночное/вечернее время)
-              li.default-list-line__item Присвоение статуса "Молодой специалист"
-              li.default-list-line__item Социальные льготы и гарантии молодым специалистам, а именно:
-              li.default-list-line__item Своевременное выявление неполадок в работе оборудования, профилактические работы;
+              li.default-list-line__item Компенсация проезда к месту работы, в том числе членам семьи.
+              li.default-list-line__item Компенсация расходов на аренду жилого помещения.
+              li.default-list-line__item Компенсация провоза багажа.
+              li.default-list-line__item Предоставление краткосрочного отпуска без сохранения заработной платы на сборы и обустройство на новом месте продолжительностью до 3-х календарных дней.
+              li.default-list-line__item Единовременное пособие в размере 40 000 рублей.
+              li.default-list-line__item Включение в список нуждающихся в улучшении жилищных условий.
             .default-title Местонахождение
             p Свердловская область, г. Заречный, ул. Октябрьская, 9Б.
             .default-title Контактное лицо
-            p Свердловская область, г. Заречный, ул. Октябрьская, 9Б.
+            p.contacts-para <span>Начальник отдела управления персоналом —</span> Петрова Юлия Владимировна
+            a(href="#").contacts-more 8 (34377)7-11-08, доб. 3.
         .col-lg-6
+          a(href="#").default-back Вернуться к списку
+        .col-lg-6.d-flex.justify-content-end
           .default-share
             .default-share__text Поделиться:
             .default-share__socials

src/pages/career.pug

@@ -49,7 +49,7 @@ block content
               .default-vacancy__location Московский филиал НПК ФГУП «РАДОН»
               .default-vacancy__description Обязанности: контроль эксплуатации оборудования предприятия; составление плана ремонтных работ; своевременное выявление неполадок в работе оборудования, профилактические работы; ремонт и наладка оборудования; ведение установленной отчетности.
               .default-vacancy__date 30 октября 2020 г.              
-          .container
+          .container.default-margins
             .row
               .col-lg-6
                 ul.default-bottom-nav

src/pages/control.pug

@@ -64,7 +64,7 @@ block content
           .container.services
             .row
               .col-lg-12
-                .default-title ФГУП "РАДОН"оказывает весь спектр услуг по переработке и кондиционированию РАО, включая такие технологии как:
+                .default-title.mt-0 ФГУП "РАДОН"оказывает весь спектр услуг по переработке и кондиционированию РАО, включая такие технологии как:
                 ul.default-list
                   li.default-list__item Сортировка, фрагментирование и прессование РАО;
                   li.default-list__item Цементирование;

src/pages/filial.pug

@@ -93,12 +93,12 @@ block content
               a(href="#").default-docs__item._exl  Перечень рекомендуемых мероприятий по улучшению условий труда по итогам 2019 года(первый этап)
           .default-title  Вакансии филиала
           .filial-vacancies
-            .default-vacancy
+            a(href="#").default-vacancy
               .default-vacancy__title СПЕЦИАЛИСТ ОТДЕЛА ОРГАНИЗАЦИИ НАУЧНО-ТЕХНИЧЕСКОЙ ДЕЯТЕЛЬНОСТИ
               .default-vacancy__location Московский филиал НПК ФГУП «РАДОН»
               .default-vacancy__description Обязанности: контроль эксплуатации оборудования предприятия; составление плана ремонтных работ; своевременное выявление неполадок в работе оборудования, профилактические работы; ремонт и наладка оборудования; ведение установленной отчетности.
               .default-vacancy__date 30 октября 2020 г.
-            .default-vacancy
+            a(href="#").default-vacancy
               .default-vacancy__title СПЕЦИАЛИСТ ОТДЕЛА ОРГАНИЗАЦИИ НАУЧНО-ТЕХНИЧЕСКОЙ ДЕЯТЕЛЬНОСТИ
               .default-vacancy__location Московский филиал НПК ФГУП «РАДОН»
               .default-vacancy__description Обязанности: контроль эксплуатации оборудования предприятия; составление плана ремонтных работ; своевременное выявление неполадок в работе оборудования, профилактические работы; ремонт и наладка оборудования; ведение установленной отчетности.

src/pages/filials.pug

@@ -25,7 +25,7 @@ block content
     .container
       .row
         .col-lg-12
-          .default-banner
+          .default-banner(style="border: 1px solid #6DACDE;")
             <iframe src="https://yandex.ru/map-widget/v1/?um=constructor%3Aa9102ef01f13fe10015a1f818136adbc871e5cc9f093660f2a2931836b748163&amp;source=constructor" width="100%" height="350" frameborder="0"></iframe>
         .col-lg-3
           ul.default-nav
@@ -50,7 +50,7 @@ block content
             li
               a(href="#") Ангарск
         .col-lg-9
-          .default-cards._row
+          .default-cards._row.filials-cards
             a(href="#").default-cards-item._active
               span Москва
             a(href="#").default-cards-item

src/pages/history-more.pug

@@ -29,7 +29,7 @@ block content
     .container
       .row
         .col-lg-12
-          .default-heading-small В пятидесятых годах XX века после серьезных геологических исследований было принято решение о строительстве в Загорском (теперь – Сергиево-Посадском) районе специализированного предприятия для локализации радиоактивных отходов.
+          .default-heading-small.mt-0 В пятидесятых годах XX века после серьезных геологических исследований было принято решение о строительстве в Загорском (теперь – Сергиево-Посадском) районе специализированного предприятия для локализации радиоактивных отходов.
           .default-double.history-more-double
             img(src="./img/history-more-image.jpg", alt="history image").default-double-first
             .default-double-second

src/pages/history.pug

@@ -26,8 +26,6 @@ block content
   main
     .container
       .row
-        .col-lg-12
-          img(src="./img/text-three-banner.jpg", alt="main page image").default-banner
         .col-lg-3
           ul.default-nav
             li
@@ -62,7 +60,7 @@ block content
             a(href="#").history-list__item
               .history-list__item-date 1981-1985
               .history-list__item-description В 1981 г. была пущена в эксплуатацию установка сжигания твердых отходов «Факел» для переработки горючих и биологических отходов, установка по сравнению с другими максимально сокращала объемы отходов.
-          .container
+          .container.default-margins
             .row
               .col-lg-6
                 ul.default-bottom-nav

src/pages/leadership.pug

@@ -26,8 +26,6 @@ block content
   main
     .container
       .row
-        .col-lg-12
-          img(src="./img/text-three-banner.jpg", alt="main page image").default-banner
         .col-lg-3
           ul.default-nav
             li._active
@@ -46,39 +44,39 @@ block content
           .leadership-list
             .leadership-list__item
               img(src="./img/leadership-item-first.jpg", alt="leader photo").leadership-list__item-photo
-              .leadership-list__item-name Лужецкий Алексей Владимирович
+              .leadership-list__item-name Лужецкий<br> Алексей Владимирович
               .leadership-list__item-role Генеральный директор
             .leadership-list__item
               img(src="./img/leadership-item-second.jpg", alt="leader photo").leadership-list__item-photo
-              .leadership-list__item-name Макаров Евгений Петрович
+              .leadership-list__item-name Макаров<br> Евгений Петрович
               .leadership-list__item-role Первый заместитель генерального директора – директор по операционной деятельности
             .leadership-list__item
               img(src="./img/leadership-item-third.jpg", alt="leader photo").leadership-list__item-photo
-              .leadership-list__item-name Колтунов Арсений Анатольевич
+              .leadership-list__item-name Колтунов<br> Арсений Анатольевич
               .leadership-list__item-role Главный инженер
             .leadership-list__item
               img(src="./img/leadership-item-fourth.jpg", alt="leader photo").leadership-list__item-photo
-              .leadership-list__item-name Федянин Андрей Иванович
+              .leadership-list__item-name Федянин<br> Андрей Иванович
               .leadership-list__item-role Заместитель генерального директора по безопасности
             .leadership-list__item
               img(src="./img/leadership-item-fifth.jpg", alt="leader photo").leadership-list__item-photo
-              .leadership-list__item-name Нехожина Олеся Анатольевна
+              .leadership-list__item-name Нехожина<br> Олеся Анатольевна
               .leadership-list__item-role Заместитель генерального директора по экономике и финансам
             .leadership-list__item
               img(src="./img/leadership-item-sixth.jpg", alt="leader photo").leadership-list__item-photo
-              .leadership-list__item-name Зотова Анна Владимировна
+              .leadership-list__item-name Зотова<br> Анна Владимировна
               .leadership-list__item-role Заместитель генерального директора по персоналу
             .leadership-list__item
               img(src="./img/leadership-item-seventh.jpg", alt="leader photo").leadership-list__item-photo
-              .leadership-list__item-name Лукашин Павел Николаевич
+              .leadership-list__item-name Лукашин<br> Павел Николаевич
               .leadership-list__item-role Директор по развитию производственной системы
             .leadership-list__item
               img(src="./img/leadership-item-eighth.jpg", alt="leader photo").leadership-list__item-photo
-              .leadership-list__item-name Покатилова Елена Александровна
+              .leadership-list__item-name Покатилова<br> Елена Александровна
               .leadership-list__item-role Директор по правовому обеспечению, корпоративному и имущественному управлению
             .leadership-list__item
               img(src="./img/leadership-item-ninth.jpg", alt="leader photo").leadership-list__item-photo
-              .leadership-list__item-name Седов Олег Александрович
+              .leadership-list__item-name Седов<br> Олег Александрович
               .leadership-list__item-role Директор по внутреннему контролю и аудиту
           .default-share
             .default-share__text Поделиться:

src/pages/licenses.pug

@@ -41,7 +41,7 @@ block content
             li
               a(href="#") Научно-технический совет
         .col-lg-9
-          .default-cards._column
+          .default-cards._column.licenses-cards
             a(href="#").default-cards-item 
               span Лицензии
             a(href="#").default-cards-item

src/pages/news-more.pug

@@ -27,7 +27,7 @@ block content
     .container
       .row
         .col-lg-12
-          img(src="./img/news-more-banner.jpg", alt="main page image").default-banner
+          img(src="./img/news-more-banner.jpg", alt="main page image").default-banner.mb-0
           .default-heading-small Начальник отдела охраны окружающей среды ФГУП «РАДОН» Наталья Мартьянова примет участие в Национальном чемпионате WorldSkills Hi-Tech 2020.
           p VII Национальный чемпионат сквозных рабочих профессий высокотехнологичных отраслей промышленности WorldSkills Hi-Tech 2020 будет проходить с 23 по 30 октября 2020 года. Это крупнейший чемпионат среди специалистов отечественных предприятий и Госкорпораций высокотехнологичных отраслей промышленности.
           .default-double.news-more-double
@@ -37,7 +37,7 @@ block content
               p Впервые его участниками станут представители дивизиона ЗСЖЦ. Это начальник отдела охраны окружающей среды ФГУП «РАДОН», победитель AtomSkills-2020 в компетенции «Охрана окружающей среды» Наталья Мартьянова и инженер-конструктор УГМ ГХК, победитель AtomSkills-2020 в компетенции «Инженерный дизайн CAD» Павел Асеев.
               p В связи с ограничительными мерами, связанными с пандемией COVID-19, этот чемпионат, как и AtomSkills-2020, пройдёт в дистанционно-очном формате. Конкурсанты будут выполнять задание в своих организациях при непрерывной видеофиксации процесса. Эксперты оценят выступления удаленно в формате онлайн.
               p Участниками чемпионата станут более 300 конкурсантов из России и 12 стран мира в возрасте от 16 до 49 лет. Экспертное сообщество представят более 100 человек.
-          .default-heading-small Дружно поддерживаем Наталью и Павла! Желаем им высоких результатов и отличного выступления!
+          .default-heading-small.mb-0 Дружно поддерживаем Наталью и Павла! Желаем им высоких результатов и отличного выступления!
         .col-lg-12
           .default-share
             .default-share__text Поделиться:

src/pages/routes.pug

@@ -41,28 +41,28 @@ block content
             .routes-row__item._active
               .row__item-title Мониторинг, обследование и контроль
               .row__item-list
-                .item-list__li._active Радиационно-экологический мониторинг объектов окружающей среды            
-                .item-list__li Радиационно-экологическое обследование территорий, отводимых под строительство            
-                .item-list__li Регулярное радиационное обследование образовательных, дошкольных учреждений, объектов стройиндустрии, транспорта, здравоохранения, промышленности и жилищно-коммунального хозяйства            
-                .item-list__li Индивидуальный дозиметрический контроль      
+                a(href="#").item-list__li._active Радиационно-экологический мониторинг объектов окружающей среды            
+                a(href="#").item-list__li Радиационно-экологическое обследование территорий, отводимых под строительство            
+                a(href="#").item-list__li Регулярное радиационное обследование образовательных, дошкольных учреждений, объектов стройиндустрии, транспорта, здравоохранения, промышленности и жилищно-коммунального хозяйства            
+                a(href="#").item-list__li Индивидуальный дозиметрический контроль      
             .routes-row__item
               .row__item-title Региональный учет и контроль радиоактивных веществ, источников ионизирующего излучения и радиоактивных отходов     
             .routes-row__item
               .row__item-title Радиационно-аварийные и радиационно-реабилитационные работы
               .row__item-list
-                .item-list__li Радиационное обследование и выявление радиоактивных загрязнений           
-                .item-list__li Дезактивация территорий, объектов и изделий           
-                .item-list__li Сбор и прием радиоактивных отходов            
-                .item-list__li Локализация и ликвидация радиационно-аварийных ситуаций     
+                a(href="#").item-list__li Радиационное обследование и выявление радиоактивных загрязнений           
+                a(href="#").item-list__li Дезактивация территорий, объектов и изделий           
+                a(href="#").item-list__li Сбор и прием радиоактивных отходов            
+                a(href="#").item-list__li Локализация и ликвидация радиационно-аварийных ситуаций     
             .routes-row__item
               .row__item-title Радиационно-аварийные и радиационно-реабилитационные работы
               .row__item-list
-                .item-list__li Сбор  
-                .item-list__li Транспортирование 
-                .item-list__li Сортировка
-                .item-list__li Переработка РАО
-                .item-list__li Кондиционирование
-                .item-list__li Хранение
+                a(href="#").item-list__li Сбор  
+                a(href="#").item-list__li Транспортирование 
+                a(href="#").item-list__li Сортировка
+                a(href="#").item-list__li Переработка РАО
+                a(href="#").item-list__li Кондиционирование
+                a(href="#").item-list__li Хранение
         .col-lg-6.d-flex.justify-content-end
           .default-share
             .default-share__text Поделиться:

src/pages/text-two.pug

@@ -25,7 +25,7 @@ block content
     .container
       .row
         .col-lg-12
-          img(src="./img/text-two-banner.jpg", alt="text banner").default-banner
+          img(src="./img/text-two-banner.jpg", alt="text banner", style="margin-bottom: 0;").default-banner
           .default-heading-small Начальник отдела охраны окружающей среды ФГУП «РАДОН» Наталья Мартьянова примет участие в Национальном чемпионате WorldSkills Hi-Tech 2020.
           p VII Национальный чемпионат сквозных рабочих профессий высокотехнологичных отраслей промышленности WorldSkills Hi-Tech 2020 будет проходить с 23 по 30 октября 2020 года. Это крупнейший чемпионат среди специалистов отечественных предприятий и Госкорпораций высокотехнологичных отраслей промышленности.
           .default-double.text-double

src/pages/videos.pug

@@ -39,7 +39,8 @@ block content
         .col-lg-9
           .videos-years
             a(href="#").videos-years__current 20.01.2019
-            a(href="#").videos-years__filter Фильтр по дате
+            a(href="#").videos-years__filter Фильтр по <span>дате<span>
+            input(type="date")
           .videos-row
             a(href="#").videos-row__item
               img(src="./img/videos-item.jpg", alt="videos item").videos-row__item-img

src/scss/_about.scss

@@ -5,7 +5,7 @@
 
   .values__list-item {
     margin-bottom: 60px;
-    flex: 0 1 345px;
+    flex: 0 1 370px;
 
     .values__list-item__title {
       margin: 20px 0 30px;

src/scss/_career-more.scss

@@ -87,8 +87,52 @@
     display: flex;
     flex-wrap: wrap;
 
-    .default-list__item {
+    .default-list-line__item {
       flex: 0 1 490px;
+      align-items: flex-start;
+    }
+
+    .default-list__item {
+      flex: 0 1 50%;
+      min-width: 300px;
+      align-items: flex-start;
     }
   }
 }
+
+.contacts-para {
+  span {
+    font-weight: 700;
+  }
+}
+
+.contacts-more {
+  min-height: 40px;
+  display: flex;
+  align-items: center;
+  position: relative;
+  padding-left: 60px;
+  font-weight: 350;
+  line-height: 26px;
+  color: #292929;
+
+  &::before {
+    content: "";
+    position: absolute;
+    top: 0;
+    left: 0;
+    height: 40px;
+    width: 40px;
+    background: $blue;
+  }
+
+  &::after {
+    content: "";
+    position: absolute;
+    top: 0;
+    left: 0;
+    height: 40px;
+    width: 40px;
+    background: url("../img/phone.svg") no-repeat center;
+  }
+}

src/scss/_contacts.scss

@@ -4,6 +4,10 @@
 
   margin-bottom: 50px;
 
+  &:last-child {
+    margin-bottom: 0;
+  }
+
   @media (max-width: 1200px) {
     margin-bottom: 0;
   }
@@ -26,7 +30,7 @@
       left: 0;
       height: 100%;
       width: 100%;
-      background: rgba(109, 172, 222, 0.2);
+      background: rgba(0, 50, 116, 0.5);
     }
 
     .item-inner__title {
@@ -70,6 +74,10 @@
       padding-left: 60px;
       position: relative;
 
+      &:last-child {
+        margin-bottom: 0;
+      }
+
       &._null {
         padding-left: 0;
         font-weight: 700;

src/scss/_default-nav.scss

 .default-nav {
+  position: sticky;
+  top: 15px;
   margin-bottom: 70px;
+
+  @media (max-width: 768px) {
+    display: none;
+  }
+  
   li {
     a {
       display: block;
@@ -13,6 +20,8 @@
 
       &:hover {
         text-decoration: underline;
+        background: #B1C72E;
+        color: #ffffff;
       }
     }
 

src/scss/_docs.scss

@@ -10,6 +10,14 @@
     position: relative;
     margin-bottom: 20px;
 
+    &:hover {
+      text-decoration: underline;
+    }
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+
     &._docx {
       &::after {
         background: url("../img/docx.svg") no-repeat center;

src/scss/_ecology.scss

@@ -18,7 +18,7 @@
       left: 0;
       height: 100%;
       width: 100%;
-      background: rgba(109, 172, 222, 0.2);
+      background: rgba(0, 50, 116, 0.5);
     }
 
     &__title {
@@ -33,6 +33,7 @@
       left: 0;
       min-height: 100%;
       width: auto;
+      transition: $fast-transition;
     }
 
     &__close {
@@ -64,6 +65,10 @@
     &:hover {
       color: #ffffff;
 
+      .ecology-item__img {
+        transform: scale(1.05);        
+      }
+
       .ecology-item__close {
         opacity: 1;
       }

src/scss/_filial.scss

@@ -164,19 +164,22 @@
 }
 
 .filial-double {
+  justify-content: unset !important;
+
   .default-double-second {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
+    width: 100%;
 
     ul {
+      padding-left: 50px;
       height: 100%;
       display: flex;
       flex-direction: column;
       justify-content: space-between;
 
       li {
+        padding-bottom: 3px;
+        border-bottom: 1px solid #f9f9f9;
+        margin-bottom: 14px;
         font-weight: 700;
         font-size: 16px;
         line-height: 26px;
@@ -184,6 +187,10 @@
         display: flex;
         justify-content: space-between;
 
+        &:last-child {
+          margin-bottom: 0;
+        }
+
         span {
           font-weight: 350;
         }

src/scss/_filials.scss

+.filials-cards {
+
+  .default-cards-item {
+    min-height: 150px;
+  }
+}
\ No newline at end of file

src/scss/_history-more.scss

@@ -5,7 +5,6 @@
   justify-content: space-between;
 
   .history-more-photos__item {
-    flex: 0 1 370px;
     margin-bottom: 50px;
 
     .photos__item-image {
@@ -21,6 +20,7 @@
 }
 
 .history-more-double {
+  margin-bottom: 40px;
 
   .default-double-second {
     max-width: 770px;

src/scss/_history.scss

@@ -6,8 +6,9 @@
     padding: 34px 38px 0 45px;
     margin-bottom: 25px;
     background: #f9f9f9;
+    transition: $fast-transition;
 
-    &._active {
+    &:hover {
       background: $blue;
 
       &::before {

src/scss/_journalists.scss

@@ -6,6 +6,8 @@
     min-height: 200px;
     margin-bottom: 30px;
     background: #f9f9f9;
+    transition: $fast-transition;
+    overflow: hidden;
 
     span {
       position: relative;
@@ -14,6 +16,7 @@
       font-size: 18px;
       line-height: 30px;
       color: #1a1a1a;
+      transition: $fast-transition;
     }
 
     img {
@@ -23,13 +26,18 @@
       min-width: 100%;
       min-height: 100%;
       z-index: 0;
+      transition: $fast-transition;
 
       ~ span {
         color: #ffffff;
       }
+
+      & ~ ::before {
+        content: unset;
+      }
     }
 
-    &._blue {
+    &:hover {
       background: #6dacde;
 
       span {
@@ -61,11 +69,14 @@
       &:hover::after {
         right: -5px;
       }
+
+      img {
+        transform: scale(1.05);
+      }
     }
 
     &._blue-half {
       img {
-        filter: contrast(125%);
       }
 
       &::before {
@@ -75,7 +86,7 @@
         left: 0;
         height: 100%;
         width: 100%;
-        background: rgba(109, 172, 222, 0.3);
+        background: rgba(0, 50, 116, 0.3);
         z-index: 1;
       }
     }

src/scss/_leadership.scss

@@ -4,7 +4,7 @@
   justify-content: space-between;
 
   .leadership-list__item {
-    margin-bottom: 60px;
+    margin-bottom: 70px;
     flex: 0 1 270px;
 
     .leadership-list__item-name {
@@ -22,4 +22,8 @@
       color: #292929;
     }
   }
-}
+
\ No newline at end of file
+  & + .default-share {
+    margin-top: 0;
+  }
+}

src/scss/_licenses.scss

-.licenses {
-  
-}
+.licenses-cards {
+  .default-cards-item {
+    min-height: 180px;
\ No newline at end of file
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+}

src/scss/_logotype.scss

@@ -5,6 +5,6 @@
   justify-content: space-between;
 
   .default-download {
-    flex: 0 1 300px;
+    min-width: 300px;
   }
 }

src/scss/_news-more.scss

 .news-more-double {
+  margin-top: 50px;
+  
   .default-double-second {
     max-width: 770px;
   }

src/scss/_photos.scss

@@ -19,6 +19,12 @@
     background: #6dacde;
     padding: 30px;
 
+    &:hover {
+      span {
+        text-decoration: underline;
+      }
+    }
+
     span {
       position: relative;
       z-index: 1;
@@ -46,7 +52,7 @@
       height: 100%;
       width: 100%;
       z-index: 1;
-      background: rgba(109, 172, 222, 0.2);
+      background: rgba(0, 50, 116, 0.3);
     }
   }
 }

src/scss/_routes.scss

 .routes {
   &-row {
     &__item {
+      transition: $fast-transition;
       padding: 35px 35px 40px;
       background: #f9f9f9;
       margin-bottom: 25px;
 
+      &:last-child {
+        margin-bottom: 0;
+      }
+
       .row__item-title {
         font-weight: 700;
         font-size: 18px;
         line-height: 30px;
         color: #1a1a1a;
         margin-bottom: 40px;
+        transition: $fast-transition  ;
       }
 
       .row__item-list {
         .item-list__li {
+          display: block;
           position: relative;
           font-weight: 350;
           line-height: 26px;
@@ -47,7 +54,7 @@
         }
       }
 
-      &._active {
+      &:hover {
         background: #6dacde;
 
         .row__item-title {
@@ -59,7 +66,7 @@
           .item-list__li {
             color: #ffffff;
 
-            &._active {
+            &:hover {
               font-weight: 700;
               text-decoration: underline;
             }

src/scss/_videos.scss

@@ -3,6 +3,14 @@
   align-items: center;
   margin-bottom: 40px;
 
+  input[type="date"] {
+    position: relative;
+    z-index: 9;
+    left: -145px;
+    opacity: 0;
+    height: 70px;
+  }
+
   .videos-years__current {
     position: relative;
     padding: 14px 40px;
@@ -42,6 +50,11 @@
     font-size: 18px;
     line-height: 23px;
     color: #292929;
+
+    span {
+      cursor: pointer;
+      color: $blue;
+    }
   }
 }
 
@@ -51,9 +64,29 @@
     background: #f9f9f9;
     display: flex;
     align-items: center;
+    transition: $fast-transition;
+
+    &:hover {
+      background: $blue;
+
+      .videos-row__item-description {
+        .item-description__title {
+          color: #ffffff;
+        }
+
+        .item-description__time {
+          color: #ffffff;
+
+          &::before {
+            background: url("../img/calendar-white.svg") no-repeat center;
+          }
+        }
+      }
+    }
 
     .videos-row__item-description {
       padding: 40px 0 30px 50px;
+      transition: $fast-transition;
 
       .item-description__title {
         font-weight: 700;
@@ -62,14 +95,31 @@
         text-decoration: underline;
         color: #292929;
         max-width: 330px;
+        transition: inherit;
       }
 
       .item-description__time {
+        min-height: 30px;
+        padding-left: 30px;
+        display: flex;
+        align-items: center;
+        position: relative;
         margin-top: 60px;
         font-weight: 350;
         font-size: 15px;
         line-height: 30px;
         color: #1a1a1a;
+        transition: inherit;
+
+        &::before {
+          content: "";
+          position: absolute;
+          top: 0;
+          left: 0;
+          height: 30px;
+          width: 20px;
+          background: url("../img/calendar.svg") no-repeat center;
+        }
       }
     }
 

src/scss/_welcome.scss

 .welcome {
-  padding-bottom: 70px;
+  padding-bottom: 50px;
 
   .welcome-title {
     font-weight: 700;

src/scss/main.scss

@@ -52,6 +52,20 @@ body {
     color: #1a1a1a;
   }
 
+  .dark {
+    position: fixed;
+    top: 0;
+    left: 0;
+    height: 100%;
+    width: 100%;
+    z-index: 98;
+    transition: $fast-transition;
+
+    &._active {
+      background: rgba(0, 0, 0, 0.25);
+    }
+  }
+
   .default-title {
     font-weight: 700;
     font-size: 30px;
@@ -236,8 +250,9 @@ body {
       }
 
       &:hover {
-        color: #6dacde;
-        background: rgba(109, 172, 222, 0.2);
+        color: #ffffff;
+        border: 1px solid $green;
+        background: $green;
       }
     }
   }
@@ -248,6 +263,36 @@ body {
     min-height: 320px;
     background: #f9f9f9;
     margin-bottom: 25px;
+    transition: $fast-transition;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+
+    &:hover {
+      background: $blue;
+
+      .default-vacancy__title,
+      .default-vacancy__description {
+        color: #ffffff;
+      }
+
+      .default-vacancy__location {
+        color: #ffffff;
+
+        &::before {
+          background: url("../img/location-white.svg") no-repeat center;
+        }
+      }
+
+      .default-vacancy__date {
+        color: #ffffff;
+
+        &::before {
+          background: url("../img/calendar-white.svg") no-repeat center;
+        }
+      }
+    }
 
     &__title {
       font-weight: 700;
@@ -256,6 +301,7 @@ body {
       text-decoration: underline;
       color: #1a1a1a;
       margin-bottom: 15px;
+      transition: $fast-transition;
     }
 
     &__location {
@@ -269,6 +315,7 @@ body {
       line-height: 30px;
       color: #1a1a1a;
       margin-bottom: 30px;
+      transition: $fast-transition;
 
       &::before {
         content: "";
@@ -287,6 +334,7 @@ body {
       font-size: 16px;
       line-height: 26px;
       color: #1a1a1a;
+      transition: $fast-transition;
     }
 
     &__date {
@@ -299,6 +347,7 @@ body {
       font-size: 15px;
       line-height: 30px;
       color: #1a1a1a;
+      transition: $fast-transition;
 
       &::before {
         content: "";
@@ -467,12 +516,12 @@ body {
       }
 
       .default-table__body {
-
         .default-table__body-row {
           flex-direction: column;
           align-items: flex-start;
 
-          a, span {
+          a,
+          span {
             margin-bottom: 40px;
             padding-left: 0;
           }