From e92f86a2988e73f85c4603a3a2169a4ca24776d5 Mon Sep 17 00:00:00 2001 From: Ekaropolus Date: Fri, 16 May 2025 19:51:14 -0600 Subject: [PATCH] Accounts Framework added --- .gitignore | 1 + docker-compose.override.yml | 15 + polisplexity/settings.py | 46 +- polisplexity/urls.py | 5 +- pxy_dashboard/templates/account/login.html | 1 + .../account/account_inactive.html | 2 +- .../pxy_dashboard/account/email.html | 2 +- .../pxy_dashboard/account/email_confirm.html | 2 +- .../pxy_dashboard/account/login.html | 15 +- .../pxy_dashboard/account/logout.html | 2 +- .../account/password_change.html | 2 +- .../pxy_dashboard/account/password_reset.html | 2 +- .../account/password_reset_done.html | 2 +- .../account/password_reset_from_key.html | 2 +- .../account/password_reset_from_key_done.html | 2 +- .../pxy_dashboard/account/password_set.html | 2 +- .../pxy_dashboard/account/signup.html | 2 +- .../pxy_dashboard/account/signup_closed.html | 2 +- .../account/verification_sent.html | 2 +- .../account/verified_email_required.html | 2 +- .../pxy_dashboard/partials/footer.html | 2 +- .../pxy_dashboard/partials/head-css.html | 1 - .../templates/socialaccount/login.html | 49 + requirements.txt | 10 + staticfiles/dashboard/css/app.main.css | 1395 +++++++++++++++++ templates/account/* | 1 + templates/account/account_inactive.html | 1 + templates/account/base.html | 1 + templates/account/email.html | 1 + templates/account/email_confirm.html | 1 + templates/account/login.html | 1 + templates/account/logout.html | 1 + templates/account/password_change.html | 1 + templates/account/password_reset.html | 1 + templates/account/password_reset_done.html | 1 + .../account/password_reset_from_key.html | 1 + .../account/password_reset_from_key_done.html | 1 + templates/account/password_set.html | 1 + templates/account/signup.html | 1 + templates/account/signup_closed.html | 1 + templates/account/verification_sent.html | 1 + .../account/verified_email_required.html | 1 + 42 files changed, 1563 insertions(+), 22 deletions(-) create mode 100644 docker-compose.override.yml create mode 120000 pxy_dashboard/templates/account/login.html create mode 100644 pxy_dashboard/templates/socialaccount/login.html create mode 100644 staticfiles/dashboard/css/app.main.css create mode 120000 templates/account/* create mode 120000 templates/account/account_inactive.html create mode 120000 templates/account/base.html create mode 120000 templates/account/email.html create mode 120000 templates/account/email_confirm.html create mode 120000 templates/account/login.html create mode 120000 templates/account/logout.html create mode 120000 templates/account/password_change.html create mode 120000 templates/account/password_reset.html create mode 120000 templates/account/password_reset_done.html create mode 120000 templates/account/password_reset_from_key.html create mode 120000 templates/account/password_reset_from_key_done.html create mode 120000 templates/account/password_set.html create mode 120000 templates/account/signup.html create mode 120000 templates/account/signup_closed.html create mode 120000 templates/account/verification_sent.html create mode 120000 templates/account/verified_email_required.html diff --git a/.gitignore b/.gitignore index 4319204..7a51187 100644 --- a/.gitignore +++ b/.gitignore @@ -27,3 +27,4 @@ db.sqlite3 # System .DS_Store pxy_city_digital_twins/__backup__/ +Dockerfile.dev diff --git a/docker-compose.override.yml b/docker-compose.override.yml new file mode 100644 index 0000000..bacf022 --- /dev/null +++ b/docker-compose.override.yml @@ -0,0 +1,15 @@ +version: "3.8" + +services: + web: + build: + context: . + dockerfile: Dockerfile.dev + command: > + sh -c "python manage.py migrate && + python manage.py runserver 0.0.0.0:8000" + ports: + - "8011:8000" + volumes: + - .:/app + - ./staticfiles:/app/staticfiles diff --git a/polisplexity/settings.py b/polisplexity/settings.py index 6505f1d..3ac8643 100644 --- a/polisplexity/settings.py +++ b/polisplexity/settings.py @@ -19,14 +19,22 @@ ALLOWED_HOSTS = os.getenv("ALLOWED_HOSTS", "").split(",") # Application definition INSTALLED_APPS = [ + # Django built-in apps "django.contrib.admin", "django.contrib.auth", "django.contrib.contenttypes", "django.contrib.sessions", "django.contrib.messages", "django.contrib.staticfiles", + "django.contrib.sites", # Required for allauth - # App modules + # Allauth + "allauth", + "allauth.account", + "allauth.socialaccount", + "allauth.socialaccount.providers.github", # GitHub login only + + # Your custom apps "core", "pxy_de", "pxy_cr", @@ -42,14 +50,34 @@ INSTALLED_APPS = [ "pxy_dashboard.apps", "pxy_dashboard.components", "pxy_dashboard.layouts", + + # Third-party apps + "crispy_forms", + "crispy_bootstrap5", + ] +CRISPY_ALLOWED_TEMPLATE_PACKS = "bootstrap5" +CRISPY_TEMPLATE_PACK = "bootstrap5" + +SITE_ID = 1 + +AUTHENTICATION_BACKENDS = [ + "django.contrib.auth.backends.ModelBackend", # default + "allauth.account.auth_backends.AuthenticationBackend", # allauth support +] + +LOGIN_REDIRECT_URL = "/" +ACCOUNT_LOGOUT_REDIRECT_URL = "/accounts/login/" + + MIDDLEWARE = [ "django.middleware.security.SecurityMiddleware", "django.contrib.sessions.middleware.SessionMiddleware", "django.middleware.common.CommonMiddleware", "django.middleware.csrf.CsrfViewMiddleware", "django.contrib.auth.middleware.AuthenticationMiddleware", + "allauth.account.middleware.AccountMiddleware", # ← Add this line "django.contrib.messages.middleware.MessageMiddleware", "django.middleware.clickjacking.XFrameOptionsMiddleware", ] @@ -59,7 +87,10 @@ ROOT_URLCONF = "polisplexity.urls" TEMPLATES = [ { "BACKEND": "django.template.backends.django.DjangoTemplates", - "DIRS": [os.path.join(BASE_DIR, "templates")], + "DIRS": [ + os.path.join(BASE_DIR, "templates"), + os.path.join(BASE_DIR, "pxy_dashboard", "templates"), + ], "APP_DIRS": True, "OPTIONS": { "context_processors": [ @@ -73,6 +104,8 @@ TEMPLATES = [ }, ] + + WSGI_APPLICATION = "polisplexity.wsgi.application" # Database @@ -132,3 +165,12 @@ CSRF_TRUSTED_ORIGINS = [ # Support for secure reverse proxy (e.g., Nginx or Hostinger HTTPS proxy) SECURE_PROXY_SSL_HEADER = ("HTTP_X_FORWARDED_PROTO", "https") + + +EMAIL_BACKEND = "django.core.mail.backends.smtp.EmailBackend" +EMAIL_HOST = "smtp.hostinger.com" +EMAIL_PORT = 465 +EMAIL_USE_SSL = True +EMAIL_HOST_USER = "noreply@polisplexity.tech" # Cambia esto por tu correo real +EMAIL_HOST_PASSWORD = os.getenv("EMAIL_HOST_PASSWORD") # Mejor usar .env +DEFAULT_FROM_EMAIL = "Polisplexity " diff --git a/polisplexity/urls.py b/polisplexity/urls.py index 12eb325..db11adf 100644 --- a/polisplexity/urls.py +++ b/polisplexity/urls.py @@ -25,14 +25,15 @@ admin.site.index_title = "Welcome to Polisplexity City Technologies Portal" urlpatterns = [ path("admin/", admin.site.urls), + path("accounts/", include("allauth.urls")), # ← Add this line path('', include('pxy_dashboard.urls')), path('core', include('core.urls')), path('', include('pxy_city_digital_twins.urls')), path('pxy_whatsapp/', include('pxy_whatsapp.urls')), - path('bots/', include('pxy_bots.urls')), # Webhook URL: /bots/webhook// + path('bots/', include('pxy_bots.urls')), path('pxy_meta_pages/', include('pxy_meta_pages.urls', namespace='pxy_meta_pages')), - ] + if settings.DEBUG: urlpatterns += static(settings.STATIC_URL, document_root=settings.STATIC_ROOT) \ No newline at end of file diff --git a/pxy_dashboard/templates/account/login.html b/pxy_dashboard/templates/account/login.html new file mode 120000 index 0000000..9482607 --- /dev/null +++ b/pxy_dashboard/templates/account/login.html @@ -0,0 +1 @@ +../pxy_dashboard/account/login.html \ No newline at end of file diff --git a/pxy_dashboard/templates/pxy_dashboard/account/account_inactive.html b/pxy_dashboard/templates/pxy_dashboard/account/account_inactive.html index ca70623..a1f374f 100644 --- a/pxy_dashboard/templates/pxy_dashboard/account/account_inactive.html +++ b/pxy_dashboard/templates/pxy_dashboard/account/account_inactive.html @@ -1,4 +1,4 @@ -{% extends "account/base.html" %} +{% extends "pxy_dashboard/account/base.html" %} {% load i18n %} diff --git a/pxy_dashboard/templates/pxy_dashboard/account/email.html b/pxy_dashboard/templates/pxy_dashboard/account/email.html index 781b1cb..6dbabff 100644 --- a/pxy_dashboard/templates/pxy_dashboard/account/email.html +++ b/pxy_dashboard/templates/pxy_dashboard/account/email.html @@ -1,4 +1,4 @@ -{% extends "account/base.html" %} +{% extends "pxy_dashboard/account/base.html" %} {% load i18n %} {% load crispy_forms_tags %} diff --git a/pxy_dashboard/templates/pxy_dashboard/account/email_confirm.html b/pxy_dashboard/templates/pxy_dashboard/account/email_confirm.html index fcdb2cf..7f668b8 100644 --- a/pxy_dashboard/templates/pxy_dashboard/account/email_confirm.html +++ b/pxy_dashboard/templates/pxy_dashboard/account/email_confirm.html @@ -1,4 +1,4 @@ -{% extends "account/base.html" %} +{% extends "pxy_dashboard/account/base.html" %} {% load i18n %} {% load account %} diff --git a/pxy_dashboard/templates/pxy_dashboard/account/login.html b/pxy_dashboard/templates/pxy_dashboard/account/login.html index 9a8373b..cbf417e 100644 --- a/pxy_dashboard/templates/pxy_dashboard/account/login.html +++ b/pxy_dashboard/templates/pxy_dashboard/account/login.html @@ -1,5 +1,6 @@ -{% extends "account/base.html" %} -{% load static crispy_forms_tags %} +{% extends "pxy_dashboard/account/base.html" %} +{% load static crispy_forms_tags socialaccount %} + {% block title %}Log In{% endblock title %} @@ -36,6 +37,16 @@

+{% load socialaccount %} + +{% if True %} +
+ + Sign in with GitHub + +
+{% endif %} +
{% csrf_token %} diff --git a/pxy_dashboard/templates/pxy_dashboard/account/logout.html b/pxy_dashboard/templates/pxy_dashboard/account/logout.html index c8cc94b..8bef177 100644 --- a/pxy_dashboard/templates/pxy_dashboard/account/logout.html +++ b/pxy_dashboard/templates/pxy_dashboard/account/logout.html @@ -1,4 +1,4 @@ -{% extends "account/base.html" %} +{% extends "pxy_dashboard/account/base.html" %} {% load i18n %} diff --git a/pxy_dashboard/templates/pxy_dashboard/account/password_change.html b/pxy_dashboard/templates/pxy_dashboard/account/password_change.html index f5ced34..58352f7 100644 --- a/pxy_dashboard/templates/pxy_dashboard/account/password_change.html +++ b/pxy_dashboard/templates/pxy_dashboard/account/password_change.html @@ -1,4 +1,4 @@ -{% extends "account/base.html" %} +{% extends "pxy_dashboard/account/base.html" %} {% load i18n %} {% load crispy_forms_tags %} diff --git a/pxy_dashboard/templates/pxy_dashboard/account/password_reset.html b/pxy_dashboard/templates/pxy_dashboard/account/password_reset.html index a70108c..6a5aa4f 100644 --- a/pxy_dashboard/templates/pxy_dashboard/account/password_reset.html +++ b/pxy_dashboard/templates/pxy_dashboard/account/password_reset.html @@ -1,4 +1,4 @@ -{% extends "account/base.html" %} +{% extends "pxy_dashboard/account/base.html" %} {% load static i18n crispy_forms_tags %} {% block title %}{% trans "Recover Password" %}{% endblock title %} diff --git a/pxy_dashboard/templates/pxy_dashboard/account/password_reset_done.html b/pxy_dashboard/templates/pxy_dashboard/account/password_reset_done.html index 5b006fe..1958d88 100644 --- a/pxy_dashboard/templates/pxy_dashboard/account/password_reset_done.html +++ b/pxy_dashboard/templates/pxy_dashboard/account/password_reset_done.html @@ -1,4 +1,4 @@ -{% extends "account/base.html" %} +{% extends "pxy_dashboard/account/base.html" %} {% load static i18n crispy_forms_tags %} {% block title %}{% trans "Password Reset" %}{% endblock title %} diff --git a/pxy_dashboard/templates/pxy_dashboard/account/password_reset_from_key.html b/pxy_dashboard/templates/pxy_dashboard/account/password_reset_from_key.html index bb86bd3..b8ee7a2 100644 --- a/pxy_dashboard/templates/pxy_dashboard/account/password_reset_from_key.html +++ b/pxy_dashboard/templates/pxy_dashboard/account/password_reset_from_key.html @@ -1,4 +1,4 @@ -{% extends "account/base.html" %} +{% extends "pxy_dashboard/account/base.html" %} {% load static i18n crispy_forms_tags %} {% block title %}{% trans "Change Password" %}{% endblock title %} diff --git a/pxy_dashboard/templates/pxy_dashboard/account/password_reset_from_key_done.html b/pxy_dashboard/templates/pxy_dashboard/account/password_reset_from_key_done.html index ba4037d..654b938 100644 --- a/pxy_dashboard/templates/pxy_dashboard/account/password_reset_from_key_done.html +++ b/pxy_dashboard/templates/pxy_dashboard/account/password_reset_from_key_done.html @@ -1,4 +1,4 @@ -{% extends "account/base.html" %} +{% extends "pxy_dashboard/account/base.html" %} {% load static i18n crispy_forms_tags %} {% block title %}{% trans "Change Password" %}{% endblock title %} diff --git a/pxy_dashboard/templates/pxy_dashboard/account/password_set.html b/pxy_dashboard/templates/pxy_dashboard/account/password_set.html index 0e9f705..ede0a52 100644 --- a/pxy_dashboard/templates/pxy_dashboard/account/password_set.html +++ b/pxy_dashboard/templates/pxy_dashboard/account/password_set.html @@ -1,4 +1,4 @@ -{% extends "account/base.html" %} +{% extends "pxy_dashboard/account/base.html" %} {% load i18n %} {% load crispy_forms_tags %} diff --git a/pxy_dashboard/templates/pxy_dashboard/account/signup.html b/pxy_dashboard/templates/pxy_dashboard/account/signup.html index 2caee5a..33d39ce 100644 --- a/pxy_dashboard/templates/pxy_dashboard/account/signup.html +++ b/pxy_dashboard/templates/pxy_dashboard/account/signup.html @@ -1,4 +1,4 @@ -{% extends "account/base.html" %} +{% extends "pxy_dashboard/account/base.html" %} {% load static i18n crispy_forms_tags %} {% block title %}{% trans "Register" %}{% endblock title %} diff --git a/pxy_dashboard/templates/pxy_dashboard/account/signup_closed.html b/pxy_dashboard/templates/pxy_dashboard/account/signup_closed.html index 180e935..d20cd48 100644 --- a/pxy_dashboard/templates/pxy_dashboard/account/signup_closed.html +++ b/pxy_dashboard/templates/pxy_dashboard/account/signup_closed.html @@ -1,4 +1,4 @@ -{% extends "account/base.html" %} +{% extends "pxy_dashboard/account/base.html" %} {% load i18n %} diff --git a/pxy_dashboard/templates/pxy_dashboard/account/verification_sent.html b/pxy_dashboard/templates/pxy_dashboard/account/verification_sent.html index ec2a070..3a6a2f8 100644 --- a/pxy_dashboard/templates/pxy_dashboard/account/verification_sent.html +++ b/pxy_dashboard/templates/pxy_dashboard/account/verification_sent.html @@ -1,4 +1,4 @@ -{% extends "account/base.html" %} +{% extends "pxy_dashboard/account/base.html" %} {% load i18n %} diff --git a/pxy_dashboard/templates/pxy_dashboard/account/verified_email_required.html b/pxy_dashboard/templates/pxy_dashboard/account/verified_email_required.html index 36cac97..0576fde 100644 --- a/pxy_dashboard/templates/pxy_dashboard/account/verified_email_required.html +++ b/pxy_dashboard/templates/pxy_dashboard/account/verified_email_required.html @@ -1,4 +1,4 @@ -{% extends "account/base.html" %} +{% extends "pxy_dashboard/account/base.html" %} {% load i18n %} diff --git a/pxy_dashboard/templates/pxy_dashboard/partials/footer.html b/pxy_dashboard/templates/pxy_dashboard/partials/footer.html index ef658f8..d36770a 100644 --- a/pxy_dashboard/templates/pxy_dashboard/partials/footer.html +++ b/pxy_dashboard/templates/pxy_dashboard/partials/footer.html @@ -3,7 +3,7 @@
- © Jidox - Coderthemes.com + © Polisplexity
diff --git a/pxy_dashboard/templates/pxy_dashboard/partials/head-css.html b/pxy_dashboard/templates/pxy_dashboard/partials/head-css.html index c47d683..1a19fcb 100644 --- a/pxy_dashboard/templates/pxy_dashboard/partials/head-css.html +++ b/pxy_dashboard/templates/pxy_dashboard/partials/head-css.html @@ -4,6 +4,5 @@ - \ No newline at end of file diff --git a/pxy_dashboard/templates/socialaccount/login.html b/pxy_dashboard/templates/socialaccount/login.html new file mode 100644 index 0000000..79acb50 --- /dev/null +++ b/pxy_dashboard/templates/socialaccount/login.html @@ -0,0 +1,49 @@ +{% extends "pxy_dashboard/account/base.html" %} +{% load static %} + +{% block title %}Sign In Via GitHub{% endblock %} + +{% block body_attr %} + class="authentication-bg position-relative" +{% endblock %} + +{% block page_content %} + {% include "pxy_dashboard/partials/background.html" %} + + + + +{% endblock %} diff --git a/requirements.txt b/requirements.txt index ca1a2c5..32fc0bd 100644 --- a/requirements.txt +++ b/requirements.txt @@ -143,4 +143,14 @@ shapely pyproj matplotlib dj-database-url>=1.0.0 +# Core auth system with social login +django-allauth>=0.52.0 + +# 2FA support (TOTP, backup tokens, etc.) +django-otp>=1.1.5 +django-two-factor-auth>=1.15.1 + +django-crispy-forms>=2.1 +crispy-bootstrap5>=0.6 + diff --git a/staticfiles/dashboard/css/app.main.css b/staticfiles/dashboard/css/app.main.css new file mode 100644 index 0000000..690ed69 --- /dev/null +++ b/staticfiles/dashboard/css/app.main.css @@ -0,0 +1,1395 @@ +/* ------------------------------------------------------------------------------ + 1. Global + 1.1 Reset styles + 1.2 Fonts + 1.3 General + 2. Header + 3. Main + 3.1 Home page + 3.2 Blog page + +-------------------------------------------------------------------------------*/ +/*------------------------------------------------------------------------------- + 1. Global +-------------------------------------------------------------------------------*/ +/* 1.1 Reset styles */ +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; } + +b, strong { + font-weight: 700; } + +i { + font-style: italic; } + +/* 1.2 Fonts */ +/* This stylesheet generated by Transfonter (https://transfonter.org) on August 21, 2017 1:40 PM */ +@font-face { + font-family: 'HelveticaNeueCyr'; + src: url("../fonts/HelveticaNeueCyr-Medium.eot"); + src: local("HelveticaNeueCyr-Medium"), url("../fonts/HelveticaNeueCyr-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/HelveticaNeueCyr-Medium.woff") format("woff"), url("../fonts/HelveticaNeueCyr-Medium.ttf") format("truetype"); + font-weight: 500; + font-style: normal; } + +@font-face { + font-family: 'HelveticaNeueCyr'; + src: url("../fonts/HelveticaNeueCyr-Heavy.eot"); + src: local("HelveticaNeueCyr-Heavy"), url("../fonts/HelveticaNeueCyr-Heavy.eot?#iefix") format("embedded-opentype"), url("../fonts/HelveticaNeueCyr-Heavy.woff") format("woff"), url("../fonts/HelveticaNeueCyr-Heavy.ttf") format("truetype"); + font-weight: 900; + font-style: normal; } + +@font-face { + font-family: 'HelveticaNeueCyr'; + src: url("../fonts/HelveticaNeueCyr-HeavyItalic.eot"); + src: local("HelveticaNeueCyr-HeavyItalic"), url("../fonts/HelveticaNeueCyr-HeavyItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/HelveticaNeueCyr-HeavyItalic.woff") format("woff"), url("../fonts/HelveticaNeueCyr-HeavyItalic.ttf") format("truetype"); + font-weight: 900; + font-style: italic; } + +@font-face { + font-family: 'HelveticaNeueCyr'; + src: url("../fonts/HelveticaNeueCyr-Black.eot"); + src: local("HelveticaNeueCyr-Black"), url("../fonts/HelveticaNeueCyr-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/HelveticaNeueCyr-Black.woff") format("woff"), url("../fonts/HelveticaNeueCyr-Black.ttf") format("truetype"); + font-weight: 900; + font-style: normal; } + +@font-face { + font-family: 'HelveticaNeueCyr'; + src: url("../fonts/HelveticaNeueCyr-UltraLightItalic.eot"); + src: local("HelveticaNeueCyr-UltraLightItalic"), url("../fonts/HelveticaNeueCyr-UltraLightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/HelveticaNeueCyr-UltraLightItalic.woff") format("woff"), url("../fonts/HelveticaNeueCyr-UltraLightItalic.ttf") format("truetype"); + font-weight: 200; + font-style: italic; } + +@font-face { + font-family: 'HelveticaNeueCyr'; + src: url("../fonts/HelveticaNeueCyr-BlackItalic.eot"); + src: local("HelveticaNeueCyr-BlackItalic"), url("../fonts/HelveticaNeueCyr-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/HelveticaNeueCyr-BlackItalic.woff") format("woff"), url("../fonts/HelveticaNeueCyr-BlackItalic.ttf") format("truetype"); + font-weight: 900; + font-style: italic; } + +@font-face { + font-family: 'HelveticaNeueCyr'; + src: url("../fonts/HelveticaNeueCyr-ThinItalic.eot"); + src: local("HelveticaNeueCyr-ThinItalic"), url("../fonts/HelveticaNeueCyr-ThinItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/HelveticaNeueCyr-ThinItalic.woff") format("woff"), url("../fonts/HelveticaNeueCyr-ThinItalic.ttf") format("truetype"); + font-weight: 100; + font-style: italic; } + +@font-face { + font-family: 'HelveticaNeueCyr'; + src: url("../fonts/HelveticaNeueCyr-MediumItalic.eot"); + src: local("HelveticaNeueCyr-MediumItalic"), url("../fonts/HelveticaNeueCyr-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/HelveticaNeueCyr-MediumItalic.woff") format("woff"), url("../fonts/HelveticaNeueCyr-MediumItalic.ttf") format("truetype"); + font-weight: 500; + font-style: italic; } + +@font-face { + font-family: 'HelveticaNeueCyr'; + src: url("../fonts/HelveticaNeueCyr-LightItalic.eot"); + src: local("HelveticaNeueCyr-LightItalic"), url("../fonts/HelveticaNeueCyr-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/HelveticaNeueCyr-LightItalic.woff") format("woff"), url("../fonts/HelveticaNeueCyr-LightItalic.ttf") format("truetype"); + font-weight: 300; + font-style: italic; } + +@font-face { + font-family: 'HelveticaNeueCyr'; + src: url("../fonts/HelveticaNeueCyr-UltraLight.eot"); + src: local("HelveticaNeueCyr-UltraLight"), url("../fonts/HelveticaNeueCyr-UltraLight.eot?#iefix") format("embedded-opentype"), url("../fonts/HelveticaNeueCyr-UltraLight.woff") format("woff"), url("../fonts/HelveticaNeueCyr-UltraLight.ttf") format("truetype"); + font-weight: 200; + font-style: normal; } + +@font-face { + font-family: 'HelveticaNeueCyr'; + src: url("../fonts/HelveticaNeueCyr-BoldItalic.eot"); + src: local("HelveticaNeueCyr-BoldItalic"), url("../fonts/HelveticaNeueCyr-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/HelveticaNeueCyr-BoldItalic.woff") format("woff"), url("../fonts/HelveticaNeueCyr-BoldItalic.ttf") format("truetype"); + font-weight: bold; + font-style: italic; } + +@font-face { + font-family: 'HelveticaNeueCyr'; + src: url("../fonts/HelveticaNeueCyr-Italic.eot"); + src: local("HelveticaNeueCyr-Italic"), url("../fonts/HelveticaNeueCyr-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/HelveticaNeueCyr-Italic.woff") format("woff"), url("../fonts/HelveticaNeueCyr-Italic.ttf") format("truetype"); + font-weight: 500; + font-style: italic; } + +@font-face { + font-family: 'HelveticaNeueCyr'; + src: url("../fonts/HelveticaNeueCyr-Roman.eot"); + src: local("HelveticaNeueCyr-Roman"), url("../fonts/HelveticaNeueCyr-Roman.eot?#iefix") format("embedded-opentype"), url("../fonts/HelveticaNeueCyr-Roman.woff") format("woff"), url("../fonts/HelveticaNeueCyr-Roman.ttf") format("truetype"); + font-weight: normal; + font-style: normal; } + +@font-face { + font-family: 'HelveticaNeueCyr'; + src: url("../fonts/HelveticaNeueCyr-Bold.eot"); + src: local("HelveticaNeueCyr-Bold"), url("../fonts/HelveticaNeueCyr-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/HelveticaNeueCyr-Bold.woff") format("woff"), url("../fonts/HelveticaNeueCyr-Bold.ttf") format("truetype"); + font-weight: bold; + font-style: normal; } + +@font-face { + font-family: 'HelveticaNeueCyr'; + src: url("../fonts/HelveticaNeueCyr-Light.eot"); + src: local("HelveticaNeueCyr-Light"), url("../fonts/HelveticaNeueCyr-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/HelveticaNeueCyr-Light.woff") format("woff"), url("../fonts/HelveticaNeueCyr-Light.ttf") format("truetype"); + font-weight: 300; + font-style: normal; } + +@font-face { + font-family: 'HelveticaNeueCyr'; + src: url("../fonts/HelveticaNeueCyr-Thin.eot"); + src: local("HelveticaNeueCyr-Thin"), url("../fonts/HelveticaNeueCyr-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/HelveticaNeueCyr-Thin.woff") format("woff"), url("../fonts/HelveticaNeueCyr-Thin.ttf") format("truetype"); + font-weight: 100; + font-style: normal; } + +/* 1.3 General */ +html, +body { + max-width: 100%; + height: 100%; } + +html { + -moz-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + -o-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; + text-size-adjust: 100%; + font-size: 16px; } + +body { + -webkit-font-smoothing: antialiased; + -moz-font-smoothing: antialiased; + -o-font-smoothing: antialiased; + -webkit-locale: auto; + font-family: "HelveticaNeueCyr", sans-serif; + color: #E2DCC8; + background: #1C1C1C; + background: -webkit-gradient(linear, left top, right top, from(#241f1f), color-stop(32%, #241f1f), to(#4a4746)); + background: linear-gradient(135deg, #0d1b2a, #1b263b, #415a77, #778da9);} + +input, button { + -webkit-appearance: none; } + +a { + text-decoration: none; + color: #E2DCC8; } + a:hover { + color: #B66449; } + +ol, +ul, +nav { + list-style: none; } + +img { + display: block; } + +*:focus { + outline: none; } + +*, :after, :before { + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin: 0; } + +body::-webkit-scrollbar { + width: 5px; + background: #E2DCC8; } + +body::-webkit-scrollbar-thumb { + background: #B66449; } + +.main { + width: 100%; + min-height: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: relative; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .main--home { + opacity: 1 !important; } } + +.noise { + z-index: -1; + position: fixed; + top: 0; + left: 0; + width: 100vw; + height: 100vh; + pointer-events: none; + opacity: .15; } + .noise--inner { + width: 100%; + height: 100%; + position: absolute; } + +.btn { + border: none; + color: #E2DCC8; + cursor: pointer; + display: inline-block; + border-radius: 70px; + background: #B66449; + -webkit-transition: background 0.3s; + transition: background 0.3s; + font-size: 0.9375vw; + line-height: 130%; + text-transform: uppercase; + text-align: center; + padding: 0.72917vw 3.125vw; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .btn { + border-radius: 13.33333vw; + font-size: 4.8vw; + padding: 3.73333vw 16vw; } } + .btn:hover { + background: #E2DCC8; + color: #B66449; } + .btn svg { + max-width: 1.875vw; + max-height: 0.83333vw; + display: block; + -o-object-fit: contain; + object-fit: contain; + -o-object-position: center; + object-position: center; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .btn svg { + max-width: 9.6vw; + max-height: 4.26667vw; } } + .btn--arrow { + padding: 1.35417vw 1.875vw; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .btn--arrow { + padding: 6.93333vw 9.6vw; } } + .btn--invert { + background: transparent; + border: 1px solid #E2DCC8; } + +.h1 { + font-weight: 500; + font-size: 3.95833vw; + line-height: 0.91; + text-transform: uppercase; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .h1 { + font-size: 11.73333vw; } } + +.small { + font-size: 0.78125vw; + line-height: 130%; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .small { + font-size: 4vw; } } + +.input-file input { + display: none; } + +.input-file span { + cursor: pointer; + text-decoration: underline; } + +/*------------------------------------------------------------------------------- + 2. Header +-------------------------------------------------------------------------------*/ +.header { + width: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + border-bottom: 1px solid rgba(230, 227, 217, 0.3); + height: 4.63542vw; + left: 0; + position: fixed; + top: 0; + z-index: 2; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .header { + height: 18.66667vw; + background: #1C1C1C; + background: #241f1f; + z-index: 100; } } + .header__left { + width: 36.927vw; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-right: 1px solid rgba(230, 227, 217, 0.3); + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-negative: 0; + flex-shrink: 0; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .header__left { + width: 60%; + border-right: 0; } } + .header__right { + width: calc(100% - 36.927vw); + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + padding-right: 1.66667vw; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .header__right { + width: 40%; + padding-right: 5.33333vw; } } + .header__letter { + width: 4.27083vw; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 1.97917vw; + text-align: center; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-right: 1px solid rgba(230, 227, 217, 0.3); } + @media screen and (max-width: 768px) and (orientation: portrait) { + .header__letter { + width: auto; + padding-left: 5.33333vw; + font-size: 7.46667vw; + padding-right: 5.33333vw; } } + .header__socials { + padding: 0 1.66667vw; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .header__socials { + padding: 0 5.33333vw; } } + .header__socials a { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + width: 0.98958vw; + height: 1.04167vw; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .header__socials a { + width: 5.33333vw; + height: 5.33333vw; } } + .header__socials a + a { + margin-left: 1.66667vw; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .header__socials a + a { + margin-left: 5.33333vw; } } + .header__socials a svg { + display: block; + max-width: 100%; + max-height: 100%; + -o-object-fit: contain; + object-fit: contain; + -o-object-position: center center; + object-position: center center; } + .header__menu { + list-style: none; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .header__menu { + display: none; } } + .header__menu li { + display: block; + padding: 0 1.66667vw; + text-transform: uppercase; } + .header__menu li a { + font-size: 0.72917vw; + line-height: 140%; + display: block; } + .header__menu li.active a { + color: #B66449; } + .header__menu.blocked li a { + cursor: default; + pointer-events: none; } + .header__phone { + text-align: right; } + .header__phone a { + font-size: 0.78125vw; + line-height: 130%; + display: block; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .header__phone a { + font-size: 4vw; + text-align: right; } } + +/*------------------------------------------------------------------------------- + 3. Main +-------------------------------------------------------------------------------*/ +/* 3.1 Home page */ +.scroll { + z-index: 1; + position: fixed; + width: 100%; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .scroll { + position: static; + padding-top: 18.66667vw; } } + +.page-title, +.sticky-title { + overflow: hidden; + width: 4.27083vw; + height: 100%; + position: fixed; + -ms-flex-negative: 0; + flex-shrink: 0; + z-index: 20; + -webkit-transform: translateX(-100%); + transform: translateX(-100%); + border-right: 1px solid rgba(230, 227, 217, 0.3); + -webkit-box-sizing: border-box; + box-sizing: border-box; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .page-title, + .sticky-title { + width: 100%; + height: 13.33333vw; + position: sticky; + top: 18.66667vw; + -webkit-transform: none; + transform: none; + border-right: 0; + border-bottom: 1px solid rgba(230, 227, 217, 0.3); } } + .page-title.show, + .sticky-title.show { + -webkit-transform: translateX(0); + transform: translateX(0); } + .page-title .number, .page-title .title, + .sticky-title .number, + .sticky-title .title { + display: block; + -webkit-transform: translateZ(0); + transform: translateZ(0); } + .page-title ul, + .sticky-title ul { + text-transform: uppercase; + width: 100vh; + font-size: 1.97917vw; + position: absolute; + bottom: 0; + left: 0; + height: 4.27083vw; + -webkit-transform-origin: 0 100%; + transform-origin: 0 100%; + -webkit-transform: rotate(-90deg) translateY(100%) translateX(4.63542vw); + transform: rotate(-90deg) translateY(100%) translateX(4.63542vw); + white-space: nowrap; + z-index: 1; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .page-title ul, + .sticky-title ul { + width: 100%; + font-size: 5.33333vw; + position: static; + height: 100%; + -webkit-transform: none; + transform: none; } } + .page-title ul li, + .sticky-title ul li { + position: absolute; + padding: 0 6.66667vw 0 1.82292vw; + overflow: hidden; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + left: 0; + width: 100%; + top: 0; + height: 100%; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .page-title ul li, + .sticky-title ul li { + padding: 0 5.33333vw; } } + +.page-title { + background: #1C1C1C; + background: #241f1f; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .page-title { + display: none; } } + .page-title ul li:not(:first-child) { + -webkit-transform: translateY(-100%); + transform: translateY(-100%); } + +.sticky-title { + -webkit-transform: translateX(0) !important; + transform: translateX(0) !important; + letter-spacing: 0.02em; + border-left: 1px solid rgba(230, 227, 217, 0.3); } + @media screen and (max-width: 768px) and (orientation: portrait) { + .sticky-title { + border-left: 0; + border-top: 1px solid rgba(230, 227, 217, 0.3); + background: #1C1C1C; + background: #241f1f; } } + .sticky-title ul { + -webkit-transform: rotate(-90deg) translateY(100%) translateX(0) !important; + transform: rotate(-90deg) translateY(100%) translateX(0) !important; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .sticky-title ul { + -webkit-transform: none !important; + transform: none !important; } } + .sticky-title span { + display: inline-block; } + +.home-page { + height: 100vh; + top: 0; + left: 0; + padding-top: 4.63542vw; + display: -webkit-box; + display: -ms-flexbox; + display: flex; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .home-page { + height: auto; + position: static; + padding-top: 0; + display: block; } } + .home-page .scrollable { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + height: 100%; + -ms-flex-negative: 0; + flex-shrink: 0; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .home-page .scrollable { + display: block; + height: auto; } } + .home-page .scrollable > * { + -ms-flex-negative: 0; + flex-shrink: 0; } + .home-page section { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + position: relative; + height: 100%; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .home-page section { + display: block; + height: auto; } } + .home-page .content { + width: 100vw; + height: 100%; + padding-left: 4.27083vw; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + position: relative; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .home-page .content { + display: block; + width: 100%; + height: auto; + padding-left: 0; } } + .home-page .content__bg { + position: absolute; + z-index: -2; + width: calc(100% - 4.27083vw); + height: 100%; + background-size: cover; + right: 0; + top: 0; + pointer-events: none; + opacity: 0.5; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .home-page .content__bg { + width: 100%; } } + .home-page .content__bg::before { + content: ""; + width: 100%; + height: 100%; + position: absolute; + left: 0; + top: 0; + z-index: 1; + background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.31)), to(rgba(0, 0, 0, 0.31))); + background: linear-gradient(0deg, rgba(0, 0, 0, 0.31), rgba(0, 0, 0, 0.31)); + display: block; } + .home-page .content__left { + width: calc(36.927vw - 4.27083vw); + border-right: 1px solid rgba(230, 227, 217, 0.3); + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding: 1.14583vw 2.08333vw 1.14583vw 1.14583vw; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + overflow: hidden; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .home-page .content__left { + width: 100%; + border-right: 0; + border-bottom: 1px solid rgba(230, 227, 217, 0.3); + padding: 5.33333vw; } } + .home-page .content__right { + width: calc(100% - (36.927vw - 4.27083vw)); + padding: 1.14583vw 1.14583vw; + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: relative; + overflow: hidden; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .home-page .content__right { + width: 100%; + padding: 5.33333vw; } } + .home-page .content__title > * { + position: relative; } + .home-page .content__description { + margin-top: 2.5vw; + max-width: 19.79167vw; + position: relative; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .home-page .content__description { + max-width: 100%; + margin-top: 8vw; } } + .home-page .content__description + .content__btn-block { + margin-top: 5.46875vw; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .home-page .content__description + .content__btn-block { + margin-top: 10.66667vw; } } + .home-page .content__btn-block { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; + margin-top: 3.90625vw; + position: relative; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .home-page .content__btn-block { + margin-top: 10.66667vw; } } + .home-page .content__btn-label { + margin-right: 1.40625vw; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .home-page .content__btn-label { + margin-right: 7.2vw; } } + .home-page .content__btn-btn { + -ms-flex-negative: 0; + flex-shrink: 0; } + .home-page .content__menu { + list-style: none; + margin-top: 6.82292vw; + margin-left: -1.14583vw; + margin-right: -2.08333vw; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .home-page .content__menu { + margin-top: 2.60417vw; + margin-left: -5.33333vw; + margin-right: -5.33333vw; } } + .home-page .content__menu li { + font-size: 1.14583vw; + line-height: 160%; + text-transform: uppercase; + border-top: 1px solid #E2DCC8; + border-bottom: 1px solid #E2DCC8; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + position: relative; + opacity: 0.5; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .home-page .content__menu li { + font-size: 4.26667vw; + opacity: 1; } } + .home-page .content__menu li + li { + margin-top: -1px; } + .home-page .content__menu li > span { + color: inherit; + padding: 0.46875vw 2.70833vw 0.46875vw 1.14583vw; + display: block; + width: 100%; + position: relative; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .home-page .content__menu li > span { + padding: 2.4vw 10.66667vw 2.4vw 5.33333vw; } } + .home-page .content__menu li > a { + color: inherit; + padding: 0.46875vw 2.70833vw 0.46875vw 1.14583vw; + display: block; + width: 100%; + position: relative; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .home-page .content__menu li > a { + padding: 2.4vw 8.53333vw 2.4vw 5.33333vw; } + .home-page .content__menu li > a:not(.noicon)::after { + content: ""; + position: absolute; + right: 0.83333vw; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + width: 0.98958vw; + height: 0.98958vw; + background: url(../img/arrow-link.svg) center center no-repeat; + background-size: contain; + pointer-events: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } } + @media screen and (max-width: 768px) and (orientation: portrait) and (max-width: 768px) and (orientation: portrait) { + .home-page .content__menu li > a:not(.noicon)::after { + right: 4.26667vw; + width: 4.26667vw; + height: 4.26667vw; } } + .home-page .content__menu li:hover { + opacity: 0.8; } + .home-page .content__menu li.active { + opacity: 1; } + .home-page .content__menu li.active a:not(.noicon)::after { + content: ""; + position: absolute; + right: 0.83333vw; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + width: 0.98958vw; + height: 0.98958vw; + background: url(../img/arrow-link.svg) center center no-repeat; + background-size: contain; + pointer-events: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .home-page .content__menu li.active a:not(.noicon)::after { + right: 4.26667vw; + width: 4.26667vw; + height: 4.26667vw; } } + .home-page .content__subtitle { + font-weight: 500; + font-size: 2.08333vw; + line-height: 120%; + max-width: 26.77083vw; + position: relative; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .home-page .content__subtitle { + font-size: 8.53333vw; + max-width: 100%; } } + .home-page .content__subtitle span { + color: #B66449; } + .home-page .content__awards { + margin-left: -1.14583vw; + margin-right: -1.14583vw; + height: -webkit-fill-available; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .home-page .content__awards { + margin-left: -5.33333vw; + margin-right: -5.33333vw; + margin-top: 5.33333vw; + display: block; + height: auto; } } + .home-page .content__award { + min-height: 16.19048vh; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding: 2.09524vh 3.85417vw; + overflow: hidden; + position: relative; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .home-page .content__award { + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 4vw 5.33333vw; + min-height: 0; } } + .home-page .content__award + .content__award { + border-top: 1px solid rgba(226, 220, 200, 0.3); } + .home-page .content__award-img { + width: 4.42708vw; + height: 4.42708vw; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-preferred-size: 4.42708vw; + flex-basis: 4.42708vw; + -ms-flex-negative: 0; + flex-shrink: 0; + margin-right: 3.80208vw; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .home-page .content__award-img { + width: 13.33333vw; + height: 13.33333vw; + -ms-flex-preferred-size: 13.33333vw; + flex-basis: 13.33333vw; + margin-right: 9.33333vw; } } + .home-page .content__award-img img { + max-width: 100%; + max-height: 100%; + -o-object-fit: contain; + object-fit: contain; + display: block; } + .home-page .content__award-title { + width: 16.14583vw; + margin-right: 3.02083vw; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .home-page .content__award-title { + width: calc(100% - 23vw); + margin-right: 0; } } + .home-page .content__award-title p { + font-size: 1.14583vw; + line-height: 130%; + text-transform: uppercase; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .home-page .content__award-title p { + font-size: 4.53333vw; } } + .home-page .content__award-title span { + opacity: 0.5; } + .home-page .content__award-text { + width: 20.3125vw; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .home-page .content__award-text { + width: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin-top: 4vw; + padding-left: 22.13333vw; } } + .home-page .content__contacts { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .home-page .content__contacts { + display: block; + margin-top: 10.66667vw; } } + .home-page .content__brief { + width: 16.71875vw; + margin-right: 10.05208vw; + position: relative; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .home-page .content__brief { + width: 100%; + margin-right: 0; } } + .home-page .content__brief-title { + font-size: 0.9375vw; + line-height: 1.82292vw; + -webkit-text-decoration-line: underline; + text-decoration-line: underline; + text-transform: uppercase; + color: inherit; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .home-page .content__brief-title { + font-size: 4.8vw; + line-height: 9.33333vw; } } + .home-page .content__brief-text { + margin-top: 1.25vw; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .home-page .content__brief-text { + margin-top: 5.33333vw; } } + .home-page .content__brief-text label, .home-page .content__brief-text span, .home-page .content__brief-text a { + color: #B66449; } + .home-page .content__form { + width: 25.78125vw; + position: relative; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .home-page .content__form { + width: 100%; + margin-top: 3.125vw; } } + .home-page .content__form-placeholder { + height: 100%; + width: 100%; + font-size: 0.9375vw; + line-height: 2.60417vw; + opacity: 0.5; + text-transform: uppercase; + pointer-events: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + display: block; + -webkit-transition: 0.2s; + transition: 0.2s; + position: absolute; + top: 0; + left: 0; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .home-page .content__form-placeholder { + font-size: 4.8vw; + line-height: 13.33333vw; } } + .home-page .content__form-input { + height: 2.60417vw; + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: relative; + display: block; + width: 100%; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .home-page .content__form-input { + height: 13.33333vw; } } + .home-page .content__form-input + .content__form-input { + margin-top: 2.91667vw; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .home-page .content__form-input + .content__form-input { + margin-top: 5.33333vw; } } + .home-page .content__form-input input { + background: transparent; + height: 100%; + width: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding: 0; + margin: 0; + outline: none; + color: inherit; + border: none; + border-bottom: 1px solid #E2DCC8; + font-size: 0.9375vw; + line-height: 1.82292vw; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .home-page .content__form-input input { + font-size: 4.8vw; + line-height: 9.33333vw; } } + .home-page .content__form-input input.valid, .home-page .content__form-input input:focus { + outline: none; } + .home-page .content__form-input input.valid + .content__form-placeholder, .home-page .content__form-input input:focus + .content__form-placeholder { + font-size: 0.67708vw; + line-height: 0.67708vw; + top: -0.3125vw; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .home-page .content__form-input input.valid + .content__form-placeholder, .home-page .content__form-input input:focus + .content__form-placeholder { + font-size: 3.46667vw; + line-height: 3.46667vw; + top: -1.6vw; } } + .home-page .content__form-btn { + margin-top: 4.0625vw; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .home-page .content__form-btn { + margin-top: 8vw; } } + .home-page .content__slider { + margin-left: 17.65625vw; + padding-left: 10.41667vw; + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin-top: 21.33333vh; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .home-page .content__slider { + margin-left: 0; + padding-left: 13.33333vw; + margin-top: 16vw; } } + .home-page .content__slider::before { + content: ""; + display: block; + width: 5.26042vw; + height: 4.53125vw; + position: absolute; + left: 0; + top: 0; + pointer-events: none; + background: url("../img/q.png") left top no-repeat; + background-size: contain; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .home-page .content__slider::before { + width: 12vw; + height: 8vw; } } + .home-page .content__slider-name { + margin-top: 4.66667vh; + font-size: 1.14583vw; + line-height: 1.59; + text-transform: uppercase; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .home-page .content__slider-name { + margin-top: 8vw; + font-size: 4.8vw; } } + .home-page .content__slider-staff { + margin-top: 0.41667vw; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .home-page .content__slider-staff { + margin-top: 2.13333vw; } } + +.slides { + position: relative; + width: 30.20833vw; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .slides { + width: 100%; } } + .slides__container { + position: relative; + overflow: hidden; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + height: 32.38095vh; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .slides__container { + height: 66.66667vw; } } + .slides__inner { + position: relative; + height: 100%; + width: 100%; + overflow: hidden; } + .slides__controls { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + margin-top: 1.5625vw; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .slides__controls { + margin-top: 5.33333vw; } } + .slides__btn--prev { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); } + .slides__btn + .slides__btn { + margin-left: 1.82292vw; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .slides__btn + .slides__btn { + margin-left: 5.33333vw; } } + .slides .slide { + position: absolute; + height: 100%; + width: 100%; + display: block; } + +.home__circles { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: hidden; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .home__circles { + position: relative; + height: 80vw; } } + .home__circles-lines { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + width: 100%; + height: 100%; + position: absolute; + left: 0; + top: 0; + z-index: 1; } + .home__circles-lines div { + width: 1px; + height: 0; + background: rgba(230, 227, 217, 0.3); + opacity: 0; } + .home__circles-lines div:first-child, .home__circles-lines div:last-child { + opacity: 0; } + +.home__circle { + width: 31.66667vw; + height: 31.71875vw; + border-radius: 50%; + overflow: hidden; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + position: absolute; + top: 50%; + z-index: 2; + background: rgba(19, 19, 19, 0.4); } + @media screen and (max-width: 768px) and (orientation: portrait) { + .home__circle { + width: 74.66667vw; + height: 74.66667vw; } } + .home__circle-img { + width: 100%; + height: 100%; + display: block; + -o-object-fit: cover; + object-fit: cover; } + .home__circle-text { + font-size: 1.14583vw; + line-height: 130%; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .home__circle-text { + font-size: 4.8vw; } } + .home__circle-text a { + text-decoration: underline; + color: inherit; } + .home__circle-text a:hover { + color: inherit; + text-decoration: none; } + .home__circle--left { + left: 250%; + -webkit-transform: translateY(-50%) translateX(-95%); + transform: translateY(-50%) translateX(-95%); } + @media screen and (max-width: 768px) and (orientation: portrait) { + .home__circle--left { + left: 0; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); } } + .home__circle--right { + z-index: 3; + right: 250%; + -webkit-transform: translateY(-50%) translateX(95%); + transform: translateY(-50%) translateX(95%); } + @media screen and (max-width: 768px) and (orientation: portrait) { + .home__circle--right { + right: 0; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); } } + +.home__numbers { + margin-top: auto; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .home__numbers { + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-top: 1.5625vw; } } + +.home__number { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + position: relative; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .home__number { + width: 50%; } } + .home__number-digital { + font-size: 3.85417vw; + line-height: 140%; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .home__number-digital { + font-size: 13.33333vw; } } + .home__number-text { + margin-left: 1.35417vw; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .home__number-text { + margin-left: 5.33333vw; } } + +.projects__blocks { + height: 100%; + overflow: hidden; + position: relative; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .projects__blocks { + display: none; } } + +.projects__block { + height: auto; + overflow: visible; + display: none; } + .projects__block + .projects__block { + padding-top: 2.60417vw; } + .projects__block img { + width: 100%; + display: block; + -webkit-transition: -webkit-transform 0.3s; + transition: -webkit-transform 0.3s; + transition: transform 0.3s; + transition: transform 0.3s, -webkit-transform 0.3s; } + .projects__block a { + display: block; + width: 100%; + overflow: hidden; } + .projects__block a img:hover { + -webkit-transform: scale(1.1); + transform: scale(1.1); } + .projects__block.active { + display: block; } + +.testimonials__clients { + margin-top: auto; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + position: relative; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .testimonials__clients { + margin-top: 13.33333vw; } } + +.testimonials__client { + width: 50%; + -webkit-box-sizing: border-box; + box-sizing: border-box; + height: 11.42857vh; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + margin: 0.26042vw 0; + padding: 0 0.26042vw; + position: relative; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .testimonials__client { + height: 21.33333vw; + margin: 1.33333vw 0; + padding: 0 1.33333vw; } } + .testimonials__client img { + display: block; + max-width: 100%; + max-height: 100%; } + +.news__blocks { + height: 100%; + overflow: hidden; + padding-right: 1.5625vw; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .news__blocks { + display: none; } } + +.news__block { + height: auto; + overflow: visible; + display: none; } + .news__block + .news__block { + padding-top: 5.20833vw; } + .news__block img { + width: 100%; + display: block; + -webkit-transition: -webkit-transform 0.3s; + transition: -webkit-transform 0.3s; + transition: transform 0.3s; + transition: transform 0.3s, -webkit-transform 0.3s; } + .news__block a { + display: block; + width: 100%; + overflow: hidden; } + .news__block a img:hover { + -webkit-transform: scale(1.1); + transform: scale(1.1); } + .news__block-info { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + margin-bottom: 2.86458vw; } + .news__block-date { + width: 19.79167vw; + opacity: 0.6; } + .news__block-text { + width: 20.3125vw; } + .news__block-number { + font-weight: 500; + font-size: 2.08333vw; + line-height: 1; } + .news__block.active { + display: block; } + +.contacts__copyright { + margin-top: auto; + position: relative; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .contacts__copyright { + margin-top: 8vw; } } + +.contacts__form { + margin-top: 7.61905vh; } + @media screen and (max-width: 768px) and (orientation: portrait) { + .contacts__form { + margin-top: 13.33333vw; } } + +/*# sourceMappingURL=maps/main.css.map */ diff --git a/templates/account/* b/templates/account/* new file mode 120000 index 0000000..2f68b4b --- /dev/null +++ b/templates/account/* @@ -0,0 +1 @@ +../../pxy_dashboard/templates/pxy_dashboard/account/* \ No newline at end of file diff --git a/templates/account/account_inactive.html b/templates/account/account_inactive.html new file mode 120000 index 0000000..4762038 --- /dev/null +++ b/templates/account/account_inactive.html @@ -0,0 +1 @@ +../../pxy_dashboard/templates/pxy_dashboard/account/account_inactive.html \ No newline at end of file diff --git a/templates/account/base.html b/templates/account/base.html new file mode 120000 index 0000000..bd36cc1 --- /dev/null +++ b/templates/account/base.html @@ -0,0 +1 @@ +../../pxy_dashboard/templates/pxy_dashboard/account/base.html \ No newline at end of file diff --git a/templates/account/email.html b/templates/account/email.html new file mode 120000 index 0000000..c79e492 --- /dev/null +++ b/templates/account/email.html @@ -0,0 +1 @@ +../../pxy_dashboard/templates/pxy_dashboard/account/email.html \ No newline at end of file diff --git a/templates/account/email_confirm.html b/templates/account/email_confirm.html new file mode 120000 index 0000000..0fb0922 --- /dev/null +++ b/templates/account/email_confirm.html @@ -0,0 +1 @@ +../../pxy_dashboard/templates/pxy_dashboard/account/email_confirm.html \ No newline at end of file diff --git a/templates/account/login.html b/templates/account/login.html new file mode 120000 index 0000000..2ab206c --- /dev/null +++ b/templates/account/login.html @@ -0,0 +1 @@ +../../pxy_dashboard/templates/pxy_dashboard/account/login.html \ No newline at end of file diff --git a/templates/account/logout.html b/templates/account/logout.html new file mode 120000 index 0000000..7a695f3 --- /dev/null +++ b/templates/account/logout.html @@ -0,0 +1 @@ +../../pxy_dashboard/templates/pxy_dashboard/account/logout.html \ No newline at end of file diff --git a/templates/account/password_change.html b/templates/account/password_change.html new file mode 120000 index 0000000..e4a9170 --- /dev/null +++ b/templates/account/password_change.html @@ -0,0 +1 @@ +../../pxy_dashboard/templates/pxy_dashboard/account/password_change.html \ No newline at end of file diff --git a/templates/account/password_reset.html b/templates/account/password_reset.html new file mode 120000 index 0000000..8fcba89 --- /dev/null +++ b/templates/account/password_reset.html @@ -0,0 +1 @@ +../../pxy_dashboard/templates/pxy_dashboard/account/password_reset.html \ No newline at end of file diff --git a/templates/account/password_reset_done.html b/templates/account/password_reset_done.html new file mode 120000 index 0000000..cb16538 --- /dev/null +++ b/templates/account/password_reset_done.html @@ -0,0 +1 @@ +../../pxy_dashboard/templates/pxy_dashboard/account/password_reset_done.html \ No newline at end of file diff --git a/templates/account/password_reset_from_key.html b/templates/account/password_reset_from_key.html new file mode 120000 index 0000000..36336a1 --- /dev/null +++ b/templates/account/password_reset_from_key.html @@ -0,0 +1 @@ +../../pxy_dashboard/templates/pxy_dashboard/account/password_reset_from_key.html \ No newline at end of file diff --git a/templates/account/password_reset_from_key_done.html b/templates/account/password_reset_from_key_done.html new file mode 120000 index 0000000..ff84ee6 --- /dev/null +++ b/templates/account/password_reset_from_key_done.html @@ -0,0 +1 @@ +../../pxy_dashboard/templates/pxy_dashboard/account/password_reset_from_key_done.html \ No newline at end of file diff --git a/templates/account/password_set.html b/templates/account/password_set.html new file mode 120000 index 0000000..6fbfd34 --- /dev/null +++ b/templates/account/password_set.html @@ -0,0 +1 @@ +../../pxy_dashboard/templates/pxy_dashboard/account/password_set.html \ No newline at end of file diff --git a/templates/account/signup.html b/templates/account/signup.html new file mode 120000 index 0000000..dda31e1 --- /dev/null +++ b/templates/account/signup.html @@ -0,0 +1 @@ +../../pxy_dashboard/templates/pxy_dashboard/account/signup.html \ No newline at end of file diff --git a/templates/account/signup_closed.html b/templates/account/signup_closed.html new file mode 120000 index 0000000..7c5b57d --- /dev/null +++ b/templates/account/signup_closed.html @@ -0,0 +1 @@ +../../pxy_dashboard/templates/pxy_dashboard/account/signup_closed.html \ No newline at end of file diff --git a/templates/account/verification_sent.html b/templates/account/verification_sent.html new file mode 120000 index 0000000..f7d1315 --- /dev/null +++ b/templates/account/verification_sent.html @@ -0,0 +1 @@ +../../pxy_dashboard/templates/pxy_dashboard/account/verification_sent.html \ No newline at end of file diff --git a/templates/account/verified_email_required.html b/templates/account/verified_email_required.html new file mode 120000 index 0000000..1575978 --- /dev/null +++ b/templates/account/verified_email_required.html @@ -0,0 +1 @@ +../../pxy_dashboard/templates/pxy_dashboard/account/verified_email_required.html \ No newline at end of file