diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..124c5fe
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+logpass.php
\ No newline at end of file
diff --git a/.htaccess b/.htaccess
new file mode 100644
index 0000000..3637283
--- /dev/null
+++ b/.htaccess
@@ -0,0 +1,2 @@
+RewriteEngine On
+ErrorDocument 404 https://www.antonbinom.ru/ehya-read/404.html
\ No newline at end of file
diff --git a/404.html b/404.html
new file mode 100644
index 0000000..4c71720
--- /dev/null
+++ b/404.html
@@ -0,0 +1,267 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Онлайн магазин книг - Ehya
+
+
+
+
+
+
+
+
+
Ошибка 404
+
Такой страницы не существует!
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/README.md b/README.md
index 7f76356..750be22 100644
--- a/README.md
+++ b/README.md
@@ -1 +1,30 @@
-# web-start-easy
\ No newline at end of file
+# Ehya
+
+Выпускной проект курса Web-start в Glo Academy
+
+## Описание
+
+Одностраничный сайт онлайн магазина книг Ehya
+
+## Функционал
+
+- Адаптивная верстка
+- Плавный скролл
+- Валидация форм
+- Отправка формы на email
+- Страница 404
+- Слайдеры
+- Видео
+
+## Стек технологий
+
+- HTML
+- CSS
+- SASS
+- JS
+- JQuery
+- Плагины
+- PHP Mailer
+- Pixel Perfect
+
+## Ссылка
diff --git a/admin/.htaccess b/admin/.htaccess
new file mode 100644
index 0000000..f7d0475
--- /dev/null
+++ b/admin/.htaccess
@@ -0,0 +1,16 @@
+
+RewriteEngine on
+
+DirectoryIndex textolite.php
+
+RewriteCond %{REQUEST_FILENAME} !-f
+
+RewriteRule ^.*$ textolite.php?q=$0 [L,NC,QSA]
+
+
+
+deny from all
+
+
+
+Options -Indexes
\ No newline at end of file
diff --git a/admin/conf.ini b/admin/conf.ini
new file mode 100644
index 0000000..1a283a1
--- /dev/null
+++ b/admin/conf.ini
@@ -0,0 +1,54 @@
+lang = en,ru
+
+password = 6fbde3e2135f10ee603ff6f59bc97d4b0a4d4e9a
+
+session = 03be9b56c989d364f38839eae78e69b7a9daebf8
+
+pass_complexity = 500000
+
+pass_complexity_js = 14999
+
+auth_time = 1628524760
+
+auth_error_time =
+
+auth_error_list =
+
+auth_error_limit = 5
+
+auth_lockout_duration = 1
+
+auth_session_reset = 60
+
+auth_bot_filter = 1
+
+logout_to_site = 0
+
+site_scripts = 1
+
+site_styles = 1
+
+code_redraw_delay = 200
+
+code_undo_limit = 50
+
+code_highlighting = 1
+
+allowed_ext =
+
+visual_ext = html,htm,shtml,shtm,stm,php
+
+editable_ext = html,htm,shtml,shtm,stm,php,css,js,xml,txt
+
+default_file = index.html
+
+folder_size = 1
+
+document_root =
+
+update_final = 1
+
+update_beta = 0
+
+cache =
+
diff --git a/admin/lang.ini b/admin/lang.ini
new file mode 100644
index 0000000..24a5b7d
--- /dev/null
+++ b/admin/lang.ini
@@ -0,0 +1,237 @@
+[ru]
+
+ 404 = "Страница не найдена"
+ 307 = "Временное перенаправление"
+ 403 = "Доступ запрещен"
+
+ auth = "Авторизация"
+ login = "Войти"
+ password = "Пароль"
+ show_password = "Показать пароль"
+ hide_password = "Скрыть пароль"
+
+ files = "Файлы"
+ settings = "Настройки"
+ logout = "Выход"
+ save = "Сохранить"
+ not_save = "Не сохранять"
+
+ file_name = "Имя"
+ file_size = "Размер"
+ file_changed = "Изменён"
+ file_menu = "Меню"
+ add_file = "Добавить файл"
+ delete_file = "Удалить файл"
+ deletion_confirm = "Подтверждение удаления"
+ deletion_cancel = "Отменить удаление"
+
+ request_rejected = "Запрос отклонён"
+ request_blocked = "Настройки сервера блокируют запрос"
+ no_response = "Сервер не отвечает"
+ old_browser = "Нужен новый браузер"
+ requires_javascript = "Нужен JavaScript"
+ not_writable = "Нет прав на запись в файл"
+ document_root_error = "Проблема с DOCUMENT_ROOT"
+ no_frames = "Не работает iframe"
+
+ password_hashing = "Создание хеша"
+ password_checking = "Проверка пароля"
+ access_granted = "Доступ разрешен"
+ access_denied = "Доступ запрещен"
+
+ saving = "Сохранение"
+ saved = "Изменения сохранены"
+ not_saved = "Изменения не сохранены"
+ reset_session = "Сброс сессии"
+ access_closed = "Доступ закрыт"
+ login_again = "Войти снова"
+
+ uploading = "Загрузка файлов"
+ uploading_complete = "Загрузка файлов завершена"
+ uploading_error = "Сбой в загрузке файлов"
+ extension_error = "Файл имеет недопустимое расширение"
+ count_limit = "Лимит сервера на количество файлов за раз"
+ size_limit = "Лимит сервера на размер файла"
+ file_deletion = "Удаление файла"
+ file_deleted = "Файл успешно удалён"
+ deletion_error = "Сбой в удалении файла"
+
+ unknown_relation = "Элемент имеет неизвестные зависимости"
+ element_busy = "Элемент используется скриптами"
+ disable_script = "Отключить скрипты сайта"
+ disable = "отключить"
+ disabling_scripts = "Отключение скриптов сайта"
+ scripts_disabled = "Скрипты сайта отключены"
+
+ new_version = "Доступна новая версия"
+ need_update = "Необходимо установить новую версию"
+ install = "установить"
+ not_install = "Не устанавливать"
+ download_installer = "Загрузка установочных файлов"
+ system_update = "Обновление системных файлов"
+ update_error = "Не удалось перезаписать системные файлы"
+ install_complete = "Установка завершена"
+ no_connect = "Нет соединения с сервером"
+
+ attachment_domain = "Привязка кода активации к домену"
+ attachment_notice = "Процедура привязки необратима, изменить домен в будущем будет невозможно. Убедитесь, что система установлена на правильном домене и подтвердите свои действия."
+ attach = "Привязать"
+ cancel = "Отмена"
+
+ new_password = "Новый пароль"
+ login_attempts = "Попыток авторизации с неверным паролем"
+ lockout_duration = "Длительность блокировки в часах"
+ session_autoreset = "Завершение сессии после бездействия в минутах"
+ redirect_to_site = "Перенаправлять на сайт после выхода из системы"
+ source_editor = "Редактор исходного кода"
+ visual_editor = "Визуальный редактор"
+ file_manager = "Файловый менеджер"
+ enable_scripts = "Включить скрипты сайта во время редактирования"
+ enable_styles = "Включить стили сайта во время редактирования"
+ redraw_delay = "Обновлять код после бездействия в миллисекундах"
+ steps_for_undo = "Количество шагов для отката изменений через Ctrl+Z"
+ enable_highlighting = "Включить подсветку синтаксиса и нумерацию строк"
+ display_catalog_size = "Отображать размер каталогов в файловом менеджере"
+ main_page_or_file = "Главная страница или файл сайта"
+ new_version_notify = "Сообщать о появлении новых версий системы"
+ beta_version_notify = "Сообщать о появлении новых бета-версий системы"
+ restore_settings="Восстановить настройки по умолчанию"
+ language = "Язык интерфейса"
+ standard = "Стандартная версия"
+ extended = "Расширенная версия"
+ activate = "Код активации"
+ system = "Система"
+
+ auth_error_limit_desc = "Ограничивает максимально допустимое количество ошибок при введении пароля. Если количество ошибок с одного IP-адреса превышает это значение, пользователь блокируется на период, который можно настроить в следующем параметре."
+ auth_lockout_duration_desc = "Отвечает за длительность блокировки пользователей, превысивших максимально допустимое количество ошибок при введении пароля. После истечения указанного периода пользователь получает одну дополнительную попытку авторизации."
+ auth_session_reset_desc = "Ограничивает время жизни сессии после потери системой возможности поддерживать соединение с сервером."
+ logout_to_site_desc = "В случае включения выход из системы будет сопровождаться перенаправлением пользователя на сайт по адресу последней редактируемой страницы или файла."
+ site_scripts_desc = "Скрипты сайта могут мешать редактированию некоторых элементов в визуальном редакторе. Отключение скриптов может сделать такие элементы доступными для визуального редактирования."
+ site_styles_desc = "Стили сайта могут мешать редактированию некоторых элементов в визуальном редакторе. Отключение стилей может помочь добраться до таких элементов в визуальном редакторе."
+ code_redraw_delay_desc = "Когда пользователь вводит новый код в редакторе исходного кода, система ждет паузу в процессе ввода, чтобы проверить и оформить новый код. Данный параметр определяет, какой должна быть пауза, чтобы система могла начать переоформление. Чем меньше его значение, тем чаще будет переоформляться новый код в процессе ввода. Увеличение значения может заметно снизить нагрузку на браузер."
+ code_undo_limit_desc = "Определяет максимальную глубину отката изменений в редакторе исходного кода через Ctrl+Z."
+ folder_size_desc = "Получение данных о размере каталогов может замедлять работу файлового менеджера на больших сайтах со сложными структурами. На таких сайтах можно отключить отображение размера каталогов."
+ code_highlighting_desc = "Подсветка синтаксиса и нумерация строк облегчает редактирование кода. Отключение может заметно снизить нагрузку на браузер."
+ default_file_desc = "Значение должно содержать имя реально существующего в корне сайта файла. Система будет открывать в редакторе этот файл в качестве главной страницы сайта, а также во всех случаях, когда файл для редактирования не выбран или не может быть открыт"
+
+ ru = "Русский"
+ en = "Английский"
+
+[en]
+
+ 404 = "Page not found"
+ 307 = "Temporary redirect"
+ 403 = "Forbidden"
+
+ auth = "Authorization"
+ login = "Log in"
+ password = "Password"
+ show_password = "Show password"
+ hide_password = "Hide password"
+
+ files = "Files"
+ settings = "Settings"
+ logout = "Logout"
+ save = "Save"
+ not_save = "Do not save"
+
+ file_name = "Name"
+ file_size = "Size"
+ file_changed = "Changed"
+ file_menu = "Menu"
+ add_file = "Add file"
+ delete_file = "Delete file"
+ deletion_confirm = "Confirm"
+ deletion_cancel = "Cancel"
+
+ request_rejected = "The request was rejected"
+ request_blocked = "Server settings blocked the request"
+ no_response = "Server is not responding"
+ old_browser = "Requires a newer browser"
+ requires_javascript = "Requires JavaScript"
+ not_writable = "No permissions to write to file"
+ document_root_error = "The problem with DOCUMENT_ROOT"
+ no_frames = "Iframe is not working"
+
+ password_hashing = "Password hashing"
+ password_checking = "Password checking"
+ access_granted = "Access granted"
+ access_denied = "Access denied"
+
+ saving = "Saving"
+ saved = "The changes have been saved"
+ not_saved = "The changes are not saved"
+ reset_session = "Reset session"
+ access_closed = "Access is closed"
+ login_again = "Login again"
+
+ uploading = "Uploading files"
+ uploading_complete = "Files uploaded"
+ uploading_error = "Failure in file uploading"
+ extension_error = "Forbidden extension"
+ count_limit = "Number of files exceeds server limit"
+ size_limit = "File size exceeds server limit"
+ file_deletion = "File deletion"
+ file_deleted = "File is deleted"
+ deletion_error = "Failure in file deletion"
+
+ unknown_relation = "The element has unknown relations"
+ element_busy = "The element is used by scripts"
+ disable_script = "Disable website scripts"
+ disable = "disable"
+ disabling_scripts = "Disabling website scripts"
+ scripts_disabled = "Website scripts is disabled"
+
+ new_version = "A new version is available"
+ need_update = "Requires a newer version"
+ install = "install"
+ not_install = "Do not install"
+ download_installer = "Download installation files"
+ system_update = "System files update"
+ update_error = "Unable to overwrite system files"
+ install_complete = "Installation complete"
+ no_connect = "Could not connect to server"
+
+ attachment_domain = "Attachment of an activation code to the domain name"
+ attachment_notice = "The procedure of an attachment is irreversible, changing the domain name in the future will be impossible. Make sure that the system is installed on the correct domain name and confirm your actions."
+ attach = "Attach"
+ cancel = "Cancel"
+
+ new_password = "New password"
+ login_attempts = "Login attempts with an incorrect password"
+ lockout_duration = "Lockout duration in hours"
+ session_autoreset = "Completion of session after inaction in minutes"
+ redirect_to_site = "Redirect to website after logout"
+ source_editor = "Source editor"
+ visual_editor = "Visual editor"
+ file_manager = "File manager"
+ enable_scripts = "Enable website scripts during editing"
+ enable_styles = "Enable website styles during editing"
+ redraw_delay = "Redraw a code after inactivity in milliseconds"
+ steps_for_undo = "Quantity of steps for rollback of changes through Ctrl+Z"
+ enable_highlighting = "Enable syntax highlighting and line numbering"
+ display_catalog_size = "Display the size of catalogs in the file manager"
+ main_page_or_file = "Main page or file of website"
+ new_version_notify = "Notify when new versions are available"
+ beta_version_notify = "Notify when new beta versions are available"
+ restore_settings="Restore the default settings"
+ language = "Interface language"
+ standard = "Standard version"
+ extended = "Extended version"
+ activate = "Activation code"
+ system = "System"
+
+ auth_error_limit_desc = "Login attempts with an incorrect password"
+ auth_lockout_duration_desc = "Lockout duration in hours"
+ auth_session_reset_desc = "Completion of session after inaction in minutes"
+ logout_to_site_desc = "Redirect to website after logout"
+ site_scripts_desc = "Enable website scripts during editing"
+ site_styles_desc = "Enable website styles during editing"
+ code_redraw_delay_desc = "Redraw a code after inactivity in milliseconds"
+ code_undo_limit_desc = "Quantity of steps for rollback of changes through Ctrl+Z"
+ code_highlighting_desc = "Enable syntax highlighting and line numbering"
+ folder_size_desc = "Display the size of catalogs in the file manager"
+ default_file_desc = "Main page or file of website"
+
+ ru = "Russian"
+ en = "English"
\ No newline at end of file
diff --git a/admin/textolite.css b/admin/textolite.css
new file mode 100644
index 0000000..85f6887
--- /dev/null
+++ b/admin/textolite.css
@@ -0,0 +1 @@
+/* Textolite v2.12s */ *{margin:0;padding:0}fieldset,iframe{border:none}ul,ol{list-style-type:none}:focus{outline:none}body{font-family:Verdana;font-size:11px;line-height:20px;color:#b7b8bd;text-shadow:1px 1px 0 #3f3f41}h1{font-weight:normal}a{color:#e5e6eb;text-decoration:none}a:visited{color:#e5e6eb}a:hover{color:#adc8fe;text-decoration:underline}a:active{color:#a6c0e1}input[type="text"],input[type="password"]{display:block;width:145px;height:17px;padding:3px;border:1px solid #38383a;border-bottom-color:#5c5c5e;border-right-color:#555557;border-left-color:#3c3c3e;border-radius:5px;font-family:"Courier New";font-size:16px;line-height:16px;letter-spacing:-1px;text-shadow:1px 1px 0 #38383a;color:#fff;background-color:#434345}input[type="text"][disabled],input[type="password"][disabled]{color:#5c5c5e}input[type="button"]{display:block;width:94px;height:22px;margin-left:-1px;padding:0 0 2px 0;border-top:1px solid #6ed76e;border-bottom:1px solid #5fb85f;border-left:1px solid #68cb68;border-right:1px solid #68cb68;border-radius:5px;font-size:11px;line-height:20px;font-family:Verdana;text-align:center;white-space:nowrap;color:#fff;text-shadow:1px 1px 0 #509b50;background:#68cb68;background:#68cb68 linear-gradient(to bottom,#6ed76e,#5fb85f);cursor:pointer}input[type="button"]:hover{border-top-color:#75e375;border-bottom-color:#64c364;border-left-color:#6fd86f;border-right-color:#6fd86f;background:#6fd86f;background:#6fd86f linear-gradient(to bottom,#75e375,#64c364)}input[type="button"]:active{border-top-color:#46cc46;border-bottom-color:#3da13d;border-left-color:#42b042;border-right-color:#42b042;color:#deeede;background:#42b042;background:#42b042 linear-gradient(to bottom,#46cc46,#3da13d)}input[type="button"][disabled],input[type="button"][disabled]:hover,input[type="button"][disabled]:active{border:1px solid #565658;box-shadow:1px 1px 0 0 #6f6f72,inset 1px 1px 0 0 #6f6f72;text-shadow:1px 1px 0 #545456;color:#87878b;background:#626265;cursor:default}@font-face{font-family:'textolite';src:url('data:font/woff;base64,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')format('woff')}@keyframes a{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}@keyframes b{0%{color:#75e375}49%{color:#75e375}50%{color:#fff}99%{color:#fff}}@keyframes c{0%{color:inherit}80%{color:inherit}81%{color:#75e375}82%{color:#fff}83%{color:#75e375}84%{color:#fff}85%{color:#75e375}86%{color:#fff}87%{color:#75e375}88%{color:#fff}89%{color:#75e375}90%{color:inherit}99%{color:inherit}}@keyframes d{0%{color:inherit}90%{color:inherit}91%{color:#75e375}92%{color:#fff}93%{color:#75e375}94%{color:#fff}95%{color:#75e375}96%{color:#fff}97%{color:#75e375}98%{color:#fff}99%{color:#75e375}}#a{background-color:#434345}#a body{position:absolute;display:block;top:39%;left:50%;width:240px;margin-left:-115px;box-shadow:1px 1px 0 0 #38383a;border:1px solid #4f4f51;border-top-color:#5c5c5e;border-left-color:#555557;border-radius:7px;background-color:#4f4f51}#a fieldset{margin:28px 11px 0 11px;border-top:1px solid #59595c}#a legend{float:left;width:100%;margin-top:-22px;border-bottom:1px solid #444446}#a ol{display:none;float:right;height:12px;max-width:120px;margin:-17px -5px 0 0;overflow:hidden}#a li{float:right;display:block;width:12px;height:12px;font-size:10px;line-height:10px;color:#3f3f41;text-shadow:1px 1px 0 #5c5c5e}#a li:before{font-family:textolite;content:'\0802'}#a li.a:before{color:#fe8787;text-shadow:none}#a p samp{display:none;height:14px;padding-top:14px;font-family:Verdana;font-size:11px;line-height:20px;color:#fe8787;white-space:nowrap}#a p samp:before{float:left;margin-right:5px;font-family:textolite;content:'\0803';font-size:14px;color:#e37b7b}#a p samp+samp{display:block}#a p samp.b{padding-left:20px;color:#75e375;animation:b 100ms infinite linear}#a p samp.b:before{content:''}#a p samp.b~i{clear:both;float:left;display:block;margin-top:-15px;font-style:normal;color:#75e375;animation:a 2s infinite linear}#a p samp.b~i:before{content:'\0800';font-family:textolite;font-size:14px}#a p samp.c{color:#75e375}#a p samp.c:before{content:'\0801';font-size:16px;color:#75e375}#a p samp.d:before{content:'\0802';font-size:16px;margin-top:-1px}#a p+p{padding-top:21px}#a p+p span{float:left;display:block;margin-top:1px}#a p+p span+input{float:right;display:block;margin-right:-1px}#a p+p a{clear:both;float:right;display:block;width:18px;width:18px;margin-top:-24px;margin-right:4px;font-size:16px;color:#5c5c5e;text-shadow:1px 1px 0 #38383a;cursor:pointer}#a p+p a:hover{text-decoration:none;color:#65cdea}#a p+p a:active{color:#60aabe}#a p+p a:before{font-family:textolite;content:'\0806'}#a p+p a.e:before{content:'\0807'}#a p+p+p{padding:45px 0 12px 0}#a p+p+p input{display:block;width:94px;height:22px;margin-left:-1px;padding:0 9px 2px 9px;border-top:1px solid #6ed76e;border-bottom:1px solid #5fb85f;border-left:1px solid #68cb68;border-right:1px solid #68cb68;border-radius:5px;font-size:11px;line-height:20px;font-family:Verdana;color:#fff;text-shadow:1px 1px 0 #509b50;background:#68cb68;background:#68cb68 linear-gradient(to bottom,#6ed76e,#5fb85f);cursor:pointer}#a p+p+p input[disabled],#a p+p+p input[disabled]:hover,#a p+p+p input[disabled]:active{border:1px solid #444446;box-shadow:1px 1px 0 0 #59595c,inset 1px 1px 0 0 #59595c;text-shadow:1px 1px 0 #3f3f41;color:#737376;background:#4f4f51;cursor:default}#b{background-color:#434345}#b>body>samp{position:absolute;display:block;top:39%;left:50%;width:1200px;margin-left:-600px;text-align:center;font-family:Verdana;font-size:66px;font-weight:bold;line-height:50px;color:#4f4f51;text-shadow:-1px -1px 1px #5c5c5e,1px 1px 1px #38383a}#b>body>samp span{display:block;height:250px;margin-top:-125px;font-size:250px;line-height:250px;letter-spacing:-15px}#c{overflow:hidden;padding-top:46px;background-color:#434345}#c body{position:absolute;width:100%;height:100%;height:calc(100%-46px);overflow-y:scroll}#c body>div:first-child{width:86.7%;max-width:1600px;margin:20px auto;border-bottom:20px solid #434345;border-radius:5px;box-shadow:0 -1px 0 0 #5c5c5e;background-color:#4f4f51}#c body>div:first-child ol{float:left;width:61px;margin:0 -71px 0 0;padding:7px 0;border-right:10px solid #555558;border-radius:5px 0 0 5px;list-style-type:decimal;font-family:"Courier New";font-size:17px;line-height:22px;background-color:#555558;overflow:hidden}#c body>div:first-child li{margin-left:78px}@media screen and (-webkit-min-device-pixel-ratio:0){#c body>div:first-child li{margin-left:85px}}#c pre{outline:none;padding:7px 14px;border-left:71px solid #555558;border-radius:5px 0 5px 5px;box-shadow:-1px 0 0 0 #5c5c5e,1px 1px 0 0 #38383a;font-family:"Courier New";font-size:17px;line-height:22px;white-space:pre-wrap;word-wrap:break-word;overflow:hidden}#c pre div:hover{border-radius:3px;background-color:#555558}#c pre.html span.f,#c pre.html span.f span.g,#c pre.html span.f span.h,#c pre.html span.f span.i{color:#87dc77}#c pre.html span.f span.j,#c pre.html span.f span.j span.f,#c pre.html span.f span.g span.j{color:#7fb4ea}#c pre.html span.g,#c pre.html span.g span.f,#c pre.html span.g span.j,#c pre.html span.g span.h,#c pre.html span.g span.h span.f,#c pre.html span.g span.h span.j,#c pre.html span.g span.i,#c pre.html span.g span.i span.f,#c pre.html span.g span.i span.j{color:#888}#c pre.html span.h,#c pre.html span.h span.f,#c pre.html span.h span.j,#c pre.html span.h span.g{color:#cd9b92}#c pre.html span.i,#c pre.html span.i span.f,#c pre.html span.i span.j,#c pre.html span.i span.g{color:#cd9b92}#c pre.html span.k,#c pre.html span.k span.f,#c pre.html span.k span.j,#c pre.html span.k span.h,#c pre.html span.k span.h span.f,#c pre.html span.k span.h span.j,#c pre.html span.k span.i,#c pre.html span.k span.i span.f,#c pre.html span.k span.i span.j,#c pre.html span.k span.g,#c pre.html span.k span.g span.f,#c pre.html span.k span.g span.j,#c pre.html span.k span.g span.h,#c pre.html span.k span.g span.h span.f,#c pre.html span.k span.g span.h span.j,#c pre.html span.k span.g span.i,#c pre.html span.k span.g span.i span.f,#c pre.html span.k span.g span.i span.j{color:#38383a;text-shadow:none;background-color:#f7e37b}#c pre.css span.f{color:#7fb4ea}#c pre.css span.j{color:#cd9b92}#c pre.css span.j span.g{color:#b7b8bd}#c pre.css span.j span.h{color:#87dc77}#c pre.css span.i,#c pre.css span.i span.f,#c pre.css span.i span.j,#c pre.css span.i span.g,#c pre.css span.i span.h{color:#888}#c pre.js span.f{color:#87dc77}#c pre.js span.j{color:#f5af2e}#c pre.js span.g,#c pre.js span.g span.f,#c pre.js span.g span.j,#c pre.js span.g span.h{color:#888}#c pre.js span.h,#c pre.js span.h span.f,#c pre.js span.h span.j,#c pre.js span.h span.g{color:#7fb4ea}#c pre.php span.f{color:#87dc77}#c pre.php span.j{color:#f5af2e}#c pre.php span.g,#c pre.php span.g span.f,#c pre.php span.g span.j,#c pre.php span.g span.h{color:#888}#c pre.php span.h,#c pre.php span.h span.f,#c pre.php span.h span.j,#c pre.php span.h span.g{color:#7fb4ea}#c pre.php span.i{color:#cd9b92}#c pre span.k{background:#f2ca00}#d{padding-top:46px}#d body{overflow:hidden}#d iframe{position:absolute;width:100%;height:100%;height:calc(100%-46px);font-size:36px;line-height:80px;font-weight:bold;text-align:center;color:#4f4f51;text-shadow:-1px -1px 1px #5c5c5e,1px 1px 1px #38383a}#e{position:fixed;top:0;left:-1%;right:-1%;height:46px;box-shadow:0 5px 20px 0 #303031;background:#6a6a6d;background:#6a6a6d linear-gradient(to bottom,#79797c,#6a6a6d,#626265,#626265,#6b6b6e);z-index:99999}#e>div{min-width:320px;max-width:1612px;width:84.7%;margin:0 auto}#e>div>div:first-child{float:left;margin-top:10px;margin-left:-2px;line-height:12px;cursor:default}#e div:first-child>h1{font-size:11px}#e>div>ol{float:left;margin:12px 25px 0 25px}#e>div>ol>li{float:left;display:block;width:70px;height:16px;padding-top:6px;padding-right:3px;box-shadow:inset 1px 1px 0 0 #474749,1px 1px 0 0 #6d6d70;text-shadow:1px 1px 0 #404042;text-align:center;line-height:9px;color:#b7b8bd;background:#4f4f51;cursor:default}#e>div>ol>li:first-child{width:54px;padding-left:5px;border-radius:11px 0 0 11px}#e>div>ol>li:last-child{width:57px;padding-right:3px;border-radius:0 11px 11px 0}#e>div>ol>li:only-child{width:60px;border-radius:11px;padding-right:5px}#e>div>ol>li.l{box-shadow:inset 0 1px 0 0 #808085,inset 1px 1px 0 0 #76767a,1px 1px 0 0 #5a5a5d;text-shadow:1px 1px 0 #5e5e61;color:#fff;background:#747478;background:#747478 linear-gradient(to bottom,#808085,#747478,#6c6c70,#6c6c70,#747478);cursor:pointer}#e>div>ol>li.l:hover{box-shadow:inset 0 1px 0 0 #43b6d7,inset 1px 1px 0 0 #40aac9,1px 1px 0 0 #5a5a5d;text-shadow:1px 1px 0 #3694af;background:#3ba2c0;background:#3ba2c0 linear-gradient(to bottom,#43b6d7,#3ea8c7,#3ba2c0,#3ba2c0,#3eaac9)}#e>div>ol>li.l:active{box-shadow:none;text-shadow:1px 1px 0 #307c92;background:#3798b4}#e>div>ol+ul{float:left;margin-right:22px;padding-left:1px;border-left:1px solid #565658;background:#767679;background:#767679 linear-gradient(to bottom,#88888b,#767679,#6a6a6d,#6a6a6d,#6f6f72)}#e>div>ol+ul>li{float:left;width:108px;height:46px}#e>div>ol+ul>li>a,#e>div>ol+ul>li>a:hover,#e>div>ol+ul>li>a:active{position:absolute;display:block;width:106px;height:28px;margin-left:-2px;margin-right:1px;padding-top:18px;padding-left:1px;border-left:1px solid #474749;border-right:1px solid #4f4f51;text-align:center;text-decoration:none;text-shadow:1px 1px 0 #404042;line-height:9px;color:#b7b8bd;background:#4f4f51;z-index:2;cursor:default}#e>div>ol+ul>li>a.m{margin-left:0;padding-left:0;border-left:0;border-right:1px solid #565658;text-shadow:1px 1px 0 #5e5e61;color:#fff;background:#6a6a6d;background:#6a6a6d linear-gradient(to bottom,#79797c,#6a6a6d,#626265,#626265,#6b6b6e);cursor:pointer;z-index:0}#e>div>ol+ul>li>a.m:hover{padding-left:0;margin-left:-1px;border-left:1px solid #4dbfe1;border-right:1px solid #5b5b5e;text-shadow:1px 1px 0 #307c92;color:#fff;background:#3ba2c0;background:#3ba2c0 linear-gradient(to bottom,#43b6d7,#3ea8c7,#3ba2c0,#3ba2c0,#3eaac9)}#e>div>ol+ul>li>a.m:active{margin-left:-1px;border-left:1px solid #3798b4;border-right:1px solid #5b5b5e;text-shadow:1px 1px 0 #307c92;color:#fff;background:#3798b4}#e>div>ol+ul>li>div{display:none;position:fixed;max-height:80%;max-height:calc(98%-65px);max-width:600px;margin-top:46px;margin-left:-2px;padding:9px 12px 0 12px;box-shadow:0 5px 20px 0 #303031;border-radius:0 0 5px 5px;background:#4f4f51;overflow:auto;overflow-x:hidden;z-index:1}#e>div>ol+ul>li>div>:last-child{padding-bottom:14px}#e>div>ul+ul{float:right;margin-top:12px;margin-right:15px}#e>div>ul+ul>li{float:left;margin-left:10px}#e>div>p{float:right;margin-top:18px;margin-right:15px}#e>div>p samp{display:none;height:14px;font-family:Verdana;font-size:11px;line-height:9px;color:#fe8787;text-shadow:1px 1px 0 #545456;white-space:nowrap}#e>div>p samp a{line-height:9px;color:#adc8fe;cursor:pointer}#e>div>p samp:before{float:left;margin-right:5px;font-family:textolite;content:'\0803';font-size:14px;color:#e37b7b}#e>div>p samp+samp{display:block}#e>div>p samp.b{padding-left:7px;color:#75e375;animation:b 100ms infinite linear}#e>div>p samp.b:before{content:''}#e>div>p samp.b~i{float:left;display:block;margin-top:-14px;margin-left:-14px;font-style:normal;line-height:9px;color:#75e375;text-shadow:1px 1px 0 #545456;animation:a 2s infinite linear}samp.b~i:before{content:'\0800';font-family:textolite;font-size:14px}#e>div>p samp.c{color:#75e375}#e>div>p samp.c:before{content:'\0801';font-size:16px;color:#75e375}#e>div>p samp.n{color:#ead77a}#e>div>p samp.n:before{margin-top:1px;color:#d5c470}#e>div>p samp.d:before{content:'\0802';font-size:16px}#e>div>p samp.o{color:#ead77a}#e>div>p samp.o:before{content:'\0814';font-size:16px;color:#ead77a}#e>div>p samp.p{color:#ead77a}#e>div>p samp.p:before{content:'\0803';font-size:16px;color:#ead77a}#e>div>p samp.o b{font-style:normal;vertical-align:-1px;line-height:9px;color:#fe8787;cursor:pointer}#e>div>p samp.o b:hover{color:#ffbaba}#e>div>p samp.l b:hover{color:#cb7a7a}#e>div>p samp.o b:before{content:'\0802';font-family:textolite;font-size:14px}#e>div>p samp.q{color:#b7b8bd}#e>div>p samp.q:before{content:''}#e>div>p samp.q a{line-height:9px;color:#b7b8bd;cursor:pointer}#e>div>p samp.q a:hover{color:#adc8fe}#f{width:460px}#f>ol{height:0;margin-top:20px;margin-bottom:4px;border-top:1px solid #444446;border-bottom:1px solid #59595c}#f>ol li{margin-top:-21px;color:#b7b8bd;text-shadow:1px 1px 0 #3f3f41}#f>ol li+li{float:right;padding-right:152px}#f>ol li+li+li{padding-right:49px}#f>ol li+li+li+li{padding-right:1px}#f ul>li ul{display:none}#f ul>li ul>li{margin-top:-5px;padding-top:5px;padding-left:18px;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAACCAMAAACwlnamAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDY5Qjk3RDZEOEVCMTFFM0I4M0JCRTY4RDY3RDc2RUMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDY5Qjk3RDVEOEVCMTFFM0I4M0JCRTY4RDY3RDc2RUMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjIyM0RBM0NBNzFGRDExRTM4NUQ2QTA5MjA1MTVDMTlFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjIyM0RBM0NCNzFGRDExRTM4NUQ2QTA5MjA1MTVDMTlFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+s8AzgAAAAAZQTFRFPz9Bt7i9CU8frAAAABBJREFUeNpiYEQFDGgAIMAAAYgAEEnYB58AAAAASUVORK5CYII='),url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAOCAMAAAAyqj1tAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkQzNDQ4MkVEOEVCMTFFMzk1NjVEODQyQTAxMENDODUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkQzNDQ4MkREOEVCMTFFMzk1NjVEODQyQTAxMENDODUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjE0NkExNjQ3NzFGRDExRTNCMTY0QjQ0RkI4M0ZEN0VDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjE0NkExNjQ4NzFGRDExRTNCMTY0QjQ0RkI4M0ZEN0VDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+WBTqSQAAAAZQTFRFPz9Bt7i9CU8frAAAABBJREFUeNpiYGRgIA4BBBgAAVcADwiaAcYAAAAASUVORK5CYII=');background-position:7px 15px,6px 2px;background-repeat:no-repeat,repeat-y}#f ul>li ul>li:last-child{background-position:6px 15px,6px 2px;background-repeat:no-repeat,no-repeat}#f ul ol li{position:relative;max-width:300px;text-shadow:1px 1px 0 #3f3f41;color:#b7b8bd;white-space:nowrap;overflow:hidden}#f ul ol li+li{float:right;margin-top:-20px;padding-right:152px;padding-left:8px;background:#4f4f51}#f ul ol li+li+li{padding-right:49px}#f ul ol li+li+li+li{padding-right:0}#f ul ol li:first-child:before{float:left;font-family:textolite;font-size:16px;color:#ead77a}#f ul ol.r li:first-child:before{margin-right:3px;content:'\0804'}#f ul ol.r li.s:first-child:before{margin-right:1px;content:'\0805'}#f ul ol.t li:first-child:before{margin-left:1px;margin-right:6px;content:'\0808';font-size:14px;color:#d6d6db}#f ul ol li.u{color:#98df88}#f ul ol li.v{color:#7fba71}#f ul ol li.w{color:#fe8787}#f ul ol li a{text-shadow:1px 1px 0 #3f3f41;cursor:pointer}#f ul ol li.b a{animation:b 100ms infinite linear}#f ul ol.r li.x:before{color:#8b8048}#f ul ol.t li.x:before{color:#8e8e92}#f ul ol li.x a,#f ul ol li.x a:hover{text-decoration:none;color:#b7b8bd;cursor:default}#f ul ol.t li.p:before{content:'\0810';font-size:18px;color:#8e8e92}#f ul ol li.p a,#f ul ol li.p a:hover{text-decoration:none;color:#b7b8bd;cursor:default}#f ul ol li i{float:left;display:block;width:16px;height:16px;margin-top:2px;margin-left:2px;line-height:15px;font-style:normal;text-shadow:1px 1px 0 #3f3f41;text-align:center;cursor:pointer}#f ul ol.r li i:before{content:'\0809';font-family:textolite;font-size:16px;color:#75e375}#f ul ol.r li i:hover:before{color:#a1ffa1}#f ul ol.r li i:active:before{color:#77b577}#f ul ol.r li i.x{cursor:default}#f ul ol.r li i.x:before{color:#6a6a6d}#f ul ol.t li i:before{content:'\0802';font-family:textolite;font-size:16px;color:#fe8787}#f ul ol.t li i:hover:before{color:#ffbaba}#f ul ol.t li i:active:before{color:#cb7a7a}#f ul ol.t li i.x{cursor:default}#f ul ol.t li i.x:before{color:#6a6a6d}#f ul ol.t li i+i{display:none}#f ul ol.t li i:first-child+i:before{content:'\0801';font-family:textolite;font-size:15px;color:#65cdea}#f ul ol.t li i:first-child+i:hover:before{color:#9eeaff}#f ul ol.t li i:first-child+i:active:before{color:#60aabe}#f ul ol.t li i+i+i:before{color:#65cdea}#f ul ol.t li i+i+i:hover:before{color:#9eeaff}#f ul ol.t li i+i+i:active:before{color:#60aabe}#f ul ol.t.y li:first-child a{text-decoration:none;color:#fe8787;cursor:default}#f ul ol.t.y li:first-child:before{color:#fe8787}#f ul ol.t.y li i{display:none}#f ul ol.t.y li i+i{display:block}#f ul ol.z.y+ul>li:last-child a{text-decoration:none;color:#fe8787;cursor:default}#f ul ol.z.y+ul>li:last-child li:first-child:before{color:#fe8787}#f ul ol.z.y li i{display:none}#f ul ol.z.y li i+i{display:block}#g{width:460px}#g fieldset{min-width:290px;margin-top:27px;padding-bottom:1px;margin-bottom:-6px;border-radius:5px}#g fieldset:first-child{margin-top:23px}#g legend{float:left;margin-top:-14px;padding-left:12px;line-height:11px;color:#fff;cursor:pointer}#g legend:before{float:left;content:'\0816';font-family:textolite;font-size:12px;margin:1px 0 -10px -10px;color:#ddd}#g legend:hover,#g legend:hover:before{color:#adc8fe}#g legend:active,#g legend:active:before{color:#a6c0e1}#g fieldset.s{margin-bottom:0;border:1px solid #444446;box-shadow:1px 1px 0 0 #59595c,inset 1px 1px 0 0 #59595c}#g fieldset.s legend{margin-top:-15px;padding-left:11px}#g fieldset.s legend:before{content:'\0817';margin-left:-12px}#g fieldset.s+p{margin-top:14px}#g dl{display:none;padding:0 10px 0 11px}#g dt{height:21px;padding-top:10px;padding-right:80px;line-height:19px;overflow:hidden;cursor:default}#g dt:first-child{margin-top:4px}#g fieldset:first-child+fieldset+fieldset+fieldset+fieldset dt:first-child{padding-right:160px}#g .d{color:#fe8787}#g .d+dd input[type="text"]{color:#fe8787}#g dd{position:relative;float:right;height:22px;margin-top:-22px;padding-left:9px;background-color:#4f4f51}#g dd:first-child{clear:both;float:none;margin-top:9px;padding-left:0}#g dd+dd{clear:both;float:none;margin-top:9px;padding-left:0}#g dd>input[type="text"]{float:right;width:66px}#g fieldset:first-child dt:first-child+dd input,#g fieldset:first-child+fieldset+fieldset+fieldset+fieldset dt:first-child+dd input{float:right;width:145px}#g dd input[type="checkbox"],#g dd input[type="radio"]{display:none}#g dd label{float:left;display:block;margin-right:10px;line-height:22px;text-shadow:1px 1px 1px #38383a}#g dd label input[type="checkbox"]+em,#g dd label input[type="radio"]+em{position:relative;float:left;display:block;width:10px;height:10px;margin-top:3px;margin-right:9px;padding:3px;border:1px solid #38383a;border-bottom-color:#5c5c5e;border-right-color:#555557;border-left-color:#3c3c3e;border-radius:5px;font-style:normal;background-color:#434345;cursor:default}#g dd label input[type="checkbox"]:checked+em:before,#g dd label input[type="radio"]:checked+em:before{float:left;margin-left:-4px;font-family:textolite;content:'\0801';font-size:17px;line-height:9px;text-shadow:1px 1px 1px #38383a;color:#6fd86f}#g dd:first-child{margin-top:12px}#g dd:last-child{margin-bottom:14px}#g dd:last-of-type{margin-bottom:14px}#g dd a{position:relative;float:right;display:block;width:18px;width:18px;margin-top:1px;margin-right:-148px;font-size:16px;color:#5c5c5e;text-shadow:1px 1px 0 #38383a;cursor:pointer}#g dd a:hover{color:#65cdea;text-decoration:none}#g dd a:active{color:#60aabe}#g dd a:before{font-family:textolite;content:'\0806'}#g dd a.e:before{content:'\0807'}#g dd ul{float:right;margin-right:2px;margin-left:-9px;max-width:440px}#g dd ul>li{float:left;display:block;width:34px;height:17px;padding-top:5px;border:1px solid #3c3c3e;border-bottom-color:#434345;border-right-color:#434345;box-shadow:inset 1px 1px 0 0 #434345,1px 1px 0 0 #5c5c5e;text-shadow:1px 1px 0 #38383a;text-align:center;line-height:9px;color:#b7b8bd;background:#434345;cursor:default}#g dd ul>li:first-child{border-radius:5px 0 0 5px}#g dd ul>li:last-child{border-radius:0 5px 5px 0}#g dd ul>li:only-child{border-radius:5px}#g dd ul>li.l{border:1px solid #444446;border-right:0;padding-right:1px;box-shadow:1px 1px 0 0 #59595c,inset 1px 1px 0 0 #59595c;text-shadow:1px 1px 0 #5e5e61;color:#fff;background:#4f4f51;cursor:pointer}#g dd ul>li.l:last-child{border-right:1px solid #444446;padding-right:0}#g dd ul>li.l:hover{border-top-color:#4f4f51;border-left-color:#4f4f51;border-bottom-color:#4f4f51;box-shadow:inset 1px 1px 0 0 #3faece,1px 1px 0 0 #4f4f51;text-shadow:1px 1px 0 #307c92;background:#3798b4}#g dd ul>li.l:last-child:hover{border-right-color:#4f4f51}#g dd ul>li.l:active{border-color:#4f4f51;border-right-color:#444446;box-shadow:inset 1px 1px 0 0 #3187a0,1px 1px 0 0 #4f4f51;text-shadow:1px 1px 0 #307c92;background:#3187a0}#g dt:last-child{display:none;position:relative;float:right;height:auto;width:100%;margin-top:-47px;padding-right:0;overflow:visible}#g dt ol{clear:both;float:right;min-width:302px;margin-bottom:6px}#g dt ol li{display:none;clear:both;max-height:31px}#g dt ol li span{display:block;float:left;width:50px;margin-top:2px;margin-right:5px;text-align:right}#g dt ol li span:after{content:'.'}#g dt ol li input{float:left;width:66px;margin-bottom:6px;margin-right:6px;color:#b7b8bd;text-shadow:1px 1px 0 #38383a}#g dt ol li input+input{width:198px;margin-right:0}#g dl ol li.p input{color:#606062;animation:none !important}#g dt ol li.p+li span+input{animation:c 5000ms infinite linear}#g dt ol li.p+li span+input+input{animation:d 5000ms infinite linear}#g dt ol li.p i{display:block;float:left;height:16px;width:7px;margin-top:3px;margin-left:-214px;border-top:1px solid #38383a;border-bottom:1px solid #5c5c5e;border-left:1px solid #434345;border-right:1px solid #434345;border-radius:5px 5px 0 0;background-color:#434345}#g dt ol li.p i:before{float:left;margin-left:-2px;font-family:textolite;content:'\0810';font-size:16px;line-height:16px;font-style:normal;color:#505052;text-shadow:1px 1px 0 #3c3c3e}#g dt ol+p{display:none;clear:both;margin-bottom:12px}#g dt ol+p strong{font-weight:normal}#g dt ol+p+p{display:none;position:relative;float:left;margin-bottom:-39px;margin-left:-11px;margin-top:16px}#g dt ol+p+p input{position:relative;float:left;margin-right:10px}#g>p{clear:both;margin:18px 0 0 1px}#g>p input[type="button"][disabled],#g>p input[type="button"][disabled]:hover,#g>p input[type="button"][disabled]:active{border:1px solid #444446;box-shadow:1px 1px 0 0 #59595c,inset 1px 1px 0 0 #59595c;text-shadow:1px 1px 0 #3f3f41;color:#737376;background:#4f4f51;cursor:default}#g>p a{display:block;float:right;width:15px;margin-top:-16px;cursor:default}#g>p a,#g>p a:hover,#g p a:active{color:#414143;text-shadow:1px 1px 0 #5c5c5e;text-decoration:none}#g p a:before{content:'\0818';font-family:textolite;font-size:14px}#g>p a.l{color:#eee;text-shadow:1px 1px 0 #38383a;cursor:pointer}#g>p a.l:hover{color:#adc8fe}#g>p a.l:active{color:#a6c0e1}@media(max-width:1400px){#e>div{width:96%}#e>div>ol{margin-left:15px;margin-right:15px}#e>div>ol>li:first-child{width:49px}#e>div>ol>li:last-child{width:52px}#e>div>ol>li:only-child{width:55px}#e>div>ol+ul{margin-right:12px}#e>div>ol+ul>li{width:95px}#e>div>ol+ul>li>a,#e>div>ol+ul>li>a:hover,#e>div>ol+ul>li>a:active{width:93px}#e>div>div+ul{margin-left:-12px}#e>div>div+ul input[type="button"]{width:85px}#c body>div:first-child{width:98%}}@media(max-width:1200px){#b>body>samp{width:450px;margin-left:-225px;font-size:33px;line-height:25px}#b>body>samp span{height:125px;margin-top:-63px;font-size:125px;line-height:125px;letter-spacing:-7px}}@media(max-width:900px){#e>div>ol+ul>li>div{padding-left:11px}#e>div>p samp{position:fixed;top:46px;left:0;width:100%;padding:12px 0 8px 0;box-shadow:0 5px 20px 0 #303031;text-shadow:1px 1px 0 #3f3f41;background:rgba(69,69,71,0.9);z-index:999999}#e>div>p samp:before{text-indent:10px}#e>div>ol+ul>li>div{left:0;margin-left:0;border-radius:0 0 5px 0}}@media(max-width:700px){#e>div>ol{margin-left:8px;margin-right:8px}#e>div>ol>li:first-child{width:40px}#e>div>ol>li:last-child{width:43px}#e>div>ol>li:only-child{width:46px}#e>div>ol+ul{margin-right:6px}#e>div>ol+ul>li{width:83px}#e>div>ol+ul>li>a,#e>div>ol+ul>li>a:hover,#e>div>ol+ul>li>a:active{width:81px}#e>div>div+ul{margin-right:3px}#e>div>div+ul input[type="button"]{width:78px}#c body>div:first-child ol{width:39px;margin-right:-49px;font-size:14px}#c body>div:first-child li{margin-left:56px}#c pre{border-left-width:49px;font-size:14px}}@media(max-width:600px){#e>div>div:first-child{display:none}#e>div>ol+ul>li>div{width:100%;height:93%;max-height:none;max-width:none;padding-left:0;padding-right:0;border-radius:0}@media(max-height:800px){#e>div>ol+ul>li>div{height:91%}}@media(max-height:650px){#e>div>ol+ul>li>div{height:89%}}@media(max-height:530px){#e>div>ol+ul>li>div{height:87%}}@media(max-height:400px){#e>div>ol+ul>li>div{height:83%}}@media(max-height:320px){#e>div>ol+ul>li>div{height:79%}}#e>div>ol+ul>li>div{height:calc(100%-65px)}#e>div>div+ul>li{margin-left:7px}#e>div>div+ul input[type="button"]{width:45px}#f>ol{min-width:278px;margin-left:12px;margin-right:12px}#f>ul{min-width:278px;padding:0 12px}#g fieldset{margin-left:11px;margin-right:11px}#g p{padding-bottom:12px;margin-left:11px}#b>body>samp{width:250px;margin-left:-125px;font-size:16px;line-height:12px}#b>body>samp span{height:62px;margin-top:-31px;font-size:62px;line-height:62px;letter-spacing:-3px}}@media(max-width:400px){#e>div>ol>li:first-child{width:32px}#e>div>ol>li:last-child{width:35px}#e>div>ol>li:only-child{width:38px}#e>div>ol+ul{margin-right:3px}#e>div>ol+ul>li{width:59px}#e>div>ol+ul>li>a,#e>div>ol+ul>li>a:hover,#e>div>ol+ul>li>a:active{width:57px;overflow:hidden}#e>div>ol+ul>li:last-child>a,#e>div>ol+ul>li:last-child>a:hover,#e>div>ol+ul>li:last-child>a:active{text-align:left;text-indent:5px}#e>div>ol+ul>li:last-child>a:before,#e>div>ol+ul>li:last-child>a:hover:before,#e>div>ol+ul>li:last-child>a:active:before{position:relative;float:right;margin-right:-4px;margin-bottom:-10px;content:'\2022';font-size:22px;text-shadow:none;color:#4f4f51}#e>div>ol+ul>li:last-child>a.m:before{color:#626265}#e>div>ol+ul>li:last-child>a.m:hover:before{color:#3ba2c0}#e>div>ol+ul>li:last-child>a.m:active:before{color:#3798b4}#f>ol li:first-child+li{display:none}#f ul ol li:first-child+li{display:none}#c body>div:first-child ol{display:none}#c pre{border-left:0}}@-moz-document url-prefix(){input[type="button"]{line-height:16px}#a p samp.d:before{margin-top:0}#a p+p+p input{line-height:17px}#g dd label{line-height:21px}#a p+p a{margin-top:-25px}#g dd a{margin-top:0}#g dd label input[type="checkbox"]:checked+span:before,#g dd label input[type="radio"]:checked+span:before{line-height:8px}}
\ No newline at end of file
diff --git a/admin/textolite.js b/admin/textolite.js
new file mode 100644
index 0000000..544f818
--- /dev/null
+++ b/admin/textolite.js
@@ -0,0 +1 @@
+/* Textolite v2.12s */ (function(){var _1=window,_2=document,_3=location,_a='setInterval',_b='setTimeout',_c='clearInterval',_d='clearTimeout',_e='encodeURIComponent',_f='getComputedStyle',_g='addEventListener',_h='removeEventListener',_i='getAttribute',_j='setAttribute',_k='removeAttribute',_l='querySelectorAll',_m='querySelector',_n='removeChild',_o='appendChild',_p='cloneNode',_q='insertNode',_r='insertBefore',_s='createElement',_t='createTextNode',_u='firstElementChild',_v='lastElementChild',_w='nextElementSibling',_x='previousElementSibling',_y='nextSibling',_z='parentNode',_A='contentWindow',_B='activeElement',_C='documentElement',_D='childNodes',_E='indexOf',_F='lastIndexOf',_G='toLowerCase',_H='charCodeAt',_I='toFixed',_J='toString',_K='substring',_L='replace',_M='search',_N='match',_O='slice',_P='split',_Q='join',_R='getSelection',_S='addRange',_T='createRange',_U='removeAllRanges',_V='getRangeAt',_W='setStart',_X='setEnd',_Y='collapse',_Z='tagName',a_='nodeType',b_='className',c_='clientHeight',d_='disabled',e_='checked',f_='length',g_='style',h_='value',i_='innerHTML',j_='outerHTML',k_='textContent',l_='getResponseHeader',m_='setRequestHeader',n_='preventDefault',o_='stopPropagation',p_='dataTransfer',q_='keyCode',r_='display',s_='opacity',t_='overflow',u_='position',v_='height',w_='width',x_='cssFloat',y_='textIndent',z_='paddingTop',A_='paddingLeft',B_='marginTop',C_='marginLeft',D_='marginRight',E_='none',F_='block',G_='hidden',H_='absolute',I_='DOMContentLoaded',J_='click',K_='focus',L_='blur',M_='mousemove',N_='mousedown',O_='mouseup',P_='keydown',Q_='keyup',R_='change',S_='input',T_='resize',$='data-',$a='textolite',$b=$a+'_check',$c=$a+'_update',$d=$a+'_install',$e=$a+'_not_install',$f=$a+'_activate',$g=$a+'_token',$h=$a+'_state',$i=$a+'_settings',$j=$a+'_recovery',$k=$a+'_scripts',$l=$+$a+'-string',$m=$+$a+'-focus',$n=$+$a+'-disabled',$r='system=',$s='&token=',$t='&version=',$u='&final=',$v='&beta=',$x='&settings[',$C='img',$D='src',$E='caret',$F='script',$G='iframe',$H='textarea',$I='');define('_N','');define('__','textolite_');final class a{private $a;private $b;public function __construct(){$this->a['a']=$_GET;$this->a['b']=$_POST;$this->a['c']=$_SERVER;$this->a['d']=$_COOKIE;$this->a['e']=$_FILES;}public function a($a){if(isset($this->b['a'][$a]))return $this->b['a'][$a];else if(isset($this->a['a'][$a]))return $this->b['a'][$a]=$this->f($this->a['a'][$a],$a);}public function b($a=false){if($a){if(isset($this->b['b'][$a]))return $this->b['b'][$a];else if(isset($this->a['b'][$a]))return $this->b['b'][$a]=$this->f($this->a['b'][$a],$a);}else if(count($this->a['b']))return true;}public function c($a){if(isset($this->b['c'][$a]))return $this->b['c'][$a];else{$b=strtoupper($a);if(isset($this->a['c'][$b]))return $this->b['c'][$a]=$this->f($this->a['c'][$b],$a);}}public function d($a){if(isset($this->b['d'][$a]))return $this->b['d'][$a];else if(isset($this->a['d'][$a]))return $this->b['d'][$a]=$this->f($this->a['d'][$a],$a);}public function e($a){if(isset($this->a['e'][$a]))return $this->a['e'][$a];}private function f($a,$b){$c='_'.$b;if(method_exists($this,$c))return $this->$c($a);else return $a;}private function _server_protocol($a){preg_match('~^[a-z]{4,5}/[0-9]\.[0-9]$~i',$a,$b);if(isset($b[0]))return $b[0];}private function _server_name($a){preg_match('~^[a-z0-9-_.]{2,300}$~i',$a,$b);if(isset($b[0]))return $b[0];}private function _script_filename($a){$b=str_replace('\\','/',__FILE__);if(stripos($b,$this->a['c'][strtoupper(a_)])===0)return $b;else return str_replace('\\','/',$a);}private function _document_root($a){$a=str_replace('\\','/',$a);$b=$this->c(i_);$c=$this->c(d_);$d=$this->c(j_);if(stripos($b,$c)>0)$e=str_ireplace($c,'',$b);if(stripos($b,$d)>0)$f=str_ireplace($d,'',$b);if(isset($e)){if(isset($f)){if(strlen($e)>strlen($f))$g=$e;else$g=$f;}else$g=$e;}else if(isset($f))$g=$f;else$g=$a;if(stripos($b,$a)===0){if(strlen($g)>strlen($a))$a=$g;}else$a=$g;if(substr($a,-1)=='/')return substr($a,0,-1);return $a;}private function _php_self($a){return str_replace('\\','/',$a);}private function _script_name($a){return str_replace('\\','/',$a);}private function _query_string($a){return str_replace('\\','/',$a);}private function _remote_addr($a){return $this->_ip($a);}private function _server_addr($a){return $this->_ip($a);}private function _ip($a){preg_match('~^[a-z0-9.:]{1,40}$~i',$a,$b);if(isset($b[0]))return $b[0];}private function _sha1($a){preg_match('~^[a-z0-9]{40}$~i',$a,$b);if(isset($b[0]))return $b[0];}}final class b{private $a;private $b;private $c;private $d;public function __construct($a){$this->a=$a;$this->a('Content-type:text/html;charset=utf-8');}public function a($a){return $this->b[]=$a;}public function b($a,$b){return $this->b[]=$this->a.' '.$a.' '.$b;}public function c($a){return $this->b[]='Location:'.$a;}public function d($a,$b=false,$c=false,$d=false,$e=false,$f=false,$g=false){$h['a']=$a;$h['b']=$b;$h['c']=$g;$h['d']=(int)$c;$h['e']=str_replace('%2F','/',urlencode($d));$h['f']=$e;$h['g']=(int)$f;$this->c[]=$h;}public function e($a,$b=false,$c=false){$this->d($a,'',time()-60*60,$b,$c);}public function f($a){return $this->d=$a;}public function g(){if(isset($this->b))foreach($this->b as $a)header($a);if(isset($this->c))foreach($this->c as $b)setcookie($b['a'],$b['b'],$b['d'],$b['e'],$b['f'],$b['g'],$b['c']);if(isset($this->d))print $this->d;}}final class c{const a="\n";const b='lang.ini';const c='conf.ini';private $a;private $b;private $c;private $d;private $e;private $f;public function __construct($a,$b){$this->c=parse_ini_file($a.self::b,true);$this->d=parse_ini_file($a.self::c,true);$this->e=array('j'=>'{type} text ','i'=>'{type} ','h'=>'{mode}
{requires_javascript}
','a'=>'{auth} - Textolite {auth} {document_root_error} {requires_javascript}
{password}:
','e'=>'{code} - {{code}} - Textolite {code} {{code}} {panel}','c'=>'{title} - Textolite {panel}','d'=>'{title} - Textolite {panel}','n'=>'{name} {date} ','b'=>'{name} {date} ','m'=>'{radio}{lang} ','l'=>' ','k'=>' ','g'=>' ','f'=>' ');$this->a['a']=$a;$this->a['b']=$this->g(a_);if(!$this->a['b'])$this->a['b']=$b;$this->a['c']=str_ireplace($this->a['b'],'',$this->a['a']);$this->a['d']=$this->f($a);$this->a['e']=$this->f($this->a['c']);}public function __destruct(){if($this->f)$this->i();}public function a(){return $this->a['b'];}public function b(){return $this->a['a'];}public function c($a=false){return $this->a['c'];}public function d(){return $this->a['d'];}public function e(){return $this->a['e'];}public function f($a){if(substr_count($a,'/')>2)return dirname($a).'/';else return '/';}public function g($a,$b=false){if($b){if(isset($this->d[$b][$a]))return $this->d[$b][$a];}else if(isset($this->d[$a]))return $this->d[$a];}public function h($a,$b,$c=false){if($c){if(isset($this->d[$c])){$this->f=true;return $this->d[$c][$a]=$b;}}else{$this->f=true;return $this->d[$a]=$b;}}private function i(){foreach($this->d as $a=>$b)if(!is_array($b))$c[]=$a.' = '.$b.self::a.self::a;foreach($this->d as $a=>$b){if(is_array($b)){$c[]='['.$a.']'.self::a.self::a;foreach($b as $d=>$e)$c[]="\t".$d.' = '.$e.self::a;$c[]=self::a;}}if($f=fopen($this->a['a'].self::c,'w')){flock($f,LOCK_EX);fwrite($f,implode('',$c));flock($f,LOCK_UN);fclose($f);}}public function j(){return is_writable($this->a['a'].self::c);}public function k($a){if(isset($this->e[$a]))return $this->e[$a];}public function l($a,$b){foreach($b as $c=>$d)$a=str_ireplace('{'.$c.'}',$d,$a);return $a;}public function m($a,$b){preg_match_all('~\{([a-z0-9_]{2,30})\}~i',$a,$c);if($c[1]){$c[1]=array_unique($c[1]);foreach($c[1] as $d)if($e=$this->n($d,$b))$a=str_ireplace('{'.$d.'}',$e,$a);}return $a;}public function n($a,$b){if(isset($this->c[$b][$a]))return $this->c[$b][$a];}}final class d{const a='2.12s';private $a;private $b;private $c;private $d;private $e;public function __construct($a,$b,$c){$this->b=$a;$this->c=$b;$this->a=$c;$this->d=$this->g();$this->e=$this->h();}public function a(){$a=$this->b->d(__.o_,_p);if($a&&$a==$this->a->g(o_))$this->b();else{$b=time();$c=unserialize(urldecode($this->a->g(t_)));$d=$this->a->g(u_);$e=$this->b->c(g_);if($c&&isset($c[$e]))$f=$c[$e];else$f=0;if($this->b->b()&&$this->b->c(_m)){$g=$this->b->b(n_,_p);if($g&&($f<$d||$this->a->g(s_)+($this->a->g(v_)*60)<$b)){$h=$this->a->g(n_);$i=$this->a->g(q_)*1;$j=$this->a->g(p_)*1;$k=$j-$i;for($l=0;$l<$k;$l++)$g=sha1($g);if($h==$g){if($this->a->j()){$this->m();if(isset($c[$e])){unset($c[$e]);$this->a->h(t_,urlencode(serialize($c)));}if($i<5)$this->a->h(q_,15000);else$this->a->h(q_,$i-1);$this->a->h(r_,$b);$this->a->h(O_,'');}else{$this->c->a('X-a:1');$this->c->b(404,$this->a->n(_t,'en'));}}else{$this->a->h(s_,$b);$c[$e]=$f+1;$this->a->h(t_,urlencode(serialize($c)));$this->c->b(404,$this->a->n(_t,'en'));}}else$this->c->b(404,$this->a->n(_t,'en'));}else{if(!$this->a->g(x_)||$this->b->c(e_)&&$this->b->c(f_)&&preg_match('~Chrome|Firefox|Opera|Safari|AppleWebKit|Trident|MSIE~i',$this->b->c(f_))){if($f<$d||$this->a->g(s_)+($this->a->g(v_)*60)<$b){if($this->b->c(c_)===substr($this->a->c(),0,-1))throw new Exception($this->a->c(),307);$m[P_]=$this->a->c();$m[Q_]=$d;$m[R_]=$f;$m[p_]=$this->a->g(q_);$m[Y_]=self::a;$n=$this->a->k('a');$n=$this->a->l($n,$m);$n=$this->a->m($n,$this->d);$this->c->f($n);}else throw new Exception(false,403);}else throw new Exception(false,403);}}}public function b(){$aa=$this->b->a('q');$ab=$this->a->d().$aa;if(!$aa||!preg_match('~\.[a-z]{2,5}$~i',$aa)){if($this->b->c(i_)!=str_replace('\\','/',__FILE__))$this->k();$ac=$this->a->d().$this->a->g(D_);if(!file_exists($ac)&&($ad=$this->j()))throw new Exception($this->a->c().$this->i().$ad,307);else throw new Exception($this->a->c().$this->i().$this->a->g(D_),307);}if(stripos($aa,substr($this->a->c(),strripos(substr($this->a->c(),0,-1),'/')+1))===0)throw new Exception($this->a->c().$this->i().$this->a->g(D_),307);if($this->b->c(_m)){if($this->b->b('reload'))$this->m();else if($this->b->b('logout'))$this->n();else if(($ae=$this->b->b('save'))&&($af=$this->b->b(_o,_p))&&($af==$this->b->d(__._o,_p))){$this->c->e(__._o);$ae=str_replace(_L,_K,base64_decode(str_replace('_','a',$ae)));$ae=str_replace(_J,_I,$ae);if($this->q(strtolower(substr($ab,strripos($ab,'.')+1)))){if(is_writable($ab)&&$ag=fopen($ab,'w')){flock($ag,LOCK_EX);fwrite($ag,$ae);flock($ag,LOCK_UN);fclose($ag);$this->a->h(O_,'');}else{$this->c->a('X-a:1');$this->c->b(404,$this->a->n(_t,'en'));}}else$this->c->b(404,$this->a->n(_t,'en'));}else if($ah=$this->b->b('open')){$ah=rawurldecode($ah);$this->c->f($this->w($ah));}else if(($ah=$this->b->b('upload'))&&($af=$this->b->b(_o,_p))&&($af==$this->b->d(__._o,_p))){$this->c->e(__._o);$ah=rawurldecode($ah);$ai=$this->a->d().substr($ah,strlen($this->a->e()));$aj=$this->b->e(_C);if($ak=count($aj)&&is_dir($ai)){$al='';$am=$this->a->k('b');$an=str_replace(' ','',str_replace(',','|',$this->a->g(C_)));foreach($aj[_G] as $ao=>$ap){if($this->q(strtolower(substr($aj[_y][$ao],strripos($aj[_y][$ao],'.')+1)))){if(!$aj[_D][$ao]){$ab=$ai.$aj[_y][$ao];move_uploaded_file($ap,$ab);$aq[_y]=$aj[_y][$ao];$aq[_z]=filemtime($ab);$aq[_A]=filesize($ab);preg_match('~\.(?:'.$an.')$~i',$aq[_y],$ar);if(isset($ar[0]))$aq[_x]=$this->a->c().$this->i().substr($ah,strlen($this->a->e())).$aq[_y];else$aq[_x]=$ah.$aq[_y];$al.=$this->a->m($this->a->l($am,$aq),$this->d);}else$as=true;}else$at=true;if(isset($al)){$this->a->h(O_,'');$this->c->a('X-b:'.$this->y($ah));$this->c->f($al);}if(isset($at))$this->c->a('X-c:1');else if(isset($as))$this->c->a('X-d:1');}}else$this->c->b(404,$this->a->n(_t,'en'));}else if(($au=$this->b->b('remove'))&&($af=$this->b->b(_o,_p))&&($af==$this->b->d(__._o,_p))){$this->c->e(__._o);$au=rawurldecode($au);if($this->q(strtolower(substr($au,strripos($au,'.')+1)))){$au=str_replace($this->a->c(),$this->a->e(),$au);$ab=$this->a->d().substr($au,strlen($this->a->e()));if(is_file($ab)&&unlink($ab)){$this->a->h(O_,'');$this->c->a('X-b:'.$this->y(dirname($au).'/'));}else$this->c->b(404,$this->a->n(_t,'en'));}else{$this->c->a('X-c:1');$this->c->b(404,$this->a->n(_t,'en'));}}else if(($av=$this->b->b('settings'))&&($af=$this->b->b(_o,_p))&&($af==$this->b->d(__._o,_p))){$this->c->e(__._o);if($av[n_]){$aw=$this->a->g(n_);$ax=$this->a->g(p_)-$this->a->g(q_);for($ay=0;$ay<$ax;$ay++)$av[n_]=sha1($av[n_]);if($av[n_]!=$aw)$this->a->h(n_,$av[n_]);}if($av[m_]&&$av[m_]!=$this->d){if(stripos($az=$this->a->g(m_),',')&&stripos($az,$av[m_])!==false){if($av[m_]!=$this->b->c(e_))$this->c->d(__.m_,$av[m_],time()+60*60*24*365,$this->a->c(),false,false,true);else$this->c->e(__.m_,$this->a->c());}else$this->c->b(404,$this->a->n(_t,'en'));}if($this->a->g(D_)!==null&&preg_match('~^.{1,30}$~i',$av[D_],$ar)&&isset($ar[0]))$this->a->h(D_,$av[D_]);else$this->c->b(404,$this->a->n(_t,'en'));unset($av[n_],$av[m_],$av[D_]);foreach($av as $ao=>$aA){if($this->a->g($ao)!==null&&preg_match('~^[0-9]{1,7}$~i',$aA,$ar)&&isset($ar[0]))$this->a->h($ao,$aA);else$this->c->b(404,$this->a->n(_t,'en'));}}else if(($aB=$this->b->b('scripts'))&&($af=$this->b->b(_o,_p))&&($af==$this->b->d(__._o,_p))){$this->c->e(__._o);if($this->a->g(K_)!==null)$this->a->h(K_,'0');else$this->c->b(404,$this->a->n(_t,'en'));}else if(($aC=$this->b->b('install'))&&($af=$this->b->b(_o,_p))&&($af==$this->b->d(__._o,_p))){$this->c->e(__._o);$aD=$this->a->b().'update.php';preg_match('~^[a-z0-9+=/_]+$~i',$aC,$ar);if(isset($ar[0])&&($aC=base64_decode(str_replace('_','a',$aC)))&&($ag=fopen($aD,'w'))){flock($ag,LOCK_EX);$aE=fwrite($ag,$aC);flock($ag,LOCK_UN);fclose($ag);if($aE){$aq=include$aD;if($aq==_D)$this->c->b(404,$this->a->n(_t,'en'));else if(file_exists($this->a->d().$aq))$this->c->f($this->a->c().$this->i().$aq);unlink($aD);}else$this->c->b(404,$this->a->n(_t,'en'));}else$this->c->b(404,$this->a->n(_t,'en'));}else$this->c->b(404,$this->a->n(_t,'en'));}else{$this->m();if(file_exists($ab)){$aF=strtolower(substr($ab,strripos($ab,'.')+1));if($this->q($aF)){$aG=str_replace(' ','',str_replace(',','|',$this->a->g(_s)));preg_match('~^'.$aG.'$~i',$aF,$ar);if(isset($ar[0])){$aH=$this->b->d(__._q);$aI=$this->b->b('switch');if($aH){if($aI==='0'){$this->c->e(__._q,$this->a->c());$this->c($ab);}else$this->d($ab);}else{if($aI==='1'){$this->c->d(__._q,1,time()+60*60*24*90,$this->a->c(),false,false,true);$this->d($ab);}else$this->c($ab);}}else$this->d($ab);}else$this->e(_u);}else$this->e(_t);}}public function c($a){$b[X_]=$this->a->n('visual_editor',$this->d);$b[P_]=$this->a->c();$b[Y_]=self::a;$b[V_]=$this->a->e();$c=$this->b->a('q');if($d=strripos($c,'/'))$b[V_].=substr($c,0,$d+1);$b['panel']=$this->r($a);$b[_n]=$this->o();if(!$b[_n]){$b[_n]=$this->p($a);$b[Z_]='';}else$b[Z_]='1';$b[_n]=str_replace('{','!~!',$b[_n]);$e=$this->a->k('c');$e=$this->a->l($e,$b);$e=$this->a->m($e,$this->d);$e=str_replace('!~!','{',$e);$this->c->f($e);}public function d($a){$b[X_]=$this->a->n('source_editor',$this->d);$b[P_]=$this->a->c();$b[Y_]=self::a;$b[S_]=$this->a->g(y_);$b[A_]=$this->a->g(A_);$b[z_]=$this->a->g(z_);$b['panel']=$this->r($a);$b[_n]=$this->o();if(!$b[_n]){$b[_n]=$this->p($a);$b[Z_]='';}else$b[Z_]='1';$b[_n]=str_replace('{','!~!',$b[_n]);$c=$this->a->k('d');$c=$this->a->l($c,$b);$c=str_replace('!~!','{',$c);$this->c->f($c);}public function e($a){$b[W_]=$a;$b[P_]=$this->a->c();$b[Y_]=self::a;$b['panel']=$this->r($a);$c=$this->a->k('e');$c=$this->a->l($c,$b);return $this->a->m($c,$this->d);}public function f($a){$this->c->b($a->getCode(),$this->a->n($a->getCode(),'en'));if($b=$a->getMessage())$this->c->c($b);$c[W_]=$a->getCode();$c[P_]=$this->a->c();$c[Y_]=self::a;$c['panel']='';$d=$this->a->k('e');$d=$this->a->l($d,$c);return $this->c->f($this->a->m($d,$this->d));}private function g(){$a=$this->a->g(m_);if(stripos($a,',')){$b=$this->b->d(__.m_);if($b&&stripos($a,$b)!==false)return $b;else{$c=substr($this->b->c(e_),0,2);if(stripos($a,$c)!==false)return $c;}}return substr($a,0,2);}private function h(){$a=$this->a->g(F_);if($a==='1')return 1;else if($a==='0')return 0;else{if((stripos($this->b->c(b_),'q=')===0)&&(stripos($this->b->c(c_),$this->b->c(b_))===false))return 1;else return 0;}}private function i(){if(!$this->e)return '?q=';else return '';}private function j(){$a=$this->a->d();if($b=opendir($a)){$c=array();$d=array();$e=str_replace(' ','',str_replace(',','|',$this->a->g(_s)));$f=str_replace(' ','',str_replace(',','|',$this->a->g(C_)));while(($g=readdir($b))!==false){if($g!='.'&&$g!='..'){if(is_file($a.$g)){if(preg_match('~^index\.(?:'.$e.')$~i',$g)){closedir($b);return $g;}else if(preg_match('~\.(?:'.$e.')$~i',$g))$c[]=$g;else if(preg_match('~\.(?:'.$f.')$~i',$g))$d[]=$g;}}}closedir($b);if(isset($c[0]))return $c[0];else if(isset($d[0]))return $d[0];}}private function k(){$a=$this->a->b().'.htaccess';if(file_exists($a)){$b=file_get_contents($a);preg_match('~RewriteBase (.+?)\n~i',$b,$c);if(isset($c[0])&&isset($c[1])){if($c[1]!=$this->a->c()){$b=str_replace($c[0],'RewriteBase '.$this->a->c()."\n",$b);$this->l($b);}}else{$b=preg_replace('~(RewriteEngine .+?\n)~i','$1'."\n".'RewriteBase '.$this->a->c()."\n",$b);$this->l($b);}}}private function l($a){if($b=fopen($this->a->b().'.htaccess','w')){flock($b,LOCK_EX);fwrite($b,$a);flock($b,LOCK_UN);fclose($b);}}private function m(){$a=sha1(time().mt_rand());$this->a->h(o_,$a);$this->c->d(__.o_,$a,time()+60*$this->a->g(w_),$this->a->c(),false,false,true);}private function n(){$this->a->h(o_,'');$this->c->e(__.o_,$this->a->c());}private function o(){$a=$this->b->b('switch');if(is_numeric($a)){$b=$this->b->b(_n);if($b&&($c=$this->b->b(_o))&&$c==$this->b->d(__._o)){$b=base64_decode(str_replace('_','a',$b));$this->c->a('X-e:0');$this->c->e(__._o);return $b;}}}private function p($a){$b=file_get_contents($a);preg_match('~ ]+utf-8~i',$b,$c);preg_match('~ ]+windows-1251~i',$b,$d);if(!isset($c[0])&&isset($d[0])){$b=preg_replace('~( ]+)windows-1251~i','$1utf-8',$b);$b=iconv('Windows-1251','UTF-8',$b);}$b=str_replace(_K,_L,$b);return str_replace(_I,_J,$b);}private function q($a){$b=$this->a->g(B_);if(!$b||preg_match('~(?:^|,\s*)'.$a.'(?:\s*,|$)~i',$b))return true;}private function r($a){$b[T_]=$this->s($a);$b[_r]=$this->v();$b[P_]=$this->a->c();$b[Y_]=self::a;$b[_b]=$this->u(ini_get(_b));$b[_c]=ini_get(_c);$b[p_]=$this->a->g(q_);$b[u_]=$this->a->g(u_);$b[v_]=$this->a->g(v_);$b[w_]=$this->a->g(w_);$b[G_]=$this->a->g(G_);if($b[G_])$b[G_._d]=$this->a->k('f');else$b[G_._d]=$this->a->k('g');$b[K_]=$this->a->g(K_);if($b[K_])$b[K_._d]=$this->a->k('f');else$b[K_._d]=$this->a->k('g');$b[L_]=$this->a->g(L_);if($b[L_])$b[L_._d]=$this->a->k('f');else$b[L_._d]=$this->a->k('g');$b[y_]=$this->a->g(y_);$b[z_]=$this->a->g(z_);if($this->a->g(A_))$b[A_._d]=$this->a->k('f');else$b[A_._d]=$this->a->k('g');if($this->a->g(_Q))$b[_Q._d]=$this->a->k('f');else$b[_Q._d]=$this->a->k('g');$b[D_]=$this->a->g(D_);$b[M_]=$this->a->g(M_);if($b[M_])$b[M_._d]=$this->a->k('f');else$b[M_._d]=$this->a->k('g');$b[N_]=$this->a->g(N_);if($b[N_])$b[N_._d]=$this->a->k('f');else$b[N_._d]=$this->a->k('g');$b[_v]=$this->b->c(g_);$b[_w]=$this->b->c(h_);$b[_a]=$this->u(ini_get(_a));$b[_H]=$this->t();$c=$this->a->k('h');$c=$this->a->l($c,$b);return $this->a->m($c,$this->d);}private function s($a){if(is_numeric($a)){$b[U_]=$a;$c=$this->a->k('i');}else{$d=strtolower(substr($a,strripos($a,'.')+1));$e=str_replace(' ','',str_replace(',','|',$this->a->g(_s)));preg_match('~^'.$e.'$~i',$d,$f);if(isset($f[0]))$c=$this->a->k('j');else$c=$this->a->k('i');if($d=='htm')$b[U_]=_q;else$b[U_]=$d;}$c=$this->a->l($c,$b);return $this->a->m($c,$this->d);}private function t(){$a='';$b=explode(',',$this->a->g(m_));$c[_y]=m_;foreach($b as $d){$c[_E]=trim($d);if($this->d==$c[_E])$e=$this->a->k('k');else$e=$this->a->k('l');$f[_F]=$this->a->l($e,$c);$f[m_]=$c[_E];$g=$this->a->k('m');$g=$this->a->l($g,$f);$a.=$this->a->m($g,$this->d);}return $a;}private function u($a){$a=strtolower(trim($a));$b=(int)$a;switch($a[strlen($a)-1]){case'm':return $b*1048576;case'k':return $b*1024;case'g':return $b*1073741824;default:return $b;}}private function v(){$a=$this->a->e();$b=$this->a->d();if($a=='/')$c[_y]=$this->b->c(k_);else$c[_y]=substr($a,strrpos(substr($a,0,-1),'/')+1,-1);$c[_z]=filemtime($b);$c[_x]=$a;$c[_A]='';$d=$this->a->k('n');$d=$this->a->l($d,$c);return $this->a->m($d,$this->d);}private function w($a){$b=$this->a->d().substr($a,strlen($this->a->e()));$c=array();$d=array();$e=str_replace(' ','',str_replace(',','|',$this->a->g(C_)));if($f=opendir($b)){while(($g=readdir($f))!==false){if($g!='.'&&$g!='..'){$h=array();$h[_y]=$g;$h[_z]=filemtime($b.$g);if(is_file($b.$g)){preg_match('~\.(?:'.$e.')$~i',$g,$i);if(isset($i[0]))$h[_x]=$this->a->c().$this->i().substr($a,strlen($this->a->e())).$g;else$h[_x]=$a.$g;$h[_A]=filesize($b.$g);$d[]=$h;}else if(is_dir($b.$g)&&!is_link($b.$g)){$h[_x]=$a.$g.'/';$h[_A]=$this->y($h[_x]);$c[]=$h;}}}closedir($f);}$j='';if(count($c)){$c=$this->x($c);$k=$this->a->k('n');foreach($c as $l){$m=$k;$j.=$this->a->m($this->a->l($m,$l),$this->d);}}if(count($d)){$d=$this->x($d);$n=$this->a->k('b');foreach($d as $o)$j.=$this->a->m($this->a->l($n,$o),$this->d);}if($b==$this->a->d())$this->c->a('X-b:'.$this->y($a));return $j;}private function x($a){$b=array();$c=array();foreach($a as $d)$b[]=$d[_y];asort($b);foreach($b as $e)foreach($a as $d)if($e==$d[_y])$c[]=$d;return $c;}private function y($a){if($this->a->g(_Q)){$b=$this->a->g(O_);if(!$b){$b=$this->z($this->a->e());$this->a->h(O_,urlencode(serialize($b)));}else$b=unserialize(urldecode($b));return $b[$a];}else return '';}private function z($a){$b=$this->a->d().substr($a,strlen($this->a->e()));$c=array();$c[$a]=0;if($d=opendir($b)){while(($e=readdir($d))!==false){if($e!='.'&&$e!='..'){if(is_file($b.$e))$c[$a]+=filesize($b.$e);else if(is_dir($b.$e.'/')&&!is_link($b.$e)){$f=$this->z($a.$e.'/');$c[$a]+=$f[$a.$e.'/'];$c=array_merge($c,$f);}}}closedir($d);}return $c;}}$a=new a();$b=new b($a->c(l_));$c=new c(dirname($a->c(i_)).'/',$a->c(a_));$d=new d($a,$b,$c);try{$d->a();}catch(Exception$e){$d->f($e);}$b->g();?>
\ No newline at end of file
diff --git a/css/style.css b/css/style.css
index 428c85d..398b6e7 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1,5 +1,7 @@
* {
box-sizing: border-box;
+ -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+ -webkit-tap-highlight-color: transparent;
}
h1, h2, h3, h4, h5, p {
@@ -11,6 +13,8 @@ body {
font-weight: 400;
color: #183b56;
margin: 0;
+ position: static;
+ overflow-y: auto;
}
img {
@@ -41,6 +45,27 @@ a {
outline: none;
}
+.input--error:invalid {
+ color: red;
+}
+
+.input--error:valid {
+ color: #183b56;
+}
+
+.input-wrapper {
+ position: relative;
+ margin-bottom: 6px;
+ height: 70px;
+}
+
+.invalid {
+ bottom: 4px;
+ position: absolute;
+ color: red;
+ font-size: 12px;
+}
+
.button {
font-style: normal;
font-weight: bold;
@@ -53,6 +78,14 @@ a {
background-color: #ffffff;
}
+.hold {
+ overflow-y: clip;
+}
+
+#recommend, #books, #blog {
+ scroll-behavior: smooth;
+}
+
/* Document
========================================================================== */
/**
@@ -410,22 +443,26 @@ template {
.header__menu-nav {
display: flex;
- width: 252px;
justify-content: space-between;
margin-right: 63px;
padding: 0;
list-style: none;
}
-.header__menu-nav-item {
+.header__menu-item {
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 22px;
margin: 0;
+ margin-right: 24px;
padding: 0;
}
+.header__menu-item:last-child {
+ margin-right: 0;
+}
+
.header__button {
padding: 11px 32px 11px 32px;
font-style: normal;
@@ -468,15 +505,16 @@ template {
.main__wrapper {
display: flex;
justify-content: space-between;
+ align-items: center;
}
.main__info {
width: 585px;
- margin-top: 14px;
}
.main-title {
width: 445px;
+ margin-top: -10px;
margin-bottom: 28px;
font-family: Roboto Condensed;
font-weight: bold;
@@ -545,12 +583,13 @@ template {
}
.books {
- padding: 50px 0 76px;
+ padding: 50px 0 0px;
}
.books__wrapper {
+ padding-bottom: 79px;
display: flex;
- margin-bottom: 27px;
+ border-bottom: 1px solid #eceef2;
}
.books__title {
@@ -574,7 +613,7 @@ template {
.button-buy {
width: 101px;
- padding: 7px 20px;
+ padding: 6px 20px 8px;
background: #183b56;
border-radius: 2000px;
color: #ffffff;
@@ -591,7 +630,7 @@ template {
.recommend {
margin-right: 31px;
- max-width: 751px;
+ width: 751px;
}
.recommend__title {
@@ -628,8 +667,8 @@ template {
}
.recommend__info-title {
- padding: 13px 0;
- margin-bottom: 3px;
+ margin-top: 13px;
+ margin-bottom: 16px;
}
.recommend__info-genre {
@@ -640,6 +679,7 @@ template {
.recommend__info-bottom {
margin-top: 24px;
+ margin-bottom: 13px;
display: flex;
align-items: center;
}
@@ -649,11 +689,9 @@ template {
}
.recommend__info-heart {
- margin-top: 6px;
+ position: relative;
width: 18px;
height: 21px;
- background: url(/img/heart.svg) no-repeat center center;
- background-size: contain;
}
.recommend-link {
@@ -674,6 +712,14 @@ template {
border-radius: 8px;
}
+.recommend .button-like {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 18px;
+ height: 21px;
+}
+
.top__wrapper {
display: flex;
flex-direction: column;
@@ -689,6 +735,7 @@ template {
.top__card {
display: flex;
+ width: 314px;
margin-bottom: 35px;
}
@@ -712,6 +759,8 @@ template {
.top__info-title {
margin-bottom: 15px;
+ overflow: auto;
+ max-height: 64px;
}
.top__info-price {
@@ -726,6 +775,7 @@ template {
}
.top-link {
+ width: 100%;
font-family: Roboto Condensed;
font-style: normal;
font-weight: bold;
@@ -736,213 +786,2063 @@ template {
color: #1565d8;
}
-/* max-width: 1200px */
-@media (max-width: 1200px) {
- .container {
- max-width: 960px;
- }
- .main-description {
- width: 500px;
- }
- .main__card {
- margin-right: 0;
- }
+.sections {
+ padding: 60.5px 0 99px;
}
-@media (min-width: 993px) {
- .button {
- transition: .2s linear;
- }
- .button--blue:hover {
- background-image: linear-gradient(to right, #EC1F46 0%, #faad13 51%, #EC1F46 100%);
- background-size: 200% auto;
- background-position: right center;
- }
- .button--white:hover {
- background-image: linear-gradient(to right, #EC1F46 0%, #faad13 51%, #EC1F46 100%);
- background-size: 200% auto;
- background-position: right center;
- border-color: transparent;
- color: #ffffff;
- }
- a {
- transition: color 0.15s ease;
- }
- a:hover {
- color: #faad13;
- }
+.sections__wrapper {
+ position: relative;
}
-/* max-width: 992px */
-@media (max-width: 992px) {
- .container {
- max-width: 720px;
- }
- .header__menu {
- margin-right: auto;
- }
- .main__wrapper {
- width: 100%;
- flex-direction: column;
- }
- .main__info {
- width: auto;
- margin-bottom: 75px;
- margin-top: 0;
- }
- .main-description {
- width: 100%;
- }
- .main-title {
- margin-top: 0;
- }
- .main__book {
- width: 100%;
- align-self: center;
- }
- .main__book-image {
- width: 300px;
- height: 460px;
- }
+.sections__slider-button {
+ width: 56px;
+ height: 56px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ position: absolute;
+ z-index: 99;
+ top: 50%;
+ transform: translateY(-50%);
+ border-radius: 50%;
+ background-color: #ffffff;
+ background-position: center;
+ background-repeat: no-repeat;
+ border: none;
+ cursor: pointer;
+ box-shadow: 0px 12px 16px rgba(0, 0, 0, 0.08);
}
-/* max-width: 768px */
-@media (max-width: 768px) {
- body {
- padding-top: 88px;
- }
- .container {
- width: 90%;
- }
- .header {
- padding: 30px 0;
- }
- .header--fixed {
- position: fixed;
- top: 0;
- left: 0;
- right: 0;
- z-index: 10;
- background-color: #ffffff;
- }
- .header__menu--hidden {
- display: none;
- }
- .header__menu--burger {
- padding-top: 30px;
- flex-direction: column;
- align-items: end;
- }
- .header__menu-nav {
- flex-direction: column;
- text-align: right;
- margin-right: 0;
- margin-bottom: 40px;
- }
- .header__menu-item {
- margin-bottom: 10px;
- }
- .header__burger-menu--visible {
- display: block;
- position: fixed;
- top: 88px;
- left: 0;
- right: 0;
- bottom: 0;
- background-color: #ffffff;
- }
- .burger-button {
- display: flex;
- }
- .main {
- padding: 36px 0;
- }
+.sections__slider-button:disabled {
+ display: none;
}
-/* max-width: 576px */
-@media (max-width: 576px) {
- .container {
- width: 90%;
- }
- .main {
- text-align: center;
- }
- .main__info {
- margin-bottom: 40px;
- }
- .main-title {
- width: 100%;
- font-weight: bold;
- font-size: 32px;
- line-height: 40px;
- margin-bottom: 23px;
- }
- .main-name {
- font-size: 16px;
- line-height: 24px;
- margin-bottom: 33px;
- }
- .main-description {
- font-size: 16px;
- line-height: 23px;
- margin-bottom: 18px;
- }
- .main__button-buy, .main__button-read {
- height: 40px;
- width: 176px;
- padding: 9px 20px;
- font-size: 16px;
- line-height: 22px;
- }
- .main__button-read {
- padding: 7px 20px;
- }
- .main__book-image {
- width: 250px;
- height: 374px;
- }
+.sections__slider-button--prev {
+ left: -30px;
+ background-image: url(../img/sections-prev.svg);
}
-/* max-width: 425px */
-@media (max-width: 425px) {
- body {
- padding-top: 64px;
- }
- .header {
- padding: 18px 0;
- }
- .header__burger-menu {
- top: 64px;
- }
- .header__menu--burger {
- align-items: center;
- }
- .header__menu-nav {
- align-items: center;
- margin-bottom: 30px;
- }
- .main {
- padding-top: 36px;
- padding-bottom: 36px;
- }
- .main__info {
- display: flex;
- flex-direction: column;
- align-items: center;
- margin-bottom: 36px;
- }
- .main__button-buy {
- margin-right: 0;
- margin-bottom: 15px;
- }
- .main__book {
- height: 332px;
- }
- .main__book-image {
- width: 143px;
- height: 214px;
- }
- .burger-button {
- margin-right: 8px;
+.sections__slider-button--next {
+ background-image: url(../img/sections-next.svg);
+ right: -26px;
+}
+
+.sections__slider-item {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: space-between;
+ width: 265px;
+ height: auto;
+ padding: 40px 0 30px;
+ border: 1px solid #eceef2;
+ border-radius: 8px;
+ text-align: center;
+}
+
+.sections__slider-info {
+ margin-bottom: auto;
+}
+
+.sections-image {
+ object-fit: cover;
+}
+
+.sections-image-wrapper {
+ width: 64px;
+ height: 64px;
+ margin-bottom: 38px;
+}
+
+.sections__title {
+ margin-bottom: 12px;
+ font-family: Roboto;
+ font-style: normal;
+ font-weight: 500;
+ font-size: 22px;
+ line-height: 32px;
+ letter-spacing: 0.2px;
+}
+
+.sections__description {
+ font-size: 16px;
+ line-height: 22px;
+ color: #5a7184;
+}
+
+.unreleased {
+ background-color: #183b56;
+ padding-top: 62px;
+ padding-bottom: 77px;
+}
+
+.unreleased-container {
+ margin-top: 60px;
+}
+
+.unreleased-wrap {
+ position: relative;
+}
+
+.unreleased-slide {
+ width: 204px;
+ margin-right: 30px;
+}
+
+.unreleased-slide--last {
+ margin-right: 0px;
+}
+
+.unreleased__title {
+ font-family: Roboto Condensed;
+ font-style: normal;
+ font-weight: bold;
+ font-size: 36px;
+ line-height: 48px;
+ letter-spacing: 0.2px;
+ color: #ffffff;
+}
+
+.unreleased__img {
+ width: 100%;
+ height: 298px;
+ object-fit: cover;
+ border-radius: 8px;
+ overflow: hidden;
+}
+
+.unreleased-button {
+ padding: 0;
+ position: absolute;
+ top: -4px;
+ right: 0;
+ border: none;
+ cursor: pointer;
+ background-repeat: no-repeat;
+ background-position: centers;
+ background-color: transparent;
+ z-index: 90;
+}
+
+.unreleased-button--prev {
+ right: 78px;
+}
+
+.unreleased-button:disabled {
+ cursor: default;
+ box-shadow: none;
+ opacity: 0.5;
+}
+
+.author {
+ padding: 77px 0 100px;
+}
+
+.author__wrapper {
+ max-width: 1005px;
+ margin: 0 auto;
+}
+
+.author__head {
+ display: flex;
+ justify-content: space-between;
+ margin: 28px 0 19px;
+}
+
+.author__items {
+ display: grid;
+ grid-template-columns: repeat(3, 1fr);
+ grid-template-rows: 380px 1fr;
+ gap: 30px;
+ flex-direction: column;
+}
+
+.author__video {
+ grid-column: span 1;
+ position: relative;
+}
+
+.author__video-wrapper {
+ position: relative;
+ height: 200px;
+ margin-bottom: 22px;
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: cover;
+}
+
+.author__video-wrapper--two {
+ background-image: url(../img/author-2.jpg);
+}
+
+.author__video-wrapper--three {
+ background-image: url(../img/author-3.jpg);
+}
+
+.author__video-wrapper--four {
+ background-image: url(../img/author-4.jpg);
+}
+
+.author__video-main {
+ background-image: url(../img/author-1.jpg);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: cover;
+ grid-column: span 3;
+}
+
+.author__video-icon {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ cursor: pointer;
+}
+
+.author__video-icon-other {
+ top: 52%;
+}
+
+.author__bottom {
+ display: flex;
+ justify-content: space-between;
+}
+
+.author__name {
+ margin-bottom: 10px;
+ font-family: Roboto;
+ font-style: normal;
+ font-weight: 500;
+ font-size: 22px;
+ line-height: 32px;
+ letter-spacing: 0.2px;
+}
+
+.author__about {
+ font-size: 16px;
+ line-height: 22px;
+}
+
+.author__title {
+ font-family: Roboto Condensed;
+ font-style: normal;
+ font-weight: bold;
+ font-size: 48px;
+ line-height: 60px;
+ letter-spacing: 0.2px;
+}
+
+.author__description {
+ width: 383px;
+ margin-right: 35px;
+ font-size: 18px;
+ line-height: 32px;
+ scrollbar-width: none;
+}
+
+.author__description::-webkit-scrollbar {
+ width: 0px;
+ background: rgba(255, 255, 255, 0);
+}
+
+.author__favorite {
+ margin-top: 7px;
+ width: 18px;
+ height: 21px;
+ padding: 0;
+}
+
+.button-favorite {
+ width: 100%;
+ height: 100%;
+ fill: #1565d8;
+ stroke-width: 2px;
+}
+
+.button-favorite:active {
+ fill: #faad13;
+}
+
+.publishers {
+ background-color: #b3bac5;
+ padding: 80px 0 100px;
+}
+
+.publishers__title {
+ font-family: Roboto Condensed;
+ font-style: normal;
+ font-weight: bold;
+ font-size: 24px;
+ line-height: 32px;
+ text-align: center;
+ letter-spacing: 0.2px;
+ color: #ffffff;
+ margin-bottom: 52px;
+}
+
+.publishers__wrapper {
+ margin: 0 auto;
+ width: 1048px;
+ display: grid;
+ align-items: center;
+ grid-template-columns: repeat(6, 1fr);
+ grid-template-rows: 1fr 1fr;
+ grid-column-gap: 90px;
+ grid-row-gap: 52px;
+}
+
+.publishers-wrap {
+ display: none;
+}
+
+.blog {
+ padding: 100px 0 97px;
+}
+
+.blog__head {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ margin-bottom: 40px;
+}
+
+.blog__title {
+ font-family: Roboto Condensed;
+ font-style: normal;
+ font-weight: bold;
+ font-size: 48px;
+ line-height: 60px;
+ letter-spacing: 0.2px;
+}
+
+.blog__button {
+ padding: 10px 54px;
+ font-family: Roboto Condensed;
+ font-style: normal;
+ font-weight: bold;
+ font-size: 16px;
+ line-height: 20px;
+ text-align: center;
+ letter-spacing: 0.2px;
+ color: #1565d8;
+ border: 2px solid #1565d8;
+ border-radius: 2000px;
+}
+
+.blog__button--hidden {
+ display: none;
+}
+
+.blog__items {
+ display: grid;
+ grid-template-columns: 556px 1fr;
+ grid-template-rows: repeat(3, 1fr);
+ grid-row-gap: 27px;
+ grid-column-gap: 30px;
+}
+
+.blog__card {
+ grid-row: span 1;
+ display: flex;
+}
+
+.blog__card-main {
+ grid-row: span 3;
+ flex-direction: column;
+}
+
+.blog__card-image {
+ border-radius: 30px;
+ width: 250px;
+}
+
+.blog__card-image-main {
+ margin-bottom: 27px;
+ width: 556px;
+}
+
+.blog__card-image-other {
+ margin-right: 36px;
+}
+
+.blog__card-picture {
+ border-radius: 8px;
+ object-fit: cover;
+}
+
+.blog__card-info-main {
+ width: 536px;
+ padding-left: 10px;
+}
+
+.blog__card-info-other {
+ padding: 6px 0 9px;
+ width: 262px;
+ display: flex;
+ flex-direction: column;
+}
+
+.blog__card-title {
+ margin-bottom: 18px;
+ font-family: Roboto;
+ font-style: normal;
+ font-weight: 500;
+ font-size: 22px;
+ line-height: 32px;
+ letter-spacing: 0.2px;
+ owerflow: auto;
+ max-height: 64px;
+}
+
+.blog__card-title-main {
+ margin-bottom: 16px;
+ font-family: Roboto Condensed;
+ font-style: normal;
+ font-weight: bold;
+ font-size: 24px;
+ line-height: 32px;
+ letter-spacing: 0.2px;
+}
+
+.blog__card-description {
+ font-size: 18px;
+ line-height: 32px;
+ color: #5a7184;
+ overflow: auto;
+ max-height: 96px;
+}
+
+.blog__card-date {
+ display: inline-block;
+ margin-bottom: 16px;
+ font-size: 14px;
+ line-height: 20px;
+ color: #5a7184;
+ text-transform: uppercase;
+}
+
+.blog__card-link {
+ margin-top: auto;
+ text-transform: uppercase;
+ font-family: Roboto Condensed;
+ font-style: normal;
+ font-weight: bold;
+ font-size: 16px;
+ line-height: 20px;
+ letter-spacing: 0.2px;
+ color: #1565d8;
+}
+
+.blog__bottom {
+ text-align: center;
+}
+
+.subscribe__wrapper {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ border-radius: 12px;
+ padding: 60px 63px 80px 60px;
+ background-image: url(../img/sub-bg.jpg);
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: cover;
+}
+
+.subscribe__title {
+ width: 393px;
+ font-family: Roboto Condensed;
+ font-style: normal;
+ font-weight: bold;
+ font-size: 36px;
+ line-height: 48px;
+ letter-spacing: 0.2px;
+ color: #ffffff;
+}
+
+.subscribe__shape {
+ margin-bottom: -36px;
+ width: 447px;
+}
+
+.subscribe__form {
+ position: relative;
+ min-height: 52px;
+}
+
+.subscribe__input {
+ width: 100%;
+ position: absolute;
+ top: 0;
+ padding-right: 178px;
+ font-weight: 600;
+ font-size: 16px;
+ line-height: 22px;
+ color: #959ead;
+ overflow: hidden;
+ border-radius: 8px;
+ border: 1px solid #C3CAD9;
+}
+
+.subscribe__button {
+ position: absolute;
+ top: 0;
+ right: 0;
+ min-width: 169px;
+ height: 56px;
+ border: 3px solid #ffffff;
+ font-weight: bold;
+ font-size: 16px;
+ line-height: 22px;
+ color: #ffffff;
+ background-color: #faad13;
+}
+
+.subscribe-wrap {
+ display: none;
+}
+
+.form-icon {
+ position: absolute;
+ width: 16px;
+ height: 18px;
+ top: 18px;
+ left: 20px;
+}
+
+.input-wrapper {
+ padding-top: 15px;
+}
+
+.input-wrapper-subscribe {
+ height: 71px;
+}
+
+.invalid {
+ bottom: 0;
+}
+
+.footer {
+ padding: 108px 0 80px;
+}
+
+.footer__wrapper {
+ display: flex;
+ margin-bottom: 72px;
+}
+
+.footer__columns {
+ display: flex;
+}
+
+.footer__main {
+ margin-right: 59px;
+}
+
+.footer__product {
+ margin-right: 82px;
+}
+
+.footer__service {
+ margin-right: 82px;
+}
+
+.footer__company {
+ margin-right: 94px;
+}
+
+.footer__tagline {
+ margin-top: 25px;
+ width: 233px;
+ margin-bottom: 30px;
+ font-size: 15px;
+ line-height: 28px;
+}
+
+.footer__link {
+ position: relative;
+ display: inline-block;
+ width: 42px;
+ height: 40px;
+}
+
+.footer__link-google {
+ margin-right: 2px;
+}
+
+.footer__link-twitter {
+ margin-right: 2px;
+}
+
+.footer__link-instagram {
+ margin-right: 2px;
+}
+
+.footer__link-icon {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+}
+
+.footer__title {
+ margin-bottom: 31px;
+ font-weight: bold;
+ font-size: 18px;
+ line-height: 25px;
+}
+
+.footer__list {
+ padding: 0;
+ margin: 0;
+}
+
+.footer__list-item {
+ margin-bottom: 24px;
+ list-style: none;
+ font-size: 16px;
+ line-height: 22px;
+}
+
+.footer__copyright {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+}
+
+.footer__icon {
+ margin-bottom: 21px;
+}
+
+.footer__text {
+ font-weight: 600;
+ font-size: 16px;
+ line-height: 22px;
+}
+
+.modal__overlay {
+ position: fixed;
+ background-color: rgba(255, 255, 255, 0.3);
+ left: 0;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ z-index: 120;
+ visibility: hidden;
+ opacity: 0;
+ transition: opacity 0.2s;
+}
+
+.modal__overlay--visible {
+ visibility: visible;
+ opacity: 1;
+}
+
+.modal__close {
+ position: absolute;
+ top: 17px;
+ right: 17px;
+ width: 24px;
+ height: 24px;
+ fill: #ffffff;
+}
+
+.modal__dialog {
+ position: fixed;
+ top: 50%;
+ left: 50%;
+ z-index: 121;
+ transform: translate(-50%, -50%);
+ width: 500px;
+ padding: 30px 70px;
+ background-color: #183b56;
+ border-radius: 8px;
+ visibility: hidden;
+ opacity: 0;
+ transition: opacity 0.2s;
+}
+
+.modal__dialog--visible {
+ visibility: visible;
+ opacity: 1;
+}
+
+.modal__title {
+ margin-bottom: 15px;
+ font-family: Roboto Condensed;
+ font-style: normal;
+ font-weight: bold;
+ font-size: 28px;
+ line-height: 36px;
+ letter-spacing: 0.2px;
+ text-transform: uppercase;
+ color: #ffffff;
+ text-align: center;
+ flex-basis: 100%;
+}
+
+.modal__input {
+ position: absolute;
+ top: 0;
+ margin-bottom: 20px;
+ font-weight: 600;
+ font-size: 16px;
+ line-height: 22px;
+ color: #959ead;
+ width: 100%;
+ height: 50px;
+}
+
+.modal__button {
+ width: 100%;
+ height: 58px;
+ padding: 10px;
+ font-weight: bold;
+ font-size: 16px;
+ line-height: 22px;
+ color: #ffffff;
+ background-color: #faad13;
+ text-transform: uppercase;
+}
+
+.thanks {
+ padding-top: 100px;
+}
+
+.thanks__info {
+ margin-bottom: 30px;
+}
+
+.thanks__title {
+ font-family: Roboto Condensed;
+ font-style: normal;
+ font-weight: bold;
+ font-size: 48px;
+ line-height: 60px;
+ letter-spacing: 0.2px;
+ margin-bottom: 20px;
+}
+
+.thanks__text {
+ font-family: Roboto;
+ font-style: normal;
+ font-weight: 500;
+ font-size: 20px;
+ line-height: 24px;
+ letter-spacing: 0.2px;
+}
+
+.button-return {
+ display: inline-block;
+ padding: 18px 38px 18px 35px;
+ font-style: normal;
+ font-weight: bold;
+ font-size: 16px;
+ line-height: 22px;
+ text-transform: uppercase;
+ color: #ffffff;
+ background-color: #1565d8;
+}
+
+.button-return:hover {
+ color: #ffffff;
+}
+
+.error__info {
+ text-align: center;
+}
+
+.button-to-top {
+ position: fixed;
+ padding: 5px;
+ bottom: 80px;
+ right: 30px;
+ z-index: 9999;
+ width: 50px;
+ height: 50px;
+ text-align: center;
+ line-height: 30px;
+ background: #faad13;
+ cursor: pointer;
+ border: none;
+}
+
+.button-to-top:hover {
+ background: #ffffff;
+ border-radius: 8px;
+ border: 2px solid #1565d8;
+}
+
+.button-to-top-show {
+ display: block;
+}
+
+.to-top-image {
+ transform: rotate(-90deg);
+ margin: 0;
+ width: 30px;
+ height: 30px;
+}
+
+/* max-width: 1200px */
+@media screen and (prefers-reduced-motion: reduce) {
+ html {
+ scroll-behavior: auto;
+ }
+}
+
+@media (max-width: 1200px) {
+ .container {
+ max-width: 960px;
+ }
+ .main-description {
+ width: 500px;
+ }
+ .main__card {
+ margin-right: 0;
+ }
+ .books__wrapper {
+ flex-wrap: wrap;
+ }
+ .recommend {
+ width: 100%;
+ justify-content: space-between;
+ margin-bottom: 60px;
+ margin-right: 0;
+ }
+ .recommend__card {
+ text-align: center;
+ flex-direction: column;
+ align-items: center;
+ width: 295px;
+ padding: 24px;
+ }
+ .recommend__card:nth-child(4) {
+ margin-bottom: 0;
+ }
+ .recommend-image {
+ margin-right: 0;
+ }
+ .recommend__info-genre {
+ margin-bottom: 20px;
+ }
+ .recommend__info-bottom {
+ margin-top: 18px;
+ }
+ .top {
+ width: 100%;
+ }
+ .top__wrapper {
+ padding: 24px 15px;
+ flex-direction: row;
+ justify-content: space-between;
+ }
+ .top__card {
+ text-align: center;
+ flex-direction: column;
+ width: 220px;
+ }
+ .top-image {
+ margin-right: 0;
+ margin-bottom: 13px;
+ align-self: center;
+ }
+ .top__info {
+ align-items: center;
+ padding-top: 0;
+ padding-left: 0;
+ }
+ .top-line {
+ width: 100%;
+ }
+ .top-link {
+ align-self: center;
+ }
+ .sections__slider-item {
+ padding: 30px 6px;
+ }
+ .sections__slider-button {
+ top: 40%;
+ }
+ .sections__slider-button--prev {
+ left: -15px;
+ }
+ .sections__slider-button--next {
+ right: -15px;
+ }
+ .sections-image-wrapper {
+ margin-bottom: 30px;
+ }
+ .sections__title {
+ font-size: 18px;
+ line-height: 1.6;
+ }
+ .unreleased-slide {
+ margin-right: 48px;
+ }
+ .unreleased-slide--last {
+ margin-right: 0px;
+ }
+ .publishers__wrapper {
+ width: auto;
+ grid-column-gap: 80px;
+ grid-row-gap: 40px;
+ }
+ .blog__items {
+ grid-template-columns: 450px 1fr;
+ grid-template-rows: repeat(3, 1fr);
+ grid-gap: 20px;
+ }
+ .blog__card-image-main {
+ width: auto;
+ margin-bottom: 27px;
+ width: auto;
+ height: 324px;
+ }
+ .blog__card-image-other {
+ margin-right: 25px;
+ }
+ .blog__card-picture {
+ object-fit: cover;
+ width: 100%;
+ height: 100%;
+ }
+ .blog__card-info-main {
+ width: 430px;
+ }
+ .blog__card-info-other {
+ width: 200px;
+ }
+ .blog__card-title {
+ font-size: 16px;
+ line-height: 1.6;
+ }
+ .blog__card-title-main {
+ font-size: 20px;
+ line-height: 1.6;
+ }
+ .blog__card-description {
+ font-size: 14px;
+ line-height: 1.6;
+ }
+ .blog__card-date {
+ margin-bottom: 10px;
+ font-size: 12px;
+ }
+ .subscribe__wrapper {
+ padding: 60px 40px 80px;
+ }
+ .subscribe__shape {
+ width: 427px;
+ }
+ .subscribe__input {
+ padding-right: 160px;
+ }
+ .subscribe__button {
+ min-width: 150px;
+ }
+ .footer__main {
+ margin-right: 60px;
+ }
+ .footer__product {
+ margin-right: 60px;
+ }
+ .footer__service {
+ margin-right: 60px;
+ }
+ .footer__company {
+ margin-right: 70px;
+ }
+}
+
+@media (min-width: 993px) {
+ .button {
+ transition: .2s linear;
+ }
+ .button--blue:hover {
+ background-image: linear-gradient(to right, #EC1F46 0%, #faad13 51%, #EC1F46 100%);
+ background-size: 200% auto;
+ background-position: right center;
+ }
+ .button--white:hover {
+ background-image: linear-gradient(to right, #EC1F46 0%, #faad13 51%, #EC1F46 100%);
+ background-size: 200% auto;
+ background-position: right center;
+ border-color: transparent;
+ color: #ffffff;
+ }
+ .button-buy:hover {
+ background-color: #faad13;
+ color: #ffffff;
+ }
+ a {
+ transition: color 0.15s ease;
+ }
+ a:hover {
+ color: #faad13;
+ }
+}
+
+/* max-width: 992px */
+@media (max-width: 992px) {
+ .container {
+ max-width: 720px;
+ }
+ .header__menu {
+ margin-right: auto;
+ }
+ .main__wrapper {
+ width: 100%;
+ flex-direction: column;
+ }
+ .main__info {
+ width: auto;
+ margin-bottom: 75px;
+ margin-top: 0;
+ }
+ .main-description {
+ width: 100%;
+ overflow: initial;
+ height: auto;
+ }
+ .main-title {
+ margin-top: 0;
+ }
+ .main__book {
+ width: 100%;
+ align-self: center;
+ }
+ .main__book-image {
+ width: 300px;
+ height: 460px;
+ }
+ .recommend__wrapper {
+ justify-content: space-between;
+ }
+ .recommend__card {
+ flex-direction: row;
+ width: 350px;
+ padding: 10px;
+ margin-bottom: 15px;
+ }
+ .recommend__card:nth-child(4) {
+ margin-bottom: 15px;
+ }
+ .recommend-image {
+ margin-right: 20px;
+ }
+ .recommend__info {
+ text-align: left;
+ }
+ .top__wrapper {
+ justify-content: space-between;
+ }
+ .top__card {
+ flex-direction: row;
+ width: 314px;
+ margin-bottom: 20px;
+ }
+ .top__info {
+ margin-left: 9px;
+ align-items: start;
+ text-align: left;
+ }
+ .unreleased-slide {
+ margin-right: 54px;
+ }
+ .unreleased-slide--last {
+ margin-right: 0px;
+ }
+ .author {
+ padding: 50px 0 70px;
+ }
+ .author__title {
+ font-size: 42px;
+ line-height: 1.6;
+ }
+ .author__description {
+ width: 340px;
+ margin-right: 0;
+ font-size: 16px;
+ line-height: 1.6;
+ }
+ .author__items {
+ gap: 20px;
+ }
+ .author__wrapper {
+ width: 100%;
+ }
+ .author__video-wrapper {
+ margin-bottom: 18px;
+ }
+ .author__name {
+ font-size: 18px;
+ line-height: 1.6;
+ margin-bottom: 6px;
+ }
+ .author__about {
+ font-size: 14px;
+ line-height: 1.6;
+ }
+ .publishers {
+ padding: 60px 0 70px;
+ }
+ .publishers__title {
+ font-size: 24px;
+ line-height: 32px;
+ margin-bottom: 40px;
+ }
+ .publishers__wrapper {
+ grid-column-gap: 40px;
+ grid-row-gap: 40px;
+ }
+ .blog {
+ padding: 70px 0;
+ }
+ .blog__items {
+ grid-template-columns: 1fr;
+ grid-template-rows: 1fr repeat(3, 150px);
+ grid-gap: 28px;
+ }
+ .blog__card-main {
+ grid-row: span 1;
+ }
+ .blog__card-image-main {
+ height: auto;
+ }
+ .blog__card-info-main {
+ width: 100%;
+ padding-left: 0;
+ }
+ .blog__card-info-other {
+ width: 260px;
+ }
+ .blog__card-title {
+ font-size: 22px;
+ line-height: 32px;
+ }
+ .blog__card-title-main {
+ font-size: 24px;
+ line-height: 32px;
+ }
+ .blog__card-description {
+ font-size: 18px;
+ line-height: 32px;
+ }
+ .blog__card-date {
+ font-size: 14px;
+ line-height: 20px;
+ }
+ .subscribe {
+ background-color: #fff;
+ }
+ .subscribe__wrapper {
+ height: auto;
+ padding: 60px 40px 60px;
+ flex-direction: column;
+ align-items: start;
+ }
+ .subscribe__title {
+ margin-bottom: 32px;
+ font-size: 30px;
+ line-height: 1.6;
+ }
+ .footer__wrapper {
+ flex-wrap: wrap;
+ }
+ .footer__columns {
+ flex-basis: 100%;
+ justify-content: space-between;
+ margin-bottom: 47px;
+ }
+ .footer__main {
+ margin-right: 0;
+ order: 2;
+ }
+ .footer__product {
+ margin-right: 0;
+ }
+ .footer__service {
+ margin-right: 0;
+ }
+ .footer__company {
+ margin-right: 0;
+ }
+}
+
+/* max-width: 768px */
+@media (max-width: 768px) {
+ body {
+ padding-top: 88px;
+ }
+ .container {
+ width: 90%;
+ }
+ .header {
+ padding: 30px 0;
+ }
+ .header--fixed {
+ position: fixed;
+ top: 0;
+ left: 0;
+ right: 0;
+ z-index: 110;
+ background-color: #ffffff;
+ }
+ .header__menu {
+ align-items: flex-end;
+ }
+ .header__menu--hidden {
+ display: none;
+ }
+ .header__menu--burger {
+ padding-top: 30px;
+ flex-direction: column;
+ }
+ .header__menu-nav {
+ flex-direction: column;
+ text-align: right;
+ margin-right: 0;
+ margin-bottom: 40px;
+ }
+ .header__menu-item {
+ margin-bottom: 10px;
+ margin-right: 0;
+ }
+ .header__burger-menu--visible {
+ display: block;
+ position: fixed;
+ top: 88px;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ z-index: 110;
+ background-color: #ffffff;
+ }
+ .burger-button {
+ display: flex;
+ }
+ .main {
+ padding: 36px 0;
+ }
+ .recommend__card {
+ flex-basis: 48%;
+ flex-direction: column;
+ align-items: center;
+ text-align: center;
+ padding: 32px 18px;
+ }
+ .recommend-image {
+ margin-right: 0;
+ }
+ .recommend__info {
+ text-align: center;
+ }
+ .top__card {
+ flex-direction: column;
+ flex-basis: 48%;
+ }
+ .top__info {
+ text-align: center;
+ align-items: center;
+ }
+ .sections__slider-button {
+ top: 50%;
+ }
+ .unreleased {
+ padding-top: 48px;
+ padding-bottom: 133px;
+ }
+ .unreleased-slide {
+ width: 100%;
+ margin-right: 0px;
+ text-align: center;
+ }
+ .unreleased__title {
+ text-align: center;
+ }
+ .unreleased__img {
+ width: 300px;
+ height: 434px;
+ }
+ .unreleased-button {
+ top: auto;
+ bottom: -88px;
+ }
+ .unreleased-button--next {
+ transform: translateX(100%);
+ right: 47%;
+ }
+ .unreleased-button--prev {
+ transform: translateX(-100%);
+ left: 47%;
+ }
+ .unreleased-button__svg {
+ width: 48px;
+ height: 48px;
+ }
+ .author__head {
+ margin-top: 0;
+ margin-bottom: 35px;
+ flex-direction: column;
+ align-items: center;
+ }
+ .author__title {
+ font-size: 36px;
+ margin-bottom: 23px;
+ }
+ .author__description {
+ width: 460px;
+ text-align: center;
+ height: auto;
+ font-size: 18px;
+ line-height: 25px;
+ }
+ .author__items {
+ grid-template-columns: repeat(2, 1fr);
+ grid-template-rows: 360px 286px;
+ }
+ .author__video-main {
+ grid-column: span 2;
+ }
+ .author__video:last-child {
+ display: none;
+ }
+ .author-wrap {
+ display: none;
+ }
+ .publishers__title {
+ margin-left: auto;
+ margin-right: auto;
+ font-size: 24px;
+ line-height: 30px;
+ width: 350px;
+ margin-bottom: 27px;
+ }
+ .publishers__wrapper {
+ align-items: center;
+ grid-template-columns: repeat(4, 1fr);
+ grid-column-gap: 30px;
+ grid-row-gap: 30px;
+ }
+ .publishers__image {
+ margin: auto;
+ }
+ .publishers-wrap {
+ display: block;
+ }
+ .blog__card-title {
+ font-size: 18px;
+ line-height: 1.6;
+ }
+ .blog__card-title-main {
+ font-size: 20px;
+ line-height: 1.6;
+ }
+ .blog__card-image-main {
+ margin-bottom: 20px;
+ }
+ .blog__card-title-main {
+ margin-bottom: 11px;
+ }
+ .blog__card-description {
+ font-size: 14px;
+ line-height: 1.6;
+ }
+ .blog__card-date {
+ font-size: 12px;
+ line-height: 20px;
+ }
+ .blog__card-link {
+ font-size: 14px;
+ line-height: 1.6;
+ letter-spacing: 0.125px;
+ }
+ .footer__title {
+ margin-bottom: 20px;
+ font-size: 16px;
+ line-height: 22px;
+ }
+ .footer__list-item {
+ margin-bottom: 15px;
+ font-size: 14px;
+ line-height: 20px;
+ }
+ .thanks {
+ padding-top: 60px;
+ }
+ .thanks__title {
+ font-size: 36px;
+ line-height: 42px;
+ margin-bottom: 16px;
+ }
+ .thanks__text {
+ font-size: 16px;
+ line-height: 21px;
+ }
+ .button-return {
+ padding: 13px 20px;
+ font-size: 14px;
+ }
+ .button-to-top {
+ position: fixed;
+ bottom: 20px;
+ right: 20px;
+ width: 40px;
+ height: 40px;
+ }
+ .to-top-image {
+ transform: rotate(-90deg);
+ margin: 0;
+ width: 20px;
+ height: 20px;
+ }
+}
+
+/* max-width: 576px */
+@media (max-width: 576px) {
+ .main {
+ text-align: center;
+ }
+ .main__info {
+ margin-bottom: 40px;
+ }
+ .main-title {
+ width: 100%;
+ font-weight: bold;
+ font-size: 32px;
+ line-height: 40px;
+ margin-bottom: 23px;
+ }
+ .main-name {
+ font-size: 16px;
+ line-height: 24px;
+ margin-bottom: 33px;
+ }
+ .main-description {
+ font-size: 16px;
+ line-height: 23px;
+ margin-bottom: 18px;
+ }
+ .main__button-buy, .main__button-read {
+ height: 40px;
+ width: 176px;
+ padding: 9px 20px;
+ font-size: 16px;
+ line-height: 22px;
+ }
+ .main__button-read {
+ padding: 7px 27px;
+ }
+ .main__book-image {
+ width: 250px;
+ height: 374px;
+ }
+ .cards__title {
+ font-size: 22px;
+ line-height: 32px;
+ }
+ .sections-image-wrapper {
+ width: 36px;
+ height: 36px;
+ margin-bottom: 16px;
+ }
+ .unreleased-container {
+ margin-top: 41px;
+ }
+ .unreleased__title {
+ font-size: 28px;
+ line-height: 36px;
+ }
+ .unreleased__img {
+ width: 206px;
+ height: 300px;
+ }
+ .author__container {
+ width: 94%;
+ }
+ .author__items {
+ grid-template-rows: 310px 1fr;
+ }
+ .author__title {
+ font-size: 28px;
+ line-height: 36px;
+ }
+ .author__description {
+ width: 280px;
+ }
+ .author__bottom {
+ align-items: center;
+ flex-direction: column;
+ text-align: center;
+ }
+ .author__name {
+ font-weight: 500;
+ font-size: 16px;
+ line-height: 20px;
+ margin-bottom: 6px;
+ }
+ .author__about {
+ font-size: 12px;
+ line-height: 20px;
+ }
+ .author__info {
+ margin-bottom: 16px;
+ }
+ .author__video-wrapper {
+ margin-bottom: 16px;
+ }
+ .author__video-main {
+ background-image: url(../img/author-1-s.jpg);
+ }
+ .author__video-icon {
+ width: 21px;
+ height: 27px;
+ }
+ .author__video-icon--main {
+ width: 56px;
+ height: 56px;
+ }
+ .author__favorite {
+ margin-top: -4px;
+ }
+ .author__button {
+ width: auto;
+ }
+ .button-favorite {
+ width: 14px;
+ height: 13px;
+ }
+ .publishers {
+ padding: 37px 0 57px;
+ }
+ .publishers__wrapper {
+ align-items: center;
+ grid-template-columns: repeat(3, 1fr);
+ grid-column-gap: 20px;
+ grid-row-gap: 20px;
+ }
+ .publishers__title {
+ width: 280px;
+ }
+ .publishers__image:nth-child(n+10) {
+ display: none;
+ }
+ .blog {
+ position: relative;
+ padding: 56px 0 48px;
+ }
+ .blog__wrapper {
+ margin-left: 5px;
+ margin-right: 3px;
+ }
+ .blog__head {
+ justify-content: center;
+ margin-bottom: 48px;
+ }
+ .blog__title {
+ font-size: 28px;
+ line-height: 36px;
+ }
+ .blog__card-image {
+ width: auto;
+ }
+ .blog__card-image-main {
+ width: auto;
+ }
+ .blog__card-title {
+ overflow: auto;
+ max-height: 60px;
+ }
+ .blog__card-title-main {
+ font-size: 16px;
+ line-height: 20px;
+ }
+ .blog__card-info {
+ width: 240px;
+ }
+ .blog__card-description {
+ font-size: 12px;
+ line-height: 24px;
+ }
+ .blog__button--visible {
+ display: none;
+ }
+ .blog__button--hidden {
+ display: inline-block;
+ margin-top: 35px;
+ padding: 10px 47px;
+ font-family: Roboto Condensed;
+ font-style: normal;
+ font-weight: bold;
+ font-size: 14px;
+ line-height: 20px;
+ text-align: center;
+ letter-spacing: 0.175px;
+ }
+ .subscribe {
+ padding-bottom: 20px;
+ background-image: url(../img/sub-bg.jpg);
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: cover;
+ }
+ .subscribe__wrapper {
+ background-image: none;
+ height: auto;
+ padding: 27px 8px 8px 8px;
+ flex-direction: column;
+ align-items: start;
+ }
+ .subscribe__title {
+ width: 100%;
+ margin-bottom: 32px;
+ font-size: 28px;
+ line-height: 36px;
+ }
+ .subscribe__shape {
+ padding: 0 8px 8px;
+ width: 100%;
+ height: 112px;
+ padding-bottom: 12px;
+ margin-bottom: 0;
+ background-color: #ffffff;
+ overflow: hidden;
+ border-radius: 8px;
+ border: 1px solid #C3CAD9;
+ }
+ .subscribe__input {
+ padding-top: 15px;
+ padding-right: 24px;
+ padding-left: 39px;
+ border: none;
+ }
+ .subscribe__button {
+ min-width: 150px;
+ top: revert;
+ left: 0;
+ width: 100%;
+ height: 48px;
+ }
+ .subscribe-wrap {
+ display: block;
+ }
+ .input-wrapper-subscribe {
+ height: 54px;
+ }
+ .form-icon {
+ left: 10px;
+ }
+ .footer {
+ padding: 48px 0 64px;
+ }
+ .footer__wrapper {
+ justify-content: center;
+ margin-right: 6px;
+ padding-left: 8px;
+ margin-bottom: 0;
+ }
+ .footer__columns {
+ flex-wrap: wrap;
+ margin-bottom: 44px;
+ }
+ .footer__product {
+ flex-basis: 52%;
+ margin-bottom: 39px;
+ }
+ .footer__service {
+ flex-basis: 48%;
+ }
+ .footer__company {
+ flex-basis: 52%;
+ }
+ .footer__more {
+ flex-basis: 48%;
+ }
+ .footer__main {
+ order: 2;
+ text-align: center;
+ }
+ .footer__logo {
+ margin-bottom: 16px;
+ }
+ .footer__tagline {
+ margin-top: 11px;
+ margin-right: 11px;
+ margin-bottom: 14px;
+ }
+ .footer__copyright {
+ display: none;
+ }
+ .footer__list-item:last-child {
+ margin: 0;
+ }
+ .modal__close {
+ top: 17px;
+ right: 17px;
+ width: 20px;
+ height: 20px;
+ fill: #ffffff;
+ }
+ .modal__dialog {
+ width: 90%;
+ padding: 30px 50px;
+ }
+ .modal__title {
+ margin-bottom: 25px;
+ font-size: 24px;
+ line-height: 30px;
+ }
+ .modal__input {
+ padding: 15px;
+ margin-bottom: 20px;
+ font-size: 14px;
+ line-height: 20px;
+ height: 46px;
+ }
+ .modal__button {
+ height: 50px;
+ padding: 10px;
+ font-size: 14px;
+ line-height: 20px;
+ }
+}
+
+/* max-width: 460px */
+@media (max-width: 460px) {
+ body {
+ padding-top: 64px;
+ }
+ .header {
+ padding: 18px 0;
+ }
+ .header__burger-menu {
+ top: 64px;
+ }
+ .header__menu--burger {
+ align-items: center;
+ }
+ .header__menu-nav {
+ align-items: center;
+ margin-bottom: 30px;
+ }
+ .main {
+ padding-top: 36px;
+ padding-bottom: 36px;
+ }
+ .main__info {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ margin-bottom: 36px;
+ }
+ .main__button-buy {
+ margin-right: 0;
+ margin-bottom: 15px;
+ }
+ .main__book {
+ height: 332px;
+ }
+ .main__book-image {
+ width: 143px;
+ height: 214px;
+ }
+ .burger-button {
+ margin-right: 8px;
+ }
+ .books {
+ padding-top: 21px;
+ }
+ .books__title {
+ font-size: 28px;
+ line-height: 36px;
+ }
+ .books__wrapper {
+ padding-bottom: 56px;
+ }
+ .recommend {
+ text-align: center;
+ margin-bottom: 57px;
+ }
+ .recommend__title {
+ margin-bottom: 72px;
+ }
+ .recommend__wrapper {
+ flex-direction: column;
+ align-items: center;
+ margin-bottom: 24px;
+ }
+ .recommend__card {
+ width: 100%;
+ padding: 9px 9px 18px 9px;
+ margin-bottom: 0px;
+ border-radius: 8px;
+ }
+ .recommend__card:not(:nth-child(1)) {
+ display: none;
+ }
+ .recommend-image {
+ margin-top: -35px;
+ width: 95px;
+ height: 137px;
+ }
+ .recommend__info-title {
+ margin-top: 19px;
+ font-size: 20px;
+ line-height: 24px;
+ margin-bottom: 12px;
+ }
+ .recommend__info-genre {
+ font-size: 14px;
+ line-height: 20px;
+ margin-bottom: 16px;
+ }
+ .recommend__info-price {
+ margin-right: 10px;
+ font-size: 16px;
+ line-height: 20px;
+ margin-bottom: 20px;
+ }
+ .recommend__info-bottom {
+ margin-top: 20px;
+ justify-content: center;
+ }
+ .recommend__info-button {
+ width: 115px;
+ }
+ .recommend-wrap {
+ display: none;
+ }
+ .recommend-link {
+ padding: 14px 61px;
+ text-transform: none;
+ }
+ .top__title {
+ text-align: center;
+ margin-bottom: 35px;
+ }
+ .top__wrapper {
+ flex-direction: column;
+ justify-content: start;
+ padding: 26px 14px 21px 14px;
+ }
+ .top__card {
+ max-width: 280px;
+ flex-direction: row;
+ margin-bottom: 24px;
+ }
+ .top__card:nth-child(2) {
+ margin-bottom: 22px;
+ }
+ .top__card:nth-child(4) {
+ margin-bottom: 25px;
+ }
+ .top-image {
+ width: 95px;
+ height: 142px;
+ }
+ .top__info {
+ margin-top: 4px;
+ margin-left: 15px;
+ align-items: start;
+ }
+ .top__info-title {
+ font-family: Roboto Condensed;
+ font-style: normal;
+ font-weight: bold;
+ font-size: 16px;
+ line-height: 24px;
+ margin-bottom: 12px;
+ text-align-last: left;
+ }
+ .top__info-price {
+ margin-bottom: 14px;
+ }
+ .top-line {
+ margin-bottom: 19px;
+ }
+ .top-link {
+ align-self: start;
+ }
+ .sections {
+ padding: 55px 0 140px;
+ }
+ .sections__slider-item {
+ padding: 20px 14px;
+ width: 140px;
+ height: 182px;
+ }
+ .sections__slider-button {
+ width: 48px;
+ height: 48px;
+ left: 0;
+ box-shadow: 0px 12px 16px rgba(0, 0, 0, 0.08);
+ }
+ .sections__slider-button--prev {
+ background-image: url(../img/sections-prev-small.svg);
+ top: 406px;
+ left: 48%;
+ transform: translateX(-100%);
+ }
+ .sections__slider-button--next {
+ background-image: url(../img/sections-next-small.svg);
+ top: 430px;
+ left: 52%;
+ }
+ .sections-image {
+ width: 36px;
+ height: 36px;
+ margin-bottom: 16px;
+ }
+ .sections__title {
+ height: 40px;
+ font-family: Roboto Condensed;
+ font-size: 16px;
+ line-height: 20px;
+ margin-bottom: 10px;
+ }
+ .sections__description {
+ font-size: 12px;
+ line-height: 20px;
+ }
+ .unreleased__slider {
+ width: 204px;
+ }
+ .author {
+ padding: 45px 0 37px;
+ }
+ .author__items {
+ grid-template-rows: 210px 1fr;
+ }
+ .author__video-wrapper {
+ height: 138px;
+ }
+ .author__video-wrapper--three {
+ background-image: url(../img/author-3-s.jpg);
+ }
+ .publishers__wrapper {
+ width: 232px;
+ grid-template-columns: repeat(2, 1fr);
+ grid-column-gap: 10px;
+ }
+ .publishers__image {
+ margin-right: 5px;
+ }
+ .publishers__image:nth-child(n+7) {
+ display: none;
+ }
+ .blog {
+ padding: 56px 0 48px;
+ }
+ .blog__title {
+ font-size: 28px;
+ line-height: 36px;
+ }
+ .blog__card-title {
+ font-size: 14px;
+ line-height: 20px;
+ }
+ .blog__card-title-main {
+ font-size: 16px;
+ line-height: 20px;
+ }
+ .blog__card-image-other {
+ margin-right: 20px;
+ }
+ .blog__card-info {
+ width: 100%;
+ }
+ .blog__card-info-other {
+ width: 164px;
+ }
+ .blog__card-description {
+ font-size: 12px;
+ line-height: 24px;
+ }
+ .blog__card-date {
+ font-size: 10px;
+ line-height: 20px;
+ }
+ .blog__card-link {
+ font-size: 10px;
+ line-height: 20px;
+ }
+ .blog__items {
+ display: grid;
+ grid-template-rows: 1fr repeat(3, 120px);
+ }
+ .modal__close {
+ top: 12px;
+ right: 12px;
+ }
+ .modal__dialog {
+ padding: 20px 30px;
+ }
+ .modal__title {
+ font-size: 21px;
+ line-height: 26px;
+ }
+ .modal__input {
+ font-size: 14px;
+ line-height: 20px;
+ height: 46px;
+ }
+ .thanks {
+ padding-top: 40px;
+ }
+ .thanks__wrapper {
+ text-align: center;
+ }
+ .thanks__info {
+ margin-bottom: 20px;
+ }
+ .thanks__title {
+ font-size: 28px;
+ line-height: 36px;
+ }
+ .thanks__text {
+ font-size: 14px;
+ line-height: 20px;
+ }
+ .button-return {
+ font-size: 12px;
+ line-height: 18px;
+ }
+}
+
+/* max-width: 320px */
+@media (max-width: 320px) {
+ .blog__card-image-main {
+ height: 120px;
+ }
+ .blog__card-image-other {
+ width: 90px;
+ height: 90px;
+ }
+ .blog__card-title {
+ margin-bottom: 3px;
+ }
+ .blog__card-info {
+ padding: 0;
+ display: block;
+ }
+ .blog__card-date {
+ margin-bottom: 4px;
+ }
+ .blog__items {
+ display: grid;
+ grid-template-rows: 1fr repeat(3, 93px);
+ }
+}
+
+/* max-width: 320px */
+@media (max-height: 460px) and (max-width: 992px) {
+ .modal__overlay {
+ overflow-y: auto;
+ }
+ .modal__dialog {
+ position: absolute;
+ top: 230px;
+ transform: translate(-50%, -50%);
}
}
diff --git a/css/swiper-bundle.min.css b/css/swiper-bundle.min.css
new file mode 100644
index 0000000..cb0a2e2
--- /dev/null
+++ b/css/swiper-bundle.min.css
@@ -0,0 +1,13 @@
+/**
+ * Swiper 6.7.5
+ * Most modern mobile touch slider and framework with hardware accelerated transitions
+ * https://swiperjs.com
+ *
+ * Copyright 2014-2021 Vladimir Kharlampidi
+ *
+ * Released under the MIT License
+ *
+ * Released on: July 1, 2021
+ */
+
+@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-container-pointer-events{touch-action:pan-y}.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:50%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-container-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
\ No newline at end of file
diff --git a/img/Button-active.jpg b/img/Button-active.jpg
new file mode 100644
index 0000000..5bff4a7
Binary files /dev/null and b/img/Button-active.jpg differ
diff --git a/img/airbnb.svg b/img/airbnb.svg
new file mode 100644
index 0000000..cd99d43
--- /dev/null
+++ b/img/airbnb.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/img/arrow-active-small.svg b/img/arrow-active-small.svg
new file mode 100644
index 0000000..7587554
--- /dev/null
+++ b/img/arrow-active-small.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/img/arrow-active.svg b/img/arrow-active.svg
new file mode 100644
index 0000000..a7a3c0d
--- /dev/null
+++ b/img/arrow-active.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/img/arrow-unactive.svg b/img/arrow-unactive.svg
new file mode 100644
index 0000000..c4dc564
--- /dev/null
+++ b/img/arrow-unactive.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/img/author-1-s.jpg b/img/author-1-s.jpg
new file mode 100644
index 0000000..b7324a5
Binary files /dev/null and b/img/author-1-s.jpg differ
diff --git a/img/author-1.jpg b/img/author-1.jpg
new file mode 100644
index 0000000..208e7f1
Binary files /dev/null and b/img/author-1.jpg differ
diff --git a/img/author-2.jpg b/img/author-2.jpg
new file mode 100644
index 0000000..fb197a9
Binary files /dev/null and b/img/author-2.jpg differ
diff --git a/img/author-3-s.jpg b/img/author-3-s.jpg
new file mode 100644
index 0000000..55bde19
Binary files /dev/null and b/img/author-3-s.jpg differ
diff --git a/img/author-3.jpg b/img/author-3.jpg
new file mode 100644
index 0000000..3fd19df
Binary files /dev/null and b/img/author-3.jpg differ
diff --git a/img/author-4.jpg b/img/author-4.jpg
new file mode 100644
index 0000000..9739bb4
Binary files /dev/null and b/img/author-4.jpg differ
diff --git a/img/blog-1.jpg b/img/blog-1.jpg
new file mode 100644
index 0000000..64d43b3
Binary files /dev/null and b/img/blog-1.jpg differ
diff --git a/img/blog-2.jpg b/img/blog-2.jpg
new file mode 100644
index 0000000..5ce2a05
Binary files /dev/null and b/img/blog-2.jpg differ
diff --git a/img/blog-3.jpg b/img/blog-3.jpg
new file mode 100644
index 0000000..af2e4a0
Binary files /dev/null and b/img/blog-3.jpg differ
diff --git a/img/blog-main.jpg b/img/blog-main.jpg
new file mode 100644
index 0000000..1c9eb24
Binary files /dev/null and b/img/blog-main.jpg differ
diff --git a/img/book-1.jpg b/img/book-1.jpg
index de043a5..301bffc 100644
Binary files a/img/book-1.jpg and b/img/book-1.jpg differ
diff --git a/img/book-2.jpg b/img/book-2.jpg
index 674c700..2d1cab8 100644
Binary files a/img/book-2.jpg and b/img/book-2.jpg differ
diff --git a/img/book-3.jpg b/img/book-3.jpg
index 17a4f4b..77ea575 100644
Binary files a/img/book-3.jpg and b/img/book-3.jpg differ
diff --git a/img/book-4.jpg b/img/book-4.jpg
index 248ca76..9dd6e9b 100644
Binary files a/img/book-4.jpg and b/img/book-4.jpg differ
diff --git a/img/book-5.jpg b/img/book-5.jpg
index da1fcd9..8393d22 100644
Binary files a/img/book-5.jpg and b/img/book-5.jpg differ
diff --git a/img/book-6.jpg b/img/book-6.jpg
index 53c4617..9b3f7a3 100644
Binary files a/img/book-6.jpg and b/img/book-6.jpg differ
diff --git a/img/button-active-s.svg b/img/button-active-s.svg
new file mode 100644
index 0000000..8417fe6
--- /dev/null
+++ b/img/button-active-s.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/img/button-unactive-s.svg b/img/button-unactive-s.svg
new file mode 100644
index 0000000..7307f13
--- /dev/null
+++ b/img/button-unactive-s.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/img/envelope.svg b/img/envelope.svg
new file mode 100644
index 0000000..7633289
--- /dev/null
+++ b/img/envelope.svg
@@ -0,0 +1,55 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/img/fitbit.svg b/img/fitbit.svg
new file mode 100644
index 0000000..bd00ad9
--- /dev/null
+++ b/img/fitbit.svg
@@ -0,0 +1,13 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/img/footer-heart.svg b/img/footer-heart.svg
new file mode 100644
index 0000000..072afff
--- /dev/null
+++ b/img/footer-heart.svg
@@ -0,0 +1,4 @@
+
+
+
+
diff --git a/img/g.svg b/img/g.svg
new file mode 100644
index 0000000..d4674e3
--- /dev/null
+++ b/img/g.svg
@@ -0,0 +1,4 @@
+
+
+
+
diff --git a/img/google.svg b/img/google.svg
new file mode 100644
index 0000000..7263ee7
--- /dev/null
+++ b/img/google.svg
@@ -0,0 +1,8 @@
+
+
+
+
+
+
+
+
diff --git a/img/heart.svg b/img/heart.svg
deleted file mode 100644
index ff02226..0000000
--- a/img/heart.svg
+++ /dev/null
@@ -1,47 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/img/ins.svg b/img/ins.svg
new file mode 100644
index 0000000..7878555
--- /dev/null
+++ b/img/ins.svg
@@ -0,0 +1,4 @@
+
+
+
+
diff --git a/img/inst.svg b/img/inst.svg
new file mode 100644
index 0000000..ec8cb64
--- /dev/null
+++ b/img/inst.svg
@@ -0,0 +1,4 @@
+
+
+
+
diff --git a/img/lin.svg b/img/lin.svg
new file mode 100644
index 0000000..2c999fa
--- /dev/null
+++ b/img/lin.svg
@@ -0,0 +1,4 @@
+
+
+
+
diff --git a/img/netflix.svg b/img/netflix.svg
new file mode 100644
index 0000000..6003e7f
--- /dev/null
+++ b/img/netflix.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/img/sections-1.svg b/img/sections-1.svg
new file mode 100644
index 0000000..76c3ff0
--- /dev/null
+++ b/img/sections-1.svg
@@ -0,0 +1,15 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/img/sections-2.svg b/img/sections-2.svg
new file mode 100644
index 0000000..57c0f4f
--- /dev/null
+++ b/img/sections-2.svg
@@ -0,0 +1,16 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/img/sections-3.svg b/img/sections-3.svg
new file mode 100644
index 0000000..edb6ace
--- /dev/null
+++ b/img/sections-3.svg
@@ -0,0 +1,15 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/img/sections-4.svg b/img/sections-4.svg
new file mode 100644
index 0000000..79d8fb2
--- /dev/null
+++ b/img/sections-4.svg
@@ -0,0 +1,13 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/img/sections-next-small.svg b/img/sections-next-small.svg
new file mode 100644
index 0000000..7587554
--- /dev/null
+++ b/img/sections-next-small.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/img/sections-next.svg b/img/sections-next.svg
new file mode 100644
index 0000000..da21a6f
--- /dev/null
+++ b/img/sections-next.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/img/sections-prev-small.svg b/img/sections-prev-small.svg
new file mode 100644
index 0000000..95494d1
--- /dev/null
+++ b/img/sections-prev-small.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/img/sections-prev.svg b/img/sections-prev.svg
new file mode 100644
index 0000000..66976bf
--- /dev/null
+++ b/img/sections-prev.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/img/slack.svg b/img/slack.svg
new file mode 100644
index 0000000..127bd88
--- /dev/null
+++ b/img/slack.svg
@@ -0,0 +1,15 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/img/sprite.svg b/img/sprite.svg
new file mode 100644
index 0000000..0f54862
--- /dev/null
+++ b/img/sprite.svg
@@ -0,0 +1,39 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ g>
+
+
+
+
+
+
+
+
+
+
diff --git a/img/sub-bg.jpg b/img/sub-bg.jpg
new file mode 100644
index 0000000..348d106
Binary files /dev/null and b/img/sub-bg.jpg differ
diff --git a/img/top-1.jpg b/img/top-1.jpg
index 77166eb..14b136c 100644
Binary files a/img/top-1.jpg and b/img/top-1.jpg differ
diff --git a/img/top-2.jpg b/img/top-2.jpg
index 14f2924..5fc7a69 100644
Binary files a/img/top-2.jpg and b/img/top-2.jpg differ
diff --git a/img/top-3.jpg b/img/top-3.jpg
index efc3a49..7ac28b0 100644
Binary files a/img/top-3.jpg and b/img/top-3.jpg differ
diff --git a/img/top-4.jpg b/img/top-4.jpg
index fa1160e..023d04b 100644
Binary files a/img/top-4.jpg and b/img/top-4.jpg differ
diff --git a/img/tw.svg b/img/tw.svg
new file mode 100644
index 0000000..e096365
--- /dev/null
+++ b/img/tw.svg
@@ -0,0 +1,4 @@
+
+
+
+
diff --git a/img/uber.svg b/img/uber.svg
new file mode 100644
index 0000000..e4cb8aa
--- /dev/null
+++ b/img/uber.svg
@@ -0,0 +1,6 @@
+
+
+
+
+
+
diff --git a/img/unreleased-1.png b/img/unreleased-1.png
new file mode 100644
index 0000000..a00b1f9
Binary files /dev/null and b/img/unreleased-1.png differ
diff --git a/img/unreleased-2.png b/img/unreleased-2.png
new file mode 100644
index 0000000..f27213d
Binary files /dev/null and b/img/unreleased-2.png differ
diff --git a/img/unreleased-3.png b/img/unreleased-3.png
new file mode 100644
index 0000000..9972a4d
Binary files /dev/null and b/img/unreleased-3.png differ
diff --git a/img/unreleased-4.png b/img/unreleased-4.png
new file mode 100644
index 0000000..bdfa8c4
Binary files /dev/null and b/img/unreleased-4.png differ
diff --git a/img/unreleased-5.png b/img/unreleased-5.png
new file mode 100644
index 0000000..ab88939
Binary files /dev/null and b/img/unreleased-5.png differ
diff --git a/img/up.svg b/img/up.svg
new file mode 100644
index 0000000..e254aa4
--- /dev/null
+++ b/img/up.svg
@@ -0,0 +1,57 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/img/video-main.svg b/img/video-main.svg
new file mode 100644
index 0000000..5e7b3b7
--- /dev/null
+++ b/img/video-main.svg
@@ -0,0 +1,4 @@
+
+
+
+
diff --git a/img/video.svg b/img/video.svg
new file mode 100644
index 0000000..5bf6a02
--- /dev/null
+++ b/img/video.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/index.html b/index.html
index 59b995d..f48d1dc 100644
--- a/index.html
+++ b/index.html
@@ -10,7 +10,9 @@
href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&family=Roboto+Condensed:wght@700&family=Roboto:wght@500&display=swap"
rel="stylesheet"
/>
+
+
@@ -35,14 +37,18 @@