diff --git a/.gitignore b/.gitignore index 36b13f1..3e29de5 100644 --- a/.gitignore +++ b/.gitignore @@ -121,13 +121,6 @@ ipython_config.py # PEP 582; used by e.g. github.com/David-OConnor/pyflow and github.com/pdm-project/pdm __pypackages__/ -# Celery stuff -celerybeat-schedule -celerybeat.pid - -# SageMath parsed files -*.sage.py - # Environments .env .venv diff --git a/README.md b/README.md index 7844e67..4d55767 100644 --- a/README.md +++ b/README.md @@ -16,7 +16,8 @@ data model, folder layout, deployment, and phased implementation plan. - Django 6.0, Python 3.12 - Postgres (production), SQLite (local fallback) -- Redis + Celery/Beat for background jobs (sends, scheduled posts) +- **Django Tasks (`django.tasks`)** for background work (sends, scheduled posts) — Postgres + queue store + a single worker process; no Redis/Celery - `uv` package manager - Docker; deployed via the `server-infra` Ansible pipeline onto active/active hosts behind Nginx Proxy Manager (same pattern as `company_site`) @@ -38,9 +39,10 @@ Once scaffolded: ```bash uv sync -docker compose up # web + postgres + redis +docker compose up # web + postgres uv run python manage.py migrate uv run python manage.py runserver +# Dev uses ImmediateBackend — tasks run inline. For prod-like workers, run worker-entrypoint. ``` ## Deployment @@ -48,4 +50,5 @@ uv run python manage.py runserver CI on merge to `main` runs tests, then calls `server-infra/scripts/deploy.sh --app monica_site --env prod --ref `. Requires a `monica_site` entry in the `server-infra` `app_catalog`, a reserved host port pair, -a shared-Postgres database, Redis, and a control-node secret env file. Details in the design doc. +a shared-Postgres database, a singleton django.tasks worker on one host, and a control-node +secret env file. Details in the design doc. diff --git a/docs/monica-site-design.md b/docs/monica-site-design.md index adbb0d3..fe49e9e 100644 --- a/docs/monica-site-design.md +++ b/docs/monica-site-design.md @@ -64,13 +64,12 @@ flowchart TB end subgraph worker [Background - single host] - WorkerProc["Celery worker"] - Beat["Celery beat (scheduler)"] + TaskWorker["django.tasks worker process"] + DispatchTick["dispatch_due management command / tick"] end subgraph data [Shared services 10.0.0.230] - PG[("Postgres - monica_site DB")] - Redis[("Redis - broker + cache")] + PG[("Postgres - monica_site DB + task queue store")] end subgraph external [External APIs] @@ -85,39 +84,69 @@ flowchart TB Realtor(["Realtor (portal)"]) --> NPM NPM --> Web1 & Web2 Web1 & Web2 --> PG - Web1 & Web2 --> Redis Web1 & Web2 --> Recaptcha - WorkerProc --> PG - WorkerProc --> Redis - Beat --> Redis - WorkerProc --> SMTP2GO & Postcard & Meta & LinkedIn + TaskWorker --> PG + DispatchTick --> PG + TaskWorker --> SMTP2GO & Postcard & Meta & LinkedIn ``` Key points: - **Web tier is stateless** and runs on every app host (matches `company_site`: active/active behind NPM, `SECURE_PROXY_SSL_HEADER`, `USE_X_FORWARDED_HOST`). -- **Background tier is a singleton**: exactly one Celery worker + one beat, so scheduled - postcards/social posts and bulk sends fire once (not once per replica). Pinned to one host. -- **Shared external Postgres + Redis** live on the existing `10.0.0.230` box alongside NPM, - consistent with the `server-infra` shared-Postgres model. +- **Background work uses Django 6.0 Tasks (`django.tasks`)** — define with `@task`, enqueue with + `.enqueue()`. Queue store lives in **Postgres** (same DB as the app). No Redis, no Celery. +- **Worker is a singleton**: Django's Tasks API does not run tasks itself; a separate worker + process (from a production-capable third-party backend) claims and executes queued tasks. + Exactly one worker host so scheduled sends don't duplicate. +- **Shared external Postgres** on `10.0.0.230` (same pattern as `company_site`). --- -## 4. Why background jobs (and the Django 6.0 angle) +## 4. Background jobs — Django Tasks (not Celery/Redis) -Postcard rendering/mailing, social scheduling, and bulk email/SMS are slow, rate-limited, and -retry-prone — they must run outside the request cycle. +Postcard mailing, social publishing, and bulk email/SMS must run outside the request cycle. -- **Recommended: Celery + Redis + Celery Beat.** Mature, supports scheduled (cron-like) jobs, - retries with backoff, and rate limiting per provider. Beat runs on one host only. -- **Django 6.0 Tasks framework (`django.tasks`)** is a clean native way to *enqueue* background - work and will be used for the app-facing API (`enqueue()` calls), but it is a task-execution - abstraction, not a cron scheduler — so Beat still owns time-based triggers. We wrap enqueue - calls thinly so we can swap backends later. +### Decision +Use **Django 6.0's built-in Tasks framework** (`django.tasks`) as the only background API. -> Decision: use Celery/Redis for execution + scheduling now; keep enqueue calls behind a small -> `messaging.tasks`/`social.tasks` seam so a future move to pure `django.tasks` is mechanical. +| Piece | Choice | +|-------|--------| +| Define / enqueue | `@task` + `.enqueue()` / `aenqueue()` | +| Dev / tests | `ImmediateBackend` (or `DummyBackend` in tests) | +| Production queue | Third-party **database-backed** Task backend (Postgres queue store) + its worker CLI | +| Deferred / scheduled | Prefer `using(run_after=...)` when the backend supports defer; otherwise poll due rows via a small `dispatch_due` management command that enqueues Tasks | +Django guarantees task definition, validation, queuing, and result handling. **Execution** is +always a separate worker process — pick a backend from the +[Django Tasks community ecosystem](https://docs.djangoproject.com/en/6.0/topics/tasks/) / +Django Packages grid that provides a durable queue + worker. Do **not** introduce Redis or +Celery for this app. + +### Pattern + +```python +from functools import partial +from django.db import transaction +from django.tasks import task + +@task +def send_campaign_message(message_id: int) -> None: + ... + +# After DB writes commit — workers use a separate connection +with transaction.atomic(): + message = Message.objects.create(...) + transaction.on_commit(partial(send_campaign_message.enqueue, message_id=message.pk)) +``` + +Scheduled social/campaign work: +1. Persist `scheduled_for` on the model when the realtor schedules. +2. Either enqueue immediately with `run_after=scheduled_for` (if backend supports defer), **or** + run `manage.py dispatch_due` on a short interval (same host as the worker) to find due rows + and `.enqueue()` publish/send tasks. +3. Worker executes; updates status / `provider_message_id` / `remote_id` on success or failure. + +> No Redis broker. Task queue + app data share Postgres. One less moving part vs Celery. --- ## 5. Django Apps & Responsibilities @@ -237,21 +266,23 @@ realtor with a fixed set of accounts. app review / posting-scope approval — start this early. - Connectors live in `social/connectors/{meta,linkedin}.py` behind a common `SocialConnector` interface (`publish(post, target) -> remote_id`, `refresh_token()`). -- OAuth tokens stored encrypted; Beat enqueues due `SocialPost`s; worker fans out to each - `SocialPostTarget` with per-platform retry. +- OAuth tokens stored encrypted; due `SocialPost`s are enqueued as Django Tasks + (`run_after` or `dispatch_due`); the task worker fans out to each `SocialPostTarget` + with per-platform retry. ```mermaid sequenceDiagram participant R as Realtor participant D as Dashboard participant DB as Postgres - participant B as Celery Beat - participant W as Worker + participant T as django.tasks enqueue + participant W as Task worker participant P as Platform API R->>D: Compose post, pick FB/IG/LI, schedule D->>DB: SocialPost + SocialPostTargets (status=scheduled) - B->>DB: poll due posts - B->>W: enqueue publish(target) + D->>T: enqueue publish with run_after or via dispatch_due + T->>DB: task row in queue store + W->>DB: claim due task W->>P: publish via connector P-->>W: remote_id / error W->>DB: update target status + remote_id @@ -278,9 +309,9 @@ db**, `scripts/docker-entrypoint.sh`, `.gitea/workflows`). ``` monica_site/ # repo root ├── Dockerfile # python:3.12-slim + uv (copy of company_site pattern) -├── docker-compose.yml # local dev: web + db + redis -├── docker-compose.prod.yml # prod: web only (+ worker/beat); external PG + Redis -├── pyproject.toml # uv-managed deps (django==6.0, ...) +├── docker-compose.yml # local dev: web + db (+ optional task worker) +├── docker-compose.prod.yml # prod: web on all hosts; task worker on one host; external PG +├── pyproject.toml # uv-managed deps (django==6.0, db task backend, ...) ├── uv.lock ├── .env.example / .env.prod.example # documented env (extends company_site's) ├── .dockerignore / .gitignore @@ -290,8 +321,7 @@ monica_site/ # repo root │ └── monica-site-design.md # this document ├── scripts/ │ ├── docker-entrypoint.sh # migrate + collectstatic + gunicorn (web role) -│ ├── worker-entrypoint.sh # celery worker -│ ├── beat-entrypoint.sh # celery beat +│ ├── worker-entrypoint.sh # django.tasks backend worker (+ optional dispatch_due loop) │ └── validate-env.sh ├── .gitea/workflows/ │ ├── ci.yml # PR: uv sync + manage.py test @@ -303,17 +333,18 @@ monica_site/ # repo root │ ├── __init__.py │ ├── settings/ │ │ ├── __init__.py # dispatch on DJANGO_ENV (dev|beta|prod) - │ │ ├── base.py # shared (DATABASE_URL parse, recaptcha, smtp2go, celery) - │ │ ├── dev.py + │ │ ├── base.py # shared (DATABASE_URL, TASKS, recaptcha, smtp2go) + │ │ ├── dev.py # ImmediateBackend for local │ │ ├── beta.py - │ │ ├── prod.py # DEBUG off, proxy SSL header, secure cookies + │ │ ├── prod.py # DEBUG off, proxy SSL header, secure cookies, DB task backend │ │ └── logging.py - │ ├── celery.py # Celery app │ ├── storage.py # TolerantManifestStaticFilesStorage (reuse) │ ├── urls.py │ ├── asgi.py │ └── wsgi.py ├── core/ # base models/mixins/utils + │ └── management/commands/ + │ └── dispatch_due.py # poll scheduled rows → enqueue django.tasks (if needed) ├── public/ # marketing pages + contact form (+ templates/static) ├── accounts/ # realtor auth + RealtorProfile ├── dashboard/ # private portal shell @@ -322,7 +353,7 @@ monica_site/ # repo root ├── analytics/ # UTMVisit, Attribution + reports ├── messaging/ # templates, campaigns, messages, tasks │ ├── models.py - │ ├── tasks.py # celery tasks (send email/sms/postcard batches) + │ ├── tasks.py # @task senders (email/sms/postcard batches) │ ├── channels/ # email.py, sms.py, postcard.py (dispatch) │ └── providers/ │ ├── email/smtp2go.py @@ -330,7 +361,7 @@ monica_site/ # repo root │ └── postcard/{base.py,lob.py,click2mail.py,postgrid.py} └── social/ # accounts, posts, scheduling ├── models.py - ├── tasks.py + ├── tasks.py # @task publish_social_target, etc. └── connectors/{base.py,meta.py,linkedin.py} ``` @@ -349,10 +380,11 @@ We plug in by mirroring `company_site` and adding one catalog entry. - **Dockerfile**: identical pattern to `company_site` — `python:3.12-slim`, `uv sync --frozen --no-dev`, copy project, `scripts/docker-entrypoint.sh` runs `migrate → collectstatic → gunicorn monica_site.wsgi:application`. -- **`docker-compose.prod.yml`**: `web` service only for the app hosts (external Postgres + - Redis via `DATABASE_URL` / `REDIS_URL`; **drop the bundled `db`**, per the server-infra - "required changes in each app repo" checklist). Add `worker` + `beat` services deployed to a - single host (or a separate `docker-compose.worker.yml`) so schedulers are singletons. +- **`docker-compose.prod.yml`**: `web` on app hosts (external Postgres via `DATABASE_URL`; + **drop the bundled `db`**, per the server-infra checklist). Add a **`worker`** service on + exactly one host (or `docker-compose.worker.yml`) that runs the chosen django.tasks backend + worker. Optionally the same process/host loops `dispatch_due` for schedule polling if the + backend lacks `run_after` defer support. ### 8.2 server-infra wiring (repo reviewed) - Add to `inventory/group_vars/all.yml` → `app_catalog`: @@ -370,10 +402,10 @@ monica_site: - Assign host ports in `host_vars/.yml` `host_apps` (reserve a new port pair, e.g. `prod 8003 / beta 8013`, matching across adama+roslin so NPM can balance). - Create control-node secret `~/Documents/secrets/monica_site/monica_site_prod.env` - (`DATABASE_URL`, `REDIS_URL`, `DJANGO_SECRET_KEY`, `WEB_PORT`, provider keys). Never committed; + (`DATABASE_URL`, `DJANGO_SECRET_KEY`, `WEB_PORT`, provider keys). Never committed; Ansible pushes it to `/opt/apps/env/monica_site_prod.env` (mode 600) at deploy. - Shared Postgres prereq on `10.0.0.230`: create `monica_site` DB + user (and `monica_site_beta` - for beta), like the other apps. + for beta), like the other apps. Task queue tables live in the same DB. ### 8.3 CI/CD flow Same as `company_site`: @@ -391,14 +423,14 @@ flowchart LR UT -->|green| DEP["deploy.yml -> server-infra deploy.sh"] DEP --> A["adama: web :8003"] DEP --> R["roslin: web :8003"] - DEP --> WK["worker+beat (single host)"] + DEP --> WK["django.tasks worker (single host)"] A & R --> NPM["NPM balances monica domain"] ``` ### 8.4 New infra bits beyond company_site -- **Redis** service on `10.0.0.230` (broker + cache) — small addition to the shared box. -- **Worker/beat placement**: one host runs the `worker`+`beat` compose project; document that it - must be exactly one to avoid duplicate scheduled sends. +- **Task worker placement**: exactly one host runs the django.tasks worker (and `dispatch_due` + if used). Document this so active/active web replicas do not each run a worker. +- **No Redis** required for background jobs — queue store is Postgres. --- @@ -414,9 +446,9 @@ DATABASE_URL=postgres://monica_site:@10.0.0.230:5432/monica_site WEB_PORT=8003 GUNICORN_WORKERS=2 -# Redis / Celery -REDIS_URL=redis://10.0.0.230:6379/0 -CELERY_BROKER_URL=${REDIS_URL} +# Django Tasks — prod uses a DB-backed third-party backend + worker. +# Dev defaults to ImmediateBackend in settings/dev.py (no worker needed). +# TASKS is configured in settings, not usually via env; override only if needed. # reCAPTCHA v3 (same as company_site) RECAPTCHA_PUBLIC_KEY=... @@ -454,12 +486,14 @@ TIANJI_WEBSITE_ID=... ### Phase 0 — Scaffolding & deploy skeleton - Create `monica_site` Django 6.0 project via `uv`; `settings/` dispatch; Dockerfile, - compose (dev with db+redis), entrypoints, `.gitea/workflows`, pre-commit. + compose (dev with db), entrypoints, `.gitea/workflows`, pre-commit. +- Configure `TASKS` (ImmediateBackend in `dev`, DB-backed backend in `prod`); add + `worker-entrypoint.sh` for the task worker. - Add `core` app (`TimeStampedModel`), health check, base template. - Wire `server-infra` `app_catalog` entry + host ports + secrets; get a "hello world" deploying to adama+roslin behind NPM on a staging domain. -- Add Redis to `10.0.0.230`; create Postgres DB/user. -- **Exit:** empty app deploys via CI to prod hosts, health check green. +- Create Postgres DB/user on `10.0.0.230`. +- **Exit:** empty app deploys via CI to prod hosts, health check green; worker can claim a no-op task. ### Phase 1 — Public site + contact form + leads + UTM - `public`: marketing pages (home/about/contact), `django_recaptcha` v3 contact form. @@ -470,25 +504,25 @@ TIANJI_WEBSITE_ID=... - **Exit:** realtor logs in, sees leads with source attribution; visitors submit safely. ### Phase 2 — Mailing list + Email/SMS outreach + opt-out -- `messaging`: `MessageTemplate`, `Campaign`, `Message`, `ProviderEvent`; Celery + Beat online. +- `messaging`: `MessageTemplate`, `Campaign`, `Message`, `ProviderEvent`; `@task` senders online. - Email via SMTP2GO with unsubscribe links; SMS via SMTP2GO SMS API. - Opt-out views + SMS `STOP` webhook → `Suppression`; consent enforced on every send. - Dashboard: contact list management, segment/select recipients, compose + schedule campaign, - delivery status. + delivery status (enqueue via `transaction.on_commit` + django.tasks). - **Exit:** realtor sends a real email + SMS campaign to consented contacts; opt-out works. ### Phase 3 — Postcards - `messaging/providers/postcard/` interface + Lob adapter (+ Click2Mail adapter as the low-volume option); `POSTCARD_PROVIDER` switch. - Postcard campaign flow: pick template/artwork, select recipients (address required + Lob - address verification), send batch via worker, poll delivery status. + address verification), enqueue batch as Django Tasks, poll delivery status. - Client prerequisites called out: Lob account, A2P 10DLC for SMS. - **Exit:** realtor mails a postcard batch and sees delivery tracking. ### Phase 4 — Social automation - `social`: `SocialAccount` OAuth connect (Meta + LinkedIn), encrypted token storage. - Connectors for Meta (FB Page + IG Business) and LinkedIn; `SocialPost` + `SocialPostTarget` - compose/schedule; Beat dispatches, worker fans out with retries. + compose/schedule; enqueue via `run_after` or `dispatch_due`; task worker fans out with retries. - Dashboard: composer with per-platform preview, calendar/scheduled view, post status. - **Kick off LinkedIn app review in Phase 0–1** given 2–4 week approval lead time. - **Exit:** realtor schedules one post to all three platforms; it publishes and reports status. @@ -512,8 +546,12 @@ flowchart LR ## 11. Key Risks & Decisions -- **Singleton scheduler:** must run exactly one Beat + worker across the active/active fleet, or - scheduled sends duplicate. Pin to one host; documented in deploy. +- **Singleton task worker:** exactly one django.tasks worker across the active/active fleet, or + duplicate claims / double-sends are possible depending on backend locking. Pin to one host. +- **Django Tasks has no built-in production worker:** must pick and pin a third-party DB backend + + worker early in Phase 0; built-in backends are Immediate/Dummy only. +- **Scheduling:** if the chosen backend lacks `supports_defer` / `run_after`, rely on + `dispatch_due` polling — keep the tick interval short and idempotent. - **LinkedIn approval latency (2–4 wks):** start the app-review process at project kickoff. - **SMS compliance (A2P 10DLC/TCPA):** client-side registration required before SMS launch; consent + `STOP` handling are built in but registration is a prerequisite. @@ -527,10 +565,10 @@ flowchart LR ## 12. Cost Snapshot (why it beats PostcardMania) -- **Hosting:** runs on existing adama/roslin fleet — near-zero marginal infra (add Redis). +- **Hosting:** runs on existing adama/roslin fleet — near-zero marginal infra (Postgres only; + no Redis/Celery stack). - **Email/SMS:** SMTP2GO usage-based (already an org account). - **Postcards:** ~$0.35–0.77/4x6 at provider cost vs PostcardMania's bundled campaign packages; no forced campaign minimums. - **Social:** $0 API fees (native), vs PostcardMania add-ons / aggregator per-profile fees. - **No PostcardMania platform/campaign markup**; realtor pays provider cost + our hosting. -``` \ No newline at end of file diff --git a/proposal/pages/brand/apple-touch-icon.png b/proposal/pages/brand/apple-touch-icon.png new file mode 100644 index 0000000..27bb80c Binary files /dev/null and b/proposal/pages/brand/apple-touch-icon.png differ diff --git a/proposal/pages/brand/exit-main.css b/proposal/pages/brand/exit-main.css new file mode 100644 index 0000000..7f46e63 --- /dev/null +++ b/proposal/pages/brand/exit-main.css @@ -0,0 +1 @@ +a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box} \ No newline at end of file diff --git a/proposal/pages/brand/exit-main2.css b/proposal/pages/brand/exit-main2.css new file mode 100644 index 0000000..9f71103 --- /dev/null +++ b/proposal/pages/brand/exit-main2.css @@ -0,0 +1 @@ +@font-face{font-family:revicons;fallback:fallback;src:url(/_next/static/media/revicons.ff59b316.woff) format("woff"),url(/_next/static/media/revicons.b96bdb22.ttf) format("ttf"),url(/_next/static/media/revicons.652e7269.eot) format("ttf")}.react-multi-carousel-list{display:flex;align-items:center;overflow:hidden;position:relative}.react-multi-carousel-track{list-style:none;padding:0;margin:0;display:flex;flex-direction:row;position:relative;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform,transition}.react-multiple-carousel__arrow{position:absolute;outline:0;transition:all .5s;border-radius:35px;z-index:1000;border:0;background:rgba(0,0,0,.5);min-width:43px;min-height:43px;opacity:1;cursor:pointer}.react-multiple-carousel__arrow:hover{background:rgba(0,0,0,.8)}.react-multiple-carousel__arrow:before{font-size:20px;color:#fff;display:block;font-family:revicons;text-align:center;z-index:2;position:relative}.react-multiple-carousel__arrow:disabled{cursor:default;background:rgba(0,0,0,.5)}.react-multiple-carousel__arrow--left{left:calc(4% + 1px)}.react-multiple-carousel__arrow--left:before{content:"\e824"}.react-multiple-carousel__arrow--right{right:calc(4% + 1px)}.react-multiple-carousel__arrow--right:before{content:"\e825"}.react-multi-carousel-dot-list{position:absolute;bottom:0;display:flex;left:0;right:0;justify-content:center;padding:0;margin:0;list-style:none;text-align:center}.react-multi-carousel-dot button{display:inline-block;width:12px;height:12px;border-radius:50%;opacity:1;box-shadow:none;transition:background .5s;border:2px solid grey;padding:0;margin:0 6px 0 0;outline:0;cursor:pointer}.react-multi-carousel-dot button:hover:active,.react-multi-carousel-dot--active button{background:#080808}.react-multi-carousel-item{transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.react-multi-carousel-item{flex-shrink:0!important}.react-multi-carousel-track{overflow:visible!important}}[dir=rtl].react-multi-carousel-list{direction:rtl}.rtl.react-multiple-carousel__arrow--right{right:auto;left:calc(4% + 1px)}.rtl.react-multiple-carousel__arrow--right:before{content:"\e824"}.rtl.react-multiple-carousel__arrow--left{left:auto;right:calc(4% + 1px)}.rtl.react-multiple-carousel__arrow--left:before{content:"\e825"} \ No newline at end of file diff --git a/proposal/pages/brand/exit_logo.png b/proposal/pages/brand/exit_logo.png new file mode 100644 index 0000000..4fea4c5 Binary files /dev/null and b/proposal/pages/brand/exit_logo.png differ diff --git a/proposal/pages/brand/exit_og.png b/proposal/pages/brand/exit_og.png new file mode 100644 index 0000000..bd57c3e Binary files /dev/null and b/proposal/pages/brand/exit_og.png differ diff --git a/proposal/pages/brand/exit_og_thumb.png b/proposal/pages/brand/exit_og_thumb.png new file mode 100644 index 0000000..cf2c7d3 Binary files /dev/null and b/proposal/pages/brand/exit_og_thumb.png differ diff --git a/proposal/pages/brand/favicon-32.png b/proposal/pages/brand/favicon-32.png new file mode 100644 index 0000000..9fad4f1 Binary files /dev/null and b/proposal/pages/brand/favicon-32.png differ diff --git a/proposal/pages/css b/proposal/pages/css new file mode 120000 index 0000000..65afbbf --- /dev/null +++ b/proposal/pages/css @@ -0,0 +1 @@ +../../template/real_estate_html/site/css \ No newline at end of file diff --git a/proposal/pages/fonts b/proposal/pages/fonts new file mode 120000 index 0000000..1c34793 --- /dev/null +++ b/proposal/pages/fonts @@ -0,0 +1 @@ +../../template/real_estate_html/site/fonts \ No newline at end of file diff --git a/proposal/pages/images b/proposal/pages/images new file mode 120000 index 0000000..6686f33 --- /dev/null +++ b/proposal/pages/images @@ -0,0 +1 @@ +../../template/real_estate_html/site/images \ No newline at end of file diff --git a/proposal/pages/index.html b/proposal/pages/index.html new file mode 100644 index 0000000..3831ed2 --- /dev/null +++ b/proposal/pages/index.html @@ -0,0 +1,40 @@ + + + + + + MKDRealtor.com — Proposal UX Gallery + + + + +
+
Proposal mockup   MKDRealtor.com — UX examples (not production)
+
All screens
+
+
+

MKDRealtor.com — UX proposal

+

Click-through mockups for MKDRealtor.com — public marketing site and private realtor portal: leads, UTM analytics, mailing list, multi-channel campaigns, postcard design, email engagement, and social scheduling.

+
+
+
Public · Phase 1

Marketing home

Brand-forward landing with hero, services, and CTA to contact.

+
Public · Phase 1

About

Realtor story and trust signals.

+
Public · Phase 1

Contact form

reCAPTCHA-protected lead capture; consent notice; creates Lead + Contact.

+
Public · Phase 2

Opt-out / unsubscribe

One-click email unsubscribe and per-channel preference.

+
Public · system

404 not found

Branded error page with path home or to contact.

+
Public · system

Under construction

Pre-launch / maintenance holding page with notify-me email.

+
Portal · Phase 1

Login

Private realtor authentication.

+
Portal · Phase 1

Dashboard

Home widgets: new leads, campaign health, scheduled posts.

+
Portal · Phase 1

Lead inbox

Statuses, source attribution, quick filter.

+
Portal · Phase 1

Lead detail

Notes, UTM attribution, linked contact consent.

+
Portal · Phase 1

UTM analytics

Leads by source/campaign over time.

+
Portal · Phase 2

Mailing list

Contacts with per-channel consent (email / SMS / postcard).

+
Portal · Phase 2

Import contacts

CSV/Excel upload, column mapping, consent defaults, duplicate merge.

+
Portal · Phase 2–3

Campaign composer

Email, SMS, or postcard — select recipients, schedule, send.

+
Portal · Phase 2

Email engagement

SMTP2GO opens, clicks, bounces, unsubscribes per campaign.

+
Portal · Phase 3

Postcard designer

Size picker (4×6–jumbo), reusable media library uploads, live front/back preview.

+
Portal · Phase 4

Social live preview

Compose with AI chat assist; live FB / IG / LinkedIn previews update as you type.

+
Portal · Phase 4

Social accounts

Add via OAuth; reconnect when tokens expire; health + disconnect.

+
+ + diff --git a/proposal/pages/js b/proposal/pages/js new file mode 120000 index 0000000..d86ca8a --- /dev/null +++ b/proposal/pages/js @@ -0,0 +1 @@ +../../template/real_estate_html/site/js \ No newline at end of file diff --git a/proposal/pages/portal-analytics.html b/proposal/pages/portal-analytics.html new file mode 100644 index 0000000..843488c --- /dev/null +++ b/proposal/pages/portal-analytics.html @@ -0,0 +1,76 @@ + + + + + + UTM analytics · Portal · MKDRealtor.com + + + + +
+
Proposal mockup   MKDRealtor.com — UX examples (not production)
+
All screens
+
+
+ +
+
+

UTM analytics

+
Signed in as Monica Dhillon · Sign out
+
+
+
UX note: Conversion attribution we own (UTMVisit → Lead). Pageviews stay in Tianji; this view answers “which campaigns create leads?”
+ +
+
Leads (30d)
34
↑ 12% vs prior
+
Top source
Facebook
14 leads
+
Top campaign
spring-open
9 leads
+
Direct / none
6
organic / typed URL
+
+
+

Leads by week

Chart.js in production
+
+
+
+
+
+
+
+
+
+

By source / campaign

+
+ + + + + + + + + +
SourceMediumCampaignLeadsWon
facebookcpcspring-open92
googleorganicbrand71
instagramsocialreel-tour51
postcardmailmarch-mailer40
(direct)61
+
+
+ +
+
+
+ + diff --git a/proposal/pages/portal-campaign-report.html b/proposal/pages/portal-campaign-report.html new file mode 100644 index 0000000..0798cf9 --- /dev/null +++ b/proposal/pages/portal-campaign-report.html @@ -0,0 +1,116 @@ + + + + + + Email campaign report · Portal · MKDRealtor.com + + + + + +
+
Proposal mockup   MKDRealtor.com — UX examples (not production)
+
All screens
+
+
+ +
+
+

Email campaign report

+
Signed in as Monica Dhillon · Sign out
+
+
+
UX note: SMTP2GO webhooks feed opens, clicks, bounces into ProviderEvent. Dashboard shows unique opens, click rate, and per-recipient activity.
+ +
+
+
Campaign
+ Spring seller tips + Sent +
+
+ Back to campaigns + +
+
+ +
+
Delivered
182
of 186 sent · 97.8%
+
Opened
94
51.6% open rate
+
Clicked
27
14.8% click rate
+
Bounced / unsub
4 / 2
SMTP2GO events
+
+ +
+
+

Engagement over time

From SMTP2GO webhooks → ProviderEvent
+
+
+
+
+
+
+
+
+
+
+
+

Opens by hour after send (tracking pixel + SMTP2GO open events)

+
+
+
+

What we track

+
+
    +
  • Sent / delivered / bounced — SMTP2GO delivery webhooks
  • +
  • Opened — open tracking (unique + total)
  • +
  • Clicked — link click tracking
  • +
  • Unsubscribed — our opt-out link + SMTP2GO complaint
  • +
  • Failed — provider errors (retried via django.tasks)
  • +
+

SMS: delivery + STOP via SMTP2GO SMS API (no “opens”). Postcards: Lob/Click2Mail in-transit status, not opens.

+
+
+
+ +
+

Recipients

+ +
+
+ + + + + + + + +
ContactStatusOpenedClickedLast event
Jordan LeeDeliveredYes · 2×YesJul 18 10:22a open
Sam OrtizDeliveredYes · 1×Jul 18 11:05a open
Riley BrooksDeliveredJul 18 10:01a delivered
Casey NgBouncedJul 18 10:00a hard bounce
+
+
+ +
+
+
+ + + diff --git a/proposal/pages/portal-campaign.html b/proposal/pages/portal-campaign.html new file mode 100644 index 0000000..dd1b27c --- /dev/null +++ b/proposal/pages/portal-campaign.html @@ -0,0 +1,112 @@ + + + + + + Campaign composer · Portal · MKDRealtor.com + + + + +
+
Proposal mockup   MKDRealtor.com — UX examples (not production)
+
All screens
+
+
+ +
+
+

Campaign composer

+
Signed in as Monica Dhillon · Sign out
+
+
+
UX note: Email/SMS/postcard composer. Email engagement (opens/clicks) from SMTP2GO. Postcards use the live designer.
+ +
+ Email + SMS + Postcard +
+
+
+

Compose

+
+
+
+ +
+
+
+ +
Merge tags: {{first_name}}, {{last_name}}. Unsubscribe link appended. Open/click tracking via SMTP2GO.
+
+
+
+
+
+
+ + +
+
+
+
+
+

Preview

+
+ Subject: 3 things sellers overlook this spring

+ Hi Jordan,

+ A few timing tips for listing this season…

+ — Monica

+ Unsubscribe · Monica Dhillon · MKDRealtor.com +
+
+
+

After send

+
+

SMTP2GO reports opens, clicks, bounces, complaints via webhooks.

+ View sample engagement report +

Postcard campaigns: design in Postcard designer, then select recipients with addresses.

+
+
+
+
+
+

Recent campaigns

+
+ + + + + + + +
NameChannelRecipientsEngagementStatus
March mailerPostcard120Delivered
Open house SMSSMS42delivered 40Sent
Spring seller tipsEmail18694 opens · 27 clicksSentReport
+
+
+ +
+
+
+ + + diff --git a/proposal/pages/portal-contacts-import.html b/proposal/pages/portal-contacts-import.html new file mode 100644 index 0000000..01f31e0 --- /dev/null +++ b/proposal/pages/portal-contacts-import.html @@ -0,0 +1,121 @@ + + + + + + Import contacts · Portal · MKDRealtor.com + + + + + +
+
Proposal mockup   MKDRealtor.com — UX examples (not production)
+
All screens
+
+
+ +
+
+

Import contacts

+
Signed in as Monica Dhillon · Sign out
+
+
+
UX note: CSV/Excel upload → map columns → set consent defaults → merge duplicates. Creates Contact + ConsentRecord rows.
+ +
+
1 Upload
+
2 Map columns
+
3 Consent & review
+
4 Import
+
+ +
+
+
+

Upload file

+
+
+ Drop CSV or Excel here +

or click to browse · .csv, .xlsx · max 10MB

+ +

sample-contacts.csv (mock loaded)

+
+

Download sample CSV template with columns: first_name, last_name, email, phone, street, city, state, zip, consent_email, consent_sms, consent_postcard.

+
+
+
+

Column mapping

+
+ + + + + + + + + + +
Your columnMaps toSample
First NameJordan
Last NameLee
Email Addressjordan.lee@example.com
Mobile555-018-4420
Mailing Street214 Maple St
City / ST / ZIPMetro, ST 94117
+
+
+
+
+
+

Consent defaults

+
+

Applied when the file has no consent columns. You are responsible for having permission to contact.

+ + + +
+
+ +
+
+
+
+

Preview · first 3 rows

+
+ + + + + + + +
NameEmailConsent
Jordan Leejordan.lee@example.comE
Sam Ortizsam.ortiz@example.comE P
Avery ChenS P
+
+
+
+
+

Ready: 248 rows · 12 missing email · 31 missing address · 4 duplicates to merge

+ + Cancel +
+
+
+
+ +
+
+
+ + + diff --git a/proposal/pages/portal-contacts.html b/proposal/pages/portal-contacts.html new file mode 100644 index 0000000..5815fe3 --- /dev/null +++ b/proposal/pages/portal-contacts.html @@ -0,0 +1,70 @@ + + + + + + Mailing list · Portal · MKDRealtor.com + + + + +
+
Proposal mockup   MKDRealtor.com — UX examples (not production)
+
All screens
+
+
+ +
+
+

Mailing list

+
Signed in as Monica Dhillon · Sign out
+
+
+
UX note: One list. Per-channel consent. Import CSV/Excel or capture from the contact form.
+ +
+
+ + +
+ +
+
+
+ + + + + + + + +
ContactAddressConsentSource
Jordan Lee
jordan.lee@example.com · (555) 018-4420
E S Pform
Sam Ortiz
sam.ortiz@example.com
214 Maple StE S Pimport
Avery Chen
(555) 014-2291
88 Birch AveE S Ppostcard
Riley Brooks
riley.b@example.com
E S Pform
+
+
+

E = email · S = SMS · P = postcard. Import contacts for bulk CSV/Excel.

+ +
+
+
+ + + diff --git a/proposal/pages/portal-dashboard.html b/proposal/pages/portal-dashboard.html new file mode 100644 index 0000000..4dda838 --- /dev/null +++ b/proposal/pages/portal-dashboard.html @@ -0,0 +1,74 @@ + + + + + + Dashboard · Portal · MKDRealtor.com + + + + +
+
Proposal mockup   MKDRealtor.com — UX examples (not production)
+
All screens
+
+
+ +
+
+

Dashboard

+
Signed in as Monica Dhillon · Sign out
+
+
+
UX note: Portal home — glanceable widgets for leads, list health, and scheduled work. No CRM pipeline chrome.
+ +
+
New leads
7
+3 this week
+
Open pipeline
18
4 contacted
+
Mailing list
412
8 opted out (30d)
+
Scheduled posts
5
Next: tomorrow 9am
+
+
+
+

Recent leads

View all
+
+ + + + + + + +
NameSourceStatus
Jordan Leefacebook / spring-openNew
Sam Ortizgoogle / brandContacted
Avery Chenpostcard / march-mailerNew
+
+
+
+

Upcoming outreach

Compose
+
+

Spring seller tips — Email · scheduled Fri 10:00 · 186 recipients

+

Open house reminder — SMS · draft · 42 recipients

+

Neighborhood just listed — Postcard · queued · 120 pieces

+
+
+
+ +
+
+
+ + diff --git a/proposal/pages/portal-lead-detail.html b/proposal/pages/portal-lead-detail.html new file mode 100644 index 0000000..4327933 --- /dev/null +++ b/proposal/pages/portal-lead-detail.html @@ -0,0 +1,94 @@ + + + + + + Lead detail · Portal · MKDRealtor.com + + + + +
+
Proposal mockup   MKDRealtor.com — UX examples (not production)
+
All screens
+
+
+ +
+
+

Lead detail

+
Signed in as Monica Dhillon · Sign out
+
+
+
UX note: Lead + notes + Attribution from UTMVisit. Consent shown from linked Contact (per channel).
+ +
+
+
+

Jordan Lee

New
+
+
jordan.lee@example.com
+
(555) 018-4420
+
Buying a home · 3bed, under $450k, north side
+
“Saw your open-house post — available Saturday morning?”
+
+ +
+ +
+
+
+

Notes

+
+
You · Today 8:20a — Prefers text over call. Looking near Oakridge schools.
+
+ +
+
+
+
+
+

Attribution

+
+

utm_source facebook
+ utm_medium cpc
+ utm_campaign spring-open
+ utm_content carousel-a
+ Landing /contact?utm_…
+ First touch Today 8:02a · Converted 8:14a

+
+
+
+

Linked contact · consent

+
+ +

Form submit defaulted email+SMS opt-in with notice. Postcard requires address + separate consent.

+
+
+
+
+ +
+
+
+ + diff --git a/proposal/pages/portal-leads.html b/proposal/pages/portal-leads.html new file mode 100644 index 0000000..b237ac7 --- /dev/null +++ b/proposal/pages/portal-leads.html @@ -0,0 +1,64 @@ + + + + + + Lead inbox · Portal · MKDRealtor.com + + + + +
+
Proposal mockup   MKDRealtor.com — UX examples (not production)
+
All screens
+
+
+ +
+
+

Lead inbox

+
Signed in as Monica Dhillon · Sign out
+
+
+
UX note: Lead lifecycle: new → contacted → won/lost. Source column shows UTM attribution when available.
+ +
+ + + +
+
+
+ + + + + + + + + +
LeadInterestUTM / sourceStatusReceived
Jordan Lee
jordan.lee@example.com
Buyingfacebook / cpc / spring-openNewToday 8:14a
Sam Ortiz
sam.ortiz@example.com
Sellinggoogle / organic / brandContactedYesterday
Avery Chen
(555) 014-2291
Bothpostcard / mail / march-mailerNewMon
Riley Brooks
riley.b@example.com
Buyinginstagram / social / reel-tourWonLast week
Casey Ng
casey.ng@example.com
Sellingdirect / (none)Lost2 weeks ago
+
+
+ +
+
+
+ + diff --git a/proposal/pages/portal-login.html b/proposal/pages/portal-login.html new file mode 100644 index 0000000..1f5a295 --- /dev/null +++ b/proposal/pages/portal-login.html @@ -0,0 +1,36 @@ + + + + + + Sign in · Portal · MKDRealtor.com + + + + +
+
Proposal mockup   MKDRealtor.com — UX examples (not production)
+
All screens
+
+ + + diff --git a/proposal/pages/portal-postcard-designer.html b/proposal/pages/portal-postcard-designer.html new file mode 100644 index 0000000..d97572c --- /dev/null +++ b/proposal/pages/portal-postcard-designer.html @@ -0,0 +1,313 @@ + + + + + + Postcard designer · Portal · MKDRealtor.com + + + + +
+
Proposal mockup   MKDRealtor.com — UX examples (not production)
+
All screens
+
+
+ +
+
+

Postcard designer

+
Signed in as Monica Dhillon · Sign out
+
+
+
UX note: Pick print size (4×6 / 6×9 / 6×11 / square). Upload images once into a reusable media library, then apply to any design. Save as template → attach to postcard campaign.
+ +
+
+
+

Card size

4×6 in
+
+
+ + + + +
+

Size locked when campaign is queued. Provider pricing varies by size.

+
+
+ +
+

Media library

Reusable
+
+ +
+ Drop images here or click to upload
+ Saved to your library — reuse across postcards & campaigns +
+
+

0 images in library

+
+
+ +
+

Side

+
+
+ Front + Back +
+
+
+
+

Front artwork

+
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+ +
+
+ + Use in campaign +
+
+
+
+
+
+

Live preview · 4×6

+ Front +
+
+
+
+
+
+
JUST LISTED
+
412 Willow Lane · Open Sat 11–1
+
+
+ +
+
+

Print provider receives front + back images at selected size. Address verified before batch send (Lob).

+
+
+ +
+
+
+ + + + + diff --git a/proposal/pages/portal-social-accounts.html b/proposal/pages/portal-social-accounts.html new file mode 100644 index 0000000..0339e6e --- /dev/null +++ b/proposal/pages/portal-social-accounts.html @@ -0,0 +1,145 @@ + + + + + + Social accounts · Portal · MKDRealtor.com + + + + + +
+
Proposal mockup   MKDRealtor.com — UX examples (not production)
+
All screens
+
+
+ +
+
+

Social accounts

+
Signed in as Monica Dhillon · Sign out
+
+
+
UX note: Add via OAuth (Meta / LinkedIn). Re-authorize when token expires or refresh fails — same connect button, no data loss.
+ +
+

Connect native APIs (Meta + LinkedIn). Tokens encrypted. Re-auth when expired or scopes change.

+ +
+ + + +
+

Connected accounts

+
+ + + + + + + + + + + + + + + + + + + + + + + + + +
PlatformAccountStatusTokenActions
FacebookMonica Dhillon · MKDRealtor.com
Page ID · 1029384756
ConnectedExpires Oct 2026 + + +
Instagram@monicadhillonhomes
Linked to FB Page above
ConnectedExpires Oct 2026 + + +
LinkedInMonica Dhillon
Member + Company page
Needs re-authExpired Jul 12 · refresh failed + + +
+
+
+ +
+
+

When to re-auth

+
+
    +
  • Token expired / refresh failed (banner on compose + Accounts)
  • +
  • Provider asks for new scopes (e.g. Meta Graph version bump)
  • +
  • You switched Page / IG account
  • +
  • Password change or security review on the social side
  • +
+

Re-auth = same OAuth connect flow; we replace the encrypted token and clear the “needs re-auth” flag. Scheduled posts stay queued until token works again.

+
+
+
+

Health checks

+
+

Last refresh job — today 6:00a · 2 OK · 1 failed (LinkedIn)

+

Failed publish (7d) — 1 IG (media format) · 2 LI (auth)

+

Open composer — platforms that need re-auth are disabled until fixed.

+
+
+
+ +
+
+
+ + + diff --git a/proposal/pages/portal-social.html b/proposal/pages/portal-social.html new file mode 100644 index 0000000..5bef522 --- /dev/null +++ b/proposal/pages/portal-social.html @@ -0,0 +1,296 @@ + + + + + + Compose & preview · Portal · MKDRealtor.com + + + + +
+
Proposal mockup   MKDRealtor.com — UX examples (not production)
+
All screens
+
+
+ +
+
+

Compose & preview

+
Signed in as Monica Dhillon · Sign out
+
+
+
UX note: AI chat helps draft captions (tone, length, hashtags). Insert or replace into the composer — live FB / IG / LinkedIn previews update instantly.
+ +
+ LinkedIn needs re-auth. Token expired — + Re-authorize in Accounts before scheduling to LinkedIn. +
+ +
+
+
+ +
+
+ +
0 characters · IG soft limit ~2,200
+
+
+ +
+
+
+ + + +
+
+
+
+ +
+
+
+
+ +
+ +
+
+
+ +
+
+
+

AI post assistant

+ Beta mockup +
+
+
+
Assistant
+
+ I can draft or refine captions for Facebook, Instagram, and LinkedIn. + Tell me the listing, tone (warm / bold / luxury), and any must-include details — + or tap a quick prompt below. +
+
+
+
+ + + + + +
+
+ + +
+
+
+ +
+
+

Live post preview

Facebook
+
+ + + +
+
+
+

Scheduled

+
+ + + + + + +
PostPlatformsStatus
Open house Willow LaneFB · IGScheduled
Just sold — Birch AveFB · IG · LIPublished
+
+
+
+
+ +
+
+
+ + + + + diff --git a/proposal/pages/proposal.css b/proposal/pages/proposal.css new file mode 100644 index 0000000..4eaeeac --- /dev/null +++ b/proposal/pages/proposal.css @@ -0,0 +1,643 @@ +/* MKDRealtor.com — proposal mockup extras (Exit Realty Wheaton palette) */ + +:root { + --monica-primary: #00626c; + --monica-primary-light: #008898; + --monica-ink: #212121; + --monica-muted: #6b7280; + --monica-surface: #f4f7f7; + --monica-border: #d9e3e4; + --monica-ok: #1a7f4b; + --monica-warn: #b45309; + --monica-danger: #b91c1c; + --portal-sidebar: 240px; + --exit-dark: #080808; + --exit-teal: #00626c; + --exit-teal-bright: #008898; +} + +/* Proposal chrome */ +.proposal-banner { + background: #111827; + color: #e5e7eb; + font-family: "Work Sans", sans-serif; + font-size: 13px; + padding: 8px 16px; + display: flex; + flex-wrap: wrap; + gap: 12px; + align-items: center; + justify-content: space-between; + position: sticky; + top: 0; + z-index: 10000; +} +.proposal-banner a { color: #7dd3da; text-decoration: none; } +.proposal-banner a:hover { text-decoration: underline; } +.proposal-banner .tag { + display: inline-block; + background: #00626c; + color: #fff; + padding: 2px 8px; + border-radius: 2px; + font-size: 11px; + letter-spacing: 0.04em; + text-transform: uppercase; + font-weight: 600; +} +.proposal-note { + border-left: 3px solid var(--monica-primary); + background: #e8f4f5; + padding: 12px 16px; + margin: 0 0 24px; + font-size: 14px; + color: #0d4a52; +} + +/* Hub */ +.hub-page { background: var(--monica-surface); min-height: 100vh; font-family: "Work Sans", sans-serif; } +.hub-hero { + background: linear-gradient(135deg, #080808 0%, #00626c 55%, #008898 100%); + color: #fff; + padding: 64px 24px 56px; +} +.hub-hero h1 { font-family: Poppins, sans-serif; font-weight: 700; letter-spacing: 0.02em; margin: 0 0 12px; } +.hub-hero p { max-width: 560px; opacity: 0.9; margin: 0; } +.hub-grid { max-width: 1100px; margin: -32px auto 48px; padding: 0 24px; display: grid; gap: 16px; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); } +.hub-card { + background: #fff; + border: 1px solid var(--monica-border); + padding: 20px; + text-decoration: none; + color: inherit; + transition: border-color 0.15s, transform 0.15s; +} +.hub-card:hover { border-color: var(--monica-primary); transform: translateY(-2px); color: inherit; text-decoration: none; } +.hub-card .eyebrow { font-size: 11px; text-transform: uppercase; letter-spacing: 0.08em; color: var(--monica-primary); font-weight: 600; margin-bottom: 6px; } +.hub-card h3 { margin: 0 0 8px; font-size: 18px; font-family: Poppins, sans-serif; } +.hub-card p { margin: 0; font-size: 14px; color: var(--monica-muted); } + +/* Public brand text logo */ +.brand-text { + font-family: Poppins, sans-serif; + font-weight: 700; + font-size: 18px; + color: var(--monica-ink); + text-decoration: none; + letter-spacing: 0.02em; +} +.brand-text span { color: var(--monica-primary); } +.brand-text:hover { text-decoration: none; color: var(--monica-ink); } +.brand-logo { height: 44px; width: auto; display: block; } +.brand-logo.sm { height: 32px; } +.footer-brand-row { display: flex; align-items: center; gap: 12px; margin-bottom: 8px; } +.footer-brand-row img { height: 40px; width: auto; } + +/* Portal shell */ +body.portal { + margin: 0; + background: var(--monica-surface); + font-family: "Work Sans", sans-serif; + color: var(--monica-ink); +} +.portal-shell { display: flex; min-height: calc(100vh - 36px); } +.portal-sidebar { + width: var(--portal-sidebar); + background: #080808; + color: #cbd5e1; + flex-shrink: 0; + display: flex; + flex-direction: column; +} +.portal-brand { + padding: 16px 18px; + border-bottom: 1px solid rgba(255,255,255,0.08); + font-family: Poppins, sans-serif; + font-weight: 700; + color: #fff; + font-size: 14px; + text-decoration: none; + display: flex; + align-items: center; + gap: 10px; +} +.portal-brand img { + height: 36px; + width: auto; + display: block; +} +.portal-brand span { color: #7dd3da; font-size: 12px; letter-spacing: 0.04em; } +.portal-nav { padding: 12px 0; flex: 1; } +.portal-nav a { + display: block; + padding: 10px 18px; + color: #94a3b8; + text-decoration: none; + font-size: 14px; + border-left: 3px solid transparent; +} +.portal-nav a:hover { color: #fff; background: rgba(255,255,255,0.04); } +.portal-nav a.active { color: #fff; background: rgba(0,98,108,0.28); border-left-color: #00a0ab; } +.portal-nav .nav-section { + font-size: 10px; + text-transform: uppercase; + letter-spacing: 0.1em; + color: #64748b; + padding: 16px 18px 6px; +} +.portal-main { flex: 1; min-width: 0; display: flex; flex-direction: column; } +.portal-topbar { + background: #fff; + border-bottom: 1px solid var(--monica-border); + padding: 14px 24px; + display: flex; + align-items: center; + justify-content: space-between; + gap: 16px; +} +.portal-topbar h1 { margin: 0; font-size: 20px; font-family: Poppins, sans-serif; font-weight: 600; } +.portal-content { padding: 24px; flex: 1; } +.portal-user { font-size: 13px; color: var(--monica-muted); } +.portal-user strong { color: var(--monica-ink); } + +/* Portal widgets */ +.stat-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 16px; margin-bottom: 24px; } +.stat-card { + background: #fff; + border: 1px solid var(--monica-border); + padding: 18px; +} +.stat-card .label { font-size: 12px; text-transform: uppercase; letter-spacing: 0.06em; color: var(--monica-muted); } +.stat-card .value { font-size: 28px; font-weight: 700; font-family: Poppins, sans-serif; margin-top: 4px; } +.stat-card .delta { font-size: 12px; margin-top: 4px; color: var(--monica-ok); } + +.panel { + background: #fff; + border: 1px solid var(--monica-border); + margin-bottom: 20px; +} +.panel-h { + padding: 14px 18px; + border-bottom: 1px solid var(--monica-border); + display: flex; + align-items: center; + justify-content: space-between; + gap: 12px; +} +.panel-h h2 { margin: 0; font-size: 15px; font-family: Poppins, sans-serif; font-weight: 600; } +.panel-b { padding: 18px; } + +.btn { + display: inline-block; + padding: 9px 18px; + font-size: 13px; + font-weight: 600; + border: none; + cursor: pointer; + text-decoration: none; + font-family: "Work Sans", sans-serif; +} +.btn-primary { background: var(--monica-primary); color: #fff; } +.btn-primary:hover { background: #004e56; color: #fff; text-decoration: none; } +.btn-ghost { background: transparent; border: 1px solid var(--monica-border); color: var(--monica-ink); } +.btn-sm { padding: 6px 12px; font-size: 12px; } + +.table { width: 100%; border-collapse: collapse; font-size: 14px; } +.table th { + text-align: left; + font-size: 11px; + text-transform: uppercase; + letter-spacing: 0.06em; + color: var(--monica-muted); + padding: 10px 12px; + border-bottom: 1px solid var(--monica-border); + font-weight: 600; +} +.table td { padding: 12px; border-bottom: 1px solid var(--monica-border); vertical-align: middle; } +.table tr:hover td { background: #f8fafc; } +.table a { color: var(--monica-primary); text-decoration: none; font-weight: 500; } + +.badge { + display: inline-block; + padding: 2px 8px; + font-size: 11px; + font-weight: 600; + border-radius: 2px; + text-transform: uppercase; + letter-spacing: 0.04em; +} +.badge-new { background: #d0eef0; color: #00626c; } +.badge-contacted { background: #fef3c7; color: #92400e; } +.badge-won { background: #d1fae5; color: #065f46; } +.badge-lost { background: #fee2e2; color: #991b1b; } +.badge-sent { background: #d0eef0; color: #00626c; } +.badge-scheduled { background: #ede9fe; color: #5b21b6; } +.badge-delivered { background: #d1fae5; color: #065f46; } +.badge-failed { background: #fee2e2; color: #991b1b; } +.badge-optin { background: #d1fae5; color: #065f46; } +.badge-optout { background: #f3f4f6; color: #4b5563; } + +.form-grid { display: grid; gap: 16px; } +.form-grid.cols-2 { grid-template-columns: 1fr 1fr; } +@media (max-width: 700px) { .form-grid.cols-2 { grid-template-columns: 1fr; } } +.field label { display: block; font-size: 12px; font-weight: 600; margin-bottom: 6px; color: #374151; } +.field input, .field select, .field textarea { + width: 100%; + padding: 10px 12px; + border: 1px solid var(--monica-border); + font: inherit; + background: #fff; + box-sizing: border-box; +} +.field textarea { min-height: 100px; resize: vertical; } +.field .hint { font-size: 12px; color: var(--monica-muted); margin-top: 4px; } + +.channel-tabs { display: flex; gap: 0; border-bottom: 1px solid var(--monica-border); margin-bottom: 18px; } +.channel-tabs a { + padding: 10px 16px; + font-size: 13px; + font-weight: 600; + color: var(--monica-muted); + text-decoration: none; + border-bottom: 2px solid transparent; + margin-bottom: -1px; +} +.channel-tabs a.active { color: var(--monica-primary); border-bottom-color: var(--monica-primary); } + +.chart-placeholder { + height: 220px; + background: linear-gradient(180deg, #e8f4f5 0%, #fff 100%); + border: 1px dashed #a8d8dc; + display: flex; + align-items: flex-end; + gap: 8px; + padding: 24px 16px 16px; +} +.chart-placeholder .bar { + flex: 1; + background: var(--monica-primary); + opacity: 0.75; + border-radius: 2px 2px 0 0; + min-height: 20px; +} + +.consent-pills { display: flex; gap: 6px; flex-wrap: wrap; } +.preview-pane { + background: #f8fafc; + border: 1px solid var(--monica-border); + padding: 16px; + font-size: 14px; + min-height: 160px; +} +.calendar-grid { + display: grid; + grid-template-columns: repeat(7, 1fr); + gap: 4px; + font-size: 12px; +} +.calendar-grid .dow { text-align: center; color: var(--monica-muted); font-weight: 600; padding: 6px; } +.calendar-grid .day { + aspect-ratio: 1; + border: 1px solid var(--monica-border); + background: #fff; + padding: 6px; + position: relative; +} +.calendar-grid .day.has-post { background: #e8f4f5; } +.calendar-grid .day .dot { + width: 6px; height: 6px; border-radius: 50%; + background: var(--monica-primary); + margin-top: 4px; +} + +.login-wrap { + min-height: calc(100vh - 36px); + display: flex; + align-items: center; + justify-content: center; + background: linear-gradient(160deg, #080808, #00626c 60%, #e8f4f5 60%); + padding: 24px; +} +.login-card { + background: #fff; + width: 100%; + max-width: 400px; + padding: 36px 32px; + border: 1px solid var(--monica-border); +} +.login-card h1 { font-family: Poppins, sans-serif; font-size: 22px; margin: 0 0 6px; } +.login-card .sub { color: var(--monica-muted); font-size: 14px; margin-bottom: 24px; } + +.split { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } +@media (max-width: 900px) { + .portal-shell { flex-direction: column; } + .portal-sidebar { width: 100%; } + .portal-nav { display: flex; flex-wrap: wrap; padding: 8px; } + .portal-nav .nav-section { display: none; } + .portal-nav a { border-left: none; border-bottom: 2px solid transparent; padding: 8px 12px; } + .portal-nav a.active { border-bottom-color: #00a0ab; } + .split { grid-template-columns: 1fr; } +} + +/* Public brand — EXIT Realty logo from exitrealtywheaton.com */ +.page .rd-navbar-brand { + display: inline-flex; + align-items: center; + gap: 10px; +} +.page .rd-navbar-brand img { + display: block !important; + height: 44px; + width: auto; + max-width: 160px; +} +.page .rd-navbar-brand::before, +.page .rd-navbar-brand::after { content: none !important; display: none !important; } +.page .rd-navbar-brand .brand-site { + font-family: Poppins, sans-serif; + font-weight: 700; + font-size: 13px; + letter-spacing: 0.04em; + color: #00626c; + text-decoration: none; + line-height: 1.2; +} +.page .rd-navbar-brand .brand-site span { + display: block; + font-size: 10px; + font-weight: 600; + letter-spacing: 0.12em; + text-transform: uppercase; + color: #6b7280; +} + +/* Shared extras */ +.muted { color: var(--monica-muted); font-size: 12px; } +.text-warn { color: var(--monica-warn); font-size: 12px; } +.hint-block { font-size: 13px; color: var(--monica-muted); margin: 12px 0 0; } +.plain-list { margin: 0 0 12px; padding-left: 18px; } +.plain-list li { margin-bottom: 6px; } +.check-row { display: flex; align-items: center; gap: 8px; font-size: 14px; } +.row-warn td { background: #fffbeb; } +.auth-alert { + background: #fff7ed; + border: 1px solid #fdba74; + color: #9a3412; + padding: 12px 16px; + margin-bottom: 16px; + font-size: 14px; +} +.auth-alert a { color: #9a3412; font-weight: 600; } + +/* Social accounts */ +.connect-grid { display: grid; gap: 12px; } +.connect-card { + display: flex; gap: 14px; align-items: flex-start; text-align: left; + padding: 14px; border: 1px solid var(--monica-border); background: #fff; + cursor: pointer; font: inherit; width: 100%; +} +.connect-card:hover { border-color: var(--monica-primary); } +.connect-card p { margin: 4px 0 0; font-size: 13px; color: var(--monica-muted); } +.platform-icon { + width: 40px; height: 40px; border-radius: 8px; display: flex; align-items: center; + justify-content: center; color: #fff; font-weight: 700; flex-shrink: 0; font-size: 14px; +} +.platform-icon.meta { background: #1877f2; } +.platform-icon.ig { background: linear-gradient(45deg, #f58529, #dd2a7b, #8134af); font-size: 12px; } +.platform-icon.li { background: #0a66c2; } +.platform-pill { + display: inline-block; padding: 2px 8px; font-size: 11px; font-weight: 600; + color: #fff; border-radius: 2px; +} +.platform-pill.meta { background: #1877f2; } +.platform-pill.ig { background: #dd2a7b; } +.platform-pill.li { background: #0a66c2; } + +/* Import wizard */ +.steps { + display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 20px; +} +.step { + display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--monica-muted); + padding: 8px 12px; background: #fff; border: 1px solid var(--monica-border); +} +.step span { + width: 22px; height: 22px; border-radius: 50%; background: #e5e7eb; color: #374151; + display: inline-flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; +} +.step.active { border-color: var(--monica-primary); color: var(--monica-ink); } +.step.active span { background: var(--monica-primary); color: #fff; } +.dropzone { + border: 2px dashed var(--monica-border); padding: 32px; text-align: center; background: #f8fafc; +} + +/* Designer shared layout */ +.designer-layout { + display: grid; grid-template-columns: minmax(280px, 380px) 1fr; gap: 20px; align-items: start; +} +.designer-layout.with-ai { + grid-template-columns: minmax(260px, 340px) minmax(240px, 320px) 1fr; +} +@media (max-width: 1200px) { + .designer-layout.with-ai { grid-template-columns: 1fr 1fr; } + .designer-layout.with-ai .designer-preview-col { grid-column: 1 / -1; } +} +@media (max-width: 960px) { + .designer-layout, + .designer-layout.with-ai { grid-template-columns: 1fr; } +} + +/* Size picker */ +.size-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; } +.size-option { + border: 1px solid var(--monica-border); background: #fff; padding: 10px 12px; + text-align: left; cursor: pointer; font: inherit; color: inherit; +} +.size-option:hover { border-color: var(--monica-primary); } +.size-option.active { + border-color: var(--monica-primary); background: #e8f4f5; + box-shadow: inset 3px 0 0 var(--monica-primary); +} +.size-option .sz-name { font-weight: 700; font-size: 13px; font-family: Poppins, sans-serif; } +.size-option .sz-meta { font-size: 11px; color: var(--monica-muted); margin-top: 2px; } +.size-option .sz-badge { + display: inline-block; margin-top: 6px; font-size: 10px; font-weight: 600; + text-transform: uppercase; letter-spacing: 0.04em; color: var(--monica-primary); +} + +/* Media library */ +.media-library { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; } +.media-tile { + position: relative; aspect-ratio: 4 / 3; border: 2px solid transparent; + background-size: cover; background-position: center; background-color: #e5e7eb; + cursor: pointer; padding: 0; overflow: hidden; +} +.media-tile.active { border-color: var(--monica-primary); } +.media-tile .media-label { + position: absolute; left: 0; right: 0; bottom: 0; padding: 4px 6px; + background: rgba(15, 23, 42, 0.72); color: #fff; font-size: 10px; + white-space: nowrap; overflow: hidden; text-overflow: ellipsis; +} +.media-tile.upload-tile { + border: 2px dashed var(--monica-border); background: #f8fafc; + display: flex; flex-direction: column; align-items: center; justify-content: center; + gap: 4px; color: var(--monica-muted); font-size: 11px; font-weight: 600; +} +.media-tile.upload-tile:hover { border-color: var(--monica-primary); color: var(--monica-primary); } +.media-tile.upload-tile span { font-size: 22px; line-height: 1; color: var(--monica-primary); } +.dropzone.compact { padding: 16px; font-size: 13px; cursor: pointer; } +.dropzone.compact:hover { border-color: var(--monica-primary); } +.library-hint { font-size: 12px; color: var(--monica-muted); margin: 8px 0 0; } + +/* AI chat assist */ +.ai-chat { + display: flex; flex-direction: column; height: min(640px, 75vh); + background: #fff; border: 1px solid var(--monica-border); +} +.ai-chat-h { + padding: 12px 14px; border-bottom: 1px solid var(--monica-border); + display: flex; align-items: center; justify-content: space-between; gap: 8px; +} +.ai-chat-h h2 { margin: 0; font-size: 15px; font-family: Poppins, sans-serif; font-weight: 600; } +.ai-pill { + font-size: 10px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; + background: #e8f4f5; color: var(--monica-primary); padding: 3px 8px; +} +.ai-chat-messages { + flex: 1; overflow-y: auto; padding: 14px; display: flex; flex-direction: column; gap: 12px; + background: linear-gradient(180deg, #f8fafc 0%, #fff 40%); +} +.ai-msg { max-width: 92%; font-size: 13px; line-height: 1.45; } +.ai-msg.bot { align-self: flex-start; } +.ai-msg.user { align-self: flex-end; } +.ai-msg .bubble { + padding: 10px 12px; border: 1px solid var(--monica-border); background: #fff; +} +.ai-msg.user .bubble { + background: var(--monica-primary); color: #fff; border-color: var(--monica-primary); +} +.ai-msg .who { + font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; + color: var(--monica-muted); margin-bottom: 4px; +} +.ai-msg.user .who { text-align: right; color: var(--monica-primary); } +.ai-draft { + margin-top: 8px; padding: 10px; background: #f8fafc; border: 1px dashed #a8d8dc; + white-space: pre-wrap; font-size: 12px; color: var(--monica-ink); +} +.ai-msg-actions { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; } +.ai-chat-prompts { + padding: 8px 12px; border-top: 1px solid var(--monica-border); + display: flex; flex-wrap: wrap; gap: 6px; background: #fafbfc; +} +.chip { + border: 1px solid var(--monica-border); background: #fff; font: inherit; + font-size: 11px; font-weight: 600; padding: 5px 10px; cursor: pointer; color: var(--monica-ink); +} +.chip:hover { border-color: var(--monica-primary); color: var(--monica-primary); } +.ai-chat-input { + border-top: 1px solid var(--monica-border); padding: 10px 12px; + display: flex; gap: 8px; align-items: flex-end; +} +.ai-chat-input textarea { + flex: 1; min-height: 44px; max-height: 100px; resize: vertical; + border: 1px solid var(--monica-border); padding: 8px 10px; font: inherit; font-size: 13px; +} +.ai-chat-input .btn { flex-shrink: 0; } + +/* Postcard */ +.postcard { + width: 100%; max-width: 420px; aspect-ratio: 6 / 4; position: relative; overflow: hidden; + background: #111; box-shadow: 0 12px 40px rgba(15, 23, 42, 0.25); color: #fff; + transition: max-width 0.2s, aspect-ratio 0.2s; +} +.postcard.size-4x6 { max-width: 420px; aspect-ratio: 6 / 4; } +.postcard.size-6x9 { max-width: 480px; aspect-ratio: 9 / 6; } +.postcard.size-6x11 { max-width: 520px; aspect-ratio: 11 / 6; } +.postcard.size-square { max-width: 400px; aspect-ratio: 1 / 1; } +.postcard-media { + position: absolute; inset: 0; background-size: cover; background-position: center; +} +.postcard-overlay { position: absolute; inset: 0; pointer-events: none; } +.postcard-overlay.ov-dark { background: linear-gradient(transparent 35%, rgba(0,0,0,.75)); } +.postcard-overlay.ov-light { background: linear-gradient(transparent 50%, rgba(255,255,255,.92)); } +.postcard-overlay.ov-none { background: none; } +.postcard-overlay.ov-light ~ .postcard-copy, +.ov-light + .postcard-copy { color: #111; } +.postcard-copy { + position: absolute; left: 20px; right: 20px; bottom: 18px; z-index: 2; +} +.postcard-headline { + font-family: Poppins, sans-serif; font-weight: 700; font-size: 28px; letter-spacing: 0.04em; + border-left: 4px solid #00626c; padding-left: 10px; line-height: 1.1; +} +.postcard-sub { margin-top: 8px; font-size: 14px; opacity: 0.95; } +.postcard-back { background: #fafafa; color: #212121; } +.postcard-back-grid { display: grid; grid-template-columns: 1.2fr 1fr; height: 100%; } +.postcard-back-msg { padding: 16px; display: flex; flex-direction: column; gap: 10px; border-right: 1px dashed #cbd5e1; } +.postcard-back-body { font-size: 12px; white-space: pre-wrap; flex: 1; line-height: 1.45; } +.postcard-agent { font-size: 11px; font-weight: 600; color: #00626c; } +.postcard-qr { + width: 48px; height: 48px; background: #111; color: #fff; font-size: 10px; + display: flex; align-items: center; justify-content: center; letter-spacing: 0.05em; +} +.postcard-back-mail { padding: 12px; position: relative; } +.stamp { + width: 44px; height: 52px; border: 2px dashed #94a3b8; float: right; + font-size: 9px; color: #94a3b8; display: flex; align-items: center; justify-content: center; +} +.addr-block { + margin-top: 48px; font-size: 12px; line-height: 1.4; + border-bottom: 1px solid #e2e8f0; padding-bottom: 8px; +} + +/* Social live preview */ +.platform-toggles { display: flex; flex-wrap: wrap; gap: 8px; } +.toggle-pill { + border: 1px solid var(--monica-border); padding: 8px 12px; font-size: 13px; + background: #fff; display: inline-flex; align-items: center; gap: 6px; +} +.toggle-pill.warn { border-color: #fdba74; background: #fff7ed; } +.social-phone { + width: 100%; max-width: 360px; background: #fff; border: 1px solid #d1d5db; + box-shadow: 0 8px 30px rgba(15,23,42,.12); overflow: hidden; font-size: 14px; +} +.social-phone.ig { max-width: 340px; } +.soc-header { + display: flex; align-items: center; gap: 10px; padding: 12px 14px; position: relative; +} +.soc-avatar { + width: 40px; height: 40px; background: #00626c; color: #fff; display: flex; + align-items: center; justify-content: center; font-weight: 700; font-size: 13px; flex-shrink: 0; +} +.soc-avatar.round { border-radius: 50%; background: linear-gradient(45deg, #f58529, #dd2a7b); } +.soc-avatar.sq { border-radius: 4px; background: #0a66c2; } +.soc-name { font-weight: 700; font-size: 13px; } +.soc-meta { font-size: 11px; color: #6b7280; } +.soc-more { margin-left: auto; color: #6b7280; } +.soc-caption { padding: 0 14px 12px; white-space: pre-wrap; line-height: 1.4; font-size: 13px; } +.soc-image { + height: 200px; background-size: cover; background-position: center; background-color: #e5e7eb; +} +.soc-image.square { height: 340px; } +.soc-actions { + padding: 10px 14px; border-top: 1px solid #e5e7eb; font-size: 12px; color: #4b5563; font-weight: 600; +} +.ig-act { font-size: 18px; border-top: none; padding-top: 8px; } + + +/* Exit brand overrides on template buttons */ +.page .button-primary, +.page .button-primary:focus, +.page .button-primary:active { + background-color: #00626c !important; + border-color: #00626c !important; + color: #fff !important; +} +.page .button-primary:hover { + background-color: #008898 !important; + border-color: #008898 !important; + color: #fff !important; +} +.page .breadcrumbs-custom-path a, +.page a.link-default { color: #00626c; } diff --git a/proposal/pages/public-404.html b/proposal/pages/public-404.html new file mode 100644 index 0000000..8124c59 --- /dev/null +++ b/proposal/pages/public-404.html @@ -0,0 +1,57 @@ + + + + 404 · Monica Dhillon + + + + + + + + + + +
+
Proposal mockup   MKDRealtor.com — UX examples (not production)
+
All screens
+
+
+
+
+
+
+
+
+ UX note: Custom 404 for broken or removed URLs. Keeps visitor on-brand and offers a path home or to contact. +
+
+
+

404

+
+
+
+
Page not found
+

That page may have moved or the link is outdated. Let’s get you back on track.

+ Back to home + Contact Monica +
+
+
+
+
+ +
+
+
+ + + + diff --git a/proposal/pages/public-about.html b/proposal/pages/public-about.html new file mode 100644 index 0000000..d1c9bf3 --- /dev/null +++ b/proposal/pages/public-about.html @@ -0,0 +1,119 @@ + + + + About · Monica Dhillon + + + + + + + + + + +
+
Proposal mockup   MKDRealtor.com — UX examples (not production)
+
All screens
+
+
+ + + +
+
+
+
+

Local realtor,
personal service

+

I help families buy and sell homes with clear communication and marketing that actually reaches people — not just another postcard blast.

+

This site replaces a costly third-party campaign platform. Visitors reach me through a protected contact form; every inquiry lands in my portal with source tracking so I know which campaigns work.

+ Work with me +
+
Monica Dhillon
+
+
+
+
+ + +
+
+ + + + diff --git a/proposal/pages/public-contact.html b/proposal/pages/public-contact.html new file mode 100644 index 0000000..01624e2 --- /dev/null +++ b/proposal/pages/public-contact.html @@ -0,0 +1,187 @@ + + + + Contact · Monica Dhillon + + + + + + + + + + +
+
Proposal mockup   MKDRealtor.com — UX examples (not production)
+
All screens
+
+
+ + + +
+
+
+
+ +
+
+ +
+
+
+
+ Greater Metro Area +
+
+
+
+
+
+
+
+
+
UX note: Form protected by reCAPTCHA v3 (invisible). Submit creates/updates a Contact, opens a Lead, and ties UTM visit → attribution. Consent notice below.
+

Send a message

+
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+

By submitting, you agree I may contact you about your inquiry. You can unsubscribe from marketing email anytime. Protected by reCAPTCHA.

+ +
+
+
+
+
+
+ + +
+
+ + + + diff --git a/proposal/pages/public-home.html b/proposal/pages/public-home.html new file mode 100644 index 0000000..d2eb983 --- /dev/null +++ b/proposal/pages/public-home.html @@ -0,0 +1,165 @@ + + + + Home · Monica Dhillon + + + + + + + + + + +
+
Proposal mockup   MKDRealtor.com — UX examples (not production)
+
All screens
+
+
+ + +
+
+
+
+
+
+
Monica Dhillon · MKDRealtor.com
+
+

Your Home,
Guided Well

+

EXIT Realty Redefined — buying or selling in the metro area with clear advice, strong marketing, and a team that answers the phone.

+ +
+
+
+
+
+
+
+
Local Market Insight
+
+

Sell With
Confidence

+

Pricing strategy, staging guidance, and multi-channel outreach so the right buyers see your listing.

+ +
+
+
+
+
+
+
+
+
+
+
UX note: First viewport = brand + one headline + one CTA + full-bleed hero. No stats strip or card clutter in the hero.
+

How I can help

+
+
+
+
+
+

Buyers

+

Neighborhood tours, offer strategy, and negotiation that protects your timeline and budget.

+
+
+
+
+
+
+
+

Sellers

+

Listing prep, professional marketing, and outreach across email, SMS, postcard, and social.

+
+
+
+
+
+
+
+

Market guidance

+

Honest comps and timing advice — whether you move this season or plan ahead.

+
+
+
+
+
+
+
+
+

Ready when you are

+

Tell me what you are looking for. I will follow up personally — your message becomes a lead in my private portal.

+ Contact Monica +
+
+
+ + +
+
+ + + + diff --git a/proposal/pages/public-under-construction.html b/proposal/pages/public-under-construction.html new file mode 100644 index 0000000..5625fee --- /dev/null +++ b/proposal/pages/public-under-construction.html @@ -0,0 +1,64 @@ + + + + Under construction · Monica Dhillon + + + + + + + + + + +
+
Proposal mockup   MKDRealtor.com — UX examples (not production)
+
All screens
+
+
+
+
+
+
+
+
+
+
+ UX note: Holding page for maintenance or pre-launch. Optional notify list; still offers a way to reach Monica. +
+
We’re getting ready to launch
+

Monica Dhillon · MKDRealtor.com’s new site is almost here. Leave your email and I’ll let you know when it’s live — or reach out now if you need help buying or selling.

+
+
+
+ + +
+
+ +
+
+
+

+ Contact Monica now +

+
+
+
+
+ +
+
+
+ + + + diff --git a/proposal/pages/public-unsubscribe.html b/proposal/pages/public-unsubscribe.html new file mode 100644 index 0000000..785fb2d --- /dev/null +++ b/proposal/pages/public-unsubscribe.html @@ -0,0 +1,113 @@ + + + + Email preferences · Monica Dhillon + + + + + + + + + + +
+
Proposal mockup   MKDRealtor.com — UX examples (not production)
+
All screens
+
+
+ + +
+
+
UX note: Signed-token one-click unsubscribe. Per-channel consent — opt out of email while keeping SMS if desired.
+

Email preferences

+

You are subscribed as jordan.lee@example.com.

+
+
+ +
+
+ +
+
+ +
+

SMS: reply STOP anytime. Changes take effect immediately.

+ + +
+
+
+
+ + +
+
+ + + + diff --git a/proposal/powerpoint/.~lock.MonicaSite-CostProposal.pptx# b/proposal/powerpoint/.~lock.MonicaSite-CostProposal.pptx# new file mode 100644 index 0000000..041d464 --- /dev/null +++ b/proposal/powerpoint/.~lock.MonicaSite-CostProposal.pptx# @@ -0,0 +1 @@ +,westfarn,ryan-development-1,15.07.2026 14:50,file:///home/westfarn/.config/libreoffice/4; \ No newline at end of file diff --git a/proposal/powerpoint/MonicaSite-CostProposal_updated.pptx b/proposal/powerpoint/MonicaSite-CostProposal_updated.pptx new file mode 100644 index 0000000..ca446cc Binary files /dev/null and b/proposal/powerpoint/MonicaSite-CostProposal_updated.pptx differ diff --git a/proposal/powerpoint/WebsiteProposalTemplate.pptx b/proposal/powerpoint/WebsiteProposalTemplate.pptx new file mode 100755 index 0000000..fda0ea3 Binary files /dev/null and b/proposal/powerpoint/WebsiteProposalTemplate.pptx differ diff --git a/proposal/powerpoint/aiml-operations-logo.png b/proposal/powerpoint/aiml-operations-logo.png new file mode 100644 index 0000000..6791c01 Binary files /dev/null and b/proposal/powerpoint/aiml-operations-logo.png differ diff --git a/proposal/powerpoint/build_cost_proposal.py b/proposal/powerpoint/build_cost_proposal.py new file mode 100644 index 0000000..d575dcc --- /dev/null +++ b/proposal/powerpoint/build_cost_proposal.py @@ -0,0 +1,1008 @@ +#!/usr/bin/env python3 +"""Build MKDRealtor.com cost proposal deck from WebsiteProposalTemplate.pptx. + +Colors match Exit Realty Wheaton / proposal.css. Two cost sections: + 1) Build-out (one-time) + 2) Monthly maintenance +""" + +from __future__ import annotations + +import re +import shutil +from datetime import date +from pathlib import Path +from zipfile import ZIP_DEFLATED, ZipFile + +from pptx import Presentation +from pptx.dml.color import RGBColor +from pptx.enum.shapes import MSO_SHAPE, MSO_SHAPE_TYPE +from pptx.enum.text import PP_ALIGN +from pptx.oxml.ns import qn +from pptx.util import Inches, Pt + +ROOT = Path(__file__).resolve().parent +TEMPLATE = ROOT / "WebsiteProposalTemplate.pptx" +OUTPUT = ROOT / "MonicaSite-CostProposal.pptx" +SHOTS = ROOT / "screenshots" +LOGO = ROOT / "aiml-operations-logo.png" + +# proposal.css palette +MONICA = { + "primary": "00626C", + "primary_light": "008898", + "primary_soft": "00A0AB", + "navy": "212121", + "ink": "212121", + "sidebar": "080808", + "muted": "6B7280", + "surface": "F4F7F7", + "border": "D9E3E4", + "ok": "1A7F4B", + "link": "7DD3DA", + "white": "FFFFFF", +} + +# Warm template accents → Monica blues +COLOR_MAP = { + "63876D": MONICA["primary"], + "F1C988": MONICA["primary_light"], + "FF8D51": MONICA["primary_soft"], + "CB5A48": MONICA["navy"], + "9F4044": MONICA["ink"], + "632F2F": MONICA["sidebar"], + "181717": MONICA["ink"], + "954F72": MONICA["primary_light"], + "0563C1": MONICA["primary"], +} + +TODAY = date(2026, 7, 15) +DATE_STR = TODAY.strftime("%d / %m / %Y") +COMPANY = "AI/ML Operations" +PROJECT = "MKDRealtor.com" + +# --- Pricing (proposal estimates; adjust as needed) --- +BUILD_ITEMS = [ + ("Phase 0 — Scaffolding & deploy", "$1,800"), + ("Phase 1 — Public site, leads, UTM, portal", "$4,800"), + ("Phase 2 — Mailing list + email/SMS outreach", "$3,600"), + ("Phase 3 — Postcards + live designer", "$2,400"), + ("Phase 4 — Social automation (FB / IG / LI)", "$3,200"), + ("Phase 5 — Hardening, monitoring, handoff", "$1,200"), + ("Content polish & realtor training", "$1,000"), +] +BUILD_TOTAL = "$18,000" + +MONTHLY_PLANS = { + "headers": ["Essential", "Standard", "Recommended", "Full Care"], + "rows": [ + ["Hosting & monitoring", "Yes", "Yes", "Yes", "Yes"], + ["Security & dependency updates", "Yes", "Yes", "Yes", "Yes"], + ["Bug fixes & uptime support", "Email", "Priority", "Priority", "Priority"], + ["Minor content / copy tweaks", "—", "2 hrs/mo", "4 hrs/mo", "8 hrs/mo"], + ["Campaign & social help", "—", "—", "Yes", "Yes"], + ["Monthly health report", "—", "Yes", "Yes", "Yes"], + ["$149/mo", "$249/mo", "$349/mo", "$499/mo"], + ], +} + +MONTHLY_PASS_THROUGH = [ + ("Email / SMS (SMTP2GO)", "Usage-based — billed at provider cost"), + ("Postcards (Lob / Click2Mail)", "~$0.35–$0.77 per 4×6 piece"), + ("Social APIs (Meta + LinkedIn)", "$0 — native APIs, no aggregator fee"), + ("Infra (existing fleet)", "Near-zero marginal — shared Postgres only"), +] + +# Screenshots from proposal/pages (see capture_screenshots.py) +UX_PAGES = [ + ("index", "UX gallery hub", "Overview"), + ("public-home", "Marketing home", "Public · Phase 1"), + ("public-about", "About", "Public · Phase 1"), + ("public-contact", "Contact form", "Public · Phase 1"), + ("public-unsubscribe", "Opt-out / unsubscribe", "Public · Phase 2"), + ("public-404", "404 not found", "Public · system"), + ("public-under-construction", "Under construction", "Public · system"), + ("portal-login", "Portal login", "Portal · Phase 1"), + ("portal-dashboard", "Dashboard", "Portal · Phase 1"), + ("portal-leads", "Lead inbox", "Portal · Phase 1"), + ("portal-lead-detail", "Lead detail", "Portal · Phase 1"), + ("portal-analytics", "UTM analytics", "Portal · Phase 1"), + ("portal-contacts", "Mailing list", "Portal · Phase 2"), + ("portal-contacts-import", "Import contacts", "Portal · Phase 2"), + ("portal-campaign", "Campaign composer", "Portal · Phase 2–3"), + ("portal-campaign-report", "Email engagement", "Portal · Phase 2"), + ("portal-postcard-designer", "Postcard designer", "Portal · Phase 3"), + ("portal-social", "Social live preview", "Portal · Phase 4"), + ("portal-social-accounts", "Social accounts", "Portal · Phase 4"), +] + + +def _rgb(hex6: str) -> RGBColor: + return RGBColor.from_string(hex6) + + +def _logo_size(height_emu: int) -> tuple[int, int]: + from PIL import Image + + with Image.open(LOGO) as im: + aspect = im.width / im.height + return int(height_emu * aspect), int(height_emu) + + +def add_brand_logo(slide, slide_width: int, slide_height: int, *, height: int | None = None) -> None: + """Place AI/ML Operations logo bottom-right.""" + if not LOGO.exists(): + print(f"WARN missing logo: {LOGO}") + return + logo_h = height or Inches(0.32) + logo_w, logo_h = _logo_size(logo_h) + left = slide_width - Inches(0.4) - logo_w + top = slide_height - Inches(0.48) + slide.shapes.add_picture(str(LOGO), left, top, width=logo_w, height=logo_h) + + +def _set_run(paragraph, text: str, *, size_pt: float, bold: bool = False, color: str = "FFFFFF") -> None: + paragraph.clear() + run = paragraph.add_run() + run.text = text + run.font.size = Pt(size_pt) + run.font.bold = bold + run.font.color.rgb = _rgb(color) + run.font.name = "Calibri" + + +def add_ux_gallery(prs: Presentation) -> int: + """Append UX section divider + one slide per screenshot. Returns slide count added.""" + layout = prs.slide_layouts[0] # Blank + added = 0 + sw, sh = prs.slide_width, prs.slide_height + + # --- Section divider --- + slide = prs.slides.add_slide(layout) + bg = slide.shapes.add_shape(MSO_SHAPE.RECTANGLE, 0, 0, sw, sh) + bg.fill.solid() + bg.fill.fore_color.rgb = _rgb(MONICA["navy"]) + bg.line.fill.background() + + accent = slide.shapes.add_shape( + MSO_SHAPE.RECTANGLE, 0, Inches(2.6), sw, Inches(0.08) + ) + accent.fill.solid() + accent.fill.fore_color.rgb = _rgb(MONICA["primary_light"]) + accent.line.fill.background() + + title_box = slide.shapes.add_textbox(Inches(0.8), Inches(2.85), Inches(11.5), Inches(1.0)) + tf = title_box.text_frame + tf.word_wrap = True + _set_run(tf.paragraphs[0], "UX MOCKUPS", size_pt=44, bold=True, color="FFFFFF") + + sub = slide.shapes.add_textbox(Inches(0.8), Inches(3.9), Inches(11.5), Inches(1.2)) + stf = sub.text_frame + stf.word_wrap = True + _set_run( + stf.paragraphs[0], + "Click-through mockups of the public site and realtor portal — " + "what the build-out delivers. Screenshots from proposal/pages (MKDRealtor.com).", + size_pt=16, + color="7DD3DA", + ) + foot = slide.shapes.add_textbox(Inches(0.8), Inches(6.9), Inches(4), Inches(0.3)) + _set_run(foot.text_frame.paragraphs[0], DATE_STR, size_pt=11, color="6B7280") + add_brand_logo(slide, sw, sh, height=Inches(0.34)) + added += 1 + + # --- One slide per page --- + missing = [] + for stem, title, eyebrow in UX_PAGES: + path = SHOTS / f"{stem}.png" + if not path.exists(): + missing.append(stem) + continue + + slide = prs.slides.add_slide(layout) + + # Surface background + bg = slide.shapes.add_shape(MSO_SHAPE.RECTANGLE, 0, 0, sw, sh) + bg.fill.solid() + bg.fill.fore_color.rgb = _rgb(MONICA["surface"]) + bg.line.fill.background() + + # Top bar + bar = slide.shapes.add_shape(MSO_SHAPE.RECTANGLE, 0, 0, sw, Inches(0.72)) + bar.fill.solid() + bar.fill.fore_color.rgb = _rgb(MONICA["sidebar"]) + bar.line.fill.background() + + eye = slide.shapes.add_textbox(Inches(0.4), Inches(0.08), Inches(8), Inches(0.28)) + _set_run(eye.text_frame.paragraphs[0], eyebrow.upper(), size_pt=11, bold=True, color="7DD3DA") + + ttl = slide.shapes.add_textbox(Inches(0.4), Inches(0.30), Inches(10), Inches(0.38)) + _set_run(ttl.text_frame.paragraphs[0], title, size_pt=20, bold=True, color="FFFFFF") + + tag = slide.shapes.add_textbox(Inches(10.2), Inches(0.22), Inches(2.8), Inches(0.35)) + p = tag.text_frame.paragraphs[0] + p.alignment = PP_ALIGN.RIGHT + _set_run(p, "UX mockup", size_pt=11, bold=True, color="7DD3DA") + + # Fit 1440×900 screenshot into remaining area + top = Inches(0.85) + bottom_margin = Inches(0.42) + side = Inches(0.35) + max_w = sw - side * 2 + max_h = sh - top - bottom_margin + img_ratio = 1440 / 900 + box_ratio = max_w / max_h + if box_ratio > img_ratio: + pic_h = max_h + pic_w = int(pic_h * img_ratio) + else: + pic_w = max_w + pic_h = int(pic_w / img_ratio) + left = int((sw - pic_w) / 2) + slide.shapes.add_picture(str(path), left, top, width=pic_w, height=pic_h) + + # Footer: page ref left, logo bottom-right + fbox = slide.shapes.add_textbox(Inches(0.4), sh - Inches(0.32), Inches(6), Inches(0.28)) + _set_run( + fbox.text_frame.paragraphs[0], + f"{PROJECT} · {stem}.html · {DATE_STR}", + size_pt=10, + color=MONICA["muted"], + ) + add_brand_logo(slide, sw, sh, height=Inches(0.28)) + added += 1 + + if missing: + print(f"WARN missing screenshots: {', '.join(missing)}") + print(f" Run: .venv/bin/python proposal/powerpoint/capture_screenshots.py") + return added + + +def set_runs_text(shape, text: str) -> bool: + """Replace all paragraph/run text in a shape while keeping first run formatting.""" + if not shape.has_text_frame: + return False + tf = shape.text_frame + # Flatten into first paragraph's first run when possible + first_para = tf.paragraphs[0] + if first_para.runs: + first_para.runs[0].text = text + for run in first_para.runs[1:]: + run.text = "" + for para in tf.paragraphs[1:]: + for run in para.runs: + run.text = "" + return True + # No runs — set paragraph text + first_para.text = text + return True + + +def replace_text_everywhere(shape, replacements: dict[str, str]) -> None: + """Substring replace across all runs (preserves split-run titles when exact).""" + if shape.shape_type == MSO_SHAPE_TYPE.GROUP: + for child in shape.shapes: + replace_text_everywhere(child, replacements) + return + if not shape.has_text_frame: + return + for para in shape.text_frame.paragraphs: + for run in para.runs: + for old, new in replacements.items(): + if old in run.text: + run.text = run.text.replace(old, new) + + +def set_shape_text_by_name(slide, name: str, text: str) -> bool: + for shape in slide.shapes: + if shape.name == name: + return set_runs_text(shape, text) + return False + + +def iter_all_shapes(shapes): + for shape in shapes: + yield shape + if shape.shape_type == MSO_SHAPE_TYPE.GROUP: + yield from iter_all_shapes(shape.shapes) + + +def find_shapes_with_text(slide, contains: str): + hits = [] + for shape in iter_all_shapes(slide.shapes): + if not shape.has_text_frame: + continue + full = "".join( + "".join(r.text for r in p.runs) for p in shape.text_frame.paragraphs + ) + if contains in full: + hits.append(shape) + return hits + + +def set_full_text(shape, text: str) -> None: + """Set shape text, preferring single-run update for titles split across runs.""" + if not shape.has_text_frame: + return + tf = shape.text_frame + # If multiple runs in first para (e.g. "PRICES " + "TABLE"), put all in first run + para = tf.paragraphs[0] + if para.runs: + para.runs[0].text = text + for r in para.runs[1:]: + r.text = "" + for p in tf.paragraphs[1:]: + for r in p.runs: + r.text = "" + else: + para.text = text + + +def fill_table(table, rows: list[list[str]]) -> None: + for r_i, row_data in enumerate(rows): + if r_i >= len(table.rows): + break + for c_i, value in enumerate(row_data): + if c_i >= len(table.columns): + break + cell = table.cell(r_i, c_i) + # Keep formatting: set via text_frame + tf = cell.text_frame + if tf.paragraphs and tf.paragraphs[0].runs: + tf.paragraphs[0].runs[0].text = value + for r in tf.paragraphs[0].runs[1:]: + r.text = "" + for p in tf.paragraphs[1:]: + for r in p.runs: + r.text = "" + else: + cell.text = value + + +def delete_slide(prs: Presentation, index: int) -> None: + sld_id_lst = prs.slides._sldIdLst # noqa: SLF001 + sld_id = sld_id_lst[index] + rId = sld_id.get(qn("r:id")) + prs.part.drop_rel(rId) + sld_id_lst.remove(sld_id) + + +def recolor_pptx(path: Path) -> None: + """Rewrite theme + hardcoded srgb colors inside the pptx zip.""" + tmp = path.with_suffix(".recolor.tmp.pptx") + with ZipFile(path, "r") as zin, ZipFile(tmp, "w", compression=ZIP_DEFLATED) as zout: + for info in zin.infolist(): + data = zin.read(info.filename) + name = info.filename + if name.endswith((".xml", ".rels")): + text = data.decode("utf-8") + # Theme scheme + if "theme/theme1.xml" in name: + text = text.replace( + 'clrScheme name="Website Proposal 01"', + 'clrScheme name="MKDRealtor"', + ) + for old, new in { + "63876D": MONICA["primary"], + "F1C988": MONICA["primary_light"], + "FF8D51": MONICA["primary_soft"], + "CB5A48": MONICA["navy"], + "9F4044": MONICA["ink"], + "632F2F": MONICA["sidebar"], + "181717": MONICA["ink"], + "954F72": MONICA["primary_light"], + "0563C1": MONICA["primary"], + }.items(): + text = text.replace(f'srgbClr val="{old}"', f'srgbClr val="{new}"') + text = text.replace(f'srgbClr val="{old.lower()}"', f'srgbClr val="{new}"') + if "theme/theme2.xml" in name: + for old, new in { + "4472C4": MONICA["primary"], + "ED7D31": MONICA["primary_light"], + "A5A5A5": MONICA["muted"], + "FFC000": MONICA["primary_soft"], + "5B9BD5": MONICA["primary_light"], + "70AD47": MONICA["ok"], + "44546A": MONICA["ink"], + "E7E6E6": MONICA["surface"], + "0563C1": MONICA["primary"], + "954F72": MONICA["primary_light"], + }.items(): + text = text.replace(f'srgbClr val="{old}"', f'srgbClr val="{new}"') + # Global warm → Monica on slides / masters / layouts / charts + for old, new in COLOR_MAP.items(): + text = re.sub( + rf'(?i)srgbClr val="{old}"', + f'srgbClr val="{new}"', + text, + ) + # Some fills use scheme-independent hex in other attrs + text = re.sub( + rf'(?i)val="{old}"', + f'val="{new}"', + text, + ) + data = text.encode("utf-8") + zout.writestr(info, data) + tmp.replace(path) + + +def stamp_footer(slide, slide_width: int | None = None, slide_height: int | None = None) -> None: + """Date bottom-left; clear bottom-right text so logo can sit there.""" + left_footer = None + right_footer = None + for shape in slide.shapes: + if not shape.has_text_frame: + continue + if shape.top < Inches(6.4): + continue + if shape.left < Inches(5): + left_footer = shape + elif shape.left > Inches(8): + right_footer = shape + + if left_footer is not None: + set_full_text(left_footer, DATE_STR) + if right_footer is not None: + set_full_text(right_footer, "") + + # Also catch leftover company name anywhere in footer band + for shape in slide.shapes: + if not shape.has_text_frame: + continue + full = "".join( + "".join(r.text for r in p.runs) for p in shape.text_frame.paragraphs + ).strip() + if full in ("Company Name", COMPANY): + set_full_text(shape, DATE_STR if shape.left < Inches(5) else "") + elif "20 / 10 / 2020" in full: + set_full_text(shape, DATE_STR if shape.left < Inches(5) else "") + + if slide_width is not None and slide_height is not None: + add_brand_logo(slide, slide_width, slide_height) + + +def fill_title(slide) -> None: + stamp_footer(slide) + for shape in slide.shapes: + if not shape.has_text_frame: + continue + full = "".join( + "".join(r.text for r in p.runs) for p in shape.text_frame.paragraphs + ) + if "WEBSITE" in full or "PROPOSAL" in full: + # Title is often two runs/paragraphs: WEBSITE / PROPOSAL + paras = shape.text_frame.paragraphs + if len(paras) >= 2 and paras[0].runs and paras[1].runs: + paras[0].runs[0].text = "COST" + for r in paras[0].runs[1:]: + r.text = "" + paras[1].runs[0].text = "PROPOSAL" + for r in paras[1].runs[1:]: + r.text = "" + else: + set_full_text(shape, "COST PROPOSAL") + elif "Lorem Ipsum" in full or "dummy text" in full: + set_full_text( + shape, + "Custom marketing platform for Monica Dhillon — public site, " + "realtor portal, multi-channel outreach, and social automation. " + "Cheaper than PostcardMania, with social included.", + ) + + +def fill_welcome(slide) -> None: + stamp_footer(slide) + for shape in slide.shapes: + if not shape.has_text_frame: + continue + full = "".join( + "".join(r.text for r in p.runs) for p in shape.text_frame.paragraphs + ) + if "Opportunities" in full: + set_full_text(shape, "Replace PostcardMania. Own your pipeline.") + elif "WELCOME" in full or "MESSAGE" in full: + set_full_text(shape, "WELCOME") + elif "Lorem ipsum" in full.lower() or "consectetuer" in full.lower(): + set_full_text( + shape, + "This proposal covers the one-time build-out of MKDRealtor.com and " + "the ongoing monthly care plan. You get a branded public site, a " + "private portal for leads and UTM analytics, email + SMS + postcard " + "campaigns with consent/opt-out, and Facebook / Instagram / LinkedIn " + "scheduling — deployed on our existing fleet with near-zero extra infra.", + ) + + +def fill_exec_summary(slide) -> None: + stamp_footer(slide) + for shape in slide.shapes: + if not shape.has_text_frame: + continue + full = "".join( + "".join(r.text for r in p.runs) for p in shape.text_frame.paragraphs + ) + if "successful design projects" in full: + set_full_text( + shape, + "Two cost sections: build-out (one-time) and monthly maintenance. " + "Provider send costs (email, SMS, postcard) stay pass-through.", + ) + + items = [ + ("MKDRealtor.com platform", "Project name — realtor marketing + portal"), + ("Single-tenant Django 6 app", "Deployed active/active behind NPM"), + ("AI/ML Operations builds & hosts", "Same pipeline as company_site"), + ("Django, Postgres, SMTP2GO, Lob, Meta, LinkedIn", "Stack & integrations"), + ("LinkedIn app review + A2P 10DLC for SMS", "Client prerequisites"), + ("Monica Dhillon / realtor brand", "Customer"), + ("~10–14 weeks across 6 phases", "Timeline"), + (f"{BUILD_TOTAL} build + from $149/mo care", "Investment summary"), + ] + # Groups are nested: outer Group 111 → Group 95..102 + numbered = [] + for shape in iter_all_shapes(slide.shapes): + if shape.has_text_frame: + t = "".join( + "".join(r.text for r in p.runs) for p in shape.text_frame.paragraphs + ).strip() + if re.fullmatch(r"0[1-8]", t): + numbered.append(shape) + + # Find description pairs near each number by walking groups at top level + content_groups = [] + for shape in slide.shapes: + if shape.shape_type == MSO_SHAPE_TYPE.GROUP and shape.name.startswith("Group"): + # look one level deeper for the 8 item groups + for child in shape.shapes: + if child.shape_type == MSO_SHAPE_TYPE.GROUP: + content_groups.append(child) + + if len(content_groups) < 8: + # fallback: any group that contains a 01-08 rectangle + content_groups = [] + for shape in iter_all_shapes(slide.shapes): + if shape.shape_type != MSO_SHAPE_TYPE.GROUP: + continue + texts = [] + for ch in shape.shapes: + if ch.has_text_frame: + texts.append( + "".join( + "".join(r.text for r in p.runs) + for p in ch.text_frame.paragraphs + ).strip() + ) + if any(re.fullmatch(r"0[1-8]", t) for t in texts): + content_groups.append(shape) + + for grp, (desc, label) in zip(content_groups[:8], items): + textboxes = [s for s in grp.shapes if s.has_text_frame] + # Typically: detail textbox, label textbox, number rectangle + detail = None + title = None + for s in textboxes: + t = "".join( + "".join(r.text for r in p.runs) for p in s.text_frame.paragraphs + ).strip() + if re.fullmatch(r"0[1-8]", t): + continue + if t.startswith("-") or "Lorem" in t or len(t) > 20 or t.startswith("PHP") or "$" in t or "Project" in t or "Risk" in t or "Investor" in t or "Your" in t or "brief" in t: + if detail is None: + detail = s + elif title is None: + title = s + else: + if title is None: + title = s + elif detail is None: + detail = s + # Heuristic by name order + named = {s.name: s for s in textboxes} + # Prefer: first non-number textbox = detail (- ...), second = label + non_num = [] + for s in textboxes: + t = "".join( + "".join(r.text for r in p.runs) for p in s.text_frame.paragraphs + ).strip() + if not re.fullmatch(r"0[1-8]", t): + non_num.append(s) + if len(non_num) >= 2: + set_full_text(non_num[0], f"- {desc}") + set_full_text(non_num[1], label) + elif len(non_num) == 1: + set_full_text(non_num[0], f"- {desc}") + + +def fill_what_we_do(slide) -> None: + stamp_footer(slide) + for shape in slide.shapes: + if not shape.has_text_frame: + continue + full = "".join( + "".join(r.text for r in p.runs) for p in shape.text_frame.paragraphs + ) + if "successful design projects" in full: + set_full_text( + shape, + "Everything in the UX proposal gallery — shipped as a real Django app.", + ) + + services = [ + ("Public site", "Home, about, contact with reCAPTCHA v3 lead capture and consent."), + ("Lead portal", "Inbox, statuses, notes, and UTM attribution for every inquiry."), + ("Mailing list", "Contacts with per-channel consent, import, and easy opt-out."), + ("Campaigns", "Email + SMS via SMTP2GO; postcards via Lob with live 4×6 designer."), + ("Social", "Schedule once to Facebook, Instagram, and LinkedIn — native APIs."), + ] + groups = [ + s + for s in slide.shapes + if s.shape_type == MSO_SHAPE_TYPE.GROUP and s.name.startswith("Group") + ] + for grp, (title, body) in zip(groups[:5], services): + for s in grp.shapes: + if not s.has_text_frame: + continue + t = "".join( + "".join(r.text for r in p.runs) for p in s.text_frame.paragraphs + ).strip() + if t.startswith("Service"): + set_full_text(s, title) + elif "sample text" in t.lower() or "This is a" in t: + set_full_text(s, body) + + +def fill_planning(slide) -> None: + stamp_footer(slide) + for shape in iter_all_shapes(slide.shapes): + if not shape.has_text_frame: + continue + full = "".join( + "".join(r.text for r in p.runs) for p in shape.text_frame.paragraphs + ) + if "successful design projects" in full: + set_full_text( + shape, + "Six delivery phases from scaffold to polish. Social can start in parallel with outreach.", + ) + elif full.strip() == "Define Target Audience": + set_full_text(shape, "Scaffold & deploy") + elif full.strip() == "Create a Sitemap": + set_full_text(shape, "Public + leads + UTM") + elif full.strip() == "SEO and Advertising": + set_full_text(shape, "Mailing list + email/SMS") + elif full.strip() == "Design and Developing": + set_full_text(shape, "Postcards + social") + elif full.strip() == "Set Goals and Objectives": + set_full_text(shape, "Harden & handoff") + elif "Lorem Ipsum" in full: + # Match by parent context — replace with phase blurbs in order of groups + pass + + blurbs = [ + "Docker, CI, Postgres, task worker on the existing fleet.", + "Marketing pages, portal login, lead inbox, analytics.", + "Consent, campaigns, SMTP2GO sends, unsubscribe / STOP.", + "Lob postcards + Meta/LinkedIn scheduling.", + "Monitoring, backups, runbook, realtor training.", + ] + blurb_shapes = [] + for shape in iter_all_shapes(slide.shapes): + if not shape.has_text_frame: + continue + full = "".join( + "".join(r.text for r in p.runs) for p in shape.text_frame.paragraphs + ) + if "Lorem Ipsum" in full and "dummy text of the printing" in full: + blurb_shapes.append(shape) + for shape, blurb in zip(blurb_shapes[:5], blurbs): + set_full_text(shape, blurb) + + +def fill_build_expenses(slide) -> None: + stamp_footer(slide) + for shape in slide.shapes: + if not shape.has_text_frame: + continue + full = "".join( + "".join(r.text for r in p.runs) for p in shape.text_frame.paragraphs + ) + if full.strip() == "EXPENSES": + set_full_text(shape, "BUILD-OUT") + elif "successful design projects" in full: + set_full_text( + shape, + "Section 1 — One-time investment to design, build, and launch MKDRealtor.com.", + ) + elif full.strip() == "Expenses Title Here": + set_full_text(shape, "Build-out line items") + elif full.strip() == "Required Costs": + set_full_text(shape, "Investment") + + for shape in slide.shapes: + if shape.has_table: + rows = [["Phase / deliverable", "Cost"]] + for name, cost in BUILD_ITEMS: + rows.append([name, cost]) + # Table is 9 rows: header + 7 items + total. We have 7 items — perfect. + rows.append([f"Total build-out", BUILD_TOTAL]) + fill_table(shape.table, rows) + break + + # Side callout groups often have "Short Text Here" / Lorem / Read More + callouts = [ + ( + "Why this total", + "Covers all six phases in the design doc — public site through social — plus training.", + ), + ( + "Not included", + "Postcard postage, SMS/email usage, and A2P registration are billed at provider cost.", + ), + ] + # Find text boxes with Short Text / Lorem / Read More + short_titles = find_shapes_with_text(slide, "Short Text") + lorems = [ + s + for s in iter_all_shapes(slide.shapes) + if s.has_text_frame + and "Lorem Ipsum" in "".join( + "".join(r.text for r in p.runs) for p in s.text_frame.paragraphs + ) + ] + reads = find_shapes_with_text(slide, "Read More") + for i, (title, body) in enumerate(callouts): + if i < len(short_titles): + set_full_text(short_titles[i], title) + if i < len(lorems): + set_full_text(lorems[i], body) + if i < len(reads): + set_full_text(reads[i], "See phases →") + + +def fill_monthly_prices(slide) -> None: + stamp_footer(slide) + for shape in slide.shapes: + if not shape.has_text_frame: + continue + full = "".join( + "".join(r.text for r in p.runs) for p in shape.text_frame.paragraphs + ) + if "PRICES" in full or "TABLE" in full: + set_full_text(shape, "MONTHLY CARE") + elif "successful design projects" in full: + set_full_text( + shape, + "Section 2 — Ongoing maintenance so the platform stays secure and useful.", + ) + elif "Project Budget" in full: + set_full_text(shape, "Care plans") + elif "All" in full and "Budget" in full: + set_full_text(shape, "Pick a plan") + + for shape in slide.shapes: + if shape.has_table: + headers = MONTHLY_PLANS["headers"] + # Table is 7x5; use 4 plan columns — leave 5th as duplicate of Recommended or blank label + # Actually 5 columns: map Essential, Standard, Recommended, Full, and a "Pass-through" note column + # Simpler: use 4 plans in first 4 cols; 5th col = "Notes" style - use Full Care only 4 cols + # Template has 5 columns — use: Essential | Standard | Recommended | Full Care | Pass-through + # Template table = 7×5 with plan names as column headers (no label column) + rows_data = [ + ["Essential", "Standard", "Recommended", "Full Care", "Pass-through"], + [ + "Hosting included", + "Hosting included", + "Hosting included", + "Hosting included", + "Infra near-zero", + ], + [ + "Security updates", + "Security updates", + "Security updates", + "Security updates", + "—", + ], + [ + "Email support", + "Priority support", + "Priority support", + "Priority + Slack", + "—", + ], + [ + "Platform only", + "2 hrs content/mo", + "4 hrs content/mo", + "8 hrs content/mo", + "—", + ], + [ + "No campaign help", + "No campaign help", + "Campaign coaching", + "Campaign + social", + "Email/SMS/postcard", + ], + ["$149/mo", "$249/mo", "$349/mo", "$499/mo", "At cost"], + ] + # Table is 7 rows x 5 cols — rows_data matches + fill_table(shape.table, rows_data) + break + + +def fill_client_responsibilities(slide) -> None: + stamp_footer(slide) + for shape in slide.shapes: + if not shape.has_text_frame: + continue + full = "".join( + "".join(r.text for r in p.runs) for p in shape.text_frame.paragraphs + ) + if "successful design projects" in full: + set_full_text( + shape, + "A few client-side items unlock SMS, postcards, and LinkedIn posting.", + ) + + items = [ + ("Brand assets", "Logo, photos, bio copy, and preferred colors for the public site."), + ("Domain & DNS", "Point the realtor domain to our NPM load balancer when ready."), + ("SMTP2GO / SMS", "Approve SMTP2GO use; complete A2P 10DLC before SMS launch."), + ("Postcard account", "Lob (or Click2Mail) API keys; artwork preferences for mailers."), + ("Social accounts", "FB Page, IG Business, LinkedIn — OAuth connect in the portal."), + ("LinkedIn review", "Allow 2–4 weeks for LinkedIn app posting-scope approval."), + ] + groups = [ + s + for s in slide.shapes + if s.shape_type == MSO_SHAPE_TYPE.GROUP and s.name.startswith("Group") + ] + # Prefer the numbered item groups (have Oval with 01 etc.) + item_groups = [] + for g in groups: + texts = [] + for ch in iter_all_shapes(g.shapes): + if ch.has_text_frame: + texts.append( + "".join( + "".join(r.text for r in p.runs) + for p in ch.text_frame.paragraphs + ).strip() + ) + if any(re.fullmatch(r"0[1-6]", t) for t in texts): + item_groups.append(g) + + for grp, (title, body) in zip(item_groups[:6], items): + for s in iter_all_shapes(grp.shapes): + if not s.has_text_frame: + continue + t = "".join( + "".join(r.text for r in p.runs) for p in s.text_frame.paragraphs + ).strip() + if re.fullmatch(r"0[1-6]", t): + continue + if t == "Your Title Here" or "Title Here" in t: + set_full_text(s, title) + elif "sample text" in t.lower() or "This is a" in t: + set_full_text(s, body) + + +def fill_contact(slide) -> None: + stamp_footer(slide) + replacements = { + "35 W Wacker Dr,": "AI/ML Operations", + "606011 Chicago, US": "Hosted on adama + roslin", + "contact@pp.com": "hello@aimloperations.com", + "contact@wp.com": "portal support via ticket", + "support@wp.com": "deploy via server-infra CI", + "+1 312-220-0088": "Schedule a kickoff call", + "1800 - 2800": "Build-out: " + BUILD_TOTAL, + "1800 - 3318": "Care: from $149/mo", + } + for shape in iter_all_shapes(slide.shapes): + if not shape.has_text_frame: + continue + full = "".join( + "".join(r.text for r in p.runs) for p in shape.text_frame.paragraphs + ) + if "successful design projects" in full: + set_full_text( + shape, + "Ready when you are — we start with Phase 0 scaffold and a staging URL.", + ) + continue + for old, new in replacements.items(): + if old in full: + # replace within runs + for para in shape.text_frame.paragraphs: + for run in para.runs: + if old in run.text: + run.text = run.text.replace(old, new) + + +def add_pass_through_note_slide(prs: Presentation, after_index: int) -> None: + """Duplicate monthly slide is hard; instead annotate via exec — skip extra slide. + + Pass-through details live in build callouts + monthly *Usage column. + """ + return + + +def main() -> None: + if OUTPUT.exists(): + OUTPUT.unlink() + shutil.copy2(TEMPLATE, OUTPUT) + + # Recolor before python-pptx edits (zip rewrite) + recolor_pptx(OUTPUT) + + prs = Presentation(str(OUTPUT)) + + # Keep only: title, welcome, exec, planning, prices, expenses, client, what-we-do, contact + keep = {0, 1, 2, 4, 34, 35, 36, 38, 39} + for idx in range(len(prs.slides) - 1, -1, -1): + if idx not in keep: + delete_slide(prs, idx) + + # current: [title, welcome, exec, planning, prices, expenses, client, whatwedo, contact] + # target core: [title, welcome, exec, whatwedo, planning, expenses, prices, client, contact] + sldIdLst = prs.slides._sldIdLst # noqa: SLF001 + ids = list(sldIdLst) + order = [0, 1, 2, 7, 3, 5, 4, 6, 8] + new_ids = [ids[i] for i in order] + for child in list(sldIdLst): + sldIdLst.remove(child) + for child in new_ids: + sldIdLst.append(child) + + slides = list(prs.slides) + fill_title(slides[0]) + fill_welcome(slides[1]) + fill_exec_summary(slides[2]) + fill_what_we_do(slides[3]) + fill_planning(slides[4]) + fill_build_expenses(slides[5]) + fill_monthly_prices(slides[6]) + fill_client_responsibilities(slides[7]) + fill_contact(slides[8]) + + # UX gallery appended, then moved after "What we do" + n_before = len(list(prs.slides)) # 9 + n_ux = add_ux_gallery(prs) + sldIdLst = prs.slides._sldIdLst # noqa: SLF001 + ids = list(sldIdLst) + head = ids[:4] # title … what we do + mid = ids[4:n_before] # planning … contact + ux = ids[n_before : n_before + n_ux] + for child in list(sldIdLst): + sldIdLst.remove(child) + for child in head + ux + mid: + sldIdLst.append(child) + + # Final footer + logo on template slides (UX slides already branded) + sw, sh = prs.slide_width, prs.slide_height + for slide in list(prs.slides)[:4] + list(prs.slides)[4 + n_ux :]: + stamp_footer(slide, sw, sh) + for shape in iter_all_shapes(slide.shapes): + if not shape.has_text_frame: + continue + for para in shape.text_frame.paragraphs: + for run in para.runs: + if run.text.strip() in ("Company Name", COMPANY): + run.text = "" + if "20 / 10 / 2020" in run.text: + run.text = run.text.replace("20 / 10 / 2020", DATE_STR) + + prs.save(str(OUTPUT)) + print(f"Wrote {OUTPUT}") + print(f"Slides: {len(list(prs.slides))} (incl. {n_ux} UX mockup slides)") + print(f"Logo: {LOGO.name}") + print(f"Build-out total: {BUILD_TOTAL}") + print("Monthly: $149 / $249 / $349 / $499") + + +if __name__ == "__main__": + main() diff --git a/proposal/powerpoint/capture_screenshots.py b/proposal/powerpoint/capture_screenshots.py new file mode 100644 index 0000000..3138afe --- /dev/null +++ b/proposal/powerpoint/capture_screenshots.py @@ -0,0 +1,100 @@ +#!/usr/bin/env python3 +"""Capture proposal/pages HTML mockups → powerpoint/screenshots/*.png + +Requires Chromium and a local HTTP server (started automatically). +""" + +from __future__ import annotations + +import subprocess +import sys +import time +import urllib.request +from pathlib import Path + +ROOT = Path(__file__).resolve().parent +PAGES = ROOT.parent / "pages" +SHOTS = ROOT / "screenshots" +PORT = 8765 + +PAGES_LIST = [ + "index.html", + "public-home.html", + "public-about.html", + "public-contact.html", + "public-unsubscribe.html", + "public-404.html", + "public-under-construction.html", + "portal-login.html", + "portal-dashboard.html", + "portal-leads.html", + "portal-lead-detail.html", + "portal-analytics.html", + "portal-contacts.html", + "portal-contacts-import.html", + "portal-campaign.html", + "portal-campaign-report.html", + "portal-postcard-designer.html", + "portal-social.html", + "portal-social-accounts.html", +] + + +def find_chromium() -> str: + for candidate in ("chromium", "google-chrome", "google-chrome-stable", "/snap/bin/chromium"): + path = Path(candidate) if candidate.startswith("/") else None + if path and path.exists(): + return str(path) + found = subprocess.run(["which", candidate], capture_output=True, text=True) + if found.returncode == 0 and found.stdout.strip(): + return found.stdout.strip() + raise SystemExit("Chromium/Chrome not found") + + +def main() -> None: + SHOTS.mkdir(parents=True, exist_ok=True) + chromium = find_chromium() + server = subprocess.Popen( + [sys.executable, "-m", "http.server", str(PORT)], + cwd=str(PAGES), + stdout=subprocess.DEVNULL, + stderr=subprocess.DEVNULL, + ) + try: + for _ in range(30): + try: + urllib.request.urlopen(f"http://127.0.0.1:{PORT}/index.html", timeout=1) + break + except Exception: + time.sleep(0.2) + else: + raise SystemExit("HTTP server failed to start") + + for page in PAGES_LIST: + stem = page.removesuffix(".html") + out = SHOTS / f"{stem}.png" + url = f"http://127.0.0.1:{PORT}/{page}" + print(f"screenshot {page} → {out.name}") + subprocess.run( + [ + chromium, + "--headless=new", + "--disable-gpu", + "--no-sandbox", + "--hide-scrollbars", + "--window-size=1440,900", + f"--virtual-time-budget=5000", + f"--screenshot={out}", + url, + ], + check=True, + capture_output=True, + ) + print(f"Done: {len(PAGES_LIST)} screenshots in {SHOTS}") + finally: + server.terminate() + server.wait(timeout=5) + + +if __name__ == "__main__": + main() diff --git a/proposal/powerpoint/exit_logo.png b/proposal/powerpoint/exit_logo.png new file mode 100644 index 0000000..4fea4c5 Binary files /dev/null and b/proposal/powerpoint/exit_logo.png differ diff --git a/proposal/powerpoint/requirements.txt b/proposal/powerpoint/requirements.txt new file mode 100644 index 0000000..29fe364 --- /dev/null +++ b/proposal/powerpoint/requirements.txt @@ -0,0 +1,3 @@ +python-pptx>=1.0.2 +lxml>=5.0 +Pillow>=10.0 diff --git a/proposal/powerpoint/screenshots/index.png b/proposal/powerpoint/screenshots/index.png new file mode 100644 index 0000000..f12ca0b Binary files /dev/null and b/proposal/powerpoint/screenshots/index.png differ diff --git a/proposal/powerpoint/screenshots/portal-analytics.png b/proposal/powerpoint/screenshots/portal-analytics.png new file mode 100644 index 0000000..a8c552b Binary files /dev/null and b/proposal/powerpoint/screenshots/portal-analytics.png differ diff --git a/proposal/powerpoint/screenshots/portal-campaign-report.png b/proposal/powerpoint/screenshots/portal-campaign-report.png new file mode 100644 index 0000000..c560557 Binary files /dev/null and b/proposal/powerpoint/screenshots/portal-campaign-report.png differ diff --git a/proposal/powerpoint/screenshots/portal-campaign.png b/proposal/powerpoint/screenshots/portal-campaign.png new file mode 100644 index 0000000..0168812 Binary files /dev/null and b/proposal/powerpoint/screenshots/portal-campaign.png differ diff --git a/proposal/powerpoint/screenshots/portal-contacts-import.png b/proposal/powerpoint/screenshots/portal-contacts-import.png new file mode 100644 index 0000000..7347d8d Binary files /dev/null and b/proposal/powerpoint/screenshots/portal-contacts-import.png differ diff --git a/proposal/powerpoint/screenshots/portal-contacts.png b/proposal/powerpoint/screenshots/portal-contacts.png new file mode 100644 index 0000000..6068600 Binary files /dev/null and b/proposal/powerpoint/screenshots/portal-contacts.png differ diff --git a/proposal/powerpoint/screenshots/portal-dashboard.png b/proposal/powerpoint/screenshots/portal-dashboard.png new file mode 100644 index 0000000..4e90412 Binary files /dev/null and b/proposal/powerpoint/screenshots/portal-dashboard.png differ diff --git a/proposal/powerpoint/screenshots/portal-lead-detail.png b/proposal/powerpoint/screenshots/portal-lead-detail.png new file mode 100644 index 0000000..840e2f8 Binary files /dev/null and b/proposal/powerpoint/screenshots/portal-lead-detail.png differ diff --git a/proposal/powerpoint/screenshots/portal-leads.png b/proposal/powerpoint/screenshots/portal-leads.png new file mode 100644 index 0000000..e6c058a Binary files /dev/null and b/proposal/powerpoint/screenshots/portal-leads.png differ diff --git a/proposal/powerpoint/screenshots/portal-login.png b/proposal/powerpoint/screenshots/portal-login.png new file mode 100644 index 0000000..8326806 Binary files /dev/null and b/proposal/powerpoint/screenshots/portal-login.png differ diff --git a/proposal/powerpoint/screenshots/portal-postcard-designer.png b/proposal/powerpoint/screenshots/portal-postcard-designer.png new file mode 100644 index 0000000..b21c2f8 Binary files /dev/null and b/proposal/powerpoint/screenshots/portal-postcard-designer.png differ diff --git a/proposal/powerpoint/screenshots/portal-social-accounts.png b/proposal/powerpoint/screenshots/portal-social-accounts.png new file mode 100644 index 0000000..a48106b Binary files /dev/null and b/proposal/powerpoint/screenshots/portal-social-accounts.png differ diff --git a/proposal/powerpoint/screenshots/portal-social.png b/proposal/powerpoint/screenshots/portal-social.png new file mode 100644 index 0000000..6b5aaea Binary files /dev/null and b/proposal/powerpoint/screenshots/portal-social.png differ diff --git a/proposal/powerpoint/screenshots/public-404.png b/proposal/powerpoint/screenshots/public-404.png new file mode 100644 index 0000000..cbe2026 Binary files /dev/null and b/proposal/powerpoint/screenshots/public-404.png differ diff --git a/proposal/powerpoint/screenshots/public-about.png b/proposal/powerpoint/screenshots/public-about.png new file mode 100644 index 0000000..64a22bb Binary files /dev/null and b/proposal/powerpoint/screenshots/public-about.png differ diff --git a/proposal/powerpoint/screenshots/public-contact.png b/proposal/powerpoint/screenshots/public-contact.png new file mode 100644 index 0000000..2689661 Binary files /dev/null and b/proposal/powerpoint/screenshots/public-contact.png differ diff --git a/proposal/powerpoint/screenshots/public-home.png b/proposal/powerpoint/screenshots/public-home.png new file mode 100644 index 0000000..38732fc Binary files /dev/null and b/proposal/powerpoint/screenshots/public-home.png differ diff --git a/proposal/powerpoint/screenshots/public-under-construction.png b/proposal/powerpoint/screenshots/public-under-construction.png new file mode 100644 index 0000000..548b995 Binary files /dev/null and b/proposal/powerpoint/screenshots/public-under-construction.png differ diff --git a/proposal/powerpoint/screenshots/public-unsubscribe.png b/proposal/powerpoint/screenshots/public-unsubscribe.png new file mode 100644 index 0000000..832b8b4 Binary files /dev/null and b/proposal/powerpoint/screenshots/public-unsubscribe.png differ diff --git a/template/real_estate_html/documentation.txt b/template/real_estate_html/documentation.txt new file mode 100755 index 0000000..ad13593 --- /dev/null +++ b/template/real_estate_html/documentation.txt @@ -0,0 +1 @@ +http://documentation.zemez.io/html/bootstrap/v1-4/ \ No newline at end of file diff --git a/template/real_estate_html/site/404-page.html b/template/real_estate_html/site/404-page.html new file mode 100755 index 0000000..744dceb --- /dev/null +++ b/template/real_estate_html/site/404-page.html @@ -0,0 +1,67 @@ + + + + 404 Page + + + + + + + + + + + + + +
+ +
+
+
+
+
+
+
+

404

+
+
+
+
Page was not found
+

You may have mistyped the address or the page may have moved.

Back to home page +
+
+
+
+
+ +
+
+
+
+ +
+
+
+
+
+
+ +
+ + + + + \ No newline at end of file diff --git a/template/real_estate_html/site/503-page.html b/template/real_estate_html/site/503-page.html new file mode 100755 index 0000000..a7ffc4b --- /dev/null +++ b/template/real_estate_html/site/503-page.html @@ -0,0 +1,67 @@ + + + + 503 Page + + + + + + + + + + + + + +
+ +
+
+
+
+
+
+
+

503

+
+
+
+
Service is temporary unavailable
+

Sorry, we're offline right now to make our site even better.
Please, come back later and check what we've been up to.

Back to home page +
+
+
+
+
+ +
+
+
+
+ +
+
+
+
+
+
+ +
+ + + + + \ No newline at end of file diff --git a/template/real_estate_html/site/about-us.html b/template/real_estate_html/site/about-us.html new file mode 100755 index 0000000..0a513b4 --- /dev/null +++ b/template/real_estate_html/site/about-us.html @@ -0,0 +1,388 @@ + + + + About us + + + + + + + + + + + + + +
+ + + + + +
+
+
+
+

Who We Are

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostru eiusmod tempor incididunt ut labore et.

View properties +
+
+
+
+
+
+ +
+
+

Why people Choose Us

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+
+
+ +
+
+
+
12
+
+
National Partners
+
+
+
+ +
+
+
+
238
+
+
Properties
+
+
+
+ +
+
+
+
19
+
+
Years of Experience
+
+
+
+ +
+
+
+
54
+
+
Qualified Brokers
+
+
+
+
+
+
+
+

Our Team

+
+
+ +
+
+
+
+
Nathalie Porter
+

Founder, Broker

+ +

Ms. Porter founded our company in 1989 with a vision to help guests and residents of the USA to easily find and buy or rent real estate in all 50 states.

+
+
+
+
+ +
+
+
+
+
John Thompson
+

Sales Associate

+ +

John has been in sales and marketing for the past 15 years. He has excellent knowledge about the local market both residential and commercial.

+
+
+
+
+ +
+
+
+
+
Brian Payne
+

Realtor

+ +

Brian is not only a Licensed Realtor but also holds the Title Producers and Mortgage Licenses, which makes him a very knowledgeable real estate expert.

+
+
+
+
+ +
+
+
+
+
Marie Fernandez
+

Broker

+ +

Marie’s goal is to provide clients with the highest level of marketing expertise and customer service to help them reach their uppermost real estate goals.

+
+
+
+
+
+
+ + +
+
+ +
+
+
+
+
+
+ +
+ + + + + \ No newline at end of file diff --git a/template/real_estate_html/site/accordions.html b/template/real_estate_html/site/accordions.html new file mode 100755 index 0000000..613cfd3 --- /dev/null +++ b/template/real_estate_html/site/accordions.html @@ -0,0 +1,432 @@ + + + + Accordions + + + + + + + + + + + + + +
+ + + + + +
+
+
Accordion & skill bars
+
+
+

Frequently Asked Questions

+ +
+ + + + + + + +
+ +
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris

+
+
+
+
+
+
+

Skill Bars

+
+ +
+
+

Dedication

90 +
+
+
+
+
+
+
+ +
+
+

Knowledge

65 +
+
+
+
+
+
+
+ +
+
+

Professionalism

100 +
+
+
+
+
+
+
+ +
+
+

Expertise

75 +
+
+
+
+
+
+
+
+
+
+ +
+
+
Accordion & photo
+
+
+

Frequently Asked Questions

+ +
+ + + + + + + + +
+
+
+
+
+
+
+ + +
+
+ +
+
+
+
+
+
+ +
+ + + + + \ No newline at end of file diff --git a/template/real_estate_html/site/bat/ReCaptcha/ReCaptcha.php b/template/real_estate_html/site/bat/ReCaptcha/ReCaptcha.php new file mode 100755 index 0000000..7139fae --- /dev/null +++ b/template/real_estate_html/site/bat/ReCaptcha/ReCaptcha.php @@ -0,0 +1,97 @@ +secret = $secret; + + if (!is_null($requestMethod)) { + $this->requestMethod = $requestMethod; + } else { + $this->requestMethod = new RequestMethod\Post(); + } + } + + /** + * Calls the reCAPTCHA siteverify API to verify whether the user passes + * CAPTCHA test. + * + * @param string $response The value of 'g-recaptcha-response' in the submitted form. + * @param string $remoteIp The end user's IP address. + * @return Response Response from the service. + */ + public function verify($response, $remoteIp = null) + { + // Discard empty solution submissions + if (empty($response)) { + $recaptchaResponse = new Response(false, array('missing-input-response')); + return $recaptchaResponse; + } + + $params = new RequestParameters($this->secret, $response, $remoteIp, self::VERSION); + $rawResponse = $this->requestMethod->submit($params); + return Response::fromJson($rawResponse); + } +} diff --git a/template/real_estate_html/site/bat/ReCaptcha/RequestMethod.php b/template/real_estate_html/site/bat/ReCaptcha/RequestMethod.php new file mode 100755 index 0000000..fc4dde5 --- /dev/null +++ b/template/real_estate_html/site/bat/ReCaptcha/RequestMethod.php @@ -0,0 +1,42 @@ +curl = $curl; + } else { + $this->curl = new Curl(); + } + } + + /** + * Submit the cURL request with the specified parameters. + * + * @param RequestParameters $params Request parameters + * @return string Body of the reCAPTCHA response + */ + public function submit(RequestParameters $params) + { + $handle = $this->curl->init(self::SITE_VERIFY_URL); + + $options = array( + CURLOPT_POST => true, + CURLOPT_POSTFIELDS => $params->toQueryString(), + CURLOPT_HTTPHEADER => array( + 'Content-Type: application/x-www-form-urlencoded' + ), + CURLINFO_HEADER_OUT => false, + CURLOPT_HEADER => false, + CURLOPT_RETURNTRANSFER => true, + CURLOPT_SSL_VERIFYPEER => true + ); + $this->curl->setoptArray($handle, $options); + + $response = $this->curl->exec($handle); + $this->curl->close($handle); + + return $response; + } +} diff --git a/template/real_estate_html/site/bat/ReCaptcha/RequestMethod/Post.php b/template/real_estate_html/site/bat/ReCaptcha/RequestMethod/Post.php new file mode 100755 index 0000000..7770d90 --- /dev/null +++ b/template/real_estate_html/site/bat/ReCaptcha/RequestMethod/Post.php @@ -0,0 +1,70 @@ + array( + 'header' => "Content-type: application/x-www-form-urlencoded\r\n", + 'method' => 'POST', + 'content' => $params->toQueryString(), + // Force the peer to validate (not needed in 5.6.0+, but still works + 'verify_peer' => true, + // Force the peer validation to use www.google.com + $peer_key => 'www.google.com', + ), + ); + $context = stream_context_create($options); + return file_get_contents(self::SITE_VERIFY_URL, false, $context); + } +} diff --git a/template/real_estate_html/site/bat/ReCaptcha/RequestMethod/Socket.php b/template/real_estate_html/site/bat/ReCaptcha/RequestMethod/Socket.php new file mode 100755 index 0000000..f51f123 --- /dev/null +++ b/template/real_estate_html/site/bat/ReCaptcha/RequestMethod/Socket.php @@ -0,0 +1,104 @@ +handle = fsockopen($hostname, $port, $errno, $errstr, (is_null($timeout) ? ini_get("default_socket_timeout") : $timeout)); + + if ($this->handle != false && $errno === 0 && $errstr === '') { + return $this->handle; + } + return false; + } + + /** + * fwrite + * + * @see http://php.net/fwrite + * @param string $string + * @param int $length + * @return int | bool + */ + public function fwrite($string, $length = null) + { + return fwrite($this->handle, $string, (is_null($length) ? strlen($string) : $length)); + } + + /** + * fgets + * + * @see http://php.net/fgets + * @param int $length + * @return string + */ + public function fgets($length = null) + { + return fgets($this->handle, $length); + } + + /** + * feof + * + * @see http://php.net/feof + * @return bool + */ + public function feof() + { + return feof($this->handle); + } + + /** + * fclose + * + * @see http://php.net/fclose + * @return bool + */ + public function fclose() + { + return fclose($this->handle); + } +} diff --git a/template/real_estate_html/site/bat/ReCaptcha/RequestMethod/SocketPost.php b/template/real_estate_html/site/bat/ReCaptcha/RequestMethod/SocketPost.php new file mode 100755 index 0000000..4754121 --- /dev/null +++ b/template/real_estate_html/site/bat/ReCaptcha/RequestMethod/SocketPost.php @@ -0,0 +1,121 @@ +socket = $socket; + } else { + $this->socket = new Socket(); + } + } + + /** + * Submit the POST request with the specified parameters. + * + * @param RequestParameters $params Request parameters + * @return string Body of the reCAPTCHA response + */ + public function submit(RequestParameters $params) + { + $errno = 0; + $errstr = ''; + + if (false === $this->socket->fsockopen('ssl://' . self::RECAPTCHA_HOST, 443, $errno, $errstr, 30)) { + return self::BAD_REQUEST; + } + + $content = $params->toQueryString(); + + $request = "POST " . self::SITE_VERIFY_PATH . " HTTP/1.1\r\n"; + $request .= "Host: " . self::RECAPTCHA_HOST . "\r\n"; + $request .= "Content-Type: application/x-www-form-urlencoded\r\n"; + $request .= "Content-length: " . strlen($content) . "\r\n"; + $request .= "Connection: close\r\n\r\n"; + $request .= $content . "\r\n\r\n"; + + $this->socket->fwrite($request); + $response = ''; + + while (!$this->socket->feof()) { + $response .= $this->socket->fgets(4096); + } + + $this->socket->fclose(); + + if (0 !== strpos($response, 'HTTP/1.1 200 OK')) { + return self::BAD_RESPONSE; + } + + $parts = preg_split("#\n\s*\n#Uis", $response); + + return $parts[1]; + } +} diff --git a/template/real_estate_html/site/bat/ReCaptcha/RequestParameters.php b/template/real_estate_html/site/bat/ReCaptcha/RequestParameters.php new file mode 100755 index 0000000..cb66f26 --- /dev/null +++ b/template/real_estate_html/site/bat/ReCaptcha/RequestParameters.php @@ -0,0 +1,103 @@ +secret = $secret; + $this->response = $response; + $this->remoteIp = $remoteIp; + $this->version = $version; + } + + /** + * Array representation. + * + * @return array Array formatted parameters. + */ + public function toArray() + { + $params = array('secret' => $this->secret, 'response' => $this->response); + + if (!is_null($this->remoteIp)) { + $params['remoteip'] = $this->remoteIp; + } + + if (!is_null($this->version)) { + $params['version'] = $this->version; + } + + return $params; + } + + /** + * Query string representation for HTTP request. + * + * @return string Query string formatted parameters. + */ + public function toQueryString() + { + return http_build_query($this->toArray(), '', '&'); + } +} diff --git a/template/real_estate_html/site/bat/ReCaptcha/Response.php b/template/real_estate_html/site/bat/ReCaptcha/Response.php new file mode 100755 index 0000000..d2d8a8b --- /dev/null +++ b/template/real_estate_html/site/bat/ReCaptcha/Response.php @@ -0,0 +1,102 @@ +success = $success; + $this->errorCodes = $errorCodes; + } + + /** + * Is success? + * + * @return boolean + */ + public function isSuccess() + { + return $this->success; + } + + /** + * Get error codes. + * + * @return array + */ + public function getErrorCodes() + { + return $this->errorCodes; + } +} diff --git a/template/real_estate_html/site/bat/ReCaptcha/autoload.php b/template/real_estate_html/site/bat/ReCaptcha/autoload.php new file mode 100755 index 0000000..75a8c85 --- /dev/null +++ b/template/real_estate_html/site/bat/ReCaptcha/autoload.php @@ -0,0 +1,30 @@ + + * @author Jim Jagielski (jimjag) + * @author Andy Prevost (codeworxtech) + * @author Brent R. Matzelle (original founder) + * @copyright 2012 - 2014 Marcus Bointon + * @copyright 2010 - 2012 Jim Jagielski + * @copyright 2004 - 2009 Andy Prevost + * @license http://www.gnu.org/copyleft/lesser.html GNU Lesser General Public License + * @note This program is distributed in the hope that it will be useful - WITHOUT + * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or + * FITNESS FOR A PARTICULAR PURPOSE. + */ + +/** + * PHPMailer SPL autoloader. + * @param string $classname The name of the class to load + */ +function PHPMailerAutoload($classname) +{ + //Can't use __DIR__ as it's only in PHP 5.3+ + $filename = dirname(__FILE__).DIRECTORY_SEPARATOR.'class.'.strtolower($classname).'.php'; + if (is_readable($filename)) { + require $filename; + } +} + +if (version_compare(PHP_VERSION, '5.1.2', '>=')) { + //SPL autoloading was introduced in PHP 5.1.2 + if (version_compare(PHP_VERSION, '5.3.0', '>=')) { + spl_autoload_register('PHPMailerAutoload', true, true); + } else { + spl_autoload_register('PHPMailerAutoload'); + } +} else { + /** + * Fall back to traditional autoload for old PHP versions + * @param string $classname The name of the class to load + */ + function __autoload($classname) + { + PHPMailerAutoload($classname); + } +} diff --git a/template/real_estate_html/site/bat/phpmailer/class.phpmailer.php b/template/real_estate_html/site/bat/phpmailer/class.phpmailer.php new file mode 100755 index 0000000..f82b4b1 --- /dev/null +++ b/template/real_estate_html/site/bat/phpmailer/class.phpmailer.php @@ -0,0 +1,3518 @@ + + * @author Jim Jagielski (jimjag) + * @author Andy Prevost (codeworxtech) + * @author Brent R. Matzelle (original founder) + * @copyright 2012 - 2014 Marcus Bointon + * @copyright 2010 - 2012 Jim Jagielski + * @copyright 2004 - 2009 Andy Prevost + * @license http://www.gnu.org/copyleft/lesser.html GNU Lesser General Public License + * @note This program is distributed in the hope that it will be useful - WITHOUT + * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or + * FITNESS FOR A PARTICULAR PURPOSE. + */ + +/** + * PHPMailer - PHP email creation and transport class. + * @package PHPMailer + * @author Marcus Bointon (Synchro/coolbru) + * @author Jim Jagielski (jimjag) + * @author Andy Prevost (codeworxtech) + * @author Brent R. Matzelle (original founder) + */ +class PHPMailer +{ + /** + * The PHPMailer Version number. + * @type string + */ + public $Version = '5.2.9'; + + /** + * Email priority. + * Options: 1 = High, 3 = Normal, 5 = low. + * @type integer + */ + public $Priority = 3; + + /** + * The character set of the message. + * @type string + */ + public $CharSet = 'iso-8859-1'; + + /** + * The MIME Content-type of the message. + * @type string + */ + public $ContentType = 'text/plain'; + + /** + * The message encoding. + * Options: "8bit", "7bit", "binary", "base64", and "quoted-printable". + * @type string + */ + public $Encoding = '8bit'; + + /** + * Holds the most recent mailer error message. + * @type string + */ + public $ErrorInfo = ''; + + /** + * The From email address for the message. + * @type string + */ + public $From = 'root@localhost'; + + /** + * The From name of the message. + * @type string + */ + public $FromName = 'Root User'; + + /** + * The Sender email (Return-Path) of the message. + * If not empty, will be sent via -f to sendmail or as 'MAIL FROM' in smtp mode. + * @type string + */ + public $Sender = ''; + + /** + * The Return-Path of the message. + * If empty, it will be set to either From or Sender. + * @type string + * @deprecated Email senders should never set a return-path header; + * it's the receiver's job (RFC5321 section 4.4), so this no longer does anything. + * @link https://tools.ietf.org/html/rfc5321#section-4.4 RFC5321 reference + */ + public $ReturnPath = ''; + + /** + * The Subject of the message. + * @type string + */ + public $Subject = ''; + + /** + * An HTML or plain text message body. + * If HTML then call isHTML(true). + * @type string + */ + public $Body = ''; + + /** + * The plain-text message body. + * This body can be read by mail clients that do not have HTML email + * capability such as mutt & Eudora. + * Clients that can read HTML will view the normal Body. + * @type string + */ + public $AltBody = ''; + + /** + * An iCal message part body. + * Only supported in simple alt or alt_inline message types + * To generate iCal events, use the bundled extras/EasyPeasyICS.php class or iCalcreator + * @link http://sprain.ch/blog/downloads/php-class-easypeasyics-create-ical-files-with-php/ + * @link http://kigkonsult.se/iCalcreator/ + * @type string + */ + public $Ical = ''; + + /** + * The complete compiled MIME message body. + * @access protected + * @type string + */ + protected $MIMEBody = ''; + + /** + * The complete compiled MIME message headers. + * @type string + * @access protected + */ + protected $MIMEHeader = ''; + + /** + * Extra headers that createHeader() doesn't fold in. + * @type string + * @access protected + */ + protected $mailHeader = ''; + + /** + * Word-wrap the message body to this number of chars. + * Set to 0 to not wrap. A useful value here is 78, for RFC2822 section 2.1.1 compliance. + * @type integer + */ + public $WordWrap = 0; + + /** + * Which method to use to send mail. + * Options: "mail", "sendmail", or "smtp". + * @type string + */ + public $Mailer = 'mail'; + + /** + * The path to the sendmail program. + * @type string + */ + public $Sendmail = '/usr/sbin/sendmail'; + + /** + * Whether mail() uses a fully sendmail-compatible MTA. + * One which supports sendmail's "-oi -f" options. + * @type boolean + */ + public $UseSendmailOptions = true; + + /** + * Path to PHPMailer plugins. + * Useful if the SMTP class is not in the PHP include path. + * @type string + * @deprecated Should not be needed now there is an autoloader. + */ + public $PluginDir = ''; + + /** + * The email address that a reading confirmation should be sent to. + * @type string + */ + public $ConfirmReadingTo = ''; + + /** + * The hostname to use in Message-Id and Received headers + * and as default HELO string. + * If empty, the value returned + * by SERVER_NAME is used or 'localhost.localdomain'. + * @type string + */ + public $Hostname = ''; + + /** + * An ID to be used in the Message-Id header. + * If empty, a unique id will be generated. + * @type string + */ + public $MessageID = ''; + + /** + * The message Date to be used in the Date header. + * If empty, the current date will be added. + * @type string + */ + public $MessageDate = ''; + + /** + * SMTP hosts. + * Either a single hostname or multiple semicolon-delimited hostnames. + * You can also specify a different port + * for each host by using this format: [hostname:port] + * (e.g. "smtp1.example.com:25;smtp2.example.com"). + * You can also specify encryption type, for example: + * (e.g. "tls://smtp1.example.com:587;ssl://smtp2.example.com:465"). + * Hosts will be tried in order. + * @type string + */ + public $Host = 'localhost'; + + /** + * The default SMTP server port. + * @type integer + * @TODO Why is this needed when the SMTP class takes care of it? + */ + public $Port = 25; + + /** + * The SMTP HELO of the message. + * Default is $Hostname. + * @type string + * @see PHPMailer::$Hostname + */ + public $Helo = ''; + + /** + * The secure connection prefix. + * Options: "", "ssl" or "tls" + * @type string + */ + public $SMTPSecure = ''; + + /** + * Whether to use SMTP authentication. + * Uses the Username and Password properties. + * @type boolean + * @see PHPMailer::$Username + * @see PHPMailer::$Password + */ + public $SMTPAuth = false; + + /** + * SMTP username. + * @type string + */ + public $Username = ''; + + /** + * SMTP password. + * @type string + */ + public $Password = ''; + + /** + * SMTP auth type. + * Options are LOGIN (default), PLAIN, NTLM, CRAM-MD5 + * @type string + */ + public $AuthType = ''; + + /** + * SMTP realm. + * Used for NTLM auth + * @type string + */ + public $Realm = ''; + + /** + * SMTP workstation. + * Used for NTLM auth + * @type string + */ + public $Workstation = ''; + + /** + * The SMTP server timeout in seconds. + * Default of 5 minutes (300sec) is from RFC2821 section 4.5.3.2 + * @type integer + */ + public $Timeout = 300; + + /** + * SMTP class debug output mode. + * Debug output level. + * Options: + * * `0` No output + * * `1` Commands + * * `2` Data and commands + * * `3` As 2 plus connection status + * * `4` Low-level data output + * @type integer + * @see SMTP::$do_debug + */ + public $SMTPDebug = 0; + + /** + * How to handle debug output. + * Options: + * * `echo` Output plain-text as-is, appropriate for CLI + * * `html` Output escaped, line breaks converted to `
`, appropriate for browser output + * * `error_log` Output to error log as configured in php.ini + * + * Alternatively, you can provide a callable expecting two params: a message string and the debug level: + * + * $mail->Debugoutput = function($str, $level) {echo "debug level $level; message: $str";}; + * + * @type string|callable + * @see SMTP::$Debugoutput + */ + public $Debugoutput = 'echo'; + + /** + * Whether to keep SMTP connection open after each message. + * If this is set to true then to close the connection + * requires an explicit call to smtpClose(). + * @type boolean + */ + public $SMTPKeepAlive = false; + + /** + * Whether to split multiple to addresses into multiple messages + * or send them all in one message. + * @type boolean + */ + public $SingleTo = false; + + /** + * Storage for addresses when SingleTo is enabled. + * @type array + * @TODO This should really not be public + */ + public $SingleToArray = array(); + + /** + * Whether to generate VERP addresses on send. + * Only applicable when sending via SMTP. + * @link http://en.wikipedia.org/wiki/Variable_envelope_return_path + * @link http://www.postfix.org/VERP_README.html Postfix VERP info + * @type boolean + */ + public $do_verp = false; + + /** + * Whether to allow sending messages with an empty body. + * @type boolean + */ + public $AllowEmpty = false; + + /** + * The default line ending. + * @note The default remains "\n". We force CRLF where we know + * it must be used via self::CRLF. + * @type string + */ + public $LE = "\n"; + + /** + * DKIM selector. + * @type string + */ + public $DKIM_selector = ''; + + /** + * DKIM Identity. + * Usually the email address used as the source of the email + * @type string + */ + public $DKIM_identity = ''; + + /** + * DKIM passphrase. + * Used if your key is encrypted. + * @type string + */ + public $DKIM_passphrase = ''; + + /** + * DKIM signing domain name. + * @example 'example.com' + * @type string + */ + public $DKIM_domain = ''; + + /** + * DKIM private key file path. + * @type string + */ + public $DKIM_private = ''; + + /** + * Callback Action function name. + * + * The function that handles the result of the send email action. + * It is called out by send() for each email sent. + * + * Value can be any php callable: http://www.php.net/is_callable + * + * Parameters: + * boolean $result result of the send action + * string $to email address of the recipient + * string $cc cc email addresses + * string $bcc bcc email addresses + * string $subject the subject + * string $body the email body + * string $from email address of sender + * @type string + */ + public $action_function = ''; + + /** + * What to put in the X-Mailer header. + * Options: An empty string for PHPMailer default, whitespace for none, or a string to use + * @type string + */ + public $XMailer = ''; + + /** + * An instance of the SMTP sender class. + * @type SMTP + * @access protected + */ + protected $smtp = null; + + /** + * The array of 'to' addresses. + * @type array + * @access protected + */ + protected $to = array(); + + /** + * The array of 'cc' addresses. + * @type array + * @access protected + */ + protected $cc = array(); + + /** + * The array of 'bcc' addresses. + * @type array + * @access protected + */ + protected $bcc = array(); + + /** + * The array of reply-to names and addresses. + * @type array + * @access protected + */ + protected $ReplyTo = array(); + + /** + * An array of all kinds of addresses. + * Includes all of $to, $cc, $bcc, $replyto + * @type array + * @access protected + */ + protected $all_recipients = array(); + + /** + * The array of attachments. + * @type array + * @access protected + */ + protected $attachment = array(); + + /** + * The array of custom headers. + * @type array + * @access protected + */ + protected $CustomHeader = array(); + + /** + * The most recent Message-ID (including angular brackets). + * @type string + * @access protected + */ + protected $lastMessageID = ''; + + /** + * The message's MIME type. + * @type string + * @access protected + */ + protected $message_type = ''; + + /** + * The array of MIME boundary strings. + * @type array + * @access protected + */ + protected $boundary = array(); + + /** + * The array of available languages. + * @type array + * @access protected + */ + protected $language = array(); + + /** + * The number of errors encountered. + * @type integer + * @access protected + */ + protected $error_count = 0; + + /** + * The S/MIME certificate file path. + * @type string + * @access protected + */ + protected $sign_cert_file = ''; + + /** + * The S/MIME key file path. + * @type string + * @access protected + */ + protected $sign_key_file = ''; + + /** + * The optional S/MIME extra certificates ("CA Chain") file path. + * @type string + * @access protected + */ + protected $sign_extracerts_file = ''; + + /** + * The S/MIME password for the key. + * Used only if the key is encrypted. + * @type string + * @access protected + */ + protected $sign_key_pass = ''; + + /** + * Whether to throw exceptions for errors. + * @type boolean + * @access protected + */ + protected $exceptions = false; + + /** + * Error severity: message only, continue processing. + */ + const STOP_MESSAGE = 0; + + /** + * Error severity: message, likely ok to continue processing. + */ + const STOP_CONTINUE = 1; + + /** + * Error severity: message, plus full stop, critical error reached. + */ + const STOP_CRITICAL = 2; + + /** + * SMTP RFC standard line ending. + */ + const CRLF = "\r\n"; + + /** + * Constructor. + * @param boolean $exceptions Should we throw external exceptions? + */ + public function __construct($exceptions = false) + { + $this->exceptions = (boolean)$exceptions; + } + + /** + * Destructor. + */ + public function __destruct() + { + //Close any open SMTP connection nicely + if ($this->Mailer == 'smtp') { + $this->smtpClose(); + } + } + + /** + * Call mail() in a safe_mode-aware fashion. + * Also, unless sendmail_path points to sendmail (or something that + * claims to be sendmail), don't pass params (not a perfect fix, + * but it will do) + * @param string $to To + * @param string $subject Subject + * @param string $body Message Body + * @param string $header Additional Header(s) + * @param string $params Params + * @access private + * @return boolean + */ + private function mailPassthru($to, $subject, $body, $header, $params) + { + //Check overloading of mail function to avoid double-encoding + if (ini_get('mbstring.func_overload') & 1) { + $subject = $this->secureHeader($subject); + } else { + $subject = $this->encodeHeader($this->secureHeader($subject)); + } + if (ini_get('safe_mode') || !($this->UseSendmailOptions)) { + $result = @mail($to, $subject, $body, $header); + } else { + $result = @mail($to, $subject, $body, $header, $params); + } + return $result; + } + + /** + * Output debugging info via user-defined method. + * Only generates output if SMTP debug output is enabled (@see SMTP::$do_debug). + * @see PHPMailer::$Debugoutput + * @see PHPMailer::$SMTPDebug + * @param string $str + */ + protected function edebug($str) + { + if ($this->SMTPDebug <= 0) { + return; + } + //Avoid clash with built-in function names + if (!in_array($this->Debugoutput, array('error_log', 'html', 'echo')) and is_callable($this->Debugoutput)) { + call_user_func($this->Debugoutput, $str, $this->SMTPDebug); + return; + } + switch ($this->Debugoutput) { + case 'error_log': + //Don't output, just log + error_log($str); + break; + case 'html': + //Cleans up output a bit for a better looking, HTML-safe output + echo htmlentities( + preg_replace('/[\r\n]+/', '', $str), + ENT_QUOTES, + 'UTF-8' + ) + . "
\n"; + break; + case 'echo': + default: + //Normalize line breaks + $str = preg_replace('/(\r\n|\r|\n)/ms', "\n", $str); + echo gmdate('Y-m-d H:i:s') . "\t" . str_replace( + "\n", + "\n \t ", + trim($str) + ) . "\n"; + } + } + + /** + * Sets message type to HTML or plain. + * @param boolean $isHtml True for HTML mode. + * @return void + */ + public function isHTML($isHtml = true) + { + if ($isHtml) { + $this->ContentType = 'text/html'; + } else { + $this->ContentType = 'text/plain'; + } + } + + /** + * Send messages using SMTP. + * @return void + */ + public function isSMTP() + { + $this->Mailer = 'smtp'; + } + + /** + * Send messages using PHP's mail() function. + * @return void + */ + public function isMail() + { + $this->Mailer = 'mail'; + } + + /** + * Send messages using $Sendmail. + * @return void + */ + public function isSendmail() + { + $ini_sendmail_path = ini_get('sendmail_path'); + + if (!stristr($ini_sendmail_path, 'sendmail')) { + $this->Sendmail = '/usr/sbin/sendmail'; + } else { + $this->Sendmail = $ini_sendmail_path; + } + $this->Mailer = 'sendmail'; + } + + /** + * Send messages using qmail. + * @return void + */ + public function isQmail() + { + $ini_sendmail_path = ini_get('sendmail_path'); + + if (!stristr($ini_sendmail_path, 'qmail')) { + $this->Sendmail = '/var/qmail/bin/qmail-inject'; + } else { + $this->Sendmail = $ini_sendmail_path; + } + $this->Mailer = 'qmail'; + } + + /** + * Add a "To" address. + * @param string $address + * @param string $name + * @return boolean true on success, false if address already used + */ + public function addAddress($address, $name = '') + { + return $this->addAnAddress('to', $address, $name); + } + + /** + * Add a "CC" address. + * @note: This function works with the SMTP mailer on win32, not with the "mail" mailer. + * @param string $address + * @param string $name + * @return boolean true on success, false if address already used + */ + public function addCC($address, $name = '') + { + return $this->addAnAddress('cc', $address, $name); + } + + /** + * Add a "BCC" address. + * @note: This function works with the SMTP mailer on win32, not with the "mail" mailer. + * @param string $address + * @param string $name + * @return boolean true on success, false if address already used + */ + public function addBCC($address, $name = '') + { + return $this->addAnAddress('bcc', $address, $name); + } + + /** + * Add a "Reply-to" address. + * @param string $address + * @param string $name + * @return boolean + */ + public function addReplyTo($address, $name = '') + { + return $this->addAnAddress('Reply-To', $address, $name); + } + + /** + * Add an address to one of the recipient arrays. + * Addresses that have been added already return false, but do not throw exceptions + * @param string $kind One of 'to', 'cc', 'bcc', 'ReplyTo' + * @param string $address The email address to send to + * @param string $name + * @throws phpmailerException + * @return boolean true on success, false if address already used or invalid in some way + * @access protected + */ + protected function addAnAddress($kind, $address, $name = '') + { + if (!preg_match('/^(to|cc|bcc|Reply-To)$/', $kind)) { + $this->setError($this->lang('Invalid recipient array') . ': ' . $kind); + $this->edebug($this->lang('Invalid recipient array') . ': ' . $kind); + if ($this->exceptions) { + throw new phpmailerException('Invalid recipient array: ' . $kind); + } + return false; + } + $address = trim($address); + $name = trim(preg_replace('/[\r\n]+/', '', $name)); //Strip breaks and trim + if (!$this->validateAddress($address)) { + $this->setError($this->lang('invalid_address') . ': ' . $address); + $this->edebug($this->lang('invalid_address') . ': ' . $address); + if ($this->exceptions) { + throw new phpmailerException($this->lang('invalid_address') . ': ' . $address); + } + return false; + } + if ($kind != 'Reply-To') { + if (!isset($this->all_recipients[strtolower($address)])) { + array_push($this->$kind, array($address, $name)); + $this->all_recipients[strtolower($address)] = true; + return true; + } + } else { + if (!array_key_exists(strtolower($address), $this->ReplyTo)) { + $this->ReplyTo[strtolower($address)] = array($address, $name); + return true; + } + } + return false; + } + + /** + * Set the From and FromName properties. + * @param string $address + * @param string $name + * @param boolean $auto Whether to also set the Sender address, defaults to true + * @throws phpmailerException + * @return boolean + */ + public function setFrom($address, $name = '', $auto = true) + { + $address = trim($address); + $name = trim(preg_replace('/[\r\n]+/', '', $name)); //Strip breaks and trim + if (!$this->validateAddress($address)) { + $this->setError($this->lang('invalid_address') . ': ' . $address); + $this->edebug($this->lang('invalid_address') . ': ' . $address); + if ($this->exceptions) { + throw new phpmailerException($this->lang('invalid_address') . ': ' . $address); + } + return false; + } + $this->From = $address; + $this->FromName = $name; + if ($auto) { + if (empty($this->Sender)) { + $this->Sender = $address; + } + } + return true; + } + + /** + * Return the Message-ID header of the last email. + * Technically this is the value from the last time the headers were created, + * but it's also the message ID of the last sent message except in + * pathological cases. + * @return string + */ + public function getLastMessageID() + { + return $this->lastMessageID; + } + + /** + * Check that a string looks like an email address. + * @param string $address The email address to check + * @param string $patternselect A selector for the validation pattern to use : + * * `auto` Pick strictest one automatically; + * * `pcre8` Use the squiloople.com pattern, requires PCRE > 8.0, PHP >= 5.3.2, 5.2.14; + * * `pcre` Use old PCRE implementation; + * * `php` Use PHP built-in FILTER_VALIDATE_EMAIL; same as pcre8 but does not allow 'dotless' domains; + * * `html5` Use the pattern given by the HTML5 spec for 'email' type form input elements. + * * `noregex` Don't use a regex: super fast, really dumb. + * @return boolean + * @static + * @access public + */ + public static function validateAddress($address, $patternselect = 'auto') + { + if (!$patternselect or $patternselect == 'auto') { + //Check this constant first so it works when extension_loaded() is disabled by safe mode + //Constant was added in PHP 5.2.4 + if (defined('PCRE_VERSION')) { + //This pattern can get stuck in a recursive loop in PCRE <= 8.0.2 + if (version_compare(PCRE_VERSION, '8.0.3') >= 0) { + $patternselect = 'pcre8'; + } else { + $patternselect = 'pcre'; + } + } elseif (function_exists('extension_loaded') and extension_loaded('pcre')) { + //Fall back to older PCRE + $patternselect = 'pcre'; + } else { + //Filter_var appeared in PHP 5.2.0 and does not require the PCRE extension + if (version_compare(PHP_VERSION, '5.2.0') >= 0) { + $patternselect = 'php'; + } else { + $patternselect = 'noregex'; + } + } + } + switch ($patternselect) { + case 'pcre8': + /** + * Uses the same RFC5322 regex on which FILTER_VALIDATE_EMAIL is based, but allows dotless domains. + * @link http://squiloople.com/2009/12/20/email-address-validation/ + * @copyright 2009-2010 Michael Rushton + * Feel free to use and redistribute this code. But please keep this copyright notice. + */ + return (boolean)preg_match( + '/^(?!(?>(?1)"?(?>\\\[ -~]|[^"])"?(?1)){255,})(?!(?>(?1)"?(?>\\\[ -~]|[^"])"?(?1)){65,}@)' . + '((?>(?>(?>((?>(?>(?>\x0D\x0A)?[\t ])+|(?>[\t ]*\x0D\x0A)?[\t ]+)?)(\((?>(?2)' . + '(?>[\x01-\x08\x0B\x0C\x0E-\'*-\[\]-\x7F]|\\\[\x00-\x7F]|(?3)))*(?2)\)))+(?2))|(?2))?)' . + '([!#-\'*+\/-9=?^-~-]+|"(?>(?2)(?>[\x01-\x08\x0B\x0C\x0E-!#-\[\]-\x7F]|\\\[\x00-\x7F]))*' . + '(?2)")(?>(?1)\.(?1)(?4))*(?1)@(?!(?1)[a-z0-9-]{64,})(?1)(?>([a-z0-9](?>[a-z0-9-]*[a-z0-9])?)' . + '(?>(?1)\.(?!(?1)[a-z0-9-]{64,})(?1)(?5)){0,126}|\[(?:(?>IPv6:(?>([a-f0-9]{1,4})(?>:(?6)){7}' . + '|(?!(?:.*[a-f0-9][:\]]){8,})((?6)(?>:(?6)){0,6})?::(?7)?))|(?>(?>IPv6:(?>(?6)(?>:(?6)){5}:' . + '|(?!(?:.*[a-f0-9]:){6,})(?8)?::(?>((?6)(?>:(?6)){0,4}):)?))?(25[0-5]|2[0-4][0-9]|1[0-9]{2}' . + '|[1-9]?[0-9])(?>\.(?9)){3}))\])(?1)$/isD', + $address + ); + case 'pcre': + //An older regex that doesn't need a recent PCRE + return (boolean)preg_match( + '/^(?!(?>"?(?>\\\[ -~]|[^"])"?){255,})(?!(?>"?(?>\\\[ -~]|[^"])"?){65,}@)(?>' . + '[!#-\'*+\/-9=?^-~-]+|"(?>(?>[\x01-\x08\x0B\x0C\x0E-!#-\[\]-\x7F]|\\\[\x00-\xFF]))*")' . + '(?>\.(?>[!#-\'*+\/-9=?^-~-]+|"(?>(?>[\x01-\x08\x0B\x0C\x0E-!#-\[\]-\x7F]|\\\[\x00-\xFF]))*"))*' . + '@(?>(?![a-z0-9-]{64,})(?>[a-z0-9](?>[a-z0-9-]*[a-z0-9])?)(?>\.(?![a-z0-9-]{64,})' . + '(?>[a-z0-9](?>[a-z0-9-]*[a-z0-9])?)){0,126}|\[(?:(?>IPv6:(?>(?>[a-f0-9]{1,4})(?>:' . + '[a-f0-9]{1,4}){7}|(?!(?:.*[a-f0-9][:\]]){8,})(?>[a-f0-9]{1,4}(?>:[a-f0-9]{1,4}){0,6})?' . + '::(?>[a-f0-9]{1,4}(?>:[a-f0-9]{1,4}){0,6})?))|(?>(?>IPv6:(?>[a-f0-9]{1,4}(?>:' . + '[a-f0-9]{1,4}){5}:|(?!(?:.*[a-f0-9]:){6,})(?>[a-f0-9]{1,4}(?>:[a-f0-9]{1,4}){0,4})?' . + '::(?>(?:[a-f0-9]{1,4}(?>:[a-f0-9]{1,4}){0,4}):)?))?(?>25[0-5]|2[0-4][0-9]|1[0-9]{2}' . + '|[1-9]?[0-9])(?>\.(?>25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?[0-9])){3}))\])$/isD', + $address + ); + case 'html5': + /** + * This is the pattern used in the HTML5 spec for validation of 'email' type form input elements. + * @link http://www.whatwg.org/specs/web-apps/current-work/#e-mail-state-(type=email) + */ + return (boolean)preg_match( + '/^[a-zA-Z0-9.!#$%&\'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}' . + '[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/sD', + $address + ); + case 'noregex': + //No PCRE! Do something _very_ approximate! + //Check the address is 3 chars or longer and contains an @ that's not the first or last char + return (strlen($address) >= 3 + and strpos($address, '@') >= 1 + and strpos($address, '@') != strlen($address) - 1); + case 'php': + default: + return (boolean)filter_var($address, FILTER_VALIDATE_EMAIL); + } + } + + /** + * Create a message and send it. + * Uses the sending method specified by $Mailer. + * @throws phpmailerException + * @return boolean false on error - See the ErrorInfo property for details of the error. + */ + public function send() + { + try { + if (!$this->preSend()) { + return false; + } + return $this->postSend(); + } catch (phpmailerException $exc) { + $this->mailHeader = ''; + $this->setError($exc->getMessage()); + if ($this->exceptions) { + throw $exc; + } + return false; + } + } + + /** + * Prepare a message for sending. + * @throws phpmailerException + * @return boolean + */ + public function preSend() + { + try { + $this->mailHeader = ''; + if ((count($this->to) + count($this->cc) + count($this->bcc)) < 1) { + throw new phpmailerException($this->lang('provide_address'), self::STOP_CRITICAL); + } + + // Set whether the message is multipart/alternative + if (!empty($this->AltBody)) { + $this->ContentType = 'multipart/alternative'; + } + + $this->error_count = 0; // reset errors + $this->setMessageType(); + // Refuse to send an empty message unless we are specifically allowing it + if (!$this->AllowEmpty and empty($this->Body)) { + throw new phpmailerException($this->lang('empty_message'), self::STOP_CRITICAL); + } + + $this->MIMEHeader = $this->createHeader(); + $this->MIMEBody = $this->createBody(); + + // To capture the complete message when using mail(), create + // an extra header list which createHeader() doesn't fold in + if ($this->Mailer == 'mail') { + if (count($this->to) > 0) { + $this->mailHeader .= $this->addrAppend('To', $this->to); + } else { + $this->mailHeader .= $this->headerLine('To', 'undisclosed-recipients:;'); + } + $this->mailHeader .= $this->headerLine( + 'Subject', + $this->encodeHeader($this->secureHeader(trim($this->Subject))) + ); + } + + // Sign with DKIM if enabled + if (!empty($this->DKIM_domain) + && !empty($this->DKIM_private) + && !empty($this->DKIM_selector) + && file_exists($this->DKIM_private)) { + $header_dkim = $this->DKIM_Add( + $this->MIMEHeader . $this->mailHeader, + $this->encodeHeader($this->secureHeader($this->Subject)), + $this->MIMEBody + ); + $this->MIMEHeader = rtrim($this->MIMEHeader, "\r\n ") . self::CRLF . + str_replace("\r\n", "\n", $header_dkim) . self::CRLF; + } + return true; + + } catch (phpmailerException $exc) { + $this->setError($exc->getMessage()); + if ($this->exceptions) { + throw $exc; + } + return false; + } + } + + /** + * Actually send a message. + * Send the email via the selected mechanism + * @throws phpmailerException + * @return boolean + */ + public function postSend() + { + try { + // Choose the mailer and send through it + switch ($this->Mailer) { + case 'sendmail': + case 'qmail': + return $this->sendmailSend($this->MIMEHeader, $this->MIMEBody); + case 'smtp': + return $this->smtpSend($this->MIMEHeader, $this->MIMEBody); + case 'mail': + return $this->mailSend($this->MIMEHeader, $this->MIMEBody); + default: + $sendMethod = $this->Mailer.'Send'; + if (method_exists($this, $sendMethod)) { + return $this->$sendMethod($this->MIMEHeader, $this->MIMEBody); + } + + return $this->mailSend($this->MIMEHeader, $this->MIMEBody); + } + } catch (phpmailerException $exc) { + $this->setError($exc->getMessage()); + $this->edebug($exc->getMessage()); + if ($this->exceptions) { + throw $exc; + } + } + return false; + } + + /** + * Send mail using the $Sendmail program. + * @param string $header The message headers + * @param string $body The message body + * @see PHPMailer::$Sendmail + * @throws phpmailerException + * @access protected + * @return boolean + */ + protected function sendmailSend($header, $body) + { + if ($this->Sender != '') { + if ($this->Mailer == 'qmail') { + $sendmail = sprintf('%s -f%s', escapeshellcmd($this->Sendmail), escapeshellarg($this->Sender)); + } else { + $sendmail = sprintf('%s -oi -f%s -t', escapeshellcmd($this->Sendmail), escapeshellarg($this->Sender)); + } + } else { + if ($this->Mailer == 'qmail') { + $sendmail = sprintf('%s', escapeshellcmd($this->Sendmail)); + } else { + $sendmail = sprintf('%s -oi -t', escapeshellcmd($this->Sendmail)); + } + } + if ($this->SingleTo) { + foreach ($this->SingleToArray as $toAddr) { + if (!@$mail = popen($sendmail, 'w')) { + throw new phpmailerException($this->lang('execute') . $this->Sendmail, self::STOP_CRITICAL); + } + fputs($mail, 'To: ' . $toAddr . "\n"); + fputs($mail, $header); + fputs($mail, $body); + $result = pclose($mail); + $this->doCallback( + ($result == 0), + array($toAddr), + $this->cc, + $this->bcc, + $this->Subject, + $body, + $this->From + ); + if ($result != 0) { + throw new phpmailerException($this->lang('execute') . $this->Sendmail, self::STOP_CRITICAL); + } + } + } else { + if (!@$mail = popen($sendmail, 'w')) { + throw new phpmailerException($this->lang('execute') . $this->Sendmail, self::STOP_CRITICAL); + } + fputs($mail, $header); + fputs($mail, $body); + $result = pclose($mail); + $this->doCallback(($result == 0), $this->to, $this->cc, $this->bcc, $this->Subject, $body, $this->From); + if ($result != 0) { + throw new phpmailerException($this->lang('execute') . $this->Sendmail, self::STOP_CRITICAL); + } + } + return true; + } + + /** + * Send mail using the PHP mail() function. + * @param string $header The message headers + * @param string $body The message body + * @link http://www.php.net/manual/en/book.mail.php + * @throws phpmailerException + * @access protected + * @return boolean + */ + protected function mailSend($header, $body) + { + $toArr = array(); + foreach ($this->to as $toaddr) { + $toArr[] = $this->addrFormat($toaddr); + } + $to = implode(', ', $toArr); + + if (empty($this->Sender)) { + $params = ' '; + } else { + $params = sprintf('-f%s', $this->Sender); + } + if ($this->Sender != '' and !ini_get('safe_mode')) { + $old_from = ini_get('sendmail_from'); + ini_set('sendmail_from', $this->Sender); + } + $result = false; + if ($this->SingleTo && count($toArr) > 1) { + foreach ($toArr as $toAddr) { + $result = $this->mailPassthru($toAddr, $this->Subject, $body, $header, $params); + $this->doCallback($result, array($toAddr), $this->cc, $this->bcc, $this->Subject, $body, $this->From); + } + } else { + $result = $this->mailPassthru($to, $this->Subject, $body, $header, $params); + $this->doCallback($result, $this->to, $this->cc, $this->bcc, $this->Subject, $body, $this->From); + } + if (isset($old_from)) { + ini_set('sendmail_from', $old_from); + } + if (!$result) { + throw new phpmailerException($this->lang('instantiate'), self::STOP_CRITICAL); + } + return true; + } + + /** + * Get an instance to use for SMTP operations. + * Override this function to load your own SMTP implementation + * @return SMTP + */ + public function getSMTPInstance() + { + if (!is_object($this->smtp)) { + $this->smtp = new SMTP; + } + return $this->smtp; + } + + /** + * Send mail via SMTP. + * Returns false if there is a bad MAIL FROM, RCPT, or DATA input. + * Uses the PHPMailerSMTP class by default. + * @see PHPMailer::getSMTPInstance() to use a different class. + * @param string $header The message headers + * @param string $body The message body + * @throws phpmailerException + * @uses SMTP + * @access protected + * @return boolean + */ + protected function smtpSend($header, $body) + { + $bad_rcpt = array(); + + if (!$this->smtpConnect()) { + throw new phpmailerException($this->lang('smtp_connect_failed'), self::STOP_CRITICAL); + } + if ('' == $this->Sender) { + $smtp_from = $this->From; + } else { + $smtp_from = $this->Sender; + } + if (!$this->smtp->mail($smtp_from)) { + $this->setError($this->lang('from_failed') . $smtp_from . ' : ' . implode(',', $this->smtp->getError())); + throw new phpmailerException($this->ErrorInfo, self::STOP_CRITICAL); + } + + // Attempt to send to all recipients + foreach ($this->to as $to) { + if (!$this->smtp->recipient($to[0])) { + $bad_rcpt[] = $to[0]; + $isSent = false; + } else { + $isSent = true; + } + $this->doCallback($isSent, array($to[0]), array(), array(), $this->Subject, $body, $this->From); + } + foreach ($this->cc as $cc) { + if (!$this->smtp->recipient($cc[0])) { + $bad_rcpt[] = $cc[0]; + $isSent = false; + } else { + $isSent = true; + } + $this->doCallback($isSent, array(), array($cc[0]), array(), $this->Subject, $body, $this->From); + } + foreach ($this->bcc as $bcc) { + if (!$this->smtp->recipient($bcc[0])) { + $bad_rcpt[] = $bcc[0]; + $isSent = false; + } else { + $isSent = true; + } + $this->doCallback($isSent, array(), array(), array($bcc[0]), $this->Subject, $body, $this->From); + } + + // Only send the DATA command if we have viable recipients + if ((count($this->all_recipients) > count($bad_rcpt)) and !$this->smtp->data($header . $body)) { + throw new phpmailerException($this->lang('data_not_accepted'), self::STOP_CRITICAL); + } + if ($this->SMTPKeepAlive) { + $this->smtp->reset(); + } else { + $this->smtp->quit(); + $this->smtp->close(); + } + //Create error message for any bad addresses + if (count($bad_rcpt) > 0) { + throw new phpmailerException( + $this->lang('recipients_failed') . implode(', ', $bad_rcpt), + self::STOP_CONTINUE + ); + } + return true; + } + + /** + * Initiate a connection to an SMTP server. + * Returns false if the operation failed. + * @param array $options An array of options compatible with stream_context_create() + * @uses SMTP + * @access public + * @throws phpmailerException + * @return boolean + */ + public function smtpConnect($options = array()) + { + if (is_null($this->smtp)) { + $this->smtp = $this->getSMTPInstance(); + } + + // Already connected? + if ($this->smtp->connected()) { + return true; + } + + $this->smtp->setTimeout($this->Timeout); + $this->smtp->setDebugLevel($this->SMTPDebug); + $this->smtp->setDebugOutput($this->Debugoutput); + $this->smtp->setVerp($this->do_verp); + $hosts = explode(';', $this->Host); + $lastexception = null; + + foreach ($hosts as $hostentry) { + $hostinfo = array(); + if (!preg_match('/^((ssl|tls):\/\/)*([a-zA-Z0-9\.-]*):?([0-9]*)$/', trim($hostentry), $hostinfo)) { + // Not a valid host entry + continue; + } + // $hostinfo[2]: optional ssl or tls prefix + // $hostinfo[3]: the hostname + // $hostinfo[4]: optional port number + // The host string prefix can temporarily override the current setting for SMTPSecure + // If it's not specified, the default value is used + $prefix = ''; + $tls = ($this->SMTPSecure == 'tls'); + if ($hostinfo[2] == 'ssl' or ($hostinfo[2] == '' and $this->SMTPSecure == 'ssl')) { + $prefix = 'ssl://'; + $tls = false; // Can't have SSL and TLS at once + } elseif ($hostinfo[2] == 'tls') { + $tls = true; + // tls doesn't use a prefix + } + $host = $hostinfo[3]; + $port = $this->Port; + $tport = (integer)$hostinfo[4]; + if ($tport > 0 and $tport < 65536) { + $port = $tport; + } + if ($this->smtp->connect($prefix . $host, $port, $this->Timeout, $options)) { + try { + if ($this->Helo) { + $hello = $this->Helo; + } else { + $hello = $this->serverHostname(); + } + $this->smtp->hello($hello); + + if ($tls) { + if (!$this->smtp->startTLS()) { + throw new phpmailerException($this->lang('connect_host')); + } + // We must resend HELO after tls negotiation + $this->smtp->hello($hello); + } + if ($this->SMTPAuth) { + if (!$this->smtp->authenticate( + $this->Username, + $this->Password, + $this->AuthType, + $this->Realm, + $this->Workstation + ) + ) { + throw new phpmailerException($this->lang('authenticate')); + } + } + return true; + } catch (phpmailerException $exc) { + $lastexception = $exc; + // We must have connected, but then failed TLS or Auth, so close connection nicely + $this->smtp->quit(); + } + } + } + // If we get here, all connection attempts have failed, so close connection hard + $this->smtp->close(); + // As we've caught all exceptions, just report whatever the last one was + if ($this->exceptions and !is_null($lastexception)) { + throw $lastexception; + } + return false; + } + + /** + * Close the active SMTP session if one exists. + * @return void + */ + public function smtpClose() + { + if ($this->smtp !== null) { + if ($this->smtp->connected()) { + $this->smtp->quit(); + $this->smtp->close(); + } + } + } + + /** + * Set the language for error messages. + * Returns false if it cannot load the language file. + * The default language is English. + * @param string $langcode ISO 639-1 2-character language code (e.g. French is "fr") + * @param string $lang_path Path to the language file directory, with trailing separator (slash) + * @return boolean + * @access public + */ + public function setLanguage($langcode = 'en', $lang_path = '') + { + // Define full set of translatable strings in English + $PHPMAILER_LANG = array( + 'authenticate' => 'SMTP Error: Could not authenticate.', + 'connect_host' => 'SMTP Error: Could not connect to SMTP host.', + 'data_not_accepted' => 'SMTP Error: data not accepted.', + 'empty_message' => 'Message body empty', + 'encoding' => 'Unknown encoding: ', + 'execute' => 'Could not execute: ', + 'file_access' => 'Could not access file: ', + 'file_open' => 'File Error: Could not open file: ', + 'from_failed' => 'The following From address failed: ', + 'instantiate' => 'Could not instantiate mail function.', + 'invalid_address' => 'Invalid address', + 'mailer_not_supported' => ' mailer is not supported.', + 'provide_address' => 'You must provide at least one recipient email address.', + 'recipients_failed' => 'SMTP Error: The following recipients failed: ', + 'signing' => 'Signing Error: ', + 'smtp_connect_failed' => 'SMTP connect() failed.', + 'smtp_error' => 'SMTP server error: ', + 'variable_set' => 'Cannot set or reset variable: ' + ); + if (empty($lang_path)) { + // Calculate an absolute path so it can work if CWD is not here + $lang_path = dirname(__FILE__). DIRECTORY_SEPARATOR . 'language'. DIRECTORY_SEPARATOR; + } + $foundlang = true; + $lang_file = $lang_path . 'phpmailer.lang-' . $langcode . '.php'; + if ($langcode != 'en') { // There is no English translation file + // Make sure language file path is readable + if (!is_readable($lang_file)) { + $foundlang = false; + } else { + // Overwrite language-specific strings. + // This way we'll never have missing translations. + $foundlang = include $lang_file; + } + } + $this->language = $PHPMAILER_LANG; + return (boolean)$foundlang; // Returns false if language not found + } + + /** + * Get the array of strings for the current language. + * @return array + */ + public function getTranslations() + { + return $this->language; + } + + /** + * Create recipient headers. + * @access public + * @param string $type + * @param array $addr An array of recipient, + * where each recipient is a 2-element indexed array with element 0 containing an address + * and element 1 containing a name, like: + * array(array('joe@example.com', 'Joe User'), array('zoe@example.com', 'Zoe User')) + * @return string + */ + public function addrAppend($type, $addr) + { + $addresses = array(); + foreach ($addr as $address) { + $addresses[] = $this->addrFormat($address); + } + return $type . ': ' . implode(', ', $addresses) . $this->LE; + } + + /** + * Format an address for use in a message header. + * @access public + * @param array $addr A 2-element indexed array, element 0 containing an address, element 1 containing a name + * like array('joe@example.com', 'Joe User') + * @return string + */ + public function addrFormat($addr) + { + if (empty($addr[1])) { // No name provided + return $this->secureHeader($addr[0]); + } else { + return $this->encodeHeader($this->secureHeader($addr[1]), 'phrase') . ' <' . $this->secureHeader( + $addr[0] + ) . '>'; + } + } + + /** + * Word-wrap message. + * For use with mailers that do not automatically perform wrapping + * and for quoted-printable encoded messages. + * Original written by philippe. + * @param string $message The message to wrap + * @param integer $length The line length to wrap to + * @param boolean $qp_mode Whether to run in Quoted-Printable mode + * @access public + * @return string + */ + public function wrapText($message, $length, $qp_mode = false) + { + if ($qp_mode) { + $soft_break = sprintf(' =%s', $this->LE); + } else { + $soft_break = $this->LE; + } + // If utf-8 encoding is used, we will need to make sure we don't + // split multibyte characters when we wrap + $is_utf8 = (strtolower($this->CharSet) == 'utf-8'); + $lelen = strlen($this->LE); + $crlflen = strlen(self::CRLF); + + $message = $this->fixEOL($message); + //Remove a trailing line break + if (substr($message, -$lelen) == $this->LE) { + $message = substr($message, 0, -$lelen); + } + + //Split message into lines + $lines = explode($this->LE, $message); + //Message will be rebuilt in here + $message = ''; + foreach ($lines as $line) { + $words = explode(' ', $line); + $buf = ''; + $firstword = true; + foreach ($words as $word) { + if ($qp_mode and (strlen($word) > $length)) { + $space_left = $length - strlen($buf) - $crlflen; + if (!$firstword) { + if ($space_left > 20) { + $len = $space_left; + if ($is_utf8) { + $len = $this->utf8CharBoundary($word, $len); + } elseif (substr($word, $len - 1, 1) == '=') { + $len--; + } elseif (substr($word, $len - 2, 1) == '=') { + $len -= 2; + } + $part = substr($word, 0, $len); + $word = substr($word, $len); + $buf .= ' ' . $part; + $message .= $buf . sprintf('=%s', self::CRLF); + } else { + $message .= $buf . $soft_break; + } + $buf = ''; + } + while (strlen($word) > 0) { + if ($length <= 0) { + break; + } + $len = $length; + if ($is_utf8) { + $len = $this->utf8CharBoundary($word, $len); + } elseif (substr($word, $len - 1, 1) == '=') { + $len--; + } elseif (substr($word, $len - 2, 1) == '=') { + $len -= 2; + } + $part = substr($word, 0, $len); + $word = substr($word, $len); + + if (strlen($word) > 0) { + $message .= $part . sprintf('=%s', self::CRLF); + } else { + $buf = $part; + } + } + } else { + $buf_o = $buf; + if (!$firstword) { + $buf .= ' '; + } + $buf .= $word; + + if (strlen($buf) > $length and $buf_o != '') { + $message .= $buf_o . $soft_break; + $buf = $word; + } + } + $firstword = false; + } + $message .= $buf . self::CRLF; + } + + return $message; + } + + /** + * Find the last character boundary prior to $maxLength in a utf-8 + * quoted-printable encoded string. + * Original written by Colin Brown. + * @access public + * @param string $encodedText utf-8 QP text + * @param integer $maxLength Find the last character boundary prior to this length + * @return integer + */ + public function utf8CharBoundary($encodedText, $maxLength) + { + $foundSplitPos = false; + $lookBack = 3; + while (!$foundSplitPos) { + $lastChunk = substr($encodedText, $maxLength - $lookBack, $lookBack); + $encodedCharPos = strpos($lastChunk, '='); + if (false !== $encodedCharPos) { + // Found start of encoded character byte within $lookBack block. + // Check the encoded byte value (the 2 chars after the '=') + $hex = substr($encodedText, $maxLength - $lookBack + $encodedCharPos + 1, 2); + $dec = hexdec($hex); + if ($dec < 128) { + // Single byte character. + // If the encoded char was found at pos 0, it will fit + // otherwise reduce maxLength to start of the encoded char + if ($encodedCharPos > 0) { + $maxLength = $maxLength - ($lookBack - $encodedCharPos); + } + $foundSplitPos = true; + } elseif ($dec >= 192) { + // First byte of a multi byte character + // Reduce maxLength to split at start of character + $maxLength = $maxLength - ($lookBack - $encodedCharPos); + $foundSplitPos = true; + } elseif ($dec < 192) { + // Middle byte of a multi byte character, look further back + $lookBack += 3; + } + } else { + // No encoded character found + $foundSplitPos = true; + } + } + return $maxLength; + } + + /** + * Apply word wrapping to the message body. + * Wraps the message body to the number of chars set in the WordWrap property. + * You should only do this to plain-text bodies as wrapping HTML tags may break them. + * This is called automatically by createBody(), so you don't need to call it yourself. + * @access public + * @return void + */ + public function setWordWrap() + { + if ($this->WordWrap < 1) { + return; + } + + switch ($this->message_type) { + case 'alt': + case 'alt_inline': + case 'alt_attach': + case 'alt_inline_attach': + $this->AltBody = $this->wrapText($this->AltBody, $this->WordWrap); + break; + default: + $this->Body = $this->wrapText($this->Body, $this->WordWrap); + break; + } + } + + /** + * Assemble message headers. + * @access public + * @return string The assembled headers + */ + public function createHeader() + { + $result = ''; + + // Set the boundaries + $uniq_id = md5(uniqid(time())); + $this->boundary[1] = 'b1_' . $uniq_id; + $this->boundary[2] = 'b2_' . $uniq_id; + $this->boundary[3] = 'b3_' . $uniq_id; + + if ($this->MessageDate == '') { + $this->MessageDate = self::rfcDate(); + } + $result .= $this->headerLine('Date', $this->MessageDate); + + + // To be created automatically by mail() + if ($this->SingleTo) { + if ($this->Mailer != 'mail') { + foreach ($this->to as $toaddr) { + $this->SingleToArray[] = $this->addrFormat($toaddr); + } + } + } else { + if (count($this->to) > 0) { + if ($this->Mailer != 'mail') { + $result .= $this->addrAppend('To', $this->to); + } + } elseif (count($this->cc) == 0) { + $result .= $this->headerLine('To', 'undisclosed-recipients:;'); + } + } + + $result .= $this->addrAppend('From', array(array(trim($this->From), $this->FromName))); + + // sendmail and mail() extract Cc from the header before sending + if (count($this->cc) > 0) { + $result .= $this->addrAppend('Cc', $this->cc); + } + + // sendmail and mail() extract Bcc from the header before sending + if (( + $this->Mailer == 'sendmail' or $this->Mailer == 'qmail' or $this->Mailer == 'mail' + ) + and count($this->bcc) > 0 + ) { + $result .= $this->addrAppend('Bcc', $this->bcc); + } + + if (count($this->ReplyTo) > 0) { + $result .= $this->addrAppend('Reply-To', $this->ReplyTo); + } + + // mail() sets the subject itself + if ($this->Mailer != 'mail') { + $result .= $this->headerLine('Subject', $this->encodeHeader($this->secureHeader($this->Subject))); + } + + if ($this->MessageID != '') { + $this->lastMessageID = $this->MessageID; + } else { + $this->lastMessageID = sprintf('<%s@%s>', $uniq_id, $this->ServerHostname()); + } + $result .= $this->HeaderLine('Message-ID', $this->lastMessageID); + $result .= $this->headerLine('X-Priority', $this->Priority); + if ($this->XMailer == '') { + $result .= $this->headerLine( + 'X-Mailer', + 'PHPMailer ' . $this->Version . ' (https://github.com/PHPMailer/PHPMailer/)' + ); + } else { + $myXmailer = trim($this->XMailer); + if ($myXmailer) { + $result .= $this->headerLine('X-Mailer', $myXmailer); + } + } + + if ($this->ConfirmReadingTo != '') { + $result .= $this->headerLine('Disposition-Notification-To', '<' . trim($this->ConfirmReadingTo) . '>'); + } + + // Add custom headers + foreach ($this->CustomHeader as $header) { + $result .= $this->headerLine( + trim($header[0]), + $this->encodeHeader(trim($header[1])) + ); + } + if (!$this->sign_key_file) { + $result .= $this->headerLine('MIME-Version', '1.0'); + $result .= $this->getMailMIME(); + } + + return $result; + } + + /** + * Get the message MIME type headers. + * @access public + * @return string + */ + public function getMailMIME() + { + $result = ''; + $ismultipart = true; + switch ($this->message_type) { + case 'inline': + $result .= $this->headerLine('Content-Type', 'multipart/related;'); + $result .= $this->textLine("\tboundary=\"" . $this->boundary[1] . '"'); + break; + case 'attach': + case 'inline_attach': + case 'alt_attach': + case 'alt_inline_attach': + $result .= $this->headerLine('Content-Type', 'multipart/mixed;'); + $result .= $this->textLine("\tboundary=\"" . $this->boundary[1] . '"'); + break; + case 'alt': + case 'alt_inline': + $result .= $this->headerLine('Content-Type', 'multipart/alternative;'); + $result .= $this->textLine("\tboundary=\"" . $this->boundary[1] . '"'); + break; + default: + // Catches case 'plain': and case '': + $result .= $this->textLine('Content-Type: ' . $this->ContentType . '; charset=' . $this->CharSet); + $ismultipart = false; + break; + } + // RFC1341 part 5 says 7bit is assumed if not specified + if ($this->Encoding != '7bit') { + // RFC 2045 section 6.4 says multipart MIME parts may only use 7bit, 8bit or binary CTE + if ($ismultipart) { + if ($this->Encoding == '8bit') { + $result .= $this->headerLine('Content-Transfer-Encoding', '8bit'); + } + // The only remaining alternatives are quoted-printable and base64, which are both 7bit compatible + } else { + $result .= $this->headerLine('Content-Transfer-Encoding', $this->Encoding); + } + } + + if ($this->Mailer != 'mail') { + $result .= $this->LE; + } + + return $result; + } + + /** + * Returns the whole MIME message. + * Includes complete headers and body. + * Only valid post preSend(). + * @see PHPMailer::preSend() + * @access public + * @return string + */ + public function getSentMIMEMessage() + { + return $this->MIMEHeader . $this->mailHeader . self::CRLF . $this->MIMEBody; + } + + /** + * Assemble the message body. + * Returns an empty string on failure. + * @access public + * @throws phpmailerException + * @return string The assembled message body + */ + public function createBody() + { + $body = ''; + + if ($this->sign_key_file) { + $body .= $this->getMailMIME() . $this->LE; + } + + $this->setWordWrap(); + + $bodyEncoding = $this->Encoding; + $bodyCharSet = $this->CharSet; + if ($bodyEncoding == '8bit' and !$this->has8bitChars($this->Body)) { + $bodyEncoding = '7bit'; + $bodyCharSet = 'us-ascii'; + } + $altBodyEncoding = $this->Encoding; + $altBodyCharSet = $this->CharSet; + if ($altBodyEncoding == '8bit' and !$this->has8bitChars($this->AltBody)) { + $altBodyEncoding = '7bit'; + $altBodyCharSet = 'us-ascii'; + } + switch ($this->message_type) { + case 'inline': + $body .= $this->getBoundary($this->boundary[1], $bodyCharSet, '', $bodyEncoding); + $body .= $this->encodeString($this->Body, $bodyEncoding); + $body .= $this->LE . $this->LE; + $body .= $this->attachAll('inline', $this->boundary[1]); + break; + case 'attach': + $body .= $this->getBoundary($this->boundary[1], $bodyCharSet, '', $bodyEncoding); + $body .= $this->encodeString($this->Body, $bodyEncoding); + $body .= $this->LE . $this->LE; + $body .= $this->attachAll('attachment', $this->boundary[1]); + break; + case 'inline_attach': + $body .= $this->textLine('--' . $this->boundary[1]); + $body .= $this->headerLine('Content-Type', 'multipart/related;'); + $body .= $this->textLine("\tboundary=\"" . $this->boundary[2] . '"'); + $body .= $this->LE; + $body .= $this->getBoundary($this->boundary[2], $bodyCharSet, '', $bodyEncoding); + $body .= $this->encodeString($this->Body, $bodyEncoding); + $body .= $this->LE . $this->LE; + $body .= $this->attachAll('inline', $this->boundary[2]); + $body .= $this->LE; + $body .= $this->attachAll('attachment', $this->boundary[1]); + break; + case 'alt': + $body .= $this->getBoundary($this->boundary[1], $altBodyCharSet, 'text/plain', $altBodyEncoding); + $body .= $this->encodeString($this->AltBody, $altBodyEncoding); + $body .= $this->LE . $this->LE; + $body .= $this->getBoundary($this->boundary[1], $bodyCharSet, 'text/html', $bodyEncoding); + $body .= $this->encodeString($this->Body, $bodyEncoding); + $body .= $this->LE . $this->LE; + if (!empty($this->Ical)) { + $body .= $this->getBoundary($this->boundary[1], '', 'text/calendar; method=REQUEST', ''); + $body .= $this->encodeString($this->Ical, $this->Encoding); + $body .= $this->LE . $this->LE; + } + $body .= $this->endBoundary($this->boundary[1]); + break; + case 'alt_inline': + $body .= $this->getBoundary($this->boundary[1], $altBodyCharSet, 'text/plain', $altBodyEncoding); + $body .= $this->encodeString($this->AltBody, $altBodyEncoding); + $body .= $this->LE . $this->LE; + $body .= $this->textLine('--' . $this->boundary[1]); + $body .= $this->headerLine('Content-Type', 'multipart/related;'); + $body .= $this->textLine("\tboundary=\"" . $this->boundary[2] . '"'); + $body .= $this->LE; + $body .= $this->getBoundary($this->boundary[2], $bodyCharSet, 'text/html', $bodyEncoding); + $body .= $this->encodeString($this->Body, $bodyEncoding); + $body .= $this->LE . $this->LE; + $body .= $this->attachAll('inline', $this->boundary[2]); + $body .= $this->LE; + $body .= $this->endBoundary($this->boundary[1]); + break; + case 'alt_attach': + $body .= $this->textLine('--' . $this->boundary[1]); + $body .= $this->headerLine('Content-Type', 'multipart/alternative;'); + $body .= $this->textLine("\tboundary=\"" . $this->boundary[2] . '"'); + $body .= $this->LE; + $body .= $this->getBoundary($this->boundary[2], $altBodyCharSet, 'text/plain', $altBodyEncoding); + $body .= $this->encodeString($this->AltBody, $altBodyEncoding); + $body .= $this->LE . $this->LE; + $body .= $this->getBoundary($this->boundary[2], $bodyCharSet, 'text/html', $bodyEncoding); + $body .= $this->encodeString($this->Body, $bodyEncoding); + $body .= $this->LE . $this->LE; + $body .= $this->endBoundary($this->boundary[2]); + $body .= $this->LE; + $body .= $this->attachAll('attachment', $this->boundary[1]); + break; + case 'alt_inline_attach': + $body .= $this->textLine('--' . $this->boundary[1]); + $body .= $this->headerLine('Content-Type', 'multipart/alternative;'); + $body .= $this->textLine("\tboundary=\"" . $this->boundary[2] . '"'); + $body .= $this->LE; + $body .= $this->getBoundary($this->boundary[2], $altBodyCharSet, 'text/plain', $altBodyEncoding); + $body .= $this->encodeString($this->AltBody, $altBodyEncoding); + $body .= $this->LE . $this->LE; + $body .= $this->textLine('--' . $this->boundary[2]); + $body .= $this->headerLine('Content-Type', 'multipart/related;'); + $body .= $this->textLine("\tboundary=\"" . $this->boundary[3] . '"'); + $body .= $this->LE; + $body .= $this->getBoundary($this->boundary[3], $bodyCharSet, 'text/html', $bodyEncoding); + $body .= $this->encodeString($this->Body, $bodyEncoding); + $body .= $this->LE . $this->LE; + $body .= $this->attachAll('inline', $this->boundary[3]); + $body .= $this->LE; + $body .= $this->endBoundary($this->boundary[2]); + $body .= $this->LE; + $body .= $this->attachAll('attachment', $this->boundary[1]); + break; + default: + // catch case 'plain' and case '' + $body .= $this->encodeString($this->Body, $bodyEncoding); + break; + } + + if ($this->isError()) { + $body = ''; + } elseif ($this->sign_key_file) { + try { + if (!defined('PKCS7_TEXT')) { + throw new phpmailerException($this->lang('signing') . ' OpenSSL extension missing.'); + } + // @TODO would be nice to use php://temp streams here, but need to wrap for PHP < 5.1 + $file = tempnam(sys_get_temp_dir(), 'mail'); + if (false === file_put_contents($file, $body)) { + throw new phpmailerException($this->lang('signing') . ' Could not write temp file'); + } + $signed = tempnam(sys_get_temp_dir(), 'signed'); + //Workaround for PHP bug https://bugs.php.net/bug.php?id=69197 + if (empty($this->sign_extracerts_file)) { + $sign = @openssl_pkcs7_sign( + $file, + $signed, + 'file://' . realpath($this->sign_cert_file), + array('file://' . realpath($this->sign_key_file), $this->sign_key_pass), + null + ); + } else { + $sign = @openssl_pkcs7_sign( + $file, + $signed, + 'file://' . realpath($this->sign_cert_file), + array('file://' . realpath($this->sign_key_file), $this->sign_key_pass), + null, + PKCS7_DETACHED, + $this->sign_extracerts_file + ); + } + if ($sign) { + @unlink($file); + $body = file_get_contents($signed); + @unlink($signed); + } else { + @unlink($file); + @unlink($signed); + throw new phpmailerException($this->lang('signing') . openssl_error_string()); + } + } catch (phpmailerException $exc) { + $body = ''; + if ($this->exceptions) { + throw $exc; + } + } + } + return $body; + } + + /** + * Return the start of a message boundary. + * @access protected + * @param string $boundary + * @param string $charSet + * @param string $contentType + * @param string $encoding + * @return string + */ + protected function getBoundary($boundary, $charSet, $contentType, $encoding) + { + $result = ''; + if ($charSet == '') { + $charSet = $this->CharSet; + } + if ($contentType == '') { + $contentType = $this->ContentType; + } + if ($encoding == '') { + $encoding = $this->Encoding; + } + $result .= $this->textLine('--' . $boundary); + $result .= sprintf('Content-Type: %s; charset=%s', $contentType, $charSet); + $result .= $this->LE; + // RFC1341 part 5 says 7bit is assumed if not specified + if ($encoding != '7bit') { + $result .= $this->headerLine('Content-Transfer-Encoding', $encoding); + } + $result .= $this->LE; + + return $result; + } + + /** + * Return the end of a message boundary. + * @access protected + * @param string $boundary + * @return string + */ + protected function endBoundary($boundary) + { + return $this->LE . '--' . $boundary . '--' . $this->LE; + } + + /** + * Set the message type. + * PHPMailer only supports some preset message types, + * not arbitrary MIME structures. + * @access protected + * @return void + */ + protected function setMessageType() + { + $type = array(); + if ($this->alternativeExists()) { + $type[] = 'alt'; + } + if ($this->inlineImageExists()) { + $type[] = 'inline'; + } + if ($this->attachmentExists()) { + $type[] = 'attach'; + } + $this->message_type = implode('_', $type); + if ($this->message_type == '') { + $this->message_type = 'plain'; + } + } + + /** + * Format a header line. + * @access public + * @param string $name + * @param string $value + * @return string + */ + public function headerLine($name, $value) + { + return $name . ': ' . $value . $this->LE; + } + + /** + * Return a formatted mail line. + * @access public + * @param string $value + * @return string + */ + public function textLine($value) + { + return $value . $this->LE; + } + + /** + * Add an attachment from a path on the filesystem. + * Returns false if the file could not be found or read. + * @param string $path Path to the attachment. + * @param string $name Overrides the attachment name. + * @param string $encoding File encoding (see $Encoding). + * @param string $type File extension (MIME) type. + * @param string $disposition Disposition to use + * @throws phpmailerException + * @return boolean + */ + public function addAttachment($path, $name = '', $encoding = 'base64', $type = '', $disposition = 'attachment') + { + try { + if (!@is_file($path)) { + throw new phpmailerException($this->lang('file_access') . $path, self::STOP_CONTINUE); + } + + // If a MIME type is not specified, try to work it out from the file name + if ($type == '') { + $type = self::filenameToType($path); + } + + $filename = basename($path); + if ($name == '') { + $name = $filename; + } + + $this->attachment[] = array( + 0 => $path, + 1 => $filename, + 2 => $name, + 3 => $encoding, + 4 => $type, + 5 => false, // isStringAttachment + 6 => $disposition, + 7 => 0 + ); + + } catch (phpmailerException $exc) { + $this->setError($exc->getMessage()); + $this->edebug($exc->getMessage()); + if ($this->exceptions) { + throw $exc; + } + return false; + } + return true; + } + + /** + * Return the array of attachments. + * @return array + */ + public function getAttachments() + { + return $this->attachment; + } + + /** + * Attach all file, string, and binary attachments to the message. + * Returns an empty string on failure. + * @access protected + * @param string $disposition_type + * @param string $boundary + * @return string + */ + protected function attachAll($disposition_type, $boundary) + { + // Return text of body + $mime = array(); + $cidUniq = array(); + $incl = array(); + + // Add all attachments + foreach ($this->attachment as $attachment) { + // Check if it is a valid disposition_filter + if ($attachment[6] == $disposition_type) { + // Check for string attachment + $string = ''; + $path = ''; + $bString = $attachment[5]; + if ($bString) { + $string = $attachment[0]; + } else { + $path = $attachment[0]; + } + + $inclhash = md5(serialize($attachment)); + if (in_array($inclhash, $incl)) { + continue; + } + $incl[] = $inclhash; + $name = $attachment[2]; + $encoding = $attachment[3]; + $type = $attachment[4]; + $disposition = $attachment[6]; + $cid = $attachment[7]; + if ($disposition == 'inline' && isset($cidUniq[$cid])) { + continue; + } + $cidUniq[$cid] = true; + + $mime[] = sprintf('--%s%s', $boundary, $this->LE); + $mime[] = sprintf( + 'Content-Type: %s; name="%s"%s', + $type, + $this->encodeHeader($this->secureHeader($name)), + $this->LE + ); + // RFC1341 part 5 says 7bit is assumed if not specified + if ($encoding != '7bit') { + $mime[] = sprintf('Content-Transfer-Encoding: %s%s', $encoding, $this->LE); + } + + if ($disposition == 'inline') { + $mime[] = sprintf('Content-ID: <%s>%s', $cid, $this->LE); + } + + // If a filename contains any of these chars, it should be quoted, + // but not otherwise: RFC2183 & RFC2045 5.1 + // Fixes a warning in IETF's msglint MIME checker + // Allow for bypassing the Content-Disposition header totally + if (!(empty($disposition))) { + $encoded_name = $this->encodeHeader($this->secureHeader($name)); + if (preg_match('/[ \(\)<>@,;:\\"\/\[\]\?=]/', $encoded_name)) { + $mime[] = sprintf( + 'Content-Disposition: %s; filename="%s"%s', + $disposition, + $encoded_name, + $this->LE . $this->LE + ); + } else { + $mime[] = sprintf( + 'Content-Disposition: %s; filename=%s%s', + $disposition, + $encoded_name, + $this->LE . $this->LE + ); + } + } else { + $mime[] = $this->LE; + } + + // Encode as string attachment + if ($bString) { + $mime[] = $this->encodeString($string, $encoding); + if ($this->isError()) { + return ''; + } + $mime[] = $this->LE . $this->LE; + } else { + $mime[] = $this->encodeFile($path, $encoding); + if ($this->isError()) { + return ''; + } + $mime[] = $this->LE . $this->LE; + } + } + } + + $mime[] = sprintf('--%s--%s', $boundary, $this->LE); + + return implode('', $mime); + } + + /** + * Encode a file attachment in requested format. + * Returns an empty string on failure. + * @param string $path The full path to the file + * @param string $encoding The encoding to use; one of 'base64', '7bit', '8bit', 'binary', 'quoted-printable' + * @throws phpmailerException + * @see EncodeFile(encodeFile + * @access protected + * @return string + */ + protected function encodeFile($path, $encoding = 'base64') + { + try { + if (!is_readable($path)) { + throw new phpmailerException($this->lang('file_open') . $path, self::STOP_CONTINUE); + } + $magic_quotes = get_magic_quotes_runtime(); + if ($magic_quotes) { + if (version_compare(PHP_VERSION, '5.3.0', '<')) { + set_magic_quotes_runtime(false); + } else { + //Doesn't exist in PHP 5.4, but we don't need to check because + //get_magic_quotes_runtime always returns false in 5.4+ + //so it will never get here + ini_set('magic_quotes_runtime', false); + } + } + $file_buffer = file_get_contents($path); + $file_buffer = $this->encodeString($file_buffer, $encoding); + if ($magic_quotes) { + if (version_compare(PHP_VERSION, '5.3.0', '<')) { + set_magic_quotes_runtime($magic_quotes); + } else { + ini_set('magic_quotes_runtime', $magic_quotes); + } + } + return $file_buffer; + } catch (Exception $exc) { + $this->setError($exc->getMessage()); + return ''; + } + } + + /** + * Encode a string in requested format. + * Returns an empty string on failure. + * @param string $str The text to encode + * @param string $encoding The encoding to use; one of 'base64', '7bit', '8bit', 'binary', 'quoted-printable' + * @access public + * @return string + */ + public function encodeString($str, $encoding = 'base64') + { + $encoded = ''; + switch (strtolower($encoding)) { + case 'base64': + $encoded = chunk_split(base64_encode($str), 76, $this->LE); + break; + case '7bit': + case '8bit': + $encoded = $this->fixEOL($str); + // Make sure it ends with a line break + if (substr($encoded, -(strlen($this->LE))) != $this->LE) { + $encoded .= $this->LE; + } + break; + case 'binary': + $encoded = $str; + break; + case 'quoted-printable': + $encoded = $this->encodeQP($str); + break; + default: + $this->setError($this->lang('encoding') . $encoding); + break; + } + return $encoded; + } + + /** + * Encode a header string optimally. + * Picks shortest of Q, B, quoted-printable or none. + * @access public + * @param string $str + * @param string $position + * @return string + */ + public function encodeHeader($str, $position = 'text') + { + $matchcount = 0; + switch (strtolower($position)) { + case 'phrase': + if (!preg_match('/[\200-\377]/', $str)) { + // Can't use addslashes as we don't know the value of magic_quotes_sybase + $encoded = addcslashes($str, "\0..\37\177\\\""); + if (($str == $encoded) && !preg_match('/[^A-Za-z0-9!#$%&\'*+\/=?^_`{|}~ -]/', $str)) { + return ($encoded); + } else { + return ("\"$encoded\""); + } + } + $matchcount = preg_match_all('/[^\040\041\043-\133\135-\176]/', $str, $matches); + break; + /** @noinspection PhpMissingBreakStatementInspection */ + case 'comment': + $matchcount = preg_match_all('/[()"]/', $str, $matches); + // Intentional fall-through + case 'text': + default: + $matchcount += preg_match_all('/[\000-\010\013\014\016-\037\177-\377]/', $str, $matches); + break; + } + + //There are no chars that need encoding + if ($matchcount == 0) { + return ($str); + } + + $maxlen = 75 - 7 - strlen($this->CharSet); + // Try to select the encoding which should produce the shortest output + if ($matchcount > strlen($str) / 3) { + // More than a third of the content will need encoding, so B encoding will be most efficient + $encoding = 'B'; + if (function_exists('mb_strlen') && $this->hasMultiBytes($str)) { + // Use a custom function which correctly encodes and wraps long + // multibyte strings without breaking lines within a character + $encoded = $this->base64EncodeWrapMB($str, "\n"); + } else { + $encoded = base64_encode($str); + $maxlen -= $maxlen % 4; + $encoded = trim(chunk_split($encoded, $maxlen, "\n")); + } + } else { + $encoding = 'Q'; + $encoded = $this->encodeQ($str, $position); + $encoded = $this->wrapText($encoded, $maxlen, true); + $encoded = str_replace('=' . self::CRLF, "\n", trim($encoded)); + } + + $encoded = preg_replace('/^(.*)$/m', ' =?' . $this->CharSet . "?$encoding?\\1?=", $encoded); + $encoded = trim(str_replace("\n", $this->LE, $encoded)); + + return $encoded; + } + + /** + * Check if a string contains multi-byte characters. + * @access public + * @param string $str multi-byte text to wrap encode + * @return boolean + */ + public function hasMultiBytes($str) + { + if (function_exists('mb_strlen')) { + return (strlen($str) > mb_strlen($str, $this->CharSet)); + } else { // Assume no multibytes (we can't handle without mbstring functions anyway) + return false; + } + } + + /** + * Does a string contain any 8-bit chars (in any charset)? + * @param string $text + * @return boolean + */ + public function has8bitChars($text) + { + return (boolean)preg_match('/[\x80-\xFF]/', $text); + } + + /** + * Encode and wrap long multibyte strings for mail headers + * without breaking lines within a character. + * Adapted from a function by paravoid + * @link http://www.php.net/manual/en/function.mb-encode-mimeheader.php#60283 + * @access public + * @param string $str multi-byte text to wrap encode + * @param string $linebreak string to use as linefeed/end-of-line + * @return string + */ + public function base64EncodeWrapMB($str, $linebreak = null) + { + $start = '=?' . $this->CharSet . '?B?'; + $end = '?='; + $encoded = ''; + if ($linebreak === null) { + $linebreak = $this->LE; + } + + $mb_length = mb_strlen($str, $this->CharSet); + // Each line must have length <= 75, including $start and $end + $length = 75 - strlen($start) - strlen($end); + // Average multi-byte ratio + $ratio = $mb_length / strlen($str); + // Base64 has a 4:3 ratio + $avgLength = floor($length * $ratio * .75); + + for ($i = 0; $i < $mb_length; $i += $offset) { + $lookBack = 0; + do { + $offset = $avgLength - $lookBack; + $chunk = mb_substr($str, $i, $offset, $this->CharSet); + $chunk = base64_encode($chunk); + $lookBack++; + } while (strlen($chunk) > $length); + $encoded .= $chunk . $linebreak; + } + + // Chomp the last linefeed + $encoded = substr($encoded, 0, -strlen($linebreak)); + return $encoded; + } + + /** + * Encode a string in quoted-printable format. + * According to RFC2045 section 6.7. + * @access public + * @param string $string The text to encode + * @param integer $line_max Number of chars allowed on a line before wrapping + * @return string + * @link http://www.php.net/manual/en/function.quoted-printable-decode.php#89417 Adapted from this comment + */ + public function encodeQP($string, $line_max = 76) + { + if (function_exists('quoted_printable_encode')) { // Use native function if it's available (>= PHP5.3) + return $this->fixEOL(quoted_printable_encode($string)); + } + // Fall back to a pure PHP implementation + $string = str_replace( + array('%20', '%0D%0A.', '%0D%0A', '%'), + array(' ', "\r\n=2E", "\r\n", '='), + rawurlencode($string) + ); + $string = preg_replace('/[^\r\n]{' . ($line_max - 3) . '}[^=\r\n]{2}/', "$0=\r\n", $string); + return $this->fixEOL($string); + } + + /** + * Backward compatibility wrapper for an old QP encoding function that was removed. + * @see PHPMailer::encodeQP() + * @access public + * @param string $string + * @param integer $line_max + * @param boolean $space_conv + * @return string + * @deprecated Use encodeQP instead. + */ + public function encodeQPphp( + $string, + $line_max = 76, + /** @noinspection PhpUnusedParameterInspection */ $space_conv = false + ) { + return $this->encodeQP($string, $line_max); + } + + /** + * Encode a string using Q encoding. + * @link http://tools.ietf.org/html/rfc2047 + * @param string $str the text to encode + * @param string $position Where the text is going to be used, see the RFC for what that means + * @access public + * @return string + */ + public function encodeQ($str, $position = 'text') + { + // There should not be any EOL in the string + $pattern = ''; + $encoded = str_replace(array("\r", "\n"), '', $str); + switch (strtolower($position)) { + case 'phrase': + // RFC 2047 section 5.3 + $pattern = '^A-Za-z0-9!*+\/ -'; + break; + /** @noinspection PhpMissingBreakStatementInspection */ + case 'comment': + // RFC 2047 section 5.2 + $pattern = '\(\)"'; + // intentional fall-through + // for this reason we build the $pattern without including delimiters and [] + case 'text': + default: + // RFC 2047 section 5.1 + // Replace every high ascii, control, =, ? and _ characters + $pattern = '\000-\011\013\014\016-\037\075\077\137\177-\377' . $pattern; + break; + } + $matches = array(); + if (preg_match_all("/[{$pattern}]/", $encoded, $matches)) { + // If the string contains an '=', make sure it's the first thing we replace + // so as to avoid double-encoding + $eqkey = array_search('=', $matches[0]); + if (false !== $eqkey) { + unset($matches[0][$eqkey]); + array_unshift($matches[0], '='); + } + foreach (array_unique($matches[0]) as $char) { + $encoded = str_replace($char, '=' . sprintf('%02X', ord($char)), $encoded); + } + } + // Replace every spaces to _ (more readable than =20) + return str_replace(' ', '_', $encoded); + } + + + /** + * Add a string or binary attachment (non-filesystem). + * This method can be used to attach ascii or binary data, + * such as a BLOB record from a database. + * @param string $string String attachment data. + * @param string $filename Name of the attachment. + * @param string $encoding File encoding (see $Encoding). + * @param string $type File extension (MIME) type. + * @param string $disposition Disposition to use + * @return void + */ + public function addStringAttachment( + $string, + $filename, + $encoding = 'base64', + $type = '', + $disposition = 'attachment' + ) { + // If a MIME type is not specified, try to work it out from the file name + if ($type == '') { + $type = self::filenameToType($filename); + } + // Append to $attachment array + $this->attachment[] = array( + 0 => $string, + 1 => $filename, + 2 => basename($filename), + 3 => $encoding, + 4 => $type, + 5 => true, // isStringAttachment + 6 => $disposition, + 7 => 0 + ); + } + + /** + * Add an embedded (inline) attachment from a file. + * This can include images, sounds, and just about any other document type. + * These differ from 'regular' attachments in that they are intended to be + * displayed inline with the message, not just attached for download. + * This is used in HTML messages that embed the images + * the HTML refers to using the $cid value. + * @param string $path Path to the attachment. + * @param string $cid Content ID of the attachment; Use this to reference + * the content when using an embedded image in HTML. + * @param string $name Overrides the attachment name. + * @param string $encoding File encoding (see $Encoding). + * @param string $type File MIME type. + * @param string $disposition Disposition to use + * @return boolean True on successfully adding an attachment + */ + public function addEmbeddedImage($path, $cid, $name = '', $encoding = 'base64', $type = '', $disposition = 'inline') + { + if (!@is_file($path)) { + $this->setError($this->lang('file_access') . $path); + return false; + } + + // If a MIME type is not specified, try to work it out from the file name + if ($type == '') { + $type = self::filenameToType($path); + } + + $filename = basename($path); + if ($name == '') { + $name = $filename; + } + + // Append to $attachment array + $this->attachment[] = array( + 0 => $path, + 1 => $filename, + 2 => $name, + 3 => $encoding, + 4 => $type, + 5 => false, // isStringAttachment + 6 => $disposition, + 7 => $cid + ); + return true; + } + + /** + * Add an embedded stringified attachment. + * This can include images, sounds, and just about any other document type. + * Be sure to set the $type to an image type for images: + * JPEG images use 'image/jpeg', GIF uses 'image/gif', PNG uses 'image/png'. + * @param string $string The attachment binary data. + * @param string $cid Content ID of the attachment; Use this to reference + * the content when using an embedded image in HTML. + * @param string $name + * @param string $encoding File encoding (see $Encoding). + * @param string $type MIME type. + * @param string $disposition Disposition to use + * @return boolean True on successfully adding an attachment + */ + public function addStringEmbeddedImage( + $string, + $cid, + $name = '', + $encoding = 'base64', + $type = '', + $disposition = 'inline' + ) { + // If a MIME type is not specified, try to work it out from the name + if ($type == '') { + $type = self::filenameToType($name); + } + + // Append to $attachment array + $this->attachment[] = array( + 0 => $string, + 1 => $name, + 2 => $name, + 3 => $encoding, + 4 => $type, + 5 => true, // isStringAttachment + 6 => $disposition, + 7 => $cid + ); + return true; + } + + /** + * Check if an inline attachment is present. + * @access public + * @return boolean + */ + public function inlineImageExists() + { + foreach ($this->attachment as $attachment) { + if ($attachment[6] == 'inline') { + return true; + } + } + return false; + } + + /** + * Check if an attachment (non-inline) is present. + * @return boolean + */ + public function attachmentExists() + { + foreach ($this->attachment as $attachment) { + if ($attachment[6] == 'attachment') { + return true; + } + } + return false; + } + + /** + * Check if this message has an alternative body set. + * @return boolean + */ + public function alternativeExists() + { + return !empty($this->AltBody); + } + + /** + * Clear all To recipients. + * @return void + */ + public function clearAddresses() + { + foreach ($this->to as $to) { + unset($this->all_recipients[strtolower($to[0])]); + } + $this->to = array(); + } + + /** + * Clear all CC recipients. + * @return void + */ + public function clearCCs() + { + foreach ($this->cc as $cc) { + unset($this->all_recipients[strtolower($cc[0])]); + } + $this->cc = array(); + } + + /** + * Clear all BCC recipients. + * @return void + */ + public function clearBCCs() + { + foreach ($this->bcc as $bcc) { + unset($this->all_recipients[strtolower($bcc[0])]); + } + $this->bcc = array(); + } + + /** + * Clear all ReplyTo recipients. + * @return void + */ + public function clearReplyTos() + { + $this->ReplyTo = array(); + } + + /** + * Clear all recipient types. + * @return void + */ + public function clearAllRecipients() + { + $this->to = array(); + $this->cc = array(); + $this->bcc = array(); + $this->all_recipients = array(); + } + + /** + * Clear all filesystem, string, and binary attachments. + * @return void + */ + public function clearAttachments() + { + $this->attachment = array(); + } + + /** + * Clear all custom headers. + * @return void + */ + public function clearCustomHeaders() + { + $this->CustomHeader = array(); + } + + /** + * Add an error message to the error container. + * @access protected + * @param string $msg + * @return void + */ + protected function setError($msg) + { + $this->error_count++; + if ($this->Mailer == 'smtp' and !is_null($this->smtp)) { + $lasterror = $this->smtp->getError(); + if (!empty($lasterror) and array_key_exists('smtp_msg', $lasterror)) { + $msg .= '

' . $this->lang('smtp_error') . $lasterror['smtp_msg'] . "

\n"; + } + } + $this->ErrorInfo = $msg; + } + + /** + * Return an RFC 822 formatted date. + * @access public + * @return string + * @static + */ + public static function rfcDate() + { + // Set the time zone to whatever the default is to avoid 500 errors + // Will default to UTC if it's not set properly in php.ini + date_default_timezone_set(@date_default_timezone_get()); + return date('D, j M Y H:i:s O'); + } + + /** + * Get the server hostname. + * Returns 'localhost.localdomain' if unknown. + * @access protected + * @return string + */ + protected function serverHostname() + { + $result = 'localhost.localdomain'; + if (!empty($this->Hostname)) { + $result = $this->Hostname; + } elseif (isset($_SERVER) and array_key_exists('SERVER_NAME', $_SERVER) and !empty($_SERVER['SERVER_NAME'])) { + $result = $_SERVER['SERVER_NAME']; + } elseif (function_exists('gethostname') && gethostname() !== false) { + $result = gethostname(); + } elseif (php_uname('n') !== false) { + $result = php_uname('n'); + } + return $result; + } + + /** + * Get an error message in the current language. + * @access protected + * @param string $key + * @return string + */ + protected function lang($key) + { + if (count($this->language) < 1) { + $this->setLanguage('en'); // set the default language + } + + if (isset($this->language[$key])) { + return $this->language[$key]; + } else { + return 'Language string failed to load: ' . $key; + } + } + + /** + * Check if an error occurred. + * @access public + * @return boolean True if an error did occur. + */ + public function isError() + { + return ($this->error_count > 0); + } + + /** + * Ensure consistent line endings in a string. + * Changes every end of line from CRLF, CR or LF to $this->LE. + * @access public + * @param string $str String to fixEOL + * @return string + */ + public function fixEOL($str) + { + // Normalise to \n + $nstr = str_replace(array("\r\n", "\r"), "\n", $str); + // Now convert LE as needed + if ($this->LE !== "\n") { + $nstr = str_replace("\n", $this->LE, $nstr); + } + return $nstr; + } + + /** + * Add a custom header. + * $name value can be overloaded to contain + * both header name and value (name:value) + * @access public + * @param string $name Custom header name + * @param string $value Header value + * @return void + */ + public function addCustomHeader($name, $value = null) + { + if ($value === null) { + // Value passed in as name:value + $this->CustomHeader[] = explode(':', $name, 2); + } else { + $this->CustomHeader[] = array($name, $value); + } + } + + /** + * Create a message from an HTML string. + * Automatically makes modifications for inline images and backgrounds + * and creates a plain-text version by converting the HTML. + * Overwrites any existing values in $this->Body and $this->AltBody + * @access public + * @param string $message HTML message string + * @param string $basedir baseline directory for path + * @param boolean|callable $advanced Whether to use the internal HTML to text converter + * or your own custom converter @see html2text() + * @return string $message + */ + public function msgHTML($message, $basedir = '', $advanced = false) + { + preg_match_all('/(src|background)=["\'](.*)["\']/Ui', $message, $images); + if (isset($images[2])) { + foreach ($images[2] as $imgindex => $url) { + // Convert data URIs into embedded images + if (preg_match('#^data:(image[^;,]*)(;base64)?,#', $url, $match)) { + $data = substr($url, strpos($url, ',')); + if ($match[2]) { + $data = base64_decode($data); + } else { + $data = rawurldecode($data); + } + $cid = md5($url) . '@phpmailer.0'; // RFC2392 S 2 + if ($this->addStringEmbeddedImage($data, $cid, '', 'base64', $match[1])) { + $message = str_replace( + $images[0][$imgindex], + $images[1][$imgindex] . '="cid:' . $cid . '"', + $message + ); + } + } elseif (!preg_match('#^[A-z]+://#', $url)) { + // Do not change urls for absolute images (thanks to corvuscorax) + $filename = basename($url); + $directory = dirname($url); + if ($directory == '.') { + $directory = ''; + } + $cid = md5($url) . '@phpmailer.0'; // RFC2392 S 2 + if (strlen($basedir) > 1 && substr($basedir, -1) != '/') { + $basedir .= '/'; + } + if (strlen($directory) > 1 && substr($directory, -1) != '/') { + $directory .= '/'; + } + if ($this->addEmbeddedImage( + $basedir . $directory . $filename, + $cid, + $filename, + 'base64', + self::_mime_types((string)self::mb_pathinfo($filename, PATHINFO_EXTENSION)) + ) + ) { + $message = preg_replace( + '/' . $images[1][$imgindex] . '=["\']' . preg_quote($url, '/') . '["\']/Ui', + $images[1][$imgindex] . '="cid:' . $cid . '"', + $message + ); + } + } + } + } + $this->isHTML(true); + // Convert all message body line breaks to CRLF, makes quoted-printable encoding work much better + $this->Body = $this->normalizeBreaks($message); + $this->AltBody = $this->normalizeBreaks($this->html2text($message, $advanced)); + if (empty($this->AltBody)) { + $this->AltBody = 'To view this email message, open it in a program that understands HTML!' . + self::CRLF . self::CRLF; + } + return $this->Body; + } + + /** + * Convert an HTML string into plain text. + * This is used by msgHTML(). + * Note - older versions of this function used a bundled advanced converter + * which was been removed for license reasons in #232 + * Example usage: + * + * // Use default conversion + * $plain = $mail->html2text($html); + * // Use your own custom converter + * $plain = $mail->html2text($html, function($html) { + * $converter = new MyHtml2text($html); + * return $converter->get_text(); + * }); + * + * @param string $html The HTML text to convert + * @param boolean|callable $advanced Any boolean value to use the internal converter, + * or provide your own callable for custom conversion. + * @return string + */ + public function html2text($html, $advanced = false) + { + if (is_callable($advanced)) { + return call_user_func($advanced, $html); + } + return html_entity_decode( + trim(strip_tags(preg_replace('/<(head|title|style|script)[^>]*>.*?<\/\\1>/si', '', $html))), + ENT_QUOTES, + $this->CharSet + ); + } + + /** + * Get the MIME type for a file extension. + * @param string $ext File extension + * @access public + * @return string MIME type of file. + * @static + */ + public static function _mime_types($ext = '') + { + $mimes = array( + 'xl' => 'application/excel', + 'js' => 'application/javascript', + 'hqx' => 'application/mac-binhex40', + 'cpt' => 'application/mac-compactpro', + 'bin' => 'application/macbinary', + 'doc' => 'application/msword', + 'word' => 'application/msword', + 'class' => 'application/octet-stream', + 'dll' => 'application/octet-stream', + 'dms' => 'application/octet-stream', + 'exe' => 'application/octet-stream', + 'lha' => 'application/octet-stream', + 'lzh' => 'application/octet-stream', + 'psd' => 'application/octet-stream', + 'sea' => 'application/octet-stream', + 'so' => 'application/octet-stream', + 'oda' => 'application/oda', + 'pdf' => 'application/pdf', + 'ai' => 'application/postscript', + 'eps' => 'application/postscript', + 'ps' => 'application/postscript', + 'smi' => 'application/smil', + 'smil' => 'application/smil', + 'mif' => 'application/vnd.mif', + 'xls' => 'application/vnd.ms-excel', + 'ppt' => 'application/vnd.ms-powerpoint', + 'wbxml' => 'application/vnd.wap.wbxml', + 'wmlc' => 'application/vnd.wap.wmlc', + 'dcr' => 'application/x-director', + 'dir' => 'application/x-director', + 'dxr' => 'application/x-director', + 'dvi' => 'application/x-dvi', + 'gtar' => 'application/x-gtar', + 'php3' => 'application/x-httpd-php', + 'php4' => 'application/x-httpd-php', + 'php' => 'application/x-httpd-php', + 'phtml' => 'application/x-httpd-php', + 'phps' => 'application/x-httpd-php-source', + 'swf' => 'application/x-shockwave-flash', + 'sit' => 'application/x-stuffit', + 'tar' => 'application/x-tar', + 'tgz' => 'application/x-tar', + 'xht' => 'application/xhtml+xml', + 'xhtml' => 'application/xhtml+xml', + 'zip' => 'application/zip', + 'mid' => 'audio/midi', + 'midi' => 'audio/midi', + 'mp2' => 'audio/mpeg', + 'mp3' => 'audio/mpeg', + 'mpga' => 'audio/mpeg', + 'aif' => 'audio/x-aiff', + 'aifc' => 'audio/x-aiff', + 'aiff' => 'audio/x-aiff', + 'ram' => 'audio/x-pn-realaudio', + 'rm' => 'audio/x-pn-realaudio', + 'rpm' => 'audio/x-pn-realaudio-plugin', + 'ra' => 'audio/x-realaudio', + 'wav' => 'audio/x-wav', + 'bmp' => 'image/bmp', + 'gif' => 'image/gif', + 'jpeg' => 'image/jpeg', + 'jpe' => 'image/jpeg', + 'jpg' => 'image/jpeg', + 'png' => 'image/png', + 'tiff' => 'image/tiff', + 'tif' => 'image/tiff', + 'eml' => 'message/rfc822', + 'css' => 'text/css', + 'html' => 'text/html', + 'htm' => 'text/html', + 'shtml' => 'text/html', + 'log' => 'text/plain', + 'text' => 'text/plain', + 'txt' => 'text/plain', + 'rtx' => 'text/richtext', + 'rtf' => 'text/rtf', + 'vcf' => 'text/vcard', + 'vcard' => 'text/vcard', + 'xml' => 'text/xml', + 'xsl' => 'text/xml', + 'mpeg' => 'video/mpeg', + 'mpe' => 'video/mpeg', + 'mpg' => 'video/mpeg', + 'mov' => 'video/quicktime', + 'qt' => 'video/quicktime', + 'rv' => 'video/vnd.rn-realvideo', + 'avi' => 'video/x-msvideo', + 'movie' => 'video/x-sgi-movie' + ); + if (array_key_exists(strtolower($ext), $mimes)) { + return $mimes[strtolower($ext)]; + } + return 'application/octet-stream'; + } + + /** + * Map a file name to a MIME type. + * Defaults to 'application/octet-stream', i.e.. arbitrary binary data. + * @param string $filename A file name or full path, does not need to exist as a file + * @return string + * @static + */ + public static function filenameToType($filename) + { + // In case the path is a URL, strip any query string before getting extension + $qpos = strpos($filename, '?'); + if (false !== $qpos) { + $filename = substr($filename, 0, $qpos); + } + $pathinfo = self::mb_pathinfo($filename); + return self::_mime_types($pathinfo['extension']); + } + + /** + * Multi-byte-safe pathinfo replacement. + * Drop-in replacement for pathinfo(), but multibyte-safe, cross-platform-safe, old-version-safe. + * Works similarly to the one in PHP >= 5.2.0 + * @link http://www.php.net/manual/en/function.pathinfo.php#107461 + * @param string $path A filename or path, does not need to exist as a file + * @param integer|string $options Either a PATHINFO_* constant, + * or a string name to return only the specified piece, allows 'filename' to work on PHP < 5.2 + * @return string|array + * @static + */ + public static function mb_pathinfo($path, $options = null) + { + $ret = array('dirname' => '', 'basename' => '', 'extension' => '', 'filename' => ''); + $pathinfo = array(); + if (preg_match('%^(.*?)[\\\\/]*(([^/\\\\]*?)(\.([^\.\\\\/]+?)|))[\\\\/\.]*$%im', $path, $pathinfo)) { + if (array_key_exists(1, $pathinfo)) { + $ret['dirname'] = $pathinfo[1]; + } + if (array_key_exists(2, $pathinfo)) { + $ret['basename'] = $pathinfo[2]; + } + if (array_key_exists(5, $pathinfo)) { + $ret['extension'] = $pathinfo[5]; + } + if (array_key_exists(3, $pathinfo)) { + $ret['filename'] = $pathinfo[3]; + } + } + switch ($options) { + case PATHINFO_DIRNAME: + case 'dirname': + return $ret['dirname']; + case PATHINFO_BASENAME: + case 'basename': + return $ret['basename']; + case PATHINFO_EXTENSION: + case 'extension': + return $ret['extension']; + case PATHINFO_FILENAME: + case 'filename': + return $ret['filename']; + default: + return $ret; + } + } + + /** + * Set or reset instance properties. + * You should avoid this function - it's more verbose, less efficient, more error-prone and + * harder to debug than setting properties directly. + * Usage Example: + * `$mail->set('SMTPSecure', 'tls');` + * is the same as: + * `$mail->SMTPSecure = 'tls';` + * @access public + * @param string $name The property name to set + * @param mixed $value The value to set the property to + * @return boolean + * @TODO Should this not be using the __set() magic function? + */ + public function set($name, $value = '') + { + if (property_exists($this, $name)) { + $this->$name = $value; + return true; + } else { + $this->setError($this->lang('variable_set') . $name); + return false; + } + } + + /** + * Strip newlines to prevent header injection. + * @access public + * @param string $str + * @return string + */ + public function secureHeader($str) + { + return trim(str_replace(array("\r", "\n"), '', $str)); + } + + /** + * Normalize line breaks in a string. + * Converts UNIX LF, Mac CR and Windows CRLF line breaks into a single line break format. + * Defaults to CRLF (for message bodies) and preserves consecutive breaks. + * @param string $text + * @param string $breaktype What kind of line break to use, defaults to CRLF + * @return string + * @access public + * @static + */ + public static function normalizeBreaks($text, $breaktype = "\r\n") + { + return preg_replace('/(\r\n|\r|\n)/ms', $breaktype, $text); + } + + + /** + * Set the public and private key files and password for S/MIME signing. + * @access public + * @param string $cert_filename + * @param string $key_filename + * @param string $key_pass Password for private key + * @param string $extracerts_filename Optional path to chain certificate + */ + public function sign($cert_filename, $key_filename, $key_pass, $extracerts_filename = '') + { + $this->sign_cert_file = $cert_filename; + $this->sign_key_file = $key_filename; + $this->sign_key_pass = $key_pass; + $this->sign_extracerts_file = $extracerts_filename; + } + + /** + * Quoted-Printable-encode a DKIM header. + * @access public + * @param string $txt + * @return string + */ + public function DKIM_QP($txt) + { + $line = ''; + for ($i = 0; $i < strlen($txt); $i++) { + $ord = ord($txt[$i]); + if (((0x21 <= $ord) && ($ord <= 0x3A)) || $ord == 0x3C || ((0x3E <= $ord) && ($ord <= 0x7E))) { + $line .= $txt[$i]; + } else { + $line .= '=' . sprintf('%02X', $ord); + } + } + return $line; + } + + /** + * Generate a DKIM signature. + * @access public + * @param string $signHeader + * @throws phpmailerException + * @return string + */ + public function DKIM_Sign($signHeader) + { + if (!defined('PKCS7_TEXT')) { + if ($this->exceptions) { + throw new phpmailerException($this->lang('signing') . ' OpenSSL extension missing.'); + } + return ''; + } + $privKeyStr = file_get_contents($this->DKIM_private); + if ($this->DKIM_passphrase != '') { + $privKey = openssl_pkey_get_private($privKeyStr, $this->DKIM_passphrase); + } else { + $privKey = $privKeyStr; + } + if (openssl_sign($signHeader, $signature, $privKey)) { + return base64_encode($signature); + } + return ''; + } + + /** + * Generate a DKIM canonicalization header. + * @access public + * @param string $signHeader Header + * @return string + */ + public function DKIM_HeaderC($signHeader) + { + $signHeader = preg_replace('/\r\n\s+/', ' ', $signHeader); + $lines = explode("\r\n", $signHeader); + foreach ($lines as $key => $line) { + list($heading, $value) = explode(':', $line, 2); + $heading = strtolower($heading); + $value = preg_replace('/\s+/', ' ', $value); // Compress useless spaces + $lines[$key] = $heading . ':' . trim($value); // Don't forget to remove WSP around the value + } + $signHeader = implode("\r\n", $lines); + return $signHeader; + } + + /** + * Generate a DKIM canonicalization body. + * @access public + * @param string $body Message Body + * @return string + */ + public function DKIM_BodyC($body) + { + if ($body == '') { + return "\r\n"; + } + // stabilize line endings + $body = str_replace("\r\n", "\n", $body); + $body = str_replace("\n", "\r\n", $body); + // END stabilize line endings + while (substr($body, strlen($body) - 4, 4) == "\r\n\r\n") { + $body = substr($body, 0, strlen($body) - 2); + } + return $body; + } + + /** + * Create the DKIM header and body in a new message header. + * @access public + * @param string $headers_line Header lines + * @param string $subject Subject + * @param string $body Body + * @return string + */ + public function DKIM_Add($headers_line, $subject, $body) + { + $DKIMsignatureType = 'rsa-sha1'; // Signature & hash algorithms + $DKIMcanonicalization = 'relaxed/simple'; // Canonicalization of header/body + $DKIMquery = 'dns/txt'; // Query method + $DKIMtime = time(); // Signature Timestamp = seconds since 00:00:00 - Jan 1, 1970 (UTC time zone) + $subject_header = "Subject: $subject"; + $headers = explode($this->LE, $headers_line); + $from_header = ''; + $to_header = ''; + $current = ''; + foreach ($headers as $header) { + if (strpos($header, 'From:') === 0) { + $from_header = $header; + $current = 'from_header'; + } elseif (strpos($header, 'To:') === 0) { + $to_header = $header; + $current = 'to_header'; + } else { + if ($current && strpos($header, ' =?') === 0) { + $current .= $header; + } else { + $current = ''; + } + } + } + $from = str_replace('|', '=7C', $this->DKIM_QP($from_header)); + $to = str_replace('|', '=7C', $this->DKIM_QP($to_header)); + $subject = str_replace( + '|', + '=7C', + $this->DKIM_QP($subject_header) + ); // Copied header fields (dkim-quoted-printable) + $body = $this->DKIM_BodyC($body); + $DKIMlen = strlen($body); // Length of body + $DKIMb64 = base64_encode(pack('H*', sha1($body))); // Base64 of packed binary SHA-1 hash of body + if ('' == $this->DKIM_identity) { + $ident = ''; + } else { + $ident = ' i=' . $this->DKIM_identity . ';'; + } + $dkimhdrs = 'DKIM-Signature: v=1; a=' . + $DKIMsignatureType . '; q=' . + $DKIMquery . '; l=' . + $DKIMlen . '; s=' . + $this->DKIM_selector . + ";\r\n" . + "\tt=" . $DKIMtime . '; c=' . $DKIMcanonicalization . ";\r\n" . + "\th=From:To:Subject;\r\n" . + "\td=" . $this->DKIM_domain . ';' . $ident . "\r\n" . + "\tz=$from\r\n" . + "\t|$to\r\n" . + "\t|$subject;\r\n" . + "\tbh=" . $DKIMb64 . ";\r\n" . + "\tb="; + $toSign = $this->DKIM_HeaderC( + $from_header . "\r\n" . $to_header . "\r\n" . $subject_header . "\r\n" . $dkimhdrs + ); + $signed = $this->DKIM_Sign($toSign); + return $dkimhdrs . $signed . "\r\n"; + } + + /** + * Allows for public read access to 'to' property. + * @access public + * @return array + */ + public function getToAddresses() + { + return $this->to; + } + + /** + * Allows for public read access to 'cc' property. + * @access public + * @return array + */ + public function getCcAddresses() + { + return $this->cc; + } + + /** + * Allows for public read access to 'bcc' property. + * @access public + * @return array + */ + public function getBccAddresses() + { + return $this->bcc; + } + + /** + * Allows for public read access to 'ReplyTo' property. + * @access public + * @return array + */ + public function getReplyToAddresses() + { + return $this->ReplyTo; + } + + /** + * Allows for public read access to 'all_recipients' property. + * @access public + * @return array + */ + public function getAllRecipientAddresses() + { + return $this->all_recipients; + } + + /** + * Perform a callback. + * @param boolean $isSent + * @param array $to + * @param array $cc + * @param array $bcc + * @param string $subject + * @param string $body + * @param string $from + */ + protected function doCallback($isSent, $to, $cc, $bcc, $subject, $body, $from) + { + if (!empty($this->action_function) && is_callable($this->action_function)) { + $params = array($isSent, $to, $cc, $bcc, $subject, $body, $from); + call_user_func_array($this->action_function, $params); + } + } +} + +/** + * PHPMailer exception handler + * @package PHPMailer + */ +class phpmailerException extends Exception +{ + /** + * Prettify error message output + * @return string + */ + public function errorMessage() + { + $errorMsg = '' . $this->getMessage() . "
\n"; + return $errorMsg; + } +} diff --git a/template/real_estate_html/site/bat/phpmailer/class.pop3.php b/template/real_estate_html/site/bat/phpmailer/class.pop3.php new file mode 100755 index 0000000..a322d97 --- /dev/null +++ b/template/real_estate_html/site/bat/phpmailer/class.pop3.php @@ -0,0 +1,397 @@ + + * @author Jim Jagielski (jimjag) + * @author Andy Prevost (codeworxtech) + * @author Brent R. Matzelle (original founder) + * @copyright 2012 - 2014 Marcus Bointon + * @copyright 2010 - 2012 Jim Jagielski + * @copyright 2004 - 2009 Andy Prevost + * @license http://www.gnu.org/copyleft/lesser.html GNU Lesser General Public License + * @note This program is distributed in the hope that it will be useful - WITHOUT + * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or + * FITNESS FOR A PARTICULAR PURPOSE. + */ + +/** + * PHPMailer POP-Before-SMTP Authentication Class. + * Specifically for PHPMailer to use for RFC1939 POP-before-SMTP authentication. + * Does not support APOP. + * @package PHPMailer + * @author Richard Davey (original author) + * @author Marcus Bointon (Synchro/coolbru) + * @author Jim Jagielski (jimjag) + * @author Andy Prevost (codeworxtech) + */ +class POP3 +{ + /** + * The POP3 PHPMailer Version number. + * @type string + * @access public + */ + public $Version = '5.2.9'; + + /** + * Default POP3 port number. + * @type integer + * @access public + */ + public $POP3_PORT = 110; + + /** + * Default timeout in seconds. + * @type integer + * @access public + */ + public $POP3_TIMEOUT = 30; + + /** + * POP3 Carriage Return + Line Feed. + * @type string + * @access public + * @deprecated Use the constant instead + */ + public $CRLF = "\r\n"; + + /** + * Debug display level. + * Options: 0 = no, 1+ = yes + * @type integer + * @access public + */ + public $do_debug = 0; + + /** + * POP3 mail server hostname. + * @type string + * @access public + */ + public $host; + + /** + * POP3 port number. + * @type integer + * @access public + */ + public $port; + + /** + * POP3 Timeout Value in seconds. + * @type integer + * @access public + */ + public $tval; + + /** + * POP3 username + * @type string + * @access public + */ + public $username; + + /** + * POP3 password. + * @type string + * @access public + */ + public $password; + + /** + * Resource handle for the POP3 connection socket. + * @type resource + * @access private + */ + private $pop_conn; + + /** + * Are we connected? + * @type boolean + * @access private + */ + private $connected = false; + + /** + * Error container. + * @type array + * @access private + */ + private $errors = array(); + + /** + * Line break constant + */ + const CRLF = "\r\n"; + + /** + * Simple static wrapper for all-in-one POP before SMTP + * @param $host + * @param boolean $port + * @param boolean $tval + * @param string $username + * @param string $password + * @param integer $debug_level + * @return boolean + */ + public static function popBeforeSmtp( + $host, + $port = false, + $tval = false, + $username = '', + $password = '', + $debug_level = 0 + ) { + $pop = new POP3; + return $pop->authorise($host, $port, $tval, $username, $password, $debug_level); + } + + /** + * Authenticate with a POP3 server. + * A connect, login, disconnect sequence + * appropriate for POP-before SMTP authorisation. + * @access public + * @param string $host The hostname to connect to + * @param integer|boolean $port The port number to connect to + * @param integer|boolean $timeout The timeout value + * @param string $username + * @param string $password + * @param integer $debug_level + * @return boolean + */ + public function authorise($host, $port = false, $timeout = false, $username = '', $password = '', $debug_level = 0) + { + $this->host = $host; + // If no port value provided, use default + if (false === $port) { + $this->port = $this->POP3_PORT; + } else { + $this->port = (integer)$port; + } + // If no timeout value provided, use default + if (false === $timeout) { + $this->tval = $this->POP3_TIMEOUT; + } else { + $this->tval = (integer)$timeout; + } + $this->do_debug = $debug_level; + $this->username = $username; + $this->password = $password; + // Reset the error log + $this->errors = array(); + // connect + $result = $this->connect($this->host, $this->port, $this->tval); + if ($result) { + $login_result = $this->login($this->username, $this->password); + if ($login_result) { + $this->disconnect(); + return true; + } + } + // We need to disconnect regardless of whether the login succeeded + $this->disconnect(); + return false; + } + + /** + * Connect to a POP3 server. + * @access public + * @param string $host + * @param integer|boolean $port + * @param integer $tval + * @return boolean + */ + public function connect($host, $port = false, $tval = 30) + { + // Are we already connected? + if ($this->connected) { + return true; + } + + //On Windows this will raise a PHP Warning error if the hostname doesn't exist. + //Rather than suppress it with @fsockopen, capture it cleanly instead + set_error_handler(array($this, 'catchWarning')); + + if (false === $port) { + $port = $this->POP3_PORT; + } + + // connect to the POP3 server + $this->pop_conn = fsockopen( + $host, // POP3 Host + $port, // Port # + $errno, // Error Number + $errstr, // Error Message + $tval + ); // Timeout (seconds) + // Restore the error handler + restore_error_handler(); + + // Did we connect? + if (false === $this->pop_conn) { + // It would appear not... + $this->setError(array( + 'error' => "Failed to connect to server $host on port $port", + 'errno' => $errno, + 'errstr' => $errstr + )); + return false; + } + + // Increase the stream time-out + stream_set_timeout($this->pop_conn, $tval, 0); + + // Get the POP3 server response + $pop3_response = $this->getResponse(); + // Check for the +OK + if ($this->checkResponse($pop3_response)) { + // The connection is established and the POP3 server is talking + $this->connected = true; + return true; + } + return false; + } + + /** + * Log in to the POP3 server. + * Does not support APOP (RFC 2828, 4949). + * @access public + * @param string $username + * @param string $password + * @return boolean + */ + public function login($username = '', $password = '') + { + if (!$this->connected) { + $this->setError('Not connected to POP3 server'); + } + if (empty($username)) { + $username = $this->username; + } + if (empty($password)) { + $password = $this->password; + } + + // Send the Username + $this->sendString("USER $username" . self::CRLF); + $pop3_response = $this->getResponse(); + if ($this->checkResponse($pop3_response)) { + // Send the Password + $this->sendString("PASS $password" . self::CRLF); + $pop3_response = $this->getResponse(); + if ($this->checkResponse($pop3_response)) { + return true; + } + } + return false; + } + + /** + * Disconnect from the POP3 server. + * @access public + */ + public function disconnect() + { + $this->sendString('QUIT'); + //The QUIT command may cause the daemon to exit, which will kill our connection + //So ignore errors here + try { + @fclose($this->pop_conn); + } catch (Exception $e) { + //Do nothing + }; + } + + /** + * Get a response from the POP3 server. + * $size is the maximum number of bytes to retrieve + * @param integer $size + * @return string + * @access private + */ + private function getResponse($size = 128) + { + $response = fgets($this->pop_conn, $size); + if ($this->do_debug >= 1) { + echo "Server -> Client: $response"; + } + return $response; + } + + /** + * Send raw data to the POP3 server. + * @param string $string + * @return integer + * @access private + */ + private function sendString($string) + { + if ($this->pop_conn) { + if ($this->do_debug >= 2) { //Show client messages when debug >= 2 + echo "Client -> Server: $string"; + } + return fwrite($this->pop_conn, $string, strlen($string)); + } + return 0; + } + + /** + * Checks the POP3 server response. + * Looks for for +OK or -ERR. + * @param string $string + * @return boolean + * @access private + */ + private function checkResponse($string) + { + if (substr($string, 0, 3) !== '+OK') { + $this->setError(array( + 'error' => "Server reported an error: $string", + 'errno' => 0, + 'errstr' => '' + )); + return false; + } else { + return true; + } + } + + /** + * Add an error to the internal error store. + * Also display debug output if it's enabled. + * @param $error + */ + private function setError($error) + { + $this->errors[] = $error; + if ($this->do_debug >= 1) { + echo '
';
+            foreach ($this->errors as $error) {
+                print_r($error);
+            }
+            echo '
'; + } + } + + /** + * POP3 connection error handler. + * @param integer $errno + * @param string $errstr + * @param string $errfile + * @param integer $errline + * @access private + */ + private function catchWarning($errno, $errstr, $errfile, $errline) + { + $this->setError(array( + 'error' => "Connecting to the POP3 server raised a PHP warning: ", + 'errno' => $errno, + 'errstr' => $errstr, + 'errfile' => $errfile, + 'errline' => $errline + )); + } +} diff --git a/template/real_estate_html/site/bat/phpmailer/class.smtp.php b/template/real_estate_html/site/bat/phpmailer/class.smtp.php new file mode 100755 index 0000000..7a0473d --- /dev/null +++ b/template/real_estate_html/site/bat/phpmailer/class.smtp.php @@ -0,0 +1,1135 @@ + + * @author Jim Jagielski (jimjag) + * @author Andy Prevost (codeworxtech) + * @author Brent R. Matzelle (original founder) + * @copyright 2014 Marcus Bointon + * @copyright 2010 - 2012 Jim Jagielski + * @copyright 2004 - 2009 Andy Prevost + * @license http://www.gnu.org/copyleft/lesser.html GNU Lesser General Public License + * @note This program is distributed in the hope that it will be useful - WITHOUT + * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or + * FITNESS FOR A PARTICULAR PURPOSE. + */ + +/** + * PHPMailer RFC821 SMTP email transport class. + * Implements RFC 821 SMTP commands and provides some utility methods for sending mail to an SMTP server. + * @package PHPMailer + * @author Chris Ryan + * @author Marcus Bointon + */ +class SMTP +{ + /** + * The PHPMailer SMTP version number. + * @type string + */ + const VERSION = '5.2.9'; + + /** + * SMTP line break constant. + * @type string + */ + const CRLF = "\r\n"; + + /** + * The SMTP port to use if one is not specified. + * @type integer + */ + const DEFAULT_SMTP_PORT = 25; + + /** + * The maximum line length allowed by RFC 2822 section 2.1.1 + * @type integer + */ + const MAX_LINE_LENGTH = 998; + + /** + * Debug level for no output + */ + const DEBUG_OFF = 0; + + /** + * Debug level to show client -> server messages + */ + const DEBUG_CLIENT = 1; + + /** + * Debug level to show client -> server and server -> client messages + */ + const DEBUG_SERVER = 2; + + /** + * Debug level to show connection status, client -> server and server -> client messages + */ + const DEBUG_CONNECTION = 3; + + /** + * Debug level to show all messages + */ + const DEBUG_LOWLEVEL = 4; + + /** + * The PHPMailer SMTP Version number. + * @type string + * @deprecated Use the `VERSION` constant instead + * @see SMTP::VERSION + */ + public $Version = '5.2.9'; + + /** + * SMTP server port number. + * @type integer + * @deprecated This is only ever used as a default value, so use the `DEFAULT_SMTP_PORT` constant instead + * @see SMTP::DEFAULT_SMTP_PORT + */ + public $SMTP_PORT = 25; + + /** + * SMTP reply line ending. + * @type string + * @deprecated Use the `CRLF` constant instead + * @see SMTP::CRLF + */ + public $CRLF = "\r\n"; + + /** + * Debug output level. + * Options: + * * self::DEBUG_OFF (`0`) No debug output, default + * * self::DEBUG_CLIENT (`1`) Client commands + * * self::DEBUG_SERVER (`2`) Client commands and server responses + * * self::DEBUG_CONNECTION (`3`) As DEBUG_SERVER plus connection status + * * self::DEBUG_LOWLEVEL (`4`) Low-level data output, all messages + * @type integer + */ + public $do_debug = self::DEBUG_OFF; + + /** + * How to handle debug output. + * Options: + * * `echo` Output plain-text as-is, appropriate for CLI + * * `html` Output escaped, line breaks converted to `
`, appropriate for browser output + * * `error_log` Output to error log as configured in php.ini + * + * Alternatively, you can provide a callable expecting two params: a message string and the debug level: + * + * $smtp->Debugoutput = function($str, $level) {echo "debug level $level; message: $str";}; + * + * @type string|callable + */ + public $Debugoutput = 'echo'; + + /** + * Whether to use VERP. + * @link http://en.wikipedia.org/wiki/Variable_envelope_return_path + * @link http://www.postfix.org/VERP_README.html Info on VERP + * @type boolean + */ + public $do_verp = false; + + /** + * The timeout value for connection, in seconds. + * Default of 5 minutes (300sec) is from RFC2821 section 4.5.3.2 + * This needs to be quite high to function correctly with hosts using greetdelay as an anti-spam measure. + * @link http://tools.ietf.org/html/rfc2821#section-4.5.3.2 + * @type integer + */ + public $Timeout = 300; + + /** + * How long to wait for commands to complete, in seconds. + * Default of 5 minutes (300sec) is from RFC2821 section 4.5.3.2 + * @type integer + */ + public $Timelimit = 300; + + /** + * The socket for the server connection. + * @type resource + */ + protected $smtp_conn; + + /** + * Error message, if any, for the last call. + * @type array + */ + protected $error = array(); + + /** + * The reply the server sent to us for HELO. + * If null, no HELO string has yet been received. + * @type string|null + */ + protected $helo_rply = null; + + /** + * The set of SMTP extensions sent in reply to EHLO command. + * Indexes of the array are extension names. + * Value at index 'HELO' or 'EHLO' (according to command that was sent) + * represents the server name. In case of HELO it is the only element of the array. + * Other values can be boolean TRUE or an array containing extension options. + * If null, no HELO/EHLO string has yet been received. + * @type array|null + */ + protected $server_caps = null; + + /** + * The most recent reply received from the server. + * @type string + */ + protected $last_reply = ''; + + /** + * Output debugging info via a user-selected method. + * @see SMTP::$Debugoutput + * @see SMTP::$do_debug + * @param string $str Debug string to output + * @param integer $level The debug level of this message; see DEBUG_* constants + * @return void + */ + protected function edebug($str, $level = 0) + { + if ($level > $this->do_debug) { + return; + } + //Avoid clash with built-in function names + if (!in_array($this->Debugoutput, array('error_log', 'html', 'echo')) and is_callable($this->Debugoutput)) { + call_user_func($this->Debugoutput, $str, $this->do_debug); + return; + } + switch ($this->Debugoutput) { + case 'error_log': + //Don't output, just log + error_log($str); + break; + case 'html': + //Cleans up output a bit for a better looking, HTML-safe output + echo htmlentities( + preg_replace('/[\r\n]+/', '', $str), + ENT_QUOTES, + 'UTF-8' + ) + . "
\n"; + break; + case 'echo': + default: + //Normalize line breaks + $str = preg_replace('/(\r\n|\r|\n)/ms', "\n", $str); + echo gmdate('Y-m-d H:i:s') . "\t" . str_replace( + "\n", + "\n \t ", + trim($str) + )."\n"; + } + } + + /** + * Connect to an SMTP server. + * @param string $host SMTP server IP or host name + * @param integer $port The port number to connect to + * @param integer $timeout How long to wait for the connection to open + * @param array $options An array of options for stream_context_create() + * @access public + * @return boolean + */ + public function connect($host, $port = null, $timeout = 30, $options = array()) + { + static $streamok; + //This is enabled by default since 5.0.0 but some providers disable it + //Check this once and cache the result + if (is_null($streamok)) { + $streamok = function_exists('stream_socket_client'); + } + // Clear errors to avoid confusion + $this->error = array(); + // Make sure we are __not__ connected + if ($this->connected()) { + // Already connected, generate error + $this->error = array('error' => 'Already connected to a server'); + return false; + } + if (empty($port)) { + $port = self::DEFAULT_SMTP_PORT; + } + // Connect to the SMTP server + $this->edebug( + "Connection: opening to $host:$port, t=$timeout, opt=".var_export($options, true), + self::DEBUG_CONNECTION + ); + $errno = 0; + $errstr = ''; + if ($streamok) { + $socket_context = stream_context_create($options); + //Suppress errors; connection failures are handled at a higher level + $this->smtp_conn = @stream_socket_client( + $host . ":" . $port, + $errno, + $errstr, + $timeout, + STREAM_CLIENT_CONNECT, + $socket_context + ); + } else { + //Fall back to fsockopen which should work in more places, but is missing some features + $this->edebug( + "Connection: stream_socket_client not available, falling back to fsockopen", + self::DEBUG_CONNECTION + ); + $this->smtp_conn = fsockopen( + $host, + $port, + $errno, + $errstr, + $timeout + ); + } + // Verify we connected properly + if (!is_resource($this->smtp_conn)) { + $this->error = array( + 'error' => 'Failed to connect to server', + 'errno' => $errno, + 'errstr' => $errstr + ); + $this->edebug( + 'SMTP ERROR: ' . $this->error['error'] + . ": $errstr ($errno)", + self::DEBUG_CLIENT + ); + return false; + } + $this->edebug('Connection: opened', self::DEBUG_CONNECTION); + // SMTP server can take longer to respond, give longer timeout for first read + // Windows does not have support for this timeout function + if (substr(PHP_OS, 0, 3) != 'WIN') { + $max = ini_get('max_execution_time'); + // Don't bother if unlimited + if ($max != 0 && $timeout > $max) { + @set_time_limit($timeout); + } + stream_set_timeout($this->smtp_conn, $timeout, 0); + } + // Get any announcement + $announce = $this->get_lines(); + $this->edebug('SERVER -> CLIENT: ' . $announce, self::DEBUG_SERVER); + return true; + } + + /** + * Initiate a TLS (encrypted) session. + * @access public + * @return boolean + */ + public function startTLS() + { + if (!$this->sendCommand('STARTTLS', 'STARTTLS', 220)) { + return false; + } + // Begin encrypted connection + if (!stream_socket_enable_crypto( + $this->smtp_conn, + true, + STREAM_CRYPTO_METHOD_TLS_CLIENT + )) { + return false; + } + return true; + } + + /** + * Perform SMTP authentication. + * Must be run after hello(). + * @see hello() + * @param string $username The user name + * @param string $password The password + * @param string $authtype The auth type (PLAIN, LOGIN, NTLM, CRAM-MD5) + * @param string $realm The auth realm for NTLM + * @param string $workstation The auth workstation for NTLM + * @access public + * @return boolean True if successfully authenticated. + */ + public function authenticate( + $username, + $password, + $authtype = null, + $realm = '', + $workstation = '' + ) { + if (!$this->server_caps) { + $this->error = array('error' => 'Authentication is not allowed before HELO/EHLO'); + return false; + } + + if (array_key_exists('EHLO', $this->server_caps)) { + // SMTP extensions are available. Let's try to find a proper authentication method + + if (!array_key_exists('AUTH', $this->server_caps)) { + $this->error = array( 'error' => 'Authentication is not allowed at this stage' ); + // 'at this stage' means that auth may be allowed after the stage changes + // e.g. after STARTTLS + return false; + } + + self::edebug('Auth method requested: ' . ($authtype ? $authtype : 'UNKNOWN'), self::DEBUG_LOWLEVEL); + self::edebug( + 'Auth methods available on the server: ' . implode(',', $this->server_caps['AUTH']), + self::DEBUG_LOWLEVEL + ); + + if (empty($authtype)) { + foreach (array('LOGIN', 'CRAM-MD5', 'NTLM', 'PLAIN') as $method) { + if (in_array($method, $this->server_caps['AUTH'])) { + $authtype = $method; + break; + } + } + if (empty($authtype)) { + $this->error = array( 'error' => 'No supported authentication methods found' ); + return false; + } + self::edebug('Auth method selected: '.$authtype, self::DEBUG_LOWLEVEL); + } + + if (!in_array($authtype, $this->server_caps['AUTH'])) { + $this->error = array( 'error' => 'The requested authentication method "' + . $authtype . '" is not supported by the server' ); + return false; + } + } elseif (empty($authtype)) { + $authtype = 'LOGIN'; + } + switch ($authtype) { + case 'PLAIN': + // Start authentication + if (!$this->sendCommand('AUTH', 'AUTH PLAIN', 334)) { + return false; + } + // Send encoded username and password + if (!$this->sendCommand( + 'User & Password', + base64_encode("\0" . $username . "\0" . $password), + 235 + ) + ) { + return false; + } + break; + case 'LOGIN': + // Start authentication + if (!$this->sendCommand('AUTH', 'AUTH LOGIN', 334)) { + return false; + } + if (!$this->sendCommand("Username", base64_encode($username), 334)) { + return false; + } + if (!$this->sendCommand("Password", base64_encode($password), 235)) { + return false; + } + break; + case 'NTLM': + /* + * ntlm_sasl_client.php + * Bundled with Permission + * + * How to telnet in windows: + * http://technet.microsoft.com/en-us/library/aa995718%28EXCHG.65%29.aspx + * PROTOCOL Docs http://curl.haxx.se/rfc/ntlm.html#ntlmSmtpAuthentication + */ + require_once 'extras/ntlm_sasl_client.php'; + $temp = new stdClass(); + $ntlm_client = new ntlm_sasl_client_class; + //Check that functions are available + if (!$ntlm_client->Initialize($temp)) { + $this->error = array('error' => $temp->error); + $this->edebug( + 'You need to enable some modules in your php.ini file: ' + . $this->error['error'], + self::DEBUG_CLIENT + ); + return false; + } + //msg1 + $msg1 = $ntlm_client->TypeMsg1($realm, $workstation); //msg1 + + if (!$this->sendCommand( + 'AUTH NTLM', + 'AUTH NTLM ' . base64_encode($msg1), + 334 + ) + ) { + return false; + } + //Though 0 based, there is a white space after the 3 digit number + //msg2 + $challenge = substr($this->last_reply, 3); + $challenge = base64_decode($challenge); + $ntlm_res = $ntlm_client->NTLMResponse( + substr($challenge, 24, 8), + $password + ); + //msg3 + $msg3 = $ntlm_client->TypeMsg3( + $ntlm_res, + $username, + $realm, + $workstation + ); + // send encoded username + return $this->sendCommand('Username', base64_encode($msg3), 235); + case 'CRAM-MD5': + // Start authentication + if (!$this->sendCommand('AUTH CRAM-MD5', 'AUTH CRAM-MD5', 334)) { + return false; + } + // Get the challenge + $challenge = base64_decode(substr($this->last_reply, 4)); + + // Build the response + $response = $username . ' ' . $this->hmac($challenge, $password); + + // send encoded credentials + return $this->sendCommand('Username', base64_encode($response), 235); + default: + $this->error = array( 'error' => 'Authentication method "' . $authtype . '" is not supported' ); + return false; + } + return true; + } + + /** + * Calculate an MD5 HMAC hash. + * Works like hash_hmac('md5', $data, $key) + * in case that function is not available + * @param string $data The data to hash + * @param string $key The key to hash with + * @access protected + * @return string + */ + protected function hmac($data, $key) + { + if (function_exists('hash_hmac')) { + return hash_hmac('md5', $data, $key); + } + + // The following borrowed from + // http://php.net/manual/en/function.mhash.php#27225 + + // RFC 2104 HMAC implementation for php. + // Creates an md5 HMAC. + // Eliminates the need to install mhash to compute a HMAC + // by Lance Rushing + + $bytelen = 64; // byte length for md5 + if (strlen($key) > $bytelen) { + $key = pack('H*', md5($key)); + } + $key = str_pad($key, $bytelen, chr(0x00)); + $ipad = str_pad('', $bytelen, chr(0x36)); + $opad = str_pad('', $bytelen, chr(0x5c)); + $k_ipad = $key ^ $ipad; + $k_opad = $key ^ $opad; + + return md5($k_opad . pack('H*', md5($k_ipad . $data))); + } + + /** + * Check connection state. + * @access public + * @return boolean True if connected. + */ + public function connected() + { + if (is_resource($this->smtp_conn)) { + $sock_status = stream_get_meta_data($this->smtp_conn); + if ($sock_status['eof']) { + // The socket is valid but we are not connected + $this->edebug( + 'SMTP NOTICE: EOF caught while checking if connected', + self::DEBUG_CLIENT + ); + $this->close(); + return false; + } + return true; // everything looks good + } + return false; + } + + /** + * Close the socket and clean up the state of the class. + * Don't use this function without first trying to use QUIT. + * @see quit() + * @access public + * @return void + */ + public function close() + { + $this->error = array(); + $this->server_caps = null; + $this->helo_rply = null; + if (is_resource($this->smtp_conn)) { + // close the connection and cleanup + fclose($this->smtp_conn); + $this->smtp_conn = null; //Makes for cleaner serialization + $this->edebug('Connection: closed', self::DEBUG_CONNECTION); + } + } + + /** + * Send an SMTP DATA command. + * Issues a data command and sends the msg_data to the server, + * finializing the mail transaction. $msg_data is the message + * that is to be send with the headers. Each header needs to be + * on a single line followed by a with the message headers + * and the message body being separated by and additional . + * Implements rfc 821: DATA + * @param string $msg_data Message data to send + * @access public + * @return boolean + */ + public function data($msg_data) + { + //This will use the standard timelimit + if (!$this->sendCommand('DATA', 'DATA', 354)) { + return false; + } + + /* The server is ready to accept data! + * According to rfc821 we should not send more than 1000 characters on a single line (including the CRLF) + * so we will break the data up into lines by \r and/or \n then if needed we will break each of those into + * smaller lines to fit within the limit. + * We will also look for lines that start with a '.' and prepend an additional '.'. + * NOTE: this does not count towards line-length limit. + */ + + // Normalize line breaks before exploding + $lines = explode("\n", str_replace(array("\r\n", "\r"), "\n", $msg_data)); + + /* To distinguish between a complete RFC822 message and a plain message body, we check if the first field + * of the first line (':' separated) does not contain a space then it _should_ be a header and we will + * process all lines before a blank line as headers. + */ + + $field = substr($lines[0], 0, strpos($lines[0], ':')); + $in_headers = false; + if (!empty($field) && strpos($field, ' ') === false) { + $in_headers = true; + } + + foreach ($lines as $line) { + $lines_out = array(); + if ($in_headers and $line == '') { + $in_headers = false; + } + //We need to break this line up into several smaller lines + //This is a small micro-optimisation: isset($str[$len]) is equivalent to (strlen($str) > $len) + while (isset($line[self::MAX_LINE_LENGTH])) { + //Working backwards, try to find a space within the last MAX_LINE_LENGTH chars of the line to break on + //so as to avoid breaking in the middle of a word + $pos = strrpos(substr($line, 0, self::MAX_LINE_LENGTH), ' '); + //Deliberately matches both false and 0 + if (!$pos) { + //No nice break found, add a hard break + $pos = self::MAX_LINE_LENGTH - 1; + $lines_out[] = substr($line, 0, $pos); + $line = substr($line, $pos); + } else { + //Break at the found point + $lines_out[] = substr($line, 0, $pos); + //Move along by the amount we dealt with + $line = substr($line, $pos + 1); + } + //If processing headers add a LWSP-char to the front of new line RFC822 section 3.1.1 + if ($in_headers) { + $line = "\t" . $line; + } + } + $lines_out[] = $line; + + //Send the lines to the server + foreach ($lines_out as $line_out) { + //RFC2821 section 4.5.2 + if (!empty($line_out) and $line_out[0] == '.') { + $line_out = '.' . $line_out; + } + $this->client_send($line_out . self::CRLF); + } + } + + //Message data has been sent, complete the command + //Increase timelimit for end of DATA command + $savetimelimit = $this->Timelimit; + $this->Timelimit = $this->Timelimit * 2; + $result = $this->sendCommand('DATA END', '.', 250); + //Restore timelimit + $this->Timelimit = $savetimelimit; + return $result; + } + + /** + * Send an SMTP HELO or EHLO command. + * Used to identify the sending server to the receiving server. + * This makes sure that client and server are in a known state. + * Implements RFC 821: HELO + * and RFC 2821 EHLO. + * @param string $host The host name or IP to connect to + * @access public + * @return boolean + */ + public function hello($host = '') + { + //Try extended hello first (RFC 2821) + return (boolean)($this->sendHello('EHLO', $host) or $this->sendHello('HELO', $host)); + } + + /** + * Send an SMTP HELO or EHLO command. + * Low-level implementation used by hello() + * @see hello() + * @param string $hello The HELO string + * @param string $host The hostname to say we are + * @access protected + * @return boolean + */ + protected function sendHello($hello, $host) + { + $noerror = $this->sendCommand($hello, $hello . ' ' . $host, 250); + $this->helo_rply = $this->last_reply; + if ($noerror) { + $this->parseHelloFields($hello); + } else { + $this->server_caps = null; + } + return $noerror; + } + + /** + * Parse a reply to HELO/EHLO command to discover server extensions. + * In case of HELO, the only parameter that can be discovered is a server name. + * @access protected + * @param string $type - 'HELO' or 'EHLO' + */ + protected function parseHelloFields($type) + { + $this->server_caps = array(); + $lines = explode("\n", $this->last_reply); + foreach ($lines as $n => $s) { + $s = trim(substr($s, 4)); + if (!$s) { + continue; + } + $fields = explode(' ', $s); + if (!empty($fields)) { + if (!$n) { + $name = $type; + $fields = $fields[0]; + } else { + $name = array_shift($fields); + if ($name == 'SIZE') { + $fields = ($fields) ? $fields[0] : 0; + } + } + $this->server_caps[$name] = ($fields ? $fields : true); + } + } + } + + /** + * Send an SMTP MAIL command. + * Starts a mail transaction from the email address specified in + * $from. Returns true if successful or false otherwise. If True + * the mail transaction is started and then one or more recipient + * commands may be called followed by a data command. + * Implements rfc 821: MAIL FROM: + * @param string $from Source address of this message + * @access public + * @return boolean + */ + public function mail($from) + { + $useVerp = ($this->do_verp ? ' XVERP' : ''); + return $this->sendCommand( + 'MAIL FROM', + 'MAIL FROM:<' . $from . '>' . $useVerp, + 250 + ); + } + + /** + * Send an SMTP QUIT command. + * Closes the socket if there is no error or the $close_on_error argument is true. + * Implements from rfc 821: QUIT + * @param boolean $close_on_error Should the connection close if an error occurs? + * @access public + * @return boolean + */ + public function quit($close_on_error = true) + { + $noerror = $this->sendCommand('QUIT', 'QUIT', 221); + $err = $this->error; //Save any error + if ($noerror or $close_on_error) { + $this->close(); + $this->error = $err; //Restore any error from the quit command + } + return $noerror; + } + + /** + * Send an SMTP RCPT command. + * Sets the TO argument to $toaddr. + * Returns true if the recipient was accepted false if it was rejected. + * Implements from rfc 821: RCPT TO: + * @param string $toaddr The address the message is being sent to + * @access public + * @return boolean + */ + public function recipient($toaddr) + { + return $this->sendCommand( + 'RCPT TO', + 'RCPT TO:<' . $toaddr . '>', + array(250, 251) + ); + } + + /** + * Send an SMTP RSET command. + * Abort any transaction that is currently in progress. + * Implements rfc 821: RSET + * @access public + * @return boolean True on success. + */ + public function reset() + { + return $this->sendCommand('RSET', 'RSET', 250); + } + + /** + * Send a command to an SMTP server and check its return code. + * @param string $command The command name - not sent to the server + * @param string $commandstring The actual command to send + * @param integer|array $expect One or more expected integer success codes + * @access protected + * @return boolean True on success. + */ + protected function sendCommand($command, $commandstring, $expect) + { + if (!$this->connected()) { + $this->error = array( + 'error' => "Called $command without being connected" + ); + return false; + } + $this->client_send($commandstring . self::CRLF); + + $this->last_reply = $this->get_lines(); + // Fetch SMTP code and possible error code explanation + $matches = array(); + if (preg_match("/^([0-9]{3})[ -](?:([0-9]\\.[0-9]\\.[0-9]) )?/", $this->last_reply, $matches)) { + $code = $matches[1]; + $code_ex = (count($matches) > 2 ? $matches[2] : null); + // Cut off error code from each response line + $detail = preg_replace( + "/{$code}[ -]".($code_ex ? str_replace('.', '\\.', $code_ex).' ' : '')."/m", + '', + $this->last_reply + ); + } else { + // Fall back to simple parsing if regex fails + $code = substr($this->last_reply, 0, 3); + $code_ex = null; + $detail = substr($this->last_reply, 4); + } + + $this->edebug('SERVER -> CLIENT: ' . $this->last_reply, self::DEBUG_SERVER); + + if (!in_array($code, (array)$expect)) { + $this->error = array( + 'error' => "$command command failed", + 'smtp_code' => $code, + 'smtp_code_ex' => $code_ex, + 'detail' => $detail + ); + $this->edebug( + 'SMTP ERROR: ' . $this->error['error'] . ': ' . $this->last_reply, + self::DEBUG_CLIENT + ); + return false; + } + + $this->error = array(); + return true; + } + + /** + * Send an SMTP SAML command. + * Starts a mail transaction from the email address specified in $from. + * Returns true if successful or false otherwise. If True + * the mail transaction is started and then one or more recipient + * commands may be called followed by a data command. This command + * will send the message to the users terminal if they are logged + * in and send them an email. + * Implements rfc 821: SAML FROM: + * @param string $from The address the message is from + * @access public + * @return boolean + */ + public function sendAndMail($from) + { + return $this->sendCommand('SAML', "SAML FROM:$from", 250); + } + + /** + * Send an SMTP VRFY command. + * @param string $name The name to verify + * @access public + * @return boolean + */ + public function verify($name) + { + return $this->sendCommand('VRFY', "VRFY $name", array(250, 251)); + } + + /** + * Send an SMTP NOOP command. + * Used to keep keep-alives alive, doesn't actually do anything + * @access public + * @return boolean + */ + public function noop() + { + return $this->sendCommand('NOOP', 'NOOP', 250); + } + + /** + * Send an SMTP TURN command. + * This is an optional command for SMTP that this class does not support. + * This method is here to make the RFC821 Definition complete for this class + * and _may_ be implemented in future + * Implements from rfc 821: TURN + * @access public + * @return boolean + */ + public function turn() + { + $this->error = array( + 'error' => 'The SMTP TURN command is not implemented' + ); + $this->edebug('SMTP NOTICE: ' . $this->error['error'], self::DEBUG_CLIENT); + return false; + } + + /** + * Send raw data to the server. + * @param string $data The data to send + * @access public + * @return integer|boolean The number of bytes sent to the server or false on error + */ + public function client_send($data) + { + $this->edebug("CLIENT -> SERVER: $data", self::DEBUG_CLIENT); + return fwrite($this->smtp_conn, $data); + } + + /** + * Get the latest error. + * @access public + * @return array + */ + public function getError() + { + return $this->error; + } + + /** + * Get SMTP extensions available on the server + * @access public + * @return array|null + */ + public function getServerExtList() + { + return $this->server_caps; + } + + /** + * A multipurpose method + * The method works in three ways, dependent on argument value and current state + * 1. HELO/EHLO was not sent - returns null and set up $this->error + * 2. HELO was sent + * $name = 'HELO': returns server name + * $name = 'EHLO': returns boolean false + * $name = any string: returns null and set up $this->error + * 3. EHLO was sent + * $name = 'HELO'|'EHLO': returns server name + * $name = any string: if extension $name exists, returns boolean True + * or its options. Otherwise returns boolean False + * In other words, one can use this method to detect 3 conditions: + * - null returned: handshake was not or we don't know about ext (refer to $this->error) + * - false returned: the requested feature exactly not exists + * - positive value returned: the requested feature exists + * @param string $name Name of SMTP extension or 'HELO'|'EHLO' + * @return mixed + */ + public function getServerExt($name) + { + if (!$this->server_caps) { + $this->error = array('No HELO/EHLO was sent'); + return null; + } + + // the tight logic knot ;) + if (!array_key_exists($name, $this->server_caps)) { + if ($name == 'HELO') { + return $this->server_caps['EHLO']; + } + if ($name == 'EHLO' || array_key_exists('EHLO', $this->server_caps)) { + return false; + } + $this->error = array('HELO handshake was used. Client knows nothing about server extensions'); + return null; + } + + return $this->server_caps[$name]; + } + + /** + * Get the last reply from the server. + * @access public + * @return string + */ + public function getLastReply() + { + return $this->last_reply; + } + + /** + * Read the SMTP server's response. + * Either before eof or socket timeout occurs on the operation. + * With SMTP we can tell if we have more lines to read if the + * 4th character is '-' symbol. If it is a space then we don't + * need to read anything else. + * @access protected + * @return string + */ + protected function get_lines() + { + // If the connection is bad, give up straight away + if (!is_resource($this->smtp_conn)) { + return ''; + } + $data = ''; + $endtime = 0; + stream_set_timeout($this->smtp_conn, $this->Timeout); + if ($this->Timelimit > 0) { + $endtime = time() + $this->Timelimit; + } + while (is_resource($this->smtp_conn) && !feof($this->smtp_conn)) { + $str = @fgets($this->smtp_conn, 515); + $this->edebug("SMTP -> get_lines(): \$data was \"$data\"", self::DEBUG_LOWLEVEL); + $this->edebug("SMTP -> get_lines(): \$str is \"$str\"", self::DEBUG_LOWLEVEL); + $data .= $str; + $this->edebug("SMTP -> get_lines(): \$data is \"$data\"", self::DEBUG_LOWLEVEL); + // If 4th character is a space, we are done reading, break the loop, micro-optimisation over strlen + if ((isset($str[3]) and $str[3] == ' ')) { + break; + } + // Timed-out? Log and break + $info = stream_get_meta_data($this->smtp_conn); + if ($info['timed_out']) { + $this->edebug( + 'SMTP -> get_lines(): timed-out (' . $this->Timeout . ' sec)', + self::DEBUG_LOWLEVEL + ); + break; + } + // Now check if reads took too long + if ($endtime and time() > $endtime) { + $this->edebug( + 'SMTP -> get_lines(): timelimit reached ('. + $this->Timelimit . ' sec)', + self::DEBUG_LOWLEVEL + ); + break; + } + } + return $data; + } + + /** + * Enable or disable VERP address generation. + * @param boolean $enabled + */ + public function setVerp($enabled = false) + { + $this->do_verp = $enabled; + } + + /** + * Get VERP address generation mode. + * @return boolean + */ + public function getVerp() + { + return $this->do_verp; + } + + /** + * Set debug output method. + * @param string|callable $method The name of the mechanism to use for debugging output, or a callable to handle it. + */ + public function setDebugOutput($method = 'echo') + { + $this->Debugoutput = $method; + } + + /** + * Get debug output method. + * @return string + */ + public function getDebugOutput() + { + return $this->Debugoutput; + } + + /** + * Set debug output level. + * @param integer $level + */ + public function setDebugLevel($level = 0) + { + $this->do_debug = $level; + } + + /** + * Get debug output level. + * @return integer + */ + public function getDebugLevel() + { + return $this->do_debug; + } + + /** + * Set SMTP timeout. + * @param integer $timeout + */ + public function setTimeout($timeout = 0) + { + $this->Timeout = $timeout; + } + + /** + * Get SMTP timeout. + * @return integer + */ + public function getTimeout() + { + return $this->Timeout; + } +} diff --git a/template/real_estate_html/site/bat/rd-mailform.config.json b/template/real_estate_html/site/bat/rd-mailform.config.json new file mode 100755 index 0000000..91b4777 --- /dev/null +++ b/template/real_estate_html/site/bat/rd-mailform.config.json @@ -0,0 +1,8 @@ +{ + "useSmtp": false, + "host": "stmp.gmail.com", + "port": 465, + "username": "demo@gmail.com", + "password": "demopassword", + "recipientEmail": "demo@gmail.com" +} diff --git a/template/real_estate_html/site/bat/rd-mailform.php b/template/real_estate_html/site/bat/rd-mailform.php new file mode 100755 index 0000000..1372a1a --- /dev/null +++ b/template/real_estate_html/site/bat/rd-mailform.php @@ -0,0 +1,146 @@ +", ""), + array("Email:", $_POST['email']), + $template); + } + + if (isset($_POST['message'])) { + $template = str_replace( + array("", ""), + array("Message:", $_POST['message']), + $template); + } + + preg_match("/()(.|\s)*?()/", $template, $tmp, PREG_OFFSET_CAPTURE); + foreach ($_POST as $key => $value) { + if ($key != "counter" && $key != "email" && $key != "message" && $key != "form-type" && $key != "g-recaptcha-response" && !empty($value)){ + $info = str_replace( + array("", "", ""), + array("", ucfirst($key) . ':', $value), + $tmp[0][0]); + + $template = str_replace("", $info, $template); + } + } + + $template = str_replace( + array("", ""), + array($subject, $_SERVER['SERVER_NAME']), + $template); + + $mail = new PHPMailer(); + + + if ($formConfig['useSmtp']) { + //Tell PHPMailer to use SMTP + $mail->isSMTP(); + + //Enable SMTP debugging + // 0 = off (for production use) + // 1 = client messages + // 2 = client and server messages + $mail->SMTPDebug = 0; + + $mail->Debugoutput = 'html'; + + // Set the hostname of the mail server + $mail->Host = $formConfig['host']; + + // Set the SMTP port number - likely to be 25, 465 or 587 + $mail->Port = $formConfig['port']; + + // Whether to use SMTP authentication + $mail->SMTPAuth = true; + $mail->SMTPSecure = "ssl"; + + // Username to use for SMTP authentication + $mail->Username = $formConfig['username']; + + // Password to use for SMTP authentication + $mail->Password = $formConfig['password']; + } + + $mail->From = $addresses[0][0][0]; + + # Attach file + if (isset($_FILES['file']) && + $_FILES['file']['error'] == UPLOAD_ERR_OK) { + $mail->AddAttachment($_FILES['file']['tmp_name'], + $_FILES['file']['name']); + } + + if (isset($_POST['name'])){ + $mail->FromName = $_POST['name']; + }else{ + $mail->FromName = "Site Visitor"; + } + + foreach ($addresses[0] as $key => $value) { + $mail->addAddress($value[0]); + } + + $mail->CharSet = 'utf-8'; + $mail->Subject = $subject; + $mail->MsgHTML($template); + $mail->send(); + + die('MF000'); +} catch (phpmailerException $e) { + die('MF254'); +} catch (Exception $e) { + die('MF255'); +} \ No newline at end of file diff --git a/template/real_estate_html/site/bat/rd-mailform.tpl b/template/real_estate_html/site/bat/rd-mailform.tpl new file mode 100755 index 0000000..83210a3 --- /dev/null +++ b/template/real_estate_html/site/bat/rd-mailform.tpl @@ -0,0 +1,196 @@ + + + + + + + <!-- #{Subject} --> + + + + + + + +
+ + + + + + + + + + + + + + + + +
+ + + + + + + +
+ + + + + + + + + + +
Notification
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Hi, someone left a message for you at
+ + + + + + + +
+ + + + +
+
+ + + + +
+
+
+ +
+ + + + + + + + + + + + + +
+ + + + + + + + + + + +
+
+ +
+
+
+
+ + + + +
This is an automatically generated email, please do not reply.
+
+
+ + \ No newline at end of file diff --git a/template/real_estate_html/site/bat/rd-search.php b/template/real_estate_html/site/bat/rd-search.php new file mode 100755 index 0000000..9f843df --- /dev/null +++ b/template/real_estate_html/site/bat/rd-search.php @@ -0,0 +1,217 @@ +(.*)\<\/title\>/", $contents, $page_title); //getting page title + if (preg_match("#\(.*)\<\/body\>#si", $contents, $body_content)) { //getting content only between tags + $clean_content = strip_tags($body_content[0]); //remove html tags + $clean_content = preg_replace('/\s+/', ' ', $clean_content); //remove duplicate whitespaces, carriage returns, tabs, etc + + $found = strpos_recursive(mb_strtolower($clean_content, 'UTF-8'), $search_term); + + $final_result[$file_count]['page_title'][] = $page_title[1]; + $final_result[$file_count]['file_name'][] = preg_replace("/^.{3}/", "\\1", $file); + } + + for ($j = 0; $j < count($template_tokens); $j++) { + if (preg_match("/\/", $contents, $res)) { + $final_result[$file_count][$template_tokens[$j]] = $res[1]; + } + } + + if ($found && !empty($found)) { + for ($z = 0; $z < count($found[0]); $z++) { + $pos = $found[0][$z][1]; + $side_chars = SIDE_CHARS; + if ($pos < SIDE_CHARS) { + $side_chars = $pos; + if (isset($_GET['liveSearch']) and $_GET['liveSearch'] != "") { + $pos_end = SIDE_CHARS + $search_term_length + 15; + } else { + $pos_end = SIDE_CHARS * 9 + $search_term_length; + } + } else { + if (isset($_GET['liveSearch']) and $_GET['liveSearch'] != "") { + $pos_end = SIDE_CHARS + $search_term_length + 15; + } else { + $pos_end = SIDE_CHARS * 9 + $search_term_length; + } + } + + $pos_start = $pos - $side_chars; + $str = substr($clean_content, $pos_start, $pos_end); + $result = preg_replace('#' . $search_term . '#ui', '\0', $str); + //$result = preg_replace('#'.$search_term.'#ui', ''.$search_term.'', $str); + $final_result[$file_count]['search_result'][] = $result; + + } + } else { + $final_result[$file_count]['search_result'][] = ''; + } + $file_count++; +} + +if ($file_count > 0) { + +//Sort final result + foreach ($final_result as $key => $row) { + $search_result[$key] = $row['search_result']; + } + array_multisort($search_result, SORT_DESC, $final_result); +} + +?> + +
+ + 0 and isset($_GET['liveSearch']) and $_GET['liveSearch'] != "") { + echo "
Quick Results
"; + } ?> + +
    + = $search_live_count) { + } else { + ?> +
  1. + + +
  2. +
    No results found for "' . $search_term . '"
+
+ + 1) { + $result = end($parts); + } + return $result; +} + +function strpos_recursive($haystack, $needle, $offset = 0, &$results = array()) +{ + $offset = stripos($haystack, $needle, $offset); + if ($offset === false) { + return $results; + } else { + $pattern = '/' . $needle . '/ui'; + preg_match_all($pattern, $haystack, $results, PREG_OFFSET_CAPTURE); + return $results; + } +} + +?> \ No newline at end of file diff --git a/template/real_estate_html/site/bat/reCaptcha.php b/template/real_estate_html/site/bat/reCaptcha.php new file mode 100755 index 0000000..6ed1f1a --- /dev/null +++ b/template/real_estate_html/site/bat/reCaptcha.php @@ -0,0 +1,34 @@ +verify($_POST['g-recaptcha-response'], $_SERVER['REMOTE_ADDR']); + + if ($resp->isSuccess()): + // If the response is a success, that's it! + die('CPT000'); + else: + // Something wrong + die('CPT002'); + endif; + +endif; +?> diff --git a/template/real_estate_html/site/blog-layouts.html b/template/real_estate_html/site/blog-layouts.html new file mode 100755 index 0000000..691d1f7 --- /dev/null +++ b/template/real_estate_html/site/blog-layouts.html @@ -0,0 +1,432 @@ + + + + Blog Layouts + + + + + + + + + + + + + +
+ + + + + +
+
+

3 Column Layout

+
+
+ + +
+
+ + +
+
+ + +
+
+ +
+
+ +
+
+

2 Column Layout

+
+
+ + +
+
+ + +
+
View all +
+
+ +
+
+

News Posts Layout

+
+
+ + +
+
+
+ + + + + + +
+ +
+
+
+
+ +
+
+

Residential property categories

+

At our agency, we work with various types of residential real estate property. You can find out more about our properties by browsing our website.

+
+ +
+ + +
+
+ + +
+
+ + +
+ +
+
+
+ + +
+
+ +
+
+
+
+
+
+ +
+ + + + + \ No newline at end of file diff --git a/template/real_estate_html/site/buttons.html b/template/real_estate_html/site/buttons.html new file mode 100755 index 0000000..dc33cae --- /dev/null +++ b/template/real_estate_html/site/buttons.html @@ -0,0 +1,302 @@ + + + + Buttons + + + + + + + + + + + + + +
+ + + + + +
+
+
Button Sizes
+
+
Large button
+
Light Large
+
+
+
Medium button
+
Light Medium
+
+
+
Small button
+
Light Small
+
+
+
+ +
+
+
Icon buttons
+
+
Search
+
Search
+
+
+
Search
+
Search
+
+
+
Search
+
Search
+
+
+
+ +
+
+
Social buttons
+
+
+
+ + +
+
+ +
+
+
+
+
+
+ +
+ + + + + \ No newline at end of file diff --git a/template/real_estate_html/site/careers.html b/template/real_estate_html/site/careers.html new file mode 100755 index 0000000..5037405 --- /dev/null +++ b/template/real_estate_html/site/careers.html @@ -0,0 +1,365 @@ + + + + Careers + + + + + + + + + + + + + +
+ + + + + +
+
+
+
+

Working at inHouse

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Donec et odio pellentesque diam. Tortor pretium viverra suspendisse potenti nullam ac tortor vitae. Tellus elementum sagittis vitae et leo duis ut diam. Vitae ultricies leo integer malesuada nunc vel risus.

Learn more +
+
+
+
+
+
+ +
+
+

Available Vacancies

+
+
+ +
+

Residential Broker

+
+
    +
  • Full Time
  • +
  • San Diego
  • +
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+
+
+
+ +
+

Residential Appraiser

+
+
    +
  • Full Time
  • +
  • San Diego
  • +
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+
+
+
+ +
+

Real Estate Agent

+
+
    +
  • Full Time
  • +
  • San Diego
  • +
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+
+
+
+ +
+

Property Manager

+
+
    +
  • Full Time
  • +
  • San Diego
  • +
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+
+
+
+ +
+

Leasing Consultant

+
+
    +
  • Full Time
  • +
  • San Diego
  • +
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+
+
+
+ +
+

Commercial Broker

+
+
    +
  • Full Time
  • +
  • San Diego
  • +
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+
+
+
Join Us +
+
+ +
+
+
+
+
+

Learn the Cost of your Next Property Right Now!

+ +
+
+
+
+
+ + +
+
+ +
+
+
+
+
+
+ +
+ + + + + \ No newline at end of file diff --git a/template/real_estate_html/site/coming-soon.html b/template/real_estate_html/site/coming-soon.html new file mode 100755 index 0000000..411a83b --- /dev/null +++ b/template/real_estate_html/site/coming-soon.html @@ -0,0 +1,78 @@ + + + + Coming Soon + + + + + + + + + + + + + +
+ +
+
+
+
+
+
+
+
We're getting ready to launch in
+ +
+
+
+

Our website is under construction, we are working very hard to give you the best experience on our new web site.

+
+ +
+
+ + +
+
+ +
+
+
+
+
+
+
+ +
+
+
+
+ +
+
+
+
+
+
+ +
+ + + + + \ No newline at end of file diff --git a/template/real_estate_html/site/contacts.html b/template/real_estate_html/site/contacts.html new file mode 100755 index 0000000..6d85f85 --- /dev/null +++ b/template/real_estate_html/site/contacts.html @@ -0,0 +1,348 @@ + + + + Contacts + + + + + + + + + + + + + +
+ + + + +
+ +
+
+
+
+
+
+
+

Contact Us

+ +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+
+ +
+

or use

+ +
+
+
+
+
+
+
+
+
+
+
    +
  • +
+
+
+
+
+
+ + +
+
+ +
+
+
+
+
+
+ +
+ + + + + \ No newline at end of file diff --git a/template/real_estate_html/site/css/bootstrap.css b/template/real_estate_html/site/css/bootstrap.css new file mode 100755 index 0000000..59e8743 --- /dev/null +++ b/template/real_estate_html/site/css/bootstrap.css @@ -0,0 +1,6 @@ +/*! + * Bootstrap v4.0.0 (https://getbootstrap.com) + * Copyright 2011-2018 The Bootstrap Authors + * Copyright 2011-2018 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + */ :root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --breakpoint-xxl: 1600px; --font-family-sans-serif: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; --font-family-monospace: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } @-ms-viewport { width: device-width; } article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 16px; font-weight: 300; line-height: 1.5; color: #74757f; text-align: left; background-color: #fff; } [tabindex="-1"]:focus { outline: 0 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; text-decoration: underline dotted; cursor: help; border-bottom: 0; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: inherit; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } dfn { font-style: italic; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { color: #0045b6; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects; } a:hover { color: #00286a; text-decoration: underline; } a:not([href]):not([tabindex]) { text-decoration: none; } a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; } pre, code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg:not(:root) { overflow: hidden; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: .5rem; } button { border-radius: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; -webkit-appearance: none; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-family: "Poppins", sans-serif; font-weight: 400; line-height: 1.1; color: #151515; } h1, h2, h3, .h1, .h2, .h3 { font-weight: 700; } h1, .h1 { font-size: 90px; } h2, .h2 { font-size: 50px; } h3, .h3 { font-size: 38px; } h4, .h4 { font-size: 24px; } h5, .h5 { font-size: 22px; } h6, .h6 { font-size: 16px; } h4, .h4 { font-weight: 300; } .lead { font-size: 24px; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid #e8e9ee; } small, .small { font-size: 80%; font-weight: 400; } mark, .mark { padding: 5px 10px; background-color: #0045b6; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 5px; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote-footer { display: block; font-size: 80%; color: #6c757d; } .blockquote-footer::before { content: "\2014 \00A0"; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.25rem; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #6c757d; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } code { font-size: 90%; color: #111111; word-break: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: 0.2rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; } pre { display: block; font-size: 90%; color: #212529; } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1200px; } } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl, .col-xxl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: 8.33333%; } .offset-2 { margin-left: 16.66667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333%; } .offset-5 { margin-left: 41.66667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333%; } .offset-8 { margin-left: 66.66667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333%; } .offset-11 { margin-left: 91.66667%; } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-sm-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.66667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333%; } .offset-sm-5 { margin-left: 41.66667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333%; } .offset-sm-8 { margin-left: 66.66667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333%; } .offset-sm-11 { margin-left: 91.66667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-md-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.66667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333%; } .offset-md-5 { margin-left: 41.66667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333%; } .offset-md-8 { margin-left: 66.66667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333%; } .offset-md-11 { margin-left: 91.66667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-lg-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.66667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333%; } .offset-lg-5 { margin-left: 41.66667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333%; } .offset-lg-8 { margin-left: 66.66667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333%; } .offset-lg-11 { margin-left: 91.66667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-xl-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xl-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xl-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xl-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333%; } .offset-xl-2 { margin-left: 16.66667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333%; } .offset-xl-5 { margin-left: 41.66667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333%; } .offset-xl-8 { margin-left: 66.66667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333%; } .offset-xl-11 { margin-left: 91.66667%; } } @media (min-width: 1600px) { .col-xxl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xxl-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-xxl-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xxl-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xxl-3 { flex: 0 0 25%; max-width: 25%; } .col-xxl-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xxl-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xxl-6 { flex: 0 0 50%; max-width: 50%; } .col-xxl-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xxl-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xxl-9 { flex: 0 0 75%; max-width: 75%; } .col-xxl-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xxl-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xxl-12 { flex: 0 0 100%; max-width: 100%; } .order-xxl-first { order: -1; } .order-xxl-last { order: 13; } .order-xxl-0 { order: 0; } .order-xxl-1 { order: 1; } .order-xxl-2 { order: 2; } .order-xxl-3 { order: 3; } .order-xxl-4 { order: 4; } .order-xxl-5 { order: 5; } .order-xxl-6 { order: 6; } .order-xxl-7 { order: 7; } .order-xxl-8 { order: 8; } .order-xxl-9 { order: 9; } .order-xxl-10 { order: 10; } .order-xxl-11 { order: 11; } .order-xxl-12 { order: 12; } .offset-xxl-0 { margin-left: 0; } .offset-xxl-1 { margin-left: 8.33333%; } .offset-xxl-2 { margin-left: 16.66667%; } .offset-xxl-3 { margin-left: 25%; } .offset-xxl-4 { margin-left: 33.33333%; } .offset-xxl-5 { margin-left: 41.66667%; } .offset-xxl-6 { margin-left: 50%; } .offset-xxl-7 { margin-left: 58.33333%; } .offset-xxl-8 { margin-left: 66.66667%; } .offset-xxl-9 { margin-left: 75%; } .offset-xxl-10 { margin-left: 83.33333%; } .offset-xxl-11 { margin-left: 91.66667%; } } .table { width: 100%; max-width: 100%; margin-bottom: 1rem; background-color: transparent; } .table th, .table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #dee2e6; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6; } .table tbody + tbody { border-top: 2px solid #dee2e6; } .table .table { background-color: #fff; } .table-sm th, .table-sm td { padding: 0.3rem; } .table-bordered { border: 1px solid #dee2e6; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6; } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); } .table-hover tbody tr:hover { background-color: rgba(0, 0, 0, 0.075); } .table-active, .table-active > th, .table-active > td { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); } .table .thead-dark th { color: #fff; background-color: #212529; border-color: #32383e; } .table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #dee2e6; } .table-dark { color: #fff; background-color: #212529; } .table-dark th, .table-dark td, .table-dark thead th { border-color: #32383e; } .table-dark.table-bordered { border: 0; } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover { background-color: rgba(255, 255, 255, 0.075); } @media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-sm > .table-bordered { border: 0; } } @media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-md > .table-bordered { border: 0; } } @media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-lg > .table-bordered { border: 0; } } @media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-xl > .table-bordered { border: 0; } } @media (max-width: 1599.98px) { .table-responsive-xxl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-xxl > .table-bordered { border: 0; } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive > .table-bordered { border: 0; } .form-control { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 16px; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { color: #495057; background-color: #fff; border-color: #3783ff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 69, 182, 0.25); } .form-control::placeholder { color: #6c757d; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } select.form-control:not([size]):not([multiple]) { height: calc(2.25rem + 2px); } select.form-control:focus::-ms-value { color: #495057; background-color: #fff; } .form-control-file, .form-control-range { display: block; width: 100%; } .col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 20px; line-height: 1.5; } .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 12px; line-height: 1.5; } .form-control-plaintext { display: block; width: 100%; padding-top: 0.375rem; padding-bottom: 0.375rem; margin-bottom: 0; line-height: 1.5; background-color: transparent; border: solid transparent; border-width: 1px 0; } .form-control-plaintext.form-control-sm, .input-group-sm > .form-control-plaintext.form-control, .input-group-sm > .input-group-prepend > .form-control-plaintext.input-group-text, .input-group-sm > .input-group-append > .form-control-plaintext.input-group-text, .input-group-sm > .input-group-prepend > .form-control-plaintext.btn, .input-group-sm > .input-group-append > .form-control-plaintext.btn, .form-control-plaintext.form-control-lg, .input-group-lg > .form-control-plaintext.form-control, .input-group-lg > .input-group-prepend > .form-control-plaintext.input-group-text, .input-group-lg > .input-group-append > .form-control-plaintext.input-group-text, .input-group-lg > .input-group-prepend > .form-control-plaintext.btn, .input-group-lg > .input-group-append > .form-control-plaintext.btn { padding-right: 0; padding-left: 0; } .form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn { padding: 0.25rem 0.5rem; font-size: 12px; line-height: 1.5; border-radius: 0.2rem; } select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]), .input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]), .input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]), .input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]), .input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]) { height: calc(1.8125rem + 2px); } .form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn { padding: 0.5rem 1rem; font-size: 20px; line-height: 1.5; border-radius: 0.3rem; } select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]), .input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]), .input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]), .input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]), .input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]) { height: calc(2.875rem + 2px); } .form-group { margin-bottom: 1rem; } .form-text { display: block; margin-top: 0.25rem; } .form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row > .col, .form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px; } .form-check { position: relative; display: block; padding-left: 1.25rem; } .form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; } .form-check-input:disabled ~ .form-check-label { color: #6c757d; } .form-check-label { margin-bottom: 0; } .form-check-inline { display: inline-flex; align-items: center; padding-left: 0; margin-right: 0.75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #98bf44; } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1; color: #fff; background-color: rgba(152, 191, 68, 0.8); border-radius: .2rem; } .was-validated .form-control:valid, .form-control.is-valid, .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #98bf44; } .was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #98bf44; box-shadow: 0 0 0 0.2rem rgba(152, 191, 68, 0.25); } .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip, .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip { display: block; } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #98bf44; } .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { color: #98bf44; } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { background-color: #cce0a3; } .was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { background-color: #adcc6a; } .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(152, 191, 68, 0.25); } .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #98bf44; } .was-validated .custom-file-input:valid ~ .custom-file-label::before, .custom-file-input.is-valid ~ .custom-file-label::before { border-color: inherit; } .was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { box-shadow: 0 0 0 0.2rem rgba(152, 191, 68, 0.25); } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #dc0000; } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1; color: #fff; background-color: rgba(220, 0, 0, 0.8); border-radius: .2rem; } .was-validated .form-control:invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #dc0000; } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #dc0000; box-shadow: 0 0 0 0.2rem rgba(220, 0, 0, 0.25); } .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip, .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #dc0000; } .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { color: #dc0000; } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { background-color: #ff5d5d; } .was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { background-color: #ff1010; } .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(220, 0, 0, 0.25); } .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #dc0000; } .was-validated .custom-file-input:invalid ~ .custom-file-label::before, .custom-file-input.is-invalid ~ .custom-file-label::before { border-color: inherit; } .was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { box-shadow: 0 0 0 0.2rem rgba(220, 0, 0, 0.25); } .form-inline { display: flex; flex-flow: row wrap; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: row wrap; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .input-group { width: auto; } .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { align-items: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } } .btn { display: inline-block; font-weight: 500; text-align: center; white-space: nowrap; vertical-align: middle; user-select: none; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 16px; line-height: 1.5; border-radius: 6px; transition: all 0.15s ease-in-out; } .btn:hover, .btn:focus { text-decoration: none; } .btn:focus, .btn.focus { outline: 0; box-shadow: 0; } .btn.disabled, .btn:disabled { opacity: 0.65; } .btn:not(:disabled):not(.disabled) { cursor: pointer; } .btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active { background-image: none; } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; } .btn-link { font-weight: 400; color: #0045b6; background-color: transparent; } .btn-link:hover { color: #00286a; text-decoration: underline; background-color: transparent; border-color: transparent; } .btn-link:focus, .btn-link.focus { text-decoration: underline; border-color: transparent; box-shadow: none; } .btn-link:disabled, .btn-link.disabled { color: #868e96; } .btn-lg, .btn-group-lg > .btn { padding: 0.5rem 1rem; font-size: 20px; line-height: 1.5; border-radius: 6px; } .btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 12px; line-height: 1.5; border-radius: 0.2rem; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { opacity: 0; transition: opacity 0.15s linear; } .fade.show { opacity: 1; } .collapse { display: none; } .collapse.show { display: block; } tr.collapse.show { display: table-row; } tbody.collapse.show { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } .dropup, .dropdown { position: relative; } .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 16px; color: #74757f; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .dropup .dropdown-menu { margin-top: 0; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-menu { margin-top: 0; margin-left: 0.125rem; } .dropright .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropright .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-toggle::after { vertical-align: 0; } .dropleft .dropdown-menu { margin-top: 0; margin-right: 0.125rem; } .dropleft .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropleft .dropdown-toggle::after { display: none; } .dropleft .dropdown-toggle::before { display: inline-block; width: 0; height: 0; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropleft .dropdown-toggle:empty::after { margin-left: 0; } .dropleft .dropdown-toggle::before { vertical-align: 0; } .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #e9ecef; } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #16181b; text-decoration: none; background-color: #f8f9fa; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #0045b6; } .dropdown-item.disabled, .dropdown-item:disabled { color: #6c757d; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 12px; color: #6c757d; white-space: nowrap; } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; flex: 0 1 auto; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 1; } .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group, .btn-group-vertical .btn + .btn, .btn-group-vertical .btn + .btn-group, .btn-group-vertical .btn-group + .btn, .btn-group-vertical .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } .dropdown-toggle-split::after { margin-left: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; } .btn-group-vertical .btn, .btn-group-vertical .btn-group { width: 100%; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0; } .btn-group-toggle > .btn input[type="radio"], .btn-group-toggle > .btn input[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="radio"], .btn-group-toggle > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .custom-select, .input-group > .custom-file { position: relative; flex: 1 1 auto; width: 1%; margin-bottom: 0; } .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file:focus { z-index: 3; } .input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file { margin-left: -1px; } .input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .custom-file { display: flex; align-items: center; } .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::before { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .custom-file:not(:first-child) .custom-file-label, .input-group > .custom-file:not(:first-child) .custom-file-label::before { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-prepend, .input-group-append { display: flex; } .input-group-prepend .btn, .input-group-append .btn { position: relative; z-index: 2; } .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn { margin-left: -1px; } .input-group-prepend { margin-right: -1px; } .input-group-append { margin-left: -1px; } .input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0; font-size: 16px; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0.25rem; } .input-group-text input[type="radio"], .input-group-text input[type="checkbox"] { margin-top: 0; } .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .custom-control { position: relative; display: block; min-height: 1.5rem; padding-left: 1.5rem; } .custom-control-inline { display: inline-flex; margin-right: 1rem; } .custom-control-input { position: absolute; z-index: -1; opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: #fff; background-color: #0045b6; } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 69, 182, 0.25); } .custom-control-input:active ~ .custom-control-label::before { color: #fff; background-color: #6aa2ff; } .custom-control-input:disabled ~ .custom-control-label { color: #6c757d; } .custom-control-input:disabled ~ .custom-control-label::before { background-color: #e9ecef; } .custom-control-label { margin-bottom: 0; } .custom-control-label::before { position: absolute; top: 0.25rem; left: 0; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; user-select: none; background-color: #dee2e6; } .custom-control-label::after { position: absolute; top: 0.25rem; left: 0; display: block; width: 1rem; height: 1rem; content: ""; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; } .custom-checkbox .custom-control-label::before { border-radius: 0.25rem; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { background-color: #0045b6; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { background-color: #0045b6; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E"); } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 69, 182, 0.5); } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(0, 69, 182, 0.5); } .custom-radio .custom-control-label::before { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-label::before { background-color: #0045b6; } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E"); } .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 69, 182, 0.5); } .custom-select { display: inline-block; width: 100%; height: calc(2.25rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; line-height: 1.5; color: #495057; vertical-align: middle; background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center; background-size: 8px 10px; border: 1px solid #ced4da; border-radius: 0.25rem; appearance: none; } .custom-select:focus { border-color: #3783ff; outline: 0; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(55, 131, 255, 0.5); } .custom-select:focus::-ms-value { color: #495057; background-color: #fff; } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: 0.75rem; background-image: none; } .custom-select:disabled { color: #6c757d; background-color: #e9ecef; } .custom-select::-ms-expand { opacity: 0; } .custom-select-sm { height: calc(1.8125rem + 2px); padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 75%; } .custom-select-lg { height: calc(2.875rem + 2px); padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 125%; } .custom-file { position: relative; display: inline-block; width: 100%; height: calc(2.25rem + 2px); margin-bottom: 0; } .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(2.25rem + 2px); margin: 0; opacity: 0; } .custom-file-input:focus ~ .custom-file-control { border-color: #3783ff; box-shadow: 0 0 0 0.2rem rgba(0, 69, 182, 0.25); } .custom-file-input:focus ~ .custom-file-control::before { border-color: #3783ff; } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; } .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(2.25rem + 2px); padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.25rem; } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc(calc(2.25rem + 2px) - 1px * 2); padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057; content: "Browse"; background-color: #e9ecef; border-left: 1px solid #ced4da; border-radius: 0 0.25rem 0.25rem 0; } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; } .nav-link:hover, .nav-link:focus { text-decoration: none; } .nav-link.disabled { color: #6c757d; } .nav-tabs { border-bottom: 1px solid #dee2e6; } .nav-tabs .nav-item { margin-bottom: -1px; } .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #e9ecef #e9ecef #dee2e6; } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { border-radius: 0.25rem; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #0045b6; } .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0.5rem 1rem; } .navbar > .container, .navbar > .container-fluid { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; } .navbar-toggler:hover, .navbar-toggler:focus { text-decoration: none; } .navbar-toggler:not(:disabled):not(.disabled) { cursor: pointer; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100%; } @media (max-width: 575.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 576px) { .navbar-expand-sm { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .dropdown-menu-right { right: 0; left: auto; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { flex-wrap: nowrap; } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } .navbar-expand-sm .dropup .dropdown-menu { top: auto; bottom: 100%; } } @media (max-width: 767.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 768px) { .navbar-expand-md { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .dropdown-menu-right { right: 0; left: auto; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { flex-wrap: nowrap; } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } .navbar-expand-md .dropup .dropdown-menu { top: auto; bottom: 100%; } } @media (max-width: 991.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 992px) { .navbar-expand-lg { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .dropdown-menu-right { right: 0; left: auto; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { flex-wrap: nowrap; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } .navbar-expand-lg .dropup .dropdown-menu { top: auto; bottom: 100%; } } @media (max-width: 1199.98px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 1200px) { .navbar-expand-xl { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .dropdown-menu-right { right: 0; left: auto; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { flex-wrap: nowrap; } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } .navbar-expand-xl .dropup .dropdown-menu { top: auto; bottom: 100%; } } @media (max-width: 1599.98px) { .navbar-expand-xxl > .container, .navbar-expand-xxl > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 1600px) { .navbar-expand-xxl { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-xxl .navbar-nav { flex-direction: row; } .navbar-expand-xxl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xxl .navbar-nav .dropdown-menu-right { right: 0; left: auto; } .navbar-expand-xxl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xxl > .container, .navbar-expand-xxl > .container-fluid { flex-wrap: nowrap; } .navbar-expand-xxl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xxl .navbar-toggler { display: none; } .navbar-expand-xxl .dropup .dropdown-menu { top: auto; bottom: 100%; } } .navbar-expand { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand > .container, .navbar-expand > .container-fluid { padding-right: 0; padding-left: 0; } .navbar-expand .navbar-nav { flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .dropdown-menu-right { right: 0; left: auto; } .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand > .container, .navbar-expand > .container-fluid { flex-wrap: nowrap; } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-expand .dropup .dropdown-menu { top: auto; bottom: 100%; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand { color: #fff; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #fff; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-text a { color: #fff; } .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #fff; } .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group:first-child .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .card-body { flex: 1 1 auto; padding: 1.25rem; } .card-title { margin-bottom: 0.75rem; } .card-subtitle { margin-top: -0.375rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1.25rem; } .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } .card-header + .list-group .list-group-item:first-child { border-top: 0; } .card-footer { padding: 0.75rem 1.25rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-footer:last-child { border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); } .card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; } .card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; } .card-img { width: 100%; border-radius: calc(0.25rem - 1px); } .card-img-top { width: 100%; border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card-img-bottom { width: 100%; border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-deck { display: flex; flex-direction: column; } .card-deck .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-deck { flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } .card-deck .card { display: flex; flex: 1 0 0%; flex-direction: column; margin-right: 15px; margin-bottom: 0; margin-left: 15px; } } .card-group { display: flex; flex-direction: column; } .card-group > .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-group { flex-flow: row wrap; } .card-group > .card { flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:first-child .card-img-top, .card-group > .card:first-child .card-header { border-top-right-radius: 0; } .card-group > .card:first-child .card-img-bottom, .card-group > .card:first-child .card-footer { border-bottom-right-radius: 0; } .card-group > .card:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:last-child .card-img-top, .card-group > .card:last-child .card-header { border-top-left-radius: 0; } .card-group > .card:last-child .card-img-bottom, .card-group > .card:last-child .card-footer { border-bottom-left-radius: 0; } .card-group > .card:only-child { border-radius: 0.25rem; } .card-group > .card:only-child .card-img-top, .card-group > .card:only-child .card-header { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .card-group > .card:only-child .card-img-bottom, .card-group > .card:only-child .card-footer { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .card-group > .card:not(:first-child):not(:last-child):not(:only-child) { border-radius: 0; } .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer { border-radius: 0; } } .card-columns .card { margin-bottom: 0.75rem; } @media (min-width: 576px) { .card-columns { column-count: 3; column-gap: 1.25rem; } .card-columns .card { display: inline-block; width: 100%; } } .breadcrumb { display: flex; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: 5; } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; padding-left: 0.5rem; color: #6c757d; content: "/"; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: #6c757d; } .pagination { display: flex; padding-left: 0; list-style: none; border-radius: 5; } .page-link { position: relative; display: block; padding: 10px 10px; margin-left: 0; line-height: 24px; color: #fff; background-color: #0045b6; border: 0 solid #e8e9ee; } .page-link:hover { color: #fff; text-decoration: none; background-color: #343db0; border-color: #0045b6; } .page-link:focus { z-index: 2; outline: 0; } .page-link:not(:disabled):not(.disabled) { cursor: pointer; } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 5; border-bottom-left-radius: 5; } .page-item:last-child .page-link { border-top-right-radius: 5; border-bottom-right-radius: 5; } .page-item.active .page-link { z-index: 1; color: #fff; background-color: #343db0; border-color: #0045b6; } .page-item.disabled .page-link { color: #74757f; pointer-events: none; cursor: auto; background-color: #e8e9ee; border-color: #e8e9ee; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 20px; line-height: 1.6; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 12px; line-height: 1.5; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; } .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: 6px; } @media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; } .alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 4rem; } .alert-dismissible .close { position: absolute; top: 0; right: 0; padding: 0.75rem 1.25rem; color: inherit; } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } .progress { display: flex; height: 1rem; overflow: hidden; font-size: 0.75rem; background-color: #e9ecef; border-radius: 0.25rem; } .progress-bar { display: flex; flex-direction: column; justify-content: center; color: #fff; text-align: center; background-color: #0045b6; transition: width 0.6s ease; } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } .progress-bar-animated { animation: progress-bar-stripes 1s linear infinite; } .media { display: flex; align-items: flex-start; } .media-body { flex: 1; } .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; } .list-group-item-action { width: 100%; color: #495057; text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { color: #495057; text-decoration: none; background-color: #f8f9fa; } .list-group-item-action:active { color: #212529; background-color: #e9ecef; } .list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; margin-bottom: -1px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .list-group-item:hover, .list-group-item:focus { z-index: 1; text-decoration: none; } .list-group-item.disabled, .list-group-item:disabled { color: #6c757d; background-color: #fff; } .list-group-item.active { z-index: 2; color: #fff; background-color: #0045b6; border-color: #0045b6; } .list-group-flush .list-group-item { border-right: 0; border-left: 0; border-radius: 0; } .list-group-flush:first-child .list-group-item:first-child { border-top: 0; } .list-group-flush:last-child .list-group-item:last-child { border-bottom: 0; } .close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; } .close:hover, .close:focus { color: #000; text-decoration: none; opacity: .75; } .close:not(:disabled):not(.disabled) { cursor: pointer; } button.close { padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; } .modal-open { overflow: hidden; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1150; display: none; overflow: hidden; outline: 0; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -25%); } .modal.show .modal-dialog { transform: translate(0, 0); } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - (0.5rem * 2)); } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1140; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem; border-bottom: 1px solid #e9ecef; border-top-left-radius: 6px; border-top-right-radius: 6px; } .modal-header .close { padding: 1rem; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: flex; align-items: center; justify-content: flex-end; padding: 1rem; border-top: 1px solid #e9ecef; } .modal-footer > :not(:first-child) { margin-left: .25rem; } .modal-footer > :not(:last-child) { margin-right: .25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-centered { min-height: calc(100% - (1.75rem * 2)); } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg { max-width: 800px; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 1; } .tooltip .arrow { position: absolute; display: block; width: 14px; height: 7px; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { padding: 7px 0; } .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow { bottom: 0; } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { top: 0; border-width: 7px 7px 0; border-top-color: #0045b6; } .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { padding: 0 7px; } .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { left: 0; width: 7px; height: 14px; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { right: 0; border-width: 7px 7px 7px 0; border-right-color: #0045b6; } .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { padding: 7px 0; } .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow { top: 0; } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { bottom: 0; border-width: 0 7px 7px; border-bottom-color: #0045b6; } .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { padding: 0 7px; } .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow { right: 0; width: 7px; height: 14px; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { left: 0; border-width: 7px 0 7px 7px; border-left-color: #0045b6; } .tooltip-inner { max-width: 200px; padding: 6px 10px; color: #fff; text-align: center; background-color: #0045b6; border-radius: 0.25rem; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; } .popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 6px; } .popover .arrow::before, .popover .arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-top, .bs-popover-auto[x-placement^="top"] { margin-bottom: 0.5rem; } .bs-popover-top .arrow, .bs-popover-auto[x-placement^="top"] .arrow { bottom: calc((0.5rem + 1px) * -1); } .bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before, .bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after { border-width: 0.5rem 0.5rem 0; } .bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before { bottom: 0; border-top-color: rgba(0, 0, 0, 0.25); } .bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after { bottom: 1px; border-top-color: #fff; } .bs-popover-right, .bs-popover-auto[x-placement^="right"] { margin-left: 0.5rem; } .bs-popover-right .arrow, .bs-popover-auto[x-placement^="right"] .arrow { left: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 6px 0; } .bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before, .bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after { border-width: 0.5rem 0.5rem 0.5rem 0; } .bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before { left: 0; border-right-color: rgba(0, 0, 0, 0.25); } .bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after { left: 1px; border-right-color: #fff; } .bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] { margin-top: 0.5rem; } .bs-popover-bottom .arrow, .bs-popover-auto[x-placement^="bottom"] .arrow { top: calc((0.5rem + 1px) * -1); } .bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before, .bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after { border-width: 0 0.5rem 0.5rem 0.5rem; } .bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before { top: 0; border-bottom-color: rgba(0, 0, 0, 0.25); } .bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after { top: 1px; border-bottom-color: #fff; } .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid #f7f7f7; } .bs-popover-left, .bs-popover-auto[x-placement^="left"] { margin-right: 0.5rem; } .bs-popover-left .arrow, .bs-popover-auto[x-placement^="left"] .arrow { right: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 6px 0; } .bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before, .bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after { border-width: 0.5rem 0 0.5rem 0.5rem; } .bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before { right: 0; border-left-color: rgba(0, 0, 0, 0.25); } .bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after { right: 1px; border-left-color: #fff; } .popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 16px; color: #343a40; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(6px - 1px); border-top-right-radius: calc(6px - 1px); } .popover-header:empty { display: none; } .popover-body { padding: 0.5rem 0.75rem; color: #212529; } .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-item { position: relative; display: none; align-items: center; width: 100%; transition: transform 0.6s ease; backface-visibility: hidden; perspective: 1000px; } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } .carousel-item-next, .carousel-item-prev { position: absolute; top: 0; } .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { transform: translateX(0); } @supports (transform-style: preserve-3d) { .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { transform: translate3d(0, 0, 0); } } .carousel-item-next, .active.carousel-item-right { transform: translateX(100%); } @supports (transform-style: preserve-3d) { .carousel-item-next, .active.carousel-item-right { transform: translate3d(100%, 0, 0); } } .carousel-item-prev, .active.carousel-item-left { transform: translateX(-100%); } @supports (transform-style: preserve-3d) { .carousel-item-prev, .active.carousel-item-left { transform: translate3d(-100%, 0, 0); } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; display: flex; align-items: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: 0.5; } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: .9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100%; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } .carousel-indicators { position: absolute; right: 0; bottom: 10px; left: 0; z-index: 15; display: flex; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { position: relative; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; background-color: rgba(255, 255, 255, 0.5); } .carousel-indicators li::before { position: absolute; top: -10px; left: 0; display: inline-block; width: 100%; height: 10px; content: ""; } .carousel-indicators li::after { position: absolute; bottom: -10px; left: 0; display: inline-block; width: 100%; height: 10px; content: ""; } .carousel-indicators .active { background-color: #fff; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-white { background-color: #fff !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid #dee2e6 !important; } .border-top { border-top: 1px solid #dee2e6 !important; } .border-right { border-right: 1px solid #dee2e6 !important; } .border-bottom { border-bottom: 1px solid #dee2e6 !important; } .border-left { border-left: 1px solid #dee2e6 !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-white { border-color: #fff !important; } .rounded { border-radius: 5 !important; } .rounded-top { border-top-left-radius: 5 !important; border-top-right-radius: 5 !important; } .rounded-right { border-top-right-radius: 5 !important; border-bottom-right-radius: 5 !important; } .rounded-bottom { border-bottom-right-radius: 5 !important; border-bottom-left-radius: 5 !important; } .rounded-left { border-top-left-radius: 5 !important; border-bottom-left-radius: 5 !important; } .rounded-circle { border-radius: 50% !important; } .rounded-0 { border-radius: 0 !important; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } } @media (min-width: 1600px) { .d-xxl-none { display: none !important; } .d-xxl-inline { display: inline !important; } .d-xxl-inline-block { display: inline-block !important; } .d-xxl-block { display: block !important; } .d-xxl-table { display: table !important; } .d-xxl-table-row { display: table-row !important; } .d-xxl-table-cell { display: table-cell !important; } .d-xxl-flex { display: flex !important; } .d-xxl-inline-flex { display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.85714%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } } @media (min-width: 1600px) { .flex-xxl-row { flex-direction: row !important; } .flex-xxl-column { flex-direction: column !important; } .flex-xxl-row-reverse { flex-direction: row-reverse !important; } .flex-xxl-column-reverse { flex-direction: column-reverse !important; } .flex-xxl-wrap { flex-wrap: wrap !important; } .flex-xxl-nowrap { flex-wrap: nowrap !important; } .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-xxl-start { justify-content: flex-start !important; } .justify-content-xxl-end { justify-content: flex-end !important; } .justify-content-xxl-center { justify-content: center !important; } .justify-content-xxl-between { justify-content: space-between !important; } .justify-content-xxl-around { justify-content: space-around !important; } .align-items-xxl-start { align-items: flex-start !important; } .align-items-xxl-end { align-items: flex-end !important; } .align-items-xxl-center { align-items: center !important; } .align-items-xxl-baseline { align-items: baseline !important; } .align-items-xxl-stretch { align-items: stretch !important; } .align-content-xxl-start { align-content: flex-start !important; } .align-content-xxl-end { align-content: flex-end !important; } .align-content-xxl-center { align-content: center !important; } .align-content-xxl-between { align-content: space-between !important; } .align-content-xxl-around { align-content: space-around !important; } .align-content-xxl-stretch { align-content: stretch !important; } .align-self-xxl-auto { align-self: auto !important; } .align-self-xxl-start { align-self: flex-start !important; } .align-self-xxl-end { align-self: flex-end !important; } .align-self-xxl-center { align-self: center !important; } .align-self-xxl-baseline { align-self: baseline !important; } .align-self-xxl-stretch { align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } @media (min-width: 1600px) { .float-xxl-left { float: left !important; } .float-xxl-right { float: right !important; } .float-xxl-none { float: none !important; } } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: sticky !important; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } @supports (position: sticky) { .sticky-top { position: sticky; top: 0; z-index: 1020; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; clip-path: inset(50%); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; clip-path: none; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } @media (min-width: 1600px) { .m-xxl-0 { margin: 0 !important; } .mt-xxl-0, .my-xxl-0 { margin-top: 0 !important; } .mr-xxl-0, .mx-xxl-0 { margin-right: 0 !important; } .mb-xxl-0, .my-xxl-0 { margin-bottom: 0 !important; } .ml-xxl-0, .mx-xxl-0 { margin-left: 0 !important; } .m-xxl-1 { margin: 0.25rem !important; } .mt-xxl-1, .my-xxl-1 { margin-top: 0.25rem !important; } .mr-xxl-1, .mx-xxl-1 { margin-right: 0.25rem !important; } .mb-xxl-1, .my-xxl-1 { margin-bottom: 0.25rem !important; } .ml-xxl-1, .mx-xxl-1 { margin-left: 0.25rem !important; } .m-xxl-2 { margin: 0.5rem !important; } .mt-xxl-2, .my-xxl-2 { margin-top: 0.5rem !important; } .mr-xxl-2, .mx-xxl-2 { margin-right: 0.5rem !important; } .mb-xxl-2, .my-xxl-2 { margin-bottom: 0.5rem !important; } .ml-xxl-2, .mx-xxl-2 { margin-left: 0.5rem !important; } .m-xxl-3 { margin: 1rem !important; } .mt-xxl-3, .my-xxl-3 { margin-top: 1rem !important; } .mr-xxl-3, .mx-xxl-3 { margin-right: 1rem !important; } .mb-xxl-3, .my-xxl-3 { margin-bottom: 1rem !important; } .ml-xxl-3, .mx-xxl-3 { margin-left: 1rem !important; } .m-xxl-4 { margin: 1.5rem !important; } .mt-xxl-4, .my-xxl-4 { margin-top: 1.5rem !important; } .mr-xxl-4, .mx-xxl-4 { margin-right: 1.5rem !important; } .mb-xxl-4, .my-xxl-4 { margin-bottom: 1.5rem !important; } .ml-xxl-4, .mx-xxl-4 { margin-left: 1.5rem !important; } .m-xxl-5 { margin: 3rem !important; } .mt-xxl-5, .my-xxl-5 { margin-top: 3rem !important; } .mr-xxl-5, .mx-xxl-5 { margin-right: 3rem !important; } .mb-xxl-5, .my-xxl-5 { margin-bottom: 3rem !important; } .ml-xxl-5, .mx-xxl-5 { margin-left: 3rem !important; } .p-xxl-0 { padding: 0 !important; } .pt-xxl-0, .py-xxl-0 { padding-top: 0 !important; } .pr-xxl-0, .px-xxl-0 { padding-right: 0 !important; } .pb-xxl-0, .py-xxl-0 { padding-bottom: 0 !important; } .pl-xxl-0, .px-xxl-0 { padding-left: 0 !important; } .p-xxl-1 { padding: 0.25rem !important; } .pt-xxl-1, .py-xxl-1 { padding-top: 0.25rem !important; } .pr-xxl-1, .px-xxl-1 { padding-right: 0.25rem !important; } .pb-xxl-1, .py-xxl-1 { padding-bottom: 0.25rem !important; } .pl-xxl-1, .px-xxl-1 { padding-left: 0.25rem !important; } .p-xxl-2 { padding: 0.5rem !important; } .pt-xxl-2, .py-xxl-2 { padding-top: 0.5rem !important; } .pr-xxl-2, .px-xxl-2 { padding-right: 0.5rem !important; } .pb-xxl-2, .py-xxl-2 { padding-bottom: 0.5rem !important; } .pl-xxl-2, .px-xxl-2 { padding-left: 0.5rem !important; } .p-xxl-3 { padding: 1rem !important; } .pt-xxl-3, .py-xxl-3 { padding-top: 1rem !important; } .pr-xxl-3, .px-xxl-3 { padding-right: 1rem !important; } .pb-xxl-3, .py-xxl-3 { padding-bottom: 1rem !important; } .pl-xxl-3, .px-xxl-3 { padding-left: 1rem !important; } .p-xxl-4 { padding: 1.5rem !important; } .pt-xxl-4, .py-xxl-4 { padding-top: 1.5rem !important; } .pr-xxl-4, .px-xxl-4 { padding-right: 1.5rem !important; } .pb-xxl-4, .py-xxl-4 { padding-bottom: 1.5rem !important; } .pl-xxl-4, .px-xxl-4 { padding-left: 1.5rem !important; } .p-xxl-5 { padding: 3rem !important; } .pt-xxl-5, .py-xxl-5 { padding-top: 3rem !important; } .pr-xxl-5, .px-xxl-5 { padding-right: 3rem !important; } .pb-xxl-5, .py-xxl-5 { padding-bottom: 3rem !important; } .pl-xxl-5, .px-xxl-5 { padding-left: 3rem !important; } .m-xxl-auto { margin: auto !important; } .mt-xxl-auto, .my-xxl-auto { margin-top: auto !important; } .mr-xxl-auto, .mx-xxl-auto { margin-right: auto !important; } .mb-xxl-auto, .my-xxl-auto { margin-bottom: auto !important; } .ml-xxl-auto, .mx-xxl-auto { margin-left: auto !important; } } .text-justify { text-align: justify !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } @media (min-width: 1600px) { .text-xxl-left { text-align: left !important; } .text-xxl-right { text-align: right !important; } .text-xxl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-italic { font-style: italic !important; } .text-white { color: #fff !important; } .text-black { color: #333 !important; } .text-muted { color: #6c757d !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @media print { *, *::before, *::after { text-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } @page { size: a3; } body { min-width: 992px !important; } .container { min-width: 992px !important; } .navbar { display: none; } .badge { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } } \ No newline at end of file diff --git a/template/real_estate_html/site/css/fonts.css b/template/real_estate_html/site/css/fonts.css new file mode 100755 index 0000000..5bc19d3 --- /dev/null +++ b/template/real_estate_html/site/css/fonts.css @@ -0,0 +1,18 @@ +/* +* +* Fonts +*/ /* +* +* Font Awesome Icons 4.7.0 +* -------------------------------------------------- +*/ @font-face { font-family: 'FontAwesome'; src: url("../fonts/fontawesome-webfont.eot?v=4.7.0"); src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; } .fa { display: inline-block; font-family: 'FontAwesome'; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class*='fa-']:before { font-weight: 400; font-family: 'FontAwesome'; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right { margin-left: .3em; } /* Deprecated as of 4.4.0 */ .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #ffffff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen + readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-feed:before, .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before, .fa-gratipay:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-intersex:before, .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-genderless:before { content: "\f22d"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } .fa-yc:before, .fa-y-combinator:before { content: "\f23b"; } .fa-optin-monster:before { content: "\f23c"; } .fa-opencart:before { content: "\f23d"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-battery-4:before, .fa-battery:before, .fa-battery-full:before { content: "\f240"; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241"; } .fa-battery-2:before, .fa-battery-half:before { content: "\f242"; } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243"; } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-i-cursor:before { content: "\f246"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-sticky-note:before { content: "\f249"; } .fa-sticky-note-o:before { content: "\f24a"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-clone:before { content: "\f24d"; } .fa-balance-scale:before { content: "\f24e"; } .fa-hourglass-o:before { content: "\f250"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass:before { content: "\f254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255"; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256"; } .fa-hand-scissors-o:before { content: "\f257"; } .fa-hand-lizard-o:before { content: "\f258"; } .fa-hand-spock-o:before { content: "\f259"; } .fa-hand-pointer-o:before { content: "\f25a"; } .fa-hand-peace-o:before { content: "\f25b"; } .fa-trademark:before { content: "\f25c"; } .fa-registered:before { content: "\f25d"; } .fa-creative-commons:before { content: "\f25e"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-tripadvisor:before { content: "\f262"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-get-pocket:before { content: "\f265"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-safari:before { content: "\f267"; } .fa-chrome:before { content: "\f268"; } .fa-firefox:before { content: "\f269"; } .fa-opera:before { content: "\f26a"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-tv:before, .fa-television:before { content: "\f26c"; } .fa-contao:before { content: "\f26d"; } .fa-500px:before { content: "\f26e"; } .fa-amazon:before { content: "\f270"; } .fa-calendar-plus-o:before { content: "\f271"; } .fa-calendar-minus-o:before { content: "\f272"; } .fa-calendar-times-o:before { content: "\f273"; } .fa-calendar-check-o:before { content: "\f274"; } .fa-industry:before { content: "\f275"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-map-o:before { content: "\f278"; } .fa-map:before { content: "\f279"; } .fa-commenting:before { content: "\f27a"; } .fa-commenting-o:before { content: "\f27b"; } .fa-houzz:before { content: "\f27c"; } .fa-vimeo:before { content: "\f27d"; } .fa-black-tie:before { content: "\f27e"; } .fa-fonticons:before { content: "\f280"; } .fa-reddit-alien:before { content: "\f281"; } .fa-edge:before { content: "\f282"; } .fa-credit-card-alt:before { content: "\f283"; } .fa-codiepie:before { content: "\f284"; } .fa-modx:before { content: "\f285"; } .fa-fort-awesome:before { content: "\f286"; } .fa-usb:before { content: "\f287"; } .fa-product-hunt:before { content: "\f288"; } .fa-mixcloud:before { content: "\f289"; } .fa-scribd:before { content: "\f28a"; } .fa-pause-circle:before { content: "\f28b"; } .fa-pause-circle-o:before { content: "\f28c"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stop-circle-o:before { content: "\f28e"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-hashtag:before { content: "\f292"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-percent:before { content: "\f295"; } .fa-gitlab:before { content: "\f296"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpforms:before { content: "\f298"; } .fa-envira:before { content: "\f299"; } .fa-universal-access:before { content: "\f29a"; } .fa-wheelchair-alt:before { content: "\f29b"; } .fa-question-circle-o:before { content: "\f29c"; } .fa-blind:before { content: "\f29d"; } .fa-audio-description:before { content: "\f29e"; } .fa-volume-control-phone:before { content: "\f2a0"; } .fa-braille:before { content: "\f2a1"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: "\f2a4"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-signing:before, .fa-sign-language:before { content: "\f2a7"; } .fa-low-vision:before { content: "\f2a8"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-first-order:before { content: "\f2b0"; } .fa-yoast:before { content: "\f2b1"; } .fa-themeisle:before { content: "\f2b2"; } .fa-google-plus-circle:before, .fa-google-plus-official:before { content: "\f2b3"; } .fa-fa:before, .fa-font-awesome:before { content: "\f2b4"; } .fa-handshake-o:before { content: "\f2b5"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-o:before { content: "\f2b7"; } .fa-linode:before { content: "\f2b8"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-book-o:before { content: "\f2ba"; } .fa-vcard:before, .fa-address-card:before { content: "\f2bb"; } .fa-vcard-o:before, .fa-address-card-o:before { content: "\f2bc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-circle-o:before { content: "\f2be"; } .fa-user-o:before { content: "\f2c0"; } .fa-id-badge:before { content: "\f2c1"; } .fa-drivers-license:before, .fa-id-card:before { content: "\f2c2"; } .fa-drivers-license-o:before, .fa-id-card-o:before { content: "\f2c3"; } .fa-quora:before { content: "\f2c4"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-telegram:before { content: "\f2c6"; } .fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-thermometer-2:before, .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-1:before, .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-0:before, .fa-thermometer-empty:before { content: "\f2cb"; } .fa-shower:before { content: "\f2cc"; } .fa-bathtub:before, .fa-s15:before, .fa-bath:before { content: "\f2cd"; } .fa-podcast:before { content: "\f2ce"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-times-rectangle:before, .fa-window-close:before { content: "\f2d3"; } .fa-times-rectangle-o:before, .fa-window-close-o:before { content: "\f2d4"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-grav:before { content: "\f2d6"; } .fa-etsy:before { content: "\f2d7"; } .fa-imdb:before { content: "\f2d8"; } .fa-ravelry:before { content: "\f2d9"; } .fa-eercast:before { content: "\f2da"; } .fa-microchip:before { content: "\f2db"; } .fa-snowflake-o:before { content: "\f2dc"; } .fa-superpowers:before { content: "\f2dd"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-meetup:before { content: "\f2e0"; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } /* +* +* Material Design Icons +* -------------------------------------------------- +*/ @font-face { font-family: "Material Design Icons"; src: url("../fonts/materialdesignicons-webfont.eot?v=1.4.57"); src: url("../fonts/materialdesignicons-webfont.eot?#iefix&v=1.4.57") format("embedded-opentype"), url("../fonts/materialdesignicons-webfont.woff2?v=1.4.57") format("woff2"), url("../fonts/materialdesignicons-webfont.woff?v=1.4.57") format("woff"), url("../fonts/materialdesignicons-webfont.ttf?v=1.4.57") format("truetype"), url("../fonts/materialdesignicons-webfont.svg?v=1.4.57#materialdesigniconsregular") format("svg"); font-weight: normal; font-style: normal; } .mdi { display: inline-block; font: normal normal normal 24px/1 "Material Design Icons"; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } .mdi-access-point:before { content: "\f101"; } .mdi-access-point-network:before { content: "\f102"; } .mdi-account:before { content: "\f103"; } .mdi-account-alert:before { content: "\f104"; } .mdi-account-box:before { content: "\f105"; } .mdi-account-box-outline:before { content: "\f106"; } .mdi-account-check:before { content: "\f107"; } .mdi-account-circle:before { content: "\f108"; } .mdi-account-convert:before { content: "\f109"; } .mdi-account-key:before { content: "\f10a"; } .mdi-account-location:before { content: "\f10b"; } .mdi-account-minus:before { content: "\f10c"; } .mdi-account-multiple:before { content: "\f10d"; } .mdi-account-multiple-outline:before { content: "\f10e"; } .mdi-account-multiple-plus:before { content: "\f10f"; } .mdi-account-network:before { content: "\f110"; } .mdi-account-off:before { content: "\f111"; } .mdi-account-outline:before { content: "\f112"; } .mdi-account-plus:before { content: "\f113"; } .mdi-account-remove:before { content: "\f114"; } .mdi-account-search:before { content: "\f115"; } .mdi-account-star:before { content: "\f116"; } .mdi-account-star-variant:before { content: "\f117"; } .mdi-account-switch:before { content: "\f118"; } .mdi-adjust:before { content: "\f119"; } .mdi-air-conditioner:before { content: "\f11a"; } .mdi-airballoon:before { content: "\f11b"; } .mdi-airplane:before { content: "\f11c"; } .mdi-airplane-off:before { content: "\f11d"; } .mdi-airplay:before { content: "\f11e"; } .mdi-alarm:before { content: "\f11f"; } .mdi-alarm-check:before { content: "\f120"; } .mdi-alarm-multiple:before { content: "\f121"; } .mdi-alarm-off:before { content: "\f122"; } .mdi-alarm-plus:before { content: "\f123"; } .mdi-album:before { content: "\f124"; } .mdi-alert:before { content: "\f125"; } .mdi-alert-box:before { content: "\f126"; } .mdi-alert-circle:before { content: "\f127"; } .mdi-alert-octagon:before { content: "\f128"; } .mdi-alert-outline:before { content: "\f129"; } .mdi-alpha:before { content: "\f12a"; } .mdi-alphabetical:before { content: "\f12b"; } .mdi-amazon:before { content: "\f12c"; } .mdi-amazon-clouddrive:before { content: "\f12d"; } .mdi-ambulance:before { content: "\f12e"; } .mdi-anchor:before { content: "\f12f"; } .mdi-android:before { content: "\f130"; } .mdi-android-debug-bridge:before { content: "\f131"; } .mdi-android-studio:before { content: "\f132"; } .mdi-apple:before { content: "\f133"; } .mdi-apple-finder:before { content: "\f134"; } .mdi-apple-ios:before { content: "\f135"; } .mdi-apple-mobileme:before { content: "\f136"; } .mdi-apple-safari:before { content: "\f137"; } .mdi-appnet:before { content: "\f138"; } .mdi-apps:before { content: "\f139"; } .mdi-archive:before { content: "\f13a"; } .mdi-arrange-bring-forward:before { content: "\f13b"; } .mdi-arrange-bring-to-front:before { content: "\f13c"; } .mdi-arrange-send-backward:before { content: "\f13d"; } .mdi-arrange-send-to-back:before { content: "\f13e"; } .mdi-arrow-all:before { content: "\f13f"; } .mdi-arrow-bottom-drop-circle:before { content: "\f140"; } .mdi-arrow-bottom-left:before { content: "\f141"; } .mdi-arrow-bottom-right:before { content: "\f142"; } .mdi-arrow-collapse:before { content: "\f143"; } .mdi-arrow-down:before { content: "\f144"; } .mdi-arrow-down-bold:before { content: "\f145"; } .mdi-arrow-down-bold-circle:before { content: "\f146"; } .mdi-arrow-down-bold-circle-outline:before { content: "\f147"; } .mdi-arrow-down-bold-hexagon-outline:before { content: "\f148"; } .mdi-arrow-expand:before { content: "\f149"; } .mdi-arrow-left:before { content: "\f14a"; } .mdi-arrow-left-bold:before { content: "\f14b"; } .mdi-arrow-left-bold-circle:before { content: "\f14c"; } .mdi-arrow-left-bold-circle-outline:before { content: "\f14d"; } .mdi-arrow-left-bold-hexagon-outline:before { content: "\f14e"; } .mdi-arrow-right:before { content: "\f14f"; } .mdi-arrow-right-bold:before { content: "\f150"; } .mdi-arrow-right-bold-circle:before { content: "\f151"; } .mdi-arrow-right-bold-circle-outline:before { content: "\f152"; } .mdi-arrow-right-bold-hexagon-outline:before { content: "\f153"; } .mdi-arrow-top-left:before { content: "\f154"; } .mdi-arrow-top-right:before { content: "\f155"; } .mdi-arrow-up:before { content: "\f156"; } .mdi-arrow-up-bold:before { content: "\f157"; } .mdi-arrow-up-bold-circle:before { content: "\f158"; } .mdi-arrow-up-bold-circle-outline:before { content: "\f159"; } .mdi-arrow-up-bold-hexagon-outline:before { content: "\f15a"; } .mdi-assistant:before { content: "\f15b"; } .mdi-at:before { content: "\f15c"; } .mdi-attachment:before { content: "\f15d"; } .mdi-audiobook:before { content: "\f15e"; } .mdi-auto-fix:before { content: "\f15f"; } .mdi-auto-upload:before { content: "\f160"; } .mdi-autorenew:before { content: "\f161"; } .mdi-av-timer:before { content: "\f162"; } .mdi-baby:before { content: "\f163"; } .mdi-backburger:before { content: "\f164"; } .mdi-backspace:before { content: "\f165"; } .mdi-backup-restore:before { content: "\f166"; } .mdi-bank:before { content: "\f167"; } .mdi-barcode:before { content: "\f168"; } .mdi-barcode-scan:before { content: "\f169"; } .mdi-barley:before { content: "\f16a"; } .mdi-barrel:before { content: "\f16b"; } .mdi-basecamp:before { content: "\f16c"; } .mdi-basket:before { content: "\f16d"; } .mdi-basket-fill:before { content: "\f16e"; } .mdi-basket-unfill:before { content: "\f16f"; } .mdi-battery:before { content: "\f170"; } .mdi-battery-10:before { content: "\f171"; } .mdi-battery-20:before { content: "\f172"; } .mdi-battery-30:before { content: "\f173"; } .mdi-battery-40:before { content: "\f174"; } .mdi-battery-50:before { content: "\f175"; } .mdi-battery-60:before { content: "\f176"; } .mdi-battery-70:before { content: "\f177"; } .mdi-battery-80:before { content: "\f178"; } .mdi-battery-90:before { content: "\f179"; } .mdi-battery-alert:before { content: "\f17a"; } .mdi-battery-charging:before { content: "\f17b"; } .mdi-battery-charging-100:before { content: "\f17c"; } .mdi-battery-charging-20:before { content: "\f17d"; } .mdi-battery-charging-30:before { content: "\f17e"; } .mdi-battery-charging-40:before { content: "\f17f"; } .mdi-battery-charging-60:before { content: "\f180"; } .mdi-battery-charging-80:before { content: "\f181"; } .mdi-battery-charging-90:before { content: "\f182"; } .mdi-battery-minus:before { content: "\f183"; } .mdi-battery-negative:before { content: "\f184"; } .mdi-battery-outline:before { content: "\f185"; } .mdi-battery-plus:before { content: "\f186"; } .mdi-battery-positive:before { content: "\f187"; } .mdi-battery-unknown:before { content: "\f188"; } .mdi-beach:before { content: "\f189"; } .mdi-beaker:before { content: "\f18a"; } .mdi-beaker-empty:before { content: "\f18b"; } .mdi-beaker-empty-outline:before { content: "\f18c"; } .mdi-beaker-outline:before { content: "\f18d"; } .mdi-beats:before { content: "\f18e"; } .mdi-beer:before { content: "\f18f"; } .mdi-behance:before { content: "\f190"; } .mdi-bell:before { content: "\f191"; } .mdi-bell-off:before { content: "\f192"; } .mdi-bell-outline:before { content: "\f193"; } .mdi-bell-plus:before { content: "\f194"; } .mdi-bell-ring:before { content: "\f195"; } .mdi-bell-ring-outline:before { content: "\f196"; } .mdi-bell-sleep:before { content: "\f197"; } .mdi-beta:before { content: "\f198"; } .mdi-bike:before { content: "\f199"; } .mdi-bing:before { content: "\f19a"; } .mdi-binoculars:before { content: "\f19b"; } .mdi-bio:before { content: "\f19c"; } .mdi-biohazard:before { content: "\f19d"; } .mdi-bitbucket:before { content: "\f19e"; } .mdi-black-mesa:before { content: "\f19f"; } .mdi-blackberry:before { content: "\f1a0"; } .mdi-blender:before { content: "\f1a1"; } .mdi-blinds:before { content: "\f1a2"; } .mdi-block-helper:before { content: "\f1a3"; } .mdi-blogger:before { content: "\f1a4"; } .mdi-bluetooth:before { content: "\f1a5"; } .mdi-bluetooth-audio:before { content: "\f1a6"; } .mdi-bluetooth-connect:before { content: "\f1a7"; } .mdi-bluetooth-off:before { content: "\f1a8"; } .mdi-bluetooth-settings:before { content: "\f1a9"; } .mdi-bluetooth-transfer:before { content: "\f1aa"; } .mdi-blur:before { content: "\f1ab"; } .mdi-blur-linear:before { content: "\f1ac"; } .mdi-blur-off:before { content: "\f1ad"; } .mdi-blur-radial:before { content: "\f1ae"; } .mdi-bone:before { content: "\f1af"; } .mdi-book:before { content: "\f1b0"; } .mdi-book-multiple:before { content: "\f1b1"; } .mdi-book-multiple-variant:before { content: "\f1b2"; } .mdi-book-open:before { content: "\f1b3"; } .mdi-book-open-variant:before { content: "\f1b4"; } .mdi-book-variant:before { content: "\f1b5"; } .mdi-bookmark:before { content: "\f1b6"; } .mdi-bookmark-check:before { content: "\f1b7"; } .mdi-bookmark-music:before { content: "\f1b8"; } .mdi-bookmark-outline:before { content: "\f1b9"; } .mdi-bookmark-outline-plus:before { content: "\f1ba"; } .mdi-bookmark-plus:before { content: "\f1bb"; } .mdi-bookmark-remove:before { content: "\f1bc"; } .mdi-border-all:before { content: "\f1bd"; } .mdi-border-bottom:before { content: "\f1be"; } .mdi-border-color:before { content: "\f1bf"; } .mdi-border-horizontal:before { content: "\f1c0"; } .mdi-border-inside:before { content: "\f1c1"; } .mdi-border-left:before { content: "\f1c2"; } .mdi-border-none:before { content: "\f1c3"; } .mdi-border-outside:before { content: "\f1c4"; } .mdi-border-right:before { content: "\f1c5"; } .mdi-border-style:before { content: "\f1c6"; } .mdi-border-top:before { content: "\f1c7"; } .mdi-border-vertical:before { content: "\f1c8"; } .mdi-bowling:before { content: "\f1c9"; } .mdi-box:before { content: "\f1ca"; } .mdi-box-cutter:before { content: "\f1cb"; } .mdi-briefcase:before { content: "\f1cc"; } .mdi-briefcase-check:before { content: "\f1cd"; } .mdi-briefcase-download:before { content: "\f1ce"; } .mdi-briefcase-upload:before { content: "\f1cf"; } .mdi-brightness-1:before { content: "\f1d0"; } .mdi-brightness-2:before { content: "\f1d1"; } .mdi-brightness-3:before { content: "\f1d2"; } .mdi-brightness-4:before { content: "\f1d3"; } .mdi-brightness-5:before { content: "\f1d4"; } .mdi-brightness-6:before { content: "\f1d5"; } .mdi-brightness-7:before { content: "\f1d6"; } .mdi-brightness-auto:before { content: "\f1d7"; } .mdi-broom:before { content: "\f1d8"; } .mdi-brush:before { content: "\f1d9"; } .mdi-bug:before { content: "\f1da"; } .mdi-bulletin-board:before { content: "\f1db"; } .mdi-bullhorn:before { content: "\f1dc"; } .mdi-bus:before { content: "\f1dd"; } .mdi-cached:before { content: "\f1de"; } .mdi-cake:before { content: "\f1df"; } .mdi-cake-layered:before { content: "\f1e0"; } .mdi-cake-variant:before { content: "\f1e1"; } .mdi-calculator:before { content: "\f1e2"; } .mdi-calendar:before { content: "\f1e3"; } .mdi-calendar-blank:before { content: "\f1e4"; } .mdi-calendar-check:before { content: "\f1e5"; } .mdi-calendar-clock:before { content: "\f1e6"; } .mdi-calendar-multiple:before { content: "\f1e7"; } .mdi-calendar-multiple-check:before { content: "\f1e8"; } .mdi-calendar-plus:before { content: "\f1e9"; } .mdi-calendar-remove:before { content: "\f1ea"; } .mdi-calendar-text:before { content: "\f1eb"; } .mdi-calendar-today:before { content: "\f1ec"; } .mdi-call-made:before { content: "\f1ed"; } .mdi-call-merge:before { content: "\f1ee"; } .mdi-call-missed:before { content: "\f1ef"; } .mdi-call-received:before { content: "\f1f0"; } .mdi-call-split:before { content: "\f1f1"; } .mdi-camcorder:before { content: "\f1f2"; } .mdi-camcorder-box:before { content: "\f1f3"; } .mdi-camcorder-box-off:before { content: "\f1f4"; } .mdi-camcorder-off:before { content: "\f1f5"; } .mdi-camera:before { content: "\f1f6"; } .mdi-camera-enhance:before { content: "\f1f7"; } .mdi-camera-front:before { content: "\f1f8"; } .mdi-camera-front-variant:before { content: "\f1f9"; } .mdi-camera-iris:before { content: "\f1fa"; } .mdi-camera-party-mode:before { content: "\f1fb"; } .mdi-camera-rear:before { content: "\f1fc"; } .mdi-camera-rear-variant:before { content: "\f1fd"; } .mdi-camera-switch:before { content: "\f1fe"; } .mdi-camera-timer:before { content: "\f1ff"; } .mdi-candycane:before { content: "\f200"; } .mdi-car:before { content: "\f201"; } .mdi-car-battery:before { content: "\f202"; } .mdi-car-connected:before { content: "\f203"; } .mdi-car-wash:before { content: "\f204"; } .mdi-carrot:before { content: "\f205"; } .mdi-cart:before { content: "\f206"; } .mdi-cart-outline:before { content: "\f207"; } .mdi-cart-plus:before { content: "\f208"; } .mdi-case-sensitive-alt:before { content: "\f209"; } .mdi-cash:before { content: "\f20a"; } .mdi-cash-100:before { content: "\f20b"; } .mdi-cash-multiple:before { content: "\f20c"; } .mdi-cash-usd:before { content: "\f20d"; } .mdi-cast:before { content: "\f20e"; } .mdi-cast-connected:before { content: "\f20f"; } .mdi-castle:before { content: "\f210"; } .mdi-cat:before { content: "\f211"; } .mdi-cellphone:before { content: "\f212"; } .mdi-cellphone-android:before { content: "\f213"; } .mdi-cellphone-basic:before { content: "\f214"; } .mdi-cellphone-dock:before { content: "\f215"; } .mdi-cellphone-iphone:before { content: "\f216"; } .mdi-cellphone-link:before { content: "\f217"; } .mdi-cellphone-link-off:before { content: "\f218"; } .mdi-cellphone-settings:before { content: "\f219"; } .mdi-certificate:before { content: "\f21a"; } .mdi-chair-school:before { content: "\f21b"; } .mdi-chart-arc:before { content: "\f21c"; } .mdi-chart-areaspline:before { content: "\f21d"; } .mdi-chart-bar:before { content: "\f21e"; } .mdi-chart-histogram:before { content: "\f21f"; } .mdi-chart-line:before { content: "\f220"; } .mdi-chart-pie:before { content: "\f221"; } .mdi-check:before { content: "\f222"; } .mdi-check-all:before { content: "\f223"; } .mdi-checkbox-blank:before { content: "\f224"; } .mdi-checkbox-blank-circle:before { content: "\f225"; } .mdi-checkbox-blank-circle-outline:before { content: "\f226"; } .mdi-checkbox-blank-outline:before { content: "\f227"; } .mdi-checkbox-marked:before { content: "\f228"; } .mdi-checkbox-marked-circle:before { content: "\f229"; } .mdi-checkbox-marked-circle-outline:before { content: "\f22a"; } .mdi-checkbox-marked-outline:before { content: "\f22b"; } .mdi-checkbox-multiple-blank:before { content: "\f22c"; } .mdi-checkbox-multiple-blank-outline:before { content: "\f22d"; } .mdi-checkbox-multiple-marked:before { content: "\f22e"; } .mdi-checkbox-multiple-marked-outline:before { content: "\f22f"; } .mdi-checkerboard:before { content: "\f230"; } .mdi-chemical-weapon:before { content: "\f231"; } .mdi-chevron-double-down:before { content: "\f232"; } .mdi-chevron-double-left:before { content: "\f233"; } .mdi-chevron-double-right:before { content: "\f234"; } .mdi-chevron-double-up:before { content: "\f235"; } .mdi-chevron-down:before { content: "\f236"; } .mdi-chevron-left:before { content: "\f237"; } .mdi-chevron-right:before { content: "\f238"; } .mdi-chevron-up:before { content: "\f239"; } .mdi-church:before { content: "\f23a"; } .mdi-cisco-webex:before { content: "\f23b"; } .mdi-city:before { content: "\f23c"; } .mdi-clipboard:before { content: "\f23d"; } .mdi-clipboard-account:before { content: "\f23e"; } .mdi-clipboard-alert:before { content: "\f23f"; } .mdi-clipboard-arrow-down:before { content: "\f240"; } .mdi-clipboard-arrow-left:before { content: "\f241"; } .mdi-clipboard-check:before { content: "\f242"; } .mdi-clipboard-outline:before { content: "\f243"; } .mdi-clipboard-text:before { content: "\f244"; } .mdi-clippy:before { content: "\f245"; } .mdi-clock:before { content: "\f246"; } .mdi-clock-end:before { content: "\f247"; } .mdi-clock-fast:before { content: "\f248"; } .mdi-clock-in:before { content: "\f249"; } .mdi-clock-out:before { content: "\f24a"; } .mdi-clock-start:before { content: "\f24b"; } .mdi-close:before { content: "\f24c"; } .mdi-close-box:before { content: "\f24d"; } .mdi-close-box-outline:before { content: "\f24e"; } .mdi-close-circle:before { content: "\f24f"; } .mdi-close-circle-outline:before { content: "\f250"; } .mdi-close-network:before { content: "\f251"; } .mdi-close-octagon:before { content: "\f252"; } .mdi-close-octagon-outline:before { content: "\f253"; } .mdi-closed-caption:before { content: "\f254"; } .mdi-cloud:before { content: "\f255"; } .mdi-cloud-check:before { content: "\f256"; } .mdi-cloud-circle:before { content: "\f257"; } .mdi-cloud-download:before { content: "\f258"; } .mdi-cloud-outline:before { content: "\f259"; } .mdi-cloud-outline-off:before { content: "\f25a"; } .mdi-cloud-print:before { content: "\f25b"; } .mdi-cloud-print-outline:before { content: "\f25c"; } .mdi-cloud-upload:before { content: "\f25d"; } .mdi-code-array:before { content: "\f25e"; } .mdi-code-braces:before { content: "\f25f"; } .mdi-code-brackets:before { content: "\f260"; } .mdi-code-equal:before { content: "\f261"; } .mdi-code-greater-than:before { content: "\f262"; } .mdi-code-greater-than-or-equal:before { content: "\f263"; } .mdi-code-less-than:before { content: "\f264"; } .mdi-code-less-than-or-equal:before { content: "\f265"; } .mdi-code-not-equal:before { content: "\f266"; } .mdi-code-not-equal-variant:before { content: "\f267"; } .mdi-code-parentheses:before { content: "\f268"; } .mdi-code-string:before { content: "\f269"; } .mdi-code-tags:before { content: "\f26a"; } .mdi-codepen:before { content: "\f26b"; } .mdi-coffee:before { content: "\f26c"; } .mdi-coffee-to-go:before { content: "\f26d"; } .mdi-coin:before { content: "\f26e"; } .mdi-color-helper:before { content: "\f26f"; } .mdi-comment:before { content: "\f270"; } .mdi-comment-account:before { content: "\f271"; } .mdi-comment-account-outline:before { content: "\f272"; } .mdi-comment-alert:before { content: "\f273"; } .mdi-comment-alert-outline:before { content: "\f274"; } .mdi-comment-check:before { content: "\f275"; } .mdi-comment-check-outline:before { content: "\f276"; } .mdi-comment-multiple-outline:before { content: "\f277"; } .mdi-comment-outline:before { content: "\f278"; } .mdi-comment-plus-outline:before { content: "\f279"; } .mdi-comment-processing:before { content: "\f27a"; } .mdi-comment-processing-outline:before { content: "\f27b"; } .mdi-comment-question-outline:before { content: "\f27c"; } .mdi-comment-remove-outline:before { content: "\f27d"; } .mdi-comment-text:before { content: "\f27e"; } .mdi-comment-text-outline:before { content: "\f27f"; } .mdi-compare:before { content: "\f280"; } .mdi-compass:before { content: "\f281"; } .mdi-compass-outline:before { content: "\f282"; } .mdi-console:before { content: "\f283"; } .mdi-contact-mail:before { content: "\f284"; } .mdi-content-copy:before { content: "\f285"; } .mdi-content-cut:before { content: "\f286"; } .mdi-content-duplicate:before { content: "\f287"; } .mdi-content-paste:before { content: "\f288"; } .mdi-content-save:before { content: "\f289"; } .mdi-content-save-all:before { content: "\f28a"; } .mdi-contrast:before { content: "\f28b"; } .mdi-contrast-box:before { content: "\f28c"; } .mdi-contrast-circle:before { content: "\f28d"; } .mdi-cookie:before { content: "\f28e"; } .mdi-cow:before { content: "\f28f"; } .mdi-credit-card:before { content: "\f290"; } .mdi-credit-card-multiple:before { content: "\f291"; } .mdi-credit-card-scan:before { content: "\f292"; } .mdi-crop:before { content: "\f293"; } .mdi-crop-free:before { content: "\f294"; } .mdi-crop-landscape:before { content: "\f295"; } .mdi-crop-portrait:before { content: "\f296"; } .mdi-crop-square:before { content: "\f297"; } .mdi-crosshairs:before { content: "\f298"; } .mdi-crosshairs-gps:before { content: "\f299"; } .mdi-crown:before { content: "\f29a"; } .mdi-cube:before { content: "\f29b"; } .mdi-cube-outline:before { content: "\f29c"; } .mdi-cube-send:before { content: "\f29d"; } .mdi-cube-unfolded:before { content: "\f29e"; } .mdi-cup:before { content: "\f29f"; } .mdi-cup-water:before { content: "\f2a0"; } .mdi-currency-btc:before { content: "\f2a1"; } .mdi-currency-eur:before { content: "\f2a2"; } .mdi-currency-gbp:before { content: "\f2a3"; } .mdi-currency-inr:before { content: "\f2a4"; } .mdi-currency-ngn:before { content: "\f2a5"; } .mdi-currency-rub:before { content: "\f2a6"; } .mdi-currency-try:before { content: "\f2a7"; } .mdi-currency-usd:before { content: "\f2a8"; } .mdi-cursor-default:before { content: "\f2a9"; } .mdi-cursor-default-outline:before { content: "\f2aa"; } .mdi-cursor-move:before { content: "\f2ab"; } .mdi-cursor-pointer:before { content: "\f2ac"; } .mdi-database:before { content: "\f2ad"; } .mdi-database-minus:before { content: "\f2ae"; } .mdi-database-plus:before { content: "\f2af"; } .mdi-debug-step-into:before { content: "\f2b0"; } .mdi-debug-step-out:before { content: "\f2b1"; } .mdi-debug-step-over:before { content: "\f2b2"; } .mdi-decimal-decrease:before { content: "\f2b3"; } .mdi-decimal-increase:before { content: "\f2b4"; } .mdi-delete:before { content: "\f2b5"; } .mdi-delete-variant:before { content: "\f2b6"; } .mdi-delta:before { content: "\f2b7"; } .mdi-deskphone:before { content: "\f2b8"; } .mdi-desktop-mac:before { content: "\f2b9"; } .mdi-desktop-tower:before { content: "\f2ba"; } .mdi-details:before { content: "\f2bb"; } .mdi-deviantart:before { content: "\f2bc"; } .mdi-diamond:before { content: "\f2bd"; } .mdi-dice:before { content: "\f2be"; } .mdi-dice-1:before { content: "\f2bf"; } .mdi-dice-2:before { content: "\f2c0"; } .mdi-dice-3:before { content: "\f2c1"; } .mdi-dice-4:before { content: "\f2c2"; } .mdi-dice-5:before { content: "\f2c3"; } .mdi-dice-6:before { content: "\f2c4"; } .mdi-directions:before { content: "\f2c5"; } .mdi-disk-alert:before { content: "\f2c6"; } .mdi-disqus:before { content: "\f2c7"; } .mdi-disqus-outline:before { content: "\f2c8"; } .mdi-division:before { content: "\f2c9"; } .mdi-division-box:before { content: "\f2ca"; } .mdi-dns:before { content: "\f2cb"; } .mdi-domain:before { content: "\f2cc"; } .mdi-dots-horizontal:before { content: "\f2cd"; } .mdi-dots-vertical:before { content: "\f2ce"; } .mdi-download:before { content: "\f2cf"; } .mdi-drag:before { content: "\f2d0"; } .mdi-drag-horizontal:before { content: "\f2d1"; } .mdi-drag-vertical:before { content: "\f2d2"; } .mdi-drawing:before { content: "\f2d3"; } .mdi-drawing-box:before { content: "\f2d4"; } .mdi-dribbble:before { content: "\f2d5"; } .mdi-dribbble-box:before { content: "\f2d6"; } .mdi-drone:before { content: "\f2d7"; } .mdi-dropbox:before { content: "\f2d8"; } .mdi-drupal:before { content: "\f2d9"; } .mdi-duck:before { content: "\f2da"; } .mdi-dumbbell:before { content: "\f2db"; } .mdi-earth:before { content: "\f2dc"; } .mdi-earth-off:before { content: "\f2dd"; } .mdi-edge:before { content: "\f2de"; } .mdi-eject:before { content: "\f2df"; } .mdi-elevation-decline:before { content: "\f2e0"; } .mdi-elevation-rise:before { content: "\f2e1"; } .mdi-elevator:before { content: "\f2e2"; } .mdi-email:before { content: "\f2e3"; } .mdi-email-open:before { content: "\f2e4"; } .mdi-email-outline:before { content: "\f2e5"; } .mdi-email-secure:before { content: "\f2e6"; } .mdi-emoticon:before { content: "\f2e7"; } .mdi-emoticon-cool:before { content: "\f2e8"; } .mdi-emoticon-devil:before { content: "\f2e9"; } .mdi-emoticon-happy:before { content: "\f2ea"; } .mdi-emoticon-neutral:before { content: "\f2eb"; } .mdi-emoticon-poop:before { content: "\f2ec"; } .mdi-emoticon-sad:before { content: "\f2ed"; } .mdi-emoticon-tongue:before { content: "\f2ee"; } .mdi-engine:before { content: "\f2ef"; } .mdi-engine-outline:before { content: "\f2f0"; } .mdi-equal:before { content: "\f2f1"; } .mdi-equal-box:before { content: "\f2f2"; } .mdi-eraser:before { content: "\f2f3"; } .mdi-escalator:before { content: "\f2f4"; } .mdi-ethernet:before { content: "\f2f5"; } .mdi-ethernet-cable:before { content: "\f2f6"; } .mdi-ethernet-cable-off:before { content: "\f2f7"; } .mdi-etsy:before { content: "\f2f8"; } .mdi-evernote:before { content: "\f2f9"; } .mdi-exclamation:before { content: "\f2fa"; } .mdi-exit-to-app:before { content: "\f2fb"; } .mdi-export:before { content: "\f2fc"; } .mdi-eye:before { content: "\f2fd"; } .mdi-eye-off:before { content: "\f2fe"; } .mdi-eyedropper:before { content: "\f2ff"; } .mdi-eyedropper-variant:before { content: "\f300"; } .mdi-facebook:before { content: "\f301"; } .mdi-facebook-box:before { content: "\f302"; } .mdi-facebook-messenger:before { content: "\f303"; } .mdi-factory:before { content: "\f304"; } .mdi-fan:before { content: "\f305"; } .mdi-fast-forward:before { content: "\f306"; } .mdi-fax:before { content: "\f307"; } .mdi-ferry:before { content: "\f308"; } .mdi-file:before { content: "\f309"; } .mdi-file-chart:before { content: "\f30a"; } .mdi-file-check:before { content: "\f30b"; } .mdi-file-cloud:before { content: "\f30c"; } .mdi-file-delimited:before { content: "\f30d"; } .mdi-file-document:before { content: "\f30e"; } .mdi-file-document-box:before { content: "\f30f"; } .mdi-file-excel:before { content: "\f310"; } .mdi-file-excel-box:before { content: "\f311"; } .mdi-file-export:before { content: "\f312"; } .mdi-file-find:before { content: "\f313"; } .mdi-file-image:before { content: "\f314"; } .mdi-file-import:before { content: "\f315"; } .mdi-file-lock:before { content: "\f316"; } .mdi-file-multiple:before { content: "\f317"; } .mdi-file-music:before { content: "\f318"; } .mdi-file-outline:before { content: "\f319"; } .mdi-file-pdf:before { content: "\f31a"; } .mdi-file-pdf-box:before { content: "\f31b"; } .mdi-file-powerpoint:before { content: "\f31c"; } .mdi-file-powerpoint-box:before { content: "\f31d"; } .mdi-file-presentation-box:before { content: "\f31e"; } .mdi-file-send:before { content: "\f31f"; } .mdi-file-video:before { content: "\f320"; } .mdi-file-word:before { content: "\f321"; } .mdi-file-word-box:before { content: "\f322"; } .mdi-file-xml:before { content: "\f323"; } .mdi-film:before { content: "\f324"; } .mdi-filmstrip:before { content: "\f325"; } .mdi-filmstrip-off:before { content: "\f326"; } .mdi-filter:before { content: "\f327"; } .mdi-filter-outline:before { content: "\f328"; } .mdi-filter-remove:before { content: "\f329"; } .mdi-filter-remove-outline:before { content: "\f32a"; } .mdi-filter-variant:before { content: "\f32b"; } .mdi-fingerprint:before { content: "\f32c"; } .mdi-fire:before { content: "\f32d"; } .mdi-firefox:before { content: "\f32e"; } .mdi-fish:before { content: "\f32f"; } .mdi-flag:before { content: "\f330"; } .mdi-flag-checkered:before { content: "\f331"; } .mdi-flag-outline:before { content: "\f332"; } .mdi-flag-outline-variant:before { content: "\f333"; } .mdi-flag-triangle:before { content: "\f334"; } .mdi-flag-variant:before { content: "\f335"; } .mdi-flash:before { content: "\f336"; } .mdi-flash-auto:before { content: "\f337"; } .mdi-flash-off:before { content: "\f338"; } .mdi-flashlight:before { content: "\f339"; } .mdi-flashlight-off:before { content: "\f33a"; } .mdi-flattr:before { content: "\f33b"; } .mdi-flip-to-back:before { content: "\f33c"; } .mdi-flip-to-front:before { content: "\f33d"; } .mdi-floppy:before { content: "\f33e"; } .mdi-flower:before { content: "\f33f"; } .mdi-folder:before { content: "\f340"; } .mdi-folder-account:before { content: "\f341"; } .mdi-folder-download:before { content: "\f342"; } .mdi-folder-google-drive:before { content: "\f343"; } .mdi-folder-image:before { content: "\f344"; } .mdi-folder-lock:before { content: "\f345"; } .mdi-folder-lock-open:before { content: "\f346"; } .mdi-folder-move:before { content: "\f347"; } .mdi-folder-multiple:before { content: "\f348"; } .mdi-folder-multiple-image:before { content: "\f349"; } .mdi-folder-multiple-outline:before { content: "\f34a"; } .mdi-folder-outline:before { content: "\f34b"; } .mdi-folder-plus:before { content: "\f34c"; } .mdi-folder-remove:before { content: "\f34d"; } .mdi-folder-upload:before { content: "\f34e"; } .mdi-food:before { content: "\f34f"; } .mdi-food-apple:before { content: "\f350"; } .mdi-food-variant:before { content: "\f351"; } .mdi-football:before { content: "\f352"; } .mdi-football-australian:before { content: "\f353"; } .mdi-football-helmet:before { content: "\f354"; } .mdi-format-align-center:before { content: "\f355"; } .mdi-format-align-justify:before { content: "\f356"; } .mdi-format-align-left:before { content: "\f357"; } .mdi-format-align-right:before { content: "\f358"; } .mdi-format-bold:before { content: "\f359"; } .mdi-format-clear:before { content: "\f35a"; } .mdi-format-color-fill:before { content: "\f35b"; } .mdi-format-float-center:before { content: "\f35c"; } .mdi-format-float-left:before { content: "\f35d"; } .mdi-format-float-none:before { content: "\f35e"; } .mdi-format-float-right:before { content: "\f35f"; } .mdi-format-header-1:before { content: "\f360"; } .mdi-format-header-2:before { content: "\f361"; } .mdi-format-header-3:before { content: "\f362"; } .mdi-format-header-4:before { content: "\f363"; } .mdi-format-header-5:before { content: "\f364"; } .mdi-format-header-6:before { content: "\f365"; } .mdi-format-header-decrease:before { content: "\f366"; } .mdi-format-header-equal:before { content: "\f367"; } .mdi-format-header-increase:before { content: "\f368"; } .mdi-format-header-pound:before { content: "\f369"; } .mdi-format-indent-decrease:before { content: "\f36a"; } .mdi-format-indent-increase:before { content: "\f36b"; } .mdi-format-italic:before { content: "\f36c"; } .mdi-format-line-spacing:before { content: "\f36d"; } .mdi-format-list-bulleted:before { content: "\f36e"; } .mdi-format-list-bulleted-type:before { content: "\f36f"; } .mdi-format-list-numbers:before { content: "\f370"; } .mdi-format-paint:before { content: "\f371"; } .mdi-format-paragraph:before { content: "\f372"; } .mdi-format-quote:before { content: "\f373"; } .mdi-format-size:before { content: "\f374"; } .mdi-format-strikethrough:before { content: "\f375"; } .mdi-format-strikethrough-variant:before { content: "\f376"; } .mdi-format-subscript:before { content: "\f377"; } .mdi-format-superscript:before { content: "\f378"; } .mdi-format-text:before { content: "\f379"; } .mdi-format-textdirection-l-to-r:before { content: "\f37a"; } .mdi-format-textdirection-r-to-l:before { content: "\f37b"; } .mdi-format-underline:before { content: "\f37c"; } .mdi-format-wrap-inline:before { content: "\f37d"; } .mdi-format-wrap-square:before { content: "\f37e"; } .mdi-format-wrap-tight:before { content: "\f37f"; } .mdi-format-wrap-top-bottom:before { content: "\f380"; } .mdi-forum:before { content: "\f381"; } .mdi-forward:before { content: "\f382"; } .mdi-foursquare:before { content: "\f383"; } .mdi-fridge:before { content: "\f384"; } .mdi-fridge-filled:before { content: "\f385"; } .mdi-fridge-filled-bottom:before { content: "\f386"; } .mdi-fridge-filled-top:before { content: "\f387"; } .mdi-fullscreen:before { content: "\f388"; } .mdi-fullscreen-exit:before { content: "\f389"; } .mdi-function:before { content: "\f38a"; } .mdi-gamepad:before { content: "\f38b"; } .mdi-gamepad-variant:before { content: "\f38c"; } .mdi-gas-station:before { content: "\f38d"; } .mdi-gate:before { content: "\f38e"; } .mdi-gauge:before { content: "\f38f"; } .mdi-gavel:before { content: "\f390"; } .mdi-gender-female:before { content: "\f391"; } .mdi-gender-male:before { content: "\f392"; } .mdi-gender-male-female:before { content: "\f393"; } .mdi-gender-transgender:before { content: "\f394"; } .mdi-ghost:before { content: "\f395"; } .mdi-gift:before { content: "\f396"; } .mdi-git:before { content: "\f397"; } .mdi-github-box:before { content: "\f398"; } .mdi-github-circle:before { content: "\f399"; } .mdi-glass-flute:before { content: "\f39a"; } .mdi-glass-mug:before { content: "\f39b"; } .mdi-glass-stange:before { content: "\f39c"; } .mdi-glass-tulip:before { content: "\f39d"; } .mdi-glasses:before { content: "\f39e"; } .mdi-gmail:before { content: "\f39f"; } .mdi-google:before { content: "\f3a0"; } .mdi-google-cardboard:before { content: "\f3a1"; } .mdi-google-chrome:before { content: "\f3a2"; } .mdi-google-circles:before { content: "\f3a3"; } .mdi-google-circles-communities:before { content: "\f3a4"; } .mdi-google-circles-extended:before { content: "\f3a5"; } .mdi-google-circles-group:before { content: "\f3a6"; } .mdi-google-controller:before { content: "\f3a7"; } .mdi-google-controller-off:before { content: "\f3a8"; } .mdi-google-drive:before { content: "\f3a9"; } .mdi-google-earth:before { content: "\f3aa"; } .mdi-google-glass:before { content: "\f3ab"; } .mdi-google-nearby:before { content: "\f3ac"; } .mdi-google-pages:before { content: "\f3ad"; } .mdi-google-physical-web:before { content: "\f3ae"; } .mdi-google-play:before { content: "\f3af"; } .mdi-google-plus:before { content: "\f3b0"; } .mdi-google-plus-box:before { content: "\f3b1"; } .mdi-google-translate:before { content: "\f3b2"; } .mdi-google-wallet:before { content: "\f3b3"; } .mdi-grid:before { content: "\f3b4"; } .mdi-grid-off:before { content: "\f3b5"; } .mdi-group:before { content: "\f3b6"; } .mdi-guitar:before { content: "\f3b7"; } .mdi-guitar-pick:before { content: "\f3b8"; } .mdi-guitar-pick-outline:before { content: "\f3b9"; } .mdi-hand-pointing-right:before { content: "\f3ba"; } .mdi-hanger:before { content: "\f3bb"; } .mdi-hangouts:before { content: "\f3bc"; } .mdi-harddisk:before { content: "\f3bd"; } .mdi-headphones:before { content: "\f3be"; } .mdi-headphones-box:before { content: "\f3bf"; } .mdi-headphones-settings:before { content: "\f3c0"; } .mdi-headset:before { content: "\f3c1"; } .mdi-headset-dock:before { content: "\f3c2"; } .mdi-headset-off:before { content: "\f3c3"; } .mdi-heart:before { content: "\f3c4"; } .mdi-heart-box:before { content: "\f3c5"; } .mdi-heart-box-outline:before { content: "\f3c6"; } .mdi-heart-broken:before { content: "\f3c7"; } .mdi-heart-outline:before { content: "\f3c8"; } .mdi-help:before { content: "\f3c9"; } .mdi-help-circle:before { content: "\f3ca"; } .mdi-hexagon:before { content: "\f3cb"; } .mdi-hexagon-outline:before { content: "\f3cc"; } .mdi-history:before { content: "\f3cd"; } .mdi-hololens:before { content: "\f3ce"; } .mdi-home:before { content: "\f3cf"; } .mdi-home-modern:before { content: "\f3d0"; } .mdi-home-variant:before { content: "\f3d1"; } .mdi-hops:before { content: "\f3d2"; } .mdi-hospital:before { content: "\f3d3"; } .mdi-hospital-building:before { content: "\f3d4"; } .mdi-hospital-marker:before { content: "\f3d5"; } .mdi-hotel:before { content: "\f3d6"; } .mdi-houzz:before { content: "\f3d7"; } .mdi-houzz-box:before { content: "\f3d8"; } .mdi-human:before { content: "\f3d9"; } .mdi-human-child:before { content: "\f3da"; } .mdi-human-male-female:before { content: "\f3db"; } .mdi-image:before { content: "\f3dc"; } .mdi-image-album:before { content: "\f3dd"; } .mdi-image-area:before { content: "\f3de"; } .mdi-image-area-close:before { content: "\f3df"; } .mdi-image-broken:before { content: "\f3e0"; } .mdi-image-broken-variant:before { content: "\f3e1"; } .mdi-image-filter:before { content: "\f3e2"; } .mdi-image-filter-black-white:before { content: "\f3e3"; } .mdi-image-filter-center-focus:before { content: "\f3e4"; } .mdi-image-filter-center-focus-weak:before { content: "\f3e5"; } .mdi-image-filter-drama:before { content: "\f3e6"; } .mdi-image-filter-frames:before { content: "\f3e7"; } .mdi-image-filter-hdr:before { content: "\f3e8"; } .mdi-image-filter-none:before { content: "\f3e9"; } .mdi-image-filter-tilt-shift:before { content: "\f3ea"; } .mdi-image-filter-vintage:before { content: "\f3eb"; } .mdi-image-multiple:before { content: "\f3ec"; } .mdi-import:before { content: "\f3ed"; } .mdi-inbox:before { content: "\f3ee"; } .mdi-information:before { content: "\f3ef"; } .mdi-information-outline:before { content: "\f3f0"; } .mdi-instagram:before { content: "\f3f1"; } .mdi-instapaper:before { content: "\f3f2"; } .mdi-internet-explorer:before { content: "\f3f3"; } .mdi-invert-colors:before { content: "\f3f4"; } .mdi-jeepney:before { content: "\f3f5"; } .mdi-jira:before { content: "\f3f6"; } .mdi-jsfiddle:before { content: "\f3f7"; } .mdi-keg:before { content: "\f3f8"; } .mdi-key:before { content: "\f3f9"; } .mdi-key-change:before { content: "\f3fa"; } .mdi-key-minus:before { content: "\f3fb"; } .mdi-key-plus:before { content: "\f3fc"; } .mdi-key-remove:before { content: "\f3fd"; } .mdi-key-variant:before { content: "\f3fe"; } .mdi-keyboard:before { content: "\f3ff"; } .mdi-keyboard-backspace:before { content: "\f400"; } .mdi-keyboard-caps:before { content: "\f401"; } .mdi-keyboard-close:before { content: "\f402"; } .mdi-keyboard-off:before { content: "\f403"; } .mdi-keyboard-return:before { content: "\f404"; } .mdi-keyboard-tab:before { content: "\f405"; } .mdi-keyboard-variant:before { content: "\f406"; } .mdi-label:before { content: "\f407"; } .mdi-label-outline:before { content: "\f408"; } .mdi-lan:before { content: "\f409"; } .mdi-lan-connect:before { content: "\f40a"; } .mdi-lan-disconnect:before { content: "\f40b"; } .mdi-lan-pending:before { content: "\f40c"; } .mdi-language-csharp:before { content: "\f40d"; } .mdi-language-css3:before { content: "\f40e"; } .mdi-language-html5:before { content: "\f40f"; } .mdi-language-javascript:before { content: "\f410"; } .mdi-language-php:before { content: "\f411"; } .mdi-language-python:before { content: "\f412"; } .mdi-language-python-text:before { content: "\f413"; } .mdi-laptop:before { content: "\f414"; } .mdi-laptop-chromebook:before { content: "\f415"; } .mdi-laptop-mac:before { content: "\f416"; } .mdi-laptop-windows:before { content: "\f417"; } .mdi-lastfm:before { content: "\f418"; } .mdi-launch:before { content: "\f419"; } .mdi-layers:before { content: "\f41a"; } .mdi-layers-off:before { content: "\f41b"; } .mdi-leaf:before { content: "\f41c"; } .mdi-led-off:before { content: "\f41d"; } .mdi-led-on:before { content: "\f41e"; } .mdi-led-outline:before { content: "\f41f"; } .mdi-led-variant-off:before { content: "\f420"; } .mdi-led-variant-on:before { content: "\f421"; } .mdi-led-variant-outline:before { content: "\f422"; } .mdi-library:before { content: "\f423"; } .mdi-library-books:before { content: "\f424"; } .mdi-library-music:before { content: "\f425"; } .mdi-library-plus:before { content: "\f426"; } .mdi-lightbulb:before { content: "\f427"; } .mdi-lightbulb-outline:before { content: "\f428"; } .mdi-link:before { content: "\f429"; } .mdi-link-off:before { content: "\f42a"; } .mdi-link-variant:before { content: "\f42b"; } .mdi-link-variant-off:before { content: "\f42c"; } .mdi-linkedin:before { content: "\f42d"; } .mdi-linkedin-box:before { content: "\f42e"; } .mdi-linux:before { content: "\f42f"; } .mdi-lock:before { content: "\f430"; } .mdi-lock-open:before { content: "\f431"; } .mdi-lock-open-outline:before { content: "\f432"; } .mdi-lock-outline:before { content: "\f433"; } .mdi-login:before { content: "\f434"; } .mdi-logout:before { content: "\f435"; } .mdi-looks:before { content: "\f436"; } .mdi-loupe:before { content: "\f437"; } .mdi-lumx:before { content: "\f438"; } .mdi-magnet:before { content: "\f439"; } .mdi-magnet-on:before { content: "\f43a"; } .mdi-magnify:before { content: "\f43b"; } .mdi-magnify-minus:before { content: "\f43c"; } .mdi-magnify-plus:before { content: "\f43d"; } .mdi-mail-ru:before { content: "\f43e"; } .mdi-map:before { content: "\f43f"; } .mdi-map-marker:before { content: "\f440"; } .mdi-map-marker-circle:before { content: "\f441"; } .mdi-map-marker-multiple:before { content: "\f442"; } .mdi-map-marker-off:before { content: "\f443"; } .mdi-map-marker-radius:before { content: "\f444"; } .mdi-margin:before { content: "\f445"; } .mdi-markdown:before { content: "\f446"; } .mdi-marker-check:before { content: "\f447"; } .mdi-martini:before { content: "\f448"; } .mdi-material-ui:before { content: "\f449"; } .mdi-math-compass:before { content: "\f44a"; } .mdi-maxcdn:before { content: "\f44b"; } .mdi-medium:before { content: "\f44c"; } .mdi-memory:before { content: "\f44d"; } .mdi-menu:before { content: "\f44e"; } .mdi-menu-down:before { content: "\f44f"; } .mdi-menu-left:before { content: "\f450"; } .mdi-menu-right:before { content: "\f451"; } .mdi-menu-up:before { content: "\f452"; } .mdi-message:before { content: "\f453"; } .mdi-message-alert:before { content: "\f454"; } .mdi-message-draw:before { content: "\f455"; } .mdi-message-image:before { content: "\f456"; } .mdi-message-outline:before { content: "\f457"; } .mdi-message-processing:before { content: "\f458"; } .mdi-message-reply:before { content: "\f459"; } .mdi-message-reply-text:before { content: "\f45a"; } .mdi-message-text:before { content: "\f45b"; } .mdi-message-text-outline:before { content: "\f45c"; } .mdi-message-video:before { content: "\f45d"; } .mdi-microphone:before { content: "\f45e"; } .mdi-microphone-off:before { content: "\f45f"; } .mdi-microphone-outline:before { content: "\f460"; } .mdi-microphone-settings:before { content: "\f461"; } .mdi-microphone-variant:before { content: "\f462"; } .mdi-microphone-variant-off:before { content: "\f463"; } .mdi-microsoft:before { content: "\f464"; } .mdi-minus:before { content: "\f465"; } .mdi-minus-box:before { content: "\f466"; } .mdi-minus-circle:before { content: "\f467"; } .mdi-minus-circle-outline:before { content: "\f468"; } .mdi-minus-network:before { content: "\f469"; } .mdi-monitor:before { content: "\f46a"; } .mdi-monitor-multiple:before { content: "\f46b"; } .mdi-more:before { content: "\f46c"; } .mdi-motorbike:before { content: "\f46d"; } .mdi-mouse:before { content: "\f46e"; } .mdi-mouse-off:before { content: "\f46f"; } .mdi-mouse-variant:before { content: "\f470"; } .mdi-mouse-variant-off:before { content: "\f471"; } .mdi-movie:before { content: "\f472"; } .mdi-multiplication:before { content: "\f473"; } .mdi-multiplication-box:before { content: "\f474"; } .mdi-music-box:before { content: "\f475"; } .mdi-music-box-outline:before { content: "\f476"; } .mdi-music-circle:before { content: "\f477"; } .mdi-music-note:before { content: "\f478"; } .mdi-music-note-eighth:before { content: "\f479"; } .mdi-music-note-half:before { content: "\f47a"; } .mdi-music-note-off:before { content: "\f47b"; } .mdi-music-note-quarter:before { content: "\f47c"; } .mdi-music-note-sixteenth:before { content: "\f47d"; } .mdi-music-note-whole:before { content: "\f47e"; } .mdi-nature:before { content: "\f47f"; } .mdi-nature-people:before { content: "\f480"; } .mdi-navigation:before { content: "\f481"; } .mdi-needle:before { content: "\f482"; } .mdi-nest-protect:before { content: "\f483"; } .mdi-nest-thermostat:before { content: "\f484"; } .mdi-newspaper:before { content: "\f485"; } .mdi-nfc:before { content: "\f486"; } .mdi-nfc-tap:before { content: "\f487"; } .mdi-nfc-variant:before { content: "\f488"; } .mdi-nodejs:before { content: "\f489"; } .mdi-note:before { content: "\f48a"; } .mdi-note-outline:before { content: "\f48b"; } .mdi-note-plus:before { content: "\f48c"; } .mdi-note-plus-outline:before { content: "\f48d"; } .mdi-note-text:before { content: "\f48e"; } .mdi-notification-clear-all:before { content: "\f48f"; } .mdi-numeric:before { content: "\f490"; } .mdi-numeric-0-box:before { content: "\f491"; } .mdi-numeric-0-box-multiple-outline:before { content: "\f492"; } .mdi-numeric-0-box-outline:before { content: "\f493"; } .mdi-numeric-1-box:before { content: "\f494"; } .mdi-numeric-1-box-multiple-outline:before { content: "\f495"; } .mdi-numeric-1-box-outline:before { content: "\f496"; } .mdi-numeric-2-box:before { content: "\f497"; } .mdi-numeric-2-box-multiple-outline:before { content: "\f498"; } .mdi-numeric-2-box-outline:before { content: "\f499"; } .mdi-numeric-3-box:before { content: "\f49a"; } .mdi-numeric-3-box-multiple-outline:before { content: "\f49b"; } .mdi-numeric-3-box-outline:before { content: "\f49c"; } .mdi-numeric-4-box:before { content: "\f49d"; } .mdi-numeric-4-box-multiple-outline:before { content: "\f49e"; } .mdi-numeric-4-box-outline:before { content: "\f49f"; } .mdi-numeric-5-box:before { content: "\f4a0"; } .mdi-numeric-5-box-multiple-outline:before { content: "\f4a1"; } .mdi-numeric-5-box-outline:before { content: "\f4a2"; } .mdi-numeric-6-box:before { content: "\f4a3"; } .mdi-numeric-6-box-multiple-outline:before { content: "\f4a4"; } .mdi-numeric-6-box-outline:before { content: "\f4a5"; } .mdi-numeric-7-box:before { content: "\f4a6"; } .mdi-numeric-7-box-multiple-outline:before { content: "\f4a7"; } .mdi-numeric-7-box-outline:before { content: "\f4a8"; } .mdi-numeric-8-box:before { content: "\f4a9"; } .mdi-numeric-8-box-multiple-outline:before { content: "\f4aa"; } .mdi-numeric-8-box-outline:before { content: "\f4ab"; } .mdi-numeric-9-box:before { content: "\f4ac"; } .mdi-numeric-9-box-multiple-outline:before { content: "\f4ad"; } .mdi-numeric-9-box-outline:before { content: "\f4ae"; } .mdi-numeric-9-plus-box:before { content: "\f4af"; } .mdi-numeric-9-plus-box-multiple-outline:before { content: "\f4b0"; } .mdi-numeric-9-plus-box-outline:before { content: "\f4b1"; } .mdi-nutrition:before { content: "\f4b2"; } .mdi-octagon:before { content: "\f4b3"; } .mdi-octagon-outline:before { content: "\f4b4"; } .mdi-odnoklassniki:before { content: "\f4b5"; } .mdi-office:before { content: "\f4b6"; } .mdi-oil:before { content: "\f4b7"; } .mdi-oil-temperature:before { content: "\f4b8"; } .mdi-omega:before { content: "\f4b9"; } .mdi-onedrive:before { content: "\f4ba"; } .mdi-open-in-app:before { content: "\f4bb"; } .mdi-open-in-new:before { content: "\f4bc"; } .mdi-opera:before { content: "\f4bd"; } .mdi-ornament:before { content: "\f4be"; } .mdi-ornament-variant:before { content: "\f4bf"; } .mdi-outbox:before { content: "\f4c0"; } .mdi-owl:before { content: "\f4c1"; } .mdi-package:before { content: "\f4c2"; } .mdi-package-down:before { content: "\f4c3"; } .mdi-package-up:before { content: "\f4c4"; } .mdi-package-variant:before { content: "\f4c5"; } .mdi-package-variant-closed:before { content: "\f4c6"; } .mdi-palette:before { content: "\f4c7"; } .mdi-palette-advanced:before { content: "\f4c8"; } .mdi-panda:before { content: "\f4c9"; } .mdi-pandora:before { content: "\f4ca"; } .mdi-panorama:before { content: "\f4cb"; } .mdi-panorama-fisheye:before { content: "\f4cc"; } .mdi-panorama-horizontal:before { content: "\f4cd"; } .mdi-panorama-vertical:before { content: "\f4ce"; } .mdi-panorama-wide-angle:before { content: "\f4cf"; } .mdi-paper-cut-vertical:before { content: "\f4d0"; } .mdi-paperclip:before { content: "\f4d1"; } .mdi-parking:before { content: "\f4d2"; } .mdi-pause:before { content: "\f4d3"; } .mdi-pause-circle:before { content: "\f4d4"; } .mdi-pause-circle-outline:before { content: "\f4d5"; } .mdi-pause-octagon:before { content: "\f4d6"; } .mdi-pause-octagon-outline:before { content: "\f4d7"; } .mdi-paw:before { content: "\f4d8"; } .mdi-pen:before { content: "\f4d9"; } .mdi-pencil:before { content: "\f4da"; } .mdi-pencil-box:before { content: "\f4db"; } .mdi-pencil-box-outline:before { content: "\f4dc"; } .mdi-pencil-lock:before { content: "\f4dd"; } .mdi-pencil-off:before { content: "\f4de"; } .mdi-percent:before { content: "\f4df"; } .mdi-pharmacy:before { content: "\f4e0"; } .mdi-phone:before { content: "\f4e1"; } .mdi-phone-bluetooth:before { content: "\f4e2"; } .mdi-phone-forward:before { content: "\f4e3"; } .mdi-phone-hangup:before { content: "\f4e4"; } .mdi-phone-in-talk:before { content: "\f4e5"; } .mdi-phone-incoming:before { content: "\f4e6"; } .mdi-phone-locked:before { content: "\f4e7"; } .mdi-phone-log:before { content: "\f4e8"; } .mdi-phone-missed:before { content: "\f4e9"; } .mdi-phone-outgoing:before { content: "\f4ea"; } .mdi-phone-paused:before { content: "\f4eb"; } .mdi-phone-settings:before { content: "\f4ec"; } .mdi-phone-voip:before { content: "\f4ed"; } .mdi-pi:before { content: "\f4ee"; } .mdi-pi-box:before { content: "\f4ef"; } .mdi-pig:before { content: "\f4f0"; } .mdi-pill:before { content: "\f4f1"; } .mdi-pin:before { content: "\f4f2"; } .mdi-pin-off:before { content: "\f4f3"; } .mdi-pine-tree:before { content: "\f4f4"; } .mdi-pine-tree-box:before { content: "\f4f5"; } .mdi-pinterest:before { content: "\f4f6"; } .mdi-pinterest-box:before { content: "\f4f7"; } .mdi-pizza:before { content: "\f4f8"; } .mdi-play:before { content: "\f4f9"; } .mdi-play-box-outline:before { content: "\f4fa"; } .mdi-play-circle:before { content: "\f4fb"; } .mdi-play-circle-outline:before { content: "\f4fc"; } .mdi-play-pause:before { content: "\f4fd"; } .mdi-play-protected-content:before { content: "\f4fe"; } .mdi-playlist-minus:before { content: "\f4ff"; } .mdi-playlist-play:before { content: "\f500"; } .mdi-playlist-plus:before { content: "\f501"; } .mdi-playlist-remove:before { content: "\f502"; } .mdi-playstation:before { content: "\f503"; } .mdi-plus:before { content: "\f504"; } .mdi-plus-box:before { content: "\f505"; } .mdi-plus-circle:before { content: "\f506"; } .mdi-plus-circle-multiple-outline:before { content: "\f507"; } .mdi-plus-circle-outline:before { content: "\f508"; } .mdi-plus-network:before { content: "\f509"; } .mdi-plus-one:before { content: "\f50a"; } .mdi-pocket:before { content: "\f50b"; } .mdi-pokeball:before { content: "\f50c"; } .mdi-polaroid:before { content: "\f50d"; } .mdi-poll:before { content: "\f50e"; } .mdi-poll-box:before { content: "\f50f"; } .mdi-polymer:before { content: "\f510"; } .mdi-popcorn:before { content: "\f511"; } .mdi-pound:before { content: "\f512"; } .mdi-pound-box:before { content: "\f513"; } .mdi-power:before { content: "\f514"; } .mdi-power-settings:before { content: "\f515"; } .mdi-power-socket:before { content: "\f516"; } .mdi-presentation:before { content: "\f517"; } .mdi-presentation-play:before { content: "\f518"; } .mdi-printer:before { content: "\f519"; } .mdi-printer-3d:before { content: "\f51a"; } .mdi-printer-alert:before { content: "\f51b"; } .mdi-professional-hexagon:before { content: "\f51c"; } .mdi-projector:before { content: "\f51d"; } .mdi-projector-screen:before { content: "\f51e"; } .mdi-pulse:before { content: "\f51f"; } .mdi-puzzle:before { content: "\f520"; } .mdi-qrcode:before { content: "\f521"; } .mdi-qrcode-scan:before { content: "\f522"; } .mdi-quadcopter:before { content: "\f523"; } .mdi-quality-high:before { content: "\f524"; } .mdi-quicktime:before { content: "\f525"; } .mdi-radar:before { content: "\f526"; } .mdi-radiator:before { content: "\f527"; } .mdi-radio:before { content: "\f528"; } .mdi-radio-handheld:before { content: "\f529"; } .mdi-radio-tower:before { content: "\f52a"; } .mdi-radioactive:before { content: "\f52b"; } .mdi-radiobox-blank:before { content: "\f52c"; } .mdi-radiobox-marked:before { content: "\f52d"; } .mdi-raspberrypi:before { content: "\f52e"; } .mdi-ray-end:before { content: "\f52f"; } .mdi-ray-end-arrow:before { content: "\f530"; } .mdi-ray-start:before { content: "\f531"; } .mdi-ray-start-arrow:before { content: "\f532"; } .mdi-ray-start-end:before { content: "\f533"; } .mdi-ray-vertex:before { content: "\f534"; } .mdi-rdio:before { content: "\f535"; } .mdi-read:before { content: "\f536"; } .mdi-readability:before { content: "\f537"; } .mdi-receipt:before { content: "\f538"; } .mdi-record:before { content: "\f539"; } .mdi-record-rec:before { content: "\f53a"; } .mdi-recycle:before { content: "\f53b"; } .mdi-reddit:before { content: "\f53c"; } .mdi-redo:before { content: "\f53d"; } .mdi-redo-variant:before { content: "\f53e"; } .mdi-refresh:before { content: "\f53f"; } .mdi-regex:before { content: "\f540"; } .mdi-relative-scale:before { content: "\f541"; } .mdi-reload:before { content: "\f542"; } .mdi-remote:before { content: "\f543"; } .mdi-rename-box:before { content: "\f544"; } .mdi-repeat:before { content: "\f545"; } .mdi-repeat-off:before { content: "\f546"; } .mdi-repeat-once:before { content: "\f547"; } .mdi-replay:before { content: "\f548"; } .mdi-reply:before { content: "\f549"; } .mdi-reply-all:before { content: "\f54a"; } .mdi-reproduction:before { content: "\f54b"; } .mdi-resize-bottom-right:before { content: "\f54c"; } .mdi-responsive:before { content: "\f54d"; } .mdi-rewind:before { content: "\f54e"; } .mdi-ribbon:before { content: "\f54f"; } .mdi-road:before { content: "\f550"; } .mdi-road-variant:before { content: "\f551"; } .mdi-rocket:before { content: "\f552"; } .mdi-rotate-3d:before { content: "\f553"; } .mdi-rotate-left:before { content: "\f554"; } .mdi-rotate-left-variant:before { content: "\f555"; } .mdi-rotate-right:before { content: "\f556"; } .mdi-rotate-right-variant:before { content: "\f557"; } .mdi-router-wireless:before { content: "\f558"; } .mdi-routes:before { content: "\f559"; } .mdi-rss:before { content: "\f55a"; } .mdi-rss-box:before { content: "\f55b"; } .mdi-ruler:before { content: "\f55c"; } .mdi-run:before { content: "\f55d"; } .mdi-sale:before { content: "\f55e"; } .mdi-satellite:before { content: "\f55f"; } .mdi-satellite-variant:before { content: "\f560"; } .mdi-scale:before { content: "\f561"; } .mdi-scale-bathroom:before { content: "\f562"; } .mdi-school:before { content: "\f563"; } .mdi-screen-rotation:before { content: "\f564"; } .mdi-screen-rotation-lock:before { content: "\f565"; } .mdi-screwdriver:before { content: "\f566"; } .mdi-script:before { content: "\f567"; } .mdi-sd:before { content: "\f568"; } .mdi-seal:before { content: "\f569"; } .mdi-seat-flat:before { content: "\f56a"; } .mdi-seat-flat-angled:before { content: "\f56b"; } .mdi-seat-individual-suite:before { content: "\f56c"; } .mdi-seat-legroom-extra:before { content: "\f56d"; } .mdi-seat-legroom-normal:before { content: "\f56e"; } .mdi-seat-legroom-reduced:before { content: "\f56f"; } .mdi-seat-recline-extra:before { content: "\f570"; } .mdi-seat-recline-normal:before { content: "\f571"; } .mdi-security:before { content: "\f572"; } .mdi-security-network:before { content: "\f573"; } .mdi-select:before { content: "\f574"; } .mdi-select-all:before { content: "\f575"; } .mdi-select-inverse:before { content: "\f576"; } .mdi-select-off:before { content: "\f577"; } .mdi-selection:before { content: "\f578"; } .mdi-send:before { content: "\f579"; } .mdi-server:before { content: "\f57a"; } .mdi-server-minus:before { content: "\f57b"; } .mdi-server-network:before { content: "\f57c"; } .mdi-server-network-off:before { content: "\f57d"; } .mdi-server-off:before { content: "\f57e"; } .mdi-server-plus:before { content: "\f57f"; } .mdi-server-remove:before { content: "\f580"; } .mdi-server-security:before { content: "\f581"; } .mdi-settings:before { content: "\f582"; } .mdi-settings-box:before { content: "\f583"; } .mdi-shape-plus:before { content: "\f584"; } .mdi-share:before { content: "\f585"; } .mdi-share-variant:before { content: "\f586"; } .mdi-shield:before { content: "\f587"; } .mdi-shield-outline:before { content: "\f588"; } .mdi-shopping:before { content: "\f589"; } .mdi-shopping-music:before { content: "\f58a"; } .mdi-shredder:before { content: "\f58b"; } .mdi-shuffle:before { content: "\f58c"; } .mdi-shuffle-disabled:before { content: "\f58d"; } .mdi-shuffle-variant:before { content: "\f58e"; } .mdi-sigma:before { content: "\f58f"; } .mdi-sign-caution:before { content: "\f590"; } .mdi-signal:before { content: "\f591"; } .mdi-silverware:before { content: "\f592"; } .mdi-silverware-fork:before { content: "\f593"; } .mdi-silverware-spoon:before { content: "\f594"; } .mdi-silverware-variant:before { content: "\f595"; } .mdi-sim:before { content: "\f596"; } .mdi-sim-alert:before { content: "\f597"; } .mdi-sim-off:before { content: "\f598"; } .mdi-sitemap:before { content: "\f599"; } .mdi-skip-backward:before { content: "\f59a"; } .mdi-skip-forward:before { content: "\f59b"; } .mdi-skip-next:before { content: "\f59c"; } .mdi-skip-previous:before { content: "\f59d"; } .mdi-skype:before { content: "\f59e"; } .mdi-skype-business:before { content: "\f59f"; } .mdi-slack:before { content: "\f5a0"; } .mdi-sleep:before { content: "\f5a1"; } .mdi-sleep-off:before { content: "\f5a2"; } .mdi-smoking:before { content: "\f5a3"; } .mdi-smoking-off:before { content: "\f5a4"; } .mdi-snapchat:before { content: "\f5a5"; } .mdi-snowman:before { content: "\f5a6"; } .mdi-sofa:before { content: "\f5a7"; } .mdi-sort:before { content: "\f5a8"; } .mdi-sort-alphabetical:before { content: "\f5a9"; } .mdi-sort-ascending:before { content: "\f5aa"; } .mdi-sort-descending:before { content: "\f5ab"; } .mdi-sort-numeric:before { content: "\f5ac"; } .mdi-sort-variant:before { content: "\f5ad"; } .mdi-soundcloud:before { content: "\f5ae"; } .mdi-source-fork:before { content: "\f5af"; } .mdi-source-pull:before { content: "\f5b0"; } .mdi-speaker:before { content: "\f5b1"; } .mdi-speaker-off:before { content: "\f5b2"; } .mdi-speedometer:before { content: "\f5b3"; } .mdi-spellcheck:before { content: "\f5b4"; } .mdi-spotify:before { content: "\f5b5"; } .mdi-spotlight:before { content: "\f5b6"; } .mdi-spotlight-beam:before { content: "\f5b7"; } .mdi-square-inc:before { content: "\f5b8"; } .mdi-square-inc-cash:before { content: "\f5b9"; } .mdi-stackoverflow:before { content: "\f5ba"; } .mdi-stairs:before { content: "\f5bb"; } .mdi-star:before { content: "\f5bc"; } .mdi-star-circle:before { content: "\f5bd"; } .mdi-star-half:before { content: "\f5be"; } .mdi-star-off:before { content: "\f5bf"; } .mdi-star-outline:before { content: "\f5c0"; } .mdi-steam:before { content: "\f5c1"; } .mdi-steering:before { content: "\f5c2"; } .mdi-step-backward:before { content: "\f5c3"; } .mdi-step-backward-2:before { content: "\f5c4"; } .mdi-step-forward:before { content: "\f5c5"; } .mdi-step-forward-2:before { content: "\f5c6"; } .mdi-stethoscope:before { content: "\f5c7"; } .mdi-stocking:before { content: "\f5c8"; } .mdi-stop:before { content: "\f5c9"; } .mdi-store:before { content: "\f5ca"; } .mdi-store-24-hour:before { content: "\f5cb"; } .mdi-stove:before { content: "\f5cc"; } .mdi-subway:before { content: "\f5cd"; } .mdi-sunglasses:before { content: "\f5ce"; } .mdi-swap-horizontal:before { content: "\f5cf"; } .mdi-swap-vertical:before { content: "\f5d0"; } .mdi-swim:before { content: "\f5d1"; } .mdi-switch:before { content: "\f5d2"; } .mdi-sword:before { content: "\f5d3"; } .mdi-sync:before { content: "\f5d4"; } .mdi-sync-alert:before { content: "\f5d5"; } .mdi-sync-off:before { content: "\f5d6"; } .mdi-tab:before { content: "\f5d7"; } .mdi-tab-unselected:before { content: "\f5d8"; } .mdi-table:before { content: "\f5d9"; } .mdi-table-column-plus-after:before { content: "\f5da"; } .mdi-table-column-plus-before:before { content: "\f5db"; } .mdi-table-column-remove:before { content: "\f5dc"; } .mdi-table-column-width:before { content: "\f5dd"; } .mdi-table-edit:before { content: "\f5de"; } .mdi-table-large:before { content: "\f5df"; } .mdi-table-row-height:before { content: "\f5e0"; } .mdi-table-row-plus-after:before { content: "\f5e1"; } .mdi-table-row-plus-before:before { content: "\f5e2"; } .mdi-table-row-remove:before { content: "\f5e3"; } .mdi-tablet:before { content: "\f5e4"; } .mdi-tablet-android:before { content: "\f5e5"; } .mdi-tablet-ipad:before { content: "\f5e6"; } .mdi-tag:before { content: "\f5e7"; } .mdi-tag-faces:before { content: "\f5e8"; } .mdi-tag-multiple:before { content: "\f5e9"; } .mdi-tag-outline:before { content: "\f5ea"; } .mdi-tag-text-outline:before { content: "\f5eb"; } .mdi-target:before { content: "\f5ec"; } .mdi-taxi:before { content: "\f5ed"; } .mdi-teamviewer:before { content: "\f5ee"; } .mdi-telegram:before { content: "\f5ef"; } .mdi-television:before { content: "\f5f0"; } .mdi-television-guide:before { content: "\f5f1"; } .mdi-temperature-celsius:before { content: "\f5f2"; } .mdi-temperature-fahrenheit:before { content: "\f5f3"; } .mdi-temperature-kelvin:before { content: "\f5f4"; } .mdi-tennis:before { content: "\f5f5"; } .mdi-tent:before { content: "\f5f6"; } .mdi-terrain:before { content: "\f5f7"; } .mdi-text-to-speech:before { content: "\f5f8"; } .mdi-text-to-speech-off:before { content: "\f5f9"; } .mdi-texture:before { content: "\f5fa"; } .mdi-theater:before { content: "\f5fb"; } .mdi-theme-light-dark:before { content: "\f5fc"; } .mdi-thermometer:before { content: "\f5fd"; } .mdi-thermometer-lines:before { content: "\f5fe"; } .mdi-thumb-down:before { content: "\f5ff"; } .mdi-thumb-down-outline:before { content: "\f600"; } .mdi-thumb-up:before { content: "\f601"; } .mdi-thumb-up-outline:before { content: "\f602"; } .mdi-thumbs-up-down:before { content: "\f603"; } .mdi-ticket:before { content: "\f604"; } .mdi-ticket-account:before { content: "\f605"; } .mdi-ticket-confirmation:before { content: "\f606"; } .mdi-tie:before { content: "\f607"; } .mdi-timelapse:before { content: "\f608"; } .mdi-timer:before { content: "\f609"; } .mdi-timer-10:before { content: "\f60a"; } .mdi-timer-3:before { content: "\f60b"; } .mdi-timer-off:before { content: "\f60c"; } .mdi-timer-sand:before { content: "\f60d"; } .mdi-timetable:before { content: "\f60e"; } .mdi-toggle-switch:before { content: "\f60f"; } .mdi-toggle-switch-off:before { content: "\f610"; } .mdi-tooltip:before { content: "\f611"; } .mdi-tooltip-edit:before { content: "\f612"; } .mdi-tooltip-image:before { content: "\f613"; } .mdi-tooltip-outline:before { content: "\f614"; } .mdi-tooltip-outline-plus:before { content: "\f615"; } .mdi-tooltip-text:before { content: "\f616"; } .mdi-tor:before { content: "\f617"; } .mdi-traffic-light:before { content: "\f618"; } .mdi-train:before { content: "\f619"; } .mdi-tram:before { content: "\f61a"; } .mdi-transcribe:before { content: "\f61b"; } .mdi-transcribe-close:before { content: "\f61c"; } .mdi-transfer:before { content: "\f61d"; } .mdi-tree:before { content: "\f61e"; } .mdi-trello:before { content: "\f61f"; } .mdi-trending-down:before { content: "\f620"; } .mdi-trending-neutral:before { content: "\f621"; } .mdi-trending-up:before { content: "\f622"; } .mdi-triangle:before { content: "\f623"; } .mdi-triangle-outline:before { content: "\f624"; } .mdi-trophy:before { content: "\f625"; } .mdi-trophy-award:before { content: "\f626"; } .mdi-trophy-outline:before { content: "\f627"; } .mdi-trophy-variant:before { content: "\f628"; } .mdi-trophy-variant-outline:before { content: "\f629"; } .mdi-truck:before { content: "\f62a"; } .mdi-truck-delivery:before { content: "\f62b"; } .mdi-tshirt-crew:before { content: "\f62c"; } .mdi-tshirt-v:before { content: "\f62d"; } .mdi-tumblr:before { content: "\f62e"; } .mdi-tumblr-reblog:before { content: "\f62f"; } .mdi-twitch:before { content: "\f630"; } .mdi-twitter:before { content: "\f631"; } .mdi-twitter-box:before { content: "\f632"; } .mdi-twitter-circle:before { content: "\f633"; } .mdi-twitter-retweet:before { content: "\f634"; } .mdi-ubuntu:before { content: "\f635"; } .mdi-umbraco:before { content: "\f636"; } .mdi-umbrella:before { content: "\f637"; } .mdi-umbrella-outline:before { content: "\f638"; } .mdi-undo:before { content: "\f639"; } .mdi-undo-variant:before { content: "\f63a"; } .mdi-unfold-less:before { content: "\f63b"; } .mdi-unfold-more:before { content: "\f63c"; } .mdi-ungroup:before { content: "\f63d"; } .mdi-untappd:before { content: "\f63e"; } .mdi-upload:before { content: "\f63f"; } .mdi-usb:before { content: "\f640"; } .mdi-vector-arrange-above:before { content: "\f641"; } .mdi-vector-arrange-below:before { content: "\f642"; } .mdi-vector-circle:before { content: "\f643"; } .mdi-vector-circle-variant:before { content: "\f644"; } .mdi-vector-combine:before { content: "\f645"; } .mdi-vector-curve:before { content: "\f646"; } .mdi-vector-difference:before { content: "\f647"; } .mdi-vector-difference-ab:before { content: "\f648"; } .mdi-vector-difference-ba:before { content: "\f649"; } .mdi-vector-intersection:before { content: "\f64a"; } .mdi-vector-line:before { content: "\f64b"; } .mdi-vector-point:before { content: "\f64c"; } .mdi-vector-polygon:before { content: "\f64d"; } .mdi-vector-polyline:before { content: "\f64e"; } .mdi-vector-selection:before { content: "\f64f"; } .mdi-vector-square:before { content: "\f650"; } .mdi-vector-triangle:before { content: "\f651"; } .mdi-vector-union:before { content: "\f652"; } .mdi-verified:before { content: "\f653"; } .mdi-vibrate:before { content: "\f654"; } .mdi-video:before { content: "\f655"; } .mdi-video-off:before { content: "\f656"; } .mdi-video-switch:before { content: "\f657"; } .mdi-view-agenda:before { content: "\f658"; } .mdi-view-array:before { content: "\f659"; } .mdi-view-carousel:before { content: "\f65a"; } .mdi-view-column:before { content: "\f65b"; } .mdi-view-dashboard:before { content: "\f65c"; } .mdi-view-day:before { content: "\f65d"; } .mdi-view-grid:before { content: "\f65e"; } .mdi-view-headline:before { content: "\f65f"; } .mdi-view-list:before { content: "\f660"; } .mdi-view-module:before { content: "\f661"; } .mdi-view-quilt:before { content: "\f662"; } .mdi-view-stream:before { content: "\f663"; } .mdi-view-week:before { content: "\f664"; } .mdi-vimeo:before { content: "\f665"; } .mdi-vine:before { content: "\f666"; } .mdi-vk:before { content: "\f667"; } .mdi-vk-box:before { content: "\f668"; } .mdi-vk-circle:before { content: "\f669"; } .mdi-voicemail:before { content: "\f66a"; } .mdi-volume-high:before { content: "\f66b"; } .mdi-volume-low:before { content: "\f66c"; } .mdi-volume-medium:before { content: "\f66d"; } .mdi-volume-off:before { content: "\f66e"; } .mdi-vpn:before { content: "\f66f"; } .mdi-walk:before { content: "\f670"; } .mdi-wallet:before { content: "\f671"; } .mdi-wallet-giftcard:before { content: "\f672"; } .mdi-wallet-membership:before { content: "\f673"; } .mdi-wallet-travel:before { content: "\f674"; } .mdi-wan:before { content: "\f675"; } .mdi-watch:before { content: "\f676"; } .mdi-watch-export:before { content: "\f677"; } .mdi-watch-import:before { content: "\f678"; } .mdi-water:before { content: "\f679"; } .mdi-water-off:before { content: "\f67a"; } .mdi-water-percent:before { content: "\f67b"; } .mdi-water-pump:before { content: "\f67c"; } .mdi-weather-cloudy:before { content: "\f67d"; } .mdi-weather-fog:before { content: "\f67e"; } .mdi-weather-hail:before { content: "\f67f"; } .mdi-weather-lightning:before { content: "\f680"; } .mdi-weather-night:before { content: "\f681"; } .mdi-weather-partlycloudy:before { content: "\f682"; } .mdi-weather-pouring:before { content: "\f683"; } .mdi-weather-rainy:before { content: "\f684"; } .mdi-weather-snowy:before { content: "\f685"; } .mdi-weather-sunny:before { content: "\f686"; } .mdi-weather-sunset:before { content: "\f687"; } .mdi-weather-sunset-down:before { content: "\f688"; } .mdi-weather-sunset-up:before { content: "\f689"; } .mdi-weather-windy:before { content: "\f68a"; } .mdi-weather-windy-variant:before { content: "\f68b"; } .mdi-web:before { content: "\f68c"; } .mdi-webcam:before { content: "\f68d"; } .mdi-weight:before { content: "\f68e"; } .mdi-weight-kilogram:before { content: "\f68f"; } .mdi-whatsapp:before { content: "\f690"; } .mdi-wheelchair-accessibility:before { content: "\f691"; } .mdi-white-balance-auto:before { content: "\f692"; } .mdi-white-balance-incandescent:before { content: "\f693"; } .mdi-white-balance-irradescent:before { content: "\f694"; } .mdi-white-balance-sunny:before { content: "\f695"; } .mdi-wifi:before { content: "\f696"; } .mdi-wifi-off:before { content: "\f697"; } .mdi-wii:before { content: "\f698"; } .mdi-wikipedia:before { content: "\f699"; } .mdi-window-close:before { content: "\f69a"; } .mdi-window-closed:before { content: "\f69b"; } .mdi-window-maximize:before { content: "\f69c"; } .mdi-window-minimize:before { content: "\f69d"; } .mdi-window-open:before { content: "\f69e"; } .mdi-window-restore:before { content: "\f69f"; } .mdi-windows:before { content: "\f6a0"; } .mdi-wordpress:before { content: "\f6a1"; } .mdi-worker:before { content: "\f6a2"; } .mdi-wrap:before { content: "\f6a3"; } .mdi-wrench:before { content: "\f6a4"; } .mdi-wunderlist:before { content: "\f6a5"; } .mdi-xbox:before { content: "\f6a6"; } .mdi-xbox-controller:before { content: "\f6a7"; } .mdi-xbox-controller-off:before { content: "\f6a8"; } .mdi-xda:before { content: "\f6a9"; } .mdi-xing:before { content: "\f6aa"; } .mdi-xing-box:before { content: "\f6ab"; } .mdi-xing-circle:before { content: "\f6ac"; } .mdi-xml:before { content: "\f6ad"; } .mdi-yeast:before { content: "\f6ae"; } .mdi-yelp:before { content: "\f6af"; } .mdi-youtube-play:before { content: "\f6b0"; } .mdi-zip-box:before { content: "\f6b1"; } .mdi-18px { font-size: 18px; } .mdi-24px { font-size: 24px; } .mdi-36px { font-size: 36px; } .mdi-48px { font-size: 48px; } .mdi-dark { color: rgba(0, 0, 0, 0.54); } .mdi-dark.mdi-inactive { color: rgba(0, 0, 0, 0.26); } .mdi-light { color: white; } .mdi-light.mdi-inactive { color: rgba(255, 255, 255, 0.3); } /** + * Title: Bigmug Line Flaticon Pack + * Author: Catalin Fertu + * Source: http://www.flaticon.com/packs/bigmug-line + * License: CC BY 3.0 (http://creativecommons.org/licenses/by/3.0/) + */ @font-face { font-family: "fl-bigmug-line"; src: url("../fonts/fl-bigmug-line.eot"); src: url("../fonts/fl-bigmug-line.eot#iefix") format("embedded-opentype"), url("../fonts/fl-bigmug-line.woff") format("woff"), url("../fonts/fl-bigmug-line.ttf") format("truetype"), url("../fonts/fl-bigmug-line.svg") format("svg"); font-weight: normal; font-style: normal; } .fl-bigmug-line-ico, [class^="fl-bigmug-line-"]:before, [class*=" fl-bigmug-line-"]:before, [class^="fl-bigmug-line-"]:after, [class*=" fl-bigmug-line-"]:after { font-family: 'fl-bigmug-line'; font-size: inherit; font-weight: 400; font-style: normal; } .fl-bigmug-line-add137:before { content: "\e000"; } .fl-bigmug-line-add139:before { content: "\e001"; } .fl-bigmug-line-add149:before { content: "\e002"; } .fl-bigmug-line-airplane86:before { content: "\e003"; } .fl-bigmug-line-alarm31:before { content: "\e004"; } .fl-bigmug-line-arrow592:before { content: "\e005"; } .fl-bigmug-line-attach8:before { content: "\e006"; } .fl-bigmug-line-attachment15:before { content: "\e007"; } .fl-bigmug-line-audio46:before { content: "\e008"; } .fl-bigmug-line-back44:before { content: "\e009"; } .fl-bigmug-line-back46:before { content: "\e00a"; } .fl-bigmug-line-big104:before { content: "\e00b"; } .fl-bigmug-line-book188:before { content: "\e00c"; } .fl-bigmug-line-bookmark28:before { content: "\e00d"; } .fl-bigmug-line-bottle34:before { content: "\e00e"; } .fl-bigmug-line-button5:before { content: "\e00f"; } .fl-bigmug-line-buttons5:before { content: "\e010"; } .fl-bigmug-line-cellphone55:before { content: "\e011"; } .fl-bigmug-line-cellular9:before { content: "\e012"; } .fl-bigmug-line-center10:before { content: "\e013"; } .fl-bigmug-line-chat51:before { content: "\e014"; } .fl-bigmug-line-chat55:before { content: "\e015"; } .fl-bigmug-line-checkmark14:before { content: "\e016"; } .fl-bigmug-line-checkmark15:before { content: "\e017"; } .fl-bigmug-line-checkmark16:before { content: "\e018"; } .fl-bigmug-line-circular220:before { content: "\e019"; } .fl-bigmug-line-circular224:before { content: "\e01a"; } .fl-bigmug-line-circular228:before { content: "\e01b"; } .fl-bigmug-line-circular229:before { content: "\e01c"; } .fl-bigmug-line-clipboard68:before { content: "\e01d"; } .fl-bigmug-line-close42:before { content: "\e01e"; } .fl-bigmug-line-cloud255:before { content: "\e01f"; } .fl-bigmug-line-cloud260:before { content: "\e020"; } .fl-bigmug-line-cocktail26:before { content: "\e021"; } .fl-bigmug-line-code30:before { content: "\e022"; } .fl-bigmug-line-collapse5:before { content: "\e023"; } .fl-bigmug-line-comment45:before { content: "\e024"; } .fl-bigmug-line-compass80:before { content: "\e025"; } .fl-bigmug-line-contract5:before { content: "\e026"; } .fl-bigmug-line-copy23:before { content: "\e027"; } .fl-bigmug-line-crescent23:before { content: "\e028"; } .fl-bigmug-line-cropping1:before { content: "\e029"; } .fl-bigmug-line-cross81:before { content: "\e02a"; } .fl-bigmug-line-cross83:before { content: "\e02b"; } .fl-bigmug-line-cube29:before { content: "\e02c"; } .fl-bigmug-line-double97:before { content: "\e02d"; } .fl-bigmug-line-double98:before { content: "\e02e"; } .fl-bigmug-line-double99:before { content: "\e02f"; } .fl-bigmug-line-down55:before { content: "\e030"; } .fl-bigmug-line-down56:before { content: "\e031"; } .fl-bigmug-line-down58:before { content: "\e032"; } .fl-bigmug-line-down59:before { content: "\e033"; } .fl-bigmug-line-down64:before { content: "\e034"; } .fl-bigmug-line-download136:before { content: "\e035"; } .fl-bigmug-line-download142:before { content: "\e036"; } .fl-bigmug-line-download146:before { content: "\e037"; } .fl-bigmug-line-download147:before { content: "\e038"; } .fl-bigmug-line-download148:before { content: "\e039"; } .fl-bigmug-line-electrical17:before { content: "\e03a"; } .fl-bigmug-line-electronic57:before { content: "\e03b"; } .fl-bigmug-line-email64:before { content: "\e03c"; } .fl-bigmug-line-email67:before { content: "\e03d"; } .fl-bigmug-line-equalization3:before { content: "\e03e"; } .fl-bigmug-line-equalizer26:before { content: "\e03f"; } .fl-bigmug-line-event6:before { content: "\e040"; } .fl-bigmug-line-expand25:before { content: "\e041"; } .fl-bigmug-line-expanding2:before { content: "\e042"; } .fl-bigmug-line-fast33:before { content: "\e043"; } .fl-bigmug-line-favourites5:before { content: "\e044"; } .fl-bigmug-line-file68:before { content: "\e045"; } .fl-bigmug-line-file69:before { content: "\e046"; } .fl-bigmug-line-film57:before { content: "\e047"; } .fl-bigmug-line-flag53:before { content: "\e048"; } .fl-bigmug-line-fog10:before { content: "\e049"; } .fl-bigmug-line-foggy3:before { content: "\e04a"; } .fl-bigmug-line-folder173:before { content: "\e04b"; } .fl-bigmug-line-fork34:before { content: "\e04c"; } .fl-bigmug-line-four87:before { content: "\e04d"; } .fl-bigmug-line-full40:before { content: "\e04e"; } .fl-bigmug-line-games32:before { content: "\e04f"; } .fl-bigmug-line-gear30:before { content: "\e050"; } .fl-bigmug-line-giftbox54:before { content: "\e051"; } .fl-bigmug-line-graphical8:before { content: "\e052"; } .fl-bigmug-line-headphones32:before { content: "\e053"; } .fl-bigmug-line-hot67:before { content: "\e054"; } .fl-bigmug-line-images21:before { content: "\e055"; } .fl-bigmug-line-ink12:before { content: "\e056"; } .fl-bigmug-line-label25:before { content: "\e057"; } .fl-bigmug-line-left144:before { content: "\e058"; } .fl-bigmug-line-left145:before { content: "\e059"; } .fl-bigmug-line-left146:before { content: "\e05a"; } .fl-bigmug-line-left148:before { content: "\e05b"; } .fl-bigmug-line-left152:before { content: "\e05c"; } .fl-bigmug-line-left153:before { content: "\e05d"; } .fl-bigmug-line-left158:before { content: "\e05e"; } .fl-bigmug-line-left159:before { content: "\e05f"; } .fl-bigmug-line-like51:before { content: "\e060"; } .fl-bigmug-line-link52:before { content: "\e061"; } .fl-bigmug-line-list63:before { content: "\e062"; } .fl-bigmug-line-list65:before { content: "\e063"; } .fl-bigmug-line-lock64:before { content: "\e064"; } .fl-bigmug-line-login12:before { content: "\e065"; } .fl-bigmug-line-login9:before { content: "\e066"; } .fl-bigmug-line-map87:before { content: "\e067"; } .fl-bigmug-line-megaphone11:before { content: "\e068"; } .fl-bigmug-line-men25:before { content: "\e069"; } .fl-bigmug-line-menu40:before { content: "\e06a"; } .fl-bigmug-line-menu41:before { content: "\e06b"; } .fl-bigmug-line-microphone76:before { content: "\e06c"; } .fl-bigmug-line-microphone77:before { content: "\e06d"; } .fl-bigmug-line-minus79:before { content: "\e06e"; } .fl-bigmug-line-minus80:before { content: "\e06f"; } .fl-bigmug-line-minus83:before { content: "\e070"; } .fl-bigmug-line-minus86:before { content: "\e071"; } .fl-bigmug-line-monitor74:before { content: "\e072"; } .fl-bigmug-line-music218:before { content: "\e073"; } .fl-bigmug-line-music219:before { content: "\e074"; } .fl-bigmug-line-music221:before { content: "\e075"; } .fl-bigmug-line-musical100:before { content: "\e076"; } .fl-bigmug-line-musical98:before { content: "\e077"; } .fl-bigmug-line-mute34:before { content: "\e078"; } .fl-bigmug-line-new83:before { content: "\e079"; } .fl-bigmug-line-nine16:before { content: "\e07a"; } .fl-bigmug-line-note35:before { content: "\e07b"; } .fl-bigmug-line-notebook41:before { content: "\e07c"; } .fl-bigmug-line-notification4:before { content: "\e07d"; } .fl-bigmug-line-notification5:before { content: "\e07e"; } .fl-bigmug-line-opened25:before { content: "\e07f"; } .fl-bigmug-line-oval34:before { content: "\e080"; } .fl-bigmug-line-paintbrush9:before { content: "\e081"; } .fl-bigmug-line-paper122:before { content: "\e082"; } .fl-bigmug-line-pause37:before { content: "\e083"; } .fl-bigmug-line-pencil85:before { content: "\e084"; } .fl-bigmug-line-phone351:before { content: "\e085"; } .fl-bigmug-line-photo181:before { content: "\e086"; } .fl-bigmug-line-pin42:before { content: "\e087"; } .fl-bigmug-line-planetary2:before { content: "\e088"; } .fl-bigmug-line-play83:before { content: "\e089"; } .fl-bigmug-line-portfolio23:before { content: "\e08a"; } .fl-bigmug-line-print34:before { content: "\e08b"; } .fl-bigmug-line-radio46:before { content: "\e08c"; } .fl-bigmug-line-rain30:before { content: "\e08d"; } .fl-bigmug-line-rectangular78:before { content: "\e08e"; } .fl-bigmug-line-recycling10:before { content: "\e08f"; } .fl-bigmug-line-rewind37:before { content: "\e090"; } .fl-bigmug-line-right139:before { content: "\e091"; } .fl-bigmug-line-right141:before { content: "\e092"; } .fl-bigmug-line-right142:before { content: "\e093"; } .fl-bigmug-line-right144:before { content: "\e094"; } .fl-bigmug-line-right148:before { content: "\e095"; } .fl-bigmug-line-right153:before { content: "\e096"; } .fl-bigmug-line-right154:before { content: "\e097"; } .fl-bigmug-line-right156:before { content: "\e098"; } .fl-bigmug-line-rounded51:before { content: "\e099"; } .fl-bigmug-line-sand14:before { content: "\e09a"; } .fl-bigmug-line-save15:before { content: "\e09b"; } .fl-bigmug-line-search74:before { content: "\e09c"; } .fl-bigmug-line-search78:before { content: "\e09d"; } .fl-bigmug-line-share27:before { content: "\e09e"; } .fl-bigmug-line-shopping198:before { content: "\e09f"; } .fl-bigmug-line-shopping199:before { content: "\e0a0"; } .fl-bigmug-line-shopping202:before { content: "\e0a1"; } .fl-bigmug-line-shopping204:before { content: "\e0a2"; } .fl-bigmug-line-shuffle17:before { content: "\e0a3"; } .fl-bigmug-line-sort47:before { content: "\e0a4"; } .fl-bigmug-line-sort48:before { content: "\e0a5"; } .fl-bigmug-line-speaker75:before { content: "\e0a6"; } .fl-bigmug-line-speaker80:before { content: "\e0a7"; } .fl-bigmug-line-speaker81:before { content: "\e0a8"; } .fl-bigmug-line-speaker86:before { content: "\e0a9"; } .fl-bigmug-line-speaker87:before { content: "\e0aa"; } .fl-bigmug-line-speech96:before { content: "\e0ab"; } .fl-bigmug-line-square152:before { content: "\e0ac"; } .fl-bigmug-line-square156:before { content: "\e0ad"; } .fl-bigmug-line-square160:before { content: "\e0ae"; } .fl-bigmug-line-store10:before { content: "\e0af"; } .fl-bigmug-line-sun81:before { content: "\e0b0"; } .fl-bigmug-line-sunrise3:before { content: "\e0b1"; } .fl-bigmug-line-switch23:before { content: "\e0b2"; } .fl-bigmug-line-switch24:before { content: "\e0b3"; } .fl-bigmug-line-tag47:before { content: "\e0b4"; } .fl-bigmug-line-television20:before { content: "\e0b5"; } .fl-bigmug-line-text108:before { content: "\e0b6"; } .fl-bigmug-line-text109:before { content: "\e0b7"; } .fl-bigmug-line-three142:before { content: "\e0b8"; } .fl-bigmug-line-timer35:before { content: "\e0b9"; } .fl-bigmug-line-tool16:before { content: "\e0ba"; } .fl-bigmug-line-triangle33:before { content: "\e0bb"; } .fl-bigmug-line-trophy55:before { content: "\e0bc"; } .fl-bigmug-line-two311:before { content: "\e0bd"; } .fl-bigmug-line-two316:before { content: "\e0be"; } .fl-bigmug-line-two317:before { content: "\e0bf"; } .fl-bigmug-line-two319:before { content: "\e0c0"; } .fl-bigmug-line-two323:before { content: "\e0c1"; } .fl-bigmug-line-unlocked27:before { content: "\e0c2"; } .fl-bigmug-line-up100:before { content: "\e0c3"; } .fl-bigmug-line-up102:before { content: "\e0c4"; } .fl-bigmug-line-up103:before { content: "\e0c5"; } .fl-bigmug-line-up104:before { content: "\e0c6"; } .fl-bigmug-line-up107:before { content: "\e0c7"; } .fl-bigmug-line-up111:before { content: "\e0c8"; } .fl-bigmug-line-up112:before { content: "\e0c9"; } .fl-bigmug-line-up114:before { content: "\e0ca"; } .fl-bigmug-line-up98:before { content: "\e0cb"; } .fl-bigmug-line-up99:before { content: "\e0cc"; } .fl-bigmug-line-upload91:before { content: "\e0cd"; } .fl-bigmug-line-upload92:before { content: "\e0ce"; } .fl-bigmug-line-upper8:before { content: "\e0cf"; } .fl-bigmug-line-user143:before { content: "\e0d0"; } .fl-bigmug-line-user144:before { content: "\e0d1"; } .fl-bigmug-line-video163:before { content: "\e0d2"; } .fl-bigmug-line-wallet26:before { content: "\e0d3"; } .fl-bigmug-line-weather21:before { content: "\e0d4"; } .fl-bigmug-line-weekly14:before { content: "\e0d5"; } .fl-bigmug-line-weekly15:before { content: "\e0d6"; } .fl-bigmug-line-wind24:before { content: "\e0d7"; } .fl-bigmug-line-window50:before { content: "\e0d8"; } .fl-bigmug-line-winds4:before { content: "\e0d9"; } .fl-bigmug-line-wrench66:before { content: "\e0da"; } .fl-bigmug-line-zoom60:before { content: "\e0db"; } @font-face { font-family: 'Linearicons'; font-weight: normal; font-style: normal; src: url(../fonts/Linearicons.eot); /* For IE6-8 */ src: local("Linearicons"), local("Linearicons"), url(../fonts/Linearicons.woff) format("woff"), url(../fonts/Linearicons.ttf) format("truetype"); } .linearicons, [class^="linearicons-"], [class*=" linearicons-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'Linearicons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .linearicons-home:before { content: "\e900"; } .linearicons-home2:before { content: "\e901"; } .linearicons-home3:before { content: "\e902"; } .linearicons-home-icon3:before { content: "\e902"; } .linearicons-home4:before { content: "\e903"; } .linearicons-home5:before { content: "\e904"; } .linearicons-home6:before { content: "\e905"; } .linearicons-bathtub:before { content: "\e906"; } .linearicons-toothbrush:before { content: "\e907"; } .linearicons-bed:before { content: "\e908"; } .linearicons-couch:before { content: "\e909"; } .linearicons-chair:before { content: "\e90a"; } .linearicons-city:before { content: "\e90b"; } .linearicons-apartment:before { content: "\e90c"; } .linearicons-pencil:before { content: "\e90d"; } .linearicons-pencil2:before { content: "\e90e"; } .linearicons-pen:before { content: "\e90f"; } .linearicons-pencil3:before { content: "\e910"; } .linearicons-eraser:before { content: "\e911"; } .linearicons-pencil4:before { content: "\e912"; } .linearicons-pencil5:before { content: "\e913"; } .linearicons-feather:before { content: "\e914"; } .linearicons-feather2:before { content: "\e915"; } .linearicons-feather3:before { content: "\e916"; } .linearicons-pen2:before { content: "\e917"; } .linearicons-pen-add:before { content: "\e918"; } .linearicons-pen-remove:before { content: "\e919"; } .linearicons-vector:before { content: "\e91a"; } .linearicons-pen3:before { content: "\e91b"; } .linearicons-blog:before { content: "\e91c"; } .linearicons-brush:before { content: "\e91d"; } .linearicons-brush2:before { content: "\e91e"; } .linearicons-spray:before { content: "\e91f"; } .linearicons-paint-roller:before { content: "\e920"; } .linearicons-stamp:before { content: "\e921"; } .linearicons-tape:before { content: "\e922"; } .linearicons-desk-tape:before { content: "\e923"; } .linearicons-texture:before { content: "\e924"; } .linearicons-eye-dropper:before { content: "\e925"; } .linearicons-palette:before { content: "\e926"; } .linearicons-color-sampler:before { content: "\e927"; } .linearicons-bucket:before { content: "\e928"; } .linearicons-gradient:before { content: "\e929"; } .linearicons-gradient2:before { content: "\e92a"; } .linearicons-magic-wand:before { content: "\e92b"; } .linearicons-magnet:before { content: "\e92c"; } .linearicons-pencil-ruler:before { content: "\e92d"; } .linearicons-pencil-ruler2:before { content: "\e92e"; } .linearicons-compass:before { content: "\e92f"; } .linearicons-aim:before { content: "\e930"; } .linearicons-gun:before { content: "\e931"; } .linearicons-bottle:before { content: "\e932"; } .linearicons-drop:before { content: "\e933"; } .linearicons-drop-crossed:before { content: "\e934"; } .linearicons-drop2:before { content: "\e935"; } .linearicons-snow:before { content: "\e936"; } .linearicons-snow2:before { content: "\e937"; } .linearicons-fire:before { content: "\e938"; } .linearicons-lighter:before { content: "\e939"; } .linearicons-knife:before { content: "\e93a"; } .linearicons-dagger:before { content: "\e93b"; } .linearicons-tissue:before { content: "\e93c"; } .linearicons-toilet-paper:before { content: "\e93d"; } .linearicons-poop:before { content: "\e93e"; } .linearicons-umbrella:before { content: "\e93f"; } .linearicons-umbrella2:before { content: "\e940"; } .linearicons-rain:before { content: "\e941"; } .linearicons-tornado:before { content: "\e942"; } .linearicons-wind:before { content: "\e943"; } .linearicons-fan:before { content: "\e944"; } .linearicons-contrast:before { content: "\e945"; } .linearicons-sun-small:before { content: "\e946"; } .linearicons-sun:before { content: "\e947"; } .linearicons-sun2:before { content: "\e948"; } .linearicons-moon:before { content: "\e949"; } .linearicons-cloud:before { content: "\e94a"; } .linearicons-cloud-upload:before { content: "\e94b"; } .linearicons-cloud-download:before { content: "\e94c"; } .linearicons-cloud-rain:before { content: "\e94d"; } .linearicons-cloud-hailstones:before { content: "\e94e"; } .linearicons-cloud-snow:before { content: "\e94f"; } .linearicons-cloud-windy:before { content: "\e950"; } .linearicons-sun-wind:before { content: "\e951"; } .linearicons-cloud-fog:before { content: "\e952"; } .linearicons-cloud-sun:before { content: "\e953"; } .linearicons-cloud-lightning:before { content: "\e954"; } .linearicons-cloud-sync:before { content: "\e955"; } .linearicons-cloud-lock:before { content: "\e956"; } .linearicons-cloud-gear:before { content: "\e957"; } .linearicons-cloud-alert:before { content: "\e958"; } .linearicons-cloud-check:before { content: "\e959"; } .linearicons-cloud-cross:before { content: "\e95a"; } .linearicons-cloud-crossed:before { content: "\e95b"; } .linearicons-cloud-database:before { content: "\e95c"; } .linearicons-database:before { content: "\e95d"; } .linearicons-database-add:before { content: "\e95e"; } .linearicons-database-remove:before { content: "\e95f"; } .linearicons-database-lock:before { content: "\e960"; } .linearicons-database-refresh:before { content: "\e961"; } .linearicons-database-check:before { content: "\e962"; } .linearicons-database-history:before { content: "\e963"; } .linearicons-database-upload:before { content: "\e964"; } .linearicons-database-download:before { content: "\e965"; } .linearicons-server:before { content: "\e966"; } .linearicons-shield:before { content: "\e967"; } .linearicons-shield-check:before { content: "\e968"; } .linearicons-shield-alert:before { content: "\e969"; } .linearicons-shield-cross:before { content: "\e96a"; } .linearicons-lock:before { content: "\e96b"; } .linearicons-rotation-lock:before { content: "\e96c"; } .linearicons-unlock:before { content: "\e96d"; } .linearicons-key:before { content: "\e96e"; } .linearicons-key-hole:before { content: "\e96f"; } .linearicons-toggle-off:before { content: "\e970"; } .linearicons-toggle-on:before { content: "\e971"; } .linearicons-cog:before { content: "\e972"; } .linearicons-cog2:before { content: "\e973"; } .linearicons-wrench:before { content: "\e974"; } .linearicons-screwdriver:before { content: "\e975"; } .linearicons-hammer-wrench:before { content: "\e976"; } .linearicons-hammer:before { content: "\e977"; } .linearicons-saw:before { content: "\e978"; } .linearicons-axe:before { content: "\e979"; } .linearicons-axe2:before { content: "\e97a"; } .linearicons-shovel:before { content: "\e97b"; } .linearicons-pickaxe:before { content: "\e97c"; } .linearicons-factory:before { content: "\e97d"; } .linearicons-factory2:before { content: "\e97e"; } .linearicons-recycle:before { content: "\e97f"; } .linearicons-trash:before { content: "\e980"; } .linearicons-trash2:before { content: "\e981"; } .linearicons-trash3:before { content: "\e982"; } .linearicons-broom:before { content: "\e983"; } .linearicons-game:before { content: "\e984"; } .linearicons-gamepad:before { content: "\e985"; } .linearicons-joystick:before { content: "\e986"; } .linearicons-dice:before { content: "\e987"; } .linearicons-spades:before { content: "\e988"; } .linearicons-diamonds:before { content: "\e989"; } .linearicons-clubs:before { content: "\e98a"; } .linearicons-hearts:before { content: "\e98b"; } .linearicons-heart:before { content: "\e98c"; } .linearicons-star:before { content: "\e98d"; } .linearicons-star-half:before { content: "\e98e"; } .linearicons-star-empty:before { content: "\e98f"; } .linearicons-flag:before { content: "\e990"; } .linearicons-flag2:before { content: "\e991"; } .linearicons-flag3:before { content: "\e992"; } .linearicons-mailbox-full:before { content: "\e993"; } .linearicons-mailbox-empty:before { content: "\e994"; } .linearicons-at-sign:before { content: "\e995"; } .linearicons-envelope:before { content: "\e996"; } .linearicons-envelope-open:before { content: "\e997"; } .linearicons-paperclip:before { content: "\e998"; } .linearicons-paper-plane:before { content: "\e999"; } .linearicons-reply:before { content: "\e99a"; } .linearicons-reply-all:before { content: "\e99b"; } .linearicons-inbox:before { content: "\e99c"; } .linearicons-inbox2:before { content: "\e99d"; } .linearicons-outbox:before { content: "\e99e"; } .linearicons-box:before { content: "\e99f"; } .linearicons-archive:before { content: "\e9a0"; } .linearicons-archive2:before { content: "\e9a1"; } .linearicons-drawers:before { content: "\e9a2"; } .linearicons-drawers2:before { content: "\e9a3"; } .linearicons-drawers3:before { content: "\e9a4"; } .linearicons-eye:before { content: "\e9a5"; } .linearicons-eye-crossed:before { content: "\e9a6"; } .linearicons-eye-plus:before { content: "\e9a7"; } .linearicons-eye-minus:before { content: "\e9a8"; } .linearicons-binoculars:before { content: "\e9a9"; } .linearicons-binoculars2:before { content: "\e9aa"; } .linearicons-hdd:before { content: "\e9ab"; } .linearicons-hdd-down:before { content: "\e9ac"; } .linearicons-hdd-up:before { content: "\e9ad"; } .linearicons-floppy-disk:before { content: "\e9ae"; } .linearicons-disc:before { content: "\e9af"; } .linearicons-tape2:before { content: "\e9b0"; } .linearicons-printer:before { content: "\e9b1"; } .linearicons-shredder:before { content: "\e9b2"; } .linearicons-file-empty:before { content: "\e9b3"; } .linearicons-file-add:before { content: "\e9b4"; } .linearicons-file-check:before { content: "\e9b5"; } .linearicons-file-lock:before { content: "\e9b6"; } .linearicons-files:before { content: "\e9b7"; } .linearicons-copy:before { content: "\e9b8"; } .linearicons-compare:before { content: "\e9b9"; } .linearicons-folder:before { content: "\e9ba"; } .linearicons-folder-search:before { content: "\e9bb"; } .linearicons-folder-plus:before { content: "\e9bc"; } .linearicons-folder-minus:before { content: "\e9bd"; } .linearicons-folder-download:before { content: "\e9be"; } .linearicons-folder-upload:before { content: "\e9bf"; } .linearicons-folder-star:before { content: "\e9c0"; } .linearicons-folder-heart:before { content: "\e9c1"; } .linearicons-folder-user:before { content: "\e9c2"; } .linearicons-folder-shared:before { content: "\e9c3"; } .linearicons-folder-music:before { content: "\e9c4"; } .linearicons-folder-picture:before { content: "\e9c5"; } .linearicons-folder-film:before { content: "\e9c6"; } .linearicons-scissors:before { content: "\e9c7"; } .linearicons-paste:before { content: "\e9c8"; } .linearicons-clipboard-empty:before { content: "\e9c9"; } .linearicons-clipboard-pencil:before { content: "\e9ca"; } .linearicons-clipboard-text:before { content: "\e9cb"; } .linearicons-clipboard-check:before { content: "\e9cc"; } .linearicons-clipboard-down:before { content: "\e9cd"; } .linearicons-clipboard-left:before { content: "\e9ce"; } .linearicons-clipboard-alert:before { content: "\e9cf"; } .linearicons-clipboard-user:before { content: "\e9d0"; } .linearicons-register:before { content: "\e9d1"; } .linearicons-enter:before { content: "\e9d2"; } .linearicons-exit:before { content: "\e9d3"; } .linearicons-papers:before { content: "\e9d4"; } .linearicons-news:before { content: "\e9d5"; } .linearicons-reading:before { content: "\e9d6"; } .linearicons-typewriter:before { content: "\e9d7"; } .linearicons-document:before { content: "\e9d8"; } .linearicons-document2:before { content: "\e9d9"; } .linearicons-graduation-hat:before { content: "\e9da"; } .linearicons-license:before { content: "\e9db"; } .linearicons-license2:before { content: "\e9dc"; } .linearicons-medal-empty:before { content: "\e9dd"; } .linearicons-medal-first:before { content: "\e9de"; } .linearicons-medal-second:before { content: "\e9df"; } .linearicons-medal-third:before { content: "\e9e0"; } .linearicons-podium:before { content: "\e9e1"; } .linearicons-trophy:before { content: "\e9e2"; } .linearicons-trophy2:before { content: "\e9e3"; } .linearicons-music-note:before { content: "\e9e4"; } .linearicons-music-note2:before { content: "\e9e5"; } .linearicons-music-note3:before { content: "\e9e6"; } .linearicons-playlist:before { content: "\e9e7"; } .linearicons-playlist-add:before { content: "\e9e8"; } .linearicons-guitar:before { content: "\e9e9"; } .linearicons-trumpet:before { content: "\e9ea"; } .linearicons-album:before { content: "\e9eb"; } .linearicons-shuffle:before { content: "\e9ec"; } .linearicons-repeat-one:before { content: "\e9ed"; } .linearicons-repeat:before { content: "\e9ee"; } .linearicons-headphones:before { content: "\e9ef"; } .linearicons-headset:before { content: "\e9f0"; } .linearicons-loudspeaker:before { content: "\e9f1"; } .linearicons-equalizer:before { content: "\e9f2"; } .linearicons-theater:before { content: "\e9f3"; } .linearicons-3d-glasses:before { content: "\e9f4"; } .linearicons-ticket:before { content: "\e9f5"; } .linearicons-presentation:before { content: "\e9f6"; } .linearicons-play:before { content: "\e9f7"; } .linearicons-film-play:before { content: "\e9f8"; } .linearicons-clapboard-play:before { content: "\e9f9"; } .linearicons-media:before { content: "\e9fa"; } .linearicons-film:before { content: "\e9fb"; } .linearicons-film2:before { content: "\e9fc"; } .linearicons-surveillance:before { content: "\e9fd"; } .linearicons-surveillance2:before { content: "\e9fe"; } .linearicons-camera:before { content: "\e9ff"; } .linearicons-camera-crossed:before { content: "\ea00"; } .linearicons-camera-play:before { content: "\ea01"; } .linearicons-time-lapse:before { content: "\ea02"; } .linearicons-record:before { content: "\ea03"; } .linearicons-camera2:before { content: "\ea04"; } .linearicons-camera-flip:before { content: "\ea05"; } .linearicons-panorama:before { content: "\ea06"; } .linearicons-time-lapse2:before { content: "\ea07"; } .linearicons-shutter:before { content: "\ea08"; } .linearicons-shutter2:before { content: "\ea09"; } .linearicons-face-detection:before { content: "\ea0a"; } .linearicons-flare:before { content: "\ea0b"; } .linearicons-convex:before { content: "\ea0c"; } .linearicons-concave:before { content: "\ea0d"; } .linearicons-picture:before { content: "\ea0e"; } .linearicons-picture2:before { content: "\ea0f"; } .linearicons-picture3:before { content: "\ea10"; } .linearicons-pictures:before { content: "\ea11"; } .linearicons-book:before { content: "\ea12"; } .linearicons-audio-book:before { content: "\ea13"; } .linearicons-book2:before { content: "\ea14"; } .linearicons-bookmark:before { content: "\ea15"; } .linearicons-bookmark2:before { content: "\ea16"; } .linearicons-label:before { content: "\ea17"; } .linearicons-library:before { content: "\ea18"; } .linearicons-library2:before { content: "\ea19"; } .linearicons-contacts:before { content: "\ea1a"; } .linearicons-profile:before { content: "\ea1b"; } .linearicons-portrait:before { content: "\ea1c"; } .linearicons-portrait2:before { content: "\ea1d"; } .linearicons-user:before { content: "\ea1e"; } .linearicons-user-plus:before { content: "\ea1f"; } .linearicons-user-minus:before { content: "\ea20"; } .linearicons-user-lock:before { content: "\ea21"; } .linearicons-users:before { content: "\ea22"; } .linearicons-users2:before { content: "\ea23"; } .linearicons-users-plus:before { content: "\ea24"; } .linearicons-users-minus:before { content: "\ea25"; } .linearicons-group-work:before { content: "\ea26"; } .linearicons-woman:before { content: "\ea27"; } .linearicons-man:before { content: "\ea28"; } .linearicons-baby:before { content: "\ea29"; } .linearicons-baby2:before { content: "\ea2a"; } .linearicons-baby3:before { content: "\ea2b"; } .linearicons-baby-bottle:before { content: "\ea2c"; } .linearicons-walk:before { content: "\ea2d"; } .linearicons-hand-waving:before { content: "\ea2e"; } .linearicons-jump:before { content: "\ea2f"; } .linearicons-run:before { content: "\ea30"; } .linearicons-woman2:before { content: "\ea31"; } .linearicons-man2:before { content: "\ea32"; } .linearicons-man-woman:before { content: "\ea33"; } .linearicons-height:before { content: "\ea34"; } .linearicons-weight:before { content: "\ea35"; } .linearicons-scale:before { content: "\ea36"; } .linearicons-button:before { content: "\ea37"; } .linearicons-bow-tie:before { content: "\ea38"; } .linearicons-tie:before { content: "\ea39"; } .linearicons-socks:before { content: "\ea3a"; } .linearicons-shoe:before { content: "\ea3b"; } .linearicons-shoes:before { content: "\ea3c"; } .linearicons-hat:before { content: "\ea3d"; } .linearicons-pants:before { content: "\ea3e"; } .linearicons-shorts:before { content: "\ea3f"; } .linearicons-flip-flops:before { content: "\ea40"; } .linearicons-shirt:before { content: "\ea41"; } .linearicons-hanger:before { content: "\ea42"; } .linearicons-laundry:before { content: "\ea43"; } .linearicons-store:before { content: "\ea44"; } .linearicons-haircut:before { content: "\ea45"; } .linearicons-store-24:before { content: "\ea46"; } .linearicons-barcode:before { content: "\ea47"; } .linearicons-barcode2:before { content: "\ea48"; } .linearicons-barcode3:before { content: "\ea49"; } .linearicons-cashier:before { content: "\ea4a"; } .linearicons-bag:before { content: "\ea4b"; } .linearicons-bag2:before { content: "\ea4c"; } .linearicons-cart:before { content: "\ea4d"; } .linearicons-cart-empty:before { content: "\ea4e"; } .linearicons-cart-full:before { content: "\ea4f"; } .linearicons-cart-plus:before { content: "\ea50"; } .linearicons-cart-plus2:before { content: "\ea51"; } .linearicons-cart-add:before { content: "\ea52"; } .linearicons-cart-remove:before { content: "\ea53"; } .linearicons-cart-exchange:before { content: "\ea54"; } .linearicons-tag:before { content: "\ea55"; } .linearicons-tags:before { content: "\ea56"; } .linearicons-receipt:before { content: "\ea57"; } .linearicons-wallet:before { content: "\ea58"; } .linearicons-credit-card:before { content: "\ea59"; } .linearicons-cash-dollar:before { content: "\ea5a"; } .linearicons-cash-euro:before { content: "\ea5b"; } .linearicons-cash-pound:before { content: "\ea5c"; } .linearicons-cash-yen:before { content: "\ea5d"; } .linearicons-bag-dollar:before { content: "\ea5e"; } .linearicons-bag-euro:before { content: "\ea5f"; } .linearicons-bag-pound:before { content: "\ea60"; } .linearicons-bag-yen:before { content: "\ea61"; } .linearicons-coin-dollar:before { content: "\ea62"; } .linearicons-coin-euro:before { content: "\ea63"; } .linearicons-coin-pound:before { content: "\ea64"; } .linearicons-coin-yen:before { content: "\ea65"; } .linearicons-calculator:before { content: "\ea66"; } .linearicons-calculator2:before { content: "\ea67"; } .linearicons-abacus:before { content: "\ea68"; } .linearicons-vault:before { content: "\ea69"; } .linearicons-telephone:before { content: "\ea6a"; } .linearicons-phone-lock:before { content: "\ea6b"; } .linearicons-phone-wave:before { content: "\ea6c"; } .linearicons-phone-pause:before { content: "\ea6d"; } .linearicons-phone-outgoing:before { content: "\ea6e"; } .linearicons-phone-incoming:before { content: "\ea6f"; } .linearicons-phone-in-out:before { content: "\ea70"; } .linearicons-phone-error:before { content: "\ea71"; } .linearicons-phone-sip:before { content: "\ea72"; } .linearicons-phone-plus:before { content: "\ea73"; } .linearicons-phone-minus:before { content: "\ea74"; } .linearicons-voicemail:before { content: "\ea75"; } .linearicons-dial:before { content: "\ea76"; } .linearicons-telephone2:before { content: "\ea77"; } .linearicons-pushpin:before { content: "\ea78"; } .linearicons-pushpin2:before { content: "\ea79"; } .linearicons-map-marker:before { content: "\ea7a"; } .linearicons-map-marker-user:before { content: "\ea7b"; } .linearicons-map-marker-down:before { content: "\ea7c"; } .linearicons-map-marker-check:before { content: "\ea7d"; } .linearicons-map-marker-crossed:before { content: "\ea7e"; } .linearicons-radar:before { content: "\ea7f"; } .linearicons-compass2:before { content: "\ea80"; } .linearicons-map:before { content: "\ea81"; } .linearicons-map2:before { content: "\ea82"; } .linearicons-location:before { content: "\ea83"; } .linearicons-road-sign:before { content: "\ea84"; } .linearicons-calendar-empty:before { content: "\ea85"; } .linearicons-calendar-check:before { content: "\ea86"; } .linearicons-calendar-cross:before { content: "\ea87"; } .linearicons-calendar-31:before { content: "\ea88"; } .linearicons-calendar-full:before { content: "\ea89"; } .linearicons-calendar-insert:before { content: "\ea8a"; } .linearicons-calendar-text:before { content: "\ea8b"; } .linearicons-calendar-user:before { content: "\ea8c"; } .linearicons-mouse:before { content: "\ea8d"; } .linearicons-mouse-left:before { content: "\ea8e"; } .linearicons-mouse-right:before { content: "\ea8f"; } .linearicons-mouse-both:before { content: "\ea90"; } .linearicons-keyboard:before { content: "\ea91"; } .linearicons-keyboard-up:before { content: "\ea92"; } .linearicons-keyboard-down:before { content: "\ea93"; } .linearicons-delete:before { content: "\ea94"; } .linearicons-spell-check:before { content: "\ea95"; } .linearicons-escape:before { content: "\ea96"; } .linearicons-enter2:before { content: "\ea97"; } .linearicons-screen:before { content: "\ea98"; } .linearicons-aspect-ratio:before { content: "\ea99"; } .linearicons-signal:before { content: "\ea9a"; } .linearicons-signal-lock:before { content: "\ea9b"; } .linearicons-signal-80:before { content: "\ea9c"; } .linearicons-signal-60:before { content: "\ea9d"; } .linearicons-signal-40:before { content: "\ea9e"; } .linearicons-signal-20:before { content: "\ea9f"; } .linearicons-signal-0:before { content: "\eaa0"; } .linearicons-signal-blocked:before { content: "\eaa1"; } .linearicons-sim:before { content: "\eaa2"; } .linearicons-flash-memory:before { content: "\eaa3"; } .linearicons-usb-drive:before { content: "\eaa4"; } .linearicons-phone:before { content: "\eaa5"; } .linearicons-smartphone:before { content: "\eaa6"; } .linearicons-smartphone-notification:before { content: "\eaa7"; } .linearicons-smartphone-vibration:before { content: "\eaa8"; } .linearicons-smartphone-embed:before { content: "\eaa9"; } .linearicons-smartphone-waves:before { content: "\eaaa"; } .linearicons-tablet:before { content: "\eaab"; } .linearicons-tablet2:before { content: "\eaac"; } .linearicons-laptop:before { content: "\eaad"; } .linearicons-laptop-phone:before { content: "\eaae"; } .linearicons-desktop:before { content: "\eaaf"; } .linearicons-launch:before { content: "\eab0"; } .linearicons-new-tab:before { content: "\eab1"; } .linearicons-window:before { content: "\eab2"; } .linearicons-cable:before { content: "\eab3"; } .linearicons-cable2:before { content: "\eab4"; } .linearicons-tv:before { content: "\eab5"; } .linearicons-radio:before { content: "\eab6"; } .linearicons-remote-control:before { content: "\eab7"; } .linearicons-power-switch:before { content: "\eab8"; } .linearicons-power:before { content: "\eab9"; } .linearicons-power-crossed:before { content: "\eaba"; } .linearicons-flash-auto:before { content: "\eabb"; } .linearicons-lamp:before { content: "\eabc"; } .linearicons-flashlight:before { content: "\eabd"; } .linearicons-lampshade:before { content: "\eabe"; } .linearicons-cord:before { content: "\eabf"; } .linearicons-outlet:before { content: "\eac0"; } .linearicons-battery-power:before { content: "\eac1"; } .linearicons-battery-empty:before { content: "\eac2"; } .linearicons-battery-alert:before { content: "\eac3"; } .linearicons-battery-error:before { content: "\eac4"; } .linearicons-battery-low1:before { content: "\eac5"; } .linearicons-battery-low2:before { content: "\eac6"; } .linearicons-battery-low3:before { content: "\eac7"; } .linearicons-battery-mid1:before { content: "\eac8"; } .linearicons-battery-mid2:before { content: "\eac9"; } .linearicons-battery-mid3:before { content: "\eaca"; } .linearicons-battery-full:before { content: "\eacb"; } .linearicons-battery-charging:before { content: "\eacc"; } .linearicons-battery-charging2:before { content: "\eacd"; } .linearicons-battery-charging3:before { content: "\eace"; } .linearicons-battery-charging4:before { content: "\eacf"; } .linearicons-battery-charging5:before { content: "\ead0"; } .linearicons-battery-charging6:before { content: "\ead1"; } .linearicons-battery-charging7:before { content: "\ead2"; } .linearicons-chip:before { content: "\ead3"; } .linearicons-chip-x64:before { content: "\ead4"; } .linearicons-chip-x86:before { content: "\ead5"; } .linearicons-bubble:before { content: "\ead6"; } .linearicons-bubbles:before { content: "\ead7"; } .linearicons-bubble-dots:before { content: "\ead8"; } .linearicons-bubble-alert:before { content: "\ead9"; } .linearicons-bubble-question:before { content: "\eada"; } .linearicons-bubble-text:before { content: "\eadb"; } .linearicons-bubble-pencil:before { content: "\eadc"; } .linearicons-bubble-picture:before { content: "\eadd"; } .linearicons-bubble-video:before { content: "\eade"; } .linearicons-bubble-user:before { content: "\eadf"; } .linearicons-bubble-quote:before { content: "\eae0"; } .linearicons-bubble-heart:before { content: "\eae1"; } .linearicons-bubble-emoticon:before { content: "\eae2"; } .linearicons-bubble-attachment:before { content: "\eae3"; } .linearicons-phone-bubble:before { content: "\eae4"; } .linearicons-quote-open:before { content: "\eae5"; } .linearicons-quote-close:before { content: "\eae6"; } .linearicons-dna:before { content: "\eae7"; } .linearicons-heart-pulse:before { content: "\eae8"; } .linearicons-pulse:before { content: "\eae9"; } .linearicons-syringe:before { content: "\eaea"; } .linearicons-pills:before { content: "\eaeb"; } .linearicons-first-aid:before { content: "\eaec"; } .linearicons-lifebuoy:before { content: "\eaed"; } .linearicons-bandage:before { content: "\eaee"; } .linearicons-bandages:before { content: "\eaef"; } .linearicons-thermometer:before { content: "\eaf0"; } .linearicons-microscope:before { content: "\eaf1"; } .linearicons-brain:before { content: "\eaf2"; } .linearicons-beaker:before { content: "\eaf3"; } .linearicons-skull:before { content: "\eaf4"; } .linearicons-bone:before { content: "\eaf5"; } .linearicons-construction:before { content: "\eaf6"; } .linearicons-construction-cone:before { content: "\eaf7"; } .linearicons-pie-chart:before { content: "\eaf8"; } .linearicons-pie-chart2:before { content: "\eaf9"; } .linearicons-graph:before { content: "\eafa"; } .linearicons-chart-growth:before { content: "\eafb"; } .linearicons-chart-bars:before { content: "\eafc"; } .linearicons-chart-settings:before { content: "\eafd"; } .linearicons-cake:before { content: "\eafe"; } .linearicons-gift:before { content: "\eaff"; } .linearicons-balloon:before { content: "\eb00"; } .linearicons-rank:before { content: "\eb01"; } .linearicons-rank2:before { content: "\eb02"; } .linearicons-rank3:before { content: "\eb03"; } .linearicons-crown:before { content: "\eb04"; } .linearicons-lotus:before { content: "\eb05"; } .linearicons-diamond:before { content: "\eb06"; } .linearicons-diamond2:before { content: "\eb07"; } .linearicons-diamond3:before { content: "\eb08"; } .linearicons-diamond4:before { content: "\eb09"; } .linearicons-linearicons:before { content: "\eb0a"; } .linearicons-teacup:before { content: "\eb0b"; } .linearicons-teapot:before { content: "\eb0c"; } .linearicons-glass:before { content: "\eb0d"; } .linearicons-bottle2:before { content: "\eb0e"; } .linearicons-glass-cocktail:before { content: "\eb0f"; } .linearicons-glass2:before { content: "\eb10"; } .linearicons-dinner:before { content: "\eb11"; } .linearicons-dinner2:before { content: "\eb12"; } .linearicons-chef:before { content: "\eb13"; } .linearicons-scale2:before { content: "\eb14"; } .linearicons-egg:before { content: "\eb15"; } .linearicons-egg2:before { content: "\eb16"; } .linearicons-eggs:before { content: "\eb17"; } .linearicons-platter:before { content: "\eb18"; } .linearicons-steak:before { content: "\eb19"; } .linearicons-hamburger:before { content: "\eb1a"; } .linearicons-hotdog:before { content: "\eb1b"; } .linearicons-pizza:before { content: "\eb1c"; } .linearicons-sausage:before { content: "\eb1d"; } .linearicons-chicken:before { content: "\eb1e"; } .linearicons-fish:before { content: "\eb1f"; } .linearicons-carrot:before { content: "\eb20"; } .linearicons-cheese:before { content: "\eb21"; } .linearicons-bread:before { content: "\eb22"; } .linearicons-ice-cream:before { content: "\eb23"; } .linearicons-ice-cream2:before { content: "\eb24"; } .linearicons-candy:before { content: "\eb25"; } .linearicons-lollipop:before { content: "\eb26"; } .linearicons-coffee-bean:before { content: "\eb27"; } .linearicons-coffee-cup:before { content: "\eb28"; } .linearicons-cherry:before { content: "\eb29"; } .linearicons-grapes:before { content: "\eb2a"; } .linearicons-citrus:before { content: "\eb2b"; } .linearicons-apple:before { content: "\eb2c"; } .linearicons-leaf:before { content: "\eb2d"; } .linearicons-landscape:before { content: "\eb2e"; } .linearicons-pine-tree:before { content: "\eb2f"; } .linearicons-tree:before { content: "\eb30"; } .linearicons-cactus:before { content: "\eb31"; } .linearicons-paw:before { content: "\eb32"; } .linearicons-footprint:before { content: "\eb33"; } .linearicons-speed-slow:before { content: "\eb34"; } .linearicons-speed-medium:before { content: "\eb35"; } .linearicons-speed-fast:before { content: "\eb36"; } .linearicons-rocket:before { content: "\eb37"; } .linearicons-hammer2:before { content: "\eb38"; } .linearicons-balance:before { content: "\eb39"; } .linearicons-briefcase:before { content: "\eb3a"; } .linearicons-luggage-weight:before { content: "\eb3b"; } .linearicons-dolly:before { content: "\eb3c"; } .linearicons-plane:before { content: "\eb3d"; } .linearicons-plane-crossed:before { content: "\eb3e"; } .linearicons-helicopter:before { content: "\eb3f"; } .linearicons-traffic-lights:before { content: "\eb40"; } .linearicons-siren:before { content: "\eb41"; } .linearicons-road:before { content: "\eb42"; } .linearicons-engine:before { content: "\eb43"; } .linearicons-oil-pressure:before { content: "\eb44"; } .linearicons-coolant-temperature:before { content: "\eb45"; } .linearicons-car-battery:before { content: "\eb46"; } .linearicons-gas:before { content: "\eb47"; } .linearicons-gallon:before { content: "\eb48"; } .linearicons-transmission:before { content: "\eb49"; } .linearicons-car:before { content: "\eb4a"; } .linearicons-car-wash:before { content: "\eb4b"; } .linearicons-car-wash2:before { content: "\eb4c"; } .linearicons-bus:before { content: "\eb4d"; } .linearicons-bus2:before { content: "\eb4e"; } .linearicons-car2:before { content: "\eb4f"; } .linearicons-parking:before { content: "\eb50"; } .linearicons-car-lock:before { content: "\eb51"; } .linearicons-taxi:before { content: "\eb52"; } .linearicons-car-siren:before { content: "\eb53"; } .linearicons-car-wash3:before { content: "\eb54"; } .linearicons-car-wash4:before { content: "\eb55"; } .linearicons-ambulance:before { content: "\eb56"; } .linearicons-truck:before { content: "\eb57"; } .linearicons-trailer:before { content: "\eb58"; } .linearicons-scale-truck:before { content: "\eb59"; } .linearicons-train:before { content: "\eb5a"; } .linearicons-ship:before { content: "\eb5b"; } .linearicons-ship2:before { content: "\eb5c"; } .linearicons-anchor:before { content: "\eb5d"; } .linearicons-boat:before { content: "\eb5e"; } .linearicons-bicycle:before { content: "\eb5f"; } .linearicons-bicycle2:before { content: "\eb60"; } .linearicons-dumbbell:before { content: "\eb61"; } .linearicons-bench-press:before { content: "\eb62"; } .linearicons-swim:before { content: "\eb63"; } .linearicons-football:before { content: "\eb64"; } .linearicons-baseball-bat:before { content: "\eb65"; } .linearicons-baseball:before { content: "\eb66"; } .linearicons-tennis:before { content: "\eb67"; } .linearicons-tennis2:before { content: "\eb68"; } .linearicons-ping-pong:before { content: "\eb69"; } .linearicons-hockey:before { content: "\eb6a"; } .linearicons-8ball:before { content: "\eb6b"; } .linearicons-bowling:before { content: "\eb6c"; } .linearicons-bowling-pins:before { content: "\eb6d"; } .linearicons-golf:before { content: "\eb6e"; } .linearicons-golf2:before { content: "\eb6f"; } .linearicons-archery:before { content: "\eb70"; } .linearicons-slingshot:before { content: "\eb71"; } .linearicons-soccer:before { content: "\eb72"; } .linearicons-basketball:before { content: "\eb73"; } .linearicons-cube:before { content: "\eb74"; } .linearicons-3d-rotate:before { content: "\eb75"; } .linearicons-puzzle:before { content: "\eb76"; } .linearicons-glasses:before { content: "\eb77"; } .linearicons-glasses2:before { content: "\eb78"; } .linearicons-accessibility:before { content: "\eb79"; } .linearicons-wheelchair:before { content: "\eb7a"; } .linearicons-wall:before { content: "\eb7b"; } .linearicons-fence:before { content: "\eb7c"; } .linearicons-wall2:before { content: "\eb7d"; } .linearicons-icons:before { content: "\eb7e"; } .linearicons-resize-handle:before { content: "\eb7f"; } .linearicons-icons2:before { content: "\eb80"; } .linearicons-select:before { content: "\eb81"; } .linearicons-select2:before { content: "\eb82"; } .linearicons-site-map:before { content: "\eb83"; } .linearicons-earth:before { content: "\eb84"; } .linearicons-earth-lock:before { content: "\eb85"; } .linearicons-network:before { content: "\eb86"; } .linearicons-network-lock:before { content: "\eb87"; } .linearicons-planet:before { content: "\eb88"; } .linearicons-happy:before { content: "\eb89"; } .linearicons-smile:before { content: "\eb8a"; } .linearicons-grin:before { content: "\eb8b"; } .linearicons-tongue:before { content: "\eb8c"; } .linearicons-sad:before { content: "\eb8d"; } .linearicons-wink:before { content: "\eb8e"; } .linearicons-dream:before { content: "\eb8f"; } .linearicons-shocked:before { content: "\eb90"; } .linearicons-shocked2:before { content: "\eb91"; } .linearicons-tongue2:before { content: "\eb92"; } .linearicons-neutral:before { content: "\eb93"; } .linearicons-happy-grin:before { content: "\eb94"; } .linearicons-cool:before { content: "\eb95"; } .linearicons-mad:before { content: "\eb96"; } .linearicons-grin-evil:before { content: "\eb97"; } .linearicons-evil:before { content: "\eb98"; } .linearicons-wow:before { content: "\eb99"; } .linearicons-annoyed:before { content: "\eb9a"; } .linearicons-wondering:before { content: "\eb9b"; } .linearicons-confused:before { content: "\eb9c"; } .linearicons-zipped:before { content: "\eb9d"; } .linearicons-grumpy:before { content: "\eb9e"; } .linearicons-mustache:before { content: "\eb9f"; } .linearicons-tombstone-hipster:before { content: "\eba0"; } .linearicons-tombstone:before { content: "\eba1"; } .linearicons-ghost:before { content: "\eba2"; } .linearicons-ghost-hipster:before { content: "\eba3"; } .linearicons-halloween:before { content: "\eba4"; } .linearicons-christmas:before { content: "\eba5"; } .linearicons-easter-egg:before { content: "\eba6"; } .linearicons-mustache2:before { content: "\eba7"; } .linearicons-mustache-glasses:before { content: "\eba8"; } .linearicons-pipe:before { content: "\eba9"; } .linearicons-alarm:before { content: "\ebaa"; } .linearicons-alarm-add:before { content: "\ebab"; } .linearicons-alarm-snooze:before { content: "\ebac"; } .linearicons-alarm-ringing:before { content: "\ebad"; } .linearicons-bullhorn:before { content: "\ebae"; } .linearicons-hearing:before { content: "\ebaf"; } .linearicons-volume-high:before { content: "\ebb0"; } .linearicons-volume-medium:before { content: "\ebb1"; } .linearicons-volume-low:before { content: "\ebb2"; } .linearicons-volume:before { content: "\ebb3"; } .linearicons-mute:before { content: "\ebb4"; } .linearicons-lan:before { content: "\ebb5"; } .linearicons-lan2:before { content: "\ebb6"; } .linearicons-wifi:before { content: "\ebb7"; } .linearicons-wifi-lock:before { content: "\ebb8"; } .linearicons-wifi-blocked:before { content: "\ebb9"; } .linearicons-wifi-mid:before { content: "\ebba"; } .linearicons-wifi-low:before { content: "\ebbb"; } .linearicons-wifi-low2:before { content: "\ebbc"; } .linearicons-wifi-alert:before { content: "\ebbd"; } .linearicons-wifi-alert-mid:before { content: "\ebbe"; } .linearicons-wifi-alert-low:before { content: "\ebbf"; } .linearicons-wifi-alert-low2:before { content: "\ebc0"; } .linearicons-stream:before { content: "\ebc1"; } .linearicons-stream-check:before { content: "\ebc2"; } .linearicons-stream-error:before { content: "\ebc3"; } .linearicons-stream-alert:before { content: "\ebc4"; } .linearicons-communication:before { content: "\ebc5"; } .linearicons-communication-crossed:before { content: "\ebc6"; } .linearicons-broadcast:before { content: "\ebc7"; } .linearicons-antenna:before { content: "\ebc8"; } .linearicons-satellite:before { content: "\ebc9"; } .linearicons-satellite2:before { content: "\ebca"; } .linearicons-mic:before { content: "\ebcb"; } .linearicons-mic-mute:before { content: "\ebcc"; } .linearicons-mic2:before { content: "\ebcd"; } .linearicons-spotlights:before { content: "\ebce"; } .linearicons-hourglass:before { content: "\ebcf"; } .linearicons-loading:before { content: "\ebd0"; } .linearicons-loading2:before { content: "\ebd1"; } .linearicons-loading3:before { content: "\ebd2"; } .linearicons-refresh:before { content: "\ebd3"; } .linearicons-refresh2:before { content: "\ebd4"; } .linearicons-undo:before { content: "\ebd5"; } .linearicons-redo:before { content: "\ebd6"; } .linearicons-jump2:before { content: "\ebd7"; } .linearicons-undo2:before { content: "\ebd8"; } .linearicons-redo2:before { content: "\ebd9"; } .linearicons-sync:before { content: "\ebda"; } .linearicons-repeat-one2:before { content: "\ebdb"; } .linearicons-sync-crossed:before { content: "\ebdc"; } .linearicons-sync2:before { content: "\ebdd"; } .linearicons-repeat-one3:before { content: "\ebde"; } .linearicons-sync-crossed2:before { content: "\ebdf"; } .linearicons-return:before { content: "\ebe0"; } .linearicons-return2:before { content: "\ebe1"; } .linearicons-refund:before { content: "\ebe2"; } .linearicons-history:before { content: "\ebe3"; } .linearicons-history2:before { content: "\ebe4"; } .linearicons-self-timer:before { content: "\ebe5"; } .linearicons-clock:before { content: "\ebe6"; } .linearicons-clock2:before { content: "\ebe7"; } .linearicons-clock3:before { content: "\ebe8"; } .linearicons-watch:before { content: "\ebe9"; } .linearicons-alarm2:before { content: "\ebea"; } .linearicons-alarm-add2:before { content: "\ebeb"; } .linearicons-alarm-remove:before { content: "\ebec"; } .linearicons-alarm-check:before { content: "\ebed"; } .linearicons-alarm-error:before { content: "\ebee"; } .linearicons-timer:before { content: "\ebef"; } .linearicons-timer-crossed:before { content: "\ebf0"; } .linearicons-timer2:before { content: "\ebf1"; } .linearicons-timer-crossed2:before { content: "\ebf2"; } .linearicons-download:before { content: "\ebf3"; } .linearicons-upload:before { content: "\ebf4"; } .linearicons-download2:before { content: "\ebf5"; } .linearicons-upload2:before { content: "\ebf6"; } .linearicons-enter-up:before { content: "\ebf7"; } .linearicons-enter-down:before { content: "\ebf8"; } .linearicons-enter-left:before { content: "\ebf9"; } .linearicons-enter-right:before { content: "\ebfa"; } .linearicons-exit-up:before { content: "\ebfb"; } .linearicons-exit-down:before { content: "\ebfc"; } .linearicons-exit-left:before { content: "\ebfd"; } .linearicons-exit-right:before { content: "\ebfe"; } .linearicons-enter-up2:before { content: "\ebff"; } .linearicons-enter-down2:before { content: "\ec00"; } .linearicons-enter-vertical:before { content: "\ec01"; } .linearicons-enter-left2:before { content: "\ec02"; } .linearicons-enter-right2:before { content: "\ec03"; } .linearicons-enter-horizontal:before { content: "\ec04"; } .linearicons-exit-up2:before { content: "\ec05"; } .linearicons-exit-down2:before { content: "\ec06"; } .linearicons-exit-left2:before { content: "\ec07"; } .linearicons-exit-right2:before { content: "\ec08"; } .linearicons-cli:before { content: "\ec09"; } .linearicons-bug:before { content: "\ec0a"; } .linearicons-code:before { content: "\ec0b"; } .linearicons-file-code:before { content: "\ec0c"; } .linearicons-file-image:before { content: "\ec0d"; } .linearicons-file-zip:before { content: "\ec0e"; } .linearicons-file-audio:before { content: "\ec0f"; } .linearicons-file-video:before { content: "\ec10"; } .linearicons-file-preview:before { content: "\ec11"; } .linearicons-file-charts:before { content: "\ec12"; } .linearicons-file-stats:before { content: "\ec13"; } .linearicons-file-spreadsheet:before { content: "\ec14"; } .linearicons-link:before { content: "\ec15"; } .linearicons-unlink:before { content: "\ec16"; } .linearicons-link2:before { content: "\ec17"; } .linearicons-unlink2:before { content: "\ec18"; } .linearicons-thumbs-up:before { content: "\ec19"; } .linearicons-thumbs-down:before { content: "\ec1a"; } .linearicons-thumbs-up2:before { content: "\ec1b"; } .linearicons-thumbs-down2:before { content: "\ec1c"; } .linearicons-thumbs-up3:before { content: "\ec1d"; } .linearicons-thumbs-down3:before { content: "\ec1e"; } .linearicons-share:before { content: "\ec1f"; } .linearicons-share2:before { content: "\ec20"; } .linearicons-share3:before { content: "\ec21"; } .linearicons-magnifier:before { content: "\ec22"; } .linearicons-file-search:before { content: "\ec23"; } .linearicons-find-replace:before { content: "\ec24"; } .linearicons-zoom-in:before { content: "\ec25"; } .linearicons-zoom-out:before { content: "\ec26"; } .linearicons-loupe:before { content: "\ec27"; } .linearicons-loupe-zoom-in:before { content: "\ec28"; } .linearicons-loupe-zoom-out:before { content: "\ec29"; } .linearicons-cross:before { content: "\ec2a"; } .linearicons-menu:before { content: "\ec2b"; } .linearicons-list:before { content: "\ec2c"; } .linearicons-list2:before { content: "\ec2d"; } .linearicons-list3:before { content: "\ec2e"; } .linearicons-menu2:before { content: "\ec2f"; } .linearicons-list4:before { content: "\ec30"; } .linearicons-menu3:before { content: "\ec31"; } .linearicons-exclamation:before { content: "\ec32"; } .linearicons-question:before { content: "\ec33"; } .linearicons-check:before { content: "\ec34"; } .linearicons-cross2:before { content: "\ec35"; } .linearicons-plus:before { content: "\ec36"; } .linearicons-minus:before { content: "\ec37"; } .linearicons-percent:before { content: "\ec38"; } .linearicons-chevron-up:before { content: "\ec39"; } .linearicons-chevron-down:before { content: "\ec3a"; } .linearicons-chevron-left:before { content: "\ec3b"; } .linearicons-chevron-right:before { content: "\ec3c"; } .linearicons-chevrons-expand-vertical:before { content: "\ec3d"; } .linearicons-chevrons-expand-horizontal:before { content: "\ec3e"; } .linearicons-chevrons-contract-vertical:before { content: "\ec3f"; } .linearicons-chevrons-contract-horizontal:before { content: "\ec40"; } .linearicons-arrow-up:before { content: "\ec41"; } .linearicons-arrow-down:before { content: "\ec42"; } .linearicons-arrow-left:before { content: "\ec43"; } .linearicons-arrow-right:before { content: "\ec44"; } .linearicons-arrow-up-right:before { content: "\ec45"; } .linearicons-arrows-merge:before { content: "\ec46"; } .linearicons-arrows-split:before { content: "\ec47"; } .linearicons-arrow-divert:before { content: "\ec48"; } .linearicons-arrow-return:before { content: "\ec49"; } .linearicons-expand:before { content: "\ec4a"; } .linearicons-contract:before { content: "\ec4b"; } .linearicons-expand2:before { content: "\ec4c"; } .linearicons-contract2:before { content: "\ec4d"; } .linearicons-move:before { content: "\ec4e"; } .linearicons-tab:before { content: "\ec4f"; } .linearicons-arrow-wave:before { content: "\ec50"; } .linearicons-expand3:before { content: "\ec51"; } .linearicons-expand4:before { content: "\ec52"; } .linearicons-contract3:before { content: "\ec53"; } .linearicons-notification:before { content: "\ec54"; } .linearicons-warning:before { content: "\ec55"; } .linearicons-notification-circle:before { content: "\ec56"; } .linearicons-question-circle:before { content: "\ec57"; } .linearicons-menu-circle:before { content: "\ec58"; } .linearicons-checkmark-circle:before { content: "\ec59"; } .linearicons-cross-circle:before { content: "\ec5a"; } .linearicons-plus-circle:before { content: "\ec5b"; } .linearicons-circle-minus:before { content: "\ec5c"; } .linearicons-percent-circle:before { content: "\ec5d"; } .linearicons-arrow-up-circle:before { content: "\ec5e"; } .linearicons-arrow-down-circle:before { content: "\ec5f"; } .linearicons-arrow-left-circle:before { content: "\ec60"; } .linearicons-arrow-right-circle:before { content: "\ec61"; } .linearicons-chevron-up-circle:before { content: "\ec62"; } .linearicons-chevron-down-circle:before { content: "\ec63"; } .linearicons-chevron-left-circle:before { content: "\ec64"; } .linearicons-chevron-right-circle:before { content: "\ec65"; } .linearicons-backward-circle:before { content: "\ec66"; } .linearicons-first-circle:before { content: "\ec67"; } .linearicons-previous-circle:before { content: "\ec68"; } .linearicons-stop-circle:before { content: "\ec69"; } .linearicons-play-circle:before { content: "\ec6a"; } .linearicons-pause-circle:before { content: "\ec6b"; } .linearicons-next-circle:before { content: "\ec6c"; } .linearicons-last-circle:before { content: "\ec6d"; } .linearicons-forward-circle:before { content: "\ec6e"; } .linearicons-eject-circle:before { content: "\ec6f"; } .linearicons-crop:before { content: "\ec70"; } .linearicons-frame-expand:before { content: "\ec71"; } .linearicons-frame-contract:before { content: "\ec72"; } .linearicons-focus:before { content: "\ec73"; } .linearicons-transform:before { content: "\ec74"; } .linearicons-grid:before { content: "\ec75"; } .linearicons-grid-crossed:before { content: "\ec76"; } .linearicons-layers:before { content: "\ec77"; } .linearicons-layers-crossed:before { content: "\ec78"; } .linearicons-toggle:before { content: "\ec79"; } .linearicons-rulers:before { content: "\ec7a"; } .linearicons-ruler:before { content: "\ec7b"; } .linearicons-funnel:before { content: "\ec7c"; } .linearicons-flip-horizontal:before { content: "\ec7d"; } .linearicons-flip-vertical:before { content: "\ec7e"; } .linearicons-flip-horizontal2:before { content: "\ec7f"; } .linearicons-flip-vertical2:before { content: "\ec80"; } .linearicons-angle:before { content: "\ec81"; } .linearicons-angle2:before { content: "\ec82"; } .linearicons-subtract:before { content: "\ec83"; } .linearicons-combine:before { content: "\ec84"; } .linearicons-intersect:before { content: "\ec85"; } .linearicons-exclude:before { content: "\ec86"; } .linearicons-align-center-vertical:before { content: "\ec87"; } .linearicons-align-right:before { content: "\ec88"; } .linearicons-align-bottom:before { content: "\ec89"; } .linearicons-align-left:before { content: "\ec8a"; } .linearicons-align-center-horizontal:before { content: "\ec8b"; } .linearicons-align-top:before { content: "\ec8c"; } .linearicons-square:before { content: "\ec8d"; } .linearicons-plus-square:before { content: "\ec8e"; } .linearicons-minus-square:before { content: "\ec8f"; } .linearicons-percent-square:before { content: "\ec90"; } .linearicons-arrow-up-square:before { content: "\ec91"; } .linearicons-arrow-down-square:before { content: "\ec92"; } .linearicons-arrow-left-square:before { content: "\ec93"; } .linearicons-arrow-right-square:before { content: "\ec94"; } .linearicons-chevron-up-square:before { content: "\ec95"; } .linearicons-chevron-down-square:before { content: "\ec96"; } .linearicons-chevron-left-square:before { content: "\ec97"; } .linearicons-chevron-right-square:before { content: "\ec98"; } .linearicons-check-square:before { content: "\ec99"; } .linearicons-cross-square:before { content: "\ec9a"; } .linearicons-menu-square:before { content: "\ec9b"; } .linearicons-prohibited:before { content: "\ec9c"; } .linearicons-circle:before { content: "\ec9d"; } .linearicons-radio-button:before { content: "\ec9e"; } .linearicons-ligature:before { content: "\ec9f"; } .linearicons-text-format:before { content: "\eca0"; } .linearicons-text-format-remove:before { content: "\eca1"; } .linearicons-text-size:before { content: "\eca2"; } .linearicons-bold:before { content: "\eca3"; } .linearicons-italic:before { content: "\eca4"; } .linearicons-underline:before { content: "\eca5"; } .linearicons-strikethrough:before { content: "\eca6"; } .linearicons-highlight:before { content: "\eca7"; } .linearicons-text-align-left:before { content: "\eca8"; } .linearicons-text-align-center:before { content: "\eca9"; } .linearicons-text-align-right:before { content: "\ecaa"; } .linearicons-text-align-justify:before { content: "\ecab"; } .linearicons-line-spacing:before { content: "\ecac"; } .linearicons-indent-increase:before { content: "\ecad"; } .linearicons-indent-decrease:before { content: "\ecae"; } .linearicons-text-wrap:before { content: "\ecaf"; } .linearicons-pilcrow:before { content: "\ecb0"; } .linearicons-direction-ltr:before { content: "\ecb1"; } .linearicons-direction-rtl:before { content: "\ecb2"; } .linearicons-page-break:before { content: "\ecb3"; } .linearicons-page-break2:before { content: "\ecb4"; } .linearicons-sort-alpha-asc:before { content: "\ecb5"; } .linearicons-sort-alpha-desc:before { content: "\ecb6"; } .linearicons-sort-numeric-asc:before { content: "\ecb7"; } .linearicons-sort-numeric-desc:before { content: "\ecb8"; } .linearicons-sort-amount-asc:before { content: "\ecb9"; } .linearicons-sort-amount-desc:before { content: "\ecba"; } .linearicons-sort-time-asc:before { content: "\ecbb"; } .linearicons-sort-time-desc:before { content: "\ecbc"; } .linearicons-sigma:before { content: "\ecbd"; } .linearicons-pencil-line:before { content: "\ecbe"; } .linearicons-hand:before { content: "\ecbf"; } .linearicons-pointer-up:before { content: "\ecc0"; } .linearicons-pointer-right:before { content: "\ecc1"; } .linearicons-pointer-down:before { content: "\ecc2"; } .linearicons-pointer-left:before { content: "\ecc3"; } .linearicons-finger-tap:before { content: "\ecc4"; } .linearicons-fingers-tap:before { content: "\ecc5"; } .linearicons-reminder:before { content: "\ecc6"; } .linearicons-fingers-crossed:before { content: "\ecc7"; } .linearicons-fingers-victory:before { content: "\ecc8"; } .linearicons-gesture-zoom:before { content: "\ecc9"; } .linearicons-gesture-pinch:before { content: "\ecca"; } .linearicons-fingers-scroll-horizontal:before { content: "\eccb"; } .linearicons-fingers-scroll-vertical:before { content: "\eccc"; } .linearicons-fingers-scroll-left:before { content: "\eccd"; } .linearicons-fingers-scroll-right:before { content: "\ecce"; } .linearicons-hand2:before { content: "\eccf"; } .linearicons-pointer-up2:before { content: "\ecd0"; } .linearicons-pointer-right2:before { content: "\ecd1"; } .linearicons-pointer-down2:before { content: "\ecd2"; } .linearicons-pointer-left2:before { content: "\ecd3"; } .linearicons-finger-tap2:before { content: "\ecd4"; } .linearicons-fingers-tap2:before { content: "\ecd5"; } .linearicons-reminder2:before { content: "\ecd6"; } .linearicons-gesture-zoom2:before { content: "\ecd7"; } .linearicons-gesture-pinch2:before { content: "\ecd8"; } .linearicons-fingers-scroll-horizontal2:before { content: "\ecd9"; } .linearicons-fingers-scroll-vertical2:before { content: "\ecda"; } .linearicons-fingers-scroll-left2:before { content: "\ecdb"; } .linearicons-fingers-scroll-right2:before { content: "\ecdc"; } .linearicons-fingers-scroll-vertical3:before { content: "\ecdd"; } .linearicons-border-style:before { content: "\ecde"; } .linearicons-border-all:before { content: "\ecdf"; } .linearicons-border-outer:before { content: "\ece0"; } .linearicons-border-inner:before { content: "\ece1"; } .linearicons-border-top:before { content: "\ece2"; } .linearicons-border-horizontal:before { content: "\ece3"; } .linearicons-border-bottom:before { content: "\ece4"; } .linearicons-border-left:before { content: "\ece5"; } .linearicons-border-vertical:before { content: "\ece6"; } .linearicons-border-right:before { content: "\ece7"; } .linearicons-border-none:before { content: "\ece8"; } .linearicons-ellipsis:before { content: "\ece9"; } \ No newline at end of file diff --git a/template/real_estate_html/site/css/style.css b/template/real_estate_html/site/css/style.css new file mode 100755 index 0000000..d6089c0 --- /dev/null +++ b/template/real_estate_html/site/css/style.css @@ -0,0 +1,239 @@ +@charset "UTF-8"; /* +* Trunk version 2.0.0 +*/ a:focus, button:focus { outline: none !important; } button::-moz-focus-inner { border: 0; } *:focus { outline: none; } blockquote { padding: 0; margin: 0; } input, button, select, textarea { outline: none; } label { margin-bottom: 0; } p { margin: 0; } ul, ol { list-style: none; padding: 0; margin: 0; } ul li, ol li { display: block; } dl { margin: 0; } dt, dd { line-height: inherit; } dt { font-weight: inherit; } dd { margin-bottom: 0; } cite { font-style: normal; } form { margin-bottom: 0; } blockquote { padding-left: 0; border-left: 0; } address { margin-top: 0; margin-bottom: 0; } figure { margin-bottom: 0; } html p a:hover { text-decoration: none; } /* +* +* Typography +*/ body { font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 14px; line-height: 1.7; font-weight: 300; color: #74757f; background-color: #fff; -webkit-text-size-adjust: none; -webkit-font-smoothing: subpixel-antialiased; letter-spacing: .03em; } @media (min-width: 768px) { body { font-size: 16px; line-height: 1.5; } } h1, h2, h3, h4, h5, h6, [class^='heading-'] { margin-top: 0; margin-bottom: 0; color: #151515; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, [class^='heading-'] a:hover { color: #0045b6; } h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, [class^='heading-'] span { display: inline-block; } h1 span[data-toggle='modal'], h2 span[data-toggle='modal'], h3 span[data-toggle='modal'], h4 span[data-toggle='modal'], h5 span[data-toggle='modal'], h6 span[data-toggle='modal'], [class^='heading-'] span[data-toggle='modal'] { border-bottom: 2px dashed rgba(0, 69, 182, 0.3); cursor: pointer; } h1 > span.icon, h2 > span.icon, h3 > span.icon, h4 > span.icon, h5 > span.icon, h6 > span.icon, [class^='heading-'] > span.icon { display: inline-block; margin-right: 5px; } h1, .heading-1 { font-size: 30px; line-height: 1.15; letter-spacing: 0; } @media (min-width: 576px) { h1, .heading-1 { font-size: 32px; } } @media (min-width: 768px) { h1, .heading-1 { font-size: 46px; line-height: 1.25; } } @media (min-width: 992px) { h1, .heading-1 { font-size: 54px; } } @media (min-width: 1200px) { h1, .heading-1 { font-size: 58px; } } @media (min-width: 1600px) { h1, .heading-1 { font-size: 90px; line-height: 0.88889; } } h2, .heading-2 { font-family: "Poppins", sans-serif; font-size: 28px; line-height: 1.4; letter-spacing: 0; } @media (min-width: 576px) { h2, .heading-2 { font-size: 30px; } } @media (min-width: 768px) { h2, .heading-2 { font-size: 44px; } } @media (min-width: 1200px) { h2, .heading-2 { font-size: 50px; line-height: 1.4; } } h3, .heading-3 { font-size: 24px; line-height: 1.3; letter-spacing: 0; } @media (min-width: 768px) { h3, .heading-3 { font-size: 30px; line-height: 1.4; } } @media (min-width: 1200px) { h3, .heading-3 { font-size: 38px; line-height: 1.21053; } } h3 .big, .heading-3 .big { font-size: 2em; line-height: 1; } h4, .heading-4 { font-size: 18px; line-height: 1.5; letter-spacing: 0; } @media (min-width: 1200px) { h4, .heading-4 { font-size: 24px; line-height: 1.33333; } } h4.h4-smaller, .heading-4.h4-smaller { font-size: 19px; } @media (min-width: 1200px) { h4.h4-smaller, .heading-4.h4-smaller { font-size: 22px; line-height: 1.45455; } } h5, .heading-5 { font-size: 16px; line-height: 1.5; letter-spacing: .01em; } @media (min-width: 768px) { h5, .heading-5 { font-size: 22px; line-height: 1.27273; } } h6, .heading-6 { font-family: "Poppins", sans-serif; font-size: 14px; line-height: 1.8; letter-spacing: .2em; text-transform: uppercase; } @media (min-width: 768px) { h6, .heading-6 { font-size: 16px; line-height: 1.5; font-weight: 700; } } .title-decorated { position: relative; padding-left: 40px; text-align: left; } .title-decorated::before { content: ''; position: absolute; left: 0; top: 12px; width: 30px; border-bottom: 1px solid; } .title-docor-text { font-size: 20px; color: #fff; } @media (min-width: 576px) { .title-docor-text { font-size: 24px; } } @media (min-width: 768px) { .title-docor-text { padding-left: 96px; font-size: 37px; } .title-docor-text::before { width: 74px; border-bottom-width: 2px; } } @media (min-width: 768px) { .title-decorated-lg { padding-left: 80px; } .title-decorated-lg::before { width: 62px; } .title-decorated-lg + p { margin-top: 32px; } } small, .small { display: block; font-size: 12px; line-height: 1.5; } mark, .mark { padding: 3px 5px; color: #fff; background: #0045b6; } strong { font-weight: 700; color: #74757f; } .big { font-size: 16px; line-height: 1.55; } @media (min-width: 768px) { .big { font-size: 20px; line-height: 1.6; } } .lead { font-size: 24px; line-height: 34px; font-weight: 300; } code { padding: 4px 5px; border-radius: 0; font-size: 90%; color: #111111; background: #f5f6fa; } .text-large { font-family: "Poppins", sans-serif; font-size: 30px; font-weight: 500; letter-spacing: 0; line-height: 1.2; text-transform: uppercase; } @media (min-width: 576px) { .text-large { font-size: 55px; } } @media (min-width: 768px) { .text-large { font-size: 68px; } } @media (min-width: 992px) { .text-large { font-size: 80px; } } @media (min-width: 1200px) { .text-large { font-size: 100px; } } .context-dark .text-large, .bg-gray-700 .text-large, .bg-gray-800 .text-large, .bg-primary .text-large, .bg-primary-darker .text-large { color: #fff; } .text-extra-large { font-size: 100px; line-height: .8; font-weight: 800; } @media (min-width: 768px) { .text-extra-large { font-size: 130px; line-height: .7; } } @media (min-width: 992px) { .text-extra-large { font-size: 150px; } } @media (min-width: 1600px) { .text-extra-large { font-size: 180px; } } .wow-outer span { display: block; } .wow-outer .wow > span { display: inline; } p [data-toggle='tooltip'] { padding-left: .25em; padding-right: .25em; color: #0045b6; } p [style*='max-width'] { display: inline-block; } p a { color: inherit; } p .text-width-1 { display: inline-block; max-width: 730px; } .text-width-2 { display: inline-block; max-width: 350px; } .heading-subtitle { font-size: 24px; margin-top: 20px; } .about-subtitle { font-size: 20px; line-height: 32px; margin-top: 35px; } html .page .text-primary { color: #0045b6; } .price-property { font-size: 30px; font-family: "Poppins", sans-serif; line-height: 1; } @media (min-width: 768px) { .price-property { font-size: 40px; } } .page .text-danger { color: #dc0000; } .page .text-gray-700 { color: #495057; } .page .text-color-1 { color: #deef7f; } .context-dark .text-gray-700, .bg-gray-700 .text-gray-700, .bg-gray-800 .text-gray-700, .bg-primary .text-gray-700, .bg-primary-darker .text-gray-700 { color: #fff; } /* +* +* Brand +*/ .brand { display: inline-block; } .brand .brand-logo-light { display: none; } .brand .brand-logo-dark { display: block; } /* +* +* Links +*/ a { transition: all 0.3s ease-in-out; } a, a:focus, a:active, a:hover { text-decoration: none; } a, a:focus, a:active { color: #0045b6; } a:hover { color: #00286a; } a[href*='tel'], a[href*='mailto'] { white-space: nowrap; } .link-hover { color: #343db0; } .link-default, .link-default:active, .link-default:focus { color: #74757f; } .link-default:hover { color: #0045b6; } .context-dark .link-default, .bg-gray-700 .link-default, .bg-gray-800 .link-default, .bg-primary .link-default, .bg-primary-darker .link-default { color: #aeb1be; } .context-dark .link-default:hover, .bg-gray-700 .link-default:hover, .bg-gray-800 .link-default:hover, .bg-primary .link-default:hover, .bg-primary-darker .link-default:hover { color: #fff; } .link-image { display: block; max-width: 75%; margin-left: auto; margin-right: auto; opacity: .45; transition: all 0.3s ease-in-out; } .link-image:hover { opacity: 1; } .privacy-link { display: inline-block; color: #4854ed; } * + .privacy-link { margin-top: 25px; } /* +* +* Blocks +*/ .block-center, .block-sm, .block-lg { margin-left: auto; margin-right: auto; } .block-sm { max-width: 560px; } .block-lg { max-width: 768px; } .block-center { padding: 10px; } .block-center:hover .block-center-header { background-color: #0045b6; } .block-center-title { background-color: #fff; } @media (max-width: 1599.98px) { .block-center { padding: 20px; } .block-center:hover .block-center-header { background-color: #fff; } .block-center-header { background-color: #0045b6; } } /* +* +* Boxes +*/ .box-minimal { display: flex; margin-left: -15px; text-align: left; } .box-minimal > * { margin-left: 15px; } .box-chloe__icon { font-size: 26px; } .box-minimal-icon .box-chloe__icon { position: relative; top: 4px; min-width: 26px; font-size: 24px; line-height: 1; color: #0045b6; } .box-minimal-icon .box-chloe__icon.fl-bigmug-line-checkmark14 { font-size: 20px; } .box-minimal-icon .box-chloe__icon .box-chloe__icon { position: relative; top: 4px; min-width: 26px; font-size: 24px; line-height: 1; } .box-minimal-text { width: 100%; max-width: 320px; margin-left: auto; margin-right: auto; } * + .box-minimal { margin-top: 30px; } * + .box-minimal-title { margin-top: 10px; } * + .box-minimal-text { margin-top: 15px; } @media (max-width: 575.98px) { .box-minimal { max-width: 360px; margin-left: auto; margin-right: auto; } } @media (max-width: 767.98px) { .box-minimal * + p { margin-top: 7px; } } @media (min-width: 768px) { .box-minimal { padding-right: 15px; margin-left: -30px; } .box-minimal > * { margin-left: 30px; } } @media (min-width: 992px) and (max-width: 1199.98px) { .box-minimal { padding-right: 0; } .box-minimal-title { font-size: 22px; } } @media (min-width: 1200px) { .box-minimal-icon, .box-chloe__icon { top: 0; font-size: 36px; } .box-minimal-icon .box-chloe__icon, .box-chloe__icon .box-chloe__icon { font-size: 32px; top: 0; } .box-minimal-icon.fl-bigmug-line-checkmark14, .box-chloe__icon.fl-bigmug-line-checkmark14 { font-size: 30px; } } .box-light { text-align: left; } .box-light-icon { font-size: 30px; line-height: 1; color: #0045b6; } * + .box-light-title { margin-top: 10px; } @media (max-width: 575.98px) { .box-light { max-width: 300px; margin-left: auto; margin-right: auto; } } @media (min-width: 768px) { .box-light { max-width: 240px; } .box-chloe__icon { font-size: 32px; } * + .box-light-title { margin-top: 16px; } } @media (min-width: 768px) and (max-width: 1199.98px) { .box-light-title { font-size: 20px; } } @media (min-width: 992px) { .box-light-icon { font-size: 32px; } * + .box-light-title { margin-top: 25px; } } @media (min-width: 1200px) { .box-light-icon { font-size: 40px; } } .box-creative { max-width: 330px; margin-left: auto; margin-right: auto; text-align: center; cursor: default; } .box-creative:hover .box-creative-icon { color: #fff; } .box-creative:hover .box-creative-icon::after { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); } .box-creative-shadow .box-creative-icon { background: #fff; border: 0; box-shadow: 0 17px 24px 0 rgba(0, 0, 0, 0.05); } .box-creative-icon { position: relative; z-index: 0; display: inline-flex; align-items: center; justify-content: center; width: 2.8em; height: 2.8em; border: 2px solid #e8e9ee; border-radius: 50%; font-size: 24px; line-height: 1; color: #0045b6; } .box-creative-icon::before { position: relative; z-index: 2; } .box-creative-icon::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; border-radius: inherit; background: #0045b6; border-color: #0045b6; pointer-events: none; opacity: 0; visibility: hidden; transition: .15s ease-in; transform: scale3d(1.05, 1.05, 1.05); } * + .box-creative-icon { margin-top: 10px; } * + .box-creative-title { margin-top: 10px; } @media (min-width: 768px) { .box-creative-icon { font-size: 30px; } * + .box-creative-title { margin-top: 15px; } } @media (max-width: 991.98px) { .box-creative * + p { margin-top: 10px; } } @media (min-width: 1200px) { .box-creative-icon { width: 2.4em; height: 2.4em; font-size: 40px; } * + .box-creative-title { margin-top: 24px; } } .box-1 { max-width: 280px; margin-left: auto; margin-right: auto; } @media (min-width: 768px) { .box-2 { padding-right: 30px; } } @media (min-width: 992px) { .box-2 { padding-right: 35px; } } @media (min-width: 1200px) { .box-2 { padding-right: 100px; } } @media (min-width: 992px) { .box-3 { padding-left: 10px; } } @media (min-width: 1200px) { .box-3 { padding-left: 70px; } } div.box-cta-1 { display: inline-table; text-align: center; vertical-align: middle; margin-bottom: -25px; margin-left: -40px; } div.box-cta-1:empty { margin-bottom: 0; margin-left: 0; } div.box-cta-1 > * { display: inline-block; margin: 0 0 25px 40px; } div.box-cta-1 > * { margin-top: 0; vertical-align: middle; } div.box-cta-thin { display: inline-table; text-align: center; vertical-align: middle; margin-bottom: -25px; margin-left: -30px; } div.box-cta-thin:empty { margin-bottom: 0; margin-left: 0; } div.box-cta-thin > * { display: inline-block; margin: 0 0 25px 30px; } div.box-cta-thin > * { margin-top: 0; vertical-align: middle; } @media (min-width: 768px) and (max-width: 991.98px) { div.box-cta-thin > * { max-width: 500px; } } .box-indigo { position: relative; padding: 5px 0 22px; max-width: 500px; } .box-indigo::before { content: ''; position: absolute; top: 0; right: 100px; bottom: 0; left: 30px; z-index: -1; background: rgba(73, 80, 87, 0.12); pointer-events: none; } .box-indigo p { line-height: 1.35; } .box-indigo-header > * { padding-left: 60px; } .box-indigo-header > * + * { margin-top: 0; } .box-indigo-mark { font-weight: 300; color: #deef7f; } .box-indigo-title, .box-indigo-subtitle { font-weight: 700; letter-spacing: 0; color: #495057; } p.box-indigo-title { position: relative; font-size: 30px; line-height: 1.15; } p.box-indigo-title::before { content: ''; position: absolute; top: 50%; left: 0; transform: translate3d(0, -50%, 0); display: inline-block; width: 37px; height: 0.05em; margin-right: 15px; vertical-align: middle; background: #0045b6; } @media (min-width: 576px) { p.box-indigo-title { font-size: 60px; } } @media (min-width: 768px) { p.box-indigo-title { font-size: 75px; line-height: 1.2; } } p.box-indigo-subtitle { font-size: 24px; line-height: 1.2; } p.box-indigo-subtitle .box-indigo-mark { font-size: 0.85em; } @media (min-width: 576px) { p.box-indigo-subtitle { font-size: 34px; } } @media (min-width: 768px) { p.box-indigo-subtitle { font-size: 40px; } } .context-dark .box-indigo::before, .bg-gray-700 .box-indigo::before, .bg-gray-800 .box-indigo::before, .bg-primary .box-indigo::before, .bg-primary-darker .box-indigo::before { background: rgba(255, 255, 255, 0.12); } .context-dark .box-indigo p, .bg-gray-700 .box-indigo p, .bg-gray-800 .box-indigo p, .bg-primary .box-indigo p, .bg-primary-darker .box-indigo p { color: #aeb1be; } .context-dark p.box-indigo-title, .bg-gray-700 p.box-indigo-title, .bg-gray-800 p.box-indigo-title, .bg-primary p.box-indigo-title, .bg-primary-darker p.box-indigo-title, .context-dark p.box-indigo-subtitle, .bg-gray-700 p.box-indigo-subtitle, .bg-gray-800 p.box-indigo-subtitle, .bg-primary p.box-indigo-subtitle, .bg-primary-darker p.box-indigo-subtitle { color: #fff; } .box-promo { position: relative; display: flex; max-width: 750px; margin-left: auto; margin-right: auto; text-align: left; box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.15); transition: .33s ease-in-out; } .box-promo h6, .box-promo .heading-6 { color: #ff747b; } .box-promo:hover { transform: translate(0, -5px); box-shadow: 0 2px 24px 1px rgba(0, 0, 0, 0.2); } .box-promo-mark { position: absolute; top: 14%; right: 6.5%; display: flex; align-items: center; justify-content: center; line-height: 1; border-radius: 50%; color: rgba(0, 69, 182, 0.1); border: 2px solid; pointer-events: none; } .box-promo-mark::before, .box-promo-mark::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); background: rgba(0, 69, 182, 0.1); } .box-promo-mark::before { width: 2px; height: 50%; } .box-promo-mark::after { height: 2px; width: 50%; } .box-promo-inner, .box-promo-dummy { width: 100%; flex-shrink: 0; } .box-promo-inner { display: flex; align-items: center; padding: 30px; } .box-promo-dummy { visibility: hidden; opacity: 0; pointer-events: none; } .box-promo-dummy::before { content: ''; display: block; padding-bottom: 48.53333%; } .box-promo-content { width: 100%; max-width: 500px; } .box-promo-content * + h3, .box-promo-content * + .heading-3 { margin-top: 15px; } .box-promo-content * + p { margin-top: 10px; } .box-promo-content * + .button { margin-top: 30px; } @media (min-width: 768px) { .box-promo-inner { padding: 39px 35px; } } @media (min-width: 1200px) { .box-promo-inner { padding: 60px 70px; } .box-promo-mark { top: 24%; right: 6.5%; width: 120px; height: 120px; } } /* +* Element groups +*/ html .group { margin-bottom: -15px; margin-left: -20px; } html .group:empty { margin-bottom: 0; margin-left: 0; } html .group > * { display: inline-block; margin: 0 0 15px 20px; } @media (min-width: 992px) { html .group { margin-left: -30px; } html .group > * { margin-left: 30px; } } html .group-xs { margin-bottom: -7px; margin-left: -7px; } html .group-xs:empty { margin-bottom: 0; margin-left: 0; } html .group-xs > * { display: inline-block; margin: 0 0 7px 7px; } html .group-sm { margin-bottom: -10px; margin-left: -10px; } html .group-sm:empty { margin-bottom: 0; margin-left: 0; } html .group-sm > * { display: inline-block; margin: 0 0 10px 10px; } html .group-lg { margin-bottom: -25px; margin-left: -40px; } html .group-lg:empty { margin-bottom: 0; margin-left: 0; } html .group-lg > * { display: inline-block; margin: 0 0 25px 40px; } html .group-xl { margin-bottom: -20px; margin-left: -30px; } html .group-xl:empty { margin-bottom: 0; margin-left: 0; } html .group-xl > * { display: inline-block; margin: 0 0 20px 30px; } @media (min-width: 992px) { html .group-xl { margin-bottom: -20px; margin-left: -45px; } html .group-xl > * { margin-bottom: 20px; margin-left: 45px; } } html .group-sm-justify .button { padding-left: 20px; padding-right: 20px; } @media (min-width: 768px) { html .group-sm-justify { display: flex; align-items: center; justify-content: center; } html .group-sm-justify > * { flex-grow: 1; flex-shrink: 0; } html .group-sm-justify .button { min-width: 130px; padding-left: 20px; padding-right: 20px; } } html .group-middle { display: table; vertical-align: middle; } html .group-middle > * { vertical-align: middle; } * + .group { margin-top: 30px; } * + .group-xs { margin-top: 35px; } * + .group-sm { margin-top: 30px; } * + .group-xl { margin-top: 20px; } /* +* +* Responsive units +*/ .unit { display: flex; flex: 0 1 100%; margin-bottom: -30px; margin-left: -20px; } .unit > * { margin-bottom: 30px; margin-left: 20px; } .unit:empty { margin-bottom: 0; margin-left: 0; } .unit-body { flex: 0 1 auto; } .unit-left, .unit-right { flex: 0 0 auto; max-width: 100%; } .unit-spacing-xs { margin-bottom: -15px; margin-left: -7px; } .unit-spacing-xs > * { margin-bottom: 15px; margin-left: 7px; } /* +* +* Lists +*/ .list > li + li { margin-top: 10px; } .list-xs > li + li { margin-top: 8px; } .list-sm > li + li { margin-top: 15px; } .list-md > li + li { margin-top: 18px; } .list-lg > li + li { margin-top: 25px; } .list-xl li + li { margin-top: 30px; } @media (min-width: 1200px) { .list-xl * + p { margin-top: 18px; } } @media (min-width: 1600px) { .list-xl * + p { margin-top: 24px; } } @media (min-width: 768px) { .list-xl > li + li { margin-top: 60px; } } @media (min-width: 1600px) { .list-xl > li + li { margin-top: 78px; } } .list-inline > li { display: inline-block; } html .list-inline-md { transform: translate3d(0, -8px, 0); margin-bottom: -8px; margin-left: -10px; margin-right: -10px; } html .list-inline-md > * { margin-top: 8px; padding-left: 10px; padding-right: 10px; } @media (min-width: 992px) { html .list-inline-md { margin-left: -14px; margin-right: -14px; } html .list-inline-md > * { padding-left: 14px; padding-right: 14px; } } .list-terms dt { font-size: 20px; line-height: 1.3; font-weight: 700; letter-spacing: 0; color: #495057; } .list-terms dt + dd { margin-top: 8px; } .list-terms dd + dt { margin-top: 25px; } * + .list-terms { margin-top: 25px; } .list-terms + .privacy-link { margin-top: 20px; } @media (min-width: 768px) { .list-terms dt { font-size: 24px; } .list-terms dd + dt { margin-top: 40px; } } @media (min-width: 992px) { .list-terms dt + dd { margin-top: 18px; } .list-terms dd + dt { margin-top: 55px; } } @media (min-width: 1200px) { .list-terms dt { max-width: 85%; } } @media (min-width: 1600px) { .list-terms dd + dt { margin-top: 75px; } .list-terms + .privacy-link { margin-top: 75px; } } .index-list { counter-reset: li; } .index-list > li .list-index-counter:before { content: counter(li, decimal-leading-zero); counter-increment: li; } .list-marked { text-align: left; } .list-marked > li::before { position: relative; top: 1px; display: inline-block; min-width: 25px; content: '\f14f'; font: 400 14px 'Material Design Icons'; line-height: inherit; color: #aeb1be; } .list-marked > li + li { margin-top: 9px; } * + .list-marked { margin-top: 15px; } .list-ordered { counter-reset: li; text-align: left; } .list-ordered > li { position: relative; padding-left: 25px; } .list-ordered > li:before { content: counter(li, decimal) "."; counter-increment: li; position: absolute; top: 0; left: 0; display: inline-block; width: 15px; color: #aeb1be; } .list-ordered > li + li { margin-top: 9px; } * + .list-ordered { margin-top: 15px; } .list-nav { transform: translate3d(0, -10px, 0); margin-bottom: -10px; margin-left: -10px; margin-right: -10px; font-family: "Poppins", sans-serif; font-weight: 400; font-size: .875em; letter-spacing: .08em; text-transform: uppercase; color: #495057; } .list-nav > * { margin-top: 10px; padding-left: 10px; padding-right: 10px; } .list-nav li { display: inline-block; vertical-align: middle; } .list-nav a { color: inherit; } .list-nav a:hover { color: #0045b6; } @media (min-width: 768px) { .list-nav { margin-left: -13px; margin-right: -13px; } .list-nav > * { padding-left: 13px; padding-right: 13px; } } @media (min-width: 992px) { .list-nav { margin-left: -28px; margin-right: -28px; } .list-nav > * { padding-left: 28px; padding-right: 28px; } } .context-dark .list-nav, .bg-gray-700 .list-nav, .bg-gray-800 .list-nav, .bg-primary .list-nav, .bg-primary-darker .list-nav { color: #fff; } .context-dark .list-nav a:hover, .bg-gray-700 .list-nav a:hover, .bg-gray-800 .list-nav a:hover, .bg-primary .list-nav a:hover, .bg-primary-darker .list-nav a:hover { color: #aeb1be; } .list-inline-bordered { margin-left: -18px; margin-right: -18px; color: #495057; } .list-inline-bordered > * { padding-left: 18px; padding-right: 18px; } .list-inline-bordered * { color: inherit; } .list-inline-bordered > li > button { background: none; border: none; display: inline-block; padding: 0; outline: none; outline-offset: 0; cursor: pointer; -webkit-appearance: none; transition: .22s; } .list-inline-bordered > li > button::-moz-focus-inner { border: none; padding: 0; } .list-inline-bordered > li { display: inline-block; line-height: 24px; } .list-inline-bordered > li:not(:last-child) { border-right: 1px solid #74757f; } .context-dark .list-inline-bordered, .bg-gray-700 .list-inline-bordered, .bg-gray-800 .list-inline-bordered, .bg-primary .list-inline-bordered, .bg-primary-darker .list-inline-bordered { color: #fff; } .context-dark .list-inline-bordered button.active, .bg-gray-700 .list-inline-bordered button.active, .bg-gray-800 .list-inline-bordered button.active, .bg-primary .list-inline-bordered button.active, .bg-primary-darker .list-inline-bordered button.active, .context-dark .list-inline-bordered button:hover, .bg-gray-700 .list-inline-bordered button:hover, .bg-gray-800 .list-inline-bordered button:hover, .bg-primary .list-inline-bordered button:hover, .bg-primary-darker .list-inline-bordered button:hover { color: #aeb1be; } .list-inline-comma > li { display: inline-block; color: #0045b6; } .list-inline-comma > li:not(:last-child)::after { content: '\002C'; } .list-inline-comma a { color: inherit; } .list-inline-comma a:hover { color: #343db0; } .list-inline-comma-default > li { color: #74757f; } .list-inline-comma-default a:hover { color: #0045b6; } /* +* +* Images +*/ img { display: inline-block; max-width: 100%; height: auto; } .img-responsive { width: 100%; } /* +* +* Icons +*/ .icon { display: inline-block; font-size: 16px; line-height: 1; } .icon::before { position: relative; display: inline-block; font-weight: 400; font-style: normal; speak: none; text-transform: none; } .icon-creative { display: inline-block; text-align: center; width: 2em; height: 2em; line-height: 2em; border-radius: 50%; } .icon-creative, .icon-creative:active, .icon-creative:focus { color: #aeb1be; } .icon-creative::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; border-radius: inherit; pointer-events: none; opacity: 0; transform: scale3d(0, 0, 0); transition: .22s; } .icon-creative:hover { color: #fff; } .icon-creative:hover::after { opacity: 1; transform: scale3d(1, 1, 1); } .icon-creative[class*='facebook']::after { background: #2059a0; } .icon-creative[class*='twitter']::after { background: #00aae6; } .icon-creative[class*='instagram']::after { background: linear-gradient(to top, #f15823 0%, #a7058e 100%); } .icon-creative[class*='google']::after { background: #ff3807; } .icon-creative[class*='linkedin']::after { background: #2881a8; } .icon-modern { width: 2em; height: 2em; line-height: 2em; text-align: center; border-radius: 50%; border: 1px solid #e8e9ee; color: #151515; } .icon-circle { border-radius: 50%; } .icon-sm { font-size: 20px; } .icon-md { font-size: 1.5em; } .icon-lg { font-size: 1.875em; } /* +* +* Tables custom +*/ .table { width: 100%; max-width: 100%; text-align: left; background: #fff; border-collapse: collapse; } .table th, .table td { color: #495057; vertical-align: middle; } .table th { padding: 13px 24px; border-top: 0; font-size: 16px; font-weight: 300; } .table thead th { border-bottom: 1px solid #aeb1be; } .table td { padding: 23px 24px; } .table tbody tr:first-child td { border-top: 0; } .table tr td { border-bottom: 1px solid #e8e9ee; } .table tfoot td { font-weight: 700; } * + .table-responsive { margin-top: 30px; } @media (min-width: 768px) { * + .table-responsive { margin-top: 40px; } } .table-hover tbody tr { transition: .55s; } .table-hover tbody tr:hover { background: #f5f6fa; } .table-job-positions th, .table-job-positions td { white-space: nowrap; } .table-job-positions td:first-child { width: 8%; padding-right: 6px; text-align: center; } .table-job-positions .position { color: #0045b6; } .table-job-positions time { display: block; white-space: nowrap; } @media (max-width: 575.98px) { .table-job-positions th, .table-job-positions td { padding-left: 12px; padding-right: 12px; } .table-job-positions td { padding-top: 10px; padding-bottom: 10px; } } .table-responsive + .button-lg { margin-top: 30px; } @media (min-width: 1200px) { .table-responsive + .button-lg { margin-top: 40px; } } @media (min-width: 1600px) { .table-responsive + .button-lg { margin-top: 55px; } } /* +* +* Dividers +*/ hr { margin-top: 0; margin-bottom: 0; border-top: 1px solid #e8e9ee; } .context-dark hr, .bg-gray-700 hr, .bg-gray-800 hr, .bg-primary hr, .bg-primary-darker hr { border-top-color: #74757f; } .divider-small { font-size: 0; line-height: 0; } .divider-small::after { content: ''; display: inline-block; width: 70px; height: 2px; background-color: #0045b6; } .divider-small + h3, .divider-small + .heading-3, .divider-small-outer + h3, .divider-small-outer + .heading-3 { margin-top: 20px; } /* +* +* Buttons +*/ .button { position: relative; overflow: hidden; display: inline-block; padding: 13px 35px; font-size: 14px; line-height: 1.25; border: 2px solid; border-radius: 6px; font-family: "Poppins", sans-serif; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; white-space: nowrap; text-overflow: ellipsis; text-align: center; cursor: pointer; vertical-align: middle; user-select: none; transition: 0.25s cubic-bezier(0.2, 1, 0.3, 1); } .form-btn { display: block; width: 100%; height: 100%; } .button-block { display: block; width: 100%; } .button-default, .button-default:focus { color: #aeb1be; background-color: #495057; border-color: #495057; } .button-default:hover, .button-default:active { color: #fff; background-color: #0045b6; border-color: #0045b6; } .button.button-primary, .button.button-primary:focus { color: #fff; background-color: #0045b6; border-color: #0045b6; } .button.button-primary:hover, .button.button-primary:active { color: #fff; background-color: #232426; border-color: #232426; } html .button.button-primary-lighten, html .button.button-primary-lighten:focus { color: #fff; background-color: #0045b6; border-color: #0045b6; } html .button.button-primary-lighten:hover, html .button.button-primary-lighten:active { color: #fff; background-color: #232426; border-color: #232426; } .button-accent-outline, .button-accent-outline:focus { color: #151515; background-color: transparent; border-color: #0045b6; } .button-accent-outline:hover, .button-accent-outline:active { color: #fff; background-color: #0045b6; border-color: #0045b6; } .button-primary-outline, .button-primary-outline:focus { color: #151515; background-color: transparent; border-color: #151515; } .button-primary-outline:hover, .button-primary-outline:active { color: #fff; background-color: #0045b6; border-color: #0045b6; } .button-gray-bordered { border-width: 1px; } .button-gray-bordered, .button-gray-bordered:focus { color: #151515; background-color: transparent; border-color: #aeb1be; } .button-gray-bordered:hover, .button-gray-bordered:active { color: #fff; background-color: #0045b6; border-color: #0045b6; } .button-primary-white, .button-primary-white:focus { color: #111111; background-color: #fff; border-color: transparent; } .button-primary-white:hover, .button-primary-white:active { color: #fff; background-color: #0045b6; border-color: #0045b6; } .button.button-facebook, .button.button-facebook:focus { color: #fff; background-color: #2059a0; border-color: #2059a0; } .button.button-facebook:hover, .button.button-facebook:active { color: #fff; background-color: #2465b5; border-color: #2465b5; } .button.button-twitter, .button.button-twitter:focus { color: #fff; background-color: #00aae6; border-color: #00aae6; } .button.button-twitter:hover, .button.button-twitter:active { color: #fff; background-color: #01bdff; border-color: #01bdff; } .button.button-google, .button.button-google:focus { color: #fff; background-color: #ff3807; border-color: #ff3807; } .button.button-google:hover, .button.button-google:active { color: #fff; background-color: #ff4c21; border-color: #ff4c21; } .button-winona { position: relative; overflow: hidden; display: inline-block; vertical-align: middle; text-align: center; } .button-winona .content-original, .button-winona .content-dubbed { vertical-align: middle; transition: transform 0.3s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.3s cubic-bezier(0.2, 1, 0.3, 1); } .button-winona .content-original { display: block; } .button-winona .content-dubbed { position: absolute; width: 100%; top: 50%; left: 0; opacity: 0; transform: translate3d(0, 0, 0); } .button-winona:hover .content-original { opacity: 0; transform: translate3d(0, -30%, 0); } .button-winona:hover .content-dubbed { opacity: 1; transform: translate3d(0, 0, 0) translateY(-50%); } .button-sm { padding: 9px 32px; font-size: 12px; line-height: 1.5; } .button-lg { padding: 14px 35px; font-size: 15px; line-height: 1.5; } @media (min-width: 576px) { .button-lg { font-size: 16px; padding-left: 55px; padding-right: 55px; } } .button-lg--smaller { padding-left: 35px; padding-right: 35px; } html .button.button-icon { display: inline-flex; } .button-icon { justify-content: center; align-items: center; vertical-align: middle; } .button-icon .icon { position: relative; top: -1px; display: inline-block; vertical-align: middle; color: inherit; font-size: 1.55em; line-height: 1em; transition: none; } .button-icon:hover .icon { color: inherit; } .button-icon-left .icon { padding-right: 5px; } .button-icon-right { flex-direction: row-reverse; } .button-icon-right .icon { padding-left: 8px; } .button-icon.button-icon-only { padding-left: 20px; padding-right: 20px; } .button-icon.button-lg .icon { padding-right: 8px; } .button-icon.button-lg.button-icon-right .icon { padding: 0 0 0 8px; } .button-icon.button-sm .icon { padding-right: 3px; font-size: 1.33em; } .button-icon.button-sm.button-icon-right .icon { padding: 0 0 0 3px; } .btn-primary { border-radius: 3px; font-family: "Poppins", sans-serif; font-weight: 500; letter-spacing: .05em; text-transform: uppercase; transition: .33s; } .btn-primary, .btn-primary:active, .btn-primary:focus { color: #fff; background: #0045b6; border-color: #0045b6; } .btn-primary:hover { color: #fff; background: #000; border-color: #000; } .button-group { display: flex; } .button-group .button { margin: 0; flex-grow: 1; } .button-group .button:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .button-group .button:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .button-video { position: relative; display: block; border-radius: 50%; transition: .33s; color: #495057; } .button-video::before, .button-video:after { display: block; content: '\f4fc'; font-family: 'Material Design Icons'; font-size: 64px; line-height: 1; border-radius: 50%; } .button-video::before { z-index: -1; pointer-events: none; } .button-video::after { position: absolute; width: 100%; top: 50%; left: 0; opacity: 0; transform: translate3d(0, -50%, 0); transition: opacity 0.3s cubic-bezier(0.2, 1, 0.3, 1); } .button-video:hover { color: #0045b6; } .button-video:hover::before { opacity: 0; transition: transform 0.9s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.3s cubic-bezier(0.2, 1, 0.3, 1); transform: scale3d(1.5, 1.5, 1.5); } .button-video:hover::after { opacity: 1; } .button-video-lg::before, .button-video-lg:after { font-size: 90px; } .context-dark .button-video, .bg-gray-700 .button-video, .bg-gray-800 .button-video, .bg-primary .button-video, .bg-primary-darker .button-video { color: #fff; } /* +* +* Form styles +*/ .rd-form { position: relative; text-align: left; } .rd-form .button { min-height: 48px; } .rd-form .button-icon-only { padding-top: 11px; padding-bottom: 11px; } * + .rd-form { margin-top: 20px; } input:-webkit-autofill ~ label, input:-webkit-autofill ~ .form-validation { color: #000 !important; } .form-wrap { position: relative; } .form-wrap.has-error .form-input { border-color: #dc0000; } .form-wrap.has-focus .form-input { border-color: #0045b6; } * + .form-wrap { margin-top: 24px; } .form-input { display: block; width: 100%; min-height: 48px; padding: 11px 19px; font-size: 16px; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-image: none; border-radius: 6px; -webkit-appearance: none; transition: .3s ease-in-out; font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; border: 1px solid #c5c6cd; } .form-input:focus { outline: 0; } textarea.form-input { height: 150px; min-height: 48px; max-height: 255px; resize: vertical; } .form-label, .form-label-outside { margin-bottom: 0; font-weight: 300; } .form-label { position: absolute; top: 24px; left: 0; right: 0; padding-left: 19px; padding-right: 19px; font-size: 16px; font-weight: 400; line-height: 1.5; color: #495057; pointer-events: none; text-align: left; z-index: 9; transition: .25s; will-change: transform; transform: translateY(-50%); } .form-label.focus { opacity: 0; } .form-label.auto-fill { color: #495057; } .form-label-outside { width: 100%; padding-right: 150px; margin-bottom: 4px; font-size: 14px; color: #aeb1be; cursor: pointer; } .form-label-outside ~ .form-validation { top: 10px; } [data-x-mode='true'] .form-label { pointer-events: auto; } .form-validation { position: absolute; right: 15px; top: 0; z-index: 11; margin-top: 3px; font-size: 10px; font-weight: 500; line-height: 12px; letter-spacing: 0; color: #dc0000; transition: .3s; transform: scale3d(1, 1, 1); } .form-validation:empty { transform: scale3d(1, 0, 1); } .form-validation-left .form-validation { top: 2px; bottom: auto; right: auto; left: 14px; } #form-output-global { position: fixed; bottom: 30px; left: 15px; z-index: 2000; visibility: hidden; transform: translate3d(-500px, 0, 0); transition: .3s all ease; } #form-output-global.active { visibility: visible; transform: translate3d(0, 0, 0); } @media (min-width: 576px) { #form-output-global { left: 30px; } } .form-output { position: absolute; top: 100%; left: 0; font-size: 10px; font-weight: 400; line-height: 1.2; margin-top: 2px; transition: .3s; opacity: 0; visibility: hidden; } .form-output.active { opacity: 1; visibility: visible; } .form-output.error { color: #dc0000; } .form-output.success { color: #98bf44; } .radio .radio-custom, .radio-inline .radio-custom, .checkbox .checkbox-custom, .checkbox-inline .checkbox-custom { opacity: 0; } .radio .radio-custom, .radio .radio-custom-dummy, .radio-inline .radio-custom, .radio-inline .radio-custom-dummy, .checkbox .checkbox-custom, .checkbox .checkbox-custom-dummy, .checkbox-inline .checkbox-custom, .checkbox-inline .checkbox-custom-dummy { position: absolute; left: 0; width: 14px; height: 14px; outline: none; cursor: pointer; } .radio .radio-custom-dummy, .radio-inline .radio-custom-dummy, .checkbox .checkbox-custom-dummy, .checkbox-inline .checkbox-custom-dummy { pointer-events: none; background: #fff; } .radio .radio-custom-dummy::after, .radio-inline .radio-custom-dummy::after, .checkbox .checkbox-custom-dummy::after, .checkbox-inline .checkbox-custom-dummy::after { position: absolute; opacity: 0; transition: .22s; } .radio .radio-custom:focus, .radio-inline .radio-custom:focus, .checkbox .checkbox-custom:focus, .checkbox-inline .checkbox-custom:focus { outline: none; } .radio input, .radio-inline input, .checkbox input, .checkbox-inline input { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; clip-path: inset(50%); border: 0; } .radio-custom:checked + .radio-custom-dummy:after, .checkbox-custom:checked + .checkbox-custom-dummy:after { opacity: 1; } .radio, .radio-inline { padding-left: 28px; } .radio .radio-custom-dummy, .radio-inline .radio-custom-dummy { top: 1px; left: 0; width: 18px; height: 18px; border-radius: 50%; border: 1px solid #74757f; } .radio .radio-custom-dummy::after, .radio-inline .radio-custom-dummy::after { content: ''; top: 3px; right: 3px; bottom: 3px; left: 3px; background: #495057; border-radius: inherit; } .checkbox, .checkbox-inline { padding-left: 28px; } .checkbox .checkbox-custom-dummy, .checkbox-inline .checkbox-custom-dummy { left: 0; width: 18px; height: 18px; margin: 0; border: 1px solid #74757f; } .checkbox .checkbox-custom-dummy::after, .checkbox-inline .checkbox-custom-dummy::after { content: '\f222'; font-family: "Material Design Icons"; position: absolute; top: -1px; left: -2px; font-size: 20px; line-height: 18px; color: #aeb1be; } .toggle-custom { padding-left: 60px; -webkit-appearance: none; } .toggle-custom:checked ~ .checkbox-custom-dummy::after { background: #0045b6; transform: translate(20px, -50%); } .toggle-custom ~ .checkbox-custom-dummy { position: relative; display: inline-block; margin-top: -1px; width: 44px; height: 20px; background: #fff; cursor: pointer; } .toggle-custom ~ .checkbox-custom-dummy::after { content: ''; position: absolute; display: inline-block; width: 16px; height: 16px; left: 0; top: 50%; background: #74757f; transform: translate(4px, -50%); opacity: 1; transition: .22s; } .form-inline { display: flex; flex-wrap: wrap; align-items: stretch; text-align: center; margin-bottom: -8px; } .form-inline > * { margin-bottom: 8px; } .form-inline > * { margin-top: 0; margin-right: -6px; margin-left: -6px; } .form-inline .form-wrap { flex: 20 0; min-width: 220px; } .form-inline .form-wrap-select { text-align: left; } .form-inline .form-label { display: block; } .form-inline .form-input { border-color: #fff; } .form-inline .form-button { flex-grow: 1; min-height: 48px; } .form-inline .form-button .button { width: 100%; min-height: inherit; } @media (min-width: 576px) { .form-inline .button { display: block; } } .form-inline.form-inline-centered { justify-content: center; } .form-sm .form-input, .form-sm .button { padding-top: 9px; padding-bottom: 9px; min-height: 40px; } .form-sm .form-validation { top: -16px; } .form-sm .form-label { top: 20px; } .form-sm * + .button { margin-top: 10px; } .form-lg .form-input, .form-lg .select2-container--default .select2-selection--single .select2-selection__rendered { padding-top: 15px; padding-bottom: 15px; } .form-lg .form-input, .form-lg .select2-container--default .select2-selection--single .select2-selection__rendered, .form-lg .form-wrap-button { min-height: 56px; } .form-lg .form-label { top: 28px; } .form-layout-1 { margin-bottom: -20px; margin-left: -20px; } .form-layout-1:empty { margin-bottom: 0; margin-left: 0; } .form-layout-1 > * { display: inline-block; margin: 0 0 20px 20px; } .form-layout-1 > * { display: block; } .form-layout-1 .form-wrap-button { display: flex; } .form-layout-1 .button { display: block; width: 100%; } * + form.form-layout-1 { margin-top: 35px; } @media (min-width: 768px) { .form-layout-1 { display: flex; } .form-layout-1 > * { flex-shrink: 0; } .form-layout-1 .form-wrap-main { flex-grow: 1; } .form-layout-1 .form-wrap-select { width: 100%; max-width: 220px; } } @media (min-width: 992px) { * + form.form-layout-1 { margin-top: 50px; } } .schedule-form { margin-top: 0; } @media (min-width: 1200px) { .schedule-form { margin-top: 35px; } } .schedule-form .form-wrap { margin-top: 12px; } .schedule-form .form-wrap input { background-color: #f5f6fa; border-color: #e8e9ee; } .schedule-form .form-wrap input ::placeholder { color: #151515; opacity: 1; } .schedule-form .form-wrap input ::placeholder :-ms-input-placeholder { color: #151515; } /* +* +* Posts +*/ .post-inline { max-width: 313px; } .post-inline-title a { color: inherit; } .post-inline-meta { transform: translate3d(0, -5px, 0); margin-bottom: -5px; margin-left: -10px; margin-right: -10px; color: rgba(255, 255, 255, 0.3); } .post-inline-meta > * { margin-top: 5px; padding-left: 10px; padding-right: 10px; } .post-inline-meta > li { position: relative; display: inline-block; } .post-inline-meta > li:not(:last-child)::after { content: ''; position: absolute; right: 0; top: 50%; width: 1px; height: 1px; border-radius: 50%; background: #495057; } .post-inline-meta a { color: inherit; } * + .post-inline { margin-top: 15px; } * + .post-inline-meta { margin-top: 5px; } @media (min-width: 768px) { * + .post-inline { margin-top: 22px; } } .context-dark .post-inline-title, .bg-gray-700 .post-inline-title, .bg-gray-800 .post-inline-title, .bg-primary .post-inline-title, .bg-primary-darker .post-inline-title { color: #fff; } .context-dark .post-inline-title a:hover, .bg-gray-700 .post-inline-title a:hover, .bg-gray-800 .post-inline-title a:hover, .bg-primary .post-inline-title a:hover, .bg-primary-darker .post-inline-title a:hover { color: #aeb1be; } .context-dark .post-inline-meta > li:not(:last-child)::after, .bg-gray-700 .post-inline-meta > li:not(:last-child)::after, .bg-gray-800 .post-inline-meta > li:not(:last-child)::after, .bg-primary .post-inline-meta > li:not(:last-child)::after, .bg-primary-darker .post-inline-meta > li:not(:last-child)::after { background: #aeb1be; } .context-dark .post-inline-meta a:hover, .bg-gray-700 .post-inline-meta a:hover, .bg-gray-800 .post-inline-meta a:hover, .bg-primary .post-inline-meta a:hover, .bg-primary-darker .post-inline-meta a:hover { color: #fff; } .post-classic { text-align: left; } .post-classic-media { position: relative; display: block; } .post-classic-media::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(73, 80, 87, 0.4); transition: .4s ease-in-out; opacity: 0; visibility: hidden; pointer-events: none; } .post-classic-media img { width: 100%; } .post-classic-media:hover::before { opacity: 1; visibility: visible; } .post-classic-meta { transform: translate3d(0, -3px, 0); margin-bottom: -3px; margin-left: -14px; margin-right: -14px; color: #aeb1be; } .post-classic-meta > * { margin-top: 3px; padding-left: 14px; padding-right: 14px; } .post-classic-meta > li { position: relative; display: inline-block; } .post-classic-meta > li:not(:last-child)::after { content: ''; position: absolute; right: 0; top: 50%; width: 2px; height: 2px; background: #aeb1be; transform: translate3d(0, -50%, 0); } .post-classic-meta a:hover { color: #343db0; } * + .post-classic-meta { margin-top: 15px; } * + .post-classic-title { margin-top: 9px; } @media (max-width: 575.98px) { .post-classic { max-width: 360px; margin-left: auto; margin-right: auto; } } @media (min-width: 576px) and (max-width: 767.98px) { .post-classic-title { font-size: 17px; } } @media (min-width: 768px) { .post-classic-meta { transform: translate3d(0, -5px, 0); margin-bottom: -5px; margin-left: -20px; margin-right: -20px; } .post-classic-meta > * { margin-top: 5px; padding-left: 20px; padding-right: 20px; } * + .post-classic-meta { margin-top: 25px; } } @media (min-width: 992px) and (max-width: 1199.98px) { .post-classic-meta { margin-left: -15px; margin-right: -15px; font-size: 14px; } .post-classic-meta > * { padding-left: 15px; padding-right: 15px; } } .post-modern { text-align: left; } .post-modern-title { color: #151515; font-weight: 400; } .post-modern-title a:hover { color: #0045b6; } .post-modern-media { position: relative; display: block; } .post-modern-media::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(73, 80, 87, 0.4); transition: .22s ease-in-out; opacity: 0; visibility: hidden; pointer-events: none; } .post-modern-media img { width: 100%; } .post-modern-media:hover::before { opacity: 1; visibility: visible; } .post-modern-meta { transform: translate3d(0, -5px, 0); margin-bottom: -5px; margin-left: -15px; margin-right: -15px; color: #495057; font-weight: 500; } .post-modern-meta > * { margin-top: 5px; padding-left: 15px; padding-right: 15px; } .post-modern-meta > li { position: relative; display: inline-block; line-height: 24px; font-size: 18px; } .post-modern-meta > li:not(:last-child)::after { content: ''; position: absolute; right: 0; top: 50%; width: 1px; height: 1.5em; background: #e8e9ee; transform: translate3d(0, -50%, 0); } .post-modern-meta a:hover { color: #343db0; } .post-modern-meta + p { color: #151515; } * + .post-modern-title { margin-top: 9px; } * + .post-modern-meta { margin-top: 10px; } @media (max-width: 575.98px) { .post-modern { max-width: 430px; margin-left: auto; margin-right: auto; } } @media (min-width: 768px) { .post-modern-meta { transform: translate3d(0, -5px, 0); margin-bottom: -5px; margin-left: -20px; margin-right: -20px; } .post-modern-meta > * { margin-top: 5px; padding-left: 20px; padding-right: 20px; } * + .post-modern-title { margin-top: 15px; } } @media (min-width: 992px) and (max-width: 1199.98px) { .post-modern-meta { margin-left: -15px; margin-right: -15px; font-size: 14px; } .post-modern-meta > * { padding-left: 15px; padding-right: 15px; } } @media (min-width: 1200px) { * + .post-modern-title { margin-top: 25px; } * + .post-modern-meta { margin-top: 15px; } } .post-block { position: relative; z-index: 1; display: flex; overflow: hidden; max-width: 640px; border-radius: 6px; text-align: left; } .post-block::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; opacity: .3; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000 100%); } .post-block::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; border-radius: inherit; background: rgba(0, 0, 0, 0.5); z-index: 1; opacity: 0; visibility: hidden; transition: 1s ease-in-out; } .post-block:hover::after { opacity: 1; visibility: visible; } .post-block > * { width: 100%; flex-shrink: 0; } .post-block-dummy { width: 100%; } .post-block-dummy::before { content: ''; display: block; visibility: hidden; pointer-events: none; padding-bottom: 71.58556%; } .post-block-image { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-height: 100%; min-width: 100%; width: auto; height: auto; max-width: none; } @supports (object-fit: cover) { .post-block-image { left: 0; top: 0; width: 100%; height: 100%; transform: none; object-fit: cover; object-position: center center; } } .post-block-caption { position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: flex-end; padding: 20px; } .post-block-meta { transform: translate3d(0, -5px, 0); margin-bottom: -5px; margin-left: -20px; margin-right: -20px; color: #495057; } .post-block-meta > * { margin-top: 5px; padding-left: 20px; padding-right: 20px; } .post-block-meta > li { position: relative; display: inline-block; line-height: 24px; } .post-block-meta > li:not(:last-child)::after { content: ''; position: absolute; right: 0; top: 50%; width: 1px; height: 1.5em; background: #e8e9ee; transform: translate3d(0, -50%, 0); } .post-block-meta a { color: inherit; } .post-block-meta a:hover { color: #0045b6; } .post-block-meta time { display: block; } .context-dark .post-block-meta, .bg-gray-700 .post-block-meta, .bg-gray-800 .post-block-meta, .bg-primary .post-block-meta, .bg-primary-darker .post-block-meta { color: #aeb1be; } .context-dark .post-block-meta a:hover, .bg-gray-700 .post-block-meta a:hover, .bg-gray-800 .post-block-meta a:hover, .bg-primary .post-block-meta a:hover, .bg-primary-darker .post-block-meta a:hover { color: #fff; } .context-dark .post-block-meta > li:not(:last-child)::after, .bg-gray-700 .post-block-meta > li:not(:last-child)::after, .bg-gray-800 .post-block-meta > li:not(:last-child)::after, .bg-primary .post-block-meta > li:not(:last-child)::after, .bg-primary-darker .post-block-meta > li:not(:last-child)::after { background: #aeb1be; } .context-dark .post-block-title a:hover, .bg-gray-700 .post-block-title a:hover, .bg-gray-800 .post-block-title a:hover, .bg-primary .post-block-title a:hover, .bg-primary-darker .post-block-title a:hover { color: #aeb1be; } @media (max-width: 767.98px) { .post-block { max-width: 420px; margin-left: auto; margin-right: auto; } } @media (min-width: 768px) { .post-block-meta { margin-left: -25px; margin-right: -25px; } .post-block-meta > * { padding-left: 25px; padding-right: 25px; } .post-block-caption { padding: 35px 40px; } } .post-light { display: flex; align-items: flex-start; max-width: 450px; margin-left: -20px; text-align: left; } .post-light > * { margin-left: 20px; } .post-light:hover .post-light-time { background: #0045b6; } .post-light-time { position: relative; overflow: hidden; display: flex; flex-direction: column; align-items: center; justify-content: center; flex-shrink: 0; min-width: 100px; width: 100px; padding: 20px; color: #fff; background: #aeb1be; border-radius: 6px; transition: .22s ease-in-out; } .post-light-time > * { line-height: 1; } .post-light-time > * + * { margin-top: 3px; } .post-light-time-big { font-size: 2.25em; font-weight: 700; } a.post-tiny-media { display: block; } .post-light-media { position: relative; } .post-light-media::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(73, 80, 87, 0.1); transition: .22s ease-in-out; opacity: 0; visibility: hidden; pointer-events: none; } .post-light-media img { width: 100%; } .post-light-main { flex-grow: 1; } .post-light-title { color: #0045b6; } .post-light-title a:hover { color: #343db0; } .post-light-meta { transform: translate3d(0, -5px, 0); margin-bottom: -5px; margin-left: -20px; margin-right: -20px; color: #495057; } .post-light-meta > * { margin-top: 5px; padding-left: 20px; padding-right: 20px; } .post-light-meta > li { position: relative; display: inline-block; line-height: 24px; } .post-light-meta > li:not(:last-child)::after { content: ''; position: absolute; right: 0; top: 50%; width: 1px; height: 1.5em; background: #e8e9ee; transform: translate3d(0, -50%, 0); } .post-light-meta a { color: inherit; } .post-light-meta a:hover { color: #0045b6; } * + .post-light { margin-top: 30px; } * + .post-light-meta { margin-top: 9px; } @media (min-width: 768px) { .post-light { margin-left: -36px; } .post-light > * { margin-left: 36px; } } @media (min-width: 992px) { * + .post-light { margin-top: 38px; } } .post-tiny { text-align: left; } a.post-tiny-media { position: relative; display: block; } a.post-tiny-media::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(73, 80, 87, 0.3); transition: .22s ease-in-out; opacity: 0; visibility: hidden; pointer-events: none; } a.post-tiny-media img { width: 100%; } a.post-tiny-media:hover::before { opacity: 1; visibility: visible; } .post-tiny-title { color: #0045b6; } .post-tiny-title a:hover { color: #343db0; } .post-tiny-time { display: block; color: #aeb1be; } * + .post-tiny-time { margin-top: 10px; } @media (max-width: 575.98px) { .post-tiny { max-width: 360px; margin-left: auto; margin-right: auto; } } .post-creative > img { width: 100%; } .post-creative > * + img { margin-top: 25px; } .post-creative > img + * { margin-top: 25px; } .post-creative * + h4, .post-creative * + .heading-4 { margin-top: 15px; } .post-creative-title { font-weight: 700; } .post-creative-meta { transform: translate3d(0, -5px, 0); margin-bottom: -5px; margin-left: -15px; margin-right: -15px; } .post-creative-meta > * { margin-top: 5px; padding-left: 15px; padding-right: 15px; } .post-creative-meta > li, .post-creative-meta > li > * { display: inline-block; vertical-align: middle; } .post-creative-meta > li > * + * { margin-left: 5px; } .post-creative-meta a { color: inherit; } .post-creative-meta a:hover { color: #0045b6; } .post-creative-meta .icon { font-size: 1.5em; color: #0045b6; } .post-creative-footer { transform: translate3d(0, -10px, 0); margin-bottom: -10px; margin-left: -15px; margin-right: -15px; } .post-creative-footer > * { margin-top: 10px; padding-left: 15px; padding-right: 15px; } .post-creative-footer > * { display: inline-block; vertical-align: middle; } * + .post-creative-meta { margin-top: 15px; } * + .post-creative-footer { margin-top: 25px; } @media (min-width: 768px) { .post-creative-title { max-width: 80%; } } @media (min-width: 992px) { * + .post-creative-meta { margin-top: 25px; } .post-creative + [class*='section'] { margin-top: 30px; } } @media (min-width: 1200px) { .post-creative h4, .post-creative .heading-4 { font-size: 22px; line-height: 1.46; } .post-creative > * + img { margin-top: 30px; } .post-creative > img + * { margin-top: 40px; } .post-creative * + h4, .post-creative * + .heading-4 { margin-top: 32px; } .post-creative > .quote-light + img { margin-top: 50px; } * + .post-creative-meta { margin-top: 30px; } * + .post-creative-footer { margin-top: 40px; } } @media (min-width: 768px) { .post-creative { font-size: 20px; } .post-creative h4, .post-creative .heading-4 { font-size: 20px; line-height: 1.56; } } @media (min-width: 1600px) { .post-creative + [class*='section'] { margin-top: 55px; } } /* +* +* Quotes +*/ .quote-light-mark { fill: #aeb1be; } .quote-light-cite { font-size: 20px; color: #0045b6; } .quote-light-caption { line-height: 1.2; } .quote-light-text { font-size: 16px; line-height: 1.5; letter-spacing: 0; color: #495057; } html img.quote-light-image { display: inline-block; } * + .quote-light { margin-top: 30px; } * + .quote-light-caption { margin-top: 3px; } * + .quote-light-mark { margin-top: 15px; } * + .quote-light-text { margin-top: 8px; } * + .quote-light-footer { margin-top: 20px; } @media (min-width: 576px) { .quote-light-cite { font-size: 20px; } } @media (min-width: 768px) { .quote-light-cite { font-size: 24px; } .quote-light-text { font-size: 21px; line-height: 1.45; } * + .quote-light { margin-top: 40px; } * + .quote-light-mark { margin-top: 35px; } * + .quote-light-text { margin-top: 15px; } * + .quote-light-footer { margin-top: 30px; } } @media (min-width: 1600px) { .quote-light-text { font-size: 24px; line-height: 1.33333; } * + .quote-light { margin-top: 50px; } * + .quote-light-mark { margin-top: 50px; } * + .quote-light-footer { margin-top: 45px; } } .quote-classic { text-align: left; } .quote-classic-meta { display: flex; align-items: center; flex-wrap: wrap; margin-bottom: -20px; margin-left: -20px; } .quote-classic-meta:empty { margin-bottom: 0; margin-left: 0; } .quote-classic-meta > * { display: inline-block; margin: 0 0 20px 20px; } .quote-classic-avatar { position: relative; overflow: hidden; width: 50px; height: 50px; border-radius: 50%; flex-shrink: 0; } .quote-classic-avatar img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-height: 100%; min-width: 100%; width: auto; height: auto; max-width: none; } @supports (object-fit: cover) { .quote-classic-avatar img { left: 0; top: 0; width: 100%; height: 100%; transform: none; object-fit: cover; object-position: center center; } } .quote-classic-cite { font-size: 24px; line-height: 1.2; color: #151515; font-family: "Poppins", sans-serif; } .quote-classic-caption { color: #151515; } * + .quote-classic-text { margin-top: 25px; } * + .quote-classic-caption { margin-top: 0; } @media (max-width: 575.98px) { .quote-classic { margin-left: auto; margin-right: auto; } } .quote-modern { text-align: left; } .quote-modern-meta { display: flex; align-items: center; flex-wrap: wrap; margin-bottom: -20px; margin-left: -20px; } .quote-modern-meta:empty { margin-bottom: 0; margin-left: 0; } .quote-modern-meta > * { display: inline-block; margin: 0 0 20px 20px; } .quote-modern-avatar { position: relative; overflow: hidden; z-index: 2; width: 50px; height: 50px; border-radius: 50%; flex-shrink: 0; } .quote-modern-avatar img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-height: 100%; min-width: 100%; width: auto; height: auto; max-width: none; } @supports (object-fit: cover) { .quote-modern-avatar img { left: 0; top: 0; width: 100%; height: 100%; transform: none; object-fit: cover; object-position: center center; } } .quote-modern-cite { font-size: 20px; line-height: 1.2; color: #0045b6; } .quote-modern-caption { color: #aeb1be; } .quote-modern-mark { fill: #aeb1be; } * + .quote-modern-meta { margin-top: 25px; } * + .quote-modern-caption { margin-top: 0; } * + .quote-modern-text { margin-top: 10px; } .quote-modern-big .quote-modern-text { font-size: 18px; line-height: 1.5; color: #495057; } @media (min-width: 992px) { .quote-modern-big .quote-modern-text { font-size: 20px; } } @media (min-width: 1200px) { .quote-modern-big .quote-modern-text { font-size: 24px; line-height: 1.33333; } .quote-modern-big * + .quote-modern-text { margin-top: 20px; } } /* +* +* Thumbnails +*/ .video-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-position: center center; background-size: cover; cursor: pointer; } .figure-light figcaption { padding-top: 15px; color: #74757f; } * + .figure-light { margin-top: 20px; } @media (min-width: 1200px) { * + .figure-light { margin-top: 40px; } } .figure-card { position: relative; overflow: hidden; display: flex; } .figure-card .figure-card-sizer { display: block; width: 100%; } .figure-card .figure-card-sizer::before { display: block; content: ''; visibility: hidden; padding-bottom: 56.25%; } .figure-card img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-height: 100%; min-width: 100%; width: auto; height: auto; max-width: none; } @supports (object-fit: cover) { .figure-card img { height: 100%; width: 100%; left: 0; top: 0; transform: none; object-fit: cover; object-position: center center; } } .thumbnail-video-1 { position: relative; text-align: center; } .thumbnail-video-1 .embed-responsive::before { min-height: 250px; } .thumbnail-video-1 .video-overlay { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px; z-index: 1; background-position: 80% center; } .thumbnail-video-1 .video-overlay::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.4); z-index: -1; } .thumbnail-video-1 * + .button-video { margin-top: 25px; } .thumbnail-minimal { position: relative; overflow: hidden; display: block; } .thumbnail-minimal::before { content: ''; display: block; padding-bottom: 100%; } .thumbnail-minimal-image { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-height: 100%; min-width: 100%; width: auto; height: auto; max-width: none; } @supports (object-fit: cover) { .thumbnail-minimal-image { left: 0; top: 0; width: 100%; height: 100%; transform: none; object-fit: cover; object-position: center center; } } .thumbnail-minimal-caption { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background: rgba(0, 69, 182, 0.6); display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; } .thumbnail-minimal-caption::before { content: '\f504'; font-family: 'Material Design Icons'; font-size: 30px; line-height: 1; color: #fff; } .thumbnail-minimal:hover .thumbnail-minimal-caption { opacity: 1; visibility: visible; } .thumbnail-classic { position: relative; overflow: hidden; display: flex; text-align: left; } .thumbnail-classic * { color: inherit; } .thumbnail-classic, .thumbnail-classic:active, .thumbnail-classic:focus, .thumbnail-classic:hover { color: #fff; } .thumbnail-classic:hover { color: #fff; } .thumbnail-classic > * { width: 100%; flex-shrink: 0; } .thumbnail-classic-sm .thumbnail-classic-dummy::before { padding-bottom: 69.18919%; } .thumbnail-classic-dummy { width: 100%; } .thumbnail-classic-dummy::before { content: ''; display: block; visibility: hidden; pointer-events: none; padding-bottom: 73.84615%; } .thumbnail-classic-image { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-height: 100%; min-width: 100%; width: auto; height: auto; max-width: none; } @supports (object-fit: cover) { .thumbnail-classic-image { left: 0; top: 0; width: 100%; height: 100%; transform: none; object-fit: cover; object-position: center center; } } .thumbnail-classic-caption { position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: flex-end; width: 100%; padding: 20px; background: rgba(73, 80, 87, 0.4); font-size: 14px; } .thumbnail-classic-caption * + p { margin-top: 5px; } .thumbnail-classic-title { font-size: 20px; line-height: 1.3; } @media (max-width: 575.98px) { .thumbnail-classic { max-width: 360px; margin-left: auto; margin-right: auto; } } @media (min-width: 768px) { .thumbnail-classic-caption { padding: 25px 20px; } } @media (min-width: 992px) { .thumbnail-classic-lg .thumbnail-classic-dummy::before { padding-bottom: 147.69231%; } } @media (min-width: 1200px) { .thumbnail-classic-caption { padding: 30px 40px; font-size: 16px; } .thumbnail-classic-caption * + p { margin-top: 8px; } .thumbnail-classic-title { font-size: 24px; } } html:not(.tablet):not(.mobile) .thumbnail-classic-caption { opacity: 0; visibility: hidden; transition: .3s all linear; background: rgba(73, 80, 87, 0.6); } html:not(.tablet):not(.mobile) .thumbnail-classic:hover .thumbnail-classic-caption { opacity: 1; visibility: visible; } html:not(.tablet):not(.mobile) .hoverdir-item .thumbnail-classic-caption { opacity: 1; visibility: visible; transform: translate(-100%, 0); } html:not(.tablet):not(.mobile)[data-x-mode='true'] .hoverdir-item .thumbnail-classic-caption { opacity: 0; visibility: hidden; transform: none; } html:not(.tablet):not(.mobile)[data-x-mode='true'] .thumbnail-classic:hover .thumbnail-classic-caption { opacity: 1; visibility: visible; } .thumbnail-corporate { position: relative; overflow: hidden; display: flex; color: #fff; text-align: left; } .thumbnail-corporate * { color: inherit; } .thumbnail-corporate:hover { color: #fff; } .thumbnail-corporate > * { width: 100%; flex-shrink: 0; } .thumbnail-corporate-light { text-align: center; } .thumbnail-corporate-light .thumbnail-corporate-caption { display: flex; flex-direction: column; align-items: center; justify-content: center; } .thumbnail-corporate-light .thumbnail-corporate-caption > * { max-width: 180px; } .thumbnail-corporate-dummy { width: 100%; visibility: hidden; pointer-events: none; } .thumbnail-corporate-dummy::before { content: ''; display: block; width: 0; padding-bottom: 69.18919%; } .thumbnail-corporate-image { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-height: 100%; min-width: 100%; width: auto; height: auto; max-width: none; } @supports (object-fit: cover) { .thumbnail-corporate-image { left: 0; top: 0; transform: none; object-fit: cover; width: 100%; height: 100%; object-position: center center; } } .thumbnail-corporate-caption { position: relative; z-index: 1; display: flex; flex-direction: column; width: 100%; padding: 20px; background: rgba(73, 80, 87, 0.4); } .thumbnail-corporate-caption * + p { margin-top: 10px; } .thumbnail-corporate-link { position: relative; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; width: 1.67em; height: 1.67em; text-align: center; border-radius: 50%; font-size: 24px; line-height: 1; background: #0045b6; } .thumbnail-corporate-link, .thumbnail-corporate-link:active, .thumbnail-corporate-link:focus, .thumbnail-corporate-link:hover { color: #fff; } .thumbnail-corporate-link .icon { font-size: inherit; } .thumbnail-corporate-link .icon:first-child, .thumbnail-corporate-link .icon:last-child { vertical-align: middle; transition: transform 0.3s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.3s cubic-bezier(0.2, 1, 0.3, 1); } .thumbnail-corporate-link .icon:first-child { display: block; } .thumbnail-corporate-link .icon:last-child { position: absolute; width: 100%; top: 50%; left: 0; opacity: 0; transform: translate3d(0, 0, 0); } .thumbnail-corporate-link:hover { background: #4854ed; } .thumbnail-corporate-link:hover .icon:first-child { opacity: 0; transform: translate3d(0, -30%, 0); } .thumbnail-corporate-link:hover .icon:last-child { opacity: 1; transform: translate3d(0, 0, 0) translateY(-50%); } .thumbnail-corporate-title { font-size: 20px; line-height: 1.3; } * + .thumbnail-corporate-link { margin-top: 15px; } @media (max-width: 575.98px) { .thumbnail-corporate { max-width: 360px; margin-left: auto; margin-right: auto; } } @media (min-width: 768px) { .thumbnail-corporate-caption { padding: 25px 20px; } } @media (min-width: 992px) { .thumbnail-corporate-lg .thumbnail-corporate-dummy::before { padding-bottom: 125.40541%; } } @media (min-width: 1200px) { .thumbnail-corporate-caption { padding: 30px 40px; } .thumbnail-corporate-caption * + p { margin-top: 8px; } .thumbnail-corporate-title { font-size: 24px; } } html:not(.tablet):not(.mobile) .thumbnail-corporate-caption { opacity: 0; visibility: hidden; transition: .3s all linear; background: rgba(73, 80, 87, 0.6); } html:not(.tablet):not(.mobile) .thumbnail-corporate-caption > * { opacity: 0; visibility: hidden; transition: .25s .11s all linear; } html:not(.tablet):not(.mobile) .thumbnail-corporate:hover .thumbnail-corporate-caption, html:not(.tablet):not(.mobile) .thumbnail-corporate:hover .thumbnail-corporate-caption > * { opacity: 1; visibility: visible; } html:not(.tablet):not(.mobile) .hoverdir-item .thumbnail-corporate-caption { opacity: 1; visibility: visible; transform: translate(-100%, -100%); } html:not(.tablet):not(.mobile)[data-x-mode='true'] .hoverdir-item .thumbnail-corporate-caption { opacity: 0; visibility: hidden; transform: none; } html:not(.tablet):not(.mobile)[data-x-mode='true'] .thumbnail-corporate:hover .thumbnail-corporate-caption, html:not(.tablet):not(.mobile)[data-x-mode='true'] .thumbnail-corporate:hover .thumbnail-corporate-caption > * { opacity: 1; visibility: visible; } .thumbnail-light { text-align: left; } .thumbnail-light-title { color: #151515; } .thumbnail-light-title a { color: inherit; } .thumbnail-light-title a:hover { color: #0045b6; } .thumbnail-light-media { position: relative; overflow: hidden; display: block; border-radius: 6px; } .thumbnail-light-media::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(73, 80, 87, 0.3); transition: .22s ease-in-out; opacity: 0; visibility: hidden; pointer-events: none; } .thumbnail-light-media:hover::before { opacity: 1; visibility: visible; } .thumbnail-light-image { width: 100%; } @media (max-width: 575.98px) { .thumbnail-light { max-width: 360px; margin-left: auto; margin-right: auto; } } .thumbnail-thin { position: relative; overflow: hidden; padding-bottom: 100%; } .thumbnail-thin::before, .thumbnail-thin::after { pointer-events: none; } .thumbnail-thin::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background: rgba(73, 80, 87, 0.3); } .thumbnail-thin::after { position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); z-index: 2; content: '\f504'; font-family: 'Material Design Icons'; font-size: 40px; line-height: 1; color: #fff; } a.thumbnail-thin { display: block; } .thumbnail-thin-image { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-height: 100%; min-width: 100%; width: auto; height: auto; max-width: none; } @supports (object-fit: cover) { .thumbnail-thin-image { left: 0; top: 0; width: 100%; height: 100%; transform: none; object-fit: cover; object-position: center center; } } html:not(.tablet):not(.mobile) .thumbnail-thin::before, html:not(.tablet):not(.mobile) .thumbnail-thin::after { opacity: 0; transition: .22s ease-in; } html:not(.tablet):not(.mobile) .thumbnail-thin::before { background: rgba(73, 80, 87, 0.6); } html:not(.tablet):not(.mobile) .thumbnail-thin:hover::before, html:not(.tablet):not(.mobile) .thumbnail-thin:hover::after { opacity: 1; } .thumbnail-modern { position: relative; overflow: hidden; display: flex; text-align: left; } .thumbnail-modern * { color: inherit; } .thumbnail-modern, .thumbnail-modern:active, .thumbnail-modern:focus, .thumbnail-modern:hover { color: #fff; } .thumbnail-modern:hover { color: #fff; } .thumbnail-modern > * { width: 100%; flex-shrink: 0; } .thumbnail-modern-sm .thumbnail-modern-dummy::before { padding-bottom: 69.18919%; } .thumbnail-modern-dummy { visibility: hidden; pointer-events: none; width: 100%; } .thumbnail-modern-dummy::before { content: ''; display: block; padding-bottom: 73.84615%; } .thumbnail-modern-image { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-height: 100%; min-width: 100%; width: auto; height: auto; max-width: none; background-position: center center; background-size: cover; } @supports (object-fit: cover) { .thumbnail-modern-image { left: 0; top: 0; width: 100%; height: 100%; transform: none; object-fit: cover; object-position: center center; } } .thumbnail-modern-caption { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; width: 100%; padding: 20px; background: rgba(73, 80, 87, 0.4); } .thumbnail-modern-caption .icon { font-size: 30px; line-height: 1; color: #fff; } @media (max-width: 575.98px) { .thumbnail-modern { max-width: 360px; margin-left: auto; margin-right: auto; } } @media (min-width: 992px) { .thumbnail-modern-lg .thumbnail-modern-dummy::before { padding-bottom: 147.69231%; } } html:not(.tablet):not(.mobile) .thumbnail-modern-caption { opacity: 0; visibility: hidden; transition: .3s all linear; background: rgba(73, 80, 87, 0.6); } html:not(.tablet):not(.mobile) .thumbnail-modern:hover .thumbnail-modern-caption { opacity: 1; visibility: visible; } .thumbnail-creative { position: relative; display: block; max-width: 348px; margin-left: auto; margin-right: auto; } .thumbnail-creative:hover .thumbnail-creative-image { transform: translate(0, -5px); box-shadow: 0 2px 24px 1px rgba(0, 0, 0, 0.2); } .thumbnail-creative-wrap { padding: 26px; margin: -26px; } .thumbnail-creative-image { position: relative; display: block; width: 100%; transition: .33s ease-in-out; box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.15); } * + .thumbnail-creative-title { margin-top: 16px; } @media (min-width: 768px) { * + .thumbnail-creative-title { margin-top: 24px; } } .thumbnail-indigo { position: relative; overflow: hidden; display: block; background: #495057; box-shadow: -1px 1px 21px 0px rgba(0, 0, 0, 0.08); background-position: center top; background-size: cover; } .thumbnail-indigo::before { content: ''; display: block; opacity: 0; visibility: hidden; padding-bottom: 148.75847%; } .thumbnail-indigo-sm::before { padding-bottom: 70.65463%; } .thumbnail-indigo-sm + .thumbnail-indigo-sm { margin-top: 7.4%; } .thumbnail-indigo-caption { position: absolute; top: auto; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; padding: 20px; background: rgba(255, 255, 255, 0.95); } html:not(.tablet):not(.mobile) .thumbnail-indigo-caption { top: 0; background: rgba(255, 255, 255, 0.9); } html:not(.tablet):not(.mobile) .thumbnail-indigo-caption, html:not(.tablet):not(.mobile) .thumbnail-indigo-caption > * { opacity: 0; visibility: hidden; will-change: opacity; } html:not(.tablet):not(.mobile) .thumbnail-indigo-caption { transition: .2s all linear; } html:not(.tablet):not(.mobile) .thumbnail-indigo-caption > * { transition: .2s .1s all ease-in; } html:not(.tablet):not(.mobile) .thumbnail-indigo:hover .thumbnail-indigo-caption, html:not(.tablet):not(.mobile) .thumbnail-indigo:hover .thumbnail-indigo-caption > * { opacity: 1; visibility: visible; } /* +* +* Breadcrumbs +*/ .breadcrumbs-custom { position: relative; display: flex; background-color: #495057; background-position: 20% 20%; } .breadcrumbs-custom .breadcrumbs-custom-subtitle { color: #aeb1be; } @media (min-width: 576px) { .breadcrumbs-custom { padding: 60px 0; } } @media (min-width: 1200px) { .breadcrumbs-custom { padding: 0; } } .breadcrumbs-custom-inner { display: flex; min-height: inherit; width: 100%; padding: 50px 0 25px; } .breadcrumbs-custom-container { display: flex; flex-direction: column; justify-content: space-between; } .breadcrumbs-custom-container::before { content: ''; display: block; } .breadcrumbs-custom-path { margin-left: -15px; margin-right: -15px; } .breadcrumbs-custom-path > * { padding-left: 15px; padding-right: 15px; } .breadcrumbs-custom-path li { position: relative; display: inline-block; vertical-align: middle; color: #aeb1be; } .breadcrumbs-custom-path li::after { content: ""; font-family: "FontAwesome"; position: absolute; top: 51%; right: -5px; display: inline-block; font-size: inherit; font-style: normal; color: rgba(255, 255, 255, 0.5); transform: translate3d(0, -50%, 0); } .breadcrumbs-custom-path li:last-child:after { display: none; } .breadcrumbs-custom-path a { display: inline; vertical-align: middle; } .breadcrumbs-custom-path a, .breadcrumbs-custom-path a:active, .breadcrumbs-custom-path a:focus { color: #aeb1be; } .breadcrumbs-custom-path a:hover { color: #fff; } * + .breadcrumbs-custom-path { margin-top: 25px; } .breadcrumbs-custom-subtitle + .breadcrumbs-custom-title { margin-top: 15px; } @media (min-width: 576px) { .breadcrumbs-custom-path { margin-left: -30px; margin-right: -30px; } .breadcrumbs-custom-path > * { padding-left: 30px; padding-right: 30px; } * + .breadcrumbs-custom-path { margin-top: 30px; } } @media (min-width: 768px) { .breadcrumbs-custom { min-height: 23.75vw; } .breadcrumbs-custom-inner { padding: 80px 0 30px; } .breadcrumbs-custom-subtitle + .breadcrumbs-custom-title { margin-top: 5px; } } @media (min-width: 992px) { .breadcrumbs-custom-inner { padding-bottom: 40px; } .breadcrumbs-custom-subtitle + .breadcrumbs-custom-title { margin-top: 10px; } } @media (min-width: 1600px) { .breadcrumbs-custom { min-height: 520px; } .breadcrumbs-custom-inner { padding: 130px 0 40px 0; } .breadcrumbs-custom-subtitle + .breadcrumbs-custom-title { margin-top: 20px; } } /* +* +* Pagination custom +*/ .pagination { font-size: 0; line-height: 0; margin-bottom: -10px; margin-left: -10px; } .pagination:empty { margin-bottom: 0; margin-left: 0; } .pagination > * { display: inline-block; margin: 0 0 10px 10px; } .page-item { display: inline-block; vertical-align: middle; text-align: center; font-weight: 700; } .page-link { display: inline-flex; align-items: center; justify-content: center; min-width: 48px; min-height: 48px; padding: 10px 10px; border: 0; border-radius: 6px; font-family: "Poppins", sans-serif; font-size: 14px; font-weight: 500; line-height: 1.71429; background-color: #0045b6; color: #fff; transition: all 0.3s ease-in-out; } .page-link.button-winona * { line-height: inherit; } .page-link.button-winona .content-dubbed { margin-top: -1px; } .page-link:hover, .page-link:focus, .page-link:active { color: #fff; background-color: #151515; } .page-item.active > .page-link, .page-item.active > .page-link:hover, .page-item.active > .page-link:focus, .page-item.active > .page-link:active { color: #fff; background-color: #151515; } .page-item.disabled > .page-link, .page-item.disabled > .page-link:hover, .page-item.disabled > .page-link:focus, .page-item.disabled > .page-link:active { color: #74757f; background-color: #e8e9ee; } .page-item-control .icon::before { font-family: 'FontAwesome'; font-size: 11px; line-height: 24px; } .page-item-control:first-child .icon::before { content: '\f053'; margin-left: -1px; } .page-item-control:last-child .icon::before { content: '\f054'; margin-right: -1px; } * + .pagination { margin-top: 35px; } @media (min-width: 992px) { * + .pagination { margin-top: 55px; } } @media (min-width: 1600px) { * + .pagination { margin-top: 70px; } } /* +* +* Snackbars +*/ .snackbars { padding: 9px 16px; margin-left: auto; margin-right: auto; color: #fff; text-align: left; background-color: #0045b6; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15); border-radius: 6px; font-size: 14px; } .snackbars .icon-xxs { font-size: 18px; } .snackbars p span:last-child { padding-left: 14px; } .snackbars-left { display: inline-block; margin-bottom: 0; } .snackbars-right { display: inline-block; float: right; text-transform: uppercase; } .snackbars-right:hover { text-decoration: underline; } @media (min-width: 576px) { .snackbars { max-width: 540px; padding: 12px 15px; font-size: 15px; } } /* +* +* Footers +*/ .footer-standard h4 + *, .footer-standard .heading-4 + * { margin-top: 14px; } .footer-standard-main { padding: 35px 0 15px; } .footer-standard-aside { padding: 30px 0; } .footer-standard-aside { margin-bottom: -18px; text-align: center; } .footer-standard-aside > * { margin-bottom: 18px; } .footer-standard-aside > * { margin-top: 0; } @media (max-width: 575.98px) { .footer-standard .box-1 { margin-left: 0; } } @media (min-width: 768px) and (max-width: 991.98px) { .footer-standard .box-1 { margin-left: 0; } } @media (min-width: 768px) { .footer-standard h4 + *, .footer-standard .heading-4 + * { margin-top: 25px; } .footer-standard-main { padding: 55px 0 20px; } .footer-standard-aside { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; text-align: center; margin-left: -20px; } .footer-standard-aside > * { margin-left: 20px; } } @media (min-width: 1200px) { .footer-standard-main { padding: 80px 0 50px; } } .footer-minimal { padding: 30px 0; } .footer-minimal-inner { margin-bottom: -18px; text-align: center; } .footer-minimal-inner > * { margin-bottom: 18px; } .footer-minimal-inner > * { margin-top: 0; } .footer-minimal-inner .rights a { padding-bottom: 2px; position: relative; } .footer-minimal-inner .rights a:before { content: ''; position: absolute; left: 0; height: 1px; bottom: 0; width: 0; display: block; transition: all ease .35s; background-color: #fff; } .footer-minimal-inner .rights a:hover { color: #fff; } .footer-minimal-inner .rights a:hover:before { content: ''; width: 100%; transition: all ease .35s; } @media (min-width: 768px) { .footer-minimal-inner { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; text-align: center; margin-left: -20px; } .footer-minimal-inner > * { margin-left: 20px; } } .footer-advanced.bg-gray-700 h1, .footer-advanced.bg-gray-700 h2, .footer-advanced.bg-gray-700 h3, .footer-advanced.bg-gray-700 h4, .footer-advanced.bg-gray-700 h5, .footer-advanced.bg-gray-700 h6, .footer-advanced.bg-gray-700 [class^='heading-'] { color: #aeb1be; } .footer-advanced h4 + *, .footer-advanced .heading-4 + * { margin-top: 14px; } .footer-advanced-main { padding: 35px 0 15px; } .footer-advanced-aside { padding: 30px 0; } .footer-advanced-layout { margin-bottom: -18px; text-align: center; } .footer-advanced-layout > * { margin-bottom: 18px; } .footer-advanced-layout > * { margin-top: 0; } @media (min-width: 768px) and (max-width: 991.98px) { .footer-advanced .box-1 { margin-left: 0; } } @media (min-width: 992px) and (max-width: 1199.98px) { .footer-advanced-text { font-size: 14px; line-height: 1.7; } } .footer-advanced-text { color: rgba(255, 255, 255, 0.3); } @media (min-width: 768px) { .footer-advanced-main { padding: 55px 0 20px; } .footer-advanced-aside { padding: 35px 0; } .footer-advanced-layout { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; text-align: center; margin-left: -20px; } .footer-advanced-layout > * { margin-left: 20px; } .footer-advanced-aside + .container { margin-top: 10px; } } @media (min-width: 1200px) { .footer-advanced h4 + *, .footer-advanced .heading-4 + * { margin-top: 35px; } .footer-advanced-main { padding: 80px 0 60px; } .footer-advanced-aside + .container { margin-top: 20px; } } .footer-linked.bg-gray-700 h1, .footer-linked.bg-gray-700 h2, .footer-linked.bg-gray-700 h3, .footer-linked.bg-gray-700 h4, .footer-linked.bg-gray-700 h5, .footer-linked.bg-gray-700 h6, .footer-linked.bg-gray-700 [class^='heading-'] { color: #aeb1be; } .footer-linked.bg-gray-700 .list { color: #fff; } .footer-linked.bg-gray-700 .list a:hover { color: rgba(255, 255, 255, 0.6); } .footer-linked h4 + *, .footer-linked .heading-4 + * { margin-top: 14px; } .footer-linked h4 + hr, .footer-linked .heading-4 + hr { margin-top: 15px; } .footer-linked * + .row { margin-top: 25px; } .footer-linked-main { padding: 35px 0 15px; } .footer-linked-aside { padding: 30px 0; } .footer-linked-layout { margin-bottom: -18px; text-align: center; } .footer-linked-layout > * { margin-bottom: 18px; } .footer-linked-layout > * { margin-top: 0; } @media (min-width: 768px) and (max-width: 991.98px) { .footer-linked .box-1 { margin-left: 0; } } @media (min-width: 992px) and (max-width: 1199.98px) { .footer-linked-text { font-size: 14px; line-height: 1.7; } } @media (min-width: 768px) { .footer-linked-main { padding: 65px 0 40px; } .footer-linked-aside { padding: 30px 0; } .footer-linked-layout { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; text-align: center; margin-left: -20px; } .footer-linked-layout > * { margin-left: 20px; } .footer-linked-aside + .container { margin-top: 10px; } } @media (min-width: 1200px) { .footer-linked h4 + *, .footer-linked .heading-4 + * { margin-top: 35px; } .footer-linked-main { padding: 90px 0 60px; } .footer-linked-aside + .container { margin-top: 20px; } } .foter-social-links .link-default { color: #fff; } .foter-social-links .link-default:hover { color: #0045b6; } .rights { color: #74757f; } .footer-minimal .rights { color: #fff; } /* +* +* Pricing tables +*/ .pricing-minimal { position: relative; z-index: 1; padding: 25px 20px; border: 1px solid #aeb1be; border-radius: 6px; text-align: left; transition: .22s; cursor: default; } .pricing-minimal:hover { border-color: #0045b6; } .pricing-minimal:hover::before { visibility: visible; transform: translate3d(0, 0, 0); } .pricing-minimal-price { font-size: 26px; line-height: 1; font-weight: 700; letter-spacing: 0; color: #495057; } .pricing-minimal-price span { display: inline; } .pricing-minimal-price-currency { font-size: .65em; vertical-align: top; } .pricing-minimal-divider { border-bottom: 1px solid #aeb1be; } * + .pricing-minimal-price { margin-top: 10px; } * + .pricing-minimal-divider { margin-top: 20px; } @media (max-width: 575.98px) { .pricing-minimal { max-width: 350px; margin-left: auto; margin-right: auto; } } @media (min-width: 576px) { .pricing-minimal { padding: 20px; } } @media (min-width: 768px) { .pricing-minimal-price { font-size: 36px; } } @media (min-width: 768px) { .pricing-minimal { padding: 30px 38px; } } @media (min-width: 992px) and (max-width: 1199.98px) { .pricing-minimal { padding: 25px 20px; } } @media (min-width: 1200px) { .pricing-minimal { padding: 38px 40px; } } .pricing-modern { padding: 35px 20px; border: 1px solid #aeb1be; border-radius: 6px; text-align: center; } .pricing-modern * + .button { margin-top: 20px; } .pricing-group-modern { border: 1px solid #aeb1be; border-radius: 6px; } .pricing-group-modern .pricing-modern { border: 0; border-radius: 0; } .pricing-modern-rating { color: #0045b6; } .pricing-modern-rating > li { display: inline-block; width: 26px; font-size: 30px; line-height: .9; } .pricing-modern-title { font-weight: 700; } .pricing-modern-table { display: inline-table; } .pricing-modern-table td { padding: 3px 8px; color: #74757f; } .pricing-modern-table td:first-child { text-align: right; color: #495057; } .pricing-modern-table td:last-child { text-align: left; } .pricing-modern-price { font-size: 24px; font-weight: 300; line-height: 1.2; } .pricing-modern-price span { display: inline; } .pricing-modern-price-currency { font-size: .65em; vertical-align: top; } * + .pricing-group-modern { margin-top: 35px; } * + .pricing-modern-title { margin-top: 5px; } * + .pricing-modern-table { margin-top: 20px; } * + .pricing-modern-price { margin-top: 15px; } @media (max-width: 575.98px) { .pricing-group-modern { max-width: 360px; margin-left: auto; margin-right: auto; } .pricing-group-modern .pricing-modern + .pricing-modern { border-top: 1px solid #aeb1be; } } @media (min-width: 576px) and (max-width: 991.98px) { .pricing-group-modern .pricing-modern:nth-child(odd) { border-right: 1px solid #aeb1be; } .pricing-group-modern .pricing-modern:nth-child(n + 3) { border-top: 1px solid #aeb1be; } } @media (min-width: 576px) { .pricing-group-modern { display: flex; flex-wrap: wrap; } .pricing-group-modern .pricing-modern { width: 100%; max-width: 50%; } .pricing-modern { padding: 55px 20px; } * + .pricing-group-modern { margin-top: 50px; } * + .pricing-modern-table { margin-top: 25px; } * + .pricing-modern-price { margin-top: 30px; } } @media (min-width: 768px) { .pricing-modern-price { font-size: 30px; } } @media (min-width: 992px) { .pricing-group-modern .pricing-modern { max-width: 25%; border-right: 1px solid #aeb1be; } .pricing-group-modern .pricing-modern:nth-child(4n) { border-right: 0; } .pricing-group-modern .pricing-modern:nth-child(n + 5) { border-top: 1px solid #aeb1be; } } @media (min-width: 992px) and (max-width: 1199.98px) { .pricing-modern .button { display: block; padding-left: 15px; padding-right: 15px; } } @media (min-width: 1200px) { .pricing-modern-price { font-size: 36px; } * + .pricing-modern-table { margin-top: 35px; } * + .pricing-modern-price { margin-top: 40px; } } @media (min-width: 1600px) { * + .pricing-group-modern { margin-top: 75px; } } /* +* +* Profiles +*/ .profile-classic { text-align: left; } .profile-classic-main { position: relative; overflow: hidden; z-index: 1; border-radius: 6px; } .profile-classic-image { min-width: 100%; } .profile-classic-caption { position: absolute; left: 0; right: 0; bottom: 0; padding: 10px; background: rgba(0, 69, 182, 0.6); } .profile-classic-caption .icon-creative { color: #fff; } .profile-classic-title { color: #0045b6; } .profile-classic-title a:hover { color: #343db0; } .profile-classic-position { color: #aeb1be; } * + .profile-classic-title { margin-top: 15px; } * + .profile-classic-position { margin-top: 5px; } @media (max-width: 575.98px) { .profile-classic { max-width: 360px; margin-left: auto; margin-right: auto; } } @media (min-width: 576px) and (max-width: 767.98px) { .profile-classic-caption { padding-left: 5px; padding-right: 5px; } .profile-classic-caption .icon-sm { font-size: 18px; } .profile-classic-caption .group { margin-left: -3px; } .profile-classic-caption .group > * { margin-left: 3px; } } @media (min-width: 992px) and (max-width: 1199.98px) { .profile-classic-caption { padding-left: 5px; padding-right: 5px; } .profile-classic-caption .icon-sm { font-size: 18px; } .profile-classic-caption .group { margin-left: -3px; } .profile-classic-caption .group > * { margin-left: 3px; } } @media (min-width: 1200px) { * + .profile-classic-title { margin-top: 20px; } } html:not(.tablet):not(.mobile) .profile-classic:hover .profile-classic-caption { opacity: 1; visibility: visible; } html:not(.tablet):not(.mobile) .profile-classic-caption { top: 0; display: flex; flex-direction: column; justify-content: flex-end; opacity: 0; visibility: hidden; transition: .33s ease-in-out; } .profile-creative { display: flex; margin-left: -15px; text-align: left; color: #74757f; } .profile-creative > * { margin-left: 15px; } .profile-creative-figure { position: relative; overflow: hidden; max-width: 80px; flex-shrink: 0; } .profile-creative-image { width: 100%; border-radius: 6px; } .profile-creative-main { flex-grow: 1; } .profile-creative-title a { color: #151515; font-weight: 300; } .profile-creative-title a:hover { color: #0045b6; } .profile-creative-position { color: #151515; } .profile-creative-contacts { color: #151515; } .profile-creative-contacts a { color: inherit; font-weight: 400; } .profile-creative-contacts a:hover { color: #0045b6; } * + .profile-creative-position { margin-top: 0; } * + .profile-creative-contacts { margin-top: 15px; } @media (min-width: 576px) { .profile-creative { margin-left: -30px; } .profile-creative > * { margin-left: 30px; } .profile-creative-figure { max-width: 22%; } } @media (min-width: 768px) { .profile-creative-figure { max-width: 29%; } .profile-creative-main { padding-right: 30px; } * + .profile-creative-contacts { margin-top: 22px; } } @media (min-width: 992px) and (max-width: 1199.98px) { .profile-creative { margin-left: -20px; } .profile-creative > * { margin-left: 20px; } .profile-creative-figure { max-width: 25%; } .profile-creative-main { padding-right: 10px; } } .profile-minimal { position: relative; overflow: hidden; border-radius: 6px; color: #fff; text-align: left; } .profile-minimal::before { content: ''; display: block; padding-bottom: 100%; } .profile-minimal-image { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-height: 100%; min-width: 100%; width: auto; height: auto; max-width: none; } @supports (object-fit: cover) { .profile-minimal-image { left: 0; top: 0; width: 100%; height: 100%; transform: none; object-fit: cover; object-position: center center; } } .profile-minimal-caption { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; flex-direction: column; justify-content: flex-end; padding: 25px; background: rgba(73, 80, 87, 0.4); } .profile-minimal-title { color: #fff; } * + .profile-minimal-position { margin-top: 5px; } @media (max-width: 575.98px) { .profile-minimal { max-width: 360px; margin-left: auto; margin-right: auto; } } @media (min-width: 1200px) { .profile-minimal-caption { padding: 35px; } * + .profile-minimal-position { margin-top: 10px; } } html:not(.tablet):not(.mobile) .profile-minimal:hover .profile-minimal-caption { opacity: 1; visibility: visible; } html:not(.tablet):not(.mobile) .profile-minimal-caption { opacity: 0; visibility: hidden; transition: .35s ease-in; background: rgba(73, 80, 87, 0.6); } .profile-modern { text-align: left; } .profile-modern > * + * { margin-top: 35px; } .profile-modern-header { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: -10px; margin-left: -20px; } .profile-modern-header:empty { margin-bottom: 0; margin-left: 0; } .profile-modern-header > * { display: inline-block; margin: 0 0 10px 20px; } .profile-modern-header * + p { margin-top: 5px; } .profile-modern-figure { position: relative; overflow: hidden; border-radius: 6px; } .profile-modern-image { display: block; width: 100%; } .profile-modern-button { position: absolute; right: 30px; bottom: 30px; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; width: 1.86em; height: 1.86em; text-align: center; border-radius: 50%; font-size: 32px; line-height: 1; background: #0045b6; } .profile-modern-button, .profile-modern-button:active, .profile-modern-button:focus, .profile-modern-button:hover { color: #fff; } .profile-modern-button .icon { font-size: inherit; } .profile-modern-button .icon:first-child, .profile-modern-button .icon:last-child { vertical-align: middle; transition: transform 0.3s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.3s cubic-bezier(0.2, 1, 0.3, 1); } .profile-modern-button .icon:first-child { display: block; } .profile-modern-button .icon:last-child { position: absolute; width: 100%; top: 50%; left: 0; opacity: 0; transform: translate3d(0, 0, 0); } .profile-modern-button:hover { color: #fff; background: #343db0; } .profile-modern-button:hover .icon:first-child { opacity: 0; transform: translate3d(0, -30%, 0); } .profile-modern-button:hover .icon:last-child { opacity: 1; transform: translate3d(0, 0, 0) translateY(-50%); } @media (max-width: 575.98px) { .profile-modern { max-width: 360px; margin-left: auto; margin-right: auto; } .profile-modern * + .row { margin-top: 15px; } } @media (max-width: 767.98px) { .profile-modern-figure { max-width: 330px; margin-left: auto; margin-right: auto; } } @media (min-width: 768px) { .profile-modern { display: flex; align-items: flex-start; margin-left: -30px; } .profile-modern > * { margin-left: 30px; } .profile-modern > * + * { margin-top: 0; } .profile-modern-figure { max-width: 50%; flex-shrink: 0; } .profile-modern-main { flex-grow: 1; } * + .profile-modern-main { margin-top: 0; } } @media (min-width: 992px) { .profile-modern-figure { max-width: 28%; } } @media (min-width: 768px) and (max-width: 1199.98px) { .profile-modern { font-size: 14px; } .profile-modern * + .row { margin-top: 31px; } } @media (min-width: 1200px) { .profile-modern { margin-left: -60px; } .profile-modern > * { margin-left: 60px; } } .profile-thin { position: relative; display: block; padding: 30px 20px 45px; background: #f5f6fa; text-align: center; } .profile-thin * + p { margin-top: 20px; } .profile-thin * + .group { margin-top: 15px; } .profile-thin * + .button-sm { margin-top: 15px; } .profile-thin .group { margin-left: auto; margin-right: auto; } .profile-thin-aside { position: relative; display: inline-block; } .profile-thin-image { border-radius: 50%; } .profile-thin-contact-button { position: absolute; right: 0; bottom: 0; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; width: 2em; height: 2em; text-align: center; border-radius: 50%; font-size: 20px; line-height: 1; background: #0045b6; } .profile-thin-contact-button, .profile-thin-contact-button:active, .profile-thin-contact-button:focus, .profile-thin-contact-button:hover { color: #fff; } .profile-thin-contact-button .icon { font-size: inherit; } .profile-thin-contact-button .icon:first-child, .profile-thin-contact-button .icon:last-child { vertical-align: middle; transition: transform 0.3s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.3s cubic-bezier(0.2, 1, 0.3, 1); } .profile-thin-contact-button .icon:first-child { display: block; } .profile-thin-contact-button .icon:last-child { position: absolute; width: 100%; top: 50%; left: 0; opacity: 0; transform: translate3d(0, 0, 0); } .profile-thin-contact-button:hover { color: #fff; background: #343db0; } .profile-thin-contact-button:hover .icon:first-child { opacity: 0; transform: translate3d(0, -30%, 0); } .profile-thin-contact-button:hover .icon:last-child { opacity: 1; transform: translate3d(0, 0, 0) translateY(-50%); } .profile-thin-title { font-size: 22px; line-height: 1.47; } * + p.profile-thin-subtitle { margin-top: 0; } * + .profile-thin-main { margin-top: 20px; } @media (min-width: 576px) and (max-width: 991.98px) { .profile-thin { display: flex; align-items: flex-start; text-align: left; } .profile-thin .group { margin-left: -15px; } .profile-thin > * + * { margin-left: 30px; } .profile-thin-aside { flex-shrink: 0; max-width: 30%; } .profile-thin-main { flex-grow: 1; } * + .profile-thin-main { margin-top: 0; } } @media (min-width: 1200px) { .profile-thin { padding: 55px 35px; } .profile-thin * + .group { margin-top: 25px; } .profile-thin * + .button-sm { margin-top: 25px; } } /* +* +* Counters +*/ .counter-minimal { position: relative; text-align: center; color: #495057; } .counter-minimal-icon { font-size: 24px; line-height: 1; color: #0045b6; } .counter-minimal-main { font-family: "Poppins", sans-serif; font-size: 36px; font-weight: 500; line-height: 1.2; letter-spacing: 0; } .counter-minimal-main > * { display: inline; font: inherit; } .counter-minimal-main span { display: inline; } * + .counter-minimal-title { margin-top: 10px; } * + .counter-minimal-main { margin-top: 15px; } @media (max-width: 575.98px) { .counter-minimal-title { font-size: 16px; line-height: 1.4; } } @media (min-width: 768px) { .counter-minimal-icon { font-size: 28px; } } @media (min-width: 768px) { .counter-minimal-title { font-size: 18px; } .counter-minimal-main { font-size: 48px; } } @media (min-width: 1200px) { * + .counter-minimal-main { margin-top: 25px; } * + .counter-minimal-title { margin-top: 18px; } } /* +* +* Layouts +*/ .layout-bordered { text-align: center; } .layout-bordered-item { border: 0 solid #d3d5db; } .layout-bordered-item-inner { display: flex; flex-direction: column; justify-content: center; max-width: 290px; padding: 0 15px; margin-left: auto; margin-right: auto; } .layout-bordered-item-inner a { color: #151515; } .layout-bordered-item-inner > * + * { margin-top: 10px; } @media (max-width: 767.98px) { .layout-bordered-item { padding: 30px 0; } .layout-bordered-item:first-child { padding-top: 0; } .layout-bordered-item:last-child { padding-bottom: 0; } .layout-bordered-item + .layout-bordered-item { border-top-width: 1px; } } @media (min-width: 768px) { .layout-bordered { display: flex; } .layout-bordered-item { flex-grow: 1; } .layout-bordered-item-inner > * + * { margin-top: 15px; } } @media (min-width: 768px) and (max-width: 991.98px) { .layout-bordered-item { font-size: 15px; } } @media (min-width: 768px) { .layout-bordered-item { flex-basis: 33.333%; border-right-width: 1px; } .layout-bordered-item:first-child { border-left-width: 1px; } } .layout-navbar-demo { position: relative; overflow: hidden; min-height: 400px; background: #e8e9ee; } .layout-navbar-demo.layout-navbar-demo-lg { min-height: 650px; } .layout-navbar-demo .rd-navbar-fixed .rd-navbar-panel { position: relative; z-index: 10; } .layout-navbar-demo .rd-navbar-fixed .rd-navbar-nav-wrap { position: absolute; z-index: 9; } .layout-navbar-demo .rd-navbar-fixed .rd-navbar-main-outer, .layout-navbar-demo .rd-navbar-fixed .rd-navbar-main-element { position: static; } .layout-navbar-demo .rd-navbar-fixed .rd-navbar-search { position: static; } .layout-navbar-demo .rd-navbar-fixed .rd-navbar-panel .rd-navbar-search-toggle { position: static; z-index: 10; } .layout-navbar-demo .rd-navbar-fixed div.rd-navbar-block { top: -1px; right: 10px; white-space: nowrap; } .layout-navbar-demo .rd-navbar-fixed div.rd-navbar-block > * { display: inline-block; margin-top: 0; white-space: normal; vertical-align: middle; } .layout-navbar-demo .rd-navbar-fixed div.rd-navbar-block > * + * { margin-left: 8px; } .layout-navbar-demo .rd-navbar-fixed div.rd-navbar-block .rd-navbar-search-toggle { margin-top: 6px; } .layout-navbar-demo .rd-navbar-fixed div.rd-navbar-popup { position: absolute; } .layout-navbar-demo .rd-navbar-fixed.rd-navbar [class*='rd-navbar-fixed-element'] { position: absolute; z-index: 1000; } .layout-navbar-demo .rd-navbar-fixed.rd-navbar .rd-search { position: absolute; z-index: 1; } .layout-navbar-demo .rd-navbar-fixed .rd-navbar-collapse-content { position: absolute; z-index: 1; } @media (min-width: 1200px) { .layout-navbar-demo { min-height: 550px; } .layout-navbar-demo.layout-navbar-demo-lg { min-height: 650px; } } .container + .layout-navbar-demo { margin-top: 20px; } .blog-layout-aside { padding: 4px 0; background: #f5f6fa; } .blog-layout-aside .rd-search .form-input { border-color: transparent; } .blog-layout-aside-item { padding: 25px 30px; } .blog-layout-aside-item .blog-layout-aside-title + * { margin-top: 15px; } .blog-layout-aside-item a { color: #151515; } .blog-layout-aside-title { font-size: 22px; line-height: 1.5; } * + .blog-layout-aside { margin-top: 55px; } @media (min-width: 768px) { * + .blog-layout-aside { margin-top: 70px; } } @media (min-width: 768px) and (max-width: 991.98px) { .blog-layout-aside { columns: 2; break-inside: avoid; } .blog-layout-aside-item { display: inline-block; width: 100%; } } @media (min-width: 992px) { .blog-layout { display: flex; align-items: flex-start; margin-left: -30px; } .blog-layout > * { margin-left: 30px; } .blog-layout-main { flex-grow: 1; max-width: 66.66667%; } .blog-layout-aside { flex-shrink: 0; max-width: 33.33333%; } * + .blog-layout-aside { margin-top: 0; } } @media (min-width: 1200px) { .blog-layout-aside-item { padding: 35px 40px; } } .blog-layout-aside .list-marked * > a { transition: all ease .35s; display: inline-block; } .blog-layout-aside .list-marked * > a:hover { text-indent: 5px; transition: all ease .35s; } /* +* +* Timeline +*/ .timeline-classic { text-align: left; } .timeline-classic-item { position: relative; overflow: hidden; padding: 0 0 70px 35px; margin-bottom: -25px; } .timeline-classic-item:last-child { padding-bottom: 0; margin-bottom: 0; } .timeline-classic-item-image { width: 100%; } .timeline-classic-item-title { font-family: "Poppins", sans-serif; font-size: 24px; line-height: 1.2; font-weight: 300; letter-spacing: 0; text-transform: uppercase; } .thumbnail-classic-item-subtitle { font-size: 16px; line-height: 1.5; color: #151515; } .timeline-classic-item-divider { position: absolute; top: 0; left: 0; display: flex; flex-grow: 1; flex-direction: column; align-items: center; padding-top: 25px; } .timeline-classic-item-divider::before { content: ''; display: block; width: 15px; height: 15px; border: 2px solid #0045b6; border-radius: 50%; } .timeline-classic-item-divider::after { content: ''; position: absolute; top: 40px; left: 50%; margin-left: -1px; width: 2px; height: 300vh; background: #0045b6; min-height: 100px; } * + .timeline-classic-item-main { margin-top: 20px; } .context-dark .timeline-classic-item-divider::before, .bg-gray-700 .timeline-classic-item-divider::before, .bg-gray-800 .timeline-classic-item-divider::before, .bg-primary .timeline-classic-item-divider::before, .bg-primary-darker .timeline-classic-item-divider::before { border-color: #fff; } .context-dark .timeline-classic-item-divider::after, .bg-gray-700 .timeline-classic-item-divider::after, .bg-gray-800 .timeline-classic-item-divider::after, .bg-primary .timeline-classic-item-divider::after, .bg-primary-darker .timeline-classic-item-divider::after { background: #fff; } .context-dark .thumbnail-classic-item-subtitle, .bg-gray-700 .thumbnail-classic-item-subtitle, .bg-gray-800 .thumbnail-classic-item-subtitle, .bg-primary .thumbnail-classic-item-subtitle, .bg-primary-darker .thumbnail-classic-item-subtitle { color: #fff; } @media (max-width: 575.98px) { .timeline-classic-item { max-width: 450px; margin-left: auto; margin-right: auto; } } @media (max-width: 767.98px) { .timeline-classic-item { flex-wrap: wrap; } .timeline-classic-item-main, .timeline-classic-item-aside { width: 100%; } } @media (min-width: 768px) { .timeline-classic-item { display: flex; padding-left: 0; padding-bottom: 90px; } .timeline-classic-item-aside { max-width: 33.33%; } .timeline-classic-item-main { max-width: 60%; } .timeline-classic-item-divider { position: relative; padding: 25px 20px 0; } .timeline-classic-item-title { font-size: 32px; } .thumbnail-classic-item-subtitle { font-size: 18px; line-height: 1.4; } * + .timeline-classic-item-main { margin-top: 0; } } @media (min-width: 992px) { .timeline-classic-item * + h4, .timeline-classic-item * + .heading-4 { margin-top: 20px; } .timeline-classic-item-title { font-size: 36px; } .thumbnail-classic-item-subtitle { font-size: 20px; line-height: 1.4; } .timeline-classic-item-aside { max-width: 37%; } .timeline-classic-item-main { max-width: 50%; } } @media (min-width: 1200px) { .timeline-classic-item-aside { max-width: 33.33%; } .timeline-classic-item-title { font-size: 48px; } } @media (min-width: 1600px) { .timeline-classic-item { padding-bottom: 125px; } .timeline-classic-item * + h4, .timeline-classic-item * + .heading-4 { margin-top: 30px; } } /* +* +* Careers +*/ .career-classic { text-align: left; } .career-classic-divider { border-bottom: 1px solid #aeb1be; } .career-classic-list { transform: translate3d(0, -10px, 0); margin-bottom: -10px; margin-left: -20px; margin-right: -20px; } .career-classic-list > * { margin-top: 10px; padding-left: 20px; padding-right: 20px; } .career-classic-list > li { display: inline-block; vertical-align: middle; white-space: nowrap; } .career-classic-list > li > * { display: inline-block; vertical-align: middle; } .career-classic-list > li > * + * { margin-left: 8px; } .career-classic-list .icon { font-size: 1.25em; color: #0045b6; } * + .career-classic-divider { margin-top: 10px; } * + .career-classic-list { margin-top: 15px; } @media (max-width: 575.98px) { .career-classic { max-width: 360px; margin-left: auto; margin-right: auto; } } @media (min-width: 768px) { * + .career-classic-divider { margin-top: 20px; } * + .career-classic-list { margin-top: 20px; } } /* +* +* Comments +*/ .comment-classic { display: flex; align-items: flex-start; text-align: left; padding-bottom: 20px; border-bottom: 1px solid #e8e9ee; } .comment-classic > * + * { margin-left: 20px; } .comment-classic-figure { position: relative; flex-shrink: 0; width: 48px; height: 48px; } .comment-classic-image { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-height: 100%; min-width: 100%; width: auto; height: auto; border-radius: 50%; max-width: none; } @supports (object-fit: cover) { .comment-classic-image { left: 0; top: 0; width: 100%; height: 100%; transform: none; object-fit: cover; object-position: center center; } } .comment-classic-main { flex-grow: 1; } .comment-classic-name { color: #0045b6; } .comment-classic-text { color: #495057; } .comment-classic-meta { display: flex; align-items: center; justify-content: space-between; } .comment-classic-meta time { color: #74757f; } .comment-classic-reply { font-size: 24px; line-height: 1; color: #aeb1be; } .comment-classic-reply::before { content: '\f549'; font-family: 'Material Design Icons'; } .comment-classic-reply:hover { color: #0045b6; } * + .comment-classic-text { margin-top: 8px; } * + .comment-classic-meta { margin-top: 5px; } @media (min-width: 576px) { .comment-classic > * + * { margin-left: 25px; } .comment-classic-reply { font-size: 28px; } } .comment-classic-group .comment-classic-group { margin-left: 25px; } .comment-classic-group * + .comment-classic-group { margin-top: 30px; } * + .comment-classic-group { margin-top: 50px; } .comment-classic-group + .comment-classic-group { margin-top: 30px; } @media (min-width: 768px) { .comment-classic-group .comment-classic-group { margin-left: 75px; } } /* +* +* Jumbotron Classic +*/ .jumbotron-classic.bg-gray-700 h6, .jumbotron-classic.bg-gray-700 .heading-6 { color: #fff; } .jumbotron-classic.parallax-container { background-position: 60% center; } .jumbotron-classic .parallax-content { width: 100%; } .jumbotron-classic-content { max-width: 650px; display: flex; flex-direction: column; justify-content: center; height: 100%; } .jumbotron-classic-content .title-docor-text:before { top: 50%; } @media (max-width: 1599.98px) { .jumbotron-classic-content { padding: 120px 0; } } @media (max-width: 767.98px) { .jumbotron-classic-content { padding: 60px 0 80px 0; } } @media (max-width: 1199.98px) { .jumbotron-classic.parallax-container::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; background: linear-gradient(to right, rgba(73, 80, 87, 0.6), rgba(73, 80, 87, 0.2)); } } @media (min-width: 768px) { .jumbotron-classic-inner { padding: 200px 0 140px; } } @media (min-width: 1600px) { .jumbotron-classic-content { padding: 200px 0 150px; } } .jumbotron-modern { position: relative; display: flex; text-align: center; } .jumbotron-modern-inner { position: relative; z-index: 1; display: flex; align-items: center; width: 100%; padding: 50px 0; } .jumbotron-modern-content { max-width: 770px; margin-left: auto; margin-right: auto; } @media (max-width: 767.98px) { .jumbotron-modern .form-layout-1 { display: inline-block; max-width: 360px; } } @media (max-width: 1199.98px) { .jumbotron-modern::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; background: linear-gradient(to bottom, rgba(73, 80, 87, 0.4), rgba(73, 80, 87, 0)); } } @media (min-width: 768px) { .jumbotron-modern-inner { padding: 100px 0 140px; } } @media (min-width: 1200px) { .jumbotron-modern-inner { min-height: 41.66667vw; } } .jumbotron-indigo-header { padding: 40px 0; } .jumbotron-indigo-main { padding: 10px 0 40px; } @media (min-width: 768px) { .jumbotron-indigo-header { padding: 50px 0; } .jumbotron-indigo-main { padding: 50px 0 185px; } } /* +* +* Page layout +*/ .page { position: relative; overflow: hidden; min-height: 100vh; } .page.fadeIn { animation-timing-function: ease-out; } .page.fadeOut { animation-timing-function: ease-in; } [data-x-mode] .page { opacity: 1; } html.boxed body { background: #f5f6fa url(../images/bg-pattern-boxed.png) repeat fixed; } @media (min-width: 1630px) { html.boxed .page { max-width: 1600px; margin-left: auto; margin-right: auto; box-shadow: 0 0 23px 0 rgba(1, 1, 1, 0.1); } html.boxed .rd-navbar-static { max-width: 1600px; margin-left: auto; margin-right: auto; } html.boxed .rd-navbar-static.rd-navbar--is-stuck { max-width: 1600px; width: 100%; left: calc(50% - 1600px); right: calc(50% - 1600px); } } .page-header-navbar { position: relative; z-index: 1080; } .page-header-navbar .rd-navbar-wrap { position: absolute; top: 0; left: 0; right: 0; z-index: 1080; } /* +* +* Text styling +*/ .text-italic { font-style: italic; } .text-normal { font-style: normal; } .text-underline { text-decoration: underline; } .text-strike { text-decoration: line-through; } .font-weight-thin { font-weight: 100; } .font-weight-light { font-weight: 300; } .font-weight-regular { font-weight: 400; } .font-weight-medium { font-weight: 500; } .font-weight-sbold { font-weight: 600; } .font-weight-ubold { font-weight: 900; } .text-spacing-0 { letter-spacing: 0; } /* +* +* Offsets +*/ * + p, * + .list-inline-comma { margin-top: 16px; } h3 + p, .heading-3 + p, h3 + .p, .heading-3 + .p { margin-top: 18px; } h4 + p, .heading-4 + p, h4 + .p, .heading-4 + .p { margin-top: 16px; } * + h1, * + .heading-1 { margin-top: 15px; } h3 + h1, h3 + .heading-1, .heading-3 + h1, .heading-3 + .heading-1 { margin-top: 5px; } h6 + h1, h6 + .heading-1, .heading-6 + h1, .heading-6 + .heading-1 { margin-top: 10px; } * + h4, * + .heading-4 { margin-top: 15px; } * + h5, * + .heading-5 { margin-top: 15px; } h6 + p, .heading-6 + p { margin-top: 22px; } p + h2, p + .heading-2 { margin-top: 15px; } p + p { margin-top: 14px; } img + p { margin-top: 15px; } h3 + p { font-size: 16px; } h3 + img { margin-top: 42px; } p + hr { margin-top: 35px; } * + .row { margin-top: 30px; } * + .big { margin-top: 20px; } * + .text-block { margin-top: 25px; } * + .button, * + .button-outer { margin-top: 25px; } * + .list-sm { margin-top: 25px; } * + form.form-inline { margin-top: 18px; } * + form.rd-form-small { margin-top: 25px; } html * + .offset-top-1 { margin-top: 40px; } html * + .offset-top-2 { margin-top: 50px; } html * + .offset-top-3 { margin-top: 20px; } html * + .offset-top-4 { margin-top: 18px; } html .page * + .offset-top-5 { margin-top: 40px; } h3 + .row, .heading-3 + .row, h3 + .owl-carousel, .heading-3 + .owl-carousel { margin-top: 35px; } .container + .container { margin-top: 35px; } .container + .section { margin-top: 25px; } .row + .row { margin-top: 35px; } .row + .button-lg { margin-top: 30px; } .list-sm + .group-xs { margin-top: 20px; } @media (min-width: 768px) { * + p, * + .list-inline-comma { margin-top: 20px; } * + .big { margin-top: 25px; } * + .button, * + .button-outer { margin-top: 34px; } * + .row { margin-top: 40px; } * + .text-block { margin-top: 30px; } .container + .section { margin-top: 30px; } .row + .button-lg { margin-top: 45px; } html * + .offset-top-2 { margin-top: 50px; } } @media (min-width: 992px) { * + h1, * + .heading-1 { margin-top: 22px; } h3 + p, .heading-3 + p, h3 + .p, .heading-3 + .p { margin-top: 24px; } h3 + .row, .heading-3 + .row, h3 + .owl-carousel, .heading-3 + .owl-carousel { margin-top: 55px; } html * + .offset-top-1 { margin-top: 60px; } html * + .offset-top-3 { margin-top: 30px; } html * + .offset-top-4 { margin-top: 24px; } html .page * + .offset-top-5 { margin-top: 60px; } .progress-linear + .button { margin-top: 55px; } .row + .group { margin-top: 45px; } } @media (min-width: 1200px) { * + .button, * + .button-outer { margin-top: 40px; } * + .rd-form { margin-top: 40px; } h3 + p, .heading-3 + p, h3 + .p, .heading-3 + .p { margin-top: 20px; } html * + .offset-top-1 { margin-top: 70px; } .container + .container { margin-top: 60px; } .row + .row { margin-top: 60px; } } @media (min-width: 1600px) { h3 + .row, .heading-3 + .row, h3 + .owl-carousel, .heading-3 + .owl-carousel { margin-top: 75px; } html * + .offset-top-1 { margin-top: 144px; } html * + .offset-top-2 { margin-top: 50px; } .row + .button-lg { margin-top: 70px; } } .row-0 { margin-bottom: 0px; } .row-0:empty { margin-bottom: 0; } .row-0 > * { margin-bottom: 0px; } .row-10 { margin-bottom: -10px; } .row-10:empty { margin-bottom: 0; } .row-10 > * { margin-bottom: 10px; } .row-x-10 { margin-bottom: -10px; margin-left: -5px; margin-right: -5px; } .row-x-10:empty { margin-bottom: 0; } .row-x-10 > * { margin-bottom: 10px; } .row-x-10 > [class*='col'] { padding-left: 5px; padding-right: 5px; } .row-20 { margin-bottom: -20px; } .row-20:empty { margin-bottom: 0; } .row-20 > * { margin-bottom: 20px; } .row-30 { margin-bottom: -30px; } .row-30:empty { margin-bottom: 0; } .row-30 > * { margin-bottom: 30px; } .row-50 { margin-bottom: -50px; } .row-50:empty { margin-bottom: 0; } .row-50 > * { margin-bottom: 50px; } .row-60 { margin-bottom: -50px; } .row-60:empty { margin-bottom: 0; } .row-60 > * { margin-bottom: 50px; } .row-45 { margin-bottom: -45px; } .row-45:empty { margin-bottom: 0; } .row-45 > * { margin-bottom: 45px; } @media (min-width: 768px) { .row-md-50 { margin-bottom: -50px; } .row-md-50:empty { margin-bottom: 0; } .row-md-50 > * { margin-bottom: 50px; } } @media (min-width: 992px) { .row-md-30 { margin-bottom: -30px; } .row-md-30:empty { margin-bottom: 0; } .row-md-30 > * { margin-bottom: 30px; } } @media (min-width: 1600px) { .row-xxl-70 { margin-bottom: -70px; } .row-xxl-70:empty { margin-bottom: 0; } .row-xxl-70 > * { margin-bottom: 70px; } } /* +* +* Sections +*/ .section-xs { padding: 30px 0; } .section-sm { padding: 35px 0; } .section-sm.section-first { padding-top: 65px; } .section-sm.section-last { padding-bottom: 80px; } .section-md, .section-lg, .section-xl { padding: 50px 0; } .section-1 { padding: 35px 0; } .section-collapse + .section-collapse { padding-top: 0; } .section-collapse:last-child { padding-bottom: 0; } html [class*='section-'].section-bottom-0 { padding-bottom: 0; } @media (min-width: 576px) { .section-xs { padding: 40px 0; } } @media (min-width: 768px) { .section-sm { padding: 45px 0; } .section-sm.section-first { padding-top: 90px; } .section-sm.section-last { padding-bottom: 90px; } .section-md { padding: 60px 0; } .section-lg { padding: 72px 0; } .section-lg.section-first { padding-top: 100px; } .section-lg.section-last { padding-bottom: 100px; } .section-xl { padding: 80px 0; } .section-1 { padding: 60px 0; } } @media (min-width: 992px) { .section-md { padding: 60px 0 70px; } .section-xl { padding: 100px 0; } .section-1 { padding: 80px 0; } } @media (min-width: 1200px) { .section-sm { padding: 60px 0; } .section-sm.section-first { padding-top: 80px; } .section-sm.section-last { padding-bottom: 80px; } } @media (min-width: 1600px) { .section-sm.section-first { padding-top: 120px; } .section-sm.section-last { padding-bottom: 120px; } .section-md { padding: 85px 0 95px; } .section-lg { padding: 120px 0; } .section-lg.section-first { padding-top: 120px; } .section-lg.section-last { padding-bottom: 120px; } .section-xl { padding: 160px 0; } .section-1 { padding: 90px 0 100px; } } .section-single { display: flex; } .section-single::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; background: rgba(21, 21, 21, 0.4); } .section-single * + .rd-mailform-wrap { margin-top: 35px; } .section-single * + .countdown-wrap { margin-top: 30px; } .section-single .countdown-wrap + * { margin-top: 35px; } .section-single-dummy { visibility: hidden; pointer-events: none; } .section-single-header { padding: calc(1em + 3vh) 0 calc(1em + 2vh); } .section-single-main { padding: calc(1em + 4vh) 0; } .section-single-footer { padding: calc(1em + 2vh) 0 calc(1em + 3vh); } .section-single-inner { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; justify-content: space-between; width: 100%; min-height: 100vh; padding-top: 6vh; } .section-single-inner > * { width: 100%; } @supports (display: grid) { .section-single-inner { display: grid; justify-items: center; align-content: space-between; grid-template-columns: 1fr; } } @media (max-width: 575.98px) { .section-single .section-single-main-content { max-width: 240px; margin-left: auto; margin-right: auto; } } @media (max-width: 767.98px) { .section-single .button-lg { font-size: 15px; padding-left: 25px; padding-right: 25px; } } @media (min-width: 768px) { .section-single::before { display: none; } .section-single-inner { padding-top: 7vh; } } @media (min-width: 1200px) { .section-single * + .countdown-wrap { margin-top: 50px; } .section-single .countdown-wrap + * { margin-top: 50px; } } .section-overlap { position: relative; padding: 40px 0; } .section-overlap .row { flex-wrap: nowrap; flex-direction: column; align-items: flex-end; } .section-overlap [class*='col'] { flex-basis: auto; } .section-overlap * + [class*='col'] { margin-top: 10px; } .section-overlap * + .col-offset-1 { margin-top: 20px; } .section-overlap-image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-position: center center; background-repeat: no-repeat; } .section-overlap-content { position: relative; z-index: 1; } @media (max-width: 767.98px) { .section-overlap-content .container { padding: 20px 15px; background: linear-gradient(to right, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.8)); } .section-overlap-content .container > * { max-width: 380px; } } @media (max-width: 767.98px) and (min-width: 576px) { .section-overlap-content .container { padding: 40px 50px; } } @media (min-width: 768px) and (max-width: 991.98px) { .section-overlap-image::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: none; background: linear-gradient(to left, rgba(245, 246, 250, 0.4), rgba(245, 246, 250, 0)); } } @media (min-width: 768px) { .section-overlap { padding: 75px 0; } .section-overlap * + [class*='col'] { margin-top: 20px; } .section-overlap * + .col-offset-1 { margin-top: 40px; } .section-overlap-image { background-position: 80% 50%; width: calc(50% - 60px + 35px); } } @media (min-width: 992px) { .section-overlap { padding: 100px 0; } .section-overlap-image { width: calc(50% - -80px - 45px); } .ie-10 .section-overlap .col-lg-7, .ie-11 .section-overlap .col-lg-7 { max-width: 64%; } } @media (min-width: 1200px) { .section-overlap-image { width: calc(50% - -100px - 15px); } } @media (min-width: 1600px) { .section-overlap { padding: 140px 0; } } .section-halfscreen { position: relative; } .section-halfscreen-inner { padding: 40px 0; } .section-halfscreen-image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-position: center center; background-repeat: no-repeat; } .section-halfscreen-image::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: none; background: linear-gradient(to right, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.4)); } .section-halfscreen-content { position: relative; z-index: 1; } @media (max-width: 767.98px) { .section-halfscreen-content { max-width: 360px; } } @media (min-width: 576px) and (max-width: 767.98px) { .section-halfscreen-image::before { opacity: .8; } } @media (min-width: 768px) { .section-halfscreen-inner { padding: 75px 0; } .section-halfscreen-image { background-position: 45% 50%; left: auto; width: calc(50% - 60px + 35px); } .section-halfscreen-image::before { display: none; } } @media (min-width: 992px) { .section-halfscreen-inner { padding: 100px 0; } .section-halfscreen-image { width: 50%; } } @media (min-width: 1200px) { .section-halfscreen { display: flex; } .section-halfscreen-inner { display: flex; align-items: center; width: 100%; min-height: 35.41667vw; padding: 90px 0; } .section-halfscreen-content { width: 100%; } } /* +* +* Grid modules +*/ .range { display: flex; flex-wrap: wrap; } .cell-inner { width: 100%; padding-right: 15px; padding-left: 15px; } .range > [class*='cell'] { position: relative; width: 100%; min-height: 1px; } .range > [class*='cell'] > .row { margin: 0; } .range > [class*='cell'].container { padding: 0; } .range > [class*='col'] { padding: 0; } @media (min-width: 576px) { .cell-sm-6 { flex: 0 0 50%; max-width: 50%; } .cell-sm-6 .cell-inner { max-width: 270px; } .range > [class*='cell-sm']:nth-child(odd) .cell-inner { margin-left: auto; } .range.flex-sm-row-reverse > [class*='cell-sm']:nth-child(odd) .cell-inner { margin-left: 0; } .range.flex-sm-row-reverse > [class*='cell-sm']:nth-child(even) .cell-inner { margin-left: auto; } .range > [class*='cell-sm'].container { margin: 0; } } @media (min-width: 768px) { .range > [class*='cell-md']:nth-child(odd) .cell-inner { margin-left: auto; } .range.flex-md-row-reverse > [class*='cell-md']:nth-child(odd) .cell-inner { margin-left: 0; } .range.flex-md-row-reverse > [class*='cell-md']:nth-child(even) .cell-inner { margin-left: auto; } .range > [class*='cell-md'].container { margin: 0; } } @media (min-width: 992px) { [class*='cell-lg'] > .row > [class*='col'] { flex-basis: 100%; } .cell-lg-5 { flex: 0 0 calc(50% - 80px); max-width: calc(50% - 80px); } .cell-lg-5 .cell-inner { max-width: 400px; } .cell-lg-6 { flex: 0 0 50%; max-width: 50%; } .cell-lg-6 .cell-inner { max-width: 480px; } .range > [class*='cell-lg']:nth-child(odd) .cell-inner { margin-left: auto; } .range.flex-lg-row-reverse > [class*='cell-lg']:nth-child(odd) .cell-inner { margin-left: 0; } .range.flex-lg-row-reverse > [class*='cell-lg']:nth-child(even) .cell-inner { margin-left: auto; } .range > [class*='cell-lg'].container { margin: 0; } } @media (min-width: 1200px) { .range > [class*='cell-xl'].container { margin: 0; } .range > [class*='cell-xl']:nth-child(odd) .cell-inner { margin-left: auto; } .range .cell-inner { flex-basis: 100%; } .cell-xl-7 { flex: 0 0 calc(50% - -100px); max-width: calc(50% - -100px); } .cell-xl-7 .cell-inner { max-width: 700px; } .cell-lg-6, .cell-xl-6 { flex: 0 0 50%; max-width: 50%; } .cell-lg-6 .cell-inner, .cell-xl-6 .cell-inner { max-width: 600px; } .cell-xl-5 { flex: 0 0 calc(50% - 100px); max-width: calc(50% - 100px); } .cell-xl-5 .cell-inner { max-width: 500px; } .cell-xl-4 { flex: 0 0 calc(50% - 200px); max-width: calc(50% - 200px); } .cell-xl-4 .cell-inner { max-width: 400px; } } @media (min-width: 1600px) { .cell-xxl-6 { flex: 0 0 50%; max-width: 50%; } .cell-xxl-6 .cell-inner { max-width: 600px; } } /* +* +* Backgrounds +*/ .context-dark, .bg-gray-700, .bg-gray-800, .bg-primary, .bg-primary-darker, .context-dark h1, .bg-gray-700 h1, .bg-gray-800 h1, .bg-primary h1, .bg-primary-darker h1, .context-dark h2, .bg-gray-700 h2, .bg-gray-800 h2, .bg-primary h2, .bg-primary-darker h2, .context-dark h3, .bg-gray-700 h3, .bg-gray-800 h3, .bg-primary h3, .bg-primary-darker h3, .context-dark h4, .bg-gray-700 h4, .bg-gray-800 h4, .bg-primary h4, .bg-primary-darker h4, .context-dark h5, .bg-gray-700 h5, .bg-gray-800 h5, .bg-primary h5, .bg-primary-darker h5, .context-dark h6, .bg-gray-700 h6, .bg-gray-800 h6, .bg-primary h6, .bg-primary-darker h6, .context-dark [class^='heading-'], .bg-gray-700 [class^='heading-'], .bg-gray-800 [class^='heading-'], .bg-primary [class^='heading-'], .bg-primary-darker [class^='heading-'] { color: #fff; } .context-dark p a, .bg-gray-700 p a, .bg-gray-800 p a, .bg-primary p a, .bg-primary-darker p a { color: inherit; } .context-dark .big, .bg-gray-700 .big, .bg-gray-800 .big, .bg-primary .big, .bg-primary-darker .big { color: #fff; } .context-dark .brand .brand-logo-dark, .bg-gray-700 .brand .brand-logo-dark, .bg-gray-800 .brand .brand-logo-dark, .bg-primary .brand .brand-logo-dark, .bg-primary-darker .brand .brand-logo-dark { display: none; } .context-dark .brand .brand-logo-light, .bg-gray-700 .brand .brand-logo-light, .bg-gray-800 .brand .brand-logo-light, .bg-primary .brand .brand-logo-light, .bg-primary-darker .brand .brand-logo-light { display: block; } .context-dark .button-primary:hover, .bg-gray-700 .button-primary:hover, .bg-gray-800 .button-primary:hover, .bg-primary .button-primary:hover, .bg-primary-darker .button-primary:hover { background: #4854ed; border-color: #4854ed; } /** +* Light Backgrounds +*/ .bg-gray-100 { background-color: #f5f6fa; } /** +* Dark Backgrounds +*/ .bg-gray-700 { color: #aeb1be; background-color: #232426; } .bg-gray-700 a { color: inherit; } .bg-gray-700 a:hover { color: #fff; } .bg-gray-700 p a:hover { color: #fff; } .bg-gray-800 { background-color: #151515; } /** +* Accent Backgrounds +*/ .bg-primary { background-color: #0045b6; } .bg-primary-darker { background-color: #29293a; } /** +* Background Image +*/ [class*='bg-'] { background-size: cover; background-position: center center; } @media (max-width: 1199.98px) { .bg-image-light { position: relative; } .bg-image-light::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(255, 255, 255, 0.1); } } .bg-image-1 { position: relative; background-position: 30% 100%; } .bg-image-1::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #495057; opacity: .6; } .bg-image-1 > * { position: relative; z-index: 1; } @media (min-width: 576px) { .bg-image-1 { background-position: 72% 100%; } .bg-image-1::before { opacity: .2; } } @media (min-width: 768px) { .bg-image-1 { background-position: 54% 100%; } .bg-image-1::before { display: none; } } @media (min-width: 992px) { html:not(.tablet):not(.mobile) .bg-fixed { background-attachment: fixed; } } .primary-overlay { position: relative; } .primary-overlay:before { position: absolute; content: ''; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(21, 21, 21, 0.45); pointer-events: none; z-index: 1; display: block; } /* +* +* Utilities custom +*/ .height-fill { position: relative; display: flex; flex-direction: column; align-items: stretch; } .height-fill > * { flex-grow: 1; flex-shrink: 0; } .object-inline { white-space: nowrap; } .object-inline > * { display: inline-block; min-width: 20px; vertical-align: top; white-space: normal; } .object-inline.wow span { display: inline-block; } .object-inline > * + * { margin-left: 11px; } .wow-outer .object-inline span { display: inline-block; } .oh { position: relative; overflow: hidden; } .text-decoration-lines { position: relative; overflow: hidden; width: 100%; text-align: center; } .text-decoration-lines-content { position: relative; display: inline-block; padding: 0 20px; } .text-decoration-lines-content::before, .text-decoration-lines-content::after { content: ''; position: absolute; height: 1px; background: #aeb1be; top: 50%; width: 100vw; } .text-decoration-lines-content::before { left: 0; transform: translate3d(-100%, 0, 0); } .text-decoration-lines-content::after { right: 0; transform: translate3d(100%, 0, 0); } * + .text-decoration-lines { margin-top: 30px; } .text-block > * { margin-left: .125em; margin-right: .125em; } @media (min-width: 992px) { .offset-right-1 { margin-right: 40px; } } .banner { background-position: center center; background-size: cover; } .phone-frame { max-width: 296px; padding: 0 5px; margin-left: auto; margin-right: auto; box-shadow: -46.037px 40.02px 21px 0px rgba(0, 0, 0, 0.02); } @media (max-width: 767.98px) { .phone-frame { display: none; } } .tip-mark { display: inline-flex; align-items: center; justify-content: center; width: 2em; height: 2em; padding-left: 2px; margin-bottom: 5px; font-size: 12px; line-height: 2em; vertical-align: middle; text-align: center; border-radius: 50%; border: 1px solid #e8e9ee; color: #0045b6; } /* +* +* Insets +*/ @media (min-width: 576px) { .inset-left-1 { padding-left: 10px; } } @media (min-width: 768px) { .inset-left-1 { padding-left: 30px; } } @media (min-width: 992px) { .inset-left-1 { padding-left: 0; } } @media (min-width: 992px) and (max-width: 1199.98px) { .inset-left-2 { padding-left: 30px; } } @media (min-width: 576px) { .inset-right-1 { padding-right: 20px; } } @media (min-width: 768px) { .inset-right-1 { padding-right: 30px; } } @media (min-width: 992px) and (max-width: 1199.98px) { .inset-right-1 { padding-right: 0; } } @media (min-width: 992px) { .inset-right-2 { padding-right: 30px; } } @media (min-width: 1200px) { .inset-right-2 { padding-right: 0; } } @media (min-width: 992px) { .inset-right-3 { padding-left: 5px; } } @media (min-width: 1200px) { .inset-right-3 { padding-right: 0; } } /* +* +* Animate.css +*/ .animated { animation-duration: 1s; animation-fill-mode: both; opacity: 1; } .animated.infinite { animation-iteration-count: infinite; } .animated.hinge { animation-duration: 2s; } html:not(.lt-ie10) .not-animated { opacity: 0; } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { animation-name: fadeIn; } @keyframes fadeInUp { 0% { opacity: 0; transform: translate3d(0, 100%, 0); } 100% { opacity: 1; transform: none; } } .fadeInUp { animation-name: fadeInUp; } @keyframes fadeInDown { 0% { opacity: 0; transform: translate3d(0, -100%, 0); } 100% { opacity: 1; transform: none; } } .fadeInDown { animation-name: fadeInDown; } @keyframes fadeInLeft { 0% { opacity: 0; transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; transform: none; } } .fadeInLeft { animation-name: fadeInLeft; } @keyframes fadeInRight { 0% { opacity: 0; transform: translate3d(100%, 0, 0); } 100% { opacity: 1; transform: none; } } .fadeInRight { animation-name: fadeInRight; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { animation-name: fadeOut; } @keyframes slideInDown { 0% { transform: translate3d(0, -100%, 0); visibility: visible; } 100% { transform: translate3d(0, 0, 0); } } .slideInDown { animation-name: slideInDown; } @keyframes slideInUp { 0% { transform: translate3d(0, 100%, 0); visibility: visible; } 100% { transform: translate3d(0, 0, 0); } } .slideInUp { animation-name: slideInUp; } @keyframes slideInLeft { 0% { transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { transform: translate3d(0, 0, 0); } } .slideInLeft { animation-name: slideInLeft; } @keyframes slideInRight { 0% { transform: translate3d(100%, 0, 0); visibility: visible; } 100% { transform: translate3d(0, 0, 0); } } .slideInRight { animation-name: slideInRight; } @keyframes slideOutDown { 0% { transform: translate3d(0, 0, 0); } 100% { visibility: hidden; transform: translate3d(0, 100%, 0); } } .slideOutDown { animation-name: slideOutDown; } @keyframes scaleInY { 0% { top: 0; bottom: 100%; } 50% { transform: scale3d(1, 1, 1); } 100% { top: 100%; bottom: auto; transform: scale3d(1, 0, 1); } } @keyframes scaleFadeIn { 0% { height: 0; } 100% { height: 100%; } } .scaleFadeIn { display: flex; overflow: hidden; animation-name: scaleFadeIn; animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } .scaleFadeInWrap { display: flex; align-items: stretch; } .wow-outer { position: relative; overflow: hidden; } @keyframes scaleInVertical { 0% { transform: scale3d(1, 0, 1); } 100% { transform: scale3d(1, 1, 1); } } .scaleInVertical { animation-name: scaleInVertical; } @keyframes fadeInLeftSmall { 0% { opacity: 0; transform: translate3d(-20px, 0, 0); } 100% { opacity: 1; transform: none; } } .fadeInLeftSmall { animation-name: fadeInLeftSmall; } @keyframes fadeInUpSmall { 0% { opacity: 0; transform: translate3d(0, 20px, 0); } 100% { opacity: 1; transform: none; } } .fadeInUpSmall { animation-name: fadeInUpSmall; } @keyframes fadeSlideInDown { 0% { opacity: 0; transform: translate3d(0, -50%, 0); visibility: visible; } 10% { opacity: 1; } 100% { transform: translate3d(0, 0, 0); } } .fadeSlideInDown { animation-name: fadeSlideInDown; } @keyframes fadeSlideInUp { 0% { opacity: 0; transform: translate3d(0, 50%, 0); visibility: visible; } 10% { opacity: 1; } 100% { transform: translate3d(0, 0, 0); } } .fadeSlideInUp { animation-name: fadeSlideInUp; } .wow { backface-visibility: hidden; } /* +* +* Preloader +*/ .preloader { position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: 10000; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 20px; transition: .3s all ease; pointer-events: none; backface-visibility: hidden; } .preloader::before, .preloader::after { content: ''; position: absolute; left: 0; right: 0; transition: .2s linear; transform: translateY(0); pointer-events: none; } .preloader::before { top: 0; bottom: 50%; background: #fff; } .preloader::after { top: 50%; bottom: 0; background: #f5f6fa; } .preloader.loaded::before, .preloader.loaded::after { transition: .4s linear; } .preloader.loaded::before { transform: translateY(-100%); } .preloader.loaded::after { transform: translateY(100%); } .preloader.loaded .preloader-logo, .preloader.loaded .preloader-body { opacity: 0; visibility: hidden; transition: 0s; } .preloader-logo, .preloader-body { transition: 0s .2s; } .preloader-logo { position: relative; z-index: 10; transform: translate3d(0, -50%, 0); padding: 40px; } .preloader-body { position: absolute; top: 50%; transform: translate3d(0, -50%, 0); left: 0; right: 0; z-index: 10; text-align: center; } #loadingProgressG { width: 100vw; height: 5px; overflow: hidden; background: #e8e9ee; border-radius: 6px; margin: auto; } .loadingProgressG { background: #0045b6; margin-top: 0; margin-left: -100vw; animation-name: bounce_loadingProgressG; animation-duration: 2.5s; animation-iteration-count: infinite; animation-timing-function: linear; width: 100vw; height: 5px; transition: .5s; } @keyframes bounce_loadingProgressG { 0% { margin-left: -100vw; } 100% { margin-left: 100vw; } } /* +* +* ToTop +*/ .ui-to-top { position: fixed; right: 15px; bottom: 15px; z-index: 100; width: 48px; height: 48px; border-radius: 6px; color: #fff; background: #0045b6; overflow: hidden; text-align: center; text-decoration: none; transition: transform 0.45s ease-in-out, background 0.3s cubic-bezier(0.2, 1, 0.3, 1); transform: translate3d(0, 100px, 0); } .ui-to-top::before, .ui-to-top::after { content: '\f239'; font-family: 'Material Design Icons'; font-size: 20px; line-height: 48px; vertical-align: middle; transition: transform 0.3s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.3s cubic-bezier(0.2, 1, 0.3, 1); } .ui-to-top::before { display: block; } .ui-to-top::after { position: absolute; width: 100%; top: 50%; left: 0; opacity: 0; transform: translate3d(0, 0, 0); } .ui-to-top:hover::before { opacity: 0; transform: translate3d(0, -30%, 0); } .ui-to-top:hover::after { opacity: 1; transform: translate3d(0, 0, 0) translateY(-50%); } .ui-to-top:hover { color: #fff; background: #4854ed; text-decoration: none; } .ui-to-top:focus { color: #fff; } .ui-to-top.active { transform: translate3d(0, 0, 0); } html.mobile .ui-to-top, html.tablet .ui-to-top { display: none !important; } @media (min-width: 576px) { .ui-to-top { right: 40px; bottom: 40px; } } /* +* +* RD Navbar +*/ @keyframes rd-navbar-slide-down { 0% { transform: translateY(-100%); } 100% { transform: translateY(0); } } @keyframes rd-navbar-slide-up { 0% { transform: translateY(0); } 100% { transform: translateY(-100%); } } .rd-navbar-wrap, .rd-navbar, .rd-menu, .rd-navbar-nav, .rd-navbar-panel, .rd-navbar-static .rd-menu, .rd-navbar-fixed .rd-navbar-nav-wrap, .rd-navbar-fixed .rd-navbar-submenu { transition: 0.35s all cubic-bezier(0.65, 0.05, 0.36, 1); } .rd-navbar--no-transition, .rd-navbar--no-transition * { transition: none !important; } .rd-navbar, .rd-navbar.rd-navbar--is-clone { display: none; } .rd-navbar.rd-navbar-fixed + .rd-navbar.rd-navbar--is-clone, .rd-navbar.rd-navbar-sidebar + .rd-navbar.rd-navbar--is-clone { display: none; } .rd-navbar { display: none; background: #fff; } .rd-navbar-outer { position: relative; z-index: 1080; } .rd-nav-link { font: 400 14px/20px "Poppins", sans-serif; letter-spacing: .08em; text-transform: uppercase; } .rd-navbar-toggle { display: inline-block; position: relative; width: 40px; height: 40px; line-height: 40px; cursor: pointer; color: #495057; background-color: transparent; border: none; display: none; } .rd-navbar-toggle span { position: relative; display: block; margin: auto; transition: .3s all ease; } .rd-navbar-toggle span::after, .rd-navbar-toggle span::before { content: ""; position: absolute; left: 0; top: -6px; transition: .3s all ease; } .rd-navbar-toggle span::after { top: 5px; } .rd-navbar-toggle span::after, .rd-navbar-toggle span::before, .rd-navbar-toggle span { width: 24px; height: 2px; background-color: #495057; backface-visibility: hidden; border-radius: 5; } .rd-navbar-toggle.active span { background: transparent; transition: .01s; } .rd-navbar-toggle.active span::before, .rd-navbar-toggle.active span::after { transform-origin: 50% 50%; top: 0; } .rd-navbar-toggle.active span::before { transform: rotate(45deg); } .rd-navbar-toggle.active span::after { transform: rotate(-45deg); } .rd-navbar-collapse-toggle { background: none; border: none; display: inline-block; padding: 0; outline: none; outline-offset: 0; cursor: pointer; -webkit-appearance: none; display: inline-block; position: relative; width: 40px; height: 40px; line-height: 40px; cursor: pointer; color: #495057; display: none; } .rd-navbar-collapse-toggle::-moz-focus-inner { border: none; padding: 0; } .rd-navbar-collapse-toggle span { top: 50%; margin-top: -2.5px; } .rd-navbar-collapse-toggle span, .rd-navbar-collapse-toggle span::before, .rd-navbar-collapse-toggle span::after { position: absolute; width: 5px; height: 5px; line-height: 5px; text-align: center; background: #495057; left: 50%; margin-left: -2.5px; border-radius: 50%; transition: .3s all ease; } .rd-navbar-collapse-toggle span::before, .rd-navbar-collapse-toggle span::after { content: ''; } .rd-navbar-collapse-toggle span::before { bottom: 100%; margin-bottom: 2.5px; } .rd-navbar-collapse-toggle span::after { top: 100%; margin-top: 2.5px; } .rd-navbar-collapse-toggle.active span { transform: scale(0.7); } .rd-navbar-collapse-toggle.active span::before { transform: translateY(15px); } .rd-navbar-collapse-toggle.active span::after { transform: translateY(-15px); } .rd-navbar-brand a { display: block; } .rd-navbar-search { position: relative; display: inline-flex; } .rd-navbar-search .form-input { padding-right: 50px; } .rd-navbar-search .rd-search-form-submit { position: absolute; top: 0; bottom: 0; right: 0; width: 50px; padding: 0; margin: 0; border: none; cursor: pointer; background-color: transparent; font-size: 20px; color: #aeb1be; transition: .33s; } .rd-navbar-search .rd-search-form-submit:hover { color: #0045b6; } .rd-navbar-search .rd-search-results-live { pointer-events: none; } .rd-navbar-search .rd-search-results-live > * { pointer-events: auto; } .rd-navbar-search-toggle { background: none; border: none; display: inline-block; padding: 0; outline: none; outline-offset: 0; cursor: pointer; -webkit-appearance: none; } .rd-navbar-search-toggle::-moz-focus-inner { border: none; padding: 0; } .rd-navbar-dropdown { display: none; } .rd-navbar-popup { position: absolute; padding: 15px 25px 20px 20px; width: calc(100vw - 10px); border-radius: 6px; opacity: 0; visibility: hidden; transition: .2s; overflow: hidden; background-color: #495057; } .rd-navbar-popup::before { content: ''; position: absolute; right: 0; left: 0; top: 0; bottom: 0; z-index: -1; transform: scale3d(1, 0.1, 1); transform-origin: 50% 0; background: #495057; border-radius: inherit; transition: .5s; } .rd-navbar-popup > * { position: relative; z-index: 1; opacity: 0; visibility: hidden; transition: .5s; transform-origin: 50% 0; transform: scale3d(1, 0.9, 1); } .rd-navbar-popup.active { opacity: 1; visibility: visible; } .rd-navbar-popup.active > * { opacity: 1; visibility: visible; transform: scale3d(1, 1, 1); } .rd-navbar-popup.active::before { transform: scale3d(1, 1, 1); } @media (min-width: 400px) { .rd-navbar-popup { width: 370px; } } @media (min-width: 768px) { .rd-navbar-popup { padding: 40px; } } .context-dark .rd-navbar-toggle, .bg-gray-700 .rd-navbar-toggle, .bg-gray-800 .rd-navbar-toggle, .bg-primary .rd-navbar-toggle, .bg-primary-darker .rd-navbar-toggle { display: inline-block; position: relative; width: 40px; height: 40px; line-height: 40px; cursor: pointer; color: #fff; display: none; } .context-dark .rd-navbar-toggle span, .bg-gray-700 .rd-navbar-toggle span, .bg-gray-800 .rd-navbar-toggle span, .bg-primary .rd-navbar-toggle span, .bg-primary-darker .rd-navbar-toggle span { position: relative; display: block; margin: auto; transition: .3s all ease; } .context-dark .rd-navbar-toggle span::after, .bg-gray-700 .rd-navbar-toggle span::after, .bg-gray-800 .rd-navbar-toggle span::after, .bg-primary .rd-navbar-toggle span::after, .bg-primary-darker .rd-navbar-toggle span::after, .context-dark .rd-navbar-toggle span::before, .bg-gray-700 .rd-navbar-toggle span::before, .bg-gray-800 .rd-navbar-toggle span::before, .bg-primary .rd-navbar-toggle span::before, .bg-primary-darker .rd-navbar-toggle span::before { content: ""; position: absolute; left: 0; top: -6px; transition: .3s all ease; } .context-dark .rd-navbar-toggle span::after, .bg-gray-700 .rd-navbar-toggle span::after, .bg-gray-800 .rd-navbar-toggle span::after, .bg-primary .rd-navbar-toggle span::after, .bg-primary-darker .rd-navbar-toggle span::after { top: 5px; } .context-dark .rd-navbar-toggle span::after, .bg-gray-700 .rd-navbar-toggle span::after, .bg-gray-800 .rd-navbar-toggle span::after, .bg-primary .rd-navbar-toggle span::after, .bg-primary-darker .rd-navbar-toggle span::after, .context-dark .rd-navbar-toggle span::before, .bg-gray-700 .rd-navbar-toggle span::before, .bg-gray-800 .rd-navbar-toggle span::before, .bg-primary .rd-navbar-toggle span::before, .bg-primary-darker .rd-navbar-toggle span::before, .context-dark .rd-navbar-toggle span, .bg-gray-700 .rd-navbar-toggle span, .bg-gray-800 .rd-navbar-toggle span, .bg-primary .rd-navbar-toggle span, .bg-primary-darker .rd-navbar-toggle span { width: 24px; height: 2px; background-color: #fff; backface-visibility: hidden; border-radius: 5; } .context-dark .rd-navbar-toggle.active span, .bg-gray-700 .rd-navbar-toggle.active span, .bg-gray-800 .rd-navbar-toggle.active span, .bg-primary .rd-navbar-toggle.active span, .bg-primary-darker .rd-navbar-toggle.active span { background: transparent; transition: .01s; } .context-dark .rd-navbar-toggle.active span::before, .bg-gray-700 .rd-navbar-toggle.active span::before, .bg-gray-800 .rd-navbar-toggle.active span::before, .bg-primary .rd-navbar-toggle.active span::before, .bg-primary-darker .rd-navbar-toggle.active span::before, .context-dark .rd-navbar-toggle.active span::after, .bg-gray-700 .rd-navbar-toggle.active span::after, .bg-gray-800 .rd-navbar-toggle.active span::after, .bg-primary .rd-navbar-toggle.active span::after, .bg-primary-darker .rd-navbar-toggle.active span::after { transform-origin: 50% 50%; top: 0; } .context-dark .rd-navbar-toggle.active span::before, .bg-gray-700 .rd-navbar-toggle.active span::before, .bg-gray-800 .rd-navbar-toggle.active span::before, .bg-primary .rd-navbar-toggle.active span::before, .bg-primary-darker .rd-navbar-toggle.active span::before { transform: rotate(45deg); } .context-dark .rd-navbar-toggle.active span::after, .bg-gray-700 .rd-navbar-toggle.active span::after, .bg-gray-800 .rd-navbar-toggle.active span::after, .bg-primary .rd-navbar-toggle.active span::after, .bg-primary-darker .rd-navbar-toggle.active span::after { transform: rotate(-45deg); } /* +* @subsection RD Navbar Static +*/ .rd-navbar-static { display: block; position: relative; } .rd-navbar-static .rd-nav-item { display: inline-block; } .rd-navbar-static .rd-nav-item.focus .rd-nav-link, .rd-navbar-static .rd-nav-item.opened .rd-nav-link { color: rgba(255, 255, 255, 0.5); background: transparent; } .rd-navbar-static .rd-nav-item.focus > .rd-navbar-submenu-toggle, .rd-navbar-static .rd-nav-item.opened > .rd-navbar-submenu-toggle { color: #fff; } .rd-navbar-static .rd-nav-item.active .rd-nav-link { color: rgba(255, 255, 255, 0.5); background: transparent; } .rd-navbar-static .rd-nav-item.active > .rd-navbar-submenu-toggle { color: #fff; } .rd-navbar-static .rd-nav-item.focus > .rd-navbar-submenu-toggle::before, .rd-navbar-static .rd-nav-item.opened > .rd-navbar-submenu-toggle::before, .rd-navbar-static .rd-nav-item .rd-nav-link:hover + .rd-navbar-submenu-toggle::before { transform: rotate(180deg); color: rgba(255, 255, 255, 0.5); } .rd-navbar-static .rd-nav-item > .rd-navbar-submenu-toggle { margin-left: 4px; font-family: "Material Design Icons"; font-size: 16px; cursor: pointer; color: #fff; } .rd-navbar-static .rd-nav-item > .rd-navbar-submenu-toggle::before { position: relative; display: inline-block; transition: .22s; content: '\f236'; } .rd-navbar-static .rd-nav-item > .rd-navbar-submenu-toggle:hover { color: rgba(255, 255, 255, 0.4); } .rd-navbar-static .rd-nav-item > .rd-navbar-submenu { margin-top: 20px; } .rd-navbar-static .rd-nav-item + .rd-nav-item { margin-left: 35px; } .rd-navbar-static .rd-nav-link { position: relative; display: inline-block; color: #fff; transition: .25s; padding-bottom: 2px; } .rd-navbar-static .rd-nav-link:hover { color: rgba(255, 255, 255, 0.4); } .rd-navbar-static .rd-menu { position: absolute; z-index: 15; display: block; padding: 16px 27px; margin-top: 22px; margin-left: -27px; visibility: hidden; opacity: 0; text-align: left; box-shadow: 0 5px 10px 1px rgba(20, 20, 28, 0.3); border-radius: 6px; transform: translate3d(0, 30px, 0); } .rd-navbar-static .rd-dropdown-item + .rd-dropdown-item, .rd-navbar-static .rd-megamenu-list-item + .rd-megamenu-list-item { margin-top: 7px; } .rd-navbar-static .rd-navbar-dropdown { position: absolute; left: 0; width: 290px; background: #232426; z-index: 5; } .rd-navbar-static .rd-navbar-dropdown .rd-navbar-dropdown { top: -1px; left: 100%; z-index: 2; margin-top: -15px; margin-left: 15px; transform: translate3d(30px, 0, 0); } .rd-navbar-static .rd-navbar-dropdown .rd-navbar-dropdown.rd-navbar-open-left { left: auto; right: 100%; margin-left: 0; margin-right: 15px; transform: translate3d(-30px, 0, 0); } .rd-navbar-static .rd-dropdown-item.focus .rd-dropdown-link, .rd-navbar-static .rd-dropdown-item.opened .rd-dropdown-link { color: #fff; } .rd-navbar-static .rd-dropdown-link { color: #aeb1be; } .rd-navbar-static .rd-dropdown-link:hover { color: #fff; } .rd-navbar-static .rd-navbar-dropdown li > a, .rd-navbar-static .rd-megamenu-list li > a { position: relative; left: -13px; display: flex; padding: 4px 18px 4px 0; text-align: left; } .rd-navbar-static .rd-navbar-dropdown li > a, .rd-navbar-static .rd-navbar-dropdown li > a:focus, .rd-navbar-static .rd-navbar-dropdown li > a:active, .rd-navbar-static .rd-megamenu-list li > a, .rd-navbar-static .rd-megamenu-list li > a:focus, .rd-navbar-static .rd-megamenu-list li > a:active { color: #aeb1be; } .rd-navbar-static .rd-navbar-dropdown li > a:hover, .rd-navbar-static .rd-megamenu-list li > a:hover { color: #fff; } .rd-navbar-static .rd-navbar-dropdown li > a, .rd-navbar-static .rd-navbar-dropdown li > a::before, .rd-navbar-static .rd-megamenu-list li > a, .rd-navbar-static .rd-megamenu-list li > a::before { transition: all .2s ease-in-out; } .rd-navbar-static .rd-navbar-dropdown li > a::before, .rd-navbar-static .rd-megamenu-list li > a::before { position: relative; top: -1px; left: -6px; display: inline-block; content: '\f238'; font-family: 'Material Design Icons'; font-size: inherit; line-height: inherit; color: #fff; opacity: 0; visibility: hidden; } .rd-navbar-static .rd-navbar-dropdown li.focus > a, .rd-navbar-static .rd-navbar-dropdown li.opened > a, .rd-navbar-static .rd-navbar-dropdown li > a:hover, .rd-navbar-static .rd-megamenu-list li.focus > a, .rd-navbar-static .rd-megamenu-list li.opened > a, .rd-navbar-static .rd-megamenu-list li > a:hover { left: -13px; padding-left: 18px; padding-right: 0; } .rd-navbar-static .rd-navbar-dropdown li.focus > a::before, .rd-navbar-static .rd-navbar-dropdown li.opened > a::before, .rd-navbar-static .rd-navbar-dropdown li > a:hover::before, .rd-navbar-static .rd-megamenu-list li.focus > a::before, .rd-navbar-static .rd-megamenu-list li.opened > a::before, .rd-navbar-static .rd-megamenu-list li > a:hover::before { left: -7px; opacity: 1; visibility: visible; } .rd-navbar-static .rd-navbar-megamenu { display: flex; left: 0; overflow: hidden; max-width: 700px; width: 100%; background: #232426; } @media (min-width: 768px) { .rd-navbar-static .rd-navbar-megamenu { left: 20px; } } .rd-navbar-static .rd-megamenu-item { flex-basis: 50%; flex-grow: 1; } .rd-navbar-static .rd-megamenu-item + .rd-megamenu-item { padding-left: 20px; } .rd-navbar-static .rd-megamenu-item { display: flex; } .rd-navbar-static .rd-megamenu-item .banner { position: relative; display: flex; align-items: flex-end; justify-content: center; text-align: center; min-width: 100%; padding: 35px; } .rd-navbar-static .rd-megamenu-item .banner::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.1); } .rd-navbar-static .rd-megamenu-item .banner .button-primary:hover { background: #4854ed; border-color: #4854ed; } .rd-navbar-static .rd-megamenu-item .banner > * { opacity: 0; visibility: hidden; transform: translate(0, -20%); transition: .22s; } .rd-navbar-static .rd-megamenu-item .banner:hover > * { opacity: 1; visibility: visible; transform: translate(0, 0); } .rd-navbar-static .rd-megamenu-item:first-child .banner, .rd-navbar-static .rd-megamenu-item:last-child .banner { margin-top: -16px; margin-right: -27px; margin-bottom: -16px; margin-left: -27px; } .rd-navbar-static .rd-megamenu-title { padding-bottom: 10px; border-bottom: 1px solid #e8e9ee; } .rd-navbar-static .rd-megamenu-list-link { color: #aeb1be; background: transparent; } .rd-navbar-static .rd-megamenu-list-link:hover { color: #fff; background: transparent; } .rd-navbar-static * + .rd-megamenu-list { margin-top: 10px; } .rd-navbar-static .rd-navbar-submenu.focus > .rd-menu, .rd-navbar-static .rd-navbar-submenu.opened > .rd-menu { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); } .rd-navbar-static .rd-navbar-search.active .rd-search { visibility: visible; opacity: 1; } .rd-navbar-static .rd-navbar-search.active .not-empty ~ .form-input { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .rd-navbar-static .rd-navbar-search .rd-search { margin-top: 40px; } .rd-navbar-static .rd-navbar-search .form-input { padding-right: 19px; } .rd-navbar-static .rd-navbar-search .rd-search-form-submit { display: none; } .rd-navbar-static .rd-search { position: absolute; top: 100%; right: 0; width: 370px; opacity: 0; visibility: hidden; transition: .3s; margin-top: 20px; z-index: 2; } .rd-navbar-static * + .rd-navbar-search { margin-left: 38px; } .rd-navbar-static .rd-navbar-search-toggle { display: inline-flex; color: #fff; } .rd-navbar-static .rd-navbar-search-toggle span { display: inline-block; position: relative; width: 32px; height: 32px; font-size: 26px; line-height: 32px; text-align: center; cursor: pointer; background: none; border: none; outline: none; padding: 0; } .rd-navbar-static .rd-navbar-search-toggle span, .rd-navbar-static .rd-navbar-search-toggle span::before, .rd-navbar-static .rd-navbar-search-toggle span::after { transition: .3s all ease-in-out; } .rd-navbar-static .rd-navbar-search-toggle span::before, .rd-navbar-static .rd-navbar-search-toggle span::after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .rd-navbar-static .rd-navbar-search-toggle span::before { content: ""; transform: rotate(0deg) scale(1); opacity: 1; visibility: visible; font-family: "Material Design Icons"; } .rd-navbar-static .rd-navbar-search-toggle span::after { content: ""; transform: rotate(-90deg) scale(0.4); opacity: 0; visibility: hidden; font-family: "Material Design Icons"; } .rd-navbar-static .rd-navbar-search-toggle.active span::before { opacity: 0; visibility: hidden; transform: rotate(90deg) scale(0.4); } .rd-navbar-static .rd-navbar-search-toggle.active span::after { transform: rotate(0deg) scale(1); opacity: 1; visibility: visible; } .rd-navbar-static .rd-navbar-search-toggle:hover { color: #aeb1be; } @media (min-width: 1200px) { .rd-navbar-static .rd-nav-item + .rd-nav-item { margin-left: 45px; } } .rd-navbar-static.rd-navbar--is-clone { display: block; transform: translate3d(0, -100%, 0); } .rd-navbar-static.rd-navbar--is-clone.rd-navbar--is-stuck { transform: translate3d(0, 0, 0); } .rd-navbar-static.rd-navbar--is-stuck, .rd-navbar-static.rd-navbar--is-clone { position: fixed; left: 0; top: 0; right: 0; z-index: 1080; background: rgba(51, 51, 51, 0.7); will-change: transform; } .rd-navbar-static .rd-navbar--has-dropdown { position: relative; } /* +* +* RD Navbar Fixed +*/ .rd-navbar-fixed { display: block; width: 100%; } .rd-navbar-fixed .rd-navbar-toggle { display: inline-block; } .rd-navbar-fixed .rd-navbar-brand { position: relative; top: -2px; margin-left: 12px; font-size: 0; line-height: 0; text-align: left; } .rd-navbar-fixed .rd-navbar-brand img { max-width: 160px; max-height: 58px; width: auto; height: auto; } .rd-navbar-fixed .rd-navbar-panel { position: fixed; left: 0; top: 0; right: 0; z-index: 1080; display: flex; align-items: center; height: 56px; padding: 8px; } .rd-navbar-fixed .rd-navbar-nav-wrap { position: fixed; left: 0; top: -56px; bottom: -56px; z-index: 1079; width: 270px; padding: 112px 0 81px; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; font-size: 14px; line-height: 34px; transform: translateX(-110%); } .rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar { width: 4px; } .rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar-thumb { background: #1d73ff; border: none; border-radius: 0; opacity: .2; } .rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar-track { background: #0045b6; border: none; border-radius: 0; } .rd-navbar-fixed .rd-navbar-nav-wrap.active { transform: translateX(0); } .rd-navbar-fixed .rd-navbar-nav { display: block; margin: 15px 0; height: auto; text-align: left; } .rd-navbar-fixed .rd-nav-item { text-align: left; } .rd-navbar-fixed .rd-nav-item + .rd-nav-item { margin-top: 4px; } .rd-navbar-fixed .rd-nav-link { display: block; padding: 14px 56px 14px 18px; } .rd-navbar-fixed li.opened > .rd-navbar-dropdown { padding: 4px 0 0; } .rd-navbar-fixed li.opened > .rd-navbar-megamenu { padding-top: 15px; padding-bottom: 15px; } .rd-navbar-fixed li.opened > .rd-menu { opacity: 1; height: auto; } .rd-navbar-fixed li.opened > .rd-navbar-submenu-toggle::after { transform: rotate(180deg); } .rd-navbar-fixed .rd-menu { display: none; transition: opacity 0.3s, height 0.4s ease; opacity: 0; height: 0; overflow: hidden; } .rd-navbar-fixed .rd-navbar-submenu { position: relative; } .rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown .rd-navbar-submenu-toggle:after { height: 34px; line-height: 34px; } .rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown > li > a { padding-left: 30px; } .rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown li li > a, .rd-navbar-fixed .rd-navbar-submenu .rd-navbar-megamenu ul li li > a { padding-left: 46px; } .rd-navbar-fixed .rd-navbar-submenu.opened > .rd-navbar-dropdown, .rd-navbar-fixed .rd-navbar-submenu.opened > .rd-navbar-megamenu { display: block; } .rd-navbar-fixed .rd-megamenu-list > li > a, .rd-navbar-fixed .rd-navbar-dropdown > li > a { display: block; padding: 9px 56px 9px 16px; font-size: 14px; line-height: 1.5; } .rd-navbar-fixed .rd-megamenu-list > li + li, .rd-navbar-fixed .rd-navbar-dropdown > li + li { margin-top: 3px; } .rd-navbar-fixed .rd-megamenu-list > li > a { padding-left: 30px; } .rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title { position: relative; display: block; padding: 0 18px 7px; font-size: 16px; line-height: 1.5; } .rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title::after { content: ''; position: absolute; left: 20px; right: 20px; bottom: 0; border-bottom: 1px solid; } .rd-navbar-fixed .rd-navbar-megamenu * + .rd-megamenu-list { margin-top: 11px; } .rd-navbar-fixed .rd-navbar-megamenu * + .rd-megamenu-title { margin-top: 20px; } .rd-navbar-fixed .rd-navbar-megamenu > li + li { margin-top: 20px; } .rd-navbar-fixed .rd-navbar-submenu-toggle { cursor: pointer; } .rd-navbar-fixed .rd-navbar-submenu-toggle::after { content: '\f107'; position: absolute; top: 0; right: 0; width: 56px; height: 48px; font: 400 14px "FontAwesome"; line-height: 48px; text-align: center; transition: 0.4s all ease; z-index: 2; cursor: pointer; } .rd-navbar-fixed .rd-navbar-collapse-toggle { display: block; top: 8px; z-index: 1081; } .rd-navbar-fixed .rd-navbar-collapse-content { position: fixed; right: 0; top: 56px; z-index: 1079; transform: translate3d(0, -10px, 0); padding: 30px; width: auto; border-radius: 0 0 0 6px; text-align: left; font-size: 14px; opacity: 0; visibility: hidden; transition: .3s; } .rd-navbar-fixed .rd-navbar-collapse-content.active { transform: translate3d(0, 0, 0); opacity: 1; visibility: visible; } .rd-navbar-fixed .rd-navbar-collapse-content > * + * { margin-top: 25px; } .rd-navbar-fixed .rd-navbar-main-outer, .rd-navbar-fixed .rd-navbar-main-element { position: absolute; float: left; width: 100%; } .rd-navbar-fixed .rd-navbar-search .rd-search { position: fixed; right: 0; left: 0; top: 56px; z-index: 1079; width: 100%; opacity: 0; visibility: hidden; transition: .3s; transform: translate3d(0, -100%, 0); } .rd-navbar-fixed .rd-navbar-search .rd-search-results-live { display: none; } .rd-navbar-fixed .rd-navbar-search .form-input { padding-right: 60px; } .rd-navbar-fixed .rd-navbar-search .rd-search-form-submit { position: absolute; top: 0; bottom: 0; right: 7px; width: 50px; padding: 0; margin: 0; border: none; background-color: transparent; } .rd-navbar-fixed .rd-navbar-search.active .rd-search { opacity: 1; visibility: visible; transform: none; } .rd-navbar-fixed .rd-navbar-search-toggle { display: inline-flex; } .rd-navbar-fixed .rd-navbar-search-toggle span { display: inline-block; position: relative; width: 48px; height: 48px; font-size: 26px; line-height: 48px; text-align: center; cursor: pointer; background: none; border: none; outline: none; padding: 0; } .rd-navbar-fixed .rd-navbar-search-toggle span, .rd-navbar-fixed .rd-navbar-search-toggle span::before, .rd-navbar-fixed .rd-navbar-search-toggle span::after { transition: .3s all ease-in-out; } .rd-navbar-fixed .rd-navbar-search-toggle span::before, .rd-navbar-fixed .rd-navbar-search-toggle span::after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .rd-navbar-fixed .rd-navbar-search-toggle span::before { content: ""; transform: rotate(0deg) scale(1); opacity: 1; visibility: visible; font-family: "Material Design Icons"; } .rd-navbar-fixed .rd-navbar-search-toggle span::after { content: ""; transform: rotate(-90deg) scale(0.4); opacity: 0; visibility: hidden; font-family: "Material Design Icons"; } .rd-navbar-fixed .rd-navbar-search-toggle.active span::before { opacity: 0; visibility: hidden; transform: rotate(90deg) scale(0.4); } .rd-navbar-fixed .rd-navbar-search-toggle.active span::after { transform: rotate(0deg) scale(1); opacity: 1; visibility: visible; } .rd-navbar-fixed [class*='rd-navbar-fixed-element'] { position: fixed; top: 8px; z-index: 1082; } .rd-navbar-fixed .rd-navbar-fixed-element-1 { right: 0; } .rd-navbar-fixed .rd-navbar-fixed-element-2 { right: 46px; } .rd-navbar-fixed.rd-navbar--is-clone { display: none; } .rd-navbar-fixed .rd-navbar-fixed--visible { display: block; } .rd-navbar-fixed .rd-navbar-fixed--hidden { display: none; } .rd-navbar-fixed .rd-navbar-panel { color: #495057; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05); background: #fff; } .rd-navbar-fixed .rd-navbar-nav-wrap { color: #fff; background: #fff; border-right: 1px solid #e8e9ee; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05); } .rd-navbar-fixed .rd-nav-item:hover .rd-nav-link, .rd-navbar-fixed .rd-nav-item.focus .rd-nav-link, .rd-navbar-fixed .rd-nav-item.active .rd-nav-link, .rd-navbar-fixed .rd-nav-item.opened .rd-nav-link { color: #fff; background: #0045b6; } .rd-navbar-fixed .rd-nav-item:hover > .rd-navbar-submenu-toggle, .rd-navbar-fixed .rd-nav-item.focus > .rd-navbar-submenu-toggle, .rd-navbar-fixed .rd-nav-item.active > .rd-navbar-submenu-toggle, .rd-navbar-fixed .rd-nav-item.opened > .rd-navbar-submenu-toggle { color: #fff; } .rd-navbar-fixed .rd-nav-link { color: #495057; } .rd-navbar-fixed .rd-megamenu-list > li > a, .rd-navbar-fixed .rd-navbar-dropdown > li > a { color: #495057; } .rd-navbar-fixed .rd-megamenu-list > li:hover > a, .rd-navbar-fixed .rd-megamenu-list > li.focus > a, .rd-navbar-fixed .rd-megamenu-list > li.active > a, .rd-navbar-fixed .rd-megamenu-list > li.opened > a, .rd-navbar-fixed .rd-navbar-dropdown > li:hover > a, .rd-navbar-fixed .rd-navbar-dropdown > li.focus > a, .rd-navbar-fixed .rd-navbar-dropdown > li.active > a, .rd-navbar-fixed .rd-navbar-dropdown > li.opened > a { color: #fff; background: #0045b6; } .rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title { color: #aeb1be; } .rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title::after { border-bottom: 1px solid #e8e9ee; } .rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title a, .rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title a:focus, .rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title a:active { color: #fff; } .rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title a:hover { color: #0045b6; } .rd-navbar-fixed .rd-navbar-submenu-toggle { color: #495057; } .rd-navbar-fixed .rd-navbar-search .rd-search-form-submit { color: #aeb1be; } .rd-navbar-fixed .rd-navbar-search .rd-search-form-submit:hover { color: #0045b6; } .rd-navbar-fixed .rd-navbar-search-toggle { color: #495057; } .rd-navbar-fixed .rd-navbar-search-toggle:hover { color: #0045b6; } .rd-navbar-fixed .rd-navbar-collapse-content { background-color: #fff; box-shadow: 0 0 22px -4px rgba(0, 0, 0, 0.17); } .rd-navbar-fixed .banner { position: relative; overflow: hidden; padding: 20px; margin: 10px; border-radius: 6px; text-align: center; } .rd-navbar-fixed .banner::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(73, 80, 87, 0.4); border-radius: inherit; } html.rd-navbar-fixed-linked .page { padding-top: 56px; } .context-dark .rd-navbar-fixed .rd-navbar-panel, .bg-gray-700 .rd-navbar-fixed .rd-navbar-panel, .bg-gray-800 .rd-navbar-fixed .rd-navbar-panel, .bg-primary .rd-navbar-fixed .rd-navbar-panel, .bg-primary-darker .rd-navbar-fixed .rd-navbar-panel { background: #495057; } .context-dark .rd-navbar-fixed .rd-navbar-nav-wrap, .bg-gray-700 .rd-navbar-fixed .rd-navbar-nav-wrap, .bg-gray-800 .rd-navbar-fixed .rd-navbar-nav-wrap, .bg-primary .rd-navbar-fixed .rd-navbar-nav-wrap, .bg-primary-darker .rd-navbar-fixed .rd-navbar-nav-wrap { border-right-color: #495057; background: #444b51; } .context-dark .rd-navbar-fixed .rd-nav-link, .bg-gray-700 .rd-navbar-fixed .rd-nav-link, .bg-gray-800 .rd-navbar-fixed .rd-nav-link, .bg-primary .rd-navbar-fixed .rd-nav-link, .bg-primary-darker .rd-navbar-fixed .rd-nav-link, .context-dark .rd-navbar-fixed .rd-navbar-submenu-toggle, .bg-gray-700 .rd-navbar-fixed .rd-navbar-submenu-toggle, .bg-gray-800 .rd-navbar-fixed .rd-navbar-submenu-toggle, .bg-primary .rd-navbar-fixed .rd-navbar-submenu-toggle, .bg-primary-darker .rd-navbar-fixed .rd-navbar-submenu-toggle { color: #fff; } .context-dark .rd-navbar-fixed .rd-navbar-dropdown > li > a, .bg-gray-700 .rd-navbar-fixed .rd-navbar-dropdown > li > a, .bg-gray-800 .rd-navbar-fixed .rd-navbar-dropdown > li > a, .bg-primary .rd-navbar-fixed .rd-navbar-dropdown > li > a, .bg-primary-darker .rd-navbar-fixed .rd-navbar-dropdown > li > a, .context-dark .rd-navbar-fixed .rd-megamenu-list-link, .bg-gray-700 .rd-navbar-fixed .rd-megamenu-list-link, .bg-gray-800 .rd-navbar-fixed .rd-megamenu-list-link, .bg-primary .rd-navbar-fixed .rd-megamenu-list-link, .bg-primary-darker .rd-navbar-fixed .rd-megamenu-list-link { color: #e8e9ee; } /* +* +* RD Navbar Sidebar +*/ .rd-navbar-sidebar { display: block; background: #fff; } .rd-navbar-sidebar .rd-navbar-main-outer { padding-left: 15px; padding-right: 15px; } .rd-navbar-sidebar .rd-navbar-main { position: relative; display: flex; align-items: center; justify-content: space-between; padding: 22px 60px 22px 0; max-width: 1200px; margin-left: auto; margin-right: auto; transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1); } .rd-navbar-sidebar .rd-navbar-main-element { display: flex; align-items: center; } .rd-navbar-sidebar .rd-navbar-main-element > * + * { margin-left: 20px; } .rd-navbar-sidebar .rd-navbar-toggle { position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: block; z-index: 1102; } .rd-navbar-sidebar .rd-navbar-panel { min-width: 200px; text-align: center; } .rd-navbar-sidebar .rd-navbar-brand img { width: auto; height: auto; max-width: 200px; max-height: 200px; } .rd-navbar-sidebar .rd-navbar-nav-wrap { position: fixed; top: 0; bottom: 0; right: 0; z-index: 1101; width: 450px; padding: 94px 0 0 0; background: #fff; transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1); transform: translateX(100%); box-shadow: 0 0 13px 0 rgba(174, 177, 190, 0.16); } .rd-navbar-sidebar .rd-navbar-nav-wrap.active { transition-delay: .1s; transform: translateX(0); } .rd-navbar-sidebar .rd-navbar-nav { height: calc(100vh - 100px); overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; border-top: 1px solid #e8e9ee; } .rd-navbar-sidebar .rd-nav-item { position: relative; display: block; padding: 19px 30px 19px 40px; } .rd-navbar-sidebar .rd-nav-item.active .rd-nav-link { color: #0045b6; } .rd-navbar-sidebar .rd-nav-item .rd-nav-link, .rd-navbar-sidebar .rd-nav-item > .rd-navbar-submenu-toggle { font-size: 18px; } .rd-navbar-sidebar .rd-nav-item + .rd-nav-item { border-top: 1px solid #e8e9ee; } .rd-navbar-sidebar .rd-nav-item:last-child { border-bottom: 1px solid #e8e9ee; margin-bottom: 30px; } .rd-navbar-sidebar .rd-nav-link { max-width: calc(100% - 30px); word-break: break-all; font-size: 18px; line-height: 1.4; text-transform: none; color: #aeb1be; } .rd-navbar-sidebar .rd-nav-link:hover { color: #0045b6; } .rd-navbar-sidebar .rd-navbar-submenu .opened > .rd-navbar-submenu-toggle::after { transform: rotate(180deg); } .rd-navbar-sidebar .rd-navbar-submenu > .rd-navbar-dropdown, .rd-navbar-sidebar .rd-navbar-submenu > .rd-navbar-megamenu { display: none; opacity: 0; visibility: hidden; will-change: opacity, visibility; transition: opacity .2s; } .rd-navbar-sidebar .rd-navbar-submenu.opened > .rd-navbar-dropdown, .rd-navbar-sidebar .rd-navbar-submenu.opened > .rd-navbar-megamenu { display: block; opacity: 1; visibility: visible; } .rd-navbar-sidebar .rd-navbar-submenu > .rd-navbar-submenu > .rd-navbar-dropdown, .rd-navbar-sidebar .rd-navbar-submenu > .rd-navbar-submenu > .rd-navbar-megamenu { transform: translateY(30px); } .rd-navbar-sidebar .rd-navbar-submenu > .rd-navbar-submenu.opened > .rd-navbar-dropdown, .rd-navbar-sidebar .rd-navbar-submenu > .rd-navbar-submenu.opened > .rd-navbar-megamenu { transform: translateY(0); } .rd-navbar-sidebar .rd-navbar-submenu > .rd-navbar-submenu .rd-navbar-submenu > .rd-navbar-dropdown { transform: translateX(-20px); } .rd-navbar-sidebar .rd-navbar-submenu > .rd-navbar-submenu .rd-navbar-submenu.opened > .rd-navbar-dropdown { transform: translateX(0); } .rd-navbar-sidebar .rd-nav-item > .rd-navbar-submenu-toggle, .rd-navbar-sidebar .rd-nav-item .rd-navbar--has-dropdown > .rd-navbar-submenu-toggle { position: absolute; top: 0; right: 0; padding-top: inherit; padding-right: inherit; padding-left: 10px; margin-bottom: inherit; display: inline-block; width: 30px; margin-left: 5px; text-align: center; cursor: pointer; color: #495057; } .rd-navbar-sidebar .rd-nav-item > .rd-navbar-submenu-toggle:hover, .rd-navbar-sidebar .rd-nav-item .rd-navbar--has-dropdown > .rd-navbar-submenu-toggle:hover { color: #0045b6; } .rd-navbar-sidebar .rd-nav-item > .rd-navbar-submenu-toggle::after, .rd-navbar-sidebar .rd-nav-item .rd-navbar--has-dropdown > .rd-navbar-submenu-toggle::after { content: '\f107'; position: relative; display: inline-block; font-family: "FontAwesome"; font-size: inherit; line-height: inherit; text-align: center; vertical-align: middle; transition: 0.4s all ease; z-index: 2; will-change: transform; } .rd-navbar-sidebar .rd-nav-item .rd-navbar--has-dropdown > .rd-navbar-submenu-toggle { font-size: 14px; color: #aeb1be; margin-left: 7px; } .rd-navbar-sidebar .rd-menu { margin-top: 31px; } .rd-navbar-sidebar .rd-navbar-dropdown, .rd-navbar-sidebar .rd-megamenu-list { font-size: 14px; } .rd-navbar-sidebar .rd-navbar-dropdown li > a, .rd-navbar-sidebar .rd-megamenu-list li > a { position: relative; left: -13px; display: flex; padding: 4px 18px 4px 0; text-align: left; } .rd-navbar-sidebar .rd-navbar-dropdown li > a, .rd-navbar-sidebar .rd-navbar-dropdown li > a:focus, .rd-navbar-sidebar .rd-navbar-dropdown li > a:active, .rd-navbar-sidebar .rd-megamenu-list li > a, .rd-navbar-sidebar .rd-megamenu-list li > a:focus, .rd-navbar-sidebar .rd-megamenu-list li > a:active { color: #aeb1be; } .rd-navbar-sidebar .rd-navbar-dropdown li > a:hover, .rd-navbar-sidebar .rd-megamenu-list li > a:hover { color: #fff; } .rd-navbar-sidebar .rd-navbar-dropdown li > a, .rd-navbar-sidebar .rd-navbar-dropdown li > a::before, .rd-navbar-sidebar .rd-megamenu-list li > a, .rd-navbar-sidebar .rd-megamenu-list li > a::before { transition: all .2s ease-in-out; } .rd-navbar-sidebar .rd-navbar-dropdown li > a::before, .rd-navbar-sidebar .rd-megamenu-list li > a::before { position: relative; top: -1px; left: -6px; display: inline-block; content: '\f238'; font-family: 'Material Design Icons'; font-size: inherit; line-height: inherit; color: #fff; opacity: 0; visibility: hidden; } .rd-navbar-sidebar .rd-navbar-dropdown li.focus > a, .rd-navbar-sidebar .rd-navbar-dropdown li.opened > a, .rd-navbar-sidebar .rd-navbar-dropdown li > a:hover, .rd-navbar-sidebar .rd-megamenu-list li.focus > a, .rd-navbar-sidebar .rd-megamenu-list li.opened > a, .rd-navbar-sidebar .rd-megamenu-list li > a:hover { left: -13px; padding-left: 18px; padding-right: 0; } .rd-navbar-sidebar .rd-navbar-dropdown li.focus > a::before, .rd-navbar-sidebar .rd-navbar-dropdown li.opened > a::before, .rd-navbar-sidebar .rd-navbar-dropdown li > a:hover::before, .rd-navbar-sidebar .rd-megamenu-list li.focus > a::before, .rd-navbar-sidebar .rd-megamenu-list li.opened > a::before, .rd-navbar-sidebar .rd-megamenu-list li > a:hover::before { left: -7px; opacity: 1; visibility: visible; } .rd-navbar-sidebar .rd-navbar-megamenu { max-width: 450px; margin-bottom: -30px; } .rd-navbar-sidebar .rd-navbar-megamenu > * { margin-bottom: 30px; } .rd-navbar-sidebar .rd-navbar-megamenu > li { display: inline-block; vertical-align: top; width: 45%; } .rd-navbar-sidebar .rd-megamenu-title { display: none; } .rd-navbar-sidebar .rd-megamenu-list { margin-top: 0; } .rd-navbar-sidebar .rd-megamenu-list > li + li { margin-top: 10px; } .rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown > a { padding-right: 0; } .rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown > a::before { display: none; } .rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown > a:hover { padding-left: 0; } .rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown.focus > a { padding-left: 0; } .rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown.opened > .rd-navbar-submenu-toggle { color: #0045b6; } .rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown.opened > .rd-navbar-submenu-toggle::after { top: 1px; } .rd-navbar-sidebar .rd-navbar-dropdown > li + li { margin-top: 10px; } .rd-navbar-sidebar .rd-nav-item > .rd-navbar-dropdown { margin-top: 25px; } .rd-navbar-sidebar .rd-nav-item > .rd-navbar-dropdown .rd-navbar-dropdown { margin-top: 10px; padding-left: 15px; } .rd-navbar-sidebar .rd-nav-item > .rd-navbar-dropdown .rd-navbar-dropdown > li > a { font-size: 12px; } @media (min-width: 1200px) { .rd-navbar-sidebar .rd-navbar-megamenu { margin-bottom: -30px; } .rd-navbar-sidebar .rd-navbar-megamenu > * { margin-bottom: 30px; } .rd-navbar-sidebar .rd-navbar-dropdown > li + li, .rd-navbar-sidebar .rd-megamenu-list > li + li { margin-top: 18px; } } @media (min-width: 1200px) { .rd-navbar-sidebar .rd-navbar-nav-wrap { width: auto; left: calc(50% + 600px - 80px); } } .rd-navbar-sidebar.rd-navbar--is-clone { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; transform: translateY(-101%); } .rd-navbar-sidebar.rd-navbar--is-clone.rd-navbar--is-stuck { transform: translateY(0); } .rd-navbar-sidebar.rd-navbar--is-stuck { position: fixed; left: 0; right: 0; top: 0; z-index: 1000; box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.1); } .rd-navbar-sidebar.rd-navbar--is-stuck .rd-navbar-main { padding-top: 11px; padding-bottom: 11px; } /** +* +* RD Navbar Minimal +* +*/ .rd-navbar-minimal.rd-navbar-static { border-bottom: 1px solid transparent; } .rd-navbar-minimal.rd-navbar-static .rd-navbar-main-outer { padding-left: 15px; padding-right: 15px; } .rd-navbar-minimal.rd-navbar-static .rd-navbar-main { position: relative; display: flex; align-items: center; justify-content: space-between; max-width: 1170px; padding: 20px 0; margin-left: auto; margin-right: auto; } .rd-navbar-minimal.rd-navbar-static .rd-navbar-main-element { position: relative; display: flex; align-items: center; justify-content: space-between; min-width: 690px; } .rd-navbar-minimal.rd-navbar-static .rd-navbar-brand img { width: auto; height: auto; max-width: 200px; max-height: 200px; } .rd-navbar-minimal.rd-navbar-static .rd-navbar-megamenu { margin-top: 24px; width: calc(100% + 27px + 15px); } .rd-navbar-minimal.rd-navbar-static .rd-navbar-search-toggle span { font-size: 20px; } @media (min-width: 1200px) { .rd-navbar-minimal.rd-navbar-static .rd-navbar-main { padding: 30px 0; } .rd-navbar-minimal.rd-navbar-static .rd-menu { margin-top: 34px; } } .rd-navbar-minimal.rd-navbar-static.rd-navbar--is-stuck, .rd-navbar-minimal.rd-navbar-static.rd-navbar--is-clone { border-bottom-color: #e8e9ee; } .rd-navbar-minimal.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-main, .rd-navbar-minimal.rd-navbar-static.rd-navbar--is-clone .rd-navbar-main { padding: 20px 0; } .rd-navbar-minimal.rd-navbar-static.rd-navbar--is-stuck .rd-menu, .rd-navbar-minimal.rd-navbar-static.rd-navbar--is-clone .rd-menu { margin-top: 24px; } .rd-navbar-minimal.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav-item > .rd-navbar-submenu, .rd-navbar-minimal.rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav-item > .rd-navbar-submenu { margin-top: 17px; } .rd-navbar-minimal.rd-navbar-fixed .rd-navbar-search-toggle { position: fixed; right: 10px; top: 5px; } .rd-navbar-minimal.rd-navbar-fixed .rd-navbar-search .form-input { border-width: 1px 0 1px 0; border-radius: 0; } .rd-navbar-minimal-wide.rd-navbar-static .rd-navbar-main { padding: 54px 0; } .rd-navbar-minimal-wide.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-main { padding: 21px 0; } .context-dark .rd-navbar-minimal .rd-nav-link, .bg-gray-700 .rd-navbar-minimal .rd-nav-link, .bg-gray-800 .rd-navbar-minimal .rd-nav-link, .bg-primary .rd-navbar-minimal .rd-nav-link, .bg-primary-darker .rd-navbar-minimal .rd-nav-link, .context-dark .rd-navbar-minimal .rd-navbar-submenu-toggle, .bg-gray-700 .rd-navbar-minimal .rd-navbar-submenu-toggle, .bg-gray-800 .rd-navbar-minimal .rd-navbar-submenu-toggle, .bg-primary .rd-navbar-minimal .rd-navbar-submenu-toggle, .bg-primary-darker .rd-navbar-minimal .rd-navbar-submenu-toggle, .context-dark .rd-navbar-minimal .rd-navbar-search-toggle, .bg-gray-700 .rd-navbar-minimal .rd-navbar-search-toggle, .bg-gray-800 .rd-navbar-minimal .rd-navbar-search-toggle, .bg-primary .rd-navbar-minimal .rd-navbar-search-toggle, .bg-primary-darker .rd-navbar-minimal .rd-navbar-search-toggle { color: #fff; } .context-dark .rd-navbar-minimal.rd-navbar-static, .bg-gray-700 .rd-navbar-minimal.rd-navbar-static, .bg-gray-800 .rd-navbar-minimal.rd-navbar-static, .bg-primary .rd-navbar-minimal.rd-navbar-static, .bg-primary-darker .rd-navbar-minimal.rd-navbar-static { background-color: transparent; } .context-dark .rd-navbar-minimal.rd-navbar-static .rd-nav-item.opened .rd-nav-link, .bg-gray-700 .rd-navbar-minimal.rd-navbar-static .rd-nav-item.opened .rd-nav-link, .bg-gray-800 .rd-navbar-minimal.rd-navbar-static .rd-nav-item.opened .rd-nav-link, .bg-primary .rd-navbar-minimal.rd-navbar-static .rd-nav-item.opened .rd-nav-link, .bg-primary-darker .rd-navbar-minimal.rd-navbar-static .rd-nav-item.opened .rd-nav-link, .context-dark .rd-navbar-minimal.rd-navbar-static .rd-nav-item.focus .rd-nav-link, .bg-gray-700 .rd-navbar-minimal.rd-navbar-static .rd-nav-item.focus .rd-nav-link, .bg-gray-800 .rd-navbar-minimal.rd-navbar-static .rd-nav-item.focus .rd-nav-link, .bg-primary .rd-navbar-minimal.rd-navbar-static .rd-nav-item.focus .rd-nav-link, .bg-primary-darker .rd-navbar-minimal.rd-navbar-static .rd-nav-item.focus .rd-nav-link, .context-dark .rd-navbar-minimal.rd-navbar-static .rd-nav-item.active .rd-nav-link, .bg-gray-700 .rd-navbar-minimal.rd-navbar-static .rd-nav-item.active .rd-nav-link, .bg-gray-800 .rd-navbar-minimal.rd-navbar-static .rd-nav-item.active .rd-nav-link, .bg-primary .rd-navbar-minimal.rd-navbar-static .rd-nav-item.active .rd-nav-link, .bg-primary-darker .rd-navbar-minimal.rd-navbar-static .rd-nav-item.active .rd-nav-link, .context-dark .rd-navbar-minimal.rd-navbar-static .rd-nav-item.opened .rd-navbar-submenu-toggle, .bg-gray-700 .rd-navbar-minimal.rd-navbar-static .rd-nav-item.opened .rd-navbar-submenu-toggle, .bg-gray-800 .rd-navbar-minimal.rd-navbar-static .rd-nav-item.opened .rd-navbar-submenu-toggle, .bg-primary .rd-navbar-minimal.rd-navbar-static .rd-nav-item.opened .rd-navbar-submenu-toggle, .bg-primary-darker .rd-navbar-minimal.rd-navbar-static .rd-nav-item.opened .rd-navbar-submenu-toggle, .context-dark .rd-navbar-minimal.rd-navbar-static .rd-nav-item.focus .rd-navbar-submenu-toggle, .bg-gray-700 .rd-navbar-minimal.rd-navbar-static .rd-nav-item.focus .rd-navbar-submenu-toggle, .bg-gray-800 .rd-navbar-minimal.rd-navbar-static .rd-nav-item.focus .rd-navbar-submenu-toggle, .bg-primary .rd-navbar-minimal.rd-navbar-static .rd-nav-item.focus .rd-navbar-submenu-toggle, .bg-primary-darker .rd-navbar-minimal.rd-navbar-static .rd-nav-item.focus .rd-navbar-submenu-toggle, .context-dark .rd-navbar-minimal.rd-navbar-static .rd-nav-item.active .rd-navbar-submenu-toggle, .bg-gray-700 .rd-navbar-minimal.rd-navbar-static .rd-nav-item.active .rd-navbar-submenu-toggle, .bg-gray-800 .rd-navbar-minimal.rd-navbar-static .rd-nav-item.active .rd-navbar-submenu-toggle, .bg-primary .rd-navbar-minimal.rd-navbar-static .rd-nav-item.active .rd-navbar-submenu-toggle, .bg-primary-darker .rd-navbar-minimal.rd-navbar-static .rd-nav-item.active .rd-navbar-submenu-toggle, .context-dark .rd-navbar-minimal.rd-navbar-static .rd-nav-link:hover, .bg-gray-700 .rd-navbar-minimal.rd-navbar-static .rd-nav-link:hover, .bg-gray-800 .rd-navbar-minimal.rd-navbar-static .rd-nav-link:hover, .bg-primary .rd-navbar-minimal.rd-navbar-static .rd-nav-link:hover, .bg-primary-darker .rd-navbar-minimal.rd-navbar-static .rd-nav-link:hover, .context-dark .rd-navbar-minimal.rd-navbar-static .rd-nav-link:hover ~ .rd-navbar-submenu-toggle, .bg-gray-700 .rd-navbar-minimal.rd-navbar-static .rd-nav-link:hover ~ .rd-navbar-submenu-toggle, .bg-gray-800 .rd-navbar-minimal.rd-navbar-static .rd-nav-link:hover ~ .rd-navbar-submenu-toggle, .bg-primary .rd-navbar-minimal.rd-navbar-static .rd-nav-link:hover ~ .rd-navbar-submenu-toggle, .bg-primary-darker .rd-navbar-minimal.rd-navbar-static .rd-nav-link:hover ~ .rd-navbar-submenu-toggle, .context-dark .rd-navbar-minimal.rd-navbar-static .rd-navbar-search-toggle:hover, .bg-gray-700 .rd-navbar-minimal.rd-navbar-static .rd-navbar-search-toggle:hover, .bg-gray-800 .rd-navbar-minimal.rd-navbar-static .rd-navbar-search-toggle:hover, .bg-primary .rd-navbar-minimal.rd-navbar-static .rd-navbar-search-toggle:hover, .bg-primary-darker .rd-navbar-minimal.rd-navbar-static .rd-navbar-search-toggle:hover { color: #1d73ff; } .context-dark .rd-navbar-minimal.rd-navbar-static.rd-navbar--is-stuck, .bg-gray-700 .rd-navbar-minimal.rd-navbar-static.rd-navbar--is-stuck, .bg-gray-800 .rd-navbar-minimal.rd-navbar-static.rd-navbar--is-stuck, .bg-primary .rd-navbar-minimal.rd-navbar-static.rd-navbar--is-stuck, .bg-primary-darker .rd-navbar-minimal.rd-navbar-static.rd-navbar--is-stuck { background: #495057; border-bottom-color: #151515; } /** +* +* RD Navbar Corporate +* +*/ .rd-navbar-corporate.rd-navbar-static .rd-navbar-aside-outer, .rd-navbar-corporate.rd-navbar-static .rd-navbar-main-outer { padding-left: 15px; padding-right: 15px; } .rd-navbar-corporate.rd-navbar-static .rd-navbar-aside, .rd-navbar-corporate.rd-navbar-static .rd-navbar-main { max-width: 1170px; margin-left: auto; margin-right: auto; } .rd-navbar-corporate.rd-navbar-static .rd-navbar-aside { display: flex; align-items: center; justify-content: space-between; padding: 30px 0 40px; } .rd-navbar-corporate.rd-navbar-static .rd-navbar-main-outer { background: rgba(51, 51, 51, 0.1); position: absolute; top: 100%; z-index: 10; width: 100%; } .rd-navbar-corporate.rd-navbar-static .rd-navbar-main { position: relative; padding: 16px 0; } .rd-navbar-corporate.rd-navbar-static .rd-navbar-nav-wrap { position: relative; display: flex; flex-direction: row-reverse; align-items: center; justify-content: space-between; min-width: 690px; } .ie-10 .rd-navbar-corporate.rd-navbar-static .rd-navbar-collapse, .ie-11 .rd-navbar-corporate.rd-navbar-static .rd-navbar-collapse { width: 100%; max-width: 870px; } .ie-10 .rd-navbar-corporate.rd-navbar-static .unit, .ie-11 .rd-navbar-corporate.rd-navbar-static .unit { flex: auto; } .rd-navbar-corporate.rd-navbar-static .rd-navbar-panel + .rd-navbar-collapse { margin-left: 50px; } .rd-navbar-corporate.rd-navbar-static .rd-navbar-collapse-content { display: flex; align-items: center; justify-content: center; } .rd-navbar-corporate.rd-navbar-static .rd-navbar-collapse-content .button { flex-shrink: 0; } .rd-navbar-corporate.rd-navbar-static .rd-navbar-collapse-content > * { margin-top: 0; } .rd-navbar-corporate.rd-navbar-static .rd-navbar-collapse-content > * + * { margin-left: 50px; } .rd-navbar-corporate.rd-navbar-static .rd-menu { margin-top: 21px; } .rd-navbar-corporate.rd-navbar-static .rd-navbar-megamenu { margin-top: 24px; } @media (min-width: 1200px) { .rd-navbar-corporate.rd-navbar-static .rd-navbar-collapse-content > * + * { margin-left: 92px; } .rd-navbar-corporate.rd-navbar-static .rd-nav-item + .rd-nav-item { margin-left: 55px; } } .rd-navbar-corporate.rd-navbar-static.rd-navbar--is-stuck, .rd-navbar-corporate.rd-navbar-static.rd-navbar--is-clone { border-bottom-color: #e8e9ee; } .rd-navbar-corporate.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-aside-outer, .rd-navbar-corporate.rd-navbar-static.rd-navbar--is-clone .rd-navbar-aside-outer { display: none; } .rd-navbar-corporate.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-main-outer, .rd-navbar-corporate.rd-navbar-static.rd-navbar--is-clone .rd-navbar-main-outer { background: #232426; box-shadow: 0 5px 10px 0px rgba(20, 20, 28, 0.3); } .rd-navbar-corporate.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav-item > .rd-navbar-submenu, .rd-navbar-corporate.rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav-item > .rd-navbar-submenu { margin-top: 17px; } .rd-navbar-corporate.rd-navbar-fixed .rd-navbar-search { margin: 20px 5px; } .rd-navbar-corporate.rd-navbar-fixed .rd-navbar-search-toggle { display: none; } .rd-navbar-corporate.rd-navbar-fixed .rd-search { position: relative; top: 0; left: 0; transform: none; opacity: 1; visibility: visible; z-index: 1; } .rd-navbar-corporate.rd-navbar-fixed .rd-navbar-nav { margin: 0; } /** +* +* RD Navbar Thin +* +*/ .rd-navbar-thin.rd-navbar-static { background-color: #495057; border-bottom: 1px solid transparent; } .rd-navbar-thin.rd-navbar-static .rd-navbar-main-outer { padding-left: 15px; padding-right: 15px; } .rd-navbar-thin.rd-navbar-static .rd-navbar-main { position: relative; display: flex; align-items: center; justify-content: space-between; max-width: 1170px; padding: 23px 0; margin-left: auto; margin-right: auto; } .rd-navbar-thin.rd-navbar-static .rd-navbar-nav-wrap { position: absolute; top: 0; bottom: 0; left: 200px; right: 80px; z-index: 102; display: flex; align-items: center; justify-content: flex-end; min-width: 690px; background: #495057; opacity: 0; visibility: hidden; transition: .44s ease-in-out; } .rd-navbar-thin.rd-navbar-static .rd-navbar-nav-wrap .rd-navbar-brand { display: none; } .rd-navbar-thin.rd-navbar-static .rd-navbar-nav-wrap.active { opacity: 1; visibility: visible; } .rd-navbar-thin.rd-navbar-static .rd-navbar-panel { display: flex; align-items: center; justify-content: space-between; width: 100%; padding-right: 50px; } .ie-10 .rd-navbar-thin.rd-navbar-static .rd-navbar-panel, .ie-11 .rd-navbar-thin.rd-navbar-static .rd-navbar-panel { justify-content: flex-start; } .ie-10 .rd-navbar-thin.rd-navbar-static .rd-navbar-block, .ie-11 .rd-navbar-thin.rd-navbar-static .rd-navbar-block { width: 100%; justify-content: flex-end; } .rd-navbar-thin.rd-navbar-static .rd-navbar-toggle { position: absolute; right: 0; top: 50%; display: block; transform: translate3d(0, -50%, 0); } .rd-navbar-thin.rd-navbar-static .rd-navbar-block { display: flex; align-items: center; } .rd-navbar-thin.rd-navbar-static .rd-navbar-brand { max-width: 300px; } .rd-navbar-thin.rd-navbar-static .rd-navbar-brand img { width: auto; height: auto; max-width: 200px; max-height: 200px; } .rd-navbar-thin.rd-navbar-static .rd-nav-link, .rd-navbar-thin.rd-navbar-static .rd-navbar-submenu-toggle, .rd-navbar-thin.rd-navbar-static .rd-navbar-search-toggle { color: #fff; } .rd-navbar-thin.rd-navbar-static .rd-nav-item.opened .rd-nav-link, .rd-navbar-thin.rd-navbar-static .rd-nav-item.focus .rd-nav-link, .rd-navbar-thin.rd-navbar-static .rd-nav-item.active .rd-nav-link, .rd-navbar-thin.rd-navbar-static .rd-nav-item.opened .rd-navbar-submenu-toggle, .rd-navbar-thin.rd-navbar-static .rd-nav-item.focus .rd-navbar-submenu-toggle, .rd-navbar-thin.rd-navbar-static .rd-nav-item.active .rd-navbar-submenu-toggle, .rd-navbar-thin.rd-navbar-static .rd-nav-link:hover, .rd-navbar-thin.rd-navbar-static .rd-nav-link:hover ~ .rd-navbar-submenu-toggle, .rd-navbar-thin.rd-navbar-static .rd-navbar-search-toggle:hover { color: #1d73ff; } .rd-navbar-thin.rd-navbar-static .rd-menu { margin-top: 27px; } .rd-navbar-thin.rd-navbar-static .rd-navbar-megamenu { margin-top: 24px; width: calc(100% + 27px + 15px); } .rd-navbar-thin.rd-navbar-static .rd-navbar-search { position: static; } .rd-navbar-thin.rd-navbar-static * + .rd-navbar-search-toggle { margin-left: 60px; } .rd-navbar-thin.rd-navbar-static .rd-search { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: flex; width: calc(100% - 70px); margin: 0; } .rd-navbar-thin.rd-navbar-static .rd-search .form-wrap { display: flex; width: 100%; background: #495057; } .rd-navbar-thin.rd-navbar-static .rd-search .form-wrap::before { content: '\f43b'; position: absolute; top: 50%; transform: translate3d(0, -50%, 0); font-family: 'Material Design Icons'; font-size: 30px; line-height: 1; color: #fff; } .rd-navbar-thin.rd-navbar-static .rd-search .form-input, .rd-navbar-thin.rd-navbar-static .rd-search .form-label { padding-left: 40px; font-size: 30px; color: #fff; } .rd-navbar-thin.rd-navbar-static .rd-search .form-input { background-color: transparent; border: 0; border-radius: 0; } .rd-navbar-thin.rd-navbar-static .rd-search .form-label { top: 50%; transform: translate3d(0, -50%, 0); } .rd-navbar-thin.rd-navbar-static .rd-search-results-live { height: 100vh; margin: 1px 0 0 0; } .rd-navbar-thin.rd-navbar-static .search-list { display: flex; flex-wrap: wrap; margin-bottom: -20px; } .rd-navbar-thin.rd-navbar-static .search-list-item { width: 25%; padding-left: 15px; padding-right: 15px; margin-bottom: 20px; } .rd-navbar-thin.rd-navbar-static .search-list-item + .search-list-item { margin-top: 0; } .rd-navbar-thin.rd-navbar-static .rd-navbar-search-toggle { position: relative; z-index: 12; } .rd-navbar-thin.rd-navbar-static .rd-navbar-popup { left: 50%; z-index: 110; transform: translateX(-50%); margin-top: 30px; } .rd-navbar-thin.rd-navbar-static .list-inline-bordered { position: relative; } @media (min-width: 992px) and (max-width: 1199.98px) { .rd-navbar-thin.rd-navbar-static .rd-nav-item + .rd-nav-item { margin-left: 30px; } } @media (min-width: 1200px) { .rd-navbar-thin.rd-navbar-static .rd-navbar-panel { padding-right: 70px; } .rd-navbar-thin.rd-navbar-static .rd-navbar-nav-wrap { left: 300px; right: 70px; } } @media (min-width: 1600px) { .rd-navbar-thin.rd-navbar-static .rd-navbar-popup { right: auto; } } .rd-navbar-thin.rd-navbar-static.rd-navbar--is-stuck, .rd-navbar-thin.rd-navbar-static.rd-navbar--is-clone { border-bottom-color: #151515; } .rd-navbar-thin.rd-navbar-static.rd-navbar--is-stuck .rd-menu, .rd-navbar-thin.rd-navbar-static.rd-navbar--is-clone .rd-menu { margin-top: 27px; } .rd-navbar-thin.rd-navbar-fixed .rd-navbar-search .form-input { border-width: 0 0 1px 0; border-radius: 0; } .rd-navbar-thin.rd-navbar-fixed .rd-navbar-search-toggle { position: fixed; top: 5px; right: 8px; color: #fff; } .rd-navbar-thin.rd-navbar-fixed .rd-navbar-search-toggle span { font-size: 20px; } .rd-navbar-thin.rd-navbar-fixed .rd-navbar-block { position: absolute; top: 14px; right: 65px; } .rd-navbar-thin.rd-navbar-fixed .rd-navbar-popup { position: fixed; right: 5px; margin-top: 20px; overflow-y: auto; max-height: calc(100vh - 56px - 10px); } .rd-navbar-thin.rd-navbar-fixed .rd-navbar-brand { display: none; } .rd-navbar-thin.rd-navbar-fixed .rd-navbar-nav-wrap .rd-navbar-brand { display: inline-block; line-height: 0; font-size: 0; margin: 30px 20px 20px; } @media (min-width: 480px) { .rd-navbar-thin.rd-navbar-fixed .rd-navbar-brand { display: block; } .rd-navbar-thin.rd-navbar-fixed .rd-navbar-nav-wrap .rd-navbar-brand { display: none; } } /* +* +* Swiper +*/ .swiper-container { position: relative; display: flex; margin: 0 auto; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; pointer-events: none; } .swiper-container, .swiper-container * { backface-visibility: hidden; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; z-index: 1; display: flex; align-self: stretch; align-items: stretch; width: 100%; height: auto; min-height: inherit; 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-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; background-size: cover; transition-property: transform, transform; pointer-events: auto; contain: paint; } .swiper-invisible-blank-slide { visibility: hidden; } /* Auto Height */ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } /* 3D Effects */ .swiper-container-3d { perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .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-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { transform-style: preserve-3d; } .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-slide-shadow-bottom { 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, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 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, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /* IE10 Windows Phone 8 Fixes */ .swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper { touch-action: pan-y; } .swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper { touch-action: pan-x; } .swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-lock { display: none; } .swiper-pagination { position: absolute; text-align: center; transition: 300ms opacity; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet-active { opacity: 1; background: #007aff; } .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: 200ms transform, 200ms 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: 200ms transform, 200ms left; } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms right; } /* Progress */ .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: rgba(51, 51, 51, 0.3); 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 { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-vertical > .swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-white .swiper-pagination-bullet-active { background: #fff; } .swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255, 255, 255, 0.25); } .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: #fff; } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000; } .swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0, 0, 0, 0.25); } .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: #000; } .swiper-pagination-lock { display: none; } /* Scrollbar */ .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 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, 0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; text-align: center; } .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } /* Preloader */ .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 steps(12, end) infinite; } .swiper-lazy-preloader:after { display: block; content: ''; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat; } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg); } } /* a11y */ .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; 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-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right { z-index: 0; backface-visibility: hidden; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: 0.6; filter: blur(50px); z-index: 0; } .swiper-container-flip { overflow: visible; } .swiper-container-flip .swiper-slide { pointer-events: none; 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-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; backface-visibility: hidden; } .swiper-container-coverflow .swiper-wrapper { /* Windows 8 IE 10 fix */ -ms-perspective: 1200px; } .swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; transform: translateY(-50%); display: none; font-size: 38px; line-height: 1; color: #fff; text-align: center; cursor: pointer; transition: .2s ease-in; will-change: transform; z-index: 10; } .swiper-button-prev:hover, .swiper-button-next:hover { color: #0045b6; } .swiper-button-prev::before, .swiper-button-next::before { font-family: 'Material Design Icons'; } @media (min-width: 768px) { .swiper-button-prev, .swiper-button-next { display: block; } } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev { left: 30px; } .swiper-button-prev::before { content: "\f14a"; } .swiper-button-next { right: 30px; } .swiper-button-next::before { content: "\f14f"; } .swiper-slider.swiper-container-rtl .swiper-button-prev::before { content: "\f061"; } .swiper-slider.swiper-container-rtl .swiper-button-next::before { content: "\f060"; } .swiper-pagination { position: absolute; display: block; text-align: center; transition: .3s; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet { width: 10px; height: 10px; display: inline-block; border-radius: 100%; background: rgba(255, 255, 255, 0.6); transition: .2s; } .swiper-pagination-bullet.swiper-pagination-bullet-active, .swiper-pagination-bullet:hover { background: white; } .swiper-container-vertical > .swiper-pagination { right: 10px; top: 50%; transform: translate3d(0px, -50%, 0); } .swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet { margin: 5px 0; display: block; } .swiper-container-horizontal > .swiper-pagination { bottom: 20px; left: 0; width: 100%; } .swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet { margin: 0 5px; } .swiper-pagination-outer { position: absolute; left: 50%; transform: translate3d(-50%, 0, 0); z-index: 20; bottom: 5px; pointer-events: none; display: flex; justify-content: center; } .swiper-pagination-outer .swiper-pagination { pointer-events: auto; } .swiper-pagination.swiper-pagination-modern { position: relative; display: inline-block; width: auto; right: auto; left: auto; margin-left: -10px; } .swiper-pagination.swiper-pagination-modern .swiper-pagination-bullet, .swiper-pagination.swiper-pagination-modern .swiper-pagination-mark { width: 32px; height: 32px; border-radius: 50%; } .swiper-pagination.swiper-pagination-modern .swiper-pagination-bullet { display: inline-block; background: transparent; font-weight: 400; color: #e8e9ee; text-align: center; transition: .33s; line-height: 32px; margin: 0 10px; } .swiper-pagination.swiper-pagination-modern .swiper-pagination-mark { position: absolute; top: 0; bottom: 0; z-index: -1; left: -10px; display: block; background: rgba(21, 21, 21, 0.6); transition: .4s ease-in-out; } .swiper-pagination.swiper-pagination-modern .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover { font-weight: 700; } .swiper-pagination.swiper-pagination-modern .swiper-pagination-bullet-active { color: #fff; } .swiper-pagination.swiper-pagination-modern .swiper-pagination-bullet-active:nth-child(1) ~ .swiper-pagination-mark { transform: translateX(20px); } .swiper-pagination.swiper-pagination-modern .swiper-pagination-bullet-active:nth-child(2) ~ .swiper-pagination-mark { transform: translateX(72px); } .swiper-pagination.swiper-pagination-modern .swiper-pagination-bullet-active:nth-child(3) ~ .swiper-pagination-mark { transform: translateX(124px); } .swiper-pagination.swiper-pagination-modern .swiper-pagination-bullet-active:nth-child(4) ~ .swiper-pagination-mark { transform: translateX(176px); } .swiper-pagination.swiper-pagination-modern .swiper-pagination-bullet-active:nth-child(5) ~ .swiper-pagination-mark { transform: translateX(228px); } .swiper-pagination.swiper-pagination-modern .swiper-pagination-bullet-active:nth-child(6) ~ .swiper-pagination-mark { transform: translateX(280px); } .swiper-pagination.swiper-pagination-modern .swiper-pagination-bullet-active:nth-child(7) ~ .swiper-pagination-mark { transform: translateX(332px); } .swiper-pagination.swiper-pagination-modern .swiper-pagination-bullet-active:nth-child(8) ~ .swiper-pagination-mark { transform: translateX(384px); } .swiper-pagination.swiper-pagination-modern .swiper-pagination-bullet-active:nth-child(9) ~ .swiper-pagination-mark { transform: translateX(436px); } .swiper-pagination.swiper-pagination-modern .swiper-pagination-bullet-active:nth-child(10) ~ .swiper-pagination-mark { transform: translateX(488px); } .swiper-pagination.swiper-pagination-modern .swiper-pagination-bullet-active:nth-child(11) ~ .swiper-pagination-mark { transform: translateX(540px); } .swiper-pagination.swiper-pagination-modern .swiper-pagination-bullet-active:nth-child(12) ~ .swiper-pagination-mark { transform: translateX(592px); } .context-dark .swiper-pagination .swiper-pagination-bullet, .bg-gray-700 .swiper-pagination .swiper-pagination-bullet, .bg-gray-800 .swiper-pagination .swiper-pagination-bullet, .bg-primary .swiper-pagination .swiper-pagination-bullet, .bg-primary-darker .swiper-pagination .swiper-pagination-bullet { color: #fff; } .swiper-slide { position: relative; display: flex; align-items: center; flex-shrink: 0; width: 100%; height: 100%; white-space: nowrap; background-position: 55% center; } .swiper-slide > * { width: 100%; white-space: normal; } .swiper-slide .container { width: 100%; } .swiper-slider-light { min-height: 40.41667vw; } .swiper-slider-light .swiper-slide::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.3)); pointer-events: none; } .swiper-slider-light[data-custom-slide-effect='inter-leave-effect'] .slide-inner { background: inherit; } .swiper-slider-light .swiper-slide-caption { position: relative; z-index: 1; max-width: 650px; padding: 40px 0 80px; } .swiper-slider-light h1 span, .swiper-slider-light h2 span, .swiper-slider-light h3 span, .swiper-slider-light h4 span, .swiper-slider-light h5 span, .swiper-slider-light h6 span, .swiper-slider-light [class^='heading-'] span { display: block; } .container + .swiper-slider-light { margin-top: 20px; } @media (min-width: 576px) { .swiper-slider-light .swiper-slide::before { background: linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0)); } .swiper-slider-light .slider-slide-caption { padding: 45px 0 95px; } } @media (min-width: 768px) { .swiper-slider-light .swiper-slide { background-position: center center; } .swiper-slider-light .swiper-slide::before { display: none; } .swiper-slider-light .swiper-slide-caption { padding: 80px 0 165px; } .swiper-slider-light .swiper-pagination-outer { bottom: 50px; } } @media (min-width: 1200px) { .swiper-slider-light .swiper-pagination-outer { bottom: 72px; } } .swiper-slider-business { min-height: 41.66667vw; } .swiper-slider-business .swiper-slide { background-position: 60% 50%; } .swiper-slider-business .swiper-slide::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(to right, rgba(73, 80, 87, 0.7), rgba(73, 80, 87, 0.4)); pointer-events: none; } .swiper-slider-business .swiper-slide > * { position: relative; z-index: 1; } .swiper-slider-business .swiper-slide-caption { padding: 50px 0 100px; } .swiper-slider-business .swiper-caption-text { position: relative; overflow: hidden; max-width: 520px; padding-left: 35px; } .swiper-slider-business .swiper-caption-text p { width: 100%; } .swiper-slider-business .swiper-caption-text-inner { position: relative; overflow: hidden; } .swiper-slider-business .swiper-caption-text-sm { max-width: 420px; } .swiper-slider-business .swiper-caption-text-decoration { position: absolute; top: 0; bottom: 0; left: 0; width: 2px; background: #0045b6; } .swiper-slider-business .swiper-slider-nav { position: absolute; left: 50%; bottom: 20px; z-index: 20; width: 100%; transform: translate3d(-50%, 0, 0); pointer-events: none; text-align: left; } .swiper-slider-business .swiper-slider-nav > * + * { margin-left: 10px; } .swiper-slider-business .wow-outer { white-space: normal; } .swiper-slider-business .wow-outer span { display: inline-block; } .swiper-slider-business .swiper-button-prev, .swiper-slider-business .swiper-button-next { position: relative; transform: none; left: auto; top: auto; right: auto; display: inline-block; pointer-events: auto; } .swiper-slider-business * + .swiper-caption-text { margin-top: 20px; } @media (min-width: 768px) { .swiper-slider-business .swiper-slide-caption { padding: 130px 0 180px; } } @media (min-width: 992px) { .swiper-slider-business .swiper-slider-nav { bottom: 40px; } } @media (min-width: 1200px) { .swiper-slider-business .swiper-slide::before { display: none; } } @media (min-width: 1600px) { .swiper-slider-business * + .swiper-caption-text { margin-top: 45px; } } .swiper-slider-minimal { min-height: 41.66667vw; } .swiper-slider-minimal .swiper-slide { background-position: 50% 50%; justify-content: flex-start; } .swiper-slider-minimal .swiper-slide::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #000; opacity: .1; } .swiper-slider-minimal .swiper-slide > * { position: relative; z-index: 1; } .swiper-slider-minimal .swiper-slide_video { display: flex; align-items: stretch; } .swiper-slider-minimal .vide_bg { position: relative; display: flex; flex-direction: column; justify-content: center; } .swiper-slider-minimal .vide_bg::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #000; opacity: .4; } .swiper-slider-minimal .swiper-slide-caption { position: relative; z-index: 2; padding: 80px 0 120px; } .swiper-slider-minimal .swiper-slide-text { position: relative; overflow: hidden; width: auto; } .swiper-slider-minimal .swiper-slide-text > * { position: relative; transform: translateY(100%); } .swiper-slider-minimal .swiper-slide-active .swiper-slide-text > * { transform: translateY(0); transition: .5s .3s; } @media (min-width: 1200px) { .swiper-pagination-outer { bottom: 50px; } } @media (min-width: 768px) { .swiper-slider-minimal .swiper-slide-caption { padding: 170px 0 220px; } .swiper-slider-minimal .swiper-pagination-outer { bottom: 15px; justify-content: center; } } @media (min-width: 992px) { .swiper-slider-minimal .swiper-pagination-outer { bottom: 20px; display: flex; justify-content: flex-start; } } @media (min-width: 1600px) { .swiper-slider-minimal .swiper-pagination-outer { bottom: 90px; } } [data-custom-slide-effect='inter-leave-effect'] .swiper-slide { display: flex; will-change: transform; overflow: hidden; align-items: stretch; min-height: inherit; } [data-custom-slide-effect='inter-leave-effect'] .slide-inner { display: flex; flex-direction: column; align-items: center; justify-content: center; background-size: cover; } [data-custom-slide-effect='inter-leave-effect'] .slide-inner > * { width: 100%; } .swiper-slider-tiny { min-height: 400px; } .swiper-slider-tiny .swiper-slide { position: relative; } .swiper-slider-tiny .swiper-slide::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; background: linear-gradient(to top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 40%); } .swiper-slider-tiny .swiper-slide > * { position: relative; z-index: 1; } @media (min-width: 768px) { .swiper-slider-tiny { min-height: 39.58333vw; } } @media (min-width: 992px) { .swiper-slider-tiny .swiper-pagination-outer { bottom: 65px; } } .centered-pagination .swiper-pagination-outer { justify-content: center; } /* +* +* RD Google Map +*/ .google-map { color: #000; height: 200px; } .google-map img { max-width: none !important; } @media (min-width: 576px) { .google-map { height: 250px; } } @media (min-width: 768px) { .google-map { height: 300px; } } @media (min-width: 992px) { .google-map { height: 350px; } } @media (min-width: 1200px) { .google-map { height: 766px; } } .ie-10 .google-map, .ie-11 .google-map { height: 770px; } .map_locations { display: none; } .google-map-container, .google-map { width: 100%; } .google-map-markers { display: none; } /* +* +* Search Results +*/ .rd-search-results-live { position: absolute; left: 0; right: 0; top: 100%; max-height: 600px; overflow-y: auto; margin: -3px 0 0; text-align: left; z-index: 998; } .rd-search-results-live #search-results { position: relative; padding: 10px 0 0; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; color: #495057; background: #fff; border: 1px solid #c5c6cd; border-top: 0; opacity: 0; visibility: hidden; transform-origin: 50% 0; transform: scale(1, 0.9); transition: .3s all ease; } .rd-search-results-live #search-results.active { opacity: 1; visibility: visible; transform: scale(1, 1); } .rd-search-results-live #search-results.active .form-input { border-bottom-left-radius: 0; } .rd-search-results-live .search-quick-result { padding-left: 15px; padding-right: 15px; font-family: "Poppins", sans-serif; font-size: 14px; font-weight: 500; letter-spacing: .08em; line-height: 30px; text-transform: uppercase; color: #151515; } .rd-search-results-live .search-list { margin-top: 11px; } .rd-search-results-live .search-list li:only-child { padding: 0 15px 15px; } .rd-search-results-live .search-link { color: #aeb1be; } .rd-search-results-live .search-link:hover { color: #0045b6; } .rd-search-results-live .search-error { padding: 0 0 20px; font-size: 14px; line-height: 1.6; } .rd-search-results-live .search-title { position: relative; font-size: 16px; font-weight: 400; color: #151515; } .rd-search-results-live .search-title a:hover { color: #0045b6; } .rd-search-results-live .search-link { display: block; } .rd-search-results-live .search-list-item-all { margin-top: 18px; width: 100%; } .rd-search-results-live .search-submit { position: relative; overflow: hidden; z-index: 0; display: block; padding: 10px 20px; margin: 0 -1px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; font-family: "Poppins", sans-serif; font-size: 12px; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; text-align: center; color: #fff; background: #0045b6; } .rd-search-results-live .search-submit:hover { color: #fff; background: #4854ed; } .rd-search-results-live .match { display: none; } .not-empty ~ .rd-search-results-live { visibility: visible; opacity: 1; } .rd-search-results-live p { font-size: 14px; } .rd-search-results-live .search-list-item { padding: 0 15px; } .rd-search-results-live * + p { margin-top: 3px; } .rd-search-results-live .search-list-item + .search-list-item { margin-top: 17px; } .rd-search-results .search-list { counter-reset: li; text-align: left; padding-left: 0; font-size: 18px; list-style-type: none; overflow: hidden; } .rd-search-results .search-list li div { overflow: hidden; text-overflow: ellipsis; max-width: 100%; white-space: nowrap; } .rd-search-results .search-list li:only-child::before { display: none; } .rd-search-results .search-list-item { position: relative; padding-left: 40px; font-size: 16px; color: #9b9b9b; } .rd-search-results .search-list-item::before { content: counter(li, decimal) "."; counter-increment: li; position: absolute; left: 0; top: -0.1em; line-height: inherit; } .rd-search-results .search-title { position: relative; color: #0045b6; } .rd-search-results .search-title a { color: inherit; } .rd-search-results .search-title a:hover { color: #343db0; } .rd-search-results .search { color: #fff; padding: 0 .25em; background: #0045b6; } .rd-search-results .match { padding: 5px; font-size: 12px; line-height: 1.7; letter-spacing: .1em; text-transform: uppercase; color: #000; } .rd-search-results .match em { margin: 0; font-style: normal; } .rd-search-results * + .match { margin-top: 10px; } .rd-search-results .search-list-item + .search-list-item { margin-top: 40px; } * + .rd-search-results { margin-top: 40px; } @media (min-width: 768px) { .rd-search-results .search-list-item::before { top: 4px; } .rd-search-results * + p { margin-top: 12px; } * + .rd-search-results { margin-top: 55px; } } @media (min-width: 992px) { .rd-search-results .search-list-item { padding-left: 50px; } .rd-search-results * + p { margin-top: 17px; } .rd-search-results .search-list-item + .search-list-item { margin-top: 50px; } } @media (min-width: 1200px) { * + .rd-search-results { margin-top: 70px; } } @media (min-width: 1600px) { .rd-search-results .search-list-item + .search-list-item { margin-top: 70px; } } .rd-search-classic { position: relative; } .rd-search-classic .form-wrap-inner { position: relative; } .rd-search-classic .form-input { padding-right: 50px; } .rd-search-classic .form-input, .rd-search-classic .form-label { letter-spacing: 0; } .rd-search-classic .rd-search-submit { background: none; border: none; display: inline-block; padding: 0; outline: none; outline-offset: 0; cursor: pointer; -webkit-appearance: none; position: absolute; top: 0; right: 0; bottom: 0; width: 50px; padding-top: 2px; padding-right: 3px; margin: 0; text-align: center; color: #aeb1be; font-size: 0; line-height: 0; } .rd-search-classic .rd-search-submit::-moz-focus-inner { border: none; padding: 0; } .rd-search-classic .rd-search-submit:before { position: relative; top: -1px; content: '\f43b'; font: 400 20px 'Material Design Icons'; line-height: 1; transition: .33s all ease; } .rd-search-classic .rd-search-submit:hover { color: #0045b6; } .rd-search.rd-search-inline { position: relative; } .rd-search.rd-search-inline .form-input { padding-right: 48px; } .rd-search.rd-search-inline .button-link { position: absolute; top: 50%; transform: translateY(-50%); width: 48px; right: 0; margin: 0; font-size: 21px; color: #aeb1be; transition: .33s; } .rd-search.rd-search-inline .button-link::before { display: block; margin: auto; } .rd-search.rd-search-inline .button-link:hover { color: #0045b6; } .rd-search.rd-search-inline.form-sm .form-input { padding-right: 40px; } .rd-search.rd-search-inline.form-sm .button-link { width: 40px; font-size: 18px; } .rd-search.rd-search-inline.form-lg .form-input { padding-right: 56px; } .rd-search.rd-search-inline.form-lg .button-link { width: 56px; } /* +* +* Isotope +*/ @keyframes sprite-animation { from { background-position: 0 0; } } [data-isotope-layout] { z-index: 0; display: block; overflow: hidden; min-height: 160px; margin-left: -15px; margin-right: -15px; transition: .4s all ease; } [data-isotope-layout]:after { content: ''; position: absolute; top: 50%; left: 50%; width: 64px; height: 64px; margin-top: 15px; background-image: url("../images/isotope-loader.png"); background-position: -1152px 0; animation: 0.7s sprite-animation steps(18) infinite; transition: .4s all ease; transform: translate3d(-50%, -50%, 0); } [data-isotope-layout] [class*="col-"] { display: block; opacity: 0; will-change: transform; backface-visibility: hidden; transition: .1s opacity ease-in; } [data-isotope-layout].isotope--loaded [class*="col-"] { opacity: 1; } [data-isotope-layout].isotope--loaded:after { opacity: 0; visibility: hidden; } .isotope.isotope-condensed { margin-left: 0; margin-right: 0; overflow: hidden; } .isotope.isotope-condensed [class*='col'] { padding: 0; margin: 0 0 30px 0; } @media (min-width: 576px) { .isotope.isotope-condensed [class*='col'] { margin: 0 -1px -1px 0; } } .isotope-filters-list { position: relative; font-size: 16px; margin-left: -20px; margin-bottom: -10px; } .isotope-filters-list > * { margin-left: 20px; } .isotope-filters-list::after { content: ''; position: absolute; left: 20px; right: 0; bottom: 10px; border-bottom: 1px solid #e8e9ee; } .isotope-filters-list li { display: inline-block; margin-bottom: 10px; } .isotope-filters-list a { position: relative; display: block; z-index: 1; padding-bottom: 10px; color: #74757f; } .isotope-filters-list a::after { content: ''; position: absolute; right: 0; bottom: 0; width: 0; height: 1px; transition: .4s; background: #0045b6; } .isotope-filters-list a:hover { color: #495057; } .isotope-filters-list a.active { color: #495057; } .isotope-filters-list a.active::after { right: auto; left: 0; width: 100%; } @media (min-width: 992px) { .isotope-filters-list { font-size: 18px; margin-left: -48px; } .isotope-filters-list > * { margin-left: 48px; } .isotope-filters-list::after { left: 45px; } } @media (min-width: 1200px) { .isotope-filters-list { font-size: 20px; } } @media (max-width: 767.98px) { .isotope-responsive { margin-left: -7px; margin-right: -7px; margin-bottom: -14px; } .isotope-responsive:empty { margin-bottom: 0; } .isotope-responsive > * { margin-bottom: 14px; } .isotope-responsive [class*='col'] { padding-left: 7px; padding-right: 7px; } } @media (min-width: 768px) { .isotope-responsive { margin-bottom: -30px; } .isotope-responsive:empty { margin-bottom: 0; } .isotope-responsive > * { margin-bottom: 30px; } } @media (max-width: 767.98px) { .isotope-filters-modern { position: relative; z-index: 10; } .isotope-filters-toggle { display: block; padding: 10px 20px; color: #fff; background: #0045b6; box-shadow: none; border: 0; } .isotope-filters-toggle .caret { position: relative; display: inline-block; margin-left: 5px; font-family: "FontAwesome"; font-size: 14px; transition: .22s; will-change: transform; } .isotope-filters-toggle .caret::before { content: '\f107'; } .isotope-filters-toggle.active .caret { transform: scale(1, -1); } .isotope-filters-list { position: absolute; top: 100%; left: 0; z-index: 10; min-width: 240px; margin: 5px 0 0 0; padding: 20px; border: 1px solid #e8e9ee; opacity: 0; visibility: hidden; background: #fff; transition: .3s ease-in; } .isotope-filters-list::after { display: none; } .isotope-filters-list.active { opacity: 1; visibility: visible; } .isotope-filters-list li { display: block; width: 100%; margin-left: 0; } .isotope-filters-list a { padding: 0; } .isotope-filters-list a::after { display: none; } } @media (min-width: 768px) { .isotope-filters-modern .isotope-filters-toggle { display: none; } } * + .isotope { margin-top: 30px; } @media (min-width: 768px) { * + .isotope { margin-top: 47px; } } .nav { display: block; } .tabs-custom { text-align: left; } .tabs-custom .nav-tabs { font-size: 0; line-height: 0; word-spacing: 0; border: 0; } .tabs-custom .nav-tabs:before, .tabs-custom .nav-tabs:after { display: none; } .tabs-custom .nav-item { float: none; border: 0; cursor: pointer; transition: .33s all ease; } .tabs-custom .nav-link { margin: 0; border-radius: 0; border: 0; } .tabs-custom .nav-link.active { cursor: default; border: 0; } .tab-content > .tab-pane { display: block; visibility: hidden; height: 0; overflow: hidden; } .tab-content > .active { visibility: visible; height: auto; overflow: visible; } .tabs-line .nav-tabs { position: relative; } .tabs-line .nav-link { font-size: 16px; line-height: 1.4; text-align: center; vertical-align: middle; } .tabs-line * + .tab-content { margin-top: 20px; } @media (max-width: 767.98px) { .tabs-line .nav-tabs { max-width: 100%; border: 1px solid #e8e9ee; } .tabs-line .nav-item { margin: -1px; } .tabs-line .nav-link { padding: 7px 10px; color: #74757f; background: transparent; } .tabs-line .nav-item + .nav-item .nav-link { border-top: 1px solid #e8e9ee; } .tabs-line .nav-link:hover, .tabs-line .nav-link.active { color: #fff; background: #0045b6; border-color: #0045b6; } } * + .tabs-line { margin-top: 30px; } .tabs-corporate .nav-tabs { position: relative; border: 1px solid #e5e7e9; } .tabs-corporate .nav-item { margin: -1px; } .tabs-corporate .nav-link { padding: 10px 10px; text-transform: uppercase; font-size: 12px; font-weight: 700; line-height: 1.4; color: #74757f; background: transparent; border-bottom: 1px solid #e5e7e9; text-align: center; vertical-align: middle; } .tabs-corporate .nav-link:first-child { border-top: 1px solid #e5e7e9; } .tabs-corporate .nav-link:hover, .tabs-corporate .nav-link.active { color: #fff; background: #0045b6; border-color: #0045b6; } .tabs-corporate .tab-content { padding: 30px 0 0; } @media (min-width: 768px) { * + .tabs-line { margin-top: 40px; } .tabs-horizontal.tabs-corporate .nav-tabs { position: relative; width: 100%; display: block; transform: translate3d(0, -10px, 0); margin-bottom: -10px; margin-left: -5px; margin-right: -5px; text-align: center; border: 0; will-change: transform; } .tabs-horizontal.tabs-corporate .nav-tabs > * { margin-top: 10px; padding-left: 5px; padding-right: 5px; } .tabs-horizontal.tabs-corporate .nav-item { display: inline-block; will-change: transform; } .tabs-horizontal.tabs-corporate .nav-link { display: block; position: relative; z-index: 1; min-width: 130px; letter-spacing: .1em; padding: 13px 20px; border: 2px solid #e5e7e9; } .tabs-horizontal.tabs-corporate .nav-link, .tabs-horizontal.tabs-corporate .nav-link::before { transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .tabs-horizontal.tabs-corporate .nav-link::before { content: ''; position: absolute; top: -1px; left: -1px; width: calc(100% + 2px); height: calc(100% + 2px); z-index: -1; opacity: 0; transform: scale3d(0.7, 1, 1); transition: transform 0.4s, opacity 0.4s; transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); background: #0045b6; } .tabs-horizontal.tabs-corporate .nav-link.active, .tabs-horizontal.tabs-corporate .nav-link:hover { color: #fff; border-color: #0045b6; background-color: transparent; } .tabs-horizontal.tabs-corporate .nav-link.active::before, .tabs-horizontal.tabs-corporate .nav-link:hover::before { opacity: 1; transform: translate3d(0, 0, 0) scale3d(1, 1, 1); } .tabs-horizontal.tabs-line .nav-tabs { transform: translateY(-20px); margin-bottom: -20px; border: 0; border-bottom: 1px solid #e8e9ee; } .tabs-horizontal.tabs-line .nav-item { display: inline-block; margin-top: 20px; } .tabs-horizontal.tabs-line .nav-item:not(:last-child) { margin-right: 52px; } .tabs-horizontal.tabs-line .nav-link { position: relative; padding: 0 0 13px 0; font-size: 20px; background-color: transparent; color: #9b9b9b; border: 0; } .tabs-horizontal.tabs-line .nav-link::after { content: ''; position: absolute; bottom: 0; right: 0; height: 1px; width: 0; background: #0045b6; transition: .22s ease; } .tabs-horizontal.tabs-line .nav-link.active, .tabs-horizontal.tabs-line .nav-link:hover { color: #495057; } .tabs-horizontal.tabs-line .nav-link.active::after { right: auto; left: 0; width: 100%; } .tabs-horizontal.tabs-line * + .tab-content { margin-top: 25px; } .tabs-vertical { display: flex; align-items: flex-start; } .tabs-vertical .nav-tabs { display: flex; flex-direction: column; align-items: stretch; flex-shrink: 0; max-width: 50%; } .tabs-vertical .nav-item { border: 0; width: 100%; text-align: left; } .tabs-vertical .nav-link.active, .tabs-vertical .nav-link:hover { box-shadow: 0 9px 21px 0 rgba(30, 30, 30, 0.13); } .tabs-vertical .tab-content { flex-grow: 1; } .tabs-vertical.tabs-corporate .nav-tabs { width: auto; min-width: 260px; border: 0; } .tabs-vertical.tabs-corporate .nav-item { margin: 0; } .tabs-vertical.tabs-corporate .nav-link { position: relative; padding: 17px 30px; border: 0; overflow: hidden; text-align: left; } .tabs-vertical.tabs-corporate .nav-item + .nav-item { margin-top: 2px; } .tabs-vertical.tabs-corporate .tab-content { padding: 0 0 0 30px; } } @media (min-width: 992px) { .tabs-horizontal.tabs-corporate .tab-content { padding: 60px 30px 0; } .tabs-vertical.tabs-corporate .tab-content { padding: 0 0 0 45px; } } .card-group-custom { margin-bottom: 0; } .card-group-custom .card-header + .collapse > .card-body, .card-group-custom .card-header + .collapse > .list-group { border-top: 0; } .card-group-custom .card + .card { margin-top: 0; } .card-title { margin-bottom: 0; } .card-header { background-color: transparent; } .card-custom { display: block; margin: 0; background: inherit; border: 0; border-radius: 0; box-shadow: none; text-align: left; } .card-custom a { display: block; } .card-custom .card-header { padding: 0; border-bottom: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .card-custom .card-body { padding: 0; border: 0; } * + .card-group-custom { margin-top: 30px; } @media (min-width: 768px) { * + .card-group-custom { margin-top: 40px; } } /* +* Card corporate +*/ .card-corporate { border-top: 1px solid #f5f6fa; text-align: left; } .card-corporate:last-child { border-bottom: 1px solid #f5f6fa; } .card-corporate .card-collapse { background: #fff; } .card-corporate .card-title a { position: relative; z-index: 1; padding: 15px 40px 15px 70px; font-size: 17px; line-height: 1.5; letter-spacing: 0; color: #495057; transition: 1.3s all ease; } .card-corporate .card-title a[aria-expanded='true'], .card-corporate .card-title a:hover { color: #0045b6; } .card-corporate .card-title a .card-arrow { transition: .33s; } .card-corporate .card-title a.collapsed { color: #495057; border-bottom-width: 0; } .card-corporate .card-title a.collapsed .card-arrow::before { opacity: 1; } .card-corporate .card-title a.collapsed .card-arrow::after { opacity: 0; } .card-corporate .card-arrow { position: absolute; top: 16px; left: 13px; z-index: 2; width: 20px; height: 20px; color: #0045b6; transition: .33s all ease; text-align: center; } .card-corporate .card-arrow::before, .card-corporate .card-arrow::after { position: absolute; z-index: 4; font-family: 'Material Design Icons'; font-size: 24px; line-height: 1; transition: .22s; } .card-corporate .card-arrow::before { content: '\f505'; opacity: 0; } .card-corporate .card-arrow::after { content: '\f466'; opacity: 1; } .card-corporate .card-collapse { position: relative; z-index: 1; color: #74757f; } .card-corporate .card-body { padding: 2px 44px 25px 70px; } @media (max-width: 767.98px) { .card-corporate .card-arrow { left: 0; } .card-corporate .card-title a, .card-corporate .card-body { padding-left: 50px; } } @media (min-width: 768px) { .card-corporate .card-title a { font-size: 20px; line-height: 1.4; } .card-corporate .card-arrow { top: 18px; } } /* +* +* Tooltop Custom +*/ .tooltip { font-size: 16px; line-height: 1.2; } .tooltip-inner { background-color: #0045b6; } .bs-tooltip-top .arrow::before { border-top-color: #0045b6; } .bs-tooltip-right .arrow::before { border-right-color: #0045b6; } .bs-tooltip-bottom .arrow::before { border-bottom-color: #0045b6; } .bs-tooltip-left .arrow::before { border-left-color: #0045b6; } @media (min-width: 1200px) { .tooltip-inner { padding: 9px 18px; } } /* +* +* Modal Custom +*/ .modal { display: flex !important; padding: 30px 15px 7vh; visibility: hidden; } .modal .close { cursor: pointer; color: #74757f; transition: .22s; } .modal .close span::before { content: '\f24c'; font-family: 'Material Design Icons'; } .modal .close:hover { color: #495057; } .modal.show { visibility: visible; } .modal.fade .modal-dialog { transform: translate3d(0, -30px, 0); } .modal.show .modal-dialog { transform: translate3d(0, 0, 0); } .modal-dialog { display: flex; align-items: flex-start; justify-content: center; margin: 0 auto; } .modal-content { height: 100%; border-radius: 6px; } .modal-body { height: 100%; overflow-y: auto; } @media (min-width: 768px) { .modal-header, .modal-body { padding-left: 30px; padding-right: 30px; } .modal-header { padding-top: 20px; padding-bottom: 20px; } .modal-body { padding-top: 30px; padding-bottom: 30px; } .modal-dialog { max-width: 800px; } } /* +* +* Progress Bars +*/ .progress-linear { position: relative; text-align: left; } .progress-linear .progress-header { display: flex; align-items: center; justify-content: space-between; transform: translate3d(0, -10px, 0); margin-bottom: -10px; margin-left: -5px; margin-right: -5px; } .progress-linear .progress-header > * { margin-top: 10px; padding-left: 5px; padding-right: 5px; } .progress-linear .progress-bar-linear-wrap { height: 2px; background: #f5f6fa; } .progress-linear .progress-bar-linear { width: 0; height: inherit; background: #0045b6; transition: .5s all ease-in-out; } .progress-linear .progress-value::after { content: '\0025'; } * + .progress-linear { margin-top: 25px; } * + .progress-linear-outer { margin-top: 25px; } * + .progress-bar-linear-wrap { margin-top: 8px; } .progress-linear + .progress-linear { margin-top: 20px; } .progress-linear-outer + .progress-linear-outer { margin-top: 20px; } @media (min-width: 768px) { * + .progress-linear { margin-top: 40px; } * + .progress-linear-outer { margin-top: 40px; } } @media (min-width: 1200px) { .progress-linear + .progress-linear { margin-top: 34px; } .progress-linear-outer + .progress-linear-outer { margin-top: 34px; } } /* +* +* Time Circles +*/ .time_circles { position: relative; width: 100%; } .time_circles > div { position: absolute; top: 0 !important; bottom: 0; display: flex; align-items: center; flex-wrap: wrap; justify-content: center; margin-top: -10px; text-align: center; } @media (min-width: 1200px) { #DateCountdown { width: 100%; } } .time_circles > div > h4 { position: absolute; left: 0; top: calc(100% + 14px); right: 0; transform: translateY(-100%); margin: 0; padding: 0; text-align: center; font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 14px !important; line-height: 1.2 !important; color: #868e96; } .time_circles > div > h4 + * { margin-top: 0; } @media (min-width: 576px) { .time_circles > div > h4 { font-size: 16px !important; } } .time_circles > div > span { display: block; text-align: center; letter-spacing: 0; font-size: 24px !important; font-weight: 700; line-height: 1 !important; color: #111111; } .context-dark .time_circles > div > span, .bg-gray-700 .time_circles > div > span, .bg-gray-800 .time_circles > div > span, .bg-primary .time_circles > div > span, .bg-primary-darker .time_circles > div > span { color: #fff; } .context-dark .time_circles > div > h4, .bg-gray-700 .time_circles > div > h4, .bg-gray-800 .time_circles > div > h4, .bg-primary .time_circles > div > h4, .bg-primary-darker .time_circles > div > h4 { color: #fff; } .countdown-wrap { max-width: 530px; padding-bottom: 20px; } * + .countdown-wrap { margin-top: 35px; } .countdown-wrap + .button { margin-top: 40px; } /* +* jQuery mousewheel plugin +*/ /* +------------------------------------------------------------------------------------------------------------------------ +1. BASIC STYLE +------------------------------------------------------------------------------------------------------------------------ +*/ .mCustomScrollbar { -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action { -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox { /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container { /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* +------------------------------------------------------------------------------------------------------------------------ +2. VERTICAL SCROLLBAR +y-axis +------------------------------------------------------------------------------------------------------------------------ +*/ .mCSB_inside > .mCSB_container { margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl-custom > .mCSB_inside > .mCSB_container { /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl-custom > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools { /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools { right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl-custom > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl-custom > .mCSB_outside + .mCSB_scrollTools { /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl-custom > .mCSB_outside + .mCSB_scrollTools { left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer { /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer { margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail { width: 16px; height: 100%; margin: 0 auto; border-radius: 0; } .mCSB_scrollTools .mCSB_dragger { /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { /* the dragger element */ position: relative; width: 16px; height: 100%; margin: 0 auto; border-radius: 0; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown { display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown { bottom: 0; } /* +------------------------------------------------------------------------------------------------------------------------ +3. HORIZONTAL SCROLLBAR +x-axis +------------------------------------------------------------------------------------------------------------------------ +*/ .mCSB_horizontal.mCSB_inside > .mCSB_container { margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container { min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal { width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer { margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft { left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { right: 0; } /* +------------------------------------------------------------------------------------------------------------------------ +4. VERTICAL AND HORIZONTAL SCROLLBARS +yx-axis +------------------------------------------------------------------------------------------------------------------------ +*/ .mCSB_container_wrapper { position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container { padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl-custom > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl-custom > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl-custom > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 0; } .mCS-dir-rtl-custom > .mCSB_inside > .mCSB_container_wrapper { /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container { padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container { padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; } /* +------------------------------------------------------------------------------------------------------------------------ +5. TRANSITIONS +------------------------------------------------------------------------------------------------------------------------ +*/ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail { -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* +------------------------------------------------------------------------------------------------------------------------ +6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS +------------------------------------------------------------------------------------------------------------------------ +*/ /* +---------------------------------------- +6.1 THEMES +---------------------------------------- +*/ /* default theme ("light") */ .mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #f2f3f8; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #d1d4e6; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { background-image: url(../images/mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; } .mCSB_scrollTools .mCSB_buttonUp { background-position: 0 0; } .mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -20px; } .mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -40px; } .mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -56px; } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover { opacity: 0.75; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active { opacity: 0.9; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000000; background-color: rgba(0, 0, 0, 0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000000; background-color: rgba(0, 0, 0, 0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: rgba(0, 0, 0, 0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: rgba(0, 0, 0, 0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; } /* +* +* Owl Carousel +*/ .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* + * Owl Carousel - Auto Height Plugin + */ .owl-height { transition: height 500ms ease-in-out; } /* + * Core Owl Carousel CSS File + */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { cursor: pointer; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel .owl-refresh .owl-item { display: none; } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* + * Owl Carousel - Lazy Load Plugin + */ .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } /* + * Owl Carousel - Video Plugin + */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; font: 400 40px/80px 'FontAwesome'; cursor: pointer; z-index: 1; transition: scale 100ms ease; } .owl-carousel .owl-video-play-icon:before { content: '\f144'; } .owl-carousel .owl-video-play-icon:hover { transform: scale(1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; } /* + * Owl Navigation + */ .owl-nav.disabled { display: none !important; } .owl-prev, .owl-next { position: absolute; top: 50%; transform: translateY(-50%); font: 400 46px/50px 'FontAwesome'; color: #aeb1be; } .owl-prev:hover, .owl-next:hover { color: #0045b6; } .owl-prev { left: 0; } .owl-prev::before { content: '\f104'; } .owl-next { right: 0; } .owl-next::before { content: '\f105'; } /* + * Owl Pagination + */ .owl-dots { margin-top: 10px; } .owl-dots.disabled { display: none !important; } @media (min-width: 576px) { .owl-dots { margin-top: 25px; } } button.owl-dot { background: none; border: none; display: inline-block; padding: 0; outline: none; outline-offset: 0; cursor: pointer; -webkit-appearance: none; } button.owl-dot::-moz-focus-inner { border: none; padding: 0; } .owl-dot { position: relative; display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; width: 14px; height: 14px; border-radius: 50%; margin-left: 14px; margin-right: 14px; text-align: center; outline: none; cursor: pointer; } .owl-dot::before { content: ''; display: block; width: 100%; height: 100%; transform: scale3d(0.56, 0.56, 0.56); background: #e8e9ee; border-radius: inherit; transition: .2s; } .owl-dot:only-child { display: none; } .owl-dot:hover::before, .owl-dot.active::before { transform: scale3d(1, 1, 1); background-color: #0045b6; } * + .owl-carousel { margin-top: 30px; } .owl-carousel-1 { text-align: center; } .owl-carousel-1 .owl-stage { position: relative; display: flex; align-items: center; } .owl-carousel-centered-pagination .owl-dots { text-align: center; } .owl-carousel-indigo { position: relative; overflow: hidden; max-width: 100vw; padding: 0 15px; margin-left: auto; margin-right: auto; pointer-events: none; } .owl-carousel-indigo, .owl-carousel-indigo * { backface-visibility: hidden; } .owl-carousel-indigo .owl-stage-outer { padding: 23px; margin: -23px; } .owl-carousel-indigo .owl-item.active { pointer-events: auto; } .owl-carousel-indigo .owl-dots { pointer-events: auto; } .owl-carousel-indigo * + .owl-dots { margin-top: 25px; } @media (max-width: 575.98px) { .owl-carousel-indigo .owl-dot { width: 11px; height: 11px; margin: 0 6px; } } @media (min-width: 768px) { .owl-carousel-indigo { padding: 0 0; } .owl-carousel-indigo * + .owl-dots { margin-top: 60px; } } .owl-carousel-dots-space .owl-dots { margin-bottom: 25px; } .lg-sub-html, .lg-toolbar { background-color: rgba(0, 0, 0, 0.45); } @font-face { font-family: lg; src: url(../fonts/lg.eot?n1z373); src: url(../fonts/lg.eot?#iefixn1z373) format("embedded-opentype"), url(../fonts/lg.woff?n1z373) format("woff"), url(../fonts/lg.ttf?n1z373) format("truetype"), url(../fonts/lg.svg?n1z373#lg) format("svg"); font-weight: 400; font-style: normal; } .lg-icon { font-family: lg; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .lg-actions .lg-next, .lg-actions .lg-prev { background-color: rgba(0, 0, 0, 0.45); border-radius: 2px; color: #999; cursor: pointer; display: block; font-size: 22px; margin-top: -10px; padding: 8px 10px 9px; position: absolute; top: 50%; z-index: 1180; border: none; outline: 0; } .lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled { pointer-events: none; opacity: .5; } .lg-actions .lg-next:hover, .lg-actions .lg-prev:hover { color: #fff; } .lg-actions .lg-next { right: 20px; } .lg-actions .lg-next:before { content: "\e095"; } .lg-actions .lg-prev { left: 20px; } .lg-actions .lg-prev:after { content: "\e094"; } @-webkit-keyframes lg-right-end { 0%, 100% { left: 0; } 50% { left: -30px; } } @-moz-keyframes lg-right-end { 0%, 100% { left: 0; } 50% { left: -30px; } } @-ms-keyframes lg-right-end { 0%, 100% { left: 0; } 50% { left: -30px; } } @keyframes lg-right-end { 0%, 100% { left: 0; } 50% { left: -30px; } } @-webkit-keyframes lg-left-end { 0%, 100% { left: 0; } 50% { left: 30px; } } @-moz-keyframes lg-left-end { 0%, 100% { left: 0; } 50% { left: 30px; } } @-ms-keyframes lg-left-end { 0%, 100% { left: 0; } 50% { left: 30px; } } @keyframes lg-left-end { 0%, 100% { left: 0; } 50% { left: 30px; } } .lg-outer.lg-right-end .lg-object { -webkit-animation: lg-right-end .3s; -o-animation: lg-right-end .3s; animation: lg-right-end .3s; position: relative; } .lg-outer.lg-left-end .lg-object { -webkit-animation: lg-left-end .3s; -o-animation: lg-left-end .3s; animation: lg-left-end .3s; position: relative; } .lg-toolbar { z-index: 1182; left: 0; position: absolute; top: 0; width: 100%; } .lg-toolbar .lg-icon { color: #999; cursor: pointer; float: right; font-size: 24px; height: 47px; line-height: 27px; padding: 10px 0; text-align: center; width: 50px; text-decoration: none !important; outline: 0; transition: color .2s linear; } @media (max-width: 575.98px) { .lg-toolbar .lg-icon { font-size: 21px; width: 36px; } } @media (max-width: 575.98px) { #lg-counter { font-size: 14px; line-height: 27px; } } .lg-toolbar .lg-icon:hover { color: #fff; } .lg-toolbar .lg-close:after { content: "\e070"; } .lg-toolbar .lg-download:after { content: "\e0f2"; } .lg-sub-html { bottom: 0; color: #eee; font-size: 16px; left: 0; padding: 10px 40px; position: fixed; right: 0; text-align: center; z-index: 1180; } .lg-sub-html h4 { margin: 0; font-size: 13px; font-weight: 700; } .lg-sub-html p { font-size: 12px; margin: 5px 0 0; } #lg-counter { color: #999; display: inline-block; font-size: 16px; padding-left: 20px; padding-top: 12px; vertical-align: middle; } .lg-next, .lg-prev, .lg-toolbar { opacity: 1; transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; } .lg-hide-items .lg-prev { opacity: 0; transform: translate3d(-10px, 0, 0); } .lg-hide-items .lg-next { opacity: 0; transform: translate3d(10px, 0, 0); } .lg-hide-items .lg-toolbar { opacity: 0; transform: translate3d(0, -10px, 0); } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object { transform: scale3d(0.5, 0.5, 0.5); opacity: 0; transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object { transform: scale3d(1, 1, 1); opacity: 1; } .lg-outer .lg-thumb-outer { background-color: #0d0a0a; bottom: 0; position: absolute; width: 100%; z-index: 1180; max-height: 350px; transform: translate3d(0, 100%, 0); transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .lg-outer .lg-thumb-outer.lg-dragging .lg-thumb { transition-duration: 0s !important; } .lg-outer.lg-thumb-open .lg-thumb-outer { transform: translate3d(0, 0, 0); } .lg-outer .lg-thumb { padding: 10px 0; height: 100%; margin-bottom: -5px; margin-left: auto; margin-right: auto; } .lg-outer .lg-thumb-item { cursor: pointer; float: left; overflow: hidden; height: 100%; border: 2px solid #fff; border-radius: 4px; margin-bottom: 5px; } @media (min-width: 1025px) { .lg-outer .lg-thumb-item { transition: border-color .25s ease; } } .lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { border-color: #a90707; } .lg-outer .lg-thumb-item img { width: 100%; height: 100%; object-fit: cover; } .lg-outer.lg-has-thumb .lg-item { padding-bottom: 120px; } .lg-outer.lg-can-toggle .lg-item { padding-bottom: 0; } .lg-outer.lg-pull-caption-up .lg-sub-html { transition: bottom .25s ease; } .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html { bottom: 100px; } .lg-outer .lg-toogle-thumb { background-color: #0d0a0a; border-radius: 2px 2px 0 0; color: #999; cursor: pointer; font-size: 24px; height: 39px; line-height: 27px; padding: 5px 0; position: absolute; right: 20px; text-align: center; top: -39px; width: 50px; } .lg-outer .lg-toogle-thumb:hover, .lg-outer.lg-dropdown-active #lg-share { color: #fff; } .lg-outer .lg-toogle-thumb:after { content: "\e1ff"; } .lg-outer .lg-video-cont { display: inline-block; vertical-align: middle; max-width: 1140px; max-height: 100%; width: 100%; padding: 0 5px; } .lg-outer .lg-video { width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative; } .lg-outer .lg-video .lg-object { display: inline-block; position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } .lg-outer .lg-video .lg-video-play { width: 84px; height: 59px; position: absolute; left: 50%; top: 50%; margin-left: -42px; margin-top: -30px; z-index: 1180; cursor: pointer; } .lg-outer .lg-has-iframe .lg-video { -webkit-overflow-scrolling: touch; overflow: auto; } .lg-outer .lg-has-vimeo .lg-video-play { background: url(../images/vimeo-play.png) no-repeat; } .lg-outer .lg-has-vimeo:hover .lg-video-play { background: url(../images/vimeo-play.png) 0 -58px no-repeat; } .lg-outer .lg-has-html5 .lg-video-play { background: url(../images/video-play.png) no-repeat; height: 64px; margin-left: -32px; margin-top: -32px; width: 64px; opacity: .8; } .lg-outer .lg-has-html5:hover .lg-video-play { opacity: 1; } .lg-outer .lg-has-youtube .lg-video-play { background: url(../images/youtube-play.png) no-repeat; } .lg-outer .lg-has-youtube:hover .lg-video-play { background: url(../images/youtube-play.png) 0 -60px no-repeat; } .lg-outer .lg-video-object { width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0; } .lg-outer .lg-has-video .lg-video-object { visibility: hidden; } .lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play { display: none; } .lg-outer .lg-has-video.lg-video-playing .lg-video-object { visibility: visible; } .lg-progress-bar { background-color: #333; height: 5px; left: 0; position: absolute; top: 0; width: 100%; z-index: 1183; opacity: 0; transition: opacity 80ms ease 0s; } .lg-progress-bar .lg-progress { background-color: #a90707; height: 5px; width: 0; } .lg-progress-bar.lg-start .lg-progress { width: 100%; } .lg-show-autoplay .lg-progress-bar { opacity: 1; } .lg-autoplay-button:after { content: "\e01d"; } .lg-show-autoplay .lg-autoplay-button:after { content: "\e01a"; } .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap { transition-duration: 0s; } .lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap { transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image { transform: scale3d(1, 1, 1); transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } #lg-zoom-in:after { content: "\e311"; } #lg-actual-size { font-size: 20px; } #lg-actual-size:after { content: "\e033"; } #lg-zoom-out { opacity: .5; pointer-events: none; } #lg-zoom-out:after { content: "\e312"; } .lg-zoomed #lg-zoom-out { opacity: 1; pointer-events: auto; } .lg-outer .lg-pager-outer { bottom: 60px; left: 0; position: absolute; right: 0; text-align: center; z-index: 1180; height: 10px; } .lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont { overflow: visible; } .lg-outer .lg-pager-cont { cursor: pointer; display: inline-block; overflow: hidden; position: relative; vertical-align: top; margin: 0 5px; } .lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont { opacity: 1; transform: translate3d(0, 0, 0); } .lg-outer .lg-pager-cont.lg-pager-active .lg-pager { box-shadow: 0 0 0 2px #fff inset; } .lg-outer .lg-pager-thumb-cont { background-color: #fff; color: #fff; bottom: 100%; height: 83px; left: 0; margin-bottom: 20px; margin-left: -60px; opacity: 0; padding: 5px; position: absolute; width: 120px; border-radius: 3px; transition: opacity .15s ease 0s, transform .15s ease 0s; transform: translate3d(0, 5px, 0); } .lg-outer .lg-pager-thumb-cont img { width: 100%; height: 100%; } .lg-outer .lg-pager { background-color: rgba(255, 255, 255, 0.5); border-radius: 50%; box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset; display: block; height: 12px; transition: box-shadow .3s ease 0s; width: 12px; } .lg-outer .lg-pager:focus, .lg-outer .lg-pager:hover { box-shadow: 0 0 0 8px #fff inset; } .lg-outer .lg-caret { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px dashed; bottom: -10px; display: inline-block; height: 0; left: 50%; margin-left: -5px; position: absolute; vertical-align: middle; width: 0; } .lg-fullscreen:after { content: "\e20c"; } .lg-fullscreen-on .lg-fullscreen:after { content: "\e20d"; } .lg-outer #lg-dropdown-overlay { background-color: rgba(0, 0, 0, 0.25); bottom: 0; cursor: default; left: 0; position: fixed; right: 0; top: 0; z-index: 1181; opacity: 0; visibility: hidden; transition: visibility 0s linear .18s, opacity .18s linear 0s; } .lg-outer.lg-dropdown-active #lg-dropdown-overlay, .lg-outer.lg-dropdown-active .lg-dropdown { transition-delay: 0s; -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; visibility: visible; } .lg-outer .lg-dropdown { background-color: #fff; border-radius: 2px; font-size: 14px; list-style-type: none; margin: 0; padding: 10px 0; position: absolute; right: 0; text-align: left; top: 50px; opacity: 0; visibility: hidden; -moz-transform: translate3d(0, 5px, 0); -ms-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); transition: transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s; } .lg-outer .lg-dropdown:after { content: ""; display: block; height: 0; width: 0; position: absolute; border: 8px solid transparent; border-bottom-color: #fff; right: 16px; top: -16px; } .lg-outer .lg-dropdown > li:last-child { margin-bottom: 0; } .lg-outer .lg-dropdown > li:hover .lg-icon, .lg-outer .lg-dropdown > li:hover a { color: #333; } .lg-outer .lg-dropdown a { color: #333; display: block; white-space: pre; padding: 4px 12px; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; } .lg-outer .lg-dropdown a:hover { background-color: rgba(0, 0, 0, 0.07); } .lg-outer .lg-dropdown .lg-dropdown-text { display: inline-block; line-height: 1; margin-top: -3px; vertical-align: middle; } .lg-outer .lg-dropdown .lg-icon { color: #333; display: inline-block; float: none; font-size: 20px; height: auto; line-height: 1; margin-right: 8px; padding: 0; vertical-align: middle; width: auto; } .lg-outer, .lg-outer .lg, .lg-outer .lg-inner { width: 100%; height: 100%; } .lg-outer #lg-share { position: relative; } .lg-outer #lg-share:after { content: "\e80d"; } .lg-outer #lg-share-facebook .lg-icon { color: #3b5998; } .lg-outer #lg-share-facebook .lg-icon:after { content: "\e901"; } .lg-outer #lg-share-twitter .lg-icon { color: #00aced; } .lg-outer #lg-share-twitter .lg-icon:after { content: "\e904"; } .lg-outer #lg-share-googleplus .lg-icon { color: #dd4b39; } .lg-outer #lg-share-googleplus .lg-icon:after { content: "\e902"; } .lg-outer #lg-share-pinterest .lg-icon { color: #cb2027; } .lg-outer #lg-share-pinterest .lg-icon:after { content: "\e903"; } .lg-group:after { content: ""; display: table; clear: both; } .lg-outer { position: fixed; top: 0; left: 0; z-index: 1150; text-align: left; opacity: 0; transition: opacity .15s ease 0s; } .lg-outer * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .lg-outer.lg-visible { opacity: 1; } .lg-outer.lg-css3 .lg-item.lg-current, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-prev-slide { transition-duration: inherit !important; transition-timing-function: inherit !important; } .lg-outer.lg-css3.lg-dragging .lg-item.lg-current, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide { transition-duration: 0s !important; opacity: 1; } .lg-outer.lg-grab img.lg-object { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lg-outer.lg-grabbing img.lg-object { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .lg-outer .lg { position: relative; overflow: hidden; margin-left: auto; margin-right: auto; max-width: 100%; max-height: 100%; } .lg-outer .lg-inner { position: absolute; left: 0; top: 0; white-space: nowrap; } .lg-outer .lg-item { background: url(../images/loading.gif) center center no-repeat; display: none !important; } .lg-outer.lg-css .lg-current, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide, .lg-outer.lg-css3 .lg-prev-slide { display: inline-block !important; } .lg-outer .lg-img-wrap, .lg-outer .lg-item { display: inline-block; text-align: center; position: absolute; width: 100%; height: 100%; } .lg-outer .lg-img-wrap:before, .lg-outer .lg-item:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; } .lg-outer .lg-img-wrap { position: absolute; padding: 0 5px; left: 0; right: 0; top: 0; bottom: 0; } .lg-outer .lg-item.lg-complete { background-image: none; } .lg-outer .lg-item.lg-current { z-index: 1160; } .lg-outer .lg-image { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; width: auto !important; height: auto !important; } .lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play { opacity: 0; transition: opacity .15s ease 0s; } .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play { opacity: 1; } .lg-outer .lg-empty-html, .lg-outer.lg-hide-download #lg-download { display: none; } .lg-backdrop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1140; background-color: #000; opacity: 0; transition: opacity .15s ease 0s; } .lg-css3.lg-no-trans .lg-current, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-prev-slide { transition: none 0s ease 0s !important; } .lg-css3.lg-use-css3 .lg-item, .lg-css3.lg-use-left .lg-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .lg-css3.lg-fade .lg-item { opacity: 0; } .lg-css3.lg-fade .lg-item.lg-current { opacity: 1; } .lg-css3.lg-fade .lg-item.lg-current, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-prev-slide { transition: opacity .1s ease 0s; } .lg-css3.lg-slide.lg-use-css3 .lg-item { opacity: 0; } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide { transform: translate3d(-100%, 0, 0); } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide { transform: translate3d(100%, 0, 0); } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { transform: translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide { transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide.lg-use-left .lg-item { opacity: 0; position: absolute; left: 0; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide { left: -100%; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide { left: 100%; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-current { left: 0; opacity: 1; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-current, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide { transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-sub-html, .lg-toolbar { background-color: rgba(0, 0, 0, 0.45); } @font-face { font-family: lg; src: url(../fonts/lg.eot?n1z373); src: url(../fonts/lg.eot?#iefixn1z373) format("embedded-opentype"), url(../fonts/lg.woff?n1z373) format("woff"), url(../fonts/lg.ttf?n1z373) format("truetype"), url(../fonts/lg.svg?n1z373#lg) format("svg"); font-weight: 400; font-style: normal; } .lg-icon { font-family: lg; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .lg-actions .lg-next, .lg-actions .lg-prev { background-color: rgba(0, 0, 0, 0.45); border-radius: 2px; color: #999; cursor: pointer; display: block; font-size: 22px; margin-top: -10px; padding: 8px 10px 9px; position: absolute; top: 50%; z-index: 1180; border: none; outline: 0; } .lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled { pointer-events: none; opacity: .5; } .lg-actions .lg-next:hover, .lg-actions .lg-prev:hover { color: #fff; } .lg-actions .lg-next { right: 20px; } .lg-actions .lg-next:before { content: "\e095"; } .lg-actions .lg-prev { left: 20px; } .lg-actions .lg-prev:after { content: "\e094"; } @-webkit-keyframes lg-right-end { 0%, 100% { left: 0; } 50% { left: -30px; } } @-moz-keyframes lg-right-end { 0%, 100% { left: 0; } 50% { left: -30px; } } @-ms-keyframes lg-right-end { 0%, 100% { left: 0; } 50% { left: -30px; } } @keyframes lg-right-end { 0%, 100% { left: 0; } 50% { left: -30px; } } @-webkit-keyframes lg-left-end { 0%, 100% { left: 0; } 50% { left: 30px; } } @-moz-keyframes lg-left-end { 0%, 100% { left: 0; } 50% { left: 30px; } } @-ms-keyframes lg-left-end { 0%, 100% { left: 0; } 50% { left: 30px; } } @keyframes lg-left-end { 0%, 100% { left: 0; } 50% { left: 30px; } } .lg-outer.lg-right-end .lg-object { -webkit-animation: lg-right-end .3s; -o-animation: lg-right-end .3s; animation: lg-right-end .3s; position: relative; } .lg-outer.lg-left-end .lg-object { -webkit-animation: lg-left-end .3s; -o-animation: lg-left-end .3s; animation: lg-left-end .3s; position: relative; } .lg-toolbar { z-index: 1182; left: 0; position: absolute; top: 0; width: 100%; } .lg-toolbar .lg-icon:hover { color: #fff; } .lg-toolbar .lg-close:after { content: "\e070"; } .lg-toolbar .lg-download:after { content: "\e0f2"; } .lg-sub-html { bottom: 0; color: #eee; font-size: 16px; left: 0; padding: 10px 40px; position: fixed; right: 0; text-align: center; z-index: 1180; } .lg-sub-html h4 { margin: 0; font-size: 13px; font-weight: 700; } .lg-sub-html p { font-size: 12px; margin: 5px 0 0; } #lg-counter { color: #999; display: inline-block; font-size: 16px; padding-left: 20px; padding-top: 12px; vertical-align: middle; } .lg-next, .lg-prev, .lg-toolbar { opacity: 1; transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; } .lg-hide-items .lg-prev { opacity: 0; transform: translate3d(-10px, 0, 0); } .lg-hide-items .lg-next { opacity: 0; transform: translate3d(10px, 0, 0); } .lg-hide-items .lg-toolbar { opacity: 0; transform: translate3d(0, -10px, 0); } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object { transform: scale3d(0.5, 0.5, 0.5); opacity: 0; transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object { transform: scale3d(1, 1, 1); opacity: 1; } .lg-outer .lg-thumb-outer { background-color: #0d0a0a; bottom: 0; position: absolute; width: 100%; z-index: 1180; max-height: 350px; transform: translate3d(0, 100%, 0); transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .lg-outer .lg-thumb-outer.lg-dragging .lg-thumb { transition-duration: 0s !important; } .lg-outer.lg-thumb-open .lg-thumb-outer { transform: translate3d(0, 0, 0); } .lg-outer .lg-thumb { padding: 10px 0; height: 100%; margin-bottom: -5px; } .lg-outer .lg-thumb-item { cursor: pointer; float: left; overflow: hidden; height: 100%; border: 2px solid rgba(255, 255, 255, 0.4); border-radius: 0; margin-bottom: 5px; } @media (min-width: 1025px) { .lg-outer .lg-thumb-item { transition: border-color .25s ease; } } .lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { border-color: #0045b6; } .lg-outer .lg-thumb-item img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; } .lg-outer.lg-has-thumb .lg-item { padding-bottom: 120px; } .lg-outer.lg-can-toggle .lg-item { padding-bottom: 0; } .lg-outer.lg-pull-caption-up .lg-sub-html { transition: bottom .25s ease; } .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html { bottom: 100px; } .lg-outer .lg-toogle-thumb { background-color: #0d0a0a; border-radius: 2px 2px 0 0; color: #999; cursor: pointer; font-size: 24px; height: 39px; line-height: 27px; padding: 5px 0; position: absolute; right: 20px; text-align: center; top: -39px; width: 50px; } .lg-outer .lg-toogle-thumb:hover, .lg-outer.lg-dropdown-active #lg-share { color: #fff; } .lg-outer .lg-toogle-thumb:after { content: "\e1ff"; } .lg-outer .lg-video-cont { display: inline-block; vertical-align: middle; max-width: 1140px; max-height: 100%; width: 100%; padding: 0 5px; } .lg-outer .lg-video { width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative; } .lg-outer .lg-video .lg-object { display: inline-block; position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } .lg-outer .lg-video .lg-video-play { width: 84px; height: 59px; position: absolute; left: 50%; top: 50%; margin-left: -42px; margin-top: -30px; z-index: 1180; cursor: pointer; } .lg-outer .lg-has-iframe .lg-video { -webkit-overflow-scrolling: touch; overflow: auto; } .lg-outer .lg-has-vimeo .lg-video-play { background: url(../images/vimeo-play.png) no-repeat; } .lg-outer .lg-has-vimeo:hover .lg-video-play { background: url(../images/vimeo-play.png) 0 -58px no-repeat; } .lg-outer .lg-has-html5 .lg-video-play { background: url(../images/video-play.png) no-repeat; height: 64px; margin-left: -32px; margin-top: -32px; width: 64px; opacity: .8; } .lg-outer .lg-has-html5:hover .lg-video-play { opacity: 1; } .lg-outer .lg-has-youtube .lg-video-play { background: url(../images/youtube-play.png) no-repeat; } .lg-outer .lg-has-youtube:hover .lg-video-play { background: url(../images/youtube-play.png) 0 -60px no-repeat; } .lg-outer .lg-video-object { width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0; } .lg-outer .lg-has-video .lg-video-object { visibility: hidden; } .lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play { display: none; } .lg-outer .lg-has-video.lg-video-playing .lg-video-object { visibility: visible; } .lg-progress-bar { background-color: #333; height: 5px; left: 0; position: absolute; top: 0; width: 100%; z-index: 1183; opacity: 0; transition: opacity 80ms ease 0s; } .lg-progress-bar .lg-progress { background-color: #0045b6; height: 5px; width: 0; } .lg-progress-bar.lg-start .lg-progress { width: 100%; } .lg-show-autoplay .lg-progress-bar { opacity: 1; } .lg-autoplay-button:after { content: "\e01d"; } .lg-show-autoplay .lg-autoplay-button:after { content: "\e01a"; } .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap { transition-duration: 0s; } .lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap { transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image { transform: scale3d(1, 1, 1); transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } #lg-zoom-in:after { content: "\e311"; } #lg-actual-size { font-size: 20px; } #lg-actual-size:after { content: "\e033"; } #lg-zoom-out { opacity: .5; pointer-events: none; } #lg-zoom-out:after { content: "\e312"; } .lg-zoomed #lg-zoom-out { opacity: 1; pointer-events: auto; } .lg-outer .lg-pager-outer { bottom: 60px; left: 0; position: absolute; right: 0; text-align: center; z-index: 1180; height: 10px; } .lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont { overflow: visible; } .lg-outer .lg-pager-cont { cursor: pointer; display: inline-block; overflow: hidden; position: relative; vertical-align: top; margin: 0 5px; } .lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont { opacity: 1; transform: translate3d(0, 0, 0); } .lg-outer .lg-pager-cont.lg-pager-active .lg-pager { box-shadow: 0 0 0 2px #fff inset; } .lg-outer .lg-pager-thumb-cont { background-color: #fff; color: #fff; bottom: 100%; height: 83px; left: 0; margin-bottom: 20px; margin-left: -60px; opacity: 0; padding: 5px; position: absolute; width: 120px; border-radius: 3px; transition: opacity .15s ease 0s, transform .15s ease 0s; transform: translate3d(0, 5px, 0); } .lg-outer .lg-pager-thumb-cont img { width: 100%; height: 100%; } .lg-outer .lg-pager { background-color: rgba(255, 255, 255, 0.5); border-radius: 50%; box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset; display: block; height: 12px; transition: box-shadow .3s ease 0s; width: 12px; } .lg-outer .lg-pager:focus, .lg-outer .lg-pager:hover { box-shadow: 0 0 0 8px #fff inset; } .lg-outer .lg-caret { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px dashed; bottom: -10px; display: inline-block; height: 0; left: 50%; margin-left: -5px; position: absolute; vertical-align: middle; width: 0; } .lg-fullscreen:after { content: "\e20c"; } .lg-fullscreen-on .lg-fullscreen:after { content: "\e20d"; } .lg-outer #lg-dropdown-overlay { background-color: rgba(0, 0, 0, 0.25); bottom: 0; cursor: default; left: 0; position: fixed; right: 0; top: 0; z-index: 1181; opacity: 0; visibility: hidden; transition: visibility 0s linear .18s, opacity .18s linear 0s; } .lg-outer.lg-dropdown-active #lg-dropdown-overlay, .lg-outer.lg-dropdown-active .lg-dropdown { transition-delay: 0s; -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; visibility: visible; } .lg-outer .lg-dropdown { background-color: #fff; border-radius: 2px; font-size: 14px; list-style-type: none; margin: 0; padding: 10px 0; position: absolute; right: 0; text-align: left; top: 50px; opacity: 0; visibility: hidden; -moz-transform: translate3d(0, 5px, 0); -ms-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); transition: transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s; } .lg-outer .lg-dropdown:after { content: ""; display: block; height: 0; width: 0; position: absolute; border: 8px solid transparent; border-bottom-color: #fff; right: 16px; top: -16px; } .lg-outer .lg-dropdown > li:last-child { margin-bottom: 0; } .lg-outer .lg-dropdown > li:hover .lg-icon, .lg-outer .lg-dropdown > li:hover a { color: #333; } .lg-outer .lg-dropdown a { color: #333; display: block; white-space: pre; padding: 4px 12px; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; } .lg-outer .lg-dropdown a:hover { background-color: rgba(0, 0, 0, 0.07); } .lg-outer .lg-dropdown .lg-dropdown-text { display: inline-block; line-height: 1; margin-top: -3px; vertical-align: middle; } .lg-outer .lg-dropdown .lg-icon { color: #333; display: inline-block; float: none; font-size: 20px; height: auto; line-height: 1; margin-right: 8px; padding: 0; vertical-align: middle; width: auto; } .lg-outer, .lg-outer .lg, .lg-outer .lg-inner { width: 100%; height: 100%; } .lg-outer #lg-share { position: relative; } .lg-outer #lg-share:after { content: "\e80d"; } .lg-outer #lg-share-facebook .lg-icon { color: #3b5998; } .lg-outer #lg-share-facebook .lg-icon:after { content: "\e901"; } .lg-outer #lg-share-twitter .lg-icon { color: #00aced; } .lg-outer #lg-share-twitter .lg-icon:after { content: "\e904"; } .lg-outer #lg-share-googleplus .lg-icon { color: #dd4b39; } .lg-outer #lg-share-googleplus .lg-icon:after { content: "\e902"; } .lg-outer #lg-share-pinterest .lg-icon { color: #cb2027; } .lg-outer #lg-share-pinterest .lg-icon:after { content: "\e903"; } .lg-group:after { content: ""; display: table; clear: both; } .lg-outer { position: fixed; top: 0; left: 0; z-index: 1150; text-align: left; opacity: 0; transition: opacity .15s ease 0s; } .lg-outer * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .lg-outer.lg-visible { opacity: 1; } .lg-outer.lg-css3 .lg-item.lg-current, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-prev-slide { transition-duration: inherit !important; transition-timing-function: inherit !important; } .lg-outer.lg-css3.lg-dragging .lg-item.lg-current, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide { transition-duration: 0s !important; opacity: 1; } .lg-outer.lg-grab img.lg-object { cursor: grab; } .lg-outer.lg-grabbing img.lg-object { cursor: grabbing; } .lg-outer .lg { position: relative; overflow: hidden; margin-left: auto; margin-right: auto; max-width: 100%; max-height: 100%; } .lg-outer .lg-inner { position: absolute; left: 0; top: 0; white-space: nowrap; } .lg-outer .lg-item { background: url(../images/loading.gif) center center no-repeat; display: none !important; } .lg-outer.lg-css .lg-current, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide, .lg-outer.lg-css3 .lg-prev-slide { display: inline-block !important; } .lg-outer .lg-img-wrap, .lg-outer .lg-item { display: inline-block; text-align: center; position: absolute; width: 100%; height: 100%; } .lg-outer .lg-img-wrap:before, .lg-outer .lg-item:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; } .lg-outer .lg-img-wrap { position: absolute; padding: 0 5px; left: 0; right: 0; top: 0; bottom: 0; } .lg-outer .lg-item.lg-complete { background-image: none; } .lg-outer .lg-item.lg-current { z-index: 1160; } .lg-outer .lg-image { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; width: auto !important; height: auto !important; } .lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play { opacity: 0; transition: opacity .15s ease 0s; } .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play { opacity: 1; } .lg-outer .lg-empty-html, .lg-outer.lg-hide-download #lg-download { display: none; } .lg-backdrop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1140; background-color: #000; opacity: 0; transition: opacity .15s ease 0s; } .lg-backdrop.in { opacity: .8; } .lg-css3.lg-no-trans .lg-current, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-prev-slide { transition: none 0s ease 0s !important; } .lg-css3.lg-use-css3 .lg-item, .lg-css3.lg-use-left .lg-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .lg-css3.lg-fade .lg-item { opacity: 0; } .lg-css3.lg-fade .lg-item.lg-current { opacity: 1; } .lg-css3.lg-fade .lg-item.lg-current, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-prev-slide { transition: opacity .1s ease 0s; } .lg-css3.lg-slide.lg-use-css3 .lg-item { opacity: 0; } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide { transform: translate3d(-100%, 0, 0); } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide { transform: translate3d(100%, 0, 0); } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { transform: translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide { transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide.lg-use-left .lg-item { opacity: 0; position: absolute; left: 0; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide { left: -100%; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide { left: 100%; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-current { left: 0; opacity: 1; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-current, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide { transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } /* +* +* Material Parallax +*/ .parallax-content { position: relative; z-index: 1; } .parallax-container { position: relative; overflow: hidden; background-position: center center; background-size: cover; } .material-parallax { position: absolute; top: 0; left: -1px; right: -1px; bottom: 0; z-index: 0; background-position: center center; } .ipad .parallax-container, .iphone .parallax-container { background-attachment: scroll !important; } .material-parallax img { display: none; position: absolute; left: 50%; bottom: 0; min-width: 101%; min-height: 101%; max-width: none; transform: translate3d(-50%, 0, 0); } /* +* +* Slick Carousel +*/ /*rtl:begin:ignore*/ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; } .slick-track::before, .slick-track::after { content: ""; display: table; } .slick-track::after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-loading .slick-list { background: #fff url("./../images/ajax-loader.gif") center center no-repeat; } /* Icons */ /* Arrows */ .slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; color: transparent; background-color: transparent; top: 50%; transform: translate(0, -50%); padding: 0; border: none; outline: none; z-index: 9; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev::before, .slick-next::before { font-family: "fl-bigmug-line"; font-size: 24px; line-height: 1; color: #0045b6; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: .22s; } .slick-prev:hover::before, .slick-next:hover::before { color: #343db0; } .slick-prev { left: 0; } [dir="rtl"] .slick-prev { left: auto; right: 0; } .slick-prev:before { content: ""; } [dir="rtl"] .slick-prev:before { content: ""; } .slick-next { right: 0; } [dir="rtl"] .slick-next { left: 0; right: auto; } .slick-next:before { content: ""; } [dir="rtl"] .slick-next:before { content: ""; } /* Dots */ .slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: ""; font-family: "fl-bigmug-line"; font-size: 6px; line-height: 20px; text-align: center; color: #0045b6; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { color: #0045b6; opacity: 0.75; } /*rtl:end:ignore*/ .slick-widget-testimonials .carousel-child { max-width: 570px; padding: 0 50px; margin-left: auto; margin-right: auto; } .slick-widget-testimonials .carousel-child .item { border-radius: 50%; cursor: pointer; transform: scale3d(0.66, 0.66, 0.66); transition: .22s; text-align: center; } .slick-widget-testimonials .carousel-child .slick-center { transform: scale3d(1, 1, 1); } .slick-widget-testimonials .carousel-child img { border-radius: inherit; max-width: 100%; margin: 0 auto; } @media (max-width: 575.98px) { .slick-widget-testimonials .carousel-child .slick-prev { left: 30px; } .slick-widget-testimonials .carousel-child .slick-next { right: 30px; } } .slick-widget-testimonials .carousel-parent { max-width: 780px; margin-left: auto; margin-right: auto; } .slick-widget-testimonials .carousel-parent .item > * { transform-origin: 50% 0; opacity: 0; transition: .44s; } .slick-widget-testimonials .carousel-parent .slick-active > * { opacity: 1; } .slick-widget-testimonials > * + * { margin-top: 20px; } * + .slick-widget-testimonials { margin-top: 30px; } @media (min-width: 768px) { * + .slick-widget-testimonials { margin-top: 55px; } } @media (min-width: 1200px) { * + .slick-widget-testimonials { margin-top: 75px; } } /* +* +* Select 2 v4 +*/ .select2 { width: 100% !important; } .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; } .select2-container .select2-container--default .select2-selection--single { width: 100% !important; } .select2-container .select2-selection--single { display: block; cursor: pointer; user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-selection--single .select2-selection__clear { position: relative; } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; } .select2-container .select2-selection--multiple { display: block; cursor: pointer; min-height: 32px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-search--inline { float: left; } .select2-container .select2-search--inline .select2-search__field { border: none; font-size: 100%; margin-top: 5px; padding: 0; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { position: absolute; left: -100000px; z-index: 1051; display: block; overflow: hidden; width: 100%; border: 1px; border-radius: 6px; background-color: #fff; box-shadow: 0 0 5px 0 rgba(73, 80, 87, 0.2); } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__option { padding: 6px; user-select: none; -webkit-user-select: none; } .select2-results__option[aria-selected] { cursor: pointer; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-search--dropdown { display: block; padding: 4px; } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px; border-radius: 6px; border-style: solid; border-color: #aeb1be; } .select2-container--default .select2-selection--single .select2-selection__rendered { display: block; padding: 11px 29px 11px 19px; color: #495057; font-size: 16px; line-height: 1.5; font-weight: 400; min-height: 48px; } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: 700; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #74757f; } .select2-container--default .select2-selection--single .select2-selection__arrow { position: absolute; top: 50%; transform: translate3d(0, -50%, 0); right: 5px; width: 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { pointer-events: none; color: #495057; } .select2-container--default .select2-selection--single .select2-selection__arrow b::before { position: relative; display: inline-block; content: ""; font-family: "Material Design Icons"; font-size: 18px; transform: rotate(0deg); transition: .1s; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #f5f6fa; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b::before { transform: rotate(180deg); } .select2-container--default .select2-selection--multiple { background-color: #fff; border: 1px solid #aaa; border-radius: 6px; cursor: text; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%; } .select2-container--default .select2-selection--multiple .select2-selection__rendered li { list-style: none; } .select2-container--default .select2-selection--multiple .select2-selection__placeholder { color: #999; margin-top: 5px; float: left; } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline { float: right; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--default .select2-search--dropdown { border-top: 0; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #c5c6cd; } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield; } .select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--default .select2-results__option[role=group] { padding: 0; } .select2-container--default .select2-results__option[aria-disabled=true] { color: #9b9b9b; } .select2-container--default .select2-results__option[aria-selected=true] { color: #fff; background-color: #0058e9; } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; } .select2-container--default .select2-results__option--highlighted[aria-selected] { color: #fff; background-color: #0045b6; } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; } /* +* +* D3 Charts +*/ .c3 svg { padding-left: 4px; width: 100%; -webkit-tap-highlight-color: transparent; } .c3 path, .c3 line { fill: none; stroke: #9f9f9f; } .c3 text { font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 16px; fill: #9b9b9b; user-select: none; } .c3-legend-item-tile, .c3-xgrid-focus, .c3-ygrid, .c3-event-rect, .c3-bars path { shape-rendering: crispEdges; } .c3-chart-arc path { stroke: #fff; } .c3-chart-arc text { fill: #fff; font-size: 14px; } /*-- Axis --*/ /*-- Grid --*/ .c3-grid line { stroke: #eaebee; } .c3-grid text { fill: #aaa; } .c3-xgrid, .c3-ygrid { stroke-dasharray: 0 0; } /*-- Text on Chart --*/ .c3-text.c3-empty { fill: #808080; font-size: 2em; } /*-- Line --*/ .c3-line { stroke-width: 3px; } /*-- Point --*/ .c3-circle._expanded_ { stroke-width: 2px; stroke: white; } .c3-selected-circle { fill: white; stroke-width: 2px; } /*-- Bar --*/ .c3-bar { stroke-width: 0; } .c3-bar._expanded_ { fill-opacity: 0.75; } /*-- Focus --*/ .c3-target.c3-focused { opacity: 1; } .c3-target.c3-focused path.c3-line, .c3-target.c3-focused path.c3-step { stroke-width: 2px; } .c3-target.c3-defocused { opacity: 0.3 !important; } /*-- Region --*/ .c3-region { fill: steelblue; fill-opacity: .1; } /*-- Brush --*/ .c3-brush .extent { fill-opacity: .1; fill: #000; } /*-- Select - Drag --*/ /*-- Legend --*/ .c3-legend-item { font-size: 12px; } .c3-legend-item-hidden { opacity: 0.15; } .c3-legend-background { opacity: 0.75; fill: white; stroke: lightgray; stroke-width: 1; } /*-- Title --*/ .c3-title { font: 14px sans-serif; } /*-- Tooltip --*/ .c3-tooltip-container { z-index: 10; } .c3-tooltip { border-collapse: collapse; border-spacing: 0; background-color: #fff; empty-cells: show; opacity: 0.9; border: 1px solid #ccc; } .c3-tooltip tr { border: 1px solid #ccc; } .c3-tooltip th { background-color: #aaa; font-size: 14px; line-height: 1.2; padding: 2px 5px; text-align: left; color: #fff; } .c3-tooltip td { font-size: 13px; padding: 3px 6px; background-color: #fff; color: #000; border-left: 1px dotted #999; } .c3-tooltip td > span { display: inline-block; width: 10px; height: 10px; margin-right: 6px; } .c3-tooltip td.value { text-align: right; } /*-- Area --*/ .c3-area { stroke-width: 0; opacity: 0.2; } /*-- Arc --*/ .c3-chart-arcs-title { dominant-baseline: middle; font-size: 1.3em; } .c3-chart-arcs .c3-chart-arcs-background { fill: #e0e0e0; stroke: none; } .c3-chart-arcs .c3-chart-arcs-gauge-unit { fill: #000; font-size: 16px; } .c3-chart-arcs .c3-chart-arcs-gauge-max { fill: #777; } .c3-chart-arcs .c3-chart-arcs-gauge-min { fill: #777; } .c3-chart-arc .c3-gauge-value { fill: #000; } .c3 .domain { stroke: #c8c8c8; } .d3-chart .tick line { display: none; } .d3-chart .c3-tooltip { opacity: 1; color: #fff; background: #0045b6; border: 1px solid #aeb1be; } .d3-chart .c3-tooltip tr th { padding: 8px 10px; color: #fff; background: #495057; } .d3-chart .c3-tooltip tr td { padding: 5px 10px; color: #838386; background: #fff; } .d3-chart .c3-tooltip .value { border-left: 1px solid #f2f3f9; } #line-chart .c3-tooltip-container { border-radius: 6px; overflow: hidden; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05); } #line-chart .c3-tooltip-container tr { border: 0; } #line-chart .c3-tooltip-container .name { border-left: 0; } #line-chart .c3-tooltip-container table { border: 0 solid transparent; border-radius: 6px; } #line-chart .c3-axis-y-label { transform: translateY(-10px); } #line-chart .c3-axis-y .tick text { transform: translateX(1px); } #line-chart .c3-axis-x { text-align: left; } #line-chart .c3-axis-x text { transform: translateX(-1px); text-anchor: start !important; } #line-chart .c3-legend-item { display: none !important; transform: translateY(15px); } #line-chart .c3-legend-item text { font-size: 16px; color: #29293a; } .d3-chart-wrap { width: 100%; max-width: 100%; overflow-y: hidden; overflow-x: auto; padding-bottom: 30px; } .d3-chart-wrap > .d3-chart { min-width: 520px; } .d3-chart-legend { transform: translateY(-5px); margin-bottom: -5px; margin-left: -30px; text-align: center; } .d3-chart-legend > * { display: inline-block; margin-top: 5px; margin-left: 30px; } .d3-chart-legend span { position: relative; display: inline-block; font-size: 16px; color: #74757f; cursor: pointer; } .d3-chart-legend span::before { content: ''; display: inline-block; height: 3px; width: 30px; margin-right: 12px; vertical-align: middle; } .d3-chart-legend span:nth-child(1)::before { background: #0045b6; } .d3-chart-legend span:nth-child(2)::before { background: #aeb1be; } * + .d3-chart-legend { margin-top: 20px; } @media (min-width: 1600px) { .d3-chart-legend span { font-size: 18px; } } .rd-range-input { border: none; background: none; width: auto; } .price-devider { padding: 0 5px 0 4px; display: flex; flex-direction: column; justify-content: flex-start; vertical-align: baseline; height: 100%; width: 20px; text-align: left; } .rd-range-form-wrap { display: flex; font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; align-items: baseline; color: #151515; } .rd-range-form-wrap span { font-weight: 400; } .rd-range-input-value-1 { text-align: left; } .rd-range-input-value-2 { text-align: left; } .ios .rd-range-input { width: 100% !important; max-width: 45px; } .ios .price-devider { padding: 0 15px 0 0; width: auto; text-align: left; } .rd-range-wrap { width: 100%; display: flex; justify-content: center; align-items: center; vertical-align: middle; } .rd-range { height: 18px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .rd-range__wrap { position: relative; width: 100%; background-color: #bdbdbd; transition: background 100ms cubic-bezier(0.23, 1, 0.32, 1); height: 5px; } .rd-range:hover .rd-range__wrap { background-color: #9e9e9e; } .rd-range:hover .rd-range__pointer:before { transform: scale(1); -webkit-animation-name: pulse; animation-name: pulse; } .rd-range__pointer { position: absolute; cursor: pointer; top: 1px; left: 6%; z-index: 1; width: 19px; height: 19px; border-radius: 50%; transform: translate(-50%, -50%); transform-origin: 0% 15%; transition: transform 0.2s cubic-bezier(0.35, 0, 0.25, 1); overflow: visible; background-color: #0045b6; background-clip: padding-box; } @media (min-width: 768px) { .rd-range__pointer { width: 12px; height: 12px; } .rd-range__pointer:before { content: ''; height: 26px; width: 26px; pointer-events: none; background: rgba(0, 69, 182, 0.16); position: absolute; top: -7px; left: -7px; border-radius: 50%; transform: scale(0); transition: transform 100ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 0ms, opacity 60ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 0ms; pointer-events: none; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .rd-range__pointer.active:before { animation: none; transform: scale(0); opacity: 0; } } .rd-range__line { background-color: #0045b6; position: absolute; top: 0; left: 0; height: 5px; } .rd-range.hasTooltip .rd-range__pointer-tooltip { font-size: 12px; color: #ffffff; opacity: 0; transition: color 0.3s cubic-bezier(0.35, 0, 0.25, 1); display: none; } .rd-range.hasTooltip .rd-range__pointer { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; width: 17px; height: 17px; border-radius: 28px; } .rd-range.hasTooltip .rd-range__pointer:before { content: none; } .rd-range.hasTooltip .rd-range__pointer:after { position: absolute; content: ''; left: 0; border-radius: 16px; top: 19px; border-left: 14px solid transparent; border-right: 14px solid transparent; border-top: 16px solid #0045b6; opacity: 0; -webkit-transform: translate3d(0, -8px, 0); transform: translate3d(0, -8px, 0); transition: all 0.2s cubic-bezier(0.35, 0, 0.25, 1); display: none; } .rd-range.hasTooltip .rd-range__pointer.active { opacity: 1; } .rd-range.hasTooltip .rd-range__pointer.active:after { opacity: 1; } .rd-range.hasTooltip .rd-range__pointer.active .rd-range__pointer-tooltip { opacity: 1; } \ No newline at end of file diff --git a/template/real_estate_html/site/fonts/FontAwesome.otf b/template/real_estate_html/site/fonts/FontAwesome.otf new file mode 100755 index 0000000..401ec0f Binary files /dev/null and b/template/real_estate_html/site/fonts/FontAwesome.otf differ diff --git a/template/real_estate_html/site/fonts/Linearicons.eot b/template/real_estate_html/site/fonts/Linearicons.eot new file mode 100755 index 0000000..513cef7 Binary files /dev/null and b/template/real_estate_html/site/fonts/Linearicons.eot differ diff --git a/template/real_estate_html/site/fonts/Linearicons.svg b/template/real_estate_html/site/fonts/Linearicons.svg new file mode 100755 index 0000000..942c1d6 --- /dev/null +++ b/template/real_estate_html/site/fonts/Linearicons.svg @@ -0,0 +1,1028 @@ + + + + + + +{ + "fontFamily": "Linearicons", + "majorVersion": 1, + "minorVersion": 0, + "version": "Version 1.0", + "fontId": "Linearicons", + "psName": "Linearicons", + "subFamily": "Regular", + "fullName": "Linearicons", + "description": "Font generated by IcoMoon." +} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/template/real_estate_html/site/fonts/Linearicons.ttf b/template/real_estate_html/site/fonts/Linearicons.ttf new file mode 100755 index 0000000..73ec944 Binary files /dev/null and b/template/real_estate_html/site/fonts/Linearicons.ttf differ diff --git a/template/real_estate_html/site/fonts/Linearicons.woff b/template/real_estate_html/site/fonts/Linearicons.woff new file mode 100755 index 0000000..2425dc0 Binary files /dev/null and b/template/real_estate_html/site/fonts/Linearicons.woff differ diff --git a/template/real_estate_html/site/fonts/fl-bigmug-line.eot b/template/real_estate_html/site/fonts/fl-bigmug-line.eot new file mode 100755 index 0000000..7781397 Binary files /dev/null and b/template/real_estate_html/site/fonts/fl-bigmug-line.eot differ diff --git a/template/real_estate_html/site/fonts/fl-bigmug-line.svg b/template/real_estate_html/site/fonts/fl-bigmug-line.svg new file mode 100755 index 0000000..9a9e941 --- /dev/null +++ b/template/real_estate_html/site/fonts/fl-bigmug-line.svg @@ -0,0 +1,3 @@ + + + diff --git a/template/real_estate_html/site/fonts/fl-bigmug-line.ttf b/template/real_estate_html/site/fonts/fl-bigmug-line.ttf new file mode 100755 index 0000000..26678a5 Binary files /dev/null and b/template/real_estate_html/site/fonts/fl-bigmug-line.ttf differ diff --git a/template/real_estate_html/site/fonts/fl-bigmug-line.woff b/template/real_estate_html/site/fonts/fl-bigmug-line.woff new file mode 100755 index 0000000..3b5f0a4 Binary files /dev/null and b/template/real_estate_html/site/fonts/fl-bigmug-line.woff differ diff --git a/template/real_estate_html/site/fonts/fontawesome-webfont.eot b/template/real_estate_html/site/fonts/fontawesome-webfont.eot new file mode 100755 index 0000000..e9f60ca Binary files /dev/null and b/template/real_estate_html/site/fonts/fontawesome-webfont.eot differ diff --git a/template/real_estate_html/site/fonts/fontawesome-webfont.svg b/template/real_estate_html/site/fonts/fontawesome-webfont.svg new file mode 100755 index 0000000..855c845 --- /dev/null +++ b/template/real_estate_html/site/fonts/fontawesome-webfont.svg @@ -0,0 +1,2671 @@ + + + + +Created by FontForge 20120731 at Mon Oct 24 17:37:40 2016 + By ,,, +Copyright Dave Gandy 2016. All rights reserved. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/template/real_estate_html/site/fonts/fontawesome-webfont.ttf b/template/real_estate_html/site/fonts/fontawesome-webfont.ttf new file mode 100755 index 0000000..35acda2 Binary files /dev/null and b/template/real_estate_html/site/fonts/fontawesome-webfont.ttf differ diff --git a/template/real_estate_html/site/fonts/fontawesome-webfont.woff b/template/real_estate_html/site/fonts/fontawesome-webfont.woff new file mode 100755 index 0000000..400014a Binary files /dev/null and b/template/real_estate_html/site/fonts/fontawesome-webfont.woff differ diff --git a/template/real_estate_html/site/fonts/fontawesome-webfont.woff2 b/template/real_estate_html/site/fonts/fontawesome-webfont.woff2 new file mode 100755 index 0000000..4d13fc6 Binary files /dev/null and b/template/real_estate_html/site/fonts/fontawesome-webfont.woff2 differ diff --git a/template/real_estate_html/site/fonts/lg.eot b/template/real_estate_html/site/fonts/lg.eot new file mode 100755 index 0000000..51264c4 Binary files /dev/null and b/template/real_estate_html/site/fonts/lg.eot differ diff --git a/template/real_estate_html/site/fonts/lg.svg b/template/real_estate_html/site/fonts/lg.svg new file mode 100755 index 0000000..22b1a1f --- /dev/null +++ b/template/real_estate_html/site/fonts/lg.svg @@ -0,0 +1,47 @@ + + + + + + +{ + "fontFamily": "lg", + "majorVersion": 1, + "minorVersion": 0, + "fontURL": "https://github.com/sachinchoolur/lightGallery", + "copyright": "sachin", + "license": "MLT", + "licenseURL": "http://opensource.org/licenses/MIT", + "version": "Version 1.0", + "fontId": "lg", + "psName": "lg", + "subFamily": "Regular", + "fullName": "lg", + "description": "Font generated by IcoMoon." +} + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/template/real_estate_html/site/fonts/lg.ttf b/template/real_estate_html/site/fonts/lg.ttf new file mode 100755 index 0000000..8ad8199 Binary files /dev/null and b/template/real_estate_html/site/fonts/lg.ttf differ diff --git a/template/real_estate_html/site/fonts/lg.woff b/template/real_estate_html/site/fonts/lg.woff new file mode 100755 index 0000000..d98ff60 Binary files /dev/null and b/template/real_estate_html/site/fonts/lg.woff differ diff --git a/template/real_estate_html/site/fonts/materialdesignicons-webfont.eot b/template/real_estate_html/site/fonts/materialdesignicons-webfont.eot new file mode 100755 index 0000000..15fa077 Binary files /dev/null and b/template/real_estate_html/site/fonts/materialdesignicons-webfont.eot differ diff --git a/template/real_estate_html/site/fonts/materialdesignicons-webfont.svg b/template/real_estate_html/site/fonts/materialdesignicons-webfont.svg new file mode 100755 index 0000000..2d9f0ba --- /dev/null +++ b/template/real_estate_html/site/fonts/materialdesignicons-webfont.svg @@ -0,0 +1,4383 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/template/real_estate_html/site/fonts/materialdesignicons-webfont.ttf b/template/real_estate_html/site/fonts/materialdesignicons-webfont.ttf new file mode 100755 index 0000000..1fc3931 Binary files /dev/null and b/template/real_estate_html/site/fonts/materialdesignicons-webfont.ttf differ diff --git a/template/real_estate_html/site/fonts/materialdesignicons-webfont.woff b/template/real_estate_html/site/fonts/materialdesignicons-webfont.woff new file mode 100755 index 0000000..554be39 Binary files /dev/null and b/template/real_estate_html/site/fonts/materialdesignicons-webfont.woff differ diff --git a/template/real_estate_html/site/fonts/materialdesignicons-webfont.woff2 b/template/real_estate_html/site/fonts/materialdesignicons-webfont.woff2 new file mode 100755 index 0000000..b2246e9 Binary files /dev/null and b/template/real_estate_html/site/fonts/materialdesignicons-webfont.woff2 differ diff --git a/template/real_estate_html/site/forms.html b/template/real_estate_html/site/forms.html new file mode 100755 index 0000000..1202756 --- /dev/null +++ b/template/real_estate_html/site/forms.html @@ -0,0 +1,555 @@ + + + + Forms + + + + + + + + + + + + + +
+ + + + + +
+
+
Newsletter form ?
+
+
+
+
+
+

Newsletter

+

Keep up with our always upcoming news and updates. Enter your e-mail and subscribe to our newsletter.

+ +
+
+ + +
+
+ +
+
+
+
+
+
+
+ +
+
+
Small newsletter form ?
+
+
+
+
+
+

Newsletter

+

Sign up to our newsletter and be the first to know about the latest news, special offers, events, and discounts.

+ +
+
+ + +
+
+ +
+
+
+
+
+
+
+ +
+
+
Photo newsletter form ?
+
+
+
+
+
+

Newsletter

+

Keep up with our always upcoming news and updates. Enter your e-mail and subscribe to our newsletter.

+ +
+
+ + +
+
+ +
+
+
+
+
+
+ +
+
+
Map & contact form
+
+
+
+
+
+
+
+

Contact Us

+ +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+
+ +
+

or use

+ +
+
+
+
+
+
+
+
+
+
+
    +
  • +
+
+
+
+
+
+
+ +
+
+
Map & contact form with reCAPTCHA
+
+
+
+
+
+
+
+

Contact Us

+ +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+ +
+
+
+
+ +

or use

+ +
+
+
+
+
+
+
+
+
    +
  • +

    9870 St Vincent Place, Glasgow, DC 45 Fr 45.

    +
  • +
+
+
+
+
+
+ +
+
+
Login form
+
+
+
+
+

Sign In

+
+
+ + +
+
+ + +
+
+ +
+
+
+
+
+
+ +
+
+
+

Registration

+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ +
+
+
or enter with
+
+
+
+
+
+
+
+
+ + + +
+
+ +
+
+
+
+
+
+ +
+ + + + + \ No newline at end of file diff --git a/template/real_estate_html/site/grid-blog.html b/template/real_estate_html/site/grid-blog.html new file mode 100755 index 0000000..803b1f0 --- /dev/null +++ b/template/real_estate_html/site/grid-blog.html @@ -0,0 +1,335 @@ + + + + Grid Blog + + + + + + + + + + + + + +
+ + + + +
+
+
+
+ +
+
+

7 Important Tips for Buying a Home

+
    +
  • by Mike Barnes
  • +
  • + +
  • +
  • News
  • +
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.

+
+
+
+
+ +
+
+

Useful Habits for Potential Home Buyers

+
    +
  • by Mike Barnes
  • +
  • + +
  • +
  • Real Estate
  • +
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.

+
+
+
+
+ +
+
+

7 Signs Your Home Will Have Good Resale Value

+
    +
  • by Mike Barnes
  • +
  • + +
  • +
  • News
  • +
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.

+
+
+
+
+ +
+
+

Single-Family Homes as a Housing Option

+
    +
  • by Mike Barnes
  • +
  • + +
  • +
  • Real Estate
  • +
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.

+
+
+
+
+ +
+
+ + +
+
+ +
+
+
+
+
+
+ +
+ + + + + \ No newline at end of file diff --git a/template/real_estate_html/site/images/accordions-1-470x368.jpg b/template/real_estate_html/site/images/accordions-1-470x368.jpg new file mode 100755 index 0000000..7f7dac5 Binary files /dev/null and b/template/real_estate_html/site/images/accordions-1-470x368.jpg differ diff --git a/template/real_estate_html/site/images/ajax-loader.gif b/template/real_estate_html/site/images/ajax-loader.gif new file mode 100755 index 0000000..c122391 Binary files /dev/null and b/template/real_estate_html/site/images/ajax-loader.gif differ diff --git a/template/real_estate_html/site/images/bg-1-1920-455.jpg b/template/real_estate_html/site/images/bg-1-1920-455.jpg new file mode 100755 index 0000000..3730c47 Binary files /dev/null and b/template/real_estate_html/site/images/bg-1-1920-455.jpg differ diff --git a/template/real_estate_html/site/images/bg-image-1.jpg b/template/real_estate_html/site/images/bg-image-1.jpg new file mode 100755 index 0000000..f440759 Binary files /dev/null and b/template/real_estate_html/site/images/bg-image-1.jpg differ diff --git a/template/real_estate_html/site/images/bg-image-2.jpg b/template/real_estate_html/site/images/bg-image-2.jpg new file mode 100755 index 0000000..b31b6b9 Binary files /dev/null and b/template/real_estate_html/site/images/bg-image-2.jpg differ diff --git a/template/real_estate_html/site/images/bg-image-3.jpg b/template/real_estate_html/site/images/bg-image-3.jpg new file mode 100755 index 0000000..13a7efe Binary files /dev/null and b/template/real_estate_html/site/images/bg-image-3.jpg differ diff --git a/template/real_estate_html/site/images/bg-image-4.jpg b/template/real_estate_html/site/images/bg-image-4.jpg new file mode 100755 index 0000000..e3701cd Binary files /dev/null and b/template/real_estate_html/site/images/bg-image-4.jpg differ diff --git a/template/real_estate_html/site/images/bg-image-5.jpg b/template/real_estate_html/site/images/bg-image-5.jpg new file mode 100755 index 0000000..2be9776 Binary files /dev/null and b/template/real_estate_html/site/images/bg-image-5.jpg differ diff --git a/template/real_estate_html/site/images/bg-image-6.jpg b/template/real_estate_html/site/images/bg-image-6.jpg new file mode 100755 index 0000000..259800e Binary files /dev/null and b/template/real_estate_html/site/images/bg-image-6.jpg differ diff --git a/template/real_estate_html/site/images/bg-image-7.jpg b/template/real_estate_html/site/images/bg-image-7.jpg new file mode 100755 index 0000000..c140827 Binary files /dev/null and b/template/real_estate_html/site/images/bg-image-7.jpg differ diff --git a/template/real_estate_html/site/images/bg-pattern-boxed.png b/template/real_estate_html/site/images/bg-pattern-boxed.png new file mode 100755 index 0000000..219dda0 Binary files /dev/null and b/template/real_estate_html/site/images/bg-pattern-boxed.png differ diff --git a/template/real_estate_html/site/images/blog-layouts-1-270x184.jpg b/template/real_estate_html/site/images/blog-layouts-1-270x184.jpg new file mode 100755 index 0000000..ffbc2c4 Binary files /dev/null and b/template/real_estate_html/site/images/blog-layouts-1-270x184.jpg differ diff --git a/template/real_estate_html/site/images/blog-layouts-2-270x184.jpg b/template/real_estate_html/site/images/blog-layouts-2-270x184.jpg new file mode 100755 index 0000000..1f949cb Binary files /dev/null and b/template/real_estate_html/site/images/blog-layouts-2-270x184.jpg differ diff --git a/template/real_estate_html/site/images/blog-layouts-3-270x184.jpg b/template/real_estate_html/site/images/blog-layouts-3-270x184.jpg new file mode 100755 index 0000000..e2f7cce Binary files /dev/null and b/template/real_estate_html/site/images/blog-layouts-3-270x184.jpg differ diff --git a/template/real_estate_html/site/images/blog-layouts-4-270x184.jpg b/template/real_estate_html/site/images/blog-layouts-4-270x184.jpg new file mode 100755 index 0000000..fa743a8 Binary files /dev/null and b/template/real_estate_html/site/images/blog-layouts-4-270x184.jpg differ diff --git a/template/real_estate_html/site/images/blog-layouts-5-637x456.jpg b/template/real_estate_html/site/images/blog-layouts-5-637x456.jpg new file mode 100755 index 0000000..a429629 Binary files /dev/null and b/template/real_estate_html/site/images/blog-layouts-5-637x456.jpg differ diff --git a/template/real_estate_html/site/images/breadcrumbs-image-1.jpg b/template/real_estate_html/site/images/breadcrumbs-image-1.jpg new file mode 100755 index 0000000..afefa36 Binary files /dev/null and b/template/real_estate_html/site/images/breadcrumbs-image-1.jpg differ diff --git a/template/real_estate_html/site/images/call-to-action-1-1920x584.jpg b/template/real_estate_html/site/images/call-to-action-1-1920x584.jpg new file mode 100755 index 0000000..e801e95 Binary files /dev/null and b/template/real_estate_html/site/images/call-to-action-1-1920x584.jpg differ diff --git a/template/real_estate_html/site/images/call-to-action-2-1920x584.jpg b/template/real_estate_html/site/images/call-to-action-2-1920x584.jpg new file mode 100755 index 0000000..524cec0 Binary files /dev/null and b/template/real_estate_html/site/images/call-to-action-2-1920x584.jpg differ diff --git a/template/real_estate_html/site/images/careers-1-570x368.jpg b/template/real_estate_html/site/images/careers-1-570x368.jpg new file mode 100755 index 0000000..d2330a7 Binary files /dev/null and b/template/real_estate_html/site/images/careers-1-570x368.jpg differ diff --git a/template/real_estate_html/site/images/careers-1-570x388.jpg b/template/real_estate_html/site/images/careers-1-570x388.jpg new file mode 100755 index 0000000..dddc32d Binary files /dev/null and b/template/real_estate_html/site/images/careers-1-570x388.jpg differ diff --git a/template/real_estate_html/site/images/comment-1-48x48.jpg b/template/real_estate_html/site/images/comment-1-48x48.jpg new file mode 100755 index 0000000..65636e9 Binary files /dev/null and b/template/real_estate_html/site/images/comment-1-48x48.jpg differ diff --git a/template/real_estate_html/site/images/comment-2-48x48.jpg b/template/real_estate_html/site/images/comment-2-48x48.jpg new file mode 100755 index 0000000..917bddc Binary files /dev/null and b/template/real_estate_html/site/images/comment-2-48x48.jpg differ diff --git a/template/real_estate_html/site/images/comment-3-48x48.jpg b/template/real_estate_html/site/images/comment-3-48x48.jpg new file mode 100755 index 0000000..7fa5c0d Binary files /dev/null and b/template/real_estate_html/site/images/comment-3-48x48.jpg differ diff --git a/template/real_estate_html/site/images/favicon-exit.png b/template/real_estate_html/site/images/favicon-exit.png new file mode 100644 index 0000000..9fad4f1 Binary files /dev/null and b/template/real_estate_html/site/images/favicon-exit.png differ diff --git a/template/real_estate_html/site/images/favicon.ico b/template/real_estate_html/site/images/favicon.ico new file mode 100755 index 0000000..9fd5ad8 Binary files /dev/null and b/template/real_estate_html/site/images/favicon.ico differ diff --git a/template/real_estate_html/site/images/footer-gallery-1-85x85.jpg b/template/real_estate_html/site/images/footer-gallery-1-85x85.jpg new file mode 100755 index 0000000..b1f8031 Binary files /dev/null and b/template/real_estate_html/site/images/footer-gallery-1-85x85.jpg differ diff --git a/template/real_estate_html/site/images/footer-gallery-2-85x85.jpg b/template/real_estate_html/site/images/footer-gallery-2-85x85.jpg new file mode 100755 index 0000000..2be1604 Binary files /dev/null and b/template/real_estate_html/site/images/footer-gallery-2-85x85.jpg differ diff --git a/template/real_estate_html/site/images/footer-gallery-3-85x85.jpg b/template/real_estate_html/site/images/footer-gallery-3-85x85.jpg new file mode 100755 index 0000000..d73bd82 Binary files /dev/null and b/template/real_estate_html/site/images/footer-gallery-3-85x85.jpg differ diff --git a/template/real_estate_html/site/images/footer-gallery-4-85x85.jpg b/template/real_estate_html/site/images/footer-gallery-4-85x85.jpg new file mode 100755 index 0000000..2a05e50 Binary files /dev/null and b/template/real_estate_html/site/images/footer-gallery-4-85x85.jpg differ diff --git a/template/real_estate_html/site/images/footer-gallery-5-85x85.jpg b/template/real_estate_html/site/images/footer-gallery-5-85x85.jpg new file mode 100755 index 0000000..2731fe9 Binary files /dev/null and b/template/real_estate_html/site/images/footer-gallery-5-85x85.jpg differ diff --git a/template/real_estate_html/site/images/footer-gallery-6-85x85.jpg b/template/real_estate_html/site/images/footer-gallery-6-85x85.jpg new file mode 100755 index 0000000..746e252 Binary files /dev/null and b/template/real_estate_html/site/images/footer-gallery-6-85x85.jpg differ diff --git a/template/real_estate_html/site/images/footer-gallery-7-85x85.jpg b/template/real_estate_html/site/images/footer-gallery-7-85x85.jpg new file mode 100755 index 0000000..2415020 Binary files /dev/null and b/template/real_estate_html/site/images/footer-gallery-7-85x85.jpg differ diff --git a/template/real_estate_html/site/images/footer-gallery-8-85x85.jpg b/template/real_estate_html/site/images/footer-gallery-8-85x85.jpg new file mode 100755 index 0000000..545a725 Binary files /dev/null and b/template/real_estate_html/site/images/footer-gallery-8-85x85.jpg differ diff --git a/template/real_estate_html/site/images/galleries-1-320x320.jpg b/template/real_estate_html/site/images/galleries-1-320x320.jpg new file mode 100755 index 0000000..f6a21b1 Binary files /dev/null and b/template/real_estate_html/site/images/galleries-1-320x320.jpg differ diff --git a/template/real_estate_html/site/images/galleries-2-320x320.jpg b/template/real_estate_html/site/images/galleries-2-320x320.jpg new file mode 100755 index 0000000..614dbd5 Binary files /dev/null and b/template/real_estate_html/site/images/galleries-2-320x320.jpg differ diff --git a/template/real_estate_html/site/images/galleries-3-320x320.jpg b/template/real_estate_html/site/images/galleries-3-320x320.jpg new file mode 100755 index 0000000..0d304d8 Binary files /dev/null and b/template/real_estate_html/site/images/galleries-3-320x320.jpg differ diff --git a/template/real_estate_html/site/images/galleries-4-320x320.jpg b/template/real_estate_html/site/images/galleries-4-320x320.jpg new file mode 100755 index 0000000..0ec56df Binary files /dev/null and b/template/real_estate_html/site/images/galleries-4-320x320.jpg differ diff --git a/template/real_estate_html/site/images/galleries-5-320x320.jpg b/template/real_estate_html/site/images/galleries-5-320x320.jpg new file mode 100755 index 0000000..2165305 Binary files /dev/null and b/template/real_estate_html/site/images/galleries-5-320x320.jpg differ diff --git a/template/real_estate_html/site/images/galleries-6-320x320.jpg b/template/real_estate_html/site/images/galleries-6-320x320.jpg new file mode 100755 index 0000000..9415d47 Binary files /dev/null and b/template/real_estate_html/site/images/galleries-6-320x320.jpg differ diff --git a/template/real_estate_html/site/images/gallery-masonry-1-370x256.jpg b/template/real_estate_html/site/images/gallery-masonry-1-370x256.jpg new file mode 100755 index 0000000..560912e Binary files /dev/null and b/template/real_estate_html/site/images/gallery-masonry-1-370x256.jpg differ diff --git a/template/real_estate_html/site/images/gallery-masonry-1-original.jpg b/template/real_estate_html/site/images/gallery-masonry-1-original.jpg new file mode 100755 index 0000000..319b50e Binary files /dev/null and b/template/real_estate_html/site/images/gallery-masonry-1-original.jpg differ diff --git a/template/real_estate_html/site/images/gallery-masonry-2-370x464.jpg b/template/real_estate_html/site/images/gallery-masonry-2-370x464.jpg new file mode 100755 index 0000000..20a6601 Binary files /dev/null and b/template/real_estate_html/site/images/gallery-masonry-2-370x464.jpg differ diff --git a/template/real_estate_html/site/images/gallery-masonry-2-original.jpg b/template/real_estate_html/site/images/gallery-masonry-2-original.jpg new file mode 100755 index 0000000..d843a0c Binary files /dev/null and b/template/real_estate_html/site/images/gallery-masonry-2-original.jpg differ diff --git a/template/real_estate_html/site/images/gallery-masonry-3-370x256.jpg b/template/real_estate_html/site/images/gallery-masonry-3-370x256.jpg new file mode 100755 index 0000000..d5f9e04 Binary files /dev/null and b/template/real_estate_html/site/images/gallery-masonry-3-370x256.jpg differ diff --git a/template/real_estate_html/site/images/gallery-masonry-3-original.jpg b/template/real_estate_html/site/images/gallery-masonry-3-original.jpg new file mode 100755 index 0000000..18e8169 Binary files /dev/null and b/template/real_estate_html/site/images/gallery-masonry-3-original.jpg differ diff --git a/template/real_estate_html/site/images/gallery-masonry-4-370x464.jpg b/template/real_estate_html/site/images/gallery-masonry-4-370x464.jpg new file mode 100755 index 0000000..c35dad2 Binary files /dev/null and b/template/real_estate_html/site/images/gallery-masonry-4-370x464.jpg differ diff --git a/template/real_estate_html/site/images/gallery-masonry-4-original.jpg b/template/real_estate_html/site/images/gallery-masonry-4-original.jpg new file mode 100755 index 0000000..3a34024 Binary files /dev/null and b/template/real_estate_html/site/images/gallery-masonry-4-original.jpg differ diff --git a/template/real_estate_html/site/images/gallery-masonry-5-370x256.jpg b/template/real_estate_html/site/images/gallery-masonry-5-370x256.jpg new file mode 100755 index 0000000..5474ada Binary files /dev/null and b/template/real_estate_html/site/images/gallery-masonry-5-370x256.jpg differ diff --git a/template/real_estate_html/site/images/gallery-masonry-5-original.jpg b/template/real_estate_html/site/images/gallery-masonry-5-original.jpg new file mode 100755 index 0000000..30324a1 Binary files /dev/null and b/template/real_estate_html/site/images/gallery-masonry-5-original.jpg differ diff --git a/template/real_estate_html/site/images/gallery-masonry-6-370x464.jpg b/template/real_estate_html/site/images/gallery-masonry-6-370x464.jpg new file mode 100755 index 0000000..478d644 Binary files /dev/null and b/template/real_estate_html/site/images/gallery-masonry-6-370x464.jpg differ diff --git a/template/real_estate_html/site/images/gallery-masonry-6-original.jpg b/template/real_estate_html/site/images/gallery-masonry-6-original.jpg new file mode 100755 index 0000000..f9739dd Binary files /dev/null and b/template/real_estate_html/site/images/gallery-masonry-6-original.jpg differ diff --git a/template/real_estate_html/site/images/gallery-masonry-condensed-1-390x576.jpg b/template/real_estate_html/site/images/gallery-masonry-condensed-1-390x576.jpg new file mode 100755 index 0000000..0af714c Binary files /dev/null and b/template/real_estate_html/site/images/gallery-masonry-condensed-1-390x576.jpg differ diff --git a/template/real_estate_html/site/images/gallery-masonry-condensed-2-390x288.jpg b/template/real_estate_html/site/images/gallery-masonry-condensed-2-390x288.jpg new file mode 100755 index 0000000..81d47df Binary files /dev/null and b/template/real_estate_html/site/images/gallery-masonry-condensed-2-390x288.jpg differ diff --git a/template/real_estate_html/site/images/gallery-masonry-condensed-3-390x576.jpg b/template/real_estate_html/site/images/gallery-masonry-condensed-3-390x576.jpg new file mode 100755 index 0000000..3adfff6 Binary files /dev/null and b/template/real_estate_html/site/images/gallery-masonry-condensed-3-390x576.jpg differ diff --git a/template/real_estate_html/site/images/gallery-masonry-condensed-4-390x288.jpg b/template/real_estate_html/site/images/gallery-masonry-condensed-4-390x288.jpg new file mode 100755 index 0000000..44172cf Binary files /dev/null and b/template/real_estate_html/site/images/gallery-masonry-condensed-4-390x288.jpg differ diff --git a/template/real_estate_html/site/images/gallery-masonry-condensed-5-390x576.jpg b/template/real_estate_html/site/images/gallery-masonry-condensed-5-390x576.jpg new file mode 100755 index 0000000..52f0352 Binary files /dev/null and b/template/real_estate_html/site/images/gallery-masonry-condensed-5-390x576.jpg differ diff --git a/template/real_estate_html/site/images/gallery-masonry-condensed-6-390x288.jpg b/template/real_estate_html/site/images/gallery-masonry-condensed-6-390x288.jpg new file mode 100755 index 0000000..224af96 Binary files /dev/null and b/template/real_estate_html/site/images/gallery-masonry-condensed-6-390x288.jpg differ diff --git a/template/real_estate_html/site/images/gallery-original-1.jpg b/template/real_estate_html/site/images/gallery-original-1.jpg new file mode 100755 index 0000000..40622ac Binary files /dev/null and b/template/real_estate_html/site/images/gallery-original-1.jpg differ diff --git a/template/real_estate_html/site/images/gallery-original-10.jpg b/template/real_estate_html/site/images/gallery-original-10.jpg new file mode 100755 index 0000000..baaf8a8 Binary files /dev/null and b/template/real_estate_html/site/images/gallery-original-10.jpg differ diff --git a/template/real_estate_html/site/images/gallery-original-11.jpg b/template/real_estate_html/site/images/gallery-original-11.jpg new file mode 100755 index 0000000..d67068d Binary files /dev/null and b/template/real_estate_html/site/images/gallery-original-11.jpg differ diff --git a/template/real_estate_html/site/images/gallery-original-2.jpg b/template/real_estate_html/site/images/gallery-original-2.jpg new file mode 100755 index 0000000..fd23f97 Binary files /dev/null and b/template/real_estate_html/site/images/gallery-original-2.jpg differ diff --git a/template/real_estate_html/site/images/gallery-original-3.jpg b/template/real_estate_html/site/images/gallery-original-3.jpg new file mode 100755 index 0000000..424187b Binary files /dev/null and b/template/real_estate_html/site/images/gallery-original-3.jpg differ diff --git a/template/real_estate_html/site/images/gallery-original-4.jpg b/template/real_estate_html/site/images/gallery-original-4.jpg new file mode 100755 index 0000000..1b3c441 Binary files /dev/null and b/template/real_estate_html/site/images/gallery-original-4.jpg differ diff --git a/template/real_estate_html/site/images/gallery-original-5.jpg b/template/real_estate_html/site/images/gallery-original-5.jpg new file mode 100755 index 0000000..b79a3ba Binary files /dev/null and b/template/real_estate_html/site/images/gallery-original-5.jpg differ diff --git a/template/real_estate_html/site/images/gallery-original-6.jpg b/template/real_estate_html/site/images/gallery-original-6.jpg new file mode 100755 index 0000000..2af3da7 Binary files /dev/null and b/template/real_estate_html/site/images/gallery-original-6.jpg differ diff --git a/template/real_estate_html/site/images/gallery-original-7.jpg b/template/real_estate_html/site/images/gallery-original-7.jpg new file mode 100755 index 0000000..ee06921 Binary files /dev/null and b/template/real_estate_html/site/images/gallery-original-7.jpg differ diff --git a/template/real_estate_html/site/images/gallery-original-8.jpg b/template/real_estate_html/site/images/gallery-original-8.jpg new file mode 100755 index 0000000..bd37774 Binary files /dev/null and b/template/real_estate_html/site/images/gallery-original-8.jpg differ diff --git a/template/real_estate_html/site/images/gallery-original-9.jpg b/template/real_estate_html/site/images/gallery-original-9.jpg new file mode 100755 index 0000000..deedb4f Binary files /dev/null and b/template/real_estate_html/site/images/gallery-original-9.jpg differ diff --git a/template/real_estate_html/site/images/gmap_marker.png b/template/real_estate_html/site/images/gmap_marker.png new file mode 100755 index 0000000..eb41af1 Binary files /dev/null and b/template/real_estate_html/site/images/gmap_marker.png differ diff --git a/template/real_estate_html/site/images/grid-blog-1-571x353.jpg b/template/real_estate_html/site/images/grid-blog-1-571x353.jpg new file mode 100755 index 0000000..8ed932b Binary files /dev/null and b/template/real_estate_html/site/images/grid-blog-1-571x353.jpg differ diff --git a/template/real_estate_html/site/images/grid-blog-2-571x353.jpg b/template/real_estate_html/site/images/grid-blog-2-571x353.jpg new file mode 100755 index 0000000..e6c22e2 Binary files /dev/null and b/template/real_estate_html/site/images/grid-blog-2-571x353.jpg differ diff --git a/template/real_estate_html/site/images/grid-blog-3-571x353.jpg b/template/real_estate_html/site/images/grid-blog-3-571x353.jpg new file mode 100755 index 0000000..167e2c3 Binary files /dev/null and b/template/real_estate_html/site/images/grid-blog-3-571x353.jpg differ diff --git a/template/real_estate_html/site/images/grid-blog-4-571x353.jpg b/template/real_estate_html/site/images/grid-blog-4-571x353.jpg new file mode 100755 index 0000000..2d3e623 Binary files /dev/null and b/template/real_estate_html/site/images/grid-blog-4-571x353.jpg differ diff --git a/template/real_estate_html/site/images/grid-blog-5-571x353.jpg b/template/real_estate_html/site/images/grid-blog-5-571x353.jpg new file mode 100755 index 0000000..706b00f Binary files /dev/null and b/template/real_estate_html/site/images/grid-blog-5-571x353.jpg differ diff --git a/template/real_estate_html/site/images/grid-blog-6-571x353.jpg b/template/real_estate_html/site/images/grid-blog-6-571x353.jpg new file mode 100755 index 0000000..73152ba Binary files /dev/null and b/template/real_estate_html/site/images/grid-blog-6-571x353.jpg differ diff --git a/template/real_estate_html/site/images/grid-blog-7-670x384.jpg b/template/real_estate_html/site/images/grid-blog-7-670x384.jpg new file mode 100755 index 0000000..31fb9c8 Binary files /dev/null and b/template/real_estate_html/site/images/grid-blog-7-670x384.jpg differ diff --git a/template/real_estate_html/site/images/grid-layout-1-370x256.jpg b/template/real_estate_html/site/images/grid-layout-1-370x256.jpg new file mode 100755 index 0000000..0631bf0 Binary files /dev/null and b/template/real_estate_html/site/images/grid-layout-1-370x256.jpg differ diff --git a/template/real_estate_html/site/images/grid-layout-2-370x256.jpg b/template/real_estate_html/site/images/grid-layout-2-370x256.jpg new file mode 100755 index 0000000..cac24f5 Binary files /dev/null and b/template/real_estate_html/site/images/grid-layout-2-370x256.jpg differ diff --git a/template/real_estate_html/site/images/grid-layout-3-370x256.jpg b/template/real_estate_html/site/images/grid-layout-3-370x256.jpg new file mode 100755 index 0000000..6277861 Binary files /dev/null and b/template/real_estate_html/site/images/grid-layout-3-370x256.jpg differ diff --git a/template/real_estate_html/site/images/grid-layout-4-370x256.jpg b/template/real_estate_html/site/images/grid-layout-4-370x256.jpg new file mode 100755 index 0000000..cdcebb5 Binary files /dev/null and b/template/real_estate_html/site/images/grid-layout-4-370x256.jpg differ diff --git a/template/real_estate_html/site/images/grid-layout-5-370x256.jpg b/template/real_estate_html/site/images/grid-layout-5-370x256.jpg new file mode 100755 index 0000000..26d638f Binary files /dev/null and b/template/real_estate_html/site/images/grid-layout-5-370x256.jpg differ diff --git a/template/real_estate_html/site/images/grid-layout-6-370x256.jpg b/template/real_estate_html/site/images/grid-layout-6-370x256.jpg new file mode 100755 index 0000000..237e7e3 Binary files /dev/null and b/template/real_estate_html/site/images/grid-layout-6-370x256.jpg differ diff --git a/template/real_estate_html/site/images/grid-layout-7-370x256.jpg b/template/real_estate_html/site/images/grid-layout-7-370x256.jpg new file mode 100755 index 0000000..3950cc4 Binary files /dev/null and b/template/real_estate_html/site/images/grid-layout-7-370x256.jpg differ diff --git a/template/real_estate_html/site/images/grid-layout-8-370x256.jpg b/template/real_estate_html/site/images/grid-layout-8-370x256.jpg new file mode 100755 index 0000000..6a00c4a Binary files /dev/null and b/template/real_estate_html/site/images/grid-layout-8-370x256.jpg differ diff --git a/template/real_estate_html/site/images/grid-layout-9-370x256.jpg b/template/real_estate_html/site/images/grid-layout-9-370x256.jpg new file mode 100755 index 0000000..ae633fb Binary files /dev/null and b/template/real_estate_html/site/images/grid-layout-9-370x256.jpg differ diff --git a/template/real_estate_html/site/images/ie8-panel/warning_bar_0000_us.jpg b/template/real_estate_html/site/images/ie8-panel/warning_bar_0000_us.jpg new file mode 100755 index 0000000..f24dff2 Binary files /dev/null and b/template/real_estate_html/site/images/ie8-panel/warning_bar_0000_us.jpg differ diff --git a/template/real_estate_html/site/images/isotope-loader.png b/template/real_estate_html/site/images/isotope-loader.png new file mode 100755 index 0000000..ac94682 Binary files /dev/null and b/template/real_estate_html/site/images/isotope-loader.png differ diff --git a/template/real_estate_html/site/images/job-portal-1-570x368.jpg b/template/real_estate_html/site/images/job-portal-1-570x368.jpg new file mode 100755 index 0000000..2bbfed1 Binary files /dev/null and b/template/real_estate_html/site/images/job-portal-1-570x368.jpg differ diff --git a/template/real_estate_html/site/images/job-portal-2-370x264.jpg b/template/real_estate_html/site/images/job-portal-2-370x264.jpg new file mode 100755 index 0000000..6e41dc4 Binary files /dev/null and b/template/real_estate_html/site/images/job-portal-2-370x264.jpg differ diff --git a/template/real_estate_html/site/images/job-portal-3-370x264.jpg b/template/real_estate_html/site/images/job-portal-3-370x264.jpg new file mode 100755 index 0000000..bf7f9d9 Binary files /dev/null and b/template/real_estate_html/site/images/job-portal-3-370x264.jpg differ diff --git a/template/real_estate_html/site/images/job-portal-4-370x264.jpg b/template/real_estate_html/site/images/job-portal-4-370x264.jpg new file mode 100755 index 0000000..24caf4c Binary files /dev/null and b/template/real_estate_html/site/images/job-portal-4-370x264.jpg differ diff --git a/template/real_estate_html/site/images/large-features-1-470x334.png b/template/real_estate_html/site/images/large-features-1-470x334.png new file mode 100755 index 0000000..d304624 Binary files /dev/null and b/template/real_estate_html/site/images/large-features-1-470x334.png differ diff --git a/template/real_estate_html/site/images/large-features-2-570x368.jpg b/template/real_estate_html/site/images/large-features-2-570x368.jpg new file mode 100755 index 0000000..03a9fb5 Binary files /dev/null and b/template/real_estate_html/site/images/large-features-2-570x368.jpg differ diff --git a/template/real_estate_html/site/images/large-features-3-570x368.jpg b/template/real_estate_html/site/images/large-features-3-570x368.jpg new file mode 100755 index 0000000..d2330a7 Binary files /dev/null and b/template/real_estate_html/site/images/large-features-3-570x368.jpg differ diff --git a/template/real_estate_html/site/images/large-features-4-1214x792.jpg b/template/real_estate_html/site/images/large-features-4-1214x792.jpg new file mode 100755 index 0000000..9785241 Binary files /dev/null and b/template/real_estate_html/site/images/large-features-4-1214x792.jpg differ diff --git a/template/real_estate_html/site/images/loading.gif b/template/real_estate_html/site/images/loading.gif new file mode 100755 index 0000000..bbc3e71 Binary files /dev/null and b/template/real_estate_html/site/images/loading.gif differ diff --git a/template/real_estate_html/site/images/logo-brownie-103x61.png b/template/real_estate_html/site/images/logo-brownie-103x61.png new file mode 100755 index 0000000..a8de0b7 Binary files /dev/null and b/template/real_estate_html/site/images/logo-brownie-103x61.png differ diff --git a/template/real_estate_html/site/images/logo-brownie-143x85.png b/template/real_estate_html/site/images/logo-brownie-143x85.png new file mode 100755 index 0000000..1bb9b73 Binary files /dev/null and b/template/real_estate_html/site/images/logo-brownie-143x85.png differ diff --git a/template/real_estate_html/site/images/logo-default-141x21.png b/template/real_estate_html/site/images/logo-default-141x21.png new file mode 100755 index 0000000..96e2e4b Binary files /dev/null and b/template/real_estate_html/site/images/logo-default-141x21.png differ diff --git a/template/real_estate_html/site/images/logo-default-151x44.png b/template/real_estate_html/site/images/logo-default-151x44.png new file mode 100755 index 0000000..d04931a Binary files /dev/null and b/template/real_estate_html/site/images/logo-default-151x44.png differ diff --git a/template/real_estate_html/site/images/logo-default-281x45.png b/template/real_estate_html/site/images/logo-default-281x45.png new file mode 100755 index 0000000..f31946b Binary files /dev/null and b/template/real_estate_html/site/images/logo-default-281x45.png differ diff --git a/template/real_estate_html/site/images/logo-havana-cabana-132x87.png b/template/real_estate_html/site/images/logo-havana-cabana-132x87.png new file mode 100755 index 0000000..31ca656 Binary files /dev/null and b/template/real_estate_html/site/images/logo-havana-cabana-132x87.png differ diff --git a/template/real_estate_html/site/images/logo-havana-cabana-72x48.png b/template/real_estate_html/site/images/logo-havana-cabana-72x48.png new file mode 100755 index 0000000..f479aad Binary files /dev/null and b/template/real_estate_html/site/images/logo-havana-cabana-72x48.png differ diff --git a/template/real_estate_html/site/images/logo-havana-kabana-96x64.png b/template/real_estate_html/site/images/logo-havana-kabana-96x64.png new file mode 100755 index 0000000..d0b5bd6 Binary files /dev/null and b/template/real_estate_html/site/images/logo-havana-kabana-96x64.png differ diff --git a/template/real_estate_html/site/images/logo-hillplan-111x85.png b/template/real_estate_html/site/images/logo-hillplan-111x85.png new file mode 100755 index 0000000..31ec387 Binary files /dev/null and b/template/real_estate_html/site/images/logo-hillplan-111x85.png differ diff --git a/template/real_estate_html/site/images/logo-hillplan-84x64.png b/template/real_estate_html/site/images/logo-hillplan-84x64.png new file mode 100755 index 0000000..7509047 Binary files /dev/null and b/template/real_estate_html/site/images/logo-hillplan-84x64.png differ diff --git a/template/real_estate_html/site/images/logo-inverse-141x21.png b/template/real_estate_html/site/images/logo-inverse-141x21.png new file mode 100755 index 0000000..35db49a Binary files /dev/null and b/template/real_estate_html/site/images/logo-inverse-141x21.png differ diff --git a/template/real_estate_html/site/images/logo-inverse-151x44.png b/template/real_estate_html/site/images/logo-inverse-151x44.png new file mode 100755 index 0000000..4cbddd0 Binary files /dev/null and b/template/real_estate_html/site/images/logo-inverse-151x44.png differ diff --git a/template/real_estate_html/site/images/logo-inverse-260x42.png b/template/real_estate_html/site/images/logo-inverse-260x42.png new file mode 100755 index 0000000..b92db22 Binary files /dev/null and b/template/real_estate_html/site/images/logo-inverse-260x42.png differ diff --git a/template/real_estate_html/site/images/logo-inverse-281x45.png b/template/real_estate_html/site/images/logo-inverse-281x45.png new file mode 100755 index 0000000..4580540 Binary files /dev/null and b/template/real_estate_html/site/images/logo-inverse-281x45.png differ diff --git a/template/real_estate_html/site/images/logo-inverse240x45.png b/template/real_estate_html/site/images/logo-inverse240x45.png new file mode 100755 index 0000000..00ed9d9 Binary files /dev/null and b/template/real_estate_html/site/images/logo-inverse240x45.png differ diff --git a/template/real_estate_html/site/images/logo-john-brad-135x87.png b/template/real_estate_html/site/images/logo-john-brad-135x87.png new file mode 100755 index 0000000..ffbc59a Binary files /dev/null and b/template/real_estate_html/site/images/logo-john-brad-135x87.png differ diff --git a/template/real_estate_html/site/images/logo-john-brad-72x48.png b/template/real_estate_html/site/images/logo-john-brad-72x48.png new file mode 100755 index 0000000..10b0e3b Binary files /dev/null and b/template/real_estate_html/site/images/logo-john-brad-72x48.png differ diff --git a/template/real_estate_html/site/images/logo-light-115x34.png b/template/real_estate_html/site/images/logo-light-115x34.png new file mode 100755 index 0000000..c9dbdc2 Binary files /dev/null and b/template/real_estate_html/site/images/logo-light-115x34.png differ diff --git a/template/real_estate_html/site/images/logo-light-141x21.png b/template/real_estate_html/site/images/logo-light-141x21.png new file mode 100755 index 0000000..e3d2d22 Binary files /dev/null and b/template/real_estate_html/site/images/logo-light-141x21.png differ diff --git a/template/real_estate_html/site/images/logo-light-281x45.png b/template/real_estate_html/site/images/logo-light-281x45.png new file mode 100755 index 0000000..963a2ed Binary files /dev/null and b/template/real_estate_html/site/images/logo-light-281x45.png differ diff --git a/template/real_estate_html/site/images/logo-majestic-104x64.png b/template/real_estate_html/site/images/logo-majestic-104x64.png new file mode 100755 index 0000000..03860b2 Binary files /dev/null and b/template/real_estate_html/site/images/logo-majestic-104x64.png differ diff --git a/template/real_estate_html/site/images/logo-the-oldbrand-134x104.png b/template/real_estate_html/site/images/logo-the-oldbrand-134x104.png new file mode 100755 index 0000000..adaefa4 Binary files /dev/null and b/template/real_estate_html/site/images/logo-the-oldbrand-134x104.png differ diff --git a/template/real_estate_html/site/images/logo-the-oldbrand-62x48.png b/template/real_estate_html/site/images/logo-the-oldbrand-62x48.png new file mode 100755 index 0000000..c1ffd15 Binary files /dev/null and b/template/real_estate_html/site/images/logo-the-oldbrand-62x48.png differ diff --git a/template/real_estate_html/site/images/logo-the-oldbrand-83x64.png b/template/real_estate_html/site/images/logo-the-oldbrand-83x64.png new file mode 100755 index 0000000..4166151 Binary files /dev/null and b/template/real_estate_html/site/images/logo-the-oldbrand-83x64.png differ diff --git a/template/real_estate_html/site/images/parallax-1.jpg b/template/real_estate_html/site/images/parallax-1.jpg new file mode 100755 index 0000000..5d74550 Binary files /dev/null and b/template/real_estate_html/site/images/parallax-1.jpg differ diff --git a/template/real_estate_html/site/images/preloader.gif b/template/real_estate_html/site/images/preloader.gif new file mode 100755 index 0000000..03c09e1 Binary files /dev/null and b/template/real_estate_html/site/images/preloader.gif differ diff --git a/template/real_estate_html/site/images/preloader.png b/template/real_estate_html/site/images/preloader.png new file mode 100755 index 0000000..43fa292 Binary files /dev/null and b/template/real_estate_html/site/images/preloader.png differ diff --git a/template/real_estate_html/site/images/profile-thin-1-168x168.jpg b/template/real_estate_html/site/images/profile-thin-1-168x168.jpg new file mode 100755 index 0000000..b59a350 Binary files /dev/null and b/template/real_estate_html/site/images/profile-thin-1-168x168.jpg differ diff --git a/template/real_estate_html/site/images/profile-thin-2-168x168.jpg b/template/real_estate_html/site/images/profile-thin-2-168x168.jpg new file mode 100755 index 0000000..5f2f585 Binary files /dev/null and b/template/real_estate_html/site/images/profile-thin-2-168x168.jpg differ diff --git a/template/real_estate_html/site/images/screens-1-1046x720.jpg b/template/real_estate_html/site/images/screens-1-1046x720.jpg new file mode 100755 index 0000000..047bcb4 Binary files /dev/null and b/template/real_estate_html/site/images/screens-1-1046x720.jpg differ diff --git a/template/real_estate_html/site/images/screens-2-960x680.jpg b/template/real_estate_html/site/images/screens-2-960x680.jpg new file mode 100755 index 0000000..cad3dde Binary files /dev/null and b/template/real_estate_html/site/images/screens-2-960x680.jpg differ diff --git a/template/real_estate_html/site/images/service-thumbnail-1-270x300.jpg b/template/real_estate_html/site/images/service-thumbnail-1-270x300.jpg new file mode 100755 index 0000000..ba5857a Binary files /dev/null and b/template/real_estate_html/site/images/service-thumbnail-1-270x300.jpg differ diff --git a/template/real_estate_html/site/images/service-thumbnail-2-270x300.jpg b/template/real_estate_html/site/images/service-thumbnail-2-270x300.jpg new file mode 100755 index 0000000..ca68c1a Binary files /dev/null and b/template/real_estate_html/site/images/service-thumbnail-2-270x300.jpg differ diff --git a/template/real_estate_html/site/images/service-thumbnail-3-270x300.jpg b/template/real_estate_html/site/images/service-thumbnail-3-270x300.jpg new file mode 100755 index 0000000..6e741e9 Binary files /dev/null and b/template/real_estate_html/site/images/service-thumbnail-3-270x300.jpg differ diff --git a/template/real_estate_html/site/images/service-thumbnail-4-270x300.jpg b/template/real_estate_html/site/images/service-thumbnail-4-270x300.jpg new file mode 100755 index 0000000..d7befff Binary files /dev/null and b/template/real_estate_html/site/images/service-thumbnail-4-270x300.jpg differ diff --git a/template/real_estate_html/site/images/service-thumbnail-5-270x300.jpg b/template/real_estate_html/site/images/service-thumbnail-5-270x300.jpg new file mode 100755 index 0000000..4e10dee Binary files /dev/null and b/template/real_estate_html/site/images/service-thumbnail-5-270x300.jpg differ diff --git a/template/real_estate_html/site/images/service-thumbnail-6-270x300.jpg b/template/real_estate_html/site/images/service-thumbnail-6-270x300.jpg new file mode 100755 index 0000000..7135c92 Binary files /dev/null and b/template/real_estate_html/site/images/service-thumbnail-6-270x300.jpg differ diff --git a/template/real_estate_html/site/images/service-thumbnail-7-270x300.jpg b/template/real_estate_html/site/images/service-thumbnail-7-270x300.jpg new file mode 100755 index 0000000..dbf547f Binary files /dev/null and b/template/real_estate_html/site/images/service-thumbnail-7-270x300.jpg differ diff --git a/template/real_estate_html/site/images/service-thumbnail-8-270x300.jpg b/template/real_estate_html/site/images/service-thumbnail-8-270x300.jpg new file mode 100755 index 0000000..265b45f Binary files /dev/null and b/template/real_estate_html/site/images/service-thumbnail-8-270x300.jpg differ diff --git a/template/real_estate_html/site/images/sidebar-blog-1-370x264.jpg b/template/real_estate_html/site/images/sidebar-blog-1-370x264.jpg new file mode 100755 index 0000000..f579792 Binary files /dev/null and b/template/real_estate_html/site/images/sidebar-blog-1-370x264.jpg differ diff --git a/template/real_estate_html/site/images/sidebar-blog-2-370x264.jpg b/template/real_estate_html/site/images/sidebar-blog-2-370x264.jpg new file mode 100755 index 0000000..d4da3a7 Binary files /dev/null and b/template/real_estate_html/site/images/sidebar-blog-2-370x264.jpg differ diff --git a/template/real_estate_html/site/images/sidebar-blog-3-370x264.jpg b/template/real_estate_html/site/images/sidebar-blog-3-370x264.jpg new file mode 100755 index 0000000..4237431 Binary files /dev/null and b/template/real_estate_html/site/images/sidebar-blog-3-370x264.jpg differ diff --git a/template/real_estate_html/site/images/sidebar-blog-4-370x264.jpg b/template/real_estate_html/site/images/sidebar-blog-4-370x264.jpg new file mode 100755 index 0000000..ece33de Binary files /dev/null and b/template/real_estate_html/site/images/sidebar-blog-4-370x264.jpg differ diff --git a/template/real_estate_html/site/images/sidebar-blog-5-370x264.jpg b/template/real_estate_html/site/images/sidebar-blog-5-370x264.jpg new file mode 100755 index 0000000..cfc2c75 Binary files /dev/null and b/template/real_estate_html/site/images/sidebar-blog-5-370x264.jpg differ diff --git a/template/real_estate_html/site/images/sidebar-blog-6-370x264.jpg b/template/real_estate_html/site/images/sidebar-blog-6-370x264.jpg new file mode 100755 index 0000000..39cefee Binary files /dev/null and b/template/real_estate_html/site/images/sidebar-blog-6-370x264.jpg differ diff --git a/template/real_estate_html/site/images/single-blog-post-1-770x458.jpg b/template/real_estate_html/site/images/single-blog-post-1-770x458.jpg new file mode 100755 index 0000000..0734553 Binary files /dev/null and b/template/real_estate_html/site/images/single-blog-post-1-770x458.jpg differ diff --git a/template/real_estate_html/site/images/single-blog-post-2-770x458.jpg b/template/real_estate_html/site/images/single-blog-post-2-770x458.jpg new file mode 100755 index 0000000..2259b93 Binary files /dev/null and b/template/real_estate_html/site/images/single-blog-post-2-770x458.jpg differ diff --git a/template/real_estate_html/site/images/single-job-1-570x400.jpg b/template/real_estate_html/site/images/single-job-1-570x400.jpg new file mode 100755 index 0000000..0f1ad44 Binary files /dev/null and b/template/real_estate_html/site/images/single-job-1-570x400.jpg differ diff --git a/template/real_estate_html/site/images/single-project-slide-1-1920x760.jpg b/template/real_estate_html/site/images/single-project-slide-1-1920x760.jpg new file mode 100755 index 0000000..581151f Binary files /dev/null and b/template/real_estate_html/site/images/single-project-slide-1-1920x760.jpg differ diff --git a/template/real_estate_html/site/images/single-project-slide-2-1920x760.jpg b/template/real_estate_html/site/images/single-project-slide-2-1920x760.jpg new file mode 100755 index 0000000..9743bbf Binary files /dev/null and b/template/real_estate_html/site/images/single-project-slide-2-1920x760.jpg differ diff --git a/template/real_estate_html/site/images/single-project-slide-3-1920x760.jpg b/template/real_estate_html/site/images/single-project-slide-3-1920x760.jpg new file mode 100755 index 0000000..95f79a1 Binary files /dev/null and b/template/real_estate_html/site/images/single-project-slide-3-1920x760.jpg differ diff --git a/template/real_estate_html/site/images/slider-minimal-slide-1-1920x968.jpg b/template/real_estate_html/site/images/slider-minimal-slide-1-1920x968.jpg new file mode 100755 index 0000000..ef47dbd Binary files /dev/null and b/template/real_estate_html/site/images/slider-minimal-slide-1-1920x968.jpg differ diff --git a/template/real_estate_html/site/images/slider-minimal-slide-2-1920x968.jpg b/template/real_estate_html/site/images/slider-minimal-slide-2-1920x968.jpg new file mode 100755 index 0000000..29dde29 Binary files /dev/null and b/template/real_estate_html/site/images/slider-minimal-slide-2-1920x968.jpg differ diff --git a/template/real_estate_html/site/images/slider-minimal-slide-3-1920x968.jpg b/template/real_estate_html/site/images/slider-minimal-slide-3-1920x968.jpg new file mode 100755 index 0000000..00ae2ea Binary files /dev/null and b/template/real_estate_html/site/images/slider-minimal-slide-3-1920x968.jpg differ diff --git a/template/real_estate_html/site/images/team-1-270x273.jpg b/template/real_estate_html/site/images/team-1-270x273.jpg new file mode 100755 index 0000000..d54a6d1 Binary files /dev/null and b/template/real_estate_html/site/images/team-1-270x273.jpg differ diff --git a/template/real_estate_html/site/images/team-1-336x336.jpg b/template/real_estate_html/site/images/team-1-336x336.jpg new file mode 100755 index 0000000..3191e8a Binary files /dev/null and b/template/real_estate_html/site/images/team-1-336x336.jpg differ diff --git a/template/real_estate_html/site/images/team-1-370x368.jpg b/template/real_estate_html/site/images/team-1-370x368.jpg new file mode 100755 index 0000000..40c676e Binary files /dev/null and b/template/real_estate_html/site/images/team-1-370x368.jpg differ diff --git a/template/real_estate_html/site/images/team-2-270x273.jpg b/template/real_estate_html/site/images/team-2-270x273.jpg new file mode 100755 index 0000000..4a91fec Binary files /dev/null and b/template/real_estate_html/site/images/team-2-270x273.jpg differ diff --git a/template/real_estate_html/site/images/team-2-370x368.jpg b/template/real_estate_html/site/images/team-2-370x368.jpg new file mode 100755 index 0000000..8f780ae Binary files /dev/null and b/template/real_estate_html/site/images/team-2-370x368.jpg differ diff --git a/template/real_estate_html/site/images/team-3-270x273.jpg b/template/real_estate_html/site/images/team-3-270x273.jpg new file mode 100755 index 0000000..1167258 Binary files /dev/null and b/template/real_estate_html/site/images/team-3-270x273.jpg differ diff --git a/template/real_estate_html/site/images/team-3-370x368.jpg b/template/real_estate_html/site/images/team-3-370x368.jpg new file mode 100755 index 0000000..62384b6 Binary files /dev/null and b/template/real_estate_html/site/images/team-3-370x368.jpg differ diff --git a/template/real_estate_html/site/images/team-4-270x273.jpg b/template/real_estate_html/site/images/team-4-270x273.jpg new file mode 100755 index 0000000..85911a8 Binary files /dev/null and b/template/real_estate_html/site/images/team-4-270x273.jpg differ diff --git a/template/real_estate_html/site/images/team-4-370x368.jpg b/template/real_estate_html/site/images/team-4-370x368.jpg new file mode 100755 index 0000000..85ecf3a Binary files /dev/null and b/template/real_estate_html/site/images/team-4-370x368.jpg differ diff --git a/template/real_estate_html/site/images/team-5-370x368.jpg b/template/real_estate_html/site/images/team-5-370x368.jpg new file mode 100755 index 0000000..fbafebe Binary files /dev/null and b/template/real_estate_html/site/images/team-5-370x368.jpg differ diff --git a/template/real_estate_html/site/images/testimonials-person-1-96x96.jpg b/template/real_estate_html/site/images/testimonials-person-1-96x96.jpg new file mode 100755 index 0000000..ca8e818 Binary files /dev/null and b/template/real_estate_html/site/images/testimonials-person-1-96x96.jpg differ diff --git a/template/real_estate_html/site/images/testimonials-person-2-96x96.jpg b/template/real_estate_html/site/images/testimonials-person-2-96x96.jpg new file mode 100755 index 0000000..5bd9dcb Binary files /dev/null and b/template/real_estate_html/site/images/testimonials-person-2-96x96.jpg differ diff --git a/template/real_estate_html/site/images/testimonials-person-3-96x96.jpg b/template/real_estate_html/site/images/testimonials-person-3-96x96.jpg new file mode 100755 index 0000000..b10429f Binary files /dev/null and b/template/real_estate_html/site/images/testimonials-person-3-96x96.jpg differ diff --git a/template/real_estate_html/site/images/testimonials-person-4-96x96.jpg b/template/real_estate_html/site/images/testimonials-person-4-96x96.jpg new file mode 100755 index 0000000..ae1ce8d Binary files /dev/null and b/template/real_estate_html/site/images/testimonials-person-4-96x96.jpg differ diff --git a/template/real_estate_html/site/images/testimonials-person-5-96x96.jpg b/template/real_estate_html/site/images/testimonials-person-5-96x96.jpg new file mode 100755 index 0000000..e00fb80 Binary files /dev/null and b/template/real_estate_html/site/images/testimonials-person-5-96x96.jpg differ diff --git a/template/real_estate_html/site/images/testimonials-person-6-96x96.jpg b/template/real_estate_html/site/images/testimonials-person-6-96x96.jpg new file mode 100755 index 0000000..33cf572 Binary files /dev/null and b/template/real_estate_html/site/images/testimonials-person-6-96x96.jpg differ diff --git a/template/real_estate_html/site/images/testimonials-person-7-96x96.jpg b/template/real_estate_html/site/images/testimonials-person-7-96x96.jpg new file mode 100755 index 0000000..2c0b542 Binary files /dev/null and b/template/real_estate_html/site/images/testimonials-person-7-96x96.jpg differ diff --git a/template/real_estate_html/site/images/timeline-1-390x250.jpg b/template/real_estate_html/site/images/timeline-1-390x250.jpg new file mode 100755 index 0000000..02bd517 Binary files /dev/null and b/template/real_estate_html/site/images/timeline-1-390x250.jpg differ diff --git a/template/real_estate_html/site/images/timeline-2-390x250.jpg b/template/real_estate_html/site/images/timeline-2-390x250.jpg new file mode 100755 index 0000000..f23cd6d Binary files /dev/null and b/template/real_estate_html/site/images/timeline-2-390x250.jpg differ diff --git a/template/real_estate_html/site/images/timeline-3-390x250.jpg b/template/real_estate_html/site/images/timeline-3-390x250.jpg new file mode 100755 index 0000000..66ecf44 Binary files /dev/null and b/template/real_estate_html/site/images/timeline-3-390x250.jpg differ diff --git a/template/real_estate_html/site/images/timeline-4-390x250.jpg b/template/real_estate_html/site/images/timeline-4-390x250.jpg new file mode 100755 index 0000000..8b07b7a Binary files /dev/null and b/template/real_estate_html/site/images/timeline-4-390x250.jpg differ diff --git a/template/real_estate_html/site/images/typography-1-770x456.jpg b/template/real_estate_html/site/images/typography-1-770x456.jpg new file mode 100755 index 0000000..95cbcf7 Binary files /dev/null and b/template/real_estate_html/site/images/typography-1-770x456.jpg differ diff --git a/template/real_estate_html/site/images/typography-2-770x456.jpg b/template/real_estate_html/site/images/typography-2-770x456.jpg new file mode 100755 index 0000000..082dbd9 Binary files /dev/null and b/template/real_estate_html/site/images/typography-2-770x456.jpg differ diff --git a/template/real_estate_html/site/images/typography-3-770x456.jpg b/template/real_estate_html/site/images/typography-3-770x456.jpg new file mode 100755 index 0000000..089edba Binary files /dev/null and b/template/real_estate_html/site/images/typography-3-770x456.jpg differ diff --git a/template/real_estate_html/site/images/video-play.png b/template/real_estate_html/site/images/video-play.png new file mode 100755 index 0000000..39f3190 Binary files /dev/null and b/template/real_estate_html/site/images/video-play.png differ diff --git a/template/real_estate_html/site/images/video-preview-1-570x320.jpg b/template/real_estate_html/site/images/video-preview-1-570x320.jpg new file mode 100755 index 0000000..f1d7087 Binary files /dev/null and b/template/real_estate_html/site/images/video-preview-1-570x320.jpg differ diff --git a/template/real_estate_html/site/images/vimeo-play.png b/template/real_estate_html/site/images/vimeo-play.png new file mode 100755 index 0000000..183e448 Binary files /dev/null and b/template/real_estate_html/site/images/vimeo-play.png differ diff --git a/template/real_estate_html/site/images/youtube-play.png b/template/real_estate_html/site/images/youtube-play.png new file mode 100755 index 0000000..e69b965 Binary files /dev/null and b/template/real_estate_html/site/images/youtube-play.png differ diff --git a/template/real_estate_html/site/index.html b/template/real_estate_html/site/index.html new file mode 100755 index 0000000..66302a7 --- /dev/null +++ b/template/real_estate_html/site/index.html @@ -0,0 +1,742 @@ + + + + Home + + + + + + + + + + + + + +
+ + +
+
+
+
+
+
+
Offering Diverse
+
+

Properties

+

inHouse provides you with lots of great properties throughout the USA so that you could easily choose your dream property.

+ +
+
+
+
+
+
+
+
Easily
+
+

Rent & Sale

+

With the help of our services and property management solutions, you can rent or sell any house or apartment.

+ +
+
+
+
+
+
+
+
More Than 20 Years of
+
+

Experience

+

Founded in 1989, our company is a team of renowned property management and real estate experts always ready to help you.

+ +
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+ +
+
+ +
+
+ +
+
+ +
+ +
+ +
+
+
+
+
$ + +
- +
$ + +
+
+
+
+
+
+
$ + +
- +
$ + +
+
+
+ +
+
+
+
+
+
+
+

Popular properties

+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+ +
+
+
+
+
+
+
+ +
+
+
+

Qualified Employees

+

Our team consists of more than 20 qualified and experienced real estate brokers and property managers ready to help you.

+
+
+
+
+ +
+
+
+

Free Consultations

+

Our acquaintance with a client always begins with a free consultation to find out what kind of property they are looking for.

+
+
+
+
+ +
+
+
+

100% Guaranteed

+

All the results that you get from our realtors are 100% guaranteed to offer you the best choice of properties throughout the USA.

+
+
+
+
+
+
+ +
+
+

Residential property categories

+

At our agency, we work with various types of residential real estate property. You can find out more about our properties by browsing our website.

+
+ +
+ + +
+
+ + +
+
+ + +
+ +
+
+
+
+
+

Our Team

+
+
+ +
+
+
+
+
Nathalie Porter
+

Founder, Broker

+ +

Ms. Porter founded our company in 1989 with a vision to help guests and residents of the USA to easily find and buy or rent real estate in all 50 states.

+
+
+
+
+ +
+
+
+
+
John Thompson
+

Sales Associate

+ +

John has been in sales and marketing for the past 15 years. He has excellent knowledge about the local market both residential and commercial.

+
+
+
+
+ +
+
+
+
+
Brian Payne
+

Realtor

+ +

Brian is not only a Licensed Realtor but also holds the Title Producers and Mortgage Licenses, which makes him a very knowledgeable real estate expert.

+
+
+
+
+ +
+
+
+
+
Marie Fernandez
+

Broker

+ +

Marie’s goal is to provide clients with the highest level of marketing expertise and customer service to help them reach their uppermost real estate goals.

+
+
+
+
+
+
+ +
+
+
+
+

Best offers

+

of September

+

With a variety of accountants available at our company, you can always choose one that fits your corporate requirements.

+ +
+
+
+
+
+
+

Testimonials

+ + +
+
+
+
+
+
+
+
+

Contact Us

+ +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+
+ +
+

or use

+ +
+
+
+
+
+
+
+
+
+
+
    +
  • +
+
+
+
+
+
+
+ +
+ +
+
+ +
+
+
+
+
+
+ +
+ + + + + \ No newline at end of file diff --git a/template/real_estate_html/site/js/core.min.js b/template/real_estate_html/site/js/core.min.js new file mode 100755 index 0000000..b160f8d --- /dev/null +++ b/template/real_estate_html/site/js/core.min.js @@ -0,0 +1,299 @@ +/** + * @module jQuery + * @author jQuery Foundation and other contributors + * @see https://code.jquery.com/jquery/ + * @license MIT (jquery.org/license) + * @version 3.3.1 + */ +!function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return t(e)}:t(e)}("undefined"!=typeof window?window:this,function(e,t){"use strict";var n=[],r=e.document,i=Object.getPrototypeOf,o=n.slice,a=n.concat,s=n.push,u=n.indexOf,l={},c=l.toString,f=l.hasOwnProperty,p=f.toString,d=p.call(Object),h={},g=function e(t){return"function"==typeof t&&"number"!=typeof t.nodeType},y=function e(t){return null!=t&&t===t.window},v={type:!0,src:!0,noModule:!0};function m(e,t,n){var i,o=(t=t||r).createElement("script");if(o.text=e,n)for(i in v)n[i]&&(o[i]=n[i]);t.head.appendChild(o).parentNode.removeChild(o)}function x(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?l[c.call(e)]||"object":typeof e}var b="3.3.1",w=function(e,t){return new w.fn.init(e,t)},T=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g;w.fn=w.prototype={jquery:"3.3.1",constructor:w,length:0,toArray:function(){return o.call(this)},get:function(e){return null==e?o.call(this):e<0?this[e+this.length]:this[e]},pushStack:function(e){var t=w.merge(this.constructor(),e);return t.prevObject=this,t},each:function(e){return w.each(this,e)},map:function(e){return this.pushStack(w.map(this,function(t,n){return e.call(t,n,t)}))},slice:function(){return this.pushStack(o.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(e){var t=this.length,n=+e+(e<0?t:0);return this.pushStack(n>=0&&n0&&t-1 in e)}var E=function(e){var t,n,r,i,o,a,s,u,l,c,f,p,d,h,g,y,v,m,x,b="sizzle"+1*new Date,w=e.document,T=0,C=0,E=ae(),k=ae(),S=ae(),D=function(e,t){return e===t&&(f=!0),0},N={}.hasOwnProperty,A=[],j=A.pop,q=A.push,L=A.push,H=A.slice,O=function(e,t){for(var n=0,r=e.length;n+~]|"+M+")"+M+"*"),z=new RegExp("="+M+"*([^\\]'\"]*?)"+M+"*\\]","g"),X=new RegExp(W),U=new RegExp("^"+R+"$"),V={ID:new RegExp("^#("+R+")"),CLASS:new RegExp("^\\.("+R+")"),TAG:new RegExp("^("+R+"|[*])"),ATTR:new RegExp("^"+I),PSEUDO:new RegExp("^"+W),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+M+"*(even|odd|(([+-]|)(\\d*)n|)"+M+"*(?:([+-]|)"+M+"*(\\d+)|))"+M+"*\\)|)","i"),bool:new RegExp("^(?:"+P+")$","i"),needsContext:new RegExp("^"+M+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+M+"*((?:-\\d)?\\d*)"+M+"*\\)|)(?=[^-]|$)","i")},G=/^(?:input|select|textarea|button)$/i,Y=/^h\d$/i,Q=/^[^{]+\{\s*\[native \w/,J=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,K=/[+~]/,Z=new RegExp("\\\\([\\da-f]{1,6}"+M+"?|("+M+")|.)","ig"),ee=function(e,t,n){var r="0x"+t-65536;return r!==r||n?t:r<0?String.fromCharCode(r+65536):String.fromCharCode(r>>10|55296,1023&r|56320)},te=/([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g,ne=function(e,t){return t?"\0"===e?"\ufffd":e.slice(0,-1)+"\\"+e.charCodeAt(e.length-1).toString(16)+" ":"\\"+e},re=function(){p()},ie=me(function(e){return!0===e.disabled&&("form"in e||"label"in e)},{dir:"parentNode",next:"legend"});try{L.apply(A=H.call(w.childNodes),w.childNodes),A[w.childNodes.length].nodeType}catch(e){L={apply:A.length?function(e,t){q.apply(e,H.call(t))}:function(e,t){var n=e.length,r=0;while(e[n++]=t[r++]);e.length=n-1}}}function oe(e,t,r,i){var o,s,l,c,f,h,v,m=t&&t.ownerDocument,T=t?t.nodeType:9;if(r=r||[],"string"!=typeof e||!e||1!==T&&9!==T&&11!==T)return r;if(!i&&((t?t.ownerDocument||t:w)!==d&&p(t),t=t||d,g)){if(11!==T&&(f=J.exec(e)))if(o=f[1]){if(9===T){if(!(l=t.getElementById(o)))return r;if(l.id===o)return r.push(l),r}else if(m&&(l=m.getElementById(o))&&x(t,l)&&l.id===o)return r.push(l),r}else{if(f[2])return L.apply(r,t.getElementsByTagName(e)),r;if((o=f[3])&&n.getElementsByClassName&&t.getElementsByClassName)return L.apply(r,t.getElementsByClassName(o)),r}if(n.qsa&&!S[e+" "]&&(!y||!y.test(e))){if(1!==T)m=t,v=e;else if("object"!==t.nodeName.toLowerCase()){(c=t.getAttribute("id"))?c=c.replace(te,ne):t.setAttribute("id",c=b),s=(h=a(e)).length;while(s--)h[s]="#"+c+" "+ve(h[s]);v=h.join(","),m=K.test(e)&&ge(t.parentNode)||t}if(v)try{return L.apply(r,m.querySelectorAll(v)),r}catch(e){}finally{c===b&&t.removeAttribute("id")}}}return u(e.replace(B,"$1"),t,r,i)}function ae(){var e=[];function t(n,i){return e.push(n+" ")>r.cacheLength&&delete t[e.shift()],t[n+" "]=i}return t}function se(e){return e[b]=!0,e}function ue(e){var t=d.createElement("fieldset");try{return!!e(t)}catch(e){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function le(e,t){var n=e.split("|"),i=n.length;while(i--)r.attrHandle[n[i]]=t}function ce(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&e.sourceIndex-t.sourceIndex;if(r)return r;if(n)while(n=n.nextSibling)if(n===t)return-1;return e?1:-1}function fe(e){return function(t){return"input"===t.nodeName.toLowerCase()&&t.type===e}}function pe(e){return function(t){var n=t.nodeName.toLowerCase();return("input"===n||"button"===n)&&t.type===e}}function de(e){return function(t){return"form"in t?t.parentNode&&!1===t.disabled?"label"in t?"label"in t.parentNode?t.parentNode.disabled===e:t.disabled===e:t.isDisabled===e||t.isDisabled!==!e&&ie(t)===e:t.disabled===e:"label"in t&&t.disabled===e}}function he(e){return se(function(t){return t=+t,se(function(n,r){var i,o=e([],n.length,t),a=o.length;while(a--)n[i=o[a]]&&(n[i]=!(r[i]=n[i]))})})}function ge(e){return e&&"undefined"!=typeof e.getElementsByTagName&&e}n=oe.support={},o=oe.isXML=function(e){var t=e&&(e.ownerDocument||e).documentElement;return!!t&&"HTML"!==t.nodeName},p=oe.setDocument=function(e){var t,i,a=e?e.ownerDocument||e:w;return a!==d&&9===a.nodeType&&a.documentElement?(d=a,h=d.documentElement,g=!o(d),w!==d&&(i=d.defaultView)&&i.top!==i&&(i.addEventListener?i.addEventListener("unload",re,!1):i.attachEvent&&i.attachEvent("onunload",re)),n.attributes=ue(function(e){return e.className="i",!e.getAttribute("className")}),n.getElementsByTagName=ue(function(e){return e.appendChild(d.createComment("")),!e.getElementsByTagName("*").length}),n.getElementsByClassName=Q.test(d.getElementsByClassName),n.getById=ue(function(e){return h.appendChild(e).id=b,!d.getElementsByName||!d.getElementsByName(b).length}),n.getById?(r.filter.ID=function(e){var t=e.replace(Z,ee);return function(e){return e.getAttribute("id")===t}},r.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&g){var n=t.getElementById(e);return n?[n]:[]}}):(r.filter.ID=function(e){var t=e.replace(Z,ee);return function(e){var n="undefined"!=typeof e.getAttributeNode&&e.getAttributeNode("id");return n&&n.value===t}},r.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&g){var n,r,i,o=t.getElementById(e);if(o){if((n=o.getAttributeNode("id"))&&n.value===e)return[o];i=t.getElementsByName(e),r=0;while(o=i[r++])if((n=o.getAttributeNode("id"))&&n.value===e)return[o]}return[]}}),r.find.TAG=n.getElementsByTagName?function(e,t){return"undefined"!=typeof t.getElementsByTagName?t.getElementsByTagName(e):n.qsa?t.querySelectorAll(e):void 0}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){while(n=o[i++])1===n.nodeType&&r.push(n);return r}return o},r.find.CLASS=n.getElementsByClassName&&function(e,t){if("undefined"!=typeof t.getElementsByClassName&&g)return t.getElementsByClassName(e)},v=[],y=[],(n.qsa=Q.test(d.querySelectorAll))&&(ue(function(e){h.appendChild(e).innerHTML="",e.querySelectorAll("[msallowcapture^='']").length&&y.push("[*^$]="+M+"*(?:''|\"\")"),e.querySelectorAll("[selected]").length||y.push("\\["+M+"*(?:value|"+P+")"),e.querySelectorAll("[id~="+b+"-]").length||y.push("~="),e.querySelectorAll(":checked").length||y.push(":checked"),e.querySelectorAll("a#"+b+"+*").length||y.push(".#.+[+~]")}),ue(function(e){e.innerHTML="";var t=d.createElement("input");t.setAttribute("type","hidden"),e.appendChild(t).setAttribute("name","D"),e.querySelectorAll("[name=d]").length&&y.push("name"+M+"*[*^$|!~]?="),2!==e.querySelectorAll(":enabled").length&&y.push(":enabled",":disabled"),h.appendChild(e).disabled=!0,2!==e.querySelectorAll(":disabled").length&&y.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),y.push(",.*:")})),(n.matchesSelector=Q.test(m=h.matches||h.webkitMatchesSelector||h.mozMatchesSelector||h.oMatchesSelector||h.msMatchesSelector))&&ue(function(e){n.disconnectedMatch=m.call(e,"*"),m.call(e,"[s!='']:x"),v.push("!=",W)}),y=y.length&&new RegExp(y.join("|")),v=v.length&&new RegExp(v.join("|")),t=Q.test(h.compareDocumentPosition),x=t||Q.test(h.contains)?function(e,t){var n=9===e.nodeType?e.documentElement:e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)while(t=t.parentNode)if(t===e)return!0;return!1},D=t?function(e,t){if(e===t)return f=!0,0;var r=!e.compareDocumentPosition-!t.compareDocumentPosition;return r||(1&(r=(e.ownerDocument||e)===(t.ownerDocument||t)?e.compareDocumentPosition(t):1)||!n.sortDetached&&t.compareDocumentPosition(e)===r?e===d||e.ownerDocument===w&&x(w,e)?-1:t===d||t.ownerDocument===w&&x(w,t)?1:c?O(c,e)-O(c,t):0:4&r?-1:1)}:function(e,t){if(e===t)return f=!0,0;var n,r=0,i=e.parentNode,o=t.parentNode,a=[e],s=[t];if(!i||!o)return e===d?-1:t===d?1:i?-1:o?1:c?O(c,e)-O(c,t):0;if(i===o)return ce(e,t);n=e;while(n=n.parentNode)a.unshift(n);n=t;while(n=n.parentNode)s.unshift(n);while(a[r]===s[r])r++;return r?ce(a[r],s[r]):a[r]===w?-1:s[r]===w?1:0},d):d},oe.matches=function(e,t){return oe(e,null,null,t)},oe.matchesSelector=function(e,t){if((e.ownerDocument||e)!==d&&p(e),t=t.replace(z,"='$1']"),n.matchesSelector&&g&&!S[t+" "]&&(!v||!v.test(t))&&(!y||!y.test(t)))try{var r=m.call(e,t);if(r||n.disconnectedMatch||e.document&&11!==e.document.nodeType)return r}catch(e){}return oe(t,d,null,[e]).length>0},oe.contains=function(e,t){return(e.ownerDocument||e)!==d&&p(e),x(e,t)},oe.attr=function(e,t){(e.ownerDocument||e)!==d&&p(e);var i=r.attrHandle[t.toLowerCase()],o=i&&N.call(r.attrHandle,t.toLowerCase())?i(e,t,!g):void 0;return void 0!==o?o:n.attributes||!g?e.getAttribute(t):(o=e.getAttributeNode(t))&&o.specified?o.value:null},oe.escape=function(e){return(e+"").replace(te,ne)},oe.error=function(e){throw new Error("Syntax error, unrecognized expression: "+e)},oe.uniqueSort=function(e){var t,r=[],i=0,o=0;if(f=!n.detectDuplicates,c=!n.sortStable&&e.slice(0),e.sort(D),f){while(t=e[o++])t===e[o]&&(i=r.push(o));while(i--)e.splice(r[i],1)}return c=null,e},i=oe.getText=function(e){var t,n="",r=0,o=e.nodeType;if(o){if(1===o||9===o||11===o){if("string"==typeof e.textContent)return e.textContent;for(e=e.firstChild;e;e=e.nextSibling)n+=i(e)}else if(3===o||4===o)return e.nodeValue}else while(t=e[r++])n+=i(t);return n},(r=oe.selectors={cacheLength:50,createPseudo:se,match:V,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(Z,ee),e[3]=(e[3]||e[4]||e[5]||"").replace(Z,ee),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||oe.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&oe.error(e[0]),e},PSEUDO:function(e){var t,n=!e[6]&&e[2];return V.CHILD.test(e[0])?null:(e[3]?e[2]=e[4]||e[5]||"":n&&X.test(n)&&(t=a(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(Z,ee).toLowerCase();return"*"===e?function(){return!0}:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t}},CLASS:function(e){var t=E[e+" "];return t||(t=new RegExp("(^|"+M+")"+e+"("+M+"|$)"))&&E(e,function(e){return t.test("string"==typeof e.className&&e.className||"undefined"!=typeof e.getAttribute&&e.getAttribute("class")||"")})},ATTR:function(e,t,n){return function(r){var i=oe.attr(r,e);return null==i?"!="===t:!t||(i+="","="===t?i===n:"!="===t?i!==n:"^="===t?n&&0===i.indexOf(n):"*="===t?n&&i.indexOf(n)>-1:"$="===t?n&&i.slice(-n.length)===n:"~="===t?(" "+i.replace($," ")+" ").indexOf(n)>-1:"|="===t&&(i===n||i.slice(0,n.length+1)===n+"-"))}},CHILD:function(e,t,n,r,i){var o="nth"!==e.slice(0,3),a="last"!==e.slice(-4),s="of-type"===t;return 1===r&&0===i?function(e){return!!e.parentNode}:function(t,n,u){var l,c,f,p,d,h,g=o!==a?"nextSibling":"previousSibling",y=t.parentNode,v=s&&t.nodeName.toLowerCase(),m=!u&&!s,x=!1;if(y){if(o){while(g){p=t;while(p=p[g])if(s?p.nodeName.toLowerCase()===v:1===p.nodeType)return!1;h=g="only"===e&&!h&&"nextSibling"}return!0}if(h=[a?y.firstChild:y.lastChild],a&&m){x=(d=(l=(c=(f=(p=y)[b]||(p[b]={}))[p.uniqueID]||(f[p.uniqueID]={}))[e]||[])[0]===T&&l[1])&&l[2],p=d&&y.childNodes[d];while(p=++d&&p&&p[g]||(x=d=0)||h.pop())if(1===p.nodeType&&++x&&p===t){c[e]=[T,d,x];break}}else if(m&&(x=d=(l=(c=(f=(p=t)[b]||(p[b]={}))[p.uniqueID]||(f[p.uniqueID]={}))[e]||[])[0]===T&&l[1]),!1===x)while(p=++d&&p&&p[g]||(x=d=0)||h.pop())if((s?p.nodeName.toLowerCase()===v:1===p.nodeType)&&++x&&(m&&((c=(f=p[b]||(p[b]={}))[p.uniqueID]||(f[p.uniqueID]={}))[e]=[T,x]),p===t))break;return(x-=i)===r||x%r==0&&x/r>=0}}},PSEUDO:function(e,t){var n,i=r.pseudos[e]||r.setFilters[e.toLowerCase()]||oe.error("unsupported pseudo: "+e);return i[b]?i(t):i.length>1?(n=[e,e,"",t],r.setFilters.hasOwnProperty(e.toLowerCase())?se(function(e,n){var r,o=i(e,t),a=o.length;while(a--)e[r=O(e,o[a])]=!(n[r]=o[a])}):function(e){return i(e,0,n)}):i}},pseudos:{not:se(function(e){var t=[],n=[],r=s(e.replace(B,"$1"));return r[b]?se(function(e,t,n,i){var o,a=r(e,null,i,[]),s=e.length;while(s--)(o=a[s])&&(e[s]=!(t[s]=o))}):function(e,i,o){return t[0]=e,r(t,null,o,n),t[0]=null,!n.pop()}}),has:se(function(e){return function(t){return oe(e,t).length>0}}),contains:se(function(e){return e=e.replace(Z,ee),function(t){return(t.textContent||t.innerText||i(t)).indexOf(e)>-1}}),lang:se(function(e){return U.test(e||"")||oe.error("unsupported lang: "+e),e=e.replace(Z,ee).toLowerCase(),function(t){var n;do{if(n=g?t.lang:t.getAttribute("xml:lang")||t.getAttribute("lang"))return(n=n.toLowerCase())===e||0===n.indexOf(e+"-")}while((t=t.parentNode)&&1===t.nodeType);return!1}}),target:function(t){var n=e.location&&e.location.hash;return n&&n.slice(1)===t.id},root:function(e){return e===h},focus:function(e){return e===d.activeElement&&(!d.hasFocus||d.hasFocus())&&!!(e.type||e.href||~e.tabIndex)},enabled:de(!1),disabled:de(!0),checked:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&!!e.checked||"option"===t&&!!e.selected},selected:function(e){return e.parentNode&&e.parentNode.selectedIndex,!0===e.selected},empty:function(e){for(e=e.firstChild;e;e=e.nextSibling)if(e.nodeType<6)return!1;return!0},parent:function(e){return!r.pseudos.empty(e)},header:function(e){return Y.test(e.nodeName)},input:function(e){return G.test(e.nodeName)},button:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&"button"===e.type||"button"===t},text:function(e){var t;return"input"===e.nodeName.toLowerCase()&&"text"===e.type&&(null==(t=e.getAttribute("type"))||"text"===t.toLowerCase())},first:he(function(){return[0]}),last:he(function(e,t){return[t-1]}),eq:he(function(e,t,n){return[n<0?n+t:n]}),even:he(function(e,t){for(var n=0;n=0;)e.push(r);return e}),gt:he(function(e,t,n){for(var r=n<0?n+t:n;++r1?function(t,n,r){var i=e.length;while(i--)if(!e[i](t,n,r))return!1;return!0}:e[0]}function be(e,t,n){for(var r=0,i=t.length;r-1&&(o[l]=!(a[l]=f))}}else v=we(v===a?v.splice(h,v.length):v),i?i(null,a,v,u):L.apply(a,v)})}function Ce(e){for(var t,n,i,o=e.length,a=r.relative[e[0].type],s=a||r.relative[" "],u=a?1:0,c=me(function(e){return e===t},s,!0),f=me(function(e){return O(t,e)>-1},s,!0),p=[function(e,n,r){var i=!a&&(r||n!==l)||((t=n).nodeType?c(e,n,r):f(e,n,r));return t=null,i}];u1&&xe(p),u>1&&ve(e.slice(0,u-1).concat({value:" "===e[u-2].type?"*":""})).replace(B,"$1"),n,u0,i=e.length>0,o=function(o,a,s,u,c){var f,h,y,v=0,m="0",x=o&&[],b=[],w=l,C=o||i&&r.find.TAG("*",c),E=T+=null==w?1:Math.random()||.1,k=C.length;for(c&&(l=a===d||a||c);m!==k&&null!=(f=C[m]);m++){if(i&&f){h=0,a||f.ownerDocument===d||(p(f),s=!g);while(y=e[h++])if(y(f,a||d,s)){u.push(f);break}c&&(T=E)}n&&((f=!y&&f)&&v--,o&&x.push(f))}if(v+=m,n&&m!==v){h=0;while(y=t[h++])y(x,b,a,s);if(o){if(v>0)while(m--)x[m]||b[m]||(b[m]=j.call(u));b=we(b)}L.apply(u,b),c&&!o&&b.length>0&&v+t.length>1&&oe.uniqueSort(u)}return c&&(T=E,l=w),x};return n?se(o):o}return s=oe.compile=function(e,t){var n,r=[],i=[],o=S[e+" "];if(!o){t||(t=a(e)),n=t.length;while(n--)(o=Ce(t[n]))[b]?r.push(o):i.push(o);(o=S(e,Ee(i,r))).selector=e}return o},u=oe.select=function(e,t,n,i){var o,u,l,c,f,p="function"==typeof e&&e,d=!i&&a(e=p.selector||e);if(n=n||[],1===d.length){if((u=d[0]=d[0].slice(0)).length>2&&"ID"===(l=u[0]).type&&9===t.nodeType&&g&&r.relative[u[1].type]){if(!(t=(r.find.ID(l.matches[0].replace(Z,ee),t)||[])[0]))return n;p&&(t=t.parentNode),e=e.slice(u.shift().value.length)}o=V.needsContext.test(e)?0:u.length;while(o--){if(l=u[o],r.relative[c=l.type])break;if((f=r.find[c])&&(i=f(l.matches[0].replace(Z,ee),K.test(u[0].type)&&ge(t.parentNode)||t))){if(u.splice(o,1),!(e=i.length&&ve(u)))return L.apply(n,i),n;break}}}return(p||s(e,d))(i,t,!g,n,!t||K.test(e)&&ge(t.parentNode)||t),n},n.sortStable=b.split("").sort(D).join("")===b,n.detectDuplicates=!!f,p(),n.sortDetached=ue(function(e){return 1&e.compareDocumentPosition(d.createElement("fieldset"))}),ue(function(e){return e.innerHTML="","#"===e.firstChild.getAttribute("href")})||le("type|href|height|width",function(e,t,n){if(!n)return e.getAttribute(t,"type"===t.toLowerCase()?1:2)}),n.attributes&&ue(function(e){return e.innerHTML="",e.firstChild.setAttribute("value",""),""===e.firstChild.getAttribute("value")})||le("value",function(e,t,n){if(!n&&"input"===e.nodeName.toLowerCase())return e.defaultValue}),ue(function(e){return null==e.getAttribute("disabled")})||le(P,function(e,t,n){var r;if(!n)return!0===e[t]?t.toLowerCase():(r=e.getAttributeNode(t))&&r.specified?r.value:null}),oe}(e);w.find=E,w.expr=E.selectors,w.expr[":"]=w.expr.pseudos,w.uniqueSort=w.unique=E.uniqueSort,w.text=E.getText,w.isXMLDoc=E.isXML,w.contains=E.contains,w.escapeSelector=E.escape;var k=function(e,t,n){var r=[],i=void 0!==n;while((e=e[t])&&9!==e.nodeType)if(1===e.nodeType){if(i&&w(e).is(n))break;r.push(e)}return r},S=function(e,t){for(var n=[];e;e=e.nextSibling)1===e.nodeType&&e!==t&&n.push(e);return n},D=w.expr.match.needsContext;function N(e,t){return e.nodeName&&e.nodeName.toLowerCase()===t.toLowerCase()}var A=/^<([a-z][^\/\0>:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;function j(e,t,n){return g(t)?w.grep(e,function(e,r){return!!t.call(e,r,e)!==n}):t.nodeType?w.grep(e,function(e){return e===t!==n}):"string"!=typeof t?w.grep(e,function(e){return u.call(t,e)>-1!==n}):w.filter(t,e,n)}w.filter=function(e,t,n){var r=t[0];return n&&(e=":not("+e+")"),1===t.length&&1===r.nodeType?w.find.matchesSelector(r,e)?[r]:[]:w.find.matches(e,w.grep(t,function(e){return 1===e.nodeType}))},w.fn.extend({find:function(e){var t,n,r=this.length,i=this;if("string"!=typeof e)return this.pushStack(w(e).filter(function(){for(t=0;t1?w.uniqueSort(n):n},filter:function(e){return this.pushStack(j(this,e||[],!1))},not:function(e){return this.pushStack(j(this,e||[],!0))},is:function(e){return!!j(this,"string"==typeof e&&D.test(e)?w(e):e||[],!1).length}});var q,L=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]+))$/;(w.fn.init=function(e,t,n){var i,o;if(!e)return this;if(n=n||q,"string"==typeof e){if(!(i="<"===e[0]&&">"===e[e.length-1]&&e.length>=3?[null,e,null]:L.exec(e))||!i[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(i[1]){if(t=t instanceof w?t[0]:t,w.merge(this,w.parseHTML(i[1],t&&t.nodeType?t.ownerDocument||t:r,!0)),A.test(i[1])&&w.isPlainObject(t))for(i in t)g(this[i])?this[i](t[i]):this.attr(i,t[i]);return this}return(o=r.getElementById(i[2]))&&(this[0]=o,this.length=1),this}return e.nodeType?(this[0]=e,this.length=1,this):g(e)?void 0!==n.ready?n.ready(e):e(w):w.makeArray(e,this)}).prototype=w.fn,q=w(r);var H=/^(?:parents|prev(?:Until|All))/,O={children:!0,contents:!0,next:!0,prev:!0};w.fn.extend({has:function(e){var t=w(e,this),n=t.length;return this.filter(function(){for(var e=0;e-1:1===n.nodeType&&w.find.matchesSelector(n,e))){o.push(n);break}return this.pushStack(o.length>1?w.uniqueSort(o):o)},index:function(e){return e?"string"==typeof e?u.call(w(e),this[0]):u.call(this,e.jquery?e[0]:e):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(e,t){return this.pushStack(w.uniqueSort(w.merge(this.get(),w(e,t))))},addBack:function(e){return this.add(null==e?this.prevObject:this.prevObject.filter(e))}});function P(e,t){while((e=e[t])&&1!==e.nodeType);return e}w.each({parent:function(e){var t=e.parentNode;return t&&11!==t.nodeType?t:null},parents:function(e){return k(e,"parentNode")},parentsUntil:function(e,t,n){return k(e,"parentNode",n)},next:function(e){return P(e,"nextSibling")},prev:function(e){return P(e,"previousSibling")},nextAll:function(e){return k(e,"nextSibling")},prevAll:function(e){return k(e,"previousSibling")},nextUntil:function(e,t,n){return k(e,"nextSibling",n)},prevUntil:function(e,t,n){return k(e,"previousSibling",n)},siblings:function(e){return S((e.parentNode||{}).firstChild,e)},children:function(e){return S(e.firstChild)},contents:function(e){return N(e,"iframe")?e.contentDocument:(N(e,"template")&&(e=e.content||e),w.merge([],e.childNodes))}},function(e,t){w.fn[e]=function(n,r){var i=w.map(this,t,n);return"Until"!==e.slice(-5)&&(r=n),r&&"string"==typeof r&&(i=w.filter(r,i)),this.length>1&&(O[e]||w.uniqueSort(i),H.test(e)&&i.reverse()),this.pushStack(i)}});var M=/[^\x20\t\r\n\f]+/g;function R(e){var t={};return w.each(e.match(M)||[],function(e,n){t[n]=!0}),t}w.Callbacks=function(e){e="string"==typeof e?R(e):w.extend({},e);var t,n,r,i,o=[],a=[],s=-1,u=function(){for(i=i||e.once,r=t=!0;a.length;s=-1){n=a.shift();while(++s-1)o.splice(n,1),n<=s&&s--}),this},has:function(e){return e?w.inArray(e,o)>-1:o.length>0},empty:function(){return o&&(o=[]),this},disable:function(){return i=a=[],o=n="",this},disabled:function(){return!o},lock:function(){return i=a=[],n||t||(o=n=""),this},locked:function(){return!!i},fireWith:function(e,n){return i||(n=[e,(n=n||[]).slice?n.slice():n],a.push(n),t||u()),this},fire:function(){return l.fireWith(this,arguments),this},fired:function(){return!!r}};return l};function I(e){return e}function W(e){throw e}function $(e,t,n,r){var i;try{e&&g(i=e.promise)?i.call(e).done(t).fail(n):e&&g(i=e.then)?i.call(e,t,n):t.apply(void 0,[e].slice(r))}catch(e){n.apply(void 0,[e])}}w.extend({Deferred:function(t){var n=[["notify","progress",w.Callbacks("memory"),w.Callbacks("memory"),2],["resolve","done",w.Callbacks("once memory"),w.Callbacks("once memory"),0,"resolved"],["reject","fail",w.Callbacks("once memory"),w.Callbacks("once memory"),1,"rejected"]],r="pending",i={state:function(){return r},always:function(){return o.done(arguments).fail(arguments),this},"catch":function(e){return i.then(null,e)},pipe:function(){var e=arguments;return w.Deferred(function(t){w.each(n,function(n,r){var i=g(e[r[4]])&&e[r[4]];o[r[1]](function(){var e=i&&i.apply(this,arguments);e&&g(e.promise)?e.promise().progress(t.notify).done(t.resolve).fail(t.reject):t[r[0]+"With"](this,i?[e]:arguments)})}),e=null}).promise()},then:function(t,r,i){var o=0;function a(t,n,r,i){return function(){var s=this,u=arguments,l=function(){var e,l;if(!(t=o&&(r!==W&&(s=void 0,u=[e]),n.rejectWith(s,u))}};t?c():(w.Deferred.getStackHook&&(c.stackTrace=w.Deferred.getStackHook()),e.setTimeout(c))}}return w.Deferred(function(e){n[0][3].add(a(0,e,g(i)?i:I,e.notifyWith)),n[1][3].add(a(0,e,g(t)?t:I)),n[2][3].add(a(0,e,g(r)?r:W))}).promise()},promise:function(e){return null!=e?w.extend(e,i):i}},o={};return w.each(n,function(e,t){var a=t[2],s=t[5];i[t[1]]=a.add,s&&a.add(function(){r=s},n[3-e][2].disable,n[3-e][3].disable,n[0][2].lock,n[0][3].lock),a.add(t[3].fire),o[t[0]]=function(){return o[t[0]+"With"](this===o?void 0:this,arguments),this},o[t[0]+"With"]=a.fireWith}),i.promise(o),t&&t.call(o,o),o},when:function(e){var t=arguments.length,n=t,r=Array(n),i=o.call(arguments),a=w.Deferred(),s=function(e){return function(n){r[e]=this,i[e]=arguments.length>1?o.call(arguments):n,--t||a.resolveWith(r,i)}};if(t<=1&&($(e,a.done(s(n)).resolve,a.reject,!t),"pending"===a.state()||g(i[n]&&i[n].then)))return a.then();while(n--)$(i[n],s(n),a.reject);return a.promise()}});var B=/^(Eval|Internal|Range|Reference|Syntax|Type|URI)Error$/;w.Deferred.exceptionHook=function(t,n){e.console&&e.console.warn&&t&&B.test(t.name)&&e.console.warn("jQuery.Deferred exception: "+t.message,t.stack,n)},w.readyException=function(t){e.setTimeout(function(){throw t})};var F=w.Deferred();w.fn.ready=function(e){return F.then(e)["catch"](function(e){w.readyException(e)}),this},w.extend({isReady:!1,readyWait:1,ready:function(e){(!0===e?--w.readyWait:w.isReady)||(w.isReady=!0,!0!==e&&--w.readyWait>0||F.resolveWith(r,[w]))}}),w.ready.then=F.then;function _(){r.removeEventListener("DOMContentLoaded",_),e.removeEventListener("load",_),w.ready()}"complete"===r.readyState||"loading"!==r.readyState&&!r.documentElement.doScroll?e.setTimeout(w.ready):(r.addEventListener("DOMContentLoaded",_),e.addEventListener("load",_));var z=function(e,t,n,r,i,o,a){var s=0,u=e.length,l=null==n;if("object"===x(n)){i=!0;for(s in n)z(e,t,s,n[s],!0,o,a)}else if(void 0!==r&&(i=!0,g(r)||(a=!0),l&&(a?(t.call(e,r),t=null):(l=t,t=function(e,t,n){return l.call(w(e),n)})),t))for(;s1,null,!0)},removeData:function(e){return this.each(function(){K.remove(this,e)})}}),w.extend({queue:function(e,t,n){var r;if(e)return t=(t||"fx")+"queue",r=J.get(e,t),n&&(!r||Array.isArray(n)?r=J.access(e,t,w.makeArray(n)):r.push(n)),r||[]},dequeue:function(e,t){t=t||"fx";var n=w.queue(e,t),r=n.length,i=n.shift(),o=w._queueHooks(e,t),a=function(){w.dequeue(e,t)};"inprogress"===i&&(i=n.shift(),r--),i&&("fx"===t&&n.unshift("inprogress"),delete o.stop,i.call(e,a,o)),!r&&o&&o.empty.fire()},_queueHooks:function(e,t){var n=t+"queueHooks";return J.get(e,n)||J.access(e,n,{empty:w.Callbacks("once memory").add(function(){J.remove(e,[t+"queue",n])})})}}),w.fn.extend({queue:function(e,t){var n=2;return"string"!=typeof e&&(t=e,e="fx",n--),arguments.length\x20\t\r\n\f]+)/i,he=/^$|^module$|\/(?:java|ecma)script/i,ge={option:[1,""],thead:[1,"","
"],col:[2,"","
"],tr:[2,"","
"],td:[3,"","
"],_default:[0,"",""]};ge.optgroup=ge.option,ge.tbody=ge.tfoot=ge.colgroup=ge.caption=ge.thead,ge.th=ge.td;function ye(e,t){var n;return n="undefined"!=typeof e.getElementsByTagName?e.getElementsByTagName(t||"*"):"undefined"!=typeof e.querySelectorAll?e.querySelectorAll(t||"*"):[],void 0===t||t&&N(e,t)?w.merge([e],n):n}function ve(e,t){for(var n=0,r=e.length;n-1)i&&i.push(o);else if(l=w.contains(o.ownerDocument,o),a=ye(f.appendChild(o),"script"),l&&ve(a),n){c=0;while(o=a[c++])he.test(o.type||"")&&n.push(o)}return f}!function(){var e=r.createDocumentFragment().appendChild(r.createElement("div")),t=r.createElement("input");t.setAttribute("type","radio"),t.setAttribute("checked","checked"),t.setAttribute("name","t"),e.appendChild(t),h.checkClone=e.cloneNode(!0).cloneNode(!0).lastChild.checked,e.innerHTML="",h.noCloneChecked=!!e.cloneNode(!0).lastChild.defaultValue}();var be=r.documentElement,we=/^key/,Te=/^(?:mouse|pointer|contextmenu|drag|drop)|click/,Ce=/^([^.]*)(?:\.(.+)|)/;function Ee(){return!0}function ke(){return!1}function Se(){try{return r.activeElement}catch(e){}}function De(e,t,n,r,i,o){var a,s;if("object"==typeof t){"string"!=typeof n&&(r=r||n,n=void 0);for(s in t)De(e,s,n,r,t[s],o);return e}if(null==r&&null==i?(i=n,r=n=void 0):null==i&&("string"==typeof n?(i=r,r=void 0):(i=r,r=n,n=void 0)),!1===i)i=ke;else if(!i)return e;return 1===o&&(a=i,(i=function(e){return w().off(e),a.apply(this,arguments)}).guid=a.guid||(a.guid=w.guid++)),e.each(function(){w.event.add(this,t,i,r,n)})}w.event={global:{},add:function(e,t,n,r,i){var o,a,s,u,l,c,f,p,d,h,g,y=J.get(e);if(y){n.handler&&(n=(o=n).handler,i=o.selector),i&&w.find.matchesSelector(be,i),n.guid||(n.guid=w.guid++),(u=y.events)||(u=y.events={}),(a=y.handle)||(a=y.handle=function(t){return"undefined"!=typeof w&&w.event.triggered!==t.type?w.event.dispatch.apply(e,arguments):void 0}),l=(t=(t||"").match(M)||[""]).length;while(l--)d=g=(s=Ce.exec(t[l])||[])[1],h=(s[2]||"").split(".").sort(),d&&(f=w.event.special[d]||{},d=(i?f.delegateType:f.bindType)||d,f=w.event.special[d]||{},c=w.extend({type:d,origType:g,data:r,handler:n,guid:n.guid,selector:i,needsContext:i&&w.expr.match.needsContext.test(i),namespace:h.join(".")},o),(p=u[d])||((p=u[d]=[]).delegateCount=0,f.setup&&!1!==f.setup.call(e,r,h,a)||e.addEventListener&&e.addEventListener(d,a)),f.add&&(f.add.call(e,c),c.handler.guid||(c.handler.guid=n.guid)),i?p.splice(p.delegateCount++,0,c):p.push(c),w.event.global[d]=!0)}},remove:function(e,t,n,r,i){var o,a,s,u,l,c,f,p,d,h,g,y=J.hasData(e)&&J.get(e);if(y&&(u=y.events)){l=(t=(t||"").match(M)||[""]).length;while(l--)if(s=Ce.exec(t[l])||[],d=g=s[1],h=(s[2]||"").split(".").sort(),d){f=w.event.special[d]||{},p=u[d=(r?f.delegateType:f.bindType)||d]||[],s=s[2]&&new RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"),a=o=p.length;while(o--)c=p[o],!i&&g!==c.origType||n&&n.guid!==c.guid||s&&!s.test(c.namespace)||r&&r!==c.selector&&("**"!==r||!c.selector)||(p.splice(o,1),c.selector&&p.delegateCount--,f.remove&&f.remove.call(e,c));a&&!p.length&&(f.teardown&&!1!==f.teardown.call(e,h,y.handle)||w.removeEvent(e,d,y.handle),delete u[d])}else for(d in u)w.event.remove(e,d+t[l],n,r,!0);w.isEmptyObject(u)&&J.remove(e,"handle events")}},dispatch:function(e){var t=w.event.fix(e),n,r,i,o,a,s,u=new Array(arguments.length),l=(J.get(this,"events")||{})[t.type]||[],c=w.event.special[t.type]||{};for(u[0]=t,n=1;n=1))for(;l!==this;l=l.parentNode||this)if(1===l.nodeType&&("click"!==e.type||!0!==l.disabled)){for(o=[],a={},n=0;n-1:w.find(i,this,null,[l]).length),a[i]&&o.push(r);o.length&&s.push({elem:l,handlers:o})}return l=this,u\x20\t\r\n\f]*)[^>]*)\/>/gi,Ae=/\s*$/g;function Le(e,t){return N(e,"table")&&N(11!==t.nodeType?t:t.firstChild,"tr")?w(e).children("tbody")[0]||e:e}function He(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function Oe(e){return"true/"===(e.type||"").slice(0,5)?e.type=e.type.slice(5):e.removeAttribute("type"),e}function Pe(e,t){var n,r,i,o,a,s,u,l;if(1===t.nodeType){if(J.hasData(e)&&(o=J.access(e),a=J.set(t,o),l=o.events)){delete a.handle,a.events={};for(i in l)for(n=0,r=l[i].length;n1&&"string"==typeof y&&!h.checkClone&&je.test(y))return e.each(function(i){var o=e.eq(i);v&&(t[0]=y.call(this,i,o.html())),Re(o,t,n,r)});if(p&&(i=xe(t,e[0].ownerDocument,!1,e,r),o=i.firstChild,1===i.childNodes.length&&(i=o),o||r)){for(u=(s=w.map(ye(i,"script"),He)).length;f")},clone:function(e,t,n){var r,i,o,a,s=e.cloneNode(!0),u=w.contains(e.ownerDocument,e);if(!(h.noCloneChecked||1!==e.nodeType&&11!==e.nodeType||w.isXMLDoc(e)))for(a=ye(s),r=0,i=(o=ye(e)).length;r0&&ve(a,!u&&ye(e,"script")),s},cleanData:function(e){for(var t,n,r,i=w.event.special,o=0;void 0!==(n=e[o]);o++)if(Y(n)){if(t=n[J.expando]){if(t.events)for(r in t.events)i[r]?w.event.remove(n,r):w.removeEvent(n,r,t.handle);n[J.expando]=void 0}n[K.expando]&&(n[K.expando]=void 0)}}}),w.fn.extend({detach:function(e){return Ie(this,e,!0)},remove:function(e){return Ie(this,e)},text:function(e){return z(this,function(e){return void 0===e?w.text(this):this.empty().each(function(){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||(this.textContent=e)})},null,e,arguments.length)},append:function(){return Re(this,arguments,function(e){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||Le(this,e).appendChild(e)})},prepend:function(){return Re(this,arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=Le(this,e);t.insertBefore(e,t.firstChild)}})},before:function(){return Re(this,arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this)})},after:function(){return Re(this,arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this.nextSibling)})},empty:function(){for(var e,t=0;null!=(e=this[t]);t++)1===e.nodeType&&(w.cleanData(ye(e,!1)),e.textContent="");return this},clone:function(e,t){return e=null!=e&&e,t=null==t?e:t,this.map(function(){return w.clone(this,e,t)})},html:function(e){return z(this,function(e){var t=this[0]||{},n=0,r=this.length;if(void 0===e&&1===t.nodeType)return t.innerHTML;if("string"==typeof e&&!Ae.test(e)&&!ge[(de.exec(e)||["",""])[1].toLowerCase()]){e=w.htmlPrefilter(e);try{for(;n=0&&(u+=Math.max(0,Math.ceil(e["offset"+t[0].toUpperCase()+t.slice(1)]-o-u-s-.5))),u}function et(e,t,n){var r=$e(e),i=Fe(e,t,r),o="border-box"===w.css(e,"boxSizing",!1,r),a=o;if(We.test(i)){if(!n)return i;i="auto"}return a=a&&(h.boxSizingReliable()||i===e.style[t]),("auto"===i||!parseFloat(i)&&"inline"===w.css(e,"display",!1,r))&&(i=e["offset"+t[0].toUpperCase()+t.slice(1)],a=!0),(i=parseFloat(i)||0)+Ze(e,t,n||(o?"border":"content"),a,r,i)+"px"}w.extend({cssHooks:{opacity:{get:function(e,t){if(t){var n=Fe(e,"opacity");return""===n?"1":n}}}},cssNumber:{animationIterationCount:!0,columnCount:!0,fillOpacity:!0,flexGrow:!0,flexShrink:!0,fontWeight:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{},style:function(e,t,n,r){if(e&&3!==e.nodeType&&8!==e.nodeType&&e.style){var i,o,a,s=G(t),u=Xe.test(t),l=e.style;if(u||(t=Je(s)),a=w.cssHooks[t]||w.cssHooks[s],void 0===n)return a&&"get"in a&&void 0!==(i=a.get(e,!1,r))?i:l[t];"string"==(o=typeof n)&&(i=ie.exec(n))&&i[1]&&(n=ue(e,t,i),o="number"),null!=n&&n===n&&("number"===o&&(n+=i&&i[3]||(w.cssNumber[s]?"":"px")),h.clearCloneStyle||""!==n||0!==t.indexOf("background")||(l[t]="inherit"),a&&"set"in a&&void 0===(n=a.set(e,n,r))||(u?l.setProperty(t,n):l[t]=n))}},css:function(e,t,n,r){var i,o,a,s=G(t);return Xe.test(t)||(t=Je(s)),(a=w.cssHooks[t]||w.cssHooks[s])&&"get"in a&&(i=a.get(e,!0,n)),void 0===i&&(i=Fe(e,t,r)),"normal"===i&&t in Ve&&(i=Ve[t]),""===n||n?(o=parseFloat(i),!0===n||isFinite(o)?o||0:i):i}}),w.each(["height","width"],function(e,t){w.cssHooks[t]={get:function(e,n,r){if(n)return!ze.test(w.css(e,"display"))||e.getClientRects().length&&e.getBoundingClientRect().width?et(e,t,r):se(e,Ue,function(){return et(e,t,r)})},set:function(e,n,r){var i,o=$e(e),a="border-box"===w.css(e,"boxSizing",!1,o),s=r&&Ze(e,t,r,a,o);return a&&h.scrollboxSize()===o.position&&(s-=Math.ceil(e["offset"+t[0].toUpperCase()+t.slice(1)]-parseFloat(o[t])-Ze(e,t,"border",!1,o)-.5)),s&&(i=ie.exec(n))&&"px"!==(i[3]||"px")&&(e.style[t]=n,n=w.css(e,t)),Ke(e,n,s)}}}),w.cssHooks.marginLeft=_e(h.reliableMarginLeft,function(e,t){if(t)return(parseFloat(Fe(e,"marginLeft"))||e.getBoundingClientRect().left-se(e,{marginLeft:0},function(){return e.getBoundingClientRect().left}))+"px"}),w.each({margin:"",padding:"",border:"Width"},function(e,t){w.cssHooks[e+t]={expand:function(n){for(var r=0,i={},o="string"==typeof n?n.split(" "):[n];r<4;r++)i[e+oe[r]+t]=o[r]||o[r-2]||o[0];return i}},"margin"!==e&&(w.cssHooks[e+t].set=Ke)}),w.fn.extend({css:function(e,t){return z(this,function(e,t,n){var r,i,o={},a=0;if(Array.isArray(t)){for(r=$e(e),i=t.length;a1)}});function tt(e,t,n,r,i){return new tt.prototype.init(e,t,n,r,i)}w.Tween=tt,tt.prototype={constructor:tt,init:function(e,t,n,r,i,o){this.elem=e,this.prop=n,this.easing=i||w.easing._default,this.options=t,this.start=this.now=this.cur(),this.end=r,this.unit=o||(w.cssNumber[n]?"":"px")},cur:function(){var e=tt.propHooks[this.prop];return e&&e.get?e.get(this):tt.propHooks._default.get(this)},run:function(e){var t,n=tt.propHooks[this.prop];return this.options.duration?this.pos=t=w.easing[this.easing](e,this.options.duration*e,0,1,this.options.duration):this.pos=t=e,this.now=(this.end-this.start)*t+this.start,this.options.step&&this.options.step.call(this.elem,this.now,this),n&&n.set?n.set(this):tt.propHooks._default.set(this),this}},tt.prototype.init.prototype=tt.prototype,tt.propHooks={_default:{get:function(e){var t;return 1!==e.elem.nodeType||null!=e.elem[e.prop]&&null==e.elem.style[e.prop]?e.elem[e.prop]:(t=w.css(e.elem,e.prop,""))&&"auto"!==t?t:0},set:function(e){w.fx.step[e.prop]?w.fx.step[e.prop](e):1!==e.elem.nodeType||null==e.elem.style[w.cssProps[e.prop]]&&!w.cssHooks[e.prop]?e.elem[e.prop]=e.now:w.style(e.elem,e.prop,e.now+e.unit)}}},tt.propHooks.scrollTop=tt.propHooks.scrollLeft={set:function(e){e.elem.nodeType&&e.elem.parentNode&&(e.elem[e.prop]=e.now)}},w.easing={linear:function(e){return e},swing:function(e){return.5-Math.cos(e*Math.PI)/2},_default:"swing"},w.fx=tt.prototype.init,w.fx.step={};var nt,rt,it=/^(?:toggle|show|hide)$/,ot=/queueHooks$/;function at(){rt&&(!1===r.hidden&&e.requestAnimationFrame?e.requestAnimationFrame(at):e.setTimeout(at,w.fx.interval),w.fx.tick())}function st(){return e.setTimeout(function(){nt=void 0}),nt=Date.now()}function ut(e,t){var n,r=0,i={height:e};for(t=t?1:0;r<4;r+=2-t)i["margin"+(n=oe[r])]=i["padding"+n]=e;return t&&(i.opacity=i.width=e),i}function lt(e,t,n){for(var r,i=(pt.tweeners[t]||[]).concat(pt.tweeners["*"]),o=0,a=i.length;o1)},removeAttr:function(e){return this.each(function(){w.removeAttr(this,e)})}}),w.extend({attr:function(e,t,n){var r,i,o=e.nodeType;if(3!==o&&8!==o&&2!==o)return"undefined"==typeof e.getAttribute?w.prop(e,t,n):(1===o&&w.isXMLDoc(e)||(i=w.attrHooks[t.toLowerCase()]||(w.expr.match.bool.test(t)?dt:void 0)),void 0!==n?null===n?void w.removeAttr(e,t):i&&"set"in i&&void 0!==(r=i.set(e,n,t))?r:(e.setAttribute(t,n+""),n):i&&"get"in i&&null!==(r=i.get(e,t))?r:null==(r=w.find.attr(e,t))?void 0:r)},attrHooks:{type:{set:function(e,t){if(!h.radioValue&&"radio"===t&&N(e,"input")){var n=e.value;return e.setAttribute("type",t),n&&(e.value=n),t}}}},removeAttr:function(e,t){var n,r=0,i=t&&t.match(M);if(i&&1===e.nodeType)while(n=i[r++])e.removeAttribute(n)}}),dt={set:function(e,t,n){return!1===t?w.removeAttr(e,n):e.setAttribute(n,n),n}},w.each(w.expr.match.bool.source.match(/\w+/g),function(e,t){var n=ht[t]||w.find.attr;ht[t]=function(e,t,r){var i,o,a=t.toLowerCase();return r||(o=ht[a],ht[a]=i,i=null!=n(e,t,r)?a:null,ht[a]=o),i}});var gt=/^(?:input|select|textarea|button)$/i,yt=/^(?:a|area)$/i;w.fn.extend({prop:function(e,t){return z(this,w.prop,e,t,arguments.length>1)},removeProp:function(e){return this.each(function(){delete this[w.propFix[e]||e]})}}),w.extend({prop:function(e,t,n){var r,i,o=e.nodeType;if(3!==o&&8!==o&&2!==o)return 1===o&&w.isXMLDoc(e)||(t=w.propFix[t]||t,i=w.propHooks[t]),void 0!==n?i&&"set"in i&&void 0!==(r=i.set(e,n,t))?r:e[t]=n:i&&"get"in i&&null!==(r=i.get(e,t))?r:e[t]},propHooks:{tabIndex:{get:function(e){var t=w.find.attr(e,"tabindex");return t?parseInt(t,10):gt.test(e.nodeName)||yt.test(e.nodeName)&&e.href?0:-1}}},propFix:{"for":"htmlFor","class":"className"}}),h.optSelected||(w.propHooks.selected={get:function(e){var t=e.parentNode;return t&&t.parentNode&&t.parentNode.selectedIndex,null},set:function(e){var t=e.parentNode;t&&(t.selectedIndex,t.parentNode&&t.parentNode.selectedIndex)}}),w.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){w.propFix[this.toLowerCase()]=this});function vt(e){return(e.match(M)||[]).join(" ")}function mt(e){return e.getAttribute&&e.getAttribute("class")||""}function xt(e){return Array.isArray(e)?e:"string"==typeof e?e.match(M)||[]:[]}w.fn.extend({addClass:function(e){var t,n,r,i,o,a,s,u=0;if(g(e))return this.each(function(t){w(this).addClass(e.call(this,t,mt(this)))});if((t=xt(e)).length)while(n=this[u++])if(i=mt(n),r=1===n.nodeType&&" "+vt(i)+" "){a=0;while(o=t[a++])r.indexOf(" "+o+" ")<0&&(r+=o+" ");i!==(s=vt(r))&&n.setAttribute("class",s)}return this},removeClass:function(e){var t,n,r,i,o,a,s,u=0;if(g(e))return this.each(function(t){w(this).removeClass(e.call(this,t,mt(this)))});if(!arguments.length)return this.attr("class","");if((t=xt(e)).length)while(n=this[u++])if(i=mt(n),r=1===n.nodeType&&" "+vt(i)+" "){a=0;while(o=t[a++])while(r.indexOf(" "+o+" ")>-1)r=r.replace(" "+o+" "," ");i!==(s=vt(r))&&n.setAttribute("class",s)}return this},toggleClass:function(e,t){var n=typeof e,r="string"===n||Array.isArray(e);return"boolean"==typeof t&&r?t?this.addClass(e):this.removeClass(e):g(e)?this.each(function(n){w(this).toggleClass(e.call(this,n,mt(this),t),t)}):this.each(function(){var t,i,o,a;if(r){i=0,o=w(this),a=xt(e);while(t=a[i++])o.hasClass(t)?o.removeClass(t):o.addClass(t)}else void 0!==e&&"boolean"!==n||((t=mt(this))&&J.set(this,"__className__",t),this.setAttribute&&this.setAttribute("class",t||!1===e?"":J.get(this,"__className__")||""))})},hasClass:function(e){var t,n,r=0;t=" "+e+" ";while(n=this[r++])if(1===n.nodeType&&(" "+vt(mt(n))+" ").indexOf(t)>-1)return!0;return!1}});var bt=/\r/g;w.fn.extend({val:function(e){var t,n,r,i=this[0];{if(arguments.length)return r=g(e),this.each(function(n){var i;1===this.nodeType&&(null==(i=r?e.call(this,n,w(this).val()):e)?i="":"number"==typeof i?i+="":Array.isArray(i)&&(i=w.map(i,function(e){return null==e?"":e+""})),(t=w.valHooks[this.type]||w.valHooks[this.nodeName.toLowerCase()])&&"set"in t&&void 0!==t.set(this,i,"value")||(this.value=i))});if(i)return(t=w.valHooks[i.type]||w.valHooks[i.nodeName.toLowerCase()])&&"get"in t&&void 0!==(n=t.get(i,"value"))?n:"string"==typeof(n=i.value)?n.replace(bt,""):null==n?"":n}}}),w.extend({valHooks:{option:{get:function(e){var t=w.find.attr(e,"value");return null!=t?t:vt(w.text(e))}},select:{get:function(e){var t,n,r,i=e.options,o=e.selectedIndex,a="select-one"===e.type,s=a?null:[],u=a?o+1:i.length;for(r=o<0?u:a?o:0;r-1)&&(n=!0);return n||(e.selectedIndex=-1),o}}}}),w.each(["radio","checkbox"],function(){w.valHooks[this]={set:function(e,t){if(Array.isArray(t))return e.checked=w.inArray(w(e).val(),t)>-1}},h.checkOn||(w.valHooks[this].get=function(e){return null===e.getAttribute("value")?"on":e.value})}),h.focusin="onfocusin"in e;var wt=/^(?:focusinfocus|focusoutblur)$/,Tt=function(e){e.stopPropagation()};w.extend(w.event,{trigger:function(t,n,i,o){var a,s,u,l,c,p,d,h,v=[i||r],m=f.call(t,"type")?t.type:t,x=f.call(t,"namespace")?t.namespace.split("."):[];if(s=h=u=i=i||r,3!==i.nodeType&&8!==i.nodeType&&!wt.test(m+w.event.triggered)&&(m.indexOf(".")>-1&&(m=(x=m.split(".")).shift(),x.sort()),c=m.indexOf(":")<0&&"on"+m,t=t[w.expando]?t:new w.Event(m,"object"==typeof t&&t),t.isTrigger=o?2:3,t.namespace=x.join("."),t.rnamespace=t.namespace?new RegExp("(^|\\.)"+x.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,t.result=void 0,t.target||(t.target=i),n=null==n?[t]:w.makeArray(n,[t]),d=w.event.special[m]||{},o||!d.trigger||!1!==d.trigger.apply(i,n))){if(!o&&!d.noBubble&&!y(i)){for(l=d.delegateType||m,wt.test(l+m)||(s=s.parentNode);s;s=s.parentNode)v.push(s),u=s;u===(i.ownerDocument||r)&&v.push(u.defaultView||u.parentWindow||e)}a=0;while((s=v[a++])&&!t.isPropagationStopped())h=s,t.type=a>1?l:d.bindType||m,(p=(J.get(s,"events")||{})[t.type]&&J.get(s,"handle"))&&p.apply(s,n),(p=c&&s[c])&&p.apply&&Y(s)&&(t.result=p.apply(s,n),!1===t.result&&t.preventDefault());return t.type=m,o||t.isDefaultPrevented()||d._default&&!1!==d._default.apply(v.pop(),n)||!Y(i)||c&&g(i[m])&&!y(i)&&((u=i[c])&&(i[c]=null),w.event.triggered=m,t.isPropagationStopped()&&h.addEventListener(m,Tt),i[m](),t.isPropagationStopped()&&h.removeEventListener(m,Tt),w.event.triggered=void 0,u&&(i[c]=u)),t.result}},simulate:function(e,t,n){var r=w.extend(new w.Event,n,{type:e,isSimulated:!0});w.event.trigger(r,null,t)}}),w.fn.extend({trigger:function(e,t){return this.each(function(){w.event.trigger(e,t,this)})},triggerHandler:function(e,t){var n=this[0];if(n)return w.event.trigger(e,t,n,!0)}}),h.focusin||w.each({focus:"focusin",blur:"focusout"},function(e,t){var n=function(e){w.event.simulate(t,e.target,w.event.fix(e))};w.event.special[t]={setup:function(){var r=this.ownerDocument||this,i=J.access(r,t);i||r.addEventListener(e,n,!0),J.access(r,t,(i||0)+1)},teardown:function(){var r=this.ownerDocument||this,i=J.access(r,t)-1;i?J.access(r,t,i):(r.removeEventListener(e,n,!0),J.remove(r,t))}}});var Ct=e.location,Et=Date.now(),kt=/\?/;w.parseXML=function(t){var n;if(!t||"string"!=typeof t)return null;try{n=(new e.DOMParser).parseFromString(t,"text/xml")}catch(e){n=void 0}return n&&!n.getElementsByTagName("parsererror").length||w.error("Invalid XML: "+t),n};var St=/\[\]$/,Dt=/\r?\n/g,Nt=/^(?:submit|button|image|reset|file)$/i,At=/^(?:input|select|textarea|keygen)/i;function jt(e,t,n,r){var i;if(Array.isArray(t))w.each(t,function(t,i){n||St.test(e)?r(e,i):jt(e+"["+("object"==typeof i&&null!=i?t:"")+"]",i,n,r)});else if(n||"object"!==x(t))r(e,t);else for(i in t)jt(e+"["+i+"]",t[i],n,r)}w.param=function(e,t){var n,r=[],i=function(e,t){var n=g(t)?t():t;r[r.length]=encodeURIComponent(e)+"="+encodeURIComponent(null==n?"":n)};if(Array.isArray(e)||e.jquery&&!w.isPlainObject(e))w.each(e,function(){i(this.name,this.value)});else for(n in e)jt(n,e[n],t,i);return r.join("&")},w.fn.extend({serialize:function(){return w.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var e=w.prop(this,"elements");return e?w.makeArray(e):this}).filter(function(){var e=this.type;return this.name&&!w(this).is(":disabled")&&At.test(this.nodeName)&&!Nt.test(e)&&(this.checked||!pe.test(e))}).map(function(e,t){var n=w(this).val();return null==n?null:Array.isArray(n)?w.map(n,function(e){return{name:t.name,value:e.replace(Dt,"\r\n")}}):{name:t.name,value:n.replace(Dt,"\r\n")}}).get()}});var qt=/%20/g,Lt=/#.*$/,Ht=/([?&])_=[^&]*/,Ot=/^(.*?):[ \t]*([^\r\n]*)$/gm,Pt=/^(?:about|app|app-storage|.+-extension|file|res|widget):$/,Mt=/^(?:GET|HEAD)$/,Rt=/^\/\//,It={},Wt={},$t="*/".concat("*"),Bt=r.createElement("a");Bt.href=Ct.href;function Ft(e){return function(t,n){"string"!=typeof t&&(n=t,t="*");var r,i=0,o=t.toLowerCase().match(M)||[];if(g(n))while(r=o[i++])"+"===r[0]?(r=r.slice(1)||"*",(e[r]=e[r]||[]).unshift(n)):(e[r]=e[r]||[]).push(n)}}function _t(e,t,n,r){var i={},o=e===Wt;function a(s){var u;return i[s]=!0,w.each(e[s]||[],function(e,s){var l=s(t,n,r);return"string"!=typeof l||o||i[l]?o?!(u=l):void 0:(t.dataTypes.unshift(l),a(l),!1)}),u}return a(t.dataTypes[0])||!i["*"]&&a("*")}function zt(e,t){var n,r,i=w.ajaxSettings.flatOptions||{};for(n in t)void 0!==t[n]&&((i[n]?e:r||(r={}))[n]=t[n]);return r&&w.extend(!0,e,r),e}function Xt(e,t,n){var r,i,o,a,s=e.contents,u=e.dataTypes;while("*"===u[0])u.shift(),void 0===r&&(r=e.mimeType||t.getResponseHeader("Content-Type"));if(r)for(i in s)if(s[i]&&s[i].test(r)){u.unshift(i);break}if(u[0]in n)o=u[0];else{for(i in n){if(!u[0]||e.converters[i+" "+u[0]]){o=i;break}a||(a=i)}o=o||a}if(o)return o!==u[0]&&u.unshift(o),n[o]}function Ut(e,t,n,r){var i,o,a,s,u,l={},c=e.dataTypes.slice();if(c[1])for(a in e.converters)l[a.toLowerCase()]=e.converters[a];o=c.shift();while(o)if(e.responseFields[o]&&(n[e.responseFields[o]]=t),!u&&r&&e.dataFilter&&(t=e.dataFilter(t,e.dataType)),u=o,o=c.shift())if("*"===o)o=u;else if("*"!==u&&u!==o){if(!(a=l[u+" "+o]||l["* "+o]))for(i in l)if((s=i.split(" "))[1]===o&&(a=l[u+" "+s[0]]||l["* "+s[0]])){!0===a?a=l[i]:!0!==l[i]&&(o=s[0],c.unshift(s[1]));break}if(!0!==a)if(a&&e["throws"])t=a(t);else try{t=a(t)}catch(e){return{state:"parsererror",error:a?e:"No conversion from "+u+" to "+o}}}return{state:"success",data:t}}w.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:Ct.href,type:"GET",isLocal:Pt.test(Ct.protocol),global:!0,processData:!0,async:!0,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":$t,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/\bxml\b/,html:/\bhtml/,json:/\bjson\b/},responseFields:{xml:"responseXML",text:"responseText",json:"responseJSON"},converters:{"* text":String,"text html":!0,"text json":JSON.parse,"text xml":w.parseXML},flatOptions:{url:!0,context:!0}},ajaxSetup:function(e,t){return t?zt(zt(e,w.ajaxSettings),t):zt(w.ajaxSettings,e)},ajaxPrefilter:Ft(It),ajaxTransport:Ft(Wt),ajax:function(t,n){"object"==typeof t&&(n=t,t=void 0),n=n||{};var i,o,a,s,u,l,c,f,p,d,h=w.ajaxSetup({},n),g=h.context||h,y=h.context&&(g.nodeType||g.jquery)?w(g):w.event,v=w.Deferred(),m=w.Callbacks("once memory"),x=h.statusCode||{},b={},T={},C="canceled",E={readyState:0,getResponseHeader:function(e){var t;if(c){if(!s){s={};while(t=Ot.exec(a))s[t[1].toLowerCase()]=t[2]}t=s[e.toLowerCase()]}return null==t?null:t},getAllResponseHeaders:function(){return c?a:null},setRequestHeader:function(e,t){return null==c&&(e=T[e.toLowerCase()]=T[e.toLowerCase()]||e,b[e]=t),this},overrideMimeType:function(e){return null==c&&(h.mimeType=e),this},statusCode:function(e){var t;if(e)if(c)E.always(e[E.status]);else for(t in e)x[t]=[x[t],e[t]];return this},abort:function(e){var t=e||C;return i&&i.abort(t),k(0,t),this}};if(v.promise(E),h.url=((t||h.url||Ct.href)+"").replace(Rt,Ct.protocol+"//"),h.type=n.method||n.type||h.method||h.type,h.dataTypes=(h.dataType||"*").toLowerCase().match(M)||[""],null==h.crossDomain){l=r.createElement("a");try{l.href=h.url,l.href=l.href,h.crossDomain=Bt.protocol+"//"+Bt.host!=l.protocol+"//"+l.host}catch(e){h.crossDomain=!0}}if(h.data&&h.processData&&"string"!=typeof h.data&&(h.data=w.param(h.data,h.traditional)),_t(It,h,n,E),c)return E;(f=w.event&&h.global)&&0==w.active++&&w.event.trigger("ajaxStart"),h.type=h.type.toUpperCase(),h.hasContent=!Mt.test(h.type),o=h.url.replace(Lt,""),h.hasContent?h.data&&h.processData&&0===(h.contentType||"").indexOf("application/x-www-form-urlencoded")&&(h.data=h.data.replace(qt,"+")):(d=h.url.slice(o.length),h.data&&(h.processData||"string"==typeof h.data)&&(o+=(kt.test(o)?"&":"?")+h.data,delete h.data),!1===h.cache&&(o=o.replace(Ht,"$1"),d=(kt.test(o)?"&":"?")+"_="+Et+++d),h.url=o+d),h.ifModified&&(w.lastModified[o]&&E.setRequestHeader("If-Modified-Since",w.lastModified[o]),w.etag[o]&&E.setRequestHeader("If-None-Match",w.etag[o])),(h.data&&h.hasContent&&!1!==h.contentType||n.contentType)&&E.setRequestHeader("Content-Type",h.contentType),E.setRequestHeader("Accept",h.dataTypes[0]&&h.accepts[h.dataTypes[0]]?h.accepts[h.dataTypes[0]]+("*"!==h.dataTypes[0]?", "+$t+"; q=0.01":""):h.accepts["*"]);for(p in h.headers)E.setRequestHeader(p,h.headers[p]);if(h.beforeSend&&(!1===h.beforeSend.call(g,E,h)||c))return E.abort();if(C="abort",m.add(h.complete),E.done(h.success),E.fail(h.error),i=_t(Wt,h,n,E)){if(E.readyState=1,f&&y.trigger("ajaxSend",[E,h]),c)return E;h.async&&h.timeout>0&&(u=e.setTimeout(function(){E.abort("timeout")},h.timeout));try{c=!1,i.send(b,k)}catch(e){if(c)throw e;k(-1,e)}}else k(-1,"No Transport");function k(t,n,r,s){var l,p,d,b,T,C=n;c||(c=!0,u&&e.clearTimeout(u),i=void 0,a=s||"",E.readyState=t>0?4:0,l=t>=200&&t<300||304===t,r&&(b=Xt(h,E,r)),b=Ut(h,b,E,l),l?(h.ifModified&&((T=E.getResponseHeader("Last-Modified"))&&(w.lastModified[o]=T),(T=E.getResponseHeader("etag"))&&(w.etag[o]=T)),204===t||"HEAD"===h.type?C="nocontent":304===t?C="notmodified":(C=b.state,p=b.data,l=!(d=b.error))):(d=C,!t&&C||(C="error",t<0&&(t=0))),E.status=t,E.statusText=(n||C)+"",l?v.resolveWith(g,[p,C,E]):v.rejectWith(g,[E,C,d]),E.statusCode(x),x=void 0,f&&y.trigger(l?"ajaxSuccess":"ajaxError",[E,h,l?p:d]),m.fireWith(g,[E,C]),f&&(y.trigger("ajaxComplete",[E,h]),--w.active||w.event.trigger("ajaxStop")))}return E},getJSON:function(e,t,n){return w.get(e,t,n,"json")},getScript:function(e,t){return w.get(e,void 0,t,"script")}}),w.each(["get","post"],function(e,t){w[t]=function(e,n,r,i){return g(n)&&(i=i||r,r=n,n=void 0),w.ajax(w.extend({url:e,type:t,dataType:i,data:n,success:r},w.isPlainObject(e)&&e))}}),w._evalUrl=function(e){return w.ajax({url:e,type:"GET",dataType:"script",cache:!0,async:!1,global:!1,"throws":!0})},w.fn.extend({wrapAll:function(e){var t;return this[0]&&(g(e)&&(e=e.call(this[0])),t=w(e,this[0].ownerDocument).eq(0).clone(!0),this[0].parentNode&&t.insertBefore(this[0]),t.map(function(){var e=this;while(e.firstElementChild)e=e.firstElementChild;return e}).append(this)),this},wrapInner:function(e){return g(e)?this.each(function(t){w(this).wrapInner(e.call(this,t))}):this.each(function(){var t=w(this),n=t.contents();n.length?n.wrapAll(e):t.append(e)})},wrap:function(e){var t=g(e);return this.each(function(n){w(this).wrapAll(t?e.call(this,n):e)})},unwrap:function(e){return this.parent(e).not("body").each(function(){w(this).replaceWith(this.childNodes)}),this}}),w.expr.pseudos.hidden=function(e){return!w.expr.pseudos.visible(e)},w.expr.pseudos.visible=function(e){return!!(e.offsetWidth||e.offsetHeight||e.getClientRects().length)},w.ajaxSettings.xhr=function(){try{return new e.XMLHttpRequest}catch(e){}};var Vt={0:200,1223:204},Gt=w.ajaxSettings.xhr();h.cors=!!Gt&&"withCredentials"in Gt,h.ajax=Gt=!!Gt,w.ajaxTransport(function(t){var n,r;if(h.cors||Gt&&!t.crossDomain)return{send:function(i,o){var a,s=t.xhr();if(s.open(t.type,t.url,t.async,t.username,t.password),t.xhrFields)for(a in t.xhrFields)s[a]=t.xhrFields[a];t.mimeType&&s.overrideMimeType&&s.overrideMimeType(t.mimeType),t.crossDomain||i["X-Requested-With"]||(i["X-Requested-With"]="XMLHttpRequest");for(a in i)s.setRequestHeader(a,i[a]);n=function(e){return function(){n&&(n=r=s.onload=s.onerror=s.onabort=s.ontimeout=s.onreadystatechange=null,"abort"===e?s.abort():"error"===e?"number"!=typeof s.status?o(0,"error"):o(s.status,s.statusText):o(Vt[s.status]||s.status,s.statusText,"text"!==(s.responseType||"text")||"string"!=typeof s.responseText?{binary:s.response}:{text:s.responseText},s.getAllResponseHeaders()))}},s.onload=n(),r=s.onerror=s.ontimeout=n("error"),void 0!==s.onabort?s.onabort=r:s.onreadystatechange=function(){4===s.readyState&&e.setTimeout(function(){n&&r()})},n=n("abort");try{s.send(t.hasContent&&t.data||null)}catch(e){if(n)throw e}},abort:function(){n&&n()}}}),w.ajaxPrefilter(function(e){e.crossDomain&&(e.contents.script=!1)}),w.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/\b(?:java|ecma)script\b/},converters:{"text script":function(e){return w.globalEval(e),e}}}),w.ajaxPrefilter("script",function(e){void 0===e.cache&&(e.cache=!1),e.crossDomain&&(e.type="GET")}),w.ajaxTransport("script",function(e){if(e.crossDomain){var t,n;return{send:function(i,o){t=w(" + + + \ No newline at end of file diff --git a/template/real_estate_html/site/our-team.html b/template/real_estate_html/site/our-team.html new file mode 100755 index 0000000..53e0aec --- /dev/null +++ b/template/real_estate_html/site/our-team.html @@ -0,0 +1,416 @@ + + + + Our team + + + + + + + + + + + + + +
+ + + + +
+
+

Our Team

+
+
+ +
+
+
+
+
Nathalie Porter
+

Founder, Broker

+ +

Ms. Porter founded our company in 1989 with a vision to help guests and residents of the USA to easily find and buy or rent real estate in all 50 states.

+
+
+
+
+ +
+
+
+
+
John Thompson
+

Sales Associate

+ +

John has been in sales and marketing for the past 15 years. He has excellent knowledge about the local market both residential and commercial.

+
+
+
+
+ +
+
+
+
+
Brian Payne
+

Realtor

+ +

Brian is not only a Licensed Realtor but also holds the Title Producers and Mortgage Licenses, which makes him a very knowledgeable real estate expert.

+
+
+
+
+ +
+
+
+
+
Marie Fernandez
+

Broker

+ +

Marie’s goal is to provide clients with the highest level of marketing expertise and customer service to help them reach their uppermost real estate goals.

+
+
+
+
+
+
+ +
+
+
+
+
+
+

Contact Us

+ +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+
+ +
+

or use

+ +
+
+
+
+
+
+
+
+
+
+
    +
  • +
+
+
+
+
+
+
+ +
+ +
+
+ +
+
+
+
+
+
+ +
+ + + + + \ No newline at end of file diff --git a/template/real_estate_html/site/privacy-policy.html b/template/real_estate_html/site/privacy-policy.html new file mode 100755 index 0000000..91d9b45 --- /dev/null +++ b/template/real_estate_html/site/privacy-policy.html @@ -0,0 +1,284 @@ + + + + Privacy Policy + + + + + + + + + + + + + +
+ + + + + +
+
+
+
+ +
+
General Information
+
Welcome to our Privacy Policy page! When you use our web site services, you trust us with your information. This Privacy Policy is meant to help you understand what data we collect, why we collect it, and what we do with it. When you share information with us, we can make our services even better for you. For instance, we can show you more relevant search results and ads, help you connect with people or to make sharing with others quicker and easier. As you use our services, we want you to be clear how we’re using information and the ways in which you can protect your privacy. This is important; we hope you will take time to read it carefully. Remember, you can find controls to manage your information and protect your privacy and security. We’ve tried to keep it as simple as possible.
+
Right to Access, Correct and Delete Data and to Object to Data Processing
+
Our customers have the right to access, correct and delete personal data relating to them, and to object to the processing of such data, by addressing a written request, at any time. The Company makes every effort to put in place suitable precautions to safeguard the security and privacy of personal data, and to prevent it from being altered, corrupted, destroyed or accessed by unauthorized third parties. However, the Company does not control each and every risk related to the use of the Internet, and therefore warns the Site users of the potential risks involved in the functioning and use of the Internet. The Site may include links to other web sites or other internet sources. As the Company cannot control these web sites and external sources, the Company cannot be held responsible for the provision or display of these web sites and external sources, and may not be held liable for the content, advertising, products, services or any other material available on or from these web sites or external sources.
+
Management of Personal Data
+
You can view or edit your personal data online for many of our services. You can also make choices about our collection and use of your data. How you can access or control your personal data will depend on which services you use. You can choose whether you wish to receive promotional communications from our web site by email, SMS, physical mail, and telephone. If you receive promotional email or SMS messages from us and would like to opt out, you can do so by following the directions in that message. You can also make choices about the receipt of promotional email, telephone calls, and postal mail by visiting and signing into Company Promotional Communications Manager, which allows you to update contact information, manage contact preferences, opt out of email subscriptions, and choose whether to share your contact information with our partners. These choices do not apply to mandatory service communications that are part of certain web site services.
+
Information We Collect
+
Our store collects data to operate effectively and provide you the best experiences with our services. You provide some of this data directly, such as when you create a personal account. We get some of it by recording how you interact with our services by, for example, using technologies like cookies, and receiving error reports or usage data from software running on your device. We also obtain data from third parties (including other companies). For example, we supplement the data we collect by purchasing demographic data from other companies. We also use services from other companies to help us determine a location based on your IP address in order to customize certain services to your location. The data we collect depends on the services and features you use.
+
How We Use Your Information
+
Our web site uses the data we collect for three basic purposes: to operate our business and provide (including improving and personalizing) the services we offer, to send communications, including promotional communications, and to display advertising. In carrying out these purposes, we combine data we collect through the various web site services you use to give you a more seamless, consistent and personalized experience. However, to enhance privacy, we have built in technological and procedural safeguards designed to prevent certain data combinations. For example, we store data we collect from you when you are unauthenticated (not signed in) separately from any account information that directly identifies you, such as your name, email address or phone number.
+
Sharing Your Information
+
We share your personal data with your consent or as necessary to complete any transaction or provide any service you have requested or authorized. For example, we share your content with third parties when you tell us to do so. When you provide payment data to make a purchase, we will share payment data with banks and other entities that process payment transactions or provide other financial services, and for fraud prevention and credit risk reduction. In addition, we share personal data among our controlled affiliates and subsidiaries. We also share personal data with vendors or agents working on our behalf for the purposes described in this statement. For example, companies we've hired to provide customer service support or assist in protecting and securing our systems and services may need access to personal data in order to provide those functions. In such cases, these companies must abide by our data privacy and security requirements and are not allowed to use personal data they receive from us for any other purpose. We may also disclose personal data as part of a corporate transaction such as a merger or sale of assets.
+
privacy@demolink.org +
+
+
+
+ + +
+
+ +
+
+
+
+
+
+ +
+ + + + + + \ No newline at end of file diff --git a/template/real_estate_html/site/progress-bars.html b/template/real_estate_html/site/progress-bars.html new file mode 100755 index 0000000..2326534 --- /dev/null +++ b/template/real_estate_html/site/progress-bars.html @@ -0,0 +1,319 @@ + + + + Progress Bars + + + + + + + + + + + + + +
+ + + + + +
+
+
+
+
Skill Bars
+ +
+
+

Dedication

90 +
+
+
+
+
+ +
+
+

Knowledge

65 +
+
+
+
+
+ +
+
+

Professionalism

100 +
+
+
+
+
+ +
+
+

Expertise

75 +
+
+
+
+
+
+
+
+
+
+
Countdown
+
+ +
+
+
+ +
+
+
+
+
+
+ + +
+
+ +
+
+
+
+
+
+ +
+ + + + + \ No newline at end of file diff --git a/template/real_estate_html/site/properties.html b/template/real_estate_html/site/properties.html new file mode 100755 index 0000000..74a4ddf --- /dev/null +++ b/template/real_estate_html/site/properties.html @@ -0,0 +1,412 @@ + + + + Properties + + + + + + + + + + + + + +
+ + + + +
+
+
+
+
+ +
+ +
+
+ +
+
+ +
+
+ +
+ +
+ +
+
+
+
+
+ SqFt +
- +
+ SqFt +
+
+
+
+
+
+
$ + +
- +
$ + +
+
+
+ +
+
+
+
+
+
+
+

Popular properties

+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+
+
+ + +
+
+ +
+
+
+
+
+
+ +
+ + + + + \ No newline at end of file diff --git a/template/real_estate_html/site/search-results.html b/template/real_estate_html/site/search-results.html new file mode 100755 index 0000000..228d481 --- /dev/null +++ b/template/real_estate_html/site/search-results.html @@ -0,0 +1,279 @@ + + + + Search Results + + + + + + + + + + + + + +
+ + + + + +
+
+
+
+ + +
+
+
+
+
+ + +
+
+ +
+
+
+
+
+
+ +
+ + + + + \ No newline at end of file diff --git a/template/real_estate_html/site/sidebar-blog.html b/template/real_estate_html/site/sidebar-blog.html new file mode 100755 index 0000000..ff6f350 --- /dev/null +++ b/template/real_estate_html/site/sidebar-blog.html @@ -0,0 +1,393 @@ + + + + Sidebar Blog + + + + + + + + + + + + + +
+ + + + +
+
+
+
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ +
+
+
+

Search Blog

+ + +
+ +
+

About Us

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+
+
+

Categories

+ +
+
+

Tags

+ +
+
+
+
+
+ +
+
+ +
+
+
+
+
+
+ +
+ + + + + \ No newline at end of file diff --git a/template/real_estate_html/site/single-blog-post.html b/template/real_estate_html/site/single-blog-post.html new file mode 100755 index 0000000..f903a75 --- /dev/null +++ b/template/real_estate_html/site/single-blog-post.html @@ -0,0 +1,408 @@ + + + + Single Blog Post + + + + + + + + + + + + + +
+ + + + +
+
+
+
+
+

Real Estate Guide: 7 Important Tips for Buying a Home

+
    +
  • + +
  • +
  • Article
  • +
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+ +
+ + + +
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

+
    +
  • Share this post!
  • +
  • +
    +
  • +
+
+
+

Comments

+
+ +
+
+
+
+

Albert Webb

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

+
+
    +
  • + +
  • +
  • +
+
+
+
+ +
+
+
+
+

Theresa Barnes

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

+
+
    +
  • + +
  • +
  • +
+
+
+
+
+
+ +
+
+
+
+

Jason Hughes

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

+
+
    +
  • + +
  • +
  • +
+
+
+
+
+
+

Send a Comment

+ +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+ +
+
+
+
+ +
+
+
+
+

Mike Barnes

+

Realtor, blogger

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+
View full profile +
+
+
+
+
+
+ + +
+
+ +
+
+
+
+
+
+ +
+ + + + + \ No newline at end of file diff --git a/template/real_estate_html/site/single-job.html b/template/real_estate_html/site/single-job.html new file mode 100755 index 0000000..d655f13 --- /dev/null +++ b/template/real_estate_html/site/single-job.html @@ -0,0 +1,345 @@ + + + + Single Job + + + + + + + + + + + + + +
+ + + + + +
+
+
+
+

Residential Broker

+ +
+ + + +
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Donec et odio pellentesque diam.

+
+
+
    +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit
  • +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  • +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit
  • +
+
+
+
    +
  • Lorem ipsum dolor sit amet, consectetur
  • +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod dolore magna aliqua.
  • +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt magna aliqua.
  • +
+
+
+
Send Your CV +
+
+
+
+
+
+ +
+
+

Current Job Positions

+
+
+ +
+

Real Estate Agent

+
+
    +
  • Full Time
  • +
  • San Diego
  • +
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Donec et odio pellentesque diam.

+
+
+
+ +
+

Property Manager

+
+
    +
  • Full Time
  • +
  • San Diego
  • +
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Donec et odio pellentesque diam.

+
+
+
+ +
+

Leasing Consultant

+
+
    +
  • Full Time
  • +
  • San Diego
  • +
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Donec et odio pellentesque diam.

+
+
+
Join Us +
+
+ + +
+
+ +
+
+
+
+
+
+ +
+ + + + + \ No newline at end of file diff --git a/template/real_estate_html/site/single-property.html b/template/real_estate_html/site/single-property.html new file mode 100755 index 0000000..cd6660d --- /dev/null +++ b/template/real_estate_html/site/single-property.html @@ -0,0 +1,366 @@ + + + + Single property + + + + + + + + + + + + + +
+ + + + +
+
+ + +
+
+ +
+
+
+
+
+
+

Schedule a Tour +

+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

Featured Properties

+
+
+ + +
+
+ + +
+
+
+
+ + +
+
+ +
+
+
+
+
+
+ +
+ + + + + \ No newline at end of file diff --git a/template/real_estate_html/site/small-features.html b/template/real_estate_html/site/small-features.html new file mode 100755 index 0000000..6cd9466 --- /dev/null +++ b/template/real_estate_html/site/small-features.html @@ -0,0 +1,475 @@ + + + + Small Features + + + + + + + + + + + + + +
+ + + + +
+
+

Counters

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Donec et odio pellentesque diam.

+
+
+ +
+
+
+
12
+
+
National Partners
+
+
+
+ +
+
+
+
238
+
+
Years of Experience
+
+
+
+ +
+
+
+
8
+
+
Qualified Brokers
+
+
+
+ +
+
+
+
54
+
+
Qualified Employees
+
+
+
+
+
+ +
+
+
+
+ +
+
+
+

Qualified Employees

+

Our team consists of more than 20 qualified and experienced real estate brokers and property managers ready to help you.

+
+
+
+
+ +
+
+
+

Free Consultations

+

Our acquaintance with a client always begins with a free consultation to find out what kind of property they are looking for.

+
+
+
+
+ +
+
+
+

100% Guaranteed

+

All the results that you get from our realtors are 100% guaranteed to offer you the best choice of properties throughout the USA.

+
+
+
+
+
+
+ +
+
+

Light 4 Column Layout

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Donec et odio pellentesque diam.

+
+
+ +
+
+

Real Estate Advisory

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+
+
+
+ +
+
+

Transactions

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+
+
+
+ +
+
+

Property Investment

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+
+
+
+ +
+
+

Valuation Services

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+
+
+
+ +
+
+

Client Consulting

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+
+
+
+ +
+
+

Property Appraisal

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+
+
+
+ +
+
+

Market Analysis

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+
+
+
+ +
+
+

Property Sales

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+
+
+
+
+
+ +
+
+

Stroke Icons 3 Column Layout

+
+
+ +
+
+

Residential Properties

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+
+
+
+ +
+
+

Commercial Properties

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+
+
+
+ +
+
+

Vacant Land

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+
+
+
+
+
+ +
+ +
+ + +
+
+ +
+
+
+
+
+
+ +
+ + + + + \ No newline at end of file diff --git a/template/real_estate_html/site/tables.html b/template/real_estate_html/site/tables.html new file mode 100755 index 0000000..ae696f7 --- /dev/null +++ b/template/real_estate_html/site/tables.html @@ -0,0 +1,354 @@ + + + + Tables + + + + + + + + + + + + + +
+ + + +
+
+

Latest Job Positions

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Donec et odio pellentesque diam.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
DateCompanyJob VacancyCitySalaryEmployment
+ + + Residential BrokerNew York$6000Full Time
+ + + Residential AppraiserSan Francisco$5500Full Time
+ + + Real Estate AgentChicago$6000Full Time
+ + + Property ManagerNew York$4000Full Time
+ + + Leasing ConsultantBoston$5500Full Time
+ + + Commercial BrokerSan Diego$6000Full Time
+
+
+ +
+ + +
+
+ +
+
+
+
+
+
+ +
+ + + + + \ No newline at end of file diff --git a/template/real_estate_html/site/tabs.html b/template/real_estate_html/site/tabs.html new file mode 100755 index 0000000..0bdb225 --- /dev/null +++ b/template/real_estate_html/site/tabs.html @@ -0,0 +1,299 @@ + + + + Tabs + + + + + + + + + + + + + +
+ + + + + +
+
+
+
+
Standard tabs
+ +
+ + + +
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

+
+
+
    +
  • Lorem ipsum dolor sit amet, consectetur adipiscing
  • +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
  • +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
  • +
+
+
+
    +
  • Lorem ipsum dolor sit amet, consectetur
  • +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  • +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  • +
+
+
+
+
+
+
+
+ + +
+
+ +
+
+
+
+
+
+ +
+ + + + + \ No newline at end of file diff --git a/template/real_estate_html/site/testimonials.html b/template/real_estate_html/site/testimonials.html new file mode 100755 index 0000000..217dec4 --- /dev/null +++ b/template/real_estate_html/site/testimonials.html @@ -0,0 +1,567 @@ + + + + Testimonials + + + + + + + + + + + + + +
+ + + + + +
+
+

Testimonials

+
+ + + +
+
+
+ +
+
+

3 Column Layout

+ + +
+
+
+
+

Testimonials & Video

+
+
+ +
+
+
+
+ +
+
+
+
Lawrence Alvarado
+
+
+
+
+
+
+ +
+
+

2 Column Layout

+ +
+
+ + +
+
+ +
+
+
+
+
+
+ +
+ + + + + \ No newline at end of file diff --git a/template/real_estate_html/site/typography.html b/template/real_estate_html/site/typography.html new file mode 100755 index 0000000..d7a2c08 --- /dev/null +++ b/template/real_estate_html/site/typography.html @@ -0,0 +1,414 @@ + + + + Typography + + + + + + + + + + + + + +
+ + + + + +
+
+
+
+
    +
  • +

    H1 Heading

    +

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud

    +
  • +
  • +

    H2 Heading

    +

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud

    +
  • +
  • +

    H3 Heading

    +

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud

    +
  • +
  • +

    H4 Heading

    +

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud

    +
  • +
  • +
    H5 Heading
    +

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud

    +
  • +
  • +
    H6 Heading
    +

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud

    +
  • +
+
+
+
+
+ +
+
+
+
+
Blockquote
+ +
+ + + +
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud

+
+
+
+
+
+
+ +
+
+
+
+
HTML Text Elements
+

Text LinkHover linkBold text + This is a highlighted textTooltipsLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore etLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore etStrikethrough textUnderlined text +

+
+
+
+
+ +
+
+
+
+
Unordered List
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud

+
    +
  • Lorem ipsum dolor
  • +
  • Lorem ipsum dolor
  • +
  • Lorem ipsum dolor
  • +
  • Lorem ipsum dolor
  • +
  • Lorem ipsum dolor
  • +
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore

+
+
+
+
+ +
+
+
+
+
Ordered List
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud

+
    +
  1. Lorem ipsum dolor
  2. +
  3. Lorem ipsum dolor
  4. +
  5. Lorem ipsum dolor
  6. +
  7. Lorem ipsum dolor
  8. +
  9. Lorem ipsum dolor
  10. +
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+
+
+
+
+ +
+
+
+
+
Centered image
+
+
+

Lorem ipsum

+
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud

+
+
+
+
+ +
+
+
+
+
Left aligned image
+
+
+
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud

+
+
+
+
+
+
+ +
+
+
+
+
Right aligned image
+
+
+
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

+
+
+
+
+
+
+ + +
+
+ +
+
+
+
+
+
+ +
+ + + + + \ No newline at end of file diff --git a/template/real_estate_html/site/under-construction.html b/template/real_estate_html/site/under-construction.html new file mode 100755 index 0000000..7b8d3de --- /dev/null +++ b/template/real_estate_html/site/under-construction.html @@ -0,0 +1,74 @@ + + + + Under Construction + + + + + + + + + + + + + +
+ +
+
+
+
+
+
+
+
We're getting ready to launch soon
+

We are terribly sorry, but our website is currently unavailable and is closed for maintenance. If you would like to be instantly notified about resumption of the website operation, leave us your e-mail address, and we will inform you when our website will be available again.

+
+ +
+
+ + +
+
+ +
+
+
+
+
+
+
+ +
+
+
+
+ +
+
+
+
+
+
+ +
+ + + + + \ No newline at end of file diff --git a/template/real_estate_html/sources/pug/_config.pug b/template/real_estate_html/sources/pug/_config.pug new file mode 100755 index 0000000..b084179 --- /dev/null +++ b/template/real_estate_html/sources/pug/_config.pug @@ -0,0 +1,93 @@ +- + var + htmlClass = "wide wow-animation", + fonts = "//fonts.googleapis.com/css?family=Work+Sans:300,400,500,700,800%7CPoppins:300,400,700", + navbarCounter = 0, + logo = { + name: 'CaseCraft', + default: { trueSize: 'logo-default-151x44', retina: 'logo-default-151x44' }, + inverse: { trueSize: 'logo-inverse-151x44', retina: 'logo-inverse-151x44' }, + light: { trueSize: 'logo-light-115x34', retina: 'logo-light-115x34' } + }, + links = { + post: 'single-blog-post.html', + getTemplate: 'https://themeforest.net/item/casecraft-elegant-business-and-financial-company-multipage-html-template/21536362' + }, + colors = { + primary: '#4854ed' + }, + menu = [ + { + title: 'Home', + category: 'home', + link: 'index.html' + }, + { + title: 'About us', + category: 'about us', + link: 'about-us.html', + dropdown: [ + { title: 'Our Team' }, + { title: 'Testimonials' } + ] + }, + { + title: 'Properties', + category: 'properties', + link: 'properties.html', + dropdown: [ + { title: 'Single Property' } + ] + }, + { + title: 'Blog', + category: 'blog', + link: '#', + dropdown: [ + { title: 'Grid Blog' }, + { title: 'Sidebar Blog' }, + { title: 'Single Blog Post'}, + { title: 'Blog Layouts' } + ] + }, + { + title: 'Pages', + category: 'pages', + link: '#', + megamenu: [ + { + list: [ + { title: 'Typography' }, + { title: 'Buttons' }, + { title: 'Forms' }, + { title: 'Progress bars' }, + { title: 'Tabs' }, + { title: 'Tables' }, + { title: 'Accordions' } + ] + }, + { + list: [ + { title: 'Small Features' }, + { title: 'Large Features' }, + { title: 'Careers' }, + { title: 'Search results' }, + { title: 'Single Job' } + ] + }, + { + list: [ + { title: '404 Page' }, + { title: '503 Page' }, + { title: 'Coming Soon' }, + { title: 'Privacy policy' }, + { title: 'Under Construction' } + ] + } + ] + }, + { + title: 'Contacts', + category: 'contacts' + } + ]; diff --git a/template/real_estate_html/sources/pug/_elements.pug b/template/real_estate_html/sources/pug/_elements.pug new file mode 100755 index 0000000..1026feb --- /dev/null +++ b/template/real_estate_html/sources/pug/_elements.pug @@ -0,0 +1,106 @@ +- + function getImageSize(name) { + try { return name.match('[0-9]+(x)[0-9]+')[0].split('x'); } + catch ( error ) { + throw new Error('Error in function getImageSize:\n' + error); + } + } + + //- Get menu branch by category name + function getMenuCategory(category) { + for (var i = 0; i < menu.length; i++) { + if (menu[i].category === category) { + return menu[i]; + } + } + return undefined; + } + + //- Any page title to *.html link + function nameToLink(name) { + try { return name.trim().replace(/\s/g, '-').replace(/[\(\)]/g, '').toLowerCase() + '.html'; } + catch ( error ) { + throw new Error('Error in function nameToLink:\n' + error); + } + } + + +//- Img image +mixin img(name, className) + - var size = getImageSize(name); + - var ext = name.split('.')[1]; + + img(src='images/' + name, alt='', width=size[0], height=size[1], class=className)&attributes(attributes) + + +//- Jpg image +mixin jpg(name, className) + - var size = getImageSize(name); + img(src='images/' + name + '.jpg', alt='', width=size[0], height=size[1], class=className)&attributes(attributes) + + +//- Png image +mixin png(name, className) + - var size = getImageSize(name); + img(src='images/' + name + '.png', alt='', width=size[0], height=size[1], class=className)&attributes(attributes) + + +//- Loop without indexing mixin +mixin loop(count) + - for (var i = 0; i < count; i++) + block + + +//- Parallax Section +mixin parallax(obj) + section.section.parallax-container(data-parallax-img='images/' + obj.img + '.jpg')&attributes(attributes) + .parallax-content(class= obj.innerClass) + block + +//- Parallax Block +mixin parallax-block(obj) + .parallax-container(data-parallax-img='images/' + obj.img + '.jpg')&attributes(attributes) + .parallax-content(class= obj.innerClass) + block + + +//- Breadcrumbs +mixin breadcrumbs(obj) + - var activeItemName= obj.path.pop(); + - var category = getMenuCategory(obj.category); + + // Breadcrumbs + section.breadcrumbs-custom.bg-image.context-dark(style='background-image: url(images/' + (obj.bgImage ? obj.bgImage : 'breadcrumbs-image-1') + '.jpg);'): .breadcrumbs-custom-inner + .container.breadcrumbs-custom-container + .breadcrumbs-custom-main + h6.breadcrumbs-custom-subtitle.title-decorated=category.title + h2.text-uppercase.breadcrumbs-custom-title=activeItemName + ul.breadcrumbs-custom-path + li: a(href='index.html') Home + - if (typeof(category) !== 'undefined' && (category.title.toLowerCase() !== activeItemName.toLowerCase())) + li: a(href=category.link ? category.link : nameToLink(category.title))=category.title + -for( var i = 0; i < obj.path.length; i++) + li: a(href=obj.path[i].link ? obj.path[i].link : nameToLink(obj.path[i].title))=obj.path[i].title + + li.active=activeItemName + + + +//- Copyright +mixin rights(modClass) + // Rights + p.rights(class=modClass) + span ©  + span.copyright-year + span   + span All Rights Reserved. + span   + br.d-sm-none + a(href='#') Terms of Use + span and + span   + a(href='privacy-policy.html') Privacy Policy + +mixin quote-mark + svg(x='0px', y='0px', width='35px', height='25px', viewbox='0 0 35 25')&attributes(attributes) + path(d='M27.461,10.206h7.5v15h-15v-15L25,0.127h7.5L27.461,10.206z M7.539,10.206h7.5v15h-15v-15L4.961,0.127h7.5 L7.539,10.206z') diff --git a/template/real_estate_html/sources/pug/_skeleton.pug b/template/real_estate_html/sources/pug/_skeleton.pug new file mode 100755 index 0000000..577fcf5 --- /dev/null +++ b/template/real_estate_html/sources/pug/_skeleton.pug @@ -0,0 +1,54 @@ +include _elements +include _config + + +block variables + +doctype html + + +html(lang='en' class=htmlClass) + head + block title + title= pageName + + meta(name='format-detection' content='telephone=no') + meta(name='viewport' content='width=device-width height=device-height initial-scale=1.0 maximum-scale=1.0 user-scalable=0') + meta(http-equiv='X-UA-Compatible' content='IE=edge') + meta(charset='utf-8') + + link(rel='icon' href='images/favicon.ico' type='image/x-icon') + + // Stylesheets + link(rel='stylesheet' type='text/css' href=fonts) + link(rel='stylesheet' href='css/bootstrap.css') + link(rel='stylesheet' href='css/fonts.css') + link(rel='stylesheet' href='css/style.css' id='main-styles-link') + + != '\n ' + + body + .page + block page + + .preloader + .preloader-logo + +png(logo.default.trueSize)(srcset='images/' + logo.default.retina + '.png 2x') + .preloader-body + #loadingProgressG + #loadingProgressG_1.loadingProgressG + + // Global Mailform Output + #form-output-global.snackbars + + // Javascript + script(src='js/core.min.js') + script(src='js/script.js') + + if(pageName === 'Privacy Policy') + // coded by Drel diff --git a/template/real_estate_html/sources/pug/components/_ui-card.pug b/template/real_estate_html/sources/pug/components/_ui-card.pug new file mode 100755 index 0000000..c8f3a67 --- /dev/null +++ b/template/real_estate_html/sources/pug/components/_ui-card.pug @@ -0,0 +1,16 @@ +mixin card(obj) + - var headingId = id=obj.parentId + '-heading-' + obj.number + - var bodyId = id=obj.parentId + '-collapse-' + obj.number + + // Bootstrap card + article.card.card-custom(class=obj.cardClass)&attributes(attributes) + .card-header(id=headingId role='tab') + .card-title + a(role='button' data-toggle='collapse' data-parent=('#' + obj.parentId) href='#' + bodyId aria-controls=bodyId aria-expanded=obj.show ? 'true' : 'false' class={'collapsed' : !obj.show}) + =obj.header + if(obj.arrow !== false) + .card-arrow + + .collapse(id=bodyId class={'show': obj.show} role='tabpanel' aria-labelledby=headingId) + .card-body + block diff --git a/template/real_estate_html/sources/pug/components/_ui-career-classic.pug b/template/real_estate_html/sources/pug/components/_ui-career-classic.pug new file mode 100755 index 0000000..5c98fed --- /dev/null +++ b/template/real_estate_html/sources/pug/components/_ui-career-classic.pug @@ -0,0 +1,12 @@ +mixin career-classic(obj) + // Career Classic + article.career-classic&attributes(attributes) + h4.career-classic-title: a.post-modern-title(href=obj.link ? obj.link: 'single-job.html')=obj.title + .career-classic-divider + if(obj.list) + ul.career-classic-list + each item in obj.list + li + span.icon(class=item.iconClass) + span=item.text + block diff --git a/template/real_estate_html/sources/pug/components/_ui-progress-bar-linear.pug b/template/real_estate_html/sources/pug/components/_ui-progress-bar-linear.pug new file mode 100755 index 0000000..db8d0f1 --- /dev/null +++ b/template/real_estate_html/sources/pug/components/_ui-progress-bar-linear.pug @@ -0,0 +1,8 @@ +mixin progress-bar-linear(progress) + // Linear progress bar + article.progress-linear&attributes(attributes) + .progress-header + p= progress.title + span.progress-value= progress.valueTo + .progress-bar-linear-wrap + .progress-bar-linear diff --git a/template/real_estate_html/sources/pug/components/_ui-thumbnail-classic.pug b/template/real_estate_html/sources/pug/components/_ui-thumbnail-classic.pug new file mode 100755 index 0000000..85a5de5 --- /dev/null +++ b/template/real_estate_html/sources/pug/components/_ui-thumbnail-classic.pug @@ -0,0 +1,8 @@ +mixin thumbnail-classic(obj) + // Thumbnail Classic + a.thumbnail-classic(href=obj.link)&attributes(attributes) + +jpg(obj.img, 'thumbnail-classic-image') + .thumbnail-classic-caption + p.thumbnail-classic-title=obj.title + p.thumbnail-classic-text=obj.text + .thumbnail-classic-dummy diff --git a/template/real_estate_html/sources/pug/components/_ui-thumbnail-corporate.pug b/template/real_estate_html/sources/pug/components/_ui-thumbnail-corporate.pug new file mode 100755 index 0000000..de558a2 --- /dev/null +++ b/template/real_estate_html/sources/pug/components/_ui-thumbnail-corporate.pug @@ -0,0 +1,23 @@ +mixin thumbnail-corporate(obj) + // Thumbnail Corporate + if(obj.link) + article.thumbnail-corporate&attributes(attributes) + +jpg(obj.img, 'thumbnail-corporate-image') + .thumbnail-corporate-caption + p.thumbnail-corporate-title=obj.title + if(obj.text) + p=obj.text + a.thumbnail-corporate-link(href=obj.link) + span.icon.mdi.mdi-plus + span.icon.mdi.mdi-plus + .thumbnail-corporate-dummy + + if(obj.original) + a.thumbnail-corporate(href=obj.original)&attributes(attributes) + +jpg(obj.img, 'thumbnail-corporate-image') + .thumbnail-corporate-caption + p.thumbnail-corporate-title=obj.title + if(obj.text) + p=obj.text + + .thumbnail-corporate-dummy diff --git a/template/real_estate_html/sources/pug/components/_ui-thumbnail-creative.pug b/template/real_estate_html/sources/pug/components/_ui-thumbnail-creative.pug new file mode 100755 index 0000000..515bf95 --- /dev/null +++ b/template/real_estate_html/sources/pug/components/_ui-thumbnail-creative.pug @@ -0,0 +1,5 @@ +mixin thumbnail-creative(obj) + // Thumbnail Creative + a.thumbnail-creative(href=obj.link)&attributes(attributes) + +jpg(obj.img, 'thumbnail-creative-image') + h5.thumbnail-creative-title=obj.title diff --git a/template/real_estate_html/sources/pug/components/_ui-thumbnail-indigo.pug b/template/real_estate_html/sources/pug/components/_ui-thumbnail-indigo.pug new file mode 100755 index 0000000..4589bb3 --- /dev/null +++ b/template/real_estate_html/sources/pug/components/_ui-thumbnail-indigo.pug @@ -0,0 +1,4 @@ +mixin thumbnail-indigo(obj) + a.thumbnail-indigo(href=obj.link style='background-image: url(' + obj.img + '.jpg);')&attributes(attributes) + .thumbnail-indigo-caption + h4.thumbnail-indigo-title=obj.title diff --git a/template/real_estate_html/sources/pug/includes/_group-social-buttons.pug b/template/real_estate_html/sources/pug/includes/_group-social-buttons.pug new file mode 100755 index 0000000..e07f6c8 --- /dev/null +++ b/template/real_estate_html/sources/pug/includes/_group-social-buttons.pug @@ -0,0 +1,6 @@ +.group.group-xs.group-middle + a.icon.icon-sm.icon-creative.mdi.mdi-facebook(href='#') + a.icon.icon-sm.icon-creative.mdi.mdi-twitter(href='#') + a.icon.icon-sm.icon-creative.mdi.mdi-instagram(href='#') + a.icon.icon-sm.icon-creative.mdi.mdi-google(href='#') + a.icon.icon-sm.icon-creative.mdi.mdi-linkedin(href='#') diff --git a/template/real_estate_html/sources/pug/includes/_navigation.pug b/template/real_estate_html/sources/pug/includes/_navigation.pug new file mode 100755 index 0000000..cb4e9ac --- /dev/null +++ b/template/real_estate_html/sources/pug/includes/_navigation.pug @@ -0,0 +1,36 @@ +// RD Navbar Nav +ul.rd-navbar-nav + each item in menu + li.rd-nav-item(class={active: activeCategory === item.category}) + a.rd-nav-link(href=item.link ? item.link : nameToLink(item.title))=item.title + //- Megamenu handler + if(typeof(item.megamenu) !== 'undefined') + // RD Navbar Megamenu + ul.rd-menu.rd-navbar-megamenu + each column in item.megamenu + li.rd-megamenu-item + if (typeof(column.list) !== 'undefined') + if(typeof(column.title) != 'undefined') + h6.rd-megamenu-title=column.title + ul.rd-megamenu-list + each listItem in column.list + li.rd-megamenu-list-item: a.rd-megamenu-list-link(href=listItem.link ? listItem.link : nameToLink(listItem.title))=listItem.title + + if (typeof(column.banner) !== 'undefined') + .banner(style='background-image: url(images/' + column.banner.image + '.jpg);') + !=column.banner.button + + + //- Dropdown menu handler + if(typeof(item.dropdown) !== 'undefined') + // RD Navbar Dropdown + ul.rd-menu.rd-navbar-dropdown + each subItem1 in item.dropdown + li.rd-dropdown-item: a.rd-dropdown-link(href=subItem1.link ? subItem1.link : nameToLink(subItem1.title))=subItem1.title + + //- Submenu 2 lvl handler + if(typeof(subItem1.dropdown) !== 'undefined') + // RD Navbar Dropdown + ul.rd-menu.rd-navbar-dropdown + each subItem2 in subItem1.dropdown + li.rd-dropdown-item: a.rd-dropdown-link(href=subItem2.link ? subItem2.link : nameToLink(subItem2.title))=subItem2.title diff --git a/template/real_estate_html/sources/pug/includes/_owl-testimonials-2-cols.pug b/template/real_estate_html/sources/pug/includes/_owl-testimonials-2-cols.pug new file mode 100755 index 0000000..a1df103 --- /dev/null +++ b/template/real_estate_html/sources/pug/includes/_owl-testimonials-2-cols.pug @@ -0,0 +1,38 @@ +.owl-carousel( + data-items='1' + data-md-items='2' + data-dots='true' + data-nav='false' + data-loop='false' + data-margin='30' + data-stage-padding='0' + data-mouse-drag="false") + .wow-outer: blockquote.quote-modern.quote-modern-big.wow.slideInLeft + +quote-mark.quote-modern-mark + .quote-modern-text + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Donec et odio pellentesque diam. Tortor pretium viverra suspendisse potenti nullam ac tortor vitae. + .quote-modern-meta + .quote-modern-avatar: +jpg('testimonials-person-3-96x96') + .quote-modern-info + cite.quote-modern-cite Albert Webb + p.quote-modern-caption Regular Client + + .wow-outer: blockquote.quote-modern.quote-modern-big.wow.slideInLeft + +quote-mark.quote-modern-mark + .quote-modern-text + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Donec et odio pellentesque diam. Tortor pretium viverra suspendisse potenti nullam ac tortor vitae. + .quote-modern-meta + .quote-modern-avatar: +jpg('testimonials-person-1-96x96') + .quote-modern-info + cite.quote-modern-cite Kelly McMillan + p.quote-modern-caption Regular Client + + .wow-outer: blockquote.quote-modern.quote-modern-big.wow.slideInLeft + +quote-mark.quote-modern-mark + .quote-modern-text + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Donec et odio pellentesque diam. Tortor pretium viverra suspendisse potenti nullam ac tortor vitae. + .quote-modern-meta + .quote-modern-avatar: +jpg('testimonials-person-2-96x96') + .quote-modern-info + cite.quote-modern-cite Harold Barnett + p.quote-modern-caption Regular Client diff --git a/template/real_estate_html/sources/pug/includes/_row-accordion-and-photo.pug b/template/real_estate_html/sources/pug/includes/_row-accordion-and-photo.pug new file mode 100755 index 0000000..175d2af --- /dev/null +++ b/template/real_estate_html/sources/pug/includes/_row-accordion-and-photo.pug @@ -0,0 +1,42 @@ +include ../components/_ui-card + +.row.row-50.justify-content-lg-between.flex-lg-row-reverse.offset-top-1 + .col-lg-7.col-xl-6 + h3.wow-outer: span.wow.slideInDown Frequently Asked Questions + // Bootstrap collapse + #accordion2.card-group-custom.card-group-corporate.wow-outer(role='tablist' aria-multiselectable='false') + +card({ + show: true, + cardClass: 'card-corporate', + parentId: 'accordion2', + number: '1', + header: 'What are the advantages of purchasing a website template?' + }).wow.fadeInDown(data-wow-delay='.05s') + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam + + +card({ + cardClass: 'card-corporate', + parentId: 'accordion2', + number: '2', + header: 'Do you provide any scripts with your templates or could you do some custom programming?' + }).wow.fadeInDown(data-wow-delay='.1s') + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam + + +card({ + cardClass: 'card-corporate', + parentId: 'accordion2', + number: '3', + header: 'What do I receive when I order a template from Zemez?' + }).wow.fadeInDown(data-wow-delay='.15s') + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam + + +card({ + cardClass: 'card-corporate', + parentId: 'accordion2', + number: '4', + header: 'In what formats are your templates available?' + }).wow.fadeInDown(data-wow-delay='.2s') + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam + + .col-lg-5.wow-outer + +jpg('accordions-1-470x368').wow.slideInLeft diff --git a/template/real_estate_html/sources/pug/includes/_row-accordion-skill-bars.pug b/template/real_estate_html/sources/pug/includes/_row-accordion-skill-bars.pug new file mode 100755 index 0000000..c5958f0 --- /dev/null +++ b/template/real_estate_html/sources/pug/includes/_row-accordion-skill-bars.pug @@ -0,0 +1,66 @@ +include ../components/_ui-card +include ../components/_ui-progress-bar-linear + +.row.row-50.justify-content-lg-between.offset-top-1 + .col-lg-7.col-xl-6 + h3.wow-outer: span.wow.slideInDown Frequently Asked Questions + // Bootstrap collapse + #accordion1.card-group-custom.card-group-corporate.wow-outer(role='tablist' aria-multiselectable='false') + +card({ + show: true, + cardClass: 'card-corporate', + parentId: 'accordion1', + number: '1', + header: 'What are the advantages of purchasing a website template?' + }).wow.fadeInDown(data-wow-delay='.05s') + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris + + +card({ + cardClass: 'card-corporate', + parentId: 'accordion1', + number: '2', + header: 'Do you provide any scripts with your templates or could you do some custom programming?' + }).wow.fadeInDown(data-wow-delay='.1s') + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris + + +card({ + cardClass: 'card-corporate', + parentId: 'accordion1', + number: '3', + header: 'What do I receive when I order a template from Zemez?' + }).wow.fadeInDown(data-wow-delay='.15s') + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris + + +card({ + cardClass: 'card-corporate', + parentId: 'accordion1', + number: '4', + header: 'In what formats are your templates available?' + }).wow.fadeInDown(data-wow-delay='.2s') + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris + + .col-lg-5 + h3.wow-outer: span.wow.slideInDown Skill Bars + .progress-linear-outer.wow-outer + +progress-bar-linear({ + title: 'Dedication', + valueTo: '90' + }).wow.slideInDown(data-wow-delay='.05s') + + .progress-linear-outer.wow-outer + +progress-bar-linear({ + title: 'Knowledge', + valueTo: '65' + }).wow.slideInDown(data-wow-delay='.1s') + + .progress-linear-outer.wow-outer + +progress-bar-linear({ + title: 'Professionalism', + valueTo: '100' + }).wow.slideInDown(data-wow-delay='.15s') + + .progress-linear-outer.wow-outer + +progress-bar-linear({ + title: 'Expertise', + valueTo: '75' + }).wow.slideInDown(data-wow-delay='.2s') diff --git a/template/real_estate_html/sources/pug/includes/_row-blog-3-cols.pug b/template/real_estate_html/sources/pug/includes/_row-blog-3-cols.pug new file mode 100755 index 0000000..e1dcc9c --- /dev/null +++ b/template/real_estate_html/sources/pug/includes/_row-blog-3-cols.pug @@ -0,0 +1,33 @@ +.row.row-50 + .col-sm-6.col-lg-4.wow-outer + // Post Classic + article.post-classic.wow.slideInLeft + a.post-classic-media(href=links.post): +jpg('sidebar-blog-1-370x264') + ul.post-classic-meta + li: a.button-winona(href='#') News + li: time(datetime='2018') Apr 21, 2018 at 12:05 pm + + h4.post-classic-title: a(href=links.post).post-modern-title Real Estate Guide: 7 Important Tips for Buying a Home + + .col-sm-6.col-lg-4.wow-outer + // Post Classic + article.post-classic.wow.slideInLeft(data-wow-delay='.05s') + a.post-classic-media(href=links.post): +jpg('sidebar-blog-2-370x264') + ul.post-classic-meta + li: a.button-winona(href='#') Tips + li: time(datetime='2018') Apr 21, 2018 at 12:05 pm + + h4.post-classic-title: a(href=links.post).post-modern-title Start These Habits Now If You Want to Buy a Home Next Year + + .col-sm-6.col-lg-4.wow-outer + // Post Classic + article.post-classic.wow.slideInLeft(data-wow-delay='.1s') + a.post-classic-media(href=links.post): +jpg('sidebar-blog-3-370x264') + ul.post-classic-meta + li: a.button-winona(href='#') News + li: time(datetime='2018') Apr 21, 2018 at 12:05 pm + + h4.post-classic-title: a(href=links.post).post-modern-title 7 Signs the Home You’re Buying Will Have Good Resale Value + +.wow-outer.button-outer + a.button.button-lg.button-primary.button-winona.wow.slideInUp(href='grid-blog.html') View all Blog posts diff --git a/template/real_estate_html/sources/pug/includes/_row-news-post-layout.pug b/template/real_estate_html/sources/pug/includes/_row-news-post-layout.pug new file mode 100755 index 0000000..555385a --- /dev/null +++ b/template/real_estate_html/sources/pug/includes/_row-news-post-layout.pug @@ -0,0 +1,51 @@ +.row.row-50.justify-content-center.justify-content-lg-start + .col-md-10.col-lg-7.wow-outer + // Post Block + article.post-block.bg-gray-700 + +jpg('blog-layouts-5-637x456','post-block-image') + .post-block-caption + ul.post-block-meta + li.wow-outer: span.wow.slideInLeft by Theresa Barnes + li.wow-outer: a.button-winona.wow.slideInLeft(href='#') News + li.wow-outer: time.wow.slideInLeft(datetime='2018') April 2, 2018 + h4.post-block-title: a(href=links.post) 7 Important Tips for Buying a Home + + .post-block-dummy + + .col-md-10.col-lg-5 + .post-light-group.wow-outer + // Post Light + article.post-light.wow.slideInLeft + time.post-light-time(datetime='2018') + span.post-light-time-big 29 + span.post-light-time-small April + .post-light-main + h4.post-light-title: a(href=links.post) Useful Habits for Potential Home Buyers + ul.post-light-meta + li by Mike Barnes + li: a.button-winona(href='#') News + + // Post Light + article.post-light.wow.slideInLeft + time.post-light-time(datetime='2018') + span.post-light-time-big 30 + span.post-light-time-small April + .post-light-main + h4.post-light-title: a(href=links.post) 7 Signs of Your Home's Good Resale Value + ul.post-light-meta + li by Mike Barnes + li: a.button-winona(href='#') News + + // Post Light + article.post-light.wow.slideInLeft + time.post-light-time(datetime='2018') + span.post-light-time-big 2 + span.post-light-time-small May + .post-light-main + h4.post-light-title: a(href=links.post) Single-Family Homes as a Housing Option + ul.post-light-meta + li by Mike Barnes + li: a.button-winona(href='#') News + + .wow-outer.button-outer + a.button.button-primary.button-winona.wow.slideInDown(href='grid-blog.html') View all posts diff --git a/template/real_estate_html/sources/pug/includes/_row-stroke-icons.pug b/template/real_estate_html/sources/pug/includes/_row-stroke-icons.pug new file mode 100755 index 0000000..9606318 --- /dev/null +++ b/template/real_estate_html/sources/pug/includes/_row-stroke-icons.pug @@ -0,0 +1,21 @@ +.row.row-30 + .col-sm-6.col-lg-4.wow-outer + // Box Creative + article.box-creative.wow.slideInDown + .box-creative-icon.fl-bigmug-line-chat55 + h4.box-creative-title: a.post-modern-title(href='#') Residential Properties + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + + .col-sm-6.col-lg-4.wow-outer + // Box Creative + article.box-creative.wow.slideInDown(data-wow-delay='.05s') + .box-creative-icon.fl-bigmug-line-wallet26 + h4.box-creative-title: a.post-modern-title(href='#') Commercial Properties + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + + .col-sm-6.col-lg-4.wow-outer + // Box Creative + article.box-creative.wow.slideInDown(data-wow-delay='.1s') + .box-creative-icon.fl-bigmug-line-note35 + h4.box-creative-title: a.post-modern-title(href='#') Vacant Land + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. diff --git a/template/real_estate_html/sources/pug/includes/_row-team-4-cols.pug b/template/real_estate_html/sources/pug/includes/_row-team-4-cols.pug new file mode 100755 index 0000000..46627d2 --- /dev/null +++ b/template/real_estate_html/sources/pug/includes/_row-team-4-cols.pug @@ -0,0 +1,67 @@ +.row.row-50 + .col-sm-6.col-lg-3.wow-outer + // Profile Classic + article.profile-classic.wow.slideInLeft + .profile-classic-main + +jpg('team-1-270x273', 'profile-classic-image') + .profile-classic-caption + .group.group-xs.group-middle + a.icon.icon-sm.icon-creative.mdi.mdi-facebook(href='#') + a.icon.icon-sm.icon-creative.mdi.mdi-twitter(href='#') + a.icon.icon-sm.icon-creative.mdi.mdi-instagram(href='#') + a.icon.icon-sm.icon-creative.mdi.mdi-google(href='#') + a.icon.icon-sm.icon-creative.mdi.mdi-linkedin(href='#') + + h5.profile-classic-title: a(href='#') Nathan Porter + p.profile-classic-position CEO, Founder + + .col-sm-6.col-lg-3.wow-outer + // Profile Classic + article.profile-classic.wow.slideInLeft(data-wow-delay='.05s') + .profile-classic-main + +jpg('team-2-270x273', 'profile-classic-image') + .profile-classic-caption + .group.group-xs.group-middle.profile-classic-group + a.icon.icon-sm.icon-creative.mdi.mdi-facebook(href='#') + a.icon.icon-sm.icon-creative.mdi.mdi-twitter(href='#') + a.icon.icon-sm.icon-creative.mdi.mdi-instagram(href='#') + a.icon.icon-sm.icon-creative.mdi.mdi-google(href='#') + a.icon.icon-sm.icon-creative.mdi.mdi-linkedin(href='#') + + h5.profile-classic-title: a(href='#') Jean Thompson + p.profile-classic-position Project Manager + + .col-sm-6.col-lg-3.wow-outer + // Profile Classic + article.profile-classic.wow.slideInLeft(data-wow-delay='.1s') + .profile-classic-main + +jpg('team-3-270x273', 'profile-classic-image') + .profile-classic-caption + .group.group-xs.group-middle.profile-classic-group + a.icon.icon-sm.icon-creative.mdi.mdi-facebook(href='#') + a.icon.icon-sm.icon-creative.mdi.mdi-twitter(href='#') + a.icon.icon-sm.icon-creative.mdi.mdi-instagram(href='#') + a.icon.icon-sm.icon-creative.mdi.mdi-google(href='#') + a.icon.icon-sm.icon-creative.mdi.mdi-linkedin(href='#') + + h5.profile-classic-title: a(href='#') Brian Payne + p.profile-classic-position Manager + + .col-sm-6.col-lg-3.wow-outer + // Profile Classic + article.profile-classic.wow.slideInLeft(data-wow-delay='.15s') + .profile-classic-main + +jpg('team-4-270x273', 'profile-classic-image') + .profile-classic-caption + .group.group-xs.group-middle.profile-classic-group + a.icon.icon-sm.icon-creative.mdi.mdi-facebook(href='#') + a.icon.icon-sm.icon-creative.mdi.mdi-twitter(href='#') + a.icon.icon-sm.icon-creative.mdi.mdi-instagram(href='#') + a.icon.icon-sm.icon-creative.mdi.mdi-google(href='#') + a.icon.icon-sm.icon-creative.mdi.mdi-linkedin(href='#') + + h5.profile-classic-title: a(href='#') Marie Fernandez + p.profile-classic-position Marketing Manager + +.wow-outer.button-outer + a.button.button-lg.button-primary.button-winona.wow.slideInUp(href='#') View all Team diff --git a/template/real_estate_html/sources/pug/includes/_slick-widget-testimonials.pug b/template/real_estate_html/sources/pug/includes/_slick-widget-testimonials.pug new file mode 100755 index 0000000..ed19bd1 --- /dev/null +++ b/template/real_estate_html/sources/pug/includes/_slick-widget-testimonials.pug @@ -0,0 +1,88 @@ +.slick-widget-testimonials.wow.fadeIn + .slick-slider.carousel-child#child-carousel( + data-for='.carousel-parent' + data-arrows='true' + data-loop='true' + data-dots='false' + data-swipe='true' + data-items='1' + data-sm-items='3' + data-md-items='5' + data-lg-items='5' + data-xl-items='5' + data-center-mode='true' + data-slide-to-scroll='1') + .item.wow-outer: +jpg('testimonials-person-1-96x96').wow.slideInLeft + .item.wow-outer: +jpg('testimonials-person-2-96x96').wow.slideInLeft + .item.wow-outer: +jpg('testimonials-person-3-96x96').wow.slideInLeft + .item.wow-outer: +jpg('testimonials-person-4-96x96').wow.slideInLeft + .item.wow-outer: +jpg('testimonials-person-5-96x96').wow.slideInLeft + .item.wow-outer: +jpg('testimonials-person-3-96x96').wow.slideInLeft + + + // Slick Carousel + .slick-slider.carousel-parent( + data-arrows='false' + data-loop='true' + data-dots='false' + data-swipe='false' + data-items='1' + data-fade='true' + data-child='#child-carousel' + data-for='#child-carousel') + .item + // Quote Light 1 + blockquote.quote-light + cite.quote-light-cite Kelly McMillan + p.quote-light-caption Regular Client + +quote-mark.quote-light-mark + .quote-light-text: p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. + .quote-light-footer: +png('logo-the-oldbrand-83x64', 'quote-light-image') + + .item + // Quote Light 2 + blockquote.quote-light + cite.quote-light-cite Harold Barnett + p.quote-light-caption Regular Client + +quote-mark.quote-light-mark + .quote-light-text: p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut sit amet, consectetur adipiscing elit, sed do eiusmod tempor labore et dolore magna aliqua. + .quote-light-footer: +png('logo-havana-kabana-96x64', 'quote-light-image') + + .item + // Quote Light 3 + blockquote.quote-light + cite.quote-light-cite Albert Webb + p.quote-light-caption Regular Client + +quote-mark.quote-light-mark + .quote-light-text: p Lorem ipsum dolor sit consectetur adipiscing elit, sed do eiusmod tempor incididunt ut amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + .quote-light-footer: +png('logo-majestic-104x64', 'quote-light-image') + + .item + // Quote Light 4 + blockquote.quote-light + cite.quote-light-cite Samantha Lee + p.quote-light-caption Regular Client + +quote-mark.quote-light-mark + .quote-light-text: p Lorem ipsum dolor sit consectetur adipiscing elit, sed do eiusmod tempor incididunt ut amet, consectetur adipiscing elit, sed do aliqua. + .quote-light-footer: +png('logo-hillplan-84x64', 'quote-light-image') + + .item + // Quote Light 5 + blockquote.quote-light + cite.quote-light-cite Bill Warner + p.quote-light-caption Regular Client + +quote-mark.quote-light-mark + .quote-light-text: p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ut amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut consectetur adipiscing elit,. + .quote-light-footer: +png('logo-brownie-103x61', 'quote-light-image') + + .item + // Quote Light 3 + blockquote.quote-light + cite.quote-light-cite Albert Webb + p.quote-light-caption Regular Client + +quote-mark.quote-light-mark + .quote-light-text: p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Donec et odio pellentesque diam. Tortor pretium viverra! + .quote-light-footer: +png('logo-majestic-104x64', 'quote-light-image') + + + diff --git a/template/real_estate_html/sources/pug/pages/404-page.pug b/template/real_estate_html/sources/pug/pages/404-page.pug new file mode 100755 index 0000000..e50a65f --- /dev/null +++ b/template/real_estate_html/sources/pug/pages/404-page.pug @@ -0,0 +1,28 @@ +extends ../_skeleton + +block variables + - var activeCategory = 'pages' + - var pageName = '404 Page' + +block page + // Page content + section.section.section-single.bg-gray-800.primary-overlay(style='background-image: url(images/bg-image-7.jpg);') + .section-single-inner + .section-single-dummy + .section-single-main: .container + .row.row-30 + .col-sm-6.text-center.text-sm-left: p.text-extra-large 404 + .col-sm-6 + .section-single-main-content + h6.title-decorated.title-decorated-lg Page was not found + p: span.text-width-2 You may have mistyped the address or the page may have moved. + a.button.button-lg.button-primary.button-winona(href='index.html') Back to home page + + + .footer-minimal.section-single-footer + .container + .footer-minimal-inner + a.brand(href='index.html') + +png(logo.inverse.trueSize)(srcset='images/' + logo.inverse.retina + '.png 2x') + +rights + diff --git a/template/real_estate_html/sources/pug/pages/503-page.pug b/template/real_estate_html/sources/pug/pages/503-page.pug new file mode 100755 index 0000000..811d4e1 --- /dev/null +++ b/template/real_estate_html/sources/pug/pages/503-page.pug @@ -0,0 +1,28 @@ +extends ../_skeleton + +block variables + - var activeCategory = 'pages' + - var pageName = '503 Page' + +block page + // Page content + section.section.section-single.bg-gray-800.primary-overlay(style='background-image: url(images/bg-image-6.jpg);') + .section-single-inner + .section-single-dummy + .section-single-main: .container + .row.row-30 + .col-sm-6.text-center.text-sm-left: p.text-extra-large 503 + .col-sm-6 + .section-single-main-content + h6.title-decorated.title-decorated-lg Service is temporary unavailable + p Sorry, we're offline right now to make our site even better.#[br]Please, come back later and check what we've been up to. + a.button.button-lg.button-primary.button-winona(href='index.html') Back to home page + + + .footer-minimal.section-single-footer + .container + .footer-minimal-inner + a.brand(href='index.html') + +png(logo.inverse.trueSize)(srcset='images/' + logo.inverse.retina + '.png 2x') + +rights + diff --git a/template/real_estate_html/sources/pug/pages/about-us.pug b/template/real_estate_html/sources/pug/pages/about-us.pug new file mode 100755 index 0000000..009dd2a --- /dev/null +++ b/template/real_estate_html/sources/pug/pages/about-us.pug @@ -0,0 +1,128 @@ +extends ../_skeleton + +block variables + - var activeCategory = 'about us' + - var pageName = 'About us' + +block page + // Page Header + include ../sections/_header-corporate + + +breadcrumbs({ + category: activeCategory, + path: [pageName] + }) + + // Working at CaseCraft + section.section.section-lg + .container + .row.row-50.justify-content-center.justify-content-lg-between.flex-lg-row-reverse + .col-md-10.col-lg-6.col-xl-5 + h3.text-uppercase Who We Are + p.about-subtitle Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostru eiusmod tempor incididunt ut labore et. + a.button.button-lg.button-primary.button-winona(href='about-us.html') View properties + .col-md-10.col-lg-6.col-xl-6 + +jpg('careers-1-570x388', 'img-responsive') + + + // Advantages and Achievements + section.section.section-md.text-center.bg-gray-100 + .container + h3.text-uppercase.wow-outer: span.wow.slideInUp Why people Choose Us + p.wow-outer: span.text-width-1.wow.slideInDown Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + .row.row-50 + .col-6.col-md-3.wow-outer + // Counter Minimal + article.counter-minimal.wow.slideInUp(data-wow-delay='.1s') + .counter-minimal-icon.box-chloe__icon.linearicons-users2 + .counter-minimal-main: .counter 12 + h5.counter-minimal-title National Partners + + .col-6.col-md-3.wow-outer + // Counter Minimal + article.counter-minimal.wow.slideInUp(data-wow-delay='.1s') + .counter-minimal-icon.box-chloe__icon.linearicons-home-icon3 + .counter-minimal-main: .counter 238 + h5.counter-minimal-title Properties + + .col-6.col-md-3.wow-outer + // Counter Minimal + article.counter-minimal.wow.slideInUp(data-wow-delay='.1s') + .counter-minimal-icon.box-chloe__icon.linearicons-star + .counter-minimal-main: .counter 19 + h5.counter-minimal-title Years of Experience + + .col-6.col-md-3.wow-outer + // Counter Minimal + article.counter-minimal.wow.slideInUp(data-wow-delay='.1s') + .counter-minimal-icon.box-chloe__icon.linearicons-apartment + .counter-minimal-main: .counter 54 + h5.counter-minimal-title Qualified Brokers + + + section.section.section-lg.text-center + .container + h3.text-uppercase.wow-outer: span.wow.slideInUp Our Team + .row.row-50.row-xxl-70.justify-content-center.justify-content-lg-start + .col-md-10.col-lg-6.wow-outer + // Profile Creative + article.profile-creative.wow.slideInLeft + figure.profile-creative-figure: +jpg('team-1-270x273', 'profile-creative-image') + .profile-creative-main + h5.profile-creative-title: a(href='#') Nathalie Porter + p.profile-creative-position Founder, Broker + .profile-creative-contacts + .object-inline + span.icon.icon-md.mdi.mdi-phone + a(href='tel:#') 1-800-1324-567 + p Ms. Porter founded our company in 1989 with a vision to help guests and residents of the USA to easily find and buy or rent real estate in all 50 states. + + .col-md-10.col-lg-6.wow-outer + // Profile Creative + article.profile-creative.wow.slideInLeft(data-wow-delay='.2s') + figure.profile-creative-figure: +jpg('team-2-270x273', 'profile-creative-image') + .profile-creative-main + h5.profile-creative-title: a(href='#') John Thompson + p.profile-creative-position Sales Associate + .profile-creative-contacts + .object-inline + span.icon.icon-md.mdi.mdi-phone + a(href='tel:#') 1-800-1324-567 + p John has been in sales and marketing for the past 15 years. He has excellent knowledge about the local market both residential and commercial. + + .col-md-10.col-lg-6.wow-outer + // Profile Creative + article.profile-creative.wow.slideInLeft + figure.profile-creative-figure: +jpg('team-3-270x273', 'profile-creative-image') + .profile-creative-main + h5.profile-creative-title: a(href='#') Brian Payne + p.profile-creative-position Realtor + .profile-creative-contacts + .object-inline + span.icon.icon-md.mdi.mdi-phone + a(href='tel:#') 1-800-1324-567 + p Brian is not only a Licensed Realtor but also holds the Title Producers and Mortgage Licenses, which makes him a very knowledgeable real estate expert. + + .col-md-10.col-lg-6.wow-outer + // Profile Creative + article.profile-creative.wow.slideInLeft(data-wow-delay='.2s') + figure.profile-creative-figure: +jpg('team-4-270x273', 'profile-creative-image') + .profile-creative-main + h5.profile-creative-title: a(href='#') Marie Fernandez + p.profile-creative-position Broker + .profile-creative-contacts + .object-inline + span.icon.icon-md.mdi.mdi-phone + a(href='tel:#') 1-800-1324-567 + p Marie’s goal is to provide clients with the highest level of marketing expertise and customer service to help them reach their uppermost real estate goals. + + // Page Footer + include ../sections/_footer-advanced + +footer-advanced({ + about: 'inHouse is the largest full-service real estate and property management company. We offer expertise in the marketing and sale of a wide range of properties, including residential real estate, farms and lifestyle blocks, as well as commercial and industrial properties that we hope may interest you.', + posts: [ + 'Real Estate Guide: 7 Important Tips for Buying a Home', + 'Single-Family Homes as a Housing Option for Young Families' + ] + }) diff --git a/template/real_estate_html/sources/pug/pages/accordions.pug b/template/real_estate_html/sources/pug/pages/accordions.pug new file mode 100755 index 0000000..ebfd5d4 --- /dev/null +++ b/template/real_estate_html/sources/pug/pages/accordions.pug @@ -0,0 +1,39 @@ +extends ../_skeleton + +//- Includes + + +block variables + - var activeCategory = 'pages' + - var pageName = 'Accordions' + +block page + // Page Header + include ../sections/_header-corporate + + +breadcrumbs({ + category: activeCategory, + path: [pageName] + }) + + // Accordion & skill bars + section.section.section-lg + .container + h6 Accordion & skill bars + include ../includes/_row-accordion-skill-bars + + // Accordion & photo + section.section.section-md + .container + h6 Accordion & photo + include ../includes/_row-accordion-and-photo + + // Page Footer + include ../sections/_footer-advanced + +footer-advanced({ + about: 'inHouse is the largest full-service real estate and property management company. We offer expertise in the marketing and sale of a wide range of properties, including residential real estate, farms and lifestyle blocks, as well as commercial and industrial properties that we hope may interest you.', + posts: [ + 'Real Estate Guide: 7 Important Tips for Buying a Home', + 'Single-Family Homes as a Housing Option for Young Families' + ] + }) diff --git a/template/real_estate_html/sources/pug/pages/blog-layouts.pug b/template/real_estate_html/sources/pug/pages/blog-layouts.pug new file mode 100755 index 0000000..af30c29 --- /dev/null +++ b/template/real_estate_html/sources/pug/pages/blog-layouts.pug @@ -0,0 +1,98 @@ +extends ../_skeleton + +block variables + - var activeCategory = 'blog' + - var pageName = 'Blog Layouts' + +block page + // Page Header + include ../sections/_header-corporate + + +breadcrumbs({ + category: activeCategory, + path: [pageName] + }) + + // 3 Column Layout + section.section.section-lg.bg-gray-100.text-center + .container + h3 3 Column Layout + include ../includes/_row-blog-3-cols + + // 2 Column Layout + section.section.section-lg.text-center + .container + h3 2 Column Layout + .row.row-50 + .col-md-6.wow-outer + // Post Modern + article.post-modern.wow.slideInLeft + a.post-modern-media(href=links.post): +jpg('grid-blog-1-571x353') + h4.post-modern-title: a(href=links.post).post-modern-title 5619 Walnut Hill Ln, Dallas, TX 75229 + ul.post-modern-meta + li: a.button-winona(href='#') $1500/mon + li 30 Sq. Ft. + li 3 Bedrooms + p A comfortable residential property located in a quiet and cozy area. + + .col-md-6.wow-outer + // Post Modern + article.post-modern.wow.slideInLeft + a.post-modern-media(href=links.post): +jpg('grid-blog-2-571x353') + h4.post-modern-title: a(href=links.post).post-modern-title 1808 Bolingbroke Pl, Fort Worth, TX 76140 + ul.post-modern-meta + li: a.button-winona(href='#') $1300/mon + li 40 Sq. Ft. + li 2 Bedrooms + p Perfect for those who love both city life and the countryside. + + a.button.button-primary-outline.button-winona(href='grid-blog.html') View all + + // News Posts Layout + section.section.section-lg.bg-gray-100 + .container + h3.text-center News Posts Layout + include ../includes/_row-news-post-layout + + // Residential property categories + section.section-lg.text-center + .container + h3.text-uppercase Residential property categories + p: span.text-width-1 At our agency, we work with various types of residential real estate property. You can find out more about our properties by browsing our website. + .row.row-50.row-xxl-70.offset-top-2 + .col-sm-6.col-lg-3 + // Thumbnail Light + article.thumbnail-light + a.thumbnail-light-media(href='single-property.html'): +jpg('service-thumbnail-1-270x300', 'thumbnail-light-image') + h4.thumbnail-light-title: a(href='single-property.html') Single-Family Homes + + .col-sm-6.col-lg-3 + // Thumbnail Light + article.thumbnail-light + a.thumbnail-light-media(href='single-property.html'): +jpg('service-thumbnail-2-270x300', 'thumbnail-light-image') + h4.thumbnail-light-title: a(href='single-property.html') Townhouses + + .col-sm-6.col-lg-3 + // Thumbnail Light + article.thumbnail-light + a.thumbnail-light-media(href='single-property.html'): +jpg('service-thumbnail-3-270x300', 'thumbnail-light-image') + h4.thumbnail-light-title: a(href='single-property.html') Multi-Family Homes + + .col-sm-6.col-lg-3 + // Thumbnail Light + article.thumbnail-light + a.thumbnail-light-media(href='single-property.html'): +jpg('service-thumbnail-4-270x300', 'thumbnail-light-image') + h4.thumbnail-light-title: a(href='single-property.html') Condominiums + .col-md-12.wow-outer + a.button.button-primary-outline.button-winona(href='grid-blog.html') View all + + + // Page Footer + include ../sections/_footer-advanced + +footer-advanced({ + about: 'inHouse is the largest full-service real estate and property management company. We offer expertise in the marketing and sale of a wide range of properties, including residential real estate, farms and lifestyle blocks, as well as commercial and industrial properties that we hope may interest you.', + posts: [ + 'Real Estate Guide: 7 Important Tips for Buying a Home', + 'Single-Family Homes as a Housing Option for Young Families' + ] + }) \ No newline at end of file diff --git a/template/real_estate_html/sources/pug/pages/buttons.pug b/template/real_estate_html/sources/pug/pages/buttons.pug new file mode 100755 index 0000000..57e1405 --- /dev/null +++ b/template/real_estate_html/sources/pug/pages/buttons.pug @@ -0,0 +1,71 @@ +extends ../_skeleton + +block variables + - var activeCategory = 'pages' + - var pageName = 'Buttons' + +block page + // Page Header + include ../sections/_header-corporate + + +breadcrumbs({ + category: activeCategory, + path: [pageName] + }) + + // Button Sizes + section.section.section-sm.section-first + .container + h6 Button Sizes + .group.group-middle + .button.button-lg.button-primary.button-winona Large button + .button.button-lg.button-primary-outline.button-winona Light Large + .group.group-middle + .button.button-primary.button-winona Medium button + .button.button-primary-outline.button-winona Light Medium + .group.group-middle + .button.button-sm.button-primary.button-winona Small button + .button.button-sm.button-primary-outline.button-winona Light Small + + // Icon buttons + section.section.section-sm + .container + h6 Icon buttons + .group.group-middle + .button.button-icon.button-icon-left.button-lg.button-primary.button-winona + span.icon.mdi.mdi-magnify + | Search + .button.button-icon.button-icon-left.button-lg.button-primary-outline.button-winona + span.icon.mdi.mdi-magnify + | Search + .group.group-middle + .button.button-icon.button-icon-left.button-primary.button-winona + span.icon.mdi.mdi-magnify + | Search + .button.button-icon.button-icon-left.button-primary-outline.button-winona + span.icon.mdi.mdi-magnify + | Search + .group.group-middle + .button.button-icon.button-icon-left.button-sm.button-primary.button-winona + span.icon.mdi.mdi-magnify + | Search + .button.button-icon.button-icon-left.button-sm.button-primary-outline.button-winona + span.icon.mdi.mdi-magnify + | Search + + + // Social buttons + section.section.section-sm.section-last + .container + h6 Social buttons + include ../includes/_group-social-buttons + + // Page Footer + include ../sections/_footer-advanced + +footer-advanced({ + about: 'inHouse is the largest full-service real estate and property management company. We offer expertise in the marketing and sale of a wide range of properties, including residential real estate, farms and lifestyle blocks, as well as commercial and industrial properties that we hope may interest you.', + posts: [ + 'Real Estate Guide: 7 Important Tips for Buying a Home', + 'Single-Family Homes as a Housing Option for Young Families' + ] + }) \ No newline at end of file diff --git a/template/real_estate_html/sources/pug/pages/careers.pug b/template/real_estate_html/sources/pug/pages/careers.pug new file mode 100755 index 0000000..334de31 --- /dev/null +++ b/template/real_estate_html/sources/pug/pages/careers.pug @@ -0,0 +1,110 @@ +extends ../_skeleton + +//- Includes +include ../components/_ui-career-classic + +block variables + - var activeCategory = 'pages' + - var pageName = 'Careers' + +block page + // Page Header + include ../sections/_header-corporate + + +breadcrumbs({ + category: activeCategory, + path: [pageName] + }) + + // Working at CaseCraft + section.section.section-lg + .container + .row.row-50.justify-content-center.justify-content-lg-between.flex-lg-row-reverse + .col-md-10.col-lg-6.col-xl-5 + h3 Working at inHouse + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Donec et odio pellentesque diam. Tortor pretium viverra suspendisse potenti nullam ac tortor vitae. Tellus elementum sagittis vitae et leo duis ut diam. Vitae ultricies leo integer malesuada nunc vel risus. + a.button.button-lg.button-primary.button-winona(href='about-us.html') Learn more + + .col-md-10.col-lg-6.col-xl-6 + +jpg('careers-1-570x368', 'img-responsive') + + // Available Vacancies + section.section.section-lg.bg-gray-100.text-center + .container + h3 Available Vacancies + .row.row-45 + .col-md-6.col-lg-4 + +career-classic({ + title: 'Residential Broker', + list: [ + { iconClass: 'mdi mdi-calendar-clock', text: 'Full Time' }, + { iconClass: 'mdi mdi-map-marker', text: 'San Diego' } + ] + }) + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + + .col-md-6.col-lg-4 + +career-classic({ + title: 'Residential Appraiser', + list: [ + {iconClass: 'mdi mdi-calendar-clock', text: 'Full Time'}, + {iconClass: 'mdi mdi-map-marker', text: 'San Diego'} + ] + }) + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + + .col-md-6.col-lg-4 + +career-classic({ + title: 'Real Estate Agent', + list: [ + {iconClass: 'mdi mdi-calendar-clock', text: 'Full Time'}, + {iconClass: 'mdi mdi-map-marker', text: 'San Diego'} + ] + }) + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + + .col-md-6.col-lg-4 + +career-classic({ + title: 'Property Manager', + list: [ + {iconClass: 'mdi mdi-calendar-clock', text: 'Full Time'}, + {iconClass: 'mdi mdi-map-marker', text: 'San Diego'} + ] + }) + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + + .col-md-6.col-lg-4 + +career-classic({ + title: 'Leasing Consultant', + list: [ + {iconClass: 'mdi mdi-calendar-clock', text: 'Full Time'}, + {iconClass: 'mdi mdi-map-marker', text: 'San Diego'} + ] + }) + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + + .col-md-6.col-lg-4 + +career-classic({ + title: 'Commercial Broker', + list: [ + {iconClass: 'mdi mdi-calendar-clock', text: 'Full Time'}, + {iconClass: 'mdi mdi-map-marker', text: 'San Diego'} + ] + }) + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + + + a.button.button-lg.button-primary.button-winona(href='#') Join Us + + // Thin CTA + include ../sections/_section-thin-cta + + // Page Footer + include ../sections/_footer-advanced + +footer-advanced({ + about: 'inHouse is the largest full-service real estate and property management company. We offer expertise in the marketing and sale of a wide range of properties, including residential real estate, farms and lifestyle blocks, as well as commercial and industrial properties that we hope may interest you.', + posts: [ + 'Real Estate Guide: 7 Important Tips for Buying a Home', + 'Single-Family Homes as a Housing Option for Young Families' + ] + }) diff --git a/template/real_estate_html/sources/pug/pages/coming-soon.pug b/template/real_estate_html/sources/pug/pages/coming-soon.pug new file mode 100755 index 0000000..5e4d4d8 --- /dev/null +++ b/template/real_estate_html/sources/pug/pages/coming-soon.pug @@ -0,0 +1,34 @@ +extends ../_skeleton + +block variables + - var activeCategory = 'pages' + - var pageName = 'Coming Soon' + +block page + // Page content + section.section.section-single.bg-gray-800(style='background-image: url(images/bg-image-5.jpg);') + .section-single-inner + .section-single-dummy + .section-single-main: .container + .row.row-30.justify-content-center.justify-content-sm-start + .col-sm-10.col-md-9.col-lg-7.col-xl-6 + h6.title-decorated.title-decorated-lg We're getting ready to launch in + // TimeCircles + .countdown-wrap: .DateCountdown(data-type='until' data-date='2019-12-31 00:00:00' data-format='wdhms' data-color=colors.primary data-bg='rgba(245, 245, 245, 1)' data-width='0.02') + p Our website is under construction, we are working very hard to give you the best experience on our new web site. + .rd-mailform-wrap + // RD Mailform + form.rd-form.rd-mailform.form-inline(data-form-output="form-output-global", data-form-type='subscribe', method='post', action='bat/rd-mailform.php') + .form-wrap + input.form-input(id="subscribe-form-1-email" type="email" name="email" data-constraints="@Email @Required") + label.form-label(for="subscribe-form-1-email") Your e-mail + .form-button: button.button.button-primary.button-winona(type="submit") Subscribe + + + .footer-minimal.section-single-footer + .container + .footer-minimal-inner + a.brand(href='index.html') + +png(logo.inverse.trueSize)(srcset='images/' + logo.inverse.retina + '.png 2x') + +rights + diff --git a/template/real_estate_html/sources/pug/pages/contacts.pug b/template/real_estate_html/sources/pug/pages/contacts.pug new file mode 100755 index 0000000..7e6bda4 --- /dev/null +++ b/template/real_estate_html/sources/pug/pages/contacts.pug @@ -0,0 +1,27 @@ +extends ../_skeleton + +block variables + - var activeCategory = 'contacts' + - var pageName = 'Contacts' + +block page + // Page Header + include ../sections/_header-corporate + + +breadcrumbs({ + category: activeCategory, + path: [pageName] + }) + + include ../sections/_section-contact-info + include ../sections/_section-contact-form-and-map + + // Page Footer + include ../sections/_footer-advanced + +footer-advanced({ + about: 'inHouse is the largest full-service real estate and property management company. We offer expertise in the marketing and sale of a wide range of properties, including residential real estate, farms and lifestyle blocks, as well as commercial and industrial properties that we hope may interest you.', + posts: [ + 'Real Estate Guide: 7 Important Tips for Buying a Home', + 'Single-Family Homes as a Housing Option for Young Families' + ] + }) diff --git a/template/real_estate_html/sources/pug/pages/forms.pug b/template/real_estate_html/sources/pug/pages/forms.pug new file mode 100755 index 0000000..0c27da6 --- /dev/null +++ b/template/real_estate_html/sources/pug/pages/forms.pug @@ -0,0 +1,195 @@ +extends ../_skeleton + +//- Includes + +block variables + - var activeCategory = 'pages' + - var pageName = 'Forms' + +block page + // Page Header + include ../sections/_header-corporate + + +breadcrumbs({ + category: activeCategory, + path: [pageName] + }) + + // Newsletter form + section.section-last.section-sm + .container: h6: span(data-toggle='modal' data-target='#forms-modal-tip') Newsletter form #[span.tip-mark ?] + include ../sections/_section-newsletter-form + + // Small newsletter form + section.section-last.section-last.section-sm + .container: h6: span(data-toggle='modal' data-target='#forms-modal-tip') Small newsletter form #[span.tip-mark ?] + section.section.section-md.bg-gray-700 + .container + .row.justify-content-center + .col-sm-9.col-md-6.col-lg-5.col-xl-4 + h4 Newsletter + p.text-white Sign up to our newsletter and be the first to know about the latest news, special offers, events, and discounts. + + // RD Mailform + form.rd-form.rd-mailform.form-inline(data-form-output="form-output-global", data-form-type='subscribe', method='post', action='bat/rd-mailform.php') + .form-wrap + input.form-input(id="subscribe-form-2-email" type="email" name="email" data-constraints="@Email @Required") + label.form-label(for="subscribe-form-2-email") E-mail + .form-button + button.button.button-primary.button-icon.button-icon-only.button-winona(type="submit" aria-label='submit') + span.icon.mdi.mdi-email-outline + + + // Photo newsletter form + section.section-last.section-sm + .container: h6: span(data-toggle='modal' data-target='#forms-modal-tip') Photo newsletter form #[span.tip-mark ?] + section.section.section-lg.bg-image.bg-image-light(style='background-image: url(images/bg-image-1.jpg);') + .container + .row.justify-content-center + .col-sm-10.col-md-8.col-lg-7.col-xl-6 + h3.wow-outer.text-center: span.wow.slideInUp Newsletter + p.text-white.wow-outer: span.wow.slideInLeft Keep up with our always upcoming news and updates. Enter your e-mail and subscribe to our newsletter. + + // RD Mailform + form.rd-form.rd-mailform.form-inline.wow.fadeIn(data-wow-delay='.2s' data-form-output="form-output-global", data-form-type='subscribe', method='post', action='bat/rd-mailform.php') + .form-wrap + input.form-input(id="subscribe-form-3-email" type="email" name="email" data-constraints="@Email @Required") + label.form-label(for="subscribe-form-3-email") Your e-mail + .form-button + button.button.button-primary.button-winona(type="submit") Subscribe + // Map & contact form + section.section-last.section-sm + .container: h6 Map & contact form + include ../sections/_section-contact-form-and-map + + // Map & contact form with reCAPTCHA + section.section-last.section-sm + .container: h6 Map & contact form with reCAPTCHA + section.section-last.section-sm.section.bg-gray-100 + .range.justify-content-xl-between + .cell-xl-6.align-self-center.container + .row + .col-lg-9.cell-inner: .section-lg + h3 Contact Us + // RD Mailform + form.rd-form.rd-mailform(data-form-output='form-output-global', data-form-type='contact', method='post', action='bat/rd-mailform.php') + .row.row-10 + .col-md-6 + .form-wrap + label.form-label-outside(for='contact-2-first-name') First Name + input#contact-2-first-name.form-input(type='text' name='name' data-constraints='@Required') + + .col-md-6 + .form-wrap + label.form-label-outside(for='contact-2-last-name') Last Name + input#contact-2-last-name.form-input(type='text' name='name' data-constraints='@Required') + + .col-md-6 + .form-wrap + label.form-label-outside(for='contact-2-email') E-mail + input#contact-2-email.form-input(type='email' name='email' data-constraints='@Email @Required') + + .col-md-6 + .form-wrap + label.form-label-outside(for='contact-2-phone') Phone + input#contact-2-phone.form-input(type='text' name='phone' data-constraints='@PhoneNumber') + + .col-12 + .form-wrap + label.form-label-outside(for='contact-2-message') Your Message + textarea#contact-2-message.form-input(name='message' data-constraints='@Required') + + // Google captcha + .form-wrap.text-left.form-validation-left + .recaptcha#captcha1(data-sitekey='6LfZlSETAAAAAC5VW4R4tQP8Am_to4bM3dddxkEt') + + .group.group-middle + button.button.button-primary.button-winona(type='submit') Send Message + p or use + button.button.button-primary-outline.button-icon.button-icon-left.button-winona + span.icon.text-primary.mdi.mdi-facebook-messenger + | Messenger + + .cell-xl-5.height-fill + .rd-google-map(class="rd-google-map__model", data-marker="images/gmap_marker.png", data-marker-active="images/gmap_marker_active.png" data-styles='[{"featureType":"water","elementType":"geometry","stylers":[{"color":"#e9e9e9"},{"lightness":17}]},{"featureType":"landscape","elementType":"geometry","stylers":[{"color":"#f5f5f5"},{"lightness":20}]},{"featureType":"road.highway","elementType":"geometry.fill","stylers":[{"color":"#ffffff"},{"lightness":17}]},{"featureType":"road.highway","elementType":"geometry.stroke","stylers":[{"color":"#ffffff"},{"lightness":29},{"weight":0.2}]},{"featureType":"road.arterial","elementType":"geometry","stylers":[{"color":"#ffffff"},{"lightness":18}]},{"featureType":"road.local","elementType":"geometry","stylers":[{"color":"#ffffff"},{"lightness":16}]},{"featureType":"poi","elementType":"geometry","stylers":[{"color":"#f5f5f5"},{"lightness":21}]},{"featureType":"poi.park","elementType":"geometry","stylers":[{"color":"#dedede"},{"lightness":21}]},{"elementType":"labels.text.stroke","stylers":[{"visibility":"on"},{"color":"#ffffff"},{"lightness":16}]},{"elementType":"labels.text.fill","stylers":[{"saturation":36},{"color":"#333333"},{"lightness":40}]},{"elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"transit","elementType":"geometry","stylers":[{"color":"#f2f2f2"},{"lightness":19}]},{"featureType":"administrative","elementType":"geometry.fill","stylers":[{"color":"#fefefe"},{"lightness":20}]},{"featureType":"administrative","elementType":"geometry.stroke","stylers":[{"color":"#fefefe"},{"lightness":17},{"weight":1.2}]}]', data-zoom='14', data-x='-73.9874068', data-y='40.643180') + ul.map_locations + li(data-y='40.643180', data-x='-73.9874068') + p 9870 St Vincent Place, Glasgow, DC 45 Fr 45. + + + // Login form + section.section-last.section-sm + .container: h6 Login form + section.section-last.section-sm.section.section-md.bg-gray-700 + .container + .box-1 + h4 Sign In + + form.rd-form.rd-form-small + .form-wrap + input#login-email.form-input(type='email' name='email' data-constraints='@Email @Required') + label.form-label(for='login-email') E-mail + + .form-wrap + input#login-password.form-input(type='password' name='password' data-constraints='@Required') + label.form-label(for='login-password') Password + + .form-wrap + button.button.button-primary.button-winona(type='submit') Sign in + + // Registration form + section.section-last.section.section-md + .container + .box-1 + h4 Registration + + form.rd-form.rd-form-small + .form-wrap + input#register-name.form-input(type='text' name='username' data-constraints='@Required') + label.form-label(for='register-name') Username + + .form-wrap + input#register-email.form-input(type='email' name='email' data-constraints='@Email @Required') + label.form-label(for='register-email') E-mail + + .form-wrap + input#register-password.form-input(type='password' name='password' data-constraints='@Required') + label.form-label(for='register-password') Password + + .form-wrap + input#register-password-2.form-input(type='password' name='password' data-constraints='@Required') + label.form-label(for='register-password-2') Confirm Password + + .form-wrap + button.button.button-block.button-primary.button-winona(type='submit') Create an Account + + .form-wrap + .text-decoration-lines + span.text-decoration-lines-content or enter with + + .form-wrap + .button-group + a.button.button-facebook.button-icon.button-icon-only.button-winona(href='#' aria-label='Facebook'): span.icon.mdi.mdi.mdi-facebook + a.button.button-twitter.button-icon.button-icon-only.button-winona(href='#' aria-label='Twitter'): span.icon.mdi.mdi-twitter + a.button.button-google.button-icon.button-icon-only.button-winona(href='#' aria-label='Google+'): span.icon.mdi.mdi-google + + .modal.fade#forms-modal-tip + .modal-dialog(role='document') + .modal-content + .modal-header + h6 Subscribe form tip + button.close(type='button', data-dismiss='modal', aria-label='Close'): span(aria-hidden='true') + .modal-body + p Subscribe form works as an e-mail newsletter. + p To activate such form with an enabled #[strong MailChimp] service, replace the #[code .rd-mailform] class with #[code .mailchimp-mailform] and the form's action with MailChimp subscription URL. + p To activate the #[strong Campaign Monitor] service, you need to replace the form’s [#code.rd-mailform] class with #[code .campaign-mailform] and copy the form's action and the name of the input field from the form generated by Campaign Monitor service. + + // Page Footer + include ../sections/_footer-advanced + +footer-advanced({ + about: 'inHouse is the largest full-service real estate and property management company. We offer expertise in the marketing and sale of a wide range of properties, including residential real estate, farms and lifestyle blocks, as well as commercial and industrial properties that we hope may interest you.', + posts: [ + 'Real Estate Guide: 7 Important Tips for Buying a Home', + 'Single-Family Homes as a Housing Option for Young Families' + ] + }) \ No newline at end of file diff --git a/template/real_estate_html/sources/pug/pages/grid-blog.pug b/template/real_estate_html/sources/pug/pages/grid-blog.pug new file mode 100755 index 0000000..913bd3b --- /dev/null +++ b/template/real_estate_html/sources/pug/pages/grid-blog.pug @@ -0,0 +1,81 @@ +extends ../_skeleton + +block variables + - var activeCategory = 'blog' + - var pageName = 'Grid Blog' + +block page + // Page Header + include ../sections/_header-corporate + + +breadcrumbs({ + category: activeCategory, + path: [pageName] + }) + + section.section.section-lg + .container + .row.row-50.row-xxl-70 + .col-md-6.scaleFadeInWrap + // Post Modern + .wow.scaleFadeIn + article.post-modern + a.post-modern-media(href=links.post): +jpg('grid-blog-1-571x353') + h4.post-modern-title: a(href=links.post).post-modern-title 7 Important Tips for Buying a Home + ul.post-modern-meta + li by Mike Barnes + li: time(datetime='2018') Apr 21, 2018 at 12:05 pm + li: a.button-winona(href='#') News + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco. + + .col-md-6.scaleFadeInWrap + // Post Modern + .wow.scaleFadeIn(data-wow-delay='.1s') + article.post-modern + a.post-modern-media(href=links.post): +jpg('grid-blog-2-571x353') + h4.post-modern-title: a(href=links.post).post-modern-title Useful Habits for Potential Home Buyers + ul.post-modern-meta + li by Mike Barnes + li: time(datetime='2018') Apr 21, 2018 at 12:05 pm + li: a.button-winona(href='#') Real Estate + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco. + + .col-md-6.scaleFadeInWrap + // Post Modern + .wow.scaleFadeIn + article.post-modern + a.post-modern-media(href=links.post): +jpg('grid-blog-3-571x353') + h4.post-modern-title: a(href=links.post).post-modern-title 7 Signs Your Home Will Have Good Resale Value + ul.post-modern-meta + li by Mike Barnes + li: time(datetime='2018') Apr 21, 2018 at 12:05 pm + li: a.button-winona(href='#') News + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco. + + .col-md-6.scaleFadeInWrap + // Post Modern + .wow.scaleFadeIn(data-wow-delay='.1s') + article.post-modern + a.post-modern-media(href=links.post): +jpg('grid-blog-4-571x353') + h4.post-modern-title: a(href=links.post).post-modern-title Single-Family Homes as a Housing Option + ul.post-modern-meta + li by Mike Barnes + li: time(datetime='2018') Apr 21, 2018 at 12:05 pm + li: a.button-winona(href='#') Real Estate + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco. + + .pagination + .page-item.active: a.page-link.button-winona(href='#') 1 + .page-item: a.page-link.button-winona(href='#') 2 + .page-item: a.page-link.button-winona(href='#') 3 + .page-item: a.page-link.button-winona(href='#') 4 + + // Page Footer + include ../sections/_footer-advanced + +footer-advanced({ + about: 'inHouse is the largest full-service real estate and property management company. We offer expertise in the marketing and sale of a wide range of properties, including residential real estate, farms and lifestyle blocks, as well as commercial and industrial properties that we hope may interest you.', + posts: [ + 'Real Estate Guide: 7 Important Tips for Buying a Home', + 'Single-Family Homes as a Housing Option for Young Families' + ] + }) \ No newline at end of file diff --git a/template/real_estate_html/sources/pug/pages/index.pug b/template/real_estate_html/sources/pug/pages/index.pug new file mode 100755 index 0000000..3100f50 --- /dev/null +++ b/template/real_estate_html/sources/pug/pages/index.pug @@ -0,0 +1,282 @@ +extends ../_skeleton + +//- Includes +include ../components/_ui-thumbnail-creative +include ../components/_ui-thumbnail-indigo +include ../components/_ui-card + +block variables + - var activeCategory = 'home' + - var pageName = 'Home' + +block page + // Page Header + include ../sections/_header-corporate + + .swiper-container.swiper-slider.swiper-slider-minimal( + data-loop='true' + data-slide-effect='fade' + data-autoplay='false' + data-simulate-touch='true') + .swiper-wrapper + .swiper-slide.swiper-slide_video(data-slide-bg='images/slider-minimal-slide-1-1920x968.jpg') + .container + .jumbotron-classic-content + .wow-outer: .title-docor-text.font-weight-bold.title-decorated.text-uppercase.wow.slideInLeft.text-white Offering Diverse + h1.text-uppercase.text-white.font-weight-bold.wow-outer: span.wow.slideInDown(data-wow-delay='.2s') Properties + p.text-white.wow-outer: span.wow.slideInDown(data-wow-delay='.35s') inHouse provides you with lots of great properties throughout the USA so that you could easily choose your dream property. + .wow-outer.button-outer + a.button.button-md.button-primary.button-winona.wow.slideInDown(href='properties.html' data-wow-delay='.4s') View Properties + .swiper-slide(data-slide-bg='images/slider-minimal-slide-2-1920x968.jpg') + .container + .jumbotron-classic-content + .wow-outer: .title-docor-text.font-weight-bold.title-decorated.text-uppercase.wow.slideInLeft.text-white Easily + h1.text-uppercase.text-white.font-weight-bold.wow-outer: span.wow.slideInDown(data-wow-delay='.2s') Rent & Sale + p.text-white.wow-outer: span.wow.slideInDown(data-wow-delay='.35s') With the help of our services and property management solutions, you can rent or sell any house or apartment. + .wow-outer.button-outer + a.button.button-md.button-primary.button-winona.wow.slideInDown(href='properties.html' data-wow-delay='.4s') View properties + .swiper-slide(data-slide-bg='images/slider-minimal-slide-3-1920x968.jpg') + .container + .jumbotron-classic-content + .wow-outer: .title-docor-text.font-weight-bold.title-decorated.text-uppercase.wow.slideInLeft.text-white More Than 20 Years of + h1.text-uppercase.text-white.font-weight-bold.wow-outer: span.wow.slideInDown(data-wow-delay='.2s') Experience + p.text-white.wow-outer: span.wow.slideInDown(data-wow-delay='.35s') Founded in 1989, our company is a team of renowned property management and real estate experts always ready to help you. + .wow-outer.button-outer + a.button.button-md.button-primary.button-winona.wow.slideInDown(href='properties.html' data-wow-delay='.4s') View properties + .swiper-pagination-outer.container: .swiper-pagination.swiper-pagination-modern.swiper-pagination-marked(data-index-bullet='true') + section.bg-gray-100.section-md + .container + form + .form-wrap.form-wrap-select.wow.fadeInLeftSmall(data-wow-delay='.3s') + .row.row-20.justify-content-md-center + // Select 2 + .col-xl-3.col-lg-3.col-md-4.col-sm-6.col-12 + select.form-input.select(name='find-job-location' data-minimum-results-for-search="Infinity" ) + option(value='1') All Property Types + option(value='2') Residential + option(value='3') Commercial + option(value='4') Vacant Land + .col-xl-3.col-lg-3.col-md-4.col-sm-6.col-12 + select.form-input.select(name='find-job-location' data-minimum-results-for-search="Infinity" ) + option(value='1') All States + option(value='2') New York + option(value='3') Washington + option(value='4') Georgia + .col-xl-3.col-lg-3.col-md-4.col-sm-6.col-12 + select.form-input.select(name='find-job-location' data-minimum-results-for-search="Infinity" ) + option(value='1') All Cities + option(value='2') New York + option(value='3') Seattle + option(value='4') Atlanta + .col-xl-3.col-lg-3.col-md-4.col-sm-6.col-12 + select.form-input.select(name='find-job-location' data-minimum-results-for-search="Infinity" ) + option(value='1') All Listing Types + option(value='2') Exclusive Right to Sell + option(value='3') Exclusive Agency + option(value='4') Open Agency + // Select 2 + .col-xl-3.col-lg-3.col-md-4.col-sm-6.col-12 + select.form-input.select(name='find-job-location' data-minimum-results-for-search="Infinity" ) + option(value='1') All Bedrooms + option(value='2') Master Bedrooms + option(value='3') Guest Bedrooms + option(value='4') Teen Bedrooms + .col-xl-3.col-lg-3.col-md-4.col-sm-6.col-12 + .rd-range(data-min="0" data-max="350" data-start="[50, 250]" data-step="1" data-tooltip="false" data-min-diff="50" data-input=".rd-range-input-value-1" data-input-2=".rd-range-input-value-2") + .rd-range-wrap + .rd-range-form-wrap + span $ + input.rd-range-input.rd-range-input-value-1(type="text" name="value-1") + span.price-devider - + .rd-range-form-wrap + span $ + input.rd-range-input.rd-range-input-value-2(type="text" name="value-2") + .col-xl-3.col-lg-3.col-md-4.col-sm-6.col-12 + .rd-range(data-min="0" data-max="350" data-start="[50, 250]" data-step="1" data-tooltip="false" data-min-diff="50" data-input=".rd-range-input-value-1" data-input-2=".rd-range-input-value-2") + .rd-range-wrap + .rd-range-form-wrap + span $ + input.rd-range-input.rd-range-input-value-1(type="text" name="value-1") + span.price-devider - + .rd-range-form-wrap + span $ + input.rd-range-input.rd-range-input-value-2(type="text" name="value-2") + .col-xl-3.col-lg-3.col-md-4.col-sm-6.col-12 + a.button.button-md.button-primary.button-winona.form-btn.wow.slideInDown(href='#' data-wow-delay='.4s') Search + section.section.section-md.text-center + .container + h3.text-uppercase.font-weight-bold.wow-outer: span.wow.slideInDown Popular properties + .row.row-50.offset-top-2 + .col-md-6.wow-outer + // Post Modern + article.post-modern.wow.slideInLeft + a.post-modern-media(href=links.post): +jpg('grid-blog-1-571x353') + h4.post-modern-title: a(href=links.post).post-modern-title 5619 Walnut Hill Ln, Dallas, TX 75229 + ul.post-modern-meta + li: a.button-winona(href='#') $1500/mon + li 30 Sq. Ft. + li 3 Bedrooms + p A comfortable residential property located in a quiet and cozy area. + + .col-md-6.wow-outer + // Post Modern + article.post-modern.wow.slideInLeft + a.post-modern-media(href=links.post): +jpg('grid-blog-2-571x353') + h4.post-modern-title: a(href=links.post).post-modern-title 1808 Bolingbroke Pl, Fort Worth, TX 76140 + ul.post-modern-meta + li: a.button-winona(href='#') $1300/mon + li 40 Sq. Ft. + li 2 Bedrooms + p Perfect for those who love both city life and the countryside. + + + .col-md-6.wow-outer + // Post Modern + article.post-modern.wow.slideInLeft + a.post-modern-media(href=links.post): +jpg('grid-blog-3-571x353') + h4.post-modern-title: a(href=links.post).post-modern-title 924 Bel Air Rd, Los Angeles, CA 90077 + ul.post-modern-meta + li: a.button-winona(href='#') 1800/mon + li 50 Sq. Ft. + li 4 Bedrooms + p Located in 5 mins from downtown, this property is great for anyone. + + .col-md-6.wow-outer + // Post Modern + article.post-modern.wow.slideInLeft + a.post-modern-media(href=links.post): +jpg('grid-blog-4-571x353') + h4.post-modern-title: a(href=links.post).post-modern-title 13510 W Cheery Lynn Rd, Avondale, AZ 85392 + ul.post-modern-meta + li: a.button-winona(href='#') $2700/mon + li 90 Sq. Ft. + li 2 Bedrooms + p A luxury mansion for people who enjoy the high-end amenities. + + .col-md-12.wow-outer + a(href="single-property.html").button.button-primary.button-winona.button-md view More properties + + + include ../sections/_section-small-features + // Services + section.section-lg.text-center + .container + h3.text-uppercase Residential property categories + p: span.text-width-1 At our agency, we work with various types of residential real estate property. You can find out more about our properties by browsing our website. + .row.row-50.row-xxl-70.offset-top-2 + .col-sm-6.col-lg-3 + // Thumbnail Light + article.thumbnail-light + a.thumbnail-light-media(href='single-property.html'): +jpg('service-thumbnail-1-270x300', 'thumbnail-light-image') + h4.thumbnail-light-title: a(href='single-service.html') Single-Family Homes + + .col-sm-6.col-lg-3 + // Thumbnail Light + article.thumbnail-light + a.thumbnail-light-media(href='single-property.html'): +jpg('service-thumbnail-2-270x300', 'thumbnail-light-image') + h4.thumbnail-light-title: a(href='single-property.html') Townhouses + + .col-sm-6.col-lg-3 + // Thumbnail Light + article.thumbnail-light + a.thumbnail-light-media(href='single-property.html'): +jpg('service-thumbnail-3-270x300', 'thumbnail-light-image') + h4.thumbnail-light-title: a(href='single-property.html') Multi-Family Homes + + .col-sm-6.col-lg-3 + // Thumbnail Light + article.thumbnail-light + a.thumbnail-light-media(href='single-property.html'): +jpg('service-thumbnail-4-270x300', 'thumbnail-light-image') + h4.thumbnail-light-title: a(href='single-property.html') Condominiums + .col-md-12.wow-outer + a(href="properties.html").button.button-primary.button-winona.button-md view all properties + include ../sections/_section-our-team + // Best offer + section.section.section-1.bg-primary-darker.text-center(style='background-image: url(images/bg-1-1920-455.jpg);') + .container + .row.justify-content-center + .col-sm-10.col-lg-7.col-xl-6 + h3.wow-outer: span.wow.slideInDown.text-uppercase Best offers + p.heading-subtitle of September + p.wow-outer.offset-top-4: span.wow.slideInDown(data-wow-delay='.05s') With a variety of accountants available at our company, you can always choose one that fits your corporate requirements. + .wow-outer.button-outer + a.button.button-primary-white.button-winona.wow.slideInDown(href='#' data-wow-delay='.1s') Read more + section.section.section-lg.text-center + .container + h3.wow-outer: span.wow.slideInDown.text-uppercase Testimonials + // Owl Carousel + .owl-carousel.wow.fadeIn( + data-items='1' + data-md-items='2' + data-lg-items='3' + data-dots='true' + data-nav='false' + data-loop='true' + data-margin='30' + data-stage-padding='0' + data-mouse-drag="false") + blockquote.quote-classic + .quote-classic-meta + .quote-classic-avatar: +jpg('testimonials-person-6-96x96') + .quote-classic-info + cite.quote-classic-cite Albert Webb + p.quote-classic-caption Regular Client + .quote-classic-text + p I have just bought an apartment in LA thanks to you and your brokers. Everything went smooth and easy, the price was quite affordable, and I’m sure I will use your services again in the future. + + blockquote.quote-classic + .quote-classic-meta + .quote-classic-avatar: +jpg('testimonials-person-1-96x96') + .quote-classic-info + cite.quote-classic-cite Kelly McMillan + p.quote-classic-caption Regular Client + .quote-classic-text + p I have recently sold my rental property in Nelson via inHouse. Everything about the sale was made seamless by your team. You gave me great advice about what was necessary to expedite the sale. + + blockquote.quote-classic + .quote-classic-meta + .quote-classic-avatar: +jpg('testimonials-person-2-96x96') + .quote-classic-info + cite.quote-classic-cite Harold Barnett + p.quote-classic-caption Regular Client + .quote-classic-text + p I really appreciate your time and expertise in helping me find and buy my current home in Seattle, WA. Hope we can do business again in the future and I will recommend you to family and friends. + + blockquote.quote-classic + .quote-classic-meta + .quote-classic-avatar: +jpg('testimonials-person-3-96x96') + .quote-classic-info + cite.quote-classic-cite Bill Warner + p.quote-classic-caption Regular Client + .quote-classic-text + p I have just sold a property with inHouse and I can’t thank them enough. Their team has great communication skills and they have regularly communicated with me throughout the whole process. + + blockquote.quote-classic + .quote-classic-meta + .quote-classic-avatar: +jpg('testimonials-person-4-96x96') + .quote-classic-info + cite.quote-classic-cite Ann Lee + p.quote-classic-caption Regular Client + .quote-classic-text + p Your skilled team helped me make the dream of selling my old property a reality. The sale went smoothly, and I just closed on an ideal new place I am excited to call home. Thank you for your great services! + + blockquote.quote-classic + .quote-classic-meta + .quote-classic-avatar: +jpg('testimonials-person-5-96x96') + .quote-classic-info + cite.quote-classic-cite Peter Clarkson + p.quote-classic-caption Regular Client + .quote-classic-text + p I have to say that inHouse has the best brokers we've ever worked with. Their professionalism, personality, attention to detail, responsiveness and ability to close the deal are outstanding! + + include ../sections/_section-contact-form-and-map + + include ../sections/_section-contact-info + + include ../sections/_footer-advanced + +footer-advanced({ + about: 'inHouse is the largest full-service real estate and property management company. We offer expertise in the marketing and sale of a wide range of properties, including residential real estate, farms and lifestyle blocks, as well as commercial and industrial properties that we hope may interest you.', + posts: [ + 'Real Estate Guide: 7 Important Tips for Buying a Home', + 'Single-Family Homes as a Housing Option for Young Families' + ] + }) + diff --git a/template/real_estate_html/sources/pug/pages/large-features.pug b/template/real_estate_html/sources/pug/pages/large-features.pug new file mode 100755 index 0000000..c8950dc --- /dev/null +++ b/template/real_estate_html/sources/pug/pages/large-features.pug @@ -0,0 +1,54 @@ +extends ../_skeleton + +//- Includes + + +block variables + - var activeCategory = 'pages' + - var pageName = 'Large Features' + +block page + // Page Header + include ../sections/_header-corporate + + +breadcrumbs({ + category: activeCategory, + path: [pageName] + }) + + // Overview + include ../sections/_section-about-1 + + // A Few Words About Us + include ../sections/_section-about-2 + + // A Few Words About Us + include ../sections/_section-about-3 + + // A Few Words About Us + include ../sections/_section-about-4 + + // A Few Words About Us + include ../sections/_section-about-5 + + // Our History + include ../sections/_section-our-history + + // Profile + include ../sections/_section-profile + + // Careers + include ../sections/_section-careers + + // Partners + include ../sections/_section-partners + + // Page Footer + include ../sections/_footer-advanced + +footer-advanced({ + about: 'inHouse is the largest full-service real estate and property management company. We offer expertise in the marketing and sale of a wide range of properties, including residential real estate, farms and lifestyle blocks, as well as commercial and industrial properties that we hope may interest you.', + posts: [ + 'Real Estate Guide: 7 Important Tips for Buying a Home', + 'Single-Family Homes as a Housing Option for Young Families' + ] + }) \ No newline at end of file diff --git a/template/real_estate_html/sources/pug/pages/our-team.pug b/template/real_estate_html/sources/pug/pages/our-team.pug new file mode 100755 index 0000000..e54e1ac --- /dev/null +++ b/template/real_estate_html/sources/pug/pages/our-team.pug @@ -0,0 +1,86 @@ +extends ../_skeleton + +block variables + - var activeCategory = 'about us' + - var pageName = 'Our team' + +block page + // Page Header + include ../sections/_header-corporate + + +breadcrumbs({ + category: activeCategory, + path: [pageName] + }) + + + section.section.section-lg.text-center + .container + h3.text-uppercase.wow-outer: span.wow.slideInUp Our Team + .row.row-50.row-xxl-70.justify-content-center.justify-content-lg-start + .col-md-10.col-lg-6.wow-outer + // Profile Creative + article.profile-creative.wow.slideInLeft + figure.profile-creative-figure: +jpg('team-1-270x273', 'profile-creative-image') + .profile-creative-main + h5.profile-creative-title: a(href='#') Nathalie Porter + p.profile-creative-position Founder, Broker + .profile-creative-contacts + .object-inline + span.icon.icon-md.mdi.mdi-phone + a(href='tel:#') 1-800-1324-567 + p Ms. Porter founded our company in 1989 with a vision to help guests and residents of the USA to easily find and buy or rent real estate in all 50 states. + + .col-md-10.col-lg-6.wow-outer + // Profile Creative + article.profile-creative.wow.slideInLeft(data-wow-delay='.2s') + figure.profile-creative-figure: +jpg('team-2-270x273', 'profile-creative-image') + .profile-creative-main + h5.profile-creative-title: a(href='#') John Thompson + p.profile-creative-position Sales Associate + .profile-creative-contacts + .object-inline + span.icon.icon-md.mdi.mdi-phone + a(href='tel:#') 1-800-1324-567 + p John has been in sales and marketing for the past 15 years. He has excellent knowledge about the local market both residential and commercial. + + .col-md-10.col-lg-6.wow-outer + // Profile Creative + article.profile-creative.wow.slideInLeft + figure.profile-creative-figure: +jpg('team-3-270x273', 'profile-creative-image') + .profile-creative-main + h5.profile-creative-title: a(href='#') Brian Payne + p.profile-creative-position Realtor + .profile-creative-contacts + .object-inline + span.icon.icon-md.mdi.mdi-phone + a(href='tel:#') 1-800-1324-567 + p Brian is not only a Licensed Realtor but also holds the Title Producers and Mortgage Licenses, which makes him a very knowledgeable real estate expert. + + .col-md-10.col-lg-6.wow-outer + // Profile Creative + article.profile-creative.wow.slideInLeft(data-wow-delay='.2s') + figure.profile-creative-figure: +jpg('team-4-270x273', 'profile-creative-image') + .profile-creative-main + h5.profile-creative-title: a(href='#') Marie Fernandez + p.profile-creative-position Broker + .profile-creative-contacts + .object-inline + span.icon.icon-md.mdi.mdi-phone + a(href='tel:#') 1-800-1324-567 + p Marie’s goal is to provide clients with the highest level of marketing expertise and customer service to help them reach their uppermost real estate goals. + + + // Page Footer + include ../sections/_footer-advanced + + include ../sections/_section-contact-form-and-map + + include ../sections/_section-contact-info + +footer-advanced({ + about: 'inHouse is the largest full-service real estate and property management company. We offer expertise in the marketing and sale of a wide range of properties, including residential real estate, farms and lifestyle blocks, as well as commercial and industrial properties that we hope may interest you.', + posts: [ + 'Real Estate Guide: 7 Important Tips for Buying a Home', + 'Single-Family Homes as a Housing Option for Young Families' + ] + }) diff --git a/template/real_estate_html/sources/pug/pages/privacy-policy.pug b/template/real_estate_html/sources/pug/pages/privacy-policy.pug new file mode 100755 index 0000000..6263ccf --- /dev/null +++ b/template/real_estate_html/sources/pug/pages/privacy-policy.pug @@ -0,0 +1,51 @@ +extends ../_skeleton + +block variables + - var activeCategory = 'pages' + - var pageName = 'Privacy Policy' + +block page + // Page Header + include ../sections/_header-corporate + + +breadcrumbs({ + category: activeCategory, + path: [pageName] + }) + + // Privacy Policy + section.section.section-lg + .container + .row + .col-xl-8 + // Terms list + dl.list-terms + dt General Information + dd Welcome to our Privacy Policy page! When you use our web site services, you trust us with your information. This Privacy Policy is meant to help you understand what data we collect, why we collect it, and what we do with it. When you share information with us, we can make our services even better for you. For instance, we can show you more relevant search results and ads, help you connect with people or to make sharing with others quicker and easier. As you use our services, we want you to be clear how we’re using information and the ways in which you can protect your privacy. This is important; we hope you will take time to read it carefully. Remember, you can find controls to manage your information and protect your privacy and security. We’ve tried to keep it as simple as possible. + + dt Right to Access, Correct and Delete Data and to Object to Data Processing + dd Our customers have the right to access, correct and delete personal data relating to them, and to object to the processing of such data, by addressing a written request, at any time. The Company makes every effort to put in place suitable precautions to safeguard the security and privacy of personal data, and to prevent it from being altered, corrupted, destroyed or accessed by unauthorized third parties. However, the Company does not control each and every risk related to the use of the Internet, and therefore warns the Site users of the potential risks involved in the functioning and use of the Internet. The Site may include links to other web sites or other internet sources. As the Company cannot control these web sites and external sources, the Company cannot be held responsible for the provision or display of these web sites and external sources, and may not be held liable for the content, advertising, products, services or any other material available on or from these web sites or external sources. + + dt Management of Personal Data + dd You can view or edit your personal data online for many of our services. You can also make choices about our collection and use of your data. How you can access or control your personal data will depend on which services you use. You can choose whether you wish to receive promotional communications from our web site by email, SMS, physical mail, and telephone. If you receive promotional email or SMS messages from us and would like to opt out, you can do so by following the directions in that message. You can also make choices about the receipt of promotional email, telephone calls, and postal mail by visiting and signing into Company Promotional Communications Manager, which allows you to update contact information, manage contact preferences, opt out of email subscriptions, and choose whether to share your contact information with our partners. These choices do not apply to mandatory service communications that are part of certain web site services. + + dt Information We Collect + dd Our store collects data to operate effectively and provide you the best experiences with our services. You provide some of this data directly, such as when you create a personal account. We get some of it by recording how you interact with our services by, for example, using technologies like cookies, and receiving error reports or usage data from software running on your device. We also obtain data from third parties (including other companies). For example, we supplement the data we collect by purchasing demographic data from other companies. We also use services from other companies to help us determine a location based on your IP address in order to customize certain services to your location. The data we collect depends on the services and features you use. + + dt How We Use Your Information + dd Our web site uses the data we collect for three basic purposes: to operate our business and provide (including improving and personalizing) the services we offer, to send communications, including promotional communications, and to display advertising. In carrying out these purposes, we combine data we collect through the various web site services you use to give you a more seamless, consistent and personalized experience. However, to enhance privacy, we have built in technological and procedural safeguards designed to prevent certain data combinations. For example, we store data we collect from you when you are unauthenticated (not signed in) separately from any account information that directly identifies you, such as your name, email address or phone number. + + dt Sharing Your Information + dd We share your personal data with your consent or as necessary to complete any transaction or provide any service you have requested or authorized. For example, we share your content with third parties when you tell us to do so. When you provide payment data to make a purchase, we will share payment data with banks and other entities that process payment transactions or provide other financial services, and for fraud prevention and credit risk reduction. In addition, we share personal data among our controlled affiliates and subsidiaries. We also share personal data with vendors or agents working on our behalf for the purposes described in this statement. For example, companies we've hired to provide customer service support or assist in protecting and securing our systems and services may need access to personal data in order to provide those functions. In such cases, these companies must abide by our data privacy and security requirements and are not allowed to use personal data they receive from us for any other purpose. We may also disclose personal data as part of a corporate transaction such as a merger or sale of assets. + + a.privacy-link(href='mailto:#') privacy@demolink.org + + // Page Footer + include ../sections/_footer-advanced + +footer-advanced({ + about: 'inHouse is the largest full-service real estate and property management company. We offer expertise in the marketing and sale of a wide range of properties, including residential real estate, farms and lifestyle blocks, as well as commercial and industrial properties that we hope may interest you.', + posts: [ + 'Real Estate Guide: 7 Important Tips for Buying a Home', + 'Single-Family Homes as a Housing Option for Young Families' + ] + }) diff --git a/template/real_estate_html/sources/pug/pages/progress-bars.pug b/template/real_estate_html/sources/pug/pages/progress-bars.pug new file mode 100755 index 0000000..3976828 --- /dev/null +++ b/template/real_estate_html/sources/pug/pages/progress-bars.pug @@ -0,0 +1,65 @@ +extends ../_skeleton + +//- Includes +include ../components/_ui-progress-bar-linear + +block variables + - var activeCategory = 'pages' + - var pageName = 'Progress Bars' + +block page + // Page Header + include ../sections/_header-corporate + + +breadcrumbs({ + category: activeCategory, + path: [pageName] + }) + + // Skill Bars + section.section.section-lg + .container + .row.row-50 + .col-md-10.col-lg-6.col-xl-5 + h6 Skill Bars + +progress-bar-linear({ + title: 'Dedication', + valueTo: '90' + }) + + +progress-bar-linear({ + title: 'Knowledge', + valueTo: '65' + }) + + +progress-bar-linear({ + title: 'Professionalism', + valueTo: '100' + }) + + +progress-bar-linear({ + title: 'Expertise', + valueTo: '75' + }) + + .container + h6 Countdown + + // Countdown + +parallax({ + img: 'parallax-1' + }).section-lg.bg-gray-800 + .container + // TimeCircles + .countdown-wrap + .DateCountdown(data-type='until' data-date='2019-12-31 00:00:00' data-format='wdhms' data-color=colors.primary data-bg='rgba(245, 245, 245, 1)' data-width='0.02') + + // Page Footer + include ../sections/_footer-advanced + +footer-advanced({ + about: 'inHouse is the largest full-service real estate and property management company. We offer expertise in the marketing and sale of a wide range of properties, including residential real estate, farms and lifestyle blocks, as well as commercial and industrial properties that we hope may interest you.', + posts: [ + 'Real Estate Guide: 7 Important Tips for Buying a Home', + 'Single-Family Homes as a Housing Option for Young Families' + ] + }) \ No newline at end of file diff --git a/template/real_estate_html/sources/pug/pages/properties.pug b/template/real_estate_html/sources/pug/pages/properties.pug new file mode 100755 index 0000000..e9f7e41 --- /dev/null +++ b/template/real_estate_html/sources/pug/pages/properties.pug @@ -0,0 +1,154 @@ +extends ../_skeleton + +block variables + - var activeCategory = 'properties' + - var pageName = 'Properties' + +block page + // Page Header + include ../sections/_header-corporate + + +breadcrumbs({ + category: activeCategory, + path: [pageName] + }) + + section.bg-gray-100.section-md + .container + form + .form-wrap.form-wrap-select.wow.fadeInLeftSmall(data-wow-delay='.3s') + .row.row-20.justify-content-md-center + // Select 2 + .col-xl-3.col-lg-3.col-md-4.col-sm-6.col-12 + select.form-input.select(name='find-job-location' data-minimum-results-for-search="Infinity" ) + option(value='1') All Property Types + option(value='2') Residential + option(value='3') Commercial + option(value='4') Vacant Land + .col-xl-3.col-lg-3.col-md-4.col-sm-6.col-12 + select.form-input.select(name='find-job-location' data-minimum-results-for-search="Infinity" ) + option(value='1') All States + option(value='2') New York + option(value='3') Washington + option(value='4') Georgia + .col-xl-3.col-lg-3.col-md-4.col-sm-6.col-12 + select.form-input.select(name='find-job-location' data-minimum-results-for-search="Infinity" ) + option(value='1') All Cities + option(value='2') New York + option(value='3') Seattle + option(value='4') Atlanta + .col-xl-3.col-lg-3.col-md-4.col-sm-6.col-12 + select.form-input.select(name='find-job-location' data-minimum-results-for-search="Infinity" ) + option(value='1') All Listing Types + option(value='2') Exclusive Right to Sell + option(value='3') Exclusive Agency + option(value='4') Open Agency + // Select 2 + .col-xl-3.col-lg-3.col-md-4.col-sm-6.col-12 + select.form-input.select(name='find-job-location' data-minimum-results-for-search="Infinity" ) + option(value='1') All Bedrooms + option(value='2') Master Bedrooms + option(value='3') Guest Bedrooms + option(value='4') Teen Bedrooms + .col-xl-3.col-lg-3.col-md-4.col-sm-6.col-12 + .rd-range(data-min="0" data-max="350" data-start="[50, 250]" data-step="1" data-tooltip="false" data-min-diff="50" data-input=".rd-range-input-value-1" data-input-2=".rd-range-input-value-2") + .rd-range-wrap + .rd-range-form-wrap + input.rd-range-input.rd-range-input-value-1(type="text" name="value-1") + span SqFt + span.price-devider - + .rd-range-form-wrap + input.rd-range-input.rd-range-input-value-2(type="text" name="value-2") + span SqFt + .col-xl-3.col-lg-3.col-md-4.col-sm-6.col-12 + .rd-range(data-min="0" data-max="350" data-start="[50, 250]" data-step="1" data-tooltip="false" data-min-diff="50" data-input=".rd-range-input-value-1" data-input-2=".rd-range-input-value-2") + .rd-range-wrap + .rd-range-form-wrap + span $ + input.rd-range-input.rd-range-input-value-1(type="text" name="value-1") + span.price-devider - + .rd-range-form-wrap + span $ + input.rd-range-input.rd-range-input-value-2(type="text" name="value-2") + .col-xl-3.col-lg-3.col-md-4.col-sm-6.col-12 + a.button.button-md.button-primary.button-winona.form-btn.wow.slideInDown(href='#' data-wow-delay='.4s') Search + section.section.section-md.text-center + .container + h3.text-uppercase.font-weight-bold.wow-outer: span.wow.slideInDown Popular properties + .row.row-50.offset-top-2 + .col-md-6.wow-outer + // Post Modern + article.post-modern.wow.slideInLeft + a.post-modern-media(href=links.post): +jpg('grid-blog-1-571x353') + h4.post-modern-title: a(href=links.post).post-modern-title 5619 Walnut Hill Ln, Dallas, TX 75229 + ul.post-modern-meta + li: a.button-winona(href='#') $1500/mon + li 30 Sq. Ft. + li 3 Bedrooms + p A comfortable residential property located in a quiet and cozy area. + + .col-md-6.wow-outer + // Post Modern + article.post-modern.wow.slideInLeft + a.post-modern-media(href=links.post): +jpg('grid-blog-2-571x353') + h4.post-modern-title: a(href=links.post).post-modern-title 1808 Bolingbroke Pl, Fort Worth, TX 76140 + ul.post-modern-meta + li: a.button-winona(href='#') $1300/mon + li 40 Sq. Ft. + li 2 Bedrooms + p Perfect for those who love both city life and the countryside. + + + .col-md-6.wow-outer + // Post Modern + article.post-modern.wow.slideInLeft + a.post-modern-media(href=links.post): +jpg('grid-blog-3-571x353') + h4.post-modern-title: a(href=links.post).post-modern-title 924 Bel Air Rd, Los Angeles, CA 90077 + ul.post-modern-meta + li: a.button-winona(href='#') 1800/mon + li 50 Sq. Ft. + li 4 Bedrooms + p Located in 5 mins from downtown, this property is great for anyone. + + .col-md-6.wow-outer + // Post Modern + article.post-modern.wow.slideInLeft + a.post-modern-media(href=links.post): +jpg('grid-blog-4-571x353') + h4.post-modern-title: a(href=links.post).post-modern-title 13510 W Cheery Lynn Rd, Avondale, AZ 85392 + ul.post-modern-meta + li: a.button-winona(href='#') $2700/mon + li 90 Sq. Ft. + li 2 Bedrooms + p A luxury mansion for people who enjoy the high-end amenities. + + .col-md-6.wow-outer + // Post Modern + article.post-modern.wow.slideInLeft + a.post-modern-media(href=links.post): +jpg('grid-blog-5-571x353') + h4.post-modern-title: a(href=links.post).post-modern-title 12043 33rd Ave NE, Seattle, WA 98125 + ul.post-modern-meta + li: a.button-winona(href='#') 1250/mon + li 35 Sq. Ft. + li 3 Bedrooms + p A great investment for a small family looking for a cozy house. + + .col-md-6.wow-outer + // Post Modern + article.post-modern.wow.slideInLeft + a.post-modern-media(href=links.post): +jpg('grid-blog-6-571x353') + h4.post-modern-title: a(href=links.post).post-modern-title 1550 Olympian Cir SW # 3, Atlanta, GA 30310 + ul.post-modern-meta + li: a.button-winona(href='#') $1620/mon + li 45 Sq. Ft. + li 2 Bedrooms + p A great property with a beautiful backyard and lots of amenities. + + // Page Footer + include ../sections/_footer-advanced + +footer-advanced({ + about: 'inHouse is the largest full-service real estate and property management company. We offer expertise in the marketing and sale of a wide range of properties, including residential real estate, farms and lifestyle blocks, as well as commercial and industrial properties that we hope may interest you.', + posts: [ + 'Real Estate Guide: 7 Important Tips for Buying a Home', + 'Single-Family Homes as a Housing Option for Young Families' + ] + }) diff --git a/template/real_estate_html/sources/pug/pages/search-results.pug b/template/real_estate_html/sources/pug/pages/search-results.pug new file mode 100755 index 0000000..8a11f54 --- /dev/null +++ b/template/real_estate_html/sources/pug/pages/search-results.pug @@ -0,0 +1,40 @@ +extends ../_skeleton + +block variables + - var activeCategory = 'pages' + - var pageName = 'Search Results' + +block page + // Page Header + include ../sections/_header-corporate + + +breadcrumbs({ + category: activeCategory, + path: [pageName] + }) + + // Search results + section.section.section-lg + .container + .row + .col-lg-11.col-xl-8 + // RD Search + form.rd-form.rd-search.rd-search-classic(action='search-results.html' method='GET') + .form-wrap + label.form-label-outside(for='rd-search-form-input') Search + .form-wrap-inner + input.form-input#rd-search-form-input(type='text' name='s' autocomplete='off') + button.rd-search-submit(type='submit' aria-label='Submit') + + .rd-search-results + + // Page Footer + include ../sections/_footer-advanced + +footer-advanced({ + about: 'inHouse is the largest full-service real estate and property management company. We offer expertise in the marketing and sale of a wide range of properties, including residential real estate, farms and lifestyle blocks, as well as commercial and industrial properties that we hope may interest you.', + posts: [ + 'Real Estate Guide: 7 Important Tips for Buying a Home', + 'Single-Family Homes as a Housing Option for Young Families' + ] + }) + diff --git a/template/real_estate_html/sources/pug/pages/sidebar-blog.pug b/template/real_estate_html/sources/pug/pages/sidebar-blog.pug new file mode 100755 index 0000000..8f35901 --- /dev/null +++ b/template/real_estate_html/sources/pug/pages/sidebar-blog.pug @@ -0,0 +1,132 @@ +extends ../_skeleton + +block variables + - var activeCategory = 'blog' + - var pageName = 'Sidebar Blog' + +block page + // Page Header + include ../sections/_header-corporate + + +breadcrumbs({ + category: activeCategory, + path: [pageName] + }) + + section.section.section-lg + .container + article.blog-layout + .blog-layout-main + .row.row-50.row-xxl-70 + .col-sm-6 + // Post Classic + article.post-classic + a.post-classic-media(href=links.post): +jpg('sidebar-blog-1-370x264') + ul.post-classic-meta + li: a.button-winona(href='#') News + li: time(datetime='2018') Apr 21, 2018 at 12:05 pm + h4.post-classic-title: a(href=links.post).post-modern-title Real Estate Guide: 7 Important Tips for Buying a Home + + .col-sm-6 + // Post Classic + article.post-classic + a.post-classic-media(href=links.post): +jpg('sidebar-blog-2-370x264') + ul.post-classic-meta + li: a.button-winona(href='#') Tips + li: time(datetime='2018') Apr 21, 2018 at 12:05 pm + h4.post-classic-title: a(href=links.post).post-modern-title Start These Habits Now If You Want to Buy a Home Next Year + + .col-sm-6 + // Post Classic + article.post-classic + a.post-classic-media(href=links.post): +jpg('sidebar-blog-3-370x264') + ul.post-classic-meta + li: a.button-winona(href='#') News + li: time(datetime='2018') Apr 21, 2018 at 12:05 pm + h4.post-classic-title: a(href=links.post).post-modern-title 7 Signs the Home You’re Buying Will Have Good Resale Value + + .col-sm-6 + // Post Classic + article.post-classic + a.post-classic-media(href=links.post): +jpg('sidebar-blog-4-370x264') + ul.post-classic-meta + li: a.button-winona(href='#') Real Estate + li: time(datetime='2018') Apr 21, 2018 at 12:05 pm + h4.post-classic-title: a(href=links.post).post-modern-title Single-Family Homes as a Housing Option + + .col-sm-6 + // Post Classic + article.post-classic + a.post-classic-media(href=links.post): +jpg('sidebar-blog-5-370x264') + ul.post-classic-meta + li: a.button-winona(href='#') News + li: time(datetime='2018') Apr 21, 2018 at 12:05 pm + h4.post-classic-title: a(href=links.post).post-modern-title The Real Estate Trends That Are Taking Over + + + .col-sm-6 + // Post Classic + article.post-classic + a.post-classic-media(href=links.post): +jpg('sidebar-blog-6-370x264') + ul.post-classic-meta + li: a.button-winona(href='#') Tips + li: time(datetime='2018') Apr 21, 2018 at 12:05 pm + h4.post-classic-title: a(href=links.post).post-modern-title 5 Vital Tips If You’re Buying Real Estate in New York City + + .pagination + .page-item.active: a.page-link.button-winona(href='#') 1 + .page-item: a.page-link.button-winona(href='#') 2 + .page-item: a.page-link.button-winona(href='#') 3 + .page-item: a.page-link.button-winona(href='#') 4 + + + .blog-layout-aside + .blog-layout-aside-item + p.blog-layout-aside-title Search Blog + // RD Search + form.rd-form.rd-search.rd-search-classic(action='search-results.html' method='GET') + .form-wrap + input.form-input#rd-search-form-input(type='text' name='s' autocomplete='off') + label.form-label(for='rd-search-form-input') Search + + button.rd-search-submit(type='submit') + + .blog-layout-aside-item + p.blog-layout-aside-title Archive + ul.list-marked + li: a(href='#') May 2018 + li: a(href='#') April 2018 + li: a(href='#') March 2018 + li: a(href='#') February 2018 + li: a(href='#') January 2018 + + .blog-layout-aside-item + p.blog-layout-aside-title About Us + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + + .blog-layout-aside-item + p.blog-layout-aside-title Categories + ul.list-marked + li: a(href='#') News + li: a(href='#') Real Estate + li: a(href='#') Tips + li: a(href='#') Properties + li: a(href='#') Residential + + .blog-layout-aside-item + p.blog-layout-aside-title Tags + ul.list-inline-comma + li: a.button-winona(href='#') News + li: a.button-winona(href='#') Articles + li: a.button-winona(href='#') Real Estate + li: a.button-winona(href='#') Management + li: a.button-winona(href='#') Properties + + include ../sections/_footer-advanced + +footer-advanced({ + about: 'inHouse is the largest full-service real estate and property management company. We offer expertise in the marketing and sale of a wide range of properties, including residential real estate, farms and lifestyle blocks, as well as commercial and industrial properties that we hope may interest you.', + posts: [ + 'Real Estate Guide: 7 Important Tips for Buying a Home', + 'Single-Family Homes as a Housing Option for Young Families' + ] + }) diff --git a/template/real_estate_html/sources/pug/pages/single-blog-post.pug b/template/real_estate_html/sources/pug/pages/single-blog-post.pug new file mode 100755 index 0000000..32d2916 --- /dev/null +++ b/template/real_estate_html/sources/pug/pages/single-blog-post.pug @@ -0,0 +1,147 @@ +extends ../_skeleton + +block variables + - var activeCategory = 'blog' + - var pageName = 'Single Blog Post' + +block page + // Page Header + include ../sections/_header-corporate + + +breadcrumbs({ + category: activeCategory, + path: [pageName] + }) + + section.section.section-lg + .container + .row.row-50 + .col-lg-8 + article.post-creative + h3.post-creative-title.text-none-transform Real Estate Guide: 7 Important Tips for Buying a Home + ul.post-creative-meta + li + span.icon.mdi.mdi-calendar-clock + time(datetime='2018') May 9, 2018 at 6:09 pm + li + span.icon.mdi.mdi-tag-multiple + a(href='#') Article + + h4 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. + + +jpg('single-blog-post-1-770x458') + + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + + // Quote Light + blockquote.quote-light + +quote-mark.quote-light-mark + .quote-light-text + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + + +jpg('single-blog-post-2-770x458') + + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. + + ul.post-creative-footer + li Share this post! + li + include ../includes/_group-social-buttons + + .section-sm + h3 Comments + .comment-classic-group + // Comment Classic + article.comment-classic + figure.comment-classic-figure: +jpg('comment-1-48x48', 'comment-classic-image') + .comment-classic-main + p.comment-classic-name Albert Webb + .comment-classic-text + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. + ul.comment-classic-meta + li: time(datetime='2018') May, 9 2018 at 9:06 am + li: a.comment-classic-reply(href='#' aria-label='reply') + + .comment-classic-group + // Comment Classic + article.comment-classic + figure.comment-classic-figure: +jpg('comment-2-48x48', 'comment-classic-image') + .comment-classic-main + p.comment-classic-name Theresa Barnes + .comment-classic-text + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. + ul.comment-classic-meta + li: time(datetime='2018') May, 9 2018 at 9:47 am + li: a.comment-classic-reply(href='#' aria-label='reply') + + .comment-classic-group + // Comment Classic + article.comment-classic + figure.comment-classic-figure: +jpg('comment-3-48x48', 'comment-classic-image') + .comment-classic-main + p.comment-classic-name Jason Hughes + .comment-classic-text + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. + ul.comment-classic-meta + li: time(datetime='2018') May, 8 2018 at 12:08 pm + li: a.comment-classic-reply(href='#' aria-label='reply') + + .section-sm.section-bottom-0 + h3 Send a Comment + // RD Mailform + form.rd-form.rd-mailform(data-form-output='form-output-global', data-form-type='contact', method='post', action='bat/rd-mailform.php') + .row.row-10 + .col-md-6 + .form-wrap + label.form-label-outside(for='comment-first-name') First Name + input#comment-first-name.form-input(type='text' name='name' data-constraints='@Required') + + .col-md-6 + .form-wrap + label.form-label-outside(for='comment-last-name') Last Name + input#comment-last-name.form-input(type='text' name='name' data-constraints='@Required') + + .col-md-6 + .form-wrap + label.form-label-outside(for='comment-email') E-mail + input#comment-email.form-input(type='email' name='email' data-constraints='@Email @Required') + + .col-md-6 + .form-wrap + label.form-label-outside(for='comment-phone') Phone + input#comment-phone.form-input(type='text' name='phone' data-constraints='@PhoneNumber') + + .col-12 + .form-wrap + label.form-label-outside(for='comment-message') Your Message + textarea#comment-message.form-input(name='message' data-constraints='@Required') + + + button.button.button-primary.button-winona(type='submit') Submit + + .col-lg-4 + // Profile Thin + article.profile-thin + .profile-thin-aside + +jpg('profile-thin-2-168x168', 'profile-thin-image') + a.profile-thin-contact-button(href='mailto:#') + span.icon.mdi.mdi-email-outline + span.icon.mdi.mdi-email-outline + .profile-thin-main + p.profile-thin-title Mike Barnes + p.profile-thin-subtitle Realtor, blogger + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + include ../includes/_group-social-buttons + a.button.button-sm.button-accent-outline.button-winona(href='#') View full profile + + // Page Footer + include ../sections/_footer-advanced + +footer-advanced({ + about: 'inHouse is the largest full-service real estate and property management company. We offer expertise in the marketing and sale of a wide range of properties, including residential real estate, farms and lifestyle blocks, as well as commercial and industrial properties that we hope may interest you.', + posts: [ + 'Real Estate Guide: 7 Important Tips for Buying a Home', + 'Single-Family Homes as a Housing Option for Young Families' + ] + }) diff --git a/template/real_estate_html/sources/pug/pages/single-job.pug b/template/real_estate_html/sources/pug/pages/single-job.pug new file mode 100755 index 0000000..4d0d8f0 --- /dev/null +++ b/template/real_estate_html/sources/pug/pages/single-job.pug @@ -0,0 +1,101 @@ +extends ../_skeleton + +//- Includes +include ../components/_ui-career-classic + +block variables + - var activeCategory = 'pages' + - var pageName = 'Single Job' + +block page + // Page Header + include ../sections/_header-corporate + + +breadcrumbs({ + category: activeCategory, + path: [pageName] + }) + + // A Few Words About Us + section.section.section-lg + .container + .row.row-50.justify-content-center.justify-content-lg-between.align-items-center.align-items-xl-start + .col-md-10.col-lg-6.col-xl-5 + h3 Residential Broker + // Bootstrap tabs + #tabs-1.tabs-custom.tabs-horizontal.tabs-line + // Nav tabs + ul.nav.nav-tabs + li.nav-item(role='presentation'): a.nav-link.active(href='#tabs-1-1' data-toggle='tab') Description + li.nav-item(role='presentation'): a.nav-link(href='#tabs-1-2' data-toggle='tab') Demands + li.nav-item(role='presentation'): a.nav-link(href='#tabs-1-3' data-toggle='tab') Conditions + + // Tab panes + .tab-content + div#tabs-1-1.tab-pane.fade.show.active + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Donec et odio pellentesque diam. + + div#tabs-1-2.tab-pane.fade + ul.list-marked + li Lorem ipsum dolor sit amet, consectetur adipiscing elit + li Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + li Lorem ipsum dolor sit amet, consectetur adipiscing elit + + div#tabs-1-3.tab-pane.fade + ul.list-marked + li Lorem ipsum dolor sit amet, consectetur + li Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod dolore magna aliqua. + li Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt magna aliqua. + + a.button.button-primary.button-winona(href='#') Send Your CV + + .col-md-10.col-lg-6 + +jpg('single-job-1-570x400', 'img-responsive') + + // Current Job Positions + section.section.section-lg.bg-gray-100.text-center + .container + h3 Current Job Positions + .row.row-45 + .col-md-6.col-lg-4 + +career-classic({ + title: 'Real Estate Agent', + list: [ + {iconClass: 'mdi mdi-calendar-clock', text: 'Full Time'}, + {iconClass: 'mdi mdi-map-marker', text: 'San Diego'} + ] + }) + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Donec et odio pellentesque diam. + + .col-md-6.col-lg-4 + +career-classic({ + title: 'Property Manager', + list: [ + {iconClass: 'mdi mdi-calendar-clock', text: 'Full Time'}, + {iconClass: 'mdi mdi-map-marker', text: 'San Diego'} + ] + }) + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Donec et odio pellentesque diam. + + .col-md-6.col-lg-4 + +career-classic({ + title: 'Leasing Consultant', + list: [ + {iconClass: 'mdi mdi-calendar-clock', text: 'Full Time'}, + {iconClass: 'mdi mdi-map-marker', text: 'San Diego'} + ] + }) + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Donec et odio pellentesque diam. + + a.button.button-lg.button-primary.button-winona(href='careers.html') Join Us + + // Page Footer + include ../sections/_footer-advanced + +footer-advanced({ + about: 'inHouse is the largest full-service real estate and property management company. We offer expertise in the marketing and sale of a wide range of properties, including residential real estate, farms and lifestyle blocks, as well as commercial and industrial properties that we hope may interest you.', + posts: [ + 'Real Estate Guide: 7 Important Tips for Buying a Home', + 'Single-Family Homes as a Housing Option for Young Families' + ] + }) diff --git a/template/real_estate_html/sources/pug/pages/single-property.pug b/template/real_estate_html/sources/pug/pages/single-property.pug new file mode 100755 index 0000000..ad9b01d --- /dev/null +++ b/template/real_estate_html/sources/pug/pages/single-property.pug @@ -0,0 +1,119 @@ +extends ../_skeleton + +//- Includes + +block variables + - var activeCategory = 'properties' + - var pageName = 'Single property' + +block page + include ../sections/_header-corporate + + +breadcrumbs({ + category: activeCategory, + path: [pageName] + }) + + // Overview + section.section.section-sm.bg-gray-100 + .container + // Owl Carousel + .owl-carousel.owl-carousel-centered-pagination( + data-items='1' + data-sm-items='2' + data-md-items='3' + data-lg-items='4' + data-dots='true' + data-stage-padding='0' + data-loop='false' + data-margin='30' + data-mouse-drag='false') + .item + h4 Price + p.text-primary: span.price-property $1300/mon + + .item + h4 Features + p: span(style='max-width: 240px;') Single-family house with 2 bedrooms, 2 A/C units, 3 toilets, 2 bathrooms, 1 garage, microwave, dishwasher, water boiler, fireplace, and heating. + + .item + h4 Description + p: span(style='max-width: 240px;') Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + + .item + h4 Address + p 1808 Bolingbroke Pl, Fort Worth, TX 76140 + + // About This Project + section.section.section-lg + .container + .row.row-50.justify-content-center.justify-content-lg-between + .col-md-10.col-lg-7.col-xl-7 + +jpg('grid-blog-7-670x384') + .col-md-10.col-lg-5.col-xl-4 + h3.text-uppercase.wow-outer: span.wow.slideInDown Schedule a Tour + // RD Mailform + form.rd-form.rd-mailform.schedule-form(data-form-output='form-output-global', data-form-type='contact', method='post', action='bat/rd-mailform.php') + .wow-outer + .form-wrap.wow.fadeSlideInUp + input#contact-first-name.form-input(type='text' name='name' data-constraints='@Required' placeholder='Name') + + .wow-outer + .form-wrap.wow.fadeSlideInUp + input#contact-last-name.form-input(type='text' name='name' data-constraints="@Numeric @Required" placeholder='Phone') + + .wow-outer + .form-wrap.wow.fadeSlideInUp + input#contact-email.form-input(type='email' name='email' data-constraints='@Email @Required' placeholder='E-mail') + + button.button.button-primary.button-winona.wow.slideInRight.button-block(type='submit') Send request + + + + section.section.swiper-container.swiper-slider.swiper-slider-tiny.text-center.centered-pagination( + data-loop='true' + data-slide-effect='fade' + data-autoplay='false' + data-simulate-touch='true') + .swiper-wrapper.primary-overlay + .swiper-slide(data-slide-bg='images/single-project-slide-1-1920x760.jpg'): .swiper-slide-caption: .container + .swiper-slide(data-slide-bg='images/single-project-slide-2-1920x760.jpg'): .swiper-slide-caption: .container + .swiper-slide(data-slide-bg='images/single-project-slide-3-1920x760.jpg'): .swiper-slide-caption: .container + .swiper-pagination-outer.container: .swiper-pagination.swiper-pagination-modern.swiper-pagination-marked(data-index-bullet='true') + + section.section.section-md.text-center + .container + h3.text-uppercase.font-weight-bold.wow-outer: span.wow.slideInDown Featured Properties + .row.row-50.offset-top-2 + .col-md-6.wow-outer + // Post Modern + article.post-modern.wow.slideInLeft + a.post-modern-media(href=links.post): +jpg('grid-blog-1-571x353') + h4.post-modern-title: a(href=links.post).post-modern-title 5619 Walnut Hill Ln, Dallas, TX 75229 + ul.post-modern-meta + li: a.button-winona(href='#') $1500/mon + li 30 Sq. Ft. + li 3 Bedrooms + p A comfortable residential property located in a quiet and cozy area. + + .col-md-6.wow-outer + // Post Modern + article.post-modern.wow.slideInLeft + a.post-modern-media(href=links.post): +jpg('grid-blog-3-571x353') + h4.post-modern-title: a(href=links.post).post-modern-title 924 Bel Air Rd, Los Angeles, CA 90077 + ul.post-modern-meta + li: a.button-winona(href='#') 1800/mon + li 50 Sq. Ft. + li 4 Bedrooms + p Located in 5 mins from downtown, this property is great for anyone. + + + // Page Footer + include ../sections/_footer-advanced + +footer-advanced({ + about: 'inHouse is the largest full-service real estate and property management company. We offer expertise in the marketing and sale of a wide range of properties, including residential real estate, farms and lifestyle blocks, as well as commercial and industrial properties that we hope may interest you.', + posts: [ + 'Real Estate Guide: 7 Important Tips for Buying a Home', + 'Single-Family Homes as a Housing Option for Young Families' + ] + }) diff --git a/template/real_estate_html/sources/pug/pages/small-features.pug b/template/real_estate_html/sources/pug/pages/small-features.pug new file mode 100755 index 0000000..dbe4af1 --- /dev/null +++ b/template/real_estate_html/sources/pug/pages/small-features.pug @@ -0,0 +1,133 @@ +extends ../_skeleton + +//- Includes +block variables + - var activeCategory = 'pages' + - var pageName = 'Small Features' + +block page + include ../sections/_header-corporate + + +breadcrumbs({ + category: activeCategory, + path: [pageName] + }) + + // Counters + section.section.section-lg.text-center + .container + h3 Counters + p: span.text-width-1 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Donec et odio pellentesque diam. + .row.row-50 + .col-6.col-md-3 + // Counter Minimal + article.counter-minimal + .counter-minimal-icon.fl-bigmug-line-circular220 + .counter-minimal-main: .counter 12 + h5.counter-minimal-title National Partners + + .col-6.col-md-3 + // Counter Minimal + article.counter-minimal + .counter-minimal-icon.fl-bigmug-line-graphical8 + .counter-minimal-main: .counter 238 + h5.counter-minimal-title Years of Experience + + .col-6.col-md-3 + // Counter Minimal + article.counter-minimal + .counter-minimal-icon.fl-bigmug-line-favourites5 + .counter-minimal-main: .counter 8 + h5.counter-minimal-title Qualified Brokers + + .col-6.col-md-3 + // Counter Minimal + article.counter-minimal + .counter-minimal-icon.fl-bigmug-line-user144 + .counter-minimal-main: .counter 54 + h5.counter-minimal-title Qualified Employees + + + // Small Features + include ../sections/_section-small-features + + // Light 4 Column Layout + section.section.section-lg.text-center + .container + h3 Light 4 Column Layout + p: span.text-width-1 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Donec et odio pellentesque diam. + .row.row-50.row-xxl-70.offset-top-2 + .col-sm-6.col-md-4.col-lg-3 + // Box Light + article.box-light + .box-light-icon.fl-bigmug-line-flag53 + h4.box-light-title Real Estate Advisory + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + + .col-sm-6.col-md-4.col-lg-3 + // Box Light + article.box-light + .box-light-icon.fl-bigmug-line-equalization3 + h4.box-light-title Transactions + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + + .col-sm-6.col-md-4.col-lg-3 + // Box Light + article.box-light + .box-light-icon.fl-bigmug-line-video163 + h4.box-light-title Property Investment + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + + .col-sm-6.col-md-4.col-lg-3 + // Box Light + article.box-light + .box-light-icon.fl-bigmug-line-file69 + h4.box-light-title Valuation Services + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + + .col-sm-6.col-md-4.col-lg-3 + // Box Light + article.box-light + .box-light-icon.fl-bigmug-line-share27 + h4.box-light-title Client Consulting + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + + .col-sm-6.col-md-4.col-lg-3 + // Box Light + article.box-light + .box-light-icon.fl-bigmug-line-store10 + h4.box-light-title Property Appraisal + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + + .col-sm-6.col-md-4.col-lg-3 + // Box Light + article.box-light + .box-light-icon.box-light-title.fl-bigmug-line-square160 + h4.box-light-title Market Analysis + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + + .col-sm-6.col-md-4.col-lg-3 + // Box Light + article.box-light + .box-light-icon.fl-bigmug-line-megaphone11 + h4.box-light-title Property Sales + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + + // Stroke Icons 3 Column Layout + section.section.section-lg.bg-gray-100.text-center + .container + h3 Stroke Icons 3 Column Layout + include ../includes/_row-stroke-icons + + // Contact Info + include ../sections/_section-contact-info + + // Page Footer + include ../sections/_footer-advanced + +footer-advanced({ + about: 'inHouse is the largest full-service real estate and property management company. We offer expertise in the marketing and sale of a wide range of properties, including residential real estate, farms and lifestyle blocks, as well as commercial and industrial properties that we hope may interest you.', + posts: [ + 'Real Estate Guide: 7 Important Tips for Buying a Home', + 'Single-Family Homes as a Housing Option for Young Families' + ] + }) \ No newline at end of file diff --git a/template/real_estate_html/sources/pug/pages/tables.pug b/template/real_estate_html/sources/pug/pages/tables.pug new file mode 100755 index 0000000..46a687f --- /dev/null +++ b/template/real_estate_html/sources/pug/pages/tables.pug @@ -0,0 +1,26 @@ +extends ../_skeleton + +//- Includes +block variables + - var activeCategory = 'pages' + - var pageName = 'Tables' + +block page + include ../sections/_header-corporate + + +breadcrumbs({ + category: activeCategory, + path: [pageName] + }) + + include ../sections/_section-job-positions + + // Page Footer + include ../sections/_footer-advanced + +footer-advanced({ + about: 'inHouse is the largest full-service real estate and property management company. We offer expertise in the marketing and sale of a wide range of properties, including residential real estate, farms and lifestyle blocks, as well as commercial and industrial properties that we hope may interest you.', + posts: [ + 'Real Estate Guide: 7 Important Tips for Buying a Home', + 'Single-Family Homes as a Housing Option for Young Families' + ] + }) \ No newline at end of file diff --git a/template/real_estate_html/sources/pug/pages/tabs.pug b/template/real_estate_html/sources/pug/pages/tabs.pug new file mode 100755 index 0000000..0400700 --- /dev/null +++ b/template/real_estate_html/sources/pug/pages/tabs.pug @@ -0,0 +1,58 @@ +extends ../_skeleton + +//- Includes + +block variables + - var activeCategory = 'pages' + - var pageName = 'Tabs' + +block page + // Page Header + include ../sections/_header-corporate + + +breadcrumbs({ + category: activeCategory, + path: [pageName] + }) + + // Tabs + section.section.section-lg + .container + .row + .col-sm-10.col-md-9.col-lg-6.col-xl-5 + h6 Standard tabs + // Bootstrap tabs + #tabs-1.tabs-custom.tabs-horizontal.tabs-line + // Nav tabs + ul.nav.nav-tabs + li.nav-item(role='presentation'): a.nav-link.active(href='#tabs-1-1' data-toggle='tab') Description + li.nav-item(role='presentation'): a.nav-link(href='#tabs-1-2' data-toggle='tab') Demands + li.nav-item(role='presentation'): a.nav-link(href='#tabs-1-3' data-toggle='tab') Conditions + + // Tab panes + .tab-content + div#tabs-1-1.tab-pane.fade.show.active + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. + + div#tabs-1-2.tab-pane.fade + ul.list-marked + li Lorem ipsum dolor sit amet, consectetur adipiscing + li Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation + li Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do + + div#tabs-1-3.tab-pane.fade + ul.list-marked + li Lorem ipsum dolor sit amet, consectetur + li Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + li Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + + // Page Footer + include ../sections/_footer-advanced + +footer-advanced({ + about: 'inHouse is the largest full-service real estate and property management company. We offer expertise in the marketing and sale of a wide range of properties, including residential real estate, farms and lifestyle blocks, as well as commercial and industrial properties that we hope may interest you.', + posts: [ + 'Real Estate Guide: 7 Important Tips for Buying a Home', + 'Single-Family Homes as a Housing Option for Young Families' + ] + }) diff --git a/template/real_estate_html/sources/pug/pages/testimonials.pug b/template/real_estate_html/sources/pug/pages/testimonials.pug new file mode 100755 index 0000000..52d924d --- /dev/null +++ b/template/real_estate_html/sources/pug/pages/testimonials.pug @@ -0,0 +1,40 @@ +extends ../_skeleton + +block variables + - var activeCategory = 'about us' + - var pageName = 'Testimonials' + +block page + // Page Header + include ../sections/_header-corporate + + +breadcrumbs({ + category: activeCategory, + path: [pageName] + }) + + // Testimonials + section.section.section-lg.bg-gray-100.section-first.text-center + .container + h3 Testimonials + include ../includes/_slick-widget-testimonials + + include ../sections/_section-testimonials-3-cols + include ../sections/_section-testimonials-and-video + + + // 2 Column Layout + section.section.section-lg.text-center + .container + h3 2 Column Layout + include ../includes/_owl-testimonials-2-cols + + // Page Footer + include ../sections/_footer-advanced + +footer-advanced({ + about: 'inHouse is the largest full-service real estate and property management company. We offer expertise in the marketing and sale of a wide range of properties, including residential real estate, farms and lifestyle blocks, as well as commercial and industrial properties that we hope may interest you.', + posts: [ + 'Real Estate Guide: 7 Important Tips for Buying a Home', + 'Single-Family Homes as a Housing Option for Young Families' + ] + }) diff --git a/template/real_estate_html/sources/pug/pages/typography.pug b/template/real_estate_html/sources/pug/pages/typography.pug new file mode 100755 index 0000000..2f3fcdb --- /dev/null +++ b/template/real_estate_html/sources/pug/pages/typography.pug @@ -0,0 +1,139 @@ +extends ../_skeleton + +block variables + - var activeCategory = 'pages' + - var pageName = 'Typography' + +block page + // Page Header + include ../sections/_header-corporate + + +breadcrumbs({ + category: activeCategory, + path: [pageName] + }) + + // Base typography + section.section.section-sm.section-first + .container + .row.row-50 + .col-xl-8 + ul.list-xl + li + h1 H1 Heading + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud + + li + h2 H2 Heading + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud + + li + h3 H3 Heading + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud + + li + h4 H4 Heading + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud + + li + h5 H5 Heading + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud + li + h6 H6 Heading + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud + + // Blockquote + section.section.section-sm + .container + .row.row-50 + .col-lg-10.col-xl-8 + h6 Blockquote + // Quote Light + blockquote.quote-light + +quote-mark.quote-light-mark + .quote-light-text + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud + + // HTML Text Elements + section.section.section-sm + .container + .row + .col-lg-10.col-xl-8 + h6 HTML Text Elements + p.text-block + a(href='#') Text Link + a(href='#').link-hover Hover link + span.font-weight-bold Bold text + mark This is a highlighted text + span.tooltip-custom(data-toggle='tooltip' data-placement='top' title='Tooltips text') Tooltips + span Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et + span Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et + span.text-strike Strikethrough text + span.text-underline Underlined text + + // Unordered List + section.section.section-sm + .container + .row.row-50 + .col-lg-10.col-xl-8 + h6 Unordered List + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud + ul.list-marked + li Lorem ipsum dolor + li Lorem ipsum dolor + li Lorem ipsum dolor + li Lorem ipsum dolor + li Lorem ipsum dolor + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore + + // Ordered List + section.section.section-sm + .container + .row.row-50 + .col-lg-10.col-xl-8 + h6 Ordered List + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud + ol.list-ordered + li Lorem ipsum dolor + li Lorem ipsum dolor + li Lorem ipsum dolor + li Lorem ipsum dolor + li Lorem ipsum dolor + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + // Centered image + section.section.section-sm + .container + .row + .col-lg-10.col-xl-8 + h6 Centered image + figure.figure-light + +jpg('typography-1-770x456', 'img-centered') + figcaption: p Lorem ipsum + + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud + + // Left aligned image + section.section.section-sm + .container: .row: .col-lg-10.col-xl-8 + h6 Left aligned image + .row.row-30 + .col-md-6: +jpg('typography-2-770x456') + .col-md-6: p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud + + // Right aligned image + section.section.section-sm.section-last + .container: .row: .col-lg-10.col-xl-8 + h6 Right aligned image + .row.row-30.flex-md-row-reverse + .col-md-6: +jpg('typography-3-770x456') + .col-md-6: p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. + + // Page Footer + include ../sections/_footer-advanced + +footer-advanced({ + about: 'inHouse is the largest full-service real estate and property management company. We offer expertise in the marketing and sale of a wide range of properties, including residential real estate, farms and lifestyle blocks, as well as commercial and industrial properties that we hope may interest you.', + posts: [ + 'Real Estate Guide: 7 Important Tips for Buying a Home', + 'Single-Family Homes as a Housing Option for Young Families' + ] + }) \ No newline at end of file diff --git a/template/real_estate_html/sources/pug/pages/under-construction.pug b/template/real_estate_html/sources/pug/pages/under-construction.pug new file mode 100755 index 0000000..b125d47 --- /dev/null +++ b/template/real_estate_html/sources/pug/pages/under-construction.pug @@ -0,0 +1,32 @@ +extends ../_skeleton + +block variables + - var activeCategory = 'pages' + - var pageName = 'Under Construction' + +block page + // Page content + section.section.section-single.bg-gray-800.primary-overlay(style='background-image: url(images/bg-image-4.jpg);') + .section-single-inner + .section-single-dummy + .section-single-main: .container + .row.row-30.justify-content-center.justify-content-sm-start + .col-sm-10.col-md-9.col-lg-7.col-xl-6 + h6.title-decorated.title-decorated-lg We're getting ready to launch soon + p We are terribly sorry, but our website is currently unavailable and is closed for maintenance. If you would like to be instantly notified about resumption of the website operation, leave us your e-mail address, and we will inform you when our website will be available again. + .rd-mailform-wrap + // RD Mailform + form.rd-form.rd-mailform.form-inline(data-form-output="form-output-global", data-form-type='subscribe', method='post', action='bat/rd-mailform.php') + .form-wrap + input.form-input(id="subscribe-form-1-email" type="email" name="email" data-constraints="@Email @Required") + label.form-label(for="subscribe-form-1-email") Your e-mail + .form-button: button.button.button-primary.button-winona(type="submit") Subscribe + + + .footer-minimal.section-single-footer + .container + .footer-minimal-inner + a.brand(href='index.html') + +png(logo.inverse.trueSize)(srcset='images/' + logo.inverse.retina + '.png 2x') + +rights + diff --git a/template/real_estate_html/sources/pug/sections/_footer-advanced.pug b/template/real_estate_html/sources/pug/sections/_footer-advanced.pug new file mode 100755 index 0000000..19483de --- /dev/null +++ b/template/real_estate_html/sources/pug/sections/_footer-advanced.pug @@ -0,0 +1,86 @@ +mixin footer-advanced(obj) + footer.section.footer-advanced.bg-gray-700 + .footer-advanced-main + .container + .row.row-50 + .col-lg-4 + h5.font-weight-bold.text-uppercase.text-white About Us + p.footer-advanced-text=obj.about + + .col-sm-7.col-md-5.col-lg-4 + h5.font-weight-bold.text-uppercase.text-white Recent Blog Posts + // Post Inline + article.post-inline + p.post-inline-title: a(href=links.post)=obj.posts[0] + ul.post-inline-meta + li by Mike Barnes + li: a(href=links.post) 2 days ago + + // Post Inline + article.post-inline + p.post-inline-title: a(href=links.post)=obj.posts[1] + ul.post-inline-meta + li by Mike Barnes + li: a(href=links.post) 2 days ago + + .col-sm-5.col-md-7.col-lg-4 + h5.font-weight-bold.text-uppercase.text-white Gallery + .row.row-x-10(data-lightgallery='group') + .col-3.col-sm-4.col-md-3 + a.thumbnail-minimal(href='images/gallery-original-1.jpg' data-lightgallery='item') + img.thumbnail-minimal-image(src='images/footer-gallery-1-85x85.jpg' alt='' ) + .thumbnail-minimal-caption + .col-3.col-sm-4.col-md-3 + a.thumbnail-minimal(href='images/gallery-original-2.jpg' data-lightgallery='item') + img.thumbnail-minimal-image(src='images/footer-gallery-2-85x85.jpg' alt='' ) + .thumbnail-minimal-caption + .col-3.col-sm-4.col-md-3 + a.thumbnail-minimal(href='images/gallery-original-3.jpg' data-lightgallery='item') + img.thumbnail-minimal-image(src='images/footer-gallery-3-85x85.jpg' alt='' ) + .thumbnail-minimal-caption + .col-3.col-sm-4.col-md-3 + a.thumbnail-minimal(href='images/gallery-original-4.jpg' data-lightgallery='item') + img.thumbnail-minimal-image(src='images/footer-gallery-4-85x85.jpg' alt='' ) + .thumbnail-minimal-caption + .col-3.col-sm-4.col-md-3 + a.thumbnail-minimal(href='images/gallery-original-5.jpg' data-lightgallery='item') + img.thumbnail-minimal-image(src='images/footer-gallery-5-85x85.jpg' alt='' ) + .thumbnail-minimal-caption + .col-3.col-sm-4.col-md-3 + a.thumbnail-minimal(href='images/gallery-original-6.jpg' data-lightgallery='item') + img.thumbnail-minimal-image(src='images/footer-gallery-6-85x85.jpg' alt='' ) + .thumbnail-minimal-caption + .col-3.col-sm-4.col-md-3 + a.thumbnail-minimal(href='images/gallery-original-7.jpg' data-lightgallery='item') + img.thumbnail-minimal-image(src='images/footer-gallery-7-85x85.jpg' alt='' ) + .thumbnail-minimal-caption + .col-3.col-sm-4.col-md-3 + a.thumbnail-minimal(href='images/gallery-original-8.jpg' data-lightgallery='item') + img.thumbnail-minimal-image(src='images/footer-gallery-8-85x85.jpg' alt='' ) + .thumbnail-minimal-caption + + .footer-advanced-aside + .container + .footer-advanced-layout + div: ul.list-nav + li: a(href='index.html') Home + li: a(href='about-us.html') About + li: a(href='properties.html') Properties + li: a(href='grid-blog.html') Blog + li: a(href='contacts.html') Contacts + + div: ul.foter-social-links.list-inline.list-inline-md + li: a.icon.icon-sm.link-default.mdi.mdi-facebook(href='#') + li: a.icon.icon-sm.link-default.mdi.mdi-twitter(href='#') + li: a.icon.icon-sm.link-default.mdi.mdi-instagram(href='#') + li: a.icon.icon-sm.link-default.mdi.mdi-google(href='#') + li: a.icon.icon-sm.link-default.mdi.mdi-linkedin(href='#') + + .container: hr + + .footer-advanced-aside + .container + .footer-advanced-layout + a.brand(href='index.html') + +png(logo.light.trueSize)(srcset='images/' + logo.light.retina + '.png 2x') + +rights diff --git a/template/real_estate_html/sources/pug/sections/_header-corporate.pug b/template/real_estate_html/sources/pug/sections/_header-corporate.pug new file mode 100755 index 0000000..1f5a3f4 --- /dev/null +++ b/template/real_estate_html/sources/pug/sections/_header-corporate.pug @@ -0,0 +1,68 @@ +- navbarCounter++ + +header.section.page-header + // RD Navbar + .rd-navbar-wrap + nav.rd-navbar.rd-navbar-corporate( + data-layout= 'rd-navbar-fixed' + + data-sm-layout= 'rd-navbar-fixed' + + data-md-layout= 'rd-navbar-fixed' + data-md-device-layout= 'rd-navbar-fixed' + + data-lg-layout= 'rd-navbar-static' + data-lg-device-layout= 'rd-navbar-static' + data-lg-stick-up= 'true' + data-lg-stick-up-offset= '118px' + + data-xl-layout= 'rd-navbar-static' + data-xl-device-layout= 'rd-navbar-static' + data-xl-stick-up= 'true' + data-xl-stick-up-offset= '118px' + + data-xxl-layout= 'rd-navbar-static' + data-xxl-device-layout= 'rd-navbar-static' + data-xxl-stick-up-offset= '118px' + data-xxl-stick-up= 'true' + ) + .rd-navbar-aside-outer + .rd-navbar-aside + // RD Navbar Panel + .rd-navbar-panel + // RD Navbar Toggle + button.rd-navbar-toggle(data-rd-navbar-toggle='#rd-navbar-nav-wrap-' + navbarCounter): span + + // RD Navbar Brand + a.rd-navbar-brand(href='index.html') + +png(logo.default.trueSize)(srcset='images/' + logo.default.retina + '.png 2x') + + .rd-navbar-collapse + button.rd-navbar-collapse-toggle.rd-navbar-fixed-element-1(data-rd-navbar-toggle='#rd-navbar-collapse-content-' + navbarCounter): span + .rd-navbar-collapse-content(id='rd-navbar-collapse-content-' + navbarCounter) + article.unit.align-items-center + .unit-left: span.icon.icon-md.icon-modern.mdi.mdi-phone + .unit-body + ul.list-0 + li: a.link-default(href='tel:#') 1-800-1234-567 + li: a.link-default(href='tel:#') 1-800-8763-765 + + article.unit.align-items-center + .unit-left: span.icon.icon-md.icon-modern.mdi.mdi-map-marker + .unit-body: a.link-default(href='tel:#') 2130 Fulton Street #[br] San Diego, CA 94117-1080 + a.button.button-gray-bordered.button-winona(href='#') Request a call + + .rd-navbar-main-outer + .rd-navbar-main + .rd-navbar-nav-wrap(id='rd-navbar-nav-wrap-' + navbarCounter) + // RD Navbar Search + .rd-navbar-search(id='rd-navbar-search-' + navbarCounter) + button.rd-navbar-search-toggle(data-rd-navbar-toggle='#rd-navbar-search-' + navbarCounter): span + form.rd-search(action='search-results.html' data-search-live='rd-search-results-live-' + navbarCounter, method='GET') + .form-wrap + label.form-label(for='rd-navbar-search-form-input-' + navbarCounter) Search... + input.form-input(class='rd-navbar-search-form-input' id='rd-navbar-search-form-input-' + navbarCounter, type='text' name='s' autocomplete="off") + .rd-search-results-live(id='rd-search-results-live-' + navbarCounter) + button.rd-search-form-submit.fa-search(type='submit') + + include ../includes/_navigation diff --git a/template/real_estate_html/sources/pug/sections/_section-about-1.pug b/template/real_estate_html/sources/pug/sections/_section-about-1.pug new file mode 100755 index 0000000..fc8ebe6 --- /dev/null +++ b/template/real_estate_html/sources/pug/sections/_section-about-1.pug @@ -0,0 +1,14 @@ +// Overview +section.section.section-lg + .container + .row.row-50.justify-content-center.justify-content-lg-between + .col-md-10.col-lg-6 + h3 Overview + h4.offset-top-3 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod. + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Donec et odio pellentesque diam. Tortor pretium viverra suspendisse. + .group.group-middle + a.button.button-primary.button-winona(href='#our-history' data-waypoint-to='#our-history') View our History + a.button.button-primary-outline.button-winona(href='careers.html') Join our Team + + .col-md-10.col-lg-6.col-xl-5 + +png('large-features-1-470x334', 'img-responsive') diff --git a/template/real_estate_html/sources/pug/sections/_section-about-2.pug b/template/real_estate_html/sources/pug/sections/_section-about-2.pug new file mode 100755 index 0000000..e7008a8 --- /dev/null +++ b/template/real_estate_html/sources/pug/sections/_section-about-2.pug @@ -0,0 +1,12 @@ +section.section.section-lg.bg-gray-100 + .container + .row.row-50.justify-content-center.justify-content-lg-between + .col-md-10.col-lg-6.col-xl-5 + h3.wow-outer: span.wow.slideInDown A Few Words About Us + p.wow-outer: span.wow.slideInDown(data-wow-delay='.05s') Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Donec et odio pellentesque diam. Tortor pretium viverra suspendisse + p.wow-outer: span.wow.slideInDown(data-wow-delay='.1s') Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Donec et odio pellentesque diam. Tortor pretium viverra suspendisse + .wow-outer.button-outer + a.button.button-lg.button-primary.button-winona.wow.slideInDown(data-wow-delay='.1s' href='about-us.html') Learn more + + .col-md-10.col-lg-6.wow-outer + +jpg('large-features-2-570x368', 'img-responsive').wow.slideInRight diff --git a/template/real_estate_html/sources/pug/sections/_section-about-3.pug b/template/real_estate_html/sources/pug/sections/_section-about-3.pug new file mode 100755 index 0000000..19ffcc6 --- /dev/null +++ b/template/real_estate_html/sources/pug/sections/_section-about-3.pug @@ -0,0 +1,12 @@ +section.section.section-sm + .container + .row.row-50.justify-content-center.justify-content-lg-between.flex-lg-row-reverse + .col-md-10.col-lg-6.col-xl-5 + h3.wow-outer: span.wow.slideInDown A Few Words About Us + p.wow-outer: span.wow.slideInDown(data-wow-delay='.05s') Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Donec et odio pellentesque diam. Tortor pretium viverra suspendisse + p.wow-outer: span.wow.slideInDown(data-wow-delay='.1s') Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Donec et odio pellentesque diam. Tortor pretium viverra suspendisse + .wow-outer.button-outer + a.button.button-lg.button-primary.button-winona.wow.slideInDown(data-wow-delay='.1s' href='about-us.html') Learn more + + .col-md-10.col-lg-6.wow-outer + +jpg('large-features-3-570x368', 'img-responsive').wow.slideInLeft diff --git a/template/real_estate_html/sources/pug/sections/_section-about-4.pug b/template/real_estate_html/sources/pug/sections/_section-about-4.pug new file mode 100755 index 0000000..515e033 --- /dev/null +++ b/template/real_estate_html/sources/pug/sections/_section-about-4.pug @@ -0,0 +1,41 @@ +include ../components/_ui-progress-bar-linear + +section.section.bg-gray-100 + .range.justify-content-xl-between + .cell-lg-6.cell-xl-5.align-self-center.container + .row + .col-md-10.cell-inner: .section-lg.inset-right-2 + h3.wow-outer: span.wow.slideInDown A Few Words About Us + p.wow.fadeIn Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Donec et odio pellentesque diam. Tortor pretium viverra suspendisse. + + .progress-linear-outer.wow-outer + +progress-bar-linear({ + title: 'Dedication', + valueTo: '90' + }).wow.slideInDown(data-wow-delay='.05s') + + .progress-linear-outer.wow-outer + +progress-bar-linear({ + title: 'Knowledge', + valueTo: '65' + }).wow.slideInDown(data-wow-delay='.1s') + + .progress-linear-outer.wow-outer + +progress-bar-linear({ + title: 'Professionalism', + valueTo: '100' + }).wow.slideInDown(data-wow-delay='.15s') + + .progress-linear-outer.wow-outer + +progress-bar-linear({ + title: 'Expertise', + valueTo: '75' + }).wow.slideInDown(data-wow-delay='.2s') + + .wow-outer.button-outer + a.button.button-primary.button-winona.wow.slideInUp(href='about-us.html') Learn more + + .cell-lg-6.height-fill + .figure-card + .figure-card-sizer + +jpg('large-features-4-1214x792') diff --git a/template/real_estate_html/sources/pug/sections/_section-about-5.pug b/template/real_estate_html/sources/pug/sections/_section-about-5.pug new file mode 100755 index 0000000..8ad8e20 --- /dev/null +++ b/template/real_estate_html/sources/pug/sections/_section-about-5.pug @@ -0,0 +1,12 @@ +section.section.section-lg + .container + .row.row-50.justify-content-center.justify-content-lg-between.flex-lg-row-reverse + .col-lg-6.col-xl-5: .inset-right-3 + h3.wow-outer: span.wow.slideInDown A Few Words About Us + p.wow-outer: span.wow.slideInDown(data-wow-delay='.05s') Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt odio pellentesque diam. Tortor pretium viverra suspendisse. + p.wow-outer: span.wow.slideInDown(data-wow-delay='.1s') Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Donec et odio pellentesque diam. Tortor pretium viverra suspendisse. + .wow-outer.button-outer + a.button.button-lg.button-primary.button-winona.wow.slideInDown(data-wow-delay='.1s' href='about-us.html') Learn more + + .col-lg-6 + .d3-chart-wrap.wow.fadeIn: #line-chart.d3-chart diff --git a/template/real_estate_html/sources/pug/sections/_section-careers.pug b/template/real_estate_html/sources/pug/sections/_section-careers.pug new file mode 100755 index 0000000..01642a2 --- /dev/null +++ b/template/real_estate_html/sources/pug/sections/_section-careers.pug @@ -0,0 +1,37 @@ +include ../components/_ui-career-classic + +section.section.section-lg.bg-gray-100.text-center + .container + h3.wow-outer: span.wow.slideInDown Careers + .row.row-50 + .col-md-6.col-lg-4.wow-outer + +career-classic({ + title: 'Real Estate Agent', + list: [ + {iconClass: 'mdi mdi-calendar-clock', text: 'Full Time'}, + {iconClass: 'mdi mdi-map-marker', text: 'San Diego'} + ] + }).wow.slideInRight + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + + .col-md-6.col-lg-4.wow-outer + +career-classic({ + title: 'Property Manager', + list: [ + {iconClass: 'mdi mdi-calendar-clock', text: 'Full Time'}, + {iconClass: 'mdi mdi-map-marker', text: 'San Diego'} + ] + }).wow.slideInRight(data-wow-delay='.05s') + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + + .col-md-6.col-lg-4.wow-outer + +career-classic({ + title: 'Leasing Consultant', + list: [ + {iconClass: 'mdi mdi-calendar-clock', text: 'Full Time'}, + {iconClass: 'mdi mdi-map-marker', text: 'San Diego'} + ] + }).wow.slideInRight(data-wow-delay='.1s') + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + .wow-outer.button-outer + a.button.button-lg.button-primary.button-winona.wow.slideInUp(href='careers.html') Join Us diff --git a/template/real_estate_html/sources/pug/sections/_section-contact-form-and-map.pug b/template/real_estate_html/sources/pug/sections/_section-contact-form-and-map.pug new file mode 100755 index 0000000..ebcbe6d --- /dev/null +++ b/template/real_estate_html/sources/pug/sections/_section-contact-form-and-map.pug @@ -0,0 +1,50 @@ +section.section.bg-gray-100 + .range.justify-content-xl-between + .cell-xl-6.align-self-center.container + .row + .col-lg-9.cell-inner: .section-lg + h3.text-uppercase.wow-outer: span.wow.slideInDown Contact Us + // RD Mailform + form.rd-form.rd-mailform(data-form-output='form-output-global', data-form-type='contact', method='post', action='bat/rd-mailform.php') + .row.row-10 + .col-md-6.wow-outer + .form-wrap.wow.fadeSlideInUp + label.form-label-outside(for='contact-first-name') First Name + input#contact-first-name.form-input(type='text' name='name' data-constraints='@Required') + + .col-md-6.wow-outer + .form-wrap.wow.fadeSlideInUp + label.form-label-outside(for='contact-last-name') Last Name + input#contact-last-name.form-input(type='text' name='name' data-constraints='@Required') + + .col-md-6.wow-outer + .form-wrap.wow.fadeSlideInUp + label.form-label-outside(for='contact-email') E-mail + input#contact-email.form-input(type='email' name='email' data-constraints='@Email @Required') + + .col-md-6.wow-outer + .form-wrap.wow.fadeSlideInUp + label.form-label-outside(for='contact-phone') Phone + input#contact-phone.form-input(type='text' name='phone' data-constraints='@PhoneNumber') + + .col-12.wow-outer + .form-wrap.wow.fadeSlideInUp + label.form-label-outside(for='contact-message') Your Message + textarea#contact-message.form-input(name='message' data-constraints='@Required') + + + .group.group-middle + .wow-outer + button.button.button-primary.button-winona.wow.slideInRight(type='submit') Send Message + p or use + .wow-outer + a.button.button-primary-outline.button-icon.button-icon-left.button-winona.wow.slideInLeft(href='#') + span.icon.text-primary.mdi.mdi-facebook-messenger + | Messenger + + .cell-xl-5.height-fill.wow.fadeIn + section.section + .google-map-container( data-center='9870 St Vincent Place, Glasgow, DC 45 Fr 45.', data-styles='[{"featureType":"water","elementType":"geometry","stylers":[{"color":"#e9e9e9"},{"lightness":17}]},{"featureType":"landscape","elementType":"geometry","stylers":[{"color":"#f5f5f5"},{"lightness":20}]},{"featureType":"road.highway","elementType":"geometry.fill","stylers":[{"color":"#ffffff"},{"lightness":17}]},{"featureType":"road.highway","elementType":"geometry.stroke","stylers":[{"color":"#ffffff"},{"lightness":29},{"weight":0.2}]},{"featureType":"road.arterial","elementType":"geometry","stylers":[{"color":"#ffffff"},{"lightness":18}]},{"featureType":"road.local","elementType":"geometry","stylers":[{"color":"#ffffff"},{"lightness":16}]},{"featureType":"poi","elementType":"geometry","stylers":[{"color":"#f5f5f5"},{"lightness":21}]},{"featureType":"poi.park","elementType":"geometry","stylers":[{"color":"#dedede"},{"lightness":21}]},{"elementType":"labels.text.stroke","stylers":[{"visibility":"on"},{"color":"#ffffff"},{"lightness":16}]},{"elementType":"labels.text.fill","stylers":[{"saturation":36},{"color":"#333333"},{"lightness":40}]},{"elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"transit","elementType":"geometry","stylers":[{"color":"#f2f2f2"},{"lightness":19}]},{"featureType":"administrative","elementType":"geometry.fill","stylers":[{"color":"#fefefe"},{"lightness":20}]},{"featureType":"administrative","elementType":"geometry.stroke","stylers":[{"color":"#fefefe"},{"lightness":17},{"weight":1.2}]}]' ) + .google-map + ul.google-map-markers + li( data-location='9870 St Vincent Place, Glasgow, DC 45 Fr 45.', data-description='9870 St Vincent Place, Glasgow', data-icon='images/gmap_marker.png', data-icon-active='images/gmap_marker.png' ) diff --git a/template/real_estate_html/sources/pug/sections/_section-contact-info.pug b/template/real_estate_html/sources/pug/sections/_section-contact-info.pug new file mode 100755 index 0000000..4bfb961 --- /dev/null +++ b/template/real_estate_html/sources/pug/sections/_section-contact-info.pug @@ -0,0 +1,16 @@ +section.section.section-sm + .container + .layout-bordered + .layout-bordered-item.wow-outer: .layout-bordered-item-inner.wow.slideInUp + .icon.icon-lg.mdi.mdi-phone.text-primary + ul.list-0 + li: a.link-default(href='tel:#') 1-800-1234-678 + li: a.link-default(href='tel:#') 1-800-9876-098 + + .layout-bordered-item.wow-outer: .layout-bordered-item-inner.wow.slideInUp + .icon.icon-lg.mdi.mdi-email.text-primary + a.link-default(href='mailto:#') info@demolink.org + + .layout-bordered-item.wow-outer: .layout-bordered-item-inner.wow.slideInUp + .icon.icon-lg.mdi.mdi-map-marker.text-primary + a.link-default(href='#') 2130 Fulton Street San Diego, CA 94117-1080 USA diff --git a/template/real_estate_html/sources/pug/sections/_section-job-positions.pug b/template/real_estate_html/sources/pug/sections/_section-job-positions.pug new file mode 100755 index 0000000..a9d6997 --- /dev/null +++ b/template/real_estate_html/sources/pug/sections/_section-job-positions.pug @@ -0,0 +1,73 @@ +section.section.section-lg.text-center + .container + h3.wow-outer: span.wow.slideInUp Latest Job Positions + p.wow-outer: span.text-width-1.wow.slideInDown Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Donec et odio pellentesque diam. + .table-responsive.wow.fadeIn + table.table.table-hover.table-job-positions + thead + tr + th + th Date + th Company + th Job Vacancy + th City + th Salary + th Employment + + tbody + tr + td + td: time(datetime='2018') Feb 27, 2018 + td: +png('logo-john-brad-72x48') + td.position Residential Broker + td New York + td $6000 + td Full Time + + tr + td: span.icon.icon-md.text-danger.mdi.mdi-fire + td: time(datetime='2018') Jan 27, 2018 + td: +png('logo-the-oldbrand-62x48') + td.position Residential Appraiser + td San Francisco + td $5500 + td Full Time + + tr + td + td: time(datetime='2018') Apr 27, 2018 + td: +png('logo-havana-cabana-72x48') + td.position Real Estate Agent + td Chicago + td $6000 + td Full Time + + tr + td + td: time(datetime='2018') Nov 27, 2018 + td: +png('logo-john-brad-72x48') + td.position Property Manager + td New York + td $4000 + td Full Time + + tr + td + td: time(datetime='2018') Dec 27, 2018 + td: +png('logo-the-oldbrand-62x48') + td.position Leasing Consultant + td Boston + td $5500 + td Full Time + + tr + td + td: time(datetime='2018') Jan 27, 2018 + td: +png('logo-john-brad-72x48') + td.position Commercial Broker + td San Diego + td $6000 + td Full Time + + .wow-outer.button-outer + a.button.button-lg.button-primary-outline.button-winona.wow.slideInUp(href='careers.html') View all Job Positions diff --git a/template/real_estate_html/sources/pug/sections/_section-newsletter-form.pug b/template/real_estate_html/sources/pug/sections/_section-newsletter-form.pug new file mode 100755 index 0000000..26cb3fb --- /dev/null +++ b/template/real_estate_html/sources/pug/sections/_section-newsletter-form.pug @@ -0,0 +1,14 @@ +section.section.section-lg.bg-gray-100 + .container + .row.justify-content-center + .col-sm-10.col-md-8.col-lg-7.col-xl-6 + h3.wow-outer.text-center: span.wow.slideInUp Newsletter + p.wow-outer: span.wow.slideInLeft Keep up with our always upcoming news and updates. Enter your e-mail and subscribe to our newsletter. + + // RD Mailform + form.rd-form.rd-mailform.form-inline.wow.fadeIn(data-wow-delay='.2s' data-form-output="form-output-global", data-form-type='subscribe', method='post', action='bat/rd-mailform.php') + .form-wrap + input.form-input(id="subscribe-form-1-email" type="email" name="email" data-constraints="@Email @Required") + label.form-label(for="subscribe-form-1-email") Your e-mail + .form-button + button.button.button-primary.button-winona(type="submit") Subscribe diff --git a/template/real_estate_html/sources/pug/sections/_section-our-history.pug b/template/real_estate_html/sources/pug/sections/_section-our-history.pug new file mode 100755 index 0000000..9e36fcd --- /dev/null +++ b/template/real_estate_html/sources/pug/sections/_section-our-history.pug @@ -0,0 +1,35 @@ +section.section.section-lg.bg-gray-700#our-history + .container + // Timeline Classic + article.timeline-classic + .timeline-classic-item + .timeline-classic-item-aside: +jpg('timeline-1-390x250', 'timeline-classic-item-image') + .timeline-classic-item-divider + .timeline-classic-item-main + p.timeline-classic-item-title December 1995 + p.thumbnail-classic-item-subtitle Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod. + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Donec et odio pellentesque diam. Tortor pretium viverra suspendisse. + + .timeline-classic-item + .timeline-classic-item-aside: +jpg('timeline-2-390x250', 'timeline-classic-item-image') + .timeline-classic-item-divider + .timeline-classic-item-main + p.timeline-classic-item-title March 2004 + p.thumbnail-classic-item-subtitle Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod. + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Donec et odio pellentesque diam. Tortor pretium viverra suspendisse. + + .timeline-classic-item + .timeline-classic-item-aside: +jpg('timeline-3-390x250', 'timeline-classic-item-image') + .timeline-classic-item-divider + .timeline-classic-item-main + p.timeline-classic-item-title April 2010 + p.thumbnail-classic-item-subtitle Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod. + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Donec et odio pellentesque diam. Tortor pretium viverra suspendisse. + + .timeline-classic-item + .timeline-classic-item-aside: +jpg('timeline-4-390x250', 'timeline-classic-item-image') + .timeline-classic-item-divider + .timeline-classic-item-main + p.timeline-classic-item-title May 2018 + p.thumbnail-classic-item-subtitle Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod. + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Donec et odio pellentesque diam. Tortor pretium viverra suspendisse. diff --git a/template/real_estate_html/sources/pug/sections/_section-our-team.pug b/template/real_estate_html/sources/pug/sections/_section-our-team.pug new file mode 100755 index 0000000..b00d7b8 --- /dev/null +++ b/template/real_estate_html/sources/pug/sections/_section-our-team.pug @@ -0,0 +1,55 @@ +section.section.section-lg.text-center.bg-gray-100 + .container + h3.text-uppercase.wow-outer: span.wow.slideInUp Our Team + .row.row-50.row-xxl-70.justify-content-center.justify-content-lg-start + .col-md-10.col-lg-6.wow-outer + // Profile Creative + article.profile-creative.wow.slideInLeft + figure.profile-creative-figure: +jpg('team-1-270x273', 'profile-creative-image') + .profile-creative-main + h5.profile-creative-title: a(href='#') Nathalie Porter + p.profile-creative-position Founder, Broker + .profile-creative-contacts + .object-inline + span.icon.icon-md.mdi.mdi-phone + a(href='tel:#') 1-800-1324-567 + p Ms. Porter founded our company in 1989 with a vision to help guests and residents of the USA to easily find and buy or rent real estate in all 50 states. + + .col-md-10.col-lg-6.wow-outer + // Profile Creative + article.profile-creative.wow.slideInLeft(data-wow-delay='.2s') + figure.profile-creative-figure: +jpg('team-2-270x273', 'profile-creative-image') + .profile-creative-main + h5.profile-creative-title: a(href='#') John Thompson + p.profile-creative-position Sales Associate + .profile-creative-contacts + .object-inline + span.icon.icon-md.mdi.mdi-phone + a(href='tel:#') 1-800-1324-567 + p John has been in sales and marketing for the past 15 years. He has excellent knowledge about the local market both residential and commercial. + + .col-md-10.col-lg-6.wow-outer + // Profile Creative + article.profile-creative.wow.slideInLeft + figure.profile-creative-figure: +jpg('team-3-270x273', 'profile-creative-image') + .profile-creative-main + h5.profile-creative-title: a(href='#') Brian Payne + p.profile-creative-position Realtor + .profile-creative-contacts + .object-inline + span.icon.icon-md.mdi.mdi-phone + a(href='tel:#') 1-800-1324-567 + p Brian is not only a Licensed Realtor but also holds the Title Producers and Mortgage Licenses, which makes him a very knowledgeable real estate expert. + + .col-md-10.col-lg-6.wow-outer + // Profile Creative + article.profile-creative.wow.slideInLeft(data-wow-delay='.2s') + figure.profile-creative-figure: +jpg('team-4-270x273', 'profile-creative-image') + .profile-creative-main + h5.profile-creative-title: a(href='#') Marie Fernandez + p.profile-creative-position Broker + .profile-creative-contacts + .object-inline + span.icon.icon-md.mdi.mdi-phone + a(href='tel:#') 1-800-1324-567 + p Marie’s goal is to provide clients with the highest level of marketing expertise and customer service to help them reach their uppermost real estate goals. diff --git a/template/real_estate_html/sources/pug/sections/_section-partners.pug b/template/real_estate_html/sources/pug/sections/_section-partners.pug new file mode 100755 index 0000000..b303b38 --- /dev/null +++ b/template/real_estate_html/sources/pug/sections/_section-partners.pug @@ -0,0 +1,19 @@ +section.section.section-sm.text-center + .container + // Owl Carousel + .owl-carousel.owl-carousel-1( + data-items='2' + data-sm-items='3' + data-md-items='4' + data-lg-items='5' + data-dots='true' + data-nav='false' + data-stage-padding='0' + data-loop='true' + data-margin='30' + data-mouse-drag="false") + .item.wow-outer: .wow.slideInLeft: a.link-image(href='#'): +png('logo-john-brad-135x87') + .item.wow-outer: .wow.slideInLeft(data-wow-delay='.05s'): a.link-image(href='#'): +png('logo-the-oldbrand-134x104') + .item.wow-outer: .wow.slideInLeft(data-wow-delay='.1s'): a.link-image(href='#'): +png('logo-havana-cabana-132x87') + .item.wow-outer: .wow.slideInLeft(data-wow-delay='.15s'): a.link-image(href='#'): +png('logo-brownie-143x85') + .item.wow-outer: .wow.slideInLeft(data-wow-delay='.2s'): a.link-image(href='#'): +png('logo-hillplan-111x85') diff --git a/template/real_estate_html/sources/pug/sections/_section-profile.pug b/template/real_estate_html/sources/pug/sections/_section-profile.pug new file mode 100755 index 0000000..8fc0d1c --- /dev/null +++ b/template/real_estate_html/sources/pug/sections/_section-profile.pug @@ -0,0 +1,40 @@ +include ../components/_ui-progress-bar-linear + +section.section.section-md + .container + // Profile Modern + article.profile-modern + .profile-modern-figure + +jpg('team-1-336x336', 'profile-modern-image') + a.profile-modern-button(href='#') + span.icon.mdi.mdi-facebook-messenger + span.icon.mdi.mdi-facebook-messenger + + .profile-modern-main + .profile-modern-header + .profile-modern-header-item + h3 Nathan Porter + p Founder, CEO + + .profile-modern-item + include ../includes/_group-social-buttons + + .row.row-30 + .col-lg-6 + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Donec et odio pellentesque diam. Tortor pretium viverra suspendisse potenti nullam ac. + + .col-lg-6 + +progress-bar-linear({ + title: 'Dedication', + valueTo: '90' + }) + + +progress-bar-linear({ + title: 'Knowledge', + valueTo: '65' + }) + + +progress-bar-linear({ + title: 'Expertise', + valueTo: '100' + }) diff --git a/template/real_estate_html/sources/pug/sections/_section-small-features.pug b/template/real_estate_html/sources/pug/sections/_section-small-features.pug new file mode 100755 index 0000000..2ff994c --- /dev/null +++ b/template/real_estate_html/sources/pug/sections/_section-small-features.pug @@ -0,0 +1,26 @@ +section.section.section-lg.bg-gray-100 + .container + .row.row-30 + .col-sm-6.col-lg-4.wow-outer + // Box Minimal + article.box-minimal + .box-chloe__icon.linearicons-user.wow.fadeIn + .box-minimal-main.wow-outer + h4.box-minimal-title.wow.slideInDown Qualified Employees + p.wow.fadeInUpSmall Our team consists of more than 20 qualified and experienced real estate brokers and property managers ready to help you. + + .col-sm-6.col-lg-4.wow-outer + // Box Minimal + article.box-minimal + .box-chloe__icon.linearicons-bubble-text.wow.fadeIn(data-wow-delay='.1s') + .box-minimal-main.wow-outer + h4.box-minimal-title.wow.slideInDown(data-wow-delay='.1s') Free Consultations + p.wow.fadeInUpSmall(data-wow-delay='.1s') Our acquaintance with a client always begins with a free consultation to find out what kind of property they are looking for. + + .col-sm-6.col-lg-4.wow-outer + // Box Minimal + article.box-minimal + .box-chloe__icon.linearicons-star.wow.fadeIn(data-wow-delay='.2s') + .box-minimal-main.wow-outer + h4.box-minimal-title.wow.slideInDown(data-wow-delay='.2s') 100% Guaranteed + p.wow.fadeInUpSmall(data-wow-delay='.2s') All the results that you get from our realtors are 100% guaranteed to offer you the best choice of properties throughout the USA. diff --git a/template/real_estate_html/sources/pug/sections/_section-testimonials-3-cols.pug b/template/real_estate_html/sources/pug/sections/_section-testimonials-3-cols.pug new file mode 100755 index 0000000..314562e --- /dev/null +++ b/template/real_estate_html/sources/pug/sections/_section-testimonials-3-cols.pug @@ -0,0 +1,50 @@ +// 3 Column Layout +section.section.section-lg.text-center + .container + h3.wow-outer: span.wow.slideInDown 3 Column Layout + // Owl Carousel + .owl-carousel.wow.fadeIn( + data-items='1' + data-md-items='2' + data-lg-items='3' + data-dots='true' + data-nav='false' + data-loop='false' + data-margin='30' + data-stage-padding='0' + data-mouse-drag="false") + blockquote.quote-classic + .quote-classic-meta + .quote-classic-avatar: +jpg('testimonials-person-3-96x96') + .quote-classic-info + cite.quote-classic-cite Albert Webb + p.quote-classic-caption Regular Client + .quote-classic-text + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Donec et odio pellentesque diam. Tortor pretium viverra suspendisse potenti nullam ac tortor vitae. + + blockquote.quote-classic + .quote-classic-meta + .quote-classic-avatar: +jpg('testimonials-person-1-96x96') + .quote-classic-info + cite.quote-classic-cite Kelly McMillan + p.quote-classic-caption Regular Client + .quote-classic-text + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Donec et odio pellentesque diam. Tortor pretium viverra suspendisse potenti nullam ac tortor vitae. + + blockquote.quote-classic + .quote-classic-meta + .quote-classic-avatar: +jpg('testimonials-person-2-96x96') + .quote-classic-info + cite.quote-classic-cite Harold Barnett + p.quote-classic-caption Regular Client + .quote-classic-text + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Donec et odio pellentesque diam. Tortor pretium viverra suspendisse potenti nullam ac tortor vitae. + + blockquote.quote-classic + .quote-classic-meta + .quote-classic-avatar: +jpg('testimonials-person-5-96x96') + .quote-classic-info + cite.quote-classic-cite Bill Warner + p.quote-classic-caption Regular Client + .quote-classic-text + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Donec et odio pellentesque diam. Tortor pretium viverra suspendisse potenti nullam ac tortor vitae. diff --git a/template/real_estate_html/sources/pug/sections/_section-testimonials-and-video.pug b/template/real_estate_html/sources/pug/sections/_section-testimonials-and-video.pug new file mode 100755 index 0000000..5818f12 --- /dev/null +++ b/template/real_estate_html/sources/pug/sections/_section-testimonials-and-video.pug @@ -0,0 +1,49 @@ +section.section.section-lg.bg-gray-100 + .container + h3.wow-outer.text-center: span.wow.slideInUp Testimonials & Video + .row.row-50.justify-content-center.justify-content-lg-between + .col-md-10.col-lg-5.wow-outer + .owl-carousel.wow.slideInLeft( + data-items='1' + data-dots='true' + data-nav='false' + data-loop='true' + data-margin='30' + data-stage-padding='0' + data-mouse-drag="false") + blockquote.quote-modern + +quote-mark.quote-modern-mark + .quote-modern-text + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Donec et odio pellentesque diam. Tortor pretium viverra suspendisse potenti nullam ac tortor vitae. + .quote-modern-meta + .quote-modern-avatar: +jpg('testimonials-person-3-96x96') + .quote-modern-info + cite.quote-modern-cite Albert Webb + p.quote-modern-caption Regular Client + + blockquote.quote-modern + +quote-mark.quote-modern-mark + .quote-modern-text + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Donec et odio pellentesque diam. Tortor pretium viverra suspendisse potenti nullam ac tortor vitae. + .quote-modern-meta + .quote-modern-avatar: +jpg('testimonials-person-1-96x96') + .quote-modern-info + cite.quote-modern-cite Kelly McMillan + p.quote-modern-caption Regular Client + + blockquote.quote-modern + +quote-mark.quote-modern-mark + .quote-modern-text + p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Donec et odio pellentesque diam. Tortor pretium viverra suspendisse potenti nullam ac tortor vitae. + .quote-modern-meta + .quote-modern-avatar: +jpg('testimonials-person-2-96x96') + .quote-modern-info + cite.quote-modern-cite Harold Barnett + p.quote-modern-caption Regular Client + + .col-md-10.col-lg-6.wow-outer + .thumbnail-video-1.bg-gray-700.wow.slideInLeft + .embed-responsive.embed-responsive-16by9: iframe(width='570' height='320' src='//www.youtube.com/embed/QZzbm-FrkGk' allowfullscreen='') + .thumbnail-video__overlay.video-overlay(style='background-image: url(images/video-preview-1-570x320.jpg)') + .button-video + h5 Lawrence Alvarado diff --git a/template/real_estate_html/sources/pug/sections/_section-thin-cta.pug b/template/real_estate_html/sources/pug/sections/_section-thin-cta.pug new file mode 100755 index 0000000..f12f070 --- /dev/null +++ b/template/real_estate_html/sources/pug/sections/_section-thin-cta.pug @@ -0,0 +1,8 @@ +section.section.section-xs.bg-primary-darker.text-center + .container + .row.justify-content-center + .col-sm-10.col-md-12 + .box-cta-thin + h4.wow-outer: span.wow.slideInRight Learn the Cost of your #[span.font-weight-bold Next Property] Right Now! + .wow-outer.button-outer + a.button.button-primary.button-winona.wow.slideInLeft(href='#') View all pricing diff --git a/template/real_estate_html/sources/scss/bootstrap/_alert.scss b/template/real_estate_html/sources/scss/bootstrap/_alert.scss new file mode 100755 index 0000000..dd43e23 --- /dev/null +++ b/template/real_estate_html/sources/scss/bootstrap/_alert.scss @@ -0,0 +1,51 @@ +// +// Base styles +// + +.alert { + position: relative; + padding: $alert-padding-y $alert-padding-x; + margin-bottom: $alert-margin-bottom; + border: $alert-border-width solid transparent; + @include border-radius($alert-border-radius); +} + +// Headings for larger alerts +.alert-heading { + // Specified to prevent conflicts of changing $headings-color + color: inherit; +} + +// Provide class for links that match alerts +.alert-link { + font-weight: $alert-link-font-weight; +} + + +// Dismissible alerts +// +// Expand the right padding and account for the close button's positioning. + +.alert-dismissible { + padding-right: ($close-font-size + $alert-padding-x * 2); + + // Adjust close link position + .close { + position: absolute; + top: 0; + right: 0; + padding: $alert-padding-y $alert-padding-x; + color: inherit; + } +} + + +// Alternate styles +// +// Generate contextual modifier classes for colorizing the alert. + +@each $color, $value in $theme-colors { + .alert-#{$color} { + @include alert-variant(theme-color-level($color, $alert-bg-level), theme-color-level($color, $alert-border-level), theme-color-level($color, $alert-color-level)); + } +} diff --git a/template/real_estate_html/sources/scss/bootstrap/_badge.scss b/template/real_estate_html/sources/scss/bootstrap/_badge.scss new file mode 100755 index 0000000..b87a1b0 --- /dev/null +++ b/template/real_estate_html/sources/scss/bootstrap/_badge.scss @@ -0,0 +1,47 @@ +// Base class +// +// Requires one of the contextual, color modifier classes for `color` and +// `background-color`. + +.badge { + display: inline-block; + padding: $badge-padding-y $badge-padding-x; + font-size: $badge-font-size; + font-weight: $badge-font-weight; + line-height: 1; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + @include border-radius($badge-border-radius); + + // Empty badges collapse automatically + &:empty { + display: none; + } +} + +// Quick fix for badges in buttons +.btn .badge { + position: relative; + top: -1px; +} + +// Pill badges +// +// Make them extra rounded with a modifier to replace v3's badges. + +.badge-pill { + padding-right: $badge-pill-padding-x; + padding-left: $badge-pill-padding-x; + @include border-radius($badge-pill-border-radius); +} + +// Colors +// +// Contextual variations (linked badges get darker on :hover). + +@each $color, $value in $theme-colors { + .badge-#{$color} { + @include badge-variant($value); + } +} diff --git a/template/real_estate_html/sources/scss/bootstrap/_breadcrumb.scss b/template/real_estate_html/sources/scss/bootstrap/_breadcrumb.scss new file mode 100755 index 0000000..25b9d85 --- /dev/null +++ b/template/real_estate_html/sources/scss/bootstrap/_breadcrumb.scss @@ -0,0 +1,38 @@ +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: $breadcrumb-padding-y $breadcrumb-padding-x; + margin-bottom: $breadcrumb-margin-bottom; + list-style: none; + background-color: $breadcrumb-bg; + @include border-radius($border-radius); +} + +.breadcrumb-item { + // The separator between breadcrumbs (by default, a forward-slash: "/") + + .breadcrumb-item::before { + display: inline-block; // Suppress underlining of the separator in modern browsers + padding-right: $breadcrumb-item-padding; + padding-left: $breadcrumb-item-padding; + color: $breadcrumb-divider-color; + content: "#{$breadcrumb-divider}"; + } + + // IE9-11 hack to properly handle hyperlink underlines for breadcrumbs built + // without `